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

body{
font-family: 'Conv_MyriadPro-Regular';
font-size:14px;
color:#363636;
margin:auto;
}

a{
outline:none;
display:block;
color:inherit;
text-decoration:none;
}


p{
    line-height: 20px;
	text-align:justify;
	margin: 10px 0;
}


h1 {
    color: #7DBD43;
    font-weight: normal;
	font-size:40px;
	padding-bottom:24px;
    text-shadow: 1px 2px 2px #C5C3C8;
	border-bottom: 1px solid #343235;
	margin-bottom:20px;
	text-transform:uppercase;
}

h2{
    font-size: 18px;
	color:#81E4ED;
	font-weight: normal;
}

h3{
    color: #363636;
    font-weight: normal;
	font-size:24px;
	font-family: 'Quicksand', sans-serif;
}

h5{
    color: #006600;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
	padding: 15px 0;	
}

li{
list-style:none;	
	}
	
img{
border:none;	
	}	
	



header,#header{
	width:100%;
	height:626px;	
	float:left;
	position:relative;
	}
	
.header_f{
float:left;
width:100%;	
background:#fff;
	}	
	
#header_top{
	width:100%;
	height:57px;
	float:left;
	border-bottom:1px solid #666666;
	z-index:999;
}

#header_bottom{
	width:100%;
	height:60px;
	float:left;	
	}

#header_top_content, #header_bottom_content{
	width:1024px;
	height:100%;
	margin:0 auto;	
	position:relative;
	}
	
#menu_top{
    float: left;
	margin:0 0 0 120px;
	}
	
#menu_top li{
float:left;
height: 100%;
margin:20px 23px 0 23px;
	}	
	
#menu_top li a{
    color: #656565;
    font-size: 16px;
    height: 100%;
    letter-spacing: 0.5px;
    padding-bottom: 5px;
    text-transform: uppercase;
	}
	
#menu_top li a:hover, #menu_top .active{
color:#4fa03c  !important;
border-bottom:2px solid #0a8bd0;
background: url("../images/puce.png") no-repeat scroll center bottom;
	}	

	

#logo {
display:block;
position:absolute;
top:-55px;
left:15px;
background: url("../images/logo.jpg") no-repeat scroll 0 0;
width:72px;
height:100px;
text-indent:-300em;
}

#slogan {
   color: #656565;
    display: block;
    font-size: 24px;
    font-style: italic;
    left: 110px;
    position: absolute;
    top: 10px;
	text-transform: lowercase;
}


#tel{
font-family: 'Quicksand', sans-serif;
float:right;
font-size:22px;
color:#676767;
margin:5px 0 0 0;
font-weight:bold;
	}
	
#lang{
background: url("../images/lang.png") no-repeat scroll 0 0;	
width:31px;
height:25px;
float:right;
font-size:13px;
color:#fff;
margin:17px 0 0 0;
text-align:center;
padding-top:5px;
	}	

#rs{
float:left;
margin:20px 0 0 120px;	
	}	
	
#rs a{
float:right;
width:16px;	
height:17px;
margin:0 5px 0 0;	
text-indent:-300em;
padding-bottom:2px;
	}	

#fb{
background: url("../images/fb.png") no-repeat scroll 0 0;		
	}	
	
#tw{
background: url("../images/tw.png") no-repeat scroll 0 0;		
	}
	
#fb:hover{
background: url("../images/fb.png") no-repeat scroll 0 1px;		
	}	
	
#tw:hover{
background: url("../images/tw.png") no-repeat scroll 0 1px;		
	}


#animation{
width:100%;
float:left;
height:500px;
position:relative;
	}
	
	
#animation a{
    background: none repeat scroll 0 0 #414146;
    clear: right;
    color: #FFFFFF;
    float: left;
    margin: 0 0 0 140px;
    padding: 15px 40px 15px 20px;
    text-transform: uppercase;
	}	
	
#animation .rsNav {
display:none !important;	
	}
	

.bContainer {
    clear: left;
    display: block;
    float: left;
    left:30px !important;
    position: absolute;
    top: 305px;
    width: 100%;
}	

.anim_container {
    margin: 0 auto;
    width: 1024px;
	position: relative;
}
	
.rsABlock{
	color:#2a2a2a;
	font-size:50px;	
    float: left;
	color:#000000;
	font-weight:bold;
	padding:25px;
	min-width:600px;
}	

.anim_title{
float:left;
clear:left;	
	}

.anim_txt{
font-size:24px;	
float:left;
clear:left;	
	}

.txtCent{
background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8);	
	}
	
