* {
  margin: 0px;
  padding: 0px;
}

img {
   border: 0;
}

body {
	/*font-family: "MS Sans Serif", Geneva, sans-serif;*/
	/*font:13px/1.22 arial,helvetica,clean,sans-serif;*/
	
	font:13px/1.22 arial,helvetica,clean,sans-serif;

	padding: 0px;
	text-align: center;
	margin: 0px;
	background-color: #FFFFFF;
 	background-image: url(img/fond_body.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	height: 100%;
z-index: 1;
}

#global {
	width: 1124px;
	text-align: center;

	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 0;
	
	
		

}



#margehaut {
height: 0px;
width: 1124px;
  margin: 0px;
  padding: 0px;
  }

#courbe_bas {
	
	background-image: url(img/courbe_bas.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/courbe_bas.png');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 1116px;
	display:inline;
	
	margin-left: 5px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	height: 29px;
}


#basdepage {
	background-image: url(img/bas.png); 
	background-repeat: no-repeat;
	background-position: bottom;
	width: 1124px;
	float: left;
	

	color: 333333;
	padding-top: 0px;
	
	height: 20px;
margin-bottom: 20px;

}

#textebasdepage {


	float: left;
	

	color: FFFFFF;
	padding-top: 3px;
	
padding-left:257px;	
font-size: 11px;
font-family:arial,helvetica,sans-serif;
}




#contenu {
	
	
	background-repeat: repeat-y;
	width: 1126px;
	float: left;
	color: #3C3C3C;
	font-size: 10pt;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
}









.page_decoration #colonneDeDroite{
	background-image: url(img/fond_classique.jpg);
}


.page_classique #colonneDeDroite{
	background-image: url(img/fond_classique.jpg);
}
.page_contemporain #colonneDeDroite{
	background-image: url(img/fond_contemporain.jpg);
}
.page_marbre #colonneDeDroite{
	background-image: url(img/fond_marbre.jpg);
}
.page_faconff  #colonneDeDroite{
	background-image: url(img/fond_faconff.jpg);
}
.page_tradition #colonneDeDroite{
	background-image: url(img/fond_tradition.jpg);
}
.page_prestige #colonneDeDroite{
	background-image: url(img/fond_prestige.jpg);
}
.page_galbee #colonneDeDroite{
	background-image: url(img/fond_galbee.jpg);
}
.page_vitrage #colonneDeDroite{
	background-image: url(img/fond_vitrage.jpg);
}

.page_technique #colonneDeDroite{
	background-image: url(img/fond_store.jpg);
}


.page_store #colonneDeDroite{
	background-image: url(img/fond_store.jpg);
}
.page_pro1 #colonneDeDroite{
	background-image: url(img/fond_pro1.jpg);
}
.page_pro2 #colonneDeDroite{
	background-image: url(img/fond_pro2.jpg);
}
.page_metal #colonneDeDroite{
	background-image: url(img/fond_metal.jpg);
}
.page_agencement #colonneDeDroite{
	background-image: url(img/fond_agencement.jpg);
}
.page_vaat #colonneDeDroite{
	background-image: url(img/fond_vaat.jpg);
}




.page_decoration #contenu {
	background-image: url(img/fond_contenu_classique.jpg); 
}


.page_classique #contenu {
	background-image: url(img/fond_contenu_classique.jpg); 
}
.page_contemporain #contenu {
	background-image: url(img/fond_contenu_contemporain.jpg); 
}
.page_marbre #contenu {
	background-image: url(img/fond_contenu_marbre.jpg); 
}
.page_faconff  #contenu {
	background-image: url(img/fond_contenu_faconff.jpg); 
}
.page_tradition #contenu {
	background-image: url(img/fond_contenu_tradition.jpg); 
}
.page_prestige #contenu {
	background-image: url(img/fond_contenu_prestige.jpg); 
}
.page_galbee #contenu {
	background-image: url(img/fond_contenu_galbee.jpg); 
}
.page_vitrage #contenu {
	background-image: url(img/fond_contenu_vitrage.jpg); 
}



