@charset "utf-8";
/* CSS Document */

html, body{	border:0px;	margin:0px;	padding:0px; background-color:#D8D8D8;}
body{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000;}
img {border:0px;}
form{margin:0px;padding:0px;}
table{border-spacing:0px; margin:0px; padding:0px;}

input{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000;}
select{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000;}

h1, h2, h3 {color:#7E2C66;}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 250px; 
	height: 200px;
	overflow: hidden;
}

div.scroller div.section
{
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:240px;
	height:200px;
	overflow:hidden;
	float:left;
	padding-right:10px;	
	padding-left:5px;	
}

div.scroller div.content
{
	width: 10000px;
}


#tout
{
	width:900px;
	background-image:url(../images/fond_centre.gif);
	background-repeat:repeat-y;
	text-align:left;
}

#header
{
	width:900px;
	height:71px;
	background-image:url(../images/fond_header.gif);
	background-repeat:repeat-x;
	text-align:left;
	color:#ECE7E3;
}


#header a
{
	color:#ECE7E3;
}

#centre
{
	position:absolute;
	width:900px;
	background-image:url(../images/fond_centre.gif);
	background-repeat:repeat-y;
	text-align:left;
}

#colonneDroite
{
	position:static;
	float:right;
	width:132px;
	background-color:#FFFFFF;
	padding-top:50px;
}

#colonneDroite ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#colonneDroite li
{
	float:left;
	margin-bottom:5px;
	width:130px;
	height:47px;
	text-align:left;
	vertical-align:middle;
	cursor:pointer;
}

#colonneDroite p {
   vertical-align: middle;
   display:inline;
   padding-left:5px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#75005D;
   font-size:10px;
}

.verdanaViolet
{
	padding-left:5px;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	color:#75005D;
  	font-size:10px;
}

#contenu
{
	float:left;
	width:605px;
	min-height:400px;
}

#degraderCategorie
{
	position:static;
	width:603px;
	height:16px;
	background-image:url(../images/degradeCateg.jpg);
	background-repeat:repeat-x;
	margin-left:1px;
}

#colonneGauche
{
	float:left;
	width:163px;
	background-color:#FFFFFF;
	padding-top:20px;
}

#colonneGauche ul
{
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}

#colonneGauche li
{
	float:left;
	width:153px;
	height:36px;
	background:url(../images/fond_menu_1.gif) no-repeat 0px 0px;
	text-align:left;
	padding-left:10px;
	margin-bottom:1px;
	vertical-align:middle;
	cursor:pointer;
}

#colonneGauche li:hover
{
	background-position:-164px;
}
#colonneGauche li:hover p
{
	color:#FF8CFF !important;
}

#colonneGauche .noCliquable
{
	cursor:default !important;
}

#colonneGauche .noCliquable:hover
{
	background-position:0px !important;
}

#colonneGauche li p {
   vertical-align: middle;
   padding-left:5px;
   margin-top:10px;
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:16px;
   font-weight:bold;
}

.menu
{
	float:left;
}

.menuSousSous
{
	background-image:url(../images/fond_div_menu_2.gif) !important;
	background-repeat:repeat-y;
	float:left;
}

#colonneGauche .selected
{
	background-position:-163px !important;
}


#colonneGauche .selectedSous
{
	background-position:-163px !important;
}

#colonneGauche .selected p
{
	color:#FF8CFF !important;
}

#colonneGauche .selectedSous p
{
	color:#FF8CFF !important;
}

.menuSous
{
	/*background-image:url(../images/fond_div_menu_2.gif) !important;
	background-repeat:repeat-y;*/
	margin:0px;
	padding:0px;
}

.menuSous li
{
	float:left;
	margin-bottom:0px !important;
	width:153px !important;
	height:23px !important;
	background:url(../images/fond_menu_2.gif) no-repeat 0px 0px !important;
	text-align:left !important;
	padding-left:10px !important;
	vertical-align:middle !important;
	cursor:default !important;
	margin:0px;
	padding:0px;
}

.menuSous li:hover
{
	background-position:-163px !important;
}

.menuSous li:hover p
{
	color:#FF8CFF !important;
}


.menuSous li p
{
   vertical-align: middle !important;
   padding-left:0px !important;
   margin-top:2px !important;
   font-family:Verdana, Arial, Helvetica, sans-serif !important;
   font-size:13px !important;
}

.menu2
{
	background-image:url(../images/fond_div_menu_2.gif) !important;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
}

.menu2 li
{
	float:left;
	margin-bottom:0px !important;
	width:153px !important;
	height:23px !important;
	background:url(../images/fond_menu_2.gif) no-repeat 0px 0px !important;
	text-align:left !important;
	padding-left:10px !important;
	vertical-align:middle !important;
	cursor:default !important;
	margin:0px;
	padding:0px;
}

.menu2 li p
{
   vertical-align: middle !important;
   padding-left:0px !important;
   margin-top:2px !important;
   font-family:Verdana, Arial, Helvetica, sans-serif !important;
   font-size:13px !important;
}

.menu22
{
	float:left;
	background-image:url(../images/fond_div_menu_22.gif) !important;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

.menu22 li
{
	float:left;
	margin-bottom:0px !important;
	width:153px !important;
	height:23px !important;
	background:url(../images/fond_menu_22.gif) no-repeat 0px 0px !important;
	text-align:left !important;
	padding-left:10px !important;
	vertical-align:middle !important;
	cursor:pointer;
}

.menu22 li:hover
{
	background-position:-163px !important;
}

.menu22 li:hover p
{
	color:#FF8CFF !important;
}

.menu22 li p
{
   vertical-align: middle !important;
   padding-left:10px !important;
   margin-top:2px !important;
   font-family:Verdana, Arial, Helvetica, sans-serif !important;
   font-size:11px !important;
   padding-top:2px;
   color:#923A8E !important;
}

#colonneGauche .selected22
{
	background-position:-163px !important;
}

#colonneGauche .selected22 p
{
	color:#FF8CFF !important;
}

#footer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:900px;
	min-width:900px;
	min-height:23px;
	margin:0px;
	padding:0px;
	background-color:#903B8B;
	vertical-align: middle;
}



#footer p
{
	font-size:9px;
	color:#FFFFFF;
	text-align:right;
	margin:0px;
	padding:0px;
	padding-right:10px;
	margin-top:5px;
}

#footer p a
{
	font-size:9px;
	color:#FFFFFF;
	text-align:right;
	margin:0px;
	padding:0px;
}

#footer p a:hover
{
	font-size:9px;
	color:#FFFFFF;
	text-align:right;
	margin:0px;
	padding:0px;
	padding-right:10px;
	margin-top:5px;
	text-decoration:none;
}

#contenuCentre
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	float:left;
	margin:10px;
	padding-bottom:10px;
}

#contenuCentre ul
{
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}

#contenuCentre li
{
	float:left;
	text-align:left;
	padding-left:0px;
	margin-bottom:1px;
	vertical-align:middle;
	cursor:pointer;
	background:url(../images/fond_produit.gif) no-repeat;
	width:175px;
	margin:10px;
	text-align:center;
	padding-bottom:10px;
}

#contenuCentre a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	color:#75005D;
  	font-size:10px;
	text-decoration:underline;
}

#contenuCentre a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	color:#75005D;
  	font-size:10px;
	text-decoration:none;
}



#contenuCentre2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	float:left;
	margin:10px;
	padding-bottom:10px;
}

#contenuCentre2 a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	color:#75005D;
  	font-size:10px;
	text-decoration:underline;
}

#contenuCentre2 a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	color:#75005D;
  	font-size:10px;
	text-decoration:none;
}