/* CSS Document */

/*  Images png   */
BODY{
background-color:#FFFFFF;
margin:0px 0px 40px 0px;
}
#inscription{
width:902px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330000;
font-size:11px;
font-weight:bold;
margin:20px 1px 2px 1px;
}
#inscription form{
margin:0px;
padding:0px;
}
#inscription input{
background-color:#980F08;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
vertical-align:middle;
color:#FFFFFF;
}
#image_inscription{
vertical-align:middle;
}
#inscription span.envoyer { font-weight:normal; font-size:10px; color:#000000; cursor:pointer;}


#page-home{
position:relative;
width:925px;
height:585px;
background-image:url(images/fond-home-2.jpg);
background-repeat:repeat-y;
margin:0px;
padding:0px;
text-align:left;
}
#random_prods {
	position:absolute;
	top:413px;
	right:23px;
	width:500px;
	height:120px;
	text-align:right;
	display:none;
}
.vignette-home {
float: right;
padding:0px 0px 0px 0px;
z-index:48;
position:relative;
height:120px;
vertical-align:middle;
text-align:center;
margin:0;
}
.vignette-home img {
float:left;
max-width: 100px;
max-height:100px;
position:relative; z-index:49;
}
.titre-vignette-home {
position:absolute;
top:-16px;
left:20px;
width:200px;
height:16px;
vertical-align:top;
text-align:left;
z-index:50;
}
.titre-vignette-home p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
vertical-align:middle;
float:left;
margin:0px;
padding:2px 5px 2px 5px;
z-index:53;
background-color:#980f08;
display:inline;
text-align:left;

color:#FFFFFF;
}

#news { width:100%; height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}
#news-int {
border:4px solid #980f08;
background-repeat:no-repeat;
	background-color:white;
	width:491px;

}
.fermer { float:right; margin:5px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#980f08; text-decoration:underline; font-size:9px; cursor:pointer;}
#news-interieur { width:500px; clear:both; text-align:center; color:#980f08;}
#news-interieur .image { border:2px solid #980f08;}
#news-interieur .title { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#980f08; font-size:12px; font-weight:bold;}

#news-interieur .texte {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; text-align:center; font-size:11px; color:#980f08; margin:15px 40px 6px 40px;}
#news-interieur .navig {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:15px 40px 15px 40px; }
#news-interieur .a-l2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#980f08; text-decoration:none; font-weight:bold;}
#news-interieur .a-r2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#980f08; text-decoration:none; font-weight:bold;}
#news-interieur .a-l2:hover { text-decoration:underline;}
#news-interieur .a-r2:hover { text-decoration:underline;}
#contenu-h{text-align:right; width:919px;}

#contenu-h h1{
width:445px;
margin:-10px 19px 0px 460px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:normal;
line-height:14px;
}
#contenu-h a{
color:#330000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
text-decoration:none;
}
#contenu-h h2{
width:310px;
margin:15px 21px 0px 585px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal; cursor:pointer;
}
#page-vert{
position:relative;
width:925px;
background-image:url(images/fond-neige.gif);
background-position:right top;
background-repeat:repeat-y;
margin:0px;
padding:0px 0px 70px 0px;
text-align:left;
}
#page-rouge{
position:relative;
width:919px;
background-image:url(images/fond-rouge.jpg);
background-position:top right;
background-repeat:repeat-y;
margin:0px;
text-align:left;

}




/*  header */  
#logo{
 background-image:url(images/logo.png);
 background-repeat:no-repeat;
position:absolute;
top:30px;
 left:15px;
width:258px;
height:93px;
text-decoration:none;
cursor:pointer;
}
#logofacebook{
	position:relative;
	left:430px;
}
#logofacebook img {
	border:none;
	margin-top:2px;
}
#le-mag {
position:absolute;
top:30px; right:350px; height:44px; width:100px;
background-image:url(images/le-mag-en-ligne.png);
background-repeat:no-repeat;
}

#header{
width:906px;
height:150px;
position:relative;
margin:0px 0px 0px 13px;
}
#header p{
margin:0px;
padding:0px 18px 5px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
}
#menu-sup { width:888px; height:20px;}
ul#menu{
padding:0px;
height:20px;
position:relative;
text-align:right;
background-color:#980F08;
margin:0px 0px 0px 455px;
vertical-align:top;
}
#menu li{
margin:0px;
padding:0px 0 3px 0px;
display:block;
float:left;
height:20px;
position:relative;
vertical-align: text-top;
}
ul#menu a{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
margin:0px;
padding:0px;
}
ul#menu span{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
cursor:default;
}

