/*HEADER*/
		body{font-family: Arial, Verdana, sans-serif;}
		#headerGlobal{position: fixed; z-index: 9999999; width: 100%; top: 0; left:0;display:block;}
		header, nav{width:100%; margin:0 auto; padding: 0 0; background-color: rgb(240,240,240);}

		#topHeader{width:100%; max-width:1000px; height:auto; min-height:30px; margin:0 auto; padding: 0 0; font-size:10px; color:rgb(52,52,52);}
		
		#topHeader p.seoHeader{float:left; width:23%; height:20px; padding:0; margin:5px 1% 0 0; color:rgb(160,160,160); border-right:1px solid rgb(240,240,240);line-height: 20px;}
		
		#topHeader img.imgTelHeader{float:left; padding-top:3px;}
		
		.TelHeader {min-height: 18px;float:left; margin:5px 0; padding:2px 5px 0 25px;font-size:16px;line-height:10px;background: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Tel_SAV_Vert_Account.png); background-repeat: no-repeat;}
		.TelHeader a{text-decoration:none; color:#27ae60;font-weight:bold;cursor: text;}
		.TelHeader a span{font-size:8px;font-weight:normal;}
		
		
		#topHeader ul{float:right; list-style-type:none; padding: 0 0; margin: 0 0;}
		#topHeader ul li{display:inline-block; height:25px; padding:5px 0 0 0; margin:0 0 0 0; font-size:11px; line-height: 20px; color:rgb(82,82,82);
			-webkit-transition: all 0.3s ease;
	        -moz-transition: all 0.3s ease;
	         -ms-transition: all 0.3s ease;
	          -o-transition: all 0.3s ease;
	             transition: all 0.3s ease;}
		
		#topHeader ul li:hover{
			background: -webkit-linear-gradient( bottom, rgb(255,255,255), rgba(240,240,240,0) );
			background:    -moz-linear-gradient( bottom, rgb(255,255,255), rgba(240,240,240,0) );
			background:     -ms-linear-gradient( bottom, rgb(255,255,255), rgba(240,240,240,0) );
			background:      -o-linear-gradient( bottom, rgb(255,255,255), rgba(240,240,240,0) );
			background:         linear-gradient( to top, rgb(255,255,255), rgba(240,240,240,0) );
			
			-webkit-transition: all 0.4s ease;
	        -moz-transition: all 0.4s ease;
	         -ms-transition: all 0.4s ease;
	          -o-transition: all 0.4s ease;
	             transition: all 0.4s ease;

	         }

	    #topHeader ul li.bienvenue_perso:hover{background:none;}

		#topHeader ul li:last-child a{border-right:1px solid rgb(240,240,240); padding:0 6px 0 4px;}
		#topHeader ul li a, #topHeader ul li span {display:inline-block; font-size:11px; line-height: 20px; color:rgb(52,52,52); border-right:1px solid rgb(160,160,160); margin:0 0 0 2px; padding:0 6px 0 4px; opacity: 0.6;
			-webkit-transition: all 0.3s ease;
	        -moz-transition: all 0.3s ease;
	         -ms-transition: all 0.3s ease;
	          -o-transition: all 0.3s ease;
	             transition: all 0.3s ease;}

	    #topHeader ul li.Top_MonCompte{position:relative;height:inherit;}
	    ul.Under_MonCompte{display:none;
	    	width:200%;
	    	border:1px solid rgb(160,160,160);
	    	background-color: rgb(255,255,255);
	    	position: absolute;
	    	right: -40%;
	    	z-index: 1000000;
	    	border-radius: 3px 3px 5px 5px;
	    	box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
	    }

	    #topHeader ul li.Top_MonCompte:hover >ul.Under_MonCompte li{display:block;}
	    #topHeader ul li.Top_MonCompte:hover >ul.Under_MonCompte li:last-child{border-radius:0 0 5px 5px;}
	   	#topHeader ul li.Top_MonCompte:hover >ul.Under_MonCompte li a{background:inherit;border:inherit;display:block;padding-left:inherit;padding-left: 5px;text-decoration: none;}
	    #topHeader ul li.Top_MonCompte:hover > ul.Under_MonCompte{display:block;}

		#topHeader ul li.Top_MonCompte:hover >ul.Under_MonCompte li.Top_Deco a{background: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_suppLigne_grisFonce.png); background-repeat: no-repeat;padding-left:25px;}
		#topHeader ul li.bienvenue_perso{}
		#topHeader ul li.Top_MonCompte a{background: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_MonCompte.png); background-repeat: no-repeat;padding-left:25px;}
		#topHeader ul li.Top_CreaCompte a{background: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_plusPrdt_Account.png); background-repeat: no-repeat;padding-left:25px;}
		#topHeader ul li.Top_Connexion a{background: url(/waroot/images/flatDesign/pictos/Otelo/global/ic_Dispo_Gris.png); background-repeat: no-repeat;padding-left:25px;}


		#topHeader ul li a:hover, #topHeader ul li:last-child a:hover{ opacity: 1;
			-webkit-transition: all 0.4s ease;
	        -moz-transition: all 0.4s ease;
	         -ms-transition: all 0.4s ease;
	          -o-transition: all 0.4s ease;
	             transition: all 0.4s ease;}

	    #topHeader ul li:last-child a:hover{border-right:1px solid rgba(160,160,160,0);}

	    #FlagLangHeader{width:40px; height:26px; float:right; margin-top:2px; margin-left:1%;}
	    #sFlag{position:relative;width:40px;}
	    .ChoixLangBox{width:40px; height:26px; background-color:#FFFFFF; border-radius:6px; text-align:center; cursor:pointer;}
		.LangSelectBox{font-size:11px;color:#525252;text-decoration:none; margin:0; padding:0;font-weight:bold;}
		.SousFlagsBox{margin-left:2px; padding:5px 0; width:35px; background-color:#FFFFFF; border:1px solid #dddddd; border-radius:4px; box-shadow:1px 1px 3px rgba(82,82,82,0.2); text-align:center;}
			a.LinckSousFlags{display:block;font-size:10px;color:#a0a0a0;text-decoration:none;margin:2px;padding:2px 0;
				-moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;}
				
				a.LinckSousFlags:hover{
				font-size:11px;
				font-weight:bold;
				color:#525252;
				border-radius:4px;
				background-color:#eeeeee;
				-moz-transition: all 0.4s ease-in-out;
				-ms-transition: all 0.4s ease-in-out;
				-o-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;}


/*MIDDLE DU HEADER*/
	    #middleHeaderContener{width:100%; background-color: rgb(255,255,255); border:1px solid rgb(204,204,204); border-left:0; border-right:0;}
	     	#middleHeader{position:relative; margin: 7px auto 5px auto; width:100%; max-width:1000px; height:auto; min-height:60px;}
	     	
		     	.logoHeader{float: left;margin-right:2%;width:22%;}
		     	.logoHeader a{display:block;width:100%;}
		     	.logoHeader img{width:100%;max-height:60px;}
		     	
		     	#flagsHeader{position:relative;float:left; display:block; margin-top:14px; margin-right:8px; padding:2px 8px; border-right:1px solid rgb(160,160,160);}

		     	div#FlagsON{display:none;}
		     	div#FlagsON a, div#AccountON a{display:block; margin:3px auto; text-align: center;}
		     	div#FlagsON a img{display:block;margin:0 auto; width:20px;}
					
					#flagsHeader:hover div#FlagsON{display:block; position:absolute; z-index:9999999; top:34px; left:-1px; width:100%; background-color:rgb(255,255,255); border:1px solid rgb(160,160,160); border-radius:5px; box-shadow: 1px 1px 4px rgba(82,82,82,0.6); text-align:center;}

				#accountHeader{position:relative; float:left; display:block; margin-top:16px; padding:2px; width:29%;}
				#accountHeader img.pictoMonCompteHeader{float:left;margin-right: 1%;}
				#accountHeader a{display:inline-block;font-size:14px;height:20px;line-height:20px;text-decoration:none;margin: 0 1%; padding: 5px 10px;text-align: center;border-radius: 6px}
					#accountHeader a.connexion{background-color: rgb(0,60,150);color:rgb(255,255,255);}
					#accountHeader a.creaNewCompte{background-color: rgb(240,240,240);color:rgb(52,52,52);}

				div#AccountON{display:none;border-radius:6px;}
				div#AccountON ul{list-style-type:none; margin: 0 0; padding: 0 0;}
				div#AccountON ul li{display:block; margin:2px; padding: 4px; height:16px;background-color: rgb(255,255,255); border-radius:2px;}
				div#AccountON ul li a{padding:0 0; padding-left:20px; margin:0 0; font-size:11px; text-decoration:none; color:rgb(82,82,82); line-height:16px; background-image:url(/waroot/images/newHeader/picto_plus_Gris.png); background-repeat:no-repeat; text-align:left;}

				div#AccountON ul li a.donneesAccountON{background-image:url(/waroot/images/newHeader/picto_MesDonnees_header.png);}
				div#AccountON ul li a.adressesAccountON{background-image:url(/waroot/images/newHeader/picto_MesAdresses_header.png);}
				div#AccountON ul li a.commandesAccountON{background-image:url(/waroot/images/newHeader/picto_MesCommandes_header.png);}
				div#AccountON ul li a.listesAccountON{background-image:url(/waroot/images/newHeader/picto_MesListes_header.png);}
				div#AccountON ul li a.prdtsAccountON{background-image:url(/waroot/images/newHeader/picto_MesProduits_header.png);}
				div#AccountON ul li a.comparAccountON{background-image:url(/waroot/images/newHeader/picto_MonComparateur_header.png);}
				
					div#AccountON ul li:hover{background-color: rgb(240,240,240);
											-webkit-transition: all 0.3s ease;
									        -moz-transition: all 0.3s ease;
									         -ms-transition: all 0.3s ease;
									          -o-transition: all 0.3s ease;
									             transition: all 0.3s ease;}
					
					#accountHeader:hover div#AccountON{display:block; position:absolute; z-index:9999999; top:36px; left:-1px; background-color:rgb(255,255,255); border:1px solid rgb(160,160,160); border-top:0px; box-shadow: 2px 2px 6px rgba(82,82,82,0.6); text-align:center; padding:5px;}
				
				#accountHeaderPlus{position:relative; float:left; display:block; margin-top:14px; padding:2px;}

				#basketHeader{float:right; display:inline-block; margin-top:10px;}
				.NbPrdts{float:left; display:inline-block; width:40px; height:40px; text-align:right; background-image:url(/waroot/images/newHeader/otfr_picto_MiniBasket_Noir_header.png); background-repeat:no-repeat;}
					.NbPrdts p{font-size:9px; font-weight:bold; color:rgb(0,0,0); padding:0 0; margin:10px 2px 0 17px; display:block; text-align:center; width:24px;}

				.infosBasketHeader{float:left; display:inline-block; text-align:right;}
					.infosBasketHeader a{display:block;font-size:12px; font-weight:bold; color:rgb(0,60,150); padding:0 0 0 10px;; margin:0 0;text-decoration:none;}
					.infosBasketHeader img{float:right; margin:3px 0 0 5px;}

					p.NbArticles{font-size:10px; color:rgb(82,82,82); padding:0 0; margin:0 0;}

					#QuickViewCart2017{position: absolute; z-index: 9999999999999;text-align: left;right: 0;top: 15px;display: none;
						border:2px solid rgb(250,195,25);border-radius:6px;background-color:rgb(255,255,255);width:25%;box-shadow:3px 3px 10px rgba(82,82,82,0.6);font-size:12px;}

					#QuickViewCart2017 p{color:rgb(52,52,52);font-size:12px;}
					#QuickViewCart2017 p.titreQuickView{text-transform: uppercase;font-weight:bold;background-color:rgb(250,195,25); border-radius:2px 2px 0 0;padding:8px 5px;margin:0;text-align:center;color:rgb(52,52,52);}



/*BOTTOM DU HEADER*/
		#bottomHeader{position: relative; width:100%; max-width:1000px; height:auto; min-height:80px; margin:0 auto; padding:0 0; font-size:9px; color:rgb(82,82,82);}

			#searchBox{float:left; margin:8px 1% 0 0; display:block; width:40%;padding:0 0.5% 0 0; border-right:0px solid rgb(82,82,82);}

				.searchContenerInput{display:block; float:left; height:40px; border:1px solid rgb(0,60,150); margin:0 0; padding:0 0; width:100%;border-radius:30px;}
				.searchInput{float:left; padding:0 2% 0 5%; color:rgb(160,160,160); font-size:14px;border:none;width:81.5%;line-height: 40px; height: 40px; border-radius:21px 0 0 21px;}
					.searchInput:focus{outline:none;background-color:rgb(255,255,255) !important;border:0;color:rgb(0,60,150);}
				.searchOKBtn{display:block;float:right; font-size:18px; color:rgb(255,255,255);border:none; cursor:pointer;height:40px;line-height: 38px; background-color: rgb(0,60,150);border-radius: 0 18px 18px 0;width: 11%;}


			#QuickOrderBox{position:relative; float:left; display:block; margin-top:10px; padding:2px; width:14.5%; height:40px; padding-left:5.5%; 
				background-image:url(/waroot/images/newHeader/otfr_picto_QuickOrder.png); background-repeat: no-repeat; background-position-x:0; background-position-y:7px;}

				#QuickOrderBox p{text-align:left; margin:0 0; padding:7px 0 2px 0; font-size:12px; text-transform:uppercase; color:rgb(0,60,150); font-weight:bold;}
				#QuickOrderBox a{color:rgb(0,60,150);text-align:left;font-size:10px;}
				.acheter3clic{float:left; display:block;margin-top:2px;}

			div#QuickOrderON{display:none;}
			#QuickOrderBox:hover div#QuickOrderON{display:block; position:absolute; z-index:9999999; top:40px; left:-5%; width:110%; min-height:100px; background-color:rgb(255,255,255); border:1px solid rgb(82,82,82); border-radius:5px; box-shadow: 1px 1px 4px rgba(82,82,82,0.6); padding:10px;}

			#QuickOrderOn p {color:rgb(82,82,82); font-size:12px; font-weight:normal; text-align: justify; margin: 0 0; padding: 0 0;text-transform: none;}

			#QuickOrderOn a{color:rgb(82,82,82);}

			#NewsletterBox{float:right;display:block; width:26%; height:40px; margin-top:18px; background-image:url(/waroot/images/newHeader/otfr_picto_AbonnNL.png); background-repeat: no-repeat; background-position-x:0; background-position-y:7px;}

			#NewsletterBoxFooter{float:left; display:block; width:95%; height:54px; margin-top:-5px; background-image:url(/waroot/images/newHeader/otfr_picto_AbonnNL_gris.png); background-repeat: no-repeat; background-position-x:0; background-position-y:7px;}


				.NewsletterContenerInput, .NewsletterContenerInputFooter{display:block; float:right; height:28px; border:1px solid rgb(0,60,150); margin:7px 0; padding:0 0; width:85%;background-color:rgb(255,255,255);}
				.NewsletterInput, .NewsletterInputFooter{float:left; height:26px; width:83%; padding:0 2px; color:rgb(82,82,82); font-size:11px;border:none; } 
				.NewsletterOKBtn, .NewsletterOKBtnFooter{display:block;float:right; font-size:12px; color:rgb(255,255,255);border:none; cursor:pointer; padding:7px 6px; background-color: rgb(0,60,150);}
				.NewsletterContenerInput p{float:left;display:block; margin:6px 0 0 0; padding:0 0; font-size:9px; color: rgb(0,60,150);}

				.NewsletterContenerInputFooter{border:1px solid rgb(82,82,82);}
				.NewsletterOKBtnFooter{background-color: rgb(82,82,82);}


