* {
    padding: 0;
    margin:  0;
}

/*******************************
		STYLE GENERAL
*******************************/

html {
    margin: 0 !important;
}

body {
    font-size:   16px;
    color:       #464444;
    font-family: 'Open Sans', sans-serif;
}

.wrapper {
    width:    80%;
    margin:   auto;
    position: relative;
}

.clear {
    clear: both;
}

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

a:hover {
    color: #55B8D8;
}

h1 {
    color:       #464444;
    font-size:   30px;
    font-weight: 600;
    margin:      0;
}

h2 {
    font-size:     24px;
    /*    margin:      0 0 15px;
        font-weight: 600;
        color:       #8ED1E8;*/
    font-weight:   300;
    color:         #636465;
    margin-bottom: 0;
}

h2:after {
    content:    '';
    display:    block;
    width:      50%;
    height:     2px;
    background: #EE5E2F;
    margin:     20px 0;
    max-width:  300px;
}
.not-line-after:after { content:    none;}

h2.has-text-align-center:after {
    margin-left:  auto;
    margin-right: auto;
}

h3 {
    font-weight:    400;
    font-size:      18px;
    margin:         0 0 5px;
    letter-spacing: 2px;
    color:          #EF5E2F;
}

p:not(:last-of-type) {
    margin-bottom: 10px;
}

/*Images*/

img {
    border:    0;
    max-width: 100%;
    height:    auto;
}

.alignleft {
    float: left;
}

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

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

.align-text-center {
    text-align: center;
}

.align-text-justify {
    text-align: justify;
}

.wp-block-columns.align-items-start {
    align-items: flex-start;
}

h2.align-text-center:after {
    margin-left:  auto;
    margin-right: auto
}

.transitions {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition:    all 500ms ease-in-out;
    -ms-transition:     all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
}

/*******************************
			HEADER
*******************************/
#header {
    background: #636466;
    height:     145px;
    z-index:    1;
    margin:     0 0 130px;
    position:   relative;
}

#header-sticky-wrapper {
    margin: 0 0 130px;
}

.home #header-sticky-wrapper,
.home #header, .page-template-new-home #header {
    margin: 0;
}

#header_content {
    width:  80%;
    margin: 0 auto;
}

#logo {
    background:      url('../images/bg_logo.png') no-repeat top center;
    background-size: 100% auto;
    width:           20%;
    height:          270px;
    text-align:      center;
    position:        absolute;
    left:            0;
    right:           0;
    margin:          0 auto;
}

#logo img {
    width: 70%;
}

.is-sticky #logo {
    height:     145px;
    background: #FFF;
    width:      300px;
}

.is-sticky #logo img {
    width:  220px;
    height: auto;
}

.menu-bg, .menu_responsive, div.burger {
    display: none;
}

/*******************************
			MENU
*******************************/

/***** MENU SECONDAIRE *****/

#menu_secondaire {
    float:   right;
    padding: 10px 0;
}

#menu_secondaire li {
    display:      inline-block;
    border-right: 1px solid #F9D817;
    padding:      0 20px;
    font-size:    18px;
}

#menu_secondaire li:last-child {
    border: 0;
}

#menu_secondaire li a {
    color:       #F9D817;
    font-weight: bold;
}

#menu_secondaire li a:hover {
    color: #FFF;
}

/***** MENU HEADER *****/

#menu_principal_droite {
    float: right;
}

#menu_principal_gauche {
    float: left;
}

.menu_principal {
    float:          left;
    width:          35%;
    height:         145px;
    line-height:    145px;
    font-weight:    600;
    text-transform: uppercase;
}

.menu_principal li {
    display:        inline-block;
    vertical-align: middle;
    line-height:    1.2;
    list-style:     none;
    width:          49%;
    text-align:     center;
    position:       relative;
}

.menu_principal li a {
    color:     #FFF;
    font-size: 16px;
}

.menu_principal li a:hover,
.menu_principal .current_page_item a {
    color: #EE5E2F;
}

.menu_actu {
    background: #5987C5;
}

.menu_principal ul li {
    background:  url('/wp-content/themes/isolation_confort/images/arrow_blanc-top.png') no-repeat top;
    padding-top: 20px;
}

/* SOUS MENU */

.menu_principal .sub-menu {
    height:   0;
    overflow: hidden;
}

.menu_principal li .sub-menu {
    position:           absolute;
    /* background: #EE5E2F; */
    background:         #636466;
    text-align:         center;
    z-index:            100;
    margin:             0;
    width:              100%;
    top:                100%;

    -webkit-transition: all 500ms linear;
    -moz-transition:    all 500ms linear;
    -ms-transition:     all 500ms linear;
    -o-transition:      all 500ms linear;
    transition:         all 500ms linear;
}

.menu_principal li:hover .sub-menu {
    height:             auto;
    padding-top:        50px;
    -webkit-transition: all 500ms linear;
    -moz-transition:    all 500ms linear;
    -ms-transition:     all 500ms linear;
    -o-transition:      all 500ms linear;
    transition:         all 500ms linear;
}

.menu_principal li .sub-menu li {
    padding:       10px 0;
    display:       inline-block;
    margin:        0 5%;
    width:         90%;
    height:        auto;
    text-align:    center;
    overflow:      hidden;
    height:        auto;
    line-height:   20px;
    border-bottom: 1px dashed #FFF;
    border-right:  0;
    text-align:    center;
    background:    none;
}

.menu_principal li:hover .sub-menu li:last-child {
    border-bottom: 0;
}

.menu_principal li .sub-menu li a,
.menu_principal li.current-page-ancestor .sub-menu li a,
.menu_principal li.current_page_item .sub-menu li a {
    color:          #FFF;
    text-transform: none;
    font-size:      14px;
    background:     none;
    padding:        0;
}

.menu_principal li .sub-menu li a:hover,
.menu_principal li.current-page-ancestor .sub-menu li a:hover,
.menu_principal li.current-page-ancestor .sub-menu li.current_page_item a,
.menu_principal li.current_page_item .sub-menu li.current_page_item a,
.menu_principal li.current_page_item .sub-menu li a:hover {
    color:      #EE5E2F;
    font-size:  14px;
    background: none;
    padding:    0;
}

/*******************************
			FOOTER
*******************************/

.widget-avis > div{margin:0 auto}

#footer {
    background:  #636466;
    clear:       both;
    padding:     40px 0 40px;
    font-size:   14px;
    color:       #A5A5A8;
    width:       100%;
    z-index:     10;
    position:    relative;
    font-weight: 300;
}

#footer li {
    list-style: none;
}

#footer a {
    color:      #FFF;
    background: url('../images/arrow.png') no-repeat left center;
    padding:    3px 0 3px 30px;
    display:    block;
}

#footer a:hover {
    color: #EE5E2F;
}

.content_footer {
    width:           80%;
    margin:          0 auto;
    display:         flex;
    justify-content: space-between;
    align-items:     flex-start;
}

#footer .widget {
    float: left;
    width: 33%;
}

#footer .widget_nav_menu {
    margin: 0;
    flex-basis: 20%;
}

#footer #nav_menu-2, #footer #nav_menu-3 {
    width:      25%;
    flex-basis: 25%;
}

.widgettitle {
    color:          #FFF;
    text-transform: uppercase;
    margin:         0 0 20px;
    font-size:      18px;
    font-weight:    700;
}

#nav_menu-4 {
    font-size: 12px;
    margin:    10px 0 0;
}

#nav_menu-4 li {
    display:      inline-block;
    padding:      0 10px;
    border-right: 1px solid #6C7477;
}

#nav_menu-4 li:last-child {
    border-right: none;
}

#nav_menu-4 li a {
    color: #FFF;
}

#nav_menu-4 li a:hover {
    color: #EE5E2F;
}

#footer #text-3 {
    width:      48%;
    /*margin-left: 2%;*/
    /*text-align:  center;*/
    text-align: right;
    flex-basis: 420px;
    margin-left: 30px;
}

div#text-3 .textwidget {
    display:         flex;
    justify-content: space-between;
    flex-wrap:       wrap;
}

#text-3 .textwidget a {
    margin:     0 5px;
    flex-basis: 80px
}

#text-3 .textwidget a:not(:nth-of-type(4n)) {
    margin-right: 5px;
    flex-basis:   80px
}

#text-3 a {
    display:        block;
    background:     #FFF;
    width:          100%;
    height:         0;
    padding-bottom: 80px;
    /*margin:         5px 0;*/
    position:       relative;
    box-sizing:     border-box;
}

#text-3 a:nth-of-type(n+5) {
    margin-top: 5px
}

#text-3 a:hover {
    opacity: 0.5
}

#text-3 img {
    width:     85%;
    position:  absolute;
    top:       50%;
    left:      0;
    right:     0;
    margin:    auto;
    transform: translateY(-50%);
}

#text-3 #qualibat {
    height: 85%;
    width:  auto;
}

#contact_footer {
    background: #636466;
    color:      #FFF
}

#contact_footer .content_footer {
    padding:    15px 0 5px;
    border-top: 1px solid #FFF;
    justify-content: space-between;

}

#contact_footer .content_footer .clear {
    display: none;
}

.adresse_footer {
    float:      right;
    color:      #FFF;
    text-align: right;
    width:      80%;
}

.reseaux_sociaux {
    float: left;
}

.reseaux_sociaux a {
    margin: 0 5px;
}

/*******************************
		PAGES GENERALES
*******************************/

#page {
    width:     100%;
    min-width: 80%;
}

.content {
    margin:     0 auto 40px;
    overflow-x: hidden;
}

.page_content {
    width:  80%;
    margin: 0 auto;
}

#colonne_gauche, #colonne_droite {
    display:        inline-block;
    vertical-align: top;
    width:          40%;
}

#colonne_gauche {
    margin: 0 5% 0 0;
    width:  54%;
}

/***** ACCUEIL *****/
#diapo {
    position:      relative;
    width:         100%;
    height:        485px;
    z-index:       0;
    overflow:      hidden;
    border-bottom: 15px solid #454444;
}

#slider-ctn {
    position: relative;
    z-index:  0;
}

.slider .owl-item.active .outer-caption {
    -webkit-animation-name:      bounceInUp;
    animation-name:              bounceInUp;
    -webkit-animation-duration:  1s;
    animation-duration:          1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:         both;
    -webkit-animation-delay:     0.5s;
    animation-delay:             0.5s;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity:           0;
        -webkit-transform: translateY(2000px);
        transform:         translateY(2000px);
    }

    60% {
        opacity:           1;
        -webkit-transform: translateY(-60%);
        transform:         translateY(-60%);
    }

    80% {
        -webkit-transform: translateY(-55%);
        transform:         translateY(-55%);
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform:         translateY(-50%);
    }
}