#header .onglet-menu { position:absolute; display:none;width:200px; background-color:#990000;z-index:600;}
#header .onglet-menu a {vertical-align: text-top; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; display:block; width:200px; height:18px;}
#header .onglet-menu a:hover { color:#990000; background-color:#EFECE8;}

#header .onglet-menu-b { position:absolute; display:none;width:150px; background-color:#990000;z-index:600;}
#header .onglet-menu-b a {vertical-align: text-top; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; display:block; width:150px; height:18px;}
#header .onglet-menu-b a:hover { color:#990000; background-color:#EFECE8;}

#sous-menu-1 { top:126px; left:455px;}
#sous-menu-2 { top:126px; left:552px; }
#sous-menu-3 { top:126px; left:652px; }
#sous-menu-4 { top:126px; left:722px; }
ul#sous_menu{
position:relative;
margin:2px 0px 0px 0px;
padding:0px;
width:888px;
text-align:right;
}
ul#sous_menu li{
display:inline;
}
ul#sous_menu a{
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}



/*  Menu mon espace  */
#menuclient{
text-align:right;
}

#favoris{
text-align:right;
}
.favfiche{
float:right;
width:250px;
}
.favfiche H3{
margin:10px 11px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
}
.favficheimg{
margin: 0px 0px 5px 5px;
}

/* Contenu du site  */

#contenu{
position:relative;
width:870px;
margin:30px 0px 0px 28px;
}


/*  Bloque de droite   */
#droite {
float:right;
margin:30px 13px 0px 0px;
position:relative;
width: 370px;
height:350px;
/* background-color: #FFFFFF;
*/text-align: right;
}
#droite h1, #gauche h1{
margin:10px 11px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
}
#droite h2, #gauche h2{
margin:0px 11px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite h3, #gauche h3{
margin:0px 11px 0px 0px;
color:#980F08;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite-plan h1{
margin:10px 11px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
}
#droite p, #gauche p{
margin:0px 11px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite span, #gauche span{
color:#980F08;
}

#droite a, #gauche a{
margin:0px 11px 0px 0px;
color:#330000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#droite-plan p{
margin:0px 11px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite-plan span{
color:#980F08;
}

#droite-plan a{
margin:0px 11px 0px 0px;
color:#330000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
.precedent-suivant {
margin:0px 11px 0px 0px;
color:#330000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#droite form{
margin:0px 11px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite input{
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite textarea{
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#droite select{
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#C7CFB7;
border:1px #C7CFB7 solid;
}
#chaussures-general {
height:65px;
position:absolute;
top:-20px;
right:0px;}
#chaussures-general h1{ margin-bottom:5px;}
#chaussures-general p{ margin-top:10px;}
#chaussures-type {
background-color:#00FF66;
position:absolute;
top:55px;
right:0px;}
#chaussures-type p {
display:inline;
}
#vignettes {
	position:absolute;
	top:158px;
	right:25px;
	width:300px;
	height: 200px;
}
.vignette {
float: left;
padding:0px 0px 0px 0px;
z-index:48;
position:relative;
height:100px;
vertical-align:middle;
text-align:center;
margin:0;
}
.vignette img {
float:left;
max-width: 80px;
max-height:80px;
position:relative; z-index:49;
}
.titre-vignette {
position:absolute;
top:-16px;
left:20px;
width:200px;
height:16px;
vertical-align:top;
text-align:left;
z-index:50;
}
.titre-vignette p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
vertical-align:middle;
float:left;
margin:0px;
padding:2px 5px 2px 5px;
z-index:53;
background-color:#980f08;
display:inline;
text-align:left;

color:#FFFFFF;
}

/* info-bulle produit */

#le-blog {
	position:absolute;
	top:2px;
	right:54px;
	height:32px;
	width:75px;
	background-image:url(images/le-blog-en-ligne2.png);
	background-repeat:no-repeat;
}
#le-blog-popup {
	height:44px;
	width:100px;
 	float:left;
	background-image:url(images/le-blog-en-ligne.png);
	background-repeat:no-repeat;
}

#j-b {
	position:absolute;
	width:900px;
	height:20px;
	top:-50px;
	right:24px;
	text-align:right;
	color:#330000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#liste-suivante-gauche {
position:absolute;
top:96px;
left:-20px}
#liste-suivante-droite {
position:absolute;
top:96px;
left:305px}
/* Partie de gauche  */

