@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kaushan_scriptregular';
    src: url('../fonts/kaushanscript-regular-webfont.woff2') format('woff2'),
         url('../fonts/kaushanscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.blackWindow{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:3000; display:none;}
.blackWindow .espace{ height:50%}
.blackWindow .loading{width: 40px; margin: auto; position: relative; z-index: 3600;}
.blackWindow .loading .loader{width: 40px; height: 40px; line-height: 40px; text-align: center; margin: auto; position: absolute; top: -20px; color: #FFF; font-size: 25px;}
.blackWindow .loading img{ display: block; position: absolute; top: -15px;}
.blackWindow .imgBlock{ margin:auto; position:relative; border:solid #FFF 3px; background: #FFF; width: 0; height: 0;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.blackWindow .imgBlock .nav{ width: 100%; height: 30px; position: absolute; left: 0;z-index: 3500; display: none;}
.blackWindow .imgBlock:hover > .nav{ display:block;}
.blackWindow .imgBlock .nav div{ width: 30px; height: 30px; line-height: 30px; background: #000; text-align: center; font-size: 25px; color: #FFF; cursor: pointer; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.blackWindow .imgBlock .nav .next{ float: right;}
.blackWindow .imgBlock .nav .previous{float: left;}
.blackWindow .close{ width: 25px; height: 25px; line-height: 25px; text-align: center; background: #000; cursor:pointer; position:absolute; top:-15px; right:-15px; color: #FFF; font-size: 20px; border: solid 2px #FFF; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
body >.blackWindow {position:fixed}


html{ height: 100%;}
body{ margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: justify; color: #696969; background: #eeeeee; min-height: 100%; position: relative;}
header, section, footer, article, aside{ display:block;}
a{ color: inherit; text-decoration: none;
    transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
}

h1, h2, h3, h4, h5{ font-weight: normal; font-family: 'roboto_condensedregular';}


.wrapper{ width: 100%; margin: auto; position: relative;}

header{ width: 100%; height: 210px; background: url(../img/bgHeader.png) no-repeat center, rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; z-index: 1000}
header .logo{ display: block; width: 212px; height: 110px; margin: auto; margin-top: 20px;}
header .logo img{ display: block; border: none;}

header nav{ width: 800px; margin: auto; margin-top: 20px; font-family: 'roboto_condensedregular'; font-size: 19px; text-transform: uppercase; color: #000; border-top:solid 1px #e64945; border-bottom:solid 1px #e64945; text-align: center;}
header nav ul{ list-style-type: none; margin: 0; padding: 0;}
header nav ul li{ display: inline-block; position: relative; height: 45px; line-height: 45px;}
header nav ul li+li{ margin-left: 28px;}
header nav ul li a{ display: block; height: 45px; padding: 0 15px;}
header nav ul li a:hover, header nav ul li a.activ{ background: #e64945; color: #FFF;}

header nav ul.subMenu{ display: none; position: absolute; left: 0; top: 45px; margin: 0; padding-top: 14px; text-transform: none; font-size: 13px; width: 200px; height: auto; border-bottom: solid 4px #e64945; z-index: 1000;}
header nav ul.subMenu li{ display: block; float: none; margin: 0; height: 30px; background: rgba(255,255,255,0.7);}
header nav ul.subMenu li+li{ border-top: solid #505050 1px;}
header nav ul.subMenu li a{ display: block; width: 180px; height: 30px; line-height: 30px; padding: 0 10px; text-align: left;}
header nav ul.subMenu li a:hover{ background: #000; color: #FFF;}
header nav ul li:hover > .subMenu{ display: block;}


header .showMenu{ display: none;}
header nav.phoneNav{ display: none;}



.bannerBlock{ width: 100%; height: auto; margin: auto; position: relative;}
.bannerBlock .banner{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.bannerBlock .placeHolder{  width: 100%; visibility: hidden;}
.bannerBlock .banner .item{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.bannerBlock .banner .item+.item{ display: none;}
.bannerBlock .banner .item img{ display: block; width: 100%; height: 100%;}
.bannerBlock .dots{ width: 100%; position: absolute; bottom: 10px; text-align: center;}
.bannerBlock .dots a{ display:inline-block; width:16px; height:16px; background: #FFF; border: solid 3px #e64945; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;}
.bannerBlock .dots a+a{ margin-left:5px;}
.bannerBlock .dots a:hover,.bannerBlock .dots a.current{ background: #e64945; border: solid 3px #FFF;}
.bannerBlock .arrows{ width: 100%; position: absolute; top: 51%;}
.bannerBlock .arrows a{ display: block; color:#FFF; font-size: 50px; margin: 0 13px;}
.bannerBlock .arrows a.previous{ float: left;}
.bannerBlock .arrows a.next{ float: right;}
.shadowBanner{ width: 100%; height: 13px; background: url(../img/shadowBanner.jpg) center no-repeat, #FFF;}


.coverHeader{ width: 100%; height: 310px; background: url(../img/blurBanner.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative;}
.path{ font-family: 'roboto_condensedregular'; font-size: 15px; color: #FFF; position: absolute; left: 30px; bottom: 33px;}
.path a{ display: block; float: left; height: 26px; padding: 0 10px;}
.path span{ padding: 0 10px; text-shadow:0 0 10px #000; -webkit-text-shadow:0 0 10px #000; -moz-text-shadow:0 0 10px #000; -o-text-shadow:0 0 10px #000;}
.path a:hover{ color: #e64945;}
.path a:after{ color: #FFF; content: ">"; padding: 0 10px;}
.path a+a{ padding-left: 0;}



section{ padding: 30px; padding-bottom: 150px;}

article p{ margin: 0;}
article p+p{ margin-top: 20px;}
article+article{ margin-top: 35px;}

h1{ font-family: 'kaushan_scriptregular'; font-size: 40px; text-align: center; color: #e64945; width: 400px; margin: auto; margin-bottom: 30px; padding: 0; border-top: solid 1px #000; line-height: normal; border-bottom: solid 1px #000; line-height: normal;}
h2{ display: inline-block; color: #000; font-size: 25px; margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: dashed 1px;}
h3{ color: #000; font-size: 19px; margin: 15px 0 7px 0;}
h4{ font-size: 19px; margin: 0 0 7px 0; font-family: 'robotolight'; color: #e64945;}


/*home*/
.home{ margin-top: 30px;}

.home p{ text-align: center; width: 950px; margin: auto; font-size: 18px;}
.home p+p{ margin-top: 25px;}

.home p.phone{ color: #AAA; font-size: 14px; font-style: italic;}
.home p.phone .number{ color: #e64945}

.features{ margin-top: 100px;}
.features .featureItem{ width: 20%; float: left; padding: 7px; box-sizing:border-box;}
.features .content{ width: 100%; height: 380px; background: #FFF; position: relative; text-align: center; padding-top: 75px;}
.features .icon{ width: 100%; height: 116px; position: absolute; top: -58px;}
.features .icon img{ display: block; width: 116px; height: 116px; margin: auto; background: #000; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; overflow: hidden;}
.features h2{ color: #e64945; font-size: 21px; margin: 0 0 13px 0; padding: 0; border: none; display: block;}
.features .sepBorder{ width: 40px; margin: auto; border-top: solid 3px #696969;}
.features p{ width: 100%; margin-top: 13px; font-size: 14px; padding: 0 20px; box-sizing:border-box;}
.features .readMore{ width: 100%; text-align: center; position: absolute; bottom: 20px; left: 0;}
.features .readMore a{ display: inline-block; background: #e64945; color: #FFF; padding: 6px 14px; text-transform: uppercase; border: solid 1px #e64945;}
.features .readMore a:hover{ background: #FFF; color: #e64945;}
/*end of home*/


/*cible*/
.cibleItem{ width: 25%; float: left; box-sizing:border-box;}
.cibleItem .content{ background: #FFF; padding: 20px;}
.cibleItem h3{color: #e64945; font-size: 21px; margin: 0 0 13px 0; text-align: center;}
.cibleItem .sepBorder{ width: 40px; margin: auto; border-top: solid 3px #696969;}
.cibleItem p{ margin: 13px 20px 0 20px; font-size: 14px; text-align: center;}
/*end of cible*/

/*dancePlans*/
.dancePlans{list-style-type: none; margin: 0; padding: 0;}
.dancePlans .plan{ width: 50%; height: auto; float: left; padding: 10px; box-sizing:border-box; position: relative;}
.dancePlans .plan a.planLink{ display: block; background: #FFF; border:solid #CACACA 1px; padding: 5px; position: relative;}
.dancePlans .plan a.planLink img{ display: block; width: 100%;}
.dancePlans .tranparentHover{ width: 0px; height: 0px; position: absolute; top: 50%; left:50%; 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;
}
.dancePlans .tranparentHover .espace{ height: 50%;}
.dancePlans .tranparentHover i{ font-size: 50px; color: #FFF; position: relative; bottom: 20px;}
.dancePlans .planLink:hover .tranparentHover{ width: 100%; height: 100%; top: 0; left: 0;}

.dancePlans .planItem{ display: none; min-height: 100%; position: absolute; left: 100%; top: 0; width: 100%; background: #FFF; margin: 10px 5px 10px 0; padding: 10px; border:solid #CACACA 1px; box-sizing:border-box; z-index: 1000;}
.dancePlans .planItem .content{ width: 100%; height: 100%; position: relative;}
.dancePlans .planItem h2{ margin: 0 0 10px 0;}
.dancePlans .planItem .close{ display: block; width: 30px; height: 30px; line-height: 30px; background: #e64945; color: #FFF; text-align: center; font-size: 25px; position: absolute; top: 0; right: 0;}

.dancePlans .plan:nth-child(2n+2) .planItem{ left: -100%;}
/*end of dancePlans*/

/*pricePlans*/
.pricePlans{ list-style-type: none; margin: 0; padding: 0;}
.pricePlans .plan{ width: 50%; float: left; padding: 15px; box-sizing:border-box;}
.pricePlans .planContainer{ background: #FFF;}
.pricePlans h2{ width: 100%; margin: 0 0 10px 0; padding: 13px 0; font-size: 25px; color: #FFF; background: #e64945; text-align: center;border-bottom: none;}
.pricePlans .planChild{ padding: 10px; font-size: 15px;}
.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;}
.pricePlans .planTable td{ padding: 3px; border: solid #dfdfdf 1px; text-align: left;}
.pricePlans .planTable td+td{ text-align: right;}
/*end of pricePlans*/

/*galerie*/
.galerie .one_fourth{ box-sizing:border-box;}
.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*/

/*contact*/
.contact .map{ width: 100%; height: 400px; margin-bottom: 30px;}
.contact .map iframe{ width: 100%; height: 100%;}
.contact h2{ font-family: 'roboto_condensedregular'; text-transform: uppercase;  font-size: 17px; margin: 0 0 10px 0;}
.contact h3{ color: #e64945; font-family: 'robotolight';}
.contact input{ border:solid #dfdfdf 1px; width:100%; padding:10px 15px; box-sizing: border-box;}
.contact textarea{border:solid #dfdfdf 1px; width:100%; padding:10px 15px; height:100px; box-sizing: border-box; margin-top: 20px;}
.contact input[type="submit"]{background:#e64945; color:#FFFFFF;  border:none; margin:10px 0; padding:5px 15px; font-size:12px; width: auto; float: right;}
/*End of contact*/


/*floatList*/
.floatList{ list-style-type: none;}
.floatList li{ width: 33%; float: left; position: relative; padding: 10px 20px; box-sizing:border-box;}
.floatList li:nth-child(3n+4){ clear: both;}
.floatList li:before{content: ''; font-family: 'FontAwesome'; font-size: 14px; color: #e64945; position: absolute; left: 3px;}
/*end of floatList*/

/*simpleList*/
.simpleList{ list-style-type: none;}
.simpleList li{ position: relative; padding: 5px 0; box-sizing:border-box;}
.simpleList li:before{content: ''; font-family: 'FontAwesome'; font-size: 14px; color: #e64945; position: absolute; left: -15px;}
/*end of simpleList*/


/*Accordeon*/
ul.accordeon{ list-style-type:none; margin:20px 0 0 0; padding:0;}
ul.accordeon .accordeonLi{ margin:0; padding: 0; }
ul.accordeon .accordeonLi+.accordeonLi{ margin-top: 4px;}
ul.accordeon .accordeonLi a.accordeonLink{ display: block; font-family: 'roboto_condensedregular'; height: 30px; line-height: 30px; font-size:19px; color:#000; background: #FFF; padding: 0 10px; border: solid #e64945 1px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
ul.accordeon .accordeonLi a.accordeonLink i{ display: block; height: 30px; line-height: 30px; float: right; font-size: 20px; color: #e64945;}
ul.accordeon .accordeonLi a.accordeonLink:hover, ul.accordeon .accordeonLi a.current{ color: #FFF; background: #e64945}
ul.accordeon .accordeonLi a.accordeonLink:hover i, ul.accordeon .accordeonLi a.current i{ color: #FFF;}
ul.accordeon .accordeonItem{ display:none; padding: 10px; margin: 1px 0 5px 0;}
/*End of Accordeon*/

/*Photos*/
.photos{ margin: 20px 0; text-align: center;}
.photos img{ padding: 5px; background: #FFF; display: inline-block; margin: 5px;}
/*end of Photos*/


.sepHorizaontal{ width: 100%; height: 17px; background: url(../img/servicesSepHorizontal.png) no-repeat center; margin: 13px 0;}

.msg_ok{ font-weight:bold; color:#72a132; margin-bottom: 10px;}
.msg_ok i{ font-size: 25px;}
.msg_ko{ font-weight:bold; color:red; margin-bottom: 10px;}
.msg_ko i{ font-size: 25px;}

.requiredField{ background:#dd7171; color:#7d0000;}
.requiredFieldTxt{ color:#cf0000; font-size: 11px; font-weight: bold; display: none;}

.imgFull{ display: block; margin: auto; width: 100%;}
.imgCenter{ display: block; margin: auto;}
.imgLeft{ display: block; float: left; margin: 0 20px 20px 0}

.one_half{ width: 50%; float: left;}
.one_third{ width: 33.33%; float: left;}
.one_fourth{ width: 25%; float: left;}
.two_third{ width: 66.66%; float: left;}


.padding5{ padding: 5px;}
.padding10{ padding: 10px;}
.padding20{ padding: 20px;}
.clear{ clear: both;}


footer{  width: 100%; height: 110px; background: #000; color: #FFF; font-size: 12px; font-family: 'robotolight'; position: absolute; bottom: 0;}
.leftFooter{ float: left;}
.rightFooter{ float: right; text-align: right; margin: 10px 20px;}
footer .logo{ display: block; float: left; margin: 10px 20px;}
footer .logo img{ display: block;border: none;}
.copyright{ margin: 10px 0 0 210px; text-align: left; line-height: 24px;}
footer .social{ margin-bottom: 30px;}
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; margin-right: 15px;}
.atlascript a:hover{ color: #e64945}