@charset "UTF-8";
/*variables SITE CARL*/
/* Scss Document */
/*------ SCSS Document ----------*/
/* GRILLE HTML FONDATION RESPONSIVE 

// Small only //
@media screen and (max-width: 39.9375em) {} 
 > Max 639px 

// Medium and up  //
@media screen and (min-width: 40em) {} 
> Min 640px 

// Medium only //
@media screen and (min-width: 40em) and (max-width: 63.9375em) {} 
> Min 640px / Max 1023px 

// Large and up //
@media screen and (min-width: 64em) {}
> Min 1024px 

// Large only //
@media screen and (min-width: 64em) and (max-width: 74.9375em) {} 
> Min 1024px / Max 1199px

*/
/************************* LARGE SCREEN ONLY  *************************/
@media only screen and (min-width: 1199px) {
  /* Module Secteurs HP / Effet Hover sur écran large*/
  .module-secteur a {
    background-size: 100%;
    transition: background-size 800ms ease-out;
  }
  .module-secteur a:hover {
    background-size: 105%;
  }
}
/************************* SMARTPHONES TRANSITION *************************/
/*NAVIGATION DE TRANSITION MOBILES*/
@media only screen and (min-width: 1024px) and (max-width: 1211px) {
  /* SUB MENU CORRECTION VC COMPOSER 3col*/
  .navMenu .dropdownContent {
    float: left;
    margin-top: 40px;
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
  }

  .sub_Menu .vc_col-lg-3 {
    position: relative;
    vertical-align: top;
    display: inline-block !important;
    min-height: 1px;
    padding-left: 0% !important;
    padding-right: 0% !important;
    box-sizing: border-box;
    width: 23% !important;
  }

  /*//// BUTTON SOUS NAVIGATION ////   */
  .navPage {
    margin-bottom: 30px;
    padding: 0rem 0rem 0rem 0rem;
    border-bottom: 1px solid #e3e3e3;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .navPage .widget_nav_menu ul {
    position: relative;
    display: block !important;
    white-space: nowrap !important;
  }
  .navPage .sousNav {
    position: relative;
    display: inline-block;
    color: #000;
    padding: 0rem 0rem 0.1rem 0rem;
    margin: 0.1rem 1.7rem 0.8rem 0rem;
    font-size: 0.938rem;
  }

  .logoCarl {
    padding: 1rem;
  }

  /* SLIDER HOME PAGE*/
  /* CORRECTION GRILLE BOOTSTRAP VISUAL COMPOSER POUR MOBILE*/
  .vc_column_container .vc_column-inner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /*CORRECTION PADDING GRILLE BOOTSTRAP SUR WIDGET POUR MOBILE */
  .nopadding-widget-mobile .vc_column_container .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /* CORRECTION POUR ENTETE (Compense Padding .vc_column-inner) */
  .nopadding-mobile-correctif {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  /* CORRECTION AJOUT PADDING */
  .addpadding-mobile {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .addpadding-mobile-left {
    padding-left: 1rem !important;
  }

  .addpadding-mobile-right {
    padding-right: 1rem !important;
  }

  /*HOME PAGE */
  /* TABS HOME - Modifs styles Foundation*/
  /* MODULE GAMMES ET SOLUTIONS WP*/
  /* NAV */
  .bt_Menu {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.813rem;
    /*14px*/
    border: none;
    padding: 0.5rem;
  }

  /*  WIDGET SOLUTIONS METIERS */
  .Fleche_tuileWidget .pictoBg_small {
    width: 120%;
    background-size: 100% !important;
  }

  .TitreIntroNoir {
    padding: 1.8rem 1rem 1rem;
  }

  .introTuiles .intro_Titre {
    padding: 1rem 1rem 0.6rem;
  }

  .intro_Titre {
    padding: 1rem 1rem 0.6rem;
  }
}
/******************* ALL MOBILES - Max 1024px *******************/
@media only screen and (max-width: 1024px) {
  /* supp visuel mobile via WP*/
  .NoVisuelMobile .VisuelHeaderMobile {
    display: none;
  }

  /*//// BUTTON SOUS NAVIGATION //// */
  .navPage {
    margin-bottom: 30px;
    padding: 0rem 0rem 0rem 0rem;
    border-bottom: 1px solid #e3e3e3;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .navPage .widget_nav_menu ul {
    position: relative;
    display: block !important;
    white-space: nowrap !important;
  }
  .navPage .sousNav {
    position: relative;
    display: inline-block;
    color: #000;
    padding: 0rem 0rem 0.1rem 0rem;
    margin: 0.1rem 1.7rem 0.8rem 0rem;
    font-size: 0.938rem;
  }

  /* SLIDER HOME PAGE*/
  .HomeSlider.orbit {
    margin: 0 0 20px 0;
  }

  .HomeSlider .orbit-slide {
    position: relative;
    display: block;
  }

  .HomeSlider .slideBg_Txt {
    width: 100%;
    max-width: 100%;
    font-size: 0.875rem;
    line-height: normal;
    color: #FFF;
    padding: 50px 30px 30px 30px;
  }

  .HomeSlider .sliderLink {
    font-size: 1.125rem;
    font-weight: normal;
    color: #FFFFFF;
  }

  .HomeSlider .orbit-previous {
    /*width:10%;
    left: 0%;*/
    display: none;
  }

  .HomeSlider .orbit-next {
    /*width:10%;
    left: auto;
    right: 0%; */
    display: none;
  }

  .TuilesHomePage {
    min-height: 120px;
  }

  /* En complements des styles Hide et Show de Foundation pour certains éléments*/
  .hideMobileSupp1024 {
    display: none !important;
  }

  .showMobileInf1024 {
    display: inline-block !important;
  }

  /* TABS HOME - Modifs styles Foundation*/
  /* MODULE GAMMES ET SOLUTIONS WP*/
  .wpb-js-composer .tabs_Gammes.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:first-child {
    margin-top: 0px;
  }

  .titreModuleGamme {
    position: relative;
    margin-top: auto;
    padding-left: 0;
    width: auto;
    z-index: auto;
  }

  .wpb-js-composer .tabs_Gammes .vc_tta-panel-heading .vc_tta-panel-title a span.vc_tta-title-text {
    text-transform: none;
  }
  .wpb-js-composer .tabs_Gammes .vc_tta-panel-heading .vc_tta-panel-title a span.vc_tta-title-text b {
    display: inline-block !important;
    font-style: normal !important;
    color: #CA1D34;
    font-size: 1.313rem;
    /*21px*/
    width: 100% !important;
    clear: both !important;
  }

  /* CORRECTION GRILLE BOOTSTRAP VISUAL COMPOSER POUR MOBILE*/
  .vc_column_container .vc_column-inner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /*CORRECTION PADDING GRILLE BOOTSTRAP SUR WIDGET POUR MOBILE */
  .nopadding-widget-mobile .vc_column_container .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /* CORRECTION POUR ENTETE (Compense Padding .vc_column-inner) */
  .nopadding-mobile-correctif {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  /* CORRECTION AJOUT PADDING */
  .addpadding-mobile {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .addpadding-mobile-left {
    padding-left: 1rem !important;
  }

  .addpadding-mobile-right {
    padding-right: 1rem !important;
  }

  header {
    margin: 0;
  }

  .logoCarl {
    margin: 1.5rem 0 1.5rem 0;
  }

  .headerNavTop {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .headerTop {
    position: absolute;
    padding: 5px;
    width: 48px;
    background-color: #000;
    z-index: 1000000;
  }

  .search {
    float: right;
    text-align: right;
  }

  .search_content {
    width: 100%;
    float: right;
  }

  .search input {
    width: 85%;
    border: #FFFFFF;
    height: 54px;
    margin: 0px 0px 3px 0px;
    padding: 0 0 0 3rem;
    background: url(../img/picto_search.png) no-repeat 15px center;
    background-color: #FFFFFF;
    border-left: 2px solid #e10017;
    text-transform: uppercase;
  }

  .espaceClient {
    /*display:inline-block;
    float:right;
    width:120px;
    background-color:rgba(185,106,108,1.00);*/
    display: none;
  }

  .TitreIntroNoir {
    padding: 1.8rem 1rem 1rem;
  }

  .introTuiles .intro_Titre {
    padding: 1rem 1rem 0.6rem;
  }

  .intro_Titre {
    padding: 1rem 1rem 0.6rem;
  }

  /* A INTEGRER SI GRILLE BOOTSTRAP EN LG-*/
  .actuHome {
    margin-top: 30px;
  }

  .actuHome li {
    height: auto;
  }

  .pictoBg {
    width: 100%;
  }

  .flecheBas {
    display: none;
  }

  .tuile {
    width: 100%;
    height: auto;
    padding: 0 0 1rem 0;
  }

  .bgCallAction {
    width: 100%;
  }

  blockquote.blockquote_text {
    width: 100%;
  }

  .TitreAccroche {
    min-height: inherit;
    line-height: inherit;
    /* Centrage vertical */
    font-size: 2.5rem;
    padding: 0 2rem 0rem 1rem;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #e10017;
  }

  .topVisuel {
    width: 100%;
  }

  .TitreIntroNoir {
    min-height: inherit;
  }

  /* /// SOUS NAV /*/
  .navPage .button {
    margin: 0.1rem 1rem 1rem 0rem;
  }

  /*//// SOLUTIONS METIERS ////*/
  /* TITRE COULEURS METIERS */
  .indus .TitreAccroche, .sante .TitreAccroche, .trans .TitreAccroche, .immo .TitreAccroche {
    height: 105px;
    padding: 0rem;
  }

  .BgPicto_sante, .BgPicto_trans, .BgPicto_immo, .BgPicto_indus {
    height: 105px;
    background-size: 115px;
  }

  /*TUILES PICTO FONCTION */
  .NavTuiles.TuilesFonctions {
    width: 30%;
  }

  .NavTuilesFooter {
    width: 24%;
  }

  /*/// PAGES PRODUIT ///*/
  /* INTRO TUILES PRODUITS */
  .introTuile {
    min-height: 150px;
    line-height: 150px;
    /* Centrage vertical */
    font-size: 2.5rem;
  }

  .mainVisuel {
    background-color: #f5f5f5;
    text-align: center;
  }

  .mainVisuel img {
    width: 100%;
  }

  /*/// TUILES METIERS ///*/
  /* PICTO METIERS HOME */
  .pictoBg_small {
    width: 100%;
    background-size: 65% !important;
  }

  .bgSante.float-left, .bgIndus.float-left, .bgTransport.float-left, .bgImmo.float-left {
    width: 25%;
  }

  /*  WIDGET SOLUTIONS METIERS */
  .Fleche_tuileWidget .pictoBg_small {
    width: 100%;
    background-size: 65% !important;
  }

  .Fleche_tuileWidget:after {
    display: none;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-times:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-envelope-open:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-adjust:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-print:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-user-circle-o:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-map-marker:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel .vc_tta-panel-title a i.vc_tta-icon.fa.fa-tint:before {
    content: "" !important;
    font-family: 'ico_refCarl' !important;
  }

  .vc_tta-panel-heading {
    margin-bottom: 15px !important;
  }
  .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text {
    font-size: 1.313rem;
  }

  /* CORPORATE*/
  .TuilesTeam.firstTuile {
    font-size: 1.5rem;
    min-height: 180px;
  }

  .footerCoordonnees {
    width: 100%;
  }
}
/*******************  INTERMEDIAIRE - 640px>800px *******************/
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* SLIDER HOME PAGE*/
  .TitreIntroNoir.titre_40px {
    font-size: 1.8rem !important;
  }

  .imgfloatRight, .imgfloatLeft {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;
  }

  /* LISTE ACTU CONTENU */
  .ActuListe_text {
    display: inline-block;
    clear: both;
    margin-top: 20px;
  }

  /* DEMANDE DOC */
  .NavTuilesSecteurs {
    min-width: 50%;
    height: auto;
    padding: 0;
    margin: 0 0 0rem 0;
    color: #fff;
  }

  .NavTuilesSecteurs.TuileSante, .NavTuilesSecteurs.TuileIndus, .NavTuilesSecteurs.TuileTrans, .NavTuilesSecteurs.TuileImmo, .NavTuilesSecteurs.TuileActive {
    background-size: 18%;
  }

  .NavTuilesSecteurs .TitreSecteur {
    font-size: 95%;
    width: 100%;
    min-height: inherit !important;
    padding: 35% 1rem 5% 1rem;
  }

  /*---------------------------------------------------------------------------------------------- */
  /*/// CORPORATE  ///*/
  .TuilesTeam.firstTuile {
    min-height: inherit;
    font-size: 100%;
  }

  .TuilesTeam {
    width: 45%;
    height: auto;
    min-height: 150px;
    padding: 0;
    margin: 0 2.2% 1.5rem 0;
  }
}
/*******************  MOBILES SMALL - 480px>640px ******************

	@media only screen 
	and (min-width : 480px) 
	and (max-width : 640px) {
		
	.imgfloatRight, .imgfloatLeft  {
			float:none;
			clear:both;
			width:100%;
			text-align:left;
			padding:0;
			margin:0 0 20px 0;
		}		
		

	}
*/
/*******************  MOBILES SMALL - 320px>639px (480) *******************/
@media only screen and (min-width: 320px) and (max-width: 639px) {
  /* SLIDER HOME PAGE*/
  /*Scroll pour Popin sur Page "CLUB CARL 2018" - Mobile mini : 360X640	
  .large.reveal {
  overflow: scroll !important;
  max-height: 630px !important;
  width: 85% !important;
  }	
  	
  .reveal .close-button {
  font-size: 4rem !important;
  	
  }	 */
  article p {
    text-align: left;
  }

  .imgfloatRight, .imgfloatLeft {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;
  }

  /* CORRECTIF BUG FIREFOX MAX-WIDTH SUR IMG AVEC FLOAT - A APPLIQUER SUR CONTENEUR (sans float) */
  .max-width-100 {
    display: inline-block;
    max-width: 100% !important;
  }

  /* SOLUTIONS METIERS */
  .tuileText {
    height: auto !important;
    line-height: inherit !important;
  }

  /*TUILES PICTO FONCTION */
  .NavTuiles.TuilesFonctions {
    width: 47%;
  }

  .NavTuilesFooter {
    width: 49%;
  }

  /*/// MENU TUILE PAGE - SOUS MENU PAGE ///	
  
  .NavTuiles.firstTuile{
  width : 47.0%;
  }	
  .NavTuiles{
  width : 47.0%;
  }	*/
  /* // CALL ACTION //*/
  .bgCallAction .pictoCall {
    text-align: center;
    margin-bottom: 15px;
  }

  .bgCallAction .pictoCall img {
    max-width: 20%;
  }

  .callAction p.lead {
    text-align: center;
  }

  .bt_CallAction {
    display: block;
    margin: 0 auto 1rem auto;
  }

  /* LISTE ACTU CONTENU */
  .ActuListe_text {
    display: inline-block;
    clear: both;
    margin-top: 20px;
  }

  /* DEMANDE DOC */
  .NavTuilesSecteurs {
    min-width: 50%;
    height: auto;
    padding: 0;
    margin: 0 0 0rem 0;
    color: #fff;
  }

  .NavTuilesSecteurs.TuileSante, .NavTuilesSecteurs.TuileIndus, .NavTuilesSecteurs.TuileTrans, .NavTuilesSecteurs.TuileImmo, .NavTuilesSecteurs.TuileActive {
    background-size: 18%;
    background-position: center 20px;
  }

  .NavTuilesSecteurs .TitreSecteur {
    font-size: 95%;
    width: 100%;
    min-height: inherit !important;
    padding: 35% 1rem 5% 1rem;
  }

  /*---------------------------------------------------------------------------------------------- */
  /*/// CORPORATE  ///*/
  .TuilesTeam.firstTuile {
    min-height: inherit;
    font-size: 100%;
  }

  .TuilesTeam {
    width: 45%;
    height: auto;
    min-height: 150px;
    padding: 0;
    margin: 0 2.2% 1.5rem 0;
  }
}
/*******************  MOBILES VERY SMALL - > 320px) *******************/
@media only screen and (max-width: 319px) {
  article p {
    text-align: left;
  }

  .imgfloatRight, .imgfloatLeft {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;
  }

  /* CORRECTIF BUG FIREFOX MAX-WIDTH SUR IMG AVEC FLOAT - A APPLIQUER SUR CONTENEUR (sans float) */
  .max-width-100 {
    display: inline-block;
    max-width: 100% !important;
  }

  /* HOME PAGE */
  /* A SUPPRIMER SI GRILLE BOOTSTRAP EN LG-*/
  .actuHome {
    margin-top: 30px;
  }

  /* SOLUTIONS METIERS */
  .tuileText {
    height: auto !important;
    line-height: inherit !important;
  }

  /*TUILES PICTO FONCTION */
  .NavTuiles.TuilesFonctions {
    width: 47%;
  }

  .NavTuilesFooter {
    width: 49%;
  }

  /*/// MENU TUILE PAGE - SOUS MENU PAGE ///	
  
  .NavTuiles.firstTuile{
  width : 100%;
  }	
  .NavTuiles{
  width : 100%;
  }	*/
  /* // CALL ACTION //*/
  .bgCallAction .pictoCall {
    text-align: center;
    margin-bottom: 15px;
  }

  .bgCallAction .pictoCall img {
    max-width: 20%;
  }

  .callAction p.lead {
    text-align: center;
  }

  .bt_CallAction {
    display: block;
    margin: 0 auto 1rem auto;
  }

  /* LISTE ACTU CONTENU */
  .ActuListe_text {
    display: inline-block;
    clear: both;
    margin-top: 20px;
  }

  /* DEMANDE DOC */
  .NavTuilesSecteurs {
    min-width: 50%;
    height: auto;
    padding: 0;
    margin: 0 0 0rem 0;
    color: #fff;
  }

  .NavTuilesSecteurs.TuileSante, .NavTuilesSecteurs.TuileIndus, .NavTuilesSecteurs.TuileTrans, .NavTuilesSecteurs.TuileImmo, .NavTuilesSecteurs.TuileActive {
    background-size: 18%;
    background-position: center 10px;
  }

  .NavTuilesSecteurs .TitreSecteur {
    font-size: 95%;
    width: 100%;
    min-height: inherit !important;
    padding: 35% 1rem 5% 1rem;
  }

  /*---------------------------------------------------------------------------------------------- */
  /*/// CORPORATE  ///*/
  .TuilesTeam.firstTuile {
    min-height: inherit;
    font-size: 100%;
  }

  .TuilesTeam {
    width: 100%;
    height: auto;
    min-height: inherit;
    margin: 0 0% 1.5rem 0;
  }
}