/* Global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* -------------*/

/* GENERAL  */
	html {
	height:100%;}
	body{
	font: 85%/1.5em Avant Garde,Tahoma, Arial, sans-serif;
	color:#555555;
	background-color: #357ba8;
	background-image: url(images/i/background.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height:100%;
	}
	a{text-decoration: none;color: #979697;}
	a:hover{color:#ffffff ;}
	hr{display: none;}
	strong{font-weight: bold;}

	em {
	font-style:italic;}

	h2 {
	font-size:18px;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:bold;
	color:#174357;}
/* LAYOUT */
	#content{

	}
	/* header layout */
	#header{
	height:194px;
	width:1131px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/i/header.png);
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	}
	#wrap {
	width:1131px;
	margin-left:auto;
	margin-right:auto;
	z-index:1000;
	background-image:url(images/i/content_footer.png);
	background-repeat:no-repeat;
	background-position: bottom;
	padding-bottom:14px;
	margin-bottom:190px;
	}
	
	#content {
	background-image:url(images/i/content_back.png);
	background-repeat:repeat-y;
	background-position: center;
	padding-left:7px;
	position:relative;
	line-height:1.3em;
	background-color:#CCCCCC;
	height:1%;
	}
	#page {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-image:url(images/i/back_border.png);
	background-position: center 92px;
	background-repeat:no-repeat;
	position: relative; 
	min-height: 100%;}
	
* html #page { height: 100%;}
	
	#footer{
	height: 176px;
	width:100%;
	background-image:url(images/i/footer_back.jpg);
	background-position:top center;
	position: relative; 
	margin-top: -176px; 
	font-size: 16px;
	text-align:center;
	}

	#sidebar{
		margin-left:35px;
		top:170px;
		margin-bottom:20px;
	}
	

/* top navigation */
ul.nav {
margin:0;
padding:0;
position:absolute;
right:20px;
top:160px;
border: none;
}


.nav li {
margin: 0;float:left;
height:25px;
border:1px #FFFFFF solid;
border-bottom:none;
border-top:none;
border-left:none;


}

.nav li.first {

}
.nav li.last {
border:none;
}
.nav li a {
	display:inline;
	text-decoration: none;
	width: 100%;

	display:block;
	color:#FFFFFF;
	font-size:24px;
padding-left:10px;
padding-right:10px;
line-height:auto;
}
.nav li a:hover {
	text-decoration:underline;}







/* Boite choix de langue */
#langue {
text-align:right;

}
#langue a {
display:block;
text-align:center;
color:#FFFFFF;
float:right;
width:100px;
margin-right:10px;
margin-top:15px;
height:23px;
background-image:url(images/i/choix_bouton.png);
background-position:left top;
}

#langue a:hover, #langue a.active {
background-position:right top;
}


/* fin boite choix de langue */

.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;}

/* Content */
#content a:hover {color:#979697;}
#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin-left:20px;
}
#content .content_col ul {
margin-left:30px;}

#content p {
padding-bottom:0.5em;
margin-left:10px;
margin-right:15px;}

#content h2 , #content h3{
margin-left:10px;}

#content p img.right {
margin-right:25px;
margin-left:15px}

#content .head_image {
margin-left:-5px;}

.message_promo {
color:#fff;
font-size:26px;

text-align:left;
margin-left:100px;
margin-right:100px;
margin-top:-90px;}


.message_promo h1 {
color:#868686;
font-size:36px;
font-weight:normal;
text-decoration:underline;
padding-bottom:15px;
padding-left:45px;}

.message_promo h2 {
color:#efefef;
font-size:22px;
font-weight:normal;
}
/* Front page */
#front_contact {
background-image:url(images/i/contact_front.png);
float:right;
width:235px;
position:relative;
height:324px;
margin-right:15px;
}
.pppc {
padding:20px;
top:190px;
position:absolute;}

#front_contact h2 {
font-size:22px;
padding-right:20px;
position:relative;
text-align:right;
top:35px;}

#front_contact p {
text-align:center;
padding-top:55px;
}

.front_col{float:left;
margin-left:4px;
margin-right:4px;
margin-top:5px;
}
.col_2 {
width:569px;}
.col_1 {
width:276px;}

/* Content pages */
.content_col {
background-image:url(images/i/content_paper.png);
background-position:bottom;
background-repeat:no-repeat;
width:874px;
margin-top:10px;
margin-left:3px;
padding-bottom:50px;
float:left;
}
.content_col h1 {font-size:30px;
line-height:50px;
text-align:center;
color:#81b2d0;
margin-left:4px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
background-color:#ececec;
}

.sidebar {
float:right;
width:216px;
background-image:url(images/i/sidebar_bottom.png);
background-position:bottom;
background-repeat:no-repeat;
margin-left:3px;
margin-top:10px;
margin-right:10px;
padding-bottom:60px;
position:relative;}

.sidebar li {
	font-size:12px;
	text-transform:lowercase;
}

/* Form Contant */
#contactForm label {
float:left;
font-size:1em;
margin-right:15px;
padding-top:5px;
text-align:right;
width:150px;
}

#contactForm input, #contactForm textarea {
border:2px solid #CCCCCC;
font-family:Helvetica,sans-serif;
font-size:1em;
margin:0 0 10px;
padding:5px;
width:471px;
}
#contactForm input.button {
width:150px;}

.googlemap {
margin-left:130px;
}
/* Footer */
#footer_container {
width:1131px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
}
#footer_container p{
text-align:right;
font-size:18px;
margin-right:25px;}

#footer_container a {
color:#FFFFFF;}
ul.footer_nav {
margin: 0;

padding: 20px 0 0;
border: none;
}


.footer_nav li {
margin: 0;float:left;

}

.footer_nav li.first {

}
.footer_nav li.last a {
border-right:none;
}
.footer_nav li a {
	display:inline;
	text-decoration: none;
	width: 100%;

	display:block;
	color:#FFFFFF;
	font-size:18px;
margin-left:10px;
margin-right:10px;
line-height:auto;
border-right:solid 1px #ffffff;
}
.footer_nav li a:hover {
	text-decoration:underline;}


/* Produits */ 

.produits li {
        width: 230px;
        min-height: 120px;
border:1px #CCCCCC solid;
         display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
text-align:center;
        margin: 20px;
		padding-top:10px;
        zoom: 1;
        *display: inline;
_height: 120px;


}

/*.produits a {
}

.produits a:hover{
color:#979697;}

.produits li {
width:230px;
margin:10px;
padding:10px;
float:left;
vertical-align:top;
        display: -moz-inline-stack;
        display: inline-block;

min-height:150px;
text-align:center;
border:1px #CCCCCC solid;
list-style:none;
        zoom: 1;
        *display: inline;
        _height: 250px;

}

.produits img {
margin-left:auto;
margin-right:auto;}*/
/* Easy Slider */

	#promo ul, #promo li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#promo, #promo li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:1115px;
		height:455px;
		overflow:hidden; 
		}
			span#prevBtn{position:absolute;left:25px;
top:345px;}
	span#nextBtn{position:absolute;left:1030px;
top:345px;}		
	span#prevBtn a{
	background-image:url(images/i/prev.png);
	background-position:left top;
	width:76px;
	height:108px;
	display:block;
}
	span#nextBtn a{background-image:url(images/i/next.png);
background-position:left top;
width:76px;
height:108px;
display:block;}					
	span#prevBtn a:hover{
	background-image:url(images/i/prev_active.png);

}
	span#nextBtn a:hover{background-image:url(images/i/next_active.png);
}					

/* // Easy Slider */