.page_technique #contenu {
	background-image: url(img/fond_contenu_store.jpg); 
}
.page_store #contenu {
	background-image: url(img/fond_contenu_store.jpg); 
}
.page_pro1 #contenu {
	background-image: url(img/fond_contenu_pro1.jpg); 
}
.page_pro2 #contenu {
	background-image: url(img/fond_contenu_pro2.jpg); 
}
.page_metal #contenu {
	background-image: url(img/fond_contenu_metal.jpg); 
}
.page_agencement #contenu {
	background-image: url(img/fond_contenu_agencement.jpg); 
}
.page_vaat #contenu {
	background-image: url(img/fond_contenu_vaat.jpg); 
}




#colonneDeDroite {
	text-align: justify;
	width: 867px;
	height: inherit;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: inline; /*sinon ie double les margin*/
	background-repeat: repeat-y; /*overflow-x: hidden;*/
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 50px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#texteDeDroite {
	text-align: left;
	width: 569px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: inline; /*sinon ie double les margin*/
	overflow: auto;
padding-top: 0px;

/*background-image: url(img/zig.jpg);*/
background-position:10px bottom;

background-repeat: no-repeat;

}

.page_decoration #colonneDeDroite #titre h1{
color: #AE3022;

}
.page_classique #colonneDeDroite #titre h1{
color: #AE3022;

}
.page_contemporain #colonneDeDroite #titre h1{
color: #BE4E36;

}
.page_marbre #colonneDeDroite #titre h1{
color: #C46B43;

}
.page_faconff #colonneDeDroite #titre h1{
color: #CE7641;

}
.page_tradition #colonneDeDroite #titre h1{
color: #D89348;

}
.page_prestige #colonneDeDroite #titre h1{
color: #D89348;

}
.page_galbee #colonneDeDroite #titre h1{
color: #DF9F4F;

}
.page_vitrage #colonneDeDroite #titre h1{
color: #E5AE54;

}

.page_technique #colonneDeDroite #titre h1{
color: #6E8326;

}
.page_store #colonneDeDroite #titre h1 {
color: #6E8326;

}
.page_pro1 #colonneDeDroite #titre h1{
color: #8A9D27;

}
.page_pro2 #colonneDeDroite #titre h1{
color: #A1B426;

}
.page_metal #colonneDeDroite #titre h1{
color: #C4CD14;

}
.page_agencement #colonneDeDroite #titre h1{
color: #DFDC05;

}
.page_vaat #colonneDeDroite #titre h1{
color: #9B9595;

}


#colonneDeDroite #titre {
height: 130px;
width: 800px;
	
overflow:hidden;
	text-align:right;
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left: 0px;
	display:block;
}

#colonneDeDroite #titre h1{
	line-height: 170px;
	font-style: italic;
	font-size: 36px;
	font-weight: normal;
	color: #3C3C3C;
		
		
}

h2{
	font-weight: bold;
	height:30px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 14px;
	color: #3C3C3C;
	padding-left: 0px;
	text-decoration: none;
	background-image: url(img/h2.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	font-style: italic;
	}
	
h3{
padding-top: 15px;	
font-size: 10pt;
color:#D18331;
padding-left: 60px;
}	

h4{
padding-top: 10px;	
font-size: 12pt;
color:#D18331;
padding-left: 60px;
}
	
.normal {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	padding-right: 50px;
	font-size:11px;
	text-align:justify;
	
}

.formulaire  {
left: 15px;
width: 455px;
margin-right: 0px;	
padding-left: 0px;
margin-bottom:20px;
	  
	  display:block;
	float:left;
	position:relative;
}
#submit {
position :relative;
	float:right;border: 0px #000 solid; cursor: pointer; padding: 0px; color: #fff; background-color: #b28e8e; width: auto; margin-top:20px;
}
.formulaire .remarque{
	display:block;
float:left;
position: relative;
}
.formulaire .alerte{
color:#FF0000;
font-weight:bold;
display:block;
float:left;
position: relative;
}
.formulaire .separation{
display:block;
float:left;
position: relative;
width:100%;
height:2px;
margin:0px;
padding:0px;
margin-bottom:10px;
margin-top:10px;
background-color: #DDDDDD;
	}