/*NAVIAGTION PRINCIPALE ET MEGA-MENUS*/

		nav{position:relative; z-index:999999; width:100%; box-shadow:0 6px 9px rgba(82,82,82,0.2);}
		#prenav{max-width:1000px;margin:0 auto;}

		nav ul#nav{margin: 0 auto; padding:0 0 0 0; list-style-type: none; width:100%; max-width:1000px; text-align: left;}
		
		nav ul#nav li{display:inline-block; width:11%; padding:10px 0; margin:0 0 0 0; text-align: center; vertical-align: middle; border-radius:8px 8px 0 0;	       
			 -moz-transition: all 0.2s ease;
	         -ms-transition: all 0.2s ease;
	          -o-transition: all 0.2s ease;
	             transition: all 0.2s ease;}

	    nav ul#nav li.navHome{width:auto;}
	    nav ul#nav li.navHome img{display:block; border:none; margin:0 10px 0 0;}

			nav ul#nav li.navCata{margin-left:-5px;}
			nav ul#nav li.navQSN{width:11.5%;}
			nav ul#nav li.navSelection{width:8%;float:right;background-color: rgb(0,60,150); margin-top: -5px;}
			nav ul#nav li.navPromotion{width:8%;float:right;background-color: rgb(250,195,25); margin-top: -5px;}
			nav ul#nav li.navDestockage{width:8%;float:right;background-color: rgb(0,0,0); margin-top: -5px;}
			nav ul#nav li.navToolingSelector{width:11.5%;}

				nav ul#nav li a{display:block; min-height:30px; font-size:10px; line-height: 15px; text-transform: uppercase; margin:0; padding:0 0 0 0; color: rgb(82,82,82); text-decoration: none; font-weight: bold; border-right:1px solid rgb(204,204,204);}

				nav ul#nav li a.navServ{display:block; min-height:30px;line-height:30px;}
				nav ul#nav li a.navQuiSommesNous{display:block; min-height:30px;line-height:30px;}
				nav ul#nav li a.navTooling {display:block; min-height:30px;line-height:30px;}				
				
				/*nav ul#nav li.navVP a{display:block; min-height:30px; border-right:0; padding:0 10px;}*/

				nav ul#nav li a.navSelectMoment{border-right:0px;color:rgb(255,255,255);padding-top: 5px;margin-bottom: 0px;}
				nav ul#nav li a.navPromo{border-right:0px;color:rgb(0,0,0);padding-top: 5px;margin-bottom: 0px;}
				nav ul#nav li a.navDestock{line-height:30px;border-right:0px;color:rgb(252,195,23);padding-top: 5px;margin-bottom: 0px;}


		nav ul#nav div#sousMenuNavContener{display:block; position:absolute; top:70px; z-index:999998;height:0px; background-color: rgb(255,255,255); background: rgb(255,255,255);
		-webkit-transition: all 0.3s ease;
	        -moz-transition: all 0.3s ease;
	         -ms-transition: all 0.3s ease;
	          -o-transition: all 0.3s ease;
	             transition: all 0.3s ease;}

	    ul#sousCatNav, ul#sousMenuNav, div#sousMenuNavContener p.topMegaMenu, .imageMegaMenu, div#sousMenuNavContener p.voirToutMarquesMM {display:none;
	    	-webkit-transition: all 0.6s ease;
	        -moz-transition: all 0.6s ease;
	         -ms-transition: all 0.6s ease;
	          -o-transition: all 0.6s ease;
	             transition: all 0.6s ease;}

	    nav ul#nav li:hover ul#sousCatNav,nav ul#nav li:hover ul#sousMenuNav,nav ul#nav li:hover div#sousMenuNavContener p.topMegaMenu, nav ul#nav li:hover div#sousMenuNavContener p.voirToutMarquesMM, nav ul#nav li:hover .imageMegaMenu {display:block;
	    	-webkit-transition: all 0.3s ease;
	        -moz-transition: all 0.3s ease;
	         -ms-transition: all 0.3s ease;
	          -o-transition: all 0.3s ease;
	             transition: all 0.3s ease;}

		nav ul#nav li:hover div#sousMenuNavContener{display:block; top:50px; height:auto; left:0;width:100%; padding:0 0; margin:0 auto; border: 4px solid rgb(226,0,26); text-align:left; border-left:0; border-right:0; background-color:rgb(255,255,255); background: rgb(255,255,255); background-image:url(/waroot/images/newHeader/BG_MegaMenu_Gris.jpg); background-repeat: no-repeat; background-position:right,bottom; box-shadow: 0px 4px 8px rgba(82,82,82,0.8);
			-webkit-transition: all 0.6s ease;
	        -moz-transition: all 0.6s ease;
	         -ms-transition: all 0.6s ease;
	          -o-transition: all 0.6s ease;
	             transition: all 0.6s ease;}

	    nav ul#nav li.navMarques:hover div#sousMenuNavContener{border: 4px solid rgb(82,82,82); border-left:0; border-right:0;}
	    nav ul#nav li.navThema:hover div#sousMenuNavContener{border: 4px solid rgb(160,160,160); border-left:0; border-right:0;}

	    nav ul#nav li div#sousMenuNavContener div#sousMenuNavContenerInter{display:block;height:0px;}
	    nav ul#nav li:hover div#sousMenuNavContener div#sousMenuNavContenerInter{width:1000px; height:auto; margin:0 auto; padding: 0 0;}

	    .imageMegaMenu{float:right; width:22%; margin-right:2%; margin-top:-8px; padding-top:0;border:none;}
	    #sousMenuNavContener #sousMenuNavContenerInter .imageMegaMenu a, #sousMenuNavContener #sousMenuNavContenerInter .imageMegaMenu a img{border:0;}

	    nav ul#nav li > a{-webkit-transition: all 0.2s ease;
	        -moz-transition: all 0.2s ease;
	         -ms-transition: all 0.2s ease;
	          -o-transition: all 0.2s ease;
	             transition: all 0.2s ease;}

		nav ul#nav li:hover{background-color: rgb(82,82,82);
			-webkit-transition: all 0.6s ease;
	        -moz-transition: all 0.6s ease;
	         -ms-transition: all 0.6s ease;
	          -o-transition: all 0.6s ease;
	             transition: all 0.6s ease;}

	    nav ul#nav li.navHome:hover{background-color: rgb(240,240,240);}
	    nav ul#nav li.navCata:hover{background-color: rgb(226,0,26);}
	    nav ul#nav li.navMarques:hover{background-color: rgb(82,82,82);}
	    nav ul#nav li.navThema:hover{background-color: rgb(160,160,160);}
	    nav ul#nav li.navPromotion:hover{background-color: rgb(250,195,25);box-shadow: 0px -2px 3px rgba(0,0,0,0.25); margin-top: -10px;}
	    nav ul#nav li.navDestockage:hover{background-color: rgb(0,0,0);box-shadow: 0px -2px 3px rgba(0,0,0,0.25); margin-top: -10px;}
	    nav ul#nav li.navSelection:hover{background-color: rgb(0,60,150);box-shadow: 0px -2px 3px rgba(0,0,0,0.25); margin-top: -10px;}

		nav ul#nav li:hover > a{ color:rgb(255,255,255);
			-webkit-transition: all 0.6s ease;
	        -moz-transition: all 0.6s ease;
	         -ms-transition: all 0.6s ease;
	          -o-transition: all 0.6s ease;
	             transition: all 0.6s ease;}

	    nav ul#nav li:hover > a{color:rgb(255,255,255);}
	    nav ul#nav li.navCata:hover > a{border-right:1px solid rgb(226,0,26)}
	    nav ul#nav li.navMarques:hover > a, nav ul#nav li.navServices:hover > a{border-right:1px solid rgb(82,82,82)}
	    nav ul#nav li.navThema:hover > a{border-right:1px solid rgb(160,160,160);}
	    
	    nav ul#nav li.navDestockage:hover > a{color:rgb(252,195,23);padding-top: 5px;margin-bottom: 5px;}
	    nav ul#nav li.navPromotion:hover > a{color:rgb(0,0,0);padding-top: 5px;margin-bottom: 5px;}
	    nav ul#nav li.navSelection:hover > a{color:rgb(255,255,255);padding-top: 5px;margin-bottom: 5px;}
	    
	    nav ul#nav li.navQSN:hover > a{border-right:1px solid rgb(82,82,82);}
	    nav ul#nav li.navToolingSelector:hover > a{border-right:1px solid rgb(82,82,82);}
	    