#gauche {
float: right;
width: 420px;
height:300px;
margin:-10px 40px 0px 0px;
text-align:center;

}
#droite-plan {
float: right;
width: 420px;
height:300px;
margin:30px 13px 0px 0px;
text-align:right;
}
#gauche2 {
background-position: left;
position: relative;
width: 25%;
float: left;
background-color: #CCCCCC;
}
#gauche3 {
float: right;
width: 420px;
height:300px;
margin:30px 40px 0px 0px;
}
#gauche4 {
float: right;
width: 440px;
height:300px;
margin:30px 40px 0px 0px;
text-align:center;
}
.image-event { max-height:270px; max-width:355px;}
#gauche-bas {position:relative; text-align:center; width:305px; height:13px; background-color:#980F08;
}

#gauche-bas2 {position: relative;  margin-left:50px;width:305px; height:13px; text-align:center;background-color:#980f08;
}
.astuce-apercu { position:absolute; bottom:15px; left:0px; width:305px;
text-align:center;}
.astuce-apercu img { vertical-align:bottom;}
#gauche-bas3 {position: relative;  margin-left:35px;width:355px; height:13px; text-align:center;
}


#gauche-bas h3, #gauche-bas3 h3{
margin:-1px 0px 0px 0px;
font-size:10px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.presse-image {max-width:305px;
max-height:295px;
}



#gauche_fiche{float: right; position:relative;
width: 480px;
height:300px;
margin:20px 15px 0px 0px;
}
.infos-produit{ width:135px; float:left; text-align:right;}
.produit-cadre{ width:260px;position:relative;background-color:#0099CC; float:right; text-align:left;}
#table-produit-cadre { position:absolute; bottom:0px; left:126px; height:300px;}
.produit-cadre-grande-image {
max-width:305px;
max-height:334px;
}
#gauche_fiche h1{margin:10px 0px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;}

.infos-produit p{margin:0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; color:#330000;}

.infos-produit span{color:#980F08; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.infos-produit select{color:#8f0025;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#FFF; border:1px #8f0025 solid; width:60px;}
.infos-produit a{margin:0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#330000; font-weight:bold; text-decoration:none;}
#envoiami { position:fixed; top:0px; left:0px; display:none; width:100%; height:100%; z-index:100;}
#envoiami-int { background-color:#FFFFFF; border:4px solid #8f0025; width:395px; height:274px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f0025;}
#msgmail { width:}
#envoiami-int a { color:#330028;}
#envoiami-int input{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#8f0025; width:100%;}
#envoiami-int h1{margin:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#8f0025;}
#envoiami-int textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#8f0025; width:100%;}
.infos-produit #infos-produit {margin:5px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f0025;}
.infos-produit form{margin:5px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f0025;}
#conseils-pop-up { position:fixed; top:0px; left:0px; display:none; width:100%; height:100%; z-index:100;}
#conseils-pop-up-int {background-color:#FFFFFF; border:4px solid #8f0025; width:395px; text-align:center;}
#conseils-pop-up-int p{margin:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f0025;}
#conseils-pop-up-int h1{margin:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#8f0025;}
#aide-pop-up { position:fixed;top:0px; left:0px; display:none; width:100%; height:100%; z-index:100;}
#aide-pop-up-int {background-color:#FFFFFF; border:4px solid #8f0025; width:600px; text-align:left; overflow:scroll; height:395px;}
#aide-pop-up-int p{margin:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f0025;}
#aide-pop-up-int h1{margin:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#8f0025;}
#cgdv { position:fixed; top:0px; left:0px; display:none; width:100%; height:100%; z-index:100;}
#cgdv-int {background-color:#FFF; border:4px solid #8f0025; width:395px; text-align:left;}
#cgdv-int h2{margin:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#8f0025;}
#cgdv-int p{margin:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f0025;}

#moncompte{
width:721px;
margin:10px 13px 0px 141px;
text-align:center;
}
.separation{
clear:both;
visibility:hidden;
}

#moncompte h1{
margin:10px 0px 0px 0px;
text-transform:uppercase;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
#moncompte a{
margin:0px 0px 0px 0px;
color:#330000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#moncompte input{
margin:0px 0px 0px 0px;
color:#330000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#moncompte p{
margin:0px 0px 0px 0px;
color:#330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#moncompte span{
color:#980F08;
}

#table-inscription{
margin:0px 14px 0px 0px;
}

/*  fin contenu du site  */



/*  Bas de page  */ 
#bas{
width:925px;
height:11px;
/*background-image:url(images/cadre_b.jpg);
background-repeat:repeat-x;*/
position:relative;


}
#plan-du-site {
text-decoration:none;
color:#999999;
font-size:10px;
position:absolute;
top:13px;
left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;}
#signature{
width:919px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-align:right;
}
#signature a{
text-decoration:none;
color:#999999;
}

/*PLAN DU SITE*/
#liste-plan-du-site {
margin:0;
}
#liste-plan-du-site li {
list-style-type:none;
margin:0;}
#droite-plan li { list-style-type:none;}