body
{
	margin: 0px ;
	padding-right:25px ;
	font: 11px "corbel", helvetica, sans-serif ;
	text-align: center;	
	background-color:#000000;
	color:#ffffff;
	
}



.div-clear
{
	display: block;
	clear: both;
	padding: 0px;
	width: 99%;
	height: 0px;
	border: 0px;
	margin: 0px;
}

.blanc{
	color:white;	
}

/* =====================================  Header =================================== */


#header{
	margin:auto;
	width:930px;
	height:220px;
	margin-top:25px;
}


.logo{
	margin-top:0px;		
	margin-left:13px;
#margin-left:-162px;
	z-index:2;
	position:absolute;
	border:0px; 	
}

.titre{
	text-align:right;
	margin-top:30px;
	margin-left:350px;
	color:white;
	font-size:47px;
	width:580px;
	height:55px;
	border-bottom:2px solid ;
	border-color:orange;	
	margin-top-border:0px;
}


.menu 
{
	width:630px;
	height:25px;
	margin-top:39px;
	font-size:16px;
	text-align:left;
	margin-left:355px;
	#margin-left:355px;		
}

.menu a
{
	color:white;
	text-decoration:none;	
	
}

.underline_green
{
	border-bottom: 2px solid green;
	zoom:1;
}


.underline_orange
{
	border-bottom: 2px solid orange;
	zoom:1;
}

.underline_green:hover
{
	border-bottom: none;
	color:green;
	border-bottom: 2px solid green;
}

.underline_orange:hover
{
	border-bottom: none;
	color:orange;	
	border-bottom: 2px solid orange;
}

.vert
{
	color:green;
	text-decoration:none;
	font-size:25px;
}

.souris
{		
	width:22px;
	height:22px;
	background-image: url("./images/principal/souris.png");
	background-repeat: no-repeat;
	margin-top:43px;		
	margin-left:570px;
	#margin-left:370px;
	z-index:2;
	position:absolute;
	margin-top:5px;
	display: block;
}


.telephone
{		
	width:22px;
	height:22px;
	background-repeat: no-repeat;
	margin-top:1px;		
	#margin-top:31px;	
	margin-left:597px;
	#margin-left:-135px;
	z-index:2;
	position:absolute;
	display: block;
	font-size:19px;
}


.phone{
	width:22px;
	height:22px;
		background-image: url("./images/principal/telephone.png");
		margin-top:2px;		
	margin-left:574px;
	#margin-left:-162px;
	#margin-top:35px;	
	position:absolute;
	display: block;
}

.logoPdf
{		
	width:22px;
	height:22px;
	background-image:url("./images/principal/logoPdf.png");
	background-repeat:no-repeat;
	margin-left:574px;
	#margin-left:455px;
	z-index:10;
	position:absolute;
	margin-top:5px;
	display: block;
}


.mail
{
	text-decoration:none;
	color:white;
	font-size:19px;
	margin-left:400px;
	margin-top:250px;	
}

.mail:hover
{
	color:orange;
}

.catalogue
{
	text-decoration:none;
	color:white;
	font-size:19px;
	margin-left:458px;
}

.catalogue:hover
{
	color:orange;
}

#facebook{
	text-decoration: none;
	color:#000;
	background: url("./images/principal/ico_fb.png") top left no-repeat;
	padding-left:18px;
}



/* ===================================== Images =================================== */


#image_principal{
	margin:auto;
	width:930px;
	height:380px;
}

#cadre_blanc{
	margin:auto;
	width:0px;
	height:0px;
}

.bandeau{
	width:100px;
	height:369px;
	margin-left:362px;
	margin-top:0px;
	background-color:white;
	opacity:0.8;
    -moz-opacity : 0.8;
    filter : alpha(opacity=80); /* IE < 8 */ 
    background-attachment:fixed;
    position:absolute;
    z-index:9;
  }

.promo{	
	width:83px;
	height:250px;
	color:black;
	text-align:right;
	font-size:15px;
 	margin-left:10px;
 	margin-top:30px;
 	
}

.promo15
{
	color:#e88125;
	font-size:25px;	
}


/*======================================== Bas de page ========================================*/


#bas_de_page{
	width:930px;
	height:635px;
	margin-left:13px;
	margin:auto;
}


.h1gauche{
	width:904px;
	height:25px;
	text-align:left;
	border-bottom:1px solid ;
	font-size:30px;
	border-color:green;		
	margin-left:15px;
	line-height:25px;
}

