body{font-family:arial;font-size:12px;color:#666666;margin-top:-15px;}

/* GENERALITEES */
*{margin:0;padding:0}
a, a:link, a:hover, a:visited{outline:none;color:#666666;text-decoration:none}
a img, a:link img, a:hover img, a:visited img{border:none}
#topMenu, #footer, #corp #right .depeche h3,#corp #right .depeche .content{border:1px #666666 solid;border-left:none;border-right:none;}
.title{color:#CC0066;font-weight:bold}
.submit{border:none;background:url('../img/bnt_valider.jpg') top left no-repeat;width:134px;height:15px;cursor:pointer;outline:0px}

#container{width:970px;margin:0 auto;background:url('../img/bck_wrapper.png') top left repeat-y;}
#wrapper{width:953px;margin:0 0 20px 9px}

#header{height:127px;background:url('../img/bck_header.jpg') top left no-repeat}
#header #headerMenu{height:20px;text-align:right;font-size:11px;}
#header #headerMenu ul{list-style:none;margin-left:150px;float:right}
#header #headerMenu ul li{float:left;line-height:20px;padding:0 5px}
#header #headerMenu  a, #header #headerMenu  a:link, #header #headerMenu  a:visited{text-decoration:none;color:#666666}
#header #headerMenu  a:hover{}
 
#header #logo{margin-left:15px;}
#header #langMenu{margin-top:0px;margin-right:5px;margin-top:-21px}
#header #langMenu a,#header #langMenu a:link,#header #langMenu a:visited
	{display:block;height:20px;width:20px;border:1px #666666 solid;float:right;margin:2px;text-align:center;color:#666666;background:#99cc33;line-height:20px;text-decoration:none;font-weight:bold}
#header #langMenu a:hover,#header #langMenu a.active{color:#ffffff}

#topMenu{height:19px;}
#topMenu ul{list-style:none;margin-left:150px}
#topMenu ul li{float:left;line-height:19px;padding:0 20px;background:url('../img/menu/border_topMenu.jpg') top right no-repeat;}
#topMenu ul li.border{padding:0}
#topMenu ul li:hover{background:#99cc33}
#topMenu ul li.active{background:#99cc33}
#topMenu a, #topMenu a:link, #topMenu a:hover, #topMenu a:visited{text-decoration:none;color:#666666}

#subMenu{height:19px;width:890px;float:right;border-top:1px #666666 solid;margin-top:10px;margin-bottom:20px;background:url('../img/menu/bck_subMenu.jpg') top left no-repeat}
#subMenu ul{list-style:none;margin-left:110px;font-weight:bold}
#subMenu ul li{float:left;line-height:19px;padding:0 10px}
#subMenu ul li.border{padding:0}
#subMenu ul li:hover{background:#555A40}
#subMenu ul li.active{background:#555A40}
#subMenu a, #subMenu a:link, #subMenu a:hover, #subMenu a:visited{text-decoration:none;color:#ffffff}

#corp{clear:right;}

/* CONTENT GLOBAL */
#corp #content{width:550px;float:left;margin-bottom:20px;min-height:715px;position:relative;z-index:100;padding:10px 30px;}/**/

#corp h2.title{padding:8px 0 0 30px;text-transform:uppercase;}
#corp h2.withBorderRadius{background:url('../img/bck_withBorder.png') top left no-repeat;}
#corp #content.withBorderRadius{border-right:1px #666666 solid;min-height:745px}
#corp #content.withBorder{border-right:1px #666666 solid;border-top:1px #666666 solid;width:549px}
#corp #menuGalerie{height:31px;background:url('../img/menu/bck_subMenu_galerie_photos_active.png') top left no-repeat;margin:10px 0 -1px 30px}
#corp #menuGalerie ul{list-style:none}
#corp #menuGalerie ul li{float:left;width:70px;text-align:center;line-height:30px;font-weight:bold;}
#corp #menuGalerie ul li a:hover,#corp #menuGalerie ul li a.active{color:#830443}

#corp #menuPresse{height:31px;background:url('../img/menu/bck_subMenu_presse_dossier.png') top left no-repeat;margin:10px 0 -1px 30px}
#corp #menuPresse ul{list-style:none}
#corp #menuPresse ul li{float:left;line-height:30px;font-weight:bold}
#corp #menuPresse ul li a:hover,#corp #menuPresse ul li a.active{color:#830443}

#corp #menuTransit{height:31px;background:url('../img/menu/bck_subMenu_transit_transit_active.png') top left no-repeat;margin:10px 0 -1px 30px}
#corp #menuTransit ul{list-style:none;}
#corp #menuTransit ul li{float:left;line-height:30px;font-weight:bold;}
#corp #menuTransit ul li a{display:block;text-align:center;}
#corp #menuTransit ul li a:hover{color:#830443;}

/*Formulaires*/
.formulaire{padding:;width:558px;}
.formulaire .top{background:url('../img/bck_formulaire_top.jpg') top left no-repeat;height:11px;width:558px}
.formulaire .content{background:url('../img/bck_formulaire_content.jpg') top left repeat;padding:8px;}
.formulaire .bottom{background:url('../img/bck_formulaire_bottom.jpg') top left no-repeat;height:10px;width:558px}
/*Galerie Photos*/
#modGaleriePhotos{margin:0 auto;text-align:center}
#modGaleriePhotos img{margin:10px;}
#modGaleriePhotos a img{border:1px #ffffff solid}
#modGaleriePhotos a:hover img{border:1px #CC0066 solid}

/*Module Equipe dédiee*/
#modEquipeDediee{margin-top:-35px}
#modEquipeDediee ul{list-style-position:inside;}

/* Module Mots clés */
#modMotsCles{margin-top:-20px;text-align:justify;padding:10px;line-height:20px;}

/* Module Banner Content Bottom (Image en pied de page du contenu) */
#modBannerContentBottom{margin-left:-30px;margin-top:30px;}
img.bannerContentBottom{margin-left:-30px;margin-top:30px} /* Pour les image qui ne sont pas chargé avec le module. Pour la page transite par ex. elle sont chargée en js*/

/*Page Equipe.php, photos qui flotent sur le contenu*/
#photoEquipe{margin-top:-70px;margin-left:100px;position:relative;z-index:1}
#photoFloat{width:600px;height:300px;position:relative;z-index:10;margin-top:-260px;background:transparent}
#photoFloat .cadre{float:left;background:transparent;text-align:center;font-weight:bold;margin-right:28px}
#photoFloat .cadre img{border:1px #666666 solid;border-right:2px #666666 solid;border-bottom:2px #666666 solid;}

/* Module pour liste les background => galerie.php */
#modListBackground{}
#modListBackground .background{clear:left;margin-left:-55px;padding-bottom:40px}
#modListBackground .background p{}
#modListBackground .background img{float:left;margin-right:10px}

/*Module employé de l'année*/
#modEmployeAn{clear:left;margin:70px 0}
#modEmployeAn .modEmployeAnContent{margin:0 10px 0 50px;padding:5px;border-top:2px #666666 dotted}
#modEmployeAn img{float:left;width:81px;height:121px;border:1px #666666 solid;border-right:2px #666666 solid;border-bottom:2px #666666 solid;margin-left:-50px}
/*Modul Cadre de l'année */
#modCadreAn{clear:left;}
#modCadreAn .modCadreAnContent{margin:0 10px 0 50px;padding:5px;border-top:2px #666666 dotted}
#modCadreAn img{float:left;width:81px;height:121px;border:1px #666666 solid;border-right:2px #666666 solid;border-bottom:2px #666666 solid;margin-left:-50px}

/* RIGHT */
#corp #right{width:322px;float:left;margin-bottom:20px;margin-left:20px;margin-top:-30px;position:relative;z-index:100;}
#corp #right.withBorderRadius{}
#corp #right.withSubMenu{margin-top:-60px} /*Remonte encore le div droit quand on se trouve sur une page avec des onglets.*/
#corp #right .wrapper .top{height:54px;padding-top:86px;padding-left:53px} /*Image de fond chargé directement dans la page avec le nom du fichier dans lequel on se trouve grave aux variable $page de config.php*/
#corp #right .wrapper .top h3{color:#ffffff;font-weight:bold;font-size:18px;}
#corp #right .wrapper .content{background:url('../../medias/right/bck_right_content.png') top left repeat-y;min-height:412px;padding-left:55px}
#corp #right .wrapper .bottom{background:url('../../medias/right/bck_right_content_bottom.png') top left no-repeat;height:14px;}
#corp #right .footer{background:url('../../medias/right/bck_right_depeche.png') top left repeat-y;padding-top:30px}

/*Module Depeche*/
#corp #right .depeche{}
.depeche .top, .depeche .bandeaurose, .depeche .bandeaumarron{width:321px;margin-left:1px;}
/*#corp #right .depeche .top{height:10px;font-weight:bold;color:#CC0066;font-size:14px;line-height:10px;}*/
#corp #right .depeche h3{height:10px;font-weight:bold;color:#CC0066;font-size:14px;line-height:10px;}
#corp #right .depeche .bandeaurose{height:10px;background:#CC0066}
#corp #right .depeche .content{min-height:50px;background:#ffffff;padding:10px;}
#corp #right .depeche .content ul{list-style:inside;}
#corp #right .depeche .content ul li{margin:5px 0;}
#corp #right .depeche .content ul li span{font-size:10px;}
#corp #right .depeche .content ul li span a{color:#CC0066}
#corp #right .depeche .bandeaumarron{height:10px;background:#999999;border-bottom:1px #666666 solid}



#corp #right #identityPhoto{width:80px;height:120px;border:1px #666666 solid;border-right:2px #666666 solid;border-bottom:2px #666666 solid;background:#ffffff;margin-left:-10px;margin-right:5px;left:0px;position:absolute}
#footer{clear:left;height:17px;line-height:17px;margin-bottom:20px;}
#footer ul{list-style:none;margin-left:180px;}
#footer ul li{float:left;line-height:17px;padding:0 10px;background:url('../img/menu/border_footer.png') top right no-repeat;}
#footer ul li.active{background:#cce599}
#footer a, #footer a:link, #footer a:visited{text-decoration:none;color:#969a75}
#footer a:hover{}
#footer div#credits{clear:left;font-size:10px;text-align:center}
#footer div a, #footer div#credits a:link, #footer div#credits a:visited{color:#656565}