/*************************************************************/
/*******************    NATIF CYBERSHOP   ********************/
/*************************************************************/

/*-------------------------- Style par balises - Natif Cyber */

body{background:#131d21; margin:0; padding:0;}
td{color:#b8b8b8; font-size:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
a{color:#e38200;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0; }

/*---------------------------------------------------------- */



/*------------------------------ style par ID - Natif Cyber */

#generalTable{width:100%;}
.generalTable{width:1000px;}


	
	#menuTarget{vertical-align:bottom;}
	#menuCell{background:#646C6E; height:45px; width:100%; border:solid #ffffff; border-width:2px 0px 1px 0px;}
		#menuTable{width:100%;}
			.menu_left_ON{background:url(images/menu_left_on.jpg) no-repeat; width:6px; height:40px; }
			.menu_mid_ON{background:url(images/menu_mid_on.jpg) repeat-x; width:99%; height:40px; text-align:center; cursor:pointer; color:#ffffff; font-size:15px; font-family:arial narrow;}
			.menu_right_ON{background:url(images/menu_right_on.jpg) no-repeat; width:6px; height:40px; }
			.menu_left_OFF{background:url(images/menu_left_off.jpg) no-repeat; width:6px; height:40px; }
			.menu_mid_OFF{background:url(images/menu_mid_off.jpg) repeat-x; width:99%; height:40px; text-align:center; cursor:pointer; color:#ffffff; font-size:15px; font-family:arial narrow;}
			.menu_right_OFF{background:url(images/menu_right_off.jpg) no-repeat; width:6px; height:40px; }
			.menuOnglet{padding:0px 1px 0px 0px; white-space:nowrap;}
			.subMenu{text-align:center;}
	
		#FrontNavMenuTable{width:100%;}
			.FrontNavMenuTableCol{text-align:center; }
			.FrontNavMenuTableColSeparation{background:#424a4d; color:#424a4d; width:1px; }
			
		#mainTable{width:100%;}
			#mainLeft{width:200px; vertical-align:top; padding:5px 0px 0px 0px;}
			#mainMid{width:99%; vertical-align:top; text-align:center; padding:5px;}
				#logoTable{width:600px;}
				#logoTable td{text-align:center;}
			#mainRight{width:200px; vertical-align:top; padding:5px 0px 0px 0px;}
	
		#catImage{width:1%; text-align:center; vertical-align:top;}
		#catTitle{color:#e38200; font-weight:bold; font-size:20px; vertical-align:top;}
		#catDescription{width:90%; font-size:12px; text-align:justify; vertical-align:top;}
		.CatColumn{width:50%; height:50px; font-weight:bold; text-align:center; vertical-align:middle;}

/*--------------------------------------------------------- */



/*--------------------------- style par CLASS - Natif Cyber */

		.headerCell{width:33%; vertical-align:middle;}
		.titleParts{color:#e38200; font-weight:bold; font-size:12px; text-align:left; text-transform:uppercase; width:100%; padding:0px 0px 10px 0px;}		
		.LargeinfoFont{color:#e38200; font-weight:bold;}
		.encart{border:1px solid #363a3c; text-align:center;}
		.MiniTotal{color:#e38200; font-size:12px; font-weight:bold;}
		.ProdPriceFont{color:#ffffff; font-size:14px; font-weight:bold; }
		.ProdRetailPriceStart{color:#e38200; font-style:italic; text-decoration:line-through; }
		.separation{color:#ffffff; font-size:14px; font-weight:bold; }
		.PageNavColumn{vertical-align:middle;}
		.featurePrice{color:#e38200; font-size:12px; font-weight:bold;}
		.displaytotalcommentsfont{width:100%; color:#FC6823; font-weight:bold; text-align:center; }
		.VotesSeparation{border-bottom:1px dotted #e38200;}
		.ecotaxe{width:100%; color:#009500; font-weight:bold; text-align:center;}

/*--------------------------------------------------------- */



/*présentation des produits en page d'accueil - Natif Cyber */

		#ficheProdThumbTable{width:100%;}
		#ficheProdThumbImage{width:1px; vertical-align:top;}
		#ficheProdThumbImageAlt{width:150px; height:150px; vertical-align:top;}
		#ficheProdThumbTitle{vertical-align:top;}
		#ficheProdThumbDescription{color:#ffffff; vertical-align:top;}
		#ficheProdThumbPrice{color:#ffffff; font-size:14px; font-weight:bold; }
		#ficheProdThumbDetails{text-align:right; vertical-align:bottom;}
		#ficheProdThumbOrder{text-align:left; vertical-align:bottom;}

/*--------------------------------------------------------- */



/*complément pour template mod-mode-liste.htm - Natif Cyber */

		.ficheProdThumbTitle{width:100%;}
		.ficheProdThumbPrice{width:100px; text-align:center;}

/*--------------------------------------------------------- */



/*---------- présentation de la fiche produit - Natif Cyber */

		#ficheProdLeftCell{vertical-align:top;}
			#ficheProdImage{width:300px; text-align:center; vertical-align:top;}
		#ficheProdRightCell{width:99%; vertical-align:top;}
			#ficheProdTitle{color:#e38200; font-weight:bold; font-size:16px; vertical-align:top;}
			#ficheProdDescription{font-size:12px; text-align:justify; vertical-align:top;}
			#caracteristic td{font-size:12px;}
			.caracteristicTitle{width:150px; font-size:12px; font-weight:bold;}
			.caracteristicContent{font-size:12px;}
			.prodInfos{text-align:center;}
			.prodDesc{font-size:12px; text-align:center; vertical-align:top;}
			.checkboxOption{text-align:center; vertical-align:top; border-bottom:1px dotted #e38200}

			#prodMenus{padding:5px;}
				#Presentation{text-align:justify;}
				.onglet_table{width:100%;}
				.onglet_left_OFF{background:url(images/button_onglet_left_off.jpg) no-repeat bottom right; width:8px; height:34px;}
				.onglet_mid_OFF{background:url(images/button_onglet_mid_off.jpg) repeat-x bottom; width:90%; height:34px; text-align:center; vertical-align:middle; cursor:pointer; color:#ffffff; font-weight:bold;}
				.onglet_right_OFF{background:url(images/button_onglet_right_off.jpg) no-repeat bottom left; width:8px; height:34px;}
				.onglet_left_ON{background:url(images/button_onglet_left_on.jpg) no-repeat bottom right; width:8px; height:34px;}
				.onglet_mid_ON{background:url(images/button_onglet_mid_on.jpg) repeat-x bottom; width:90%; height:34px; text-align:center; vertical-align:middle; cursor:pointer; color:#ffffff; font-weight:bold;}
				.onglet_right_ON{background:url(images/button_onglet_right_on.jpg) no-repeat bottom left; width:8px; height:34px;}

/*--------------------------------------------------------- */



/* nouveau tableau de présentation des angles - Cyber Modif */

	#contentCell{padding:0px 0px 5px 0px;}	
		/* header plein */
		#borderTopLeft{background:url(images/new_border_top_left3.png) no-repeat bottom right; width:13px; height:21px;}
		#borderTop{background:url(images/New_Bordure_top4.png) no-repeat bottom left; width:100%; height:21px; color:#000000; font-size:12px; font-weight:bold; text-align:left; text-transform:uppercase;}
		#borderTopRight{background:url(images/new_border_top_right2.png) no-repeat bottom left; width:10px; height:21px;}
		/* header vide */
		#borderTopAltLeft{background:url(images/new_border_topalt_left.png) no-repeat bottom right; width:13px; height:10px;}
		#borderTopAlt{background:url(images/new_border_topalt.png) repeat-x bottom; width:100%; height:10px}
		#borderTopAltRight{background:url(images/new_border_topalt_right.png) no-repeat bottom left; width:10px; height:10px;}
		#borderLeft{background:url(images/new_border_left.png) repeat-y right; width:10px; height:99%;}
		#borderMain{text-align:center; padding:5px 0px 0px 0px;}
		#borderRight{background:url(images/new_border_right.png) repeat-y left; width:10px; height:99%;}
		#borderBotLeft{background:url(images/new_border_bot_left.png) no-repeat top right; width:13px; height:10px;}
		#borderBot{background:url(images/new_border_bot.png) repeat-x top; width:100%; height:10px}
		#borderBotRight{background:url(images/new_border_bot_right.png) no-repeat top left; width:10px; height:10px;}

/*--------------------------------------------------------- */



/*Gestion des boutons de commandes et détails - Natif Cyber */

	#detailsTable{width:100px;}
		#detailsLeft{background:url(images/button_details_left.jpg) no-repeat top right; width:8px; height:17px;}

		#detailsMid{background:url(images/button_details_mid.jpg) repeat-x top; width:90%; height:17px; text-align:center;}
		#detailsRight{background:url(images/button_details_right.jpg) no-repeat top left; width:8px; height:17px;}
	
	#orderTable{width:100px;}
		#orderLeft{background:url(images/button_order_left.jpg) no-repeat top right; width:8px; height:17px;}
		#orderMid{background:url(images/button_order_mid.jpg) repeat-x top; width:90%; height:17px; text-align:center;}
		#orderRight{background:url(images/button_order_right.jpg) no-repeat top left; width:8px; height:17px;}

	#buttonSpacer{width:8px; height:17px; src:url(images/spacer.gif);}

/*--------------------------------------------------------- */



/*Gestion Affichage colonnes séparation listes Produits - Cyber */

		.frontcolumn1{width:25%; vertical-align:top; text-align:center; border:1px dotted #e38200; border-width:0px 1px 1px 0px; padding:5px; }		/* right bottom */
		.frontcolumn2{width:25%; vertical-align:top; text-align:center; border:1px dotted #e38200; border-width:0px 0px 1px 0px; padding:5px;	}		/* bottom */
		.frontcolumn3{width:25%; vertical-align:top; text-align:center; border:1px dotted #e38200; border-width:0px 1px 0px 0px; padding:5px;	}		/* right */
		.frontcolumn4{width:25%; vertical-align:top; text-align:center; border:none; padding:5px; }

/*--------------------------------------------------------- */



/**************** style des liens hypertextes - Natif Cyber */

.menuBande{color:#ffffff; font-size:15px; font-family:arial narrow;}
.NavCatClass{color:#ffffff; font-size:12px;}
a.NavCatClass:hover{color:#e38200; text-decoration:none;}
.titleProd{color:#e38200; font-size:13px; font-weight:bold; text-transform:uppercase;}
.order{color:#ffffff; font-size:10px; font-weight:bold; font-style:italic; text-transform:uppercase;}
.details{color:#ffffff; font-size:10px; font-weight:bold; font-style:italic; text-transform:uppercase;}

.clearthefloats{clear:both;}

.infobulle{
	position:absolute;	
	visibility:hidden;
	border:1px solid Black;
	padding:10px;
	font-family:Verdana, Arial;
	font-size:10px;
	background:#FFFFCC;
}

/*--------------------------------------------------------- */



/*************** Intégration page de paiement - Natif Cyber */

.dottedEncart{
	border:1px dotted #e38200;
	height:100px;
}

/*--------------------------------------------------------- */



/********************* Standards CybershopASP - Natif Cyber */

.Custtxtfield{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold;
	background:#FFFFFF;
	border:1px groove #333333;
}

.Custsubmitbtn{
	font-family:Arial, Helvetica, sans-serif;
	color:#420411;
	font-size:10px;
	font-weight:bold;
	background:url(images/background_input.jpg) repeat-x;
	height:17px;
	border:0;
	cursor:pointer;
	padding:0px 5px 0px 5px;
}

.Adminsubmitbtn{ 
	color:#000000; 
	font-weight:bolder; 
	font-size:11px; 
	font-family:Arial, arial; 
	background:#f7f7ff url(images/bkgadmbtn.gif); 
	border:solid 1px #444;
}

.Custtxtfielddropdown{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold;
}

.text_size9{
	font-size:9pt;
	color:black;
	line-height:normal;
	text-decoration:none;
}

.fieldbox{
	border:1px solid #666666;
	font-size:11px;
	background:#ffffff;
	color:#333333;
	font-family:sans-serif, Verdana, Helvetica, Arial;
}

.color_formborder{background:lightgrey;}
.color_formheader{background:#dddddd;}
.color_formfields{background:#f5f5f5;}
.color_formfieldsalt{background:#f0f0f0;}
.color_formresponse{background:white;}
.hdrproductwhite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

/*--------------------------------------------------------- */




/*************************************************************/
/**************    DEVELOPPEMENTS SPECIFIQUES   **************/
/*************************************************************/


/*------------------------------------------ Bouton Rollover */

a.compte_rollover {
background:url('images/Compte_client.png') no-repeat;
width: 150px;
height: 40px;
display:block;
}

a.compte_rollover:hover {
background-position: bottom center;
}

a.favori_rollover {
background:url('images/Favori.png') no-repeat;
width: 150px;
height: 40px;
display:block;
}

a.favori_rollover:hover {
background-position: bottom center;
}

a.haut_rollover {
background:url('images/Haut_page.png') no-repeat;
width: 135px;
height: 25px;
display:block;
}

a.haut_rollover:hover {
background-position: bottom center;
}

a.retour_accueil_rollover {
background:url('images/Retour_accueil.png') no-repeat;
width: 135px;
height: 25px;
display:block;
}

a.retour_accueil_rollover:hover {
background-position: bottom center;
}

/*--------------------------------------------------------- */



/*----------------------------------------------- Slideshow */

#index_flash {
/*margin-top:20px;*/
position:relative;
width:733px;
z-index:1;
}

#slideshow-container { 
	width:726px;
	height:280px; 

}

#slideshow-container img { 
	width:550px; 
	height:280px; 
	display:block; 
	position:absolute; 
	top:2px; 
	left:0; 
	z-index:2; 
}
.toc { 
	position:absolute; 
	right:0px; 
	top:0px; 
	z-index:1; 
	display:block; 
	width:170px; 
	height:38px;
	line-height:38px;
	background:#656565; 
	color:#fff; 
	text-align:center; 
	text-decoration:none; 
	font-family: "arial";
	font-size:18px;
	text-align:left;
	padding-left:10px;
	overflow:hidden;
}

.toc_debug { 
	position:absolute; 
	right:0px; 
	top:0px; 
	z-index:1; 
	display:block; 
	width:170px; 
	height:38px;
	line-height:38px;
	background:#656565; 
	color:#fff; 
	text-align:center; 
	text-decoration:none; 
	font-family: " arial";
	font-size:18px;
	text-align:left;
	padding-left:10px;
	overflow:hidden;
}
.toc-active { 
	background:#ffae15; 
	color:#000000; 
	font-family: "arial";
	font-size:18px;
}


#next { 
	position:absolute; 
	bottom:20px; 
	right:20px; 
	z-index:1; 
	display:block; 
	width:20px; 
	background:#656565; 
	color:#fff; 
	text-align:center; 
	padding:3px; 
	text-decoration:none; 
}
#previous { 
	position:absolute; 
	bottom:20px; 
	right:60px; 
	z-index:1; 
	display:block; 
	width:20px; 
	background:#656565; 
	color:#fff; 
	text-align:center; 
	padding:3px; 
	text-decoration:none; 
}

/*--------------------------------------------------------- */



/*------------------------------- Structure Menu type Equip */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 1000px; background: url(images/background_nav.png) repeat-x center top;
}

ul.dropdown li {
	 float: left;
	 vertical-align: middle;
	 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	 position: relative;
	 z-index: 599;
	 cursor: pointer;
}

ul.dropdown ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 598;
	 width: 100%;
}

ul.dropdown ul li {
	float: none;
	background: #FFFFFF;
}

ul.dropdown ul ul {
	left:100%;
	top:0;
	
}

ul.dropdown li:hover > ul {
	visibility: visible;
}


/* -- Niveau 1 -- */


ul.dropdown li {border-right: 1px solid #FFFFFF; }

ul.dropdown a {  
	float: left;
	height: 45px;
	line-height:22px;
	padding: 0px 8px 0 8px;
	/*margin: 0 2px 0 1px;*/
	color: #FFF; 
	font-size: 13px; 
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform:uppercase; 
}

ul.dropdown li.hover a,
ul.dropdown li:hover a { background: url(images/background_navon.png) repeat-x 0 0 ; color: #000; }


ul.dropdown li#tabhome.hover a, ul.dropdown  li#tabhome:hover a {
background: none; color: #FFF;
color:#FFF;
}

ul.dropdown li#tabhome a {
	width: 80px;
}


ul.dropdown a span { /*padding-right: 14px; */ text-transform:uppercase; }


ul.dropdown li.hover a span,
ul.dropdown li:hover a span { }


/* -- Home -- */

ul.dropdown li#tabhome  { background:transparent url(images/button_home.png) no-repeat scroll left center;
height:45px;
margin:0;
padding-left:0;
padding-right:2px;
/*text-indent:-5000px;*/
border:0;
width:65px;}

ul.dropdown li.hover #tabhome a, ul.dropdown li:hover  #tabhome a {
background: none !important;
color:#FFFFFF;
}

ul.dropdown li:hover#tabhome {
	background:transparent url(images/button_home.png) no-repeat scroll left center;
}
/* -- Niveau 2 -- */

ul.dropdown ul {
	width: 160px;
	background: #4c4c4c;
	border: 1px solid #ffffff;
}

ul.dropdown ul li li{
	background: #FFF;
	border-bottom: 1px solid #ffffff;
}

ul.dropdown ul li {
	background: none;
	border-bottom: 1px solid #ffffff;
	border-right: none;
}

.lienspecial {
	float: right !important; 
	background: url(images/background_navon.png) repeat-x 0 100%;
	color: #000; 
}


ul.dropdown ul li.last {
	border-bottom: none;
}


/* Annule cascade du niv1 */
ul.dropdown ul a {
	display: block;
	float: none;
	height: auto;
	line-height: 16px;
	padding: 5px 15px;
	margin: 0;
	font-size: 12px; 
	font-weight: normal;
	color: #fff;
	text-align:left;
}

ul.dropdown li.hover li a,
ul.dropdown li:hover li a { background: none; color: #fff; }

ul.dropdown li li.hover,
ul.dropdown li li:hover {background: #94388a url(images/background_navon.png) repeat-x 0 100% }

ul.dropdown li li.hover a ,
ul.dropdown li li:hover a { color: #000; }

/*
#nav ul.dropdown ul li { background:none;border-bottom:1px solid #dbecf3; line-height:40px; padding:0;}

#nav ul.dropdown ul li a{color: #000;text-transform:none;}
*/
ul.dropdown li li.hover li a,
ul.dropdown li li:hover li a { color: #000; }

ul.dropdown li li li.hover a,
ul.dropdown li li li:hover a { color: #FFF; }


/* LIENS HAUT */

ul.raccourci { color: #FFF; font-size: 11px; }
ul.raccourci a { color: #FFF; text-decoration: none; }
ul.raccourci a:hover { color: #c8d32d; }

ul.raccourci li { float: left; }


/* VOIR AUSSI */

ul.raccourci li#voiraussi { background: url(img/small_arrow.gif) no-repeat 100% 5px; padding-right: 12px; font-weight: bold; }

ul.raccourci li#voiraussi.hover,
ul.raccourci li#voiraussi:hover { 
	position: relative; 
	z-index: 599; 
	cursor: pointer;
}

ul.raccourci ul { visibility: hidden; position: absolute; top: 100%; right: 0; z-index: 598; width: 120px; background: #769da5; }

ul.raccourci ul li { float: none; font-weight: normal; }

ul.raccourci ul li.hover,
ul.raccourci ul li:hover { background: #c8d32d; }

ul.raccourci ul a { display: block; padding: 3px 10px;  }
ul.raccourci ul a:hover { color: #004e5e; }


ul.raccourci li:hover > ul { visibility: visible; }

/*--------------------------------------------------------- */



/*-------------------------------------- Structure New Menu */

#NewMenu {
	position: relative;
	z-index: 597;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 1000px; background: url(images/background_nav.png) repeat-x center top;
}


#NewMenu .ListeSousMenu {
width:250px;
}

#NewMenu ul {
float:left;
list-style-type:none;
margin:0;
position:relative;
width:100%;
z-index:799;
}

#NewMenu ul .sub {
background:#656565;
border-style:solid;
border-width:1px;
padding:10px;
position:absolute;
top:-999em;
width:530px;
z-index:810;
}

#NewMenu ul .sub div.PhotoMenu img {
max-width:300px;
}

#NewMenu ul .sub.SousMenu10 {
left:300px;
}

#NewMenu ul .sub.SousMenu11 {
left:365px;
}

#NewMenu ul .sub.SousMenu2 {
left:108px;
}

#NewMenu ul .sub.SousMenu3 {
left:188px;
}

#NewMenu ul .sub.SousMenu4 {
left:295px;
}

#NewMenu ul .sub.SousMenu5 {
left:367px;
}

#NewMenu ul .sub.SousMenu6 {
left:440px;
}

#NewMenu ul .sub.SousMenu7 {
left:43px;
}

#NewMenu ul .sub.SousMenu8 {
left:105px;
}

#NewMenu ul .sub.SousMenu9 {
left:212px;
}

#NewMenu ul li {
color:#ffffff;
float:left;
font-size:11px;
font-weight:bold;
line-height:12px;
margin:0;
padding:0;
}

#NewMenu ul li .sub ul {
float:left;
margin-right:10px;
width:180px;
}

#NewMenu ul li .sub ul li a {
background:none;
border-bottom:solid 1px #ffffff;
color:#ffffff;
display:block;
font-size:13px;
font-weight:normal;
vertical-align:middle;
height:20px;
margin:0;
padding:7px 0 0 0;
width:100%;
}

#NewMenu ul li .sub ul li a:hover {
background: url(images/background_navon.png) repeat-x 0 0 ;
color: #000000;
font-weight:bold;
valign:middle;
text-decoration:none
}

#NewMenu ul li .sub ul li {
float:none;
}

#NewMenu ul li a {
height:45px;
width:74px;
}

/*--------------------------------------------------------- */



/*---------------------------------- Structure Menu type KJ */

#mainMenu {
background:url(images/background_nav.png) repeat-x center top;
float:left;
}

#mainMenu .UneSeule {
width:250px;
}

#mainMenu ul {
float:left;
list-style-type:none;
margin:0;
position:relative;
width:100%;
z-index:799;
}

#mainMenu ul .sub {
background:#656565;
border-style:solid;
border-width:1px;
padding:10px;
position:absolute;
top:-999em;
width:530px;
z-index:810;
}

/*#mainMenu ul .sub div.artList img {
max-width:300px;
}*/

#mainMenu ul .sub.cf.categorie10 {
left:300px;
}

#mainMenu ul .sub.cf.categorie11 {
left:365px;
}

#mainMenu ul .sub.cf.categorie12 {
left:453px;
}

#mainMenu ul .sub.cf.categorie2 {
left:108px;
}

#mainMenu ul .sub.cf.categorie3 {
left:188px;
}

#mainMenu ul .sub.cf.categorie4 {
left:295px;
}

#mainMenu ul .sub.cf.categorie5 {
left:367px;
}

