/*
Theme Name: Collective Child
Theme URI:  http://collective.stonedthemes.com/
Description: A child theme of Collective Theme
Author: StonedThemes
Author URI: http://stonedthemes.com/
Version: 1.0
Template: collective
*/
@import url("../collective/style.css");

.vc_gitem-zone:hover .custom-logo-col,
.vc_gitem-zone:hover .custom-logo-hotel {
    opacity: 1;
}

.vc_gitem-zone .custom-logo-col {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    opacity: 0;
    transition: opacity .8s;
}
.vc_gitem-zone .custom-logo-col.life {
    top: 31px;
    width: 28px;
}
.vc_gitem-zone .custom-logo-col.second {
    right: 70px;
}

.vc_grid-item .custom-logo-hotel {
    position: absolute;
    width: 30px;
    left:20px;
    top:30px;
    opacity: 0;
    transition: opacity .8s;
}

footer .menu li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #979797;
    display: inline-block;
}
footer .menu li a {
    color: #979797;
    margin-left: 5px;
}

.sticky-header {

    background-color: #fff !important;
}

.about-member img {
  
    width: 100%;
}
.page-id-87 .about-member .about-member-info {
    height: 65px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}
.about-member .about-member-info h4{
    font-size: 14px;
    text-transform: none;
}
.about-member  .margin-top-lg {
    margin-top: 15px;
}
.about-member  .about-member-info p {
    color: #ccc;
    font-size: 11px;
    line-height: 18px;
}
 #agence .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}
#agence .about-member {
    margin-bottom: 10px;
}
#equipe2 .about-member .overlay-container:hover .about-member-info {
    height: calc(100% - 0px);
}
#equipe1 .about-member .overlay-container:hover .about-member-info {
    height: calc(50% - 0px);
}

.single-portfolio-container .single-blog-details h6{
    font-weight: 300;
}
.single-portfolio-container .single-blog-details  .text-uppercase {
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

.h4ville{
     font-weight: bold;
    font-size: 12px;
     text-transform: uppercase;
    color: #333;
    
}
.babette img{
    max-width: 100px !important;
}
p {

   /* color: #979797;*/
     color: #777777;
}
.logopeak img{
    max-width: 250px !important;
}
#peak-surf-cafe p strong{
    color: #333;
}
#groupe .vc_tta-title-text{
    color: #fff;
}
#groupe .vc_tta-controls-icon::before {
    color: #fff!important;
    border-color :  #fff!important;
}
#groupeX p{
    text-align: justify!important;
     column-count: 2; /* Deux colonnes */
  column-gap: 2em;
 
     -webkit-column-count: 2;
  -webkit-column-gap: 2em;
    -moz-column-count: 2;
  -moz-column-gap: 2em;
 
}

#metiers p{
   text-align: justify!important; 
}
footer .menu-liens-utiles-container li a{
    color: #979797;
    margin-left: 5px;
}
footer li{
   text-decoration: none;
    list-style: none;
}
footer ul{
padding-left: 0!important;
}
footer .menu-liens-utiles-container li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
    color: #979797;
  display: inline-block;
 
}

.social-icons-lists li.social-icons-list-item:first-child {
    margin-left: 0px!important;
    
}


/*HOME 2*/
#home-v2 .portfolio-items > .row {
    margin:0;
}
#home-v2  .portfolio-item {
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}
#home-v2  .portfolio-item-container{
    padding: 0;
}
/*HOME */
#home .portfolio-items > .row {
    margin:0;
}
#home  .portfolio-item {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}
#home .portfolio-item-container{
    padding: 0 5px;
}
#home .vig .vc_column_container>.vc_column-inner {
    
    padding-left: 6px;
    padding-right: 6px;
        padding-top: 5px;
    padding-bottom: 5px;
  
}
#groupe .vc_tta-container {
    margin-bottom: 0 !important;
}
#groupe .wpb_text_column {
    margin-bottom: 0!important;
}
#metiers .bloc4 h4{
    min-height: 50px;
}
.button:hover{
   
    background: #fafafa;
}
.single-blog-post-media{
    /*margin-top: 20px;*/
}
.single-blog-post-title h3xxxxx{
    padding-left: 30px;
}
@media (min-width: 992px)
{
.single .col-md-10 {
    padding-left: 30px!important;
}
}
.colonne100{
position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#presse h6{
    /*display: none;*/
}
.single-blog-content a.button {
    text-decoration: none;
}
.white{
    color: white;
}
.lignegroupe .wpb_text_column{
    padding: 10px 20px;
        margin-bottom: 0;
    
}
.lignegroupe .wpb_text_column p{

   text-align: justify;
    color: #333;
}
/*
#groupe h1,#groupe h2 {
    color: white;
    text-align: center;
    margin: 10px;
}
#groupe h1{
   font-size: 18px
}
#groupe h2{
   font-size: 14px
}
#groupe h3 {
   font-size: 12px
}
#groupe .white h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
           padding: 0 50px;
    text-align: center;
}
#groupe .vc_btn3-container {
 margin: 20px;   
}
#groupe .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {
    color: #000;
}
#groupe .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover {
    color: #fff;
}
#groupe .bleu{
    color: #205573;
}
#groupe .rouge{
    color: red;
}
#groupe .citation h5{
    line-height: 18px;
    font-weight: 300;
}
*/

