/*--------- [RESET] ---------*/
* { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; }
@font-face {    font-family: 'NeutraText-BookAlt';    src: url('fonts/NeutraText-BookAlt.eot');    src: local('☺'), url('fonts/NeutraText-BookAlt.woff') format('woff'), url('fonts/NeutraText-BookAlt.ttf') format('truetype'), url('fonts/NeutraText-BookAlt.svg') format('svg');    font-weight: normal;    font-style: normal;}




/*--------- [ FORMULAIRES ] ---------*/
label, input[type=submit]{ cursor:pointer; -webkit-appearance:none; }
input:not([type=submit]), textarea, select { vertical-align:middle; font-family:arial; background:#fff; border:1px solid #ececec; }
input:not([type=submit]) { padding:5px 10px;  }
textarea { padding:10px;}
input[type=submit] { }
input::-webkit-input-placeholder {  opacity:1; color:#000}
input::-moz-placeholder {  opacity:1; color:#000}
input:-ms-input-placeholder {  opacity:1; color:#000}
input.hide { text-indent: -9999px; text-transform:capitalize; }
/*--------- [ LIENS & BOUTONS ] ---------*/
a { text-decoration:none; color:#000;}
a:hover {  }

/*--------- [ EFFETS ] ---------*/
.trans03s {  transition: all 0.3s ease;}
.fadeIn { -webkit-transform:translateZ(0); transition:opacity 0.3s ease; }
.fadeIn:hover { opacity:0.8; }
.rgba { background-color: rgba(0, 0, 0, 0.8); }

/*********************[CONTENU]****************************/
body { font:100%/1.3 'Open Sans',Arial, Verdana, sans-serif; color:#000; font-size:13px; background:#16a0bd; text-align: center}
header { background:#fff;}

.hlogo { line-height: 0; padding:20px 10px;}

#main { color:#fff; font-size:14px; line-height:25px; font-weight: 300; letter-spacing: 1px; padding:0 10px 15px;}
#main h1 { font-size:21px; font-weight: 600; padding:29px 0 20px;}
#main strong { font-weight: 600}
#main a { color:#fff; font-weight: 600;}
#main a:hover { text-decoration: underline}
#main .visuel { padding:29px 0 17px}
#main .visuel img { max-width: 100%;}
#main .end { letter-spacing: 0;}



    /*********************[RESPONSIVE]****************************/
@media all and (max-width:767px) {
    #main br { display: none}
}