@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap');
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body{
     margin:0;
     padding:0;
     font-family: 'Montserrat', sans-serif;
     background-color:#fff ;
}
 img{
     border:0 
}
 a{
     text-decoration:none 
}
 header,.vgcenter,footer{
     width:1200px;
     margin:0 auto 
}
 .loader{
     position:fixed;
     top:0;
     left:0;
     right:0;
     bottom:0;
     background-color:white;
     z-index:1100;
     z-index:9999999;
    
}
 #loader-content{
     border-radius:163px;
     position:fixed;
     z-index:9999;
     top:50%;
     left:50%;
     margin-left:-80px;
     margin-top:-80px;
     width:160px;
     height:160px 
}
 .loader-logo,#loader-circle{
     position:absolute 
}
 .loader-logo{
     top:50%;
     left:50%;
     color:#fff;
     font-weight:700;
     font-size:15px;
     line-height:1em;
     text-align:center;
     margin:auto;
     width:100%;
     height:100%;
     margin-left:-50%;
     margin-top:-10% 
}
 .topHd{
     background:#000;
     font-size:12px 
}
 .topHd a{
     margin-left:15px;
     color:#fff 
}
 .index .hd{
     position:absolute;
     top:0;
     z-index:99 
}
 .hd{
     width:100%;
	 height: 70px;
     padding:0;
	 background-color: #0000007d;
	

}
 header{
     position:relative;
     padding:0 
}
 header .logo{
     float:left;
     margin:0 0 0 1%;
     padding:0;
     text-align:center 
}
 header .logo img{
     float:left;
     margin:0;
     padding:0;
	 max-width: 160px;
border-radius: 0 0  3px 3px
}
 header h1{
     float:right;
     font-size:24px;
     font-style:italic;
     font-weight:400;
     margin:8% 1% 0 0;
     color:#e5e5e5;
     text-shadow:0 1px 4px #000;
     text-align:center;
     display:none 
}
 .nav{
     margin:20px;
     float:right;
     width:auto 
}
 .nav ul{
     position:relative;
     display:inline-block;
     float:right;
     list-style:none;
     margin:0;
     padding:0;
     width:auto 
}
 .nav ul>li{
     margin:0;
     padding:10px;
     float:left 
}
 .nav ul>li:before{
     color:#717171 
}
 .nav ul>li a{
     letter-spacing:0;
     border:none!important;
     text-shadow:none;
     overflow:hidden;
     pointer-events:auto;
     color:#ffffff;
     padding: 5px;
     clear:both;
     float:left;
     text-align:center;
     font-size:15px;
     font-weight:400 
}
 .nav ul li a:hover{
	color:#fff;
    background-color: #4e37f7;
    border-radius: 2px
}
 #menu18 a{
}
 #menu2 a{
}
 #menu17 a{
}
 #menu4 a{
}
 #menu22 a{
     background-color:#f2902c;
     color:#000 
}
 .isStuck{
     padding:0!important;
     z-index:999;
     box-shadow:0 3px 3px rgba(0,0,0,.3);
     margin:0!important;
     bottom:inherit!important; 
	 height: 50px;
}
 .isStuck header .logo{
     display:none;
     *margin: 5px 1% 
}
 .isStuck .logo img{
     *width: 310px 
}
 .isStuck #menu{
     margin:3px 0 
}
 .isStuck #menu ul>li a{
     padding:5px 13px
		 margin-top: 10px;
}
 .isStuck nav {
     float: right;
     margin: 0 auto;
}
 .isStuck ul {
     float: none;
     margin: 0 auto;
     width: 727px;
     display: inherit;
}
 section{
     width:1400px;
	     max-width: 100%;
     margin:1% auto 0 auto;
     clear:both;
     padding:2% 0 
}
 .index section{
     width:100%;
     background-color:initial;

     padding:0 ;
}
 .container{
     width:100%;
     margin:0 auto 
}
 .index section hr{
}
.bandeau {
    position: relative;
    float   : left;
    width   : 100%;
}

.bandeau img {
    width        : 100%;
    margin-top   : -5px;
}