.h1droit{
	width:865px;
	height:31px;
	text-align:left;
	border-bottom:1px solid green;
	font-size:30px;	
	padding-left:25px;
	margin-right:25px;	
}

/*======================================== ACCUEIL ========================================*/

.IMGgauche{
	margin-left:25px;
	#margin-left:-600px;
	width:246px;
	height:148px;
}


.IMGdroit{
	margin-left:650px;
	width:246px;
	height:148px;	
}


.txtDroit{
	width:500px;
	height:25px;
	color:#dedbdb;
	float:right;
	position:absolute;
	z-index:8;
	margin-left:350px;
	#margin-left:80px;
	margin-top:-88px;
	#margin-top:60px;
	font-size:25px;	
	text-align:center;
}

.txtGauche{
	width:600px;
	height:25px;
	color:#dedbdb;
	position:absolute;
	z-index:8;
	margin-left:-572px;
	#margin-left:-820px;
	margin-top:-88px;
	#margin-top:60px;
	font-size:25px;
	text-align:left;
}

.txtfacebook{
	width:600px;
	height:25px;
	color:#dedbdb;
	position:absolute;
	z-index:8;
	margin-left:-650px;
	margin-top:-132px;
	font-size:25px;
	text-align:left;
	#margin-left:-850px;
	#margin-top:20px;
}


.IMGfacebook{
	margin-left:700px;
	width:246px;
	height:148px;	
	text-decoration:none;
	border: none;
}

.txtviadeo{
	width:500px;
	height:25px;
	color:#dedbdb;
	float:right;
	position:absolute;
	z-index:8;
	margin-left:420px;
	margin-top:-142px;
	#margin-left:220px;
	#margin-top:35px;
	font-size:25px;	
	text-align:left;
	
}

a img {
	border:none;
}

.IMGviadeo{
	margin-left:45px;
	#margin-left:-600px;
	width:246px;
	height:148px;
	text-decoration:none;
	border:none;
}
/*======================================== COLLECTIONS ========================================*/

.txtCollec{
	text-align:left;
	width:800px;
	height:15px;
	color:#dedbdb;
	position:absolute;
	z-index:8;
	margin-left:50px;
	#margin-left:-425px;
	font-size:25px;	
}


.IMGdesign{
	width:363px;
	height:223px;	
	border:1px solid red;
	position:absolute;
	z-index:8;
	margin-left:60px;
	margin-top:120px;
	#margin-left:-425px;
}

.IMGmoderne{
	width:363px;
	height:223px;	
	border:1px solid red;
	position:absolute;
	z-index:8;
	margin-left:520px;
	margin-top:120px;
	#margin-left:35px;
}

.IMGteck{
	width:363px;
	height:223px;
	border:1px solid red;
	position:absolute;
	z-index:8;
	margin-left:60px;	
	margin-top:400px;
	#margin-left:-425px;
}

.IMGprovence{
	width:363px;
	height:223px;
	border:1px solid red;
	position:absolute;
	z-index:8;	
	margin-left:520px;	
	margin-top:400px;
	#margin-left:35px;
}

.ligneVert{
	width:800px;
	height:1px;
	position:absolute;
	z-index:8;
	border-bottom:1px solid green;
	margin-top:372px;
	#margin-top:360px;
	margin-left:120px;
	#margin-left:-350px;
}

.ligneOrange{
	width:1px;
	height:440px;
	position:absolute;
	z-index:8;
	background-color:orange;
	margin-top:220px;
	margin-left:472px;
	#margin-left:-13px;
}

form{
	width:880px;
	height:300px;	
	margin-left:25px;
	margin-top:330px;
}

td{
	width:900px;
	height:50px;
	color:#dedbdb;
	font-size:25px;
	#font-size:20px;
	text-align:left;
}

.txtContact{
	width:850px;
	height:25px;
	color:#dedbdb;
	position:absolute;
	z-index:8;
	margin-left:27px;
	#margin-left:-427px;
	margin-top:8px;
	font-size:23px;
	text-align:left;
}

.mail2
{
	text-decoration:underline;
	color:white;
}

.mail2:hover
{
	text-decoration:none;
}

.ligneVert2{
	width:400px;
	height:1px;
	position:absolute;
	z-index:8;
	border-bottom:1px solid green;
	margin-top:300px;
	margin-left:520px;
	#margin-left:50px;
}

.ligneOrange2{
	width:1px;
	height:200px;
	position:absolute;
	z-index:8;
	background-color:orange;
	margin-top:130px;
	margin-left:872px;
	#margin-left:410px;
}


input{
	#margin-left:447px;	
}
