/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1283px) {

    /*Accueil*/
    .header #menuPrincipal ul li a {
        font-size: 14px
    }

    /* fin */
}


@media only screen and (max-width:1211px) {

    /*portail*/
    .divMoteursPortailParent {
        width: 33%
    }

    .moteurBrasParent,
    .divMoteursPortailIntegreeParent {
        margin-left: 0
    }

    .moteurEnterreeParent,
    .divMoteursPortailVideosParent {
        margin-right: 0
    }

    .divMoteursPortailVideosParent iframe {
        width: 100%
    }

    .divMoteursPortailVideosParent {
        width: 60%
    }

    /* fin */
}

@media only screen and (max-width:1201px) {

    /*Accueil*/
    .header #menuPrincipal ul.li7 li a {
        font-size: 13px
    }

    /* fin */
}

@media only screen and (max-width:1155px) {

    /*porte de garage*/
    .ulGrisFleche .titreNoir {
        min-height: 90px
    }

    /* fin */
}


@media only screen and (max-width:1165px) {

    /*Accueil*/
    .header #menuPrincipal ul.li6 li a {
        font-size: 14px
    }

    /*fin*/
}



@media only screen and (max-width:1106px) {

    /*Accueil*/
    .header #menuPrincipal ul.li7 li a {
        font-size: 13px
    }

    /*fin*/
}

@media only screen and (max-width:1039px) {

    /*Accueil*/
    .header #menuPrincipal ul.li7 li a {
        font-size: 12.5px
    }

    #exemple1 .imageActu img,
    #exemple1 .imageActu {
        height: auto !important;
    }

    /*fin*/
}

@media only screen and (max-width:1030px) {

    /*Accueil*/
    .header #menuPrincipal ul.li6 li a {
        font-size: 13px
    }

    /*fin*/


    .breadcrumbs {
        margin: 30px 20px 65px 20px
    }

    .centerZone {
        padding: 0 20px
    }
}


@media only screen and (max-width:1060px) {

    /*Accueil*/
    #logo {
        margin-left: 20px;
        margin-top: 20px;
        width: 50%;
    }

    #logo img {
        width: 100%
    }

    #zoneHaut {
        height: 190px;
    }

    #zoneDevis {
        margin-top: 65px;
    }

    /* #logo{margin-left:20px;margin-top:20px} */
    /*fin*/
}

@media only screen and (max-width:1024px) {

    /*Accueil*/
    #planAccess {
        padding-bottom: 34px
    }

    /*fin*/
}

@media only screen and (max-width:1021px) {

    /*store ext*/
    .contenuAlignLeft .BASStoreExt ul li {
        font-size: 18px
    }

    .BASStoreExt iframe {
        width: 80%;
        height: 280px
    }

    /*fin*/
}

@media only screen and (min-width:1019px) {
    iframe {
        min-height: 280px
    }

    #planAccess iframe {
        min-height: 189px
    }

    #logo {
        /*margin-top: 15px;*/
    }
}



@media only screen and (max-width:1015px) {

    /*Accueil*/
    #menuAdresse {
        width: 82%;
        float: right;
    }

    #reseauxSociauxLogo {
        width: 15%;
    }

    #reseauxSociauxLogo #reseaux {
        position: relative;
    }

    /*fin*/

    /*page interne*/
    .contenuArticle,
    h2 {
        padding: 0 20px
    }

    .single .contenuSingle h2,
    .actusGenerales h2 {
        padding: 0
    }

    /*fin*/

    /*volet roulant*/
    .rangeePointille .titreNoirFleche {
        font-size: 16px
    }

    /*fin*/

    /*porte garage*/
    .boiteBASvert {
        padding: 106px 27px
    }

    /*fin*/

    /*portail*/
    .BASPortail .boiteBASvert {
        padding: 45px 27px
    }

    /*fin*/

    /*alarme*/
    .alarme .titre14 .titreNoir {
        min-height: 35px
    }

    /*fin*/
}


@media only screen and (min-width:1000px) {}


@media only screen and (max-width:993px) {

    /*Accueil*/
    .footer #menuPrincipal ul li a {
        font-size: 12px
    }

    .footer .menuHaut ul li a {
        font-size: 11px
    }

    #planAccess {
        padding-bottom: 54px
    }

    #exemple1 .jcarousel-slider-actusSlide,
    #exemple1 .jcarousel-slider-actusSlide li {
        height: 628px
    }

    /*fin*/
}

