﻿/* IMPORTATION DU FICHIER CSS D'ALTITUDE */
@import url("/client/uploads/css/style.css");

/* IMPORTATION DES STYLES DU CALENDRIER */
@import url("/_css/calendrier.css");

/*************************/
/* SÃƒÂƒÃ‚Â‰LECTEURS UNIVERSELS */
/*************************/

/** {
	margin:0;
	padding:0;
}*/

html,body {
	margin:0;
	padding:0;
	height:100%;
	background-image:url(/_images/bkg_top.gif);
	background-repeat:repeat-x;
	
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	position:relative;
	/*background: url(/_images/page_background.jpg);*/
}

/********************/
/* BLOCS PRINCIPAUX */
/********************/

div#wrapwebsite {
	position:relative;
	width:820px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
	clear:both;
}

/* HEADER */

div#wrapheader_1 #imagelogo, div#wrapheader_2 #imagelogo {
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	left:20px;
}
div#wrapheader_1 #imagemallard, div#wrapheader_2 #imagemallard {
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	right:100px;
}


/* CONTENU */

div#wrapwebsite div#wrapcontent {
	float:right;
	width:608px;
	margin:0 0 40px 0;
	padding:10px 10px 10px 0;
}

div#wrapwebsite > div#wrapcontent {
	margin:0 0 40px 0;
}

/* FOOTER */
#footer_complet {
   border-top:1px solid #e3e3e3;
   background-color:#ebeae5;
   height:50px;
   min-height:50px;
   width:100%;
   clear:both;
   margin:0;
   padding:0;

}
div#wrapfooter {
	position:absolute;
	text-align:center;
	width:737px;
	left:0;
	bottom:0;
}

/***************************/
/* TEXTES, LISTES ET LIENS */
/***************************/

/* GÃƒÂƒÃ‚Â‰NÃƒÂƒÃ‚Â‰RAL */
#zone_middle_accueil {
    width:608px;
}
#primeur_imageAccueil {
   float:left;
   margin-top:15px;
   margin-left:10px;
   width:261px;
}
#texte_site_accueil {
   width:608px;
   padding-top:15px;
   float:left;
   margin-bottom:10px;
}
.top {
   float:left;
   margin:0;
   padding:0;
   height:13px;  
   margin-bottom:-2px; 
}
.top_big {
   float:left;
   margin:0;
   padding:0;
   width:610px;
   height:13px;
   margin-bottom:-2px;
}
.bottom {
   float:left;
   margin:0;
   padding:0;
   height:13px; 
}
.bottom_big {
   float:left;
   margin:0;
   padding:0;
   width:610px;
   height:13px;   
}
.top_left {
   background-image:url(/_images/div_coins_rond/img_top_left.gif);
   background-repeat:no-repeat;
   height:13px;
   width:15px;
   float:left;
   margin:0;
   padding:0;
}
#texte_site_accueil .top_middle {
   background-image:url(/_images/div_coins_rond/img_top_middle.gif);
   height:13px;
   background-repeat:repeat-x;
   float:left;
   width:578px;
      margin:0;
   padding:0;
}
#produit_vedette .top_middle {
   background-image:url(/_images/div_coins_rond/img_top_middle.gif);
   height:13px;
   background-repeat:repeat-x;
   float:left;
   width:578px;
      margin:0;
   padding:0;
}
#produit_vedette .middle {
   margin:-2px 0 0 0;
   padding-bottom:10px;
}
.bestseller_zone .top_middle {
   background-image:url(/_images/div_coins_rond/img_top_middle.gif);
   height:13px;
   background-repeat:repeat-x;
   float:left;
   width:168px;
      margin:0;
   padding:0;
}
.top_right {
   background-image:url(/_images/div_coins_rond/img_top_right.gif);
   background-repeat:no-repeat;
   height:13px;
   width:15px;
   float:left;
      margin:0;
   padding:0;
}
.middle {
    display:block;
	float:left;
	position:relative;
	top:0px;
	padding:0;
	margin:-2px 0 0 0;
}
.bestseller_zone  .middle  {
   background-image:url(/_images/div_coins_rond/img_middle_bestsellers_desc.gif);
   background-repeat:repeat-y;
   width:199px;
   padding:0;
text-align:center;
}
#wrapwebsite #wrapcontent #zone_middle_accueil #Bestsellers .bestseller_zone .middle p.primeur_titre a {
   color:#c89810;
   font-size:14px;
   font-weight:bold;
