/* CSS Document */
#Global {
margin-left:auto;
margin-right: auto;
margin:0 auto; 
width:1186px;
overflow:hidden;
}

#Header{
	background-repeat:no-repeat;height:253px; width:1186px;margin:0 auto; 
}
#Wrap{
background-image:url(../images/modele/fond-page.jpg);
background-position:top;
background-repeat:repeat-x;
width : 100%;
height: 100%;
margin:0;


}

	
/* Menu Horizontal */
div#menu {
	position:absolute;
	top:184px;
	padding:0 0 0 10px;
	width: 1106px;
	

}

div#menu a {color:#003c13; font-variant:small-caps;font-size:1.2em;}
div#menu a:hover {color:#ffffff;}
div#menu ul {padding:0; margin:0px;text-align:center; line-height:20px;font-size:11px;}
div#menu li {background-color:#ececeb;border-right:1px solid #ae7033;height:31px;}
div#menu li:hover {background: #a3bfab; border-right:1px solid #ae7033;}
div#menu li.sousmenu:hover {background: #a3bfab; z-index:2;}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color:#ececeb;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left;}

div#menu ul ul {position: absolute;display:none; width:140px;}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:140px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}
.Accueil{width:100px;}



#Panier{
	width:200px;border-right:2px solid #cccccc;float:left;margin:30px 0 0 758px;height:130px;
}

#PanierTitre{
	font-size:1.8em;margin:0 0 0 68px;padding:0;line-height:1em;color:#00431a;
}

#PanierVide{
	font-size:1em;margin:0 0 0 63px;padding:0;line-height:2em;color:#00431a; 
}

#PanierPlein{
	font-size:1em;margin:0 0 0 90px;padding:0;line-height:2em;color:#00431a;
}


#MonCompte{
	width:200px;float:right;margin:30px 25px 0 0;height:200px;
}

.MonCompteImput{
	border:2px solid #00431a;height:18px; background-color:#f2f2f2;color:#00431a;width:155px;
}

#MonCompteTitre {
	font-size:1.8em;margin:0 0 4px 20px;padding:0;line-height:1em; color:#00431a; 
}

.MonCompteP{
	margin:0 0 0 6px;padding:2px 0 0 0;line-height:18px; color:#00431a;width:198px;
}
#MotPasseO{
	font-size:1em;margin:5px 0 0 30px;padding:0;line-height:1.5em;color:#00431a;
}

#CreaCompte{
	margin:10px 30px 5px 0; 
}




/* Ensemble  */
#Corps {
	background-image:url(../images/modele/fond-ombre-page.png); background-repeat:repeat;min-height:750px;width:1186px;margin:0 auto; background-position:top;background-color:#FFFFFF;overflow: hidden; 
}
/* après header */

#RechNews {
	height:50px;width:1160px;float:left; background-color:#ffffff;margin:0 0 0 10px;padding:0;
}

#Rech {
	float:left;margin:10px 0 0 10px;width:220px;
}

#News {
	float:right;margin:10px 0 0 0;width:362px; z-index:-1;
}


/* colonne de gauche */
#Navgauch {
	height:645px;width:250px;float:left; background-color:#bb7b39;margin:0 0 0 10px;padding:0;
}


#Actua {
	width:225px;height:140px; background-color:#FFFFFF;margin:5px 0 0 12px;border:1px solid #93fd8a;overflow: hidden; 
}

.actua {
	padding:0 10px 0 10px;font-size:.90em; text-align:justify;width:200px;
}
.actua_titre{
	font-size:1em;margin:5px 0 0 5px;font-weight:bold;width:200px;
}

/* centre */
#Centre {
	width:648px;float:left;padding:0 7px 0 9px;background-color:#ffffff;margin:0 0 20px 0;overflow: hidden; 
}



#Ariane {
	padding:0;margin:0 0 5px 5px;font-style:italic;
}

#TexteAccueil {
	
}

#TexteAccueil p{
	padding:0 10px 0 10px;text-align:justify;
}

