body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
margin: 0;
padding: 0;
color:#BBB5A2;
background: url(images/background.png) 0 0 repeat;
}
p {
}
h1, h2, h3{
font-family: Georgia, Times, sans-serif;
margin-bottom: 0.5em;
}
a:link{
color:#D07B02;
font-weight:bold;
text-decoration:none;
}
a:visited{
color:#C3961F;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#FAA123;
text-decoration:underline;
}
a img {
border:none;
}
.spacer{
clear:both;
}
#header {
height: 380px;
}

#conteneur {
position:relative;
width:750px;
margin:0 auto;
background: url(images/fond_conteneur.gif) 0 0 repeat-y;
}
/* ############################" */
/*styles header */
#header h1{
position: absolute;
left:70px;
top:8px;
margin:0;
padding:0;
width:265px;
}
#header h1 a{
display:block;
width:265px;
height:40px;
}
#header h1 a span{
display:none;
}
/* Fin styles header */
/* ############################" */

/* ############################" */
/*styles centre */
#centre{
margin:0 0 0 230px;
width:470px;
padding-bottom:40px;
background:url(images/fondVertBas.png) 0 100% no-repeat;
}
/* Fin styles centre */
/* ############################" */

#gauche {
float:left;
width: 200px;
padding-left:35px;
padding-bottom:20px;
color:#D07B02;
}

#pied {
clear:both;
/* background: url(images/footer.gif) 0 0 repeat-x; */
margin: 40px 35px 0 40px;
padding-bottom:20px;
text-align:center;
border-top: 1px solid #D07B02;
}

#pied ul{
margin:5px 0 0 0;
padding:0;
}
#pied li{
list-style-type:none;
display:inline;
}


/* Menu haut */
/* #haut{
position:absolute;
top:230px;
left:60px;
width:190px;
}
#haut h2{
font: italic 1.2em Georgia, "Times New Roman", Times, sans-serif;
font-weight:normal;
margin:0;
}
#haut h2 a{
color:#C13003;
}
#haut h2 a:hover{
color:#FAA123;
} */
#gauche #menu h2{
font-size: .9em;
margin:.5em 0 0 0;
background:url(images/h2TitreMenu.gif) 50% 0 no-repeat;
height:20px;
padding-top:10px;
text-align:center;
}
#gauche #menu ul,#gauche #menu ul li{
margin:0;
padding:0;
list-style-type:none;
}
#gauche #menu ul li{
margin:.2em 0 .2em 0;
}
#gauche #menu ul li a{
display:block;
color:#C13003;
width:175px;
padding-left:25px;
background: url(images/menuBullet.png) 0 50% no-repeat;
}
#gauche #menu ul li a.menuactif{
color:#FAA123;
background: url(images/menuBulletOnFAA123.png) 0 50% no-repeat;
}
#gauche #menu ul li a.menuactif:hover{
color:#FAA123;
background: url(images/menuBulletOnFAA123.png) 0 50% no-repeat;
}
#gauche #menu ul li a:hover{
text-decoration:underline;
background: url(images/menuBulletOn.png) 0 50% no-repeat;
}

#gauche #menu ul#partenaires {
margin-top: .5em;
}
#gauche #menu ul#partenaires li{
padding:0;
margin:0;
text-align:center;
}
#gauche #menu ul#partenaires li.images a{
background-image: none;
border: 5px solid #000;
display:block;
padding:0;
margin:.5em auto;
width:88px;
}

#gauche #menu ul#partenaires li.images a:hover{
border: 5px solid #C13003;
}
#gauche #menu ul#partenaires li a span{
margin:0;
padding:0;
}
#gauche #menu ul#partenaires li a span img{
margin:0;
padding:0;
}
/* Styles  autres  */
#articleRubrique{
}

/* Style pour le menu */
#enUne{
height:380px;
background: url(images/headerS.jpg) 50% 0 no-repeat;
}
#enUne ul{
margin:0;
padding:0;
position:absolute;
top:230px;
left:447px;
width:230px;
}
#enUne li{
list-style-type:none;
}
#enUne li a{
display:block;
margin:.2em 0;
width:210px;
color:#C13003;
background:url(images/bullet_C13003.gif) 0 50% no-repeat;
padding-left:20px;
}

