*{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
	
	
}

a{
	text-decoration:none;
}

img{
	border:none;
}

body{
	background:#0c1f29 URL(../images/background.jpg) no-repeat center;
	background-attachment: fixed;
	color:#0c1f29;
}

:focus { -moz-outline-style: none; }


/* Librairie de classes */


.centrer{
	margin-left:auto;
	margin-right:auto;
}

.surligne{
	text-decoration:underline;
}

.gras{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.clear{
	clear:both;
}

.fGauche{
	float:left;
}

.fDroite{
	float:right;
}

.tGauche{
	text-align:left;
}

.tDroite{
	text-align:right;
}

.pad7{
	padding-right:7px;
}

.padL10{
	padding-left:10px;
}

.padR10{
	padding-right:10px;
}



/* Styles Generaux */


#principal{
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	background-color:#0c1f29;
	
	
}

#logo{
	height:156px;
	width:945px;
	float:left;
}


#nav{
	height:33px;
	width:945px;
	float:left;
	text-align:center;
	background:#8cc63f URL(../images/BANDE_MENU_SUPERIEUR_1.jpg) no-repeat;
}

#nav img{
	border:none;	
}


#nav p{
	float:left;
	padding-left:12px;
}


#centre{
	width:945px;
	height:auto !important;
	min-height:670px;
	float:left;
	text-align:justify;
	background-color:white;
	background:white URL(../images/FOND.jpg) no-repeat;
}



#centre h1{
	text-align:center;
	font-size:16pt;
	text-decoration:underline;
}

#centre h2{
	font-size:16px;
}


#footer{
	height:25px;
	width:945px;
	background:#8cc63f URL(../images/BANDE_FOOTER.jpg) no-repeat;
	float:left;
	text-align:center;
	padding-top:10px;
}

form{
width:300px;
margin-left:auto;
margin-right:auto;}

form label{
	width: 130px;
	margin-right: 20px;
	margin-bottom:5px;
	display: block;
}
form .submit{
	margin-top:5px;
}

/*Page Accueil*/

#accueilPrinc{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:5px;
}

#accueilPrinc p{
	margin-top:12px;
	line-height:150%;
}


/*Page Contact*/

#contGauche{
	float:left;
	border-right:thin dotted;
	width:310px;
	height:600px;
	padding-right:5px;
	margin-left:30px;
	margin-top:30px;
	margin-bottom:30px;
	display:inline;
}


#contDroite{
	float:left;
	width:570px;
	margin-left:10px;
}

#contDroiteDroite{
	float:left;
	width:290px;
	height:250px;
	margin-top:30px;
}

#contDroiteGauche{
	float:left;
	width:270px;
	height:250px;
	margin-top:30px;
}

#contDroiteForm{
	float:left;
	width:280px;
	height:300px;
	margin-bottom:15px;
}

#contDroiteForm form input{
	width:200px;
}

#contDroiteForm form textarea{
	width:270px;
	height:125px;
}

/*Page Produits*/

#prodHead{
	width:750px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:35px;
	
}

#prodGauche{
	float:left;
	width:75px;
	height:430px;
	padding-top:25px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-left:102px;
	margin-right:22px;
	border: 4px ridge #a1c6c9;
	display:inline;
}

#prodGauche img{
	margin-bottom:8px;
	margin-top:1px;
}

#prodGauche img, #prodGauche a{
	outline-style:none;
	outline-width:0;
}


#prodDroite{
	width:700px;
	height:500px;
	float:left;
	display:inline;
}

.prodDesc{
	width:290px;
	height:300px;
	float:left;
	display:block;
	margin-left:22px;
	text-align:justify;
}

.prodDesc p{
	font-size:11px;
	margin-bottom:3px;
	padding-left:2px;
	padding-right:2px;
}

.prodDesc h2{
	background:URL(../images/barreProd.png) no-repeat;
	height:28px;
	padding-top:6px;
	color:#0c1f29;
}

.prodDesc img{
	margin-top:20px;
}


#prodZoom{
	float:left;
	width:700px;
	height:450px;
	display:inline;
}

/*Page Acces client 1*/

#log1{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:15px;
	
}

#log1 form{
	width:300px;
	height:200px;
	text-align:left;
	margin-left:230px;
	margin-top:25px;
}

#log1 h1{
	margin-bottom:25px;
}

#log1 p{
	line-height:150%;
}

/*Page Acces client 2*/

#log2{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:30px;
	text-align:center;
}

#log2 a{
	color:red;
}

#log2 p{
	text-align:left;
	line-height:150%;
}


/*Page Service Design*/

#servicesPrincipale{
	width:945px;
	
}

.servicesG{
	
	width:800px;
	height:200px;
	padding-top:15px;
	margin-bottom:20px;
	margin-left:80px;
}

.servicesG2{
	width:800px;
	height:250px;
	padding-top:15px;
	margin-bottom:20px;
	margin-left:80px;
}


.servicesG p, .servicesG2 p{
	margin-top:10px;
	margin-left:40px;
	width:430px;
}


.servicesG h3, .servicesG2 h3{
	background: URL(../images/barreProd_2.png) no-repeat;
	height:25px;
	width:430px;
	font-size:16px;
	margin-left:38px;
	padding-top:3px;
	padding-left:15px;
}


.servicesG img, .servicesG2 img{
	margin-left:20px;
	border:thick outset;
}

/*Page Service 2*/

.servicesGeneral{
	height: 340px;
	width: 900px;
	margin-top:25px;
	margin-bottom: 13px;
	background-color:#0c1f29;
}

.servicesGeneral p{
	width:520px;
	height:280px;
	margin-top:16px;
	margin-left:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	background-color:white;
}

.servicesThumbs{
	width: 550px;
	height: 100px;
	margin-left:auto;
	margin-right:auto;
	background-color:#8cc63f;
}

.serviceThumbsImg{
	margin-top:12px;
	margin-left:27px;
	border:thin outset;
	
}