.bandeau {
    top               : 0;
    width             : 100%;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
    -ms-transition    : all 0.5s;
    transition        : all 0.5s;

}

 .pcontact{
     background-color:#fff;
     margin-bottom:2%;
     margin-top:3% 
}
 .colTxt{
     width:48%;
     float:left;
     background:#fff;
     padding:2.15% 6.5%;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     margin-right:1% 
}
 .colTxt h2{
     text-align:center 
}
 .colTxt p{
     text-align:center;
     font-weight:normal 
}

 .colImg{
     width:48%;
     float:left;
     margin-left:1% 
}
 .colImg img{
     width:100% 
}
 .col-idx{
     width:100%;
     margin:0 auto;
     clear:both 
}
 .h1ind{
     background-color:#eaeaea;
     padding:5px 0 
}
 .col-idx h1{
     text-align:center;
     color:#fff;
     font-size:35px;
     margin:0;
     font-weight:500;
	 background-color: #4e37f7;
    padding: 10px;
    text-transform: uppercase;

}
 .col-idx h2{
     text-align:center;
     color:#a6c11b;
     font-size:26px;
     font-weight:500 ;

}
 .col-idx h3{
     text-align:center;
     color:#58585a;
     font-size:23px;
     font-weight:400 
}
 .col-idx p{
     font-size:17px;
     text-align:justify;
     color:#2d2d2d;
     line-height:22px;
     width:990px;
     margin:1.5% auto;
     font-weight:300 
}
 .col-idx li{
     font-size:17px;
     color:#2d2d2d;
     line-height:22px;
   
     font-weight:300 
}
 .col-idx hr{
    
     clear:both;
     background-size:15px;
     height:10px;
     border:0!important;
     width:35%;
     margin-left:18%;
     margin:0 auto 
}
 .vgcenter{
     margin-bottom:4% 
}
 .vg{
     width:100%;
     float:left;
     margin-top:25px 
}
 .vignette{
     width:31.33%;
     float:left;
     margin:1%;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     padding:30px 0 12px 0;
     background:#213c8cdb;
     -webkit-transition:all .6s ease;
     -moz-transition:all .6s ease;
     -o-transition:all .6s ease;
     transition:all .6s ease;
     border-radius:20px 0px;
	 margin-top: -100px;margin-bottom: 50px;
}
 .vignette:hover{
     background:#223f8b; 
}
 .vignette a:before{
     background:rgba(255,255,255,.3);
     left:0;
     right:0;
     top:0;
     height:0;
     -moz-transition:.2s;
     -o-transition:.2s;
     -webkit-transition:.2s;
     transition:.2s;
     z-index:1 
}
 .vignette a:hover:before{
     height:100% 
}
 .vignette a{
     text-decoration:none;
     color:inherit; 
	background-color: #f17422;
    padding: 5px 7px;
    border-radius: 2px;
}
 .vignette figure{
     width:100%;
     float:left;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     padding:0;
     margin:0;
     text-align:center 
}
 .vignette figure img{
     width:100%;
     max-width:80px;
     margin:4% 0 
}
 .vignette h2{
     text-transform:none;
     font-size:18px;
     text-transform:none;
     color:#fdfdfd;
	 font-weight: 500;
     text-align:center;
     width:100%;
     clear:both;
     float:left;
     margin:5px 0;
	 text-transform: uppercase;
}
 .vignette .lienv{
     overflow:hidden;
     padding:6px 21px!important;
     color:#fff!important;
     font-weight:bold;
     text-shadow:none;
     background:#fff!important;
     border:none;
     font-size:13px;
     box-shadow:none;
     text-decoration:none;
     text-transform:uppercase;
     -webkit-transition:all .3s ease;
     -moz-transition:all .3s ease;
     -o-transition:all .3s ease;
     transition:all .3s ease;
     margin-top:6px;
     display:inline-block;
     -webkit-border-radius:3px;
     -moz-border-radius:3px;
     border-radius:3px 
}
 .vignette p{
     color:#fff;
	 font-weight: 300;
     margin-bottom: 5px;
     font-size:16px;
     line-height:20px;
     text-align:center;
     padding:5px 3%;
     float:left;
     width:100%;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     height:40px 
}
 .adresse p{
     margin:40px 50px 
}
 article.page{
     background-color:#fff;
     margin-bottom:3%;
     margin-top:3%;
     clear:both;
     float:left;
     position:relative 
}
 .btgalerie{
     background:url(/web-images/album.png) no-repeat #676767 left 10px top 6px;
     padding:7px 11px 8px 50px;
     text-decoration:none;
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     float:right;
     margin:1%;
     height:18px 
}
 .single_3{
     text-decoration:none 
}
 #toTop{
     display:none;
     text-decoration:none;
     position:fixed;
     bottom:165px;
     right:20px!important;
     border-radius:500px;
     width:26px;
     height:26px 
}
 #toTop:before{
     content:'\f077';
     color:#959595;
     font-size:30px;
     line-height:27px;
     right:20px;
     bottom:73.5px;
     position:fixed 
}
 .page1 .col-text{
     float:right 
}

 .page2 .col-text{
     float:left 
}
 .page3 .col-text{
     float:left;
     width:100% 
}
 .page3 .col-img{
     float:left;
     width:100% 
}
 .page3 .col-img img{
     float:left;
     width:25%;
	     margin-left: 60px;
}
.imgcol{max-width: 100%;

}
.img3{max-width: 33%;

}
 .col-img{
     width:30%;
     float:right;
     margin:1% 2% 
}
 .col-img p{
     text-align:center 
}
 .col-img p img{
     width:100%;
     box-shadow:0 1px 5px #303030 
}
 .col-text{
     width:66%;
     padding:0% 2%;
     float:right;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box 
}
 .large{
     width:98%;
     padding:4% 1% 1% 1% 
}
 .col-text h1{
     color:#fff;
     font-size:20px;
	 text-align:center;
     text-transform:uppercase;
     font-weight:300;
     background-color: #4e37f7;
    border-bottom: 3px solid #90a528;
    padding: 3px;
	 border-radius: 2px;
}

 .col-text h2{
     font-size:20px;
     color: #90a528;
     text-align:center;
     font-weight:600 ;
	 margin: 40px 0 40px 0;
    border-bottom: 1px dashed #90a528;
}
 .col-text h3{
    font-size: 18px;
    color: #546a89;
    font-weight: 500;
    margin: 40px 0 30px;
    border-bottom: 1px solid #dedede;
    text-transform: uppercase;
	border-bottom: 1px dashed #90a528;
}
 .col-text p,.col-text a{
     font-size:16px;
     color:#545454;
text-align: justify;
     line-height:22px 
}
 .col-text p em{
     color:#cccbcb 
}
 .col-text a{
     text-decoration:underline;
     color:#969696 
}
 .col-text ul{
     font-size:16px;
     color:#545454;
     font-weight:normal;
     text-align:justify;
     padding-left:12px;
     list-style:none;
     margin-top:5px;
     line-height:20px 
}
 .col-text ul li,.col1 ul li{
     background:url(../web-images/puce.png) no-repeat top 3px left;
     padding:0 0 5px 24px 
}
 .col-text hr{
     background:url(../web-images/points.png) center bottom repeat-x;
     clear:both;
     background-size:15px;
     height:10px;
     border:0!important;
     width:57%;
     margin-left:18%;
     margin:4% auto 
}
 .hrPr{
     position:relative;
     display:inline-block;
     width:335px;
     height:3px;
     background:#fff;
     content:"";
     margin-top:35px 
}
.bt a{
     text-align: center;
    color: #fff;
    background:#90a528!important;
    padding: 10px;
    border-radius: 2px;
    text-shadow: none;
    font-size: 17px;
     
}
 .more{
     position:relative;
     display:inline-block;
     overflow:hidden;
     padding:16px 42px 17px!important;
     font:500 15px/15px 'Ubuntu',sans-serif;
     color:#fff!important;
     text-shadow:none;
     background:#ff8a01!important;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     border-radius:0;
     border:none;
     box-shadow:none;
     height:auto!important;
     text-decoration:none;
     text-transform:uppercase;
     -webkit-transition:all .3s ease;
     -moz-transition:all .3s ease;
     -o-transition:all .3s ease;
     transition:all .3s ease;
     margin-top:30px 
}
 .more:hover{
     color:#000!important;
     background:#f39744!important;
     text-shadow:none;
     box-shadow:none;
     text-decoration:none!important;
     -webkit-transition:all .3s ease;
     -moz-transition:all .3s ease;
     -o-transition:all .3s ease;
     transition:all .3s ease 
}
 .galphoto{
     width:100%;
     clear:both;
     background-color:#fff;
     background-color:#fff;
     margin-bottom:3%;
     margin-top:3%;
     float:left 
}
 .galphoto hr{
     width:100%;
     clear:both;
     border:0 
}
 .galphoto h2{
     clear:both;
     font-weight:bold;
     color:#3a3a3a!important;
     font-size:20px;
     margin-bottom:0;
     margin-left:1% 
}
 .galphoto a{
     text-decoration:none;
     float:left;
     width:23%;
     padding:1% 
}
 .galphoto a img{
     width:100% 
}
 .col2{
     float:left;
     width:48%;
     margin:0 1% 0 1% 
}
 .col2 h2{
     color:#545454;
     font-size:16px;
     font-weight:bold 
}
 .col2 p,.col2 ul{
     font-size:14px 
}
 .contact{
     padding:0;
     margin-left:2%;
     margin-bottom:21px 
}
 .ft{
     clear:both;
     width:100%;
     float:left;
     margin:0;
    z-index: 9999;
    position: relative;
}
 .car{
     width:100%;
     float:left;
     margin:0 
}
 .info{
     float:left;
     font-size:16px;
     color:#fff;
     margin:2% 1% 
}
 .info img{
     width:170px 
}
 .banner-ind{
     background:url(/web-images/banner_1.jpg) 50% 0 no-repeat fixed;
     color:#fff;
     margin:0 auto;
     padding:0;
     background-size:cover;
     height:350px;
     position:relative 
}
 .banner-ind::before{
     background:url(/web-images/after-section.png) center top repeat-x;
     position:absolute;
     left:0;
     top:-1px;
     right:0;
     content:'';
     height:29px;
     z-index:9 
}
 .tarifs{
     width:100%;
     float:left;
     background-color:#f5f3f3;
     padding:2% 0 
}
 .tarifs h2{
     margin-bottom:1px;
     color:#6d6d6d!important;
     font-size:28px!important;
     padding:.5% 1%;
     float:left;
     width:98%;
     border-radius:8px 0 0 0;
     margin-top:0;
     text-align:center;
     text-transform:initial!important 
}
 .tarifs ul{
     list-style:none outside none;
     margin:0 0 2% 0;
     padding:0 0 1% 0!important;
     width:100%;
     float:left 
}
 .tarifs hr{
     background:url(/web-images/points.png) center bottom repeat-x;
     clear:both;
     height:10px;
     border:0!important;
     width:64%;
     margin-left:18%;
     margin-bottom:2% 
}
 .tarifs ul .item{
     display:block;
     background-image:inherit;
     float:left;
     font-size:13px;
     margin:1px 1%;
     padding:3px 1%;
     width:48%;
     background-color:#ececec;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     -ms-box-sizing:border-box;
     box-sizing:border-box;
     min-height:65px 
}
 .tarifs ul .item .titre{
     margin:0;
     font-size:16px;
     color:#6d6d6d 
}
 .tarifs ul .item .text{
     margin:0;
     padding:0;
     color:#6d6d6d 
}
 .tarifs ul li span{
     float:right;
     font-weight:bold;
     color:#6d6d6d 
}
 .actu{
     width:98%;
     float:left;
     border-bottom:1px dashed #ccc;
     padding:1%;
     margin-bottom:2%;
     background-color:#f7f7f7f2 
}
 .actu .imgAct{
     width:20%;
     float:left 
}
 .actu .imgAct img{
     width:100%;
     border:1px solid #ccc 
}
 .actu .txtAct{
     float:left;
     width:78%;
     margin:.5% 1% 2% 1% 
}
 .actu .txtAct h2{
     font-size:19px;
     margin:5px 0 5px 0;
     color:#275d9c;
     font-weight:600 
}
 .actu hr{
     border:0;
     margin:20px 0;
     border-bottom:1px dashed #ccc 
}
 .actu .txtAct h3{
     font-size:17px;
     color:#040404;
     margin:0 ;font-weight: 500;
}
 .actu .txtAct h4{
     font-size:16px;
     color:#040404;
     margin:0 ;font-weight: 500;
}
 .actu .txtAct p,.actu .txtAct a,.txtAct ul{
     font-size:16px;
     color:#6b6b6b;
     text-align:justify;
     margin:8px 0;
     font-weight:300 
}
 .fb{
     color:#3b5998;
     cursor:pointer;
     text-decoration:none;
     float:right;
     margin-right:4%;
     margin-top:10px 
}
 footer{
     clear:both;
     width:1200px;
     margin:0 auto;
     padding:0 0 2% 0 
}
 footer .logo{
     float:left;
     margin:2.5% 1% 0 1%;
     text-align:center 
}
 footer .logo img{
     max-width:280px 
}
 footer .adresse{
     float:left;
     margin:1% 1% 2% 1% 
}
 footer .adresse p{
     color:#1f1f1f;
     font-size:15px;
     margin:0;
     text-align:left;
	     margin-left: 550px;
    margin-top: 20px;
}
 footer .liens{
     float:right;
      margin-top:15px;
     margin-right: 75px
}
 footer nav{
     width:100%;
     float:left;
     clear:both;
     border-top:1px dashed #ccc 
}
 footer nav br{
     display:none 
}
 footer nav ul{
     float:left;
     z-index:99999999;
     margin:0;
     padding:0 
}
 footer nav ul li{
     display:inline;
     float:left;
     list-style:none outside none;
     margin:0;
     padding:0 
}
 footer nav ul li a{
     color:#000;
     float:left;
     padding:5px 13px;
     margin:0;
     font-weight:400;
     font-size:12px;
     text-decoration:none;
     text-transform:uppercase;
     -webkit-transition:all .5s;
     -moz-transition:all .5s;
     -o-transition:all .5s;
     -ms-transition:all .5s;
     transition:all .5s 
}
 .signature{
     width:100%;
     text-align:center;
     font-size:12px;
     margin:0;
     float:left;
     background-color:#010002;
     padding:5px 0 
}
 .signature a{
     text-decoration:none;
     background-repeat:no-repeat;
     background-position:right center;
     padding:2px 20px;
     color:#fff 
}
.signature2{width:100%;text-align:center;font-size:10px;margin:0;float:left;background-color:#969696;padding:5px 0;}
.signature2 a{text-decoration:none;background-repeat:no-repeat;background-position:right center;color:white;}
 .mention-legale{
     text-decoration:none;
     background:none!important;
     padding:2px 5px 1px 5px;
     color:gray 
}
 .slicknav_menu{
     display:none 
}
.cadre {
    padding: 10px 20px 20px;
    background-color: #d8edf5;
    margin: 20px 10px;
     width: 45%;
	display: inline-grid;
    min-height: 250px;
}
.cadre2 {
    padding: 30px 30px 30px;
    background-color: #f1f1f1;
    margin: 50px 0;
     width: 70%;
	    line-height: 30px;
}
.cadre3 {
    padding: 20px 20px 20px;
    background-color: #d8edf5;
    margin: 20px 10px;
     width: 20%;
	display: inline-block;
    line-height: 30px;
	border: 1px solid #90a528;
}
}


