/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font:11px Verdana, Geneva, sans-serif, sans-serif;}

/* Titraille / Intertitres */
#product h3.spip {font:bold 12px Arial, Helvetica, sans-serif; text-align:left; margin:10px 0 0 0;} /* Cf.: spip_style.css */

h3.spip {font:bold 12px Arial, Helvetica, sans-serif; text-align:center; margin:10px 0 0 0;} /* Cf.: spip_style.css */
h4.spip {font:bold 12px Arial, Helvetica, sans-serif; text-align:left; margin:10px 0 0 0;} /* Cf.: spip_style.css */

p {margin:0 0 10px 0;}
hr.spip {} /* Cf.: spip_style.css */

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

strong{color:#E2001A;}
.caractencadre-spip{color:#E2001A;}
/* ------------------------------------------
/* design gris
/* ------------------------------------------ */

body.gris{
	background-color:#393E45; color:#CCCCCC;
}

#pageSommaire{
	margin:150px auto 0 auto; width:630px; height:305px; position:relative;
}
#pageSommaire .gauche{
	position:absolute; top:0; left:0; width:310px;
}
#pageSommaire .gauche .pad{
	width:306px; height:306px;
	position:relative; top:5px; left:5px;
}
#pageSommaire .gauche .lang{
	padding:2px 5px; position:absolute; left:5px; top:120px;
}
#pageSommaire .gauche .lang a{
	color:#FFFFFF; text-decoration:none; font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#pageSommaire .droite{
	position:absolute; top:0; left:320px; height:310px; width:310px;
}
#pageSommaire .droite .pad{
	padding:2px 5px;
}
#pageSommaire .droite table{
	border-collapse: collapse; padding:0; width:100%
}
#pageSommaire .droite td.left{
	padding:16px 5px 0 0; width:50%; vertical-align:top; text-align:center;
}
#pageSommaire .droite td.right{
	padding:16px 0 0 15px; width:50%; vertical-align:top; text-align:center;
}
#pageSommaire .droite td.left .adresse{
	border-bottom:3px solid #999999; padding-bottom:6px; margin-right:10px;
}
#pageSommaire .droite td.right .adresse{
	border-bottom:3px solid #999999; padding-bottom:6px; margin-right:10px;
}

#pageSommaire .droite td.left .adresse strong{
	color:#999999;
}
#pageSommaire .droite td.right .adresse strong{
	color:#999999;
}

#page{
	margin:60px auto 0 auto; width:990px; position:relative;
}
#page .menu{
	height:60px; position:relative;
}
#page .menu .item{
	margin:0; padding:0 25px 0 0; float:left;
}
#page .menu .item a.itm{
	color:#CCCCCC; text-decoration:none; padding:10px 0 10px 15px; line-height:15px; display:block;
	background:url(../vsl/puce_menu_haut.png) no-repeat left center;
}
#page .menu .item a.itm:hover{
	color:#CC6666; background:url(../vsl/puce_menu_haut_over.png) no-repeat left center;
}
#page .menu .itemSpe{
	margin:0; padding:0 25px 0 0; float:left;
}
#page .menu .itemSpe a.itm{
	color:#FF6600; text-decoration:none; text-transform:uppercase; padding:10px 0 10px 15px; line-height:15px; display:block;
	background:url(../vsl/puce_menu_haut_spe.png) no-repeat left center;
}
#page .menu .itemSpe a.itm:hover{
	color:#FF9900; background:url(../vsl/puce_menu_haut_spe_over.png) no-repeat left center;
}

#page .menu .itemSelec{
	margin:0; padding:0 25px 0 0; float:left;
}
#page .menu .itemSelec a.itm{
	color:#FF9900; text-decoration:none; padding:10px 0 10px 15px; line-height:15px; display:block;
	background:url(../vsl/puce_menu_haut_spe_over.png) no-repeat left center;
}
#page .menu .itemSelec a.itm:hover{
	color:#FF9900; background:url(../vsl/puce_menu_haut_spe_over.png) no-repeat left center;
}

