body{
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:400;
	background:url('../images/interface/BGBody.jpg') white 0 0 repeat;
}

/*Headers*/
h1{
	
}
h2{
	
}
h3{
	
}
h4{
	
}

/*Misc*/
hr{
	border-top:1px solid #ccc;
	border-bottom:1px solid white;
}
span{
	
}
p.info{
	
}
.telDelegate{
	
}
div.clear{
	clear:both;
}

/*Sementic*/
header{
	width:100%;
	height:176px;
	background:url('../images/interface/BGHeader.jpg') #444 0 0 repeat;
	overflow-x:hidden;
}
#backStrap{
	position:absolute;
	width:100%;
	height:353px;
	top:450px;
}
#backStrap.apropos{
	height:503px;
}
#backStrap.Services{
	height:386px;
}
#backStrap.Soumission{
	height:793px;
}
.rgba #backStrap, .rgba .bloc{
	/*CSS3 RGBA*/
	background:rgba(255, 255, 255, .7);
}
.no-rgba #backStrap, .no-rgba .bloc{
	background:white;
	opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#backStrap .leftShadow{
	position: absolute;
	left: -9px;
    top: 55px;
}
#backStrap .rightShadow{
	position: absolute;
	right: -8px;
    bottom: 55px;
}
#backStrap.apropos .leftShadow{
	height:504px;
}
#backStrap.apropos .rightShadow{
	height:504px;
}
#backStrap.Services .leftShadow{
	height:388px;
}
#backStrap.Services .rightShadow{
	height:388px;
}
#backStrap.Soumission .leftShadow{
	height:795px;
}
#backStrap.Soumission .rightShadow{
	height:795px;
}
	#backStrap .top{
		position:absolute;
		width:965px;
		height:55px;
		top:-55px;
		left:50%;
		margin-left:-482px;
	}
	#backStrap .bottom{
		position:absolute;
		width:965px;
		height:55px;
		bottom:-55px;
		left:50%;
		margin-left:-482px;
	}
#conteneur{
	width:980px;
	height:auto;
	margin:0 auto;
}
	#conteneur header{
		position:relative;
		width:980px;
		height:198px;
		margin-top:-176px;
		background:url('../images/interface/BGHeader.jpg') #444 0 0 repeat;
		z-index:4;
	}
		.boxshadow #conteneur header{
			/*CSS3 Box Shadow*/
			-moz-box-shadow: 0px 0px 14px #000000;
			-webkit-box-shadow: 0px 0px 14px #000000;
			box-shadow: 0px 0px 14px #000000;
		}
	#conteneur header .leftShadow{
		position:absolute;
		left:-23px;
	}
	#conteneur header .rightShadow{
		position:absolute;
		right:-23px;
	}
	#conteneur nav{
		position:relative;
		width:960px;
		height:40px;
		margin:0 auto;
		background:#CCC;
		z-index:3;
	}
	.rgba #conteneur nav{
		/*CSS3 RGBA*/
		background:rgba(0, 0, 0, .16);
	}
	.boxshadow #conteneur nav{
		/*CSS3 Box Shadow*/
		-moz-box-shadow: 0px 0px 14px #000000;
    	-webkit-box-shadow: 0px 0px 14px #000000;
    	box-shadow: 0px 0px 14px #000000;
	}
	#conteneur nav ul{
		position:absolute;
		right:0;
	}
	#conteneur nav ul li{
		float:left;
		padding-right:34px;
		padding-top:9px;
	}
	#conteneur nav ul li:hover, #conteneur nav ul li.active{
		border-top-width:9px;
		border-top-style:solid;
		padding-top:0;
	}
	#conteneur nav ul li.Accueil{border-color:#253e75;}
	#conteneur nav ul li.a-propos{border-color:#256d73;}
	#conteneur nav ul li.Produits{border-color:#268b9a;}
	#conteneur nav ul li.Services{border-color:#6c96b4;}
	#conteneur nav ul li.Contact{border-color:#9f9b27;}
	#conteneur nav ul li a{
		text-transform:uppercase;
		font-size:18px;
		color:black;
	}
	#conteneur nav ul#sousNav{
		display:none;
		position:absolute;
		top:40px;
		padding:10px 0;
	}
	#conteneur nav ul#sousNav.a-propos{
		background-color:#256d73;
		right:347px;
		width:119px;
	}
	#conteneur nav ul#sousNav.Contact{
		background-color:#9f9b27;
		right:0;
		width:115px;
	}
	#conteneur nav ul#sousNav.Produits{
		background-color:#268b9a;
		right:228px;
		width:119px;
	}
	#conteneur nav ul#sousNav li{
		display:block;
		float:none;
		text-align:left;
		margin-top:-1px;
		padding:0;
	}
	#conteneur nav ul#sousNav li{
		border-top:none;
	}
	#conteneur nav ul#sousNav li a{
		display:block;
		width:100%;
		font-size:14px;
		text-transform:none;
		padding:5px 0;
		border-top:1px dashed white;
		border-bottom:1px dashed white;
		text-indent:5px;
	}
	#conteneur nav ul#sousNav li a:hover{
		color:white;
	}
	#conteneur section{
		position:relative;
		width:840px;
		height:auto;
		margin:0 auto;
		background:url('../images/interface/IETransparency-50.png') transparent 0 0 repeat;
		top:-40px;
		padding:243px 50px 100px 50px;
		z-index:2;
	}
	.rgba #conteneur section{
		background:rgba(255, 255, 255, .5);
	}
	#conteneur section p strong{
		font-size:16px;
	}
	#conteneur section a{
		color:black;
	}
	#conteneur section a:hover{
		color:white;
	}
	#conteneur section .ribbon{
		position:absolute;
		top:-20px;
		left:44px;
	}
	#conteneur section .label{
		left:0;
		bottom: 66px;
		height: 38px;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
		line-height: 38px;
		font-size: 24px;
		color: white;
	}
	#conteneur section .label span{
		font-size:16px;
		font-weight:100;
		letter-spacing:2px;
	}
	#conteneur section article{
		margin-top:25px;
		width: 400px;
		height: auto;
		float: left;
		margin-right: 40px;
		text-align:justify;
	}
