/********** TUNNEL **********/
	
	.tunnel{color: #ffffff;}
	.texttunnel{position: relative;top:-200px;}
	.texttunnel a{color:#f5104c;border:2px solid #f5104c;padding: 7px 32px;display: inline-block;margin-top:15px;
	text-decoration: none;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	
	/******* GENERAL **********/
	
	body {background:#f1f1f1;color:black;padding:0;font-family: 'Lato', sans-serif;font-size:17px;line-height: 27px;#666666;}
	img {max-width: 100%border: 0px;max-width: 100%;vertical-align: middle;height: auto;}
	h3{font-family: 'Montserrat', sans-serif;font-size:0.8em;line-height: 30px; text-transform: uppercase;font-weight: 700;color:#a5a5a5;}
	h2 { font-family: 'Montserrat', sans-serif;font-size:1.15em;line-height: 30px;font-weight: 500;}
	h1 {font-family: 'Montserrat', sans-serif;font-size:43px;line-height: 40px;font-weight: 500;font-weight: 600;}
	a{-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
	p{font-family: 'Montserrat', sans-serif;font-size:17px;line-height: 27px;#666666;}
	strong{font-weight: 600;}
	img { border: 0; }
	.clear {clear:both;}
	.center{text-align: center;}
	.shadow-border{box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.5);}
	
	/******* PARALAX **********/
	
	.tit{
	    background:url(images/index/logopara.jpg) no-repeat #ffffff;padding: 20px;
	    background-position:50% 0;
	}
	.header{background:url(images/index/slide1.jpg) no-repeat #ffffff;background-position:60% 0; padding-top: 120px;padding-bottom: 300px;}
	.header2{background:url(images/index/slider2.jpg) no-repeat #ffffff;background-position:60% 0; padding-top: 120px;padding-bottom: 120px;color: #ffffff;}
	.header3{background:url(images/index/slider3.jpg) no-repeat #ffffff;background-position:60% 0; padding-top: 120px;padding-bottom: 120px;color: #ffffff;}
	.header4{background:url(images/index/slider4.jpg) no-repeat #ffffff;background-position:60% 0; padding-top: 120px;padding-bottom: 120px;color: #ffffff;}
	.header5{background:url(images/index/slider5.jpg) no-repeat #ffffff;background-position:60% 0; padding-top: 120px;padding-bottom: 120px;color: #ffffff;}
	
	 .bot{position: relative;left:140px;top: 30px;}
       .bloc1{width: 50%;height: 35%;margin-left: 25%;color: #ffffff;}
       .logo{position: relative;right:75px;width: 70%;}
       .descriptif{text-align: left;}
       
	
	.avatar{width:200px;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;border: 8px solid #dbdbdb;}
        .avatar2{width:40px;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;}
	.laurier{font-size: 12px;text-transform: uppercase;font-weight: 800;}

	.pointfort{font-weight: 900;}
	#blocnext{float: right;display: inline-block;background:#000000;color: #ffffff;padding: 5px;}
	.blocprincipal{width:100%;float: left;display: block;}
	.blocdeux{width:25%;float: left;display: block;background:red;position: absolute;right:-25%;display: none;}
	.blocc{display:block;width:20%;position: absolute;right:0;z-index: 30;background: #ffffff;}
	.datejour{background: #e3156f;}
	
	
	.seance{padding: 20px;text-align: center;border: 2px solid #ffffff;
	-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;
	}
	.seance:hover{border: 2px solid #df266d;}
	.seance .titre{color: #959495;font-weight: 800;font-size: 16px;}
	.seance .horaire{color: #000000;font-weight: 800;font-size: 16px;}
	.laner{border: 1px solid #ededed;}
	
	
	/*********************************** Couleur  *******************************/
	.colred{ color: #dc2060;}
	.colbleu{ color: #4e8ee5;}
	.colred2{ color: #de246a;}
	
	/*********************************** Modal Box *******************************/
	.boxclassique{border-top: 5px solid #cbcbcb;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
	.boxclassique:hover{border-top: 5px solid #dc2060;}
	
	/*********************************** Google Map *******************************/
	.map-container {position: relative;padding-bottom: 26.25%;padding-top: 30px;height: 0;overflow: hidden;}
	.map-container iframe,  
	.map-container object, 
	.map-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	
	/*********************************** Galerie *******************************/
	
	.btndl{color: #a4a0a2;font-weight: 800;font-size: 12px;text-decoration: none;}
	.btndl:hover{color: #df246a;}
	
	
	.btnactu{color: #ffffff;padding: 1px 32px;border: 2px solid #ffffff;font-size: 12px;
	text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;
	}
	
	.btnactu2{color: #b1b1b1;padding: 1px 32px;border: 2px solid #b1b1b1;font-size: 12px;
	text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;
	}
	.slider img{width:100%;}
	.containimg{position:relative;}
	.containimg img{display: block;width: 100%;height: auto;}
	.infoscomplementaire{color: white;position: absolute;top:10%;left: 5%;}
	
	
	
	
	#lightzone{
	    display: block;
	    position: absolute;
	    z-index: 1000000;
	    width:100%;
	    height:1500px;
	    background:#ffffff;
	    display: none;
	}
	
	#zonephoto{
	    margin: 100px;
	}
	#textephoto{
	    
	    display: inline-block;
	    position: absolute;z-index: 2000000;
	    left: 40%;
	    right: 40%;
	    top:600px;
	    padding: 2px;
	    background: black;
	    color: #ffffff;
	    text-align: center;
	    
	}
	#fermer{
	    
	    padding: 10px;display: inline-block;background:#000000;color: #ffffff;right: 0;position: absolute;
	    
	}
	
	#btnleft{
	    display: inline-block;background:#000000;color: #ffffff;
	    left: 0;position: absolute;padding: 10px;top: 300px;
	}
	
	#btnright{
	    display: inline-block;background:#000000;color: #ffffff;
	    right: 0;position: absolute;padding: 10px;top: 300px;
	}
	.galerie li{
	    display:inline-block;
	    width:25%;
	    float: left;
	}
	
	/********** BLOG /ACTUALITE *********/
	.txtarticle{width: 80%;float: left;position: relative;top:-20px;}
	.imgart{position: relative; display: block;width: 100%;}
	
	.imgart img{ border: 3px solid #ffffff;}
	.imgart img:hover{ border: 3px solid #ededed;}
	
	.global-date{
	    padding: 5px;
	}
	.globalbouton{
	    padding: 1px 32px;margin-top:10px; display: inline-block;font-size: 14px;text-decoration:none;color: #8e8e8e;
	    -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 2px solid #8e8e8e;
	}
	.globalbouton:hover{color: #df246c;border: 2px solid #df246c;}
	.txtactu{position: relative;width:90%;margin: auto;top: -40px;background: #ffffff;}
	.jour{font-size: 10px; text-transform: uppercase;font-weight: 900;letter-spacing: 4px;}
	.chiffre{font-size: 50px;line-height: 40px;font-weight: 900;color: #df246c;}
	.mois{
	    font-size: 10px; text-transform: uppercase;font-weight: 900;letter-spacing: 10px;
	}
	.annee{
	    font-size: 20px;line-height: 20px;font-weight: 900;color: #df246c;letter-spacing: 4px;
	}
	.centrebloc{
	    margin: auto;overflow:hidden;width: 100%;
	}
	
	
	/********** GESTION DES MARGE *********/
	
	    .bloclogo2c{}
	    .margevar{height: 80px;}
	    .blocmenu{width:14%;float: left;display: inline-block;position: fixed;left: 0;height: 100%;z-index: 10;}
	    .blocreste{width:86%;float: right;position: relative;}
	    .menuverti{height:100%;background: #ffffff;}
	    .marge-vari{padding: 100px;}
	  
	    .containermenu2{width: 100%; /*width: 1000px;*/max-width: 960px;margin: auto;}  
	    .menu2 {display:block;width:100%; z-index:100;font-size:0.8em; position: relative;text-align: center;}
	    .resp_menu2 {width:100%;position: relative;top: 0;border:none;min-width: 0px;float: left;}
	    .menu-tel2{position:relative;top:0px;width:100%;text-align: center;}
	    .nav2{width:100%;}
	    
	    .resp_menu2 a{font-family: 'Montserrat', sans-serif;line-height:12px;font-weight:800;color: #b2b2b2;letter-spacing:1px;}
	    .resp_menu2 a:hover{color: #4c8ce8;margin: 0;}
	    .toggleMenu2 {display:  none;padding: 10px 10px;color: #adadad;margin: auto;width: 100px;text-align: center;}
	    .nav2 {font-family: 'Lato', sans-serif;list-style: none;*zoom: 1;width:100%;display: block;}
	    .nav2:before,.nav:after {content: " "; display: table; }
	    .nav2:after {clear: both;}
	    .nav2 ul {list-style: none;width: 9em;width:50%;}
	    .nav2 a {text-decoration: none;width:100%;display: block;padding-left:10%;padding-right:10%;padding-top:9px;padding-bottom:9px;}
	    .nav2 a:hover{}
	    .nav2 li {position: relative;}
	    .nav2 > li {float: none;}
	
	    .nav2 li a {display: block;}
	    .nav2 > li > .parent {background-repeat: no-repeat;background-position: right;}
	    .nav2 > li > a {display: block;}
	    .nav2 li  ul {position: absolute;left: -9999px;}
	    .nav2 > li.hover > ul {left: 100%;top:0;background: #196dcb;}
	    .nav2 li li.hover ul {left: 100%;top: 0;}
	    .nav2 li li a {display: block;background: #262626;border: none;position: relative;z-index:100;color: #d4d4d4;min-width: 150px;}
	    .nav2 li li a:hover {background:#ffffff;border: none;}
	    .nav2 li li li a {background:#494949;z-index:200;}
	    
	    
	    .resp_menu2 {width:100%;position: relative;top: 0;border:none;min-width: 0px;float: left;}
	    .menu-tel2{position:relative;top:0px;width:100%;text-align: center;}
	    .nav2{width:100%;}
	    
	/****************************************************************************************************************************************************************/
	
	.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
	.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
	.rslides li:first-child {position: relative;display: block;float: left;}
	.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
	.rslides {margin: 0 auto;}
	.rslides_container {margin-bottom: 10px;position: relative;float: left;width: 100%;}
	.centered-btns_nav {z-index: 3;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 50%;left: 0;opacity: 0.7;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;
	width: 38px;background: transparent url("images/themes.gif") no-repeat left top;margin-top: -45px;}
	.centered-btns_nav:active {opacity: 1.0;}
	.centered-btns_nav.next {left: auto;background-position: right top;right: 0;}
	.transparent-btns_nav {z-index: 3;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 0;left: 0;display: block;background: #fff; /* Fix for IE6-9 */opacity: 0;
	filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}
	.transparent-btns_nav.next {left: auto;right: 0;}
	.large-btns_nav {z-index: 3;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);opacity: 0.6;text-indent: -9999px;overflow: hidden;top: 0;bottom: 0;
	left: 0;background: #000 url("images/themes.gif") no-repeat left 50%;width: 38px;}
	.large-btns_nav:active {opacity: 1.0;}
	.large-btns_nav.next {left: auto;background-position: right 50%;right: 0;}
	.centered-btns_nav:focus,
	.transparent-btns_nav:focus,
	.large-btns_nav:focus {outline: none;}
	.centered-btns_tabs,
	.transparent-btns_tabs,
	.large-btns_tabs {margin-top: 10px;text-align: center;}
	.centered-btns_tabs li,
	.transparent-btns_tabs li,
	.large-btns_tabs li {display: inline;float: none;_float: left;*float: left;margin-right: 5px;}
	.centered-btns_tabs a,
	.transparent-btns_tabs a,
	.large-btns_tabs a {text-indent: -9999px;overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background: #ccc;
	background: rgba(0,0,0, .2);display: inline-block;_display: block;*display: block;-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	width: 9px;height: 9px;}
	.centered-btns_here a,
	.transparent-btns_here a,
	.large-btns_here a {background: #222;background: rgba(0,0,0, .8);}
	
	/******* BOUTON **********/
	
	.myButton {margin-top:15px;display: inline-block;padding: 6px 8px;border:1px  solid #cecece;text-decoration: none;color: #6c6c6c;background: #ffffff;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	.myButton:hover {background-color:white;color:#f50045;border:1px  solid #f50045;}
	.myButton:active {position:relative;top:1px;}
	
	.myButton2 {font-size: 16px;margin-top:15px;display: inline-block;padding: 6px 8px;border:3px  solid #cecece;text-decoration: none;color: #6c6c6c;background: #ffffff;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	.myButton2:hover {background-color:white;color:#f50045;border:3px  solid #f50045;}
	.myButton2:active {position:relative;top:1px;}
	
	.myButton3 {font-size: 20px;margin-top:15px;display: inline-block;padding: 12px 16px;border:1px  solid #ffffff;text-decoration: none;color: #ffffff;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	.myButton3:hover {background-color:white;color:#f50045;border:1px  solid #f50045;}
	.myButton3:active {position:relative;top:1px;}
	
	.myButton4 {font-size: 10px;display: inline-block;padding:0 30px;border:1px  solid #000000;text-decoration: none;color: #000000;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	.myButton4:hover {background-color:white;color:#f50045;border:1px  solid #f50045;}
	.myButton4:active {position:relative;top:1px;}
	
	
	.lien{text-decoration: underline;color:#4b8ce8;}
	/******* MARGE **********/
	
	.marge{margin-right:2%;}
	.marger10{padding: 10px;}
	.marger20{padding: 20px;}
	.marger30{padding: 30px;}
	.marger40{padding: 40px;}
	.marg{padding: 40px;}
	.marge-variable{padding: 80px;}
	.marge-variable3{padding: 120px;}
	.marge-variable4{padding: 120px;}
	.marge-variable2{padding: 70px;}
	.margedroite{padding-right:30px;}
	
	/******* HAUTEUR **********/
	.hauteur10{height: 10px;}
	.hauteur20{height: 20px;}
	.hauteur30{height: 30px;}
	.hauteur40{height: 40px;}
	.hauteur50{height: 50px;}
	.hauteur60{height: 60px;}
	.hauteur70{height: 70px;}
	.hauteur80{height: 80px;}
	
	/****** LANE *******/
	.lane{border-top:1px dotted #000000; margin-bottom: 20px;margin-top: 20px;}
	.lane3{border-top:1px dotted #ffffff; margin-bottom: 20px;margin-top: 20px;}
	.lane2{border-top:3px solid #1b2462;width:40px;margin: auto;margin-top:20px;margin-bottom:20px;}
	
	/********** BLOC *************/
	.container{max-width: 1900px;margin: auto;}
	.container2{max-width: 1200px;margin: auto;}
	.bloc-actu{display: block;float: left;width: 66%;}
	.bloc-more{display: block;float: left;width: 32%;}
	.bloc-actu-img{width:40%;display: block;float: left;}
	.bloc-actu-texte{width:60%;display: block;float: left;}
	
	.bloc2{display: block;float: left;width:49%;min-height: 450px;}
	.bloc3{display: block;float: left;width:32%;min-height: 450px;}
	.bloc4{width:23.5%;display: block;float: left;margin-top: 20px;}
	.bloc5{display: block;float: left;width:32%;}
	.bloc6{display: block;float: left;width:32%;}
	.bloc7{display: block;float: left;width:23.5%;}
	
	.colonne70{float: left;width:70%;display: block;}
	.colonne20{float: left;width:20%;display: block;}
	.colonne25{float: left;width:25%;display: block;}
	.colonne30{float: left;width:30%;display: block;}
	.colonne32{float: left;width:32%;display: block;}
	.colonne16{float: left;width:16.6666%;display: block;}
	.colonne33{float: left;width:33.33333%;display: block;}
	.colonne58{float: left;width:58%;display: block;}
	.colonne60{float: left;width:60%;display: block;}
	.colonne40{float: left;width:40%;display: block;}
	.colonne50{float: left;width:50%;display: block;}
	.colonne49{float: left;width:49%;display: block;}
	
	/******** FOOTER*********/
	.footer1{margin: auto;background: #2c3e50;color: #ffffff;}
	.footer2{color:#ffffff;background:#f50045;text-align: center;}
	.colonne_shop{width:32%;display: block;float: left;margin-top: 20px;}
	.date-footer{font-size: 16px;font-weight:600;text-transform: uppercase;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
	.date-footer:hover{color: #ffffff;}
	.date-link{color: #cecece;text-decoration: none;}
	.date-link:hover{color: #ffffff;}
	.bleu{color: #0195da;}
	.liner{line-height: 30px;}
	
	/****** PACKAGE *******/
	.pack{border: 3px solid #f50045; color: #f50045;padding: 20px;}
	.pack2{border: 3px solid #ffffff; color: #ffffff;padding: 20px;}
	.price{font-size: 30px;}
	.mini{font-size: 14px;}
	
	/********** OVERLAY EFFECT *********/	
	.containerr {position: relative;text-align: center;}
	.containerr img{vertical-align: bottom;}
	
	.image {display: block;width: 100%;height: auto;}
	.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #000000;}
	.containerr:hover .overlay {opacity: 1;}
	.text {color: white;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
	.text h2{
	    font-size: 16px;color: #f7104b;
	}
	.btn{font-weight: 800;padding: 1px 32px;color: #ffffff;border: 3px solid #ffffff;display: inline-block;font-size: 12px;
	text-decoration: none;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	.btn2{font-weight: 800;padding: 1px 40px;color: #f8174b;border: 3px solid #f8174b;display: inline-block;font-size: 12px;
	text-decoration: none;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	
	.blcred{background: #f50045; color: #ffffff;}
	.blcrose{background: #e0256b; color: #ffffff;}
	/****** Menu *******/
	.logo{display: block;padding:20px 0px;text-align: center;}
	.bgviolet{background:#2c3e50;}
        .containermenu{width: 100%; /*width: 1000px;*/max-width: 960px;margin: auto;}
	.menu{display:block;width:100%; z-index:50;font-size:1.15em; position: relative;max-width:960px;margin:auto;}
	.menu-tel{position:relative;top: 0px;width:100%;height:auto; z-index:50;display: block;text-align: center;}
	.resp_menu {display:block;width:100%;position:relative;width: 75%;min-width: 700px;margin: auto;}
	.reseau{display: block;float:right;width:20%;text-align: right;padding-top:3px;padding-right:5px;padding-top: 7px;}
	.reseau a{color: white;}
	
	ul{padding: 0;}
	.resp_menu a{font-family: 'Source Sans Pro', sans-serif;letter-spacing:2px;line-height:1em;color: white;font-size: 14px;font-stretch: expanded;}
	.resp_menu a:hover{background: #f50045;color:  white;margin: 0;}
	.toggleMenu {display:  none;padding: 10px 12px;color: #cdcdcd;margin: auto;width: 100px;text-align: center;color: white;}
	.nav {list-style: none;*zoom: 1;}
	.nav:before,.nav:after {content: " "; display: table; }
	.nav:after {clear: both;}
	.nav ul {list-style: none;padding: 0;}
	.nav a {padding: 16px 8px;color:white;text-decoration: none; }
	.nav li {position: relative;}
	.nav > li {float: left;}
	.nav > li > .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: right;}
	.nav > li > a {display: block;}
	.nav li  ul {position: absolute;left: -9999px;}
	.nav > li.hover > ul {left: 0;background: #196dcb;}
	.nav li li.hover ul {left: 100%;top: 0;}
	.nav li li a {display: block;background: #262626;border: none;position: relative;z-index:50;color: #d4d4d4;min-width: 200px;}
	.nav li li a:hover {background:#ee0092;border: none;}
	.nav li li li a {background:#249578;z-index:50;border-top: 1px solid #1d7a62;}
	
	
	/******* couleur **********/
	.bgblanc{background: #ffffff;}
	.bgblack{background: #000000;}
	.bggris{background: #f1f1f1;}
	.rose{color:#ee0092;}
	.rouge{color:#f80566;}
	.rouge2{color:#f50045;}
	
	.violet{color:#9115ac;}
	.blanc{color: #ffffff}
	.dreamtouch2{color:#ffffff;}
	
	.vid-img{border:10px solid #ffffff;}
	.vid-img2{border:5px solid #ffffff;}
	.margedroite{margin-right: 10px;}
	
	.back-flyer{
	    margin:0;padding:0;color:#ffffff;background: url(images/services/wall-flyer.jpg) no-repeat center fixed; 
	    -webkit-background-size: cover; /* pour anciens Chrome et Safari */background-size: cover; /* version standardisˇe */
	}
	.back-flyer p{
	    font-size: 14px;
	}
	
	.titreinfos{height: 120px;}
	.titreinfos2{height: 70px;}
	.bordgauche{border-top:1px solid #ededed;border-right:1px solid #ededed;}
	.borddroit{border-top:1px solid #ededed;}
	.prix{font-size: 17px;width:50%;display: block;float: left;height:60px;line-height: 60px;vertical-align: middle;text-align: center;color:#00da80;}
	.price{font-size: 30px;font-weight:600;}
	.voirproduit{width:50%;display: block;float: left;height:60px;line-height: 60px;vertical-align: middle;text-align: center;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
	.voirproduit:hover a{color: #ffffff;}
	.voirproduit:hover{background:#9115ac;}
	.sub{padding: 7px 5px;border: 3px solid #9115ac;background: #ffffff;color: #9115ac;margin-top: 10px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;border-radius: 20px;width: 100%;}
	.droite{display: inline-block;float: right;color: #ff0042;font-weight: 600;}
	.gauche{display: inline-block;float: left;}
	.intitule{font-weight: 700;}
	.stock{background: #00da80;border:1px solid #00da80;padding: 7px;color:#ffffff;-webkit-border-radius: 20px;
	-moz-border-radius: 20px;border-radius: 20px;width: 100%;}
	.stock2{background: #f80566;border:1px solid #f80566;padding: 7px;color:#ffffff;}
	.voirproduit a{text-decoration: none;}
	.panier{text-align: right;width:100%;max-width: 960px;padding: 10px 0px;margin: auto;}
	.panier a{color: #ffffff;}
	
	
	#formu{font-family: 'Montserrat', sans-serif;font-size: 0.6em;}
        #formu input {text-align:left;border: 1px #858585 solid;width:100%;padding-left:3%;padding-right:3%;padding-top:12px;padding-bottom:12px;margin-top:20px;background:white;color:#808080;font-size:1.5em;}
	#formu input:hover{color:#ffffff;background: #1d90e6; }
	#formu textarea {font-family: 'Montserrat', sans-serif;font-size: 0.8em;background:white;color: #858585;border: 1px solid #858585;width:96%;padding-left:3%;padding-right:3%;padding-top:12px;padding-bottom:12px;margin-top:20px;height:170px;resize:none;font-size:1.2em;margin-left: 4%;}
	#formu textarea:hover{border: 1px #858585 solid;color:#ffffff;background: #1d90e6;}
        #formu input[type="submit"],input[type="reset"]{width: 100%;padding-left:3%;padding-right:3%;}
	
	/********* NEWSLETTER *********/
	
	#newsletter2 input[type="submit"]{width: 100%;background:white;color: #9115ac;border: 1px solid #9115ac;margin-top:5px;}
	#newsletter2 input[type="submit"]:hover{background: #9115ac;color: white;}
	#newsletter2 select[class="tier"]{width:32%;}
	#newsletter2 select[class="full"]{width:100%;height:45px;border:1px solid grey;padding: 12px;}
        #newsletter2 input {border: 1px #858585 solid;width:100%;background:white;color:#808080;font-family:'Source Sans Pro';font-size:0.8em;padding: 7px;}
	#newsletter2 input:hover{color:#808080;background: #e9e9e9; }
        #newsletter2 input:focus {color:#808080;}
	#newsletter2 input,textarea{-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
	#newsletter2 textarea {background:white;color: #00dd8e;border: 1px solid #9115ac;width:100%;padding-left:3%;padding-right:3%;padding-top:12px;padding-bottom:12px;margin-top:20px;height:170px;resize:none;font-family:'Dosis';font-size:1.2em;}
	#newsletter2 textarea:hover{border: 1px #858585 solid;color:#060606;background: #e9e9e9;}
	#newsletter2 input.send_message {width:120px;background:#ef4a4a;float:left;color:#FFF;cursor:pointer;margin:0;font-size:12px;font-weight:normal;}
	#newsletter2 input.send_message:hover {background:#262932;}
	#newsletter2 .mail{font-size: 12px;}
	
	
	#likebox-wrapper * {
	    width: 100% !important;
	 }
	/* Cet ˇlˇment block le script injectˇ dans l'iframe. On le cache */
	#fb-root { display: none; } 
	
	/* on redˇfini la taille du contenu */
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
	
	  
        /********* TABLE *********/
        .component {line-height: 1.5em;margin: 0 auto;padding: 2em 0 3em;overflow: hidden;}
        table {border-collapse: collapse;margin-bottom: 3em;background: #fff;border: 1px solid #d8d8d8;width:100%;max-width: 1000px;font-size: 15px;}
        td, th {padding: 0.8em 1.5em;text-align: left;border-bottom: 1px solid #d8d8d8;}
        th {background-color: #ffffff;font-weight: bold;color: grey;white-space: nowrap;padding: 0.75em 0.8em;border-bottom: 4px solid #d0d0d0;}
        tbody tr:nth-child(2n-1) {background-color: #f5f5f5;transition: all .125s ease-in-out; }
	.design{background-color: #f5f5f5;border: 1px solid #d8d8d8;}
	.valid{width: 50%;}
	.ligne{display: none;}
	
	.customNavigation{
	    text-align: center;
	}
	.customNavigation a{
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	
	.descriptif{position: relative;left:150px;bottom:60px;text-align: left;}
	
	@media screen and (min-width: 1500px) {
	    
		.container{max-width: 1900px;margin: auto;}
		h2 {font-size:1.55em;line-height: 30px; text-transform: uppercase;font-weight: 500;}
		h1 {font-size:2.75em;line-height: 45px;font-weight: 700;letter-spacing: 5px;}
		.block-1{width: 65%;display: block;float: left;}
		.block-2{width: 35%;display: block;float: left;}
		.block-3{width: 65%;display: block;float: left;}
		.block-4{width: 35%;display: block;float: left;}
		.bloc5{display: block;float: left;width:100%;}
		.marge-variable{padding: 50px;}
		.descriptif{position: relative;left:0px;bottom:50px;text-align: center;}
		.logo{position:relative;bottom: 10px;margin: auto;width: 400px;margin-bottom: 30px;text-align: center;left: 0;}
		.bloc1{color: #ffffff;text-align: center;}
		.bot{display: none;}
		
	}
	@media screen and (max-width: 1500px) {
	    .block-1{width: 100%;display: block;float: left;}
	    .block-2{width: 100%;display: block;float: left;}
	    .block-3{width: 64%;display: block;float: left;}
	    .block-4{width: 36%;display: block;float: left;}
	    .marg{padding: 0px;margin-top:20px;}
	    .bloc5{display: block;float: left;width:100%;}
	    .hide1{display: none;}
	    .marge-variable3{padding: 60px;}
	    .marge-variable4{padding: 60px;}
	    .marge-variable2{padding: 40px;}
	}
	@media screen and (max-width: 1200px) {
	    .block-3{width: 50%;display: block;float: left;}
	    .block-4{width: 50%;display: block;float: left;}
	    #zonephoto{margin: 60px;}
	    
	    #btnleft{padding: 6px;top: 200px;font-size: 12px;}
	    #btnright{padding: 6px;top: 200px;font-size: 12px;}
	    #textephoto{top:500px;font-size: 12px;
		left: 30%;
		right: 30%;
		}
	    .bot{position: relative;left:50px;top: 30px;}
	    .descriptif{position: relative;left:120px;bottom:60px;text-align: left;}
	    
	}
	@media screen and (max-width: 1000px) {
	.marge-variable2{padding: 60px;}
	.colonne70{float: none;width:100%;}
	.colonne30{float: none;width:100%;}
	.descriptif{position: relative;left:0px;bottom:0px;width:100%;}
	.bloc1{width: 80%;height: 35%;margin-left: 10%;color: #ffffff;text-align: center;}
	
	.bot{position: relative;left:0;top: 30px;}
	.lane2{display: none;}
	.logo{position: relative;right:0px;width: 60%;margin: auto;margin-bottom: 50px;}
	.descriptif{position: relative;left:0px;bottom:50px;text-align: center;}
	}
	@media screen and (max-width: 970px) {
		.resp_menu2 {width:100%;position: relative;top: 0;border:none;float: left;min-width:0;padding: 0;}
		.menu-tel2{width:100%;height:auto; z-index:50;display: block;text-align: center;}
		.nav2 a {text-decoration: none;width:100%;padding-left: 0;padding-right: 0;display: block;padding-top:10px;padding-bottom:10px; }
		.menu2{border-bottom:none;width: 100%;}
		.nav2 a{border:none;}
		.nav2 a:hover{border:none;}
		.active {display: block;}
		.nav2 > li {float: none;}
		.nav2 ul {display: block;width: 100%;}
		.nav2 > li.hover > ul , .nav li li.hover ul {position: static;}
		
		
		.bloclogo{display: none;}
		.bloclogo2c{display: block;margin: auto;text-align: center;width: 100%;}
		
		.menuverti{height: auto;}
		.blocmenu{width:100%;float: left;height:auto;display: inline-block;position: relative;left: none;}
		.blocreste{width:100%;float: right;position: relative;}
		
		.margevar{height: 0px;}
		.galerie li{display:inline-block;width:50%;float: left;}
	}
	@media screen and (max-width: 800px) {
		.nav a {padding: 13px 5px;color:white;text-decoration: none;font-size: 14px;}
		.block-3{width: 100%;display: block;float: left;}
		.block-4{width: 100%;display: block;float: left;}
		.menu{border-bottom:none;}
		.colonne60{float: none;width:100%;}
		.colonne40{float: none;width:100%;}
		
	}
	@media screen and (max-width: 800px) {
		.container{max-width: 100%;margin: auto;}
		.resp_menu {width:100%;position: relative;top: 0;border:none;float: left;min-width:0;padding: 0;}
		.menu-tel{width:100%;height:auto; z-index:50;display: block;text-align: center;}
		.nav{text-align: center;}
		.nav a{border:none;}
		.nav a:hover{border:none;}
		.active {display: block;color: #adadad;}
		.nav > li {float: none;}
		.nav > li > .parent {background-position: 95% 50%;}
		.nav li li .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: 95% 50%;}
		.nav ul {display: block;width: 100%;}
		.nav > li.hover > ul , .nav li li.hover ul {position: static;}
		.colonne50{float: none;width:100%;}
		.marge-variable{padding: 60px;}
		.marge-variable2{padding: 60px;}
		.colonne32{float: none;width:100%;display: block;margin-bottom: 20px;}
		#zonephoto{margin: 30px;}
		#fermer{padding: 4px;display: inline-block;background:#000000;color: #ffffff;right: 0;position: absolute;font-size: 10px;}
		
		#btnleft{padding: 6px;top: 100px;font-size: 12px;}
		#btnright{padding: 6px;top: 100px;font-size: 12px;}
		#textephoto{top:300px;font-size: 12px;
		left: 30%;
		right: 30%;
		}
		
		
	}
	@media screen and (max-width: 700px) {
	    .colonne25{width: 50%;}
	}
	@media screen and (max-width: 600px) {
	    .resp_menu {width:100%;position: relative;top: 0;border:none;float: left;}
	    .bloc-actu{float: none;width: 100%;}
	    .bloc-more{float: none;width: 100%;}
	    .bloc2{float: none;width:100%;}
	    .bloc3{float: none;width:100%;}
	    .bloc5{float: none;width:100%;margin-bottom: 20px;}
	    .bloc6{display: block;float: left;width:100%;margin-bottom: 20px;}
	    .bloc7{display: block;float: left;width:100%;}
	    .bloc4{width: 48%;margin-bottom: 20px;}
	    .marge{margin-right:0;}
	    .marge-variable{padding: 40px;}
	    .marge-variable2{padding: 40px;}
	    .colonne33{float: none;width:100%;display: block;}
	    .galerie li{display:inline-block;width:100%;float: left;}
	    .colonne16{float: left;width:33.33333%;display: block;}
	    p{font-size: 16px;}   
	}
	
	@media screen and (max-width: 600px) {
	    .ligne{clear: both;display: block;}
	    
	    .texttunnel{position: relative;top:-140px;}
	    .marge-variable3{padding:0px;}
	    .marge-variable4{padding: 30px;}
	    #textephoto{top:200px;font-size: 12px;}
	    
	    }
	@media screen and (max-width: 480px){
		.bloc4{width: 90%; float: none;margin: auto;margin-bottom: 20px;}
		select[class="tier"]{width:99%;}
		.shop_col_left{width: 90%; height: auto; display: block; float: none;margin-bottom: 20px;margin: auto;text-align: center;}
		.shop_col_mid{width: 90%; height: auto; display: block; float: none;margin-bottom: 20px;margin: auto;}
		.shop_col_right{width:90%; height: auto; display: block; float: none;margin: auto;}
		.colonne20{width: 100%;}
		.colonne16{width: 100%;}
	}
	
	@media screen and (max-width: 480px){
		    h1 {font-size: 16px;text-transform: uppercase;text-align: center;line-height: 18px;}
		    h3 {font-size: 1em;text-transform: uppercase;letter-spacing: 0.20em;}
		    p{font-size: 14px;}
		    .texttunnel{position: relative;top:-140px;}
		   
	}
    
	@media screen and (max-width: 320px){
		h1{font-size:2.8em;}
		.clean2{clear: both;}
	}