#mainMenu ul .sub.cf.categorie6 {
left:440px;
}

#mainMenu ul .sub.cf.categorie7 {
left:43px;
}

#mainMenu ul .sub.cf.categorie8 {
left:105px; width:730px;
}

#mainMenu ul .sub.cf.categorie9 {
left:212px;
}

#mainMenu ul li {
color:#ffffff;
float:left;
font-size:11px;
font-weight:bold;
line-height:12px;
margin:0;
padding:0;
}

#mainMenu ul li .sub ul {
float:left;
margin-right:10px;
width:180px;
}

#mainMenu ul li .sub ul li a {
background:none;
border-bottom:solid 1px #ffffff;
color:#ffffff;
display:block;
font-size:13px;
font-weight:normal;
vertical-align:middle;
height:20px;
margin:0;
padding:7px 0 0 0;
width:100%;
}

#mainMenu ul li .sub ul li a:hover {
background: url(images/background_navon.png) repeat-x 0 0 ;
color: #000000;
font-weight:bold;
valign:middle;
text-decoration:none
}

#mainMenu ul li .sub ul li {
float:none;
}

#mainMenu ul li .sub ul li.all a {
border:none;
font-weight:bold;
text-decoration:none;
}

#mainMenu ul li .sub ul li.exclu a {
color:#ffffff;
font-weight:bold;
}

