@import url("reset.css");

body {
	background: #fff;
	margin: 0px;
	padding: 10px 40px;
	color: #393838;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#body{
	background: #656565;
	padding: 0px 0px 100px 0px;
}
.printpage{display: none;}
a{color: #017fba; text-decoration: underline;}
a:hover{color: #051d30;}
h1{
	color: #bfdded;
	font: 10px/40px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 42px;
	height: 40px;
}
h2, h2 input{
	color: #017fba;
	font: 30px/30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 36px 0px 6px 0px;
	border-bottom: 2px solid #e5e5e5;
	position: relative;
	margin: 0px;
}
#contenu{position: relative;}
#contenu h2{position: relative;}
h2 input{
	top: 0px;
	left: 0px;
	position: absolute;
	border: 1px solid #000000;
	padding-top: 29px;
}
/*h2 input{position: absolute; top: 9px; left: 0px;}*/
/*h2 input{left: -2px;}
#contenuEdit{padding-top: 30px;}
#contenuEdit h2{padding-top: 30px;}*/
#breadcrumb{
	border-bottom: 2px solid #e5e5e5;
	padding: 5px 0px 6px 0px;
	color: #454444;
	font-size: 11px;
}
#outils ul, #outils ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
}
#outils{
	position: relative;
	z-index: 4;
	height: 1px;
}
	#outils ul{
		position: absolute;
		top: -32px;
		right: 0px;
	}
	#outils ul li{float: left;}
	#outils ul li a{
		float: left;
		width: 17px;
		height: 25px;
		background: url(/images/outils.gif) -7px 0px no-repeat;
		margin: 0px 6px;
	}
	#outils ul li a:hover{background-position: -7px -25px;}
	
	#outils ul li a.hidden, #outils ul li a.hidden:hover{
		background-position: -7px -50px;
		cursor: default;
	}
	
	#outils ul li.large a{width: 25px; background-position: -33px 0px;}
	#outils ul li.large a:hover{background-position: -33px -25px;}
	#outils ul li.large a.hidden, #outils ul li.large a.hidden:hover{background-position: -33px -50px;}
	
	#outils ul li.print a{width: 23px; background-position: -64px 0px;}
	#outils ul li.print a:hover{background-position: -64px -25px;}
	#outils ul li.print a.hidden, #outils ul li.print a.hidden:hover{background-position: -64px -50px;}
	
	#outils ul li.share a{width: 28px; background-position: -91px 0px;}
	#outils ul li.share a:hover{background-position: -91px -25px;}
	#outils ul li.share a.hidden, #outils ul li.share a.hidden:hover{background-position: -91px -50px;}
h3{
	color: #017db3;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 0px 0.3em 0px;
}
h4{
	color: #323a41;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 0px 0.3em 0px;
}
h5{
	color: #017db3;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 0px 0.3em 0px;
}
h6{
	color: #f26928;
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 0px 0.3em 0px;
}

p{
	padding: 0.8em 0px;
	text-align: justify;
}
	p.em{
		color:#f4652b;
		font: 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	}

ul, ol{padding: 20px 0px;}
li{
	padding: 4px 5px 4px 25px;
	border-top: 1px solid #dadada;
}
ul ul li,
ul ol li,
ol ul li,
ol ol li{
	margin-left: 20px;
	font-size: 90%;
	line-height: 1.3em;
	padding: 4px 5px 4px 25px;
	color: #555555;
	background-position: -682px 7px;
}
ul ul, ul ol,
ol ol, ol ul{padding-bottom: 10px;}
ol li,
ul ol li{
	background: none;
	list-style: decimal;
	padding-left: 0px;
	border: none;
	margin-left: 28px;
}
ul ol li,
ol ol li{
	margin-left: 47px;
	padding-left: 0px;
}
ul li, ol ul li{
	background: url(/images/bullet.gif) 9px 9px no-repeat;
	list-style: none;
	border-top: 1px solid #dadada;
}
ol ul li{background-position: 9px 7px;}

table{
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 20px 0px 30px 0px;
	text-align: left;
}
table p{text-align: left;}
table th{
	color: #017fba;
	border-bottom: 2px solid #017fba;
	border-right:10px solid #f7f7f7;
	font: bold 120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px;
}
table td{
	border-bottom: 1px solid #d8d8d8;
	border-right:10px solid #f7f7f7;
	color: #666666;
	padding: 3px 10px;
	vertical-align: top;
}

.equipe{
	margin-top:20px;

}

.equipe table td{
	padding:0px;
	
}