@media only screen and (max-width:991px) {

    /*Accueil*/
    #exemple1 .jcarousel-slider-actusSlide,
    #exemple1 .jcarousel-slider-actusSlide li {
        height: 680px
    }

    #QSN #contenu {
        min-height: 300px
    }

    #planAccess {
        min-height: 325px
    }

    #centreAccueil {
        margin-bottom: 30px
    }

    #exemple1 .jcarousel-pagination-actusSlide {
        bottom: -25px
    }

    /*fin*/
}

@media only screen and (max-width:990px) {

    br {
        display: none
    }

    /*Accueil*/
    #planAccess {
        padding-bottom: 72px
    }

    .jcarousel-wrapper-actusSlide .lienESP a {
        margin-bottom: 0px;
        margin-top: 30px
    }

    #exemple1 .jcarousel-pagination-actusSlide {
        position: relative
    }

    #exemple1 .jcarousel-pagination-actusSlide {
        bottom: 0;
        margin-bottom: 30px
    }

    .zoneMobile {
        display: block;
    }

    .menuHaut,
    #menuPrincipal ul {
        display: none
    }

    #zoneHaut {
        height: 175px
    }

    .header #menuPrincipal {
        margin: 0 auto 0px;
    }

    #logoSomfy {
        margin-top: 51px;
    }

    /*fin*/

    /*domotique*/
    .logos img {
        width: 100%;
        height: auto
    }

    /*fin*/

    .volet-roulant .titreNoirFleche {
        padding-right: 20px
    }

}

@media only screen and (max-width:955px) {

    /*store ext*/
    .BASStoreExt ul:first-child .imgLi {
        margin-bottom: 70px !important
    }

    /*fin*/
}


@media only screen and (max-width:948px) {

    /*Accueil*/
    #QSN #contenu {
        font-size: 15.5px
    }

    /*fin*/
}


@media only screen and (max-width:927px) {

    /*volet roulant*/
    .rangeePointille .titreNoirFleche {
        font-size: 14px
    }

    /*fin*/
}

@media only screen and (max-width:921px) {

    /*Accueil*/
    .imageHaut {
        min-height: auto;
        margin-bottom: 20px
    }

    /*fin*/

    /*volet roulant*/
    .rangeeBASrouge .panel-grid-cell,
    .rangeeBASvert .panel-grid-cell,
    .boiteBASrouge,
    .BASrouge,
    .boiteBASviolet,
    .BASviolet,
    .boiteBASvert,
    .BASvert,
    .boiteBASorange,
    .BASorange {
        width: 100% !important
    }

    .boiteBASrouge,
    .boiteBASviolet,
    .boiteBASvert,
    .boiteBASorange {
        height: auto;
        padding: 20px
    }

    .BASrouge,
    .BASviolet,
    .BASvert,
    .BASorange {
        display: inline-block;
        text-align: center
    }

    /*fin*/

    /*store ext*/
    .BASStoreExt ul:first-child .imgLi {
        margin-bottom: 90px !important
    }

    /*fin*/

    /*domotique*/
    .BASviolet {
        line-height: 1.2
    }

    .logoTahoma {
        margin-top: 0
    }

    /*fin*/

    /*page liste */
    .actusGenerales {
        width: 50%;
        min-height: 590px;
    }

    /*fin*/
}

@media only screen and (max-width:900px) {
    .page-template-page_tampon .resumeTampon {
        min-height: 180px
    }
}

@media only screen and (max-width:886px) {

    /*Accueil*/
    #exemple1 .jcarousel-slider-actusSlide,
    #exemple1 .jcarousel-slider-actusSlide li {
        height: 720px
    }

    #QSN #contenu {
        min-height: 340px
    }

    #planAccess {
        min-height: 375px
    }

    /*fin*/
}

@media only screen and (max-width:876px) {

    /*page tampon*/
    .page-template-page_tampon .resumeTampon {
        min-height: 250px
    }

    /*fin*/

    /*volet battant */
    .widthMoyen .panel-grid-cell:first-child .commandes table tr td:nth-child(2) .titreNoir {
        margin-top: 0 !important
    }

    /*fin*/

    /*porte de garage*/
    .ulGrisFleche .titreNoir {
        min-height: 90px
    }

    /* fin */
}

