@charset "iso-8859-1";
/* CSS Document */
/* HTML */
body {
background: #81AECD;
font-family:Verdana, Geneva, sans-serif;
font-size: 0.8em;
margin: 0 auto;
margin-top: 10px;
}

form, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
img {
border: 0;	
}

/* Fond */

div#Border {
background: url(img/background.gif) repeat-y top center;
margin: 0 auto;
overflow: hidden;
padding-left: 14px;
padding-top: 10px;
width: 1004px;

}

div#Total {
width: 990px;
}

/*MenuHaut*/

div#MenuHaut {
width:986px;
height:25px;
}

div#MenuHaut ul {
margin: 0;
padding: 0px 0px 0px 10px;
font-size: 0.9em;
}
div#MenuHaut ul li {
color: #000000;
display: inline;
margin-right: 10px;
padding-right: 10px;
border-right:1px solid #000000;
text-transform:uppercase;
}
div#MenuHaut ul li.last {
margin-right: 0;
font-weight:bold;
border-right:1px solid #ffffff;
}
div#MenuHaut ul li a {
color: #000000;
text-decoration: none;
}
div#MenuHaut ul li a:hover {
text-decoration: none;
}
/* Header */
div#Header {
margin: 0 auto;	
}
div#Header h1 {
height: 174px;
margin: 0 0 0 0;
padding : 0px 0px 2px 0px;
}


div#MenuContent {
background-color: #252525;
height:30px;
float:left;
width:100%;
}
div#MenuContent ul {
list-style-type: none;
background-color: #252525;
height: 30px;
padding:0px;
margin :0px;
}

div#MenuContent ul li {
color: #fff;
float: left;
}

div#MenuContent ul li a {
color: #fff;
text-decoration: none;
display: block;
padding:7px 10px 7px 10px;
}

div#MenuContent ul li a:hover {
text-decoration: none;
background:#DC1000;
}


div#SearchIdentification {
/* border-top: #737272 1px solid;
border-bottom: #737272 1px solid; */
clear: both;
font-size: 0.9em;
overflow: hidden;
padding: 4px 0 3px 0;
}
div#Search {
float: left;
width: 48%;	
}
div#Search p {
color: #000;
}
div#Search img {
margin: 0 5px;
vertical-align: text-bottom;
}
div#Search input.field {
margin: 0 0 0 20px;
width: 100px;
}
div#Search input.mini {
width: 40px;
}
div#Search input.maxi {
width: 40px;
}
div#Identification {
float: left;
margin-left:86px;
}
div#IdentificationLeft {
background: url(img/IdentificationLeft.jpg) no-repeat top left;
float: left;
height: 24px;
width: 14px;
}
div#IdentificationContent {
background: #000000;
float: left;
min-height: 24px;
}
div#IdentificationContent ul {
margin: 0;
padding: 4px 0 0 0;
}
div#IdentificationContent ul li {
color: #fff;
display: inline;
margin-right: 20px;
}
div#IdentificationContent ul li.last {
margin-right: 0;
}
div#IdentificationContent ul li a {
color: #fff;
text-decoration: none;
}

div#IdentificationRight {
background: url(img/IdentificationRight.jpg) no-repeat top left;
float: left;
height: 24px;
width: 14px;
}

p.Ariane {
color: #000000;
font-size: 0.8em;
margin-right: 16px;
text-align: right;
}
p.Ariane a {
color: #000000;
}

/* TotalContent */
div#TotalContent {
/*background: url(img/TotalFond.jpg) repeat-x bottom center;	*/
clear: both;
margin-top: 10px;
overflow: hidden;
}

/* MenuLateral */
div#MenuLateral {
float: left;
margin: 0 0 0 0;
width: 200px;
/*border:1px solid red;*/
}

div.MenuLateralTop {
overflow: hidden;

}
div.MenuLateralTop h2 {
background: url(img/icosite.gif) no-repeat top left;
color: #000;
font-size: 1.1em;
font-weight:bold;
padding-left: 35px;
margin-top:5px;
text-align: left;
}
div.MenuLateralContent {
background: #383535;
/*border-right: 1px solid #878181;
border-left: 1px solid #878181;*/
overflow: hidden;
}
div.MenuLateralContent p {
margin: 0;
color: #fff;
text-align: center;
}
div.MenuLateralContent p a {
color: #fff;
text-decoration: none;
}
div.MenuLateralContent ul {
margin: 8px 0 0 0px;
padding: 0;
}
div.MenuLateralContent ul li {
color: #fff;
list-style-type: none;
}
div.MenuLateralContent ul li a {
color: #fff;
}
div.MenuLateralBottom {
/*background: url(img/MenuLateralBottom.png) repeat-y top left;*/
border-bottom:2px solid red;
height: 17px;
}

/* Content */
div.Content {
float: left;
margin: 0 0px;
width: 570px;
/*border:1px solid red;*/
}
div.Pub img.left {
margin-right: 8px;
}
div.Pub img.right {
margin-left: 8px;
}

