/*
	Theme Name: Exemple 1
	Description: Thème 1
	Version: 1.0
	Author: LGT
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* br {display:none} */
/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    font-family: "proxima-nova";
    font-weight: 400;
    color: #7e7e7e
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;

}

a {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #444;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

iframe {
    border: none
}

#back-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1041;
    width: 64px;
    height: 64px;
    transition-duration: 0s;
    background: url('img/lienVersHaut.png') no-repeat scroll 0 0;
}

/*------------------------------------*\
    STRUCTURE GLOBAL
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width: 1239px;
    /* width:95%; */
    margin: 0 auto;
    position: relative;
}

.wrapperTampon {
    max-width: 948px;
    margin: 0 auto;
    position: relative;
}

.main-content {
    clear: both
}

.centreContenu {
    text-align: center
}

#contentAccueil {
    float: left;
    width: 100%;
    height: auto;
}

/* .articleInstallateur {max-width:1000px;margin:0 auto} */
.wrapper1000 {
    max-width: 1000px;
    margin: 0 auto
}

.wrapper1000.logoTahoma {
    max-width: 906px;
    margin: 0 auto
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/


.header {
    height: auto;
}

.header #menuPrincipal ul li {
    display: inline-block
}

#zoneHaut {
    max-width: 1394px;
    margin: 0 auto;
    height: 250px;
    border-bottom: 7px solid #e8e7e7
}


/* LOGO */
#logo {
    /* width: 300px; */
    /* height:66px; */
    float: left;
    /*
	margin-left: 227px; */
    margin: 30px 0 0 5px;
    width: 680px;
}

#logo img {
    width: 100%;
    height: 100%;
}

/* #logo {width:217px; height:66px; float:left;margin-top:50px;margin-left:227px;}*/
/* #logo img {width: 217px;height: 100%;} */




/*ZONE DEVIS*/
#zoneDevis {
    width: 352px;
    float: right;
    margin-top: 100px;
    height: 47px
}

#zoneDevis #accroche {
    padding-right: 31px;
    margin: 0;
    color: #7e7e7e;
    border-bottom: 1px solid #7e7e7e;
    padding-bottom: 5px
}

#zoneDevis #lien {
    padding-top: 7px;
    margin: 0;
    height: 35px;
    background: url('img/accueil/fleche.png') no-repeat scroll 0 7px;
    background-size: 20px 20px
}

#zoneDevis #lien a {
    padding-left: 26px;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
}

/*ZONE MENU HAUT*/
/* .menuHaut.cloned {width:100% !important;background:#fff;left: 0px !important;text-align: center;height:50px;line-height:50px} */
.stickyMenu {
    position: fixed;
    margin-top: 0 !important;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    background: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px
}

.stickyMenuMobile {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.menuHaut {
    float: right;
    clear: both;
    margin-top: 2px;
    padding-right: 36px
}

.menuHaut ul {
    margin-bottom: 13px
}

.menuHaut ul li {
    list-style: none;
    display: inline-block;
    padding: 0 7px
}

.menuHaut ul li a {
    font-size: 12px;
    color: #7e7e7e;
    text-transform: uppercase
}

/*ZONE MENU HAUT MOBILE*/
.zoneMobile {
    background: #e7e7e7;
    height: 50px;
    display: none
}

.menuHautMobile {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 240px;
    left: -240px;
    z-index: 9999;
    padding-top: 50px
}

.menuHautMobile ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}

.menuHautMobile ul li {
    list-style: none;
    padding: 10px 0
}

.menu_btn_haut {
    background: url('img/accueil/menu.png') no-repeat scroll 0 0;
    background-size: 38px 38px;
    display: block;
    width: 50px;
    height: 40px;
    float: left;
    margin: 3px 0 3px 26px;
    float: left;
}

.closeHaut {
    display: block;
    background: #373737 url('img/accueil/croix.png') center center no-repeat;
    height: 47px;
    width: 47px;
    position: absolute;
    top: 0;
    left: 240px;
}

.menuPrincMobile {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 325px;
    right: -325px;
    z-index: 9999;
    padding-top: 50px
}

.menu_btn_princ p {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding: 11px 37px 5px 0
}

.menu_btn_princ {
    background: url('img/accueil/menu2.png') no-repeat scroll top right;
    background-size: 38px 38px;
    display: block;
    width: 160px;
    height: 40px;
    float: right;
    margin-left: 43px;
    margin: 3px 26px 3px 0
}

.closePrinc {
    display: block;
    background: #373737 url('img/accueil/croix.png') center center no-repeat;
    height: 47px;
    width: 47px;
    position: absolute;
    top: 0;
    right: 325px;
}

.menuPrincMobile ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.menuPrincMobile ul li {
    list-style: none;
    padding: 10px 0
}

.menuPrincMobile ul li:first-child {
    border-right: 8px solid #f75555
}

.menuPrincMobile ul li:nth-child(2) {
    border-right: 8px solid #f7b155
}

.menuPrincMobile ul li:nth-child(3) {
    border-right: 8px solid #c7e423
}

.menuPrincMobile ul li:nth-child(4) {
    border-right: 8px solid #19c4e8
}

.menuPrincMobile ul li:nth-child(5) {
    border-right: 8px solid #b755dc
}

/*ZONE MENU PRINCIPAL*/
.header #menuPrincipal {
    max-width: 1348px;
    margin: 4px auto 0 auto
}

.header #menuPrincipal ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.header #menuPrincipal ul li {
    height: 60px;
    line-height: 60px;
    display: table;
    margin: 0 0 0 -5px;
    list-style: none;
    display: inline-block;
    padding: 0 8px
}

