/* --- PAGE --- */
body {
 margin:0;
 text-align:center;
 background-color:#F60;
 color:#000;
 font: 12px verdana, arial, sans-serif;
}

#all {
 margin-left: auto;
 margin-right: auto;
 width: 900px;
 background-color:#FFF;
}

/* --- TETIERES --- */
#header {
 position:relative;
 text-align:left;
 background:#FFF url("/images/header.jpg");
 background-repeat:no-repeat;
 width:900px;
 height:204px;
}
#logo {
 position:absolute;
 top:15px;
 left:10px;
}
#baseline {
 position:absolute;
 top:70px;
 left:520px;
 width:140px;
}
#baseline li {
 list-style-image:url("/images/puce.gif");
 line-height:1.2em;
}

/* --- PIED DE PAGE --- */
#footer {
 background-color:#F60;
 clear:left;
 text-align:right;
 width:900px;
 margin-top:20px;
 padding-top:5px;
 padding-bottom:5px;
 font: 10px verdana, arial, sans-serif;
 color:#FFF;
}
#footer a {
 /* color: #F47E33; */
}
#footer p {
 font: 10px verdana, arial, sans-serif;
}

/* --- CONTENU --- */
#content {
 text-align:left;
 /*border:solid 1px red;*/

}
#ariane {
 margin-top:10px;
 font-size:10px;
}

/* --- MENU --- */
#menu {
 float:left;
 margin-left:20px;
 width:220px;
 padding-bottom:40px;
}

#main {
 margin-left:240px;
 padding-left:40px;
 width:580px;
 padding-bottom:40px;
}
.contenu {
 border-top:solid 1px #DDD;
 width:610px;
}
.space {
 height:10px;
 width:510px;
 /*border:solid 1px #D5E3A7;*/
}

#liste_produit {
 width:100%;
}
#product_image {
 float:left;
 margin-right:20px;
}
#product_description {
 margin-top:30px;
}

#navbar {
 font-size:18px;
 font-weight:bold;
}


/* ########################## MENU TOP #################################### */

div#menutop {padding-top:35px; height:22px; text-align:left;}
div#menutop a {color:#F60; font-weight:bold; font-size:11px;}
div#menutop ul {padding: 0; margin:0px;}
div#menutop li:hover {background: #EEE;}
div#menutop li.sousmenu:hover {background: #EEE;}
div#menutop ul li {position:relative; list-style:none; border-left:1px solid #EEE; float:right;}
div#menutop ul.niveau2 li {float:left;} 	/* aligne à gauche les sous-menu */
div#menutop ul.niveau2 a { font-weight:normal; }
div#menutop ul ul {position:absolute; display:none;}
div#menutop li a {text-decoration:none; padding: 4px 6px 4px 6px; display:block; }
div#menutop li.sousmenu:hover ul.niveau2 {display:block;}



#recherche {
 margin:20px;
 text-align:center;
}
#newsletter {
 width:185px;
 margin-top:10px;
 /*padding:10px;
 text-align:center;
 background:#D6E4C8;
 border:solid 1px 2EA944;*/
}
.newsletter-text {
 font-weight:normal;
 font-family:arial, helvetiva;
 font-size:10px;
}
.newsletter-title {
 font-weight:bold;
 line-height:24px;
}

#menu a:link {
 text-decoration:none;
 color:#29AD42;
}
#menu a:visited {
 text-decoration:none;
 color:#29AD42;
}
#menu a:hover {
 text-decoration:underline;
 color:#29AD42;
}
/*
#menu a.selected {
 color:#FFFFCC;
}
*/


/* Hack IE 6 et 7 top:right:bottom:left */


#menu ul {
 padding:0;
 margin:0;
}
#menu li {
 font: 14pt Comic Sans MS, verdana, arial, sans-serif;
 font-weight:bold;
 list-style-type:none;
 /*padding:3px 3px 3px 10px;*/
}


#menu li.sublist0 { padding: 3px 1px 1px 5px; }
#menu li.sublistselected0 { padding: 3px 1px 1px 5px; background:#E1E9C8; }
#menu li.sublist1 { padding: 3px 1px 1px 10px; font-weight:normal;}
#menu li.sublistselected1 { padding: 3px 1px 1px 10px; font-weight:normal; background:#E1E9C8; }
#menu li.sublist2 { padding: 3px 1px 1px 20px; font-weight:normal;}
#menu li.sublistselected2 { padding: 3px 1px 1px 20px; font-weight:normal; background:#E1E9C8; }

#search_footer {
 font: 14px verdana, arial, sans-serif;
 color:#DDD;
}


hr { height: 1px; }


/* --- TEXTES --- */
h1 {
 font: 18pt Comic Sans MS, verdana, arial, sans-serif;
 font-weight:bold;
 margin-top:30px;
}
h2 {
 font: bold 14px verdana, arial, sans-serif;
}

p, td, li {
 font: 12px verdana, arial, sans-serif;
}
li.checked {
 color:#FF0;
 text-decoration: line-through ;
}

img { border:none}

.petit {
 font: 11px verdana, arial, sans-serif;
 color:#DDD;
}
A:link {
 color:#060;
 text-decoration:none;
}
A:visited {
 color:#060;
 text-decoration:none;
}
A:hover {
 color:#060;
 text-decoration:underline;
}

