*{padding:0;margin:0;text-decoration:none;border:0;}
body {
	padding: 0;
	margin : 0;
	font-family: "Myriad Pro";
}
.slides{width:660px; height:276px; overflow:hidden;}
#marge_gauche {
	background-image: url('../../../../images/esx2/body/cote_gauche.png');
	background-repeat: repeat;
	position : absolute;
	width:50%;
	height:959px;
	z-index: 0;
}
#marge_droite {
	background-image: url('../../../../images/esx2/body/cote_droit.png');
	background-repeat: repeat;
	position : absolute;
	margin-left: 50%;
	width:50%;
	height:959px;
	z-index:0;
}
#wrap_header {
	position: relative;
	width : 1064px;
	height: 168px;
	background-image: url('../../../../images/esx2/header/head.png');
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	z-index: 1;
	padding-top: 0;
	background-position: center;
}#wrap {
	width : 1064px;
	min-height: 638px;
	margin-top:33px;
	position : relative;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
}
	#header {
		height : 168px;
		width : 1063px;
		margin-right: auto;
		margin-left: auto;
		border-top: 1px inset #a3bddf;
	}
		#logo {
			position : absolute;
			margin-top: 28px;
			margin-left: 0px;
		}
		#compte_bloque
		{
			padding: 15px;
			/*position:absolute; 
			margin-left:400px;
			margin-top:40px;*/
			font-weight: bold;
			font-size: 1.3em;
			font-style:italic;
			color: red;

		}
	
	#titre a
		{
			/*position:relative; 
			*/

			margin-left:40px;			
			margin-top:-60px;
			font-weight: bold;
			font-size: 1.1em;
			font-style:italic;
			color: red;
			text-decoration:underline;			

		}	
		#logo_bloque
		{
			position:absolute; 
			margin-top:-10px;
			height: 40px;
			width: 40px;
		}	

		#compte_echue, #compte_bientot_echue
		{
			
			padding: 15px;
		}

		/*#compte_echue
		{
			position:absolute; 
			margin-left:323px;
			margin-top:55px;
		}
		
		#compte_bientot_echue
		{
			position:absolute; 
			margin-left:323px;
			margin-top:55px;
		}*/
		
		#titre_echue a
		{
			text-decoration: underline;
			position:relative;
			margin-left:40px;			
			margin-top:-30px;
			font-weight: bold;
			font-size: 1.3em;
			font-style:italic;
			color: red;
		}	
		
		#titre_bientot_echue a
		{
			text-decoration: underline;
			position:relative;
			margin-left:38px;	
			margin-top:-30px;
			font-weight: bold;
			font-size: 1.3em;
			font-style:italic;
			color: #e98b39;
		}
		#titre_facture_existe a
		{
			text-decoration: underline;
			position:relative;
			margin-left:38px;	
			margin-top:-30px;
			font-weight: bold;
			font-size: 1.3em;
			font-style:italic;
			color: #009933;
		}

		
		#logo_echue img
		{
			width: 40px;
			height: 40px;
			margin-top:15px;
			margin-left: -4px;
		}

		#logo_bientot_echue img
		{
			margin-left: -4px;
		}

