body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:16px;
	font-family:Arial, Helvetica, Sans-Serif;
	background-color:#fff;
}

img{
	border:none;
}


a {
	color:#900;
}



#container{
	width:902px;
	text-align:left;
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* ie6 wont see this hack */
html>body #container{
	width:900px;
}


div.container_beige{
	background-image:url(../images-site/chopin-home-fond-gauche-gris2.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	border:1px solid #575756;
	background-color:#FFFFFF;
}


div.container_gris{

	background-color:#575756;
	border:1px solid #575756;
}


div.degrade_gris{
	background-image:url(../images-site/chopin-fond-degrade-gris.jpg);
	background-repeat:no-repeat;
	background-position:170px 0;	

}


div.fond_uni{
	background-image:url(../images-site/chopin-fond-uni-blanc.gif);
	background-repeat:repeat-y;
	background-position:170px 0;	

}


div.container_gris_fond_blanc{

	background-color:#fff;
	border:1px solid #575756;
	
	
	background-image:url(../images-site/chopin-home-fond-gauche-gris.gif);
	background-repeat:repeat-y;
	background-position:top left;
	
}



/*   $$$$$$$$$$$$$$$$$  */
/*   xxxxxxxxxxxxxxxxx  */
/*   xxxxxxxxxxxxxxxxx  */

/*   colonne de gauche  */

/*   xxxxxxxxxxxxxxxxx  */
/*   xxxxxxxxxxxxxxxxx  */
/*   $$$$$$$$$$$$$$$$$  */



#left_col{
	float:left;
	width:190px;
	/*border:1px solid orange;*/
	
	
}

div#left_col.hauteur_fixe{
	height:650px;
}

/* --------------- */
/*  formulaire recherche  */
/* --------------- */

#left_col form {
	margin:0;
	margin-top:62px;
	margin-left:20px;
	color:#fff;
	/*border:1px dotted yellow;*/
	
}

#left_col form p{
	margin:0;
	/*border:1px solid green;*/

	}


#left_col form p label{
	display:block;
	padding-left:32px;
	font-size:0.75em;
	font-weight:bold;
	
}


#left_col form p input{
	vertical-align:middle;
	width:110px;
	
	}
	
#left_col form p a img{
	border:none;
	vertical-align:middle;

}


/* --------------- */
/*  menu vertical  */
/* --------------- */


ul#menu_vertical{
	
	/*border:1px dotted violet;*/
	margin:0;
	padding:0;
	margin-top:20px;
	list-style-type:none;
	text-align:right;
	width:180px;
	height:320px;
	overflow:hidden;
}

ul#menu_vertical li{
	margin:0;
	padding:0;
	text-align:right;

	/*border-right:1px solid blue;*/
	padding-bottom:1px;

	background-image:url(../images-site/chopin-filet-noir.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	
}


ul#menu_vertical li.derniere{
	background:none;
}


ul#menu_vertical li a{ 
	display:block;
	padding:8px 0;
	padding-right:20px;
	text-decoration:none;
	font-size:10px;
}

ul.menu_beige li a{ 
	color:#fff;
}

ul.menu_beige li a:hover{
	background-color:#fff;
	color:#999999;
}

ul.menu_gris li a{ 
	color:#fff;
}

ul.menu_gris li a:hover{ 
	color:#000;
	background-color:#9f9f9f;
}





/* --------------- */
/*    panier    */
/* --------------- */


#panier_content{
	/*border:1px solid red;*/
	padding:0;
	margin-top:34px;
	margin-left:25px;
	background-repeat: no-repeat;
	background-position:left bottom;
}

div.panier_beige{
	background-image:url(../images-site/chopin-bas-panier-beige.gif);
}

div.panier_gris{
	background-image:url(../images-site/chopin-bas-panier-gris.gif);
}


#panier_top{
	height:26px;
	text-align:left;
	padding:0;

	line-height:.83em;
	background-repeat: no-repeat;
	background-position:left top;
	/*border:1px solid green;*/
}

div.panier_top_beige{
	background-image:url(../images-site/chopin-haut-panier-beige.gif);
}

div.panier_top_gris{
	background-image:url(../images-site/chopin-haut-panier-gris.gif);
}

#panier_top a{
	color:#fff;
	font-size:.8em;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:auto;
	height:26px;
	/*background-color:orange;*/
		padding-left:84px;
}

#panier_top a:hover{
	text-decoration:underline;
}

#panier_content p.content{
	margin:.7em 0;
	padding-right:2.8em;
	font-size:.76em;
	font-weight:bold;
	text-align:right;
	line-height:1.5em;
}

#panier_content p span.prix{
	color:#fff;
}

#panier_content p a{
	color:#000;
}

#panier_content p a.deja{
	color:#333;
	text-decoration:none;
}