/*MARQUES*/
#marques h1,#marques h2xx {
    color: white;
    text-align: center;
    margin: 10px;
}
#marques h1{
   font-size: 18px
}
.justify{
    text-align: justify;

}
.justify strong{
   color: #000;

}
#peak350{
    width: 270px;
}
.peak350{
    width: 270px;
        margin: auto;
}
#marques .accroche{
    font-size: 16px;
    font-weight: bold;
}
.w100 img{
    width: 100%;
}
.w100 .vc_figure{
    width: 100%;
}
.w100 .vc_single_image-wrapper{
    width: 100%;
}
.h75{
    min-height: 105px;
}

 #texte1{
     min-height: 190px;
}
.float-left{
    float: left;
}
.miniheight-texte{
 min-height: 200px;   
}
#groupe .miniheight-texte h3 {
   
    min-height: 48px;
}

#groupe .miniheight-texte .texte-h{
    min-height: 275px;
}


#expertises h1,#expertises h2 {
    color: white;
    text-align: center;
    margin: 10px;
}
#expertises h1{
   font-size: 18px
}
#expertises h2{
   font-size: 14px
}

.accordeon p{
    text-align: justify;
}
.accordeon ul li{
color:#979797;
}
.introexpertises p{
    text-align: justify;
    padding: 30px;
    font-size: 14px;
}
/*expertises v1*/
#intro1 h4{
 line-height: 25px; 
    color: #374B65;
}
#intro1 strong{
color: #374B65;
    font-size: 14px;
    
}
.bloc4 ul li{
color:#979797;
margin-bottom: 5px;

}
.bloc4 .vc_column-inner{
    padding-top: 50px;
    padding: 50px 40px 10px 40px !important;
}
#intro2 p,#intro2 strong{
    color: #ccc;
}

/*VERSION 3*/
#accueil0 h2{
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    padding-left: 200px;
}
#accueil1 h1{
    font-weight: 300;
}
#accueil1 p{
    font-size: 18px;
    max-width: 900px;
    margin: auto;
}

#accueil3xxx .vc_column-inner {
    min-height: 600px;
}
/*------------*/
.header-v2 .menu > li > a {
    
    line-height: 80px !important;
}

/*GOUPE*/
#groupe1 .vc_column-inner{
    min-height: 450px;
}
#groupe1 h1{
    font-weight: 300;
color: #fff;
}
#groupe2 .vc_column-inner,#groupe3 .vc_column-inner, #groupe4OFF .vc_column-inner, #groupe5 .vc_column-inner {
    /*min-height: 500px;*/
}
#groupe h2{
 font-size: 22px;
    font-weight: 300;
    margin-top:0;
    margin-bottom: 20px;
}
#groupe h3{
 font-size: 16px;
    font-weight: 500;

}
#groupe h3:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

#qui-sommes-nous p{
    text-align: justify;
}

#qui-sommes-nous h2{
 font-size: 22px;
    font-weight: 300;
    margin-top:0;
    margin-bottom: 20px;
}
#qui-sommes-nous h3{
 font-size: 16px;
    font-weight: 500;

}
#qui-sommes-nous h3:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

#qui-sommes-nous .alignnone {
    margin: 0;
}

/*GOUPE FIN*/

#parc1{
    color: #fff;
}
#parc1 p{
   /* color: #fff;*/
}
#parc1 h2{
    font-size: 16px;
}
#parc1 h3{
    font-size: 14px;
}
#parc3 h4{
        font-size: 14px;
    margin-top: 0;
}
#parc2 p{
    font-size: 16px;
    color: #666;
    max-width: 1200px;
    margin: auto;
}

#vision1 .vc_column-inner{
    min-height: 450px;
}
#vision1 h1{
    font-weight: 300;