@keyframes bounceInUp {
    0% {
        opacity:           0;
        -webkit-transform: translateY(2000px);
        -ms-transform:     translateY(2000px);
        transform:         translateY(2000px);
    }

    60% {
        opacity:           1;
        -webkit-transform: translateY(-60%);
        -ms-transform:     translateY(-60%);
        transform:         translateY(-60%);
    }

    80% {
        -webkit-transform: translateY(-55%);
        -ms-transform:     translateY(-55%);
        transform:         translateY(-55%);
    }

    100% {
        -webkit-transform: translateY(-50%);
        -ms-transform:     translateY(-50%);
        transform:         translateY(-50%);
    }
}

.outer-caption {
    border:    20px solid #FFF;
    position:  absolute;
    left:      32%;
    right:     32%;
    top:       54%;
    transform: translateY(-50%);
    padding:   10px;
}

.inner-caption {
    background:  #FFF;
    text-align:  center;
    padding:     10%;
    font-weight: 300
}

.title-slide, .link-slide {
    text-transform: uppercase;
}

.title-slide, .text-slide {
    margin-bottom: 30px;
}

.title-slide {
    font-size: 31px;
}

.text-slide {
    font-size: 22px;
}

.link-slide {
    font-size:   14px;
    font-weight: 700
}

.slide-progress {
    width:      0;
    max-width:  100%;
    height:     4px;
    background: #EE5E2F;
}

#slide-1534 .inner-caption {
    background: #EE5E2F;
    color:      #FFF;
}

#slide-1534 .inner-caption a {
    color: #000;
}

#slide-1534 .inner-caption a:hover {
    color: #FFF;
}

#slide-1534 .outer-caption {
    border: 20px solid #EE5E2F;
}

.home_content {
    width:  80%;
    margin: 40px auto 0;
}

.home_content li {
    float:      left;
    padding:    0 0 0 40px;
    background: url('../images/arrow_orange.png') no-repeat left center;
    list-style: none;
    margin:     8px 0;
    width:      275px;
}

.home_content h1 {
    margin: 0;
}

.home_content .lien_catalogue {
    background: #8ED1E8;
    display:    inline-block;
    width:      200px;
    text-align: center;
    padding:    10px 0;
    margin:     20px 0;
    color:      #FFF;
}

.actu {
    margin: 20px 0;
}

#presentation {
    padding: 60px 0;
    color:   #636466;
}

#presentation h1, #presentation h2 {
    text-transform: uppercase;
}

#presentation h1 {
    font-size:      36px;
    font-weight:    700;
    letter-spacing: 0.1em;
    color:          #636466;
    margin:         0;
    line-height:    1
}

#presentation h2 {
    font-size:      30px;
    font-weight:    300;
    letter-spacing: 0.15em;
    color:          #636466;
}

#presentation .ctn-titles {
    width:   50%;
    display: inline-block;
}

#presentation .col {

    width:                100%;
    display:              inline-block;
    vertical-align:       bottom;
    font-weight:          400;
    font-size:            18px;
    box-sizing:           border-box;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count:    2; /* Firefox */
    column-count:         2;
    -webkit-column-gap:   40px; /* Chrome, Safari, Opera */
    -moz-column-gap:      40px; /* Firefox */
    column-gap:           40px;
    /*	-moz-column-fill: auto; !* Firefox *!
            column-fill: auto;*/
}

.realisation-gallery {
    font-size:      0;
    word-spacing:   -1px;
    letter-spacing: -1px
}

#presentation .col-left, #presentation .ctn-titles {
    padding-right: 2%;
    box-sizing:    border-box;
}

#presentation .col-right {
    padding-left: 2%;
}

#presentation p {
    line-height:    1.7;
    letter-spacing: 0.02em;
    margin-bottom:  30px
}

#presentation p:last-of-type {
    margin-bottom: 0
}

.ctn-link-home {
    position:       relative;
    text-align:     center;
    display:        inline-block;
    width:          50%;
    word-spacing:   normal;
    letter-spacing: normal
}

.ctn-link-home:after {
    content:    '';
    display:    block;
    z-index:    0;
    position:   absolute;
    top:        50%;
    left:       0;
    width:      100%;
    height:     1px;
    background: #636466;
}

.link-home {
    position:       relative;
    z-index:        1;
    text-transform: none;
    display:        inline-block;
    padding:        10px 5%;
    background:     #FFF;
    font-style:     italic;
    font-size:      14px;
}

.slider .owl-prev, .slider .owl-next {
    position:  absolute;
    top:       50%;
    transform: translateY(-50%);
    z-index:   7000;
    display:   block;
    width:     20px;
    height:    25px;
}

.slider .owl-prev i, .slider .owl-next i {
    color:     #FFF;
    font-size: 50px
}

.slider .owl-prev i:hover, .slider .owl-next i:hover {
    color: #EE5E2F;
}

.slider .owl-prev {
    left: 10px;
}

.slider .owl-next {
    right: 10px;
}

#presentation #gallery {
    margin-top: 10px;
    text-align: center;
}

#presentation .gallery-item {
    height:         auto;
    width:          25%;
    display:        inline-block;
    vertical-align: top;
    margin:         0;
    padding:        0;
    float:          none;
}

.gallery-icon a:hover {
    opacity: 0.5
}

.gallery-icon a:after {
    content:     '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display:     block;
    color:       #FFF;
    background:  #EE5E2F;
    position:    absolute;
    bottom:      0;
    right:       0;
    font-size:   35px;
    padding:     8px 11px;
}

.gallery-icon:hover a:after {
    background: #636466;
}

.inner-recrutement {
    width:      80%;
    margin:     auto;
    text-align: center;
    padding:    50px;
    color:      #000;
    border:     2px solid #000
}

.inner-recrutement h2 {
    font-size:      36px;
    font-weight:    900;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color:          #000;
}

.inner-recrutement h2::after{margin: 20px auto;}

.inner-recrutement .accroche {
    font-size:      24px;
    font-weight:    700;
    letter-spacing: 0.1em;
    display:        block;
    width:          80%;
    margin:         0 auto 25px;
}

.outer-recrutement {
    padding:  35px 0;
    position: relative;
}

.outer-recrutement .bg {
    position:                absolute;
    top:                     0;
    left:                    0;
    bottom:                  0;
    right:                   0;
    background:              url(../images/bg-recrutement.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -ms-background-size:     cover;
    -o-background-size:      cover;
    background-size:         cover;
    opacity:                 0.2;
    z-index:                 -1;
}

.btn_postulez {
    display:        inline-block;
    padding:        10px 30px;
    background:     #000;
    color:          #FFF;
    text-transform: uppercase;
    font-size:      24px;
    font-weight:    700;
    letter-spacing: 0.3em
}

.btn_postulez:hover {
    background: #FFF;
    color:      #000
}

#dossiers {
    margin: 40px auto
}

#dossiers h2:after {
    margin: 20px auto;
		background:#FFF;
}

.ctn-inner-dossiers {
    position: relative;
}

.ctn-title-dossier {
    text-align:    center;
    background: #eb5e30; 
	color:#FFF; padding:20px;
	width:60%;
	position: relative;
    z-index: 1;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.ctn-title-dossier .subtitle {
    font-size:      18px;
    font-weight:    400;
    letter-spacing: 0.8em;
    line-height:    1.7;

}

.ctn-title-dossier h2 {
    font-weight:    700;
    font-size:      36px;
    color:          #FFF;
    letter-spacing: 0.05em;

}

.ctn-title-dossier h2 span {
    text-transform: uppercase;
}

.list-dossiers {
    padding:    5%;
    /* background: #EE5E2F;
    color:      #FFF; */
    position:   relative;
	display:flex; gap:25px;
}

.dossier {
    margin-bottom: 50px;
	display:flex;
	gap:25px;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.dossier:last-of-type {
    margin-bottom: 0
}

.dossier:before {
    content:        '';
    display:        block;
    vertical-align: top;
    background:     url(../images/sprite.png) 0 0 no-repeat;
}

.list-dossiers h3 {
    font-size:      18px;
    line-height:    1.33;
    font-weight:    800;
    margin-bottom:  15px;
}

.excerpt-dossier {
    font-weight:    400;
    line-height:    1.28;
    position:       relative;
    padding-right:  15px;

}

.dossier > div {
    display:        inline-block;
    vertical-align: top;
    margin-left:    20px;
    width:          calc(100% - 71px);
}

.dossier .link-dossier {
    position: absolute;
    right:    0;
    bottom:   0;
    color:    #FFF;
}

/* .dossier a {
    color: #FFF
}

.dossier a:hover {
    color: #000
} */

.dossier .link-dossier i {
    font-size: 27px
}

#dossier-5:before {
    background-position: 0 -116px;
    width:               49px;
    height:              50px;
}

#dossier-544:before {
    background-position: -55px -116px;
    width:               49px;
    height:              50px;
}

#dossier-1141:before {
    background-position: -111px -116px;
    width:               50px;
    height:              50px;
}

#dossier-1143:before {
    background-position: -172px -116px;
    width:               51px;
    height:              50px;
}

#dossier-1145:before {
    background-position: -237px -116px;
    width:               50px;
    height:              45px;
}

/*.picture-dossier, .video-dossier {
    position: absolute;
    overflow: hidden
}

.picture-dossier {
	top: 5%; 
	left : 0;
	right:70%; 
	bottom: 27%;
	z-index: -1;
}*/

.row-dossier{position:relative; margin:0 0 100px;}
.ctn-title-dossier{position:absolute; right:0; bottom:-75px;}

.video-dossier {
    width:80%;
}

.picture-dossier img {
    height:     auto;
    width:      auto;
    max-width:  none;
    position:   absolute;
    top:        -9999px;
    bottom:     -9999px;
    left:       -9999px;
    right:      -9999px;
    margin:     auto;
    min-height: 100%;
    min-width:  100%;
}

