/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

body#main{
	background: #c2c2c2 url(../img/bg.jpg) top center no-repeat;
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1.entete{
	position:absolute;
	top:35px; left:0;
	display:block;
	width:527px; height:57px;
	padding:0 0 0 40px;
	color: #000; /*#ea681a;*/
	font-size:18px;
	text-transform:uppercase;
	border-bottom:1px solid #c3c7c8;
	font-weight: normal;
}

h1.entete img{
	display:block;
}

p.soustitre{
	position:absolute;
	font-size:9px;
	top:95px;
}

p.soustitre a.brochure, p.soustitre a.brochure:visited{
	text-decoration:none;
	line-height:270%;
}

h1{
	color: #ea681a;
	font-size:18px;
	text-transform:uppercase;
}

h2{
	color:#686868;
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:10px;
}

h3{
	color:#686868;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}


.clear { width: 100%; height: 1px; margin: 0 0 -1px 0; clear: both; }

.valignmid {vertical-align:middle;}

.float_right{float:right;}

:focus{outline:0}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	background: #fff;
	margin: 5px auto 0 auto;
	text-align:left;
	width:760px;
	clear:both;
}

#hautfr, #hauten{
	background:transparent url(../img/top.jpg) no-repeat right;
	border:3px solid #fff;
	height:165px;
	position:relative;
}	

/*#hauten{
	background:transparent url(../img/entete_en.jpg) no-repeat right;
	border:3px solid #fff;
	height:123px;
}	*/

#logo{
	position: absolute;
	background-color: #2f2f2f;
	height: 120px;
	width: 265px;
	padding-top: 45px;
	text-align: center;
	top:-31px;
	left:35px;
}

#content{
	position:relative;
	background:transparent url(../img/content_fond.gif) repeat-x;
	float:right;
	width:567px;
}

#content.home {background-image: url(../img/bg_content.jpg); height: 585px;}
#content.home p {color: #fff;}
#content.home h1 {color: #000; font-size: 28px; font-weight: normal; border: none; text-transform: none;}
#content.home.en h1 {font-size: 28px;}
#content.home #entete_contenu {border: none;}
p.big {font-size: 18px; font-weight: normal; line-height: 35px}

#contenu{
	padding:10px 40px;
	padding-bottom:20px;
}

#entete_contenu {
	background-position:right top;
	background-repeat:no-repeat;
	border-bottom:1px solid #C3C7C8;
	height:122px;
}

#services {float: left; width: 278px; height: 150px; padding: 15px 0 0 20px; margin-left: 338px; font-size: 18px; line-height: 34px;}

#tel {float: left; width: 103px; height: 145px; padding: 20px 0 0 15px;}
	#tel p {margin-bottom: 10px;}

#contenu p img {float: left; margin-right: 10px; margin-bottom: 5px; border: 2px solid #2F2F2F;}

/* MENU
--------------------------------------------------------------------------------------- */
div#li01_100 a, div#li01_100 a:link, div#li01_100 a:visited{font-weight:bold;float:right;text-align:right;margin:0 5px 2px 0;display:block;color:#000000;text-decoration:none;}
div#lilang a, div#lilang a:link, div#lilang a:visited{font-weight:bold;float:right;text-align:right;margin:0 5px 2px 10px;display:block;color:#000000;text-decoration:none;}
div#li01_100 a:hover, div#li01_100 a:link:hover, div#li01_100 a:visited:hover, div#lilang a:hover, div#lilang a:link:hover, div#lilang a:visited:hover{color:#ea681a;}

#menu{background:transparent url(../img/menu_fond.jpg) repeat-x; height:31px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; float:left; list-style-type:none; border-left: solid 1px #fff; overflow:hidden; font-size:11px;}
#menu ul li:first-child{border:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #fff;
	font-size: 1.1em;
	display:block;
	line-height:13px; /*31px;*/
	height:31px;
	text-decoration: none;
	text-align:center;
}

/*#menu ul li#li01_100 a, #menu ul li#li01_100 a:link, #menu ul li#li01_100 a:visited{width:82px;}*/
#menu ul li#li02_100 a, #menu ul li#li02_100 a:link, #menu ul li#li02_100 a:visited{width:142px;}
/*#menu ul li#li03_100 a, #menu ul li#li03_100 a:link, #menu ul li#li03_100 a:visited{width:89px;}*/
#menu ul li#li04_100 a, #menu ul li#li04_100 a:link, #menu ul li#li04_100 a:visited{width:136px;}
#menu ul li#li05_100 a, #menu ul li#li05_100 a:link, #menu ul li#li05_100 a:visited{width:98px;}
#menu ul li#li06_100 a, #menu ul li#li06_100 a:link, #menu ul li#li06_100 a:visited{width:103px;}
#menu ul li#li07_100 a, #menu ul li#li07_100 a:link, #menu ul li#li07_100 a:visited{width:78px;}
#menu ul li#li09_100 a, #menu ul li#li09_100 a:link, #menu ul li#li09_100 a:visited{width:92px;}
#menu ul li#li09_200 a, #menu ul li#li09_200 a:link, #menu ul li#li09_200 a:visited{width:105px;}
/*#menu ul li#lilang a, #menu ul li#lilang a:link, #menu ul li#lilang a:visited{width:81px;}*/

#menu ul li a span, #menu ul li a:link span, #menu ul li a:visited span{
	position:relative;
	top:8px;
}
#menu ul li a span.deuxlignes, #menu ul li a:link span.deuxlignes, #menu ul li a:visited span.deuxlignes{
	top:2px;
}