color: #fff;
}
#vision3 .vc_column-inner, #vision4 .vc_column-inner, #vision5 .vc_column-inner, #vision6 .vc_column-inner {
 
    /* min-height: 500px;*/
}
#vision3 .vc_column-inner {
   min-height: 400px;
}
#vision2 p{
        font-size: 16px;
    color: #666;
    max-width: 1200px;
    margin: auto;
    line-height: 26px;
    text-align: justify;
}

#babette1{
    min-height: 400px;
}
#babette p{
        font-size: 14px;
    line-height: 24px;
    color: #333;
}
#accueil h3{
    font-weight: 300;
   font-size: 30px;
}
#accueil0{
    min-height: 600px;
}
.photo-copy{
    float: right;
    background: rgba(255,255,255,0.9);
    color: #000;
    font-size: 11px;
    padding: 0 10px;
}
/*MENU*/
.header-v1 .menu > li > ul.sub-menu, .header-v1 .menu > li > ul.children {
    margin-right: -90px !important;
 width: 180px!important;
    background: #f7f7f7!important;
}
.header-v6 .menu > li > ul.sub-menu, .header-v6 .menu > li > ul.children {
    margin-right: -75px !important;
 width: 150px!important;
}
/*vision integrale*/
#une-vision-integrale h2{
 font-size: 22px;
    font-weight: 300;
    margin-top:0;
    margin-bottom: 20px;
}
#une-vision-integrale h3{
 font-size: 16px;
    font-weight: 500;

}
#une-vision-integraleOFF h2:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

#une-vision-integrale p{
    text-align: justify;
}
#plaquette-digital-business-center h1{
    font-size: 25px;
    font-weight: 300;
}
.texte2colonnes{
    -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
    text-align: justify;
     -webkit-column-gap: 40px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
#babette1 .wpb_single_image .vc_single_image-wrapper {
       padding: 50px;
    background: rgba(255,255,255,0.9);
}
#babette2 .wpb_single_image .vc_figure {
    width: 100%
}
#babette2 .wpb_single_image img  {
    width: 100%
}
#babette2 .wpb_single_image .vc_single_image-wrapper {
    width: 100%
}

.mailpoet_submit{
    border: 1px solid #444;
    background: #F9F9F9;
    padding: 5px 10px;
}
.mailpoet_text{
     background: #F9F9F9;
}
.mailpoet_form {
    margin-top: 20px;
}

/**/
/*HOME */
#parc-hotelier .portfolio-items > .row {
    margin:0;
}
#parc-hotelier  .portfolio-item {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}
#parc-hotelier .portfolio-item-container{
    padding: 0 5px;
}
/*PEAK*/
#peak1 .wpb_single_image .vc_single_image-wrapper {
    padding: 20px 30px;
    background: rgba(255,255,255,0.8);
}
#peak1{
    min-height: 400px;
}
#peak-surf p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
/*INNOVATION*/
#inno1 .vc_column-inner{
    min-height: 450px;
}
#inno1{
    background-position: center 40% !important;
}
#innovation-2 h2{
 font-size: 22px;
    font-weight: 300;
    margin-top:0;
    margin-bottom: 20px;
}
#vision4 .vc_custom_1507737542017 {

    background-position: center right!important;
  
}
#innovation-2 h3{
 font-size: 16px;
    font-weight: 500;

}
#innovation-2OFFF h2:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

#innovation-2 p{
    text-align: justify;
}
#innovation-intro p{
     font-size: 18px;
    color: #151515;
    max-width: 1200px;
    margin: auto;
    line-height: 26px;
    text-align: justify;
}
#equipe0 .vc_column-inner {
    min-height: 450px;
}
#equipe0 h1 {
    font-weight: 300;
    color: #fff;
}
#equipe1 h2{
    font-size: 16px;
   /* color: #846A53;*/
}
#equipe1 .wpb_single_image.vc_align_center{
  margin-bottom: 0;
}
#equipe2 h2{
    font-size: 12px;
   /* color: #846A53;*/
}
#equipe2 p{
   /*text-align: justify;*/
}
#equipe2 p:nth-child(3){
 // display: none;
}
#equipe2 p strong{
  //display: inline-block !important;
}