#titre_avoir a
		{
			text-decoration: underline;
			position:relative;			
			margin-left:40px;			
			margin-top:-50px;
			font-weight: bold;
			font-size: 1.3em;
			font-style:italic;
			color: #0C8E42;
		}

		
		#logo_avoir img
		{

			position:relative;
			width: 35px;
			height: 35px;
			margin-top:-25px;
		}


		#compte_avoir
		{
			padding: 15px;
			/*position:absolute; 
			margin-left:323px;
			margin-top:25px;
			font-weight: bold;
			font-size: 1.5em;
			font-style:italic;
			color: black;*/
		}
		#phrase_europe {
			position : absolute;
			margin-top: 128px;
			margin-left: 4px;
			font-style: italic;
			font-size: 1.4em;
			color :#001a50;
			font-weight: : bold;
		}
		#menu_head {
			position : absolute;
			background-image: url('../../../../images/esx2/header/barre_header.png');
			width : 1065px;
			height : 33px;
			color: white;
			margin-right: auto;
			margin-left: auto;
		}
			#menu_head a {
				text-decoration: none;
				color:#f5f6f7;
				/*text-align: center;*/
				font-family: Corbel;
				font-size: 1.3em;

			}
			#accueil {
				width:206px;
				height:29px;
				text-align: center;
				padding-top: 6px;
				font-family: Corbel;
				font-size: 1em;
				cursor: pointer;
			}
			#produit {
				width:206px;
				height:28px;
				margin-left:210px;
				margin-top: -32px;
				text-align: center;
				padding-top:6px;
				font-size: 1.3em;
				font-family: Corbel;
				cursor: :pointer;
			}
			#information {
				width:206px;
				height:30px;
				margin-left:420px;
				margin-top: -30px;
				text-align: center;
				font-size: 1.3em;
				font-family: Corbel;
			}
			#moncompte {
				width:210px;
				height:27px;
				margin-left:630px;
				margin-top: -30px;
				text-align: center;
				font-size: 1em;
				font-family: Corbel;
				cursor: pointer;
				padding-top: 6px;
			}
			#monpanier {
				width:222px;
				height:30px;
				margin-left:840px;
				margin-top: -30px;
				text-align: center;
				font-size: 1em;
				font-family: Corbel;
				cursor: :pointer;
			}
		#langue_drap {
			position : absolute;
			height : 46px;
			width : 183px;
			/*background-image: url('../../../../images/esx2/header/drapeau.png');*/
			margin-top :19px;
			margin-left: 658px;

		}
			 #anglais {
				background-image: url("../../../../images/esx2/header/drapeau.png");
				background-position: -13px 0;
				width:25px;
				height:46px;
				position:absolute;
                margin-left: 0px;
                /*border : 1px solid red;*/
			} #francais {
				background-image: url("../../../../images/esx2/header/drapeau.png");
				background-position: -40px 0;
				width:25px;
				height:46px;
				position:absolute;
				margin-left:25px;
                /*border : 1px solid red;*/
			}  #espagnol {
				background-image: url("../../../../images/esx2/header/drapeau.png");
				background-position: -68px 0;
				width:25px;
				height:46px;
				position:absolute;
				margin-left:50px;
               	/*border: 1px solid #ffff00;*/
                /*border : 1px solid red;*/
			} #allemand {
				background-image: url("../../../../images/esx2/header/drapeau.png");
				background-position: -95px 0;
				width:25px;
				height:46px;
				position:absolute;
				margin-left:75px;
                /*border : 1px solid red;*/
			} #italien {
				background-image: url("../../../../images/esx2/header/drapeau.png");
                background-position: -122px 0;
                width:25px;
				height:46px;
				position:absolute;
				margin-left:100px;
                /*border : 1px solid red;*/
			}  #polonais {
                background-image: url("../../../../images/esx2/header/drapeau.png");
                background-position: -147px 0;
                width:25px;
                height:46px;
                position:absolute;
                margin-left:125px;   
                /*border : 1px solid red;  */
                                                                              }
		#coord {
			position : absolute;
			margin-left: 810px;
			margin-top:1px;
			color :#001a50;
			font-size: 1em;
			text-align: right;

		}
        .guide-catalogue{   
        	position: absolute;
		    margin-left: 436px;
		    width: 169px;
		    height: 161px;
		    margin-top: 0px;
		    /*box-shadow: 0px 0px 5px #0077b3;*/
		    text-align: center;
		    border-radius: 10%;
		}

		.guide-catalogue-it{   
        	position: absolute;
		    margin-left: 436px;
		    width: 169px;
		    height: 161px;
		    margin-top: -3px;
		    /*box-shadow: 0px 0px 5px #0077b3;*/
		    text-align: center;
		    border-radius: 10%;
		}
		.clici{ color: #F44336; text-shadow: none;}
        .guide{
        	/width: 75px;
        	width:155px;
        	margin-top: 72px;
        	/*margin-top: 20px;*/
        	/box-shadow: 3px 0px 15px #bd362f;
        }        
        .guide2{
        	width: 73px;
		    position: absolute;
		    margin-left: -76px;
		    box-shadow: 1px 1px 5px #04c;
        }
		.text-guide{
		     font-size: 16px;
		    color: #fff;
		    font-weight: 700;
		    text-shadow: 0px 0px 5px #0077b3;
		}
			.num {
				color:white;
				font-size:1.3em;
				font-weight: normal;
			}
		#connec {
			/*margin-top: 119px;*/
			margin-top: -50px;
			margin-left: 855px;
			background-repeat: no-repeat;
			background-position: -19px -5px;
			height:20px;
			width:182px;
		}
			#connec a {
				color:#001a50;
				font-size:1.1em;

			}
		#create_compte {
			margin-top: 3px;
			margin-left: 855px;
			margin-bottom: 5px;
			background-repeat: no-repeat;
			background-position: -19px -30px;
			height:20px;
			width:182px;
		}
			#create_compte a {
				color:#001a50;
			}
	#clickToBeCalled {
		/*position:absolute;*/
		margin-top:70px;
		margin-left:618px;
		z-index: : 200;
	}

	#block_connect {
		color:#273e6b;
		/*margin-top: 83px;*/
		margin-top: -90px;
		margin-left:880px;
		margin-bottom: 6px;
	}

	#myModal2 .close span {
		font-size: 24px;
	}

		#user_put, #mdp_put {
			width:150px;
			height:15px;
			color:#aac2e2;
			letter-spacing: 1px;
			padding:1px;
			padding-left: 8px;
			color:#273e6b;
			font-size: 0.9em;
		}
		.lienSimple1 {
			font-size: 0.1em;
		}
		##user_put, {
			margin-top:1px;
		}#mdp_put {
			margin-left:1px;
			margin-top:2px;
		}
	#block_connect a {
			color:#273e6b;
			text-decoration:underline;
		}
		#lien_connect a {
			color:#273e6b;
			margin-top:-11px;
			position:absolute;
			width:300px;
		}
	.okRond {
	border:none;
	width: 54px;
	height: 15px;
	background-image: url(../../../../images/esx2/header/btn_login.png);
	background-repeat: no-repeat;
	background-color: #283f6d;
	padding-top:10px;
	margin-left:8px;
	}	#infoUser {
		margin-top: 119px;
		margin-bottom:48px;
		margin-left: 855px;
		background-repeat: no-repeat;
		height:20px;
		width:182px;

	}