#mainMenu ul li .sub ul li:first-child.exclu a:hover {
background:none;
padding:0;
}

#mainMenu ul li a {
height:45px;
width:74px;
}

#mainMenu ul li a.levelOne {
background:url(images/bgMainMenu.png) no-repeat center top;
height:45px;
border-right:solid 1px #ffffff;
color:#ffffff;
display:table-cell;
padding:0 5px ;
text-align:center;
text-decoration:none;
vertical-align:middle;
font-size:13px;
font-weight:bold;
line-height:17px;
text-transform:uppercase;
}

#mainMenu ul li a.levelOne:hover {
background:url(images/bgMainMenu.png) no-repeat center -45px;
color:#000000;
}

#mainMenu ul li.firstChild a.levelOne {
background:url(images/bgMainMenu.png) no-repeat left top;
padding:0 10px 0 11px;
}

#mainMenu ul li.firstChild a.levelOne:hover {
background:url(images/bgMainMenu.png) no-repeat left -45px;
}

#mainMenu ul li:hover .sub {
top:45px;
}

/*--------------------------------------------------------- */



/*------------------------------- Structure Menu type Facil */

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

	#supportCalque 	.lienCat{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float: left; 
		width: 240px; 
		margin: 10px; 
		padding: 5px;
	}


	#supportCalque ul{
		display:block;
		padding:5px;
		margin:0;
		margin-left:20px;

	}
	#supportCalque li{
		display:list-item;
		list-style-type: square;
	}

	#supportCalque li a{
		display: block;
		margin: 3px;
		padding: 0px;
		font-size: 11px;  
		line-height: 13px; 
		color: #FFFFFF;
		text-decoration: none;
	}

	#supportCalque .rayon a{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 13px;  
		line-height: 15px; 
		color: #222222;
		font-weight: bold; 		
		text-decoration: none;
	}
	
	#supportCalque .txtCalque{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 13px;  
		line-height: 15px; 
		color: #FFFFFF;
		font-weight: bold; 		
	}

	#supportCalque li h3 a{
		display: block;
		margin: 3px;
		padding: 0px;
		font-size: 11px;  
		line-height: 13px; 
		color: #FFFFFF;
		text-decoration: none;
		font-weight: normal; 		
	}

	#supportCalque .rayon h2 a{
		margin:0px;
		padding:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 13px;  
		line-height: 15px; 
		color: #222222;
		font-weight: bold; 		
		text-decoration: none;
	}

