/********** 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%;}
	h3{ font-family: 'Lato', sans-serif;font-size:0.8em;line-height: 30px; text-transform: uppercase;font-weight: 700;color:#a5a5a5;}
	h2{ font-family: 'Open Sans', sans-serif;font-size:1.15em;line-height: 30px; text-transform: uppercase;font-weight: 700;}
	h1 {font-family: 'Open Sans', sans-serif;font-size:43px;line-height: 53px;font-weight: 500;letter-spacing: 5px;}
	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: 'Open Sans', sans-serif;font-size:14px;line-height: 27px;}

    .marquee-rtl{
        overflow: hidden;
    }
    ul.pagination{width: 100%;text-align: center;margin-top: 10px;}
	ul.pagination li{ display: inline-block;}
	ul.pagination li.active{ background: #d1a963;padding: 10px;color: #ffffff;margin-right: 2px;font-weight: 900;}
	ul.pagination li a{padding: 10px;border: 1px solid #dddddd;margin-right: 2px;color: #d1a963;text-decoration: none; }
	ul.pagination li a:hover{border: 1px solid #e3cdae;background:#e3cdae;color: #ffffff; }

    #slide5{background:url(images/actualite.jpg) center 0 no-repeat fixed  #f5b900;color: #ffffff;padding: 100px 50px;}
    #slide5 a{color: #ffffff;}
    #slide7{color: #ffffff;padding: 100px 50px;}
    #slide6{background:url(images/media.jpg) center 0 no-repeat fixed  #ffffff;color: #ffffff;padding: 50px 50px;}

    .separateur{width: 200px;margin: auto;display: block;}
    .trait2{border-bottom: 1px solid #d2a963;width: 40%;display: block;float: left;height: 25px;}
    .milieux{width: 20%;display: block;float: left;}
    /****************************************************************************************************************************************/

    /******************  texte coulissant ******************/

    /****************************************************************************************************************************************/

    .marquee-rtl > :first-child {
        display: inline-block;                /* modèle de boîte en ligne */
        padding-right: 2em;                   /* un peu d'espace pour la transition */
        padding-left: 100%;                   /* placement à droite du conteneur */
        white-space: nowrap;                  /* pas de passage à la ligne */
        animation: defilement-rtl 15s infinite linear;
        
    }

    .infos{
        padding: 10px;border: 1px solid #de1b5f;text-align: center;margin-bottom: 20px;
    }

    @keyframes defilement-rtl {
      0% {
        transform: translate3d(0,0,0);      /* position initiale à droite */
      }
      100% {
        transform: translate3d(-100%,0,0);  /* position finale à gauche */
      }
    }
    

    /****************************************************************************************************************************************/

	strong{font-weight: 800;}
	img { border: 0; }
	.clear {clear:both;}
	.center{text-align: center;}
	.shadow-border{box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.3);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.3);}
	.band{border-top: 5px solid #c9c9c9;}
	.avatar{width:200px;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;border: 8px solid #dbdbdb;}
    .avatar3{width:100px;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;border: 8px solid #ededed;}
    .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;}
    .laner1b{border-bottom:1px solid #ededed;margin-top: 20px;margin-bottom: 20px;}  
	
    /*********************************** Couleur  *******************************/

	ul{margin: 0;padding: 0;margin-bottom: 20px;}
    ul#tiroir li{list-style: none;padding: 0;margin: 0;}
    ul#tiroir li.cate{padding:20px;background: #ffffff;
    }
    ul#tiroir li.cate:hover{background: #d09c50;color: #ffffff;}
    ul#tiroir li.subcate{display: none;padding: 40px;background: #ffffff;
    font-family: 'SpartanMB-Regular', sans-serif;font-size:16px;line-height: 28px;}

	/*********************************** Couleur  *******************************/
	.colred{ color: #dc2060;}
	.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: #d2a963;padding: 1px 32px;border: 2px solid #d2a963;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:hover{color: #ffffff;border: 2px solid #d2a963;background: #d2a963;}
	
	.btnactu3{color: #3498db;padding: 1px 32px;border: 2px solid #3498db;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;}
	.btnactu3:hover{color: #ffffff;border: 2px solid #3498db;background: #3498db;}
	
	.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 du menu ******************/

    /****************************************************************************************************************************************/
	   
    .logo{display: block;padding-left:20px;padding-right:20px;padding-top:10px;text-align: center;}

	    .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;margin: 0;padding: 0;}
	    .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.7em; position: relative;text-align: center;padding: 0;margin: 0; }
	    .resp_menu2 {width:95%;position: relative;top: 0;border:none;min-width: 0px;float: left;padding:2.5%;margin: 0;left: 0;}

	    .nav2{width:100%;padding:0;margin: 0;}
	    .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;}

	    .resp_menu2 a{font-family: 'Lato', sans-serif;line-height:12px;font-weight:700;color: #7a7a7a;letter-spacing:1px;}
	    .resp_menu2 a:hover{color: #ffffff;background: #d09c50; margin: 0;}
        .resp_menu2 a:hover i{color: #ffffff !important;}
	    .toggleMenu2 {display:  none; padding:7px 10px;color: #adadad;margin: auto;width: 100px;}
	    
	    .nav2 ul {list-style: none;width: 9em;width:50%;background: #ededed;}
	    .nav2 a {text-decoration: none;width:80%;display: block;padding-left:10%;padding-right:10%;padding-top:6px;padding-bottom:6px;}
	    .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;}
	    
	    
	    
	    .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;}
	
	/******* MARGE **********/
	
	.marge{margin-right:2%;}
	.marger10{padding: 10px;}
	.marger20{padding: 20px;}
	.marger30{padding: 30px;}
	.marger40{padding: 40px;}
	.marg{padding: 40px;}
	.marge-variable{padding: 70px;}
	.marge-variable3{padding: 120px;}
	.marge-variable4{padding: 120px;}
	.marge-variable2{padding: 100px;}
	.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;}
    .laneb{border-top:1px solid #ededed; margin-bottom: 7px;margin-top: 7px;}
	.lane3{border-top:1px dotted #ffffff; margin-bottom: 20px;margin-top: 20px;}
	.lane2{border-top:1px solid #f40f4c;width:200px;margin: auto;margin-top:20px;margin-bottom:20px;}
	
	/********** BLOC *************/
	.container{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;}
    .colonne25b{float: left;width:25%;display: block;margin-bottom: 10px;}
	.colonne30{float: left;width:30%;display: block;}
	.colonne32{float: left;width:32%;display: block;}
	.colonne66{float: left;width:66%;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*********/
    .footer{
    font-size:12px;
    }
	.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: #717070;text-decoration: none;}
	.date-link:hover{color: #c89d5a;}
	.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 *******/
	
	.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;}
	
	/********* NEWSLETTER *********/
	

    #newsletter2 input[type="submit"]{width: 100%;background:#d09c50;color: #ffffff;border: 1px solid #d09c50;margin-top:5px;width: 200px;margin: auto;text-align: center;display: block;margin-top: 20px;
    -webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
	#newsletter2 input[type="submit"]:hover{background: #ffffff;color: #d09c50;border: 3px solid #d09c50;}
[type="checkbox"]checked{
    background: red;
}
    #newsletter2 input[type="checkbox"]{width: 40px; display: inline-block !important;background: red;}
    #newsletter2 input[type="reset"]{width: 100%;margin-top:5px;width: 200px;margin: auto;text-align: center;display: block;margin-top: 20px;
    -webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}

	#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:95%;background:white;color:#808080;font-family:'Source Sans Pro';font-size:0.8em;padding: 2.5%;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;margin-bottom: 10px;}
	#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: #808080;border: 1px solid #808080;width:95%;padding-left:2.5%;padding-right:2.5%;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);
	}
	
	@media screen and (min-width: 1500px) {
		.container{max-width: 1200px;margin: auto;}
		h2 {font-size:1.55em;line-height: 30px; text-transform: uppercase;font-weight: 700;}
		h1 {font-size:2.85em;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;}
	}
	@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: 60px;}
	}
	@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%;
		}
	}
    @media screen and (max-width: 1000px) {
        .bloc_logo{width: 30%;float: left;display: block;}
        .bloc_logo2{width: 30%;float: left;display: block;}
        .bloc_logo2 img{width: 100px;}
        .bloc_resp{width: 70%;float: left;display: block;text-align:right;padding-top: 10px;}
        .bloc_nav{width: 70%;float: left;display: block;}
        .marge-variable2{padding: 60px;}
        .soc{display: none;}
        .laneb{margin: 0;}
        .nav2 li{width: 50% !important;display:block !important;float: left !important;margin 0px !important;padding: 0px !important;font-size:12px;border-bottom:1px solid #ededed;}
        .nav2 li:nth-child(2n+1) a{
            border-right:1px solid #ededed;
        }
        .petit{font-size:10px;}
        .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: right;}
		.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: 80%;}
		
		.menuverti{height: auto;}
		.blocmenu{width:100%;float: left;height:auto;display: inline-block;position: relative;left: none;}
		.blocreste{width:100%;float: right;position: relative;}
        .marge-variable{padding: 20px;}
        #slide5{background:url(images/actualite.jpg) -500px 50px no-repeat fixed  #f5b900;color: #ffffff;padding: 100px 150px;}
    }
	@media screen and (max-width: 970px) {
		
		
		
		.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: 20px;}
		.marge-variable2{padding: 60px;}
		.colonne32{float: none;width:100%;display: block;margin-bottom: 40px;}
		#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%;}
        .colonne25b{width: 50%;}
        #slide5{background:url(images/actualite.jpg) -500px 50px no-repeat fixed  #f5b900;color: #ffffff;padding: 100px 50px;}
	}
	@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: 30px;}
	    .marge-variable2{padding: 40px;}
	    .colonne33{float: none;width:95%;display: block;padding-bottom:2.5%;padding-left:2.5%;padding-right:2.5%;}
        .colonne49{float: none;width:100%;display: block;margin-bottom:20px;}
	    .galerie li{display:inline-block;width:100%;float: left;}
	    .colonne16{float: left;width:33.33333%;display: block;}
	    p{font-size: 16px;}   
        .hauteurresp{height: 10px; }
        .footer p{
            font-size:10px !important;
        }
        
	}
	
	@media screen and (max-width: 600px) {
	    .ligne{clear: both;display: block;}
	    .colonne70{float: none;width:100%;}
	    .colonne30{float: none;width:100%;}
	    .texttunnel{position: relative;top:-140px;}
	    .marge-variable3{padding:0px;}
	    .marge-variable4{padding: 30px;}
	    #textephoto{top:200px;font-size: 12px;}
	    .logo{display: block;padding-left:0px;padding-right:0px;padding-top:10px;text-align: center;}
        .petit{font-size:8px;}
        
	    }
	@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;}
		.colonne25{width: 100%;}
		.colonne20{width: 100%;}
		.colonne16{width: 100%;}
        .toggleMenu2 {display:  none; padding:5px 10px;color: #d09c50;margin: auto;width: 100px;}
        .btnactu3{display: block;text-align: center;margin: 0;text-transform: uppercase;}
        .btnactu2{display: block;text-align: center;margin: 0;text-transform: uppercase;}
	}
	
	@media screen and (max-width: 480px){
		    h1 {font-size: 20px;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;}
	}