#equipe2  .vc_col-has-fill>.vc_column-inner{
    padding-top: 15px;
}
#mailpoet_form_2 .mailpoet_paragraph {

    text-align: center;
}
#mailpoet_form_1 .mailpoet_paragraph{
    text-align: center;
}
.mailpoet_form_shortcode{
    text-align: center;
}
.home .header-v6 .menu {
    font-size: 14px;
}
.home .header-v6 .sub-menu {
    font-size: 12px !important;
}
.home .header-v6 .header-container .logo-container {
    padding: 5px 0;
}
.home .header-v6 .logo img{
        width: 150px;
}
#equipe2xx #team1 h2{
    font-size: 16px;
   /* color: #846A53;*/
}
#equipe2xx #team1 .wpb_single_image.vc_align_center{
  margin-bottom: 0;
}
#equipe2xx #team2 h2{
    font-size: 12px;
   /* color: #846A53;*/
}
#equipe2xx p{
   /*text-align: justify;*/
}
#equipe2xx #team2 p:nth-child(3){
 
}
#equipe2xx p strong{
  display: inline-block !important;
}

.width1200{
    max-width: 1200px;
    margin: auto!important;
}
.width800{
    max-width: 800px;
    margin: auto!important;
}
#equipe2xx h2:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#equipe2xx h1:after{
content: "";
    width: 50px;
    border-bottom: 2px solid #fff;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
    margin: 10px auto;
    text-align: center;
}
#equipe2 h2:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#equipe1 h2:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

#parc-hotelier #parc1 h1{
    font-weight: 300;
    color: white;
}

#parc2xxx p {
    font-size: 18px;
    color: #666;
    max-width: 1200px;
    margin: auto;
}
#parc-hotelier #parc1 .vc_column-inner {
    min-height: 450px;
}
#parc-hotelier #parc2 h1:after{
content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#parc-hotelier .portfolio-items > .row {
    margin:0;
}
#parc-hotelier  .portfolio-item {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}
#parc-hotelier .portfolio-item-container{
    padding: 0 5px;
}
#inno3 #txtinno3 img{
    max-width: 130px;
}
#inno3 .vc_column-inner {
   /* min-height: 500px;*/
}
.icone-goto{
    text-align: center;
    font-size: 40px;
    display: block;
}

.accroche p{
     font-size: 16px;
    color: #666;
    max-width: 1200px;
    margin: auto;
    line-height: 26px;
    margin-bottom: 0;
   
}
accroche {
margin-bottom: 0;   
}
#parc-hotelier #parc2{
box-shadow: 0px 0px 20px #999;
}
.margintop20{
    margin-top: 20px;

    
}


/*FLIP*/
/* Set-up */
bodyXXX {
	color: rgb(6, 106, 117);
	text-transform: uppercase;
	font-family: sans-serif;
	font-size: 100%;
	background: #F4F6F8;
	padding: 3em 0 0 0;
	line-height: 62px;
	-webkit-perspective: 1000px; /* <-NB */
}

/* Container box to set the sides relative to */
.cube {
	width: 100%;
	
	margin: 0 auto;
	height: 300px;

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}

/* The two faces of the cube */
.flippety,.flop {
	
	border: 0px solid #ddd;
/*
	-webkit-border-radius: 5px;
	border-radius: 5px;
*/
	-webkit-box-shadow: 0 5px 20px rgba(105, 108, 109, .3);
	box-shadow: 0 5px 20px rgba(105, 108, 109, .3);
	height: 300px;
}

/* Position the faces */
.flippety {
    background: rgba(255,255,255,0.9);
     text-align: left;
	-webkit-transform: translateZ(150px);
	transform: translateZ(150px);
}

.flop {
    background: #fff;
    text-align: left;
    padding: 20px;
	-webkit-transform: rotateX(-90deg) translateZ(-150px);
	transform: rotateX(-90deg) translateZ(-150px);
}

/* Rotate the cube */
.cube:hover {
	-webkit-transform: rotateX(89.99deg);
	transform: rotateX(89.99deg); /* Text bleed at 90º */
}
.nom h3{
    font-size: 12px;
}
.nom h4{
    font-size: 12px;
    color: #777;
}
.nom{
    padding: 0 20px;
}
.nom h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

.cube2 {
	width: 100%;
	
	margin: 0 auto;
	height: 262px;

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}

/* The two faces of the cube */
.flippety2,.flop2 {
	
	border: 0px solid #ddd;
/*
	-webkit-border-radius: 5px;
	border-radius: 5px;
*/
	-webkit-box-shadow: 0 5px 20px rgba(105, 108, 109, .3);
	box-shadow: 0 5px 20px rgba(105, 108, 109, .3);
	height: 262px;
}

/* Position the faces */
.flippety2 {
    background: rgba(255,255,255,0.9);
     text-align: left;
	-webkit-transform: translateZ(131px);
	transform: translateZ(131px);
   
}

