/* CSS Document */
/* CSS Document */

  body{

  background:black;

  text-align:center;

  font-family:arial, verdana;

  color:#B2B2B2;

  }


#cadre{

 background:url(.././skin/images/bg-cadre.gif) 315px  repeat-y transparent;

}

#gauche{

margin-top:20px;

width:285px;

float:left;



}

#gauche a{

text-decoration:none;

}

#gauche h2{

font-variant:small-caps;

line-height:40px;

border-bottom:1px solid  #393939;

text-indent:10px;

}

.menugauche li{

list-style:none;

}

.menugauche{

margin:0;

text-indent:0;

padding:0;

}

.menugauche  a, .menugauche  a:visited{

color:#B2B2B2;

text-decoration:none;

font-weight:bold;

border-bottom:1px solid  #393939;

display:block;

padding-left:10px;

padding-top:15px;

padding-bottom:15px;

line-height:16px;

}



.menugauche li.active a, .menugauche li.active a:visited{

color:white;

border-top:white;

}

 #gauche.homepage h2, #droit.homepage h1{

     border-bottom:1px solid rgb(146,146,146);

  }

  #droit{

margin-top:20px;

width:755px;

margin-right:25px;

float:right;

text-align:justify;

}



hr{

clear:both;

}

#contenu{

margin:25px;

margin-left:50px;

color:#D7D7D7;

font-size:12px;

}

  #header{

  position:fixed;

  z-index:9990;

  background:black;

  width:100%;

  margin-top:0;

  top:0;

min-height:203px;

  }

  #conteneur{

  position:relative;

  text-align:left;

  margin:auto;

  width:1200px;

  background:url(.././skin/images/body-bg.jpg) repeat-x #131313;

 margin-top:203px;

 }
 #conteneur2{

  position:relative;

  text-align:left;

  margin:auto;

  width:1200px;

  background:url(.././skin/images/body-bg2.jpg) repeat-x #131313;

 margin-top:203px;

 }
  #menu{

  clear:both;

  padding:0;

  margin:0;

  display:none;

  list-style:none;

  }

  #lang, #plan{

  float:right;

  }

  .lang{

  width:27px;

  height:12px;

  display:block;

  background-image:url(.././skin/images/langues.png);

  background-position:left top;

  float:left;

  margin-left:2px;

  }

  #logo{

  display:block;

  position:relative;

  margin-left:50px;

  margin-top:50px; /*Ce sont ces marges qui déterminent la hauteur du bandeau ! */

  margin-bottom:40px;

  float:left;

  }

  #logo img{

  border:none;

  }

  .lang:hover{

  background-position:28px top;

  }

  .en{

  background-position:left 11px;

  }

  .en:hover{

  background-position:28px 11px;

  }

  #outils{

  float:right;

  text-align:right;

  margin-right:40px;

  }

  .icone{

  width:88px;

  height:23px;

  display:block;

  background-image:url(.././skin/images/icones.png);

  background-position:right top;

  float:left;

  margin-right:60px;

  margin-top:60px;

  }

  .plan{

  height:23px;

  }

  .plan:hover{

   background-position:left top;

   }

  .contact{

  background-position:right 23px;

   }

  .contact:hover{

  background-position:left 23px;

 }

  .menu{

  width:188px;

  height:52px;

  float:left;

  margin:0;

  margin-left:2px;

  position:relative;

  padding:0;

  background-image:url(.././skin/images/menu-bg.jpg);  

  }

  .recherche{

  color:white;

  float:left;

  margin-top:60px;

  font-size:9px;

  }

.recherche input[type=submit]{
height:16px;
font-size:9px;

}
 .recherche input[type=text]{

  font-size:9px;

  height:10px;

  }
  .menu a{

  text-decoration:none;

  }

  #menu li ul{

  margin:0;

  padding:5px;

  width:178px;

  }

  #menu li ul a{

 color:white;

 font-size:11px;

 margin-top:10px;  

  }

  .menu b, #menuclass9 a, #menuclass149 a{

  margin-left:92px;

  display:block;

  text-align:center;

  padding-top:10px;

  float:right;

  height:42px;

  width:96px;

  background:black;

  color:white;

  font-size:10px;

  letter-spacing:1;

  valign:middle;

  }

  .menu:hover b, #menuclass9 a:hover, #menuclass149 a:hover{

   background:none;

  }

  #menuclass10, #menuclass150{

  background-position:left;

  }

 #menuclass10 ul, #menuclass150 ul{

  background:#AE6C0B;

}



  #menuclass6, #menuclass107{

  background-position:371px;

  }

  #menuclass6 ul, #menuclass107 ul{

  background:  #ED7C1C;

  }