#enUne li a:hover{
color:#FAA123;
background:url(images/bullet_FAA123.gif) 5px 50% no-repeat;
}
/* Fin Style pour le menu */


/* Style pour les promos */
#enAccueil {
margin:0 auto;
padding-bottom:10px;
color:#333;
}

#enAccueil dl.artisteEnPromo, #enAccueil dl.artisteEnPromo dt, #enAccueil dl.artisteEnPromo dd, #enAccueil dl.artisteEnPromoOrange, #enAccueil dl.artisteEnPromoOrange dt, #enAccueil dl.artisteEnPromoOrange dd {
margin:0;
padding:0;
}
#enAccueil dl.artisteEnPromo{
background: url(images/insideTexteBas.gif) 0 100% no-repeat;
padding-bottom:10px;
margin-top:1em;
}
#enAccueil dl.artisteEnPromo dt.titre {
background: url(images/insideTexteHaut.gif) 0 100% repeat-y;
height:22px;
padding-top:8px;
padding-right:30px;
text-align:right;
}
#enAccueil dl.artisteEnPromo dt.titre a{
color:#666;
}
#enAccueil dl.artisteEnPromo dt.titre a:hover{
color:#000;
}
#enAccueil dl.artisteEnPromo dd {
background: url(images/insideTexte.gif) 0 100% repeat-y;
}
#enAccueil dl.artisteEnPromo dd p{
margin:0 25px;
}
#enAccueil dl.artisteEnPromo dd.images {
background: none;
float:right;
margin:3px 20px 3px 10px;
}
#enAccueil dl.artisteEnPromo dd.images a{
}
#enAccueil dl.artisteEnPromo dd.images a{
display:block;
padding:4px;
margin:0;
border:2px solid #999;
}
#enAccueil dl.artisteEnPromo dd.images a:hover{
border:2px solid #333;
}
#enAccueil dl.artisteEnPromo dd.chapo {
font-size:1.1em;
font-style:italic;
}
#enAccueil dl.artisteEnPromo dd.texte {
background: url(images/insideTexte.gif) 0 100% repeat-y;
padding-bottom:15px;
text-align:justify;
}
#enAccueil dl.artisteEnPromo dd.texte span, #enAccueil dl.artisteEnPromo dd.chapo span{
margin:0 20px 0 15px;
padding:.5em 0;
display:block;
}
/**/
#enAccueil dl.artisteEnPromoOrange{
background: url(images/insideTexteBasOrange.png) 0 100% no-repeat;
padding-bottom:10px;
margin-top:1em;
}
#enAccueil dl.artisteEnPromoOrange dt.titre {
background: url(images/insideTexteHautOrange.png) 0 100% repeat-y;
height:22px;
padding-top:8px;
padding-right:30px;
text-align:right;
}
#enAccueil dl.artisteEnPromoOrange dt.titre a{
color:#666;
}
#enAccueil dl.artisteEnPromoOrange dt.titre a:hover{
color:#000;
}
#enAccueil dl.artisteEnPromoOrange dd {
background: url(images/insideTexteOrange.png) 0 100% repeat-y;
}
#enAccueil dl.artisteEnPromoOrange dd p{
margin:0 25px;
}
#enAccueil dl.artisteEnPromoOrange dd.images {
background: none;
float:right;
margin:3px 20px 3px 10px;
}
#enAccueil dl.artisteEnPromoOrange dd.images a{
}
#enAccueil dl.artisteEnPromoOrange dd.images a{
display:block;
padding:4px;
margin:0;
border:2px solid #999;
}
#enAccueil dl.artisteEnPromoOrange dd.images a:hover{
border:2px solid #333;
}
#enAccueil dl.artisteEnPromoOrange dd.chapo {
font-size:1.1em;
font-style:italic;
}
#enAccueil dl.artisteEnPromoOrange dd.texte {
background: url(images/insideTexteOrange.png) 0 100% repeat-y;
padding-bottom:15px;
text-align:justify;
}
#enAccueil dl.artisteEnPromoOrange dd.texte span, #enAccueil dl.artisteEnPromoOrange dd.chapo span{
margin:0 20px 0 15px;
padding:.5em 0;
display:block;
}

