/*********************************/
/**********Style de base**********/
/*********************************/
body {
    font-family: 'Muli', sans-serif;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    font-size: 16px;
}
p {
    color: #75777c;
}
a {
    color: #000;
}
.container,
.row {
    position: relative;
}
.btn-default {
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
#tab_vente_return:hover,
.btn-default:hover, 
.btn-default:focus, 
.btn-default.focus, 
.btn-default:active, 
.btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #2a2a2a;
    border-color: #2a2a2a;
}
h1, .h1 {
    position: relative;
    font-size: 24px;
    padding: 20px 10px 0 0;
    margin-bottom: 5px;
    margin-top: 0;
    color: #2a2a2a;
    font-weight: 700;
    text-transform: uppercase;
}
h1,
.h1 {
    background-color: #fff;
}
h2 {
    position: relative;
    font-size: 20px;
    font-weight: 700; 
    text-transform: uppercase;
}
h3 {
    font-size: 21px;
    color: #2a2a2a;
    font-weight: 700;
    position: relative;
}
#page_interne h1 {
    font-size: 25px !important;
    margin-bottom: 40px;
    margin-top: 40px;
    border-left: 4px solid;
    padding-left: 15px;
}
#page_interne h2 {
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 19px;
    color: #a3a3a3;
}
#page_interne h3 {
    font-size: 18px;
    margin-top: 30px;
    color: #a3a3a3;
}
#page_interne .table {
    margin-top: 22px;
}
a:hover, a:focus {
    color: #484848;
    text-decoration: none;
}
.lead {
    margin-bottom: 0;
    color: #fff;
}
p.small {
    color: #fff;
    font-size: 180%;
    margin-top: 10px !important;
}
#tab_comp {
    width: 100%;
}
span.size-small {
    font-size: 9px;
}
.block {
    display: block;
}
.chapeau {
    background-color: rgba(255, 255, 255, 0);
    padding: 15px 20px;
    border: 1px solid rgba(83,72,72,0.3);
    font-size: 110%;
}
main.container-fluid {
    /*padding-top: 150px;*/
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 0;
}
main:before {
    /*content: "" !important;
    position: absolute;
    display: block !important;
    height: 150px;
    width: 100%;
    background: url("../images/illustration.jpg") center top no-repeat;
    background-size: cover;
    top: 225px;
    left: 0;
    z-index: -1;*/
}
#illustration-bandeau {
    height: 175px;
}
#intitule-client {
    position: relative;
    top: -60px;
    border: 15px solid rgba(212, 207, 207, 0.3);
    z-index: 2;
    text-align: center;
    max-width: 650px;
    margin: auto;
}
#intitule-client h1,
#intitule-client .h1 {
    margin-bottom: 18px;
}
/*************************/
/*******mutualisÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©*********/
/*************************/
.texte h1, .texte .container {
    width: auto;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
h1:after {
    background-color: #fff;
}
#strate-presentation h1,
#page_interne h1,
#strate-domaine h3,
#strate-horaires h3 {
    font-size: 21px;
}
/*h1,
#strate-horaires h3,
#strate-domaine h2 {
    padding-top: 25px;
}*/
#missions a:hover,
#services a:hover {
    text-decoration: none;
}
#missions a:hover h2,
#missions a:hover h2 strong{
    color: #fff;
}
#missions a:hover h2,
#services a:hover h2 {
    background-color: #fff;
}
#services [class^="icon-"],
#missions [class^="icon-"] {
    width: 65px;
    line-height: 63px;
    height: 65px;
    color: #fff;
    background-color: #515151;
    text-align: center;
}
#services [class^="icon-"]:before,
#missions [class^="icon-"]:before {
    font-size: 35px;
}
/************************************/
/*modules : couleurs non mutualisÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©es*/
/************************************/

