@charset "UTF-8";
/* CSS Document */
/* ################ STYLE PRINCIPAL ################ */

body{
	background:#0b1b3c url(../images/fond.jpg) 50% top no-repeat;
	width:100%; height:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	font:14px Arial, Helvetica, sans-serif;
} 

#contenu{
	position:absolute;
	display:block;
	width:980px; height:685px;
	left:50%;
	margin:0px 0px 0px -490px;
	padding:0px 0px 4px 0px;
	
}

#logo{
	display:block;
	position:absolute;
	left:88px; top:131px;
	z-index:5;
	*z-index:5;
}


#logo img{
	border:0px;
	display:block;	
	position:absolute;
	z-index:5;
	*z-index:-2;
}

textarea{
	overflow:hidden;
}

.firstimage{
	height:0px;
	width:0px;
	display:block;
}

/* ################ CADRE MENU  ################ */
#cadre_menu{
	width:293px; height:188px;
	background:#0f1d38 url(../images/route_01.jpg) no-repeat top;
	overflow:hidden;
	z-index:1;
}

#menu{
	position:absolute;
	display:block;
	left:0px; top:188px;
	width:293px; height:368px;
	background:url(../images/menu_fond.jpg) right top no-repeat ;
	padding:43px 0px 0px 0px;
	z-index:5;
	 *z-index:-2; 
}

#menu ul{
	display:block;
	margin:36px 0px 0px 130px;
	*margin:79px 0px 0px 130px;
	padding:0px;
	list-style:none;
}

#menu ul li{
	display:block;
}

#menu ul li a{
	display:block;
	width:140px;
	margin:0px 0px 6px 0px;
	background:url(../images/mn_puce.gif) top left no-repeat ;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	padding:5px 5px 4px 6px;
	line-height:14px;

}

#menu ul li a .g{
	height:32px;
}

#cadre_contact{
	position:absolute;
	display:block;
	left:0px; top:599px;
	width:293px; height:86px;
	background:url(../images/contact_fond.jpg) no-repeat;
	 *z-index:-2; 
}

#cadre_contact #nous_contacter{
	font:bold 13px/13px Arial, Helvetica, sans-serif;
	color:#9cc5e2;
}

#cadre_contact #tel{
	font:bold 20px/20px Arial, Helvetica, sans-serif;
	color:#9cc5e2;
	margin-top:-1px;
}

#contact_info{
	position:absolute;
	display:block;
	left:93px; top:18px;
	height:31px;
	padding:1px 0px 0px 3px;
	border-left:#777f85 2px solid;
	overflow:hidden;
	
}

#contact_info img{
	display:block;
	margin:0px 0px 2px 0px;
}

#cadre_langue{
	display:block;
	position:absolute;
	left:94px; top:51px;
	width:163px; height:12px;
	overflow:hidden;
}

#cadre_langue ul{
	position:absolute;
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
	width:500px; 	
	height:26px;
	overflow:hidden;
	}

#cadre_langue ul li{
	display:inline;
	padding:0px;
	margin:0px;

}

#cadre_langue a{
	display:block;
	height:27px;
	float:left;
	padding:0px 5px 0px 3px;
	color:#e6dcc4;
	font:12px/12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	text-indent:2px;
	border-right:1px #e6dcc4 solid;
}

#cadre_langue .dernier{
	border:0px;
}

#cadre_langue a:hover{
	color:#a39064;
}


/* ################ CADRE ENTÊTE  ################ */
#cadre_entete{
	position:absolute;
	display:block;
	right:0px; top:0px;
	width:687px; height:188px;
	background:url(../images/entete_fond.jpg) -104px top no-repeat ;
	overflow:hidden;
}

#menu_entete{
	position:absolute;
	display:block;
	right:-1px;top:8px;
	height:16px;
	font:13px;
	font-size:13px;
}

#menu_entete ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu_entete ul li{
	display:inline;
	float:right;
	margin:0px;
	color:#95948e;
	border-right:#cdcdcc 1px solid;
	padding:0px;
}



#menu_entete ul li a{
	display:block;
	float:left;
	cursor:pointer;
	color:#95948e;
	text-decoration:none; 
	padding:0px 6px 0px 6px;
}

#menu_entete ul li a:hover{
	color:#3e4e66;
}

#menu_entete .dernier{
	border:0px;
}

#menu_entete .premier{
	border:0px;
}

#menu_entete ul li.premier a{
	padding:0;
}

h1{
	position:absolute;
	display:block;
	bottom:20px; right:8px; *bottom:16px; 
	width:677px;
	text-align:right;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:36px;
	font-size:36px;
	color:#ccc7bb;
}

