/******************************** BALISES ********************************/
body {
background: url(inter/fond_pag.jpg) repeat-x #f6f3f0;
font-family: Arial,Geneva,Tahoma,Helvetica,sans-serif;
padding:0;
margin:0;
font-size:12px;
color:#5f4f40
}

.spacer {clear: both;padding:0;margin:0;height:0;line-height:0px}

hr {display:none}
form {padding:0px;margin:0px}
form input {padding:0px;margin:0px}
img {border: 0}
a {text-decoration:none;color:#990033}
a:hover {text-decoration:underline;color:#000}

p {margin:0px;padding:0;}
ul {padding:0px;margin:0px}
li {padding:0px;margin:0px;}

h1 {display:none}
h1, h2, h3, h4, h5 {margin:0;padding:0}
h2 {font-size:18px;margin-top:10px;}
h3 {font-size:14px;color:#66001f}

/******************************** BALISES ********************************/


#conteneur {
background-color: #FFF;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
border:1px solid #c8c2b9;
border-top:0;
width: 980px;
}


#conteneur {
background: url(inter/fond_cont.gif) repeat-y;
}

.homepa #conteneur {
background: url(inter/fond_cont1.gif) repeat-y;
}

.contac #conteneur {
background: url(inter/fond_cont2.gif) repeat-y;
}




/******************************** DEB HAUT ********************************/

#logo {position:absolute;top:3px;margin-left:10px}

#bando {
margin-left: auto;
margin-right: auto;
width: 980px;
height:145px;
}

#bando {background: url(inter/fond_bando1.jpg) no-repeat}
.action #bando {background: url(inter/fond_bando2.jpg) no-repeat}
.format #bando {background: url(inter/fond_bando3.jpg) no-repeat}
.public #bando {background: url(inter/fond_bando4.jpg) no-repeat}

/*---------------debut menu haut---------------*/
#menuprincipal {
margin-top:-30px;
height:30px;
margin-left:180px;
width:801px;
}
#menuprincipal div {float:left;}
#menuprincipal span {display:none}

#menuaction img {width:180px;height:30px;}
#menuaction a:hover img {background: url(inter/menuaction_roll.gif) no-repeat}

#menuformat img {width:207px;height:30px;}
#menuformat a:hover img {background: url(inter/menuformat_roll.gif) no-repeat}

#menupublic img {width:113px;height:30px;margin-right:64px}
#menupublic a:hover img {background: url(inter/menupublic_roll.gif) no-repeat}

#menulesect img {width:157px;height:30px;}
#menulesect a:hover img {background: url(inter/menulesect_roll.gif) no-repeat}
.lesect #menulesect img {background: url(inter/menulesect_enco.gif) no-repeat}

#menulacrma img {width:79px;height:30px;}
#menulacrma a:hover img {background: url(inter/menulacrma_roll.gif) no-repeat}
.lacrma #menulacrma img {background: url(inter/menulacrma_enco.gif) no-repeat}


.standa #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.standa #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.standa #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.standa #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.standa #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.homepa #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.homepa #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.homepa #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.homepa #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.homepa #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.contac #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.contac #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.contac #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.contac #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.contac #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}


.lien #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.lien #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.lien #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.lien #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.lien #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.news #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.news #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.news #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.news #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.news #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}







.news2 #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.news2 #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.news2 #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.news2 #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.news2 #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.cherche #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.cherche #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.cherche #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.cherche #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.cherche #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}



.edito #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.edito #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.edito #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.edito #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.edito #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.edito2 #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.edito2 #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.edito2 #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.edito2 #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.edito2 #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}




.mention #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.mention #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.mention #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.mention #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.mention #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}


.action #menuaction img {background: url(inter/menuaction_enco.gif) no-repeat}
.action #menuformat img {background: url(inter/menuformat2.gif) no-repeat;}
.action #menupublic img {background: url(inter/menupublic2.gif) no-repeat;}
.action #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.action #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.format #menuaction img {background: url(inter/menuaction3.gif) no-repeat;}
.format #menuformat img {background: url(inter/menuformat_enco.gif) no-repeat}
.format #menupublic img {background: url(inter/menupublic3.gif) no-repeat;}
.format #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.format #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.public #menuaction img {background: url(inter/menuaction4.gif) no-repeat;}
.public #menuformat img {background: url(inter/menuformat4.gif) no-repeat;}
.public #menupublic img {background: url(inter/menupublic_enco.gif) no-repeat}
.public #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.public #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

.lacrma #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.lacrma #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.lacrma #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.lacrma #menulesect img {background: url(inter/menulesect.gif) no-repeat;}
.lacrma #menulacrma img {background: url(inter/menulacrma_enco.gif) no-repeat;}

