/* CSS Document */
* {
  padding:0;
  margin:0;
}
body {
	margin-top: 10px;
	background-color: #e7e7e7;
  font: 76% "Trebuchet MS", helvetica, sans-serif ;
  color: #333;
}

/* div */
.conteneur {
	background: url("/img/bg.jpg") repeat-y;
	width: 886px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

.header {
	background-image: url("/img/head.jpg");
	height: 133px;
}

.headerFlash {
	height: 133px;
}

.headernews {
	text-align: center;
	width: 153px;
	background:#336699;
	border:1px solid #cccccc;
	padding:5px 8px;
	color: #f7f7f7;
	}
	
.headClient {
	margin: auto;
	width:600px;
	background-color: #FF9959;
	border:1px solid #cccccc;
	padding:5px 8px;
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color: #FFFFFF;
}

.listbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border-width: 1px;
	border: 1px solid;
	border-color: #999999;
}

.boxClient {
	margin: auto;
	text-align: justify;
	line-height: 20px;
	width:600px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-color: #ffffff;
	padding:8px;
	font-family:Verdana, sans-serif;
	font-size:11px;
	}

.boxnews {
	width: 153px;
	height: auto;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:8px;
	background:#fff;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:10px;
	color: #666666;
	overflow: hidden;
	line-height: 15px;
	}


.boxLogin {
	width: 170px;
	height: auto;
	border-right:0px solid #cccccc;
	border-bottom:2px solid #000000;
	border-left:1px solid #cccccc;
	padding:8px;
	background:#f3f2e9;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:10px;
	color: #666666;
	overflow: hidden;
	line-height: 15px;
	text-align: center;
	}
	
.headerFiche {
	text-align: center;
	width: 123px;
	background:#dedede;
	border:1px solid #cccccc;
	padding:5px 8px;
	color: #f7f7f7;
	}
.boxFiche {
	width: 123px;
	height: auto;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:8px;
	background:#f1f1f1;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:10px;
	color: #666666;
	overflow: hidden;
	line-height: 15px;
	text-align: center;
}

.boxFicheImg2 {
	width: 138px;
	height: 465px;
	padding:4px;
	background: url("/img/outils_fiche_fond_pc.png") no-repeat;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:10px;
	color: #666666;
	overflow: hidden;
	line-height: 15px;
	text-align: center;
}

.main {
	background-color: transparent;
	height: auto;
	margin: 5px;	
}

.expose {
	border: 0px solid #dedede;
	background-color: #ffffff;
	height: auto;
}

.client {
	border: 1px solid #dedede;
	background-color: #ffffff;
	height: auto;
}

.search {
	background: url("/img/bg_search.jpg") repeat-x;
	height: 50px;
}

.questions {
	border: 1px solid #dedede;
	background-color: #f1f1f1;
	height: auto;
}

.fondOmbre {
	background: url("/img/bg_ombre.jpg") no-repeat;
	height: 5px;
}

.boxLegende {
	width: 146px;
	height: auto;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:8px;
	background:#f1f1f1;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:10px;
	color: #666666;
	line-height: 15px;
	text-align: center;
	font-style: italic;
	}


/* Resultats de recherche
********************************************/
.titreBien {
	background: url("/img/btnTitreBien.jpg") no-repeat;
	padding-top: 1px;
	padding-left: 10px;
	height: 20px;
}

/* Blocs elastique coins arrondis
********************************************/
#cadre {
	width: 170px;
	background-color: #f1f1f1;
}

#contenu {
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	}

#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 19px;
	width: 19px;
	background-repeat: no-repeat;
	font-size: 1px;
}

#hautgauche {
	background-image: url("/img/hautgauche.png");
}

#hautdroit {
	float: right;
	background-image: url("/img/hautdroit.png");
}

#basgauche {
	background-image: url("/img/basgauche.png");
}

#basdroit {
	float: right;
	background-image: url("/img/basdroit.png");
}

/* Blocs ombré coins arrondis fixes en largeur
********************************************/

.blockconteneur {
	background: url("/img/block_fd.jpg") repeat-y;
	width:337px;
}

.blockhaut {
	background: url("/img/block_haut.jpg") no-repeat; 
	height: 12px;
}

.blocktexte{
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size: 11px;
	line-height: 18px;
	color: #303e5a;
}

.blockbas {
	background: url("/img/block_bas.jpg") no-repeat;
	height: 12px;
}

/* Bloc pour la fiche
********************************************/
.blockconteneurFiche {
	background: url("/img/block_fd_fiche.jpg") repeat-y;
	width:658px;
}

.blockhautFiche {
	background: url("/img/block_haut_fiche.jpg") no-repeat; 
	height: 37px;
}

.blockbasFiche {
	background: url("/img/block_bas_fiche.jpg") no-repeat;
	height: 15px;
}

/* Bloc pour la fiche coup de coeur
********************************************/
.blockconteneurFicheCoeur {
	background: url("/img/block_fd_fiche_coeur.jpg") repeat-y;
	width:658px;
}

