/* http://meyerweb.com/eric/tools/css/reset/

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}



*{

    box-sizing: border-box;

    font-size:1em;

    vertical-align: bottom;

}



.controls {

    text-align: left;

    position: relative;

}



.controls input[type="text"],

.controls input[type="email"],

.controls input[type="tel"],

.controls textarea,

.controls button,

.controls select {

    padding: 5px;

    font-size: 11px;

    border: 1px solid #c6c6c6;

    width: 100%;

    max-width: 205px;

    margin-bottom: 10px;

    margin-right: 15px;

    color: #888;

    font-family: 'Lato', 'sans-serif';

    font-weight: 300;

    background-color: #fff;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.controls input[type="text"]:focus, .controls input[type="text"]:hover,

.controls input[type="email"]:focus,

.controls input[type="email"]:hover,

.controls input[type="tel"]:focus,

.controls input[type="tel"]:hover,

.controls textarea:focus,

.controls textarea:hover,

.controls button:focus,

.controls button:hover,

.controls select:focus,

.controls select:hover {

    outline: none;

    border-color: #9FB1C1;

}

.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,

.controls input[type="email"]:focus + label,

.controls input[type="email"]:hover + label,

.controls input[type="tel"]:focus + label,

.controls input[type="tel"]:hover + label,

.controls textarea:focus + label,

.controls textarea:hover + label,

.controls button:focus + label,

.controls button:hover + label,

.controls select:focus + label,

.controls select:hover + label {

    color: #077ABC;

    cursor: text;

}

.controls .fa-sort {

    position: absolute;

    right: 10px;

    top: 17px;

    color: #999;

}

.controls select {

    -moz-appearance: none;

    -webkit-appearance: none;

    cursor: pointer;

}

.controls label {

    position: absolute;

    left: 5px;

    top: 7px;

    color: #999;

    font-size: 11px;

    display: inline-block;

    padding: 0 10px 4px;

    font-weight: 400;

    background-color: rgba(255, 255, 255, 0);

    pointer-events: none;

    -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;

    -o-transition: color 0.3s, top 0.3s, background-color 0.8s;

    -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;

    transition: color 0.3s, top 0.3s, background-color 0.8s;

}

.controls label.filled {

    top: -7px;

    color: #555;

    background-color: white;

}

.controls textarea {

    resize: none;

    height: 200px;

}

.controls button {

    cursor: pointer;

    background-color: #07B3A1;

    border: none;

    color: #fff;

    padding: 12px 0;

}

.controls button:hover {

    background-color: #08ccb7;

}





section.top{

    height: 95px;

    width: 980px;

    margin: auto;

    padding-top: 18px;

}



header{

    width: 100%;

    height: 275px;

    background-image: url('/website/views/layouts/images/header-informations.jpg');

    background-position: center center;

    background-size: cover;

    border-top: 5px solid #00b4ff;



}





div#error-messages {

    background-color: #e87273;

    color: white;

    margin-bottom: 20px;

    padding: 0 25px;



}





/*#error-messages > div.form-error:first-child {

    padding-top: 10px;

}



#error-messages > div.form-error:last-child {

    padding-bottom: 10px;

}*/



h1{

    display: block;

    margin: auto;

    width: 980px;

    color : #ffffff;

    padding-top: 100px;

    font-size: 36px;

}



h2{

    font-size: 36px;

    color:#00b4ff;

    margin-top : 50px;

    text-align: center;

}



h3 {

    font-size: 14px;

    font-weight: bold;

    color:#00b4ff;

    margin-top : 25px;

    margin-bottom: 40px;

    text-align: center;

}



h4{

    font-size : 14px;

    font-weight: bold;

    color:#0084b2;

    border-bottom: 1px solid #dedede;

    padding: 0 25px 20px 25px;

    margin: 0 -25px;

}



h5{

    font-size: 12px;

    color: #00b4ff;

    margin-top: 15px;

}



fieldset{

    min-height: 100px;

    width: 100%;

    display: inline-block;

    vertical-align: bottom;

    margin-top: 15px;

}



fieldset.coordonnees{

    max-width: 448px;

    border-right: 1px solid #dedede;

}



fieldset.sites{

    max-width: 251px;

    padding-left: 23px;

    border-right: 1px solid #dedede;

}



fieldset.horraire{

    max-width: 228px;

    padding-left: 23px;

}



div.half{

    width: 50%;

    float: left;

}



.container{

    max-width: 980px;

    margin: auto;

}



section.annuaire, section.survey{

    width: 100%;

    background-color: #f8f8f8;

    padding: 20px 25px 20px;

    border: 1px solid #dedede;

    margin-bottom: 20px;

}



#horraire {

    height: 133px;

    margin-bottom: 10px;

}



.description h5{

    margin-bottom: 15px;

}



.description input[type="text"], .description textarea{

    max-width: 100%;

}



.description textarea{

    height: 100px;

}



.description .note{

    font-size: 11px;

    color:#acacac;

}



section.survey p{

    margin-top: 15px;

    font-size: 11px;

    color: #acacac;

    margin-bottom: 10px;

}



section.survey h5{

    margin-bottom: 10px;

}



section.survey textarea,section.survey input[type="text"] {

    max-width: 100%;

}



section.survey textarea{

    height: 80px;

}



section.survey a, input[type="submit"]{

    background-color: #0084b2;

    color: #ffffff;

    text-decoration: none;

    text-align: center;

    padding: 5px 10px;

    border-radius: 5px;

    margin-top: 10px;

    display: inline-block;

}



input[type="submit"][disabled]{

    background-color: #d3d3d3;

}



input[type="submit"]{

    float: right;

    border: 0px solid white;

    cursor: pointer;

    margin-bottom: 30px;

}



.send-success img, .send-error img{

    display: block;

    margin: 20px auto 0;

}



.send-success h1, .send-error h1{

    font-size: 16px;

    color: #0084b2;

    text-align: center;

    margin-top: 55px;

    padding: 0;

    font-weight: bold;

}



.send-error h1{

    color:red;

}



.send-success p, .send-error p{

    font-size: 14px;

    color: #acacac;

    margin-top: 55px;

    text-align: center;

}



.send-success p.thanks, .send-error p.thanks{

    margin: 55px 0 30px;

}