/* orange=#d25221
rouge pour noel:  #A10419

hover:  #fed9b0
backgroung: gris fonce: 4b4f4f
table highlight: fed9b0

BACKGROUND-image: url("/custom/images/soldes.jpg");

*/

body{
	background-color:#4b4f4f;
	font-family: Arial;
	font-size:11.5pt;
	padding: 0px;	
	margin:30px 30px 0px 30px;
	
}

.header{
	text-align: left;
	padding: 10px 33px 10px 60px;
	background-color: #FFFFFF;	
}

body #content{
	padding: 10px 40px 10px 35px;
	margin: 0px;
	background-color: #ffffff;	
	vertical-align: top;
}

body  #content TD{
	vertical-align: top;
}

.site{
	width:1200px;
	text-align: left;
	
}
A,A:hover{
	color:black;
}

h4{	
	color:#A10419 ;/*#A10419*/
	margin:0px;
}

#footer{
	margin: 10px 60px 0px 60px;
	color:white;		
}
#footer TD{
	text-align:left;
}


#footer  a, #footer a:hover{
	color:white;		
	text-decoration: none;
}


#where{
	margin-bottom: 20px;
}
#where span, #where span A{
	text-decoration:none;
	color:#A10419 ;/*#A10419*/
}



/* OFFRES SEMAINES
*/ 
#offresSemaines{
	background-color:#4b4f4f;
	height: 180px;
	width: 350px;	
	font-size: 9.5pt;
	color:#FFFFFF;
	text-indent:10px;
	margin-left:30px
}

#offresSemaines #offresSemainesProduit { 
	margin-top:5px;
	margin-left:15px;
	background-color:#FFFFFF;
	width:320px;
	height:140px;
	text-indent:0px;
	color:#4b4f4f;		
}

#offresSemaines img {
	float:left;
	max-width: 135px;	   
    max-height: 135px; 
    margin: 2px;
    margin-right: 5px;
}

#offresSemaines #offresSemainesProduit  #text{	
	left:154px;
	margin-right:10px;	
    
}



/* OFFRES PAGE ACCUEIL
*/ 
#produitsCartonnent{
	width: 790px;
	font-size: 9.5pt;	
	text-indent:10px;
	margin-left:30px;
	background-color:#FFFFFF;	
	vertical-align: top;
	border:1px solid;
}

#produitsCartonnent #produitsCartonnentProduits {
	margin:15px;	
	vertical-align: top;	
	margin-top:20px;
	padding-top:10px;
	text-indent:0px;
	color:#4b4f4f;		
	
}

#produitsCartonnent img {	
	width: 145px;	
	border: none;
}

#produitsCartonnent h2, #produitsCartonnent a{
	font-size:11.5pt;
	color:#4b4f4f;
	text-decoration: none;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
#produitsCartonnent TD{
	vertical-align: top;	
	width:33%;
}

#produitsCartonnent  #text{
	vertical-align: top;
	margin-top:10px;
	margin-right:10px;	
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative;
	border:none;	
}

#produitsCartonnent #product_price{
	color:red;
	font-weight:bold;
	white-space: nowrap ;	
}





/* BOITE ARRONDI
*/ 
#box {
	width: 290px;	
}
#box,#boxNoWidth{
	
	font-size: 9.5pt;	
	text-indent:10px;
	margin:0px;
	margin-bottom:10px;
	background-color:#FFFFFF;	
	vertical-align: top;	
}

#box #content,#boxNoWidth #content {
	vertical-align: top;	
	margin-bottom:10px;
	margin-right:24px; /* les margin sont obligatoires pour que les traits arrondis apparraissent*/
	margin: 24px 24px 15px 24px;
	text-indent:0px;
	color:#4b4f4f;		
	font-size: 12.5pt;
	font-weight: bold;	
	padding: 0px 20px 0px 0px;	
}



/* boutons
*/
#buttons{
	 text-align: right; 	 	 
	 margin:0px;
	 margin-top: 10px;	 
}

#button{
	font-weight:normal;
	margin:0px;
	padding:0px 15px 3px 15px;
	text-decoration: none;
	color: white;	
	background-color: #A10419 ;/*#A10419*/
	border:                   1px solid;
    border-top-color:       #ccc;
    border-left-color:      #ccc;
    border-right-color:     #bbb;
    border-bottom-color:    #bbb;
 	 font-size:9.5pt;
 	 text-align: right; 	 
 	 white-space: nowrap;
}
#button:hover{
	border: 0px solid;
	background-color: #fed9b0;

}


/* MENU Horizontal TOUT EN HAUT*/
#menu_h , #menu_h span, #menu_h span A{
	text-align:right;
	vertical-align: top;
	color:#4b4f4f;
	font-size:12pt;
	padding:2px;
	text-decoration:none;
	font-weight: bold;	
}

#menu_h span A:hover,#menu_h H1 A:hover {
	color:#fed9b0;
	
}




/* MENU DEROULANT
http://marcarea.com/code/css/menu/menu01test.html
*/
#menuDeroulant-conteneur{
	position: relative;
	background: #A10419 ;/*#A10419*/
	height: 27px;
	z-index: 100;
	text-align:center;
	
}
#menuDeroulant{
	background: #A10419 ;/*#A10419*/	
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0px;
	text-align:c
}
#menuDeroulant li
{
	float: left;
	width: 105px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #A10419 ;/*#A10419*/
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
	vertical-align: middle;
}

#menuDeroulant li a:hover { background-color: #fed9b0; } /* passage souris sur Cat*/
#menuDeroulant li a:active { background-color: #A10419 ;/*#A10419*/ }

