/***** Général *****/

.wrap{
    width:940px;
    margin: 0 auto;
}

body,
html{
    font-family: "Ubuntu";
    font-weight:400;
}

/* Titres */
h2,
h3{
    text-transform: uppercase;
    font-family: "Ubuntu";
    font-weight:300;
    font-size:48px;
    text-align: center;
}

/* Image de séparation */
.separation{
    display:block;
    margin:0 auto;
}

/* Liens */ 

a{
    text-decoration:none;
    color:white
}

a:hover{
    color:rgba(255,255,255,0.6);
}

/***** Header *****/

header{
    height:760px;
    background-image:url("../img/header.jpg");
    background-position:center center;
    background-size:cover;
    color:white;
    text-transform: uppercase;
}

/* Haut */

header .wrap h1,
header .wrap > p,
header .wrap > a{
    display:inline-block;
    width:auto;
    margin-top:60px;
}

header .wrap > p,
header .wrap > a{
    line-height: 78px;
    vertical-align: top;
    color:rgba(255,255,255,0.6);
    font-weight: 500;
}

header .wrap h1,
header .wrap > p{
    margin-right:30%;
}

/* Tirets */
header .wrap > a span{
    border-bottom: 1px dashed rgba(255,255,255,0.6);
}

/* Lien du haut */
header .wrap > a:hover{
    color:white;
}

/* Alignement */
header .wrap{
    position:relative;
    height:720px;
}

/* Menu */

header .wrap nav{
    position:absolute;
    bottom:0;
    left:0;
    width:940px;
}

header .wrap nav ul li{
    display:inline-block;
    margin-right:82px;
}

header .wrap nav ul li:nth-child(6){
    margin-right:0%;
}

header .wrap ul nav li a{
    font-weight: 500;
}

/***** Présentation *****/

.presentation{
    padding-top:135px;
}

/* Alignement */
.presentation h2,
.presentation section{
    display:inline-block;
}

/* Titre */

.presentation h2{
    width:275px;
    text-align:left;
    margin-right:95px;
    vertical-align: top;
    font-weight:300;
}

.presentation h2 strong{
    font-weight: 500;
}

.presentation h2 span{
    color:#00aaef;
}

.presentation h2 span::before{
    content: "— ";
    color:#00aaef;
}

/* Contenu */

.presentation section{
    width:50%;
}

.presentation section h3{
    font-size:16px;
    font-weight:500;
    text-transform: none;
    text-align:left;
}

.presentation section p,
.presentation section ol li{
    font-weight:400;
}

.presentation section p{
    margin-bottom:100px;
}

.presentation section ol{
    list-style-type: decimal;
}

/* End paragraph */

.presentation section .colle{
    margin-top:40px;
    margin-bottom:0;
    margin-left:0;
    font-weight:500;
}

.presentation .wrap p:last-child{
    margin-left:0;
    font-weight:500;
    margin-bottom:155px;
}

/***** Galerie *****/

.galerie{
    background-color:#eeeeee;
    padding-bottom:110px;
}

/* Titre */
.galerie h2{
    position:relative;
    top:-25px;
    font-weight:300;
}

/* Image de séparation */
.galerie .separation{
    position:relative;
    top:-15px;
    margin-bottom:45px;
}

/* Liste des images */

.galerie .wrap li article img:first-child{
    margin-right:15px;
}

.galerie .wrap li article h3{
    font-weight:700;
    font-size:16px;
    text-align:left;
    text-transform: none;
    margin-top:10px;
    margin-bottom:30px;
}

.galerie .wrap li article h3 span{
    font-weight:400;
    color:#00aaef;
}

/* Bouton */
.galerie button{
    background-color:#00aaef;
    color:white;
    font-size:14px;
    text-transform:uppercase;
    font-family: "Ubuntu";
    font-weight:500;
    padding: 15px 50px 15px 50px;
    border:none;
    height:auto;
    display:block;
    margin:0 auto;
}

/***** Consultation *****/

/* Titre */
.consultation h2{
    position:relative;
    top:-25px;
    font-weight:300;
}

/* Image de séparation */
.consultation .separation{
    position:relative;
    top:-15px;
    margin-bottom:45px;
}

/* Alignement */
.consultation article,
.consultation form{
    display:inline-block;
    vertical-align: top;
    margin-bottom:150px;
}

/* Texte d'introduction */

.consultation article{
    width:49%;
    margin-right:9%;
}

.consultation article h3{
    font-size:32px;
    font-weight:400;
    text-align:left;
    text-transform: none;
    margin-bottom:30px;
}

.consultation article h3 span{
    display:block;
}

.consultation article p{
    line-height:25px;
}

/*** Formulaire ***/