h1 span.bleu {
	font-size:22px;
	line-height:22px;
	color:#1a3467;
	display:block;
	float:right;
	clear:both;
	margin:0px;
	padding:0px;
}
h1 span.gris {
	display:block;
	float:right;
	clear:both;
	margin:0px;
	padding:0px;
}


#adresse{
	position:absolute;
	display:block;
	top:168px;
	width:677px;
	color:#2D3E60;
	text-align:right;
	font: bold 13px Helvetica, Arial, sans-serif;
}

/* ################ CADRE CONTENU  ################ */


/* ################ PIED DE PAGE  ################ */
/* ________________ Pied de page general  ________________ */

.menu_bas_element{
	cursor:pointer;
}

.menu_bas_element .titre{
	position:absolute;
	color:#FFFFFF;
	width:180px;
	margin:88px 0px 0px 4px;
	font:bold 11px/10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#cadre_pied a{
	text-decoration:none;
}

#cadre_pied img{
	display:block;	
	float:left;
}

.menu_bas_element .texte{
	position:absolute;
	display:block;
	width:140px;
	margin:111px 0px 0px 5px;
	color:#FFFFFF;
	font:11px/13px Arial, Helvetica, sans-serif;
}

.menu_bas_element .decouvrez{
	position:absolute;
	display:block;
	width:44px; height:12px;
	margin:178px 0px 0px 5px;
	padding:0px 10px 0px 0px;
	font:10px/10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	color:#c30311;
	background:url(../images/fond_decouvrez.gif) no-repeat right 3px;
}

#menu_bas_fleches img, #menu_bas_fleches img{
	margin:0px 1px 0px 0px;
	border:0px;
	float:left;
}

#menu_bas_fleches .separateur{
	background:#ced8de;
	width:3px; height:3px;
	margin:10px 0px 0px 5px;
	float:left;
	overflow:hidden;
}


#menu_bas_fleches{
	position:absolute;
	right:5px; top:467px;
	cursor:pointer;
	background:url(../images/mn_bas_presuiv_fond.gif) no-repeat;
	width:164px; height:21px;
}

#menu_bas_fleches a{
	color:#ffffff;
	text-decoration:none;
	font:13px/23px Arial, Helvetica, sans-serif;
}

#fleche_pre{
	margin:0px 0px 0px 19px;
	padding:0px 0px 0px 13px;
	float:left;
	background:url(../images/mn_bas_fleche_pre.gif) left 8px no-repeat;
}

#fleche_suiv{
	float:right;
	margin:0px 7px 0px 0px;
	padding:0px 13px 0px 0px;
	background:url(../images/mn_bas_fleche_suiv.gif) right 8px no-repeat;
}

#menu_bas_elements{
	display:block;
	width:1300px; height:197px;
	overflow:hidden;
}

#menu_bas_elements  a.menu_bas_element{
	display:none;
}

#navig_pied{
	position:absolute;
	display:block;
	float:left;
	right:0px; top:488px;
	width:69px; height:186px;
	padding:15px 0px 0px 9px;
	background:url(../images/mn_bas_plus_fond.gif) repeat-x;
	z-index:100;
}

#navig_pied a{
	display:block;
	display:none;
	font:10px/10px Arial, Helvetica, sans-serif;
	color:#0b1b3c;
	text-decoration:none;
	text-transform:uppercase;
}


#navig_pied img{
	margin:0px;
	padding:0px;
	border:1px #21334a solid;
	cursor:pointer;

}


#navig_pied span{
	display:block;
	float:left;
	margin:2px 0px 4px 0px;
	padding:0px;
	
}

#navig_pied .off{
	display:none;
}

/* ################ ENCADRÉ SUGGESTION  ################ */


#cadre_suggestion{
	position:absolute;
	width:0px; height:352px;
	top:238px;
	left:-1px;
	z-index:13000;
}
#suggestion{
	position:absolute;
	top:0px;
	left:-245px;
	display:block;
	width:245px; height:352px;
	background:url(../images/sugg_fond_b.png) left bottom no-repeat;
	z-index:11000;
	overflow:visible;

}

#sugg_onglet{
	position:absolute;
	right:-21px;
	top:35px;
	z-index:13000;
	behavior: url(../../css/iepngfix.htc);

}

#suggestion #sugg_h{
	position:absolute;
	left:0px; top:0px;
	display:block;
	width:244px; height:4px;
	background:url(../images/sugg_fond_h.png) left top no-repeat;ç
	behavior: url(../../css/iepngfix.htc);

}
#suggestion #sugg_entete{
	position:absolute;
	left:0px; top:4px;
	display:block;
	width:243px; height:30px;
	background:#d0cccc;
	border-bottom:1px #ffffff solid;
	border-left:1px #114a7f solid;
	border-right:1px #114a7f solid;
}