/*DEBUT PARTIE MEGAMENU*/

	    p.topMegaMenu{display:block; border-bottom: 1px solid rgb(160,160,160); color:rgb(0,60,150); font-size:20px; margin:0 1.5% 10px 1.5%; padding:10px 0;}
	  

	    div#sousMenuNavContener ul#sousMenuNav{width:75%; margin:0 0.5% 0 1%; padding:0 0;}
	    div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarquesPropres{float:left; width:20%; margin:0 0.2% 0 1.5%; padding:0 0; border:4px solid rgb(0,60,150); border-bottom:0; height:285px; border-radius:10px 10px 0 0; background-color:rgba(255,255,255,0.8);}
	    div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarques{float:left; width:76%; margin:5px 0 0 0; padding:2px 0; height:280px;overflow-y: scroll;}
	    div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuThema{position:relative; float:left; width:60%; margin:0 0.5% 0 1%; padding:0 0;}


		div#sousMenuNavContener ul#sousMenuNav li{ float:left; display:block; width:31%; min-height:30px; margin:2px 1%; padding:0 0 0 0; text-align:left; vertical-align: middle;}

		div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarquesPropres li {position:relative; display:block; width:46%; margin:2px 2%; padding:0 0 0 0; text-align:left; vertical-align: middle; min-height:15px;}

		div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarques li {position:relative; float:left; display:block; width:17.7%; min-height:30px; margin:1px 1%; padding:1px 0 0 0; text-align:left; vertical-align: middle;}

		div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuThema li{float:left; width:48%; display:block; min-height:30px; margin:2px 1%; padding:0 0 0 0; text-align:left; vertical-align: middle;}			
		
		div#sousMenuNavContener ul#sousMenuNav li:hover, div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarques li:hover{background: none;}
		div#sousMenuNavContener ul#sousMenuNav li.voirToutMarquesMM:hover{background-color: rgb(240,240,240);}

		div#sousMenuNavContener ul#sousMenuNav li a, div#sousMenuNavContener ul#sousMenuNav li.voirToutMarquesMM p{padding:0 0; margin:0 0; color:rgb(82,82,82); font-weight:normal; font-size:10px;}

		p.TopMarquesPropres{padding:2px 3% 7px 3%; margin:0 0 3px 0; color:rgb(255,255,255); font-weight:normal; text-align: center; font-size:14px; background-color: rgb(0,60,150); border-radius:3px 3px 0 0;}

		p.TopMarques{padding:0 1% 9px 1%; margin:0px 0 3px 0; color:rgb(82,82,82); font-weight:normal; text-align: left; font-size:16px; line-height:16px;}

		div#sousMenuNavContener ul#sousMenuNav li a, div#sousMenuNavContener ul#sousMenuNav li.voirToutMarquesMM a{border:0; display:block; text-transform: capitalize; padding:1px 5px 1px 0; margin:0; vertical-align: middle; color:rgb(0,60,150); font-size:11px; min-height:30px;}

		div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarquesPropres li a{border:0; display:block; text-transform: capitalize; padding:0px 0px 2px 0; margin:0; vertical-align: middle; color:rgb(0,60,150); font-size:11px; min-height:18px; line-height:18px;}

		div#sousMenuNavContener ul#sousMenuNav li.voirToutMarquesMM a{text-decoration: underline; color:rgb(255,255,255); font-size:11px; min-height:14px; text-align:right; margin-top: 5px;}

		div#sousMenuNavContener ul#sousMenuNav li:hover > a{display:block;}

  		p.voirToutMarquesMM{display:block;margin:0 1.5%;background-color: rgb(240,240,240); padding:5px 2%; border-radius:4px 4px 0 0; font-size:16px;line-height:20px;}
	    p.voirToutMarquesMM a{display:block; border:none !important;font-size:14px !important;line-height:30px !important;font-weight:bold;text-align:center;}

		.visuelThemaMM p{font-size: 14px;color:rgb(82,82,82);margin:15px 4%; text-align: justify;}

		.visuelThemaMM{display:none;width: 60%;background-color: rgb(255,255,255);border-radius: 25px 25px 0 0;
		position:absolute; bottom:0; left:100%; margin:0 0 0 2.5%;
	    	-webkit-transition: all 0.2s ease;
	        -moz-transition: all 0.2s ease;
	         -ms-transition: all 0.2s ease;
	          -o-transition: all 0.2s ease;
	             transition: all 0.2s ease;
	         }

		div#sousMenuNavContener  ul#sousMenuNav.SouSMegaMenuThema li:hover div.visuelThemaMM {display:block;background-color: rgb(240,240,240);
			-webkit-transition: all 0.4s ease;
	        -moz-transition: all 0.4s ease;
	         -ms-transition: all 0.4s ease;
	          -o-transition: all 0.4s ease;
	             transition: all 0.4s ease;}