.header #menuPrincipal ul li.volet {
    border-bottom: 5px solid #f75555
}

.header #menuPrincipal ul li.volet:hover,
.header #menuPrincipal ul li.volet.current_page_item,
.header #menuPrincipal ul li.volet.actif {
    background: #f75555
}

.header #menuPrincipal ul li.store {
    border-bottom: 5px solid #f7b155
}

.header #menuPrincipal ul li.store:hover,
.header #menuPrincipal ul li.store.current_page_item,
.header #menuPrincipal ul li.store.actif {
    background: #f7b155
}

.header #menuPrincipal ul li.portail {
    border-bottom: 5px solid #c7e423
}

.header #menuPrincipal ul li.portail:hover,
.header #menuPrincipal ul li.portail.current_page_item,
.header #menuPrincipal ul li.portail.actif {
    background: #c7e423
}

.header #menuPrincipal ul li.alarme {
    border-bottom: 5px solid #19c4e8
}

.header #menuPrincipal ul li.alarme:hover,
.header #menuPrincipal ul li.alarme.current_page_item,
.header #menuPrincipal ul li.alarme.actif {
    background: #19c4e8
}

.header #menuPrincipal ul li.domotique {
    border-bottom: 5px solid #b755dc
}

.header #menuPrincipal ul li.domotique:hover,
.header #menuPrincipal ul li.domotique.current_page_item,
.header #menuPrincipal ul li.domotique.actif {
    background: #b755dc
}

.header #menuPrincipal ul li.violet {
    border-bottom: 5px solid #ee94e3
}

.header #menuPrincipal ul li.violet:hover,
.header #menuPrincipal ul li.violet.current_page_item,
.header #menuPrincipal ul li.violet.actif {
    background: #ee94e3
}

.header #menuPrincipal ul li.jaune {
    border-bottom: 5px solid #fdd566
}

.header #menuPrincipal ul li.jaune:hover,
.header #menuPrincipal ul li.jaune.current_page_item,
.header #menuPrincipal ul li.jaune.actif {
    background: #fdd566
}

.header #menuPrincipal ul li a {
    text-decoration: none !important;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    height: 100%;
    width: 100%;
    display: block;
}

.header #menuPrincipal ul li:hover a,
.header #menuPrincipal ul li.current_page_item a,
.header #menuPrincipal ul li.actif a {
    color: #fff;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
#banndeauBasPage {
    max-width: 737px;
    margin: 0 auto;
    padding: 30px 0;
    clear: left
}

.page-template-page_somfy_installateur .footer {
    margin-top: 50px
}

.footer {
    clear: left;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    background: #e7e7e7;
    min-height: 170px !important;
    height: auto;
    padding: 17px 33px 17px 12px
}

.home .footer {
    margin-top: 50px;
}


#reseauxSociauxLogo {
    position: absolute;
    height: 81%;
    top: 20px !important;
    bottom: 0;
    left: 12px;
    right: 0;
    float: right;
    width: 104px;
    border-right: 1px solid #000;
    margin-right: 24px;
}

#reseauxSociauxLogo #reseaux {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 13px;
    left: 0px;
}

#reseauxSociauxLogo #logoFooter {
    position: absolute;
    bottom: 0px;
    right: 13px;
    width: 90%;
    left: 0px;
}

#reseauxSociauxLogo #logoFooter img {
    width: 100%;
    height: auto;
    max-height: 40px
}

#reseaux p {
    margin: 10px 0 0 0;
    width: 23px;
    height: 23px;
    display: inline-block;
}

#reseaux p#fb {
    margin-right: 5px;
    background: url('img/accueil/ico-facebook.png') no-repeat scroll 0 0;
    width: 20px;
    height: 20px;
    background-size: 20px 20px
}

#reseaux p#mail {
    background: url('img/accueil/ico-mail.png') no-repeat scroll 0 0;
    width: 20px;
    height: 20px;
    background-size: 20px 20px
}

#reseaux p a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#menuAdresse {
    width: 826px;
    float: right;
    color: #7e7e7e;
    line-height: 1.2
}

#menuAdresse p {
    margin: 0
}

#menuAdresse #tel {
    font-size: 18px;
    font-weight: 700
}

#lienIL {
    width: 100%;
    text-align: center;
    height: auto;
    clear: left;
    float: left;
}

#lienIL a {
    font-family: 12px;
    color: #7e7e7e;
    display: inline-block
}

#lienIL a:hover {
    text-decoration: none
}

/*ZONE MENU HAUT*/
.footer .menuHaut {
    float: left;
    clear: both;
}

.footer .menuHaut ul {
    margin-bottom: 13px;
    padding: 0
}

.footer .menuHaut ul li {
    list-style: none;
    display: inline-block;
    padding: 0
}

.footer .menuHaut ul li:after {
    content: " | ";
    color: #7e7e7e;
    padding: 0 3px
}

.footer .menuHaut ul li:last-child:after {
    content: " ";
}

.footer .menuHaut ul li a {
    font-size: 13.5px;
    color: #7e7e7e;
    text-transform: uppercase
}

/*ZONE MENU PRINCIPAL*/
.footer #menuPrincipal {}

.footer #menuPrincipal ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.footer #menuPrincipal ul li {
    height: auto;
    line-height: 1.2;
    display: table;
    margin: 0;
    list-style: none;
    display: inline-block;
    padding: 0
}

.footer #menuPrincipal ul li:after {
    content: " | ";
    color: #000;
    padding: 0 3px
}

