div.cms ul li {
    width: 100%;
    padding: 2px 0 2px 25px;
    list-style: url(/public/images/disc-puce.png) inside;
    color: #212121;
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    background: none;
    text-shadow: none;
}

@media (max-width:992px){
    html,body{
        overflow-x: hidden;
    }
    #formContact{
        display: none;
    }
    /*navigation*/
    
    .navbar-nav:not(.sm-collapsible) ul .caret {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed;
    }
    .navbar-nav:not(.sm-collapsible) ul a.has-submenu {
            padding-right: 30px;
    }
    .has-submenu li a {
        color: #fff;
        padding-left: 35px;
    }
    /* make sub menu arrows look like +/- buttons in collapsible mode */
    .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
            position: absolute;
            right: 0;
            margin: -20px 15px 0 0;
            padding: 0;
            width: 32px;
            height: 26px;
            line-height: 24px;
            text-align: center;
            border-width: 1px;
            border-style: solid;
    }
    .navbar-nav.sm-collapsible .caret:before {
            content: '+';
            font-family: monospace;
            font-weight: bold;
    }
    .navbar-nav.sm-collapsible .open > a > .caret:before {
            content: '-';
    }
    .navbar-nav.sm-collapsible a.has-submenu {
            padding-right: 50px;
    }
    /* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
            position: static;
            margin: 0 0 0 2px;
            padding: 0;
            width: 0;
            height: 0;
            border-top: 4px dashed;
            border-right: 4px solid transparent;
            border-bottom: 0;
            border-left: 4px solid transparent;
    }
    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
            content: '' !important;
    }
    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
            padding-right: 15px;
    }
    /* scrolling arrows for tall menus */
    .navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
            position: absolute;
            display: none;
            visibility: hidden;
            height: 20px;
            overflow: hidden;
            text-align: center;
    }
    .navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
            position: absolute;
            top: -2px;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            overflow: hidden;
            border-top: 7px dashed transparent;
            border-right: 7px dashed transparent;
            border-bottom: 7px solid;
            border-left: 7px dashed transparent;
    }
    .navbar-nav span.scroll-down-arrow {
            top: 6px;
            border-top: 7px solid;
            border-right: 7px dashed transparent;
            border-bottom: 7px dashed transparent;
            border-left: 7px dashed transparent;
    }
    /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
            padding-left: 35px;
    }
    .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
            padding-left: 45px;
    }
    .navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
            padding-left: 55px;
    }
    .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
            padding-left: 65px;
    }
    /* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
    .navbar-nav .dropdown-menu > li > a {
            white-space: normal;
    }
    .navbar-nav ul.sm-nowrap > li > a {
            white-space: nowrap;
    }
    .navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
            white-space: normal;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #fff;
    }
     .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    /* fix .navbar-right subs alignment */
    .navbar-right ul.dropdown-menu {
            left: 0;
            right: auto;
            width:100%;
    }

    .navbar-default {
        height: 100px;
    }
    .nav
    {
       min-height: 180px;
       /*max-height: 350px;*/
       height:100%;
    }
    .nav, .navbar-nav .open .dropdown-menu{
        background: #900000;
    }
    .navbar-brand{
        max-width: 50%;
        margin-top: -12px;
    }
    .navbar-brand img{
        width:100%;
        max-width: 110px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 45px;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: #900000;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .dropdown-toggle .caret{
        float:right;
    }
    
    /*content*/
    .sous-menu ul li {
        width:100% !important;
    }
    #ecran1{
        background: linear-gradient(to bottom,#fff, #eedaf2);
    }
    #ecran3{
        background: linear-gradient(to bottom,#eedaf2, #fff);
    }
    .content2 {
        width: 100%;
    }
    div.container{
        background: none;
    }
    .container1{
        padding-right: 0;
    }
    /*Home*/
    #ecran1 {
        padding-top: 70px;
    }

    #ecran1-1,#ecran1 #votre-centre-affaires-surmesure, #ecran2-1, .blocTop, #ecran4-1, #ecran3,.blocBottom{
        height: auto;
        margin-bottom: 5px;
        overflow: hidden;
    }
    
    #fixed-content {
        height: auto;
        position: relative;
        width: 100%;
    }
    #scroller {
        padding-top: 30px;
        height: auto;
        width: 1px;
        z-index: 10;
    }
    h1.TitleH1, h2.TitleH1, h2.TitleH2{
        width:100% !important;
        display:block;
        clear:both;
        font-size: 32px !important;
        line-height: 150% !important;
        padding: 10px 0 !important;
        text-align: center !important;
        margin-top:0px !important;
        padding-top:8px !important;
    }
    .TextInfo{
        padding: 0 8px !important;
    }
    #ecran1 .paves {
        position: relative; 
        top: 0px;
    }
    #ecran1 .paves .PaveImg{
        padding-top:0px;
        text-align: center;
        padding-left: 0;
    }
    
    .paves .pave1, .paves .pave2, .paves .pave3, .paves .pave4 {
        width: 50% !important;
        float: left !important;
        display: block;
        clear: both;
        margin-left: 25% !important;
        position: relative;
        margin-bottom: 15px !important; 
    }
    
    .paves .PaveImg {
        position:relative;
        background: none !important;
        height: 142px;
        padding-left: 15px;
        padding-top: 45px;
        width: 100% !important;
    }
    
    #ecran1 .paves h3.PaveTitle{
        position: absolute;
        top: 72%;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
    }
    
    #ecran1 .paves h3.PaveTitle a{
        background: #900000;
        padding:8px 12px;
        color: #fff;
    }
    #ecran3-1, #ecran2 {
        height: auto !important;
    }
    #ecran1 #nos-centre-affaires{
        background: none;
        padding: 0 0 8px 0;
    }

    #ecran1 #nos-centre-affaires .localisation, #ecran1 #nos-centre-affaires .localisation .markers .TextInfoMarker {
        margin-top: 7px;
    }
    #ecran1 #nos-centre-affaires .localisation .markers{
        padding-left: 30px;
        margin-left:0;
        float: left;
        width: 100%;
    }
    #ecran1 #nos-centre-affaires .localisation .map {
        background: none;
        height: 208px;
        padding-left: 0px;
        margin-left: 0px;
        padding-top: 6px;
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    #ecran5-2{
        display:none;
    }
    #map{
        width: 100% !important;
        height: 100% !important;
    }
    .ContentImages {
        margin-top: 5px;
    }
    .ContentImages ul.imgs li.img.img1{
        margin-left:2%;
    }
    .ContentImages ul.imgs{
        width:100%;
        margin: 0 auto;
        text-align: center;
    }
    .ContentImages ul.imgs li.img {
        width: 46%;
        margin: 5px 2%;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .bandeMuave{
        background: #900000;
        color:#fff;
        padding:8px;
        height: auto;
    }
    
    .bandeMuave a{
        color:#fff;
    }
    .avantage {
        background: url(/public/images/bg-avantage.png) center center no-repeat;
        text-align: center;
        height: auto !important;
        width: auto !important;
        margin: 14px auto 0;
        padding: 0;
    }
    .avantage .TxtAvantage ul li{
        font-size: 13px !important;
    }
    .BtnDeatail{
        height: 55px !important;
    }
    
    /* page cms*/
    .page .content{
        padding-top: 0px;
    }
    .page .cms{
        padding:0 8px;
    }
    
    .page h1{
        margin:0;
    }
    .text1 div{
        line-height:20px !important;
    }
    .text1 div, div.content, .text1 iframe, #footer #content-footer,.btn-contactez-nous {
        width:100% !important; 
        padding: 8px 12px;
    }
    .text1 li div{
        width:100% !important;
    }
    .text1 ul li {
        width: 90%;
        padding: 2px 0 2px 0px !important;
        list-style: url(/public/images/disc-puce.png) !important;
        color: #212121;
        margin-left: 25px;
    }
    .btn-contactez-nous{
        margin-top: 0px;
    }
    .btn-contactez-nous a{
        font-size: 10px !important;
    }
    .text1 .right, .text1 .left{
        width:100% !important;
        float:none;
        clear:both;
    }
    .text1 .right img, .text1 .left img{
        width:100% !important;
    }
    .text1 a{
        text-align: left;
        display: block;
    }
    .media img{
        max-width: 100%;
    }
    
    div.content h1{
        margin-bottom: 10px;
        padding: 5px 4px;
        font-size: 26px;
        color: #212121;
    }
    .action-bar {
        padding-bottom: 0;
        padding-top: 19px;
        padding: 19px 4px 0 4px;
    }
    #questions-answers {
        padding: 10px 0;
    }
    #questions-answers .form {
        max-width: 96%;
        margin: 0 auto;
    }
    #questions-answers .comment{
        width:90%;
        display:block;
    }
    form#frm_questionsanswers .g-recaptcha {
        margin-left: 0px !important;
    } 
    #questions-answers .row .comment:nth-child(2){
        margin-bottom: 20px;
    }
    #questions-answers  .row{
        margin-left:0px;
        margin-right:0px;
    }
    #questions-answers .comment {
        margin: 0 2% 10px 2%;
    }
    
    .text2.last iframe{
        width:100% !important;
    }
    /**FOOTER***/
    #footer{
        border-top:1px solid #212121;
        background: #212121;
        min-height: 300px;
    }
    #footer #content-footer .logo{
        float:none;
    }
    .ContentImages ul.imgs li.img:hover .hoverdisplayTitleImg{
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #footer #content-footer{
        height: auto;
    }
    #footer #content-footer .logo{
        float:none;
        text-align: center;
        background: #212121;
    }
    #footer #content-footer .navFooter {
        float: none;
        display:block;
        margin-left: 0px;
        background: #212121;
        text-align: center;
    }
    #footer #content-footer .navFooter .menu-topnav{
        background: #212121;
        top:160px;
        width:100%;
        text-align: center;
    }
    #footer #content-footer .navFooter .menu-topnav ul li a {
    font-size: 13px;
    color:#fff !important;}
    #footer #content-footer .navFooter .menu-topnav ul li{
        float:none;
        display:block;
        clear:both;
        padding-right: 0 !important;
    }
    #footer #content-footer .navFooter .menu-bottomnav{
        text-align: center;
        color: #fff;
        right:0;
        width: 100%;
        margin-top: 130px;
        position:relative !important;
    }
    #footer #content-footer .navFooter .menu-bottomnav a{
        color: #fff;
    }
    #footer #content-footer .logo .baseline{
        top:110px !important;
        left:0 !important;
        width:100% !important;
    }
    /* page contact */
    .contentForm{
        padding: 0 10px;
    }
    body#contact #formContact{
        display: block;
        padding:10px;
    }
    body#contact .lieuMap{
        text-align:center;
    }
    body#contact .lieuMap .lieuAdresse{
        display:block;
        width:100% !important;
        text-align:center;
        margin-bottom:10px;
    }
    .Imgmap #map3,.Imgmap #map2, .Imgmap #map1 {
        width:100% !important;
    }
    .TitreFormulaire{
        font-size:17px;
        font-weight:800;
        color:#b82923;
        margin: 8px 0;
        text-align:center;
    }
    
    #formContact .field, #formContact .select-form-contact, #formContact textarea {
        width:100%;
        padding:5px;
    }
    
    #formContact .field input, #formContact .select-form-contact select, #formContact textarea{
        width:100%;
        padding:8px;
    }
    #formContact .btn-submit-form-contact{
        width:150px;
        margin:10px auto;
    }
    #formContact .btn-submit-form-contact input{
        width:150px;
        padding:8px 12px;
        background: #b82923;
        color: #fff;
    }
    
    #ecran5 #slideshow{
        background: none;
    }
    #ecran5-1 .content-scroller{
        background: #f8f8f8;
    }
    #slideshow h2.TitleH1, #slideshow h2.TitleH1 a {
        color: #35003d !important;
    }
    
    /*slider temoignage*/
    
    .owl-carousel .owl-stage-outer{
        
        
    }
    .owl-item{
        background: #f8f8f8;
        padding:0 8px;
        min-height: 350px !important;
        color:#000;
    }
    
    .owl-stage-outer .DescriClient a{
        color:#000;
        text-decoration: underline;
    }
    .owl-stage-outer .TitreClient{
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }
    
    .owl-theme .owl-nav {
        position: absolute;
        top: 93%;
        left: 44%;
    }
    .owl-theme .owl-nav [class*=owl-] {
        background: #900000;
        color: #fff;
        border-radius: 0;
        width:25px;
        height: 25px;
    }
    
    .owl-carousel .owl-item img, .owl-carousel .owl-item object {
        display: block;
        width: auto ;
        max-width: 100%;
        max-height: 150px;
        margin: 8px auto;
        border: 1px solid #fff;
        padding: 3px;
        background: #fff;
    }
    
    #flags{
        position: absolute;
        right:3%;
        top:10%;
    }
    
    .navbar .numTel {
        font-weight: 700;
        color: #900000;
        font-size: 18px;
        background: url(/public/images/bg-numteltop.jpg) left center no-repeat;
        position: absolute;
        top:35%;
        left:43%;
        padding-left:15px;
    }
    .navbar .membreTBC{
        position: absolute;
        top:5%;
        left:45%;
    }
    .navbar .membreSynaphe{
        position: absolute;
        top:5%;
        left:65%;
    }
    .navbar .contactButton{
        position: absolute;
        top: 35%;
        left: 72%;
        background: #b82923;
        border:1px solid transparent;
        border-radius: 3px;
        width: 70px;
        height: 25px;
    }
    .navbar .contactButton a{
        color:#fff;
        text-decoration: none;
        font-size: 11px;
        width: 70px;
        font-weight: 700;
        padding: 4px;
    }
    
    .action-bar{
        display: none;
    }
    
}
@media (max-width:640px){
    .ContentImages ul.imgs li.img {
        width: 46%;
        margin: 5px 2%;
    }
    .navbar .numTel {
        left:33%;
    }
}