vertical-align:middle;
}
.bestseller_zone  .middle p.primeur_titre {
   width:199px;
float:left;
   text-align:center;
   margin:0px auto 0 auto;
   vertical-align:bottom;
   color:#c89810;
   font-size:14px;
   font-weight:bold;
}
.bestseller_zone  .middle span.prix_bestseller {
margin:0;
padding:0;
color:#454545;
font-weight:bold;
font-size:17px;

}
#produit_vedette .middle {
   background-image:url(/_images/div_coins_rond/img_middle.gif);
   background-repeat:repeat-y;
   width:608px;
   margin-top:-2px;
}

#texte_site_accueil .middle {
   background-image:url(/_images/div_coins_rond/img_middle.gif);
   background-repeat:repeat-y;
   width:608px;
   margin-top:-2px;
}

.bottom_right {
   background-image:url(/_images/div_coins_rond/img_bottom_right.gif);
   background-repeat:no-repeat;
   height:13px;
   width:15px;
   float:left;
   margin:0;
   padding:0;
}
#produit_vedette .bottom_middle {
   background-image:url(/_images/div_coins_rond/img_bottom_middle.gif);
   background-repeat:repeat-x;
   float:left;
   width:578px;
   height:13px; 
      margin:0;
   padding:0; 
}
.bestseller_zone {
   float:left;
   width:200px;
   margin-right:2px;
   clear:right;
}
.bestseller_zone .bottom_middle {
   background-image:url(/_images/div_coins_rond/img_bottom_middle.gif);
   height:13px;
   background-repeat:repeat-x;
   float:left;
   width:168px;
      margin:0;
   padding:0;
}
#texte_site_accueil .bottom_middle {
   background-image:url(/_images/div_coins_rond/img_bottom_middle.gif);
   background-repeat:repeat-x;
   float:left;
   width:578px;
   height:13px; 
      margin:0;
   padding:0; 
}
.bottom_left {
   background-image:url(/_images/div_coins_rond/img_bottom_left.gif);
   background-repeat:no-repeat;
   height:13px;
   width:15px;
   float:left;
   margin:0;
   padding:0;
}
.introducing_zone {
   margin-left:15px;
   width:578px;
}
.introducing_zone h1 {
   /*margin:10px 0 10px 0;*/
   padding:5px 0 0 0;  
   margin:0;  
}
p.introducing_text {
   width:100%;
   color:#777777;
   margin:0px 0 18px 0;
   padding:0;
}
.introducing_text p {
	color:#777777;
}
div#wrapcontent h1 {
	font-size:2em;
	color:#cc9d1a;
}

div#wrapcontent ul {
	list-style-type:disc;
	margin:10px auto;
}

div#wrapcontent p {
	font-size:12px;
}

div#wrapcontent a {
	color:#255543;
	text-decoration:none;
}

div#wrapcontent a:link {
	color:#255543;
	text-decoration:none;
}

div#wrapcontent a:visited {
	color:#255543;
	text-decoration:none;
}

div#wrapcontent a:hover {
	text-decoration:underline;
}

div#wrapcontent a:active {
	text-decoration:none;
}

/* PRIMEUR */

div#wrapzoneprimeurstexte {
	margin:auto 20px;
}

