/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #2e2c2c;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

ul,ol,p,img,body,h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:normal}

@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('caviar_dreams_bold-webfont.eot');
    src: url('caviar_dreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('caviar_dreams_bold-webfont.woff') format('woff'),
         url('caviar_dreams_bold-webfont.ttf') format('truetype'),
         url('caviar_dreams_bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('caviardreams-webfont.eot');
    src: url('caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('caviardreams-webfont.woff') format('woff'),
         url('caviardreams-webfont.ttf') format('truetype'),
         url('caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
a{color:#556f7b;text-decoration:none}
body{font-family:'Muli', helvetica, arial, sans-serif;}
.content{margin:0 auto;position:relative;max-width:1136px}

.header{margin:0 30px;min-height:56px;border-bottom:2px solid #ccc;}
.header .content{height:100%}
.wrapper{margin:0 30px;}
.footer{margin:0 30px;}
.top-b-box{border-top:2px solid #ccc;}

.main-nav{display:block;padding-top:20px}
.main-nav li{float:left;display:inline-block;margin-right:4.385964912280702%}
.main-nav a{float:left;display:inline-block;color:#595959;text-decoration:none;font-size:1.125em;font-family:'caviar_dreamsregular';text-transform:uppercase}
.main-nav a:hover{color:#040404;}
.main-nav a.act{color:#040404;text-decoration:underline;font-family:'caviar_dreamsbold';}

.lang-nav{display:none;position:absolute;z-index:10;height:56px;right:0;top:0;padding:0 15px;background-color:#2e2c2c;color:#fff;font-size:1.125em;}
.lang-nav a, .lang-nav span{color:#fff;float:left;display:inline-block;padding-top:16px;font-family:'caviar_dreamsregular';}
.lang-nav a{margin:0 9px;cursor:pointer}
.lang-nav a:hover{color:#ccc;}
.lang-nav a.act{color:#fff;cursor:default;font-family:'caviar_dreamsbold';}

.logo-cont{/*min-height:385px;*/margin:4.401408450704225% auto 6.161971830985915%;}
.logo-cont .img{text-align:center;}
.logo-cont .img img{max-width:100%}
.logo-cont h1{margin-top:20px;font-size:1.625em;line-height:1.133333333333333em;text-transform:uppercase;letter-spacing:4px;font-weight:bold;border-top:3px solid #2e2c2c;height:46px}
.logo-cont h2, .logo-cont h3{width:100%;font-size:1em;line-height:1;letter-spacing:2px;text-transform:uppercase;text-align:justify;}
.logo-cont h2 span, .logo-cont h3 span{letter-spacing:1px}

.main-sq-area{margin-left:-16px}
.main-sq-area .square-cont{float:left;width:50%;margin-left:0;}
.main-sq-area .square-cont:first-child{float:right}
.main-sq-area .square-cont .box{width:50%;}
.square-cont{margin-left:-16px;}
.square-cont .box{width:25%;float:left;padding-left:16px;padding-bottom:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.square-cont .box .inner{position:relative;display:block;font-size:1.5em;line-height:1em;text-transform:uppercase;}
.square-cont .box .inner img{opacity:0.01}
.square-cont .box img{width:100%}
.square-cont .box .title{position:absolute;z-index:1;top:50%;left:0;right:0;text-align:center;margin-top:-.5em}
.square-cont .box.box-domain .title, .square-cont .box.box-qui .title{margin-top:-1em}
.box-domain .inner{background-color:#b0afaf}
.box-exp .inner{background-color:#556f7b}
.box-qui .inner{background-color:#595959}
.box-con .inner{background-color:#8fa8b4}
.box-accueil .inner{background-color:#696969}
.box-domain .title{color:#373737}
.box-exp .title{color:#fff}
.box-qui .title{color:#fff}
.box-con .title{color:#383838}
.box-accueil .title{color:#fff}
.square-cont .big-box, .square-cont .map-box{width:100%;float:left;display:block;padding-left:16px;padding-bottom:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.square-cont .big-box .inner{position:relative;display:block;}
.square-cont .big-box img{/*opacity:0.01;*/width:100%}
.square-cont .big-box .label{color:#fff;position:absolute;bottom:0;left:0;right:0;top:51.42857142857143%;}
.square-cont .big-box .label .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#000;filter:alpha(opacity=70);opacity:.7}
.square-cont .big-box .label .title{position:relative;z-index:1;padding:10% 0 0 11.42857142857143%;font-size:2.3125em;text-transform:uppercase}
.square-cont .big-box .label .desc{position:relative;z-index:1;padding:2px 0 0 11.42857142857143%;font-size:0.9375em;}
.square-cont .big-box .label .lnk-ico-plus{position:absolute;z-index:1;bottom:10%;left:11.42857142857143%;font-size:0.9375em;display:none;background:transparent url('../img/ico-plus.png') no-repeat 100% 50%;padding:5px 29px 3px 0}
.square-cont .big-box:hover .label .lnk-ico-plus{display:block}

.lt-ie8 .square-cont .box{display:inline;padding-left:0;}

.square-cont .map-box .inner{width:100%;height:500px;background-color:#f4f3f0;}
.map-box .ifr{width:100%}

.contact-sq-area{margin-left:-16px}
.contact-sq-area .square-cont{float:left;width:50%;margin-left:0;}
.contact-sq-area .square-cont:first-child{}
.contact-sq-area .square-cont .box{width:50%;}

.gal-box{margin-left:-16px}
.gal-box .box{width:25%;float:left;padding-left:16px;padding-bottom:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gal-box .box .inner{position:relative;display:block;border:1px solid #8fa8b4}
.gal-box .box .inner img{width:100%}

.cert-cont{margin-left:-14px;padding:16px 0}
.cert-cont .cert{float:left;display:inline-block;width:33.33333333333333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:14px;}
.cert-cont .cert .inner{position:relative;min-height:144px;display:block;color:#595959;font-size:1.375em;line-height:1.1;text-transform:uppercase;padding:14px 129px 14px 14px;background-color:#bcbcbc;cursor:pointer;}
.cert-cont .cert .inner:hover{color:#fff;background-color:#595959}
.cert-cont .cert img{position:absolute;top:8px;right:8px;border:1px solid #777777;filter:url(filters.svg#grayscale);filter:gray;-webkit-filter:grayscale(1);}
.cert-cont .cert .inner:hover img{filter:none;-webkit-filter:grayscale(0);}

.footer{color:#868686;font-size:12px;padding:16px 0}
.footer .copy{float:left;width:60%}
.footer .tel{float:left;width:40%;text-align:right}

.site-hdr{text-align:center;margin-bottom:16px;border-bottom:3px solid #2e2c2c;}
.site-hdr .hdr{font-size:1.875em;text-transform:uppercase;font-weight:bold;letter-spacing:2px}

.dbl-col-cont{}
.dbl-col-cont .col{width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:4%}
.tab-cont{font-size:12px;letter-spacing:1px;margin-bottom:46px}
.tab-cont .tc-l-r{padding-top:12px}
.tc-l-r .tc-left{float:left;width:90px;}
.tc-l-r .tc-right{margin-left:100px;}
.tab-cont.more-left .tc-left{width:160px;}
.tab-cont.more-left .tc-right{margin-left:170px}
.tc-left{text-align:right;color:#383838;font-style:italic;}
.tc-right{color:#7d7979;}

.txt-hdr{font-size:1.625em;letter-spacing:1px}
.dbl-col-cont .txt-hdr{padding-bottom:10px}
.tab-cont p.tc-right{margin-left:0px;}

.tab-cont a{color:#556f7b;font-weight:bold;border-bottom:1px dashed #556f7b;cursor:pointer;text-decoration:none}
.tab-cont a:hover, a.alink:hover{border-color:#000;color:#000}
a.alink{color:#556f7b;font-weight:bold;border-bottom:1px dashed #556f7b;}

.cont-box{color:#7d7979;font-size:12px}
.cont-box p{padding-top:12px;padding-left:16px}

.colorbhtml{display:none}
.pop-cont{padding:10px}
.pop-cont ul{float:left;display:inline-block;width:50%;font-size:13px;padding:10px 0}
.pop-cont ul li{display:block;margin-bottom:6px;padding-left:12px;background:transparent url('../img/li.gif') no-repeat 2px 7px;}
.pop-cont ul a{color:#556f7b;font-weight:bold;border-bottom:1px dashed #556f7b;}
.pop-cont ul a:hover{border-color:#000;color:#000}
.pop-cont img{max-width:100%}

#rotator{position:relative;}
#rotator .inner{position:absolute;top:0}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width:1024px) {
    .header, .wrapper, .footer{margin:0 16px;}
    .main-nav a{font-size:1em;}
}
@media only screen and (max-width:1023px) {
    body{font-size:0.8em}
    .cert-cont .cert .inner{font-size:1em;word-wrap:break-word;}
    .main-nav a{font-size:0.9375em;}
    /*.main-nav {padding-right:140px;padding-top:10px}*/
    .main-nav li{margin-bottom:6px}
}
@media only screen and (max-width:767px) {
    .dbl-col-cont .col {width:100%;}
}

@media only screen and (max-width:599px) {
    .main-sq-area .square-cont, .contact-sq-area .square-cont{width:100%;}
    .square-cont .box, .gal-box .box{width:50%;}
    .cert-cont .cert{width:100%;padding-top:16px;}
    .cert-cont .cert:first-child{padding-top:0;}
    .lang-nav{top:auto;bottom:-41px;height:38px;font-size:0.9375em}
    .lang-nav a, .lang-nav span {padding-top: 10px;}
    .main-nav {padding-right:0;}
    .tab-cont.more-left .tc-left, .tc-l-r .tc-left{float:none;text-align:left;}
    .tab-cont.more-left .tc-right, .tc-l-r .tc-right {margin-left:10px;margin-top:6px}
    .footer .copy, .footer .tel {width:100%;text-align:left;}
    .main-nav li{width:100%;margin-bottom:10px}
}
@media only screen and (max-width:360px) {
    .contact-sq-area .square-cont .box{width:100%;}
    .contact-sq-area .square-cont .box img{max-width:272px}
    .contact-sq-area .square-cont .box:first-child{text-align:center}
    .logo-cont{margin:30px auto 50px;}
}
@media only screen and (max-width:299px) {
    .main-sq-area .square-cont .box{width:100%;}
    .square-cont .box, .gal-box .box{width:100%;}
    
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.justify {
  text-align: justify;
  word-spacing: -10px;
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}