/*------------------------------main*/

body{
	background:#161616;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	font-size:11px; color:#06262D;
}

h1, h2, h3{ margin:0px; font-family:Verdana; font-weight:bold}
h1{ color:#ff3600; font-size:32px; text-align:right; }
h2{ color:#55ACDD; font-size:26px;}
h3{ color:#ff3600;font-size:22px; font-weight:bold;}
h4{ margin:0px; font-size:18px;}

.fd_noir{ background:url(../image/fd_noir.png) repeat top left;}

* html .fd_noir{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/fd_noir.png", sizingMethod="crop");}


.titreRubrique{ color:#55ACDD; font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; }

textarea{ font-family:'Verdana';}

.color1{color:#ff3600;}
.color2{color:#55ACDD;}

.bg1{background-color:#ff3600 !important;}
.bg1Light{background-color:#BE845C !important;}
.bg2{background-color:#55ACDD !important;}
.bg2Dark{background-color:#2891CF !important;}
.bgLight{background-color:#ECF3F8 !important;}
.bg{background-color:#cee0ee !important;}
.bgTxt{background-color:#06262D !important;}


.bloc90{ margin:15px 5%;  width: 90%; }

.bouton{ padding:2px 6px;font-weight:bold; color:#FFF;  background:#ff3600; cursor:pointer; z-index:1;  }

.bouton:hover{ color:#ff3600;  background:#ECF3F8; }


hr{ color:#000; size:1px; }

p{ margin-top:3px;}

img { border:none;}

a {text-decoration:none; color:#ff3600; font-weight:bold}
a:hover {text-decoration:none;  color:#55ACDD;}

.bandeau{ width:100%; background-repeat:no-repeat;text-align:left; color:#fff; }
.bandeau .titre_bandeau{ color:#fff; font-size:28px; font-family:Verdana;   width:385px;	}

.main{ margin-left:auto; margin-right:auto; width:978px; text-align:left; background:#cee0ee;}


a.btn1{ color:#fff; padding:5px;  font-weight:bold;margin:4px; background-color:#ff3600;  }
a.btn1:hover{ background-color:#BE845C; color:#000; }

a.btn2{ color:#fff; padding:5px;  font-weight:bold;margin:4px; background-color:#2891CF;  }
a.btn2:hover{ background-color:#55ACDD; color:#fff; }

#en_cours{ text-decoration:blink; display:none }


/*------------------------------div*/

div.head{position:absolute;margin-left:inherit; width:978px;   }

div.page{ position:absolute;margin-left:inherit; top:85px; width:978px; background-color:#fff; }


div.footer_site{ clear:left; background-color:#161616; color:#fff; font-size:10px; }


div.rail{  font-size:11px; color:#fff; background-color:#ff3600; 
/* pour les navigateurs "normaux" */
	position: fixed;
	bottom: 0px;
	left:0;
	/* pour IE */
	_display: none;

/*top:expression(documentElement.scrollTop+body.scrollTop + document.body.clientHeight - 25 + "px");*/

	width:100%;
	z-index:50;

}


div.rail div{ margin-left:auto; margin-right:auto;width:948px; text-align:left; padding:5px 0; }

div.rail div a{ color:#fff; font-weight:bold; }
div.rail div a:hover{ text-decoration:underline }




/*------------------------------g n ral*/


.titre{ font-weight:bold}

a.boutonRetour{ padding:6px 0; text-align:center; width:323px; display:block; color:#FFF; background:#ff3600; cursor:pointer; font-size:12px; text-transform:uppercase; position:relative; top:-5px; }

a.boutonRetour:hover{ color:#ff3600;  background:#ECF3F8; }

.boutonMask{ padding:10px; color:#fff; border-bottom: 1px solid #fff;  border-top: 1px solid #000;background:url(../image/down.gif) right center #ff3600 no-repeat; cursor:pointer;  }

.fd_clair{ background-color:#ECF3F8; }
.fd_blanc{ background-color:#fff; }

.fd1{background-color:#55ACDD;}


.top_select{
	background:url(../image/top_select.gif) no-repeat top left;
	width:607px;
	margin:0 auto;
	height:9px;
}
.select{
	padding:0 20px;
	background:url(../image/select.gif) repeat-y top left;
	width:567px;
	margin:0 auto;
}

.bottom_select{
	background:url(../image/bottom_select.gif) no-repeat top left;
	width:607px;
	margin:0 auto;
	height:9px;
}


.tablo_titre{ font-size:14px; background:#cee0ee; font-weight:bold; color:#fff;  }
.tablo_cell{ background:#ECF3F8; font-weight:bold; font-size: 14px;}

.tablo_titre2{ font-size:12px; background:#cee0ee; font-weight:bold; color:#fff;  }
.tablo_cell2{ background:#ECF3F8; font-weight:bold; font-size: 14px; }


.titreperiode{ font-weight:bold; text-decoration:underline; margin-bottom:3px; }

.td1 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #ff3600;
	
}
.td2 {
	font-size: 11px;
	color: #000;
	background-color: #55ACDD;
}
.td3 {
	font-size: 11px;
	color: #000;
	background-color: #2891CF;
}


/*------------------------------------------------------------ header ------------------------------------------------------------ */


#logo1{ float:left; width:320px }

#logo2{ float:left; width:650px; text-align:right}


.td1_prog {
	padding-left:5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #555;
	cursor:default;
	font-family: Verdana; 
}
.td2_prog {
	
	font-size: 12px;
	color: #fff;
	padding-left:5px;
	background-color: #888;
}

#sc2 a {
	font-size: 11px;
	padding:3px 1% 4px 3%;
	background-color: #888;
	color: #000;
	text-transform:none;
	display:block;
	width:96%;
	text-align:right;

	
}

#sc2 a:hover {
	background-color: #fff;
	
}


/*------------------------------accueil*/


.theme{
	background:#55ACDD;
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:25px 0 5px 0;
	padding:1px 5px;
	text-transform:uppercase;
}
.periode{
	font-size:14px;
	text-transform:uppercase;
	color:#55ACDD;
	padding:10px 5px;
}

.periode a{
	color:#55ACDD;
}

.theme a{
	color:#fff;
}

/*------------------------------footer*/

.footer_site a{ color:#fff; }

div.titre_footer{ color:#fff; font-size:11px; margin:5px 0 5px 0; font-size:11px; font-weight:bold }

div.menu1_footer ,div.footer_site a{ color:#8a8a8a; font-weight:normal;  }

div.menu2_footer{ border-top:1px solid #fff; margin:20px 0; padding:5px 0 0 50px }

div.menu2_footer a{ float:left; display:block; margin:0 13px;color:#fff;  font-size:12px; color:#c0c0c0; font-weight:normal; }


div.menu2_footer a:hover, div.menu1_footer a:hover{ color:#fff; }

.partenaire img{ border:2px solid #55ACDD; }


/*------------------------------menu*/

.menuleft{
	width:100%;
	background-color:#55ACDD;
	vertical-align:top;
	font-size:11px;
}

#menuleft{
	width:inherit;
	top:15px;
	position:relative;
	display:block;
	background:url(../image/fdmenu.png) no-repeat top left;
}
 * html #menuleft{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/fdmenu.png", sizingMethod="crop");}

#menuleft .titreMenu{  
	color:#55ACDD;
	background:#fff;
	text-transform:uppercase;
	padding:4px;
}

#menuleft a.onglet {
	color:#FFFFFF;
	width:100%;
	display:block;
	border-bottom:1px solid #fff;
}

#menuleft a.onglet_retour{
	background:url(../image/onglet.png) repeat;
	color:#FFFFFF;
	width:100%;
	display:block;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	margin-bottom:4px;
}
 * html #menuleft a.onglet_retour{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/onglet.png", sizingMethod="crop");}

div.outil{
	font-size:10px;
	display:block;
	padding:3px;
}

div.outil a, div.outil a:hover{
	color:#FFFFFF;
}

#menuleft a.onglet:hover {
	color:#55ACDD;
	background:#fff;
	text-decoration:none;
}

#menuleft a.onglet2{
	background:url(../image/onglet.png) no-repeat;
	font-size:10px;
	color:#FFFFFF;
	width:100%;
	display:block;
	text-align:right;
	height:43px;
	border-top:1px solid #fff;

}

#menuleft .contact{
	border-bottom:1px solid #fff;
}
 * html #menuleft a.onglet2{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/onglet.png", sizingMethod="crop");}


#menuleft .courrier{
	background:url(../image/courrier.png) no-repeat top left;
	height:43px;
}
 * html #menuleft .courrier{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/courrier.png", sizingMethod="crop");}

#menuleft .tel{
	background:url(../image/tel.png) no-repeat top left;
	height:43px;
}
 * html #menuleft .tel{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/tel.png", sizingMethod="crop");}


#menuleft .devis{
	background:url(../image/devis.png) no-repeat top left;
	height:43px;
}
 * html #menuleft .devis{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/devis.png", sizingMethod="crop");}


#menuleft a.onglet strong{
	padding:4px 2px 4px 14px;
	display:block;
}


#menuleft a.onglet-select strong,#menuleft a.onglet_retour strong, #menuleft a.onglet:hover strong ,a.onglet2 strong{
	padding:4px;
	display:block;
}

#menuleft a.onglet strong,#menuleft a.onglet_retour strong, a.onglet-select strong{
	text-transform:uppercase;
}

#menuleft a.onglet-select{
	background:#fff;
	font-size:11px;
	color:#55ACDD;
	width:100%;
	display:block;
	cursor:default;
}

.outil2{ float:right; margin:20px 0px; }

.outil2 a{ 
	margin-left:3px;
	display:block;
	float:left;
}


.bloc_outil{
	background:url('../image/sep_outil.gif') right bottom no-repeat;
	float:left;
	padding:0 10px 0 9px;
}


.titre_outil{
	color:#151515;
	margin-bottom:3px;
}

/*------------------------------vignette*/
.vignette{ height:82px; cursor:pointer; width:580px; color:#06262D; cursor:pointer; margin:15px 0 0 11px; border-bottom:#ff3600 1px solid;border-top:#55ACDD 1px solid;background-repeat:no-repeat; background-position:left top;  }

.vignetteContent{ text-align:left; width:400px; height:100%; padding:0 5px;  font-size:10px; background:#eee; position:relative; left:170px;  }


.vignette .lien_vignette,.vignette .lien_article{  position:absolute; width:580px; text-align:right; z-index:100;  }
.vignette .lien_vignette a,.vignette .lien_article span  { position:relative; color:#fff; padding:2px;  font-weight:bold; right:0px; background:#BE845C;   }
.vignette .lien_article span {  font-size:14px;  top:64px;  }
.vignette .lien_vignette a {  font-size:10px; top:68px;   }


.vignette .image_vignette{  position:absolute;  }
.vignette .image_vignette img { position:relative; color:#fff; top:0px; left:0px; }


.vignette .sur_vignette{  position:absolute;  }
.vignette .sur_vignette div { position:relative; color:#fff; padding:2px; width:170px;  font-weight:bold; top:0px; left:0px;font-size:12px; background:#F00;text-align:center; }


.titrevignette{ font-size:12px; font-weight:bold; margin-top:0px; text-align:right; clear:right; text-transform:uppercase;padding-top:2px }
.titrevignette_article{ font-size:18px; padding-top:2px }


.lien_vignette a:hover { text-decoration:underline}



/*******************************************************************************
 Menu
 *******************************************************************************/
.retour_accueil{background:url(../image/accueil.png) no-repeat top left;}
.dossier{background:url(../image/prog.png) no-repeat top left;}
.reglement{background:url(../image/regle.png) no-repeat top left;}
.stat{background:url(../image/stat.png) no-repeat top left;}
.sond{background:url(../image/info.png) no-repeat top left;}

.ctct{background:url(../image/ctct.png) no-repeat top left;}
.qui{background:url(../image/qui.png) no-repeat top left;}
.clt{background:url(../image/clt.png) no-repeat top left;}
.mar{background:url(../image/mar.png) no-repeat top left;}
.geo{background:url(../image/geo.png) no-repeat top left;}
.home{background:url(../image/home.png) no-repeat top left;}
.geo2{background:url(../image/geo2.png) no-repeat top left;}
.plan{background:url(../image/plan.png) no-repeat top left;}
.valid{background:url(../image/valid.png) no-repeat top left;}


a:hover.qui{ color:#fff !important;  }
a:hover.ctct{ color:#fff !important;  }


* html .retour_accueil{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/accueil.png", sizingMethod="crop");}
* html .dossier{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/prog.png", sizingMethod="crop");}
* html .reglement{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/regle.png", sizingMethod="crop");}
* html .stat{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/stat.png", sizingMethod="crop");}
* html .sond{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/info.png", sizingMethod="crop");}
* html .ctct{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/ctct.png", sizingMethod="crop");}
* html .qui{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/qui.png", sizingMethod="crop");}
* html .clt{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/clt.png", sizingMethod="crop");}
* html .mar{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/mar.png", sizingMethod="crop");}
* html .geo{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/geo.png", sizingMethod="crop");}
* html .home{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/home.png", sizingMethod="crop");}
* html .geo2{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/geo2.png", sizingMethod="crop");}
* html .plan{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/plan.png", sizingMethod="crop");}
* html .valid{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/valid.png", sizingMethod="crop");}


ul.MenuBarHorizontal,ul.MenuBarHorizontal2{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	display:block;
	z-index: 1000;
	font-size: 10px;
	float:right;
	/*border-bottom: 2px solid #fff;*/
}

div.menu2 { margin:62px 0 0 0; }


ul.MenuBarHorizontal li,ul.MenuBarHorizontal2 li{
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	float: left;
	z-index: 1010;
	
}

ul.MenuBarHorizontal ul,ul.MenuBarHorizontal2 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	left:4px;
	z-index: 1020;
	cursor: default;
	position: absolute;
	display:none;
	width:160px;
}

ul.MenuBarHorizontal ul li, ul.MenuBarHorizontal2 ul li{
	clear:both;
	width:100%;
	margin-top:0px;
	border-bottom-color:#fff;
	border-bottom:solid 1px;
}

ul.MenuBarHorizontal ul div{
	float:left;
	margin-top:0px;
	border-bottom-color:#fff;
	border-bottom:solid 1px;
	border-right-color:#fff;
	border-right:solid 1px;
	font-size:10px;
	width:174px;
}

ul.MenuBarHorizontal ul ul,ul.MenuBarHorizontal2 ul ul{
	position: absolute;
	margin: 0 0 0 100%;
	left:0;
}



/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

ul.MenuBarHorizontal ul,ul.MenuBarHorizontal2 ul{
	color:#fff;
	font-weight:bold;
	border-top: 1px solid #fff;

}

ul.MenuBarHorizontal a,ul.MenuBarHorizontal2 a{
	display:inline-block;
	text-decoration: none;
	color:#fff;
	font-weight:bold;
	
}
ul.MenuBarHorizontal ul li a,ul.MenuBarHorizontal2 ul li a ,ul.MenuBarHorizontal ul div a{
	width:96%;
	padding: 3px 2% 3px 2%;
}


/*******************************************************************************
sous-nenu
 *******************************************************************************/


a.MenuBarItemSubmenu2, a.MenuBarItemSubmenu{
	background-repeat:no-repeat;
	padding:4px 6px 0 29px;
	height:19px;
}	

a.MenuBarItemSubmenu{
	color:#fff;
	cursor:default;
}
a.MenuBarItemSubSubmenu{
	color:#fff;
}
a:hover.MenuBarItemSubSubmenu{
	background-color:#fff;
}

a:hover.MenuBarItemSubmenu2{
	background-color:#fff;
	padding:4px 21px 0 14px;
}


/*******************************************************************************
Couleur 1*/

ul.MenuBarHorizontal ul, ul.MenuBarHorizontal a{
	background-color:#55ACDD;
}

ul.MenuBarHorizontal a:hover{
	color:#55ACDD;
}

/******************************************************************************* Couleur 2*/
 
 .accueil{ float:left; width:174px; text-transform:uppercase; padding:4px 0px 5px 4px; border-bottom:#FFFFFF solid 2px;}
 .accueil a{ color:#2891CF;}

ul.MenuBarHorizontal2 ul, ul.MenuBarHorizontal2 a{
	background-color:#55ACDD;
}

ul.MenuBarHorizontal2 li a.grand{
	text-transform:uppercase; font-size:10px;
}

ul.MenuBarHorizontal2 a:hover{
	color:#55ACDD;
}


/* ----------------------------- Calendrier ----------------------------------- */


img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: #93CCE5;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #fff;
}
div#tcal td.today {
}

div#tcal td.selected {
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}


/* ----------------------------- Tarif ----------------------------------- <span style=""></span>*/


.descriptif_enfant{ display:none; position: relative; width: 300px; color:#b30912; text-transform:lowercase; padding:6px; top: -28px; left:15px; text-align:left; border:2px solid #b30912; font-size: 13px;  background:#fff !important;  }

.titreTarif{ font-weight:bold;text-transform:uppercase; font-size:12px; color:#55ACDD; margin:8px; }

.boutonDevis{ padding:4px; font-weight:bold; color:#FFF; cursor:pointer; font-size:11px; margin-top:15px; display:block }

a.boutonDevis:hover{ color:#ff3600;  background:#fff !important;  }


.boutonDevis2{ padding:3px; font-weight:bold; color:#FFF; cursor:pointer; font-size:11px;  display:block ; background:#ff3600 !important; float:right}

.boutonDevis2:hover{ color:#ff3600;  background:#fff !important;  }


.tarif_texte{ text-transform:uppercase; font-size:14px; color:#000; font-weight:bold }

.tarif_periode{
	text-transform:uppercase;
	border-top:1px solid #000;
	font-size:14px; color:#000;
	background:#55ACDD;
	font-weight:bold;
	color:#fff;
}

.cache{  position:relative; display:inline;   }
.cache .small{  background:#fff; padding:5px; position:absolute; width:290px; display:none; left:0; top:-70px; border: 3px solid #ff3600;  z-index:1000;  }
.cache .medium{  background:#fff; padding:5px; position:absolute; width:490px; display:none; left:0; top:-70px; border: 3px solid #ff3600;  z-index:1000;  }
.cache .big{  background:#ECF3F8; padding:5px; position:absolute; width:890px; display:none; left:50px; top:-70px; border: 3px solid #ff3600;  z-index:1000;  }


.f_haut, .f_bas{ background:#BE845C; height:20px; cursor:pointer; }

.f_haut div { background: url(../image/f_haut.png) no-repeat center; height:100%;   }
.f_bas div { background: url(../image/f_bas.png) no-repeat center; height:100%;  } 

/* ----------------------------- Formulaire ----------------------------------- */


.formulaire{ font-size:18px; }

.formulaire table{ width:92%; margin:15px 4%;  }

.formulaire input,.formulaire textarea,.formulaire select{ font-size:18px; }

.formulaire td{  padding:2px; }

.remise{  font-weight:bold; text-transform:uppercase;  }


/*------------------------------DIVISION*/

.blocLeft{ float:left; width:323px; padding-right:8px; border-right:1px solid #000; }
.blocRight{ float:right; width:609px; padding-left:8px;   }


.blocLeft .element{ margin-top:15px; }
.blocLeft .element .elementTitre{ padding:5px; font-size:14px; text-transform:uppercase; background:#55ACDD; color:#fff; font-weight:bold; }
.blocLeft .titre_select{ font-weight:bold; margin-top:5px; }