/*--------------------------------------------------------- */



/*--------------------------------------- Bandeau Recherche */	

#header_options {
	float:left;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 1000px; background: url(images/background_nav.png) repeat-x center top;
}

#header_option_rechercher {
	float:left;
	display:inline;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 278px; background: url(images/background_nav.png) repeat-x;
}

#header_option_rechercher label {
	float:left;
	display:inline;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:8px;
	margin-right:8px;
	margin-top:14px;
	text-transform:uppercase;
}

#header_option_rechercher input#keyword {
	float:left;
	display:inline;
	width:155px;
	height:20px;
	border:#e4e4e4 1px solid;
	color:#000000;
	font-size:12px;
	margin-top:12px;
	vertical-align:middle
}

#header_option_rechercher input.keyword_ok {
	float:left;
	display:inline;
	margin-top:12px;
	margin-left:1px;
}

.spacer_search {
	float:left;
	display:inline;
	background:transparent url(images/background_navon.png) no-repeat top left;
	width:1px;	
	height:45px;
}

#header_option_marque {
	float:left;
	display:inline;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 253px; background: url(images/background_nav.png) repeat-x;
}

#header_option_marque label {
	float:left;
	display:inline;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:8px;
	margin-right:8px;
	margin-top:14px;
	text-transform:uppercase;
}