.alignright, .alignleft, #contenu iframe{
	margin: 0.8em 25px 25px 0px;
	padding: 15px;
	border: 1px solid #d7d9dc;
	float: left;
	background: #FFFFFF;
}
a:hover .alignright, a:hover .alignleft{
	
	background-color: #e4eef2;
}
.alignright{
	float: right;
	margin: 0.8em 0px 25px 25px;
	
}

.aright{float: right;
border: 1px solid #d7d9dc;
margin-bottom:10px;
padding: 15px;
}
.aleft{float: left;}

.invisible{
	border:inherit;
	border:none;
	text-align:left;
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
	border-collapse: collapse;
	line-height: normal;
}
table.htmlarea,
table.htmlarea th,
table.htmlarea td,
#contenuEdit table.htmlarea,
#contenuEdit table.htmlarea th,
#contenuEdit table.htmlarea td,
#contenuEdit table.htmlarea table,
#contenuEdit table.htmlarea table th,
#contenuEdit table.htmlarea table td,
table.invisible,
table.invisible th,
table.invisible td,
#fancy_title table,
#fancy_title table td,
#fancy_title table th,
#fancy_ajax_box table,
#fancy_ajax_box table td,
#fancy_ajax_box table th{
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
	border-collapse: collapse;
	line-height: normal;
	width: auto;
}

div.holder{
	width: 976px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#top{background: url(/images/nuages.jpg) center top repeat;}
#top div.nuages{background: url(/images/nuages-top.jpg) center top repeat-x;}
#top div.top{background: url(/images/bg-top.gif) center top repeat-x;}

ul.quick-navigation, ul.quick-navigation li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
}
ul.quick-navigation{
	float: right;
	height: 40px;
	padding-right: 42px;
}
ul.quick-navigation li{
	float: left;
	color: #78c8eb;
	font: bold 12px/40px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
ul.quick-navigation li b{padding: 0px 3px;}
ul.quick-navigation li a{
	color: #d9ebf4;
	text-transform: uppercase;
	text-decoration: none;
}
ul.quick-navigation li.langue a{color: #b3d9ea;}
ul.quick-navigation li a:hover{color: #78c8eb;}
ul.quick-navigation li.langue a:hover{color: #FFFFFF;}

#page{width: 976px; background: url(/images/bg-page.gif) center top repeat-y;}
#page div.top{width: 976px; background: url(/images/bg-page-top.gif) center top no-repeat;}
#page div.top div.top{width: 976px; background: url(/images/bg-menu.gif) center top no-repeat;}
#page div.bottom{width: 976px; background: url(/images/bg-page-bottom.gif) center bottom no-repeat;}

#page div.top div.top div.bottom{
	height: 640px;
	min-height: 640px;
}	html > body #page div.top div.top div.bottom{height: auto; min-height: 640px;}

#header{
	background: url(/images/bg-page-top.jpg) center 43px no-repeat;
	height: 360px;
	min-height: 360px;
	padding: 0px 25px;
	position: relative;
	z-index: 2;
}	html > body #header{height: auto; min-height: 360px;}

#header div.logo{
	position: absolute;
	top: 7px;
	left: 40px;
	z-index: 3;
}

#menu, #menu ul, #menu li{
	list-style: none;
	float: left;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
}
#menu{
	float: none;
	width: 851px;
	font: 12px/32px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 90px;/*57px*/
	position: relative;
	z-index: 10;
}
#menu.en {
	width:906px;
	padding-left:61px;
}
#menu li{
	position: relative;
	line-height: normal;
	height: auto;
	position: relative;
	z-index: 11;
}
#menu li a{
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 11px 0px 11px;
	line-height: 28px;
}
#menu li.parent a{
	background: url(/images/bullet-down.gif) right 16px no-repeat;
	padding: 4px 20px 0px 11px;
}
#menu li a:hover,
#menu li.shover a,
#menu li a.selected{
	color: #084f70;
	background: #e1eff5 url(/images/bg-menu-hover.gif) 0px bottom repeat-x;
}
#menu li.parent a:hover,
#menu li.shover a,
#menu li.parent a.selected{background-position: right bottom;}
#menu li b{
	float: left;
	width: 6px;
	height: 32px;
	line-height: 32px;
	background: url(/images/bg-menu-split.gif) center bottom no-repeat;
}

#menu ul, #menu ul li ul{
	position:absolute;
	float: none;
	top: 30px;
	left: 0px;
	border: 1px solid #BBB;
	border-bottom: none;
	line-height: normal;
	z-index: 100;
	background-color: #ffffff;
	width: 150px;
	height: auto;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

