body {margin:0;padding:0;font:normal 11px "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;background-color:#000000;color:#ffffff;line-height:20px;}
ul {list-style-type:none;margin:0;padding:0;}
a {color:#666666;background-color:inherit;text-decoration:none;}
a:hover {color:#ffffff;background-color:inherit;}
p {text-align:justify;}

.menu li a {color:#817F80;background-color:inherit;font-weight:bold;}
.menuh li a {color:#817F80;background-color:inherit;font-weight:bold;}
.menuh li a:hover {color:#ffffff;background-color:inherit;font-weight:bold;}
.menu li a:hover {color:#ffffff;background-color:inherit;}
.menu li.actif a {color:#ffffff;background-color:inherit;font-weight:bold;}

#coldroite #contenu .menu li a {color:#817F80;background-color:inherit;font-weight:bold;}
#coldroite #contenu .menuh li a {color:#817F80;background-color:inherit;font-weight:bold;}
#coldroite #contenu .menuh li a:hover {color:#ffffff;background-color:inherit;font-weight:bold;}
#coldroite #contenu .menu li a:hover {color:#ffffff;background-color:inherit;}

#cadre {position:relative;width:886px;margin:auto;}
#souscadre {background:url(../assets/cadre_motif.gif);float:left;width:100%;margin:0;}
#accueil #cadre #souscadre #zoneaccueil {background:url(../assets/accueil_fonds.jpg) no-repeat 1px 0;float:left;width:100%;padding:0 0 62px 0;}
#colgauche {float:left;clear:left;width:405px;}
#colgauche .logo {margin:0px 0 0 1px;color: #817F80;background-color:#000000;position:absolute;z-index:1;left:1px;top:0px;}
#colgauche .logo img {border:none;}
#colgauche .menu {margin:370px 0 0 61px;color: #817F80;background-color:#000000;position:relative;z-index:10;float:left;}
#colgauche .menu li {float:left;clear:left;}
 
#coldroite {float:left;width:433px;padding:0 0 20px 48px;}
#coldroite .menu {float:left;margin:160px 0 0 0;width:433px;}
#coldroite .menuh {float:left;margin:34px 0 0 0;background:url(../assets/menuh_motif.gif) repeat;height:25px;padding:1px 0;width:395px;}
#coldroite .menuh ul {float:left;background-color:#000000;width:100%;line-height:20px;height:25px;color:inherit;}
#coldroite .menuh ul li {float:left;display:block;margin:0 13px 0 0;height:13px;padding:2px 0px}
#coldroite .menuh ul li a.actif {color:#ffffff;background-color:inherit;}
#coldroite .menuh div.vide {float:left;background-color:#000000;width:100%;line-height:20px;height:25px;color:inherit;}

#coldroite #player {float:right;width:84px;height:20px;margin:18px 36px 0 0;}
#coldroite #player a {display:block;background:url(../assets/picto_regarder.gif) no-repeat;border:1px solid #ffffff;font:normal 9px arial,sans-serif;width:54px;
padding:2px 0 2px 30px;color:#ffffff;background-color:inherit;}
#coldroite #contenu {float:left;clear:left;line-height:18px;width:396px;/*background:url(../assets/contenu_motif.gif);*/padding:0 0 20px 0;}
#coldroite #contenu .retourhaut {float:left;clear:left;margin:-15px 0 0px -23px;width:9px;height:9px;position:relative;}
#coldroite #contenu .retourhaut a {background:url(../assets/haut_off.gif) no-repeat;float:left;width:9px;height:9px;}
#coldroite #contenu .retourhaut a:hover {background:url(../assets/haut_on.gif) no-repeat;}
#coldroite #contenu .rh1 {float:left;clear:left;margin:-25px 0 0 -23px;width:9px;height:9px;}
#coldroite #contenu .rh2 {float:left;clear:left;margin:-35px 0 0 -23px;width:9px;height:9px;}
#coldroite #contenu .texte {background-color:#000000;color: #817F80;float:left;line-height:20px;padding:45px 0px 0 0;width:396px;}
#coldroite #contenu  h2 {margin:0 0 36px 0;padding:0;font:bold 14px "trebuchet ms", Geneva, Arial, Helvetica,sans-serif; color:#ffffff; background-color:inherit;}
#coldroite #contenu  h2 a {font:bold 14px "trebuchet ms", Geneva, Arial, Helvetica,sans-serif; color:#ffffff; background-color:inherit;}
#coldroite #contenu .texte .retourhaut {margin-top:7px;}
#coldroite #contenu .texte div {float:left;}
#coldroite #contenu .texte p {width:100%;}
#coldroite #contenu .texte span {font-style:italic;}
#coldroite #contenu .texte span.nom {font-style:normal;color:#ffffff;background-color:inherit;}
#coldroite #contenu .texte span.nomgris {font-style:normal;}
#coldroite #contenu .texte a {background-color:inherit;color:#ffffff;}
#coldroite #contenu .remerciements {background-color:#000000;color: #817F80;float:left;line-height:20px;padding:45px 0px 0 0;width:396px;margin:0;}
#coldroite #contenu .listecourriels {background-color:#000000;color: #817F80;float:left;line-height:20px;padding:45px 0px 0 0;width:396px;margin:0;}
#coldroite #contenu  p {width:100%;}
#coldroite #contenu  span {font-style:italic;}
#coldroite #contenu  span.nom {font-style:normal;color:#ffffff;background-color:inherit;}
#coldroite #contenu  span.nomgris {font-style:normal;}

#coldroite #contenu img.adroite {float:right;margin:0 0 10px 0;}
#coldroite #contenu img.normale {float:left;margin:40px 0 10px 0;}
#coldroite #contenu .plan {float:left;width:100%;text-align:center;}
img.fincontenu {float:left;margin:40px 0 0 0;}
#coldroite .credits#contenu .texte {padding:20px 0 0 0;line-height:22px;}


.texteintro {color: #817F80;background-color:#000000;width:300px;float:left;margin:32px 0 0 490px;border:none;}
.texteintro .titre {color:#ffffff;background-color:inherit;float:right;border:none;background:none;}
#accueil #menu {float:left;margin:147px 0 0 395px;background:url(../assets/menuh_motif.gif) repeat;width:232px;padding:1px 0 0 0;}
#accueil #menu div {float:left;background-color:#000000;margin:0px 0 1px 0;padding:8px 0;width:232px;color:inherit;}
#accueil #menu div a {font-weight:bold;}

.dernierpartenaire {background:none;}
div.partenaire {float:left;clear:left;width:100%;background:url(../assets/menuh_motif.gif) 0 100%;padding:0 0 1px 0;}
div.partenaire div.media {float:left;clear:left;width:100%;background-color:#000000;color:inherit;}
div.partenaire img {float:right;margin:0;padding:0;}
#coldroite #contenu div.partenaire .texte {float:left;width:100%;margin:0;clear:left;padding:0 0 45px 0;}
div.partenaire .texte h2 {margin:0;}
#coldroite #contenu div.partenaire .texte a {color:#817F80;background-color:inherit;font-weight:bold;}
#coldroite #contenu div.partenaire .texte a:hover {color:#ffffff;background-color:inherit;}
#coldroite #contenu .dernierpartenaire {background:none;}


.mosaique {float:left;clear:left;width:396px;padding:0;}
.mosaique .vignette {float:left;border:1px solid #a4a6a5;margin:10px 15px 0 0px;}
.grandeimage {float:left;clear:left;margin:30px 0 0 0;}
.grandeimage img {display:block;margin:0;padding:0;}