.blockhautFicheCoeur {
	background: url("/img/block_haut_fiche_coeur.jpg") no-repeat; 
	height: 37px;
}

.blockbasFicheCoeur {
	background: url("/img/block_bas_fiche_coeur.jpg") no-repeat;
	height: 15px;
}

/* Bloc pour la recherche
********************************************/
.blockconteneurSearch {
	background: url("/img/block_fd_search.jpg") repeat-y;
	width:337px;
}

.blockhautSearch {
	background: url("/img/block_haut_search.jpg") no-repeat; 
	height: 36px;
}

.blockbasSearch {
	background: url("/img/block_bas_search.jpg") no-repeat;
	height: 12px;
}

/* Bloc pour les nouveautes
********************************************/
.blockhautNouvo {
	background: url("/img/block_haut_nouvo.jpg") no-repeat; 
	height: 36px;
}

/* Bloc pour les coups de coeur
********************************************/
.blockhautCoeur {
	background: url("/img/block_haut_coeur.jpg") no-repeat; 
	height: 36px;
}

/* Bloc pour les promos
********************************************/
.blockhautPromo {
	background: url("/img/block_haut_promo.jpg") no-repeat; 
	height: 36px;
}

/* Bloc pour les vendus
********************************************/
.blockhautVendu {
	background: url("/img/block_haut_vendu.jpg") no-repeat; 
	height: 36px;
}

/* Bloc pour tous les messages
********************************************/
.blockconteneurMessage {
	background: url("/img/block_fd_message.jpg") repeat-y;
	width:255px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

.blockhautMessage {
	background: url("/img/block_haut_message.jpg") no-repeat; 
	height: 36px;
}

.blockbasMessage {
	background: url("/img/block_bas_message.jpg") no-repeat;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	}

/* Contenu sur 1 Column Layout
********************************************/
#leftSeul { 
	background-color: #fff;
	width: 100%; 
	height: auto;
	float: left;
}

	.cleaner {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
		}	

/* Contenu sur 2 Column Layout
********************************************/
#left { 
	background-color: #ffffff;
	width: 692px; 
	height: auto;
	float: left;
}

#right {
	background-color: transparent;
	width: 160px;
	margin-left: -6px; 
	height: auto; 
	float: left;
}

	.cleaner {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
		}	

/* Erreurs
********************************************/

.titre_erreur {
	font-style: normal;
	color: #ff6600;
}
.erreur {
	font-style: normal;
	color: red;
	font-weight:bold;
}
.ok {
	font-style: normal;
	color: green;
	font-weight:bold;
}
/* MooFX
********************************************/

.stretcher {
	width: auto;
	background:transparent;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 11px;
	margin-left: 5px;
}
.display {
	width: auto;
	height: auto;
	background: url("/img/btn_test.png") no-repeat;
	border:0px solid #cccccc;
	padding:5px 8px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 12px;
}

.display2 {
	width: auto;
	height: auto;
	background: url("/img/btn_fd.png") repeat-x;
	border:1px solid #cccccc;
	padding:5px 8px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 12px;
}

/* Menu
********************************************/

#navcontainer ul
{
 width: 881px;
	height: 30px;
 padding-left: 0;
 margin-left: 1px;
 background-color: #3a3a3a;
	background: url("/img/btn_fd_menu_on.jpg") repeat-x;
 color: White;
 float: left;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	border-top:1px solid #dedede;
	border-bottom:1px solid #bebebe;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
 padding: 0.5em 1em;
	background: url("/img/btn_fd_menu_on.jpg") repeat-x;
 color: #ffffff;
 text-decoration: none;
 float: left;
 border-right: 1px solid #cccccc;
}

#navcontainer ul li a:hover
{
 color: #999999;
}

#navcontainer li a#current
{
 color: #999999;
	background: url("/img/btn_fd_menu.jpg") repeat-x;
	border-bottom:1px solid #f1f1f1;
}


/* Sous Menu
********************************************/

#ssnav {
	background-color: #babdc6;
	height: auto;
	width: 880px;
	margin-left: 3px;
}

#ssmenu ul
{
	margin: 0px;
	white-space: nowrap;
	padding: 0;
}

#ssmenu li
{
	margin: 10px;
	display: inline;
	list-style-type: none;
}

#ssmenu a
{
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted #999;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size: 11px;
}

#ssmenu a:link, #ssmenu a:visited
{
	color: #000000;
	text-decoration: none;
}

#ssmenu a:hover
{
	border: 0px solid #cccccc;
	color: #ffffff;
	font-weight: normal;
}

#ssmenu li a#current
{
background-color: #999999;
border-color: #cccccc;
color: #FFFFFF;
}


/* footer
********************************************/

.footer {
	background-image: url("/img/footer.jpg");
	height: 50px;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size:0.8em;
	text-align: center;
	text-transform: uppercase;
}

.footerTxt {
	margin-top: 18px;
}

.footerImg {
	border: 0px solid #000000;
	margin-top: -17px;
	margin-left: 10px;
	width: auto;
	text-align: left;
}
/* tables */


/* buttons */

