html, body {
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif
}

.wrap{position:relative; width:1080px; margin:0 auto; }

section {
	width: 100%;
	height: auto;
	display: block;
	position: relative !important;
}

section:last-of-type{}

/* ################################################################################################### */

#home {
	width: 100%;
	padding-top:15px;
	height: 785px;
	/*height: auto !important;
	min-height: 100%;*/
	position: absolute;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#pagetop{
	position: relative;
	width:100%; height:265px; min-height:265px; padding-top:15px;
	
	
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}

#pagetop.bgservices{
	background-image:url('../images/bg/services.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
#pagetop.bgtarifs{
	background-image:url('../images/bg/tarifs.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
#pagetop.bgcontact{
	background-image:url('../images/bg/contact.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}

/********************************************************************************************************************/

/* SOCIAL MEDIA BOX */

#socialbox{position:fixed; top:300px; left:0; width:50px; background:#db2b27; z-index:9999; display:none;}
#socialbox a{
	position:relative;
	opacity:1;
	
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#socialbox a:hover{
	opacity:0.5;
	
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}
#socialbox .sep{position:relative; width:50px; height:1px; background-image:url(../images/social/separator.png);}

/********************************************************************************************************************/




/********************************************************************************************************************/

/* SECTION NAV */

.topbar{position:relative; width:100%; height:100px; background:rgba(126,123,124,0.5); z-index:9999;}

.topbar a img{position:relative; float:left; margin-top:8px;}


.topmenu{list-style:none; position:relative; display:block; float:right; width:70%;}

.topmenu .topmenulink{position:relative; display:block; float:right; height:100px; line-height:100px; color:#fff; padding:0 29px ; font-family: 'HelveticaNeueLTStd47LtCn'; font-size:1.3em;
	transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.topmenu li:hover .topmenulink{
	background-color:#db2b27; color:#FFF;
	
	transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

/* ################################################################################################### */

.image-0{
	background: url('../images/bg/1.jpg') no-repeat center center;
	
	 -webkit-transition: background 500ms linear;
	 -moz-transition: background 500ms linear;
	 -o-transition: background 500ms linear;
	 -ms-transition: background 500ms linear;
	 transition: background 500ms linear;
}

.image-1{
	background: url('../images/bg/2.jpg') no-repeat center center;
	
	 -webkit-transition: background 500ms linear;
	 -moz-transition: background 500ms linear;
	 -o-transition: background 500ms linear;
	 -ms-transition: background 500ms linear;
	 transition: background 500ms linear;
}

.image-2{
	background: url('../images/bg/3.jpg') no-repeat center center;
	
	 -webkit-transition: background 500ms linear;
	 -moz-transition: background 500ms linear;
	 -o-transition: background 500ms linear;
	 -ms-transition: background 500ms linear;
	 transition: background 500ms linear;
}

/* ################################################################################################### */

#slogan1{top:450px;}
#slogan2{top:450px; opacity:0;}
#slogan3{top:450px; opacity:0;}


.phrase {
	 font-family: 'HelveticaNeueLTStd47LtCn';
	right:0;
	color: #fff;
	font-size: 42px;
	line-height: 75px;
	text-align: right;
	position: absolute;
	/*top: 216px;*/
}

.phrase p {
	background:rgba(219,43,39,0.5);
	padding: 7px 9px;
	display: inline;
}



.intro{
width:100%;
background:#acb1af;


}


.intro p{

color:#FFF;
font-size:20px;
 font-family: 'HelveticaNeueLTStd47LtCn';
 text-align:left;
 display:block;
 position:100%;
padding-top:45px;
padding-bottom:45px;

}

#column{
	width:1080px;
	display:block;
	padding-bottom:20px;
	
	
	
}

.column1{
	width:300px;
	float:left;
	margin-left:20px;
	margin-top:50px;
	margin-right:55px;
	padding-bottom:50px;
	padding-right:10px;
		color:#656666;
		clear:left;
}




.column2{
	width:300px;
	float:left;
	margin-top:50px;
	margin-right:45px;
	padding-bottom:50px;
	color:#656666;
		
}


.column3{
	width:300px;
	float:right;
	margin-top:50px;
	padding-bottom:50px;
	
	clear:right;
		
}






.column1 h1, .column2 h1, .column3 h1 {
	text-align:center;
	position:100%;
	display:block;
	margin-top:142px;
	color:#3d3f3e;
	 font-family: 'HelveticaNeueLTStd47LtCn';
	 font-size:32px;
	 margin-bottom:30px;
	 
	
}



.column1 h1 img, .column2 h1 img, .column3 h1 img{
margin-bottom:8px;
margin-left:9px;
margin-right:9px;	
}



.column1 p img, .column2 p img{
margin-right:10px;	

}

.column1 p , .column2 p{
color:#656666; margin-bottom:15px;

}

.column1 p span, .column2 p span{
	color:#656666;
	font-family: 'HelveticaNeueLTStd47LtCn';
	font-size:20px;
	width:80%;
	float:left; display:inline-block;
	
}

.column3 .news{position:relative; margin-bottom:30px;}

.column3 .news .petit-journal{position:relative; display:block; float:left; width:21px; height:24px; margin-right:10px;}
.column3 .news span{position:relative; display:inline-block; float:left; height:24px; line-height:24px;}

.column3 .news a{position:relative; display:block; margin-left:31px; color:#666;}
.column3 .news a:hover{text-decoration:underline;}


.savoirplus{position:relative; margin-top:40px; margin-left:40px; display:block; color:#3d3f3e; border:2px solid #000; height:50px; width:165px; font-size:20px; font-family: 'HelveticaNeueLTStd67MdCn'; line-height:50px; padding:0 30px 0 15px; background:url(../images/plus_red.png) no-repeat 90% 50%;}
.savoirplus:hover{border:2px solid #3d3f3e; color:#FFF; background:#3d3f3e url(../images/plus_white.png) no-repeat 90% 50%;}



#temoin{
width:100%;
background:#e3e5e4;	
text-align:center;
padding-top:45px;
padding-bottom:45px;
	
}


#temoin p{

text-align:center;
padding-right:60px;
padding-left:60px;
	
}


#temoin h2{

color:#3d3f3e;
margin-bottom:20px;
text-align:center;
	position:100%;
	display:block;
	 font-family: 'HelveticaNeueLTStd47LtCn';
	 font-size:32px;

	
}



.acces{
width:700px;
display:block;
text-align:center;
position:100%;
	
	
}


.acces p{
float:left;
color:#3d3f3e;
text-align:center;
	 font-family: 'HelveticaNeueLTStd67MdCn';
	 font-size:32px;


	 border-top:solid #db2b27 ;
	 border-bottom:solid #db2b27 ;
	margin-top:70px;
	margin-left:35px;
	padding-top:8px;
	padding-bottom:8px;
	
}

.acces img{
margin-left:100px;margin-top:60px;margin-bottom:30px; float:left;
}



footer{
	background:#db2b27;
	width:100%;
	height:80px;
	margin-top:60px;

	
}



#bottommenu .bottomlinks{position:relative; display:block; float:right; height:80px; line-height:80px; color:#fff; padding:0 29px ;  font-family: 'HelveticaNeueLTStd47LtCn'; font-size:1.3em;
	transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
#bottommenu li:hover .bottomlinks{
	background-color:#e3e5e4; color:#db2b27;
	
	transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}


section {position: relative !important;}

/********************************************************************************************************************/

.icone-titles{float:left; margin-left:82px;}
.column-crochet{float:left; display:block; width:30px;}
.column-fleche{float:left; display:block; width:20px;}

/********************************************************************************************************************/

#page-content{position:relative; width:100%; padding:30px 0;}

#page-content h1{display:block; color:#3d3f3e; font-family: 'HelveticaNeueLTStd47LtCn'; font-size:32px; margin-bottom:30px;}

#page-content h2{position:relative; display:block; font-family: 'HelveticaNeueLTStd47LtCn'; margin-bottom:20px; padding:20px; color:#fff; background-color:#db2b27; font-size:1.6em;}

#page-content h3{position:relative; display:block; color:#333; margin-bottom:15px; padding:10px 0 5px; border-bottom:1px solid #333;}

#page-content p{position:relative; font-family: 'HelveticaNeueLTStd55Roman'; margin-bottom:15px;}

#page-content ul{margin-bottom:15px;}

#page-content ul li{display:list-item !important; list-style:circle !important;}

#page-content table, #page-content td{border:1px solid #CCC;}

#page-content td img{display:inline-block;}

#page-content .left{position:relative; float:left; width:58%; margin-right:2%;}
#page-content .right{position:relative; float:left; width:40%;}

#page-content .left .col1{width:66%; padding:10px 2%;}
#page-content .left .colspan{width:96%; padding:10px 2%;}
#page-content .left .col2{width:26%; padding:10px 2%;}

#page-content .t2_col1{width:18%; padding:10px 2%;}
#page-content .t2_col2{width:18%; padding:10px 2%;}
#page-content .t2_col3{width:18%; padding:10px 2%;}
#page-content .t2_col4{width:18%; padding:10px 2%;}
#page-content .t2_col5{width:18%; padding:10px 2%;}

#page-content .tabtitle{font-family: 'HelveticaNeueLTStd75Bold';}

#page-content .center{text-align:center;}

#page-content .news{position:relative; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:30px;}

#page-content .news .petit-journal{position:relative; display:block; float:left; width:21px; height:24px; margin-right:10px; margin-bottom:20px;}
#page-content .news span{position:relative; display:inline-block; float:left; height:24px; line-height:24px;}
#page-content .news p{position:relative; display:block; float:left; color:#666;}


#page-content .news a{position:relative; display:block; color:#000; text-decoration:underline;}
#page-content .news a:hover{text-decoration:underline;}

/********************************************************************************************************************/

.message_erreur{position:relative; padding:15px; background-color:#f00; color:#fff; margin:10px 0;}

.textfield {
	position:relative;
	display: block; 
	width: 99%; 
	padding: 0px 2%; 
	height: 30px; 
	line-height: 30px; 
	border: 1px solid #ccc;
	margin-bottom:15px;
}

.textarea {
	position:relative;
	display: block; 
	width: 99%; 
	max-width: 99%; 
	padding: 10px 2%; 
	height: 70px;
	color: #666; 
	margin-bottom: 10px; 
	border: 1px solid #ccc;
	margin-bottom:15px;
}

#submit {
	position:relative;
	display: block; 
	width: 99%; 
	height: 30px; 
	line-height: 28px; 
	text-align: center; 
	font-size: 1em;
	color: #fff; 
	background-color:#db2b27;
	text-transform: uppercase; 
	border: 0px;
}

#submit:hover{cursor:pointer;}

/********************************************************************************************************************/



/********************************************************************************************************************/



/********************************************************************************************************************/



/********************************************************************************************************************/



/********************************************************************************************************************/



/********************************************************************************************************************/



/********************************************************************************************************************/



/********************************************************************************************************************/

.nonmobile{display:block;}
.mobile{display:none;}


/********************************************************************************************************************/

#human{display:none;}
.ulmargin{margin-left:17px;}
.center{text-align:center;}
.clear{clear:both;}