.footer #menuPrincipal ul li:last-child:after {
    content: " ";
}

.footer #menuPrincipal ul li a {
    text-decoration: none !important;
    font-size: 13.5px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}


/*ZONE ADRESSE*/
#zoneAdresse {
    position: absolute;
    bottom: 16px;
    clear: left;
    float: left
}


/*ZONE LOGO SOMFY*/
#logoSomfy {
    float: right;
    height: 85px;
    width: 217px;
    background: url('img/accueil/expert-somfy.png') no-repeat scroll 0 0;
    background-size: 217px auto;
}


/*------------------------------------*\
    PAGES ACCUEIL
\*------------------------------------*/
.titreBoite {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 31px;
    text-align: center;
    border-bottom: 1px solid #7e7e7e;
    color: #000;
    padding-bottom: 5px
}

#centreAccueil .titreBoiteBas {
    text-align: center;
}

#centreAccueil .titreBoiteBas a {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: 600
}

#centreAccueil .boite {
    padding: 0 13px
}


/*qsn*/
#QSN #contenu {
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #7E7E7E;
    padding-bottom: 26px;
}

#QSN #lienESP a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #7e7e7e
}

#QSN #lienESP {
    text-align: center;
    padding-top: 21px
}


/*nous contacter*/
#contactAccueil #img img {
    width: 100%;
    max-height: 157px
}

#contactAccueil #img {
    margin-bottom: 20px
}

#contactAccueil .infosContact {
    line-height: 1.2
}

#contactAccueil .infosContact#horaires {
    padding-top: 2px;
    min-height: 20px;
    margin-bottom: 19px;
    background: url('img/accueil/ico-heure.png') no-repeat scroll 0 0;
    padding-left: 30px;
    background-size: 20px 20px
}

#contactAccueil .infosContact#adresse {
    padding-top: 2px;
    min-height: 20px;
    margin-bottom: 23px;
    background: url('img/accueil/ico-position.png') no-repeat scroll 0 0;
    padding-left: 30px;
    background-size: 20px 20px
}

#contactAccueil .infosContact#coordonnees {
    min-height: 20px;
    background: url('img/accueil/ico-telephone.png') no-repeat scroll 0 0;
    padding-left: 30px;
    background-size: 20px 20px
}

#contactAccueil .infosContact#coordonnees p {
    margin: 0
}

#contactAccueil .infosContact#coordonnees #tel {
    padding-top: 2px;
    font-size: 18px;
    font-weight: 700
}

#planAccess {
    position: relative;
    margin-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #7e7e7e;
    margin-bottom: 18px
}

#planAccess iframe {
    width: 100%;
}

#planAccess #map {
    width: 303px;
    height: 205px
}

#contactAccueil #planAccess #map {
    width: 100%;
    height: 205px
}

#clickMap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500
}


/*HACK chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #planAccess {
        padding-bottom: 55px;
    }

}

/*------------------------------------*\
    PAGES ACCUEIL - ACTUS
\*------------------------------------*/
.contenuSlideActusSimple ul li {
    float: left;
    width: 33%
}

.jcarousel-wrapper-actusSlide .titreActu {
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.jcarousel-wrapper-actusSlide .lienESP {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.jcarousel-wrapper-actusSlide .lienESP a {
    background: url('img/accueil/ico-actu.png') no-repeat scroll 0 0;
    text-indent: -500em;
    width: 20px;
    background-size: 20px 20px;
    height: 20px;
    margin-top: 70px;
    display: inline-block
}



/*	ACTUS ACCUEIL SLIDE THEME 1*/

#exemple1 .jcarousel-wrapper-actusSlide {
    position: relative;
}

#exemple1 .jcarousel-slider-actusSlide {
    position: relative;
    height: 605px;
    overflow: hidden;
    width: 100%;
}

#exemple1 .jcarousel-slider-actusSlide ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#exemple1 .jcarousel-slider-actusSlide li {
    position: relative;
    height: 605px;
    width: 307px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#exemple1 .jcarousel-slider-actusSlideimg {
    display: block;
    max-width: 100%;
    height: auto !important;
}

#exemple1 .jcarousel-pagination-actusSlide {
    border-top: 1px solid #7e7e7e;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -43px;
    left: 0;
    margin: 0;
}

#exemple1 .jcarousel-pagination-actusSlide a {
    margin-top: 23px;
    outline: none !important;
    text-decoration: none;
    display: inline-block;
    text-indent: -500em;
    height: 12px;
    width: 12px;
    background: url('img/accueil/puce2-off.png') no-repeat scroll 0 0;
    margin-right: 7px;
}

#exemple1 .jcarousel-pagination-actusSlide a.active {
    background: url('img/accueil/puce2-on.png') no-repeat scroll 0 0;
}

#exemple1 .titreBoiteActus {
    display: none
}

#exemple1 .imageActu {
    /* height:280px; */
    float: left;
    margin-bottom: 21px;
    width: 100%;
}

#exemple1 .imageActu img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100% !important;
}

#exemple1 .contenuActu {
    clear: left;
}

/*	FIN ACTUS ACCUEIL THEME 1 */


/*------------------------------------*\
    FIN PAGES ACCUEIL - ACTUS
\*------------------------------------*/


/*------------------------------------*\
    PAGES ACCUEIL - REALISATIONS
\*------------------------------------*/

.titreBoiteTheme1 {
    display: none
}


/* REALISATIONS ACCUEIL THEME 1*/

#exemple1 .jcarousel-wrapper-real_1_2 {
    position: relative;
}