div#wrapzoneprimeurstexte div.titreprimeur {
	font-size:1.4em;
}
h2.ProductsT {
   color:#c89810;
   margin:5px 0 12px 0;
   padding:0;
}
.zoneimageprimeur {height:210px;}
.texte_vedette {padding-bottom:20px;float:left;}
.texte_vedette p {
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   padding:0;
   margin:5px 0 5px 0;
}
.texte_vedette .pprix {float:left;margin-top:10px;}
.ProductsDPrix {
   font-size:18px;
   font-weight:bold;
   color:#255342;
   float:right;
   margin-right:20px;
}
.btn_info_vedette {
   margin-top:30px;
}
.prix_bouton {
   position:absolute;
   bottom:0px;
   right:0;
   width:350px;
}
.titre_description {
   margin:0px 0 5px 0;
   font-weight:bold;
}
p.prixbarre {
	text-decoration:line-through;
	margin:0;
	padding:0;
	color:#941e1e;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}
.prixbarre2 {
	text-decoration:line-through;
	margin:0;
	padding:0;
	color:#941e1e;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}
/***************/
/* FORMULAIRES */
/***************/

form fieldset {
	padding:5px;
	margin:10px auto;
}

form fieldset legend {
	font-size:1.5em;
	padding:5px;
}

form label {
	float:left;
	text-align:right;
	margin-top:2px;
	margin-right:10px;
	width:35%;
	font-size:1em;
}

form p {
	margin:10px auto;
	clear:both;
}

form p#soumettre, form p.soumettre {
	margin-top:20px;
	text-align:right;
}


form fieldset div.groupechoix {
	float:left;
	width:350px;
	margin-bottom:10px;
}

form fieldset div.groupechoix p {
	margin:0 0 10px 0;
}

form fieldset div.groupechoix p label {
	display:inline;
	float:none;
	margin-left:5px;
}

/* Message global de formulaire (unique) */
form p#messageerreur {
	display:none;
	background-color:#FFEFEF;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/* Erreur de champ */
form p.erreurchamp {
	display:none;
	margin-left:37%;
	margin-right:70px;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/***********************/
/* MOTEUR DE RECHERCHE */
/***********************/

table#moteurrecherche {
	border-collapse:collapse;
	margin-top:15px;
	width:100%;
}


table#moteurrecherche tr.ligne1 {
	background-color:#EEE;
}

table#moteurrecherche tr.ligne2 {
	background-color:#EEE;
}


table#moteurrecherche th {
	width:20px;
	padding:2px;
}

table#moteurrecherche td {
	padding:2px;
}

/************/
/* CONTACTS */
/************/

table.departement {
	width:100%;
	margin-bottom:10px;
}

table.departement thead th {
	padding:5px;
	background-color:#F9F9F9;
}

table.departement tbody td, table.departement tbody th {
	padding-left:20px;
}

table.departement tbody th {
	padding-top:10px;
}

form#recherchecontact fieldset {
	padding:5px 30px;
}

form#recherchecontact label {
	display:inline;
	text-align:left;
	float:none;
	margin-left:10px;
}

form#recherchecontact div.groupe {
	float:left;
	width:50%;
}

/****************/
/* PLAN DE SITE */
/****************/

ol#plandesite {
	list-style-type:none;
	margin-left:0;
}

ol#plandesite li {
	margin:5px auto;
}

ol#plandesite li.section {
	margin:15px auto;
	font-weight:bold;
}

ol#plandesite ol.soussections {
	list-style-type:none;
	margin-left:20px;
}

ol#plandesite ol.soussections li {
	font-weight:normal;
}

ol#plandesite ol.soussections ol.fiches {
	list-style-type:none;
	margin-left:30px;
}

ol#plandesite ol.soussections ol.fiches li {
	font-weight:normal;
}

/******************/
/* MODULE SONDAGE */
/******************/


div#sondage {
	background-color:#F5F5F5;
	width:250px;
	margin-top:10px;
	border:1px outset #333;
	text-align:center;
}