.flop2 {
    background: #fff;
    text-align: left;
    padding: 40px;
	-webkit-transform: rotateX(-90deg) translateZ(-131px);
	transform: rotateX(-90deg) translateZ(-131px);
}

/* Rotate the cube */
.cube2:hover {
	-webkit-transform: rotateX(89.99deg);
	transform: rotateX(89.99deg); /* Text bleed at 90º */
}
.cube2 img,.cube2 .nom{
display:inline-block;
    
}
.cube2 .nom{
    max-width: 450px;
        vertical-align: middle; 
}
.cube2 .citation{
    font-size: 16px;
    margin: 0;
}
.cube2 h3 {
    margin-top: 0;
}
#groupe3{
    box-shadow: 0 4px 4px -1px #999;
}
#groupe4{
    box-shadow: 0 4px 4px -1px #999;
}
#groupe1{
        background-position: center 30% !important;

}

#qui-sommes-nous h4 {
    font-size: 16px;
    font-weight: 500;
}
#qui-sommes-nous h4:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
    margin: auto;
}
.logo-inno{
    margin-top: 20px;
        text-align: center;
}
.logo-inno img{
    margin-right: 40px !important;
    margin-bottom: 0;
}
.intro{
    text-align: center;
}
.intro h1{
     font-size: 22px;
    margin-top: 0;
    text-transform: uppercase;
    
    margin-bottom: 20px;
}
.intro h1:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
    margin: auto;
}
.intro p{
    font-size: 16px;
    color: #666;
    max-width: 1200px;
    margin: auto;
    line-height: 26px;
    text-align: center!important;
    

}
.intro h2 {
    font-weight: 300;
    color: #000;
    font-size: 22px;
        margin-bottom: 20px;
}
.intro .icone-left {
    text-align: center;
    font-size: 40px;
    display: block;
}


h3.titre {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
h3.titre:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

#vision2{
     box-shadow: 0px 0px 20px #999;
}
#groupe-accrochexx{
      box-shadow: 0 0 0 ,0px 0px 20px #999;
    z-index: 1;
}
#innovation-introxx{
    box-shadow: 0 0 0 ,0px 0px 20px #999;
    z-index: 1; 
}
.current-menu-parent {
    
}
.header-v1 ul.menu > li.current-menu-parent > a:after {
    opacity: 1;
}

#ncollection h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
#ncollection h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
    
}
#ncollection h4 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
}
#ncollection h2XXXXXXXXXXXX {
    font-size: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
  text-transform: uppercase;
    text-align: LEFT;
}
.nco:after{
    clear: both;
    content: "";
    height: 10px;
    width: 100%;
    background: #000;
    box-shadow: 0px 0px 20px #999;
}
#accroche{
     box-shadow: 0 0 0 ,0px 0px 20px #999;
    z-index: 1;
}
#intro{
    min-height: 450px;
}

