/************************************************************************************************/
/**************************     NEWS FONT  ***********************************/
/************************************************************************z************************/

    @font-face {
        font-family: 'futuraextra_black_italic';
        src: url('font/tt0205m_-webfont.woff2') format('woff2'),
             url('font/tt0205m_-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        
        font-family: 'futurabold';
        src: url('font/futura_bold_font-webfont.woff2') format('woff2'),
             url('font/futura_bold_font-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }
    
    @font-face{
        font-family: 'Redzone';
        src: url('font/VTFRedzone-Classic.eot?#iefix') format('embedded-opentype'),  url('font/VTFRedzone-Classic.otf')  format('opentype'),url('font/VTFRedzone-Classic.woff') format('woff'), url('font/VTFRedzone-Classic.ttf')  format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face{
        font-family: 'Redzone2';
        src: url('font/VTFRedzone-ClassicOblique.eot?#iefix') format('embedded-opentype'),  url('font/VTFRedzone-ClassicOblique.otf')  format('opentype'),url('font/VTFRedzone-ClassicOblique.woff') format('woff'), url('font/VTFRedzone-ClassicOblique.ttf')  format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Circular Std';
        src: url('font/CircularStd-Bold.woff2') format('woff2'),
            url('font/CircularStd-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'icomoon';
        src:  url('font/icomoon.eot?89q4vh');
        src:  url('font/icomoon.eot?89q4vh#iefix') format('embedded-opentype'),
        url('font/icomoon.ttf?89q4vh') format('truetype'),
        url('font/icomoon.woff?89q4vh') format('woff'),
        url('font/icomoon.svg?89q4vh#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    .icon-facebook-square:before {
    content: "\e922";
    }
    .icon-four-squares-list:before {
    content: "\e91e";
    }
    .icon-list:before {
    content: "\e91f";
    }
    .icon-check:before {
    content: "\e920";
    }
    .icon-close1:before {
    content: "\e921";
    }
    .icon-email-2:before {
    content: "\e90a";
    }
    .icon-maps-and-flags:before {
    content: "\e90c";
    }
    .icon-clock-2:before {
    content: "\e911";
    }
    .icon-tick:before {
    content: "\e916";
    }
    .icon-whatsapp-2:before {
    content: "\e909";
    }
    .icon-itunes:before {
    content: "\e918";
    }
    .icon-plus:before {
    content: "\e917";
    }
    .icon-megaprod:before {
    content: "\e91d";
    }
    .icon-arrowl:before {
    content: "\e914";
    }
    .icon-arrowr:before {
    content: "\e915";
    }
    .icon-facebook-5:before {
    content: "\e913";
    }
    .icon-spotify:before {
    content: "\e912";
    }
    .icon-instagram-3:before {
    content: "\e90b";
    }
    .icon-deezer-logo:before {
    content: "\e919";
    }
    .icon-user-1:before {
    content: "\e90d";
    }
    .icon-right-arrow:before {
    content: "\e90e";
    }
    .icon-play-button-1:before {
    content: "\e90f";
    }
    .icon-youtube-2:before {
    content: "\e910";
    }
    .icon-close:before {
    content: "\e908";
    }
    .icon-before:before {
    content: "\e907";
    }
    .icon-forward:before {
    content: "\e900";
    }
    .icon-pause:before {
    content: "\e901";
    }
    .icon-play-button:before {
    content: "\e902";
    }
    .icon-document:before {
    content: "\e903";
    }
    .icon-download:before {
    content: "\e904";
    }
    .icon-menu:before {
    content: "\e905";
    }
    .icon-author:before {
    content: "\e906";
    }
	
/************************************************************************************************/
/*****             *********************  COLONNE   *****************          ******************/
/************************************************************************z************************/

	.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;}
    .colonne75b{float: left;width:75%;display: block;}
	.colonne30{float: left;width:30%;display: block;}
	.colonne32{float: left;width:32%;display: block;}
    .colonne32b{float: left;width:32%;display: block;}
    .colonne80{float: left;width:80%;display: block;}
    .colonne23{width:23.5%;display: block;float: left;}
	.colonne16{float: left;width:16.6666%;display: block;}
	.colonne33{float: left;width:33.33333%;display: block;}
    .colonne33b{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;}
    .colonne30a{float: left;width:30%;display: block;}
    .colonne70a{float: left;width:70%;display: block;}
    .colonne60a{float: left;width:60%;display: block;}
    .colonne40a{float: left;width:40%;display: block;}
    
/*************************************************************************************************/
/***********                ***************  MARGE   ******************          *****************/
/************************************************************************z************************/

    .marge{margin-right:2%;}
    .marger10{padding: 10px;}
    .marger20{padding: 20px;}
    .marger30{padding: 30px;}
    .marger40{padding: 40px;}
    .marger40b{padding: 40px;}
    .marger40c{padding: 40px;}
    .marger50{padding: 50px;}
    .marger60{padding: 60px;}
    .marger70{padding: 70px;}
    .marger80{padding: 80px;}
    .marger80b{padding: 50px;}
    .marger90{padding: 90px;}
    .marger100{padding: 100px;}
    .marg{padding: 40px;}
    .marge-variable{padding: 80px;}
    .marge-variable3{padding: 120px;}
    .marge-variable4{padding: 120px;}
    .marge-variable2{padding: 100px;}
    .margedroite{padding-right:30px;}

/************************************************************************************************/
/**************************  HAUTEUR  ***********************************/
/************************************************************************z************************/

    .hauteur10{height: 10px;}
    .hauteur20{height: 20px;}
    .hauteur30{height: 30px;}
    .hauteur40{height: 40px;}
    .hauteur50{height: 50px;}
    .hauteur60{height: 60px;}
    .hauteur70{height: 70px;}
    .hauteur80{height: 80px;}
    .height40mob{height:40px;}
    .height40{height:40px;}
    .imgmob{width:100%;}

    
/************************************************************************************************/
/*********.       *****************  LANE  *******************                   ****************/
/************************************************************************z***********************/
        
    .newlane{border-top:1px solid #bfbfbf;margin-top:20px;margin-bottom:20px;}
    .newlane2{border-top:1px solid #009c90;margin-top:20px;margin-bottom:20px;}
    
/************************************************************************************************/
/**************************  SHADOW BORDER   ***********************************/
/************************************************************************z************************/

    .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);}
    .shadow-border2{box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 25%);}
    .shadow-border3{box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 10%);}
    .shadow-border4{box-shadow: rgb(0 0 0 / 10%) 0px 10px 30px;}
    .shadow-border5{box-shadow: 0px 5px 20px rgb(0 0 0 / 4%) !important;}

/************************************************************************/
/********** BORD BLANC *********/    
/************************************************************************/    
    
    .bordgris{border:10px solid #cccccc;}
    .bordgris2{border:10px solid #e2e2e2;}
    .bordblanc{border:10px solid #ffffff;}

/************************************************************************/
/********** COULEUR *********/    
/************************************************************************/

	.bgblanc{background: #ffffff;}
	.bgblack{background: #000000;}
	.bggris{background: #f1f1f1;}
    .bgjaune{ background:#ffaf3c;}
	.rose{color:#ee0092;}
	.rouge{color:#f80566;}
	.rouge2{color:#f50045;}
    
/************************************************************************************************/
/************************** Centre de Danse *******************************/
/************************************************************************z***********************/

    .colonne20centre{float: left;width:20%;display: block;}
    .colonne80centre{float: left;width:80%;display: block;}
    .colonne50b{float: left;width:50%;display: block;}
    .colonne49b{float: left;width:49%;display: block;}
    .chiffre2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 25px;
        line-height: 10px;
        font-weight: 800;
        display: inline-block;
        text-align: center;
        margin: auto;
        right: -10px;
        top: -10px;
        padding: 10px;
        vertical-align: top;
        color: #009c90;
        border: 1px solid #ededed;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

/************************************************************************************************/
/************************** RESPONSIVE SPECIAL *******************************/
/************************************************************************z***********************/ 

    .desktop{display: block;}
    
/************************************************************************************************/
/************************** RESEAUX SOCIAUX MENU *******************************/
/************************************************************************z***********************/

    .logo{display: block;text-align: center;width: 100%;padding-top: 20px;padding-bottom: 20px;}
    .logo img{width: 120px;}
    .log1{width: 80px !important;}
    
    ul#reseaux li{display: inline-block;border-right: 1px solid #ededed;padding: 10px;}
    ul#reseaux li:last-child{border-right:none;}
    
    .ico{font-size:30px;color: #104e48;text-decoration: none;}
    .ico:hover{font-size:30px;color: #34a297;text-decoration: none;}

/************************************************************************************************/
/************************** PAGINATION *******************************/
/************************************************************************z***********************/

    ul.pagination2 {width: 100%;text-align: center;margin-top: 10px;}
    ul {padding: 0;}
    ul {margin: 0;padding: 0;}
    ul.pagination2 li.active2 {background: #34a297;padding: 10px;color: #ffffff;font-weight: 900;margin-right: 10px;}
    ul.pagination2 li {display: inline-block;margin-right: 10px;}
    ol, ul {list-style: none;}
    ul.pagination2 li a {padding: 10px;background:#adadad;border: 1px solid #dddddd;margin-right: 2px;color: #FFFFFF;text-decoration: none;}
    ul.pagination2 li a:hover{background: #34a297;color: #ffffff;}
    
/************************************************************************************************/
/************************** TIROIR *******************************/
/************************************************************************z***********************/

    ul{margin: 0;padding: 0;margin-bottom: 20px;}
    ul#tiroir li{list-style: none;padding: 0;margin-bottom: 20px;}
    ul#tiroir li.cate{background: #ffffff;
    }
    ul#tiroir li.cate:hover{background: #34a297;color: #ffffff;}
    ul#tiroir li.cate span{font-family: 'Open Sans', sans-serif;font-size:14px;line-height: 27px;}
    ul#tiroir li.cate:hover span,ul#tiroir li.cate:hover h2{color: #ffffff;}
    ul#tiroir li.subcate{display: none;padding: 40px;background: #ffffff;
    font-family: 'SpartanMB-Regular', sans-serif;font-size:16px;line-height: 28px;}
    .hambu{font-size: 40px;}
    
/************************************************************************************************/
/************************** PLANNING *******************************/
/************************************************************************z***********************/

.avatar2{width:50px;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;}
.horrairesplanning{font-size: 13px;font-style:italic;}

.seance{padding: 8px;border: 2px solid #ffffff;border-top:1px solid #ededed;-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 #34a297;}
.seance .titre{color: #959495;font-weight: 800;font-size: 16px;}
.seance .horaire{color: #000000;font-weight: 800;font-size: 16px;}
.salleplanning{padding: 2px 8px;background-color:#34a297;color:#ffffff;font-size: 10px;-webkit-border-radius: 10px !important;-moz-border-radius: 10px !important;border-radius: 10px !important;}
.niveauplanning{padding: 2px 8px;background-color:#ffaf3c;color:#ffffff;font-size: 10px;-webkit-border-radius: 10px !important;-moz-border-radius: 10px !important;border-radius: 10px !important;}
.titreplanning{ font-family: 'futurabold';font-size:20px;line-height: 23px;font-weight: 500;}



.cont2{width: 60%;margin: auto;display: block;}
.t1 {font-family: 'Raleway', sans-serif; color:#566363;line-height:1em;font-size: 40px; margin:0px;font-weight:700;display: inline-block;}
.t2 {font-family: 'Raleway', sans-serif; color:#566363;  font-size: 60px; margin:0px;font-weight:900;text-transform: uppercase;}


/************************************************************************************************/
/************************** TARIFScolonnetarif *******************************/
/************************************************************************z***********************/

.colonnetarif{float: left;width:25%;display: block;}
.colonne30tarif2{float: left;width:30%;display: block;}
.tarif{margin-bottom: 10px;border: 1px solid #ebecf1;}
.tarif:hover{box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 25%);}
.tarif2{background: #34a297;color: #ffffff;}


/************************************************************************z***********************/

.marger40vari{padding: 40px !important;}
.datar{width: 145px;display: inline-block;border-right: 1px solid #34a297;}
.j1{font-family: 'futurabold';font-size:56px;line-height: 39px;font-weight: 400;letter-spacing: -0.5px;}
.m1{font-family: 'Redzone2';font-size:20px;line-height: 10px;}
.a1{font-family: 'Redzone2';font-size:20px;}
.titrevent{padding-left: 20px;}
.btnwhite{padding: 7px 32px; border: 3px solid #ffffff;color: #ffffff !important;}
.btnwhite:hover{text-decoration: underline;color:#ffffff !important;}
.btnwhite:active{color:#ffffff !important;}

.bordgrisdroitedesk{border-right: 1px solid #ededed;}


.catego{ background:#34a297 !important;color:#ffffff !important;}
.colonner30{float: left;width:30%;display: block;}
.colonner70{float: left;width:70%;display: block;}
.colonne33vari{float: left;width:33.3333%;display: block;min-height: 160px;}
.photoevent{box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 25%);}
.rond{-webkit-border-radius: 17px !important;-moz-border-radius: 17px !important;border-radius: 17px !important;}
.rond2{-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;-webkit-border-top-left-radius: 17px !important;-moz-border-top-left-radius: 17px !important;border-top-left-radius: 17px !important;-webkit-border-bottom-left-radius: 17px !important;-moz-border-bottom-left-radius: 17px !important;border-bottom-left-radius: 17px!important;
}
    
/********************************************************************************/

.zoneimg2{position: relative;}
.bldater{background: #000000;color: #ffffff;display: inline-block;padding: 10px;position: absolute;width: 54px;}
.jour1{display: block;font-family: 'Redzone2', sans-serif !important;font-size:30px;line-height: 27px;}
.mois1{display: block;text-transform: uppercase;font-size:17px;font-family: 'Redzone2', sans-serif !important;
        line-height: 16px;}
.annee1{display: block;font-family: 'Redzone2', sans-serif !important;font-weight:800;line-height: 16px;}

/********** 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;}
    .bloc_logo2{background: #009e90;border-bottom: 4px solid #025851;}
    
    .photoactu{margin-bottom: 10px;}
	/******* GENERAL **********/	
	body {background:#f1f1f1;color:black;padding:0;font-family: 'Open Sans', sans-serif;font-size:17px;line-height: 27px;}
	img {max-width: 100%;vertical-align: middle;height: auto;}
    h1{ font-family: 'futurabold';font-size:40px;line-height: 60px;font-weight: 400;letter-spacing: -0.5px;}
	h2{ font-family: 'futurabold';font-size:35px;line-height: 40px;font-weight: 600;}
    h3{ font-family: 'futurabold';font-size:  20px;line-height: 20px; font-weight: 800;color:#2e988c;padding-bottom:20px;}
    .bldate{font-size: 13px;color: #ffffff;background: #000000;padding: 4px 10px;}
    .margefresh{padding: 20px;}
    .titrenews{font-size: 22px;}
    /***.owl-carousel .owl-stage-outer {padding-top: 20px !important;padding-bottom: 20px !important;}***/
    .cont {position: relative;}
    em{font-style: italic !important; }
    .txtcont {
        position: absolute;
        bottom: 10px;
        padding: 20px;
        color: #ffffff;
    }

    .imgcont{
        width: 100% !important;
    }

    .fondsite {
        background: #000000;
        background-image: url(image/fond2.jpg);
        background-repeat: no-repeat;
    }

    .colonne66{float: left;width:66%;display: block;}
    .titrou{
    font-size:20px !important;font-weight: 800 !important;text-transform: uppercase;
    }
.blcparent{position: relative;
}
.blctxt{position: absolute;left: 40px;top: 150px;width: 500px;left:100px;}
.filtre{font-family: 'Klavika-Bold';background: #dda439;padding: 5px 5px;display:inline-block;color: #ffffff;font-size:14px;font-weight: 800;}
.filtreb{font-family: 'Klavika-Bold';background: #ededed;padding: 5px 5px;display:inline-block;color: #aeaeae;font-size:14px;font-weight: 800;}

#form input[type="reset"]{border: 0 !important;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius:16px;}
#form input[type="submit"]{border: 0 !important;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius:16px;}

/************************************************************************************************/
/**************************     Partenaires    ***********************************/
/************************************************************************z***********************/

.colonne25partenaire{float: left;width:25%;display: block;}

/************************************************************************************************/
/**************************     GALERIE    ***********************************/
/************************************************************************z************************/

.colonneimg{display: inline-block;float: left;margin-right: 15px;border-right:1px solid #ffffff;padding-right: 10px;}
.colonnetexte{}
.avatar3b{width:100px;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;border: 8px solid #ffffff;}
.txtright{text-align: right;}


.colonne32gallerie{float: left;width:31.33333%;margin:1%;display: block;margin-bottom: 10px;}

/************************************************************************************************/
/**************************     Formations    ***********************************/
/************************************************************************z************************/

.colonne20form{float: left;width:20%;display: block;}
.colonne49form{float: left;width:49%;display: block;margin-bottom: 10px;}
.colonne80form{float: left;width:80%;display: block;}
.imgform{max-width: 250px !important;}


/************************************************************************************************/
/**************************     Location    ***********************************/
/************************************************************************z************************/
.colonne30loc{float: left;width:30%;display: block;}
.colonne70loc{float: left;width:70%;display: block;}
.cate:hover .colonne70loc p{color: #ffffff !important;}
.cate:hover .colonne70loc .titleform{color: #ffffff !important;}
/************************************************************************************************/
/**************************     Events    ***********************************/
/************************************************************************z************************/

.eventer{min-height: 165px;}

/************************************************************************************************/
/**************************  SEPARATEUR TRAIT   ***********************************/
/************************************************************************z************************/

    .separateur{width:200px;margin:auto;display: block;margin-top: 10px;margin-bottom: 10px;}
    .trait{border-bottom:1px solid #000000;width:40%;display: block;float: left;height: 25px;}
    .trait2{border-bottom:1px solid #ffffff;width:40%;display: block;float: left;height: 25px;}
    .milieux{width:20%;display: block;float: left;}
    
/************************************************************************************************/
/**************************     ACCUEIL    ***********************************/
/************************************************************************z************************/

    .btnjaune{color: #e19c25;padding: 1px 32px;border: 1px solid #e19c25;font-size: 10px;text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;}
    .btnjaune:hover{color: #ffffff;padding: 1px 32px;border: 1px solid #e19c25;font-size: 10px;background: #e19c25;text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;}
    
    .btnvert{border:3px solid #34a297;display: inline-block;color: #34a297;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 7px 32px !important;}
    .btnvert:hover{background: #34a297;color: #ffffff;padding: 7px 32px !important;}
    
    .btnvert2{display: inline-block;color: #ffffff;text-decoration: none;font-size: 12px;line-height: 12px;padding: 10px 30px !important;background: #00a796;margin-top: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
    .btnvert2:hover{background: #e74c3c;color: #ffffff;}
    
    .btnjaune3{display: inline-block;color: #ffffff;text-decoration: none;font-size: 12px;line-height: 12px;padding: 10px 30px !important;background: #ffaf3c;margin-top: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
    .btnjaune3:hover{background: #e74c3c;color: #ffffff;}
    
    .btnjaune2{border:3px solid #ffaf3c;display: inline-block;color: #ffffff;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 7px 32px !important;}
    .btnjaune2:hover{background: #ffaf3c;color: #ffffff;padding: 7px 32px !important;}
        
    .bordbleu{padding:20px;border:10px solid #34a297;}
        
    /************************************************************************************************/
    
    .boutton{display: inline-block;color: #ffffff;text-decoration: none;font-size: 12px;line-height: 12px;padding: 10px 30px !important;background: #00a796;margin-top: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
    .bouttonc{display: inline-block;color: #ffffff;text-decoration: none;font-size: 12px;line-height: 12px;padding: 10px 30px !important;background: #ffaf3c;margin-top: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
    .boutton3{border:1px solid #e74c3c;display: inline-block;color: #e74c3c;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 4px 15px !important;}
    .boutton3:hover,.boutton:hover,.bouttonc:hover{background: #e74c3c;color: #ffffff;}
    
    .boutton2e{border:3px solid #ffaf3c;display: inline-block;color: #ffffff;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 7px 32px !important;}
    .boutton2e:hover{background: #ffaf3c;color: #ffffff;padding: 7px 32px !important;}
    .boutton2{border:3px solid #34a297;display: inline-block;color: #34a297;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 7px 32px !important;}
    .boutton2:hover{background: #34a297;color: #ffffff;padding: 7px 32px !important;}
    
    
    .btnactu3b{border:3px solid #ffaf3c;display: inline-block;color: #ffaf3c;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 1px 32px !important;}
    .btnactu3b:hover{color: #ffffff;padding: 1px 32px;border: 3px solid #e19c25;font-size: 10px;background: #e19c25;
	text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;
	}
    
    .btnactu3bb{color: #e19c25;padding: 1px 12px;border: 1px solid #e19c25;font-size: 10px;
	text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;
	}

.newbtn2{
    font-family: 'Circular Std', sans-serif;
    border-radius: 500px;
    font-size: inherit;
    padding: 12px 34px;
    font-size: 14px;letter-spacing: 2px;
    border:3px solid #34a297;
    text-transform: uppercase;
    margin: 4px;
    
    display: inline-block;color: #34a297;
    text-decoration: none;line-height: 20px;}
    
.newbtn2:hover{background: #34a297;color: #ffffff;}

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

.newbtn3{
    font-family: 'Circular Std', sans-serif;
    border-radius: 500px;
    font-size: inherit;
    padding: 6px 24px;
    font-size: 14px;letter-spacing: 2px;
    border:3px solid #34a297;
    text-transform: uppercase;
    margin: 4px;
    
    display: inline-block;color: #34a297;
    text-decoration: none;line-height: 20px;}
    
.newbtn3:hover{background: #34a297;color: #ffffff;}


.newbtn4{
    font-family: 'Circular Std', sans-serif;
    border-radius: 500px;
    font-size: inherit;
    padding: 6px 24px;
    font-size: 14px;letter-spacing: 2px;
    border:3px solid #FFFFFF;
    text-transform: uppercase;
    margin: 4px;
    
    display: inline-block;color: #FFFFFF;
    text-decoration: none;line-height: 20px;}
    
.newbtn4:hover{background: #FFFFFF;color: #ffaf3c;}

	a{color:inherit;
    -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;}

    .reseaumenu{font-size:18px;}
    
    

    .vidr{width: 100%;}
    .zonevid{position: relative;}
    .catvid{position: absolute;bottom: 10px;left: 10px;}
    .playvid{position: absolute;bottom: 150px;text-align: center;width: 100%;}
    .icoplay{width: 80px !important;display: inline !important;}
    .blcate{background: #d15039;color: #ffffff;display: inline-block;padding: 1px 5px;font-size: 10px;}
    .titrevid{font-size:16px;}
   
   

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


    
    
    .boutton2c{border:3px solid #ffffff;display: inline-block;color: #ffffff;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 7px 32px !important;}
    .boutton2c:hover{background: #ffffff;color: #34a297;padding: 7px 32px !important;}

    .boutton2b{border:3px solid #34a297;display: inline-block;color: #ffffff;text-decoration: none;font-size: 10px;line-height: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 7px 32px !important;}
    .boutton2b:hover{background: #34a297;color: #ffffff;padding: 7px 32px !important;}
    
    
    .bgvert{
        background: #22877d;
    }
    

	strong{font-weight: 800;}
	img {border: 0;}
	.clear {clear:both !important;}
    .clear3 {clear:both !important;margin-top: 10px;margin-bottom: 10px;}
	.center{text-align:center;}
    .centerdesk{text-align:center;}
	.txt{border-left: 10px solid #cbcbcb;background:url("images/riad-essaouira-belle.jpg") no-repeat fixed center;}
	.txt:hover{border-left: 10px solid #a98a61;}
    .container2{max-width: 1000px;margin: auto;}
    .container3{max-width: 700;margin: auto;}
    .container4{max-width: 900;margin: auto;}   

    .bordvert{border: 10px solid #2e988c;}

	.couleurjaune{color:#a98a61;}
	.presta{font-size: 12px;font-weight: 800;padding-top: 10px;display: inline-block;}
	.avatar{width:200px;-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;border: 8px solid #dbdbdb;}

	.laurier{font-size: 12px;text-transform: uppercase;font-weight: 800;}
    .pricing{
        font-size: 13px;font-weight: 800;text-transform: uppercase;color:#a98a61;
    }
	.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;}
	.laner{border: 1px solid #ededed;}
    .clear2{clear: both;}
	


    

    ul.pagination {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    ul {
        padding: 0;
    }   
    ul {
        margin: 0;
        padding: 0;  
    }
    ul.pagination li.active {
        background: #fe0000;
        padding: 10px;
        color: #ffffff;
        font-weight: 900;
        margin-right: 10px;
    }
    ul.pagination li {
        display: inline-block;
        margin-right: 10px;
    }
    ol, ul {
        list-style: none;
        
    }
    ul.pagination li a {
        padding: 10px;
        background:#000000;
        border: 1px solid #dddddd;
        margin-right: 2px;
        color: #fe0000;
        text-decoration: none;
    }
    ul.pagination li a:hover{
        background: #fe0000;
        color: #ffffff;
    }
    .nuage{
        background:#f7f7f7;border: 1px solid #eaeaea;display: inline-block;margin-right: 10px;margin-top: 10px;padding: 3px 32px;
        color: #7e7e7e;text-decoration: none;font-size:12px;
        -webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;
    }
    
     .nuage2{
        background:#000000;border: 1px solid #000000;display: inline-block;margin-right: 10px;margin-top: 10px;padding: 3px 32px;
        color: #FFFFFF;text-decoration: none;font-size:12px;
        -webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;
    }
    
    .nuage2:hover{
        background:#34a297;border: 1px solid #34a297;color: #FFFFFF !important;
    }

     .contenant{position: relative;border: 0;padding: 0 !important;margin: 0 !important;}
    .contenanttxt{position: absolute;bottom: 0;width: 100%;text-align: center;bottom: 20px;color: #ffffff;border: 0;padding: 0;margin: 0;}
    .contenanttxt h1{font-family: 'Oswald', sans-serif !important;text-transform:uppercase;color: #ffffff;font-size:50px !important;line-height: 50px !important;}

	/*********************************** Couleur  *******************************/
	.coljaune{ color: #a98a61;}
	.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 #a98a61;}
	
	/*********************************** 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: #34a297;padding: 1px 32px;border: 3px solid #34a297;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;
	}
    .btnactu2b{color: #ffffff;padding: 1px 32px;border: 3px 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;
	}

    .btnactu3{color: #e19c25;padding: 1px 32px;border: 3px solid #e19c25;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;
	}
    
    
    .btnactu3bb:hover{color: #ffffff;padding: 1px 12px;border: 1px solid #e19c25;font-size: 10px;background: #e19c25;
	text-decoration: none;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; margin-top: 10px;display: inline-block;
	}
    
    

   

    .btnactu4{color: #ffffff; background:#00a2ff;border:3px solid #00a2ff;padding: 1px 32px;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;margin-right: 10px;}
    .btnactu4:hover{color: #00a2ff; background:#ffffff;border:3px solid #00a2ff;padding: 1px 32px;font-size: 12px;}
    .btnactu4:active{color: #00a2ff; background:#ffffff;border:3px solid #00a2ff;padding: 1px 32px;font-size: 12px;}
    .btnactu4:clicked{color: #00a2ff; background:#ffffff;border:3px solid #00a2ff;padding: 1px 32px;font-size: 12px;}
    

    

    .btnactu2:hover{
        background: #34a297;color: #ffffff;
    }
	.slider img{width:100%;}
	.containimg{position:relative;}
	.containimg img{display: block;width: 100%;height: auto;}
	.infoscomplementaire{color: white;position: absolute;top:10%;left: 5%;}
	
    .separation{width:50px;height: 2px;background: #a78a62;margin: auto;margin-top: 20px;}
    .separation2{width:50px;height: 2px;background: #ffffff;margin: auto;margin-top: 20px;}
    .separation3{width:50px;height: 1px;background: #a78a62;margin: auto;margin-top: 20px;margin-bottom: 20px;}
    /************************************************************************************************************************************************/

    /************************** LANE ************************/
    
    /************************************************************************************************************************************************/  
    
	.lane{border-top:1px solid #d5d5d5;margin-bottom: 7px;margin-top: 7px;}
    .laneb{border-top:1px solid #ffffff;margin-bottom: 17px;margin-top: 17px;}
	.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;}

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

    /************************** CHAMBRE ************************/
    
    /************************************************************************************************************************************************/  

    .texte_chambre{position: absolute;bottom:20px;display: block;width:70%;margin-left:15%; padding-top:20px;padding-bottom:20px; }
    .chambre_img{position: relative;width: 100%;}
    .prix_chambre2{color: #ffffff; position: absolute;bottom:20px;display: block;width:70%;margin-left:10%; padding-top:20px;padding-bottom:20px; }
    .btn_chambre{display: inline-block;border: 1px solid #a78a62;padding: 10px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; padding:8px 20px;display: inline-block;text-decoration: none;color: #a78a62;font-size: 13px;font-weight: 500;line-height: 15px;margin-top:10px;
    -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;}
    .btn_chambre:hover{padding:8px 32px;background:#a78a62;color: #ffffff;}    
    /************************************************************************************************************************************************/

    /************************** ACTIVITE ************************/
    
    /************************************************************************************************************************************************/  

    .contain_img{position: relative;width: 100%;}
    .texte_activite{position: absolute;bottom:20px;display: block;width:70%;background-color: rgba(0, 0, 0, 0.5);margin-left:15%; padding-top:20px;padding-bottom:20px; }
    
    .btn_activite{display: inline-block;border: 1px solid #ffffff;padding: 10px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; padding:8px 20px;display: inline-block;text-decoration: none;color: #ffffff;font-size: 15px;font-weight: 500;line-height: 15px;
    -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;margin-top: 10px;
    }

    .btn_activite:hover{display: inline-block;border: 1px solid #ffffff;padding: 10px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;font-weight:800; padding:8px 32px;display: inline-block;text-decoration: none;color: #ffffff;font-size: 15px;font-weight: 500;line-height: 15px;}

    .act{font-size: 20px ;line-height: 22px;}
    
    /************************************************************************************************************************************************/

    /************************** BLOC ************************/
    
    /************************************************************************************************************************************************/

	.container{max-width: 1100px;margin: auto;}
    .soloone{width:60%;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%;}

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

    /************************** VIDEO ************************/
    
    /************************************************************************************************************************************************/

	.video-responsive {
        position: relative;
        width: 100%;
        padding-bottom: 18%;
	}
	
	.canvas,
	.video {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		background: #ffffff;
		z-index: 5;
	}

	#over_video{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    top: 0;
	    z-index: 10;
	    color: #FFF;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    text-shadow: 4px 4px 4px #5C433B;
	}
	
    .blvid{
       display: block;width:100%;
        margin-top:120px;margin-left:0;
    }
    .lien{
        color: #ffffff;display:inline-block;padding: 5px 22px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 2px solid #ffffff;text-decoration: none;font-size:14px;
        -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;
    }
    .lien:hover{
        padding: 5px 32px;
    }
    .lien2{
        color: #717171;
        -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;
        padding: 5px 20px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 2px solid #717171;font-size:12px;
    }
    .lien2:hover{
        padding: 5px 32px;
    }
	#lightzone{
	    display: block;
	    position: absolute;
	    z-index: 1000000;
	    width:100%;
	    height:1000px;
	    
	    display: none;
	}
	
    .logoriad{width:400px;}
    .vid3{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;}
	.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%;
	}
	
/************************************************************************/
/********** MENU *********/    
/************************************************************************/

    .blocmenu{width:14%;float: left;display: inline-block;position: fixed;left: 0;height: 100%;z-index: 10;}
    .blocreste{width:86%;float: right;position: relative;}
    .bloclogo2c{width:80%;margin: auto;margin-top: 10Px;}
    .margevar{height: 80px;}    
	.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;}
    .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-size:12px; font-family: 'Open Sans', sans-serif;line-height:12px;font-weight:600;color: #b2b2b2;padding-left: 15px;
        -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;}
	    .resp_menu2 a:hover{color: #ffffff;}
	    .toggleMenu2 {display:none;padding: 20px 20px;color: #ffffff;margin: auto;width: 100px;}
	    .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:100%;margin-bottom: 0 !important;}
	    .nav2 a {text-decoration: none;display: block;padding-top:11px;padding-bottom:11px;}
	    .nav2 a:hover{background:#025851;}
        .nav2 a:hover:before{
            content: "- ";
            position:relative; 
            left:-10px;
            text-decoration: none;
         }
        .nav2 a:hover:after{
            content: " -";
            position:relative; 
            left:10px;
            text-decoration: none;
         }

        .nav2 li {position: relative;}
	    .nav2 > li {float: none;border-bottom: 1px solid #eaeaea;}
	    .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;margin: 0;padding: 0;}
	    .nav2 li li.hover ul {left: 100%;top: 20px;}
	    .nav2 li li a {display: block;background: #262626;border: none;position: relative;z-index:100;color: #d4d4d4;min-width: 150px;margin: 0!important;}
	    .nav2 li li a:hover {background:#34a297;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 **********/
        .Descrip{font-family: Times;font-size: 15px;font-style: italic;}
        .myButton {margin-top:10px;display: inline-block;padding: 0px 32px;border:2px  solid #aa8b5e;text-decoration: none;color: #aa8b5e;background: #ffffff;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;font-size: 12px;font-weight: 800;}
        .myButton:hover {background-color:white;color:#aa8b5e;border:2px  solid #aa8b5e;}
        .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;}
	
        /******** 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: 60px;font-weight:600;line-height: 50px;}
        .price2{font-size: 25px !important;font-weight:600;line-height: 30px;}
        .Word1{
            font-weight:600;line-height: 8px;font-size: 12px;color:#bebebe;
        }
        .euros{line-height: 50px;}
        .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;}

	.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;}
	
	.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:white;;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[type="text"]{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);
	}
	
	@media screen and (min-width: 1500px){
		.container{max-width: 1100px;margin: auto;}
		h2 {font-size:1.55em;line-height: 30px;font-weight: 900;}
		h1 {font-size:2.75em;line-height: 45px;font-weight: 900;letter-spacing: 0px;}
		.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;}
        .blvid{
            max-width: 500px;display: block;
            margin-top:120px;margin-left: 33%;
        }
	}
	@media screen and (max-width: 1500px) {
        
        .ico{font-size:15px;}
        .ico:hover {font-size: 15px;}
	    .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;}
        .blctxt{position: absolute;top: 162px;width: 500px;left:30px;}
        h1{ font-family: 'futurabold';font-size:40px;line-height: 40px;font-weight: 400;letter-spacing: -0.5px;}
	}
    @media screen and (max-width: 1300px) {
        .blctxt{position: absolute;top: 50px;width: 500px;left:30px;}
    }
	@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%;
		}
        
        .logoriad{width:300px;}
        .blvid{
            max-width: 500px;display: block;
            margin-top:50px;margin-left: 25%;
        }
        
        .blctxt{
            position: relative;
            width: 100%;padding: 2.5% !important;text-align: center;
            left:inherit !important;margin-bottom: 40px;
        }
        
        .titrepartenaire{font-size:28px !important;}
        .colonne25partenaire{float: left;width:50%;display: block;
        min-height: 423px;}
	}
    @media screen and (max-width: 1100px) {
        .log1{width: 60px !important;}
    }
	@media screen and (max-width: 1000px) {
        
        .height40mob{height:0px;}
        .marge-variable2{padding: 60px;}
        .blvid{
            max-width: 500px;display: block;
            margin-top:50px;margin-left: 22%;
        }
        .logoriad{width:300px;}
        .colonne33b{float: left;width:50%;display: block;}
        .clear2{clear: none;}
        .video-responsive {
        position: relative;
        width: 100%;
        padding-bottom: 25%;
            
	   }
        .marger40b{padding: 20px;}
        .titrevent{padding-left: 20px;font-size: 20px !important;line-height: 20px;}
        .datar{width: 145px;display: inline-block;border-right: inherit;}
        .bordgrisdroitedesk{border-bottom: 1px solid #ededed;border-right: inherit;padding-bottom:10px;margin-bottom: 10px;}
        .bordgristopdesk{margin-top: 10px;}
	}
	@media screen and (max-width: 970px) {
        
        .menu-tel2 a:focus{color:#ffffff !important;}
        .menu-tel2 a:hover{color:#ffffff !important;}
        .logo{display: block;float:left;width: 30%;padding-top: 20px;padding-bottom: 20px;text-align: left;margin-left: 30px;}
        .bloc_resp{display: block;float: right;width: 30%;text-align:right !important;margin-top: 30px;}
		.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 !important;}
		.nav2 a {text-decoration: none;width: 100%; display: block !important;float: left; 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;}
		
        ul.nav2 li{
            float: left; width:50%;
            border-bottom: 1px solid #ededed;
            
        }
        
        ul.nav2 li:nth-of-type(2n){
            
        }
        ul.nav2 li:nth-of-type(2n+1) a{
            border-right: 1px solid #ededed;
        }
        ul.nav2 li:last-child {
        }
		
		.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;}
        .vid3{display: block;}
        .titrevideo{
            font-size:30px;
        }
        
	}
    
    @media screen and (max-width: 900px) {
        
        .colonne25partenaire{float: left;width:50%;display: block;
        min-height: 395px;}
        
	}
    
    @media screen and (max-width: 800px) {
        .colonne32gallerie{float: left;width:48%;margin:1%;display: block;margin-bottom: 10px;}
        .desktop{display: none;}
        .cont2{width: 80%;margin: auto;display: block;}
        .colonne66{float: none;width:100%;display: block;margin-bottom: 20px;}
		.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%;}
        .colonne49{float: none;width:100%;display: block;margin-bottom: 20px;}
        .colonne49form{float: left;width:100%;display: block;margin-bottom: 20px;}
		.logoriad{width:200px;}
        .blvid{
            width: 100%;display: block;max-width: none;
            margin-top:50px;margin-left: 0%;
        }
        .colonne33vari{float: left;width:50%;display: block;min-height:160px;}
        .t1 {font-size: 20px;}
        .t2 { font-size: 40px;}
	
		.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: #ffffff !important;}
		.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: 30px;}
		.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%;
		}
		.contenanttxt{position: absolute;width: 100%;text-align: center;bottom: 10px;color: #ffffff;border: 0;padding: 0;margin: 0;}
        .contenanttxt h1{font-family: 'Oswald', sans-serif !important;text-transform:uppercase;color: #ffffff;font-size:30px !important;line-height: 30px !important;}
        
        
		.titrevent{padding-left: 20px;font-size: 20px !important;}
        .centermob{text-align: center;}
        .colonne50b{float: none;width:100%;display: block;margin-bottom: 20px;}
        .colonne49b{float: none;width:100%;display: block;margin-bottom: 20px;}
        
	}
	@media screen and (max-width: 700px) {
	    .colonne25{width: 50%;}
        .colonne25form{float: left;width:50%;display: block;}
	    .centreresp{text-align: center;}
        .marger80{padding: 40px;}
        .marger80b{padding: 40px;}
        
        .imgmob{
            width:250px;
        }
	}
	@media screen and (max-width: 600px) {
        .nav2 li li a {display: block;background: #262626;border: none;position: relative;z-index:100;color: #d4d4d4;width: 100%;margin: 0!important;}
        .nav2 li li{width: 100%;}
        .hambu{font-size: 40px;}
        /************************************************************************************************/
        /**************************     Partenaires    ***********************************/
        /************************************************************************z************************/    
        .colonne25partenaire{float: left;width:100%;display: block;
        min-height: inherit;}
        
        /************************************************************************************************/
        /**************************     Inherit    ***********************************/
        /************************************************************************z************************/    
        .eventer{min-height: inherit;}
        
        /************************************************************************************************/
        /**************************     Formations    ***********************************/
        /************************************************************************z************************/

        .colonne20form{float:left;width:30%;display: block;}
        .colonne80form{float:left;width:70%;display: block;}
        .titleform{font-size:31px !important;}
        .marger20mob{padding: 20px;}
        /************************************************************************z************************/ 
        
        .cont2{width: 100%;margin: auto;display: block;}
        .marger40vari{padding: 10px !important;}
	    .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:20px;}
	    .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;}
        .logoriad{width:150px;}
        .soloone{width:95%;margin:auto;}
        .marger80{padding: 30px;}
        .marger80b{padding: 30px;}
        .marger30{padding: 15px;}
        
        .colonne33b{float: left;width:100%;display: block;}
	
	    .ligne{clear: both;display: block;}
	    .colonne70{float: none;width:100%;}
	    .colonne30{float: none;width:100%;}
        .imgform{max-width: 230px !important;}
        .colonne30tarif2{float: none;width:100%;border-bottom: 1px solid #ededed;text-align: center !important;margin-bottom: 20px;padding-bottom: 20px;}
        
        .colonne30tarif2 h2{font-size: 24px !important;}
	    .texttunnel{position: relative;top:-140px;}
	    .marge-variable3{padding:0px;}
	    .marge-variable4{padding: 30px;}
	    #textephoto{top:200px;font-size: 12px;}
	    .titrevideo{
            font-size:20px;
        }
        .video-responsive {
            position: relative;
            width: 100%;
            padding-bottom: 18%;
        }
        .blvid{
            display: block;width:100%;margin-top:20px;margin-left:0;
        }
        .colonne33vari{float: left;width:98%;margin: 1%;display: block;min-height: inherit;}
        .marger40{padding: 15px;}
        .marger40c{padding: 25px;}
        
        /******************************************************************************/
        /**************************  COLONNE COURS  ***********************************/
        /******************************************************************************/
        
        .colonne1cours{width: 30%;display: block;float: left;}
        .colonne2cours{width: 70%;display: block;float: left;}
        
        .clearmob{clear: both;}
        .leftmob{text-align: left;}
        .colonne32b{float: none;width:100%;display: block;margin-bottom: 20px;}
        .centerdesk{text-align:left;padding-top: 10px;}
    }
    
    @media screen and (max-width: 550px){
        .price2{font-size: 20px !important;font-weight:600;line-height: 30px;}
    
    }
	@media screen and (max-width: 480px){
        .marger80b{padding: 15px;}
        .log1{width: 40px !important;}
        h1{
            margin:0 !important;
        }
        .colonne25form{float: left;width:100%;display: block;}
		.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%;}
        .contenanttxt{position: absolute;width: 100%;text-align: center;bottom: 0px;color: #ffffff;border: 0;padding: 0;margin: 0;}
        .contenanttxt p{font-size: 12px;}
        .contenanttxt h1{font-family: 'Oswald', sans-serif !important;text-transform:uppercase;color: #ffffff;font-size:16px !important;line-height: 5px !important;}
	
        .hambu{font-size: 30px;}
		h1 {font-size: 36px;text-align: center;line-height: 36px;margin-top: 20px;}
		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;}
	}