/*----------------------------------------LES BALISES----------------------------------------*/

body {
	background-image:url(../images/arriere_plan.gif);
	background-repeat:repeat-x;
	background-color:#333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
/*----------------------------------------LES ID----------------------------------------*/

#principale {
	width:990px;
	margin-right: auto;
	margin-left: auto;
	padding:0px;
	margin-top:0px;
	background-repeat:repeat-y;
}
#header {
	width:990px;
}
#cadre {
	width:990px;
}
#flash {
	padding-bottom:15px;
	padding-top:10px;
	text-align:center;
	padding-left:13px;
	padding-right:13px;
}
#menu {
	padding-left:40px;
	width:950px;
	font-size:11px;
}
#contenue {
	padding-right:30px;
	padding-left:30px;
	width:930px;
}
#footer {
	background-image:url(../images/arriere_plan_footer.gif);
	background-repeat:repeat-x;
	width:100%;
	font-size:10px;
}
#cadre_info_location {
	background-image:url(../images/cadre_location.gif);
	background-repeat:no-repeat;
	padding-top:25px;
	height:217px;
	float:left;
	padding-left:3px;
	width:438px;
}
#cadre_info_locationGB {
	background-image:url(../images/cadre_location_GB.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:3px;
	width:438px;
	padding-top:25px;
	height:217px;
}
#cadre_info_vente {
	background-image:url(../images/cadre_venteenligne.gif);
	background-repeat:no-repeat;
	float:right;
	padding-left:3px;
	width:438px;
	padding-top:25px;
	height:217px;
}
#cadre_info_venteGB {
	background-image:url(../images/cadre_venteenligne_GB.gif);
	background-repeat:no-repeat;
	float:right;
	padding-left:3px;
	width:438px;
	padding-top:25px;
	height:217px;
}
/*-------------------------------------LES CLASSES CADRES-------------------------------------*/


.fond-contenue {
	background-image:url(../images/fond-contenue-information.gif);
	background-repeat:repeat-y;
	padding:10px;
	padding-bottom:0px;
}
/*-------------------------------------LES CLASSES BOUTONS-------------------------------------*/