/* Fin Style pour les promo */


/* style des titres */
#centre .descriptif{
}
#conteneur #centre h1{
background: url(images/h1.gif) 0 50% no-repeat;
padding-left:25px;
color:#D07B02;
}
#conteneur #centre h1#titrePage{
font: italic 1.6em Georgia, "Times New Roman", Times, sans-serif;
text-align:center;
color:#BBB5A2;
background:url(images/fondVertHaut.png) 0 0 no-repeat;
padding-top:20px;
}
#conteneur #centre h1#titrePage span{
display:block;
width:390px;
margin:0 auto;
padding:0 25px 0 25px;
background:url(images/h2Accueil_152B00.png) 0 50% no-repeat;
}
#texte{
margin:0 auto;
background: url(images/fondVert.png) 0 0 repeat-y;
}

#texte h2{
font: italic 2em Georgia, "Times New Roman", Times, sans-serif;
text-align:center;
color:#BBB5A2;
background:url(images/fondVertHaut.png) 0 0 no-repeat;
padding-top:20px;
}
#texte h2 span{
display:block;
width:420px;
margin:0 auto;
background:url(images/h2Accueil_152B00.png) 0 0 no-repeat;
}
#texte h3{
font: italic 1.5em Georgia, "Times New Roman", Times, sans-serif;
text-align:center;
width:420px;
color:#BBB5A2;
height:20px;
background:url(images/h2Accueil_152B00.png) 0 0 no-repeat;
margin:1em auto;
}
#texte p.spip{
font-size:.9em;
color:#BBB5A2;
text-align:justify;
margin: 0 0 1em 0;
}

/* ############################" */
/*styles centre */
#texte #extraDiv{
margin:0 25px;
padding-bottom:10px;
}
#extraDiv span.logo{
float:right;
margin-right:25px;
margin-left:5px;
}

#centre .surtitre{
}
#centre .soustitre{
}
#centre .chapo{
}
#centre .descriptif{
}
#centre .ps{
}

/* styles pour les outils */
#outils {
float:right;
width:150px;
margin:1em .3em;
}
#outils ul{
margin:0;
padding:0;
}
#outils ul li{
margin:0;
padding:0;
list-style-type:none;
}
#outils ul li a {
display:block;
width:125px;
height:17px;
background: url(images/videoBullet.png) 0 50% no-repeat;
padding:3px 0 0 25px;
color:#D07B02;
}
#outils ul li a:hover{
background: url(images/videoBulletOn.png) 0 50% no-repeat;
color:#FAA123;
}

/* Fin styles pour les outils */

/* album photos */
#centre #album{
text-align:center;
}
#centre #album .navAlbum{
height:30px;
margin:0 auto;
width:400px;
}
#centre #album .navAlbum span{
}
#centre #album .navAlbum span a{
display:block;
float:left;
width:70px;
height:30px;
margin: 0 10px;
}
#centre #album .navAlbum .start a{
background: url(images/img_nav/start.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .previous a{
background: url(images/img_nav/previous.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .next a{
background: url(images/img_nav/next.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .end a{
background: url(images/img_nav/end.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .start a:hover{
background: url(images/img_nav/startOn.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .previous a:hover{
background: url(images/img_nav/previousOn.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .next a:hover{
background: url(images/img_nav/nextOn.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum .end a:hover{
background: url(images/img_nav/endOn.gif) 15px 50% no-repeat;
}
#centre #album .navAlbum span a img{
border:none;
display:none;
}
#centre .photo{
text-align:center;
}
#centre .miniatures{
}
#centre .miniatures{
}
#centre .miniatures p{
text-align:center;
}
#centre .miniatures p span {
float:left;
}
#centre .miniatures p span a{
display:block;
padding:5px;
margin:3px;
border:1px solid #152B00;
background-color:#152B00;
}
#centre .miniatures p span a:hover{
background-color:#C13003;
}
#centre hr{
margin:1em auto;
border:1px solid #FAA123;
width:430px;
}

/* album photos */

/* Videos */
#video {
background: url(images/videoPicto.gif) 0 80px no-repeat;
padding:0 0 10px 0;
width:400px;
}
#video ul.listeMedia{
width:300px;
margin-left:100px;
}
#video ul.listeMedia li{
list-style-type:none;
}
#video ul.listeMedia li a{
display:block;
width:275px;
height:17px;
background: url(images/videoBullet.png) 0 50% no-repeat;
padding:3px 0 0 25px;
color:#D07B02;
}
#video ul.listeMedia li a:hover{
background: url(images/videoBulletOn.png) 0 50% no-repeat;
color:#FAA123;
}