/*FLECHE MEGA MENU*/
		span#flecheMegaMenu{display: inline-block;
			float: left;
			width:0;
			height: 0;
			border:0px solid transparent;
	    	-webkit-transition: all 0.2s ease;
	        -moz-transition: all 0.2s ease;
	         -ms-transition: all 0.2s ease;
	          -o-transition: all 0.2s ease;
	             transition: all 0.2s ease;
	    }


		div#sousMenuNavContener ul#sousMenuNav li:hover span#flecheMegaMenu, div#sousMenuNavContener ul#sousMenuNav li.voirToutMarquesMM span#flecheMegaMenu {
			display: inline-block;
			float: left;
			width:0;
			height: 0;
			font-size: 1px;
			line-height: 1px;
			margin-top:1px;
			margin-bottom: 10px;
			border:8px solid transparent;
			border-left:8px solid rgb(220,0,30);
			-webkit-transition: all 0.4s ease;
	        -moz-transition: all 0.4s ease;
	         -ms-transition: all 0.4s ease;
	          -o-transition: all 0.4s ease;
	             transition: all 0.4s ease;
	    }

	     div#sousMenuNavContener ul#sousMenuNav.SouSMegaMenuMarquesPropres li:hover span#flecheMegaMenu {
	     	display: inline-block;
			float: left;
			width:0;
			height: 0;
			font-size: 1px;
			line-height: 1px;
			margin-top:2px;
			margin-bottom: 2px;
			border:6px solid transparent;
			border-left:6px solid rgb(220,0,30);
			-webkit-transition: all 0.4s ease;
	        -moz-transition: all 0.4s ease;
	         -ms-transition: all 0.4s ease;
	          -o-transition: all 0.4s ease;
	             transition: all 0.4s ease;
	    }

	    div#sousMenuNavContener ul#sousMenuNav li:hover span#flecheMegaMenu.flecheMarques,  div#sousMenuNavContener ul#sousMenuNav li.voirToutMarquesMM span#flecheMegaMenu.flecheMarques {
	    	border-left:8px solid rgb(82,82,82);
	    }

	    div#sousMenuNavContener ul#sousMenuNav li:hover span#flecheMegaMenu.flecheThema{
	    	border-left:8px solid rgb(160,160,160);
	    }

	    div#sousMenuNavContener ul#sousMenuNav li:hover span#flecheMegaMenu.flecheMarquesOTELO {
	    	border-left:8px solid rgb(250,195,25);
	    }

	    div#sousMenuNavContener:hover{display:block;opacity:1;}
	    div#sousMenuNavContener ul#sousMenuNav:hover{display:block;}