A.menubt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
A:hover.menubt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff6c00;
	text-decoration:none;
}
A.menudroite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff6c00;
	text-decoration:none;
}
A:hover.menudroite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
A.foot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}
A:hover.foot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ff6c00;
	text-decoration:none;
}
a.email {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff6c00;
	text-decoration:none;
}
a.email:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff6c00;
	text-decoration:underline;
}
A.choix {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
A.choix:hover {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff6c00;
	text-decoration:none;
}
A.moove {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
A.moove:hover {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
A.moove_deux {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
A.moove_deux:hover {
	font-weight:bold;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}
A.quantite {
	font-size:14px;
	color:#FF6600;
	text-decoration:none;
}
A.quantite:hover {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
a.cadre:hover {
}
/*-------------------------------------LES CLASSES TEXTES-------------------------------------*/

.titre_bloc {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF6600;
}
.text {
	text-align:left;
}
.txt {
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
.txt_foot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}
.prix_barre {
	text-decoration:line-through;
	font-size:11px;
	color:#bbbbbb;
}
.nom_produit {
	color:#FFFFFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.titre_bloc_deux {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF6600;
}
/*-----------------------------vente en ligne---------------------------*/
.menu_vel {
	width:180px;
	float:left;
	margin-right:5px;
	position:relative;
	z-index:10;
}
.contenue_vel {
	padding-left:5px;
	border-left:1px solid #444;
	width:700px;
	float:left;
}
/*----smen vente en ligne-----*/

.cadre_vignettebtn2 ul {
	display:none;
	width:190px;
	position:absolute;
	left:180px;
	top:0px;
	color:#000;
}
.cadre_vignettebtn2:hover ul {
	display:block;
	width:190px;
	position:absolute;
	z-index:30px;
	left:179px;
	top:0px;
	color:#000;
}
.cadre_vignettebtn2 {
	background-color:#ff6600;
	border:1px solid #333333;
}
.cadre_vignettebtn2:hover {
	background-color:#fff;
	padding-left:10px;
	cursor:pointer;
	color:#ff6600;
}
.cadre_vignettebtn2:hover a {
	color:#ff6600;
}
.cadre_vignettebtn2 a {
	padding:5px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:12px;
}
.cadre_vignettebtn2 a:hover {
	display:block;
	text-decoration:none;
	color:#ff6600;
	font-size:12px;
}
.cadre_vignettebtn {
	padding:5px;
}
.cadre_vignettebtn:hover {
	background-image:url(../images/cadre_vignettebtn.png);
	cursor:pointer;
	color:#FFFFFF;
}
.sousousmen {
	background-color:#CCC;
	border:1px solid #FFF;
	padding:2px;
	margin:0px;
	list-style-type:none;
}
/*------vnte en igne home----*/
.vignette {
	margin:5px;
	width:165px;
	height:215px;
	text-align:center;
	float:left;
}
.imgvign {
	/*position:relative;*/
	height:132px;
}
.imgvign img:hover {
	border:3px solid #F60;
	cursor:pointer;
}
.vignettepack {
	margin:5px;
	width:165px;
	height:245px;
	text-align:center;
	float:left;
}
.bonus {
	position:absolute;
}
.bonus img {
	border:0px;
}
.bonus img:hover {
	border:0px;
}

.logo_marque_liste {
	position:absolute;
	left:105px;
	top:101px;
}
/*-----------------------titre-------------------------*/
.titre {
	width:100%;
	height:22px;
	text-align:left;
	border-bottom:2px solid #999;
	margin-bottom:3px;
	font-size:11px;
}
.txt_titre {
	font-size:14px;
	font-weight:bold;
	color:#f60;
	padding-left:5px;
	padding-right:5px;
}
/*-----page----------*/
.page {
	margin-top:6px;
	margin-bottom:6px;
	width:100%;
	float:left;
	color:#999999;
	font-size:12px;
}
.page ul {
	padding:0;
	margin:0;
}
.page li {
	list-style-type: none;
	text-align:center;
	float:left;
}
.page_list {
	width:20px;
	margin-left:1px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:#ffaa00;
	text-decoration:none;
}
.page_list:hover {
	background-color:#ff8800;
	text-decoration:none;
}
.page_select {
	width:20px;
	margin-left:1px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:#ff6600;
	text-decoration:none;
}
.fiche_tdescription {
	padding-bottom:1px;
	margin-bottom:5px;
	width:100%;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #ff6600;
}
.fiche_description {
	padding-bottom:5px;
	width:100%;
	color:#ffffff;
	font-size:11px;
}
.fiche_vignetteprixpack {
	width:100px;
	padding:1px;
	margin:1px;
	text-align:center;
}
.lefloatleft {
	float:left;
}

.fiche_ordre_select {
	color:#FFF;
	text-decoration:none;
}
.fiche_ordre {
	color:#ff6600;
	text-decoration:none;
}

/*--------------------over vignette--------------------*/
.overv {
	border:1px solid #fff;
	padding:2px;
	color:#fff;
	text-decoration:none;
}
.overv:hover {
	border:1px solid #ccc;
	cursor:pointer;
	color:#000;
	padding:2px;
	background-color:#fafafa;
	text-decoration:none;
}
tr overv td {
	border:1px solid #fff;
	color:#666;
}
tr overv td:hover {
	border:1px solid #ccc;
	cursor:pointer;
	color:#000;
	background-color:#cccccc;
}
/*---------------panier-----------*/

.panier td {
	background-color:#444;
}
.panier th {
	background-color:#F60;
	color:#FFF;
}
.cadre_gris {
	width:140px;
	border:1px solid #999;
	margin-bottom:5px;
}
.fiche_prodassocie {
	width:111px;
	padding:1px;
	margin:2px;
	text-align:center;
}
.lien_orange {
	color:#F60;
	text-decoration:none;
}
.lien_orange:hover {
	color:#fff;
	text-decoration:none;
}
.infobulle_js {
	background-color:#F8F8F8;
	border:1px solid #333333;
	color:#333333;
	font-family:Verdana, Arial;
	font-size:10px;
	opacity:0.95;
	padding:10px;
	position:absolute;
	visibility:hidden;
	width:200px;
	z-index:25;
}
/*----------------------MENU marque--------------------------*/
div#menusm_marque {
	width: 175px;
	margin-bottom:20px;
}
/* fond blanc pour le menu */ 
div#menusm_marque a {
	color:#ffffff;
}
div#menusm_marque ul {
	padding: 0;
	width: 175px;
	border:1px solid;
	margin:0px;
	background-color:#C00;
	
}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menusm_marque li:hover {
	background: #fffff;
}
div#menusm_marque li a:hover {
	color:#000000;
}
div#menusm_marque li.sousmenu:hover {
	background: #111111;
}
/* Rajout d'une petite fleche pour les sous menu */ 
div#menusm_marque ul li {
	position:relative;
	list-style: none;
	border-bottom:1px solid;
}
div#menusm_marque ul ul {
	position: absolute;
	top: -1px;
	left: 175px;
	display:none
}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menusm_marque li a {
	text-decoration: none;
	padding: 4px 0 4px 8px;
	display:block;
	border-left: 8px solid #000000;
	width:159px
}
div#menusm_marque ul.niveau1 li.sousmenu:hover ul.niveau2, div#menusm_marque ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display:block;
}
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menusm_marque li a:hover {
	border-left-color: #000000;
	color:#000000;
	background-color:#FFF;
}
div#menusm_marque ul ul li a:hover {
	border-left-color: #000000;
	color:#000000;
	background-color:#FFF;
}
div#menusm_marque ul ul ul li a:hover {
	border-left-color: #000000;
	color:#000000;
}
/*----------------------MENU--------------------------*/
div#menusm {
	width: 175px;
}
/* fond blanc pour le menu */ 
div#menusm a {
	color:#ffffff;
}
div#menusm ul {
	padding: 0;
	width: 175px;
	border:1px solid;
	margin:0px;
	background-color:#ff6600;
	
}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menusm li:hover {
	background: #fffff;
}
div#menusm li a:hover {
	color:#000000;
}
div#menusm li.sousmenu:hover {
	background: #111111;
}
/* Rajout d'une petite fleche pour les sous menu */ 
div#menusm ul li {
	position:relative;
	list-style: none;
	border-bottom:1px solid;
}
div#menusm ul ul {
	position: absolute;
	top: -1px;
	left: 175px;
	display:none
}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menusm li a {
	text-decoration: none;
	padding: 4px 0 4px 8px;
	display:block;
	border-left: 8px solid #ff9900;
	width:159px
}
div#menusm ul.niveau1 li.sousmenu:hover ul.niveau2, div#menusm ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display:block;
}
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menusm li a:hover {
	border-left-color: #ff6600;
	color:#ff6600;
	background-color:#FFF;
}
div#menusm ul ul li a:hover {
	border-left-color: #ff6600;
	color:#ff6600;
	background-color:#FFF;
}
div#menusm ul ul ul li a:hover {
	border-left-color: #ff6600;
	color:#ff6600;
}