#shadow{
position:absolute;
width:100%;
height:558px;	
top:0px;
left:0px;	}	
	
#shadow_left{
float:left;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);	
height:100%;
width:10%;	
	}	
	
#shadow_right{
float:right;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);	
height:100%;
width:10%;	
	}	
		
#shadow_center{
background:none;	
height:100%;
width:80%;
float:left;
	}	
	
/** **/
	
.main{
width:100%;
float:left;
position:relative;
overflow:hidden;

	}	

#main_top{
    float: left;
    width: 100%;
	height: 240px;
	
	}
	
#main_top_content{
margin:30px auto 0;
width:1024px;	
height: 100%;
	}
	
.serv_img{
    border-bottom: 3px solid #97CC61;
    float: left;
    height: 184px;
    margin-right: 25px;
    padding-bottom: 20px;
    position: relative;
    width: 316px;
	}

.serv_img span{
   background: url("../images/box_puce.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 87px;
    left: -25px;
    position: absolute;
    top: -30px;
    width: 53px;
	}		
	 
#main_top_content h3{
   background: none repeat scroll 0 0 #ABE1F9;
    border: 2px solid #009BDF;
    border-radius: 5px;
    color: #19252C;
    float: left;
    font-family: 'Conv_MyriadPro-Regular';
    font-size: 17px;
    padding: 10px 0 6px 40px;
    text-transform: uppercase;
    width: 260px;
	}
		
#main_top_content p{
    color: #1B1B1B;
    font-size: 14px;
    height: 164px;
    margin-top: 10px;
    padding: 45px 30px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 286px;
	}		

.icon{
    font-size: 16px;
    height: 42px;
    line-height: 20px;
	color:#fff;
    padding: 5px 0 5px 55px;
	}	

.serv_img1{
background: url("../images/img1.jpg") no-repeat scroll 0 20px;	
	}	
	
.serv_img2{
background: url("../images/img2.jpg") no-repeat scroll 0 20px;		
	}
	
.serv_img3{
background: url("../images/img3.jpg") no-repeat scroll 0 20px;	
margin:0px !important;
	}

.container_promo{
margin:40px auto 80px !important;	
	}		
	
	
#realisation{
float:left;
width:100%;
margin:60px 0 20px 0;
	}
	
#realisation_content{
width:1024px;
margin:0 auto;	
	}	
	
#realisation_content_left{
float:left;	
width:640px;

	}
	
#realisation_content_right{
    float: left;
    margin-left: 43px;
    width: 325px;
	}	


#realisation_content h3{
font-size:29px;
background: url("../images/puce2.png") no-repeat scroll left 0;
height:28px;
padding: 0 0 0 45px;
line-height:18px;
margin-bottom:30px;
	}	

#realisation_content span{
font-size:15px;
text-transform:lowercase;
	}	
	
#realisation_content_left img{
float:left;	
margin: 0 20px 80px 0;
	}
	
#realisation_content_left p span{
color:#0089d0;
}

#realisation_content_left p  a{
display:inline;
font-weight:bold;
}

#realisation_content p  a:hover{
text-decoration:underline;
}			
	


	
	
.main .sep{
width:100%;
height:1px;
background:#e5e5e5;	
margin:15px 0;
position: relative;
	}
	
.sep span{
    background: none repeat scroll 0 0 #169FE6;
    height: 1px;
    left: 0;
    margin: 0 0 0 15px;
    position: absolute;
    top: 0;
    width: 45px;
	}		
	
	
#infos{
background: url("../images/texture.png") repeat scroll 0 0;
float:left;
width:100%;
height:43px;
	}
	
#infos_content{
width:1024px;
margin:0 auto;	
	}
	
#infos_content p{
color:#fff;
font-family:Verdana, Tahoma, sans-serif;
font-size:12px;
margin:10px 0 0 0;
float:left;
	}	

#adresse{
background: url("../images/house.png") no-repeat scroll 0 0;
padding:1px 20px 0 30px;	
border-right:1px solid #32a0d4;
	}	
	
#phone_c{	
border-right:1px solid #32a0d4;	
margin:10px 0 0 20px !important;
display:block;
padding:1px 20px 0 0;
	}
	
	
#phone_c a{	
float:right;
margin-left:10px;
	}
	
		
#phone{
background: url("../images/phone.png") no-repeat scroll 0 0;
width:13px;
height:22px;
float:left;
	}	
	
#mail{
background: url("../images/msg.png") no-repeat scroll 0 2px;
padding:1px 20px 0 30px;	
margin:10px 0 0 20px !important;
	}	
	
#rsr{
float:right;	
	}
	