/*.picture-dossier {
    position: absolute;
    top:      35%;
    left:     70%;
    right:    0%;
    bottom:   10%;

    z-index:  0
}


.video-dossier {
	position: absolute;
	top: 35%;
	left : 70%;
	right:0%;
	bottom: 10%;
	background: #000;
	z-index: 0
}*/
.video-dossier .bg {
    position:                absolute;
    top:                     0;
    left:                    0;
    bottom:                  0;
    right:                   0;
    background:              url(../images/bg-video.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -ms-background-size:     cover;
    -o-background-size:      cover;
    background-size:         cover;
    opacity:                 0.5;
    z-index:                 1
}

.link-video {
    display:  block;
    width:    100%;
    height:   100%;
    position: relative;
    z-index:  5;
}

.link-video > span {
    display:    block;
    text-align: center;
    position:   absolute;
    /*width: 89px;*/
    /*height: 59px;*/
    /*background: url(../images/sprite.png) -300px -116px no-repeat; */

    top:        50%;
    left:       0;
    right:      0;
    margin:     auto;
    transform:  translateY(-50%);
}

.link-video > span:before, .btn-video:before {
    display:     block;
    content:     '\f144';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size:   100px;
    color:       #FFF !important;
}

.link-video:hover > span:before {
    color: #EE5E2F !important;
}

.link-video:hover > span {
    background-position: -396px -116px;
}

.btn_services {
    box-sizing:     border-box;
    position:       absolute;
    bottom:         5%;
    left:           5%;
    right:          75%;
    text-align:     center;
    display:        inline-block;
    padding:        20px;
    background:     #636466;
    color:          #FFF;
    font-size:      30px;
    text-transform: uppercase;
}

/* .btn_services span {
	display: block;
	position: relative;
	padding: 10px; 
} */
/* .btn_services span:before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	right: 0;
	border: 1px solid #FFF;
} */
.btn_services:hover {
    background: #EE5E2F;
    color:      #FFF;
}

/* .btn_services:hover span:before{
	top: -20px;
	bottom: -20px; 
	left: -20px;
	right: -20px;
	-webkit-transition : all 0.5s ease-in-out;
	-moz-transition : all 0.5s ease-in-out;
	-ms-transition : all 0.5s ease-in-out;
	-o-transition : all 0.5s ease-in-out;
	transition : all 0.5s ease-in-out;
} */
/***** SERVICES *****/

.services li {
    list-style:     none;
    display:        inline-block;
    /* width:458px;
    margin:15px; */
    width:          47%;
    margin:         1%;
    vertical-align: top;
    padding:        0 !important;
    line-height:    normal !important;
    background:     none !important;
}

/***** CONTACT *****/

#volets-roulants-battants #colonne_droite,
#contact #colonne_droite {
    background: url('../images/patterns_colonne.jpg');
}

.cadre_formulaire {
    background: #FFF;
    padding:    20px;
    margin:     20px;
}

.wpcf7-form-control-wrap.cv, .wpcf7-form-control-wrap.lettre-motiv, .wpcf7 .label {
    width:   auto;
    display: inline-block;
}

.wpcf7-form-control-wrap.cv input, .wpcf7-form-control-wrap.lettre-motiv input {
    border: none
}

/*******************************
		GALLERY
*******************************/

.mini_galerie .image_galerie,
.gallery-item {
    float:      left;
    width:      150px;
    padding:    0 2%;
    margin:     20px 0;
    overflow:   hidden;
    height:     150px;
    position:   relative;
    transition: all 1000ms ease 0s;
}

.gallery-item {
    display: none;
}

.mini_galerie {
    margin:     20px 0 0;
    padding:    20px;
    background: #E6E6E6;
}

.mini_galerie a.lien_rea {
    background:     #EE5E2F;
    color:          #FFF;
    text-transform: uppercase;
    padding:        5px 0;
    display:        block;
    text-align:     center;
}

.mini_galerie a.lien_rea:hover {
    background: #8D3011;
}

#filtre_produit {
    margin: 20px 0;
}

#filtre_produit:hover {
    cursor: pointer;
}

/*******************************
		FORMULAIRE
*******************************/
.wpcf7-form {
    width: 100%;
}

.wpcf7-form label {
    width:      100%;
    margin:     10px 20px 10px 0;
    text-align: right;
}

.wpcf7-form-control-wrap {
    margin:  5px 0 10px 0;
    width:   100%;
    display: block;
}

.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input {
    border:  1px solid #DDD;
    width:   92%;
    padding: 1% 4%;
    color:   #464444;
}

.wpcf7-not-valid {
    border: 3px solid #F00 !important;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-validation-errors {
    border:      0 !important;
    text-align:  center;
    color:       #F00;
    font-weight: bold;
}

.wpcf7-mail-sent-ok {
    border:      0 !important;
    text-align:  center;
    color:       #AEC63E;
    font-weight: bold;
}

.wpcf7-submit {
    background:     #EE5E2F;
    color:          #FFF;
    font-size:      13px;
    padding:        6px 0;
    display:        block;
    width:          127px;
    text-align:     center;
    text-transform: uppercase;
    float:          right;
    border:         0;
}

.wpcf7-submit:hover {
    background: #ACB8BC;
    color:      #FFF;
    border:     0;
    cursor:     pointer;
}

#ctn-recaptcha {
    text-align: right;
}

.g-recaptcha {
    width:   304px;
    display: inline-block
}

/*******************************
		LISTES A PUCES
*******************************/
ul {
    list-style-type: none;
}

.text-news ul li,
.contenu ul li {
    background:   url('/wp-content/themes/isolation_confort/images/fleche.png') no-repeat;
    padding-left: 25px;
    line-height:  25px;
}

.contenu .capsorange ul li, .capsbleu ul li, .capsgris ul li {
    background:   url('/wp-content/themes/isolation_confort/images/puce.png') no-repeat;
    padding-left: 25px;
    line-height:  25px;
}

/*******************************
		CAPSULES
*******************************/
.capsorange {
    background: #EE5E2F url('/wp-content/themes/isolation_confort/images/roue-orange.jpg') no-repeat bottom right;
    color:      #FFF;
    padding:    20px;
}

.capsbleu {
    background: #55B8D8 url('/wp-content/themes/isolation_confort/images/roue-bleu.jpg') no-repeat bottom right;
    color:      #FFF;
    padding:    20px;
}

.capsbleu a:link, .capsbleu a:visited, .capsbleu a:active {
    color: #EE5E2F;
}

.capsbleu a:hover {
    text-decoration: underline;
}

.capsgris {
    background: #ADB8BC url('/wp-content/themes/isolation_confort/images/roue-gris.jpg') no-repeat bottom right;
    color:      #FFF;
    padding:    20px;
}

.capsorange h3, .capsbleu h3, .capsgris h3 {
    color:       #FFF;
    font-weight: bold;
    font-size:   18px;
    margin-top:  10px
}

/* *** */
.page h1 {
    font-size:      3em;
    text-transform: uppercase;
    color:          #EE5E2F;
    font-weight:    800;
    margin:         15px 0;
}

.page-template-page_produit p {
    margin-bottom: 10px;
}

.ctn-head-product-page {
    text-align:    center;
    margin-bottom: 40px;
}

.cat-product {
    font-size:      1.2em;
    text-transform: uppercase;
    font-weight:    300;
    color:          #636465
}

.page-template-page_produit h2 {
    font-weight: 300;
    color:       #636465
}

.thumb-h1-product-page img {
    max-width: 100%;
    height:    auto;
    position:  absolute;
    top:       -9999px;
    bottom:    -9999px;
    left:      -9999px;
    right:     -9999px;
    margin:    auto;
}

.thumb-h1-product-page {
    height:   350px;
    /*padding-bottom: 23%;*/
    overflow: hidden;
    position: relative
}

.thumb-h1-product-page a {
    display: block;
}

.thumb-h1-product-page a:hover {
    opacity: 0.6
}

.thumb-h1-product-page, .h1-product-page {
    width:          49%;
    display:        inline-block;
    vertical-align: middle
}

.h1-product-page h1 {
    color:          #000;
    font-weight:    900;
    text-transform: uppercase;
    font-size:      3em
}

.h1-product-page {
    padding:     2%;
    box-sizing:  border-box;
    text-align:  left; /***/
    position:    relative;
    background:  #E5E2E0;
    margin-left: 2%;
    width:       47%;
}

.h1-product-page:after {
    content:    "";
    display:    block;
    position:   absolute;
    top:        -10%;
    bottom:     11%;
    right:      -4%;
    left:       4%;
    background: #EE5E2F;
    z-index:    -1;
}

.h1-product-page hr {
    display:    block;
    width:      30%;
    height:     2px;
    margin:     10px 0;
    background: #EE5E2F;
    padding:    0;
    border:     0;
}

.ctn-two-columns-paragraph {
    margin: 40px auto;
}

.ctn-two-columns-paragraph h2 {
    text-align: center;
}

.two-columns-paragraph {
    -webkit-column-count: 2;
    -moz-column-count:    2;
    -ms-column-count:     2;
    -o-column-count:      2;
    column-count:         2;
    column-gap:           80px;
    -moz-column-fill:     balance;
    -webkit-column-fill:  balance;
    column-fill:          balance;
    text-align:           justify;
}

.mini_galerie .image_galerie {
    display:        inline-block;
    float:          none;
    vertical-align: middle;
    width:          20%;
    padding:        0;
    margin:         20px 2% 20px 0;
    overflow:       hidden;
    height:         0;
    padding-bottom: 20%;
    position:       relative;
    transition:     all 1000ms ease 0s;
}

.mini_galerie .image_galerie:lastt-of-type {
    margin-right: 0
}

.mini_galerie .image_galerie:hover {
    opacity: 0.6
}

.mini_galerie .image_galerie img {
    display:   block;
    position:  absolute;
    top:       -9999px;
    bottom:    -9999px;
    left:      -9999px;
    right:     -9999px;
    margin:    auto;
    height:    100%;
    max-width: none;
    width:     auto;
}

.mini_galerie .ctn-titre-rea {
    display:        inline-block;
    vertical-align: middle;
    width:          20%;
    padding-right:  2%;
    text-align:     right;
}

.mini_galerie .ctn-titre-rea h2 {
    font-size: 2.8em;
}

.mini_galerie .ctn-titre-rea hr {
    display:    inline-block;
    width:      42%;
    height:     2px;
    margin:     10px 0;
    background: #EE5E2F;
    padding:    0;
    border:     0;
}

.mini_galerie {
    margin:     40px 0;
    padding:    40px 2%;
    background: transparent;
    background: #F1F1F1;
    text-align: center;
}

.mini_galerie a.lien_rea {
    display:    inline-block;
    padding:    10px;
    margin-top: 10px;
}

.lien_catalogue {
    display:        inline-block;
    text-align:     center;
    vertical-align: middle;
    width:          49%;
    background:     transparent;
    color:          #EE5E2F
}

.lien_catalogue span {
    display: block
}

.lien_catalogue span:before {
    content:    "";
    display:    block;
    background: url(../images/sprite.png) no-repeat;
    margin:     0 auto 20px
}

.catalog-link span:before {
    width:               104px;
    height:              107px;
    background-position: -381px 0;
}

.catalog-link:hover span:before {
    background-position: -258px 0;
}

