@charset "utf-8";

/* CSS Document */

/*-----------------------------*/
/*-- TOUTES LES MARGES A 0 ---*/
/*---------------------------*/
*{margin:0;padding:0;}

body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) top center no-repeat #ffffff;}
#header{height:50px; margin:0 auto; width:920px; line-height:50px; padding-left:40px;}
#header h1{font-size:2.2em; color:#FFFFFF; text-transform:uppercase;float:left; margin-right:10px;}
#header h2{font-size:1.6em; color:#d4d4d4; text-transform:uppercase; float:left;}

#header ul#menu{float:right;}
#header ul#menu li {float:left; } 
#header ul#menu li a{color:#ffffff; font-size:1.6em; padding:0 20px;display:block; border-left:1px solid #FFFFFF;height:25px; margin-top:10px; line-height:25px;width:70px; text-align:center} 
#header ul#menu li a:hover{color:#acd606; text-decoration:none;}
#header ul#menu li a.active{color:#000000;background:#acd606; border:none;}

/*-------------------------------- */
/*-------------- MENU ------------*/
/*------------------------------ */

#wrapper {margin:0 auto; width:920px; padding-left:40px;}
#conteneur{width:700px; padding:80px 25px 0 0;}

#conteneur .separateur{width:700px; }

.bloc-crea{float:left; width:250px; text-align:right; padding-top:30px;}
.bloc-crea p{text-align:right; color:#393939; font-size:1.4em; padding:10px 0;}

.bloc-metier{width:205px; float:left; margin-right:34px; }
.bloc-metier img{border:#999999 solid 1px;padding:1px;}
.bloc-metier p{font-size:1.2em; color:#a0a0a0; margin:20px 0;}

.bloc-projets {float:left; width:328px;}
.bloc-projets a img{border:#999999 solid 1px;padding:1px;}
.bloc-projets a:hover img{border:#acd606 solid 2px; padding:0}
.bloc-projets h3{margin-top:5px;}
.bloc-projets p a{padding-left:15px; background:url(../images/puce-lien.gif) 2px 4px no-repeat; color:#a0a0a0; display:block; height:20px; margin:15px 0; line-height:20px; font-size:1.1em;}
.bloc-projets p a:hover{color:#acd606; text-decoration:none;}

.video-home{float:left; margin-left:35px;}


/*------------------------------ */
/*----------CONTENU ------------*/
/*---------------------------- */

a{color:#CC9933;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none}
h3{color:#545454; font-size:1.6em; }
h3 span{color:#868686; font-size:0.8em; padding-left:2px; vertical-align:middle; border-left:1px solid #868686; margin-left:5px; }

p{text-align:justify;}
li{list-style-type:none}
.clearer{clear:both}
.alignleft{float:left}
.seperateur{border-top:#f0f0f0 solid 2px;margin:45px 0; clear:both;}
.margin-right{margin-right:0}

/*----------------------------------- */
/*-------FORMULAIRE CONTACT ---------*/
/*--------------------------------- */
#conteneur form{padding:10px 10px 0 140px; margin:10px;}
#conteneur form h3{border-bottom:solid 1px #dbdbdb; text-align:right; padding-right:10px;}
#conteneur form legend {color:#dbdbdb; font-size:1.2em; padding:0 10px; margin-left:270px;}
#conteneur form p{margin:0; padding:0; margin-bottom:4px;}
#conteneur form label{width:100px; text-align:right; padding-right:10px; display:block; float:left; font-size:1.2em; color:#545454}
#conteneur form input{vertical-align:middle; border:#dbdbdb 1px solid; background:#FFFFFF; padding-left:4px; font-size:1.2em; color:#000000; width:230px;}
#conteneur form p{margin:0; padding:3px 0;}
#conteneur form textarea{margin:4px 0; border:solid 1px #dbdbdb;font-size:1.4em; color:#000000;width:235px;}
#conteneur form .champ-margin-left{padding-left:260px}
#conteneur form input.btn-form{border:none; background:none; padding-left:0; width:89px;}
#conteneur form .oblig{font-size:0.9em ;margin-bottom:25px;font-style:italic;}
#conteneur form .mail{font-size:0.9em; font-style:italic; margin-top:12px;}

#conteneur .reponse-form p{border:solid 1px #dbdbdb; padding:30px;font-size:2.0em;}
#conteneur .reponse-form a{color:#868686;}
#conteneur .reponse-form a:hover{color:#acd606; text-decoration:none;}

/*---------------------------------- */
/*-------------- FOOTER ------------*/
/*-------------------------------- */
#footer {margin-top:40px; background:#000000; color:#FFFFFF;}
#footer .contenu{margin:0 auto; width:900px; padding:20px 0 0 40px;}
#footer .contenu h2{color:#acd606; margin-bottom:15px;}
#footer .contenu .edito img{float:left; margin-right:20px;}
#footer .contenu .edito p{float:left; font-size:1.2em; width:200px; margin-right:40px; border-left:1px dotted white; padding-left:15px; height:200px;}
#footer .contenu .edito p img {margin-right:5px;}
#footer .contenu .edito ul{float:left; width:200px; border-left:1px dotted white; padding-left:15px;height:200px;}
#footer .contenu .edito ul li{padding:3px;}
#footer .contenu .edito ul li a{font-size:1.2em; text-transform:uppercase; color:#a0a0a0; font-weight:bold; padding-left:17px; background:url(../images/puce-list.gif) 2px 2px no-repeat;}
#footer .contenu .edito ul li a:hover{color:#acd606; text-decoration:none;}

#footer .copyright{margin:40px auto 0 auto; width:960px; height:40px; padding-top:80px;}
#footer .copyright p.mentions{text-align:center}