/*---------- SPECIAL LINCK (à la place du quick order dans middleheader) ------------*/

#specialLink{float: left;margin-top:4px;margin-left: 1%;max-height:56px;width: 17%;text-align: center;}
#specialLink a{display:block;font-family:'Comfortaa', cursive;font-weight:normal;background-color:rgb(0,0,0);border-radius: 20px 20px 0 0;height:50px;padding:8px 0 0 0;margin-top:8px;color:rgb(255,255,255);line-height:18px;font-size:16px;text-decoration:none;transition: all 0.2s;}
	#specialLink a span{color:rgb(0,200,90);font-size:14px;line-height:14px;border:1px solid white;border-left:0; border-right:0;padding:0 5px;display:inline-block;}
	#specialLink a:hover{padding:10px 0 5px 0; margin-top:0px;transition: all 0.3s;line-height:22px;font-size:19px;}
	#specialLink a:hover span{font-size:18px;line-height:18px;transition: all 0.3s;}


/*---------------  Suppression du header 2016 + modif home flat------------*/
#HeaderContain{margin: 0 auto;}
#MenuHeader{width:1000px; margin:0 auto;}
#SearchboxContain{display:none;}
#PageMiddleContain, #ZoneMiddleMetP{position:relative;background:rgb(255,255,255);max-width:1000px;margin:165px auto 0 auto;}
#PageContents{width:auto;padding-bottom: 10px;}