#test
{
	-webkit-column-count:3; /* Opera, Safari, Google Chrome */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Internet Explorer */
	   /* max-width: 1200px;*/
	    margin: 2% 15% 0 20%;
}
#test2
{
	-webkit-column-count:3; /* Opera, Safari, Google Chrome */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Internet Explorer */
	   /* max-width: 1200px;*/
	width: 100%;
}

#tester{
	margin-right: 30%;
	margin-left: 30%;
}
 @media screen and (max-width:1267px){
     .cadre{
         width:90% 
    }
	  }
 @media screen and (max-width:1200px){
     header,footer{
         width:100% 
    }
     section{
         width:100% 
    }
     .vgcenter{
         width:100% 
    }
     .col-idx{
    }
	 #test
	{
	-webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */

	}

}

@media screen and (max-width:1150px){

	header .logo img{width:250px}
	}
@media screen and (max-width:1100px){

	header .logo img{width:200px}
	.nav ul>li a {font-size: 13px;}
	}
 @media screen and (max-width:992px){
	  .slicknav_menu{
     display:block; 
}
     .isStuck{
         display:none; 
    }
     .js #menu{
         display:block; 
    }
     .js .slicknav_menu{
         display:block;
         position:absolute;
         top:0;
         z-index:999;
         width:100%;
         
    }
     nav a br{
         display:none 
    }
     .page{
         margin-top:10px 
    }
     .galerie{
         margin-top:50px 
    }

     .vg{
         margin-top:47px!important 
    }
	  .hd{
         display:none; 
    }
	 .cadre2{
         width:90% 
    }
	
}
 @media screen and (max-width:990px){
     .col-idx p{
         width:98% 
    }
	 .img3{max-width: 32%;

}
}
 @media screen and (max-width:875px){
     .vg{
         margin-top:0;
         margin-bottom:2% 
    }
     .vignette{
         width:100%;
         float:left;
         margin:.2% 0;
         padding:5px 0 
    }
     .vignette img{
         display:none 
    }
     .vignette p{
         padding:0;
         height:inherit 
    }
     .cherry_parallax1{
         display:none 
    }
	  #test
	{
	-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* Internet Explorer */

	}
	 footer .logo img{
         display:none 
    }
	 footer .adresse p{
         margin-left:50px ;margin-top:50px
    }
	 .actu .imgAct img {display:none}
	 .actu .txtAct {    width: 95%}
}
 @media screen and (max-width:750px){
    .cadre3{
         width:45%;

    }
	 
	 .col2{
         float:left;
         width:98% 
    }
     .tarifs ul .item{
         width:98%;
         min-height:inherit 
    }
	  #test
	{
	-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* Internet Explorer */

	}

}
 @media screen and (max-width:600px){
     .col-text{
         width:100%;
         padding:2% 
    }
     .col-img{
         width:96%;
         margin:2%;
         display:none 
    }
     .galerie-container a{
         width:96%!important 
    }
	
}
#loader-content {
    border-radius: 163px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    width: 160px;
    height: 160px;  
}

.loader-logo,
#loader-circle {
    position: absolute;
}

.loader-logo {
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: -16%;
}

.loader-logo img {
    width:70%;
}