#suggestion #sugg_contenu{
	position:absolute;
	left:0px; top:34px;
	display:block;
	height:281px;
	width:243px; background:#f1eded;
	border-left:1px #114a7f solid;
	border-right:1px #114a7f solid;
	padding:32px 0px 0px 0px;
}

#suggestion hr{
	position:absolute;
	left:1px; top:35px;
	height:0px;
	background:#a7a6a6;
	color:#a7a6a6;
	width:243px; height:0px;
	border:0px;
	border-top:1px #a7a6a6 solid;
	z-index:11999;
	padding:0px; margin:0px;
}

#suggestion #sugg_logo{
	position:absolute;
	left:66px; top:7px;
	z-index:12000;
}

#suggestion #sugg_t{
	display:block;
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	text-align:center;
}

#suggestion #sugg_st1{
	display:block;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	text-align:center;
}

#suggestion #sugg_mercredi{
	display:block;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:2px 0px 2px 0px;
	border:1px #ffffff solid;
	background:#c7dae9;
	color:#b81a00;
	margin:4px 0px 12px 5px;
	width:231px;
	text-transform:uppercase;
}

#suggestion #sugg_st2{
	display:block;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	text-align:center;
	width:231px;
}

#suggestion #sugg_menu{
	width:229px; height:16px;
	border:1px #4c4949 solid;
	background:#817f7f;
	padding:1px;
	margin:4px 0px 8px 5px;
	overflow:hidden;
}

#suggestion #sugg_menu a{
	display:block;
	float:left;
	width:55px; height:16px;
	background:#dfdede;
	margin:0px 0px 0px 1px;
	text-align:center;
	border-left:1px #24201f solid;
	cursor:pointer;
	text-decoration:none;
	color:#000000;
	font:13px/15px Arial, Helvetica, sans-serif;
}

#suggestion #sugg_menu .on:hover{
	color:#FFFFFF;
	background:#134a6f;
}

#suggestion #sugg_menu .premier{
	border-left:0px;
	margin:0px 0px 0px 0px;
}

#suggestion #sugg_menu .large{
	width:56px;
}

#suggestion #sugg_st3, #suggestion #sugg_st4{
	display:block;
	font:12px/12px Arial, Helvetica, sans-serif;
	text-align:center;
}

#suggestion input{
	display:block;
	width:225px; height:15px;
	border:1px #5382a3 solid;
	padding:3px;
}


#sugg_cercle1, #sugg_cercle2{
	display:none;
	position:absolute;
	margin:7px 0px 0px 3px;
}

.sugg_cadre_input{
	display:block;
	margin:3px 0px 3px 5px;
}


#sugg_demandes_menu{
	display:none;
	position:absolute;
	height:0px;
	left:0px; top:103px;
	background:#a6a6a6;
	border:1px #4c4949 solid;
	margin:76px 0px 0px 4px;
	width:235px;
	overflow:hidden;
}

#sugg_demandes_menu .suivant{
	background:url(../images/sugg_btn.png);
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	display:block;
	width:78px; height:25px;
	color:#134a6f;
	text-align:center;
	margin:0px 4px 0px 0px;
	cursor:pointer;
	text-decoration:none;
	float:right;
	text-transform:capitalize;
}

#sugg_demandes_menu .selectionner{
	clear:both;
	background:url(../images/sugg_btn2.png);
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	display:block;
	width:127px; height:25px;
	color:#134a6f;
	text-align:center;
	margin:0px 4px 0px 0px;
	cursor:pointer;
	text-decoration:none;	
	float:right;
}


#step1{
	position:absolute;
	left:6px; top:32px; 
	display:none;
	width:100px; height:144px;
	border:1px #5382a3 solid;
	padding:1px 0px 0px 0px;
	text-align:center;
	background:#2f3d60;
	overflow:hidden;
	color:#FFFFFF;
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	z-index:14000;
	padding:0px 2px 0px 0px;
}

#suggestion ul{
	padding:0px;
	margin:0px;
	list-style:none;
	
}

#suggestion li{
	position:relative;
	margin:0px 0px -1px 0px;
}

.choix{
}

#step1 .choix span{
}

.choix{
	display:block;
	border:1px #ffffff solid;
	margin-top:-1px;
	cursor:pointer;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	padding:4px 0px 5px 0px;
	background:#2f3d60;
	text-decoration:none;
}

.choix:hover, .liste_choix .on{
	background:#2f709c;
}

#step2, #step3{
	position:absolute;
	left:26px; top:32px; 
	display:none;
	width:190px; height:144px;
	border:1px #5382a3 solid;
	padding:1px 0px 0px 0px;
	text-align:center;
	background:#2f3d60;
	overflow:auto;
	color:#FFFFFF;
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	z-index:14000;
}

#step2 .choix, #step3 .choix, #step4 .choix{
}


