/* Ensemble de la page */

/*===============================*/



*{
	margin:0px;
	padding:0px;
}

html{
	font-family:arial;
	font-size:10pt;
	color:#4d4d4d;
	width:100%;
	min-width:1024px;
	height:100%;
}

a img {
	border: none;
}

body{
	position:relative;
	height:100%;
	width:100%;
	min-height:768px;
	min-width:1024px;
}

#main_content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -135px;
	position: relative;
	overflow-x: hidden;
	background: repeat-y url(../images/bg_menu.jpg) center 10px;
	width: 100%;
}

#footer_pusher {
	height: 135px;
}

h1{
	font-family:'century gothic', arial;
	font-weight:normal;
}

.ws_bullets {
	display: none !important;
}

h2{
	margin-top:10px;
}



ul{
	list-style-type:none;
}



a{
	text-decoration:none;
	color:#4d4d4d;
}



.clear{
	clear:both;
}

.img-holder{
	padding: 10px 10px 13px 10px;
	background:white;
	height: 140px;
	width:250px;
	background: url(../images/img-holder.jpg);
}

.img-holder:hover{
	opacity:0.7;
	cursor:pointer;
}
		

/* Header de la page */

/*===============================*/



#header{

	position:relative;

	

	height:500px;

	width:100%;

	

	background:url(../images/bg-header.jpg) repeat-x center top;

	

	z-index: 1000;

}



#content-logo{

	position:relative;

	

	height:125px;

	width:100%;

	

	background:url(../images/bg-top-page.png);

}

	#logo{

		position:relative;

		

		width:980px;

		margin:auto;

		
		z-index:110;

		

		padding-top: 1px;

	}

	

	#img-logo{

		margin-top: -1px;

		margin-left:-20px;

		float: left;
                cursor: pointer;

	}



	#logo h1{

		text-shadow: black 0px 4px 3px;

		

		font-size:18pt;

		color:white;

		

		margin:50px 70px 0 0;

	}

	

		#camera{

			position:absolute;

			

			top:0;

			right:-330px;

			

			z-index:120;

		}

		/*

		.hideCam #camera {

			display: none;

		}

		*/

#content-menu{

	position:relative;

	

	height:50px;

	width:100%;

	

	background:#e6eaf3;

	clear: left;

	

	z-index: 999;

}

	#menu{

		position:relative;

		

		width:980px;

		margin:auto;

		

		z-index:1001;

	}



	#menu h1{

		font-size:24pt;

		color:#4c66a5;

		

		margin:4px 42px 0 10px;

		float:left;

	}

        

	#menu ul{

		float: right;

		height: 50px;

		/*width: 590px;*/
                margin-right:35px;

		z-index:1002;

	}

	

	#menu li{

		display: block;

		float: left;

		height: 50px;

	}

	#menu ul li ul {

		display: none;

	}

	#menu ul li.open {

		height: 51px;

		background: #E6EAF3;

	}

	#menu ul ul li.open {

		height: 50px;

		z-index: 1001;

	}

	#menu ul li.open ul {

		position: absolute;

		display: block;

		right: 0;

		top: 51px;

		width: 100%;

		background: #E6EAF3;

		width: auto;

		z-index: 1001;

	}

	#menu li a{

		color: #4D4D4D;

		display: block;

		height: 32px;

		padding: 15px 12px 2px 13px;

		text-decoration: none;

	}



	#menu li a:hover, #menu li a.current{

		background:url(../images/hover-menu.jpg) repeat-x center top;

		color:#9f8036;

		margin-top:-12px;

		height: 44px;

		padding-top:27px;

		

	}

	

	.separateur{

		padding: 0 !important;

		top: 0 !important;

	}

	