#exemple1 .jcarousel-slider-real_1_2 {
    position: relative;
    height: 221px;
    overflow: hidden;
    width: 100%;
}

#exemple1 .jcarousel-slider-real_1_2 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#exemple1 .jcarousel-slider-real_1_2 li {
    position: relative;
    max-width: auto;
    height: 221px;
    width: 307px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#exemple1 .jcarousel-slider-real_1_2 img {
    display: block;
    max-width: 100%;
    min-height: 222px;
    height: auto !important;
}

#exemple1 .jcarousel-control-prev-real_1_2 {
    position: absolute;
    top: 96px;
    width: 15px;
    height: 31px;
    background: url('img/accueil/fleche-gauche.png') no-repeat scroll 0 0;
    background-size: 15px 31px
}

#exemple1 .jcarousel-control-next-real_1_2 {
    position: absolute;
    top: 96px;
    width: 15px;
    height: 31px;
    background: url('img/accueil/fleche-droite.png') no-repeat scroll 0 0;
    background-size: 15px 31px
}

#exemple1 .jcarousel-control-prev-real_1_2 {
    left: 0;
}

#exemple1 .jcarousel-control-next-real_1_2 {
    right: 0;
}

#exemple1 .titreBoiteTheme1 {
    display: block
}

#exemple1 #reals {
    margin-bottom: 40px
}

#exemple1 #reals .titreBoiteTheme1 {
    text-align: center;
    font-size: 16px;
    color: #000000;
    margin-bottom: 6px
}

#exemple1 #reals .lienAll {
    text-align: center;
}

#exemple1 #reals .lienAll a {
    padding-top: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #7E7E7E;
    display: inline-block;
    text-transform: uppercase;
    padding-left: 26px;
    min-height: 23px;
    background: url('img/accueil/ico-realisation.png') no-repeat scroll 0 0;
    background-size: 20px 20px
}

#exemple1 #contenuSsImg {
    margin-top: 17px
}

#exemple1 .lienAllTheme2 {
    display: none
}

/* FIN REALISATIONS ACCUEIL THEME 1*/



/*------------------------------------*\
    FIN PAGES ACCUEIL - REALISATIONS
\*------------------------------------*/


/*------------------------------------*\
    PAGES ACCUEIL - SLIDER
\*------------------------------------*/

/* SLIDER GENERAL */
.lienSlide {
    display: none
}


/* SLIDER ACCUEIL THEME 1*/
.jcarousel-wrapper-Theme1 {
    max-width: 1344px;
    margin: 0 auto;
    position: relative;
}

.jcarousel-sliderTheme1 {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.jcarousel-sliderTheme1 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-sliderTheme1 li {
    position: relative;
    max-width: 1344px;
    height: 522px;
    width: auto;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel-sliderTheme1 img {
    display: block;
    max-width: 100%;
    height: auto !important;
}


.contenuTitreAccrocheTheme1 {
    padding: 17px 0 0 0;
    line-height: 1;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    height: 110px
}

.contenuTitreAccrocheTheme1 .titreSlide {
    margin: 0;
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.contenuTitreAccrocheTheme1 .accrocheSlide {
    margin: 0;
    font-size: 25px;
    color: #fff;
}

.jcarousel-sliderTheme1 .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.jcarousel-sliderTheme1 {
    max-width: 1344px;
    margin: 0px auto 40px auto;
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.jcarousel-sliderTheme1 .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.jcarousel-sliderTheme1 .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jcarousel-sliderTheme1 .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.jcarousel-sliderTheme1 .owl-item {
    float: left;
}

.jcarousel-sliderTheme1 .owl-controls .owl-page,
.jcarousel-sliderTheme1 .owl-controls .owl-buttons div {
    cursor: pointer;
}

.jcarousel-sliderTheme1 .owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.jcarousel-sliderTheme1 .grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.jcarousel-sliderTheme1 .owl-wrapper,
.jcarousel-sliderTheme1 .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.jcarousel-sliderTheme1 .owl-controls {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
}

.jcarousel-sliderTheme1 .owl-controls .owl-pagination {
    text-align: center
}

.jcarousel-sliderTheme1 .owl-controls .owl-buttons {
    display: none
}

.jcarousel-sliderTheme1 .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.jcarousel-sliderTheme1 .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #b8aea3;
}

.jcarousel-sliderTheme1 .owl-controls .owl-page.active span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: url('img/accueil/puce-on.png') no-repeat scroll 0 0
}

.jcarousel-sliderTheme1 .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    background: url('img/accueil/puce-off.png') no-repeat scroll 0 0
}

.jcarousel-sliderTheme1 .owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}



/* FIN SLIDER ACCUEIL THEME 1*/


/*------------------------------------*\
    FIN PAGES ACCUEIL - SLIDER
\*------------------------------------*/


/*------------------------------------*\
    PAGES TAMPON
\*------------------------------------*/

.imageHaut {
    /* min-height:272px; */
}

.page-template-page_tampon h1,
.page-template-page_somfy_installateur h1,
.page-template-page_simple h1,
.page-template-page_liste h1 {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 75px
}

.page-template-page_simple h1,
.page-template-page_liste h1 {
    text-transform: none
}

.qui-sommes-nous h1 {
    font-size: 35px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin-bottom: 75px
}

.page-template-page_somfy_installateur h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 39px
}

.volet h1,
.volet h2,
.volet-roulant h1,
.volet-roulant h2,
.volet-battant h1,
.volet-battant h2,
.volet-roulant-volet-battant h1 {
    color: #f75555;
}