#menuclass6 a:hover b, #menuclass6:hover b,#menuclass107 a:hover b, #menuclass107:hover b{

 background:#ED7C1C;

 }

#menuclass5, #menuclass101{

  background-position:463px;

  }

#menuclass5 ul,#menuclass5:hover b, #menuclass101 ul,#menuclass101:hover b{

  background:  #338CB4;

  }

#menuclass5 a:hover b, #menuclass101 a:hover b{

 background:#338CB4;

 }

 #menuclass7, #menuclass131{

  background-position:278px;

  }

  #menuclass7 ul,#menuclass7:hover b, #menuclass131 ul,#menuclass131:hover b{

  background:  #74AE24;

  }

#menuclass7 a:hover b, #menuclass131 a:hover b{

 background:#74AE24;

 }

 #menuclass8, #menuclass137{

  background-position:185px;

  }

#menuclass8 a:hover b,#menuclass8:hover b, #menuclass137 a:hover b,#menuclass137:hover b{

 background:#9D0C1D;

 }

 #menuclass8 ul,#menuclass8:hover b, #menuclass137 ul{

  background: #9D0C1D;

  }

  #menuclass9, #menuclass149{

  background-position:93px;

  }

 #menuclass9 ul, #menuclass149 ul{

  background: #392151;

  }

#menuclass9 a:hover, #menuclass149 a:hover{

 background:#392151;

 }

 

#bandeau{

  position:relative;

  text-align:left;

  margin:auto;

  width:1142px;

padding:0;

padding-right:20px;

height:70px;

padding-bottom:0;

background:black;

}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


 /* Inset 3D Raised */

.raised {background: transparent; width:285px; margin:0 auto;margin-top:30px;}

.raised h1, .raised p {margin:0 10px;}

.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}

.raised p {padding-bottom:0.5em;}



.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}

.raised .b2 {background:#393939; border-left:1px solid rgb(33,33,33); border-right:1px solid rgb(33,33,33);}

.raised .b3 {background:#393939; border-left:1px solid rgb(33,33,33); border-right:1px solid rgb(33,33,33);}

.raised .b4 {background:#393939; border-left:1px solid rgb(33,33,33); border-right:1px solid rgb(33,33,33);}

.raised .b4b {background:#262626; border-left:1px solid rgb(33,33,33); border-right:1px solid rgb(33,33,33);}

.raised .b3b {background:#262626; border-left:1px solid rgb(33,33,33); border-right:1px solid rgb(33,33,33);}

.raised .b2b {background:#262626; border-left:1px solid rgb(33,33,33); border-right:1px solid rgb(33,33,33);}





.raised .b1 {margin:0 5px; background:#393939;}

.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}

.raised .b3, .raised .b3b {margin:0 2px;}

.raised .b4, .raised .b4b {height:2px; margin:0 1px;}

.raised .b1b {margin:0 5px; background:#262626;}

.raised .boxcontent {display:block;  background:url(.././skin/images/body-bg.jpg) repeat-x #131313; border-left:1px solid #000000; border-right:1px solid #000000;}

 .liste{

 list-style:none;

 line-height:20px; 

 display:block;

 border-top:1px solid rgb(146,146,146);

 font-size:10px;

 font-weight:bold;

 letter-spacing:1;

 }

 

 .produit{

 width:755px;

 background:white;

 padding:0;

 margin:0;
 
 margin-bottom:10px;
 
 min-height:181px;

 }
 .produit td, .produit tr{
 padding:0;
 margin:0;
 }

 .produit img{

 margin:0;

 border:0;

 border-right: 1px solid #969799;

 }

 .description_produit{


 width:465px;

 
 color:#969799;

 }

  .description_texte{

   height:145px;

  }

.ajaxSearch_highlight{

color:#BE8429;

}

#contenu a{

color:#D7D7D7;

font-weight:bold;

}

#contenu a:hover{

color:white;

} 

 #contenu.description_produit h2,  #contenu.description_produit a{

color:#969799;

} 

#contenu a.desc_produit   {

color:#969799;

} 
#contenu a.specs{
color:#ED7D1C;
text-decoration:none;
border:1px solid #D7D7D7;
padding:4px;
margin-top:20px;
margin-right:10px;
}
#contenu a.specs:hover{
color:white;
}
.equipe{
position:absolute;
height:380px;
width:100px;
color:#1E1E1E;
text-decoration:none;
}
a.equipe span{
position:absolute;
height:50px;
top:230px;
display:none;
color:white;
border-left:1px solid white;
padding:10px;
min-width:220px;
text-align:left;
padding-top:20px;
}
a.equipe span strong{
color: #B47109;
}
a.equipe:hover span{
display:block;
}
 #equipe0{
width:87px;
}
#equipe0 span{
margin-left:50px;
}
#equipe1{
width:87px;
}
#equipe1 span{
margin-left:50px;
}
#equipe2{
left:87px;
width:50px;
}
#equipe2 span{
margin-left: 30px;
}
#equipe3{
left:127px;
width:50px;}
#equipe3 span{
margin-left:   30px;
}
#equipe4{
left:157px;
width:68px;
}
#equipe4 span{
margin-left:    50px;
}
#equipe5{
left:255px;
width:60px;
}
#equipe5 span{
margin-left:    30px;
}
#equipe6{
left:315px;
width:50px;
}
#equipe6 span{
margin-left:  40px;
}
#equipe7{
left:365px;
width:60px;
}
#equipe7 span{
margin-left:   40px;
}
#equipe8{
left:415px;
width:50px;
}
#equipe8 span{
margin-left:  30px;
}
#equipe9{
left:465px;
width:60px;
}
#equipe9 span{
margin-left:   30px;
}
#equipe10{
left:525px;
width:50px;
}
#equipe10 span{
margin-left:  30px;
}
#equipe11{
left:595px;
width:60px;
}
#equipe11 span{
margin-left: 20px;
}
#equipe12{
left:635px;
width:50px;
}
#equipe12 span{
margin-left:     -130px;
border:0;
border-right:1px solid white;
min-width:100px;
}
#equipe13{
left:685px;
width:70px;
}
#equipe13 span{
margin-left:-110px;
border:0;
border-right:1px solid white;
min-width:100px;
}
/* Gallerie Equipe */