footer{
	width:100%;
	height:223px;
	background:url('../images/interface/BGFooter.png') transparent 0 0 repeat-x;
}
	
	footer .content{
		position:relative;
		width:840px;
		height:223px;
		margin:0 auto;
	}
	footer .content .liens{
		position:relative;
		top:25px;
		width:675px;
		height:150px;
		margin:0 auto;
		padding:0;
	}
	footer .content .liens ul{
		float:left;
		padding:0 16px;
		border-left:1px solid white;
		border-right:1px solid #ccc;
		height:150px;
	}
	footer .content .liens ul li a{
		font-size:13px;
	}
	footer .content .liens ul li a:hover{
		color:#5d7a85;
	}
	footer .content p.copy{
		display:block;
		position:absolute;
		bottom:10px;
		width:100%;
		text-align:center;
		color:#5d7a85;
	}

/*
*SECTIONS
*/
/*CONTACT*/
.google{
	position:relative;
	top:-58px;
	/*CSS3 Box Shadow*/
	-moz-box-shadow: 0px 0px 14px grey;
	-webkit-box-shadow: 0px 0px 14px grey;
	box-shadow: 0px 0px 14px grey;
}
#conteneur section.soumission article{
	min-width:400px;
	max-width:400px;
}
#conteneur section.soumission article form .row{
	float:left;
	height:52px;
	margin-left:15px;
}
#conteneur section.soumission article form textarea{
	width:100%;
	height:155px;
	margin-bottom:10px;
	border:2px solid #ccc;
	font-family:Arial;
}
#conteneur section.soumission article form label{
	float:left;
}
#conteneur section.soumission article form input, #conteneur section.soumission article form select{
	float:right;
	width:190px;
	margin-bottom:10px;
	border:2px solid #ccc;
	padding:5px;
	font-family:Arial;
}
	.boxshadow #conteneur section.soumission article form input, .boxshadow  #conteneur section.soumission article form select{
		/*CSS3 - Box Shadow*/
		/*-moz-box-shadow:inset 0px 0px 3px #000000;
		-webkit-box-shadow:inset 0px 0px 3px #000000;
		box-shadow:inset 0px 0px 3px #000000;*/
	}
#conteneur section.soumission article form .row{
	margin-bottom:10px;
}
#conteneur section.soumission article form .row label{
	float:left;
	width:105px;
}
#conteneur section.soumission article form .row input{
	float:none;
	width:auto;
	border:none;
	padding:0;
}
#conteneur section.soumission article form input:focus{
	background:rgba(255, 255, 255, .5);
	outline:none;
}
#conteneur section.soumission article form input[type="submit"]:hover{
	background-color:white;
}
#conteneur section.soumission article form p.error{
	display:none;
	color:#900;
	font-size:11px;
	width:100$;
	text-align:right;
	position:relative;
	top:-10px;
}

/*PRODUITS*/
section #accordion{
	position:relative;
	width:832px;
	height:auto;
	margin:0 auto;
	background:url('../images/interface/IETransparency-50.png') transparent 0 0 repeat;
}
	.rgba section #accordion{
		background:rgba(255, 255, 255, .5);
	}
section #accordion .leftShadow{
	position:absolute;
	left:0;
	width:10px;
	top:0;
	bottom:0;
	background:url('../images/interface/accordionLeftShadow.png') transparent 0 0 repeat-y;
	z-index:5;
}
section #accordion .rightShadow{
	position:absolute;
	right:0;
	width:10px;
	top:0;
	bottom:0;
	background:url('../images/interface/accordionRightShadow.png') transparent 0 0 repeat-y;
	z-index:5;
}
section #accordion .content{
	padding:0 15px 15px 15px;
}
section #accordion .content .btSoumission{
	float:left;
	padding:0 10px;
	height:35px;
	line-height:35px;
	color:white;
	text-transform:uppercase;
	background:url('../images/interface/BGH3.jpg') transparent 0 -35px no-repeat;
}
section #accordion .content .btSoumission:hover{
	background-position:0 0;
}
section #accordion .content p{
	margin:25px 0;
}
section h3{
	position:relative;
	width:802px;
	height:35px;
	background:url('../images/interface/BGH3.jpg') transparent 0 0 no-repeat;
	margin-bottom:11px;
	cursor:pointer;
	font-size:39px;
	color:#FFF;
	line-height:35px;
	text-transform:uppercase;
	font-family:Calibri, sans-serif;
	font-weight:100;
	padding:0 15px;
}
section h3 span{
	position:absolute;
	float:right;
	right:15px;
}
section h3:hover span.no-js{
	position:absolute;
	float:right;
	left:15px;
}
section h3:hover, section h3.active{
	background-position:0 -35px;
}
section h3:hover span.no-js, section h3.active span.no-js{
	right:auto;
	left:15px;
}
section .thumb{
	float:left;
	position:relative;
	width:180px;
	height:181px;
	margin-left:16px;
	margin-bottom:16px;
}
section .thumb .cadre{
	position:absolute;
	top:0;
	left:0;
	width:180px;
	height:181px;
	background:url('../images/interface/BGThumbs.png') transparent 0 0 no-repeat;
}
section .thumb .img{
	margin-top:13px;
}

/*
*FEATURES
*/