#panier_content p a.deja:hover{
	text-decoration:underline;
}


#panier_content p.black_bullet{
	text-decoration:none;
	color:#fff;
	/*border:1px solid yellow;*/
	display:block;
	height:24px;
	margin:0;
	margin-left:30px;

	text-align:center;
	line-height:1.2em;
}

#panier_content p.bullet_fond_beige{
	background-image:url(../images-site/chopin-puce-noire-gris.gif);
	background-repeat: no-repeat;
	background-position:center;
}

#panier_content p.bullet_fond_gris{
	background-image:url(../images-site/chopin-puce-noire-gris.gif);
	background-repeat: no-repeat;
	background-position:center;
}


#panier_content p.black_bullet a{
	color:#fff;
	font-size:.8em;
	text-decoration:none;
	/*font-weight:bold;*/
}


#panier_content p.black_bullet a:hover{
	text-decoration:underline;
}




/*   $$$$$$$$$$$$$$$$$  */
/*   xxxxxxxxxxxxxxxxx  */
/*   xxxxxxxxxxxxxxxxx  */

/* colonne colonne centrale */

/*   xxxxxxxxxxxxxxxxx  */
/*   xxxxxxxxxxxxxxxxx  */
/*   $$$$$$$$$$$$$$$$$  */


#central_content{
	float:left;
	width:730px;  
	position:relative; /* pour placements divers */
	/*border:1px solid violet;*/
	padding:0;
	margin:0;
	margin-left:-20px;
	/*background-color:pink;*/
}


#central_content.hauteur_fixe{
	height:650px;
}



 #central_content h1.top_logo{
	margin:0;
	padding:0;
	text-align:center;
    /*border:1px dotted orange;*/
	/*background-color:yellow;*/
	width:560px;
	height:65px;
}


 #central_content h1.deux_col{
	width:100% !important;

}



#central_content h1.top_logo img{
	border:none;
}

/* --------------- */
/*    zone menu    */
/* --------------  */


 ul#nav_menu{
	padding:0;
	margin:0;	
	list-style:none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#nav_menu li.niveau_1{
	padding:0;
	margin:0;
	width:110px; 
	float:left;
	border-right:1px #000 solid;
	position:relative;
}



html>body ul#nav_menu li.niveau_1{
	width:109px; /* 110 - 1 bordure fucking IE6 */
}

/* pas de filet pour atelier L baby le 24 mars */

ul#nav_menu li.niveau_1_atelier{
	padding:0;
	margin:0;
	width:111px; 
	float:left;
	position:relative;
}

html>body ul#nav_menu li.niveau_1_atelier{
	width:110px; /* 111 - 1 bordure fucking IE6 */
}





ul#nav_menu li.premier{
	width:120px; 
}

html>body ul#nav_menu li.premier{
	width:119px; /* 120 - 1 bordure : fucking IE6 */
}


ul#nav_menu li.dernier{
	width:169px;
	border:none;
}

/* la cascade : priorite au hack ie*/
html>body ul#nav_menu li.dernier{
	width:170px;	
}


ul#nav_menu li.sans_bordure  {
	/*border-right:1px solid green;*/
	border:none;
}






/* les liens :*/

ul#nav_menu li.niveau_1 a.lien_fond_beige{
	background-color:#666666;
	display:block;
	text-align:center;
	height:30px;
	margin:10px 0;
	text-decoration:none;
	color:#fff;
}

ul#nav_menu li.niveau_1 a.lien_fond_gris{

	background-color:#575756;
	display:block;
	text-align:center;
	height:30px;
	margin:10px 0;
	text-decoration:none;
	color:#fff;
}


ul#nav_menu li.niveau_1_atelier a.lien_fond_gris{

	background-color:#575756;
	display:block;
	text-align:center;
	height:30px;
	margin:10px 0;
	text-decoration:none;
	color:#fff;
}



ul#nav_menu li.niveau_1 a.lien_fond_rouge{

	background-color:#900;
	display:block;
	text-align:center;
	height:30px;
	margin:10px 0;
	text-decoration:none;
	color:#fff;
}


ul#nav_menu li.niveau_1  a.lien_fond_beige:hover{
	background-color:#f1f1f1;
	color:#666666;
}


ul#nav_menu li.niveau_1  a.lien_fond_gris:hover{
	background-color:#fff;
	color:#000;
}

ul#nav_menu li.niveau_1_atelier  a.lien_fond_gris:hover{
	background-color:#fff;
	color:#000;
}



ul#nav_menu li.niveau_1  a.lien_fond_rouge:hover{
	background-color:#f1f1f1;
	color:#900;
	
}


ul#nav_menu li.niveau_1  a span{
	position:relative;
	top:4px;
}



ul#nav_menu li.niveau_1 a span.une_ligne{
	line-height:22px;
}