h4.vignettes-equipe{
float:right;
border:0;
margin:1px;
height:90px;
width:60px;
padding:0;
}

#vignettes-equipe{
width:260px;
float:left;
}
.vignettes-equipe{
    opacity : 0.7; 
    -moz-opacity : 0.7; 
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */ 
    filter : alpha(opacity=70); /* IE < 8 */ 
}
.vignettes-equipe:hover{
   
}
.detail-equipe{
position:relative;
top:0;
left;260px;
}

.tab-wrapper


{

	padding:				1em 1em;

	margin:					0;

	clear:					both;

}

.tab-menu, .tab-menu2

{

	margin:					0;

	padding:				0;

	list-style:				none;

	overflow:				auto;

}

.tab-menu li

{

	margin:					0;

	padding:				0;

	float:					left;

	line-height:			2em;
list-style:				none;

	

}
 .tab-menu2 li

{
	margin:					0;
	padding:				0;
	float:					left;
list-style:				none;
}

.tab-menu li a

{

	padding:				0 .5em;

	font-weight:			bold;

	font-size:16px;

	margin-left:4px;

	color:black;

	text-decoration:none;

	line-height:20px;

	height:20px;

}
.tab-menu2 li a
{
padding:	0;
margin:2px;
 opacity :0.5; 
    -moz-opacity :0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
}
.tab-menu2 li a:hover{
 opacity :1; 
    -moz-opacity :1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}

.tab-menu li a:hover,

.tab-menu li a:focus
{
border-left:1px solid white;
color:					white;
}
.tab-menu li.tab-selected a
{
	text-decoration:		none;
	color:					white;
	border-left:1px solid white;
}
.tab-container2{
position:absolute;
top:14px;
left:665px;
width:565px;
}
.tab-container2 img{margin-right:25px;}
.tab-container2 h2{
text-transform:uppercase;
font-weight:normal;
font-size:12px;
}
.tab-container2 h3{
font-weight:normal;
}
#contenu .tab-container2 a{
color:#B47109
}
#menu .open {
	display: block;
}

#menu .close {
	display: none;
}
#menu{
display:block;
}
#menu li ul{
margin-top:52px;
}
#menu li ul li{
list-style:none;
}
.infos-detail-equipe  img{float:left; margin:5px;}
.infos-detail-equipe h2{margin-bottom:0px;font-weight:bold}
.infos-detail-equipe h3{margin-top:0; font-size:11px;}
#contenu .infos-detail-equipe a{font-weight:normal}