@charset "UTF-8";
/* CSS Document */
.wrapper{ width: 100%;}

header{ height: auto; background: none; position: static;}
header .logo{ width: auto; height: auto; display: block; float: left; margin: 20px;}
header .logo img{ display: block; border: none; width: 120px;}

header nav{ display: none;}

header .showMenu{ display: block; float: right; margin: 30px 20px 0 0;}
header .showMenu a{ display: block; color: #e64945; font-size: 40px;}

header nav.phoneNav{ width: 100%; padding: 0; font-size: 15px; float: none; margin: 0;}
header nav.phoneNav ul{ margin: 0; padding: 0; list-style-type: none;}
header nav.phoneNav ul li{ display: block; margin: 0; float: none; height: auto; line-height: normal;}
header nav.phoneNav ul li+li{ border-top: solid 1px rgba(0,0,0,0.3);}
header nav.phoneNav ul li a{ height: auto; text-align: center; padding: 10px 20px;}
header nav.phoneNav ul li a:hover{ background: none; color: #000;}
header nav.phoneNav ul.subMenu{ display: block; position: static; left: 0; top: 0; margin: 0; padding-top: 0; width: 100%; border-bottom: none; font-family: 'robotolight'; font-size: 12px;}
header nav ul.subMenu li{ height: auto;}
header nav ul.subMenu li a{ width: 100%; height: auto; line-height: normal; padding: 5px 0; text-align: center;}


.coverHeader{ height: 100px;}
.path{ font-family: 'robotolight'; font-size: 12px; left: 10px;}
.path a{ padding: 0 3px;}
.path a:after{ padding: 0 2px;}



section{ padding: 20px 10px; padding-bottom: 150px;}
h1{ font-size: 20px; width: 100%;}

/*home*/
.home p{ width: auto; font-size: 15px;}
.features{ margin-top: 0;}
.features .featureItem{ width: 100%; float: none; margin-top: 65px;}
.features .content{ height: auto; background: #FFF; padding: 75px 0;}
/*end of home*/

/*cible*/
.cible .padding10{ padding: 0;}
.cibleItem{ width: 100%; float: none;}
.cibleItem+.cibleItem{ margin-top: 10px;}
.cibleItem .content{ padding: 10px 5px;}
/*end of cible*/

/*dancePlans*/
.dancePlans .plan{ width: 100%; float: none; padding: 10px; box-sizing:border-box; position: relative;}
.dancePlans .plan a.planLink h2{ display: block; text-align: center; border-bottom: none; margin: 10px 0 0 0;}

.dancePlans .planItem{ position: static;}
/*end of dancePlans*/

/*galerie*/
.galerie .one_fourth{ width: 100%; float: none;}
.galerie .galerieItem{ display: block; width: 100%; height: auto; background: #FFF; border: solid #DDD 1px; box-sizing:border-box; padding: 5px; position: relative;}
.galerie .galerieItem img{ display: block; width: 100%;}
.galerie .galerieItem .tranparentHover{ width: 0px; height: 0px; position: absolute; top: 80px; left: 120px; background: rgba(230,73,69,0.6); text-align: center; overflow: hidden; 
    transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
}
.galerie .galerieItem .tranparentHover .espace{ height: 50%;}
.galerie .galerieItem .tranparentHover i{ font-size: 50px; color: #FFF; position: relative; bottom: 20px;}
.galerie .galerieItem:hover .tranparentHover{ width: 100%; height: 100%; top: 0; left: 0;}
/*end of galerie*/

/*pricePlans*/
.pricePlans{ margin: 0; padding: 0;}
.pricePlans .plan{ width: 100%; float: none; padding: 0px; margin: 10px 0;}
.pricePlans h2{ width: 100%; margin: 0 0 10px 0; padding: 13px 0; font-size: 17px;}
.pricePlans .planChild{ padding: 10px; font-size: 13px;}
.pricePlans h3{ font-size: 20px; text-align: center; margin: 0 0 10px 0;}
.pricePlans h4{ font-size: 15px; font-family: 'roboto_condensedregular';}
.pricePlans .planTable{width: 100%; border-spacing : 0; border-collapse : collapse; margin-bottom: 20px;}
/*end of pricePlans*/



/*floatList*/
.floatList{ text-align: left; margin: 0; padding: 0 0 0 15px;}
.floatList li{ width: 100%; float: none; padding: 10px 0;}
.floatList li:before{left: -17px;}
/*end of floatList*/

/*simpleList*/
.simpleList{ text-align: left; margin: 0; padding: 0 0 0 15px;}
.simpleList li:before{left: -17px;}
/*end of simpleList*/

/*Photos*/
.photos{ margin: 20px 0; text-align: center;}
.photos img{ display: block; margin: 0; max-width: 100%; box-sizing:border-box;}
.photos img+img{ margin-top: 5px;}
/*end of Photos*/


.imgLeft{ float: none; margin: 10px 0; max-width: 100%;}



.one_half{ width: 100%; float: none;}
.one_third{ width: 100%; float: none;}
.two_third{ width: 100%; float: none;}
.one_fourth{ width: 50%; float: left;}

footer{  width: 100%; height: auto; line-height: normal;}
.leftFooter{ float: none;}
.rightFooter{ float: none; text-align: center;}
footer .logo{  margin: 10px;}
footer .logo img{ width: 90px;}
.copyright{ margin: 10px 0 0 105px; line-height: 20px; font-size: 11px;}
footer .social{ margin: 20px 0;}
footer .social .facebook{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; margin-left: 3px;}
footer .social .facebook:hover{ background: #3b5998}
.atlascript{ font-size: 10px;}
.atlascript a:hover{ color: #e64945}