/*	Elément CSS de base	*/
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #000000;
	text-align: justify;
}

img {
	border: 0px;
}

p {
	margin: 0 0 10px 0;
}

a, a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/*	CSS animation page d'accueil	*/
#global {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 700px;
	height: 430px;
	margin-top: -215px;
	margin-left: -350px;
	text-align: right;
	color: #FFFFFF;
}

#global a, a:hover {
	color: #FFFFFF;
}

/*	CSS site corporate	*/
#conteneur {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#conteneur p.conditions {
	text-align: center;
	font-size: 0.7em;
}

#header {
	height: 120px;
}

#haut {
	height: 44px;
	background: url('../images/menu_haut.jpg') no-repeat center;
	text-align: center;
	margin-bottom: 20px;
}

#haut ul.menuhaut {
	width: 894px;
	height: 44px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: 59px;
}

#haut ul.menuhaut li {
	line-height: 44px;
	width: 116px;
	margin: 0;
	padding: 0;
	float:left;
	vertical-align: middle;
	color: #FFFFFF;
	padding: 0 5px 0 5px;
}

#haut ul.menuhaut li a, a:hover {
	color: #FFFFFF;
}

#haut ul.menuhaut li.spe {
	line-height: 22px;
}

#haut ul.menuhaut li.trait {
	width: 2px;
	margin: 0;
	padding: 0;
	background: url('../images/trait.jpg') no-repeat center;
}

#haut ul.menuhaut li.traitrouge {
	width: 2px;
	margin: 0;
	padding: 0;
	background: url('../images/trait_rouge.jpg') repeat-y center;
}

#gauche {
	position: absolute;
	left: 0;
	width: 220px;
}

#gauche ul.menugauche {
	width: 180px;
	text-align: left;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
}

#gauche ul.menugauche li.normal {
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 4px;
	font-size: 0.8em;
	display: none;
}

#gauche ul.menugauche li.normal a {
	color: #000000;
}

#gauche ul.menugauche li.normal a:hover {
	color: #9A261E;
	font-weight: bold;
}

#gauche ul.menugauche li.head {
	min-height: 30px;
	vertical-align: middle;
	text-align: center;
	background: url('../images/head_menu2.jpg') no-repeat top center;
	color: #FFFFFF;
	padding:0;
	font-size: 1em;
	display: block;
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 2px;
}

#gauche ul.menugauche li.head span {
 font-weight: normal;
 font-size: 0.8em;
}

#gauche ul.menugauche li.head a, #gauche ul.menugauche li.head a:hover {
	color: #FFFFFF;
}

#centre {
	margin-left: 220px;
	width: 755px;
}

#centre p.collection {
	width: 530px;
}

#centre p.animation {
	text-align: left;
	z-index: 0;
}

#centre p.banniere {
	width: 530px;
	text-align: center;
}

#centre p.img_droite {
	float: right;
}

#centre p.img_droite img {
	margin-bottom: 5px;
}

#centre p.img_droite2 {
	float: right;
	margin-right: 5px;
}

#centre p.img_droite2 img {
	margin-bottom: 5px;
}

#centre p.img_droite_col1 {
	float: right;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#centre p.img_droite_col1 img {
	margin: 5px 10px 5px 10px;
}

#centre p.img_droite_col2 {
	float: right;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#centre p.img_droite_col2 img {
	margin: 5px 10px 5px 10px;
}


/* Collection Colors */

#centre div.img_colors {

	position:absolute;
	
	top:535px;
}

#centre div.img_colors img {
	margin-bottom: 15px;
	/*margin-left: 17px;*/
	
}








#centre p.img_gauche {
	float: left;
	height: 100%;
}

.ligne {
margin:100px; padding: 10px;
	height: 100px;
}
#centre p.promolist {
	padding-left: 260px;
	background: url('../images/puce.jpg') no-repeat 250px 6px;
}

#centre p.promolist_titre {
	padding-left: 220px;
}

#centre p.sstitre {
	font-size: 1.2em;
	padding: 10px 0 10px 0;
}

#centre ul.down {
	width: 170px;
	text-align: left;
	margin: 0 0 20px 25px;
	padding: 0;
}

#centre ul.down li {
	padding: 5px 0 5px 0;
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 10px;
	font-size: 0.8em;
	list-style: disc;
}

#centre ul.down li a {
	color: #000000;
}

#centre ul.down li a:hover {
	color: #9A261E;
}

#centre ul.down li.head {
	list-style: none;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	background: url('../images/head_menu.jpg') no-repeat center;
	color: #FFFFFF;
	padding:0;
	font-size: 1em;
}

#centre p.description {
	margin-left: 250px;
	padding-left: 25px;
	width: 355px;
	font-size: 0.8em;
	background: url('../images/puce.jpg') no-repeat 15px 3px;
	text-align: left;
}

#centre p.description2 {
	margin-left: 250px;
	padding-left: 25px;
	width: 250px;
	font-size: 0.8em;
	background: url('../images/puce.jpg') no-repeat 15px 3px;
	text-align: left;
}

