/* General Properties */
/* ----------------------------------------------------------------------------------- */

img, div, ul, li, form, #footer p {
border: 0;
margin: 0;
padding: 0;
}

ul{list-style-type:none;}

body{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#000;
background-color:#e6e6e7;  
}

#container{ width:980px;}

#main{ 
	width:980px;
	margin:0 auto;
	border-left:2px solid #3B3B3B;
	border-right:2px solid #3B3B3B;
	background-color:#FFF;
}



/* Header */
/* ----------------------------------------------------------------------------------- */

#header-1, #header-2, #header-1-en, #header-2-en {
width:980px;
height:100px;
background-position:top right;
background-repeat:no-repeat;
}

#header-1{
background-image:url(../fr/images/header_1.jpg);
}

#header-2{
background-image:url(../fr/images/header_2.jpg);
}

#header-1-en{
background-image:url(../en/images/header_1.jpg);
}

#header-2-en{
background-image:url(../en/images/header_2.jpg);
}



/* Main Menu Bar */
/* ----------------------------------------------------------------------------------- */

#navcontainer{ margin-left:0px; width:980px;}

#navcontainer ul{
text-align: center;
}

#navcontainer ul li{
display: block;
float: right;
text-align: center;
}

#navcontainer ul li a{
background: #3FB13F;
padding:0 5px 0 5px;
height: 20px;
width:152px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: none;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
white-space:nowrap;
font: bold 11px/20px Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover, #navcontainer li#active a{
color: #fff;
background: #CB4E22;
}



/* Search & Cart menu bar */
/* ----------------------------------------------------------------------------------- */

#utilbar{
clear:both;
background:#C8C8C8;
padding:1px 0;
line-height:22px;
width:980px;
font-size:10px;
}

#utilbar *{ vertical-align:middle; }

#utilbar a{ color:#000; }

#cart_btn{
margin: 3px 0 0 5px;
display:inline;
}

#search{
margin-left:430px;
display:inline;
}

#search-en{
margin-left:455px;
display:inline;
}

#search_field{
font-size:10px;
}


/* Side Bar */
/* ----------------------------------------------------------------------------------- */

#middle{ width:980px; }

#menu-side{ float:left; }

#note-side{
background-color:#C8C8C8;
padding:15px 5px;
width:150px;
font-size:11px;
margin:0;
}

#note-side-info{
background-color:#dddddd;
padding:10px 5px;
width:150px;
font-size:11px;
margin:0;
border-bottom:1px solid #fff;
}

#note-side p, #note-side-info p {margin-top:0;}

#avis-legal{
font-size:11px;
line-height:24px;
margin-left:6px;
#margin-bottom: 10px;
}

#avis-legal a, #top-page a, #top-page-text a, .affichage a, #note-side a{ color: #CB4E22; }

#avis-legal a:hover, #top-page a:hover, #top-page-text a:hover, .affichage a:hover, #note-side a:hover{ color: #3FB13F; }


/* Content */
/* ----------------------------------------------------------------------------------- */

#content{
float:left;
width:780px;
margin:20px 0 30px 10px;
#margin:20px 0 0 10px;
font-size:12px;
line-height: 16px;
}

#content a{
color:#CB4E22;
}

#content a:hover{
color:#3FB13F;
}

#contentProducts{ /* Utiliser ceci pour les layout de catalogue seulement */
float:left;
width:800px;
margin:20px 0 30px 10px;
font-size:11px;
}


#content select, #content input{
font-size:11px;
}

#mess-catalogue{
float:left;
width:278px;
height:85px;
margin-left:10px;
#margin-top:4px;
padding:85px 0 0 15px;
#padding:100px 0 0 15px;
background-repeat:no-repeat;
font-size:10px;
font-weight:bold;
}

#mess-catalogue-wide{
width:594px;
height:65px;
padding:65px 0 0 15px;
#padding:70px 0 0 15px;
background-repeat:no-repeat;
font-size:10px;
font-weight:bold;
}

.title-cat{
float:left;
font-size:12px;
width:350px;
margin-bottom:5px;
}

.title-cat a
{
	text-decoration: none;
	color: #000;
}

.title-cat a:hover{ color: #CB4E22; }

.affichage{
float:left;
width:140px;
text-align:right;
color:#CB4E22;
margin-left:220px;

}

ul.nav-pages{
clear:both;
color:#5D646A;
font-size:12px;
float:left;
width:300px;
margin-bottom:30px;
}

.nav-pages li{ display:inline; }

.nav-pages a{ color:#000; }

.nav-pages a:hover{ color:#CB4E22; }

.page-current a{
color:#CB4E22;
text-decoration:none;
}

.option-tri{
float:left;
margin-left:225px;
width:145px;
}

.option-nb-produits{
float:left;
margin-left:25px;
}

.prev-next{

font-size:10px;
}

.greyline{
clear:both;
width:796px;
margin-bottom:7px;
}

.dotline{ 
clear:both;
padding-top:4px;
margin-right:145px;
}

#top-page{
float:left;
margin-left:417px;
_margin-left:355px;
}

#top-page-text{
text-align:right;
width:800px;
font-size:10px;
}

.notespage
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	color: #333;
	padding: 8px 0px 0px 0px;
	#padding-bottom: 8px;
	width:660px;
}

/* Texte */
/* ----------------------------------------------------------------------------------- */
/*  */

.envedette{
font-size:16px;
line-height:19px;
font-weight:bold;
}

.pageTitle{
font-size: 16px;
font-weight: bold;
}

.pageSubTitle{
font-size: 13px;
font-weight: bold;
}

ul.grayList{
margin-left: 15px;
color: #707070;
list-style-type: square;
}

.petitTexte {font-size: 9px; }


/* Footer */
/* ----------------------------------------------------------------------------------- */
/*  */

#footer{
clear:both;
background:#3FB13F;
color:#fff;
width:980px;
font-size:11px;
line-height:16px;
height:95px;
#margin-top:30px;
}

#footer div, #coord2 ul, #heures2 ul{ float:left; }

#footer a{
color:#fff;
font-size:10px;
}

#coord1, #heures1{ 
text-align:right;
margin-left:70px;
margin-right:7px;
padding-top:12px;
}

#coord1{ _margin-left:35px; }

#coord2, #heures2{ padding: 12px 0 0 12px; }


/* ----------------------------------------------------------------------------------- */
/* Promotion */

.bordurePromo {border:#006600 solid 1px;}
.bordurePromo img { margin-bottom:10px; border:0;}
.petitTexte { font-size:10px;}

.titre-promo1{
font-size: 22px;
font-weight: bold;
line-height:28px;
}

.titre-promo2{
font-size: 16px;
font-weight: bold;
margin-bottom:12px;
}

.promotion{
text-align:center;
}

.promotion img{
display:block;
margin-bottom:10px;}

.centerpub {text-align:center; margin: 0 auto;}
.centerpub>div {margin: 0 auto;}
.bordurepoints { border: 1px solid black}