#menuDeroulant .sousMenu 
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: #A10419 ;/*#A10419*/
	width: 180px;
	text-align:left;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 180px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #fed9b0; /* passage souris sur SousCat*/
}

#menuDeroulant li:hover > .sousMenu { display: block; }


/* BORD ARRONDI */

div.arrondi, a.arrondi {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border:1px solid;
}
div.arrondiSmall, a.arrondiSmall {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid;
}




/* mesge dmin en bs dans le footer*/
#adminmsg {
	
font-size: 8pt;
text-align: center;
}




#sousCat{
	float:left;
	padding-right:20px;	
	padding-bottom:20px;
	margin:0px 0px 20px 20px;
	width:200px;	
	height:170px;
	text-align:center;
}
#sousCat img{
	
	width:150px;
	text-align:center;
}




/****************   LIST DE PRODUITS dans un tableau
*/
.productsList {
	font-family:  Arial, sans-serif;
	font-size:10px;
	vertical-align:top;
	margin:10px 15px 15px 15px;
	width:95%;
	       
	text-indent: 0px;
}
.productsList img{
	border:none;
	
}
.productsList  SELECT{
	font-family:  Arial, sans-serif;
	font-size:10px;
}

.productsList A{
	font-size:10px;
	
}
.productsList ul,.productsList li{
	font-family:  Arial, sans-serif;
	list-style: circle;   
	padding-bottom:5px;
	font-size: 8pt;
	text-align:left;
}

.productsList TH {
	font-size: 12pt;
	
	border: none;
	padding: 5px;
	padding-left:8px;
	padding-right:8px;
	color:#A10419 ;/*#A10419*/
	background-color: #fed9b0;
	font-weight: normal;
	text-align:left;
	vertical-align: middle;
	white-space: nowrap ;	
}
.productsList H4{
	font-size: 10pt;
}
.productsList1 TD{
	font-size: 8pt;
	border: thin;
	color:black;
	background-color: #fed9b0;
	border-bottom:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:10px;
	vertical-align:middle;
    

}
.productsList2 TD{
	font-size: 8pt;
	border: thin;
	padding-left:8px;
	padding-right:8px;
	padding-top:10px;
	color:black;
	border-bottom:none;
	vertical-align:middle;   
   
}
.productsList TD {
	vertical-align:top;

    padding-right: 10px; 
	
}
.productsList .price{
	text-align:right;
	white-space: nowrap ;
	color:red;
	font-size: 10pt;
}
.productsList .description A{
	width: 100px;
}
.productsList input{
	height: 14px;
	font-size: 9pt;
	
}

.listWithPhoto .productsList1 TD, .listWithPhoto .productsList2 TD      , .listWithPhoto .productsList TD{
    height: 110px;
} 



.bigPrice{
	color:red;
	font-size:18px;
}



/* barre de navigation dans un tableau*/
.navigation{
	font-size: 9pt;
}
SELECT{
	font-size: 9pt;
	height: 18px;
}


.product_price{
	font-size: 22px;
	font-weight: bold;
	color:red;	
}
.product_oldPrice{
	font-size: 16px;
	font-weight: bold;
	text-decoration:line-through;
	color:red;	
}



/*product detaul*/
.productDetail TH{
	color:#A10419 ;/*#A10419*/
	text-align: left;
	vertical-align: top;
}
.productDetail .one{
	text-align: center;
}
.productDetail .two {
	padding-left: 20px;
	padding-right: 20px;
	margin:10px;
}
.productDetail .two  TD{
	padding: 0px 10px 20px 20px;
	vertical-align: top;
	
}



.pictureSmallDIV img{
	
    max-width: 100px;
    max-height: 100px;
}
.pictureBigDIV{
	height:150px;
	
}
.pictureBigDIV img{
	
	max-height: 150px;
	
}
.pictureTinyDIV img, img.pictureTinyDIV{
	height:50px;
	
}

#important{
color:#A10419 /*#A10419*/	;

font-weight: 9pt;

}
	
legend {
	color:#4b4f4f;
	font-weight: bold;
	
}
fieldset {
		border:solid 1px #A10419 ;/*#A10419*/
	padding:20px;
	margin:0px;
}

/* caddie, validation commabde */
.stepOn{
	color: #A10419 ;/*#A10419*/
	font-weight: bold;
}
.stepOff{
	color: #fed9b0;
}

.smallHelp{
	font-size: 8pt;
	vertical-align: top;
	
}
.smallHelp img{
	padding-right:4px;
	padding-top:6px;
	
}

.header1, .header1 a, .header1 a:hover {
	text-decoration: underline;
	color: #A10419 ;/*#A10419*/
	font-weight: bold;	

}


li a,li a:hover{
	color: #A10419 ;/*#A10419*/
}


.formHeader {
	
	background-color: #A10419 ;/*#A10419*/
	color:white;
	padding:3px 3px 3px 10px;
	margin-top:30px;
	margin-bottom:10px;
}

TH{
	
color: #A10419; /*#A10419*/
}

ul.plan{
	font-weight: bold;
	list-style-type:circle;
	color:#A10419; /*#A10419*/
}
ul.plan ul li{
	font-weight: bold;
	font-weight: normal;
	list-style-type:circle;
}
ul.plan a,ul.plan a:hover {
	text-decoration: none;
	color: #A10419 ;/*#A10419*/
	
}



.newsscroll{
	margin:20px 65px 0px 30px;
	color:#A10419;
}

.sengage{
margin-left:20px;
}