.contact-link span:before {
    width:               109px;
    height:              107px;
    background-position: -131px -0px;
}

.contact-link:hover span:before {
    background-position: -0 -0px;
}

.lien_catalogue:first-of-type {
    border-right: 1px solid #EE5E2F
}

.img-float-right {
    width:  35%;
    float:  right;
    margin: 0 0 2% 2%;
}

.contenu .list-two-columns > li {
    background:     none;
    padding-left:   0;
    display:        inline-block;
    vertical-align: top;
    width:          48%;
    margin-bottom:  10px;
}

.contenu .list-two-columns > li:nth-of-type(odd) {
    margin-right: 2%
}

.contenu .list-two-columns > li:before {
    content: none;
}

.fil-ariane {
    font-size:     0.8em;
    margin-bottom: 20px;
}

.ctn-form, .ctn_cadre_formulaire {
    display:        inline-block;
    vertical-align: top;
}

.ctn-form {
    width: 59%;
}

.ctn_cadre_formulaire {
    width:      38%;
    box-sizing: border-box;
    margin:     0 0 0 2%;
    padding:    2%;
    background: url('../images/patterns_colonne.jpg');
}

.cadre_formulaire {
    background: #FFF;
    margin:     0;
    padding:    2%;
    box-sizing: border-box;
}

.ctn-caps-parent-product {
    text-align: center;
}

.caps-parent-product {
    display:        inline-block;
    vertical-align: top;
    height:         0;
    width:          25%;
    padding-bottom: 33%;
    overflow:       hidden;
    position:       relative;
    margin:         0 1%;
}

.thumb-caps-parent-product img, .text-caps-parent-product {
    position: absolute;
}

.caps-parent-product:hover .text-caps-parent-product h2 {
    background: #58595B
}

.caps-parent-product:hover .thumb-caps-parent-product img {
    opacity: 0.6
}

.thumb-caps-parent-product img {
    top:     -9999px;
    left:    -9999px;
    right:   -9999px;
    bottom:  -9999px;
    display: block;
    margin:  auto;
    height:  100%;
    width:   auto;
}

.text-caps-parent-product {
    left:   25%;
    bottom: 10%;
    right:  0;
}

.text-caps-parent-product a {
    color: #FFF
}

.text-caps-parent-product h2 {
    padding:        2%;
    color:          #FFF;
    background:     #EE5E2F;
    margin:         0;
    text-transform: uppercase;
    font-size:      1.5em
}

.text-caps-parent-product h2 span {
    font-size:      0.6em;
    display:        block;
    margin-top:     5px;
    text-transform: none;
    font-weight:    300
}

.consigne {
    margin-bottom: 25px
}

.logo-float-left {
    width: 30%;
}

.text-logo-float-left {
    width:       67%;
    margin-left: 2%
}

.logo-float-left, .text-logo-float-left {
    display:        inline-block;
    vertical-align: top;
}

.chapo {
    letter-spacing: 2px;
    font-weight:    700;
    font-size:      1.4em;
}

#pt0-1, #pt0-3, #pt0-4, #tva-1, #tva-2, #tva-3, #cite-1, #cite-2, #cite-3 {
    position: relative;
    margin:   80px auto;
}

#pt0-1, #pt0-3, #pt0-4, #tva-1, #tva-2, #cite-1, #cite-2 {
    padding: 80px 0;
}

#pt0-1 h2, #pt0-3 h2, #pt0-4 h2, #tva-1 h2, #tva-2 h2, #tva-3 h2, #cite-1 h2, #cite-2 h2, #cite-3 h2 {
    font-weight:   300;
    color:         #636465;
    margin-bottom: 0
}

#pt0-1 h2:after, #pt0-3 h2:after, #pt0-4 h2:after, #tva-1 h2:after, #tva-2 h2:after, #tva-3 h2:after,
#cite-1 h2:after, #cite-2 h2:after, #cite-3 h2:after {
    content:    '';
    display:    block;
    width:      30%;
    height:     2px;
    background: #EE5E2F;
    margin:     20px 0
}

.text-pt0-1 p, .text-pt0-3 p, .text-pt0-4 p, .text-pt0-4b p, .text-tva-1 p, .text-tva-2 p, .text-tva-3 p,
.text-tva-3b p, .text-cite-1 p, .text-cite-2 p, .text-cite-3 p, .text-cite-3b p {
    margin-bottom: 10px;
    text-align:    justify;
}

.text-pt0-1 p:last-of-type, .text-pt0-3 p:last-of-type, .text-pt0-4 p:last-of-type, .text-pt0-4b p:last-of-type, .text-tva-1 p:last-of-type,
.text-tva-2 p:last-of-type, .text-tva-3 p:last-of-type, .text-tva-3b p:last-of-type, .text-cite-1 p:last-of-type, .text-cite-2 p:last-of-type,
.text-cite-3 p:last-of-type, .text-cite-3b p:last-of-type {
    margin-bottom: 0;
}

.text-pt0-1, .thumb-pt0-1, .text-pt0-3, .thumb-pt0-3, .text-pt0-4, .thumb-pt0-4, .text-tva-1, .text-tva-2, .thumb-tva-1, .thumb-tva-2,
.text-tva-3, .text-tva-3b, .text-cite-1, .text-cite-2, .thumb-cite-1, .thumb-cite-2, .text-cite-3, .text-cite-3b {
    display:        inline-block;
    vertical-align: middle;
}

.text-pt0-1, .text-tva-1, .text-cite-1 {
    width:       40%;
    margin-left: 55%
}

.text-pt0-3, .text-tva-2, .text-cite-2 {
    width: 45%;
}

.thumb-pt0-1, .thumb-pt0-3, .thumb-pt0-4, .thumb-tva-1, .thumb-tva-2, .thumb-cite-2, .thumb-cite-1 {
    position: absolute;
    top:      0;
    bottom:   0;
}

.thumb-pt0-1, .thumb-pt0-4, .thumb-tva-1, .thumb-cite-1 {
    left:  0;
    right: 50%;
}

.thumb-pt0-3, .thumb-tva-2, .thumb-cite-2 {
    left:  50%;
    right: 0%;
}

.ctn-img-absolute {
    overflow: hidden
}

.ctn-img-absolute img {
    position: absolute;
    top:      -9999px;
    bottom:   -9999px;
    left:     -9999px;
    right:    -9999px;
    margin:   auto
}

.ctn-list-beneficiaires, .ctn-contraintes-pt0 {
    display:        inline-block;
    vertical-align: middle;
}

.ctn-list-beneficiaires {
    width: 60%;
}

.ctn-list-beneficiaires > p {
    text-align: center;
}

.ctn-list-beneficiaires > p, .ctn-contraintes-pt0 > p {
    font-size:   1.1em;
    font-weight: 700;
}

.ctn-contraintes-pt0 {
    width:       35%;
    padding:     2%;
    box-sizing:  border-box;
    background:  #EE5E2F;
    color:       #FFF;
    margin-left: 5%;
}

.list-beneficiaire-pt0 {
    text-align: center;
    margin:     30px 0 0
}

#pt0-2 {
    display: none;
}

#pt0-2 li, #pt0-3 li, #pt0-4 li, #tva-1 li, #tva-2 li, #tva-3 li, #cite-2 li, #cite-3 li {
    background:   none;
    padding-left: 0
}

#pt0-2 .list-beneficiaire-pt0 li {
    display:        inline-block;
    vertical-align: top;
    width:          30%;
    margin-right:   5%;
    line-height:    1.3;
    font-weight:    300;
}

#pt0-2 .list-beneficiaire-pt0 li:last-of-type {
    margin-right: 0
}

.list-beneficiaire-pt0 li:before {
    content:    '';
    display:    block;
    margin:     0 auto 15px;
    width:      75px;
    height:     55px;
    background: url(../images/sprite.png) -496px 0 no-repeat;
}

.btn_default, .wp-block-button__link {
    padding:       10px 10px;
    background:    #EE5E2F;
    display:       inline-block;
    color:         #FFF;
    border:        none;
    border-radius: 2px;
    font-weight:   400;
    text-align: center;
    font-size:     inherit;
}

.btn_default:hover, .wp-block-button__link:hover {
    background: #636466;
    color:      #FFF
}

.read-more {
    font-size:      0.8em;
    font-weight:    300;
    text-transform: uppercase
}

#pt0-1 .read-more {
    float:      right;
    margin-top: 20px
}

.list-contraintes-pt0, #cite-3 ul {
    margin-top: 20px;
}

#pt0-4 ul, .text-tva-2 ul, .text-tva-3 ul, .list-logements-tva, #cite-2 ul {
    margin: 20px 0
}

.text-tva-1 ul, #pt0-4 ul, .text-tva-2 ul, .text-tva-3 ul, #cite-1 ul, #cite-2 ul, #cite-3 ul {
    padding-left: 20px
}

#pt0-2 .list-contraintes-pt0 li:before, #pt0-3 .ui-tabs-panel li:before, #pt0-4 li:before, #tva-1 li:before,
#tva-2 li:before, #tva-3 li:before, #cite-2 li:before, #cite-3 li:before {
    content:        '';
    vertical-align: middle;
    margin-right:   10px;
    display:        inline-block;
    width:          15px;
    height:         5px;
    background:     url(../images/sprite.png) -496px -64px no-repeat;
}

#pt0-2 .list-contraintes-pt0 li, #pt0-3 .ui-tabs-panel li, #pt0-4 li, #tva-1 li, #tva-2 li, #tva-3 li, #cite-2 li, #cite-3 li {
    padding-left:  25px;
    text-indent:   -25px;
    line-height:   1.3;
    margin-bottom: 10px
}

#pt0-2 .list-contraintes-pt0 li:last-of-type, #pt0-3 .ui-tabs-panel li:last-of-type, #pt0-4 li:last-of-type,
#tva-1 li:last-of-type, #tva-2 li:last-of-type, #tva-3 li:last-of-type, #cite-2 li:last-of-type, #cite-3 li:last-of-type {
    margin-bottom: 0px
}

#pt0-3 .ui-tabs-panel li:before, #pt0-4 li:before, #tva-1 li:before, #tva-2 li:before, #tva-3 li:before, #cite-2 li:before, #cite-3 li:before {
    background: url(../images/sprite.png) -516px -64px no-repeat
}

#pt0-3 .ui-tabs-nav {
    text-align: center;
    margin:     20px 0 0
}

#pt0-3 .ui-tabs-nav li {
    display:        inline-block;
    vertical-align: top;
    margin:         0 5%;
    width:          40%;
}

#pt0-3 .ui-tabs-nav li a {
    display:    block;
    padding:    5px 10px;
    background: #EE5E2F;
    color:      #FFF;
}