#rsr a{
width:30px;	
height:30px;
float:right;
text-indent:-300em;
margin:5px 0 0 2px;
	}	
	
#fb1{
background: url("../images/fb1_r.png") no-repeat scroll 0 0;	
	}
#tw1{
background: url("../images/tw1_r.png") no-repeat scroll 0 0;	
	}
#vi1{
background: url("../images/vi1_r.png") no-repeat scroll 0 0;	
	}	
#rs41{
background: url("../images/rs41_r.png") no-repeat scroll 0 0;	
	}
#rs51{
background: url("../images/rs51_r.png") no-repeat scroll 0 0;	
	}
				
	
#fb1:hover{
background: url("../images/fb1.png") no-repeat scroll 0 2px;	
	}	
#tw1:hover{
background: url("../images/tw1.png") no-repeat scroll 0 2px;	
	}	
#vi1:hover{
background: url("../images/vi1.png") no-repeat scroll 0 2px;	
	}	
#rs41:hover{
background: url("../images/rs41.png") no-repeat scroll 0 2px;	
	}	
#rs51:hover{
background: url("../images/rs51.png") no-repeat scroll 0 2px;	
	}								
	

/** **/
footer,#footer{
background: #757575;
width:100%;
height:70px;
float:left;
color:#9da5ae;
overflow:hidden;
	}	
	
.footer_content{
margin:0 auto;
width:1024px;		
padding-top: 30px;
	}
	
.footer_content ul{
margin:2px 0 0 0;
float:left;
	}	
			
.footer_content li{
margin:0 5px;
font-size:12px;
color:#525252;
float:left;
	}
.footer_content li a{
color:#026abf;
	}
.footer_content li a:hover{
color:#fff;
padding-top: 40px;
	}	

#ino {
    color: #1d1d1d;
    float: right;
    font-size: 14px;
    text-decoration: none;
}

#ino a{
display:inline;	
	}
	
#ino a:hover{
text-decoration:underline;	
	}	

/** **/

.container_main{
width:1024px;
margin:40px auto; 
min-height:420px;
	}	
	
.container_main h1{
padding-bottom: 10px;
	}	
	
.container_main h3{
color:#0089D1;
font-size:24px;
padding: 20px 0 10px 0;
font-family: 'Conv_MyriadPro-Regular';
	}	
	
.container_main h4{
color:#FFD400;
font-size:16px;
font-weight:normal;
margin:15px 0 10px 0;
	}	
	
.container_main li{
margin:5px 30px;
font-size:16px;
color:#343436;
list-style:disc;
	}	
	
.container_main li a{
color:#696969;
font-size:16px;
display:inline;
	}
	
.container_main li a:hover{
color:#343436;
	}				
		
	

/** **/
iframe{
float:right;
border:2px solid #676767;
margin-bottom:40px;
	}

#carte{
width:100%;
height:557px;	
	}
#contact_container #c1{
background: url("../images/map.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0) ;	
	}	
#contact_container #c2{
background: url("../images/phone.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0) ;	
	}
#contact_container #c3{
background: url("../images/mail.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0) ;	
	}
	
#contact_container p{
margin:15px 0px 0 0 !important;
padding: 3px 0 14px 40px;
	}	
	
#contact_container p a{
display:inline;
	}		


	
#contact_container{
float:left;
	}		
	

#msg{
font-size: 20px;
color: #fff;
float: left;
text-decoration: underline;	
	}	
	
#contact_form{
float:right;
width:55%;	
margin:10px 0 0 0;
	}

#contact_form label {
    float: left;
    margin: 0 10px 0 0;
    width: 170px;
}

#contact_form .champ {
    background-repeat: no-repeat;
    border: 1px solid #000;
    color: #636262;
    float: left;
    font-size: 14px !important;
	font:inherit;
    height: 25px;
    margin: 0 0 10px;
    padding-left: 4px;
    width: 280px;
	border-radius:5px;
}


#contact_form textarea {
    font: inherit;
    height: 100px !important;
    padding-top: 3px;
}

#contact_form #button {
    background-color: #fff;
    border: medium none;
    border-radius: 3px;
    clear: left;
    color: #3F3F3F;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 170px 50px 0;
    padding: 10px 30px;
}

#contact_form #button:hover{
background-color: #3F3F3F;
color: #fff;
}
#contact_form p{
float:left;
width:100%;	
margin:0 !important	
	}
	
#contact_form label span {
    color: #FF0000;
	font-size:12px;
}

#c2 span{
margin:0 10px 0 0;	
	}
	
/** **/

