@charset "iso-8859-1";
/* CSS Document */

*|*:-moz-any-link:focus {
  outline: none;
}

/*-------partie antoine-------*/
.titre {
	font-family: "Lucida Console", Monaco, monospace;
	color:#333;
}

.soustitre {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
	color:#333;
}

.bouton {
	border:2px #CCC solid;  
	background-color:#7DCC00; 
	font-size:12px;
	padding:2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}
.bouton:hover {
	border:2px #FFF solid;
}


.redalert {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#F00;
}

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

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

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

/*-----------------------------------------css site--------------------------------------------*/
/*-------------------------------------corp---------------------------------------------*/

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	background-image:url(../images_site/fond/fond.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
}
.corp{
	width:990px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
}
h1{
	margin:0px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-bottom:2px solid #CCCCCC;
	text-align:left;
}
/*-------------------------------------Menu head-----------------------------------------*/
.menu_head{
	float:left;
	width:990px;
	background-color:#7acc08;
	color:#FFFFFF;
}
/*--------------------------------TEST SOUSMENU-----------------------------------*/
#pmenu, #pmenu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	}
#pmenu {
	position:relative; 
	z-index:2;
}
#pmenu li {
	text-align:center;
	float:left;
	position:relative;
}
#pmenu a, #pmenu a:visited {
	display:block;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	height:23px;
	line-height:22px;
	text-decoration:none;
	text-indent:5px;
	background:#7acc08;
	border-left:1px solid #fff;
	padding-left:5px;
	padding-right:5px;
}
#pmenu li:hover > a{
	background:#ffffff;
	color:#7acc08;
}
#pmenu li ul {
	display: none;
}
#pmenu li:hover > ul {
	display:block; 
	position:absolute; 
	top:0; 
	left:101px;
}
#pmenu > li:hover > ul {
	left:0; 
	top:24px;
	}
/*------------------------------------sousmenu-------------------------------------------*/

/*----sousmen-----*/
#pmenu .sousmenu
{
	position:absolute;
	background-image:url(../images_site/fond/blanctrans.png);
	z-index:3px;
	display: none;
	margin-top:-1px;
	list-style-type: none;
	border: 1px solid #7acc08;
}
#pmenu .sousmenu li
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 130px;
}
#pmenu .sousmenu li a
{
	text-align:left;
	background:none;
	color:#000000;
	font-size:11px;
	padding:0px;
	width: 130px;
	border:0px;
}
#pmenu .sousmenu li a:hover
{
	background-image:url(../images_site/fond/verttrans.png);
	color:#FFFFFF;
}
/*----sousmen-----*/
#pmenu .sousmenu2
{
	margin-left:30px;
	background-image:url(../images_site/fond/verttrans.png);
	position:absolute;
	z-index:5px;
	display: none;
	list-style-type: none;
	border: 1px solid #ffffff;
}
#pmenu .sousmenu2 li
{
	background:none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 150px;
}
#pmenu .sousmenu2 li a
{
	text-align:left;
	background:none;
	color:#ffffff;
	font-size:11px;
	padding:0px;
	width: 150px;
	border:0px;
}
#pmenu .sousmenu2 li a:hover
{
	color:#ffffff;
	background:none;
	background-image:url(../images_site/fond/blanctrans.png);
	width: 150px;
}