.formulaire .intitule {
float:left;

width: 100px;
height: 20px;

}
.formulaire .espace {
position :relative;
float:left;
padding:0px;
margin:0px;
width: 20px;
height: 20px;

}
.formulaire .spacer {
position :relative;
float:left;
padding:0px;
margin:0px;
width: 100%;
height: 1px;

}
.formulaire .area {
float:left;
padding-left:0px;
margin-left:0px;
width: 450px;
height: 150px;
padding-left:0px;
margin-left:0px;
}

.formulaire .champ {
font-size:9px;	
width: 110px;
height:17px;

float:left;
padding-left:0px;
margin-left:0px;
margin-bottom:5px;

}

.formulaire .titreformulaire{
	width:400px;
	padding-left:0px;
	margin-left:0px;
	padding-top: 20px;
	padding-bottom: 10px;
	color:A8111C;
	
}
.image_box{
	float:left;
	margin-left: 15px;
	height:370;
display:inline;
overflow:hidden;
}
.degrade_d { 
position:relative;

width:745px;
 height:371px;
 float:left;
 background-position:bottom right;
 background-image: url(img/ombre.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src='../img/ombre.png');
}
.image{
	float:left;
}

.arrondi_360{
width:13px;
height:360px;
float:left;
	background-image: url(img/arrondi_360.png) ;
}





.choix hr, .choix_embout hr {
 display:block;
 height: 1px;
 
 margin: 2px 0px 3;
 _margin: -5px 0px -4;
 padding: 0;
 color: #FFFFFF;
 background-color: #FFFFFF;
 border: 0;
clear:both;
 }
 .accessoire hr {
 display:block;
 height: 1px;
 
 margin: 0px 0px 0;
 _margin: -7px 0px -7;
 padding: 0;
 color: #3C3C3C;
 background-color:#3C3C3C;
 border: 0;
clear:both;
 }

 
 
 #colonneDeDroite .partie_gauche{
width: 375px;

 float:left;
 margin-left:15px;
 display:inline;
 }
 
 
 
 
 
 .produit{
 margin-top:0px;
text-align: left;
float:left;
display:inline;
width: 340px;

color:6E6E6E;
margin-left:15px;
 }
 
 #colonneDeDroite .produit .titre{
 width:100%;
 display:block;
 margin:0;padding:0;
 margin-bottom:1px;
 height:25px;
 float:left;
 background-image: url(img/deg_titre_produit.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/deg_titre_produit.png');
 }
 
 #colonneDeDroite .produit .titre h1 {
 
   height:25px;
   display:block;
   line-height: 25px;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
   overflow:hidden;
	text-align:center;
	margin-right:0px;
	margin-left:15px;
	padding-right:0px;
	padding-left: 0px;
	display:block;
  }

  #colonneDeDroite .produit .texte{
 display:block;
 width:100%;
 float:left;
 background-image: url(img/deg_texte_produit.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/deg_texte_produit.png');
 }
 
  #colonneDeDroite .produit .texte p{
  margin-top:5px;
  margin-right:5px;
  margin-left:15px;
  margin-bottom:15px;
  }


.lien{
	color:6E6E6E;

}

 .choix{

width:336px;
float:left;
text-align: left;
display:inline;
color:000000;
background:none;/* correction d'un bug IE */

  }
 
.choix .onglet{

color:FFFFFF;
font-size:11px;
text-align: left;
line-height:20px;
float:left;
width:84;
height:20;
background-repeat: no-repeat;
 }

  
 .zoom {
width: 42px;
height: 42px;
float:left;
background: none; /* correction d'un bug IE */
}
.zoom .clique {
	width: 40px;
	height: 40px;
	border: 2px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	z-index: 2;
}
.zoom a {
text-align:center;
width: 42px;
height: 42px; 
display: block;
margin:0;
text-decoration: none;
border:0px #666 solid;
border: hidden;
list-style-type: none;
position: absolute;

}

