body{
    margin:0;
    padding:0;
    background:#dac8af;
}

img{
    border:none;
}

h1{
    color:#2895D0;
}

#container{
    margin:0;
    padding:0;
    text-align:justify;
    background:#dac8af;
    font-family:Times New Roman;
}

#header{
    height:59px;
    margin:0 auto;
    background:url(img/bg_head.png) repeat-x;
}

#nav{
    width:900px;
    margin:0 auto;
}

.logo{
    width:282px;
    float:left;
}

.menu{
    width:618px;
    float:right;
    margin:0;
    padding:0;
}

.menu li{
    margin-top:20px;
    text-transform:uppercase;
    list-style:none;
    float:left;
    padding-left:50px;
}

.menu li a{
    color:#a2a2a2;
    text-decoration:none;
}

.menu li a:hover{
    color:#ffffff;
}

.menu li a:active{
    color:#ffffff;
    text-decoration:none;
}

#content{
    width:900px;
    margin:0 auto;
    color:#000000;
    padding-left:30px;
    padding-right:30px;
}

#content ul{
    padding:0;
}

#content img{
    float:left;
    padding-right:10px;
    margin-top: -10px;
}

.tv{
    height:400px;
    background:url(img/bg_tv2.png) repeat-x;
    margin:0;
    padding-top:100px;
    margin-top: -8px;
}

#carrousel{
    background:url(img/lastProject.png) no-repeat;
    width:693px;
    height:396px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.slide{
    position:absolute;
    top:0;
    left:0;
    width:655px;
    height:260px;
    margin-top: 18px;
    margin-left: 20px;
}

.navigation{
    bottom:5px;
    right:5px;
    float:right;
    position:relative;
    margin-top: 285px;
    margin-right: 10px;
}

.navigation span{
    margin-right:3px;
    list-style:none;
    background:url(img/slide/carrousel-nav.png) left top no-repeat;
    height:12px;
    width:12px;
    float:left;
    text-indent:-9999px;
    cursor:pointer;
}

.navigation span:hover, .navigation span.active{
    background:url(img/slide/carrousel-nav.png) right top no-repeat; 
}

li.left{
    width:400px;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}

li.right{
    width:400px;
    float:right;
    list-style:none;
    margin:0;
    padding:0;
}

p.title{
    color:#059ad5;
    font-size:18px;
}

.clear{
    clear:both;
}

ul.left{
    margin-top:90px;
    width:425px;
    height:275px;
    float:left;
    background:url(img/bg_vcard.png) no-repeat;
}

ul.left p.title{
    color:#673b15;
    padding-left:80px;
    font-size:16px;
    padding-top:10px;
    text-decoration:underline;
}


ul.left li{
    list-style-image:url(img/puce.png);
    width:300px;
    margin-left:70px;
    line-height:35px;
    color:#532f11;
}

ul.right{
    margin-top:180px;
    width:300px;
    float:right;
}

ul.right li{
    background:url(img/boutton.png) no-repeat;
    list-style:none;
    padding-left:30px;
    padding-top:10px;
    width:329px;
    height:46px;
}

ul.right li a{
    color:#ffffff;
    text-decoration:none;
}

.presentation{
    margin-top:90px;
    color:#574d49;
    min-height:700px;
    -moz-border-radius:10px;
    background:#ffffff;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:40px;
}

.presentation h1{
    background:url(img/h1_services.png) no-repeat center;
    width:900px;
    height:58px;
    display:block;
    margin:0;
    float:right;
    margin-top:-12px;
    margin-bottom:30px;
}

.webdesign{
    width:400px;
    float:left;
    margin-left:80px;
    margin-bottom:60px;
}

.wordpress{
    width:350px;
    float:right;
    margin-left:30px;
    margin-bottom:60px;
}

ul.contact_services{
    width:800px;
    margin:0 auto;
    margin-top: 80px;
}

ul.contact_services li{
    background:url(img/boutton.png) no-repeat;
    list-style:none;
    padding-left:30px;
    padding-top:10px;
    margin-left:40px;
    float:left;
    width:329px;
    height:46px;
}

ul.contact_services li a{
    color:#ffffff;
    text-decoration:none;
}

.realisations{
    margin-top:90px;
    color:#574d49;
    min-height:700px;
    -moz-border-radius:10px;
    background:#ffffff;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:40px;
    text-align:left;
}

.realisations h1{
    background:url(img/h1_realisations.png) no-repeat center;
    width:900px;
    height:58px;
    display:block;
    margin:0;
    float:right;
    margin-top:-12px;
    margin-bottom:30px;
}

.item {
	width:250px;
	height:250px;
	border:4px solid #333;
	margin:30px 0px 0px 20px;
	overflow:hidden;
	position:relative;
	float:left;
}
.item .caption {
	width:250px;
	height:71px;
	bottom:0;
	color:#fff;
	background:#000;
	font-weight:700;
	position:absolute;
	left:0;
	display:none;
	filter:alpha(opacity=82); 
	-moz-opacity:0.9;
	opacity: 0.9; 
}
.item .caption p.title {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;
	letter-spacing:-1px;
	padding:5px;
	display:block;
}
.item .caption p {
	padding:5px;
	margin:0;
	color:#fff;
	line-height:15px;
	font-size:12px;
}
.item img {
	border:0;
	position:absolute;
        height:260px;
}

.contact{
    margin-top:90px;
    color:#574d49;
    min-height:700px;
    -moz-border-radius:10px;
    background:#ffffff;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:40px;
    text-align:left;
}

.contact h1{
    background:url(img/h1_contact.png) no-repeat center;
    width:900px;
    height:58px;
    display:block;
    margin:0;
    float:right;
    margin-top:-12px;
    margin-bottom:30px;
}

.infos{
    width:350px;
    float:left;
    padding-left:30px;
}

.infos li{
    list-style:none;
    float:left;
    padding-top:30px;
}

.infos #mapSearch{
    margin:0;
    padding:0;
    width:300px;
    float:left;
    margin-left: -20px;
    margin-top: 40px;
}

#formail input, #formail textarea{
  border:1px #cccccc solid;
  background:#ffffff;
  width:90%;
}
#formail .check{
	width:20px;
	float:left;
	margin:1.2px;
}
#formail{
  display:block;
  width:420px;	
  padding:10px;
  float:right;
}
#formail h2{
  margin:0px;
  font:bold 30px "Arial";
  letter-spacing:-3px;
  border-bottom:1px #aaaaaa dashed;
  color:#aaaaaa;
}
#formail h2 span{
  color:#333333;
}
#formail ul{
  padding:0px;
  list-style:none;
}
#formail li{
  margin-bottom:10px;
}
#formail li span{
  display:block;
  width:200px;
  font:bold 14px "Arial";
  letter-spacing:-1px;
}
#formail li div{
  color:#d82727;
  margin-top:5px;
  font:bold 12px "Arial";
  float:right;
  width:30px;
}
#formail li div img{
  margin:-2.7px;
  margin-right:3px;
}

.mail{
    width:300px;
    float:right;
    margin-right: 100px;
}

#footer{
    height:101px;
    background:url(img/bg_footer.png) repeat-x;
    color:#92827d;
    margin:0;
    padding:0;
}

#footer_content{
    width:900px;
    margin:0 auto;
}

#footer_content .left{
    width:300px;
    float:left;
    padding-top:15px;
}

#footer_content .right{
    width:600px;
    float:right;
    padding-top:12px;
}