#body {
	position: relative;
	min-height:662px;
	background-color: white;
	width:1064px;

}
	#pub1 {
		width:334px;
		padding-top: 11px;
		padding-left: 8px;
		/*border :1px solid black;*/
	}
	#separateurMilieu {
		margin-top: 5px;
	}
	#pub2 {
		width:334px;
		padding-top: 12px;
		padding-left: 8px;
	}
	#separateurDroite {
		margin-top:-419px;
		margin-left:334px;
	}
	#recherche {
		position: absolute;
		width:654px;
		height:129px;
		margin-top:-414px;
		margin-left:372px;
	}
	#content {
		width:654px;
		min-height:129px;
		margin-top:-414px;
		margin-left:372px;
		overflow:visible;
		padding-bottom:50px;
	}
	#pub3 {
		position: absolute;
		margin-top:-285px;
		margin-left:374px;
	}
	#bloc_constructeur{width:1064px;height:65px;border-top:1px solid #b1aeae;margin-right:auto;margin-left:auto;margin-top:3px;background-color:white;margin-bottom: 19px}
	.img_const .para_txt{margin-left:0px;font-family:Corbel;font-size:0.5em;font-weight:bold;color:black;text-align:left;}
	.img_const a:hover{color:#1b55a8;}

	#recylum {
		border-right:1px solid #cecece;width:269px;text-align:center;border-top:1px solid #b1aeae;
	}
	#mobile {
		border-right:1px solid #cecece;width:240px;text-align:center;border-top:1px solid #b1aeae;
	}
	#bulbeGenius {
		width:557px;height:121px;text-align:center;border-top:1px solid #b1aeae;font-size: 1.5em;color:#001a50;
		letter-spacing: 1px;font-weight: bold;
	}
#footer {
	position:absolute;
	margin-top: 0px;
	width:100%;
	background-color: #5e84b6;
	z-index:1;
}
	#bloc_fin{margin-left:auto;margin-right:auto;width:1064px;height:120px;background-color: #5e84b6;}
	#bloc_fin h4{font-family:Corbel, Helvetica;color:#001a50;letter-spacing:1px;font-weight:bold;margin-top:15px;margin-left:-17px;}
	#bloc_fin h4:before{content:url("../../../../images/esx2/footer/pub/smush/flecheBleu.png");}
	#bloc_fin ul{margin-top:3px;list-style:url("../../../../images/esx2/footer/pub/smush/flecheListe.png");}
	#bloc_fin a{color:white;text-decoration:none;font-family:Corbel, "Lucida Grande", "Bitstream Vera Sans", "Liberation Sans", Verdana;font-size:0.9em;}
	#bloc_fin a:hover{text-shadow:1px 1px 9px white;}
	#presentation{position:absolute;width:177px;height:120px;margin-left:90px;border-right:1px solid #b1aeae;font-size:1em;font-weight: bold;}
	#service{position:absolute;width:167px;height:120px;border-right:1px solid #b1aeae;margin-left:339px;font-size:1em;font-weight: bold;}
	#info{position:absolute;width:210px;height:120px;border-right:1px solid #b1aeae;margin-left:570px;font-size:1em;font-weight: bold;}
	#utile{position:absolute;width:209px;height:120px;margin-left:855px;font-size:1em;font-weight: bold;}
