@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;margin:0;
}

.bleu{color:#5471cf !important}
.vert{color:#6ba543 !important}
.jaune{color:#a49e2e !important}
.gris{color:#6b6b6b !important}
.grisInter{color:#9a9a9a !important}
.grisClair{color:#c3c3c3 !important}
.rouge{color:#b5242b !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:16px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{margin:0;background:#fff url(../img/squelette/bg_html.gif) repeat-y top center;}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}

div#fancy_content{
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{background:#fff url(../img/squelette/graphics.gif) no-repeat top center;text-align:center;}

#header{height:275px;background:url(../img/squelette/bg_head.gif) no-repeat top center;}
#basHeader{padding-bottom:26px;background:url(../img/squelette/bas_header.jpg) no-repeat bottom center;}

#recherche{height:34px;background:url(../img/squelette/bg_recherche.gif) no-repeat top center;}
#recherche form{padding:0 0 0 315px}
#recherche form input.textuel{color:#666;font-family:arial;font-size:11px;width:140px;padding:2px;}
#recherche form label{color:#a0d27f;margin-right:10px}
#recherche input.envoi{margin-left:2px;position:relative;top:6px;left:8px}

#galerie{background:url(../img/galerie/bg.jpg) no-repeat top center;}

img.brouge{border:#b5242b solid 2px}
img.bvert{border:#6ba543 solid 2px}
img.b2vert{border:#6ba543 solid 4px}


a.contact{width:224px;height:102px;display:block}
a.btnGalerie{display:block;width:224px;height:31px;}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

#basColG{background:url(../img/squelette/bas_menu.gif) no-repeat;height:65px}



/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/


h1{float:left;width:146px;height:217px;overflow:hidden}
#mid{width:574px;height:248px;float:right;}
#dte{position:relative;width:224px;height:248px;float:right;}

#colonneGauche{float:left;width:230px;background:#f0f0ee;}
#hautMenu{background:url(../img/accueil/hautmenu.gif) no-repeat top center;height:33px;}
#accueil{float:right;width:707px;}

.cellule1{width:464px;float:left;}
.cellule2{width:220px;float:right;}
.cellule1 p{color:#696969}

.cellule1 div.texte a,.cellule2 div.texte a{color:#b5242b;text-decoration:underline}
.cellule1 div.texte a:hover,.cellule2 div.texte a:hover{color:#b5242b;text-decoration:none}

.cellule1 div.texte p,.cellule2 div.texte p{margin-bottom:7px}


.titresActu{margin:8px 0 7px 55px;border-bottom:1px #cacbcc solid;padding-bottom:5px;}


div.calendrier{background:url(../img/accueil/calendrier.gif) no-repeat;width:49px;height:51px;float:left;}
div.crayon{background:url(../img/accueil/crayon.gif) no-repeat;width:49px;height:44px;float:left;}

div.calendrier span{padding:25px 0 0 6px;font-size:20px;color:#696969;}

/* footer */
#footer{text-align:center;background:url(../img/squelette/bg_foot.gif) no-repeat top center;color:#fff;height:161px;}
#contentFoot{text-align:left;padding-bottom:20px;background:url(../img/footer/bg.gif) repeat-y}
#contentFoot ul li{list-style:none}
#contentFoot a{color:#fff;text-decoration:none}
#contentFoot a:hover{text-decoration:underline}

#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}



div.celluleActu{color:#fff;background:#b70034;padding:6px;}
div.celluleActu div.texte{margin:0 6px;float:left;width:160px;}
div.celluleActu a{color:#fff;text-decoration:none}

.cellule1 h2,.cellule1 h3{font-weight:normal}
.cellule1 h3{color:#9a9a9a;}

.cellule2 a.large{margin-top:6px;text-align:center;background:#b5242b;display:block;padding:7px;color:#fff}
.cellule2 a.large:hover{background:#8b191e}
.cellule2 a.etvert{background:#6ba543}
.cellule2 a.etvert:hover{background:#528330}

.cell{color:#b0b0b0;border-bottom:#cacbcc solid 1px;padding:6px 0}
.cell a{display:block;color:#b0b0b0;text-decoration:none}
.cell img{width:px;height:px;}

.cellule2 h2{font-size:18px;font-weight:normal;}
.cellule2 h3{color:#9a9a9a;font-weight:normal;font-size:13px;border-bottom:1px solid #cacbcc;padding-bottom:5px}

h2.bord{font-size:16px;font-weight:normal;margin:0 0 7px 0;border-bottom:1px #cacbcc solid;padding-bottom:5px;}
h3.bord{font-weight:normal;margin:0 0 7px 0;border-bottom:1px #cacbcc solid;padding-bottom:5px;}


ul#menuPrincipal{margin:6px}
ul#menuPrincipal li{list-style:none;border-bottom:1px #cacbcc solid}
ul#menuPrincipal li a{background:transparent;display:block;padding:5px;color:#5a5a5a;font-size:12px;font-weight:bold}
ul#menuPrincipal li a:hover,ul#menuPrincipal li a.actif{background:#d5cd3d;color:#fff;}
ul#menuPrincipal ul.dev{padding:0 2px 2px;background:#d5cd3d;}
ul#menuPrincipal ul.dev li{border:none;margin-bottom:2px}
ul#menuPrincipal ul.dev li a{background:#fff;color:#7b7b7b;font-size:11px;font-weight:normal}
ul#menuPrincipal ul.dev li a:hover,ul#menuPrincipal ul.dev li a.actif{background:#b5242b;color:#fff;}
ul#menuPrincipal ul.dev ul.dev2{padding:3px 3px 3px 6px;background:#F0F0EE;}
ul#menuPrincipal ul.dev ul.dev2 li{border:none;margin-bottom:2px}
ul#menuPrincipal ul.dev ul.dev2 li a{background:#ddddd6;color:#666;font-size:11px;font-weight:normal}
ul#menuPrincipal ul.dev ul.dev2 li a:hover,ul#menuPrincipal ul.dev ul.dev2 li a.actif{background:#b5242b;color:#fff;}

ul#menuAssoc{background:url(../img/accueil/bg_annuaire.gif) no-repeat top center;padding-top:90px}
ul#menuAssoc li{margin:0 6px;list-style:none;border-bottom:1px #cacbcc solid}
ul#menuAssoc li a{background:transparent url(../img/accueil/bg_annu.gif) no-repeat 190px 0px;display:block;padding:5px;color:#5a5a5a;font-size:12px;font-weight:bold}
ul#menuAssoc li a:hover,ul#menuAssoc li a.actif{background:#B5242B url(../img/accueil/bg_annu.gif) no-repeat 190px -23px;color:#fff;}

ul#annuaireGauche{background:url(../img/accueil/bg_annuaire.gif) no-repeat top center;padding-top:110px}
ul#annuaireGauche li{padding-left:55px;list-style:none;margin-bottom:12px;}
ul#annuaireGauche a{display:block;padding:7px 7px 7px 35px;color:#5a5a5a;}
ul#annuaireGauche a:hover{color:#b5242b;}
a.associations{background:url(../img/accueil/association.gif) no-repeat 0 0;}
a.entreprises{background:url(../img/accueil/entreprises.gif) no-repeat 2px 0;}
a.services{background:url(../img/accueil/services.gif) no-repeat 3px 0;}

#basMenuAnnuaire{background:url(../img/accueil/bas_menu.gif) no-repeat;height:63px;}
#basMenuNormal{background:url(../img/accueil/bas_menu_normal.gif) no-repeat;height:63px;}

ul.listeActu li{list-style:none}

ul.listeActu li a{display:block;color:#696969;padding:7px;background:#f0f0ee url(../img/actu/bg2.gif) no-repeat 444px 0px;}
ul.listeActu li a.un{background:#fff url(../img/actu/bg1.gif) no-repeat 444px 0px;}

ul.listeActu li a:hover,ul.listeActu li a.un:hover{color:#fff;background:#b5ae31 url(../img/actu/bg1.gif) no-repeat 444px -101px;}

#adresse{margin-bottom:5px;border-bottom:1px #cacbcc solid;padding-bottom:5px;color:#c5c5c5;}
#adresse a{text-decoration:none;color:#c5c5c5}
#adresse a:hover{text-decoration:underline;color:#b5242b}

#blocLinks a{display:block;margin-bottom:2px;background:#e8e8e8;color:#686868;padding:5px;}
#blocLinks a:hover,#blocLinks a.actif{background:#5b8f37;color:#fff}

#annuaire a.titre{display:block;background:#b5242b url(../img/annuaire/bg.gif) no-repeat 444px 0;padding:5px;color:#fff}
#annuaire a.titre:hover{background-color:#931a20;}

#annuaire div.develop{border:1px #b5242b solid;padding:7px;}
#annuaire div.develop a{display:block;background:#fff;padding:3px 10px;color:#707070}
#annuaire div.develop a:hover,#annuaire div.develop a.actif{background:#e8e04f;}

div.sep{margin-bottom:2px;}

div.coordonnees{padding:10px;background:#f0f0ee;color:#7a7a7a;}
div.coordonnees div.left{width:250px;}
div.coordonnees div.right{width:165px;}
div.coordonnees a{color:#7a7a7a;text-decoration:underline}
div.coordonnees a:hover{color:#b5242b;}

#galerieContenu img{border:4px #f0f0ee solid}
#galerieContenu #min a:hover img{border-color:#beb734;}

.entete{display:block;background:#b5242b url(../img/annuaire/bg.gif) no-repeat 444px 0;padding:5px;color:#fff}
.contentForm{border:1px #b5242b solid;padding:10px;}


/*niveau 2*/
#niveau2{background:#d5cd3d url(../img/squelette/bas_deuze.gif) no-repeat bottom center;padding-bottom:47px;width:219px}
#niveau2 h2{font-size:14px;background:url(../img/squelette/bg_h2_deuze.gif) no-repeat top right;padding:20px 0 5px 7px}
#niveau2 ul{margin:2px;}
#niveau2 ul li{list-style:none;margin-bottom:2px}
#niveau2 ul li a{background:#fff;display:block;text-decoration:none;color:#7b7b7b;padding:5px 3px}
#niveau2 ul li a:hover,#niveau2 ul li a.actif{background:#b5242b;color:#fff}


/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/




/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff !important; font-weight:bold; padding:2px 0px}
.erreur{background:#B5AE31 !important;color:#fff !important}

/*** EXTRAS ***/

div.extras .widthExtras{width:464px;}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:0}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{color:#B5AE31;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#B5AE31;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#B5AE31;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#B5AE31; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:220px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff; color:#B5AE31;text-decoration:none}
#plan a.titre{font-weight:bold;background:#B5AE31;color:#fff}
#plan a.titre:hover{background:#AE0030;color:#fff}

#plan a.souspage{background:#cecece;margin:0 5px 5px 5px}
#plan a.souspage:hover{background:#fff}

#plan a.titre2{background:#EEEEEE}

/***************************************
************ FORMULAIRES ***
***************************************************************/


#formContact label.normal{color:#707070;float:left;width:110px;text-align:right;font-weight:normal;margin-right:7px;position:relative;top:3px;font-size:12px}
#formContact p.textuel input{color:#707070;width:300px;background:#e3e3e3;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#707070;width:300px;border:none;background:#e3e3e3;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#e7e7e7;color:#b5242b;padding:10px;display:block;width:130px;text-align:center;margin-left:250px;font-weight:bold;margin-top:10px;}