#content-slogan{

	position:relative;

	

	height:305px;

	width:980px;

	

	margin:auto;

	z-index:11;

}

	#slogan{

		margin:30px 0 0 25px;

		float:left;

	}

	

	#slogan h1{

		font-size:26pt;

		color:#ffb400;

		

		line-height:100%;

		text-shadow: black 0px 4px 3px;								

	}

	

	#slogan span{

		margin-left:40px;

	}

	

	#wowslider-container1{

		position:relative;

		

		height:250px !important;

		width:590px !important;

		

		float:left;

		margin:30px 0 0 90px;

		

		-moz-box-shadow: 0px 3px 30px #666;

		-webkit-box-shadow: 0px 3px 30px #666;

		box-shadow: 0px 3px 30px #666;

	}



/* Contenu de la page */

/*===============================*/



#content{

	position:relative;

	

	height:100%;

	width:980px;

	

	margin:auto;
        overflow:visible;

}

	#left{

		position:relative;

		

		height:100%;

		width:351px;

		

		float:left;

		margin-top:-89px;

		

		z-index:10;

		

	}

		#left h3{

			font-size:22pt;

			font-weight:normal;

			color:#173587;

			

			height:50px;

			

			margin:0 0 20px 10px;

			padding:10px 0 0 20px;

			background:#e4e9f0;

		}

		

		#left .img-holder{

			width:278px;

			margin:20px 30px 20px 30px;

			background: url(../images/img-holder-promo.png);

			padding: 11px 11px 13px;

			height: 136px;

		}

		

		#left p{

			width:278px;

			margin:0 0 20px 30px;

		}

		

		.date{

			font-size:16pt;

			

			margin:0 0 0 30px !important;

		}

		

		.titre{

			font-size:16pt;

			color:#173b88;

			

			margin:0 0 12px 30px !important;

		}

                .newsText {
                    margin:0 0 12px 30px !important;
                }
		

		.nouvelle{

			color:#0078ff;

		}

	

	#right{

		position:relative;

		

		height:100%;

		width:625px;

		

		float:left;

		z-index:10;

		padding-bottom: 30px;

	}

	#right ul{

		list-style: disc;

		padding-left: 4em;

	}

	#right p {

		margin-bottom: 1em;

	}

		.info{

			position:relative;

			

			height:auto;

			width:270px;

			

			margin-left: 28px;

			margin-bottom: 30px;

			float:left;

		}

		

		.info h1{

			color:#173b88;

			font-size:18pt;

			margin:15px 6px 10px 6px;

		}

		.info p {

			margin: 0 6px 13px 6px;

			text-align: justify;

		}

		

/* Entreprise */



.texte{

	margin-top:-89px;

	padding-left:30px;

	padding-right: 30px;

	width:565px !important;

	

	background:url(../images/ombre-contenu.jpg) repeat-x top #fff;

	text-align: justify;

}



#right h3{

	font-size:18pt;

	font-weight:normal;

	color:#173587;

	

	margin:20px 0 20px 0;

}



.texte h2{

	font-size:29pt;

	font-weight:normal;

	color:#a38641;

	

	margin-bottom:30px;

}



#protection{

	float:left;

}



.texte-right{

	float:right;

	width:415px;

}



#banner-container{

	background:url(../images/bg-banner.png);

	padding:6px;

	margin:20px auto 0 auto;

	width:888px;

}



/* Contact */



.block{

	height:110px;

	width:295px;

	

	float:left;

}



.categorie{

	font-weight:800;

	margin-bottom:15px;

}



	.categorie img{

		margin-left:20px;

	}	



.nom{

	float:left;

}



.detail{

	float:right;

	margin-right:55px;

}



#map{

	height:250px;

	width:535px;

	

	margin-top:30px;

	padding:3px;

	background:url(../images/bg-map.png);

}



/* Footer de la page */

/*===============================*/