/*------------------------------------flash------------------------------------*/
.flash_head{
	width:990px;
}
/*--------------------------------------Barre recherche----------------------------------------*/
.barre_recherche{
	text-align:left;
	padding:3px;
	width:984px;
	background-color:#8c492c;
	color:#FFFFFF;
}
/*--------------------------------------contenue----------------------------------------------*/
.contenue{
	padding:5px;
	width:980px;
	background-color:#FFFFFF;
}
.barre_titre{
	padding-top:5px;
	background-image:url(../images_site/fond/barre_titre.gif);
	background-repeat:no-repeat;
	background-position:right;
	color:#7acc08;
	font-size:15px;
	text-align:left;
	height:26px;
	font-weight:bold;
}
.choixmarque{
	width:190px;
	margin-bottom:10px;
}
.choixmarque p{
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align:left;
	padding-top:4px;
	padding-left:20px;
	width:150px;
	height:20px;
}
.choixmarque p:hover{
	color:#FFFFFF;
	cursor:pointer;
	background-image:url(../images_site/fond/select_marque.gif);
	background-repeat:no-repeat;
}
.choixmarque_select{
	color:#FFFFFF;
	cursor:pointer;
	background-image:url(../images_site/fond/select_marque.gif);
	background-repeat:no-repeat;
}
.boutongauchevert{
	background-image:url(../images_site/bouton/btngv.gif);
	width:171px;
	height:21px;
	padding-top:5px;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:5px;
	font-weight:bold;
}
.boutongauchevert:hover{
	cursor:pointer;
	background-image:url(../images_site/bouton/btngv2.gif);

}
.boutongauchemarron{
	background-image:url(../images_site/bouton/btngg.gif);
	width:171px;
	height:21px;
	padding-top:5px;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:5px;
	font-weight:bold;
}
.boutongauchemarron:hover{
	cursor:pointer;
	background-image:url(../images_site/bouton/btngg2.gif);
}
.ball_percent{
	text-align:center;
	float:left;
	height:41px;
	width:59px;
	background-image:url(../images_site/fond/ball.gif);
	padding-top:21px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
}
.prix{
	color:#7acc08;
	font-size:18px;
	font-weight:bold;
}
.prixbarre{
	color:#999999;
	font-size:13px;
	text-decoration:line-through;
	font-weight:bold;
}
.pourcentage{
	color:#FF6600;
	font-size:13px;
	font-weight:bold;
}
.voirtouteles{
	background-image:url(../images_site/fond/barre_vt.gif);
	background-repeat:repeat-x;
	text-align:right;
	float:left;
}
.voirtouteles a{
	background-color:#FFFFFF;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	font-weight:bold;
	color:#7acc08;
}
.voirtouteles a:hover{
	text-decoration:underline;
}
/*----------------------------------------produit-----------------------------------------*/
.ficheselect{
	text-align:left;
	padding:2px;
	float:left;
	height:250px;
	width:145px;
	border: 2px solid #e0d7c8;
	margin:1px;
}
.ficheselect:hover{
	cursor:pointer;
	border: 2px solid #7acc08;
}
.ficheselectpack{
	text-align:left;
	padding:2px;
	float:left;
	height:300px;
	width:145px;
	border: 2px solid #e0d7c8;
	margin:1px;
}
.ficheselectpack:hover{
	cursor:pointer;
	border: 2px solid #7acc08;
}
/*-----------------------------------------------home--------------------------------------------*/
.cadreinfohome{
	padding-left:5px;
	width:785px;
	float:left;
}
.promotion_home{
	width:490px;
	height:230px;
	float:left;
}
.promotion_homepict{
	position:relative;
	height:175px;
	width:175px;
	float:left;
}
.descriptpromo_home{
	width:315px;
	float:left;
}
.logosurimg{
	position:absolute;
	z-index:3px;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
}
.btnsurimg{
	position:absolute;
	z-index:3px;
	bottom:0px;
	right:0px;
	width:30px;
	height:30px;
}
.package_home{
	margin-left:10px;
	width:280px;
	height:230px;
	float:left;
}
.package_home2{
	width:276px;
	border-left:2px solid #7acc08;
	border-right:2px solid #7acc08;
	border-bottom:2px solid #7acc08;
	float:left;
}
/*-------------------------------produit------------------------------------------------*/
.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 li a{
	width:20px;
	margin-left:1px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:#e0d7c8;
	text-decoration:none;
}
.page li a:hover{
	background-color:#7acc08;
	text-decoration:none;
}*/
.page_list {
	width:20px;
	margin-left:1px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:#e0d7c8;
	text-decoration:none;
}
.page_list:hover {
	background-color:#7acc08;
	text-decoration:none;
}