.consultation form input{
    display:block;
    width:380px;
    height:52px;
    border:none;
    background-color:#eeeeee;
    margin-bottom:10px;
    text-align:center;
    font-family:"Ubuntu";
    font-weight:300;
    font-size:14px;
}

/** Placeholders pour les Input**/

/* default */
.consultation form input::placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* chrome, safari, opera */
.consultation form input::-webkit-input-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
}

/* firefox 18- */
.consultation form input:-moz-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* firefox 19+ */
.consultation form input::-moz-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* IE 9+ */
.consultation form input:-ms-input-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/** Bouton submit **/
.consultation form input[type="submit"]{
    background-color:#00aaef;
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:white;
    text-align:center;
}

/***** Testimonials *****/

.testimonials{
    background-color:#eeeeee;
}

/* Titre */
.testimonials h2{
    position:relative;
    top:-25px;
    font-weight:300;
}

/* Image de séparation */
.testimonials .separation{
    position:relative;
    top:-15px;
    margin-bottom:45px;
}

/** Personnes **/

.testimonials .wrap li{
    display:inline-block;
    width:280px;
    margin-left:20px;
    vertical-align: top;
}

.testimonials .wrap li:last-child{
    display:inline-block;
    width:280px;
    margin-left:20px;
    margin-right:20px;
}

/* Mise en page du texte */

.testimonials .wrap li article h3{
    font-size:16px;
    font-weight:700;
    margin-bottom:5px;
    text-transform: none;
}

.testimonials .wrap li article h4{
    font-size:16px;
    font-weight:400;
    margin-bottom:30px;
    text-align: center;
    font-style: italic;
    color:#696973;
}

.testimonials .wrap li article p{
    font-size:16px;
    font-weight:400;
    text-align: center;
}

.testimonials .wrap li article p:last-child{
    margin-bottom:120px;
}

/* Mise en page des images */

.testimonials .wrap li article{
    position:relative;
}

.testimonials .wrap li article .guillemet{
    position:absolute;
    top:50px;
    left:37px;
}

.testimonials .wrap li article .photo{
    display:block;
    margin:0 auto;
    margin-bottom:15px;
}

/***** Contact *****/

/* Titre */
.contact h2{
    position:relative;
    top:-25px;
    font-weight:300;
}

/* Image de séparation */
.contact .separation{
    position:relative;
    top:-15px;
    margin-bottom:100px;
}

/* Alignement */
.contact section,
.contact form{
    display:inline-block;
    vertical-align:top;
    margin-bottom:100px;
}

/* Coordonnées */

.contact section{
    width:300px;
    margin-right:250px;
}

.contact section h3,
.contact section p{
    font-size:24px;
    font-weight:400;
    text-align:left;
    text-transform: none;
    margin-bottom:30px;
    line-height:30px;
}

.contact section p span{
    display:block;
}

/*** Formulaire ***/


.contact form input{
    display:block;
    width:380px;
    height:52px;
    border:none;
    background-color:#eeeeee;
    margin-bottom:10px;
    text-align:center;
    font-family:"Ubuntu";
    font-weight:300;
    font-size:14px;
}

.contact form textarea{
    display:block;
    width:376px;
    height:166px;
    border:none;
    background-color:#eeeeee;
    margin-bottom:10px;
    text-align:center;
    font-family:"Ubuntu";
    font-weight:300;
    font-size:14px;
    padding-top:20px;
    resize:none;
}


/** Placeholders des Input **/

/* default */
.contact form input::placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* chrome, safari, opera */
.contact form input::-webkit-input-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
}

/* firefox 18- */
.contact form input:-moz-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* firefox 19+ */
.contact form input::-moz-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* IE 9+ */
.contact form input:-ms-input-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 


/** Placeholders du Textarea **/

/* default */
.contact form textarea::placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* chrome, safari, opera */
.contact form textarea::-webkit-input-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
}

/* firefox 18- */
.contact form textarea:-moz-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* firefox 19+ */
.contact form textarea::-moz-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/* IE 9+ */
.contact form textarea:-ms-input-placeholder {
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:#393939;
    text-align:center;
} 

/** Bouton submit **/
.contact form input[type="submit"]{
    background-color:#00aaef;
    font-family:"Ubuntu";
    font-weight:500;
    font-size:14px;
    text-transform: uppercase;
    color:white;
    text-align:center;
}

/***** Footer *****/

footer{
    height:540px;
    background-image:url("../img/footer.jpg");
    background-position:center center;
    background-size:cover;
    color:white;
    text-transform: uppercase;
    text-align:center;
}

/* Logo */
footer h2{
    position:relative;
    top:230px;
}

/* Copyright */
footer p{
    position:relative;
    top:378px;
}