.store h1,
.store h2,
.store-interieur h1,
.store-interieur h2,
.store-exterieur h1,
.store-exterieur h2,
.store-interieur-exterieur h1 {
    color: #f7b155;
}

.portail h1,
.portail h2,
.porte-de-garage h1,
.porte-de-garage h2,
.portail-porte-de-garage h1 {
    color: #c7e423;
}

.alarme h1,
.alarme h2 {
    color: #19c4e8;
}

.domotique h1,
.domotique h2 {
    color: #b256dc;
}

.violet h1,
.violet h2 {
    color: #ee94e3;
}

.jaune h1,
.jaune h2 {
    color: #fdd566;
}

.contenuTampon {
    padding: 0 20px
}

.page-template-page_tampon #contenu {
    margin-bottom: 153px;
    float: left;
}

.page-template-page_tampon .imageSLide {
    height: auto;
    margin-bottom: 30px
}

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

.page-template-page_tampon .titreSlide {
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.page-template-page_tampon .resumeTampon {
    min-height: 170px;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #7e7e7e;
    padding-bottom: 30px
}

.page-template-page_tampon .lienESPTampon {
    width: 100%;
    text-align: center
}

.page-template-page_tampon .lienESPTampon a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-top: 21px;
    color: #7e7e7e
}




/*------------------------------------*\
    PAGES INTERNE SOMFY - INSTALLATEUR
\*------------------------------------*/
.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 65px
}

.breadcrumbs a {
    color: #7E7E7E
}

.porte-de-garage .articleInstallateur:first-child {
    max-width: 1239px;
    margin: 0 auto
}

.marginBottomImg {
    margin-bottom: 90px !important
}

.contenuArticle {
    text-align: center
}

.contenuArticle img.imgWidth100_100 {
    width: 100%;
    height: auto;
    margin-top: 33px;
}

.contenuArticle p,
.contenuArticle ul li {
    font-size: 21px;
    color: #424242
}

.contenuArticle h3 {
    text-align: left;
    font-size: 22px;
    color: #424242;
    font-weight: 700
}




.rangerCell .panel-grid-cell {
    border-right: 1px solid #000;
    height: 100%
}

.rangeePointille .panel-grid-cell {
    border-right: 2px dotted #989898;
    height: 100%
}

.rangeePointille .panel-grid-cell:last-child,
.rangeePointille .panel-grid-cell:first-child,
.rangerCell .panel-grid-cell:last-child {
    border-right: none
}

.rangeeBAS {
    min-height: 262px
}

.boiteBASrouge {
    background: #f1f1f1;
    display: table;
    padding: 27px
}

.boiteBASorange {
    background: #f1f1f1;
    display: table;
    padding: 54px 27px
}

.boiteBASvert {
    background: #f1f1f1;
    display: table;
    padding: 49px 27px
}

.boiteBASviolet {
    width: 100%;
    background: #f1f1f1;
    display: table;
    padding: 10px
}

.boiteBASviolet p {
    text-align: center
}

.boiteBASrouge p,
.boiteBASorange p,
.boiteBASvert p,
.boiteBASviolet p {
    margin: 0
}

.boiteBASrouge .textWidget,
.boiteBASorange .textWidget,
.boiteBASvert .textWidget,
.boiteBASviolet .textWidget {
    display: table-cell;
    vertical-align: middle
}

.contenuBAS table tr td:first-child {
    background: #f1f1f1;
    padding: 27px
}

.BASrouge {
    width: 50px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    color: #f75555;
    font-weight: 700;
    font-size: 23px;
    background: #f1f1f1
}

.BASorange {
    width: 50px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    color: #f7b155;
    font-weight: 700;
    font-size: 23px;
    background: #f1f1f1
}

.BASvert {
    width: 50px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    color: #C7E423;
    font-weight: 700;
    font-size: 23px;
    background: #f1f1f1;
}

.BASviolet {
    width: auto;
    line-height: 65px;
    color: #b256dc;
    padding-left: 20px;
    font-weight: 700;
    font-size: 23px;
    display: inline-block;
    text-align: center;
    background: #f1f1f1
}

.motorisezVoletBattant p {
    margin: 0 0 42px 0
}

.motorisezVoletBattant p:first-child {
    margin-top: 55px
}

.motorisationVoletBattant ul li {
    margin-bottom: 0 !important
}

.motorisationVoletBattant ul li:nth-child(3) {
    margin-bottom: 20px !important
}



.titreSouligne {
    font-weight: 700;
    font-size: 24px;
}

.accrocheGrise {
    line-height: 1.2;
    display: block;
    font-size: 14px;
    color: #989898;
    font-weight: 700
}

.accrocheGriseNormal {
    width: 185px;
    display: block;
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
    color: #989898;
}

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

.titreNoir,
.titreNoirFleche {
    display: block;
    font-size: 18px;
    color: #424242;
    font-weight: 700
}

.titreNoirFleche {
    text-align: left;
    background: url('img/volet_roulant/fleche-noire.png') no-repeat scroll right 4px;
    background-size: 15px 15px;
    display: block
}

.widthCourt {
    margin: 0 auto;
    max-width: 628px
}

.widthMoyen {
    margin: 0 auto;
    max-width: 902px
}

.width685 {
    margin: 0 auto;
    max-width: 685px
}

.width610 {
    margin: 0 auto;
    max-width: 610px
}

.widthTresCourt {
    margin: 0 auto;
    max-width: 368px
}

.contenuImage {
    margin-bottom: 60px
}

.contenuTitreSouligne {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #000;
}