#menu ul li,
#menu ul li a,
#menu li.shover ul li a{
	width: 150px;
	display: block;
	line-height: normal;
	float: none;
	margin: 0px;
}
#menu ul li a,
#menu li.parent ul li a,
#menu li.shover ul li a{
	width: 130px;
	border-bottom: 1px solid #BBB;
	text-decoration: none;
	padding: 4px 10px;
	color: #017fba;
	background: #FFFFFF;
}
#menu ul li a:hover,
#menu li.parent ul li a:hover,
#menu li.shover ul li a:hover{
	color: #051d30;
	background: #f0f0f0;
}

			/* ---------------------------- */
			/* Sous menu de deuxieme niveau */
			/* ---------------------------- */
			#menu ul li ul{
				top: -1px;
				left: 150px;
				z-index: 101;
				margin: 0px;
				padding: 0px;
			}
		
				#menu ul li ul li,
				#menu ul li ul li a,
				#menu li.shover ul li ul li a{
					width: 130px;
					display: block;
					line-height: normal;
					float: none;
					margin: 0px;
					font-size: 11px;
				}
				#menu ul li ul li a,
				#menu li.parent ul li ul li a,
				#menu li.shover ul li ul li a{
					width: 130px;
					border-bottom: 1px solid #BBB;
					text-decoration: none;
					padding: 4px 10px;
					color: #017fba;
					background: #f0f0f0;
				}
				#menu ul li ul li a:hover,
				#menu li.parent ul li ul li a:hover,
				#menu li.shover ul li ul li a:hover{
					color: #051d30;
					background: #ffffff;
				}
				
				#menu ul li ul li p{
					font-size: 10px;
					color: #006699;
					padding: 0px;
					margin: 0px;
					line-height: 10px;
					text-transform: none;
					text-align: left;
					}
		
			/* ---------------------------- */
			/* FIN du Sous menu de deuxieme niveau */
			/* ---------------------------- */


#left, #right{
	float: left;
	display: inline;
	width: 569px;
}
#left{
	margin-left: 45px;
	padding-bottom: 118px;
}
#right{
	width: 277px;
	padding-top: 52px;
}

#right div.box, #right div.whitebox{margin-bottom: 40px;}
#right div.box{background: url(/images/bg-box.gif) 0px 0px repeat-y;}
#right div.box div.top{width: auto; background: url(/images/bg-box-top.gif) 0px 0px no-repeat;}
#right div.box div.logo{background: url(/images/bg-box-logo.gif) 0px 0px no-repeat;}
#right div.box div.bottom{
	width: auto;
	background: url(/images/bg-box-bottom.gif) 0px bottom no-repeat;
	height: 40px;
	min-height: 40px;
	padding: 12px;
}	html > body #right div.box div.bottom{height: auto; min-height: 40px;}

#right div.box h3{
	color: #017fba;
	padding: 17px 0px 0px 18px;
	margin: 0px;
	font: italic bold 22px/22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#right div.whitebox{
	border: 2px solid #d4d4d4;
	background: #FFFFFF;
	padding: 5px;
	color: #656565;
	font: 11px/16px Arial, Helvetica, sans-serif;
}
#right div.whitebox p{
	padding: 5px;
	text-align: left;
}
#right div.whitebox strong{
	color: #017fba;
	font-weight: normal;
}
#right div.whitebox strong b{font-size: 12px;}

#cadre{
	margin: 10px 0px 10px 12px;
	background-position: center center;
	background-repeat: no-repeat;
}

#contenu{font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; padding: 10px 40px;}

#astuces{
	position: absolute;
	z-index: 10;
	width: 587px;
	height: 219px;
	background: url(/images/panel.png) 0px 0px no-repeat;
	z-index: 6;
	bottom: -90px;
	left: 0px;
}
#astuces div{
	padding: 40px 45px;
}
#astuces h2{
	margin: 0px;
	padding: 0px;
	border: none;
	color: #017fba;
	font: 20px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#footer{background: url(/images/bg-footer.gif) 0px 0px repeat-x;}
#footer div.holder{
	background: url(/images/bg-footer-bottom.gif) center top no-repeat;
	height: 159px;
	min-height: 159px;
	padding-right: 73px;
	width: 903px;
	z-index: 1;
}	html > body #footer div.holder{height: auto; min-height: 159px;}