#centre p.description2 span.color {
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	border: 1px solid white;
}

#centre p.description span.color {
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	border: 1px solid white;
}

#centre p.description2 a.color, a.color:hover {
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	border: 1px solid white;
}

#centre p.description a.color, a.color:hover {
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	border: 1px solid white;
}

#centre p.description2 ul.caract {
	margin-left: 250px;
	padding-left: 25px;
	text-align: left;
	list-style-type: none;
	font-size: 0.8em;
}

#centre p.description2 ul.caract li {
	margin: 0;
	padding: 0;
}

#centre p.petit {
		font-size: 0.7em;
}

#centre p.desc_liste {
		width: 610px;
}

#centre div.footer_collection {
	text-align: right;
	background: url('../images/bg_footer.jpg') repeat-x;
	width: 530px;
	font-weight: bold;
}

#centre div.footer_collection span {
	float: right;
}

#centre div.footer_collection p {
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
}

#centre div.footer_collection p a, a:hover {
	color: #9A261E;
}

#centre p a.liste_photos, a.liste_photos:hover, span.liste_photos {
	width: 100px;
	height: 130px;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
	font-size: 0.7em;
	color: #FFFFFF;
}	

#pied {
	width: 755px;
	margin-top: 15px;
	height: 60px;
	background: url('../images/bg_footer.jpg') repeat-x;
	clear: both;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
}

#pied span {
	float: right;
}

#pied p {
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
}

#pied p a, a:hover {
	color: #9A261E;
}

/*	Menu	du haut	*/
#multi-level {height:44px; position:relative; z-index:100;}
#multi-level .pad {float:left;}


/* on vire les margin padding et bullets des li */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;background:url(../images/blank.gif) no-repeat;;}


.menu li.top {display:block; float:left; position:relative;}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* pardefaut */
.menu li.top a.top_link {display:block; float:left; height:44px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

/* on précharge les images on hover */
.menu li.p1 {width:81px; background:url('../images/home_1.gif') no-repeat;;}
.menu li.p2 {width:117px; background:url('../images/presentation_1.gif') no-repeat;;}
.menu li.p3 {width:109px; background:url('../images/collections_1.gif') no-repeat;;}
.menu li.p4 {width:88px; background:url('../images/prod_1.gif') no-repeat;;}
.menu li.p5 {width:115px; background:url('../images/shop_1.gif') no-repeat;;}
.menu li.p6 {width:87px; background:url('../images/contact_1.gif') no-repeat;;}
.menu li.p7 {width:95px; background:url('../images/promo_1.gif') no-repeat;;}
/* images normales */
.menu li a#home {width:81px; background:url('../images/home_0.gif') no-repeat;}
.menu li a#presentation {width:117px; background:url('../images/presentation_0.gif') no-repeat;}
.menu li a#collections {width:109px; background:url('../images/collections_0.gif') no-repeat;}
.menu li a#prod {width:88px; background:url('../images/prod_0.gif') no-repeat;}
.menu li a#shop {width:115px; background:url('../images/shop_0.gif') no-repeat;}
.menu li a#contact {width:87px; background:url('../images/contact_0.gif') no-repeat;}
.menu li a#promo {width:95px; background:url('../images/promo_0.gif') no-repeat;}
/* pour ie6 on affiche les liens */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* liens transparents pour ne pas faire de décalage lors de l'hovering */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#promo:hover, .menu li:hover a#promo,
.menu li a#presentation:hover, .menu li:hover a#presentation,
.menu li a#collections:hover, .menu li:hover a#collections,
.menu li a#prod:hover, .menu li:hover a#prod,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* le submenu */
.menu :hover ul.sub {left:0; top:44px; background: #fff; padding:0px 0; border:1px solid #888; white-space:nowrap; width:200px; height:auto;background:url(../images/background.gif); text-align: left; color: #871821; text-indent:5px;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left;width: 190px;}
.menu :hover ul.sub span {display:block; height:20px; line-height: 20px; position:relative; float:left;width: 190px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:0px solid #fff; border-width:0;}
.menu :hover ul.sub li a.fly {background:#fff url('../images/arrow.gif') 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover { color:#871821; }
.menu :hover ul.sub li a.notcolor:hover { color: black; }
.menu :hover ul.sub li a.fly:hover { color:#871821;}
.menu :hover ul li:hover > a.fly { color:#871821;}

/* sous sous menu */
.menu :hover ul.sub li.subsub {
	line-height: normal;
	height: auto;
	display: none;
	text-indent: 0;
	padding-left: 5px;
	z-index:300;
}

.menu :hover ul.sub li.subsub a:hover, .menu :hover ul.sub li.subsub a {
	line-height: normal;
	height: auto;
	z-index:300;
	padding-left: 25px;
}

/* pour l'hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}

#scrollable {
	height: 400px;
	overflow-y: scroll;
}

#scrollable span.ancre {
	height: 1px;
	clear: both;
	display: block;
}