/* CSS Document */

.vertdure {
	color:#e67809;
}

body {
	margin-top: 0px;
	background-image:url("images/filet.gif");
	background-repeat:repeat-x;
	background-color:#ebe7d8;
}

img{
   border:0;
}
img.cadre_image {
   padding:5px;   
}

#fond {
	position: absolute;
	width: 800px;
	margin-left: -400px;
	left: 50%;
	top: 0px;
}
#html{
	position: absolute;
	width: 1024px;
	margin-left: -512px;
	left: 50%;
	top: 0px;
}

.gauche{
	float: left;
}

.droite{
	float: right;
}

.largeur{
	top:0;
	width:800px;
	float:left;
	text-align:center;
	background-color:#FFFFFF;
	border-bottom: 1px solid #66CC33;
	border-left:1px solid #66CC33 ;
	border-right:1px solid #66CC33 ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.largeur a{ text-decoration:none; color:#000; font-weight:bold;}
.largeur a:hover{ color:#FF9900; font-weight:bold;}

.largeur_cmd{
	width:800px;
	float:left;
}


.texte_tem{
	text-align:justify;	
	padding-left:10px;
	padding-right:10px;
	border-bottom:2px solid #ebe7d8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color:#000000;
}

.texte{
	text-align:justify;	
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#000000;
}
.texte_login{
	text-align:justify;	
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color:#000000;
}

.texte_info{
	text-align:justify;	
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#000000;
}

/* ------------------  banniere------------------*/
#banniere{
	float:left;
	width:800px;
	height:274px;
}

.bann_g01{
	width:624px;
	height:240px;
	float:left;
}

.bann_g02{
	width:624px;
	height:206px;
	float:left;
}

.bann_d{
	width:176px;
	height:240;
	float:right;
}
.bann_login{
	width:624px;
	height:34px;
	float:left;
}
/*----------------fin banniere --------------------*/


/*-----------  Fiches Produits --------------*/
.new_fich{
	float:left; 
	width:145px; 
	margin-left:10px; 
	margin-top:10px; 
	margin-bottom:10px;
	text-align:left;
}
.imag_new_fich{
	float:left;
	margin:3px;
}
.liste_fich{
	width:320px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	background:#ebe7d8;
	border:1px solid #FF9900;
}
.detail_fich{
	width:420px;
	float:right;
	caption-side:right;
	margin-right:15px;
	margin-bottom:10px;
	background:#ebe7d8;
	border:1px solid #FF9900;
}
/*-----------  Fin Fiches Produits ----------*/



/*-----------  fond acceuil --------------*/
.fond_g{
	width:605px;
	float:left;
}
.fond_m{
	width:17px;
	float:left;
	background-image:url(images/composants/index_09.jpg);
	height:462px;
}
.fond_dOO{
	width:173px;
	float:left;
	text-align: center;
}
.fond_d{
	width:190px;
	float:right;
}
/*-------- fin fond acceuil --------------------*/

.voir_panier a{
	position:absolute;
	left: 624px;
	top: 280px;
	text-decoration:none;
	color:#FF7500;
	font-weight:bold;
	font-size:11px;
}
.voir_panier a:hover{color:#B7DFF9;}

/*-----------  fond boutique --------------*/
.fond_boutik_d{
	width:605px;
	float:right;
}
.fond_boutik_m{
	width:17px;
	float:left;
	min-height:455px;
}
.fond_boutik_gOO{
	width:173px;
	min-height:454px;
	float:left;
	background-color:#FF9900;
}
.fond_boutik_g{
	width:190px;
	background:url(images/composants/index_09_01.jpg) right repeat-y;
	float:left;
}
/*-------- fin fond boutique --------------------*/

/*-------------- pied de page --------------------*/

.pied{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	width:100%;
}
.pied a{
	color:#000000;
}
.pied a:hover{
	color:#0E79BD;
}

/*----------------- fin pied de page ---------------*/



/*------------------ titre ------------------------*/
.Gd_titre{
	background-image:url(images/composants/index_07.jpg);
	background-color:#FFFFFF;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color:#ebe7d8;
	width:790px;
	height:32px;
	text-align:left;
	padding-left: 10px;
}

.titre{
	background-image:url(images/fond_titre_rubrik01.jpg);
	background-repeat:no-repeat;
	background-color:#ebe7d8;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#71b539;
	padding: 5px 10px 0 30px;
	height:20px;
	margin-left:10px;
}


/* -------  temoignage -------*/
.titre_temoign{
	background-image:url(images/fond_titre_rubrik01.jpg);
	background-repeat:no-repeat;
	background-color:#ebe7d8;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#71b539;
	padding-top:5px;
	height:20px;
	width:260px;
}

.temoignages{
	float:right;
	width:260px;
}


.temoignages_txt{
	float:left;
	width:240px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	background-color:#fb8722;
	border-bottom:2px solid #ebe7d8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: normal;
}

.temoignages_txt a{
	color:#FFFFFF;
}
.temoignages_txt a:hover{
	color:#FC0;
}

.cadre_temoignage{
	background-color:#fb8722;
	border-bottom:2px solid #ebe7d8;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-align:justify;
	margin-left:10px;
	padding:10px;
	width:556px;
}

/* ---- fin temoignage ------*/



/*---- Produit du mois -----*/

.titre_pd_mois{
	background-image:url(images/fond_titre_rubrik01.jpg);
	background-repeat:no-repeat;
	background-color:#ebe7d8;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#71b539;
	height:24px;
	width:173px;
	padding-top:5px;
}

.pd_mois{
	float:left;
	text-align:center;	
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color:#000000;
	width:147px;
}
.imag_pd_mois{
	border: 1px solid #b7def7;
}

/* ------ fin Produit ----*/



/* ---- cadre ---- */
.cadre{
	border:2px solid #ebe7d8;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-align:justify;
	margin-left:10px;	
	margin-bottom:10px;
	padding:10px;
	width:556px;
	background-image:url(images/composants/filet_boutik02.jpg);
	background-repeat:repeat-x;
}

.cadre_b{
	border:2px solid #ebe7d8;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-align:justify;
	margin-left:10px;	
	margin-bottom:10px;
	padding:10px;
	width:556px;
}

.cadre_shop{
	border:2px solid #ebe7d8;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-align:justify;
	margin-left:10px;	
	margin-bottom:10px;
	padding:10px;
	width:556px;
	background-image:url(images/composants/filet_boutik01.jpg);
	background-repeat:repeat-x;
}
.cadre_shop a{ color:#FF9900;}

.cadre a{
	color:#0674bb;
	font-weight:bold;
	font-size:1em;
}

.cadre_txt{
	margin-left:10px;
	float:left;
	width:350px;
	font-size: 11px;
}
	

.cadre00{
	border:2px solid #ebe7d8;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	width:280px;
}
.cadre00 a{ color:#FB8722; font-weight:bold; text-decoration:none;}
.cadre001{
	
	border:2px solid #ebe7d8;
	float:left;
	padding:10px;
	width:250px;
	background-image:url(images/composants/filet_boutik02.jpg);
	background-repeat:repeat-x;
}
.cadre001 a{
	color:#0674bb;
	font-weight:bold;
	font-size:1em;
}
.cadre002{
	
	border:2px solid #ebe7d8;
	float:right;
	padding:10px;
	width:250px;
	background-image:url(images/composants/filet_boutik02.jpg);
	background-repeat:repeat-x;
}
.cadre002 a{
	color:#0674bb;
	font-weight:bold;
	font-size:1em;
}
/* ---- fin cadre ----*/


/* --- evementiel -----*/

.evenementiel{
	float:left;
	width:280px;	
}



/* ---- navigation bas -----*/
#navig_bas{
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:#000000;
	text-align: center;
}

ul.navlist2
{
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	margin-top: 0px;
}

.navlist2 li
{
   display: inline;
   list-style-type: none;
	font-weight: bold;
}

.navlist2 a { 
   padding: 3px 10px; 
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.navlist2 a:link, .navlist2 a:visited
{
	color:#000000;
	text-decoration: none;
}

.navlist2 a:hover, .navlist2 a.selected
{
	color:#FF6600;
	text-decoration: underline overline;
}

/*----- fin de navigation ----------*/

/*//////////////////////////////                 navigation gauche      ////////////////////////////////////*/

ul.navlistvar
{
	float: left;
	width: 173px;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF9900;
	list-style: none;
}


.navlistvar a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#71b539;
	text-decoration: none;
	width: 173px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin-bottom: 0px;
	display: block;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #66CC33;
}

.navlistvar a:hover, .navlistvar a.selected{
	border-bottom-color: #FF9900;
	background-color: #EBE8D9;
}


/*//////////////////////////////         fin navigation gauche      ////////////////////////////////////*/


.imag_boutik{
	margin-right: 10px;
	border: 1px solid #B7DFF9;
	/*width:200px;
	height:130px;*/
}
.imag_boutik_new{
	margin-right: 10px;
	border: 1px solid #FF9900;
	/*width:200px;
	height:130px;*/
}

.produit_cmd{
	width:556px;
	float:left;
}
.titre_cmd{
	background-color:#FF9900;
	/*text-align:left;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	float:left;
	width:800px;
}

.border_orange{
	border: 1px solid #FF9900;
	background-color:#ebe7d8;
}

.borber_blanc{
	border:1px solid #FFFFFF;
	float:right;
}

.image_login{
	padding:0px;
	margin:0px;
}
.bouton a{
	text-decoration:none;
}
.print{
	padding-left:35px;
	width:700px;
}

/*---- Tableaux -------*/
th {
   /*font-size: 1em;*/
   color: #077ABB;
   background-color: #B7DFF8;
   margin: 0;
   padding: 2px;
}

/*---- Tableaux liste -------*/
.liste {
   border-collapse: collapse;
}
   .liste th {
      /*font-size: 1em;*/
      color: #000000;
      background-color:#F78722;
      margin: 0;
      padding: 2px;
      text-align: center;
      border:1px solid #000000;
   }
   .liste td {
      border:1px solid #000000;
      padding: 2px;
      vertical-align: top;
   }
/*---- Tableaux saisie -------*/
.saisie {
}
   .saisie caption {
      color: #077ABB;
      background-color: #B7DFF8;
      font-size: 1.1em;
      font-weight: bold;
      text-align: left;
   }
   .liste td {
      vertical-align: top;
   }
   .saisie input {
      font-size: 1em;
   }
   .saisie .submit {
      font-size: 1em;
      border:1px outset #077ABB;
      color: #077ABB;
      background-color: #B7DFF8;
      font-weight: bold;
   }
   .saisie .submit:hover {
      font-size: 1em;
      border:1px inset #077ABB;
      color: #077ABB;
      background-color: #B7DFF8;
   }
   
/*---- Boutons envoi commun -------*/
input.submit {
   font-size: 1.1em;
   border:1px outset #FF7500;
   color: #FFFFFF;
   background-color: #FF7500;
   font-weight: bold;
   padding:1px 3px;
}
input.submit:hover {
   font-size: 1.1em;
   border:1px inset #FF7500;
   color: #FFFFFF;
   background-color: #FF7500;
   padding:1px 3px;
}
a.submit {
   font-size: 1.1em;
   padding:1px 3px;
   background-color:#FF7500;
   color:#FFFFFF;
   font-weight:bold;
   border:1px outset #FF7500;
}  
a:hover.submit {
   font-size: 1.1em;
   background-color:#FF7500;
   color:#FFFFFF;
   border:1px inset #FF7500;
}  
 
/*---- Commun -------*/
.left {
   text-align: left !important;
}
.center {
   text-align: center !important;
}
.right {
   text-align: right !important;
}
.floatL {
   float:left;
}
.floatR {
   float:right;
}
.clear {
   clear:both;
}
@media print {
   .no_print {
      display:none;
   }
}
/*---- Messages divers -------*/
.attention, .confirmation {
background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
padding: 0px 5px 5px 50px;
margin: 1em 1em;
border: 1px #ff9100 solid;
text-align: left;
}
.confirmation {
background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
border: 1px #009F00 solid;
}