/******Jeux-concours*************/
#list_rglt a {
    color: #000;
}
/******saisie immo***************/
.tab_enchere_immo li,
.tab_enchere_immo a,
.tab_enchere_immo p {
    color: #000;
}
.tab_enchere_immo li:before {
    background-color: #000;
}
/*************************/
/**********Header*********/
/*************************/
#header-top {
    padding-top: 10px;
}
#header-top a {
    color: #2a2a2a;
}
/****************************************/
/*****************Brand******************/
/****************************************/
.navbar-brand {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    float: none;
}
#mention {
    color: #fff;
    font-size: 16px;
}
/*logo dÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©fault*/
.icon-marianne-profil:before {
    font-size: 115px;
    color: #fff;
}
/*logo client*/
#logo-client.navbar-brand img {
    /* max-width: 120px; */
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    /* width: 200px; */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#logo-client img,
.navbar-brand .icon-marianne-profil {
    margin-bottom: 15px;
}
.navbar-brand .lead {
    line-height: 1em;
    font-weight: bold;
    font-size: 1em;
}
.navbar-name {
    color: #fff;
    align-items: center;
    justify-content: baseline;
    margin-top: 10px;
    margin-left: 0;
    height: auto;
}
.navbar-name .accroche {
    text-align: center;
}
/****************************************/
/*****************Menu*******************/
/****************************************/
.navbar-default {
    background-color: transparent;
}
.mn-sidebar .mn-toggle {
    display: none;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}
#sidebar-wrapper, #vertical-nav > li >.dropdown-menu {
    min-width: 240px;
}
#vertical-nav {
    margin: 0;
    padding: 0;
    color: #668b9e;
}
#vertical-nav p {
    color: #668b9e;
}
#vertical-nav li {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}
#vertical-nav .dropdown-menu li {
    border-bottom: 1px solid #dce6eb;
}
#vertical-nav li a {
    display: block;
    padding: 15px 18px 15px 50px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
    white-space: nowrap;
    position: relative;
}
#vertical-nav li a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 35px;
    top: 50%;
    margin-top: -2px;
}
#vertical-nav .dropdown-toggle a:hover:before, 
#vertical-nav .dropdown-toggle a:focus:before{
    background-color: #ffa64c;
}
#vertical-nav .dropdown.open li a:before{
    width:0;
}
#vertical-nav > li >.dropdown-menu {
    height: 101vh;
    background: #fff;
    opacity: 0.;
}
#vertical-nav > li > .dropdown-menu a {
    border-color: #ddd;
}
#vertical-nav > li:hover > a:after {
    border-left-color: #fff;
}
#vertical-nav > li.pull-left {
    float: none;
}
#vertical-nav > li.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu {
    border-radius: 0;
}
.dropdown.open{
    background-color:#fff;
}
.dropdown-menu.block {
    padding: 0;
}
.mn-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 260px;
    margin-left: -10px;
    border-right: 1px solid #e7e7e7;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 4;
}
.dropdown-menu.parent {
  margin-top: -1px;
}
.navbar-toggle {
    float: left;
    background-color: #ddd;
    position: fixed;
    top: 0;
    left: 10px;
    z-index: 4;
}
.navbar-toggle.open {
    left: 280px;
}
/* Slide in animation */
@-moz-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
    }
    @-webkit-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
    }
    @keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
    }
    @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
    }
    @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
    }
    @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
}
/* Slide side menu*/
/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
.mn-sidebar.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.smooth{
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.body-slide-in {
    left: 260px;
    overflow-x: hidden;
}
.body-slide-in:after {
    content: "";
    position: fixed;
    top: 0;
    left: 260px;
    bottom: 0;
    right: 0;
    background: #000;
    -webkit-transition: left 300ms,opacity 300ms;
    transition: left 300ms,opacity 300ms;
    opacity: 0.5;
    z-index: 3;
}

#bloc-adresse .tab-content{
    padding:2rem 0;
    min-height: 195px;
}
/*Breakpoint pour menu vertical seulement*/
@media only screen and (min-width : 768px) {
    .navbar-header {
        width: 300px;
    }
    .navbar-brand {
        position: fixed;
        height: 260px;
        width: 240px;
        top: 0;
        left: 0;
        z-index: 1001;
    }
    #sidebar-wrapper {
        z-index: 1000;
        position: fixed;
        top: 0 !important;
        left: 300px;
        height: 100%;
        margin-left: -300px;
        background-color: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .mn-sidebar {
        position: static;
        width: auto;
        padding-top: 260px;
        overflow: visible;
        background-color: #f6f5f5;
    }
    #vertical-nav > li >.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: -1px;
        padding-top: 240px;
    }
    .dropdown {
        position: static;
    }
    #bottom-sidebar-infos {
        display: block;
    /*    -webkit-animation-name: opacity;*/
    /*    animation-name: opacity;*/
    /*    -webkit-animation-duration: 5s;*/ /* Chrome, Safari, Opera */
    /*    animation-duration: 5s;*/ /* Chrome, Safari, Opera */
    }
    /* Chrome, Safari, Opera */
    @-webkit-keyframes opacity {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @keyframes opacity {
        from {opacity: 0;}
        to {opacity: 1;}
    }
}
/********************************/
/********Strate modules*********/
/*******************************/
#strate-modules {
    padding: 15px;
    background-color: #f7f7f7;
    box-shadow: 0 -1px 7px #ccc;
    border-top: 5px solid #fff;
}
#strate-modules a {
    display: block;
    color: #484848;
    font-size: 12px;
    text-align: center;
}
#strate-modules [class^="col"] {
    margin-bottom: 15px;
}
#strate-modules [class^="icon-"]:before {
    font-size: 65px;
    color: #777;
}
#strate-modules .lead {
    display: inline-block;
    position: relative;
    padding: 5px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #484848;
}
#strate-modules .lead:after {
    transition: all 0.1s ease;
}
#strate-modules .text {
    display: none;
}
/********************************/
/*********Strate domaines********/
/*******************************/
#strate-domaine {
    color: #2a2a2a;
    padding: 15px;
    position: relative;
    z-index: 3;
}
#strate-domaine [class^="col"] {
    margin-bottom: 35px;
    text-align: center;
}
#strate-domaine [class^="icon-"]:before {
    font-size: 55px;
}
#strate-domaine h3 {
    text-align: center;
    margin-bottom: 30px;
}
#strate-domaine p {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.6px;
}
#strate-domaine span {
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 4px;
    padding: 2px;
    margin-bottom: 10px;
}
/********************************/
/*******strate actualitÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©s********/
/*******************************/
#strate-actualite h2 {
    text-transform: none;
}
/********************************/
/*********strate horaires********/
/*******************************/