#footer{

	position:relative;

	

	height:135px;

	width:100%;

	

	background:url(../images/bg-header.jpg) repeat-x center;

	

	/** Pour être au dessus du menu de gauche */

	z-index: 10;

}

	#content-footer{

		position:relative;

		

		height:auto;

		width:980px;

		

		margin:auto;

		

		z-index:10;

	}

	

	#content-footer h1{

		text-shadow: black 0px 4px 3px;

		font-size:18pt;

		color:#fff;

		float:right;

		margin:50px 35px 0 0;

	}

	

	#zone-client{

		position:relative;

		

		height:95px;

		width:339px;

		

		float:left;

	}

	

	#zone-client p{

		text-shadow: black 0px 4px 3px;

		

		font-size:18pt;

		color:#fff;

		

		margin:20px 0 0 20px;

	}
        
        #zone-client a{
            color: #CCC;
            /*border: 1px solid #ccc;*/
            background:  url("../images/boite-texte.png") no-repeat scroll 0 0 transparent;
            padding:5px 13px 5px 13px ;
            font-size: small;
        }
 	#zone-client a:hover{
            color: #fff;
        }

	#zone-client form{

		margin:10px 0 0 30px;

	}

	

	#zone-client input{

		background: url("../images/boite-texte.png") no-repeat scroll 0 0 transparent;

		border: medium none;

		box-shadow: 0 3px 20px #FFFFFF;

		color: #FFFFFF;

		font-size: 8pt;

		font-weight: bold;

		height: 21px;

		margin-right: 10px;

		opacity: 0.8;

		padding: 4px 4px 0;

		position: relative;

		top: -9px;

		width: 97px;

		vertical-align: bottom;

	}

	

	#zone-client button{

		border:none;

		background:none;

		

		height:26px;

		width:49px;

		

		-moz-box-shadow: 0px 3px 20px black;

		-webkit-box-shadow: 0px 3px 20px black;

		box-shadow: 0px 3px 20px black;

		

		filter:alpha(opacity=80);

		opacity:0.8;

		vertical-align: super;

	}

	

	#bas-footer{

		position:absolute;

		bottom:0;

		

		height:40px;

		width:100%;

		

		z-index:10;

		background:#0a153c;

	}

	

	#bas-footer ul{

		position:relative;

		

		height:30px;

		width:980px;

		

		padding-top:10px;

		margin:auto;

	}

	

	#bas-footer li{

		display:inline;

		

		padding:0 16px 0 16px;

	}

	

	#focus{

		font-size:10pt !important;

		color:#6b6b6b !important;

		

		margin:0 65px 0 65px;

	}

	

	#bas-footer a{

		font-size:12pt;

		color:#ffb400;

	}



/* Effet sur la page */

/*===============================*/

#effet-cam-alpha{

	position:absolute;

	top: 3px;

	left: 55%;

	margin-left: -490px;

	

	height:470px;

	width:980px;

	

	z-index:100;

}

	

#shadow{

	position:absolute;

	top: 0px;

	left: 50%;

	margin-left: -490px;

	display:none;

	height:100%;

	width:980px;

	

	-moz-box-shadow: 0px 3px 240px #666;

	-webkit-box-shadow: 0px 3px 240px #666;

	box-shadow: 0px 3px 240px #666;

	

	

	filter:alpha(opacity=30);

	opacity:0.3;

}

.upper {

	text-transform: uppercase;

}

#right h2 {

	text-transform: uppercase;

}



#lmenu {

	padding: 20px 0 0 20px;

}

#lmenu li a {

	padding: 10px 5px;

	display: block;

}

#lmenu li.alt a {

	background: #E4E9F0;

}

#lmenu li a:hover {

	text-decoration: underline;

}

#lmenu li a.current {

	font-weight: bold;

}

#right h3 {

	text-transform: uppercase;

}

#ajaxcontent {

	overflow: hidden;

	position: relative;

}

#newcontent, #oldcontent {

	position: absolute;

	left: 0;

	top: 0;

}

#content.large {

	background: none;

	width: 900px;

}

#content.large #right {

	width: 840px !important;

}

ul.central {

	list-style-type: circle ;

	padding-left: 40px;

}

ul.central li {

	padding: 5px 0;

}

#protetion {

	float: left;

}

#content.large .texte-right {

	width: 660px;

	margin-bottom: 30px;

}

#logos {

	text-align: left;

}

#logos img{

	margin: 20px;

}

.service_img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;

}

#left_pusher {
	height: 300px;
}

.clear_left {
	clear: left;
}