/* MenuLateral2 */
div.ListeTop {
background: url(img/ContentTop.png) no-repeat top left;	
height: 16px;
}
div.ListeContent {
/*background: url(img/ContentContent.jpg) repeat-y top left;	*/
overflow: hidden;
}
div.ListeContent.Page p {
padding: 8px 40px;
}

div.ListeContent.Page ul {
padding: 8px 40px;
}

div.ListeContent table {
/*padding: 8px 40px;*/
}
div.ListeContent a {
color: #000;	
}
div.ListeContent h2 {
/*border-bottom: #f7c61d 1px solid;*/
color: #000;
font-size: 1.4em;
font-weight: bold;
margin: 0 40px 8px 0px;
padding: 0;
}
div.ListeContent div.Produits {
background: url(img/fondvignetteintro.jpg) no-repeat top left;	
float: left;
margin-left: 20px;
text-align: center;
width: 160px;
height:295px;
}
div.ListeContent div.Produits h3 {
color: #738591;
font-size: 1em;
margin-bottom:5px;
}
div.ListeContent div.Produits h4 {
color: #ff0000;
font-size: 0.8em;
margin-left:15px;
}
div.ListeContent div.Produits p {
color:#000 ;
}
div.ListeContent div.Produits p.Prix {
padding-top:5px;
margin-bottom: 4px;
}
div.ListeContent div.Produits p.Prix strong {
color: #ff0000;
}
div.ListeContent p.Pagination {
clear: both;
padding: 20px 40px 10px 40px;
text-align: right;
}
div.hr {
clear: both;
height: 16px;
width: 100%;	
}
div.ListeBottom {
background: url(img/ContentBottom.png) no-repeat top left;	
height: 16px;
}

div#Detail {
color: #055192;
width:570px;
float:left;
}
div#Detail div.DetailLeft {
float: left;
margin: 0 0 0 10px;
width: 250px;
}
div#Detail div.DetailLeft div#Diaporama img {
border: #ededed 1px solid;
margin: 0 8px 0 0;
}
div#Detail div.DetailLeft div#Diaporama p {
text-align: center;
}
div#Detail div.DetailRight {
float: left;
margin: 0 10px 0 0px;
width: 290px;
}
div#Detail div.DetailRight h2 {
margin: 0 0 8px 0;
}
div#Detail div.DetailRight p.DetailPrix {
font-size: 2.4em;
font-weight: bold;
margin: 24px 0 8px 0;
}
div#Detail div.DetailRight p.Acheter {
margin: 24px 0 8px 0;
text-align: center;
}
div#Detail div.DetailRight ul {
margin: 8px 0;
padding: 0;
}
div#Detail div.DetailRight ul li {
list-style-type: none;
}
div.DetailSous {
clear: both;	
}

/* Identification */
div.Identification {
float: left;
margin-left: 2px;
margin-right: 5px;
width: 280px;
float:left;
}
div.Identification.right {
margin-right: 0;
width:280px;float:left;
}
div.Identification h2 {
/*background: url(img/IdentificationTop.png) no-repeat top left;
color: #fff;*/
font-size: 1.4em;
color:#cc0000;
font-weight: normal;
margin: 0;
padding: 4px 0;
border-bottom:1px solid #a1a1a1;
}
div.IdentificationContent {
/*background: url(img/IdentificationContent.png) repeat-y top left;
color: #a1a1a1;*/
min-height: 150px;
}
div.Identification p {
padding: 4px 8px;
}
div.Identification a {
color: #a1a1a1;
}
div.Identification p.right {
text-align: right;
}
div.IdentificationBottom {
/*background: url(img/IdentificationBottom.png) no-repeat top left;*/
height: 13px;
}

/* Inscription */
div.Inscription {
width: 560px;
margin-left:3px;
float:left;
}
div.Inscription h2 {
background: url(img/InscriptionTop.png) no-repeat top left;
color: #fff;
font-size: 1.4em;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 4px;
/*text-ident:8px;*/

}
div.Inscription h3 {
color: #ddd;
font-size: 1.2em;
font-weight: normal;
margin: 0;
padding: 4px 8px;
float:left;
}
div.Inscription fieldset {
color: #fff;
margin: 0px 20px 20px 20px;
padding: 4px 8px;
}
div.Inscription legend {
color: #fff;
padding: 0 4px;
}
div.Inscription fieldset input {
border: #666 2px solid;
width: 250px;
}
div.Inscription fieldset input.NoWidth {
border: none;
width: auto;
}
div.InscriptionContent {
background: url(img/InscriptionContent.png) repeat-y top left;
color: #a1a1a1;
min-height: 150px;
padding:20px 0px 0px 0px;
}
div.Inscription p {
padding: 4px 8px;
text-align: right;
}
div.Inscription p.left {
text-align: left;
}
div.Inscription a {
color: #a1a1a1;
}
div.InscriptionBottom {
background: url(img/InscriptionBottom.png) no-repeat top left;
height: 13px;
}