#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited{background:transparent url(../img/menu_over.jpg) repeat-x bottom;}

#sousmenu{/*background:transparent url(../img/sousmenu_fond.jpg) no-repeat;*/ margin:0; padding:0; width:193px; float:left;}

.titre_sousmenu {
	font-size:12px;
	height:22px;
	padding:60px 0 10px 13px;
}

.texte_sousmenu{
	text-align:center;
	font-size:12px;
	line-height:200%;
	margin-bottom:20px;
}

#sousmenu ul{margin:0;padding:0;}
#sousmenu ul li{padding:0; margin:0;list-style-type:none;background: transparent url(../img/sousmenu_fleche.gif) no-repeat 13px 10px; border-bottom:1px solid #b0b6b7; font-size:11px; position: relative;}
#sousmenu ul li:first-child{border-top:1px solid #b0b6b7;}
#sousmenu ul li a, #sousmenu ul li a:link, #sousmenu ul li a:visited{
	behavior: url(iepngfix.htc);
	display:block;
	width:158px;
	color: #000;
	font-size: 1.1em;
	padding: 6px 10px 6px 25px;
	text-decoration: none;
}

#sousmenu ul li ul li { background: transparent url(../img/sousmenu_fleche.gif) no-repeat 30px 8px; border: none; }
#sousmenu ul li ul li:first-child{ border: none; }
#sousmenu ul li ul li a, #sousmenu ul li ul li a:link, #sousmenu ul li ul li a:visited{ padding: 4px 10px 4px 40px; width: 143px;  }


#sousmenu ul li.l2 a, #sousmenu ul li.l2 a:link, #sousmenu ul li.l2 a:visited{
	height:37px;
}

#sousmenu ul li a:hover, #sousmenu ul li a:visited:hover{
	color:#ea681a; 
	background: transparent url(../img/sousmenu_actif.png) repeat-y;
}

#sousmenu ul li a.actif, #sousmenu ul li a.actif:visited{
	color:#ea681a; 
	background: transparent url(../img/sousmenu_actif.png) repeat-y;
}

#sousmenu ul li.l2 a:hover, #sousmenu ul li.l2 a:visited:hover{
	color:#ea681a; 
	background: transparent url(../img/sousmenu2l_actif.png) no-repeat;
}

#sousmenu ul li.l2 a.actif, #sousmenu ul li.l2 a.actif:visited{
	color:#ea681a; 
	background: transparent url(../img/sousmenu2l_actif.png) no-repeat;
}

#sousmenu ul li a div.mnu_picture {display: none; position: absolute; top: -17px; left:-230px; width:201px; height: 134px; padding: 6px 22px 12px 10px; background-image: url(/img/bg_nav_over.png); background-repeat: no-repeat; z-index: 500;}
#sousmenu ul li a:hover div.mnu_picture {display:block;}


#btnMap{
	float:left;
	width:86px;
	margin-right:5px;
}

#btnMap a{
	display:block;
	margin-bottom:1px;
}

#nav_lang {width: 760px; height: 18px; margin: 5px auto 5px auto;}
#nav_lang li { list-style-type: none; float: right; padding-left: 10px; padding-right: 10px; border-right: 1px solid #000; height: 16px;}
	#nav_lang li.last {border: none; padding-right: 0; margin: 0;}
#nav_lang li a {color: #000; text-decoration: none;}
	#nav_lang li.last a {}
	#nav_lang li a:hover {color: #fff;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #000;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #696969; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#000; margin-left:16px;}

dt, dd{font-size:12px; color:#000;}
dt{font-weight:bold;margin:5px 0;}

.textePetit{font-size:10px; color:#000;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

strong{text-transform:uppercase}

.lienPDF{
	background: url(../img/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}






#slider {width: 522px; height: 215px; float: right; margin-bottom: 10px;}
#slider div {position: relative; width: 522px; height: 215px;}
#slider div span {position: absolute; bottom:0; width: 512px; padding: 5px; background-image: url(/img/bg_black75.png); background-repeat: repeat; color: #fff;}

#navrond {width: 522px; float: right; margin-bottom: 20px;}
#navrond a {float: left;width: 9px;height: 9px;background: url(/img/bt_slide.png);margin-left: 8px;}
#navrond a:hover {background: url(/img/bt_slide_on.png);}
#navrond a.activeSlide {background: url(/img/bt_slide_on.png);}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#fff; font-family:Tahoma; font-size:10px; height:50px; padding:10px 0; width:760px; margin:0 auto;}
#piedPage a{color:#fff; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#fff;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 0; font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:0;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0;}

.champTexte{	
	background: #FAFAFA;
	border: 1px solid #C9D0D6;
	color: #717172;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #FAFAFA;	
	border: 1px solid #C9D0D6;
	color: #717172;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FAFAFA;
	border: 1px solid #C9D0D6;
	color: #717172;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #ECECEC;
	border: 1px solid #C9D0D6;
	color: #006C86;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */
.dateEvenement{color: #868686;}
.contactEvenement{color: #868686;}
.maxEvenement{color: #868686;}

.infos p {margin:0 0 15px;}
.infos p a {text-transform:uppercase;font-weight:700}
.infos-contenu-list {float: left; width: 250px;}
.infos-contenu-email {float: right; width: 210px;}

#flash-message{margin:0 0 15px 0}
#flash-message.error{color:#F00;}
#flash-message.success{color:#390;}