#GlobalFramePage{width:1000px; margin:auto; position:relative;}
#PageFixWidth{margin-bottom:10px;display:block;}

#caracteristiques,#conditionsdecoupe, #documents, #suggestions, #equivalents,#associated{margin-top: -165px; padding-top: 165px;}
/*Page marque*/
#ligneAlphaMarque h3{margin-top: -165px; padding-top: 165px;}

.boxPanelTop{background:rgb(250,195,25);border-radius:5px 5px 0 0;height:32px;}
.boxPanelNormal{background:rgb(255,255,255);border:1px solid rgb(204,204,204); border-top:0; border-bottom:0;}
.boxPanelBottom{background:none;border:1px solid rgb(204,204,204);border-top:0;height:1px;}


#boxMarques, #boxStockOptim, #boxListes, #boxDestock, #boxPromo, #boxBlackFriday{
	width: 210px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#boxDestock, #boxPromo, .RsNavGauche, #boxLivraison, #ShowContainBoutiques, #QuickOrderBox{display:none;}

.h3HomeSeo{font-weight:normal; font-size: 13px; width: 100%; margin: auto; color: rgb(82,82,82); margin-bottom: 0; text-align:justify; margin-top:20px;}



.pagination li a{background:rgb(240,240,240);}
.pagination li.current a{background:rgb(82,82,82);color:rgb(255,255,255);}

#baseLine1 h1{color:rgb(0,60,150);font-weight:normal;}
#baseLine2{margin-bottom: 10px;}
	#baseLine2 h2{color:rgb(226,0,26);font-weight:normal;}

.btnHomeShowClassif{background: rgb(240,240,240);border-radius:8px;border:1px solid rgb(160,160,160); height:30px; text-align: center; line-height: 30px;}
.btnHomeShowClassif:hover{box-shadow: 2px 2px 5px rgba(82,82,82,0.4);
			-webkit-transition: all 0.4s ease;
	        -moz-transition: all 0.4s ease;
	         -ms-transition: all 0.4s ease;
	          -o-transition: all 0.4s ease;
	             transition: all 0.4s ease;}

#themeHomeTitle, .themeHome-link{color:rgb(82,82,82);}


#boxNewAccount, #boxNewsletter, #boxLivraison{
    background: rgb(0,60,150);
    border-radius:6px;
    width: 210px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#boxNewsletter, #boxLivraison{
    background: rgb(250,195,25);
}

#boxNewAccount a, #boxNewsletter a, #BoxLivraisonContain{
    color:#FFFFFF;
    padding-left: 0;
    text-align: center;
}

#boxNewsletter a, #BoxLivraisonContain{color:#000000;}