#erreur404{
text-align:center;	
	}	
	
		
		
#erreur404 li{
list-style:none;
	}	
	
#erreur404 footer, #erreur404 #footer{
padding:0 !important;	
	}	
	

#erreur404 .container_main h1 {
    font-size: 40px;
    padding-bottom: 0;
	border:none;
}

#erreur404 .container_main h1 {
    font-size: 40px;
    padding-bottom: 0;
	border:none;
}

#erreur404 header, #erreur404 #header{
height:200px !important;	
	}
	

#erreur404 #ino {
    margin: 20px 0 0 0;
}	


hr{
margin:30px 0;	
	}
	
#erreur404 .container_main{
margin:80px auto 40px	;
	}	


.img_right{
float:right;
clear:right;	
height:160px;
border:2px solid #757575;

	}
	
.services img{
border:2px solid #757575;
margin:0  0 20px 20px;
width:240px;
	}
	
.clear{
clear:both;	
	}
	

#bulle_container {
    height: 75px;
    left: 8px;
    position: absolute;
    top: -55px;
    width: 90px;
	}
	
	
#bulle_container a{
    height: 100%;
    width: 100%;
	text-indent:-300em;
	}	
	
#bulle_content{
position:relative;
width:100%;
height:100%;	
	}			
	
#bulle{
    background: url("../images/bulle.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    height: 16px;
    left: 60px;
    position: absolute;
    width: 16px;
	}	
	
#bulle2{
    background: url("../images/bulle2.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    height: 12px;
    left: 25px;
    position: absolute;
    width: 12px;
	}	

#bulle3{
    background: url("../images/bulle3.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    height: 10px;
    left: 40px;
    position: absolute;
    width: 10px;
	top:60px;
}	


/**/

.transparent{
position:fixed;
z-index:999;
height: 110px;
overflow:hidden;
	}	
	
.transparent #rs{
	margin: 25px 0 0 150px !important;
	}	
	
.transparent #menu_top {
    margin: 0 0 0 60px !important;
}	



.transparent #logo {
    background: url("../images/logo2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important ;
    height: 82px !important;
    left: 15px !important;
    top: -45px !important;
    width: 59px !important;
}


.transparent #slogan {
    font-size: 20px;
    left: 100px !important;
    top: 13px !important;
}

.transparent #bulle_container{
display:none;
	}
	
.second header, .second #header {
height:502px !important;	
	}	
	
.fb-activity.fb_iframe_widget,.fb-like-box.fb_iframe_widget{
	float:left;
	width:260px;
	height:290px;
	background-color: #c2e8fa;
	border-radius:5px;
	margin:2% 2%; 
}

.fb-post.fb_iframe_widget{
	float:left;
	width:525px;
	margin:0 2% 2%;
	margin-top:-200px;
}

.twitter-timeline{
	float:left;
	width:350px;
	height:500px;
	background-color: #a2df64;
	border-radius:5px;
	padding:1%;
	margin:2% 2%; 
}


#copyright{
    color: #1D1D1D;
    float: right;
    font-size: 13px;
	float:left;
	margin: 0 0 0 60px;
	}

	



		
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{ 
header, #header, .main ,footer, #footer{
overflow:hidden;	
	}
	
#header_top_content, #infos_content, .footer_top_content,.footer_bottom_content,#header_top_content, #header_bottom_content,#realisation_content, .footer_content{
width:980px;	
	}
	
#realisation_content_left {
    width: 600px;
}	
	
.container_main{
width:960px;	
	}	
	
.serv_img{
margin-right:20px;	
	}	
	
#main_top_content {
    height: 100%;
    margin: 40px auto 0;
    width: 1000px;
}	


.serv_img span {
    left: -3px;
}

#main_top_content h3{
    padding: 10px 0 6px 70px;
    width: 230px;	
	}
 }			



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
header, #header, .main ,footer, #footer{
overflow:hidden;	
	}
	
#header_top_content, #infos_content, .footer_top_content,.footer_bottom_content,#header_top_content, #header_bottom_content,#realisation_content, .footer_content{
width:980px;	
	}
	
#realisation_content_left {
    width: 600px;
}	
	
.container_main{
width:960px;	
	}	
	
.serv_img{
margin-right:20px;	
	}	
	
#main_top_content {
    height: 100%;
    margin: 40px auto 0;
    width: 1000px;
}

.serv_img span {
    left: -3px;
}

#main_top_content h3{
    padding: 10px 0 6px 70px;
    width: 230px;	
	}
	
#realisation_content_left img {
    margin: 0 20px 200px 0;
}		
	
	
}