@charset "UTF-8";
/**/
body {
	position:relative;
	margin: 0;
	padding: 0;
	font-family: ' Arial', sans-serif; text-align:justify;line-height:22px; 
	color:#70706f;
	font-size:14px;	
	overflow-x:hidden;
	background-color:#fff;
}
p{
	margin:0;
}
a {
	text-decoration:none;
	color:#7a7a72;
}
a:link, a:visited{
	color:#7a7a72;
}
a:hover, a:active{
	color:#fff;	
}

body, html {
	/*force le hidden, pas compris mais ca marche sur ipad*/		
    overflow-x:hidden;	
}
/**/
/* TYPO */
p{margin:0; padding:0;}


.styleNav {font-family:'Arial',sans-serif; text-align:justify;font-size:14px;}
.styleTitre {font-family:'Arial',sans-serif; font-size:16px;color:#fff;}

.styleTxt {font-family:'Arial',sans-serif; font-size:14px;color:#979796;}


.styleProjetTitre {font-family:'Arial',sans-serif; font-size:14px;color:#000;font-weight:bold}
.styleProjetTxt {font-family:'Arial',sans-serif; font-size:14px;color:#000;}

.styleCoord1 {font-size:16px;color:#000;}

.styleFooter{font-size:11px;line-height:8px;}
.styleForm{line-height:12px;font-size:14px;}
/**/
/* H */
h1,h2,h3 {font-weight:normal; display:inline;}
h1{	font-size:11px;display:inline;}
h2{	font-size:11px;}
/**/

#backgroundHeader{
	z-index:500;
	position:fixed;
	width:100%;
	height:40px;
	top:0;
	margin:0;
	padding:0;
	background-color:#1d1d1b;
}
#backgroundActualites{
	z-index:0;
	position:absolute;
	width:100%;
	height:490px;
	margin:410px 0 0 0;
	padding:0;
	background-color:#000;
}
/**/
#conteneur{
	/*background-color: #fff;*/	
	/*border:solid 1px red;*/
	postion:relative;
	margin:0 auto;
	padding:0;
	width: 900px;
	height:100%;
	min-height:100%;
}

/* NAV */
nav {
	position:fixed;
	z-index:520;
	top:0;
	margin:0;
	padding:0;	
	background-color:transparent;	
}
nav ul li{	
	float:left;
}
nav ul {
	list-style-type:none;	
	margin: 0;	
	padding : 0;
	height:40px;
}
.cellules{	
	list-style-type: none;
	margin-left: 10px;
	padding : 0 8px;
	line-height:40px;
}
nav ul li a:link{	
	color:#7a7a72;
	text-decoration:none;
}
nav ul li a:hover{
	color:#fff;
	text-decoration:none;		
}
/* pour faire une exception sur une cellule:*/
.celluleFirst{	
	margin-left: 10px;
}

/*ACCUEIL*/
#accueilBackground{
	position:absolute;
	left:0;
	width:100%;
	height:412px;
	background-color:#000;
	z-index:0;
}
#accueilTarget{
	padding-top:1px;
	position:relative;
	height:412px;
	width:900px;
	text-align:center;
	z-index:400;
	}
#accueilTarget>p{	
margin-top:-20px;
}
	
#logo{
	position:relative;
	width:184px;
	height:222px;
	margin:76px 0 0 358px;
	padding:0;	
	background-image:url("../images/logo.gif");	
	}

/*ACCUEIL*/


/*ACTUALITES*/
#actualitesScrollTarget{
	position:relative;
	width:40px;
	height:80px;
	margin-top:-80px;
}
#slideShow{
	float:right;
	width:900px;
	margin-top:-1px;
	padding:0;
	height:445px;
	overflow:hidden;
}
#slideShow > div { 
	float:left;	
}
#sepH1{
	position:absolute;
	top:1010px;
	z-index:10;
	width:100%;
	height:1px;
	background-color:#6a6a69;	
	}
#sepH2{
	position:absolute;
	top:404px;
	z-index:10;
	width:100%;
	height:1px;
	background-color:#6a6a69;	
	}
#sepH3{
	position:absolute;
	top:2160px;
	z-index:10;
	width:100%;
	height:1px;
	background-color:#6a6a69;	
	}
#sepV1{
	position:relative;
	float:left;
	top:-120px;
	left:30px;
	width:1px;
	height:395px;
	background-color:#6a6a69;	
	}