div#sondage h2 {
	margin:0;
	padding:5px;
	border:1px inset #333;
}

div#sondage h3 {
	margin:0;
	background-color:#FFF;
	border:1px outset #333;
	padding:5px;
	font-size:1em;
}

div#sondage form p {
	text-align:left;
}

div#sondage label {
	margin-left:30px;
}

div#sondage p.soumettre{
	text-align:center;
}

table#sondage_resultats {
	margin:10px;
	width:225px;
	text-align:left;
}

table#sondage_resultats div.barreresultats_fond {
	height:3px;
	border:1px inset #333;
	font-size:0px;
}

table#sondage_resultats div.barreresultats_dessus {
	height:3px;
	background-color:#00F;
}

/*******************************/

.ImagePage {
   padding:10px 20px 10px 20px;
   width:250px;
   float:left;
   text-align:center;
}
.ImagePage img {margin:0 auto;text-align:center;}
.DescriptionPage {
   float:left;
   width:260px;
}
#wrapwebsite #wrapcontent form .DescriptionPage p {
   float:left;
   padding:0;
}
#wrapwebsite #wrapcontent form .DescriptionPage p.dimension_produit {
   float:left;
   padding:0 0 5px 0;
   margin:0;
   width:100%;	
}
#wrapwebsite #wrapcontent form .DescriptionPage p.noitem {
   margin:5px 0 ;
   width:260px;
}
#wrapwebsite #wrapcontent form .DescriptionPage h1.titreproduit{
   color:#cc9d1a;
   font-size:20px;
   font-weight:bold;
   text-decoration:none;
   padding:0;
   margin:0;
}
#wrapwebsite #wrapcontent form .DescriptionPage p.titreproduit{
   color:#cc9d1a;
   font-size:20px;
   font-weight:bold;
   text-decoration:none;
   padding:0;
   margin:0;
}
p.titre {
   padding:5px 0;
   border-top:1px dotted #ebeae5;
   border-bottom:1px dotted #ebeae5;
   font-size:13px;
   color:#cc9d1a;
}
p.pprix{
   font-size:20px;
   font-weight:bold;
   color:#255342;
   margin:5px 0;
}
p.pprix2 {
   font-size:20px;
   font-weight:bold;
   color:#255342;
   margin:0;
   padding:0;
}
a.charte {
   margin:3px 0;
}
.buy_zone {
   margin:7px 0;
   float:left;
}
.descproduits {
   padding:10px;
   border-top:1px dotted #ebeae5;
   color:#333333;   
}
.descproduits p {
   margin:0;
   padding:0;

}
.divCouleur {
   float:left;
   clear:both;
   width:260px;
}
#wrapwebsite #wrapcontent form .DescriptionPage .divCouleur .titreCritere, a.titreCritere:hover  {
   float:left;
   width:260px;
   font-weight:bold;
   color:#312020;   
   text-decoration:none;
}
#wrapwebsite #wrapcontent form .DescriptionPage .divCouleur div.ancreCouleur {
   float:left;
   text-decoration:none;
   color:#000000;
   margin:8px 5px 5px 0; 
   text-align:center;
   width:35px;
}
.ancreCouleur {
   float:left;
   width:35px; 
}
.titreCritere {
   color:#000000;
}
#Informations {
   width:490px;
   margin:5px 0 5px 0;
   height:30px;
}
#Informations #TitreInfo {
   float:left;
   width:200px;
}
#Informations #Info {
   float:left;
   width:280px;
}
/********/
/* MISC */
/********/

a img {
	border:none;
}

hr.clear {
	visibility:hidden;
	height:0px;
	clear:both;
}
p.paraRecherche {
    margin:3px 0 3px 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif
}
#boiteRecherche a {
   color:#ffffff;
   margin-top:5px;
}
#boiteRecherche .BTexte {
   /*font-size:11px;*/
}
.ancreCritere {
   margin-right:30px;
margin-left:5px;
}