/* GENERALS */

	html{font: 15px/1.5  Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;}
	body{padding: 0; margin: 0; background: #a8b7bf url(../_medias/bg_body.png) repeat-x 0 -2px}
	
	.cacher{display: none}
	
	a{color: #607782}
	a:hover{color: #a8b7bf}

/* CONTAINERS */
	.top{width: 896px; height: 120px; background: url(../_medias/bg_top.png) repeat-x}
	
	.header{width: 896px; height: 206px; background: url(../_medias/bg_header.jpg) no-repeat -6px 0; position: relative; z-index: 40}
	
	.contenu{background: white; color: #888; line-height: 1.4em;}
	
	.footer{background: white; padding-bottom: 10px; border-bottom: 4px solid #0a4c6e}
	
	.sidebar{border-left: 1px solid #ededed}
	
	.separation_horiz{background: url(../_medias/separation_horizontale.png) no-repeat center 0; width: 100%; height: 20px; display: block; margin: 30px 0; float: left}
	
	.separation_vl{background: url(../_medias/separation_produits_verticale.png) no-repeat left 3px;}
	.separation_vr{background: url(../_medias/separation_produits_verticale.png) no-repeat right 3px;}
	
	.mt10{margin-top: 10px}
	.mt15{margin-top: 15px}
	.mt20{margin-top: 20px}
	.mt30{margin-top: 30px}
	.mt40{margin-top: 40px}
	.mt60{margin-top: 60px}
	.mt80{margin-top: 90px}
	
	.mb10{margin-bottom: 10px}
	.mb20{margin-bottom: 20px}
	.mb30{margin-bottom: 30px}
	.mb40{margin-bottom: 40px}
	
	.pt10{padding-top: 10px}
	.pt15{padding-top: 15px}
	.pt20{padding-top: 20px}
	.pt30{padding-top: 30px}
	
	.pb30{padding-bottom: 30px}
	
	.logo_centrer{text-align: center; padding: 0 5px;}
	.bord{border-right: 1px dashed #ccc}
	.logo_centrer img{margin: 5px 0}

/* NAV */
	.top_btn_contact{background: url(../_medias/top_btn_contact.png); display: block; width: 208px; height: 35px; margin-top: 33px; margin-left: 230px}
	
	.nav{margin: 0; padding: 0; list-style: none; height: 20px; margin-top: 30px; margin-left: 25px; position: relative}
	.nav li{float: left; padding: 0; margin: 0 10px; text-transform: uppercase;}
	.nav li a{text-decoration: none; color: #fff; font-weight: 100}
	.nav li a:hover, .nav li a.active{color: #b4c0c3}
	.nav li.home_icon{display: block; width: 16px; height: 16px;}
	.nav li.home_icon a{display: block; width: 16px; height: 16px; background: url(../_medias/icon_back_home.png) no-repeat 0 0; margin-top: -1px}
	
	.ss_pointer{cursor: default}
	.sub_nav, .sub_nav_mini{display: none}
	.etencore{position: relative}
	.moyens:hover > .sub_nav, .etencore:hover > .sub_nav_mini{display: block;}
	
	.sub_nav{ position: absolute; padding: 10px 10px; top: 15px; left: 170px; z-index: 100; background: transparent url(../_medias/bg_sub_nav.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.sub_nav li{clear: both; margin: 5px 0; text-transform: none;}
	
	.produit_menu .sub_nav_mini{ position: absolute; padding: 0; margin: 0; top: 20px; left: -4px; z-index: 100; background: rgba(255, 255, 255, 0.9); height: 170px}
	.produit_menu .sub_nav_mini{clear: both; margin: 0; padding: 30px 0 0; text-transform: none;}
	.produit_menu .sub_nav_mini li{background: none; height: auto; font-size: 12px; margin: 3px 0; padding: 0 }
	.produit_menu .sub_nav_mini li a{  color: #fff; text-decoration: none; background: transparent url(../_medias/bg_sub_nav.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px }
	.produit_menu .sub_nav_mini li a:hover{color: #084667; background: #ccc}
	
	.nav_foot{text-align: right}
	.nav_menu{margin-top: 7px}
	.nav_menu li{float: right; font-size: 11px; margin-left: 5px;}
	.nav_foot a{ text-decoration: none}

	.mini_nav{margin: 0 0 20px; padding: 0}
	.mini_nav li{display: block; width: 48px; height: 50px; float: left; margin: 0 10px; padding: 0;}
/* 	.mini_nav li:first-child{margin-left: 0} */
	.mini_nav li a, .picto{display: block; width: 50px; height: 50px; margin: 0; padding: 0; background: url(../_medias/sprite.png) no-repeat -250px -100px}
	.picto{float: left; margin-right: 10px; margin-top: -15px}
	.mini_nav li span{display: none}
	
	li.produit1 a, .picto.produit1{background-position: -250px -100px;}
	li.produit2 a, .picto.produit2{background-position: -300px -100px;}
	li.produit3 a, .picto.produit3{background-position: -350px -100px;}
	li.produit4 a, .picto.produit4{background-position: -400px -100px;}
	li.produit5 a, .picto.produit5{background-position: -450px -100px;}
	li.produit6 a, .picto.produit6{background-position: -500px -100px;}
	li.produit7 a, .picto.produit7{background-position: -547px -100px;}
	li.produit8 a, .picto.produit8{background-position: -600px -100px;}
	
/* PRODUIT MENU HOME */
	.produit_menu{padding:  0; margin: 30px 0 0; list-style: none;}
	.produit_menu li{float: left; padding: 0 0 0 12px ; width: 162px; height: 155px; background: url(../_medias/separation_produits_verticale.png) no-repeat left 3px; text-align: center}
	.produit_menu li:first-child{background: none}
	
	.produit_menu li .prod_mini_home{padding: 0; margin: -3px 0 0 -10px}
	.produit_menu li .prod_mini_home li{width: 60px; height: 62px; background: none; margin: 0}
	.produit_menu li .prod_mini_home li a:hover{opacity: 0.7}
	
	.mini_prod{display: block; height: 20px; width: 150px; background: url(../_medias/sprite.png) no-repeat 0 0; margin-bottom: 20px}
	.mini_prod span{display: none}
	
	.mini_prod.prod1{background-position: 13px 0;}
	.mini_prod.prod2{background-position: 18px -40px;}
	.mini_prod.prod3{background-position: 33px -80px;}
	.mini_prod.prod4{background-position: 15px -120px;}
	.mini_prod.prod5{background-position: 15px -160px;}
	
	.mini_prod.prod1:hover{background-position: 13px -20px;}
	.mini_prod.prod2:hover{background-position: 18px -60px;}
	.mini_prod.prod3:hover{background-position: 33px -100px;}
	.mini_prod.prod4:hover{background-position: 15px -140px;}
	.mini_prod.prod5:hover{background-position: 15px -180px;}

/* BIENVENUE ACCUEIL */
	.titre.hansen{background: url(../_medias/hansen.jpg) no-repeat; display: block; width: 141px; height: 32px; margin-bottom: 15px}
/* 	.carte_france{width: 120px; height: 116px; background: url(../_medias/sprite.png) no-repeat 0 -200px; margin-top: 15px; margin-left: 25px} */
	.carte_europe{background: url(../_medias/sprite.png) no-repeat -200px -200px;}
	.icon{display: block; width: 26px; height: 20px; float: left; margin-right: 10px; }
	
	.comment{background: url(../_medias/sprite.png) no-repeat -250px 0px; height: 22px;}


/* TEXT */
	h1, h2, h3, h4, h5, h6{font-weight: 300; margin-bottom: 10px; color: #084667}
	h1{font-size: 1.8em;}
	h2{font-size: 1.6em;}
	h3{font-size: 1.4em;}
	h4{font-size: 1.2em; padding: 10px 0}
	
	p, ul{margin-bottom: 10px}
	.maj{text-transform: uppercase;}
	
	.text_xsmall{font-size: 10px; line-height: 14px}
	.text_small{font-size: 12px; line-height: 14px}
	
	.txt_blk{color: black}
	.static h3{margin: 30px 0 20px}
	.static h3.titre{margin: 15px 0 30px; padding-bottom: 0px; border-bottom: 1px dashed #cdcdcd; height: 50px }
	

/* BOUTON lien */
	a.button{display: block; float: left; height: 28px; padding-right: 5px; text-decoration: none; margin: 10px auto}
	
	a.button.bleu{background: #084667; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 10px}
	a.button.bleu:hover{background: #a9b8bc}
	a.button span.sliding {display: block; line-height: 14px; padding: 7px 0}
	a.button span.sliding span.main{background: url(../_medias/sprite.png) no-repeat -250px -80px; float: left; width: 25px; height: 20px; margin-top: -3px; padding-right: 5px;}
	
	.button.pictobtn{display: block; height: 20px; margin-bottom: 0; color: #888}
	.button.pictobtn span.sliding span.phone{background: url(../_medias/sprite.png) no-repeat -250px -40px; display: block; width: 26px; height: 20px; float: left; margin-right: 0; margin-top: -3px}
	.button.pictobtn span.sliding span.fax{background: url(../_medias/sprite.png) no-repeat -274px -42px; display: block; width: 26px; height: 20px; float: left; margin-right: 0; margin-top: -3px}
	.button.pictobtn span.sliding span.geolocal{background: url(../_medias/sprite.png) no-repeat -250px -60px; display: block; width: 26px; height: 20px; float: left; margin-right: 0; margin-top: -3px}

/* FORM CONTACT */
	.contact form{margin-top: 40px;}
	.contact input, .contact textarea{font-size:12px; padding:4px 2px; border:solid 1px #ccc; width:300px; height: 18px; margin:2px 0 20px 10px;}
	.contact textarea{height: 145px}
	
	.contact label{display:block; text-align:right; width:130px; padding: 0; line-height: 2.5em; float:left; font-size: 12px;}
	.contact .verif_span label{line-height: 2.5em}
		.ie .contact .verif_span label{line-height: 2.5em}
		.ie7 .contact .verif_span label{float: left}
	.contact .verif_span input{width: 20px}
	.contact .verif_span span{margin-left: 15px; line-height: 1.1em}
		.ie7 .contact .verif_span span{float: left; line-height: 2.3em}	
		
	.contact .verif_span em{color: #00324c; letter-spacing: 0.1em}

	button.submit{border: 1px solid #a8b7bf; text-align: center; padding: 7px 10px; text-transform: uppercase; margin-left: 170px; text-decoration: none; color: #fff; background: #a8b7bf url(../_medias/elements/sprites.png) -20px -164px no-repeat;}
	button:hover{text-decoration: underline; cursor: pointer}

/* SLIDER */
	#slider_container{width: 494px; height: 206px; position: absolute; right: 0; top: 0; overflow: hidden; margin: 0; padding: 0; z-index: 50}

/* MAP */
	.map{border: 1px solid #a8b7bf; margin-top: 20px; width: 260px; height: 300px}

/* TABS */
	#tabs{margin-top: 30px}
	.idTabs{margin: 81px 0 0;  padding: 0 0 0 20px; background: transparent url(../_medias/separation_produits_verticale.png) no-repeat 0 -15px}
	.idTabs li{margin: 10px 0 20px 10px; padding: 0;}
	.idTabs li a{background: url(../_medias/voir-tab.png) no-repeat right 4px; padding-right: 23px}

/* GALERIE */
	.galerie{margin: 40px 0 0; padding-bottom: 30px }
	.galerie ul{margin: 0; padding: 0;}
	.galerie ul li a{margin: 2px; padding: 1px; width: 88px; height: 88px; float: left; border: 1px solid #a8b7bf;/*  background: #a8b7bf */}
	.galerie h4 span{display: block; float: left; width: 30px; height: 25px; background: url(../_medias/sprite.png) no-repeat -276px -0; margin: -3px 5px 10px 10px;}

/* .test{background: fuchsia} */