ul#nav_menu li.niveau_1_atelier  a span{
	position:relative;
	top:4px;
}



ul#nav_menu li.niveau_1_atelier a span.une_ligne{
	line-height:22px;
}

/* --------------------   */
/*     menus deroulant    */
/* --------------------   */

ol.scroll_menu_beige{
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	width:140px;
	display:none;
	background-color:#fff;
	background-image:url(../images-site/gradient-menu-gris.jpg);
	/*
	filter:Alpha(opacity=90);
	opacity:.9;
*/
	
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}



ol.scroll_menu_gris{

	list-style-type:none;
	margin:0;
	padding:0;
	
	position:absolute;
	top:40px;
	width:140px;

	display:none;
	background-color:#fff;
	background-image:url(../images-site/gradient-menu-gris.jpg);
/*
	filter:Alpha(opacity=90);
	opacity:.9;
*/
	
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}


ol#menu_3{
	 width:170px;

}




ol.scroll_menu_beige li, ol.scroll_menu_gris li{
	margin:0;
	padding:0;
	font-size:10px;
	
}


ol.scroll_menu_beige li a{
	display:block;
	padding:6px;
	height:20px;
	line-height:20px;
	color:#666666;
	border:1px solid #b2aa74;
	text-decoration:none;
}


ol.scroll_menu_beige li a:hover{
	background-color:#b2aa74;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	color:#fff;
}


ol.scroll_menu_gris li a{
	display:block;
	padding:6px;
	height:20px;
	line-height:20px;
	color:#575756;
	border:1px solid #575756;
	text-decoration:none;
}


ol.scroll_menu_gris li a:hover{
	background-color:#575756;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	color:#fff;
}



/*  $$$$$$$$$$$$$$$$$ */
/* colonne de gauche */
/*  $$$$$$$$$$$$$$$$$ */

#centre_gauche{ /* 740 - 180 */
	
	float:left;
	width:560px;
	margin:0;
	padding:0;
	
	
	background-image:url(../images-site/bordure-1px.gif);
	background-repeat:repeat-y;
	background-position:top right;
	
	overflow:hidden;
	/*background-color:yellow;*/
}

#centre_gauche_home_numerique{ /* 740 - 180 */
	
	float:left;
	width:560px;
	margin:0;
	padding:0;
	
/*
	Pas de filet !
	background-image:url(../images-site/bordure-1px.gif);
	background-repeat:repeat-y;
	background-position:top right;
*/
	
	overflow:hidden;
	/*background-color:yellow;*/
}



#centre_gauche.hauteur_fixe{ 
	height:535px;
}


#centre_gauche #cg_contenu{
	margin-left:16px;
	padding-top:8px;
	padding-right:8px;
	min-height:622px;	

}

/* IE 6 only */
* html #cg_contenu{ height:534px;}


/*  $$$$$$$$$$$$$$$$$ */
/* colonne de droite */
/*  $$$$$$$$$$$$$$$$$ */



#centre_droite{
	float:left;
	width:170px;
	height:650px;
	overflow:hidden;	/*background-color:yellow;*/
}

/* 
	on reprend par ailleurs
    les styles de tyniMCE
    
 */




/*  $$$$$$$$$$$$$$$$$ */



/* --------------  */
/* le footer */
/* --------------  */



div#central_footer{
	clear:both;
	width:730px;
	/*border:1px solid red;*/

	position:absolute;
	bottom:22px;
}


div#central_footer.liquid_layout{
	position:absolute;
	bottom:18px;
	right:0;
}



div#central_footer p{
	font-size:10px;
	text-align:center;
	padding:6px 0;
	margin:0;
	
	}



div#central_footer p.cell_gauche{
	float:left;
	width:560px;
}

/* ie6 wont see this hack */
html>body div#central_footer p.cell_gauche{
   width:559px;
}



.cell_beige{
	background-color:#575756;
	border-right:1px solid black;
}


div#central_footer p.cell_beige a{
	text-decoration:none;
	color:#000;
}


div#central_footer p.cell_droite{
	float:right;
	width:170px;
	
}

.cell_noire{
	background-color:#000;
}

div#central_footer p.cell_noire a{
	text-decoration:none;
	color:#fff;
}



div#central_footer p.cell_beige a:hover{
	text-decoration:underline;
}

div#central_footer p.cell_noire a:hover{
	text-decoration:underline;
}




/* --------------  */
/*  petit poucet  */
/* --------------  */


p.poucet{
	/*border:1px solid red;*/
	margin:0;
	position:absolute;
	top:52px;
	left:10px;
	font-size:10px;
	/*font-weight:bold;*/
	color:gray;
}

p.poucet a{
	text-decoration:none;
	color:gray;
}

p.poucet a:hover{
	text-decoration:underline;
}