.imgLi {
    margin: 10px 20px 10px 30px !important;
    width: auto !important;
    clear: left
}

.rangeeBASorange .imgLi {
    margin: 10px 20px 10px 19px !important;
}

.rangeeBASorange tr td:nth-child(2) .divImgBAS:first-child .imgLi {
    margin: 10px 33px 10px 19px !important;
}

.rangeeBASvert .imgLi {
    margin: 10px 10px 10px 19px !important;
}

.rangeeBASvert tr td:nth-child(2) .divImgBAS:first-child .imgLi {
    margin: 10px 33px 10px 19px !important;
}

.contenuAlignLeft {
    text-align: left
}

.contenuAlignLeft ul li {
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
    float: left;
    list-style: none
}

.colorOrange .titreSouligne {
    color: #F7B155
}

.colorVert .titreSouligne {
    color: #c7e423
}

.tableauContenu img {
    margin: 0
}

.tableauContenu table {
    margin: 0 auto
}

.tableMargin table {
    margin: 0 auto
}

.keygoMargeImg table img {
    margin-left: 41px
}

.margeImg table img {
    margin-left: 27px
}

.margeImgKeytis table img {
    margin-left: 65px
}

table {
    border: none
}

.colorGris {
    color: #989898
}

.ulGrisFleche ul li {
    margin: 0;
    font-size: 14px;
    padding-left: 32px;
    background: url('img/accueil/fleche-grise.png') no-repeat 0 50%;
    list-style-type: none;
    background-size: 15px 15px;
    min-height: 15px
}

.ulGrisFleche ul {
    padding: 38px 0 0 0
}

.ulGrisFleche img {
    margin: 10px auto
}

.ulGrisFleche .titreNoir {
    font-size: 16px;
    min-height: 70px
}

.ulAvecFleche ul {
    padding: 0
}

.ulAvecFleche ul li {
    font-size: 15px;
    color: #424242;
    padding-left: 20px;
    line-height: 1.2;
    list-style-type: none;
    background: url('img/accueil/fleche-noire.png') no-repeat 0 7px;
    background-size: 15px 15px;
}

.portailUlFleche .ulAvecFleche ul li {
    font-size: 15px;
    color: #424242;
    padding-left: 20px;
    line-height: 1.2;
    list-style-type: none;
    background: url('img/accueil/fleche-noire.png') no-repeat 0 0px;
    background-size: 15px 15px;
}

.ulAvecFleche .titreNoir {
    margin-left: 20px;
    margin-bottom: 20px
}

.ulAvecFleche img {
    margin-right: 5px !important
}

.titre14 .titreNoir {
    font-size: 14px;
    font-weight: 400;
}

.titre14 img {
    width: 100%;
    height: auto
}

.titreNoir22 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2
}

.divImgBAS {
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle
}

.divImgBAS:first-child {
    margin-top: 0;
}

.divTexteImgBAS {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
    padding-top: 20px;
}

.divTexteImgBAS:first-child {
    padding-top: 0;
    display: inline-block;
}

.rangeeBASorange .divTexteImgBAS,
.lesPlus .divTexteImgBAS {
    width: calc(100% - 111px);
}

.rangeeBASvert .divTexteImgBAS {
    width: calc(100% - 110px);
}

.instantsConnectes .divTexteImgBAS {
    /* width:calc(100% - 127px); */
    width: calc(100% - 146px);
}

.interfaceIntuitive .divTexteImgBAS {
    width: calc(100% - 153px);
}

.interfaceIntuitive .divImgBAS {
    margin-top: 0
}

.lesPlus .divTexteImgBAS:nth-child(3) {
    margin-left: 47px !important
}

.moteurPortail .divImgBAS:first-child,
.moteurGarage .divImgBAS:first-child {
    margin-top: 24px
}

.moteurPortail .divTexteImgBAS,
.moteurGarage .divTexteImgBAS,
.moteurStoreExt .divTexteImgBAS {
    width: calc(100% - 115px);
}

.motorisationVoletBattant .divImgBAS.imgVide {
    width: 97px
}



/*HACK chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .motorisezVoletBattant td:last-child {
        padding-left: 30px
    }

    .portailUlFleche .ulAvecFleche ul {
        float: left;
        margin-left: 70px
    }

}





/*volet battant*/
.commandes p {
    line-height: 1
}

.commandes .titreNoir {
    text-align: left;
    display: block;
}

.commandes table tr td:last-child {
    padding-left: 30px
}

.widthMoyen .panel-grid-cell:first-child .commandes table tr td:nth-child(2) .titreNoir {
    margin-top: -55px
}

.widthMoyen .panel-grid-cell:last-child .commandes table tr td:nth-child(1) img {
    margin-bottom: 26px
}

.widthMoyen .panel-grid-cell:last-child {
    padding-left: 60px !important
}

/*volet roulant*/
.volet-roulant .contenuCell {
    padding: 0 12px
}

.volet-roulant .contenuCell ul {
    padding: 0;
    margin-top: 37px;
}

.volet-roulant .contenuCell ul li {
    list-style-type: none;
    background: url('img/volet_roulant/fleche-noire.png') no-repeat 3px 0;
    padding-left: 20px;
    background-size: 15px 15px;
    text-align: left;
    margin-bottom: 27px
}

.volet-roulant .contenuCell p,
.volet-roulant .contenuCell ul li {
    font-size: 16px
}

.volet-roulant .modernizez {
    text-align: left
}

.volet-roulant .modernizez h3 {
    margin-bottom: 37px;
}