.lesect #menuaction img {background: url(inter/menuaction1.gif) no-repeat;}
.lesect #menuformat img {background: url(inter/menuformat1.gif) no-repeat;}
.lesect #menupublic img {background: url(inter/menupublic1.gif) no-repeat;}
.lesect #menulesect img {background: url(inter/menulesect_enco.gif) no-repeat;}
.lesect #menulacrma img {background: url(inter/menulacrma.gif) no-repeat;}

/*---------------fin menu haut---------------*/

/*---------------debut recherche---------------*/
#recher {
position:absolute;
top:115px;
width:175px;
height:25px;
padding: 5px 0px 0px 5px
}

#recher .champ {
width:145px;
height:18px;
background-color:#e4e0db;
border:1px solid#6d5d4f;
color:#6d5d4f}

#recher .ok {
width:20px;
height:20px;
position:absolute;
top:5px;
margin-left:2px}
/*---------------fin menu---------------*/

/*---------------debut animation---------------*/
#anim
{
z-index:0;
position:absolute;
top:0px;
margin:0px;
margin-left:740px;
width:auto;
height:auto;
padding:0px;
padding-bottom:0px;
background-color: none
}

#anim li {list-style: none;margin:0px;padding:0px;}
#anim ul {list-style: none;margin:0px;padding:0px;}
.photoArrow {display: none;cursor: pointer;}
.photoPrevActive {display: none;float: left;}
.photoNextActive {display: none;float: right;}
.photoListActive {text-align: center;list-style: none;}
.photoListActive li {display: none;}
.photoListActive li.photoItemActive {display: none;}
.photoListActive a {}
.photoContainer {margin:0px;padding:0px;}
.photoArea {position: relative;visibility: hidden;}
.photoAreaActive {visibility: visible;padding: 0px;}
.photoLoadMessage, .photoAutoPause, .photoAutoPauseLabel, .photoAutoDisabled,.photoAutoPlay, .photoAutoPause, .photoAutoPlay span, .photoAutoPause span, .photoAutoPlay .photoAutoPlayLabel 
{display: none;}
/*--------------- fin animation---------------*/

/******************************** FIN HAUT ********************************/

/******************************** DEB CONTENU ********************************/





#boite1 {width:180px;float:left;padding: 15px 0px 30px 0px;background: url(inter/fond_gauche.gif) no-repeat #f9f8f7;margin-top:-3px}

.homepa #boite2 {float:left;width:300px;padding: 70px 15px 30px 20px;background: url(inter/boite2_titre.gif) no-repeat}
.homepa #boite3 {width:425px;float:right;padding: 70px 30px 30px 10px;background: url(inter/boite3_titre.gif) no-repeat}

.contac #boite2 {float:left;width:440px;padding: 0px 0px 30px 20px;}
.contac #boite3 {width:315px;float:right;padding: 49px 25px 30px 0px;}

/*---------------debut conta---------------*/
.contac #boite3 label {display:block;width:70px;float:left;text-align:right;}
.contac #boite3 input {width:220px;margin:0px 0px 0px 5px;}
.contac #boite3 textarea {width:220px;margin:0px 0px 0px 5px;}
.contac #boite3 .bouton input {width:60px;height:20px;margin-left:150px}
.contac #apigoo {
position:absolute;
top:240px;
width:420px;
height:300px;
background:#CCC
}
/*---------------fin conta---------------*/


#boite2 {float:left;width:725px;padding: 0px 15px 30px 20px;}
#boite2 {float:left;width:725px;padding: 0px 15px 30px 20px;}
#boite2 {float:left;width:725px;padding: 0px 15px 30px 20px;}

#boite1 h2 span,
#boite2 h2 span,
#boite3 h2 span
{display:none}

#boite1 ul,
#boite2 ul,
#boite3 ul
{padding: 0px 0px 8px 0px;}

#boite1 li,
#boite2 li,
#boite3 li
{padding:0px;margin:0px 0px 0px 20px}

#boite1 .listeliens li,
#boite2 .listeliens li,
#boite3 .listeliens li
{list-style-type:none;margin:0}

#boite1 .listemenu li,
#boite2 .listemenu li,
#boite3 .listemenu li
{list-style-type:none;margin:0}

#boite1 p {padding-bottom:5px}

#boite1 .bienvenue {padding:5px}
#boite1 .exergue {background: url(inter/fond_gauche_exerg.gif) repeat-x;padding:5px;}
#boite1 .exergue h2 {font-size:14px}
#boite1 .part {padding: 10px 9px 10px 9px;}
#boite1 .part img {width:160px;height:auto;border:1px solid #c0bab4}