/*-----------checktable--------------*/
.atextf {
	background-color:#F5AF50;
}
.achkf {
	background-color:#F5AF50;
	padding:5px;
}	
.txt_fer_fiche{
	color:#ff6600;
	text-decoration:none;
}
.txt_fer_fiche:hover{
	color:#ff3300;
	text-decoration:none;
}
.txt_orange{
	color:#ff6600;
}

/*---------- easyslider-----------*/
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:25px;
	top:44px;
	/*z-index:1000;*/
}	
#nextBtn{ 
	left:658px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../javascript/easyslider1.7/images/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a{ 
	background:url(../javascript/easyslider1.7/images/btn_next.gif) no-repeat 0 0;	
}

/*------------news accueil--------------*/
.liste_news_lien{
	float:left;
	background-image:url(../images/bouton/fnd_rondblanc.png);
	background-repeat:no-repeat;
	font-size:11px;
	text-align:center;
	padding-top:3px;
	width:20px;
	height:20px;	
	color:#FF6600;
	text-decoration:none;
	cursor:pointer;
	margin:2px ;

}
.liste_news_lien:hover{
	background-image:url(../images/bouton/fnd_rondorange.png);	
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}

.liste_news_lien_select{
	float:left;
	background-image:url(../images/bouton/fnd_rondorange.png);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	width:20px;
	height:20px;	
	color:#FFF;
	text-decoration:none;
	cursor:pointer;	
	margin:2px;
}
#liste_news {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.fnd_ligne{
	background-image:url(../images/fnd_ligne.png);
	background-repeat:repeat-x;
	background-position:top;
}