@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);
/* font-family: 'Ropa Sans', sans-serif; */


/* * Sticky footer */
html, body {height: 100%;}
#wrap {min-height: 100%; width:100%;}
#main {overflow:auto; width:100%;
	padding-bottom: 192px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -192px; /* negative value of footer height */
	height: 192px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* end sticky footer */

*{margin:0; padding:0; font-family:'Ropa Sans', 'Arial Narrow', sans-serif ;}
img{border:none;}
a{text-decoration:none;}
body{font-size:20px; font-weight:400;}

.content{width:1024px; margin:auto; position:relative;}
.strips{background:url(../_img/stripe.png) repeat; padding-bottom:20px;}
.opacity{background:url(../_img/opacity.png) repeat;}

nav{
	background:url(../_img/back-menu.png) top repeat-x;
	width:100%; height:200px;
}
nav ul{float:right; text-align:right; margin-top:15px;}
nav ul li{
	font-family: 'Ropa Sans', sans-serif;
	font-size:22px;  color:#fff; text-transform:uppercase;
	letter-spacing:2px;
	text-shadow: 0px 0px 4px #000;
    filter: dropshadow(color=#000, offx=0, offy=0);
	list-style-image:none; display:inline-block;
	
	/* for IE7 -- inline-block fix */
	*display: inline;
	zoom: 1;
}
nav ul li img{margin:0 5px -7px;}
nav ul li a{color:#fff;}
nav ul li a:hover, nav ul li a.active{color:#999;}

nav ul li.lang a{color:#ea5b50;}
nav ul li.lang a:hover{
	color:#e71e23;
}
#logo{width:328px; height:198px; position:absolute; left:-7px; top:0;}


#home h1{font-size:3.9em; color:#fff; font-weight:400; text-transform:uppercase; text-align:center; margin-top:30px; padding-top:30px;}
footer h2{font-size:1.8em; color:#838383;}
footer p{font-size:1em; color:#838383;}
#home h1 span{font-size:.55em; color:#f33;}
#home ul li{ list-style-type:none; font-size:1.3em; color:#999; margin:30px 0;}
#home ul li img{margin:0 10px -5px;}

#presentation{padding-top:40px;}
#presentation .left{float:left; width:497px; text-align:justify;}
#presentation .right{float:right; width:497px; text-align:justify;}
#presentation h1{font-size:1.3em; color:#fff; font-style:italic; font-weight:400; margin:0 0 25px 0;}
#presentation p{font-size:1em; color:#999; margin-bottom:30px; font-weight:400; line-height:28px;}
#presentation .left p{font-size:1.05em;}
#presentation .right p{line-height:33px; font-size:20px;}

#services{}
#services h1{
	position:relative; float:right;
	margin-top:-60px; width:730px; 
	font-size:1.3em; color:#fff; font-style:italic;
	font-weight:400; margin:0 0 65px 0;
}
#services h2{
	background:url(../_img/opacity.png);
	width:100%; height:32px; clear:both;
	font-size:1em; text-transform:uppercase; color:#fff;
	font-weight:400; padding-top:5px;
	margin-top:30px;
}
#services h2 img{display:inline-block; margin:0 10px -7px 7px;}
#services p{font-size:1em; color:#999; text-align:justify; line-height:28px; margin-top:10px;}

#projets .left{float:left; width:500px; text-align:justify;}
#projets .right{float:right; width:500px; text-align:justify;}
#projets h1{font-size:36px; color:#f33; text-transform:uppercase; font-weight:400;}
#projets h2{
	background:url(../_img/opacity.png);
	width:97%; height:32px; clear:both;
	font-size:1em; text-transform:uppercase; color:#fff;
	font-weight:400; padding-top:9px; padding-left:15px;
	margin-top:20px;
}
#projets img.border{border:2px solid #000;}



#contact{padding-top:30px;}
#contact .left{float:left; width:497px; text-align:justify;}
#contact .right{float:right; width:497px; text-align:justify;}
#contact input{
	background:url(../_img/opacity.png) repeat;
	height:37px; width:90%;
	font-family:'Ropa Sans', sans-serif;
	font-size:1em; color:#fff;
	border:none; outline:none;
	padding:0 20px;
	margin:10px 0;
}
#contact textarea{
	background:url(../_img/opacity.png) repeat;
	height:155px; width:90%;
	font-family:'Ropa Sans', sans-serif;
	font-size:1em; color:#fff;
	border:none; outline:none;
	padding:10px 20px;
	margin:10px 0; overflow:auto;
}
td{font-size:1.25em; color:#fff; text-align:left; padding:8px 0;}
td a{color:#d32c2c; border-bottom:2px solid;}
td a:hover{color:#EA5B50;}
footer{
	background:url(../_img/back-bottom-1.png) top repeat-x;
	height:192px; position:relative; width:100%;
	vertical-align:middle;
}

footer .content img{vertical-align:middle; margin:0 1px;}

footer #footer2{
	position:absolute; bottom:0;
	background:url(../_img/back-bottom-2.png) top repeat-x;
	width:100%; height:57px;
}
.alr{font-size:.9em; color:#fff; margin-top:20px;}
#footer2 img{float:right; margin-top:-25px;}
#footer a{color:#999;}
#footer a:hover{color:#EA5B50;}


/* RESPONSIVE
------------------------------------------------------------ */

@media all and (max-width: 1200px){
	.content{width:960px; padding:0 10px;}
	nav ul li{
	font-size:19px;
	letter-spacing:1px;
	}
	nav ul{padding-right:15px;}
	#home h1{font-size:3.1em;}
	#home ul li{font-size:1.1em;}
	
	#presentation .left,
	#presentation .right
	{width: 458px;}
	
	#projets .left,
	#projets .right{width: 465px;}
	#projets h2{font-size:.9em;}
	#projets img{width:219px;}
	.overlay1-style4 {width: 223px !important;}
	
	#contact .left{width:460px;}
	footer p{ font-size:.8em;}
}