#pt0-3 .ui-tabs-panel {
    margin:  10px 0 0;
    padding: 2%;
}

.thumb-pt0-3-1, .thumb-pt0-3-2, .thumb-pt0-3-3 {
    position: absolute;
}

.thumb-pt0-3-1 {
    top:    0;
    bottom: 0;
    left:   0;
    right:  51%;
}

.thumb-pt0-3-2 {
    top:    0;
    bottom: 51%;
    left:   51%;
    right:  0%;
}

.thumb-pt0-3-3 {
    top:    51%;
    bottom: 0;
    left:   51%;
    right:  0%;
}

.text-pt0-4b {
    display:        inline-block;
    width:          35%;
    vertical-align: middle;
    margin-left:    5%;
}

.text-pt0-4 {
    width:       35%;
    margin-left: 25%
}

.text-pt0-4b .btn_default {
    float:      right;
    margin-top: 20px;
}

.text-pt0-4b h3, .text-cite-3 h3 {
    color:       #636466;
    font-weight: 600;
}

.thumb-pt0-4 {
    right: 80%;
}

.text-tva-3, .text-cite-3 {
    width:        60%;
    margin-right: 5%;
}

.text-tva-3b, .text-cite-3b {
    width:      35%;
    background: #EE5E2F;
    box-sizing: border-box;
    padding:    2%;
    color:      #FFF
}

.text-tva-3b a, .text-tva-3b h3, .text-cite-3b h3, .text-cite-3b a {
    color: #41241A;
}

.text-tva-3b a:hover, .text-cite-3b a:hover {
    color: #FFF;
}

#pt0-4 {
    background:          url(../images/question.png) 0 0 no-repeat;
    background-position: 100% 0;
    background-size:     auto 100%;
}

#criteres {
    width:              90%;
    margin:             auto;
    left:               0;
    right:              0;
    -webkit-transform:  translateX(110%) translateY(-50%);
    transform:          translateX(110%) translateY(-50%);
    -webkit-transition: all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
    position:           absolute;
    top:                50%;
}

.thumb-cite-2.active #criteres {
    -webkit-transform:  translateX(0) translateY(-50%);
    transform:          translateX(0) translateY(-50%);
    -webkit-transition: all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
}

.thumb-cite-2.active .inner-thumb-cite-2 {
    -webkit-transform:  translateY(-100%);
    transform:          translateY(-100%);
    -webkit-transition: all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
}

.thumb-cite-2 {
    overflow: hidden;
}

.inner-thumb-cite-2 {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    -webkit-transform:  translateY(0);
    transform:          translateY(0);
    -webkit-transition: all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
}

#table-performance thead td {
    background:     #EE5E2F;
    color:          #FFF;
    font-weight:    700;
    text-transform: uppercase;
}

#table-performance td {
    padding:     5px 10px;
    font-weight: 300;
    font-size:   0.9em
}

#table-performance tbody tr:nth-of-type(odd) {
    background: #FFF
}

#table-performance tbody tr:nth-of-type(even) {
    background: #FCD4C6
}

#table-performance tbody td:nth-of-type(even) {
    border-left: 1px solid #EE5E2F
}

#criteres p {
    margin-bottom: 20px;
    font-size:     1.2em;
    font-weight:   700;
    text-align:    left
}

#cite-2 .btn_default, #cite-3 .btn_default {
    float:      right;
    text-align: center;
}

#cite-3 .btn_default {
    background: #41241A;
    color:      #FFF;
}

#cite-3 .btn_default:hover {
    background: #FFF;
    color:      #41241A;
}

.text-tva-3b, .text-cite-3b {
    vertical-align: bottom;
}

#pt0-3, #cite-2, #tva-2 {
    background: #FCF8F6;
}

.text-pt0-3, .text-cite-2, .text-tva-2 {
    box-sizing:   border-box;
    padding-left: 5%;
}

#solar {
    position:   relative;
    padding:    80px 0;
    margin-top: 80px
}

.thumb-solar {
    width:    35%;
    position: absolute;
    right:    10%;
    bottom:   0;
    top:      0;
    overflow: hidden;
    z-index:  1;
}

.thumb-solar img {
    margin:   auto;
    left:     -9999px;
    position: absolute;
    right:    -9999px;
    bottom:   -9999px;
    top:      -9999px;
}

.price-block {
    position:   absolute;
    bottom:     10%;
    left:       40%;
    right:      30%;
    background: #EE5E2F;
    color:      #FFF;
    padding:    2%;
    box-sizing: border-box;
    z-index:    10;
}

.text-solar {
    width: 35%;
}

.big-price {
    font-size:      3.5em;
    line-height:    1;
    font-weight:    900;
    text-transform: uppercase;
    text-align:     right;
    display:        block;
}

.big-price span {
    font-size:      11px;
    display:        block;
    font-weight:    300;
    text-transform: none;
}

.price-block h3 {
    color:          #FFF;
    text-transform: none;
    font-size:      18px;
}

.price-block h3 .fa {
    font-size: 1.5em;
}

.price-block h3 .fa-quote-left {
    margin-right: 10px;
}

.price-block h3 .fa-quote-right {
    margin-left: 10px;
}

sup {
    font-size: 0.4em
}

#bubendorff {
    padding:  80px 0;
    position: relative;
    margin:   100px auto;
}

.thumb-bubendorff {
    position:   absolute;
    top:        0;
    left:       0;
    bottom:     0;
    width:      40%;
    background: #000
}

.thumb-bubendorff img {
    height:    100%;
    width:     auto;
    max-width: none;
}

.ctn-list-avantages-bubendorff {
    display:     inline-block;
    width:       85%;
    margin-left: 15%;
    box-sizing:  border-box;
    position:    relative;
    z-index:     1;
    background:  #F5F5F5;
    padding:     5%;
}

.ctn-list-avantages-bubendorff h2 {
    width:         50%;
    float:         Left;
    color:         #636466;
    font-size:     4em;
    font-weight:   600;
    text-align:    left;
    line-height:   1;
    margin-bottom: 0;
    box-sizing:    border-box;
}

.ctn-list-avantages-bubendorff h2 span {
    color:          #EE5E2F;
    text-transform: uppercase;
    line-height:    1.2;
}

.list-avantages-bubendorff > li:before {
    content:           '';
    display:           block;
    background-image:  url(../images/sprite.png);
    background-repeat: no-repeat;
    height:            50px;
    margin:            0 0 10px;
}

#bubendorff .list-avantages-bubendorff > li:nth-of-type(1), #bubendorff .list-avantages-bubendorff > li:nth-of-type(2) {
    margin-bottom: 40px
}

#bubendorff .list-avantages-bubendorff > li {
    display:        inline-block;
    vertical-align: top;
    width:          22%;
    margin:         0 0% 0px 3%;
    background:     none;
    padding-left:   0;
    line-height:    1.2
}

.ctn-list-avantages-bubendorff h3 {
    color:       #EE5E2F;
    font-weight: 700;
}

#bubendorff .list-avantages-bubendorff > li > ul > li {
    background:    none;
    font-weight:   300;
    font-size:     0.9em;
    line-height:   1.3;
    padding-left:  0;
    line-height:   1.2;
    margin-bottom: 10px;
    display:       none;
}

#bubendorff .list-avantages-bubendorff > li > ul > li:first-of-type {
    display: block;
}

#bubendorff .list-avantages-bubendorff > li > ul > li:first-of-type:after {
    content: 'En savoir plus';
    display: block;
    color:   #EE5E2F;
    cursor:  pointer;
    margin:  10px 0 0
}

#bubendorff .list-avantages-bubendorff > li > ul > li:first-of-type:hover:after {
    color: #636466;
}

#bubendorff .list-avantages-bubendorff > li > ul > li:last-of-type {
    margin-bottom: 0px
}

#bubendorff .list-avantages-bubendorff > li > ul > li:last-of-type:after {
    content: none;
}

.colors a {
    display:    block;
    margin-top: 10px;
}

.remote:before {
    width:               50px;
    background-position: -131px -189px;
}

.thermic:before {
    width:               21px;
    background-position: -190px -189px;
}

.aesthetic:before {
    width:               52px;
    background-position: 0 -189px;
}

.security:before {
    width:               69px;
    background-position: -283px -189px;
}

.solidity:before {
    width:               50px;
    background-position: -224px -189px;
}

.colors:before {
    width:               50px;
    background-position: -66px -189px;
}

.wp-image-1020 {
    margin-left: 50px;
}

.check-rgpd {
    margin-top: 15px;
    width:      100%
}

.check-rgpd span, .check-rgpd {
    width:      100%;
    box-sizing: border-box;
    text-align: left
}

.check-rgpd .wpcf7-list-item input {
    width:          20px;
    display:        inline-block;
    vertical-align: middle;
    margin-right:   15px;
}

.check-rgpd .wpcf7-list-item-label {
    display:        inline-block;
    vertical-align: middle;
    width:          auto;
}

.cn-button.bootstrap {
    background:       #95989C !important;
    background-image: none !important;
    border:           none !important;
    text-shadow:      none !important
}

.cn-button.bootstrap:hover {
    background: #FFF !important;
    color:      #000 !important
}

.wrap-html-sitemap > ul > li {

    vertical-align: top;

    background:     none;
    padding-left:   0;
    text-indent:    0;
    box-sizing:     border-box;
    margin-bottom:  10px;
}

.wrap-html-sitemap ul li a {
    display: block;
}

.wrap-html-sitemap ul li a:before {
    content:        '\f0da';
    display:        inline-block;
    vertical-align: middle;
    font-family:    'Font Awesome 5 Free';
    font-weight:    900;
    margin-right:   10px;
    color:          #636466;
}

.wrap-html-sitemap > ul {
    /* display: flex; */
    column-count: 3;
    column-gap:   40px;
}

.wrap-html-sitemap ul ul {
    padding-left: 20px;
}

.wrap-html-sitemap ul ul li a:before {
    content: none;
}

.chapo-parag {
    font-size:      1.1em;
    letter-spacing: 2px;
    font-weight:    700;
}

.wrap-html-sitemap > ul > li > a {
    text-transform: uppercase;
    color:          #636466;
    font-weight:    700;
}

.wrap-html-sitemap > ul > li > a:hover {
    color: #EE5E2F;
}

.wrap-html-sitemap > ul > li > a:before {
    content: none;
}

#testimonial {
    background: #EE5E2F;
    color:      #FFF;
    text-align: center;
    padding:    20px 5%;
    position:   relative;
    margin:     50px auto 0;
    box-sizing: border-box;
    width:      70%;
}

