body
{
	background : #FFFFFF;
	text-align : center;
}

.transparence {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.ficheproduit
{
	font-family: Arial;
	font-size: 8pt;
	color:#000000;
}

/** Icone d'information produit **/
.info_produit
{
	width:0px;
	height:0px;
	/*top:95px;*/
	left:0px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
	cursor:pointer;
}

/** Popup d'information produit **/
.thumbnail{
	position: absolute;
	width:0px;
	height:0px;
	top:88px;
	left:0px;
}
/*
.thumbnail:hover{
	background-color: transparent;
}
*/

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #a3ca57;
	padding: 3px;
	/*left: -1000px;*/
	border: 1px solid #609200;
	visibility: hidden;
	color: #609200;
	text-decoration: none;
	/*top: -120px;*/
	/*left: -160px; */
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	/*padding: 2px;*/
}

.thumbnail:hover span{ 
	visibility: visible; 
}

/**
*** GESTION DES STICKERS
**/

/** Configuration à 1 sticker **/
.sticker0_1
{
	width: 0px; 
	height: 0px; 
	top: -10px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

/** Configuration à 2 sticker **/
.sticker0_2
{
	width: 0px; 
	height: 0px; 
	top: -10px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

.sticker1_2
{
	width: 0px; 
	height: 0px; 
	top: 50px; 
	left: 140px; 
	border: 0px solid #000; 
	margin: 0; 
	position: absolute;
}

/** Configuration à 3 stickers **/
.sticker0_3
{
	width: 0px; 
	height: 0px; 
	top: -10px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

.sticker1_3
{
	width: 0px; 
	height: 0px; 
	top: 40px; 
	left: 140px; 
	border: 0px solid #000; 
	margin: 0; 
	position: absolute;
}

.sticker2_3
{
	width: 0px;
	height: 0px;
	top: 90px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

/** Configuration à 4 stickers **/
.sticker0_4
{
	width: 0px; 
	height: 0px; 
	top: -10px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

.sticker1_4
{
	width: 0px; 
	height: 0px; 
	top: 30px; 
	left: 140px; 
	border: 0px solid #000; 
	margin: 0; 
	position: absolute;
}

.sticker2_4
{
	width: 0px;
	height: 0px;
	top: 70px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

.sticker3_4
{
	width: 0px;
	height: 0px;
	top: 110px;
	left: 140px;
	border: 0px solid #000;
	margin: 0;
	position: absolute;
}

#conteneur
{
	position : relative;
    width : 975px; 
	height : 587px;
	margin : auto;
    text-align : left;
}
		
#banniere
{
	position : absolute;
	text-align : center;
	margin-left : 0;
	margin-top : 0;
}

#menu_banniere
{
	position : absolute;
	width : 150px;
	height : 250px;
	left : 5px;
	top : 5px;
}	


#panier_banniere 
{
	position : absolute;
	overflow : auto;
	scrollbar-face-color : #74b04b; 
	scrollbar-shadow-color : #000000;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-3dlight-color : #FFFFFF; 
	scrollbar-darkshadow-color : #FFFFFF; 
	scrollbar-track-color : #FFFFFF; 
	scrollbar-arrow-color : #FFCC00;
	width : 123px;
	height : 395px;
	left : 19px;
	top : 90px;
}

#panier_total
{
	position : absolute;
	width : 142px;
	/*height : 50px;*/
	left : 0px;
	top : 471px;
	text-align:right;
}	

#valider_panier
{
	position : absolute;
	width : 150px;
	height : 17px;
	left : 2px;
	top : 555px;
}	

#logo
{
	position : absolute;
	background-image : url('images/logo.jpg'); 
	width : 130px;
	height : 95px;
	left : 480px;
}	

#affichage_login
{
	position : absolute;
	width : 300px;
	height : 75px;
	left : 670px;
	top : 5px;
	/*border:solid 1px #000000;*/
}	

#ombre
{
	position : absolute;
	background-color : #616161;
	width : 730px;
	height : 20px;
	text-align : center;
	left : 206px;
	top : 83px;
}

#menu
{
	position : absolute;
	vertical-align : top;
	background-color : #74b04b;
	width : 732px;
	height : 20px;
	left : 203px;
	top : 100px;
	text-align : center;
}

#centre
{
	position : absolute;
	overflow : auto;
	scrollbar-face-color : #74b04b; 
	scrollbar-shadow-color : #000000;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-3dlight-color : #FFFFFF; 
	scrollbar-darkshadow-color : #FFFFFF; 
	scrollbar-track-color : #FFFFFF; 
	scrollbar-arrow-color : #FFCC00;	
	background-color : #FFFFFF;
	width : 730px;
	height : 460px;
    text-align : left;
	left : 206px;
	top : 132px;
}
	
#footer
{
	position : absolute;
	background-color : #FFFFFF;
	width : 730px;
	height : 20px;
	text-align : center;
	left : 180px;
	top : 585px;
}

.menu { font-family: Arial; font-size: 10pt;}
.menu a:{text-decoration: none;}
.menu a:link {text-decoration: none; color: #FFFFFF;}
.menu a:active {text-decoration: none; color: #FFFFFF;}
.menu a:visited {text-decoration: none; color: #FFFFFF;}
.menu a:hover {text-decoration: none; color: #FFFF00;}

.menu_actif { font-family: Arial; font-size: 10pt;}
.menu_actif a:{text-decoration: none;}
.menu_actif a:link {text-decoration: none; color: #FFFF00;}
.menu_actif a:active {text-decoration: none; color: #FFFF00;}
.menu_actif a:visited {text-decoration: none; color: #FFFF00;}
.menu_actif a:hover {text-decoration: none; color: #FFFF00;}

.menu_titres_produits 
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #008000;
	font-weight : bold;
}

.menu_titres_produits_cliquable
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #008000;
	font-weight : bold;
}
.menu_titres_produits_cliquable  a:{text-decoration: none;}
.menu_titres_produits_cliquable  a:link {text-decoration: none; color: #008000;}
.menu_titres_produits_cliquable  a:active {text-decoration: none; color: #008000;}
.menu_titres_produits_cliquable  a:visited {text-decoration: none; color: #008000;}
.menu_titres_produits_cliquable  a:hover {text-decoration: none; color: #FF0000;}

.menu_titres_produits_cliquable2
{
	font-family : Arial; 
	font-size : 9pt; 
	color : #cd5006;
	font-weight : bold;
}
.menu_titres_produits_cliquable2  a:{text-decoration: none;}
.menu_titres_produits_cliquable2  a:link {text-decoration: none; color: #cd5006;}
.menu_titres_produits_cliquable2  a:active {text-decoration: none; color: #cd5006;}
.menu_titres_produits_cliquable2  a:visited {text-decoration: none; color: #cd5006;}
.menu_titres_produits_cliquable2  a:hover {text-decoration: none; color: #FF0000;}

.panier2
{ 
	font-family : Arial; 
	font-size : 10pt; 
	color: #008000;
}

.planning_dates
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #000000;
	font-weight : bold;
}

.planning_heures
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #000000;
	font-weight : bold;
}

.membre_connecte_rouge
{ 
	font-family : Arial; 
	font-size : 8pt; 
	color : #FF0000;
}

.membre_connecte
{ 
	font-family : Arial; 
	font-size : 8pt; 
	color : #2b6b0a;
}

.membre_connecte a:{text-decoration: underline;}
.membre_connecte a:link {text-decoration: none; color: #2b6b0a;}
.membre_connecte a:active {text-decoration: none; color: #2b6b0a;}
.membre_connecte a:visited {text-decoration: none; color: #2b6b0a;}
.membre_connecte a:hover {text-decoration: underline; color: #a60000;}

.titre_compte
{ 
	font-family : Arial; 
	font-size : 12pt; 
	color : #f86b31;
	font-weight : bold;
}

.droit_compte
{ 
	font-family : Arial; 
	font-size : 8pt; 
	color : #000000;
}

.lien_compte
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #2b6b0a;
}

.page
{ 
	font-family : Arial; 
	font-size : 9pt; 
}

.deconnexion
{ 
	font-family : Arial; 
	font-size : 10pt; 
	color : #000000;
}

.lien_compte a:{text-decoration: underline;}
.lien_compte a:link {text-decoration: none; color: #2b6b0a;}
.lien_compte a:active {text-decoration: none; color: #2b6b0a;}
.lien_compte a:visited {text-decoration: none; color: #2b6b0a;}
.lien_compte a:hover {text-decoration: underline; color: #a60000;}

.menu_space 
{ 
	line-height : 5pt;
}

.menu_rubriques_produits 
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #000000;
	/*line-height : 12pt;*/
}
.menu_rubriques_produits  a {/*line-height:14px;*/}
.menu_rubriques_produits  a:link {color: #000000;}
.menu_rubriques_produits  a:active {color: #000000;}
.menu_rubriques_produits  a:visited {color: #000000;}
.menu_rubriques_produits  a:hover {color: #FF0000;}

.erreur_formulaire
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #FF0000;
	font-weight : bold;
}
.menu_rubriques_produits  a:{text-decoration: none;}
.menu_rubriques_produits  a:link {text-decoration: none; color: #000000;}
.menu_rubriques_produits  a:active {text-decoration: none; color: #000000;}
.menu_rubriques_produits  a:visited {text-decoration: none; color: #000000;}
.menu_rubriques_produits  a:hover {text-decoration: none; color: #FF0000;}

.orange
{ 
	font-family : Arial; 
	font-size : 10pt; 
	color : #FF6600;
	font-weight : bold;
}

.noir_normal
{ 
	font-family : Arial; 
	font-size : 9pt; 
	color : #000000;
}

.noir_normal  a:{text-decoration: none;}
.noir_normal  a:link {text-decoration: none; color: #000000;}
.noir_normal  a:active {text-decoration: none; color: #000000;}
.noir_normal  a:visited {text-decoration: none; color: #000000;}
.noir_normal  a:hover {text-decoration: none; color: #FF0000;}

.banniere_valider
{ 
	font-family : Arial; 
	font-size : 11pt; 
	color : #000000;
	font-weight : bold;
}

.banniere_valider  a:{text-decoration: none;}
.banniere_valider  a:link {text-decoration: none; color: #000000;}
.banniere_valider a:active {text-decoration: none; color: #000000;}
.banniere_valider a:visited {text-decoration: none; color: #000000;}
.banniere_valider a:hover {text-decoration: underline; color: #FF0000;}

.texte_footer { font-family: Arial; font-size: 8pt; }
.texte_footer a:{text-decoration: none;}
.texte_footer a:link {text-decoration: none; color: #000000;}
.texte_footer a:active {text-decoration: none; color: #000000;}
.texte_footer a:visited {text-decoration: none; color: #000000;}
.texte_footer a:hover {text-decoration: none; color: #FF0000;}

.ajouter_panier 
{
	font-family : Arial;
	font-size : 8pt; 
}

.ajouter_panier a:{text-decoration: underline;}
.ajouter_panier a:link {text-decoration: none; color: #000000;}
.ajouter_panier a:active {text-decoration: none; color: #000000;}
.ajouter_panier a:visited {text-decoration: none; color: #000000;}
.ajouter_panier a:hover {text-decoration: none; color: #a60000;}

.formulaire 
{
	font-family : Arial;
	font-size : 9pt; 
}

.passer_commande 
{
	font-family : Arial;
	font-size : 9pt; 
}

.passer_commande a:{text-decoration: underline;}
.passer_commande a:link {text-decoration: none; color: #2b6b0a;}
.passer_commande a:active {text-decoration: none; color: #2b6b0a;}
.passer_commande a:visited {text-decoration: none; color: #2b6b0a;}
.passer_commande a:hover {text-decoration: underline; color: #a60000;}

.grises 
{
	color : #808080
}

.input 
{
	font-family : Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size : 10px;
	border : 1px solid #547e38;
	background-color : #d3e6c6;
	width : 65px;
	padding-left : 4px;
}

.input_inscription 
{
	font-family : Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size : 12px;
	border : 1px solid #547e38;
	background-color : #d3e6c6;
	padding-left : 4px;
}

.titre_inscription 
{
	font-family : Arial;
	font-size : 10pt; 
	color : #2b6b0a;
	font-weight : bold;
}

.input_produits 
{
	font-family : Arial;
	text-align :center;
	font-size : 10px;
	border : 1px solid #547e38;
	background-color : #d3e6c6;
	width : 25px;
	height : 13px;
}

.select 
{
	font-family : Arial;
	font-size : 11px;
	background-color : #d3e6c6;
	padding-left : 8px;
}

.select_choix 
{
	font-family : Arial;
	font-size : 11px;
	border : 1px solid #547e38;
	background-color : #d3e6c6;
	width : 320px;
	padding-left : 8px;
}

/* ----------------- Gestion des onglet ---------------------- */

#themenu {
  float:left;
  width:100%;
  background:#DAE0D2 url("images/bg.gif") repeat-x bottom;
  font-size:11px;
  line-height:normal;
  }
#themenu ul {
  margin:0;
  padding:1px 1px 0;
  list-style:none;
  }
#themenu li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 8px;
  }
#themenu a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 7px 4px 0px;
  text-decoration:none;
  /*font-weight:bold;*/
  color:#006600;
  }

#themenu a {float:none;}
#themenu a:hover {
  color:#009900;
  }
#themenu #current {
  background-image:url("images/left_on.gif");
  }
#themenu #current a {
  background-image:url("images/right_on.gif");
  color:#009900;
  padding-bottom:5px;
  }