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

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

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;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Centrage de tout les éléments */
html, body { font-family: Helvetica, sans-serif;margin:0 auto; background: url('../img/background.jpg') top left;width: 100%;height: 100%; }
a, a:visited, a:focus {outline: none;}
#container { height: 100%;width: 100%;z-index: -200;}
.l980 {width: 980px;margin:0 auto; }

#contact {height: 155px;padding-top: 30px;background:#54eac2;}
    #contact_gauche {position: relative; left:0px;}
    input[type=text]{ color: #222222; height: 24px; width: 228px; font-size:12px;padding-left: 10px;text-decoration: none;background-repeat: repeat-x;border-radius: 5px; border:#bfc6c8 3px double;}

    ::-webkit-input-placeholder  { color:#bfc6c8; }
    input:-moz-placeholder { color:#bfc6c8; }
    textarea:-moz-placeholder { color:#bfc6c8; }
    .error:-moz-placeholder {color: #d91b5c;}
    .error::-webkit-input-placeholder {color: #d91b5c;}

        #nom {position: absolute;top: 0px;}
        #prenom {position: absolute;top: 45px;}
        #email {position: absolute;top: 90px;}
    #contact_centre {position: relative; left:260px;width:360px;}
    textarea {font-size:12px;padding-left: 10px;text-decoration: none;background-repeat: repeat-x;border-radius: 5px; border:#bfc6c8 3px double;}
        #message {position: absolute;top: 0px; width:360px;height: 70px;padding-left: 10px;padding-top: 5px}
        #button_envoyer {font-family: Helvetica, sans-serif;position: relative;top:95px;border: none;text-align: center;font-size:14px;
            background: url('../img/bt_contact.png') no-repeat 0px 0px;width: 89px;height:29px;cursor:pointer;color: #FFF;margin:auto;}
        #button_envoyer:hover {background: url('../img/bt_contact.png') no-repeat 0px -30px;}
    #contact_droite {position: relative; left:620px;background: url('../img/contact.png');width: 404px;height: 136px;top:-32px;}
        #coordonnees_contact {position: absolute;left:65px;top :25px;width:255px;font-size: 13px;}

#header_trait {border-top: 3px solid #54eac2}
#header {top:0px;width:100%;height: 109px;background: url('../img/header_fond.png') repeat-x;}
    #logo_header {position: relative; top:20px;left:20px;width:175px; height:62px;background: url('../img/logo_header.png') no-repeat; }
    .barre_separation{position: relative;left:225px; top:-62px;width:1px;height: 96px;background: url('../img/separateur.png') no-repeat;}
    #header_attente_site {position: relative; left: 270px; width:180px;  top:-138px; font-size: 14px;color: #FFF; text-transform: uppercase;}
  
    .reseau {position: relative; display:inline-block;  margin-top:10px; width: 36px; height: 36px; }

    #fb { background : url('../img/reseau3.png') no-repeat 0px 0px; left:10px;}
    #fb:hover {background : url('../img/reseau3.png') no-repeat 0px -36px}
    #tw { background : url('../img/reseau3.png') no-repeat -36px 0px; left:25px;}
    #tw:hover {background : url('../img/reseau3.png') no-repeat -36px -36px}
    #vm {background : url('../img/reseau3.png') no-repeat -72px 0px;left:40px;}
    #vm:hover {background : url('../img/reseau3.png') no-repeat -72px -36px}

    #header_envoyer_mail {position: relative;left:680px;width:200px; top:-305px;  font-size: 14px;color: #FFF; text-transform: uppercase;}
    #newsletter {position: relative;top:-25px; left:200px;width:55px;height:70px;background : url('../img/newsletter.png') no-repeat}
    #bouton_contact {position: relative;width:  32px;top:-110px; left:266px;height: 26px;background: url('../img/arrow_contact.png') no-repeat;}

#content {margin-top: -10px;top:0px;width: 100%;height: 800px;}
    #titre {position: relative;margin:auto 3px;top: 20px;font-family: Raleway, Helvetica, sans-serif;font-size: 48px;  text-align: left; width: 100%}
    /* Navigation */
    .arrow {position:absolute;top:220px;}
    .arrow a {display: inline-block; background: url("../img/control.png") no-repeat; width: 75px;height: 87px;text-indent: -7000px;}
    /* back arrow */
    .back {float: left;left: 0px;}
    .back a { background-position: left top; }
    .back a:hover { background-position: -75px 0px; }
    /* forward arrow */
    .forward { float: right;right: 0px;}
    .forward a { background-position:  0px -87px; }
    .forward a:hover { background-position: -75px -87px; }
    #visionneuse {position:relative;top:-143px}
    #shadow {position: relative;width: 1005px;height: 140px;top:470px;left:-14px;background: url('../img/shadow.png') no-repeat ;}
    #control {position: relative;top:-90px;}
    #nav {position: absolute;top:0px;right:0px;}
    .bouton_nav {display: inline-block;text-decoration: none;margin-left: 22px ;height: 11px;width: 11px;background: url('../img/puce.png') no-repeat -11px 0px;}
    .bouton_nav_select {background: url('../img/puce.png') no-repeat 0px 0px;}
    #div_titre_video {top:0px;margin:auto auto;text-align: center;width: 100%}
    #titre_video {font-size: 16px;text-transform: uppercase;}
    .entour_titre {padding: 0px 20px;}
    
#footer {position: absolute; top:900px; min-height:200px;height: auto; bottom:0;width:100%;background: url('../img/footer.jpg') repeat; border-top: 1px solid #54eac2; border-bottom: 1px solid #54eac2;}
    #info {position:relative;display: inline-block; width: 524px;height: 186px;left:0px;top:0px;background: url('../img/footer_info.png') top left no-repeat;}
    #titre_info {position: relative;margin: 0px 24px;top: 14px;text-transform: uppercase;font-size: 14px;color: #1a171b; }
   
    #coordonnees {position:relative;display:inline-block;float: right; top:13px;font-size: 13px;color: #bfc6c8; left:-95px;text-decoration: none;}
    #logo_bas {position: relative;float:right;width:94px;height:116px;top:-8px;left:360px;background: url('../img/logo_bas.png')  no-repeat ;}
    .align_droit {text-align: right;width: 350px;}
   
#description_info {position: relative;margin: 0px 17px;top: 30px;font-size: 12px;color: #bfc6c8;}

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

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

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

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

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

.discret {
    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;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   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;
    }
}