#testimonial:after {
    content:    '';
    display:    block;
    position:   absolute;
    width:      4000px;
    height:     6px;
    background: #EE5E2F;
    left:       -100%;
    top:        50%;
    z-index:    -1; /* opacity: 0; */
}

#testimonial h2 {
    font-weight:    700;
    text-transform: uppercase;
    font-size:      30px;
    margin:         20px 0 30px;
    color:          #FFF;
}

.testimonial-text {
    width:     70%;
    margin:    0 auto 10px;
    font-size: 20px;
    position:  relative
}

.testimonial-author {
    text-align:  center;
    font-weight: 300;
}

.stars {
    margin: 15px 0 0;
}

.stars span {
    display:   inline-block;
    font-size: 21px;
    margin:    0 2px;
}

.stars span:before {
    display: block;
}

.stars .gold-star:before, .stars .black-star:before {
    display:     block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.stars .gold-star:before {
    content: '\f005';
    color:   #DFED1E
}

.stars .black-star:before {
    content: '\f005';
    color:   #E3E4D3;
}

.testimonial-text:before, .testimonial-text:after {
    content:     '';
    display:     block;
    position:    absolute;
    opacity:     .2;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size:   45px;
}

.testimonial-text:before {
    top:     0;
    left:    -70px;
    content: '\f10d'

}

.testimonial-text:after {
    bottom:  0;
    right:   -70px;
    content: '\f10e'
}

.fl-right {
    display: inline-block;
    float:   right;
    margin:  0 0 15px 15px;
}

.fl-right a {
    display: block;
}

.fl-right a:hover {
    opacity: 0.7;
}

.fl-right a:first-of-type {
    margin-bottom: 5px
}

.grecaptcha-badge {
    display: none
}

.page-id-11 .grecaptcha-badge {
    display: block;
    z-index: 9999
}

.error404 .content {
    overflow: visible;
    margin:   100px auto;
}

.error404 .wrapper {
    max-width: 1300px
}

.ctn-flex {
    display:         flex;
    justify-content: space-between;
    align-items:     flex-start;
}

.ctn-subpages {
    flex-basis: 390px;
    right:      -60px;
    background: #FFF;
    top:        20px;
    padding:    5px;
    box-sizing: border-box;
    position:   relative;
    z-index:    6;
}

.ctn-subpages h2 {
    color:          #464444;
    margin:         0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size:      1.7em;
    padding:        0px 10px 0px 0px;
    text-align:     right;
    margin-bottom:  5px;
}

.list-404-subpages {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-between;
}

.list-404-subpages li {
    flex-basis: 170px;
    height:     170px;
    margin:     10px;
    text-align: center;
}

.list-404-subpages li a {
    letter-spacing:  1px;
    font-size:       1.15em;
    display:         flex;
    flex-direction:  column;
    height:          100%;
    justify-content: center;
    border:          1px solid #58595B;
    padding:         10px;
    box-sizing:      border-box;
    color:           #FFF;
    background:      #58595B;
}

.list-404-subpages li a:hover {
    background:   #EE5E2F;
    border-color: #EE5E2F;
    color:        #FFF;
}

.text-404 {
    text-align: center;
    background: #EE5E2F;
    color:      #FFF;
    box-sizing: border-box;
    padding:    90px;
    flex-basis: 400px;
    position:   relative;
    z-index:    5;
}

.number-404 {
    font-size:     13em;
    font-weight:   900;
    line-height:   1;
    margin-bottom: 40px;
    display:       block;
}

.text-404 p {
    font-size: 1.5em;
}

.text-404 .btn_default {
    background: #FFF;
    color:      #222;
    margin-top: 20px;
    display:    block
}

.text-404 .btn_default:hover {
    background: #222;
    color:      #FFF;
    margin-top: 20px;
    display:    block
}

.ctn-catalog-dl {
    flex-basis: 330px;
    align-self: flex-end;
    padding:    110px 50px;
    box-sizing: border-box;
    border:     2px solid #CECECE;
    font-size:  1.5em;
    text-align: center;
    position:   relative;
    left:       -65px;
    background: #FFF;
    z-index:    0;
    bottom:     -25px;
    box-sizing: border-box;
}

.ctn-catalog-dl a {
    display:    block;
    margin-top: 15px;
    background: #EE5E2F;
    color:      #FFF;
    padding:    10px 0;
    box-sizing: border-box;
}

.ctn-catalog-dl a:hover {
    background: #58595B;
    color:      #FFF;
}

.blog-content {
    margin: 80px auto 80px;
}

.ctn-achievements-news {
    margin-top:       50px;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
}

.ctn-achievements-news > div {
    -ms-flex-preferred-size: 47.5%;
    flex-basis:              47.5%;
    max-width:               47.5%;
}

.slider-news {
    margin-top: 30px;
}

.news-item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: start;
    -ms-flex-align:    start;
    align-items:       flex-start;
}

.blog .thumb-news {
    margin-right: 15px;
}

.thumb-news {
    -ms-flex-preferred-size: 180px;
    flex-basis:              180px;
}

.single .thumb-news {
    -ms-flex-preferred-size: 300px;
    flex-basis:              300px;
}

/*
.text-news {
    -ms-flex-preferred-size: calc(100% - 180px);
    flex-basis:              calc(100% - 180px);
    padding:                 0 30px;
    -webkit-box-sizing:      border-box;
    box-sizing:              border-box;
}*/


.text-news h3 a {

    color: #EE5E2F;
}

.text-news h3 a:hover {
    color: #636466;
}

/* .text-news h3 {
    color:          #636466;
    letter-spacing: 1px;
    line-height:    1.2;
    margin-bottom:  10px;
    font-weight:    600;
} */

.content-news {
    margin: 30px auto;
}

.excerpt-news {
    color:          #636466;
    letter-spacing: 2px;
    margin-bottom:  10px;
}

.ctn-news .owl-nav {
    position:  absolute;
    right:     0;
    bottom:    0;
    display:   -webkit-box;
    display:   -ms-flexbox;
    display:   flex;
    font-size: 30px;
}

.ctn-news .owl-nav > div {
    cursor:      pointer;
    margin:      0 9px;
    line-height: 1;
}

.ctn-news .owl-nav > div:hover {
    color: #EE5E2F;
}

.list-news {
    display:               -ms-grid;
    display:               grid;
    -ms-grid-columns:      1fr 50px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap:              50px;
}

.list {
    padding-left: 20px;
    margin:       20px 0;
}

.list li {
    padding-left:  25px;
    text-indent:   -25px;
    box-sizing: border-box;
    line-height:   1.3;
    margin-bottom: 10px;
}

.list.white li:before {
    color:        #fff;
    /*background:     url(/../images/sprite.png) -496px -64px no-repeat;*/
}


.list li:before {
    content:      '\f0da';
    font-family:  "Font Awesome 5 Free";
    font-weight:  900;
    margin-right: 10px;
    color:        #EE5E2F;
    /*background:     url(/../images/sprite.png) -496px -64px no-repeat;*/
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.list-rass-services {
    display:         flex;
    justify-content: center;
}

.contenu .list-rass-services li {
    background: transparent;
    padding:    0;
}

.list-rass-services li {
    margin:         0 25px;
    text-transform: uppercase;
    font-weight:    700;
    flex-basis:     250px;
    text-align:     center;
}

.list-rass-services li:before {
    content:           '';
    width:             70px;
    height:            70px;
    display:           block;
    margin:            0 auto 15px;
    background-image:  url('../images/sprite.png');
    background-repeat: no-repeat;
}

.measure:before {
    background-position: -594px 0;
}

.cutting:before {
    background-position: -687px 0;
}

.assembly:before {
    background-position: -783px 0;
}

.wp-block-columns.align-flex-start {
    align-items: flex-start;
}

.wp-block-columns {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    letter-spacing:    1px;
}

.wp-block-columns.has-2-columns > .wp-block-column {
    -ms-flex-preferred-size: 47.5%;
    flex-basis:              47.5%;
}

.wp-block-columns.asym-columns-1-2 > .wp-block-column:first-child {
    -ms-flex-preferred-size: 35% !important;
    flex-basis:              35% !important;
}


.wp-block-columns.asym-columns-2-1 > .wp-block-column:first-child {
    -ms-flex-preferred-size: 60% !important;
    flex-basis:              60% !important;
}

.wp-block-columns.asym-columns-1-2 > .wp-block-column:last-child {
    -ms-flex-preferred-size: 60% !important;
    flex-basis:              60% !important;
}

.wp-block-columns.asym-columns-2-1 > .wp-block-column:last-child {
    -ms-flex-preferred-size: 35% !important;
    flex-basis:              35% !important;
}

.wp-block-column {
    position: relative;
}

.wp-block-quote {
    /*font-family: "robotobold",sans-serif;*/
    font-size:      1.25em;
    letter-spacing: 2px;
    position:       relative;
    padding:        10px 50px;
    max-width:      700px;
    margin-left:    auto;
    margin-right:   auto;
    font-style:     italic;
}

.wp-block-quote:before, .wp-block-quote:after {
    display:     block;
    font-family: 'FontAwesome';
    color:       #010101;
    font-size:   36px;
    position:    absolute;
    line-height: 30px;

}

.wp-block-quote:before {
    top:     0;
    left:    0;
    content: '\f10d';
}

.wp-block-quote:after {
    bottom:  0;
    right:   0;
    content: '\f10e';
}

.wp-block-cover {
    padding:               40px;
    min-height:            150px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    text-align:            center;
    position:              relative;
    background-size:       cover;
    box-sizing:            border-box;
}

.wp-block-cover.has-background-dim .wp-block-cover-text, .wp-block-cover.has-background-dim .wp-block-cover__inner-container {
    color:          #FFF;
    position:       relative;
    z-index:        50;
    font-size:      1.4em;
    letter-spacing: 2px;
    max-width:      700px;
}

.wp-block-cover h2 {
    max-width: none;
}

.btn_default.btn-dl {
    background:    #FFF;
    color:         #636466;
    border:        1px solid;
    border-radius: 2px;
    padding:       8px 10px;
}

.btn_default.btn-dl:hover {
    background: #636466;
    color:      #FFF;
}

.btn_default.btn-align-right {
    float: right;
}

ol.ordered-list, .ordered-list > .wp-block-group__inner-container {
    list-style-type: none;
    counter-reset:   orderedList;
}

ol.ordered-list li, .ordered-list .wp-block-group__inner-container .wp-block-group__inner-container {
    counter-increment: orderedList;
    padding-left:      45px;
    position:          relative;

}

.ordered-list .wp-block-group__inner-container .wp-block-group__inner-container {
    cursor: pointer;
}

ol.ordered-list li:not(last-of-type), .ordered-list .wp-block-group__inner-container.wp-block-group__inner-container:not(last-of-type) {
    margin-bottom: 20px;
}

.ordered-list li:before, .ordered-list .wp-block-group__inner-container .wp-block-group__inner-container:before {
    content:         counter(orderedList);
    width:           35px;
    min-width:       35px;
    margin-right:    10px;
    position:        absolute;
    left:            0;
    top:             0;
    height:          35px;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     center;
    border:          1px solid #EE5E2F;
    color:           #EE5E2F;
    border-radius:   20px;
}

.ordered-list li.js-ordered-item:hover:before, .ordered-list .wp-block-group__inner-container .wp-block-group__inner-container.js-ordered-item:hover:before {
    background: #EE5E2F;
    color:      #FFF;
}

.ordered-list.js-ordered-item h3 {
    cursor: pointer;
}

.ordered-list h3 {
    color: #EE5E2F;
}

.ordered-list .wp-block-group__inner-container .wp-block-group__inner-container:hover h3 {
    color: #000;
}

.ordered-list .wp-block-group__inner-container .wp-block-group__inner-container p,
.ordered-list .wp-block-group__inner-container .wp-block-group__inner-container ul {
    height:     0;
    opacity:    0;
    transition: all 300ms ease-in-out;
}

.ordered-list .wp-block-group__inner-container .wp-block-group__inner-container p.active,
.ordered-list .wp-block-group__inner-container .wp-block-group__inner-container ul.active {
    height:  auto;
    opacity: 1;
}

.relative {
    position: relative;
}

.absolute-caps {
    position:   absolute;
    background: #EE5E2F;

    padding:    30px;
    bottom:     -40px;
    right:      40px;
    max-width:  350px;
}

.absolute-caps * {
    color: #FFF;
}

.absolute-caps p {
    font-weight: 300;
    font-size:   14px;
}

#color-alu {
    height:     0;
    opacity:    0;
    transition: all 300ms ease-in-out;
}