.asterix { color:red; }

.erreur {
 font: 12px verdana, arial, sans-serif;
 background-color:#FCC;
 padding:3px;
 color:#F00;
 margin-bottom:10px;
 border:solid 1px #F00;
}

.succes {
 font: 12px verdana, arial, sans-serif;
 background-color:#CFC;
 padding:3px;
 color:#390;
 margin-bottom:10px;
 border:solid 1px #390;
}

.info {
 font: 11px verdana, arial, sans-serif;
 background-color:#EEE;
 padding:10px;
 color:#999;
 margin-bottom:10px;
 border:solid 1px #CCC;
}

table#classic {
	/* background-color:#CCC;
	margin-top:10px; */
	width:100%;
}

table#classic th {
	background-color:#666;
	color:#FFFFFF;
	padding:5px;
	/* font-family:arial,helvetica,sans-serif; */
	font-size: 10pt;
}
table#classic td {
	/* background-color:#EEE; */
	padding:4px;
	/* color:#000; */
	font-size: 9pt;
	vertical-align : top;

}
.right {
 text-align:right;
}
.center {
 text-align:center;
}
select {
 font-size:9pt;
}
table#galerie td {
 padding:5px;
 background-color:#C1B18F;
 color:#FFF;
 border:1px solid #FFF;
}
.photo_description {
 font-size:8pt;
 font-weight:bold;
}

.vignette {
 padding: 0px;
 border:solid 1px #DDD;
 float: left;
 margin: 2px 15px 10px 0;
}

.vignette a:hover {
 text-decoration:none;
}


.vignette_pdf {
 width:75px;
 height:75px;
 background-image:url("/images/fond_pdf.png");
 background-repeat: no-repeat;
 /* border: solid 1px red; */
 margin: 2px 15px 10px 0;
}


input { font-size:9pt}

#liensuivant {
 float:right;
 background-image:url("/images/ico_16_liensuivant.gif");
 background-repeat: no-repeat;
 background-position:100% 100%;
 padding-right:20px;
}
.actu_date {
 display:block;
 font-size:0.9em;
 color:#999;
}

#mainhome {margin-left:240px;width:660px}

/* --------------------------------- MAGASIN LE PLUS PROCHE (GEOLOC) ------------ */
.geolocform {position:relative}
#choix { position:absolute;z-index:10;display:none;width:283px;top:24px;background:#FFF;margin:0;margin-left:0px;}
.ligne { border-bottom:solid 1px #CCC; border-right:solid 1px #CCC;border-left:solid 1px #CCC; padding:4px; }
.ligne:hover { background-color:#E8EDFB }
.ligne a { color:#000; }
.last { font-size:8pt; padding:2px; }

/* --------------------------------- GALLERIFFIC -------------------------------- */
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: block;width:660px;height:440px;}
div.slideshow {position:absolute;float:right;width:660px;height:440px;overflow:hidden;z-index:1;}
div.slideshow span.image-wrapper {float: left;}
div.slideshow a.advance-link {display: block;}
div.slideshow img {display: block;width:660px;height:440px;}
ul.thumbs {margin:0;padding:0;float:none !important;height:54px;position:absolute;right:10px;top:10px;}
ul.thumbs li {float: left;padding: 0; margin: 4px;list-style: none; background:url("/images/2013/diapopuce.png")}
ul.thumbs li.selected {float: left;padding: 0;margin: 4px;list-style: none; }
a.thumb {display: block;}
ul.thumbs li.selected a.thumb {}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display:block;width:15px;height:15px;}
div.navigation div.top {}
div.navigation div.bottom {}
div.pagination a, div.pagination span.current {display: block;float: left;}
div.pagination a:hover {background-color: #eee;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #3a3a3a;border-color: #3a3a3a;color: #fff;}
.caption {width:660px;height:115px;margin-top:320px;display:block}
.caption h2 { font-size:24px; font-weight:bold; color:#FFF; margin-left:38px; padding-top:20px;margin-bottom:0; }
.caption p {  color:#FFF; font-weight:bold; margin-left:38px; margin-top:5px;}
.caption a:hover {text-decoration:none}
div.navigation {margin:0;padding:0;position:absolute;z-index:6;height:50px;width:660px;
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
#diaporama_mask{position:absolute;margin:0;background:url("/images/2013/mask.png");width:660px;height:440px;overflow:hidden;z-index:2;}

/* --------------------------------- CARROUSEL -------------------------------- */
.carrouselbloc {position:relative; border-bottom:solid 8px #C6C988; padding-bottom:10px}
.carrouselbloc a:hover {text-decoration:none}
.carrousel {visibility:visible; overflow:hidden; position:relative; margin-left:30px; margin-top:10px; height:155px}
.carrousel li {overflow:hidden; float:none; width:280px; height:155px; padding-right:10px; padding-left:10px; border-right:solid 1px #97BF0D;}
.prev {position:absolute; top:60px; left:10px; width:10px; height:28px; background:url("/images/2013/prev.png") no-repeat}
.next {position:absolute; top:60px; right:10px; width:10px; height:28px; background:url("/images/2013/next.png") no-repeat}