#header_option_marque .select_marque {
	width:150px;
	height:20px;
	border:#e4e4e4 1px solid;
	float:left;
	display:inline;
	color:#00000;
	font-size:12px;
	margin-top:12px;
}

#header_option_designer {
	float:left;
	display:inline;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 259px; background: url(images/background_nav.png) repeat-x;
}

#header_option_designer label {
	float:left;
	display:inline;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-right:8px;
	margin-top:14px;
	text-transform:uppercase;
}

#header_option_designer .select_designer {
	width:150px;
	height:20px;
	border:#e4e4e4 1px solid;
	float:left;
	display:inline;
	color:#00000;
	font-size:12px;
	margin-top:12px;
}

#header_option_price {
	float:left;
	display:inline;
	height: 45px;  margin: 0 0 10px 0; margin: 0 auto; width: 206px; background: url(images/background_nav.png) repeat-x;
}

#header_option_price label {
	float:left;
	display:inline;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:8px;
	margin-right:8px;
	margin-top:14px;
	text-transform:uppercase;	
}

#header_option_price .select_price {
	width:130px;
	height:20px;
	border:#e4e4e4 1px solid;
	float:left;
	display:inline;
	color:#0000000;
	font-size:12px;
	margin-top:12px;
}

/*--------------------------------------------------------- */



/*------------------------------ Menu en Ascenseur vertical */

#byslidemenu{
	margin: 3em auto;
}
#byslidemenu li{
	list-style:none;
	background-color:white;
}
 #catprod img {
	width: 200px; 
	height: 150px
}

#verticaltextmenu,
ul.bsm{
	margin: 0px auto;
	border:1px solid #B0B0B0;
	list-style-type: none;
}

ul.bsm li{
	border-left:2px solid #FFFFFF;
}
ul.bsm li.first,
#verticaltextmenu div.first{
	border-style: none;
}
ul.vertical li,
div.vertical div{
	border-top: 2px solid #ffffff;
	border-left-style: none;
}

/*--------------------------------------------------------- */



/*------------------------------------------ Bouton Add This */

<div class="addthis_toolbox addthis_32x32_style addthis_default_style">    
	<a class="addthis_button_facebook"></a>    
	<a class="addthis_button_twitter"></a>    
	<a class="addthis_button_email"></a>    
	<a class="addthis_button_google"></a>    
	<a class="addthis_button_compact"></a>
</div>

/*--------------------------------------------------------- */