@media (max-width:480px){
    .cms{
        width:100% !important;
    }
    .ContentImages ul.imgs{
        width:90%;
        margin: 0 auto;
    }
    .ContentImages ul.imgs li.img.img1{
        margin-left:2% !important;
    }
    .ContentImages ul.imgs li.img{
        width:100%;
        margin: 5px 0;
    }
    
    .paves .pave1, .paves .pave2, .paves .pave3, .paves .pave4 {
        width: 100% !important;
        float: none !important;
        display: block;
        clear: both;
        margin-left: 0px !important; 
    }
    
    .paves .PaveImg {
        background: none !important;
        height: 142px;
        padding-left: 15px;
        padding-top: 0px;
        width: 100% !important;
    }
    
    .navbar-brand{
        max-width: 50%;
        margin-top: -3px;
        padding:15px 4px;
    }
    .navbar-brand img{
        width:100%;
        max-width:110px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 55px;
        margin-right: -15px;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0px;
    }
    
    .owl-theme .owl-nav {
        position: absolute;
        top: 91%;
        left: 35%;
    }
    
    #flags{
        position: absolute;
        right:5%;
        top:10%;
    }
    
    .navbar .numTel {
        font-weight: 700;
        color: #900000;
        font-size: 13px;
        background: url(/public/images/bg-numteltop.jpg) left center no-repeat;
        position: absolute;
        top:75%;
        left:34%;
        padding-left:15px;
    }
    .navbar .membreTBC{
        position: absolute;
        top:5%;
        left:1%;
    }
    .navbar .membreSynaphe{
        position: absolute;
        top:5%;
        left:75px;
    }
    .navbar .contactButton{
        top: 25%;
        left: 52%;
    }
    .navbar-header{
        max-width: 100%;
    }
    .ContentImages ul.imgs li.img.img1{
        margin-left:0;
    }
    .ContentImages ul.imgs li.img{
        width:97%;
        margin: 5px 2%;
    }
    .owl-theme .owl-nav {
        top: 93%;
        left: 40%;
    }
    
    .text1 li div{
        width:95% !important;
    }
    
}
@media (max-width:320px){
    .navbar-brand img{
        max-width:100px;
    }
    .navbar .contactButton{
        left: 47%;
    }
}