.zoom a:hover {
background: none;   /* correction d'un bug IE */
display: block;
position: absolute;
z-index:5;
}

.zoom a img {
border:0px #666 solid; 
width: 40px;
 height: 40px;
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

.zoom a:hover img {
border:0px #666 solid; 
width: 100px;
height: 100px;

 position: absolute;
 	top: -30px;
	left: -30px;
z-index:5;
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
}

.zoom .clique img{
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
}



.choix_embout{

float:left;
margin-left:15px;
display: inline;
width:730px;

color:000000;
background:none;

margin-bottom:10px;
margin-top:10px;

}

.choix_embout .onglet{

 /*margin-left: auto;*/
  /*margin-right: auto;*/
 color:FFFFFF;
 font-size:11px;
  /*text-align: center;*/
 line-height:20px;
 float:left;
 	/*width:294;*/
	height:20;
	background-repeat: no-repeat;
	/*background-image: url(img/onglet_choix.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/onglet_choix.png');*/
 }
 
 

.loupe {
z-index: 1;
margin:0;
padding:0;
width:52px;
height:52px;
float:left;
background: none; /* correction d'un bug IE */
}

.loupe a{
text-align:center;
position: absolute;
margin:0;
padding:0;
width:52px;
height:52px;
float:left;
background: none; /* correction d'un bug IE */
display: block;

}


.loupe .clique {

	width:52px;
	height:50px;
	border: 2px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	z-index: 2;
}

.loupe a:hover{
	
	background: none;   /* correction d'un bug IE */
	position: absolute;
	z-index: 5;
display: block;

}

.loupe a img{
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
	width:50px;
height:50px;

}

.loupe a:hover img{
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	width:100px;
	height:100px;
position: absolute;
z-index: 5;
left:-25px;
top:-25px;
background: none; /* correction d'un bug IE */

}

.loupe .clique img{
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);

}
   #colonneDeDroite .accessoire {
position:relative;
top:-371;
float:left;
height:360;
width:740;

   }

   #colonneDeDroite .accessoire .texte{
	height:334;
 
 background-color: FFFFFF;
 width:360;
 float:left;
 
 overflow: auto;
  }
 
  #colonneDeDroite .accessoire .texte p{
  margin-top:5px;
  margin-right:5px;
  margin-left:15px;
  margin-bottom:15px;
  }
 
 
  #colonneDeDroite .accessoire .titre{
 width:360;
 display:block;
 margin:0;padding:0;
 height:25px;
 float:left;
  background-color: FFFFFF;
  }
 
 #colonneDeDroite .accessoire .titre h1 {
 
   height:25px;
   display:block;
   line-height: 25px;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
   overflow:hidden;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left: 0px;
	display:block;
  }
   #colonneDeDroite .contact .texte{
	
 display:block;
 width:100%;
 float:left;
 overflow:auto;
  }
  
     #colonneDeDroite .contact .texte a{
color: #3C3C3C;


  }
 
  #colonneDeDroite .contact .texte p{
  margin-top:5px;
  margin-right:0px;
  margin-left:0px;
  margin-bottom:15px;
  }
 
 
  #colonneDeDroite .contact .titre{
 width:100%;
 display:block;
 margin:0;
 padding-top:60px;
 height:25px;
 float:left;
  }
  #colonneDeDroite .contact .titre h1 {
 
   height:25px;
   display:block;
   line-height: 25px;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
   overflow:hidden;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left: 0px;
	display:block;
  } 
   .tableau_resultat{
 margin-top:10px;
text-align: left;
float:left;
display:inline;
width: 720px;

color:6E6E6E;
margin-left:15px;
 }
 
    .tableau_resultat a{

float:left;

 }