#color-alu .wp-block-group__inner-container {
    padding:    40px;
    background: lightgrey;
}

#color-alu.active {
    height:  auto;
    opacity: 1;
}

.focus {
    padding:         10px;
    background:      lightgrey;
    display:         flex;
    justify-content: space-between;
}

.focus > * {
    flex-basis: calc(100% - 45px);
}

.focus:before {
    content:      '\f05a';
    display:      block;
    font-weight:  900;
    margin-right: 10px;
    font-family:  'Font Awesome 5 Free';
    font-size:    34px;
}

.schema {

    background:    #F1F0F0;
    margin-bottom: 80px;
    height:        0;
    opacity:       0;
    overflow:      hidden;
    transition:    all 300ms ease-in-out;
}

.schema.active {
    height:   auto;
    overflow: hidden;
    opacity:  1;
}

.schema .wp-block-group__inner-container {
    padding: 40px;
}

.schema .wp-block-columns {

    max-width: 1000px;
    margin:    auto;
}

.bloc-pose {
    opacity:    0;
    overflow:   hidden;
    height:     0;
    transform:  translateX(2000px);
    transition: all 0.7s ease-in-out;
}

.bloc-pose.active {
    transform: translateX(0);
    opacity:   1;
    height:    auto;
}

.list-tabs {
    display:         flex;
    justify-content: space-between;
    max-width:       1400px;
    margin-left:     auto;
    margin-right:    auto;
}

.contenu .list-tabs li {
    background:   none;
    padding-left: 0;
    line-height:  1.2;
}

.list-tabs button {
    padding:         10px 35px;
    background:      #FFF;
    color:           #EE5E2F;
    text-transform:  uppercase;
    letter-spacing:  2px;
    border:          1px solid #EE5E2F;
    border-radius:   2px;
    width:           100%;
    height:          100%;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     center;
    cursor:          pointer;
}

.list-tabs button:hover, .list-tabs button.active {
    background: #EE5E2F;
    color:      #FFF;
}

.list-tabs li {
    flex:       1;
    max-width:  350px;
    text-align: center;
}

.list-tabs li:before {
    content: none;
}

.title-list-tabs {
    font-size: 1.5em;
}

.wp-block-gallery .blocks-gallery-item figcaption {
    box-sizing: border-box
}

.smaller {
    font-size: 0.8em!important;
}

.gallery-miniatures .blocks-gallery-item figure {
    height:     100px;
    flex-basis: 100px;
    width:      100px;
}

.gallery-miniatures .blocks-gallery-item figcaption {
    display: none;
}

.list-col-3 {
    display:         flex;
    justify-content: space-between;
    text-align:      center;
    margin:          20px 0;
}

.list-col-3 img {
    display:    block;
    margin:     0 15px 0 0;
    max-width:  100px;
    max-height: 100px;
    width:      auto !important;
}

.list-col-3 li {
    flex:       1;
    margin:     0 10px;
    display:    flex;
    text-align: left;
}

.box {
    padding:       20px;
    border:        1px solid grey;
    border-radius: 2px;
}

.wp-block-group.box .wp-block-group__inner-container .wp-block-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.list-idiamant {
    display:         flex;
    justify-content: space-between;
    margin:          40px 0 0
}

.list-idiamant li {
    flex:           1;
    margin:         0 15px;
    text-align:     center;
    font-size:      1.2em;
    letter-spacing: 2px
}

.list-idiamant li:before {
    content:          '';
    display:          block;
    background-image: url("../images/sprite.png");
    margin:           0 auto 10px;
    height:           75px;
}

.remote:before {
    background-position: -783px -114px;
    width:               111px;
}

.programmation:before {
    background-position: -687px -114px;
    width:               75px;
}

.control:before {
    background-position: -598px -114px;
    width:               74px;
}

.life:before {
    background-position: -516px -114px;
    width:               73px;
}

.btn-align-center {
    margin-left:  auto;
    margin-right: auto;
    max-width:    400px;
    display:      block;
    text-align:   center;
}

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

.img-center-900 {
    max-width: 900px;
}

.img-center-600 {
    max-width: 600px;
}

.img-center-300 {
    max-width: 300px;
}

.list-travaux li:before {
    content:          '';
    display:          block;
    background-image: url("../images/sprite.png");
    margin:           0 0 18px 10px;
}

.surpression:before {
    background-position: -527px -205px;
    height:              45px;
    width:               75px;
}

.thermique:before {
    background-position: -626px -205px;
    height:              39px;
    width:               75px;
}

.toxique:before {
    background-position: -711px -205px;
    height:              44px;
    width:               42px;
}

.list-travaux li:after {
    content:    '';
    display:    block;
    width:      110px;
    height:     55px;
    background: #C4E3E7;
    position:   absolute;
    top:        -5px;
    z-index:    -1;
    left:       0;
}

.list-travaux {
    display: flex;
}

.list-travaux li {
    position: relative;
    flex:     1;
    margin:   0 15px 25px;
}

.list-steps {
    list-style:    none;
    counter-reset: listCounter;
    position:      relative
}

.list-steps::before {
    content:  '';
    display:  block;
    width:    1px;
    height:   100%;
    z-index:  -1;
    position: absolute;
    left: 14px;
    background: lightgrey;
}

.list-steps li {
    counter-increment: listCounter;
    margin-bottom:     15px;
    padding-left:      40px;
    text-indent:       -40px;
}

.list-steps li::before {
    content:         counters(listCounter, ".", upper-roman);
    margin-right:    10px;
    padding:         5px;
    background:      #EE5E2F;
    color:           #FFF;
    width:           30px;
    box-sizing: border-box;
    height:          30px;
    display:         inline-flex;
    justify-content: center;
    align-items:     center;
    text-align:      center;
    border-radius:   50px;
    text-indent:     0;
}
.hide-content {
    display: none;
}

.ctn-share .norm_row.sfsi_wDiv  {
    text-align: right!important;
}
.ctn-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bigger {
    font-size: 1.2em
}
.border-block {
    padding: 40px;
    border: 1px solid lightgrey
}

#popup {
    padding: 15px;
    background: #ee5e2f;
    color: #fff;
    position: relative;
    display: none;
    font-size: 12px;
}

#popup h2:after {
    content: none;
    /* color: #fff; */
}

#popup h2 {
    color: #fff;
    font-weight: 700;
    font-size: 1.15em;
}

#closePopup {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    BORDER: none;
    color: #fff;
    padding: 0;
    font-size: 20px;
    cursor: pointer;

}

#popup .btn_default {
    margin-top: 10px;
    background: #fff;
    color: #ee5e2f;
    padding: 5px;
}

#popup .btn_default:hover {

    background: #636466;
    color: #fff;

}


.list.two-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list.two-columns li {
    flex-basis: 47%;
    background: none;
}
.list.check-before li:before {
    content: '\f00c';
}



/* RECRUTEMENT */

.menu_left_points{
	float: left;
	box-sizing: border-box;
}

.contenu_points{
	padding: 30px;
	box-sizing: border-box;
	float: left;
	height: 0;
	height: auto;
	padding: 0;
/* 	position: absolute; */
	right: 0;
	top: 0;
}

.menu_left_points h3,
.placer_menu_points h3{
	display: block;
	padding: 20px 40px 20px 20px;
	border-bottom: 1px solid #eee;
	color: #ee5e2f;
	font-size: 1em;
	cursor: pointer;
	margin: 0;
	line-height: 1.5em;
}

.point_active .nom_menu_gauche{
	background: #ee5e2f;
	color: #fff;
}

.wrap_points_forts {
	margin: 50px auto;
}

.wrap_rel_point{
	position: relative;
	border-top: 1px solid #eee;
}