.titregroupe .vc_tta-panel-body {
    
    background-color: #fff !important;
}
.titregroupe  p{
    font-size: 14px;
   
}
.titregroupe  .petit{
    font-size: 12px;
    margin-left: 40px;
}
.ombre{

  /* box-shadow: 0 5px 10px -1px #C7C7C7;*/
  
}
/*
#acco1 .vc_tta-accordion  {
   
    background-position: right top !important;
}
#acco2 .vc_tta-accordion{
   
    background-position: left top !important;
}
.wpb-js-composer .vc_tta-container {
    margin-bottom: 0;
}
*/
#acco1  ,#acco2 {
    margin-bottom: 0 !important;
}
#accroche p{
color: #333;
}
#nco1 {
    min-height: 450px;
}
#nco1 img {
    max-width: 250px;
}
#nco1 .wpb_single_image .vc_single_image-wrapper {
    padding: 20px 30px;
    background: rgba(255,255,255,0.8);
}
#nco1 {
background-position: center 75% !important;
}
#accueil5{
    cursor: pointer;
}
.copyright2{
    position: absolute;
    bottom: 0;
    right: 0;
        background: rgba(255,255,255,0.9);
    color: #000;
    font-size: 11px;
    padding: 0 10px;
}
.copyright2gauche{
    position: absolute;
    bottom: 0;
    left: 0;
        background: rgba(255,255,255,0.9);
    color: #000;
    font-size: 11px;
    padding: 0 10px;
}
.cacheXXX{
 display: none;
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.nco .fa{
 cursor: pointer;
    margin-bottom: 20px;
}
.nco h3{
 cursor: pointer;
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#groupe7 .vc_column-inner{
background-position: center top !important;
}
#inno7 .vc_column-inner{
        background-position: center 80% !important;
}
#une-expertise-interne #intro{
    background-position: center 30% !important;
}
.monbouton{
    margin-top: 30px;
    font-size: 11px;
   color:  #2A2A2A;
    border: 2px solid #2a2a2a;
    background-color: transparent;

    padding: 7px 11px;

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

#equipe3 h3 {
    font-size: 16px;
    font-weight: 500;
}
#equipe3 h4 {
    font-size: 16px;
    font-weight: 300;
}
#equipe3 h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
.pum-content  h2 {
    font-size: 16px;
    font-weight: 500;
}
.pum-content  h2:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
.pum-content  h3 {
    font-size: 16px;
    font-weight: 500;
}
.pum-content  h4 {
    font-size: 16px;
    font-weight: 300;
}
.pum-content p{
 font-size: 13px;
    text-align: justify;
}
.b2{
        width: 66%;
    float: right;
        padding-left: 20px;
}
.b1{
     width: 33%;
    float: left;   
}
.titrevaleur h2{
    font-size: 26px;
    font-weight: 300;
}
.titrevaleur h2:after{
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
.royal-slider p{
   text-align: justify;
}
.blocslide{
     max-width: 310px;
    background: rgba(255,255,255,0.8);
    padding: 30px;
        height: 100%;
    float: right;
}
.blocslide h3:after{
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
.blocslide h4{
   font-size: 14px;
}
.blocslide h3{
  font-size: 18px;
    text-transform: uppercase; 
}

.royal-slider .animation-block.left-bottom .rsABlock {
    text-align: left;
    position: absolute;
    top: 0 !important;
    left: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
}
.cache2{
    display: none;
}
#ncollection .vc_tta-title-text{
      font-size: 14px;
    text-transform: uppercase; 
      font-weight: 500;
}
#ncollection  .vc_tta-panel-body{
    padding: 30px 0 !important;
    text-align: justify;
}
#ncollection .vc_tta.vc_tta-style-outline .vc_tta-tab>a {
    min-width: 240px;
    border-width:1px;
  
     background-color: #f2f2f2;
     background-color: #FFF;
    padding: 8px 20px!important;
}
#ncollection .vc_tta.vc_tta-style-outline .vc_tta-tab>a:hover {
    background-color: #000;
    color: #fff;
}
#ncollection .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab.vc_active>a {
   
    background-color: #333;
    color: #fff;
}

#ncollection h3{
     font-size: 16px;
    font-weight: 500;
}
#ncollection h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
.hotel h3 {
     font-size: 16px;
    font-weight: 500;  
     text-transform: uppercase; 
        margin-bottom: 20px;
}
.hotel h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#toushotels img{
    max-width: 200px;
}
#toaccordeon h3{
   font-size: 14px;
    font-weight: 500;  
     text-transform: uppercase;   
}
#toaccordeon h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#toaccordeon p{
    
    text-align: justify;
}
.reserver {
    margin: auto;
   background-color: #222;
    border-radius: 50%;
    box-shadow: 0 0 8px -4px #111111;
    color: #ffffff;
    display: inline-block;
    font-size: 17px;
    height: 116px;
    /* left: 51px; */
    line-height: 118px;
    padding: 0;
    /* position: absolute; */
    text-align: center;
    /* top: 15px; */
    width: 116px;
     z-index: 20; 
}
#reserver-bloc .wpb_text_column {
        z-index: 10;
    /* zoom: 1; */
    position: relative;
}
.intro ._ps2id  {
    margin-top: 20px;
}
.shadow {
    box-shadow: 0px 0px 20px #999;
}
#intro450{
    height: 450px;
}

#une-expertise-interne-2 .stoned-container.main {
    background-size: cover;
    background-position: center 30%;
}
 .royal-slider-container nav.bottom-center {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
#media-kit img{
    max-width: 130px;
}
#innovation-introxx {
    min-height: 384px;
}
.intro{
     min-height: 384px;
}
.liste-hotel{
    display: none;
}
#tog-hotel .vc_btn3.vc_btn3-size-lg {
    font-weight: 500;
    font-size: 14px;
    //padding: 18px 25px 18px 0;
}
#tog-hotel .vc_btn3.vc_btn3-size-lg:hover{
    background: #f2f2f2
}
#tog-hotel .vc_btn3.vc_btn3-size-lg{
background-image:none;
}
.vc_btn3.vc_btn3-size-lg{
background-image:none !important;
}