#footer ul, #footer ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	background: none;
}
#footer ul{
	float: right;
	width: 140px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 76px;
}
#footer ul li a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul li a:hover{text-decoration: underline;}
#footer ul li{
	padding: 3px 0px 3px 8px;
	background: url(/images/bullet.gif) -1395px 6px no-repeat;
}
#footer p{
	float: left;
	padding-top: 100px;
	padding-left: 45px;
	width: 500px;
	color: #FFFFFF;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
#footer p a{
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
}
#footer p a:hover{
	text-decoration: none;
	font-weight: bold;
}

.img_right{
	float:right;

}

ul.expander, ul.expander li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	background: none;
	width: 253px;
}
ul.expander li img{display: none;}
#right div.box ul.expander li span{display: block; width: 253px;}
#right div.box ul.expander li span a{
	display: block;
	border-top: 2px solid #c7c7c7;
	border-left: 2px solid #c7c7c7;
	border-bottom: 2px solid #c7c7c7;
	color: #656565;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	padding: 8px 10px;
	margin-top: -2px;
	margin-left: 30px;
	background: url(/images/bg-expander.gif) right 0px no-repeat;
	text-decoration: none;
	width: 199px;
}
#right div.box ul.expander li span a strong{font-weight: normal;}
#right div.box ul.expander li span a:hover{
	color: #017fba;
	background: url(/images/bg-expander.gif) right -150px no-repeat;
}
#right div.box ul.expander li.opened span a{
	width: 209px;
	margin-left: 20px;
	font-size: 130%;
	color: #017fba;
	background: #fdfefe url(/images/bg-expander-open.gif) 0px bottom repeat-x;
}
#right div.box ul.expander li.opened span a strong{
	font-weight: bold;
}
#right div.box ul.expander li div{
	padding: 10px 10px 20px 30px;
	margin-left: 20px;
	font-size: 10px;
	line-height: 14px;
}
#right div.box ul.expander li div a{
	padding-left: 5px;
	font-weight: bold;
}

p.more{
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 25px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.secteur_activite{
	width:200px;
	float:left;

}

.img_realisation{
	padding: 15px;
	border: 1px solid #d7d9dc;
	background: #FFFFFF;
	margin-right:10px;
}

.clear{
	clear:both;
}

.para_coordonne{
	width:250px;

}
.sep{
	border-bottom:2px solid #e5e5e5;
	margin:20px 0;
}

div.demande{
	float: right;
	position: relative;
	text-align: right;
	width: 161px;
}
div.demande a{
	display: block;
	width: 161px;
	text-decoration: none;
}
div.demande a span{
	display: block;
	margin: 0px 4px;
	width: 151px;
	border: 1px solid #c5c5c5;
	text-align: center;
	position: absolute;
	background: #FFFFFF;
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	top: 128px;
}
div.demande a:hover span{
	background: #017fba;
	color: #FFFFFF;
	border-color: #003249;
}

form input,
form textarea{
	padding: 3px 8px;
	border: 1px solid #CCCCCC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
form select{font: 11px Verdana, Arial, Helvetica, sans-serif;}
form input.btn{
	background: #017fba;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #00557d;
	padding: 5px 8px;
	cursor: pointer;
}
form input.btn:hover{
	background: #014869;
	border-color: #001823;
}

#fancy_ajax_box{width: 100%;}
#fancy_ajax_box table{
	width: 100%;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}
#fancy_ajax_box table th,
#fancy_ajax_box table td{
	background: #017fba;
	border: 1px solid #FFFFFF;
	padding: 5px 10px;
}
#fancy_ajax_box table th{color: #FFFFFF;}
#fancy_ajax_box table td{
	border: 1px solid #FFFFFF;
	background: #F0F0F0;
}
#fancy_ajax_box table td.btn{
	padding: 15px 10px 35px 10px;
}



#fancy_inner{
	border: 3px solid #017fba;
}

div#fancy_title{
	/*background: #017fba url(/images/bg-fancy-title.gif) 0px bottom repeat-x;*/
	background: #FFFFFF;
	color: #FFFFFF;
	border: 1px solid #056897;
	top: 0px;
	margin: -30px 0px 0px 0px;
}
div#fancy_title table {margin: 0 auto;}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

#fancy_title td#fancy_title_left {display: none;}

#fancy_title td#fancy_title_main {background: none;}
#fancy_title td#fancy_title_main div{
	border: 3px solid #FFFFFF;
	padding: 7px 20px;
	color: #056897;
	font-size: 16px;
	font-weight: normal;
}

#fancy_title td#fancy_title_right {display: none;}

a.titreLien{
	text-decoration: none;
	}
	a:hover.titreLien{
	text-decoration: underline;
	}