#step4{
	position:absolute;
	left:47px; top:32px; 
	display:none;
	width:190px; height:144px;
	border:1px #5382a3 solid;
	padding:1px 0px 0px 0px;
	text-align:center;
	background:#2f3d60;
	overflow:auto;
	color:#FFFFFF;
	z-index:14000;
}

.liste_choix{
	width:90px; height:148px;
	text-align:center;
	overflow:auto;
	color:#FFFFFF;
	float:left;
}



#step4 .a{
	width:9px; height:148px;
	text-align:center;
	overflow:auto;
	color:#FFFFFF;
	float:left;
	font:12px/12px Arial, Helvetica, sans-serif;
	margin:70px 0px 0px 0px;
	text-align:center;
}

#sugg_demandes_menu .sugg_demandes_menu_st{
	display:block;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	text-indent:6px;
	margin:8px 0px 0px 0px;
}

#sugg_demandes_menu #step2, #sugg_demandes_menu #step3, #sugg_demandes_menu #step4{
	display:none;
}

#suggestion .alerte{
	position:absolute;
	top:155px;
	color:#990000;
	display:none;
	float:left;
	font:11px/25px Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 6px;
	width:147px;
}

#suggestion .alerte_envoyer{
	position:absolute;
	top:125px;
	color:#990000;
	display:none;
	float:left;
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	margin:3px 0px 0px 0px;
	width:243px;
	text-align:center;
	background:#f1eded;
	padding:0px 0px 4px 0px;
}

#suggestion .envoyer, #suggestion .suivant{
	background:url(../images/sugg_btn.png);
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	display:block;
	width:76px; height:23px;
	color:#ffffff;
	text-align:center;
	margin:2px 4px 0px 85px;
	cursor:pointer;
	text-decoration:none;
	text-transform:capitalize;
}

#sugg_fermer{
	position:absolute;
	right:7px; top:7px;
	cursor:pointer;
}

#message_envoie, #message_demande_courriel{
	position:absolute;
	display:none;
	left:4px;
	width:237px; height:280px;
	background:#f1eded;
}



#message_envoie span, #message_demande_courriel span{
	position:absolute;
	width:230px; top:125px;
	margin-top:-20px;
	display:block;
	color:#009900;
	text-align:center;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
}

#message_demande_courriel .alerte_envoyer{
	top:170px; left:-7px;
	background:none;
}

#message_demande_courriel input{
	position:absolute;
	width:210px; left:8px; top:120px;
}

#message_envoie .btn, #message_demande_courriel .btn{
	position:absolute;
	top:50%; margin-top:6px;
	left:50%;  margin-left:-42px;
	background:url(../images/sugg_btn.png);
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	display:block;
	width:76px; height:23px;
	color:#134a6f;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	float:right;
	color:#FFFFFF;
}

#loading_global{
	position:absolute;
	left:50%; top:50%;
	margin:-111px 0px 0px -71px;
	z-index:100000; 	
}

/* SPLASH PAGE */

#splash {
	position:fixed;
	width:100%; height:100%;
	background:url(../images/splash_background.png);	
	z-index:500000;
}


#splash a img{
	border:0px;

}

#splash_ban {
	position:absolute;	
	left:50%; top:170px;
	width:775px; height:220px;
	margin:0 0 0 -387px;
	background:url(../images/acc_important_fond_mercredis.gif) no-repeat;
	padding:5px;
}

#splash_map {
	position:absolute;	
	left:50%; top:360px;
	margin:0 0 0 -435px;
	z-index:500001;
}

#splash_menu{
	position:absolute;
	left:50%; top:184px;
	height:31px;
	margin:0 0 0 30px;
	z-index:500002;

}


#splash_menu ul{
	position:absolute;
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
	width:340px;
	}

#splash_menu ul li{
	display:block;
	float:left;
	height:35px;
	padding:0px;
	margin:0px;
}

#splash_menu a{
	display:block;
	float:left;
	padding:6px 7px 6px 7px;
	color:#fff;
	font:18px/1 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-decoration:none;
	background:#587297;
	border:1px #192a50 solid;
	margin:0 2px 0 2px;
	font-weight:normal;
}

#splash_menu li.ok a {
	background:#881300;
	margin-left:20px;
	font-weight:bold;
}

#splash_menu a:hover{
	background:#7d93b1;
	color:#deeaf9;
}

/* new menu*/
#menu #sub_menu{

	}
#menu #sub_menu ul{
	margin:-25px 100px 0px 15px;
	list-style-type: none;
	padding:-5px 0px 0px 0px;
	}
#menu #sub_menu ul li{

	}
#menu #sub_menu ul li a{
	background-image: url(../images/mn_square.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px; 
	margin:-3px 0px 0px 0px;
	color:#FFE400;
	text-transform:uppercase;
	font-weight:bold;
	font-size:9px;
	line-height:4px;
	
	}