/***************** STYLE GLOBAUX *****************/

a img{

  border:none;

}

a:active, a:focus{

  outline:none;

}

/***************** STYLE CONTENU *****************/

#contenuTexte h1{

  font:bold 18px arial, Times, serif;

  color:#330000;

  letter-spacing:1px;

	margin-bottom: 7px;

}

#contenuTexte h2{

  font:bold 14px arial, Times, serif;

  color: #fff;

  letter-spacing:1px;

  margin:0px;

}

#contenu h2{

  font:bold 14px arial, Times, serif;

  color: #fff;

  letter-spacing:1px;

  margin:0px;

}

#contenuTexte p{

  font:12px/1.2em Arial, Helvetica, sans-serif;

  text-align:justify;

  color:#fff;

  line-height:16px;

  margin-bottom:8px;

}

#contenuTexte span{

  font:12px/1.2em Arial, Helvetica, sans-serif;

  color:#fff;

}

#contenuTexte p.couleur, span.couleur{

  font-weight:bold;

  color:#330000;

}

#contenuTexte .title{

	font:13px Arial, Helvetica, sans-serif;

  font-weight:bold;

  color:#FFF;

	text-transform: uppercase;

	margin-bottom: 5px;

}

#contenuTexte .title-prod{

	font:12px Arial, Helvetica, sans-serif;

  font-weight:bold;

  color:#FFF;

	text-align: center;

	text-transform: uppercase;

	margin: 5px;

}

#contenuTexte a:link, #contenuTexte a:visited{

  font-weight:bold;

  text-decoration:underline;

  color: #003300;

}

#contenuTexte a:hover, #contenuTexte a:active{

  color:#060000;

}

/***************** STYLE FOOTER *****************/

#footer p{

  font:10px Arial, Helvetica, sans-serif;

  color:#fff;

  text-align:right;

  letter-spacing:1px;

  padding:0 10px 0 0;

  display:none;

}

#footer a:link, #footer a:visited{

  text-decoration:none;

  color:#fff;

}

#footer a:hover, #footer a:active{

  text-decoration:underline;

  color:#fff;

}

.invisible{	display:none;}

.left{ float: left;}

.right{ float: right;}

.color_b{ color: #3e1d07;}

.color_b1{ color: #ffa236;}

.color_box{

  background-image: url(../images/la-societe/contact_link.jpg);

  background-position: left top;

  background-repeat: no-repeat;

  width: 345px;

  height: 35px;

  float: left;

  font-family: arial;

  font-size: 12px;

}

#contenuTexte .color_box a:link, #contenuTexte .color_box a:visited{

 	color:#ffa83a;

	text-decoration:underline;

  font-weight: bold;

}

#contenuTexte .color_box a:hover, #contenuTexte .color_box a:active{

 	color:#fff;

	text-decoration:none;

  font-weight: bold;

}

#bg_contact{

  background-image: url(../images/contact/bg-formulaire.jpg);

  background-position: left top;

  background-repeat: no-repeat;

  float: left;

  width: 630px;

  height: 297px;

}

.contact_left{

  width: 210px;

  float: left;

  text-align: center;

}

.contact_right{

  width: 420px;

  float: left;

}

#reglementation{

  font-family: Arial;

  font-size: 12px;

  line-height: 14px;

  color: #fff;

}

#reglementation .col0{

  border-left: 1px solid #220c01;

  border-top: 1px solid #220c01;

  border-bottom: 1px solid #220c01;

  text-align: center;

  font-size: 10px;

  float: left;

  width: 48px;

}

#reglementation .col1{ border-left: 1px solid #220c01; border-top: 1px solid #220c01; border-bottom: 1px solid #220c01; float: left; width: 208px;}

#reglementation .col2{

  border-left: 1px solid #220c01;

  border-top: 1px solid #220c01;

  border-bottom: 1px solid #220c01;

  text-align: justify;

  float: left;

  width: 130px;

}

#reglementation .col3{ border-left: 1px solid #220c01; border-top: 1px solid #220c01; border-bottom: 1px solid #220c01; float: left; width: 81px;}

#reglementation .col4{ border-left: 1px solid #220c01; border-top: 1px solid #220c01; border-bottom: 1px solid #220c01; float: left; width: 81px;}

#reglementation .col5{

  border-left: 1px solid #220c01;

  border-top: 1px solid #220c01;

  border-bottom: 1px solid #220c01;

  border-right: 1px solid #220c01;

  text-align: justify;

  float: left;

  width: 130px;

}

#reglementation .title-reg{

  background-color: #c89f4a;

  border-bottom: 1px solid #220c01;

	padding-top:3px;

  height: 18px;

  text-align: center;

  font-weight: bold;

  color: #3e1d07;

}

#reglementation .titlesmall{

  background-color: #076600;

  border-bottom: 1px solid #220c01;

  text-align: center;

  font-weight: bold;

  color: #fff;

}