#page .menu .itemSelecSpe{
	margin:0; padding:0 25px 0 0; float:left;
}
#page .menu .itemSelecSpe a.itm{
	color:#FF9900; text-decoration:none; text-transform:uppercase;padding:10px 0 10px 15px; line-height:15px; display:block;
	background:url(../vsl/puce_menu_haut_spe_over.png) no-repeat left center;
}
#page .menu .itemSelecSpe a.itm:hover{
	color:#FF9900; background:url(../vsl/puce_menu_haut_spe_over.png) no-repeat left center;
}


#page .logo{
	position:absolute; top:-5px; right:0;
}

#page .conteneur .sommaire{
	height:305px; overflow:hidden; position:relative;
}
#page .conteneur .sommaire .motif{
	position:absolute; left:0; top:0; width:305px; height:305px;
	background:url(../vsl/motif.gif) no-repeat left top;
}

#page .conteneur .sommaire .blocPromo{
	position:relative; left:0; top:0; width:20px; height:305px;
}
#page .conteneur .blocPromo .promotion{
	position:absolute; left:0; top:0; width:20px; height:305px;
}
#promo{
	position:absolute; left:20px; top:0;
	width:285px; height:305px; background-color:#212121;
	visibility:hidden; display:none;
}
#promo h1{
	color:#CC0000;
	font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:5px 0;
	text-align:center; padding-right:12px;
}
#promo p{
	margin:8px 0; text-align:center; padding-right:12px;
}
#promo a{
	color:#CCCCCC;
}

#page .conteneur .sommaire .Menu{
	position:absolute; top:50px; left:179px;
}
#page .conteneur .sommaire .Menu .spip_logos{
	margin-right:10px;
}

#page .conteneur .sommaire .designers{
	position:absolute; left:305px; bottom:0; z-index:20; color:#FFFFFF; height:30px;
	background:url(../vsl/fond_designers.gif) repeat-y left top; padding:0 5px;
}