@media only screen and (max-width:844px) {

    /*volet battant*/
    .motorisezVoletBattant tr td:first-child {
        display: none
    }

    .motorisezVoletBattant tr td:last-child {
        width: 100%
    }

    .motorisezVoletBattant tr td:last-child p:first-child {
        margin-top: 0
    }

    /*fin*/
}


@media only screen and (max-width:837px) {

    /*volet roulant*/
    .rangeePointille .titreNoirFleche {
        font-size: 12px
    }

    /*fin*/

    /*store interieur*/
    .tableauContenu table {
        width: 100% !important
    }

    /*fin*/
}





@media only screen and (max-width:832px) {

    /*Accueil*/
    #planAccess {
        min-height: 384px
    }

    /*fin*/
}

@media only screen and (max-width:813px) {

    /*domotique*/
    .domotique .divFloat {
        width: 100% !important
    }

    /*fin*/
}

@media only screen and (max-width:811px) {

    /*Accueil*/
    #planAccess {
        min-height: 384px
    }

    /*fin*/
}

@media only screen and (max-width:782px) {


    /*Accueil*/
    #planAccess {
        min-height: 358px
    }

    /*fin*/

    .volet-roulant .titreNoirFleche {
        display: none
    }


}

@media only screen and (max-width:780px) {

    #logo {
        width: 37%;
    }

    /*page interne*/
    .rangerCell .panel-grid-cell,
    .rangeePointille .panel-grid-cell {
        border: none
    }

    .rangeeMobile .panel-grid-cell img {
        margin-left: auto !important
    }

    .margeImg table img,
    .margeImgKeytis table img,
    .keygoMargeImg table img {
        margin-left: 0
    }

    .accrocheGriseNormal {
        width: 100%;
        text-align: center !important;
    }

    /*fin*/

    /*volet battant */
    .widthMoyen .panel-grid-cell:last-child,
    .moteurGarage .panel-grid-cell:last-child {
        padding-left: 0 !important
    }

    .commandes td img {
        margin-right: 100% !important
    }

    .commandes table tr td,
    table tr td {
        width: 100%;
        float: left;
        padding: 0 !important
    }

    table tr td {
        text-align: center !important
    }

    .contenuBAS table tr td:first-child {
        background: #F1F1F1 none repeat scroll 0% 0%;
        padding: 10px 0 0 0 !important;
        height: 125px;
    }

    .contenuBAS table tr td,
    .interfaceIntuitive table tr td {
        text-align: left !important
    }

    .commandes table tr td .accrocheGrise {
        text-align: left;
        display: block
    }

    /*fin*/

    /*store ext*/
    .widthTresCourt .panel-grid-cell img {
        text-align: center;
        display: inline-block !important
    }

    .BASStoreExt .boiteBASorange {
        padding: 20px
    }

    .imgBoitier {
        margin: 10px 0 0 0;
        text-align: center
    }

    .imgBoitier img {
        float: none
    }

    /*fin*/

    .tableauContenu table,
    .tableauContenu tr,
    .tableauContenu td {
        border: none
    }

    .tableauContenu table caption {
        background-image: none;
    }

    .tableauContenu table thead,
    .tableauContenu table th {
        display: none;
    }

    .tableauContenu table tbody td {
        display: block;
        padding: .6rem;
        width: 100% !important;
    }

    .tableauContenu table tbody tr td:first-child {
        color: #fff;
    }

    .tableauContenu table tbody td:before {
        content: attr(data-th);
        color: #F7B155;
        font-weight: bold;
        display: inline-block;
        width: auto;
        padding-right: 20px;
    }

    .tableauContenu table tbody tr td:first-child:before {
        content: attr(data-th);
        color: #fff;
        font-weight: bold;
        display: inline-block;
        width: auto;
        padding-right: 20px;
    }

    /*porte garage*/
    .ulGrisFleche img,
    .ulGrisFleche .panel-grid-cell div p:first-child {
        text-align: left !important
    }

    .ulGrisFleche img {
        margin: 5px 0 !important
    }

    .accrocheGriseNormalLeft .accrocheGriseNormal {
        text-align: center !important
    }

    .accrocheGriseNormalLeft img {
        margin-right: 0 !important
    }

    .ulGrisFleche .titreNoir {
        min-height: auto
    }

    .ulGrisFleche ul {
        padding: 0
    }

    /*fin*/


    /*portail*/
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .portailUlFleche .ulAvecFleche ul {
            float: left;
            margin-left: 0;
        }
    }

    .portailUlFleche .ulAvecFleche .titreNoir {
        text-align: left !important
    }

    .portailUlFleche .ulAvecFleche table img {
        margin: 5px 20px 20px 0px
    }

    .divMoteursPortailParent {
        width: 100%
    }

    .moteurBrasParent,
    .divMoteursPortailIntegreeParent {
        margin-left: 0
    }

    .moteurEnterreeParent,
    .divMoteursPortailVideosParent {
        margin-right: 0
    }

    .divMoteursPortailVideosParent iframe {
        width: 100%
    }

    .divMoteursPortailVideosParent {
        width: 100%
    }

    /*fin*/

    /*alarme*/
    .alarme .titre14 .titreNoir {
        min-height: auto
    }

    .applicationTahoma table img {
        padding-left: 0
    }

    .applicationTahoma.accrocheGriseNormalLeft img,
    .applicationSomfy.accrocheGriseNormalLeft img {
        margin-right: auto !important
    }

    .applicationTahoma .accrocheGriseNormal {
        width: auto;
    }

    /*fin*/

    /*domotique*/
    .adslSomfy table tr td img {
        float: none;
        margin: 0px auto 30px auto
    }

    .domotique .divFloat {
        width: 100% !important
    }

    /*fin*/


    /*single*/
    .single .contenuSingle .fancy {
        margin-bottom: 30px;
        display: block;
    }

    /*fin*/


    /*contact*/
    .contactGauche {
        display: none
    }

    .contactDroite {
        padding-left: 0
    }

    #h2Contact {
        font-size: 16px
    }

    /*fin*/
}