.flexslider{
    margin-bottom: 0!important;
    border: 0!important;
}
.flex-control-nav {
    display: none;
}
.justify h4{
    text-align: left;
}
.cacheresa{
    display: none;
}
#presse h3{
    font-size: 14px;
    font-weight: 500;  
     text-transform: uppercase;   
}
#presse h3:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
/*PHPTO BLOC*/

.overlay-backgroundXXX {
    background: linear-gradient(top, rgba( 0, 0, 0, 0 ) 30%, rgba( 0, 0, 0, 0.9 ) 100% );
    background: -moz-linear-gradient(top, rgba( 0, 0, 0, 0 ) 30%, rgba( 0, 0, 0, 0.9 ) 100% );
    background: -ms-linear-gradient(top, rgba( 0, 0, 0, 0 ) 30%, rgba( 0, 0, 0, 0.9 ) 100% );
    background: -o-linear-gradient( top, rgba( 0, 0, 0, 0 ) 30%, rgba( 0, 0, 0, 0.9 ) 100% );
    background: -webkit-linear-gradient( top, rgba( 0, 0, 0, 0 ) 30%, rgba( 0, 0, 0, 0.9 ) 100% );
    margin: 0px;
    padding: 0px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 10;
}
.texte-photo {
    color: #fff;
    height: 0px;
    display: block;
    position: absolute;
    z-index: 15;
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0 8%;
    bottom: 100px;
          
}
.bloc-photo h3{
        font-weight: 300;
    font-size: 30px;
}
.bloc-photo h1{
    font-size: 40px;
    font-weight: 300;
    color: #fff;
        bottom: 300px!important;
    top: inherit!important;
}
.texte-photo-accueil {
    color: #fff;
    height: 0px;
    display: block;
    position: absolute;
    z-index: 15;
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0 8%;
    top: 50%;
          
}
#accueil0 img {
    width: 100%;
}

.copyright {
    height: 20px;
    display: block;
    position: absolute;
    z-index: 20;
    text-align: right;
    width: auto;
    padding: 0px;
    margin: 0;
    bottom: 0px;
    right: 0;
   
}
.copyright p{
background: rgba(255,255,255,0.9);
    padding: 0px 20px;
    font-size: 11px;
    line-height: 20px;
}
.copyrightG {
    height: 20px;
    display: block;
    position: absolute;
    z-index: 20;
    text-align: left;
    width: auto;
    padding: 0px;
    margin: 0;
    bottom: 0px;
    left: 0;
}
.copyrightG p{
background: rgba(255,255,255,0.9);
    padding: 0px 20px;
    font-size: 11px;
    line-height: 20px;
}
.bloc-photo{
    position: relative;
}
.bloc-photo p{
   margin-bottom: 0;
}
sup{
        font-size: 60%!important;
}
.single-portfolio-container .margin-top-lg {
    margin-top: 60px!important;
}
#accueil1 {
 
    min-height: 384px;
}

#accueil4{
    cursor: pointer;
}

/*MENU-*/
@media (min-width: 768px){

.home.transparent-header > header.sticky-header{
       position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    display: block;
   /* background-color: rgba(0, 0, 0, 0.8) !important;*/
     background-color: #fff !important;
}
}
.home.transparent-header > header.sticky-header .header-v1 .menu li {
 color: #999 !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: rgba(255,255,255,0.9) !important;
}
@media (max-height: 768px){

.royal-slider .animation-block .rsABlock {
    max-height: 450px!important;
    overflow-y: auto;
}
}
#mentions h2 {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 18px;
}
#mentions h3 {
    text-transform: uppercase;
    font-size: 14px;
}
#mentions h2:after {
    content: "";
    width: 30px;
    border-bottom: 2px solid;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#mentions p {
   text-align: justify;
}
#accrocheOFF h2{
    text-transform: uppercase;
}
.vc_gitem-col{
    color: #fff;
}

/*
.overlay-text-container.text-decoration:before{
    content: "";
	width: 0px;
    height: 0px;
	-webkit-transition: width 0.4s 0.4s, height 0.4s 0.4s;
	-moz-transition: width 0.4s 0.4s, height 0.4s 0.4s;
	-o-transition: width 0.4s 0.4s, height 0.4s 0.4s;
	transition: width 0.4s 0.4s, height 0.4s 0.4s;
}
.overlay-container:hover .overlay.text-left-bottom .overlay-text-container.text-decoration:before {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
*/