/*CONCEPT*/
#conceptScrollTarget{
	position:relative;
	width:40px;
	height:80px;
	margin-top:-80px;
}
#flowConcept{
	clear:both;
	position:relative;
	width:832px;
	height:380px;
	padding:90px 34px 0 34px;
}
#titreConceptTxt{
	width:221px;
	height:39px;
	margin-bottom:50px; 
	background-image:url("../images/concept.gif");
	}
#conceptTxt{
	float:left;
	width:380px;
	}
#titreValeurTxt{
	float:left;
	width:329px;
	height:39px;
	margin:-89px 0 50px 72px ; 
	background-image:url("../images/valeur.gif");
	}
#valeurTxt{
	float:right;
	width:380px;}
/*PROJETS*/
#flowProjets{
	clear:both;
	position:relative;
	top:-100px;
	width:900px;
	height:800px;

}
#projetsScrollTarget{
	position:relative;
	width:40px;
	height:80px;
}
#titreProjets{
	width:197px;
	height:39px;
	background-image:url("../images/projets.gif");
}
#detailProjet{
	display:none;
	position:absolute;
	top:160px;
	z-index:50;
	width:900px;
	height:630px;
	background-color:#fff;
	}

#thumbConteneur{
	position:relative;
	left:138px;
	width:655px;	
}
.thumb{
	position:relative;
	width:195px;
	height:195px;
	float:left;
	margin:0 20px 20px 0;
}
#detailSlideConteneur{
	position:relative;
	float:left;
	width:540px;
	height:600px;	
}
.imgPortfolio{
	float:left;
}
#flPrev, #flNext{
	float:left;
	position:relative;
	top:110px;
	width:37px;
	height:400px;
}
#flNext{
	float:right;
	margin-right:15px;	
}
#flPrev a{
	background-image:url("../images/flprev.gif");
	display:block;
	position:absolute;
    width:37px;
	height:400px;
	overflow:hidden;
	
}
#flNext a{
	background-image:url("../images/flnext.gif");
	display:block;
	position:absolute;
    width:37px;
	height:400px;
	overflow:hidden;	
}
#flPrev a:hover, #flNext a:hover{
	background-position:0 -400px;		
}
#detailSlideShow{
	position:relative;
	width:450px;
	top:110px;
	overflow:hidden;	
}
#sepV2{
	position:relative;
	float:left;
	top:60px;
	left:0px;
	width:1px;
	height:520px;
	background-color:#6a6a69;	
	}
#projetTxt{
	position:relative;
	top:150px;
	left:10px;
	float:left;
	width:350px	
}
#close{
	float:right;
	width:127px;
	height:41px;
}
#close a{
	background-image:url("../images/close.gif");
	display:block;
	width:127px;
	height:41px;
	cursor: hand;
	cursor: pointer;
}

/*CONTACT*/
#contactScrollTarget{
	position:relative;
	width:40px;
	height:40px;
}
#flowContact{
	clear:both;
	z-index:50;
	top:-20px;	
	width:900px;
	height:220px;
	position:relative;
}
#titreContact{
	width:157px;
	height:31px;
	background-image:url("../images/contact.gif");
	}
#contactScrollTarget{
	width:24px;
	height:24px;
	position:relative;
	margin-top:-24px;
}
#formConteneur{
	position:relative;
	float:left;
	width:425px;
	left:40px;	
}
#formulaire{
	float:left;
	width:375px;
	padding:60px 25px 0 25px;
	position:relative;
}
input, textarea{	
	border:none;
	padding-top:4px;
	padding-left:5px;
	height:14px;	
}
:required{
    border:solid 1px #dac4a1;	
}
#formulaire input.error, #formulaire textarea.error {
	background-color: #dac4a1;
}

label{
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	width:110px;
}
#submit{
	/*le webkit supprime l'apparence par défaut du bouton submit sur ipad sinon le style n'est pas appliqué*/
	-webkit-appearance: none;
	background-color:#fff;	
	float:right;
	margin:5px 25px 0 0;
	padding:0;
	height:25px;
	color:#000;

	}
#submit:hover {
   color:#70706f;
}
#coord{
	float:left;
	left:80px;
	top:100px;
	position:relative;
}

#coord a:link, #coord a:visited{
	color:#000;
	font-size:16px;	
	
}
#coord a:hover, #coord a:active{
	color:#7a7a72;
	
}

/**/
/*FOOTER*/

footer {
	clear:both;
	margin-top:180px;	
	position:relative;
	width:900px;
	background-color:#2b2b2a;	
}
#navFooter{
	position:relative;
	z-index:50;
	text-align:right;
	margin-right:15px;
}

#adf{
	position:relative;
	height:30px;
	width:880px;
	padding: 10px ;
	overflow:auto;
	background-color:#2b2b2a;
}