#reglementation .normaltxt{

  background-color: #076600;

  border: 1px solid #220c01;

  font-weight: bold;

  color: #fff;

}

#reglementation .oneline{ padding-left: 1px; border-bottom: 1px solid #220c01; background-color: #91612f; height: 15px;}

#reglementation .twoline{ padding-left: 1px; border-bottom: 1px solid #220c01; background-color: #91612f; height: 30px;}

#reglementation .threeline{ padding-left: 1px; border-bottom: 1px solid #220c01; background-color: #91612f; height: 45px;}

#reglementation .fourline{ padding-left: 1px; border-bottom: 1px solid #220c01; background-color: #91612f; text-align: justify; height: 60px;}

#reglementation .fiveline{ padding-left: 1px; border-bottom: 1px solid #220c01; background-color: #91612f; text-align: justify; height: 75px;}

#reglementation .sixline{ padding-left: 1px; border-bottom: 1px solid #220c01; background-color: #91612f; text-align: justify; height: 90px;}

#reglementation .title_top{ padding-top: 7px;}

#reglementation .bdtb{ border-top: 1px solid #220c01; border-bottom: 1px solid #220c01;}

#reglementation .premiere{ height: 124px; background-color: #91612f; border-bottom: 1px solid #220c01;}

#reglementation .deux{ height: 556px; background-color: #91612f; border-bottom: 1px solid #220c01;}

#reglementation .troi{ height: 260px; background-color: #91612f; border-bottom: 1px solid #220c01;}

#reglementation .quatre{ height: 340px; background-color: #91612f; border-bottom: 1px solid #220c01;}

#reglementation .cinq{ height: 441px; background-color: #91612f; border-bottom: 1px solid #220c01;}

#reglementation .six{ height: 92px; background-color: #91612f;}

#reglementation .botbor{ background-color: #91612f; border-bottom: 1px solid #220c01;}

#reglementation .spacing{ padding: 0 3px 0 3px;}

#contenuTexte .evenementiel a:link, #contenuTexte .evenementiel a:visited{

 	color:#ffa83a;

	text-decoration:underline;

  font-weight: bold;

}

#contenuTexte .evenementiel a:hover, #contenuTexte .evenementiel a:active{

 	color:#fff;

	text-decoration:none;

  font-weight: bold;

}

.nouveautes_box{

  background-image: url(../images/nouveautes/noveautes-box.gif);

  background-position: left top;

  background-repeat: no-repeat;

  float: left;

  width: 187px;

  height: 220px;

}

#product_detail{ font-family: arial; font-size: 12px; color: #fff;}

#product_detail p{ padding: 2px 0 0 0;}

#product_detail a:link, #product_detail a:visited{ color:#ffa83a;	text-decoration:underline; font-weight: bold;}

#product_detail a:hover, #product_detail a:active{ color:#fff; text-decoration:none; font-weight: bold;}

#product_detail ul.list{float:left;}

#product_detail .list li{

	list-style-type:none;

	background-image:url(../images/charte/pointer.jpg);

	background-position: 3px 8px;

	background-repeat:no-repeat;

	line-height:22px;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 20px;

}


#services table {

  border-collapse:collapse;

  background:#91612f url(../images/charte/bg-table.gif) repeat-x;

  border-left:1px solid #cc831f;

  border-right:1px solid #cc831f;

  text-align: justify;

  font:12px/145% arial;

  color: #fff;

}

#services td, th {padding:5px;}

#services caption {

  padding: 0 0 .5em 0;

  text-align: left;

  font-size: 14px;

  font-weight: bold;

  text-transform: uppercase;

  color: #333;

  background: transparent;

}

#services thead th { background:#333 url(../images/charte/vline.gif) repeat-x; color:#fff;}

#services tbody th, tbody td { 	border-bottom: solid 1px #cc831f;}

#services tbody th { white-space: nowrap;}

#services tbody tr:hover { background:#994c0d;}

#services div{ padding: 0 40px 0 40px;}





.galerie_box{width:105px; height:145px; background: url(../images/charte/bg-galerie.gif) no-repeat; color:#fff;

    margin-bottom:10px;

    float:left;

    margin-right:4px;



  }


<!-- STYLE DES MINIATURES  -->

#container-image {
	float:left;
	width:350px;
}

#product-image{
	float:left;
	width:350px;
	margin: 0 20px 0 0;
}

.product-grande {
	float:left;
	width:350px;
}

.product-mini {
	float:left;
	width:50px;
	height:50px;
	margin: 10px 10px 10px 0 ;
}

.product-mini a {
	width:50px;
	height:50px;
	display:block; 
	border: 2px solid #076600;
}

.product-mini a:hover {
	border: 2px solid #341300;
}


	
<!--FIN DU STYLE DES MINIATURES-->