#page .conteneur .Page table{
	border-collapse:collapse; padding:0; width:100%; height:500px;
}
#page .conteneur .Page .menu{
	width:305px; vertical-align:top; background:url(../vsl/motif_page.gif) no-repeat right top;
}
#page .conteneur .Page .menu .designers{
	position:absolute; top:350px; left:130px; color:#FFFFFF; height:30px;
	background:url(../vsl/fond_designers.gif) repeat-y left top; padding:0 5px;
}
#page .conteneur .Page .menu .lang{
	position:absolute; top:410px; left:130px; color:#FFFFFF;
	font:11px Arial, Helvetica, sans-serif;
}
#page .conteneur .Page .menu .lang a{
	color:#999999;
}
#page .conteneur .Page .menu .lang a:hover{
	color:#FFFFFF;
}
#page .conteneur .Page .menu .CarreVertical{
	width:112px; position:relative; top:0; left:0;
}
#page .conteneur .Page .menu .CarreVertical .spip_logos{
	margin-bottom:5px;
}
#page .conteneur .Page .menu .selection{
	position:absolute; top:0; right:10px;
}
#page .conteneur .Page .contenu{
	width:685px; vertical-align:top; background:#A2A7AE;
}
#page .conteneur .Page .contenu h1{
	font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:10px 0; color:#333333;
}
#page .conteneur .Page .contenu .texte{
	font:11px/15px Verdana, Geneva, sans-serif; margin:0 0 10px 0; color:#333333;
	text-align:justify;
}
#page .conteneur .Page .contenu .images{
	float:right; margin:0 0 20px 40px;
}
#page .conteneur .Page .contenu .images a{
	color:#333333;
}
#page .conteneur .Page .contenu .images a:hover{
	color:#FF0000;
}
#page .conteneur .Page .contenu .images img{
	display:block; margin:0 0 10px 0;
}
#page .conteneur .Page .contenu .pad{
	padding:10px 20px;
}
#page .conteneur .Page .contenu .titre{
	position:relative; padding-bottom:6px;
}
#page .conteneur .Page .contenu .titreStandart{
	border-bottom:1px solid #CCCCCC;
}
#page .conteneur .Page .contenu .titre .selection{
	position:absolute; right:0; bottom:6px; font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666666;
}
#page .conteneur .Page .contenu table{
	border-top:1px solid #999999; margin-bottom:18px; width:100%; height:auto;
	border-collapse:collapse;
}
#page .conteneur .Page .contenu td{
	vertical-align:top; color:#333333;
}
#page .conteneur .Page .contenu td.left{
	vertical-align:middle; width:120px; padding:6px 10px 6px 0;
}
#page .conteneur .Page .contenu td.center{
	vertical-align:top; padding:6px 10px 6px 0;
}
#page .conteneur .Page .contenu td.center h1{
	text-align:left; margin:0 0 8px 0; font:16px Verdana, Geneva, sans-serif; color:#333333;
}
#page .conteneur .Page .contenu td.center a{
	color:#666666; display:block; padding:6px 0;
}
#page .conteneur .Page .contenu td.center a:hover{
	color:#FFFFFF;
}
#page .conteneur .Page .contenu h1{
	font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:10px 0;
}
#page .conteneur .Page .contenu .galerie{
	margin:10px 0; tex-align:left;
}
#page .conteneur .Page .contenu .galerie .log{
	padding:10px; clear:both; text-align:center;
}
#page .conteneur .Page .contenu table.fiche{
	border:none; width:100%;
}
#page .conteneur .Page .contenu table td.galerie{
	width:50%; vertical-align:top; padding-top:10px;
}
#page .conteneur .Page .contenu table td.galerie a{
	color:#333333; font-size:10px;
}
#page .conteneur .Page .contenu table td.galerie a:hover{
	color:#FF0000;
}
#page .conteneur .Page .contenu table td.descriptif{
	width:50%; vertical-align:top;
}
#page .conteneur .Page .contenu table td.descriptif a{
	color:#333333;
}
#page .conteneur .Page .contenu table td.descriptif a:hover{
	color:#FFFFFF;
}
#page .conteneur .Page .contenu table td.descriptif .chapo{
	text-align:justify; line-height:15px; position:relative;
}
#page .conteneur .Page .contenu table td.descriptif .conseils{
	text-align:justify; line-height:15px; font-style:italic;
	border-top:1px solid #CCCCCC;
}
#page .conteneur .Page .contenu table td.descriptif .pdf{
	border-top:1px solid #CCCCCC; padding-top:8px;
}
#page .conteneur .Page .contenu table td.galerie #designer{
	background:#23282D; position:absolute; left:-40px; top:340px;
	width:340px; height:200px; overflow:hidden;
}
#page .conteneur .Page .contenu table td.galerie #nb_photos{
	position:absolute; top:292px;left:130px;
	width:340px; height:100px; overflow:hidden;
}
#page .conteneur .Page .contenu table td.galerie #designer .bloc{
	padding:0 10px 0 18px;
}
#page .conteneur .Page .contenu table td.galerie #designer .bloc .portrait{
	position:absolute; top:0; left:53px;
}
#page .conteneur .Page .contenu table td.galerie #designer .bloc .resume{
	position:absolute; top:8px; left:150px; color:#CCCCCC; width:175px;
	text-align:left; font:11px Verdana, Geneva, sans-serif;
}
#page .conteneur .Page .contenu table td.galerie #designer .bloc .resume a{
	color:#FFFFFF;
}
#page .conteneur .Page .contenu table td.galerie #designer .bloc .resume p{
	margin:6px 0; text-align:left;
}
#page .conteneur .Page .contenu table td.galerie #designer .bloc .resume h1{
	font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 0 5px 0;
	color:#CCCCCC;
}
#pagination{
	margin:5px 0; font:10px Verdana, Geneva, sans-serif; color:#333333;
	border-top:1px solid #999999; padding-top:5px;
}
#pagination a{
	color:#333333;
}
#pagination a:hover{
	color:#FFFFFF;
}
#page .conteneur .Page .contenu td.right{
	vertical-align:top; width:120px; border-left:1px solid #999999; padding:6px 0 6px 10px;
	font:10px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#page .conteneur .Page .contenu td.right .spip_logos{
	padding-top:15px;
}
#page .adresse{
	position:relative; padding-top:8px; padding-bottom:20px; color:#999999;
}
#page .adresse .lang{
	padding:5px 0 15px 0; font:10px Verdana, Geneva, sans-serif;
}
#page .adresse .lang a.partenaires{
	text-transform:uppercase; color:#FFFFFF; background:#666 url(../vsl/picto_partenaires.png) no-repeat 6px center; padding:5px 6px 5px 35px;
	-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;border-radius:4px;
}
#page .adresse .lang a.partenaires:hover{
	background:#507A8D url(../vsl/picto_partenaires.png) no-repeat 6px center;
}
#page .adresse .texteAdresse{
	float:right; text-align:right; font-size:10px;
}
#page .adresse .texteAdresse strong{
	font-size:20px;
	color:#ffffff;
	font-weight:none;
}
#page .adresse a{
	color:#999999; text-decoration:none;
}
#page .adresse a:hover{
	color:#FFFFFF;
}
#page .marques{
	position:relative; background-color:#FFFFFF; padding:0; height:35px; overflow:hidden;
}