#projets h4{
    font-weight: 300;
}
.vc_gitem-zone-b a:before{
    content: "";
	width: 0px;
    height: 0px;
	-webkit-transition: width 0.4s 0.4s, height 0.4s 0.4s;
	-moz-transition: width 0.4s 0.4s, height 0.4s 0.4s;
	-o-transition: width 0.4s 0.4s, height 0.4s 0.4s;
	transition: width 0.4s 0.4s, height 0.4s 0.4s;
}
.vc_gitem-animate:hover .vc_gitem-zone-b a:before {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
#innovation .alignnone {
    margin:  0;
}
.extrait p{
    font-weight: bold;
    color: #fff !important;
}
.vc_grid-filter{
    font-family: 'Montserrat';
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
.vc_grid-filter span{


}
.vc_grid-filter .vc_grid-filter-item {
    background: #fff!important;;
}

.vc_grid-filter .vc_grid-filter-item span{
        color: #999!important;
}
.vc_grid-filter .vc_active span{
        color: #000!important;
}

/*responsive*/
@media (max-width: 1024px){
header.sticky-header > div.responsive-header {
    display: none !important;
}
}
 #btreserver {
    margin-bottom: -85px ;
    margin-left: 40px ;
}

@media(max-width: 991px){
    
 #btreserver {
   
        margin: 15px 0!important;
}
    #btreserver p{
   text-align: center;
    
}
    .ntexte .vc_column-inner {
        padding-right: 10px!important;
    }

}

@media (max-width: 767px){
    .ntexte .vc_column-inner {
        padding-right: 10px!important;
    }
   #accueil a img.alignnone {
    margin:  0;
}
  #accueil3 .vc_column_container {
    padding:0!important;
}
    #accueil0 h2 {

    padding-left: 20px!important;
}
    .copyright p {
    font-size: 10px;
}
    /*NIEPCE RESERVER*/
   
    #reserver-bloc p{
        text-align: center!important;
    }
    #reserver-bloc{
        margin-top: 20px;
    }
    
    /*NCOLLECTION*/
    #toushotels{
        margin-bottom: 20px;
    }
    /*BABETTE*/
    .texte2colonnes {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    text-align: justify;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
}
    .titrevaleur h2:after {
margin: auto;
}
    #equipe1 h2:after,#equipe2 h2:after {
margin: auto;
}
   #equipe2  .wpb_single_image {
        margin-bottom: 0px;
    }
     #equipe2  .wpb_text_column {
        margin-bottom: 0px;
    }
   #equipe2  .vc_column-inner .wpb_text_column {
     padding-bottom: 10px;
        padding-top: 10px;
    }
    #lequipe .wpb_text_column {
     text-align: center;
    }
    /*PARC HOTELIER*/
     #parc3  .wpb_text_column {
        margin-bottom: 5px;
         text-align: center;
    }
    /*VISION*/
    #vision3,#vision4,#vision5{
        border-bottom: 1px solid #ddd;
    }
    #vision4{
        padding-bottom: 20px;
    }
    #vision5{
        padding-top: 20px;
    }
    /*innovation*/
    #txtinno3{
        padding-bottom: 20px;
        padding-top: 20px; 
    }
    #innovation #vision4{
        padding-bottom: 20px!important;
        padding-top: 20px!important;
        border-top: 1px solid #ddd!important;
    }
    #innovation #vision5 .coltexte{
        //padding-top: 20px!important;
        padding-bottom: 40px!important;
        
    }
    #innovation #vision4 .coltexte{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
        
    }
    #inno3{
        margin-bottom: 20px!important;
      
    }
     #inno3{
        border-bottom: 1px solid #ddd!important;
    }
    #contact p,#contact h4{
     text-align: center;   
    }
    /*QUI*/
    #groupe2 .coltexte,#groupe3 .coltexte{
        padding-top: 20px!important;
        padding-bottom: 30px!important;
        
    }
    #groupe2 {
        padding-bottom: 30px!important;
         border-bottom: 1px solid #ddd!important;
    }
     #groupe3 {
        padding-top: 30px!important;
        
    }
    
footer .widget {
    margin-bottom: 30px;
    text-align: center;
}
    .collective-title:after, h2.wpb_heading:after {
   margin: auto;
}
   footer .custom-html-widget img{
        margin-top: 20px;
    }
}

header > div.responsive-header .responsive-menu > div > ul > li > a {
    font-weight: normal!important;
}
header > div.responsive-header .responsive-menu ul.menu {

    border-bottom: 3px solid #151515!important;
}
header > div.responsive-header .responsive-menu {
    padding: 0!important;
    
}