@media only screen and (max-width:768px) {

    /*Accueil*/
    #logo {
        margin-top: 20px
    }

    #planAccess {
        min-height: 363px
    }

    /*fin*/

    /* page tampon*/
    .page-template-page_tampon .imageSLide img {
        width: 100%;
        height: auto
    }

    .page-template-page_tampon .imageSLide {
        height: auto
    }

    /*fin*/
}


@media only screen and (max-width:767px) {

    /*Accueil*/
    #globalInfosContact {
        float: left;
        padding-bottom: 20px;
        width: 50%
    }

    #contactAccueil #img img {
        width: auto;
        width: 100%
    }

    #centreAccueil .titreBoiteBas {
        clear: both;
        border-top: 1px solid #7E7E7E;
        padding-top: 8px;
    }

    #contactAccueil #planAccess {
        float: right;
        border-bottom: medium none;
        margin-top: 0
    }

    #planAccess {
        width: 48%;
        min-height: auto
    }

    #planAccess #map {
        height: 159px
    }

    #contactAccueil {
        margin-top: 100px
    }

    #exemple1 .jcarousel-slider-actusSlide,
    #exemple1 .jcarousel-slider-actusSlide li {
        height: 650px
    }

    #QSN #contenu {
        min-height: 270px;
        padding-bottom: 30px
    }

    .lienESP {
        position: absolute !important
    }

    #zoneHaut {
        height: 90px;
        margin: 20px 0 0 0
    }

    #logo {
        margin-top: -24px;
    }

    #zoneDevis {
        margin-top: 0
    }

    /*fin*/

    .accrocheGriseNormal {
        width: 100%;
        text-align: center !important
    }
}


@media only screen and (max-width:757px) {

    /*Accueil*/
    #zoneAdresse {
        width: auto;
        margin-top: 30px
    }

    #reseauxSociauxLogo {
        height: 85%
    }

    /*fin*/

    /*page liste */
    .jcarousel-realPage .owl-prev,
    .jcarousel-realPage .owl-next {
        top: 40%
    }

    /*fin*/
}


@media only screen and (max-width:708px) {

    /*page tampon*/
    .page-template-page_tampon .titreSlide {
        font-size: 19px;
        min-height: 48px;
    }

    /*fin*/
}

@media only screen and (max-width:698px) {

    /*page tampon*/
    iframe {
        width: 100%;
        height: auto
    }

    /*fin*/
}

