body{
	margin: 0px;
	background: #000;
	font: 12px verdana;
	color: white;
}

img	{border: 0px;}
p{margin-top: 0px;}
form{margin: 0px;}


#general{
	width: 800px;
	margin: auto;
	
}

/**
 * Header
 */
#header{
	background: url(../../skins/v2008/bg_menu.jpg) transparent no-repeat top right;
	position: relative;
}

ul#menu_h, ul#menu_b{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#menu_h li, ul#menu_b li{
	float: left;
}

ul#menu_h li a, ul#menu_b li a{
	display: block;
	background: url(../../skins/v2008/menu.jpg) transparent no-repeat top left;
	text-indent: -9999px;
}


ul#menu_h{position: absolute; top: 15px; left: 203px;}
ul#menu_h, ul#menu_h li, ul#menu_h li a{height: 25px;}

a#collection:link, a#collection:visited{width: 96px; background-position: 0px 0px;} 
a#collection:hover{background-position: 0px -49px;}
a#esprit:link, a#esprit:visited{width: 69px; background-position: -96px 0px;} 
a#esprit:hover{background-position: -96px -49px;}
a#partenariats:link, a#partenariats:visited{width: 121px; background-position: -165px 0px;} 
a#partenariats:hover{background-position: -165px -49px;}
a#presse:link, a#presse:visited{width: 65px; background-position: -286px 0px;} 
a#presse:hover{background-position: -286px -49px;} 

ul#menu_b{position: absolute; top: 40px; left: 242px;}
ul#menu_b, ul#menu_b li, ul#menu_b li a{height: 24px;}

/* 4 66 */
a#design:link, a#design:visited{width: 66px; background-position: -36px -25px;} 
a#design:hover{background-position: -36px -74px;}
a#goodies:link, a#goodies:visited{width: 79px; background-position: -102px -25px;} 
a#goodies:hover{background-position: -102px -74px;}
a#pdv:link, a#pdv:visited{width: 139px; background-position: -181px -25px;} 
a#pdv:hover{background-position: -181px -74px;}
a#contact:link, a#contact:visited{width: 78px; background-position: -320px -25px;} 
a#contact:hover{background-position: -320px -74px;}

/**
 * Footer
 */
#footer{
	text-align: center;
}

#footer ul{
	margin: 10px 0 0 0;
	padding: 0px;
	list-style-type: none;
	height: 20px;
}

#footer ul li{
	display: inline;
	font-size: 10px;
	background: url(../../skins/v2008/menu_bas.png) transparent no-repeat 0px 7px;
	padding-left: 5px;
}

#footer ul li.start{
	background: none;
	padding-left: 0px;
}
 

 
/**
 * Contenu
 */
 
#conteneur{
	overflow: auto;
	height: 1%;
	padding-left: 100px;
	/*background: url(../../skins/v2008/bg_esprit.jpg) transparent no-repeat top left;*/
	background: url(../../skins/v2008/bg_contenu.jpg) transparent repeat-y top left;
	position: relative;
}

#conteneur2{
	overflow: auto;
	height: 1%;
}

#menu_gauche{
	width: 133px;
	float: left;
	background: #b3b3b3;
}

#contenu{
	float: left;
	border: 2px solid #b3b3b3;
	width: 460px;
	margin-left: 5px;
	position: relative;
}

#img_esprit{
	position: absolute;
	top: 41px;
	left: 27px;
}



/**
 * Page collection
 */
 
#collec_accueil{ vertical-align: bottom;}



/**
 * Colonne gauche
 */

#menu_gauche h2{
	font: 13px verdana;
	color: red;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding-left: 15px;
}

#menu_gauche ul#familles, #menu_gauche ul#client{
	margin: 0 0 35px 15px;
	padding: 0px;
	list-style-type: none;
	color: #000;
}

#menu_gauche ul#client{
	margin-left: 30px;
}

#menu_gauche ul#familles li{
	margin-bottom: 15px;
}

#menu_gauche ul#familles li ul.sous-familles{
	margin: 0 0 0 15px;
	padding: 0px;
	list-style-type: none;
}

#menu_gauche ul#familles li ul.sous-familles li{
	margin: 0px;
}

#client_id{
	padding-left: 10px;
	background: #eee;
	color: red;
}

#client_id span{
	color: #000;
	font-weight: bold;
}


/**
 * Liste d'articles
 */

#liste_articles{
	position: relative;
	background: url(../../skins/v2008/bg_liste_articles.jpg) transparent repeat-y top left;
	overflow:auto;
	height: 1%;
}


.list_art{
	width: 160px;
	border-right: 2px #b3b3b3 solid;
	border-bottom: 2px #b3b3b3 solid;
	text-align: center;
	background: #fff;
}

#collec_esprit{
	float: right;
	margin-right: 137px;
}

h2#nom_famille{
	font: 15px verdana; 
	font-weight: bold; 
	color: red;
	position: absolute;
	top: 90px;
	left: 330px;
}


/**
 * Détail article
 */
#detail_articles{
	position: relative;
	overflow: auto;
	height: 1%;
	background: #b3b3b3;
}

#detail_photos{
	float: left;
	width: 325px;
	background: #fff;
}

.detail_aff_photo{
	height: 376px;
	border-bottom: 2px solid #b3b3b3;
}

html>body .detail_aff_photo{
	height: auto;
	min-height: 376px;
}