/* Fin Videos */

/* Audios */
#audio {
background: url(images/audioPicto.gif) 0 80px no-repeat;
padding:0 0 10px 0;
width:400px;
}
#audio ul.listeMedia{
width:300px;
margin-left:100px;
}
#audio ul.listeMedia li{
list-style-type:none;
}
#audio ul.listeMedia li a{
display:block;
width:275px;
height:17px;
background: url(images/videoBullet.png) 0 50% no-repeat;
padding:3px 0 0 25px;
color:#D07B02;
}
#audio ul.listeMedia li a:hover{
background: url(images/videoBulletOn.png) 0 50% no-repeat;
color:#FAA123;
}

/* Fin Audios */


/* Fin styles centre */
/* ############################" */


/* ############################" */
/* styles SPIP */
a.spip_out{
color:#900;
}
a.spip_out:hover{
color:#D07B02;
}
.spip_encadrer{
border:2px solid #BBB5A2;
padding:0 1em;
}
.spip_documents{
margin:1em;
text-align:center;
}
.spip_documents_left{
float:left;
}
.spip_documents_right{
float:right;
}
.spip_documents_center{
text-align:center;
}
.spip_surligne{
background-color:#000;
border:1px solid #fff;
}
#gauche form.formrecherche{
margin:0 10px;
}
#gauche form.formrecherche input.formrecherche{
margin:0;
}
#gauche form.formrecherche fieldset legend, #gauche form.formrecherche fieldset{
margin:0;
padding:0;
border:none;
}
#gauche form.formrecherche fieldset legend span{
display:none;
}
#gauche form.formrecherche fieldset input.btnSubmit{
margin:0;
padding:0;
background-color:#000;
color:#BBB5A2;
}
#gauche form.formrecherche fieldset input.btnSubmit:hover{
color:#fff;
}
#gauche form.formrecherche fieldset input.btnSubmit:active{
border:1px solid #fff;
}

#gauche form.formrecherche fieldset label span{
display:none;
}
/* Fin styles SPIP */
/* ############################" */

/* Début Styles pour les formulaires */
#formulaire{
margin-top:1em;
}
#proposBien{
padding-bottom:1em;
}
#formulaire fieldset{
border:none;
margin-bottom:1em;
}
#formulaire h3{
}
#formulaire fieldset legend{
display:none;
}
#formulaire label {
width:35%;
float:left;
text-align:right;
}
#formulaire label.etiquetteNoFloat{
float:none;
}
#formulaire label.invisible{
display:none;
}

#formulaire p {
margin:.4em;
}
p.boutons {
text-align:right;
}
p.boutons input.btnValider{
font-size:1.1em;
font-weight:bold;
}
#formulaire p.eltRadio span{
width:34%;
float:left;
text-align:right;
}
#formulaire .champsRequis {
font-weight:bold;
}
#formulaire p.champsRequisAttention {
font-weight:bold;
background-color: #BBB5A2;
color: #152900;
padding: .2em .5em;
}

/* Fin des Styles pour les formulaires */

/* Styles pour le plan du site */

#extraDiv ul.planSite{
margin:0;
padding:0;
}
#extraDiv ul.planSite li.planSecteur{
list-style-type:none;
}
#extraDiv ul.planSite li.planSecteur a.planSecteur{
font-size:1.5em;
display:block;
padding:1em 0 .5em 0;
}

/* Fin des styles pour le plan du site */

/* styles pour les résultat de la recherche */
#extraDiv dl.resRecherche{
}
#extraDiv dl.resRecherche dt{
}
#extraDiv dl.resRecherche dd{
}
dl.resRecherche dd.logo{
float:none;
}
#extraDiv dl.resRecherche dd.texte{
}
/* Fin des styles pour les résultat de la recherche */