#pageDesigners{
	margin:20px auto 0 auto; width:600px; position:relative;
}
#pageDesigners .hautPage{
	position:relative; top:0; left:0; border-bottom:1px solid #999999; padding-bottom:5px;
	height:40px; margin-bottom:15px;
}
#pageDesigners .hautPage .logo{
	position:absolute; bottom:5px; right:0; vertical-align:middle;
}
#pageDesigners .contenu{
	position:relative;
}
#pageDesigners .contenu h1{
	text-align:left; font:bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#CC0000;
}
#pageDesigners .contenu .texte{
	padding:0; text-align:justify; color:#333333;
}
#pageDesigners .contenu .photo{
	float:left; margin:0 40px 50px 0; padding-top:10px;
}


#pied{
	text-align:center;vertical-align:top; width:800px;margin:20px auto 5px auto; font:10px Verdana; color:#999999;
}
#pied .texteAdresse strong{color:#999999;}


/* ------------------------------------------
/* design blanc
/* ------------------------------------------ */

body.blanc{
	background-color:#FFFFFF; color:#333333;
}

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: none; outline:none;}

/* Easy Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;


}
#slider, #slider li{
	/*
	define width and height of container element and list item (slide)
	list items must be the same size as the slider area */
  position:relative;
  width:300px;
  height:280px;
  overflow:hidden;
}

span.titre{
	color:red; position:absolute; right:0; top:500px; font:10px Verdana, Geneva, sans-serif;
	background:#CF6F4B; padding:2px;
}
#slider a{
	/*border:1px solid #CCCCCC; display:block;*/
}
#slider a:hover{
	/*border:1px solid #E2001A;*/
}

span#prevBtn{line-height:25px;}
span#nextBtn{line-height:25px;top:2px;}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #fff;
border:1px solid;
width: 990px;
height: 35px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 5px;
width: 990px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 990px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0; list-style:none;
}
ul.newsticker li img{
margin:0 0 30px 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 30px 0 0;
}
ul.newsticker span {
	/*padding: 0 30px 0 0;*/
}


.liste_marques{background:#ffffff;}
.liste_fournisseurs {margin-right:40px;padding-top:10px;}
.liste_fournisseurs img{vertical-align:middle;padding:5px;}
li .fournisseur{list-style:none;display:inline;margin:0;padding:0;width:150px;}
.rubrique_fournisseur{list-style:none;margin:0;padding:20px 0px;color:#666666;font-weight:900;font-size:14px;}

#formulaire_recherche {width:180px;height:10px;padding:2px;margin:0px;position:absolute;top:60px;right:80px;border:1px solid #A2A7AE;font:11px Verdana, Geneva, sans-serif, sans-serif;}
#formulaire_recherche .bouton {border:0px;background:transparent;font:11px Verdana, Geneva, sans-serif, sans-serif;color:#333333;cursor:pointer;}

#formulaire_recherche_article {width:180px;height:10px;padding:2px;margin:0px;position:absolute;top:60px;right:20px;border:1px solid #A2A7AE;font:11px Verdana, Geneva, sans-serif, sans-serif;}



#retour_accueil{
	padding-top:5px;
	padding-left:14px;
	margin-left:20px;
	background:url(../vsl/retour.png) 0% 100% no-repeat ;
}
#retour_accueil a{
	color:#ffffff;
}


.productdesigner{list-style:none;display:inline;margin:0;padding:0;width:150px;text-align:center;}