#detail_infos{
	width: 133px;
	border-left: 2px solid #b3b3b3;
	float: left;
}

#detail_description{
	background: url(../../skins/v2008/bg_article.jpg) #fff repeat-x top left;
	height: 361px;
	padding: 15px 3px 0px 3px;
	font-weight: bold;
	font-size: 11px;
}

#detail_description h4{
	color:black;
	font-size:11px;
	font-weight:bold;
	margin: 0 0 5px 0;
}

#detail_description h3{
	color:#E7009F;
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
	margin: 0 0 20px 0;
}

#detail_long_desc{
	height: 150px;
}

#form_produits{
	margin-top: 40px;
}

#form_produits p{
	position: relative;
	color: #000;
	margin-bottom: 10px;
}

#form_produits p select{
	position: absolute;
	left: 60px;
	margin-top: -2px;
	width: 65px;
}

/**
 * Page esprit
 */
#esprit_big{float: left; width: 324px;}
#texte_esprit{float: left; margin:0 5px 0 10px; width: 121px;}
	#texte_esprit h3{font-size: 13px; margin-top: 2px;}

/**
 * Page partenaires
 */
#partenaires{text-align: center;}

/**
 * Page goodies
 */
#texte_intro_goodies{padding: 10px 10px 40px 15px;}
ul#goodies_link{
	list-style-type: none;
	margin: 10px 0 0 15px;
	padding: 0px;
}

p.p_tn_wall{
	overflow: auto;
	height: 1%;
	margin: 0px;
}

p.p_tn_wall img{
	float: left;
	border-right: 2px #B3B3B3 solid;
	border-bottom: 2px #B3B3B3 solid;
}

#bg_wallpapers{
	background: #b3b3b3;
}

#h2_wall{
	float: right;
	color: #ff0000;
	font-size: 14px;
	margin-right: 15px;
	padding-top: 20px;
}




.texte{
	/* Texte blanc classique */
	font: 11px verdana;
	color: white;
}

.texte_blk{
	/* Texte noir classique */
	font: 11px verdana;
	color: black;
}

.texte_middle{
	/* Texte blanc taille 12 */
	font: 12px verdana;
	color: white;
}

.texte_big{
	/* Texte blanc gras taille 13 */
	font: 13px verdana;
	color: white;
	font-weight: bold;
}

.texte_big_red{
	/* Texte rouge gras taille 13 */
	font: 13px verdana;
	color: red;
	font-weight: bold;
}

.colgrp{
	/* Collection -> Nom du groupe: noir décalé taille 12*/
	font: 12px verdana;
	color: black;
	padding-left:15px;
}

.colfam{
	/* Collection -> Nom famille: blanc sur-décalé taille 12*/
	font: 12px verdana;
	color: white;
	padding-left:25px;
}

.pilfam{
	/* Menu pilotes: blanc petit décalage taille 12 */
	font: 12px verdana;
	color: white;
	padding-left:10px;
}

.texte_type{
	/* Collection -> liste articles/Type : gris gras taille 11 */
	font: 11px verdana;
	color: #B3B3B3;
	font-weight: bold;
}

.texte_design{
	/* Collection -> liste articles/désignation : noir gras taille 11 */
	font: 11px verdana;
	color: black;
	font-weight: bold;
}

.texte_design2{
	/* Collection -> détail article/désignation : rose gras taille 13 */
	font: 13px verdana;
	color: #E7009F;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

.error{
	/* class erreur */
	font: 12px verdana;
	font-weight: bold;
	color: white;
	background: red;
	display: block;
}

.form{
	background: #B3B3B3;
	font: 10px verdana;
	font-weight: bold;
	margin: 3px;
}

.presse_title{
	color: white;
	font-weight: bold;
	display: block;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

a.famlink:link{
	color: white;
	text-decoration: none;
}

a.famlink:visited{
	color: white;
	text-decoration: none;
}

a.famlink:hover{
	color: red;
	text-decoration: none;
}

a.ssmenu:link{
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

a.ssmenu:visited{
	color: white;
	text-decoration: none;
}

a.ssmenu:hover{
	color: red;
	text-decoration: none;
}

.tn_wall_left{
	border-right: 2px #B3B3B3 solid;
	border-bottom: 2px #B3B3B3 solid;
}

.tn_wall_right{
	border-bottom: 2px #B3B3B3 solid;
}

.com_saved{
	background : red;
	color: white;
	text-align: center;
	font : font: 11px verdana;
	font-weight: bold;
}

.com_valid{
	background : yellow;
	color: black;
	text-align: center;
	font : font: 11px verdana;
	font-weight: bold;
}

.com_exp{
	background : green;
	color: white;
	text-align: center;
	font : font: 11px verdana;
	font-weight: bold;
}

.img{border:1px solid white;}

a.img:link{color:white; text-decoration:none; border:1px solid white;}
a.img:visited{color:white; text-decoration:none; border:1px solid white;}
a.img:hover{color:white; text-decoration:none; border:1px solid white;}

a#cgv{color: red; text-decoration: underline;}
a#cgv:hover{color: red; text-decoration: none;}

/*
 * Conditions générales
 */
#texte_cgv{
	padding: 10px;
}

#texte_cgv h2{color: red; font-size: 20px;}
#texte_cgv h3{color: red; font-size: 14px;}