.page_select {
	width:20px;
	margin-left:1px;
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:#7acc08;
	text-decoration:none;			  
}
th{
	text-align:left;
	background-color:#333333; color:#FFFFFF;
}
.list_prod{
	margin-top:6px;
	width:100%; 
	float:left;
}
.overtab td{
	text-align:left;
	border-top:2px solid #e0d7c8;
	padding:3px;
}
.overtab:hover{
	cursor:pointer;
	background-color:#f0f0f0;
	text-decoration:none;
}
/*-------------------------------fiche----------------------------------------*/
.grandephoto{
position:relative;
	float:left; 
	width:400px;
}
.descriptif_fiche{
	float:right;
	width:375px;
}
.bloc_descriptif{
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	width:375px;
	border-bottom:1px solid #e0d7c8;
}
.bloc_descriptif2{
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	border-bottom:1px solid #e0d7c8;
}
.nom_fiche{
	text-align:left;
	color:#7acc08;
	font-size:18px;
	font-weight:bold;
}
.prix_fiche{
	text-align:left;
	color:#7acc08;
	font-size:24px;
	font-weight:bold;
}
.promo_fiche{
	top:15px;
	right:0px;
	width:50px;
	position:absolute;
	z-index:3px;
}
.logo_fiche{
	top:0px;
	left:0px;
	width:75px;
	position:absolute;
	z-index:3px;
}
.gal_fiche{
	margin:1px; 
	border:1px solid #999999;
}
.gal_fiche:hover{
	cursor:pointer;
	margin:1px; 
	border:1px ;
	border:1px solid #7acc08;
}
/*-------------------------------flashpartenaire----------------------------------*/
.flash_part{
	width:980px;
	padding:5px;
}
/*------------------------------footer----------------------------------*/
.footer{
	width:980px;
}
.footer a{
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.footer a:hover{
	font-size:10px;
	font-weight:bold;
	color:#7acc08;
	text-decoration:none;
}
/*-------------------input----------------------------*/
.bouton_newsletter{
	background-color:#FFFFFF; 
	border:0px; 
	cursor:pointer; 
	color:#7acc08;
}
.bouton_newsletter:hover{
	font-weight:bold;
}
.recherche_top{
	margin-left:10px;
	color:#000000;
	background-color:#FFFFFF;
	border:0px;
	font-weight:bold;
	font-size:12px;
	border:1px solid #FFFFFF;
}
.recherche_top:hover{
	cursor:pointer;
	color:#7acc08;
	background-color:#FFFFFF;
	border:1px solid #7acc08;
}



/****************************** css pour les infos bulles **************************/
a.info_bulle{
	position:relative;
	color:#000;
	text-decoration:none;
}
 
a.info_bulle:hover{
	z-index:25;
	background-color:#F4F4F4;
}
 
a.info_bulle table{
	display: none;
}
 
a.info_bulle:hover table{
	display:block;
	position:absolute;
	top:2em; 
	width:230px;
	padding:5px;

}

.contenue_infobulle{
	/*width:210px;*/
	border-left:1px solid #000;
	border-right:1px solid #000;
	background-color:#F7F7F7;
	color:#000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
.infobulle_haut{
	width:600px;
	background-color:#F7F7F7;
	border-top:1px solid #000;
}
.infobulle_bas{
	width:600px;
	border-bottom:1px solid #000;
	background-color:#F7F7F7;
}
/*--------------------couleur texte-------------------------*/

.txt_vert{
	color:#7acc08;
	font-size:13px;
	font-weight:bold;
}
/*------------------------mon compte--------------------------------*/
.comptecad td{
cursor:pointer;
color:#000000;
background-color:#e0d7c8;
font-weight:bold;
}
.comptecad td:hover{
color:#ffffff;
background-color:#7acc08;
}


/********************** Champs obligatoires non remplis ***************/
.atextf{
	background-color:#C1E78B;
}
.achkf{
	background-color:#C1E78B;
	padding:5px;
}
/*--------------------------cadreinvisible-----------------------------------*/
a.info_bulle2{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
}
 
a.info_bulle2:hover{
	z-index:25;
	background-color:#F4F4F4;
}
 
a.info_bulle2 #visibleinf{
	display: none;
	float:left;
width:264px;
}
 
a.info_bulle2:hover #visibleinf{
	display:block;
	position:absolute;
	left:-10px;
	top:2em; 
	width:264px;
	padding:5px;

}