@media only screen and (max-width:680px) {

    /*Accueil*/
    #menusFooter {
        display: none
    }

    #logoSomfy {
        min-width: 200px
    }

    #logoSomfy img {
        width: 100%
    }

    #reseauxSociauxLogo {
        height: 80%;
    }

    #zoneAdresse,
    #logoSomfy {
        margin-left: 20px
    }

    #menuAdresse {
        width: 82%;
        float: right;
        position: absolute;
        bottom: 15px;
        right: 10px;
    }

    /*fin*/
}

@media only screen and (max-width:663px) {

    /*page domotique*/
    .interfaceIntuitive table tr td:nth-child(2) img {
        float: left
    }

    .interfaceIntuitive .divTexteImgBAS {
        padding: 0
    }

    .interfaceIntuitive .divImgBAS .imgLi {
        margin-left: 0 !important
    }

    .interfaceIntuitive .divImgBAS:first-child .imgLi {
        margin-left: -9px !important
    }

    .interfaceIntuitive .divTexteImgBAS {
        margin-bottom: 0 !important
    }

    /*fin*/
}



@media only screen and (max-width:650px) {

    /*Accueil*/
    .contenuTitreAccrocheTheme1 .titreSlide {
        font-size: 26px
    }

    .contenuTitreAccrocheTheme1 .accrocheSlide {
        font-size: 16px
    }

    .contenuTitreAccrocheTheme1 {
        padding: 17px 0px 33px 0px;
        height: auto;
    }

    /*fin*/

    /*page tampon*/
    .page-template-page_tampon #contenu {
        margin-bottom: 50px
    }

    /*fin*/
}


@media only screen and (max-width:641px) {

    /*Accueil*/
    #zoneDevis #accroche {
        display: none
    }

    #zoneDevis #lien {
        margin-right: 20px;
        text-align: right
    }

    #zoneDevis {
        width: auto
    }

    /*fin*/
}


@media only screen and (max-width:612px) {

    /*Accueil*/
    #logoSomfy {
        float: left;
    }

    #zoneAdresse {
        position: absolute;
        top: 0;
        width: 80%;
        margin-top: 0;
        bottom: 10px
    }

    .footer {
        min-height: 187px !important
    }

    /*fin*/
}


@media only screen and (max-width:608px) {

    /*Accueil*/
    #globalInfosContact {
        width: 50%
    }

    #contactAccueil #planAccess {
        width: 50%;
        text-align: right
    }

    #contactAccueil #planAccess iframe {
        width: 100%
    }

    /*fin*/
}

@media only screen and (max-width:600px) {
    .page-template-page_tampon .resumeTampon {
        min-height: 290px
    }
}



