body, html {margin: 0;width: 100%;height: calc(100% - 40px);background-color: #f0f0f0}

ul {list-style-type: none;padding: 0}

a {text-decoration: none}

.hidden {display: none}

.dib {display: inline-block}

.bg-blue {background-color: #234081}

.bg-grey {background-color: #f0f0f0}

.white {color: #fff}

.bleu {color: #234081}

i.bleu {font-weight: 700}

.raleway {font-family: Raleway, sans-serif}

.mt0 {margin-top: 0}

.tac {text-align: center}

body {padding: 0}

.page {padding-top: 40px;width: 100%;height: 100%;}

aside {height: calc(100% - 80px);width: 315px;box-shadow: 0 10px 10px rgba(107, 107, 107, .39);display: inline-block;vertical-align: top;margin-left: 50px;position: fixed}

main {margin-top: 50px;position: relative}

aside .titre {font-family: "Myriad Pro";font-weight: 700;font-size: 2.7em;margin-bottom: 0;margin-top: 34px;line-height: .93em;letter-spacing: 1px;padding-top: 32px}

.titre-top {    font-family: "Myriad Pro";
    font-weight: 700;
    font-size: 2.7em;
    margin-bottom: 0;
    line-height: .93em;
    letter-spacing: 1px;
    color: #234080!important;
    display: none;
    text-align: center;
    margin-top: 40px;
}

.titre-top a {color: #234080!important;}

aside .titre a {color: #fff}

hr {margin-top: 0;width: 67px;margin-top: 0}

nav {font-size: .8em;margin-bottom: 50px;margin-top: 70px}

nav li {margin: 15px 0 27px 0}

nav li a {width: 40%;display: block;margin: auto;padding: 10px 35px;color: #234081}

.current, nav li a:hover {background: #fff;color: #234081;font-weight: 700}

.footer-nav a, footer nav a {color: #fff}

.footer-nav a:hover {text-decoration: underline}

.puces-diapo i {font-size: 2.5em;margin-top: 20px}

.footer-nav {font-size: .8em;margin-top: 50%;padding-bottom: 40px}

.footer-nav i {font-size: 3em}

main {/*display: inline-block;*/border: 20px solid #234081;min-height: 100%;box-sizing: border-box;margin-left: 50px;margin-top: 0;box-shadow: 0 10px 10px rgba(107, 107, 107, .39);width: calc(100% - 475px);margin-left: 430px;margin-bottom: 30px}
body:not(.home) main {padding: 50px;}
main.noborder {border: 0;text-align: center}

.diapo {width: 1300px;position: relative;/*height: 440px;overflow: hidden*/}

/*.diapo .fa-circle.active, .diapo .fa-circle:hover {cursor: pointer;color: #234080}

.diapo img {width: 100%;position: absolute}*/

.owl-carousel-home {text-align: center;}
.owl-carousel-home .item {background-size: cover; background-position: center; height: 410px; background-repeat: no-repeat; margin: 0;}
.owl-carousel-home .owl-dots {background-color: #ffffff; display: inline-block; padding: 5px 20px; box-shadow: 0px 6px 9.4px 0.6px rgba(107, 107, 107, 0.39); margin-top: 0!important;  transform: translateY(-17px); z-index: 9999; position: relative;}
.owl-carousel-home .owl-dot {vertical-align: middle; outline: 0;}
.owl-carousel-home .owl-dot span {background: transparent!important; border: 2px solid #234081; margin: 5px 10px!important;}
.owl-carousel-home .owl-dots .owl-dot.active span, .owl-carousel-home .owl-dots .owl-dot:hover span {background: #234081!important;}

.puces-diapo {background: #fff;box-shadow: 2px 5px 20px rgba(0, 0, 0, .6);position: absolute;z-index: 2;height: 30px;margin: auto;position: absolute;left: 40%;top: 385px;text-align: center; }

.puces-diapo i {font-size: 1em;margin: 5px 15px;cursor: pointer;}

section {text-align: center}

main section a {color: #234080;font-weight: 700}

section h1 {color: #234080;font-size: 45px;margin-bottom: 0;font-family: Baskerville;font-weight: 700}

section h2 {color: #234080;margin-top: 0;font-size: 26px;font-family: Baskerville}

.plus {position: absolute;bottom: 10px;right: 10px;border: 3px solid #234081;font-size: 4em;color: #234080;line-height: .8em;cursor: pointer;padding: 0 10px;font-weight: 700}

.plus:hover {background: #234080;color: #fff}

.projet_thumb {display: inline-block;width: 360px;height: 226px;border: 7px solid #234080;margin: 17px;position: relative; background-position: center; background-size: contain;}

.projet_thumb img {width: 100%;height: 100%}

.projet_over {position: absolute;width: 100%;height: 100%;background: rgba(255, 255, 255, .7);top: 0;left: 0;display: none}

.projet_over h3 {font-family: Baskerville;font-weight: 400;color: #234080;font-size: 1.7em;font-weight: 400;margin-top: 75px}

.projet_over span {font-size: 1.05em;color: #000}

.projet-desc {width: 100%}

.slider {position: relative;height: auto;width: 100%;text-align: center;overflow: hidden;margin-bottom: 5px}

.slider-thumb img {height: 130px;vertical-align: top;margin: 3px;cursor: pointer;opacity: .6}

.slider-thumb img:first-of-type {opacity: 1}

.slider-thumb img:hover {opacity: 1}

.projet-content {margin-top: 50px;text-align: left;box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);padding: 15px}

.projet-content h1 {margin-top: 10px}

.projet-info {font-size: 1.4em}

.projet-info p {width: 33%;display: inline-block}

.projet-info strong {color: #234080;font-family: Baskerville}

.contact, .coord {text-align: center;width: 50%;vertical-align: middle}

.coord {font-size: 1.3em;background-color: #234080;width: 30%;margin-right: 15%;padding-top: 20px;padding-bottom: 20px;color: #fff}

.coord a {color: #fff;text-decoration: underline}

.contact {text-align: left;padding: 50px 0 0}

.contact span {width: 100px;display: inline-block;margin-bottom: 0}

.zone_text {text-align: left;width: 50%;padding: 5px 0;width: 100px}

.iText:focus {border-left: 5px solid #234080;border-right: 5px solid #234080;transition: .2s;padding-right: 0;padding-left: 0}

.zone_text textarea {border: 1px solid #234080;width: 640px;display: inline-block;font-size: 1.1em;padding: 10px;height: 150px}

.zone_text textarea:focus {border-left: 5px solid #234080;border-right: 5px;transition: .2s}

.contact input[type=submit] {background-color: #234080;color: #fff;font-size: 1.5em;font-weight: 400;font-family: Raleway, sans-serif;padding: 8px 50px;border: 0;transition: all .2s;cursor: pointer;text-align: center}

.contact input[type=submit]:hover {background-color: #4360a0}

#f_contact p {margin-bottom: 0}

#f_contact input {width: 100%;box-sizing: border-box}

.menu-toggle {display: none;z-index: 10}

#close {background: #fff;padding: 10px;cursor: pointer;color: #234080}

.coord, iframe {vertical-align: middle}
/*.map-coord { display: none;}*/
.map-coord { width: 100%;}
.map-form { display: none}
@media screen and (min-width: 1200px) {
    .coord {margin-right: 5%}

    /*.diapo {width: 100%}

    .diapo img {top: 0 !important}*/

    p.zone_text {width: 95%}

    .zone_text textarea {width: 100%}
}


@media screen and (max-width: 1200px) {
    aside {width: 230px}

    nav {margin-top: 30px}

    nav li {margin: 15px 0}

    main {width: calc(100% - 405px);margin-left: 370px}

    /*.diapo {width: 100%}

/*    .diapo img {top: 0 !important}

    .puces-diapo {left: 15%}*/

    .plus {bottom: 30px}

    main {margin-left: 310px;width: calc(100% - 330px)}

    .projet-content img {width: 100%}

    .zone_text {width: 94%}

    .zone_text textarea {width: 100%}

    .coord { margin-right: 5%;}
}

@media screen and (max-width: 930px) {
    .contact, .coord, iframe {width: 100%}

    nav li {margin: 10px 0 0 0}

    main {margin-left: 270px;width: calc(100% - 300px)}

    /*.puces-diapo {top: 300px}*/

    aside {margin-left: 10px}

    .slider img {width: 100%;}

    .projet-info p {width: 100%}

    .coord {width: 100%;vertical-align: middle}

    section h1 {margin-top: 0}

    .zone_text, .zone_text textarea {width: 100%;box-sizing: border-box}
}

#close, .menu-toggle {display: none}
@media screen and (max-width: 900px) {
    aside {height: auto; position: absolute;}
}
@media screen and (max-width: 700px) {
    aside {right: 0; margin-left: 0; z-index: 10;height: auto; display: none; min-height: 100vh; top: 0;}
    aside .titre {margin-top: 74px;}
    nav li a {padding: 15px 40px;}

    body:not(.home) main {padding: 50px 2%;}

    nav {margin-top: 20px}

    nav li {margin-bottom: 10px}

    .menu-toggle {position: absolute;top: 10px;right: 0; z-index: 9999; padding: 20px;text-align: center;background: #234080;color: #fff;font-size: 3em;display: block}

    #close {display: block}

    main {margin-left: 0;width: 100%}

    main img {max-width: 100%}

    .page {margin-top: 0;padding-top: 20px;width: 100%}

/*    .diapo {height: 360px}*/

    .projet_thumb {width: 100%}

    .titre-top {display: block;}
}

@media screen and (max-width: 600px) {
/*    .slider {max-height: 300px;height: auto}

    .slider img {display: none}

    .slider img:first-of-type {display: block}

    .diapo {height: 270px}*/

    .projet-info p {width: 100%}

    nav {height: auto}

    .footer-nav {display: none}

    .projet_thumb {margin: 0 0 20px 0}

    /* main {margin-top: 50px} */
}

@media screen and (max-width: 500px) {
    .puces-diapo i {margin: 5px 10px}
}

@media screen and (max-width: 400px) {
    main {padding: 40px 20px}

    .puces-diapo {top: 180px}

    .puces-diapo i {margin: 0 5px}

    aside {z-index: 10}

    .page {width: 100%;height: 100%;}

    main {margin-left: 0;width: 100%}
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}