.inside_contenu_points{
	padding: 30px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.bloc_points_forts{
	padding-left: 30%;
}

.bloc_points_forts .contenu_points{
	display: none;
}

.bloc_points_forts:first-of-type .contenu_points{
	display: block;
}

.bloc_points_forts:first-of-type .nom_menu_gauche{
	background: #ee5e2f;
	color: #fff;
}

.bloc_points_forts.point_active .contenu_points{
	display: block !important;
}

.is-clicked.nom_menu_gauche{
	background: #ee5e2f;
	color: #fff;
}

.inside_contenu_points p{
	font-size: 1em;
	line-height: 1.8em;
	margin: 20px 0;
}

.img-right{
	max-width: 70%;
}

.txt-super {
	background: #fff;
	padding: 10px 30px;
	max-width: 80%;
	float: right;
	margin-top: -100px;
	position: relative;
	margin-bottom: 30px;
}

.txt50{
	width: 50%;
	float: left;
}

.img50{
	width: 50%;
	float: left;
	padding-left: 20px;
}

.bloc-securite {
	padding: 30px 50px;
	background: #f9f9f9;
	position: relative;
	overflow: hidden;
	padding-left: 40%;
	border-top: 5px solid #ee5e2f;
}

.bloc-securite img {
	margin: 0 auto 0px auto;
	display: block;
	position: absolute;
	left: -40px;
	bottom: -40px;
	width: 40%;
	transform: rotate(24deg);
	-webkit-transform: rotate(24deg);
	opacity: 1;
}

.bloc-securite p {
	position: relative;
	z-index: 10;
	margin: auto;
	font-size: 1em;
	line-height: 1.8em;
	text-align: justify;
	font-weight: 700;
}

.list-territoire {
	padding-left: 30px;
}

.list-territoire li{
	margin: 30px 0 10px 0;
}

.list-territoire li::before{
	content:'';
	display: inline-block;
	width: 12px;
	height: 17px;
	background: url(../images/arrow_orange.png) no-repeat;
	background-size: contain;
	background-position: center center;
	margin-right: 5px;
	position: relative;
	bottom: -3px;
}

.list-territoire p{
	margin: 0;
	font-style: italic;
	font-size: .9em;
	line-height: 1.3em;
}

.no-rotate img{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	height: 100%;
	object-fit:cover;
	margin: 0 auto 0px auto;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35%;
}

.bloc-lyon{
	border: none;
}

.bloc-lyon p {
	position: relative;
	z-index: 10;
	margin: auto;
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
	font-weight: 400;
}

.placer_menu_points {
	width: 30%;
	position: absolute;
	left: 0;
	top: 0;
}

.go_back_top{
	width: 50px;
	height: 50px;
	display: none;
	position: absolute;
	right: 0;
	bottom: -50px;
	background: #ee5e2f;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-size: 2em;
}


.button_recrute {
	position: fixed;
	right: 0;
	top: 10vh;
	background: #ee5e2f;
	border: 1px solid #ee5e2f;
	border-right: none;
	color: #fff;
	display: block;
	padding: 15px 10px;
	text-transform: uppercase;
	letter-spacing: -.3em;
	font-size: .9em;
	z-index: 9999;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-weight: 700;
	transition: all .3s;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.02);
}

.button_recrute:hover {
	background: #636466;
	color: #fff;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
}

.page-id-2552 .button_recrute{
	display: none;
}

.button_recrute.isopen{
	display: none;
}

/* OFFRES EMPLOI */

.wrap_offre_emploi{
	margin: 60px auto;
}

.item-offres{
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	transition: all .3s;
}

.item-offres.offre_isopen{
	align-items: flex-start;
}

.item-offres:first-of-type{
	border-top: 1px solid #dddd;
}

.offre_isopen.item-offres {
	border-color: #ee5e2f;
}

.offre_isopen.item-offres:first-of-type{
	border-top-color: transparent;
}

.item-offres h3{
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.item-offres p{
	font-size: .9em;
}

.item-offres li {
	font-size: .9em;
	list-style: disc;
	margin: 10px 0 10px 15px;
}

.surtitre_offre {
	background: #F2F2F2;
	padding: 12px 25px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .15em;
	border-left: 5px solid #ee5e2f;
	margin: 30px auto 20px auto;
	font-size: 1.05em;
}

.date_debut{
	color: #ee5e2f;
	font-style: italic;
	margin-top: 40px;
	font-size: 1.1em;
}

.logo_isolation{
	width: 60px;
	height: 60px;
	background: url(../images/icon-logo.jpg) no-repeat center / contain;
}

.contenu_offre{
	padding: 10px 30px;
	transition: all .3s;
}

.ouvrir_loffre,
.go_postoffre {
	background: #ee5e2f;
	color: #fff;
	font-size: 1em;
	padding: 12px 25px;
	cursor: pointer;
	display: block;
	text-align: left;
	text-transform: uppercase;
	margin-top: 30px;
	transition: all .3s;
}

.go_postoffre{
	display: inline-block;
}

.ouvrir_loffre::before{
	content:'\f055';
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .9em;
    margin-right: 8px;
}

.go_postoffre::before{
	content:'\f057';
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .9em;
    margin-right: 8px;
}

.ouvrir_loffre:hover,
.go_postoffre:hover{
	background: #acb8bc;
	color: #fff;
}

.offre_isopen .contenu_offre{
	padding: 10px 30px 10px 0;
}

.lesplus_offres{
	width: 280px;
	background: #F2F2F2;
	padding: 40px;
	text-align: center;
}

.lesplus_offres p{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 20px;
	font-weight: 600;
}

.lesplus_offres p::before{
	content: '';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .9em;
    margin-right: 8px;
    color: #ee5e2f;
}

.lesplus_offres p.type_contrat::before{
	content:'\f15b';
}

.lesplus_offres p.salaire_contrat::before{
	content:'\f51e';
}

.lesplus_offres p.exp_contrat::before{
	content:'\f005';
}

.lesplus_offres p:last-of-type{
	margin-bottom: 0;
}

.col_point_forts{
	margin: 100px auto;
}

.col_point_forts figure{
	width: 60px;
	height: 60px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -60px;
}

.col_point_forts figure img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.col_point_forts .wp-block-column {
	position: relative;
	padding: 30px;
	border-top: 1px solid #E5E2E0;
	text-align: center;
	background: #FAFAFA;
}

.col_point_forts .wp-block-column p:first-of-type strong{
	text-transform: uppercase;
}

.logo-marquises figure{
	position: relative;
}

.logo-marquises figure::before{
	content:'';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 30px;
	background: url(../images/logo-marquises.jpg) no-repeat center / contain;
}

.logo-marquises.logo-right figure::before{
	right: 30px;
}

.logo-marquises.logo-left figure::before{
	left: 60px;
}

.media0{
	gap: 60px;
	margin: 100px auto;
}

.media0 .wp-block-media-text__content{
	padding: 40px 0;
}

.wp-block-separator {
	border-color: #E9E9E9;
	margin: 20px auto;
}

/* ACCORDION */

.accordion .link {
	border-bottom: 1px solid #DBDBDB;
	padding: 20px 38px 20px 8px;
	margin-bottom: 0;
	color: #000;
	position: relative;
	letter-spacing: 1px;
	font-size: 1.3em;
	cursor: pointer;
	text-transform: none;
	transition: all .3s;
}

.accordion .item-accordion:first-of-type .link{
	border-top: 1px solid #DBDBDB;
}

.accordion .link::after{
	content:'\f078';
	display: inline-block;
	position: absolute;
	right: 8px;
	font-size: .7em;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.accordion .link:hover{
	border-color: #EF5E2F;
}

.accordion .item-accordion.active .link{
	color: #EF5E2F;
	border-color: #EF5E2F;
}

.accordion .item-accordion.active .link::after{
	content:'\f077';
}

/* submenu */

.accordion .submenu {
	display: none;
	padding: 12px;
}

.accordion .submenu p{
	letter-spacing: 0;
}

/* SINGLE *//* SINGLE *//* SINGLE *//* SINGLE */
/* SINGLE *//* SINGLE *//* SINGLE *//* SINGLE */
/* SINGLE *//* SINGLE *//* SINGLE *//* SINGLE */

.media_actus{
	margin: 80px auto;
	gap : 50px;
}

.media_actus .wp-block-media-text__content{
	padding: 30px 0;
}

/* --- */

div.y{
	top:22px !important;
}

.btn-dl{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
}

.btn-dl h2{
	width: 100%;
	text-align: center;
}

.btn-dl h2::after {
	margin-left: auto;
	margin-right: auto;
}

.btn-dl a{
	display: inline-block;
	padding: 10px 20px;
	background: #EE5E2F;
	color: #FFF;
	text-transform: uppercase;
	transition: all .3s;
	margin: 0 5px;
}

.btn-dl a:hover{
	background: #8D3011;
}

.col_bloc_gris {
	flex-wrap: wrap !important;
}

.col_bloc_gris .wp-block-column {
	padding: 40px;
	box-sizing: border-box;
	background: #EE5E2F;
	text-align: center;
	flex-basis: 48% !important;
}

.col_bloc_gris .wp-block-column p{
	color: #fff;
}

.col_bloc_gris .wp-block-column p:first-of-type{
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.col_bloc_gris .wp-block-column p:first-of-type::after{
	content:'';
	display: block;
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 20px auto 0 auto;
}

.flex_titre_btn{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_titre_btn h2{
	display: inline-block;
}

a.button-base{
	display: inline-block;
	padding: 10px 20px;
	background: #EE5E2F;
	color: #FFF;
	text-transform: uppercase;
	transition: all .3s;
}

a.button-base:hover{
	background: #8D3011;
}

/*** PAGE RSE ***/
#head-rse p{width:80%;}
#head-rse h1{color:#6B7D27;}
#head-rse .items-images{position:relative;}
#head-rse .items-images figure:first-child{width:75%; height:100%;}
#head-rse .items-images figure img{object-fit: cover; height:100%;}
#head-rse .items-images figure:last-child{position:absolute; width:50%; height:80%; top:200px; left:45%; border:5px solid #FFF;}

#notre-engagement-rse .wp-block-quote::before, #notre-engagement-rse .wp-block-quote::after{color: #6B7D27;}

#notre-engagement-rse h2, #notre-engagement-rse .page_content a{color:#83AB58;}
#notre-engagement-rse h2{font-size:35px; margin-bottom:30px;}
#notre-engagement-rse h2:after{display:none;}
#notre-engagement-rse h3{font-size:25px; margin-bottom:30px; color: #000; font-weight:800;}
#notre-engagement-rse .page_content p{line-height:2;}
#notre-engagement-rse .page_content .wp-block-button__link{background:#6B7D27; color:#FFF;}
#notre-engagement-rse .page_content .wp-block-button__link:hover{background:#83AB58;}
#notre-engagement-rse a:hover{opacity:0.75;}

#engagement-rse{border-radius:25px; margin:0 -5%;}
#engagement-rse .wp-block-columns .wp-block-column{background:#FFF; color:#000; padding:25px; border-radius:25px;}
#engagement-rse .wp-block-columns .wp-block-column h3{font-size:20px;}
#engagement-rse .wp-block-columns .wp-block-column p{font-size:14px;}
#engagement-rse .wp-block-columns .wp-block-column figure{margin-bottom:20px;}

#partner-rse .wp-block-column{border:1px solid #CCC; padding:25px; margin-top:30px; text-align: center;}
#partner-rse .wp-block-column .wp-block-image{margin-top:-100px; margin-bottom:25px;}
#partner-rse .wp-block-column .wp-block-image figure{border-right:25px solid #FFF; border-left:25px solid #FFF;}