.btn_form {
	width: auto;
	height: auto;
	background: url("/img/btn_form.png") no-repeat;
	border:0px solid #cccccc;
	padding:6px 25px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 11px;
}

.btn_buy {
	width: auto;
	height: auto;
	background: url("/img/btn_buy.gif") no-repeat;
	border:0px solid #cccccc;
	padding:10px 70px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
}

.btn_demo {
	width: 140px;
	height: auto;
	background: url("/img/btn_demo2.gif") no-repeat;
	border:0px solid #cccccc;
	padding:9px 45px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 12px;
	text-transform: uppercase;
}

.btn_suite {
	width: auto;
	height: auto;
	background: url("/img/btn_suite.gif") no-repeat;
	border:0px solid #cccccc;
	padding:7px 60px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
}

.btn_plus {
	width: auto;
	height: auto;
	background: url("/img/btn_plus.gif") no-repeat;
	border:0px solid #cccccc;
	padding:0px 40px;
	margin-top: 10px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
}


/* links */

a {
	border: 0px dotted #999;
	}
a:link, a:visited {
	color: #ff6600;
	text-decoration: none;
	}
a:hover {
	border: 0px solid #cccccc;
	color: #336699;
	}


/* Boutons
********************************************/

.btn_suite a {
	border: 0px dotted #999;
	}
.btn_suite a:link, .btn_suite a:visited {
	color: #ffffff;
	text-decoration: none;
	}
.btn_suite a:hover {
	border: 0px solid #cccccc;
	color: #000000;
	}

.btn_plus a {
	border: 0px dotted #999;
	}
.btn_plus a:link, .btn_plus a:visited {
	color: #333333;
	text-decoration: none;
	}
.btn_plus a:hover {
	border: 0px solid #cccccc;
	color: #336699;
	}
	
.btn_buy a {
	border: 0px dotted #999;
	}
.btn_buy a:link, .btn_buy a:visited {
	color: #ffffff;
	text-decoration: none;
	}
.btn_buy a:hover {
	border: 0px solid #cccccc;
	color: #CC3300;
	font-weight: bold; 
	}

.btn_demo a {
	border: 0px dotted #999;
	}
.btn_demo a:link, .btn_demo a:visited {
	color: #ffffff;
	text-decoration: none;
	}
.btn_demo a:hover {
	border: 0px solid #cccccc;
	color: #66CCFF;
	font-weight: bold; 
	}
	
.btn_retour a {
	border: 0px dotted #999;
	}
.btn_retour a:link, .btn_retour a:visited {
	color: #333333;
	text-decoration: none;
	}
.btn_retour a:hover {
	border: 0px solid #cccccc;
	color: #336699;
	}

	
.footer a {
	padding: 1px 8px 1px 12px;
	border: 0px dotted #999;
	}
.footer a:link, .footer a:visited {
	color: #999999;
	text-decoration: none;
	}
.footer a:hover {
	border: 0px solid #cccccc;
	color: #333333;
	}
	
/* titres */
h1 {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:15px;
	color: #FF9933;
	margin-bottom: 10px;
	font-weight: bold;
}

h2 {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:14px;
	color: #333366;
	margin-bottom: 10px;
	font-weight: bold;
}

h4 {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:12px;
	color: #666699;
	margin-bottom: 5px;
}

h5 {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:11px;
	color: #000;
	margin-bottom: 5px;
	line-height: 20px;
}

.autresInfosTitre {
	font-style: normal;
	color: #333366;
	font-weight:bold;
}

.autresInfos {
	font-style: normal;
	color: #336699;
	font-weight:normal;
}

/* Titres formulaires */

h6 {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:12px;
	color: #004080;
}

/* Titres formulaires obligatoires */

h7 {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:12px;
	color: #FF0000;
}

p {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:12px;
	color: #336699;
	line-height: 18px;
}

p.encart {
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:11px;
	color: #996699;
	line-height: 18px;
}

ol {
	padding-left: 25px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:11px;
	color: #996699;
	line-height: 18px;	
}

li {
	padding-left: 10px;
}

ul.list {
	list-style-type: circle;
	padding-left: 15px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:11px;
	color: #996699;
	line-height: 18px;	
}

li.list {
	padding-left: 19px;
}

ul.faq {
	list-style-type: circle;
	padding-left: 25px;
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	font-size:11px;
	color: #993333; ;
	line-height: 18px;	
}

li.faq {
	padding-left: 10px;
}

hr {
	margin: 1em 0;
	background:#dedede;
	height:1px;
	color:#E1E1E1;
	border:none;
	clear:both
}

hr.options {
	margin: 0px 0;
	background:#dedede;
	height:1px;
	color:#E1E1E1;
	border:none;
	clear:both
	}

hr.fiche {
	margin: 0.1em 0;
	background:#aeaeae;
	height:1px;
	color:#E1E1E1;
	clear:both
	}

fieldset {
	width: 98%;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:transparent;
	}

td.center {
	text-align: center;
}

/* lightbox
********************************************/


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


/* highslide
********************************************/

.highslide {
	cursor: url(/modules/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}