.volet-roulant .modernizez a {
    display: block;
    height: 40px;
    padding-top: 7px;
    padding-left: 26px;
    font-weight: 600;
    background: url('img/accueil/fleche.png') no-repeat scroll 0 7px;
    background-size: 20px 20px
}




/*store int*/
.store-interieur .rangeeBASorange ul li:nth-child(2) .imgLi {
    margin-right: 19px !important
}


/*stoe ext*/
.BASStoreExt iframe {
    margin-left: 123px
}

.BASStoreExt ul:first-child .imgLi {
    margin-right: 11px !important
}

.BASStoreExt .boiteBASorange {
    padding: 264px 27px
}

.imgBASStoreExtParent {
    margin-bottom: 0 !important
}

.imgBASStoreExt img {
    margin-bottom: 0 !important
}

.imgBoitier {
    float: left;
    width: 100%;
    text-align: center;
}

.imgBoitier img {
    float: none
}

.pdtChoisirStore .accrocheGriseNormal {
    display: inline-block;
    width: 201px;
}




/*porte garage*/
.moteurGarage .panel-grid-cell:last-child {
    padding-left: 60px !important
}

.moteurGarage .imgLi,
.moteurPortail .imgLi {
    margin-top: 0 !important
}

.BASGarage .panel-grid-cell ul li:first-child img {
    margin-bottom: 53px;
    margin-right: 42px
}

.porte-de-garage .ulGrisFleche ul {
    padding: 15px 0 0 0
}

.pdtChoisirPorteGarage.ulGrisFleche ul li {
    background: transparent url("img/accueil/fleche-grise.png") no-repeat scroll 0px 0 / 15px 15px !important
}

/*portail*/
.divMoteursPortail .accrocheGriseNormal,
.moteurCremaillere .accrocheGriseNormal {
    margin: 0px auto;
    width: 202px;
}

.portailUlFleche .ulAvecFleche table img {
    margin-left: 54px;
    margin-right: 15px !important
}

.moteurPortail ul li:nth-child(2) .imgLi {
    margin-bottom: 20px !important
}

.BASPortail .panel-grid-cell ul li:nth-child(2) img {
    margin-right: 11px !important
}

.divMoteursPortailParent {
    float: left;
    width: 300px
}

.divMoteursPortailIntegreeParent {
    clear: left;
    margin-left: 145px;
}

.divMoteursPortailVideosParent {
    width: 560px;
    margin-right: 145px;
}

.divMoteursPortailVideosParent iframe {
    width: 100%;
    max-height: 280px
}

.portailCoulissant {
    clear: left
}

.moteurBrasParent {
    margin-left: 145px
}

.portail .widthMoyen .panel-grid-cell:last-child {
    padding-left: 0 !important
}

.moteurEnterreeParent {
    margin-right: 145px
}

.Keygo .accrocheGriseNormal,
.Keytis .accrocheGriseNormal,
.Tahoma .accrocheGriseNormal {
    text-align: left
}


/*alarme*/
.detecteursDom .panel-grid-cell img {
    margin-bottom: 45px
}

.detecteursDom .panel-grid-cell:nth-child(2) img,
.detecteursDom .panel-grid-cell:nth-child(3) img {
    margin-bottom: 35px
}

.clavierControle .panel-grid-cell:nth-child(1) img {
    margin-bottom: 20px;
}

.clavierControle .panel-grid-cell:nth-child(2) img {
    margin-top: 28px;
    margin-bottom: 36px;
}

.clavierControle .panel-grid-cell:nth-child(3) img {
    margin-bottom: 52px;
}

.telecommande .panel-grid-cell img {
    margin-bottom: 30px
}

.telecommande .panel-grid-cell:nth-child(4) img {
    margin-bottom: 35px
}

.applicationSomfy table,
.applicationTahoma table {
    margin: 0 auto
}

/* .applicationTahoma table tr td:first-child{ padding-left:182px } */
.applicationTahoma .accrocheGriseNormal {
    display: inline-block;
    width: 319px;
}

.controle .panel-grid-cell:nth-child(2) img {
    margin-top: 42px;
}

.protectionAlarme .panel-grid-cell {
    margin-bottom: 30px
}

.detecteursOuverture img {
    margin-bottom: 30px
}

.detecteursOuvertureBlanc img {
    margin-bottom: 37px
}

.detecteursOuvertureBM img {
    margin-bottom: 24px
}


/*domotique*/
.instantConnect iframe {
    margin-top: 30px
}

.styleVie .panel-grid-cell img {
    margin-bottom: 35px;
}

.styleVie .panel-grid-cell:nth-child(2) img {
    margin-top: 43px;
    margin-bottom: 41px;
}

.styleVie .panel-grid-cell p:nth-child(3) {
    line-height: 1
}

.logoTahoma p span {
    width: auto;
    float: left;
}

.logoTahoma .titreNoir22 {
    color: #424242
}

.logoTahoma {
    margin-top: -38px
}

.interfaceIntuitive table tr td:nth-child(2) img,
.interfaceIntuitive table tr td:nth-child(2) a {
    display: inline-block;
    vertical-align: middle
}

.interfaceIntuitive table tr td:nth-child(2) img {
    float: none
}

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

.domotique .h2BG h2:before {
    content: "";
    display: inline-block;
    background: url('img/domotique/TaHoma.png') no-repeat scroll 0 0;
    width: 193px;
    height: 30px
}

.domotique .divFloat:first-child,
.domotique .divFloat:nth-child(2) {
    float: left;
}

.domotique .divFloat:first-child {
    width: 60%
}

.domotique .divFloat:nth-child(2) {
    width: 40%
}