#smenuInfo, #smenuProduit {
	background-color: #2c426f;
	width:210px;
	margin-top:9px;
	padding-bottom: 5px;
	padding-bottom: 5px;
	position: absolute;
	z-index:999;
}
	#smenuInfo {
			width:250px;
	}
	#smenuInfo ul li , #smenuProduit ul li  {
		list-style: none;
	}
#smenuInfo li:hover, #smenuProduit li:hover {
	background-color:#001e53;
	cursor:  pointer;
}
#smenuInfo li, #smenuProduit li {
	padding-bottom: 5px;
	padding-top: 5px;
	z-index:999;
}
#SearchByMarque {
	margin-top: 45px;
	margin-left: -8px;
}
input, textarea {
	border :1px solid grey;
}
#inputSearch1, #inputSearch2  {
	width:290px;
	height:30px;
	border : 1px solid #efefef;
	color:grey;
	letter-spacing: 1px;
	padding-left: 3px;

}
#SearchbyRef {
margin-left: 340px;
margin-top: -70px;
}
	#inputSearchRef {
		width:230px;
		height:30px;
		border : 1px solid #efefef;
		color:grey;
		letter-spacing: 1px;
		padding-left: 3px;
	}
	.okValid {
		background-repeat: no-repeat;
		border: medium none currentColor;
		height: 26px;
		margin-left: 8px;
		padding-top: 10px;
		width: 26px;
		background-image: url('../../../../images/esx2/header/fleche_compte.png');
	}
	#recherche_result {
		width:727px;
		min-height:129px;

	}
	#recherche_result #home_p{
		display:block;
		width: 200px;
		height: 20px;
		margin-top: -22px;
	}

/* --------- MENU DEROULANT --------- */

#menu{
        margin: 0;
        list-style: none;
        background: none;
        margin-left:275px;
        margin-top:-29px;
        width:400px;
}
#menu_info {
	margin-left:120px;
	font-family: Corbel;
	font-size: 1.3em;
	cursor: pointer;

}
#menu_produit {
	font-family: Corbel;
	font-size: 1.3em;
	cursor: pointer;

}
#menu li{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#menu a{
        float: left;
        height: 25px;
        padding: 0 25px;
        color: white;
        text-transform: uppercase;
        font: bold 12px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
        color: #fafafa;
}

*html #menu li a:hover{ /* IE6 */
        color: #fafafa;
}

#menu li:hover > ul{
        display: block;
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top:30px;
    margin-left: -50px;
    width:300px;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#22396a, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#22396a, #111);
    background: -o-linear-gradient(#22396a, #111);
    background: -ms-linear-gradient(#22396a, #111);
    background: linear-gradient(#22396a, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top:-1px;
}

#menu ul li{

    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #22396a;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #22396a;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #22396a;
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    font-weight: normal;
}

*html #menu ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */
        height: 10px;
        width: 150px;
}

#menu ul a:hover{
        background: #0186ba;
        background: -moz-linear-gradient(#04acec,  #0186ba);
        background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background: -webkit-linear-gradient(#04acec,  #0186ba);
        background: -o-linear-gradient(#04acec,  #0186ba);
        background: -ms-linear-gradient(#04acec,  #0186ba);
        background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid white;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* R�tablissement du flottement */
#menu:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */


.table-responsive {
	width:100%;
	margin-bottom:15px;
	margin-left: -6px;
	overflow-y:hidden;
	border:1px solid #0077B3;
}

.table-responsive .titre{
	background-color: #989898;
}

.videoproj{
	color: #454594;
	font-size: smaller;
}

.lampes{
	color: #696565;
	background-color: ghostwhite;
}

.stock{
	float: right;
}

.tables{
	border:1px solid #0077B3 !important;
}

.slide-right-header {
	margin: 0 auto;
	overflow: hidden;
	width: 1064px;
	position: relative;
	background: #fff;
}



.slide-right-header  div#etat_compte {
	display: -webkit-box;
  	animation: moveSlideshow 15s linear infinite;
}


@keyframes moveSlideshow {
  100% { 
    transform: translateX(66.6666%);  
  }
}

#wrap.sliderBar {
  margin-top: 90px;
}