#boite1 .menugauche {width:180px;padding: 0px 0px 25px 0px}
#boite1 .menugauche h2 {font-size:12px;margin: 5px 5px 5px 8px;text-transform: uppercase;color:#5f4f40}
#boite1 .menugauche ul {margin: 10px 0px 0px 0px;padding: 0px 0px 6px 0px;border-top:1px solid #FFF}
#boite1 .menugauche li {background: url(inter/menugauche_puce.gif) no-repeat;padding: 8px 0px 7px 15px;border-bottom:1px solid #FFF}
#boite1 .menugauche a {color:#5f4f40}


.action .menugauche {color:#c18800}
.format .menugauche {color:#0071b8}
.public .menugauche {color:#007988}

.lacrma .menugauche {color:#990033}
.lesect .menugauche {color:#990033}


#boite2 #chemin {padding: 10px 10px 0px 0px;}
.action #boite2 #chemin a {color:#c18800}
.format #boite2 #chemin a {color:#0071b8}
.public #boite2 #chemin a {color:#007988}

#boite2 h2 {margin: 15px 0px 10px 0px;padding: 0px 0px 10px 0px;background: url(inter/filet.gif) repeat-x bottom}
.homepa #boite2 h2 {margin: 0px;padding: 0px;background: none}
.action #boite2 h2 {color:#c18800}
.format #boite2 h2 {color:#0071b8}
.public #boite2 h2 {color:#007988}

#boite2 .article {padding: 10px 10px 0px 0px;background: url(inter/filet.gif) repeat-x bottom}
#boite2 .artliste {padding: 10px 10px 0px 0px;background: url(inter/filet.gif) repeat-x bottom}
#boite2 .artliste .result {font-size:14px;font-weight:normal;padding-bottom:30px}
#boite2 .artliste .result span {color:#990033}
#boite2 .artliste .date {color:#990033}
#boite2 #pagin {padding: 10px 10px 20px 15px;font-size:14px;color:#990033;text-align:center}
#boite2 #pagin a {color:#5f4f40}

#boite2 p {padding: 0px 0px 10px 0px;}

#boite2 .part img {margin-bottom:10px}
#boite2 .pub img {margin-bottom:10px;border:1px solid #666}

#boite2 .part h2 {margin: 0px 0px 5px 0px}
#boite2 .pub h2 {margin: 0px 0px 5px 0px}


#boite3 .article {margin: 0px 0px 15px 0px;background: url(inter/filet.gif) repeat-x bottom}
#boite3 .article img {float:left;padding: 2px 10px 15px 0px}

.homepa #boite3 h2 {color: #990033;margin: 0px 0px 10px 0px}
.contac #boite3 h2 {margin: 0px 0px 10px 0px;padding: 0px 0px 10px 10px;background: url(inter/filet.gif) repeat-x bottom}
#boite3 p {padding: 0px 0px 10px 0px;}
#boite3 img {padding: 0px 0px 20px 0px;} 

.article hr {display:block;border:0;border-top:1px solid #e9e5e0;margin-right:-10px}
.article .chapo {font-size:14px;}
.article .txtgrand1 {font-size:14px;}
.article .txtpetit1 {font-size:11px;}
.article .txtpetit2 {font-size:10px;}
.article .intertitre1 {font-size:16px;}
.article .intertitre2 {font-size:14px;}

.article .chapo
{color:#392512}
.article .intertitre1 {color:#66001f;font-weight:bold}
.article .intertitre2 {color:#66001f;font-weight:bold}

.action .article .chapo
{color:#805a00}
.action .article .intertitre1,
.action .article .intertitre2 
{color:#c18800}

.format .article .chapo
{color:#00315e}
.format .article .intertitre1,
.format .article .intertitre2 
{color:#0071b8}

.public .article .chapo
{color:#003940}
.public .article .intertitre1,
.public .article .intertitre2 
{color:#007988}

.article p {margin: 5px 0px 5px 0px;padding:0;}
.article ul {margin: 0px 0px 0px 20px;padding:0px}
.article ol {margin: 0px 0px 0px 20px;padding:0px}
.article blockquote {margin: 0px 0px 0px 20px;padding:0px}
.article li {padding:0px;margin:0px;}

.article .pdf {padding: 2px 0px 5px 20px;background: url(inter/ico_pdf.gif) no-repeat;}

/******************************** DEB BASDEPAGE ********************************/

#basdepage {
width: 980px;
height:19px;
padding-top:5px;
margin-left: auto;
margin-right: auto;
text-align:right;
color:#c1b6ab}

#basdepage a {color:#FFFFFF}

#basdepage {background: url(inter/fond_basdepage1.jpg) no-repeat}
.action #basdepage {background: url(inter/fond_basdepage2.jpg) no-repeat;color:#857361}
.format #basdepage {background: url(inter/fond_basdepage3.jpg) no-repeat}
.public #basdepage {background: url(inter/fond_basdepage4.jpg) no-repeat}

.agauche {float:left;padding: 2px 10px 10px 0px}

/******************************** FIN BASDEPAGE ********************************/