/*qsn,*/

.qui-sommes-nous .contenuArticle ul {
    text-align: left;
    margin-top: 76px;
    padding: 0
}

.qui-sommes-nous .contenuArticle ul li {
    color: #424242;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 56px;
    line-height: 1.2;
    padding-left: 32px;
    background: url('img/qsn/coche.png') no-repeat 0 50%;
    list-style-type: none;
    background-size: 20px 20px;
    min-height: 20px
}

.qui-sommes-nous .contenuArticle img.imgWidth100_100 {
    margin-bottom: 60px
}



.lienRealPage {
    text-align: center;
    margin: 20px 0 120px 0
}

.lienRealPage a {
    padding-left: 26px;
    padding-top: 2px;
    min-height: 23px;
    display: inline-block;
    background: url('img/accueil/ico-realisation.png') no-repeat scroll;
    background-size: 20px 20px;
    font-weight: 600;
    font-size: 13px;
    color: #7e7e7e;
    text-transform: uppercase;
}


.page-template-page_somfy_installateur .contenuArticle {
    margin-bottom: 76px
}

/*------------------------------------*\
    PAGES REALISATION
\*------------------------------------*/

.titreReal {
    text-align: center;
    font-size: 16px;
    padding: 20px 0
}


.jcarousel-realPage {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.jcarousel-realPage ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-realPage li {
    position: relative;
    max-width: 1000px;
    height: 697px;
    width: auto;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel-realPage img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.jcarousel-realPage .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.jcarousel-realPage {
    max-width: 1344px;
    margin: 0px auto 40px auto;
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.jcarousel-realPage .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.jcarousel-realPage .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jcarousel-realPage .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.jcarousel-realPage .owl-item {
    float: left;
}

.jcarousel-realPage .owl-controls .owl-page,
.jcarousel-realPage .owl-controls .owl-buttons div {
    cursor: pointer;
}

.jcarousel-realPage .owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.jcarousel-realPage .grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.jcarousel-realPage .owl-wrapper,
.jcarousel-realPage .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.jcarousel-realPage .owl-controls {
    width: 100%;
    margin: 0;
}

.jcarousel-realPage .owl-controls .owl-pagination {
    display: none
}

.jcarousel-realPage .owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.jcarousel-realPage .owl-prev {
    text-indent: -500em;
    position: absolute;
    top: 45%;
    width: 15px;
    height: 31px;
    background: url('img/accueil/fleche-gauche.png') no-repeat scroll 0 0;
    background-size: 15px 31px
}

.jcarousel-realPage .owl-next {
    text-indent: -500em;
    position: absolute;
    top: 45%;
    width: 15px;
    height: 31px;
    background: url('img/accueil/fleche-droite.png') no-repeat scroll 0 0;
    background-size: 15px 31px
}

.jcarousel-realPage .owl-prev {
    left: 0;
}

.jcarousel-realPage .owl-next {
    right: 0;
}


/*------------------------------------*\
    PAGES ACTUS
\*------------------------------------*/
.single .contenuSingle h2 {
    margin-bottom: 30px;
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

.single .contenuSingle #texteSingle {
    padding: 0 21px
}

.contenuSingle {
    height: auto;
    margin-bottom: 82px;
    float: left;
    width: 100%
}

.imgContenu,
#texteSingle img {
    height: auto;
    width: 100%
}

.lienActus,
.lienReal {
    margin-top: 75px;
    border-top: 1px solid #7e7e7e;
    padding: 21px 0;
    text-align: center;
}

.lienActus a,
.lienReal a {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.actusGenerales {
    min-height: 580px;
    width: 33%;
    float: left;
    padding: 20px
}

.actusGenerales h2 {
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin-bottom: 25px
}

.actusGenerales .imgContenu {
    max-height: 271px;
    min-height: 271px;
    margin-bottom: 25px
}

.actusGenerales .lienArticle {
    display: none
}







/*------------------------------------*\
    PAGES CONTACT
\*------------------------------------*/

.contactGauche #planAccess {
    border-bottom: none
}

.contactDroite {
    padding-left: 51px
}

.wpcf7-form label {
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 7px;
    margin-bottom: 0
}

.wpcf7-form input {
    padding: 0 10px;
    background: #e6e6e6;
    width: 100%;
    height: 38px;
    border: none;
    margin: 0 0 23px 0
}

.wpcf7-form textarea {
    padding: 0 10px;
    background: #e6e6e6;
    width: 100%;
    height: 288px;
    border: none;
    margin: 0 0 23px 0
}

.wpcf7-submit {
    text-transform: uppercase;
    background: none !important;
    border-top: 1px solid #7e7e7e !important;
    text-align: center;
    margin-top: 30px !important
}

#h2Contact {
    margin-bottom: 50px
}

.wrapperContact {
    padding: 0 30px
}




/*------------------------------------*\
    PAGES INFOS LEGALES
\*------------------------------------*/
.centerZone {
    margin-bottom: 75px
}



/*------------------------------------*\
    PAGES SIMPLES
\*------------------------------------*/
.page-template-page_simple br {
    display: block
}

.page-template-page_simple h3 {
    margin-bottom: 20px
}



/*------------------------------------*\
    PAGES 404
\*------------------------------------*/

#post-404 {
    clear: both
}

.error404 h1,
.titreSimple {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 75px;
}

.error404 h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}









/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'Font-Name';
    src: url('fonts/font-name.eot');
    src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
        url('fonts/font-name.woff') format('woff'),
        url('fonts/font-name.ttf') format('truetype'),
        url('fonts/font-name.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}