@media only screen and (max-width:596px) {

    /*Accueil*/
    #contactAccueil #img img {
        height: auto !important;
        max-height: 100% !important
    }

    #centreAccueil .boite {
        width: 100%
    }

    #realsQSNAccueil {
        margin-bottom: 30px
    }

    #globalInfosContact {
        width: 100%
    }

    #globalInfosContact #img {
        text-align: center
    }

    #contactAccueil #planAccess {
        width: 100%;
        clear: both;
        margin-bottom: 20px;
        padding: 0
    }

    #actusAccueil {
        height: auto !important
    }

    #planAccess {
        min-height: auto
    }

    #planAccess #map {
        width: 100%
    }

    #contactAccueil {
        margin-top: 0px
    }

    .lienESP {
        position: relative !important
    }

    #exemple1 .jcarousel-slider-real_1_2 img {
        clip: rect(150px, auto, auto, 0);
        position: absolute;
        top: -150px;
        left: 0;
    }

    .page-template-page_tampon h1,
    .page-template-page_somfy_installateur h1,
    .imageHaut {
        margin-bottom: 20px
    }

    .page-template-page_tampon h1,
    .page-template-page_somfy_installateur h1 {
        font-size: 25px;
    }

    .page-template-page_somfy_installateur h2 {
        font-size: 19px;
    }

    .contenuArticle p,
    .contenuArticle ul li {
        font-size: 16px
    }

    .contenuArticle h3,
    .titreNoir22 {
        font-size: 18px
    }

    #exemple1 .jcarousel-slider-actusSlide,
    #exemple1 .jcarousel-slider-actusSlide li {
        height: auto
    }

    /*Fin*/


    /*page interne*/
    .page-template-page_somfy_installateur .contenuArticle {
        margin-bottom: 35px
    }

    .contenuAlignLeft ul {
        padding: 0
    }

    .imgLi,
    .store-interieur .rangeeBASorange ul li:nth-child(2) .imgLi,
    .store-exterieur .rangeeBASorange ul li:nth-child(1) .imgLi {
        margin-right: 100% !important
    }

    .imgLi {
        margin-left: 0 !important
    }

    .BASStoreExt iframe {
        margin-left: 0
    }

    .divTexteImgBAS {
        width: 100% !important
    }

    .divImgBAS:first-child {
        margin-top: 30px
    }

    .interfaceIntuitive .divImgBAS:first-child {
        margin-top: 0 !important
    }

    /*fin*/

    /*volet roulant*/
    .volet-roulant .contenuCell ul {
        margin-top: 25px
    }

    /*fin*/

    /*volet battant*/
    .volet-battant .motorisationVoletBattant ul li:nth-child(3) {
        margin-left: 0 !important;
        margin-top: 30px !important
    }

    .motorisationVoletBattant .divImgBAS.imgVide {
        display: none
    }

    /*fin*/


    /*store ext*/
    .BASStoreExt ul:first-child .imgLi {
        margin-bottom: 0 !important
    }

    .BASStoreExt iframe {
        width: 100%;
        height: auto
    }

    /*fin*/

    /*QSN*/
    .qui-sommes-nous .contenuArticle ul {
        margin-top: 30px
    }

    /*fin QSN*/


    /*domotique*/
    .domotique .h2BG h2::before {
        width: 150px;
        height: 23px;
        background-size: 150px auto;
    }

    /*fin*/
}




@media only screen and (max-width:548px) {

    /*page tampon*/
    .page-template-page_tampon .resumeTampon {
        min-height: 300px;
    }

    /*fin*/

    /*domotique*/
    .logoTahoma img {
        width: 40%;
        height: auto
    }

    /*fin*/

}

@media only screen and (max-width:520px) {

    .actusGenerales {
        width: 50%;
        min-height: 620px;
    }

}

@media only screen and (max-width:510px) {

    /*Accueil*/
    .contenuTitreAccrocheTheme1 .titreSlide {
        font-size: 20px
    }

    .contenuTitreAccrocheTheme1 .accrocheSlide {
        display: none
    }

    .contenuTitreAccrocheTheme1 {
        padding: 17px 0px 33px 0px;
        height: auto;
    }

    /*fin*/

    /*page tampon*/
    .page-template-page_tampon .resumeTampon {
        min-height: 350px
    }

    /*fin*/

}

@media only screen and (max-width:498px) {

    /*Accueil*/
    .footer #logoFooter {
        display: none
    }

    #reseauxSociauxLogo {
        top: 0 !important;
        margin: 0 0 0 0;
        width: auto;
        float: left;
        clear: both;
        position: relative;
        top: 0;
        left: 0;
        border: none;
    }

    #menuAdresse {
        position: relative;
        width: 100%;
        right: 0;
    }

    #reseauxSociauxLogo #reseaux {
        width: 100%;
        text-align: left
    }

    #zoneAdresse {
        width: 100%;
        bottom: 0;
        position: relative;
        margin-top: 20px;
        margin-bottom: 0
    }

    #logoSomfy {
        margin-top: 20px;
        min-width: auto;
        float: left;
        margin-top: 0;
        margin-left: -10px !important
    }

    #logoSomfy img {
        width: 100%
    }

    .footer {
        padding: 12px;
    }

    #zoneAdresse,
    #logoSomfy {
        margin-left: 0;
    }

    #menuAdresse #tel {
        font-size: 14px
    }

    /*fin*/

    #logo {
        width: 180px
    }

    #logo img {
        width: 100%
    }
}

@media only screen and (max-width:477px) {

    /*page tampon*/
    .page-template-page_tampon .boiteTampon {
        width: 100%;
        margin-bottom: 30px
    }

    .page-template-page_tampon .resumeTampon {
        min-height: 100px
    }

    .page-template-page_tampon .titreSlide {
        min-height: auto
    }

    .page-template-page_tampon .imageSLide {
        margin-bottom: 15px
    }

    /*fin*/

    /*page liste */
    .actusGenerales {
        width: 100%
    }

    .jcarousel-realPage .owl-prev,
    .jcarousel-realPage .owl-next {
        top: 38%
    }

    /*fin*/
}