#Caroussel {
	background-color:#bb7b39;
}

#Caroussel  h2{
	padding:5px 0 5px 0; color:#93fd8a;
}

/* Catégorie */

#PreCat {
	width:648px;height:175px;
}

#PreCat h2 {font-size:1.3em; line-height:1em;color:#00431c;margin:5px 0 0 10px;padding:0;float:left;width:365px;}

#PreCat p {padding:0 10px 0 10px;text-align:justify;float:left;width:365px; color:#00431c;}

#PreCat img {float:left;width:260px;height:175px;}

/* Liens sous cat */

#LiensSousCat {
	width:648px;height:80px; background-color:#bb7b39;
}

#LiensSousCat h2{margin:0 0 0 10px;padding:5px 0 0 0; color:#93fd8a;font-size:1.7em;}

#LiensSousCat ul{margin: .75em 0 .75em 24px;padding: 0;list-style-type:none;}

#LiensSousCat li{color:#ffffff;display:inline;margin:0 5px;text-align:center;line-height:18px;}

#LiensSousCat a{color:#ffffff;font-weight:bold;}
#LiensSousCat a:hover{color:#d9f900;font-weight:bold;}

.CatalogueCat {width:648px;height:210px; background-color:#e1dbd6;}
.CatalogueCatImg{width:235px;height:145px;float:left;background-color:#fff;margin:10px 0 0 15px;}
.CatalogueCatImgVendu{width:235px;height:145px;float:left;background-color:#fff;margin:10px 0 0 15px;background-repeat:no-repeat;background-position:left;}

.CatalogueCat h3{width:150px;float:left;font-size:1.3em;padding:0 0 0 5px;}
.CatalogueCat p{float:left;width:365px;margin:0 0 0 10px;font-style:italic;text-align:justify;}

.FraisPort {width:170px;height:20px;float:left;color:#fc0113;margin:5px 0 10px 40px;padding:0;text-align:center;font-weight:bold;}
.Disponible {width:150px;height:17px;float:left;color:#006600;margin:5px 0 10px 40px;padding:0;text-align:center;font-weight:bold;border:1px dashed #006600;background-color:#FFFFFF;}
.Vendu {width:150px;height:17px;float:left;color:#fc0113;margin:5px 0 10px 40px;padding:0;text-align:center;font-weight:bold;border:1px dashed #fc0113;background-color:#FFFFFF;}
.PrixBoite { width:150px;height:60px;float:right;background-color:#fff;margin:10px 10px 0 0;border:1px solid #fc0113; }
.PrixBoiteRouge{float:right;color:#fc0113;font-size:2.1em;line-height:20px;padding:3px; }
.PrixBoiteBarre{float:right;color:#000000;font-size:1em;text-decoration:line-through;height:20px;padding:3px; }
.LienDetaiP{float:left;padding:0;margin:5px 0 0 10px;line-height:25px; }

.LienDetaiP a{width:20px;color:#004520;font-weight:bold; }
.LienDetaiP a:hover {width:20px;color:#bb7b39;font-weight:bold;text-decoration:none; }

.TableSousCat {width:350px;padding:10px;font-size:0.9em;color:#000066;font-weight:bold; margin:0 auto;}
.TableSousCat td{width:50px;height:10px;}

.TableSousCat a {text-decoration:none;color:#13823f;background-color:#ffffff;padding:2px;border:1px solid #13823f;}
.TableSousCat a:hover {text-decoration:none;color:#ffffff;background-color:#a97137;padding:2px;border:1px solid #13823f;}

.BoutonPanier{position:relative;width:203px;height:35px;margin:0 0 0 30px;padding:0;}

.BoutonPanier img{width:203px;height:35px;margin:10px 0 0 0;}


/* Détail Produit */

#PreDet {
	width:648px;height:190px;background-color:#bb7b39;
}
.PreDetH3{width:600px;float:left;font-size:1.3em;padding:0; color:#427255;margin:10px 0 10px 20px;}

#PreDetImgPrinc {float:left;width:260px;height:175px;margin:5px;}
.PreDetImgSecond {width:100px;height:70px;padding:2px 20px 26px 2px;}
#DetProd{width:646px;background-color:#ffffff;border:1px solid #d3e00b;}
#DetProd h2 {width:300px;float:left;font-size:1.2em;padding:0 0 0 5px;}
#DetProd h3 {width:600px;float:left;font-size:1.3em;padding:0 0 0 5px;margin:10px 10px 10px 5px;}
#DetProd h4 {width:600px;float:left;font-size:1.1em;padding:0 0 0 5px;margin:10px;}

#DetProd p{float:left;width:620px;height:auto;margin:5px 5px 0 10px;text-align:justify;vertical-align:top;}

#DetProd a{color:#13823f;text-decoration:underline;}
#DetProd a:hover{color:#13823f;text-decoration:none;}

#DetProdVideo{margin:0 0 0 3px;width:320px;height:240px;background-color:#000000;float:left;}
#DetProdPdf{width:600px;background-color:#ffffff;min-height:300px;}

#DetProdPdf ul {list-style-type: circle;list-style-position: inside;margin-top:30px; }
#DetProdPdf li {margin: 0;padding: 5px;}

#FraisPort {width:170px;height:20px;float:right;color:#fc0113;margin:15px 0 10px 40px;padding:0;text-align:center;font-weight:bold;}


/* Incription - Panier - Récap commande - Espace Client */

#Inscription {background-color:#6bb488;padding:20px 0 20px 0;}
#Inscription p{color:#ffffff;margin-left:20px;}
#Inscription  select{font-size:0.9em;}
#Inscription  input{font-size:1em;}
#Inscription a{color:#ffffff;}
#Inscription a:hover{color:#ffffff;text-decoration:none;}
#Inscription h2 {font-size:1.8em;color:#ffffff;position:relative;width:600px;margin:20px;}
/*#Inscription p {width:600px;margin:20px;color:#ffffff;}*/

.PanierP {width:600px;margin:20px;color:#ffffff;}

.PanierP {width:600px;margin:20px;color:#ffffff;}

#Inscription h3 {border-bottom:1px solid #ffffff;font-size:1.5em;color:#ffffff;position:relative;width:600px;margin:20px;}

#Inscription h4 {font-size:0.9em;color:#ffffff;margin:0 0 0 30px;line-height:20px;font-style:italic;float:left;width:600px;}

#Inscription h5 {border-bottom:1px solid #ffffff;font-size:1.5em;color:#ffffff;margin:0 0 0 20px;line-height:20px;float:left;width:600px;}

#espaceClient {margin-left:30px;}



.InscriptionG  {width:300px;float:left;}

.InscriptionD  {width:300px;float:left;margin-left:20px;}

.InscriptionD  p{font-size:0.9em;float:right;width:163px;color:#ffffff;}

#Newsletter_p{width:580px;margin:10px 30px 0 30px;color:#ffffff;}

.Inscription  {margin:5px;}
.InscriptionCompte {float:right;margin-right:35px;color:#ffffff;}

.Mdpoublie{margin:0 20px 0 20px;}

.separateur{height:150px;width:700px;}
.separateur2{height:100px;width:700px;}
.separateurInfos{height:140px;width:700px;}
.paragraphe {color:#990000;width:600px;margin-left:10px;}
#facturation {float:left;border:1px solid #b77939;width:45%;margin-left:20px;background-color:#ffffff;}
#facturation p{color:#000000;width:600px;margin-left:10px;}

#livraison {float:right;border:1px solid #b77939;width:45%;background-color:#ffffff;margin-right:20px;}
#livraison p{color:#000000;width:600px;margin-left:10px;}


.table_panier {width:620px;text-align:center;margin:0 auto;background-color:#0033FF;color:#FFFFFF;border-collapse:collapse;border:1px solid #ffffff;}
.table_panier th{font-size:0.9em;color:#000000;background-color:#dcd8d3;border-right:1px solid #ffffff;}
.table_panier tr{background-color:#0066FF;height:30px;border-bottom:1px solid #ffffff;}
.table_panier td{font-size:0.9em;border-right:1px solid #ffffff;}
.table_panier a{color:#ffffff;}
.table_panier a:hover{color:#ffffff;text-decoration:none;}
.poubelle {width:20px;height:20px;}


.table_paiement {width:440px;text-align:center;margin:0 auto;background-color:#0033FF;color:#FFFFFF;border-collapse:collapse;border:1px solid #ffffff;}
.table_paiement th{font-size:0.9em;color:#000000;background-color:#dcd8d3;border-right:1px solid #ffffff;}
.table_paiement tr{background-color:#0066FF;height:30px;border-bottom:1px solid #ffffff;}
.table_paiement td{font-size:0.9em;border-right:1px solid #ffffff;padding:5px;}
.table_paiement a{color:#ffffff;}
.table_paiement a:hover{color:#ffffff;text-decoration:none;}

.etapes {width:620px;margin:0 0  0 15px;height:100px;}

.newsletter {font-size:0.9em;margin-right:20px;text-align:justify;border:1px solid #ffffff;padding:5px;}


/* Mes commandes */
#MesCommandes {background-color:#6bb488;padding:20px 0 20px 0;height:550px;}
#MesCommandes p{color:#ffffff;margin-left:20px;}

#MesCommandes h2 {font-size:1.8em;color:#ffffff;position:relative;width:600px;margin:20px;}
#MesCommandes h3 {border-bottom:1px solid #ffffff;font-size:1.5em;color:#ffffff;position:relative;width:600px;margin:20px;}
.MesCommandes  {margin:5px;}
.MesCommandes {float:right;margin-right:35px;color:#ffffff;}
#MesCommandes a{color:#f5a00c;text-decoration:underline;font-size:1em;}
#MesCommandes a:hover{color:#ffffff;text-decoration:none;}
#MesCommandes table{width:600px;text-align:center;margin:0 auto;color:#FFFFFF;border-collapse:collapse;border:1px solid #fff;}
.BleuFonce{line-height:25px;background-color:#003399;height:40px;}

.BleuClair{line-height:25px;background-color:#477be1;height:40px;}



/* FAQ / Aide en ligne */

#FAQ {background-color:#ffffff;padding:20px 0 20px 0;border-left:1px solid #e1dbd6; border-right:1px solid #e1dbd6;width:646px;}
#FAQ h2 {border-bottom:1px solid #000000;font-size:1.5em;color:#000000;position:relative;width:620px;margin:5px 10px 5px 10px;}
#FAQ h3 {font-size:1.3em;color:#000000;position:relative;width:620px;margin:5px 10px 5px 40px;}

#FAQ p {width:600px;margin:5px 0 5px 30px;text-align:justify;line-height:18px;}
#FAQ a{color:#bb7b39;text-decoration:none;font-size:1em;}
#FAQ a:hover{color:#68431d;text-decoration:underline;}
#FAQ hr {border: none;border-top: 1px solid #e1dbd6;width:620px;}
#FAQ img {border: none;float:left;padding:0 3px 0 0;width:20px;height:22px;}

#FAQ table {width:600px;margin:0 auto;}


/* Galerie */

#GAL {background-color:#ffffff;padding:20px 0 20px 0;border-left:1px solid #e1dbd6; border-right:1px solid #e1dbd6;width:646px;}
#GAL h2 {border-bottom:1px solid #000000;font-size:1.5em;color:#000000;position:relative;width:620px;margin:5px 10px 5px 10px;}
#GAL h3 {font-size:1.3em;color:#000000;position:relative;width:620px;margin:5px 10px 5px 30px;}

#GAL p {width:600px;margin:5px 0 5px 30px;text-align:justify;line-height:18px;}
#GAL a{color:#bb7b39;text-decoration:none;font-size:1em;}
#GAL a:hover{color:#68431d;text-decoration:underline;}
#GAL hr {border: none;border-top: 1px solid #e1dbd6;width:620px;}
#GAL img {border:1px solid #000000;float:left;padding:0 3px 0 0;width:250px;height:165px;}
#GAL table {width:540px;margin:0 auto;}
#GAL select {margin:5px 0 0 200px;}

/* Presentation */

#PRES {background-color:#ffffff;padding:20px 0 20px 0;border-left:1px solid #e1dbd6; border-right:1px solid #e1dbd6;width:646px;}
#PRES h2 {font-size:1.5em;color:#000000;position:relative;margin:5px 10px 5px 10px;}
#PRES h3 {font-size:1.3em;color:#000000;position:relative;width:620px;margin:5px 10px 5px 30px;}

#PRES p {width:610px;margin:5px 0 5px 20px;text-align:justify;line-height:18px;}
#PRES a{color:#bb7b39;text-decoration:none;font-size:1em;}
#PRES a:hover{color:#68431d;text-decoration:underline;}
#PRES hr {border: none;border-top: 1px solid #e1dbd6;width:620px;}
#PRES img {border:1px solid #000000;float:left;width:260px;height:175px;margin:7px;}
#PRES table {width:540px;margin:0 auto;}
#PRES select {margin:5px 0 0 200px;}


/* Actualités */



#cadrpg { width:250px; margin:0 auto; border:0; overflow:hidden;}
#newshr { position:relative; width:223px; height:138px; overflow:hidden; 
          color:inherit; background:#FFFFFF url(news.gif); border:1px inset white; }
#defile { position:absolute; margin-top:1px; background-color:transparent; }




/* colonne de droite */
#Navdroit {
	height:645px;width:250px;float:right; background-color:#bb7b39;margin:0 10px 0 0;padding:0;
}

.Topvente {
	margin:3px 9px 0 9px;width:232px;height:155px;
}

/* Foooter */

#pied{
	background-image:url(../images/modele/footer.jpg); background-repeat:no-repeat;height:123px; width:1186px;margin:0 auto; position:top;
	padding:10px 20px 0 20px;
}

/* Menu H Footer */
ul#menu_horizontal {
padding-left:200px;
display:block;
width :100%;
height :15px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */

}
li.bouton_gauche {
margin:0 2px 0 2px;
float : left;
}
li.bouton_droite {
float : right;
}

ul#menu_horizontal2 { 
padding-left:200px; 
display:block;
width :100%;
height : 10px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal2 li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */

}

ul#menu_horizontal3 { 
padding-left:350px; 
display:block;
width :100%;
height : 10px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal3 li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */

}





/* graphiques */

/*** Habillage ***/ 
#Divarrondi { background:#e1dbd6; width:648px;margin:0 0 0 0; }
 
b.dtop, b.dbas{display:block;background:#FFFFFF; font-size:1px; }
b.dtop b, b.dbas b{display:block;height: 1px; font-size:1px;overflow: hidden; background:#e1dbd6;}
b.r1{margin: 0 5px ; font-size:1px;}
b.r2{margin: 0 3px ; font-size:1px;}
b.r3{margin: 0 2px ; font-size:1px;}
b.dtop b.r4, b.dbas b.r4{margin: 0 1px;height:3px; font-size:1px;}

#Habillage {
width:648px;height:10px;background-color:#e1dbd6;
	
}


.Onglet {font-size: 1.4em; line-height:2em;color:#93fd8a;text-align:center;background-image:url(../images/modele/onglet.png); background-repeat:no-repeat;margin:-5px 0 0 0;padding:0;height:40px;}
.Ok { float:right;width:27px;height:27px;vertical-align:top;position:absolute; z-index:0; }

#ServiceClient {background-image:url(../images/modele/tel-gauche.jpg);width:250px;height:100px; background-repeat:no-repeat;margin:-40px 0 0 0; background-position:bottom;}

.vert {
	color:#93fd8a;
}