/* MenuLateral2 */
div.MenuLateral2 {
float: left;
overflow:hidden;
width: 200px;
}
div.MenuLateral2 h2 {
background: url(img/icosite.gif) no-repeat top left;
color: #000;
font-size: 1.1em;
font-weight:bold;
padding-left: 35px;
margin-top:5px;
text-align: left;
}

div.MenuLateral2Content {
border-top: 0;
/*border-right: 1px solid #878181;
border-left: 1px solid #878181;
border-bottom: 1px solid #878181;*/
overflow:hidden;
}
p.PlusMarques {
font-size: 0.8em;
padding: 3px 0;
text-align: center;
}
p.PlusMarques a {
color: #fff;
}



/* Footer */
div.FooterInfo {
clear: both;
color: #ffffff;
font-size: 0.8em;
text-align: center;
background:#252525;
padding-bottom:10px;
}
div.FooterInfo ul {
margin: 0;
padding: 20px 0 0 0;
}
div.FooterInfo ul li {
border-left: #ffffff solid 1px;
display: inline;
list-style-type: none;
padding: 0 6px 0 12px;
}
div.FooterInfo ul li.first {
border-left: none;
}
div.FooterInfo a {
color: #ffffff;
}
div#TotalBottom {
/*background: url(img/Footer.jpg) no-repeat top center;*/
margin-left: 1px;
min-height: 9px;
}


.menuleft:link {color:#000000;text-decoration :none;}
.menuleft:visited {color:#000000;text-decoration :none;}
.menuleft:hover {color:#777777;text-decoration :none;}

.pourcent {color:#FF9900;font-size:1.1em;font-weight:bold;}

.prix_rouge {color:#AD151A;font-size:0.8em;font-weight:bold;}

.prix {color:#ff0000;font-size:1em;font-weight:bold;}


/* Tableau caddie et historique des commandes */
table.caddie {
width: 560px;
/*border:2px solid red;*/
}
table.caddie td {
border-bottom: solid 1px #ddd;
padding: 0.1em;
}
table.caddie th {
border-bottom: solid 1px #ddd;
background-color:#cc0000;
color: #fff;
font-size:11px;
padding: 0.1em;

}
table.caddie caption {
background: #425B81;
color: #fff;
text-align: left;
}

.listeprod {
text-align: left;
}

div.totalcaddie p {
padding-right: 1em;
text-align: left;
}

div.totalcaddie ul {
	list-style : none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}
div.totalcaddie li {
	border-left: 1px solid #ddd;
	display: inline;
	padding: 0 0.5em 0 0.6em;
}
div.totalcaddie li.premier {
	border-left: 0;
	padding: 0 0.5em 0 0.6em;
}
div.totalcaddie li.dernier {
	border-left: 1px solid #ddd;
	padding: 0 0.5em 0 0.6em;
}

.boutoncaddie ul {
	list-style : none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}
.boutoncaddie  li {
	border-left: 1px solid #ddd;
	display: inline;
	padding: 0 0.5em 0 0.6em;
}

/*step2 */
.step2 {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 98%;
}

#step2caddie {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 98%;
text-align:right;

}

/* maryline page step1  */
.stepgauche {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 270px;

}
.stepdroite {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.1em 0 0.2em 0;
width: 270px;
}


.paiement {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.1em 0 0.2em 0;
width: 540px;
}

form#entryformstep p {
text-align: left;
}

form#entryformstep fieldset {
border: 1px solid #dddddd;
}

form#entryformstep legend {
color:#000000;
font-weight:bold;
}

form#entryformstep p.droite {
text-align: left;
}

form#entryformstep textarea {
width: 98%;
}
form#entryformstep p.boutonenregistrement {
clear: both;
}

/*fieldset {border:1px solid #dddddd;color:#000000;}*/

legend {color:#000000;font-weight:bold;}

.formulaire-achat {width:170px;}


/* home Featured */

#homeFeatures {
text-align:left;
margin:0; 
width: 550px; 
padding:0; 
height: 245px;
display:block;

}
#homeFeatures .homeFeature {
	position: absolute;
	text-align:left;
	width: 550px; 
}

#homeFeatures .homeFeature .imageContainer {
	background: #ffffff; 
	width: 550px; 
	height: 245px;
}
#homeFeatures .homeFeature img {
	display: inline; 
	z-index: 50;
	position: absolute
}

.homeFeatureSlide {
	Z-INDEX: 200; 
	BACKGROUND: #000; 
	FILTER: alpha(opacity=85); 
	FLOAT: left; 
	PADDING:0; 
	POSITION: absolute; 
	HEIGHT: 245px; 
	opacity: 0.85
}
* HTML .homeFeatureSlide {
	BACKGROUND: #262626

}