@media only screen and (max-width:455px) {

    /*Accueil*/
    /* #logo {width:45%;margin-right:20px} */
    #logo {
        /* width: 100%; */
        margin-right: 20px;
        float: left;
        margin-top: -35px;
    }

    /* #logo img {width:100%;}	 */
    /*fin*/
}


@media only screen and (max-width:447px) {

    /*Accueil*/
    #exemple1 .jcarousel-slider-real_1_2 img {
        clip: rect(-150px, auto, auto, 0);
        position: absolute;
        top: -50px;
        left: 0;
    }

    #zoneDevis #lien a {
        padding-left: 25px;
        font-size: 14px
    }

    #zoneDevis #lien {
        height: 30px
    }

    /*fin*/
}

@media only screen and (max-width:423px) {

    /*Accueil*/
    .menuPrincMobile {
        width: 240px;
        right: -240px
    }

    .closePrinc {
        right: 240px;
    }

    .menuPrincMobile ul li {
        padding-right: 10px
    }

    /*fin*/
}

@media only screen and (max-width:406px) {
    /*Accueil*/
    /* #logo {width:35%;margin-right:20px} */
    /*fin*/
}

@media only screen and (max-width:397px) {

    /*Accueil*/
    #zoneDevis #lien a {
        font-size: 14px
    }

    /*fin*/

    /*alarme*/
    .imgSmall img {
        width: 40%
    }

    /*fin*/

    .wpcf7-form div div div,
    .wpcf7-form div div div iframe {
        width: 100% !important
    }

}

@media only screen and (max-width:376px) {

    /*page tamoon -- somfy-installateur*/
    .page-template-page_tampon h1,
    .page-template-page_somfy_installateur h1 {
        font-size: 20px
    }

    /*fin*/

    /*page domotique */
    .interfaceIntuitive table tr td:nth-child(2) img:first-child {
        width: 100%;
        height: auto
    }

    .interfaceIntuitive table tr td:nth-child(2) a img:first-child {
        width: auto;
        height: auto
    }

    .domotique .interfaceEcran p img {
        margin: 0px auto;
        float: none
    }

    /*fin*/

    /*page liste */
    .jcarousel-realPage .owl-prev,
    .jcarousel-realPage .owl-next {
        top: 35%
    }

    /*fin*/
}


@media only screen and (max-width:361px) {

    /*Accueil*/
    .contenuTitreAccrocheTheme1 .titreSlide {
        font-size: 16px
    }

    .jcarousel-sliderTheme1 img {
        min-height: 200px
    }

    #lienIL a {
        font-size: 12px
    }

    /*fin*/
}

@media only screen and (max-width:347px) {

    /*Accueil*/
    #zoneDevis #lien a {
        padding-left: 25px;
        font-size: 12px
    }

    #zoneDevis #lien {
        height: 30px
    }

    /*fin*/
}

@media only screen and (max-width:321px) {

    /*Accueil*/
    #exemple1 .jcarousel-slider-real_1_2 {
        height: 199px
    }

    /*fin*/

    /*domotique*/
    .domotique .interfaceEcran p a:first-child {
        margin-bottom: 20px;
        display: block
    }

    /*fin*/
}


@media only screen and (max-width:317px) {

    /*Accueil*/
    #zoneDevis #lien a {
        padding-left: 25px;
        font-size: 11px
    }

    #zoneDevis #lien {
        height: 30px
    }

    .mobilePrinc p {
        font-size: 12px
    }

    /*fin*/

    /*store interieur*/
    .tableauContenu table tbody td:before {
        font-size: 12px
    }

    /*fin*/


}

@media only screen and (max-width:310px) {

    /*Accueil*/
    #zoneDevis #lien a {
        font-size: 11px
    }

    /*fin*/
}

@media only screen and (max-width:304px) {

    /*Accueil*/
    #zoneDevis #lien a {
        font-size: 10px
    }

    /*fin*/

    /*page liste */
    .jcarousel-realPage .owl-prev,
    .jcarousel-realPage .owl-next {
        top: 30%
    }

    /*fin*/
}