a.info_bulle2 .visibleinf{
	display: none;
	float:left;
width:264px;
}
 
a.info_bulle2:hover .visibleinf{
	display:block;
	position:absolute;
	left:-10px;
	top:2em; 
	width:264px;
	padding:5px;

}

.cadreHB{
height:6px;
width:264px;
float:left;
}
.cadrecote{
height:6px;
width:6px;
float:left;
}
.cadreH{
background-color:#FFFFFF;
height:5px;
width:252px;
float:left;
border-top:1px solid #000000;
}
.cadreB{
background-color:#FFFFFF;
height:5px;
width:252px;
float:left;
border-bottom:1px solid #000000;
}
.cadreCEN{
padding:3px;
background-color:#FFFFFF;
width:256px;
float:left;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

a{
font-size:12px;
text-decoration:none;
color:#66CC00;
font-family:Arial, Helvetica, sans-serif;
}

a:hover{
font-size:12px;
text-decoration:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
.lien_theme{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.lien_theme:hover{
color:#FFFFFF;
cursor:pointer;
padding-left:10px;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

.barre_lray{
	border-left:4px solid #cccccc;
	margin-bottom:1px;
	padding:4px;
	background-image:url(../images_site/fond/test.gif);
	color:#ffffff;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	width:285px;
	float:left;
}
.barre_lray:hover{
	cursor:pointer;
	width:279px;
	border-left:4px solid #7acc08;
	padding-left:10px;
}



/*********** menu_gauche ***********/
#menu_gauche, #menu_gauche ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	text-align:left;
}

#menu_gauche {
	position:relative; 
	z-index:2;
}
#menu_gauche li {
	text-align:left;
	position:relative;
	display:block;
	margin-left:9px;
	margin-bottom:1px;
	border-bottom:1px solid #ffffff;
}
#menu_gauche li:hover {
	border-bottom:1px solid #7acc08;
}

#menu_gauche a, #menu_gauche a:visited {
	display:block;
	font-size:11px;
	color:#000;
	font-weight:bold;
	height:23px;
	line-height:22px;
	text-decoration:none;
	text-indent:5px;
	border-left:1px solid #fff;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	
}

#menu_gauche li:hover > a{
	background:#ffffff;
	color:#7acc08;
}

#menu_gauche li ul {
	display: none;
}

#menu_gauche li:hover > ul {
	display:block; 
	position:absolute; 
	top:0px; 
	left:101px;
	z-index:5000;
}
#menu_gauche > li:hover > ul {
	left:180px;
	top:0px;
}

/*----sous gauche-----*/
#menu_gauche .sous_gauche {
	position:absolute;
	background-color:#FFF;
	z-index:5000;
	display: none;
	margin-top:-1px;
	list-style-type: none;
	border: 1px solid #7acc08;
}
#menu_gauche .sous_gauche li {
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
}
#menu_gauche .sous_gauche li a {
	text-align:left;
	background:none;
	color:#000000;
	font-size:11px;
	padding:0px;
	width: 200px;
	border:0px;
}
#menu_gauche .sous_gauche li a:hover {
	background-image:url(../images_site/fond/verttrans.png);
	color:#FFFFFF;
}