#strate-horaires {
    position: relative;
    z-index: 2;
    color: #2A2A2A;
    /* padding: 15px 15px 35px 15px; */
}
#strate-horaires h3 {
    padding-top: 0;
}
#strate-horaires p {
    margin-bottom: 0;
    margin-top: 15px;
}
/********************************/
/**********Page missions********/
/*******************************/
#missions a {
    display: block;
    position: relative;
    max-width: 500px;
    color: #484848;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
    height: 200px;
}
#missions [class^="icon-"] {
    top: 8px;
    left: 0;
    z-index: 2;
}
#missions h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
    margin-top: 20px;
    padding: 5px 25px 5px 75px;
    border: 1px solid #515151;
    height: 80px;
    letter-spacing: -1px;
}
#missions span {
    position: absolute;
}
/********************************/
/**********Page services********/
/*******************************/
#services [class^="col"] {
    margin-bottom: 30px;
}
#services a {
    display: block;
    text-align: center;
}
#services [class^="icon-"] {
    display: inline-block; 
    margin-bottom: 10px;
}
#services h2 {
    padding: 5px 5%;
    text-align: center;
    margin-top: 0;
    font-size: 16px;
}
#services p {
    display: none;
}
/***************************************************************/
/********Styles pour les pages de rÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©dactionnel******************/
/***************************************************************/
.texte {
    position: relative;
    padding: 10px 25px 35px 25px;
    min-height: 300px;
}
/**Changement de l'ordre du flux dans les pages intÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©rieures*/
#page_interne main {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
#page_interne #illustration-bandeau {

}
#page_interne .texte {


}
#page_interne nav {

    margin-top: 0;
}
#page_interne #strate-horaires {

}
#strate-presentation {
    padding: 15px;
    margin: auto;
    max-width: 768px;
    text-align: center;
    position: relative;
    margin-top: -45px;
}
#strate-presentation p {
    margin-bottom: 25px;
}
#page_interne h1 {
    margin-bottom: 25px;
}
#page_interne .texte p a:hover {
    text-decoration: none;
    opacity: 0.7;
}
[class^="icon-"] {
    position: relative;
    display: block;
}
[class^="icon-"]:before {
    position: relative;
    transition: all 0.2s ease;
    z-index: 1;
}
a[class^="icon-"]:hover:before {
    background-color: #88ba66;
    color: #fff !important;
}
/*************************/
/**********Footer*********/
/*************************/
#liens_footer {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #515151;
}
#liens_footer * {
    color: #dfdfdf;
}
#footer ul {
    margin-bottom: 5px;
    padding: 0;
}
#footer li {
    list-style: none;
    margin: 0.5em 0;
}
#footer span {
    display: block;
}
#footer li:before {
   display:inline-block;
   content:'';
   height:8px;
   width:8px;
   background-color: #2e2e2e;
   margin-right: 1rem;
}
#footer .container {
    width: 100%;
}
.modal-backdrop {
    display: none;
}
.modal {
    background: rgba(0,0,0,0.5);
}
/*************************/
/*****Google map**********/
/*************************/
#map-wrapper {
    position: relative;
    height: 300px;
}
#link-map_custom {
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#map {
    width: 100%;
    height: 530px;
    border: 1px solid;
    margin-top: 10px;
}
#map_custom {
    width: 100%;
    height: 100%;
}
.gm-style > div:first-child {
    cursor: pointer !important;
}
/*************************/
/*****bloc-adresse********/
/*************************/
#bloc-adresse address,
#bloc-adresse p {
    text-align: left;
    position: relative;
    padding-left: 25px;
}
#bloc-adresse .glyphicon {
    position: absolute;
    left: 0;
    top: 0;
}
/*************************/
/******Breakpoints********/
/*************************/
@media only screen and (min-width:320px) {
    #footer img{
        max-width:100px;
        margin: auto;
    }
     #footer .logo{
         margin-bottom: 30px;
         line-height:1;
     }
}
@media only screen and (min-width:480px) {
    #dem_constat ul {
        margin: 0 auto;
        width: 320px;
    }
    #strate-modules [class^="col"] {
        height: 115px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #strate-domaine [class^="col"] {
        height: 115px;
    }
}
@media only screen and (min-width:768px) {
    /*body:after {
        content: "";
        position: absolute;
        height: 260px;
        top: 0;
        left: 300px;
        right: 0;
        background: url("../images/illustration.jpg") center top no-repeat;
        background-size: cover;
    }*/
    main:before {
        display: none !important;
    }
    main.container-fluid{
        min-height: 300px;
        padding-right: 0;
    }
    main.container-fluid{
        padding-left: 240px;
    }
    #illustration-bandeau {
        height: 260px;
    }
    .lead {
        font-size: 15px;
    }
    .padding-custom {
        padding-top: 40px;
    }
    .margin-left-custom {
        margin-left: 85px;
    }
    .navbar-nav {
        padding-top: 10px;
    }
    #strate-modules .lead {
        clear: both;
    }
    #strate-horaires p {
        margin-top: 15px;
    }
    #missions a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 33%;
        background-color: #fff;
        width: 1px;
        height: 40px;
    }
    #services p {
        display: block;
        max-width: 460px;
        margin: auto;
    }
    #services a {
        height: 250px;
    }
    #footer{
        padding-left: 240px;
    }
    #footer img{
        max-width:150px;
        width: 100%;
    }
     #footer .logo img{
         max-height:100px;
     }

    #contenu {
        position:relative;
        margin: 0 auto;
    }
    #strate-modules [class^="col"] {
        height: auto;
    }
    #footer [class^="col"] {
        text-align: left;
    }
    /*.navbar-brand {
        padding: 35px 15px 15px 15px;
        z-index: 1001;
        text-align: center;
    }*/
    #logo-client {
        height: 260px;
    }
    .navbar-default {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 220px;
        height: 200px;
        margin: 0;
        z-index: 5;
    }
    #sidebar-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 190px;
        height: 100%;
        z-index: 1;
        margin: 0;
    }
    .mn-sidebar {
        position: static;
        padding-top: 290px;
    }
    #competence2017 #tab_comp_nationale, 
    #competence2017 #tab_comp_locale {
        height: 320px;
    }
    #liens_footer,
    #adresse_horaires{
        display:flex;
        width: 100%;
        /* padding: 1rem; */
    }

    #bloc-adresse{
        width:50%;
        display: flex;
        background-color: #efefef;
        flex-direction: row;
        padding: 1rem;
    }
    #etude_01{
        width:50%;
    }
    #footer .container .row {
       display:
       flex;
       align-items: center;
    }
}
@media only screen and (min-width:992px) {
    .padding-custom-2 {
        padding-top: 40px;
    }
    .mb-custom {
        margin-bottom: 22px;
    }
    #missions a {
        padding-bottom: 65px;
    }
    #strate-domaine [class^="col"] {
        height: 100px;
    }
    #page_accueil #strate-modules .text {
        display: block;
    }
    #strate-modules [class^="col"] {
        height: 175px;
    }
    #competence2017 #tab_comp_nationale, 
    #competence2017 #tab_comp_locale {
        height: 260px;
    }
    #competence2017 [id^="tab_comp_"].container-fluid [class^="col-"]:first-child:after {
        right: 0;
    }
}
@media only screen and (min-width:1300px) {
    #footer .container {
       max-width: 1170px;
    }
    #footer [class^="col"] {
        /* margin-top: 10px; */
    }

    #services a {
        height: 200px;
    }
    #competence2017 [id^="tab_comp_"].container-fluid [class^="col-"]:first-child:after {
        right: 30px;
    }
}
@media only screen and (min-width:1400px) {
    #adresse_horaires > section{
        padding: 4rem 1rem 4rem 6rem;
    }
    #liens_footer{
        padding: 4rem 2rem;
    }
    .navbar-brand,
    #sidebar-wrapper {
        width: 300px;
    }
    .mn-sidebar {
        padding-top: 330px;
    }
    #footer{
        padding-left: 300px;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .bloc-text {
        padding-top: 110px;
    }
    #list_com table#tab_comp, 
    #list_com table#tab_comp tbody, 
    #list_com table#tab_comp tr, 
    #list_com table#tab_comp td {
        width: 100% !important;
        display: block;
    }
    .container {
        width: 100%;
    }
    /*Corectif plan d'accÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨s*/
    .directions,
    .directions > tbody,
    .directions > tbody > tr,
    .directions > tbody > tr > td {
        width: 100%;
        display: block;
    }
    form .row [class^="col"]:first-child + [class^="col"] {
        margin-bottom: 0;
    }
    #bloc-adresse {
        width: 100%;
        max-width: none;
    }
    #map-wrapper {
        display: none;
    }
    .navbar-brand {
        height: 225px;
    }
}
@media only screen and (max-width: 1200px) {
    #bloc-adresse address,
    #bloc-adresse p,
    #strate-horaires p{
        font-size: 13px;
    }
    footer h3,
    footer #strate-horaires h3{
        font-size:16px;
    }
}
@media only screen and (max-width: 992px) {
    form .row .col-sm-12:first-child  {
        margin-bottom: 15px;
    }
    div#page-services span {
        display: none;
    }
    #form_dem_constat .row [class^="col"] {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    #strate-modules [class^="icon-"] {
        float: none;
    }
    #missions [class^="col"] {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1500px) {
    #strate-modules .container, #strate-domaine .container {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #contact .row > div,
    .texte #steps + div {
        width: 100%;
        margin-left: 0;
    }
}
/*Max-height breakpoint*/
@media only screen and (max-height: 1000px) {
    #vertical-nav li a {
        padding-top: 12px;
        padding-bottom: 9px;
    }
    #bottom-sidebar-infos {
        border-top: none;
    }
}
@media only screen and (max-height: 970px) {
    #bottom-sidebar-infos #block-hour {
        display: none;
    }
}
@media only screen and (max-height: 800px) and (orientation: landscape) {
    .navbar-brand {
        padding-top: 15px;
        height: 150px;
    }
    #logo-client {
        height: 185px;
    }
    #logo-client.navbar-brand>img {
        max-width: 90px;
        margin-top: 0;
    }
    .icon-marianne-profil:before {
        font-size: 75px;
    }
    .theme-18 #sidebar-wrapper {
        top: 0 !important;
    }

}
@media only screen and (max-height: 550px) and (orientation: landscape) {
    .theme-18 #sidebar-wrapper {
        top: 0 !important;
    }
    .mn-sidebar {
        padding-top: 185px;
    }
}