/*_______   ______   .__   __. .___________.        ___      ____    __    ____  _______      _______.  ______   .___  ___.  _______ 
|   ____| /  __  \  |  \ |  | |           |       /   \     \   \  /  \  /   / |   ____|    /       | /  __  \  |   \/   | |   ____|
|  |__   |  |  |  | |   \|  | `---|  |----`      /  ^  \     \   \/    \/   /  |  |__      |   (----`|  |  |  | |  \  /  | |  |__   
|   __|  |  |  |  | |  . `  |     |  |          /  /_\  \     \            /   |   __|      \   \    |  |  |  | |  |\/|  | |   __|  
|  |     |  `--'  | |  |\   |     |  |         /  _____  \     \    /\    /    |  |____ .----)   |   |  `--'  | |  |  |  | |  |____ 
|__|      \______/  |__| \__|     |__|        /__/     \__\     \__/  \__/     |_______||_______/     \______/  |__|  |__| |_______|*/


/* ---- Pour changer la couleur des icônes ----*/

@import url("font-awesome.css");

i {
   color: #568b56;
   /* margin: 0.5em 0.3em; */
    
}


/* icônes play des vidéos */
.fa.fa-play-circle-o.fa-lg{
   color: #f5ae04;
   margin-top:15px;	
}


.container-fluid.gtm-padding-none .row > * {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*
  ______   ______   .__   __. .___________. _______ .__   __. .___________.
 /      | /  __  \  |  \ |  | |           ||   ____||  \ |  | |           |
|  ,----'|  |  |  | |   \|  | `---|  |----`|  |__   |   \|  | `---|  |----`
|  |     |  |  |  | |  . `  |     |  |     |   __|  |  . `  |     |  |     
|  `----.|  `--'  | |  |\   |     |  |     |  |____ |  |\   |     |  |     
 \______| \______/  |__| \__|     |__|     |_______||__| \__|     |__|     
                                                                        */


html {
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
}

body {
    font-family: 'Lato', sans-serif;
    color: #363636;
    /* font-size: 1.1em; */
    font-weight: 300;
    line-height: 1.625em;
    width: 100%;
    margin: auto;
    margin-bottom: 100px; /* Ne pas changer */
    padding-left: 0;
    padding-right: 0;
 
    
}

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

/* ----  T E M P L A T E  WS THEME - P O R T F O L I O   ---- */

#wspm .wspm-image .wspm-overlay-wrapper a{
    height: 0px;
    padding: 0px; 

}

/* ----  L I G N E   ---- */

hr { width:90%; height:2px; background: #96c560; margin: 0% 0% 0% 5%; }


/* --------  T Y P O G R A P H I E --------  */



/* ---- H E A D I N G S ---- */


h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 2.6em;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    color: #ffffff;
    /* color: #363636; */
    line-height: 1.3em;
}

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

   h1{
    font-size:2em;
    
   }
    }
@media only screen and (max-width: 480px) {

   h1{
    font-size: 1.5em;
    line-height: 1.5;
    margin: 0;
    padding: 0 5px 0 5px;
   }
    }



h2 {
    font-size: 2em;
    margin: -0.7em 0 15px 0px;
    font-weight: 400;
    font-style: normal;
    color: rgb(140,148,157);
    line-height: 1.3em;
}

h3 {
    font-size: 2.3em;
    font-family: 'Raleway', sans-serif;
    color: #8d969f;
    font-weight: 300;
    padding-bottom:10px;
    text-transform: uppercase;
    
}

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

   h3{
    font-size:1.8em;
    
   }
    }


h4 {
    margin: 0 0 25px 0px;
    font-weight: 400;
    font-size: 1.8em;
    line-height: 2.5em;
    color: #81a881;
    text-transform: uppercase;
    word-spacing: 0.1em;

}

@media only screen and (max-width: 325px) {
h4 {
    font-size: 1.8em;
    text-transform: none;
    /* margin: 0 0 10px 0; */
    line-height: 1.5em;

}
}

h5 {
    margin: 0 0 25px 0px;
    font-weight: 300;
    font-style: normal;
    font-size: 1.7em;
    color: rgba(51, 51, 51, 1);
    line-height: 1.05em;
}

h6 {
    margin: 0 0 25px 0px;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
    line-height: 1.05em;
    
 
}

p {
    margin: 0px 0px 20px 0px;
    text-transform: inherit;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(51, 51, 51, 1);
}

@media only screen and (min-width: 768px) {
p{
    font-size: 20px;
}
}

b, strong {
    font-weight: 900 !important;
    color: #000;
}

/* ----  P A G E   V I D E O S    YOUTUBE FEED PRO  ---- */



/* la barre de recherche */

.ytf-grid ._yt_searchbox input._yt_filter{
	border-bottom: 2px solid #50b964;
	height: 45px;
	font-size: 200%;

	margin-top:20px;
	margin-bottom:20px;
	
}

/* le bouton plus de vidéo */ 

.ytf-sidebar .btn-more{
	border: 3px solid #50b964;

}

/* titre des vidéos */ 

.ytf-grid .ytfBlock .ytfTitle {
	color: #50b964;
	display: block;
	margin: 5px 0 0;
	font-family: 'Lato', sans-serif;
    font-size: 20px;
}

/* enlever l'icone "i" du vidéo */ 

.ytfBlock i._desc{
	background: none;
}

/* enlever les bordures des vidéos par default */

.ytf-grid ._border{
	border: none;
}
    
    
    
/* ---- P A G E S  C O N F É R E N C E S  ---- */

.gtm_icones {
    display: inline-block;
}

.gtm_icones p {
    margin-bottom: -20px;
}

.gtm_titre_phrase_cle{
	/* color:#97c660; */
	color: #8d969f;
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	text-align:center;
	text-transform: uppercase;
	letter-spacing:1px;
	line-height: 200%;
	padding: 40px;

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

  .gtm_titre_phrase_cle{
    font-size:1.7em;
    line-height:42px;
    margin-top: 30px;
    margin-bottom:34px;
    padding: 0 15px;
    padding: 0 15px;
    
   }
	}

@media only screen and (max-width: 325px) {
.gtm_titre_phrase_cle{
    font-size: 1.5em;
    
}
}

/****** POUR 2E PHRASE CLÉ DE GESTION INFORMATION ******/

.gtm_titre_phrase_cle2{
    color:#000;
    font-family: 'Oswald', sans-serif;
    font-size:25px;
    text-align:center;
    text-transform: uppercase;
    letter-spacing:1px;
    line-height: 200%;
    padding: 0 15px 40px 15px;

}

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

  .gtm_titre_phrase_cle2{
    padding:0px 15px;
    font-size:1.7em;
    line-height:42px;
    margin-top: 30px;
    margin-bottom:34px;
    
}
}

    @media only screen and (max-width: 325px) {
.gtm_titre_phrase_cle2{
    font-size: 1.5em;
    padding: 0px 15px;
}
}

.gtm_gestion_info_p{
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	color:#ffffff;
	text-align: center;
	font-weight: 300;
	background-color:#f5ae04;
	
}
.gtm_bloc_info{
	background-color:#91b081;
	padding: 30px 100px 30px 100px;
	font-size: 2em;
	line-height: 200%;
	margin-top: 80px;

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

  .gtm_bloc_info{
    padding:20px;
    
   }
	}

.gtm_bloc_info h3{
    font-family: 'Puritan', sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    /* text-decoration: underline; */
}

.gtm_bloc_info .btn{
    background-color: #f2f2f2;
    color: #468046;
    padding: 5%;
    width: 50%;
    margin-top: -4%;
    margin-bottom: 2%;
}

.gtm_p_paragraphe{
	line-height:190%;
	font-size: 25px;
	padding-top: 40px;
	padding-left:20px;
	padding-bottom:40px;
	padding-right:20px;
}

@media only screen and (max-width: 1299px){
.gtm_temoignages_d{
display: none;
}
}

@media only screen and (min-width: 1300px){
.gtm_temoignages_mt.gtm_bloc_temoignage{
    display: none;
}
.gtm_temoignages_d{
display: block;
}

}





/****** BLOC POUR TÉMOIGNAGE ACCUEIL ******/

.gtm_bloc_temoignage {
    background-image: url(/images/block-temoignage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    height: 268PX;
    margin-bottom: 15px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.gtm_bloc_temoignage h2{
    color: #ffffff;
    font-size: 3em;
    border: 1px solid #ffffff;
    text-align: center;
    text-transform: uppercase;
 }   

 .gtm_bloc_temoignage i{
    color: #ffffff;
 }


.gtm_bloc_temoignage a:hover{
    color: #000;
}

.gtm_bloc_temoignage p {
    margin-bottom: 0;
}

.gtm_bloc_temoignage a {
    border: 2px solid white;
    padding: 10px 15px;
    margin: auto;
    text-align: center;
    display: table;
    color: #ffffff;

}
.gtm_bloc_temoignage a:hover {
    color: white;
    opacity: 0.5;
}



@media only screen and (min-width: 768px){
    .gtm_bloc_temoignage a {
    font-size: 2em;
    padding: 20px 30px;
    border: 4px solid;
}

}

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

.gtm_bloc_temoignage {
    height: 175px;
    width: 500px;
    margin: auto;
}

.gtm_bloc_temoignage a {
    font-size: 1em;
    padding: 10px 15px;
}
}

/*.gtm_titre_apprendre{
	color:#f5ae04;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	margin-top: 34px;
}
*/
	
	
	

.gtm_liste_bloc_gestion{
	font-size: 2em;
}
.gtm_li_gestion{
	padding-right:10px;
}



h3.gtm_block_formulaire{
    font-size: 0px;
}

fieldset.formFieldset legend{
    display: none;
}

/* ------ M O D U L E gestion CTA  ----- */ 

.gtm_block_blanc{
    background-color: #ffffff;
	/* margin-top: 41px; */
	min-height: 600px;
	text-align:center;
    padding: 50px 0px;
}

.gtm_smart_slider{
    background-color: #ffffff;
}

.gtm_block_texture{
background-image: url(/images/texture_block.png);
    background-size: auto;
    background-repeat: no-repeat;
    text-align: left;
    padding: 5% 2%;
    background-color: #ffffff;
    background-position: center;
}

.gtm_block_texture h3{
    color: #468046;
    font-size: 2em;
    text-transform: uppercase;
    text-align: left;
    padding: 2% 0%;
    padding-left: 20px;
    border-left: 5px solid #468046;
}


.gtm_block_texture p{
    font-size: 19px;
    margin-top: 2%;
}

@media only screen and (min-width: 768px){
    .gtm_block_texture p {
    font-size: 20px;
}
.gtm_block_texture h3{
    font-size: 3em;
}
}

/****** POUR GROSSEUR VIDEOS PAGE TÉMOIGNAGES ******/

.gtm_video {
	max-width: 800px;
	padding: 10px;
}

._inn {
    font-size: 20px;
}

/****** BLOCK POUR FORMULAIRE *****/
/* 
.gtm_block_formulaire{
    padding: 50px 100px;
} */

.rsform.gtm_block_formulaire input[type="text"], .rsform.gtm_block_formulaire textarea {
 border: 2px solid black;
    box-shadow: none;
    margin-top: 21px;
    margin-bottom: 24px;
    height: 50px;
}

/* @media only screen and (max-width: 325px) {
.gtm_block_formulaire{
    padding: 20px 10px;
}
} */

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                           POLITIQUE DE CONFIDENTIALITÉ ET DE COOKIES
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* largeur du popup */
div.cc-window.cc-floating {
    max-width: 100% !important;
    width: 100%;
    margin-bottom: 0;
}

/* image de cookie */
.cc-revoke.cc-bottom {
  background-image: url(/images/cookie.svg);
  width: 30px;
  height: 30px;
  left: 15px;
  bottom: 15px;
  background-color: transparent !important;
  -webkit-animation: cookie 0.4ss .8s both;
  animation: cookie 0.4s .8s both;
}

@keyframes cookie {
  0% {  
    visibility: hidden;
    transform: translate(0%, 100%); 
  }
  100% {
    visibility: visible;
    transform: translate(0%, 0%); 
  }
}

/* hover */
.cc-revoke.cc-bottom:hover {
  background-image: url(/images/cookie-hover.svg);
}

/* grille du pop up */
.cc-message-text {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
  
.cc-message-text .p1 { 
  grid-area: 1 / 1 / 2 / 2; 
  font-size: 18px;
}

.cc-message-text .cc-checkboxes-container {
  grid-area: 2 / 1 / 3 / 2;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cc-message-text .cc-compliance {
  grid-area: 3 / 1 / 4 / 2;
}

.p1 {
    margin-bottom: 0;
}

/* bouton fermeture popup */
.cc-close {
  top: 0.8em;
  right: 0.6em;
  font-size: .8em;  
}

/* bouton fermeture popup */
/* .cc-link.cc-privacy {
  font-size: 16px;
} */

/* boutons */

ul.cc-compliance-list {
    flex-direction: column;
}

ul.cc-compliance-list li {
    width: 100%;
    padding-bottom: 0;
}

span.cc-cookie-settings-toggle, div.cc-window a.cc-btn {
  text-decoration: none !important;
  font-size: inherit;
  width: 100%;
}

span.cc-cookie-settings-toggle, .cc-btn.cc-allowall, .cc-btn.cc-deny, a.cc-btn.cc-allow {
  font-weight: 500;
  padding: 5px 10px !important;
  line-height: 1.2;
  height: inherit !important;
  font-size: inherit;
  margin-left: 0;
  margin-bottom: 0;
}

span.cc-cookie-settings-toggle:hover, .cc-btn.cc-allowall:hover, .cc-btn.cc-deny:hover, a.cc-btn.cc-allow:hover {
  background-color: #ffe52b !important;
  border-color: #ffe52b !important;
  color: #fff!important;
}

/* lien politique de confidentialité et catégories de cookies */
a.cc-link.cc-privacy:hover {
  color: #96c560;
}

a.cc-link.cc-cookie-checkbox:hover label {
  color: #96c560;
}


/* alignement */
div.cc-checkboxes-container {
  align-items: center;
  margin-top: 0px;
}

input.cc-cookie-checkbox+span:after, input.cc-cookie-checkbox+span:before {
  display: none;
}

input.cc-cookie-checkbox {
  appearance: auto !important;
  opacity: 1;
}

.cc-cookie-settings-toggler {
  display: none !important;
}

input.cc-cookie-checkbox:checked+span:after, input.cc-cookie-checkbox:checked+span:before {
  display: none !important;
}

div.cc-checkboxes-container a.cc-btn.cc-allow {
  margin-bottom: 0px !important;
}

/* Page politique de confidentialité */
/* Formulaire */
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
    width: 100% !important;
    max-width: 93% !important;
    margin: 5px;
}

.gtm-politique li, .gtm-politique a {
    font-size: 20px;
}

.gtm-politique ul {
    list-style-type: circle;
}

.gtm-courriel-confidentialite a {
    margin: 1em 0em !important;
}

@media screen and (min-width: 576px) { 
    .formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
        max-width: 95% !important;
    }
}

@media screen and (min-width: 768px) { 
    a.cc-btn.cc-allow {
        width: 25% !important;
        margin-top: 10px !important;
    }

    .cc-checkbox-container {
        margin-top: 15px;
    }

    ul.cc-compliance-list {
        flex-direction: row;
        gap: 1em;
    }

    span.cc-cookie-settings-toggle {
        width: 49%;
    }

    a.cc-link.cc-privacy {
        width: 50%;
    }

    .cc-settings-label {
        width: 100%;
    }

    span.cc-cookie-settings-toggle {
        float: right;
    }
}

@media screen and (min-width: 1200px) { 
    span.cc-cookie-settings-toggle {
        width: 23%;
    }

    a.cc-link.cc-privacy {
        width: 23%;
    }
}

/********** AMPZ **********/

.ampz_roosterz_icon {
    background: none;
    display: inline-block;
    height: 30px;
    width: 18px;
}


/********** BACKGROUND VIDEO **********/

 .gtm_video_bg{
display: none;
 }

@media only screen and (min-width: 1025px){
    .gtm_video_bg{
display: block;
 } 
} 

.video-container {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -100;
}

/* .video-container video { */
  /* Make video to at least 100% wide and tall */
  /* min-width: 100%; 
  min-height: 100%;  */

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  /* width: auto;
  height: auto; */
  
  /* Center the video */
  /* position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
/* } */



.video-container video {
width: 162%;
    height: auto;
    position: fixed;
    top: 54%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/****** CALL TO ACTION PAGES CONFÉRENCES AU DESSUS DU FORMULAIRE *****/

.gtm_call_action {
	color: #f5ae04;
}

h4.gtm_call_action {
    width: 78%;
    margin: auto;
    line-height: 30px;
    font-size: 1.5em;
    letter-spacing: 0.01px;
    word-spacing: 0.05em;
    margin-bottom: 15px;
        font-weight: 600;
}
/*********** POUR PARALLAX **********/

#aikon_paralax_366-content {
    color: #ffffff;
    float: none;
    margin: auto;
    max-width: 800px;
    padding: 50px 0;
    position: relative;
    top: 0%;
    transform: translateY(-0%);
    width: 100%;
    z-index: 2;
    -webkit-transform: translateY(-0%);
}

/*********** POUR MODULE PARALLAX **********/

.gtm_gestioninfo {
    margin-top: -65px;
}

.gtm_parallax {
	text-align: left;
	color: #ffffff;
    margin-top: -63px;

}

.gtm_parallax h1 {
    font-size: 2em;
    padding-bottom: 20px;
    color: #ffffff;
    margin-left: 10px;
}

.gtm_parallax p {
	color: #ffffff;
	margin: 20px 10px;
	font-size: 2em;
	text-align: left;
}

.gtm_parallax i{
    color: #ffffff;
}



/****** BLOCK INFOLETTRE ******/

.gtm_infolettre{

	/* background-color: #959da5; */
	background-color: #f0f0f0;
	padding: 20px 10px 20px 10px;
}

/********** LISTE POUR PARRALAX **********/



.gtm_parallax ul {
        text-transform: inherit;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    margin: 0 1em 0 4em;
    padding: 0px 0em;
    list-style: disc;
    font-size: 12px;
}



.gtm_parallax li {
    /* margin: -1em; */
    line-height: 30px;
    padding: 15px 0px;
    font-size: 2em;
    color: #ffffff;

    
}


@media only screen and (min-width: 768px){
.gtm_parallax h1 {
    font-size: 2.5em;
    margin-left: 20px;
}
.gtm_parallax ul {
    margin: 0 2em 0 4em;
    font-size: 15px;
}
}


@media only screen and (max-width: 325px) {
.gtm_parallax li {
    color: #ffffff;
    font-size: 2.3em;
    line-height: 30px;
    padding: 15px 0 0 25px;
}
}



.gtm_parallax li:before {
    /* content: url(/images/puce.png);
    content: "\f0a9";
    font-family: FontAwesome; */
    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    position: relative;
    

} 



/* .gtm_parallax ol {
    margin: 0 1em 2em;
    padding: 2em 2em;
    list-style: none;
} */

.gtm_parallax ol li:before {
    border-width: 0;
    display: block;
    margin: 0 0 0.9em 2em;
    /* padding: 0 1em; */
    position: relative;
}

.gtm_block_border{
	border: 2px solid #8d969f;
	padding: 25px;
        margin-bottom: 1em;
}



.gtm_block_vert{
	background-color: #96c560;
	min-height: 600px;
}

.gtm_margin_image {
	margin-top: -200px;
	z-index: -999999;
}



/* ---- C O N T E N U  F L U I D E---- */



.container-fluid {
    margin: 0 auto;    /* Ne pas changer */
    max-width: 1800px; /* Ne pas changer */
}


/* ---- A L I G N E M E N T ---- */
.gtm_clear {
    clear: both;
    line-height: 0em;
}


/* ----   F O O T E R   &   C O P Y R I G H T   ---- */

.gtm_footer {
    position: absolute;
	bottom: 0;
	height: 129px;
	width: 100%;
	overflow: hidden;
	background-color: #F7F7F7;
	padding-top: 15px;
	padding-bottom: 5px;
}

.gtm_h3_logo{
  font-family: 'Comfortaa';
  color:#65666a;
  float: right;
  font-size: 14px;
}

.gtm_fond_logo_footer{
    background-image : url('/../../images/gestimark-logo.svg'); 
    width: 30px;
    height : 30px; 
    float:right;
    margin-left: 10px;
    margin-top: -10px;
    margin-right: 10px;
}

.gtm_fond_logo_footer:hover {
    background-image : url('/../../images/gestimark-logo-hover.svg');
    width : 30px;
    height : 30px; 

}
.gtm_position_logo_footer {
    margin: auto;
    margin-top: 7px;
    text-align: center;
    content: url(/images/logo-gestimark-sw-couleurs.svg);
    display: block;
    width: 116px;
}
.gtm_position_logo_footer:hover {
    opacity: 0.5;
}



.gtm_flinks {
    float: left;
    font-size: 0.8em;
        margin-bottom: 10px;
}

.gtm_flogo {
    float: right; 
    margin-bottom: -31px;
}






.gtm_copyright {

    text-align: center;
    margin: auto;
    font-size: 15px;
    clear: both;
        margin-left: 10px;
    padding-right: 10px;

    
}

@media only screen and (min-width: 375px){
    .gtm_footer{
        height: 110px;
    }
}



/********** POUR MODUEL PARALLAX **********/

#aikon_paralax_366-content {
    color: #ffffff;
    float: none;
    margin: auto;
    max-width: 800px;
    padding: 50px 0;
    position: relative;
    top: 0%;
    transform: translateY(-0%);
    width: 100%;
    z-index: 2;
}

/******** POUR TITRE DESCRIPTION PATRICK ACCUEIL *********/

.gtm_titre h1{
text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    color: #969fa7;
    line-height: 1.3em;
    letter-spacing: 0.3em;
    padding: 0;
}

.gtm_titre {
    margin-top: -60px;
    margin-bottom: 60PX;
}

.gtm_titre_td{
    display: none;
}


@media only screen and (min-width: 500px){
    .gtm_titre h1 {
    letter-spacing: 0.2em;
    margin-top: -25px;
    margin-bottom: -10px;
}
}

@media only screen and (min-width: 767px){
.gtm_titre h1 {
    margin-top: -54px;
    margin-bottom: 50px;
        padding-top: 1em;
}
}
@media only screen and (min-width: 900px){
    .gtm_titre_td{
    display: block;
}
.gtm_titre_td h1 {
    color: #969fa7;
    text-align: center;
    font-size: 29px;
    margin-bottom: 2em;
    margin-top: 22px;
}
/* .gtm_pat_logo_td {
    margin-top: -75PX;
} */
    .gtm_titre{
        display: none;
    }
}

@media only screen and (min-width: 1000px){
.gtm_titre_td h1 {
    font-size: 33px;
}
}
/*********** POUR PADDING IMAGE PATRICK ACCUEIL **********/
 
.gtm_padding{
    /* padding: 100px 10px; */
    padding: 20px 10px;
} 

@media only screen and (max-width: 325px){
.gtm_padding{
    padding: 0px 10px 20px 10px;
} 
}

/**** pour block icônes Image Patrick accueil ****/
/* img.gtm_pat_acc_img {
    margin-top: -50px;
} */

.gtm_padding2{
    padding: 2px 10px 0px 10px;
} 

@media only screen and (max-width: 325px){
.gtm_padding2{
    padding: 25px 2px;
} 
}



/* @media only screen and (min-width: 900px){
img.gtm_pat_acc_img {
    margin-top: -70px;
}
} */

@media only screen and (min-width: 1200px){
    img.gtm_pat_acc_img {
    max-width: 570px;
}
}

/* ---- I M A G E S ---- */



/*--  M E N U  --*/

.gtm_menu_background {
    background: #ffffff;
    width: 100%;
}

#jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.megacss3.first.menu970 {
    display: none;
}


a.gtm_logo_lien {
    content: url(/images/optimisetavie-com.svg);
    max-width: 270px;
    margin: 10px 0 -15px 0;
}

a.gtm_logo_lien:hover {
    content: url(/images/optimisetavie-com-hover.svg);
}

@media only screen and (min-width: 769px){
.gtm_logo_entete {
    display: flex;
}
    a.gtm_logo_lien {
    margin: 20px 0 0 0;
    width: 300px;
}
.gtm_logo_entete p{
    font-size: 0;
}
}

@media only screen and (min-width: 1000px){
    a.gtm_logo_lien {
    width: 350px;
}
}

/* ---- L I E N S ---- */
a {
    color: #568b56;
    font-size: 1em;
    text-decoration: none !important;
    font-weight: 400;
    margin: 1em 0.5em;
}

a:active, a:hover {
    color: #96c560;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

/* ---- B O U T O N  1 ---- *

.gtm_button {
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    background-color: #79C481;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    margin: 0 0 0 3px;
    text-align: center;
    border-style: solid;
    border-radius: 4px;
    border-width: 0px;
    transition: 500ms;
}

.gtm_button:hover {
    background-color: #f2780c;
    text-decoration: none;
    color: #fff;
}

*/
 
/* ---- B O U T O N  2 ---- 
.gtm_button2 {
    text-transform: uppercase;
    background: rgb(0, 0, 0);

    /*Fall-back vieux fureteurs
    background: rgba(0, 0, 0, .4);
    text-decoration: none;
    vertical-align: middle;
    filter: alpha(opacity=40);
    
    /*Pour IE8 et plus tôt
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 13px 20px;
    margin: 0 50px 0;
    text-align: center;
    border-style: solid;
    border-radius: 4px;
    border-width: 0px;
    transition: 500ms;
}

.gtm_button2:hover {
    background: rgb(0, 0, 0);
    /* Fall-back vieux fureteurs
    background: rgba(0, 0, 0, .6);
}

*/


/* ---- F O R M U L A I R E S  ---- *

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-box-shadow: none;
    background: #FAFAFA;
    border-bottom-color: #EEEEEE;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 0 0 2px;
    box-shadow: none;
    color: #888888;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 10px;
}

*/

/*  ---- B L O C S  ---- */



.gtm_block1 {
    border: solid 3px rgba(167,176,186, 1);
    padding: 2em;
    border-radius: 0 95px 0 95px;
}

.gtm_bordure {
    border: solid 3px #b3bfb8;
    padding: 2em;
    /* border-radius: 95px 0 95px 0; */
} 


.gtm_text_pat p {
    font-size: 19px;
}

.gtm_acc_fin_text h4 {
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    text-align: center;
}

@media only screen and (min-width: 768px){
    .gtm_pat_logo_td .gtm_bordure {
    padding: 3em;
    margin-top: -30px;
}
.gtm_text_pat p {
    font-size: 20px;
}
}
@media only screen and (min-width: 800px){
    .gtm_acc_fin_text h4 {
    font-size: 27px;
    line-height: 40px;
        margin-top: 1.5em;
    margin-bottom: 1.5em;

}
}
@media only screen and (min-width: 900px){
    .gtm_pat_logo_td .gtm_bordure {
    padding: 1em;
}
}


@media only screen and (min-width: 1000px){
    .gtm_pat_logo_td .gtm_bordure {
    padding: 3em;
}
}


@media only screen and (min-width: 1300px){
.gtm_pat_logo_td .gtm_bordure {
    padding: 1em;
    margin-top: -43px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.75em;
}


}

.gtm_block3 {
    border: solid 3px rgba(82,184,99, 1);
    padding: 2em;
    border-radius: 0 95px 0 95px;
} 
/* style block logo top1 */
.gtm_block4 {
    padding-bottom: 2em;
}


.gtm_block4 h2 {
    font-size: 2.7em;
    margin: 0 0 10px 0px;
    font-weight: 400;
    font-style: normal;
    color: rgb(140,148,157);
    line-height: 1.3em;
    letter-spacing: 3px;
}

.gtm_block4 h4 {
    margin: 0 0 25px 0px;
    font-weight: 300;
    font-size: 1.58em;
    color: rgb(140,148,157);
}


.ytf-grid ._yt_searchbox {
    width: fit-content;
}

/*style block téléphone et réseaux sociaux top2*/
.gtm_block5 {
    padding-bottom: 2em;
    text-align: right;
}


.gtm_aa_videos_d{
    display: none;

}
.gtm_aa_videos_mt {
    display: flex;
    display: -webkit-flex;
    background-image: url(/images/raccourci-video-accueil.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 20px 0 30px 0;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    text-align: center;
}

.gtm_aa_videos_mt_cadre {
    background: rgba(80,185,100, 0.8);
    padding: 12px;
}
.gtm_aa_videos_mt_cadre:hover {
    opacity: 0.5;
}
.gtm_aa_videos_mt_cadre a {
    margin: 0;
    color: white;
}
.gtm_aa_videos_mt_cadre h2 {
    margin: 0;
    color: white;
}

.gtm_aa_videos_mt_cadre p {
    color: white;
    margin: 0;
    font-size: 16px;
}

@media only screen and (min-width: 1025px){
    .gtm_aa_videos_d{
    display: block;
}
.gtm_aa_videos_mt{
    display: none;
}
}


/*  ---- L I S T E S  ---- */

ul {
    text-transform: inherit;
    /* font-size: 1em; */
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    margin: 0 2em 2em;
    padding: 0 0em;
    list-style: none;
}

li {
    line-height: 30px;
    padding: 10px 0px;
    /* color: #468046; */
    color: #363636;
    
}

li:before {
    /* content: url(/images/puce.png); */
    /* content: "\f0a9"; */
    /* font-family: FontAwesome; */
    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    position: relative;
    

} 


/* ol {
    margin: 0 1em 2em;
    padding: 2em 2em;
    list-style: none;
} */

ol li:before {
    border-width: 0;
    display: block;
    margin: 0 0 0.9em 2em;
    position: relative;
}


/********** RS FORM DESIGN **********/


.rsform.gtm_block_formulaire .btn-primary.outline {
    border: none!important;
    color: #fff!important;
    background: #f5ae04!important;
    box-shadow: none;
}
.rsform.gtm_block_formulaire .btn-primary.outline:hover {
    background-color: #ffe52b!important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: transparent;
    border: 0px solid #468046;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


@media only screen and (max-width: 325px) {
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #468046;

}
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0px;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    width: 300px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    margin: 10px 0px;
    vertical-align: middle;
}


/*** pour mobile ***/

@media only screen and (max-width: 325px) {
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    width: 230px !important;
    padding: 4px 2px;
    
}
}


/***** rs form hover *****/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        border-radius: 0;
    color: #468046;
    display: block;
    font-size: 1em;
    line-height: 20px;
    margin: auto;
    /* vertical-align: middle; */
    max-width: 300px!important;
    text-align: left;
    border: 2px solid #8d969f;
    box-shadow: none;
    margin-bottom: 24px;
    margin-top: 21px;
    height: 50px;

 
}
.rsform .btn-primary.outline {
    color: white;
    background: #f5ae04;
    border: none;
}
.rsform .btn-primary.outline:hover {
    background: #ffe52b;
    color: white;
}
.moduletable.gtm_infolettre h3 {
text-align: center;
    color: #50b964;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.acymailing_introtext {
    text-align: center;
    font-size: 18px;
    color: #f5ae04;
}
input.button.subbutton.btn.btn-primary {
    box-shadow: none;
    margin-top: 1em;
    padding: 10px 15px;
}


/* Message d'erreur en haut     */
.gtm_error_rsform {
    color: #CF4D4D;
    margin-left: 2em;
    font-weight: 800;
    font-size: 2em;
    margin-bottom: 20px;
}


/*   messages erreurs en dessous des champs   */

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

.xdsoft_datetimepicker.xdsoft_inline {
    margin-bottom: 30px;
}


.formCaption2 {
    margin-top: 20px;
}

fieldset.formFieldset {
    margin-bottom: 50px;
}

/*   Recaptcha METTER LE ID DYNAMIQUE   */


div[id^="g-recaptcha-"]  {
    margin-bottom: 20px;
}


.rsform.gtm_block_formulaire textarea {
    line-height: 29px;
     width: 100%;
    height: 200px;
}





/*   personnaliosation du module Acymailing   */
h2.gtm_infolettre {
    max-width: 990px !important;
    margin: auto;
    margin-bottom: 10px;}


input#user_email_formAcymailing82431 {
    margin-top: 0;
}


@media only screen and (min-width: 768px){
    h2.gtm_infolettre {
    font-size: 30px;
}
}

/***** rs form focus *****/

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 2px solid #f5ae04 !important;
    box-shadow: none ;
    outline: 0 none;
    color: #468046;
    font-size: 1.2em;
    height: 50px;
    width: 320px;
    transition: 0.5s;
}
fieldset.formFieldset ol.formContainer li {
    background-image: none;
    list-style: none;
    padding: 5px;
    margin: auto;
    clear: both;
    width: 90%;
}
/*
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #468046;
    box-shadow: none;
    outline: 0 none;
}
*/


/***** rs form font-size *****/

fieldset.formFieldset ol.formContainer {
    font-size: 2em;
    margin: 0;
    padding: 0;
}


/***** rs form pour design calendrier date prévu *****/

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #468046 none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 #468046 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #8d969f none repeat scroll 0 0 !important;
    box-shadow: none;
    color: #fff;
}

/*** pour marge entre titre '' date prévu '' et le calendrier **/
.xdsoft_datetimepicker {
    background: #fff none repeat scroll 0 0;
    border-color: #ccc #ccc #bbb;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    box-sizing: border-box;
    color: #333;
    display: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 10px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 8px;
    position: absolute;
    z-index: 9999;
}


.ba-gallery {
    margin-bottom: 5em;
    margin-top: -1.5em;
}
.ba-gallery-grid.css-style-8 .ba-caption{
    margin-top: 1.6em;
}

@media only screen and (min-width: 375px){
.ba-gallery {
    margin-bottom: 4em;
}
}


@media only screen and (min-width: 900px){
    p.short-description {
    font-size: 30px!important;
}
}

/****** ACCUEIL COULEUR PHRASE SUR IMAGE AVANT-APRÈS ******/

.cd-image-container {
    margin-bottom: 85px!important;
}


.is-visible .cd-image-label{
    display: none;
}
.mkab .mk-wrapper {
    max-width: 100%!important;
    margin: 0 auto;
    padding: 10px!important;
    background-color: rgba(70,128,70,1)!important;
}    

.mkab .mk-title {
        top: unset!important;
    left: 0!important;
    width: 100%!important;
    text-align: center!important;
    display: flex;
    align-items: baseline;
    position: absolute!important;
    z-index: auto;
    margin-top: 0;
    align-self: unset;

}
.mkab .mk-title h3, .mkab .mk-title p {
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.5px;
}



.wspm-headline {
    background: white;
    margin-top: -23px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.wspm-item.item-964.headline-image .wspm-headline{
    background-color: #f0f0f0;
}

#wspm .wspm-item .wspm-headline h3 {
    background: rgba(80,185,100,1)!important;
    text-align: center;
    padding: 1em;
    font-size: 19px;
    color: white;
    text-transform: uppercase;
    line-height: 29px;
}

@media only screen and (min-width: 480px){
    .mkab .mk-title{
        display: block;
    }

    #wspm .wspm-item .wspm-headline h3{
            font-size: 25px;
            padding: 0.75em;

    }
}

@media only screen and (min-width: 700px){
   .mkab .mk-title h3, .mkab .mk-title p {
    font-size: 23px;
}
}
@media only screen and (min-width: 767px){
.mkab .mk-title {
    display: flex;
    margin-top: -75px;
}
.mkab .mk-wrapper{
    background-color: rgba(70,128,70,0.78)!important;
}
.cd-image-container {
    margin-bottom: 0!important;
}
#wspm .wspm-item .wspm-headline h3{
    font-size: 14px;
    padding: 0.5em;
    background: rgba(80,185,100,0.78)!important;
}
.wspm-headline {
    background: white;
    margin-top: -76px;
    margin-bottom: -11px;
}



}




@media only screen and (min-width: 1000px){
.mkab .mk-wrapper {
    max-width: 65%!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.mkab .mk-title h3, .mkab .mk-title p {
    font-size: 30px;
}
.mkab .mk-title {
    margin-top: -132px;
}
#wspm .wspm-item .wspm-headline h3 {
    font-size: 18px;
}
.wspm-headline {
    margin-top: -85px;
    margin-bottom: -6px;
}
}
@media only screen and (min-width: 1265px){
    .mkab .mk-wrapper {
    width: 65%!important;
    padding: 20px 30px!important;
}
.mkab .mk-title {
    margin-top: -152px;
}
.mkab .mk-title h3, .mkab .mk-title p {
    letter-spacing: 9px;
}
.wspm-headline {
    margin-top: -122px;
    margin-bottom: 10px;
}

#wspm .wspm-item .wspm-headline h3 {
    font-size: 23px;
    padding: 0.85em;
}

}




/*   Cacher l'auteur de Youtube Feed Pro   */

.ytfAuthor {
    display: none !important;
}



/*  ---- B L O C K Q U O T E  ---- */


/* ---- S T Y L E 1 ----*
blockquote.style1 {
  font: 12px/18px normal "Courier New", sans-serif;
  padding-left: 70px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #000;
  color: white;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(images/openquote5.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }

blockquote.style1 div {
    padding-right: 50px;
    display: block;
    background-image: url(images/closequote5.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
} 


/*  ---- R É F É R E N C E  ---- *
cite {
    margin: 0 0 0 6em;
    text-decoration: none;
    color: #838383;
    font-size: 1.2em;
}

/* ---- I M A G E S  P A G E  C R É D I T S ---- */
.gtm_creditv {
    float: left;
    width: 400px;
    height: auto;
    margin: 10px;
}

.gtm_credith {
    float: left;
    max-width: 800px;
    height: auto;
    margin: 10px;
}

.gtm_lignedetexte {
    clear: both;
    margin-bottom: 2px;
    margin-top: 3em;
}
img.gtm_credits {
    width: 300px;
    margin-top: 2em;
}


/* --------  T A B L E   -------- */


/* ---- T A B L E   D E S K T O P ---- *
.gtm_table { 
  width:100%; 
  border-collapse: collapse;  
}

.gtm_table td { 
  padding:8px; 
}
 
.gtm_table tr:nth-child(even) { //(even) or (2n 0)
    background: #525354;
  color: #fff
}
.gtm_table tr:nth-child(odd) { //(odd) or (2n 1)
    background: #f1f1f1;
}

.gtm_table thead td{
    color: #fff;
  background-color: #df5f1e;
  font-size: 2em;
}

 */

/* ---- T A B L E  M O B I L E ---- *
.gtm_table_m { 
  width:100%; 
  border-collapse: collapse;  
}

.gtm_table_m td { 
  padding:8px; 
}
 
.gtm_trh1 {
    background-color: #df5f1e;
    color: #fff;
    font-size: 1.2em;
}

.gtm_trh2 {
      color: #fff;
  background-color: #525354;
    font-size: 1.2em;

}

.gtm_trh3 {
     color: #fff;
  background-color: #525354;
    font-size: 1.2em;

}
 */

/*  --------------------  M E D I A  Q U E R I E S  --------------------  */




/* ---- V E R S I O N   I M P R I M A B L E  D U  S I T E ---- */
@media print { 

    /* Titre menu */
    .megaMenuToggle {
        display: none !important;
    }

    /* Menu */
    .js-megamenu {
        display: none !important;
    } 

    .megamenu level0 {
        display: none !important;
    } 
}


/* ---- A F F I C H A G E  S U R   D E S K T O P ---- */

@media only screen and (max-width: 768px) {
    .gtm_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  E T  D E S K T O P ----  */

@media only screen and (max-width: 480px) {
    .gtm_tablette_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  ----  



 @media only screen and (min-width: 769px){
    .gtm_tablette {
        display:none
    }}

@media only screen and (max-width: 479px) {
    .gtm_tablette {
        display:none
    }  
}

*/



@media only screen and (min-width: 769px) and (max-width: 480px){
    .gtm_tablette {
        display: none;
   }
}


/* ---- A F F I C H A G E  S U R  M O B I L E  E T  T A B L E T T E  ----  */

@media only screen and (min-width: 769px) {
    .gtm_mobile_tablette {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  M O B I L E  ----  */

@media only screen and (min-width: 479px) {
    .gtm_mobile {
    display: none;
    }
    
}


/* ACYMAILING */

.gtm-titre-abonnez {
    background-color: #f0f0f0;
    margin-bottom: 0px;
    padding: 40px 40px 10px 40px;
}

h3.gtm-titre-abonnez {
    color: #81a881;
}



.gtm-abonnez {
    background-color: #f0f0f0;
    padding: 40px;
}

.gtm-titre-abonnez, .gtm-abonnez, .acym_fulldiv form {
    text-align: center;
}

.acym_introtext p {
    max-width: 70%;
    margin: auto auto 40px auto;
    font-size: 2em;
    font-weight: 400;
    font-style: normal;
    color: rgb(140, 148, 157);
    line-height: 1.3em;
}

.gtm_block_formulaire .rsform-input-box, .gtm_block_formulaire .rsform-text-box {
    margin-left: 0px;
    margin-right: 0px;
}

.gtm-arrow {
    width: 60px;
}

.gtm-form-contact input, .gtm-form-contact textarea {
    margin: 20px 0px 20px 0px;
}


/* appel à l'action accueil */ 

.gtm-no-padding {
    padding: 0px;
}

.gtm-appel-action {
    position: relative;
    z-index: 0;
    background-color: #000;
}

.gtm-chaine-action {
    position: absolute !important;
    z-index: 3 !important;
    top: 50%;
    left: 50%;
    width: 50px;
    height: auto;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

 .gtm-appel-action:hover .gtm-chaine-action {
    visibility: visible;
    opacity: 1;
}

/* .gtm-appel-action::before {
    content: url(/images/link-solid.svg);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 50px;
    height: auto;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.gtm-appel-action:hover::before {
    visibility: visible;
    opacity: 1;
} */

.gtm-appel-action img {
    opacity: 1;
    transition: opacity .2s ease-in-out;
}

.gtm-appel-action:hover img.gtm-img-pat {
    opacity: .5;
}

.gtm-appel-action a {
    position: relative;
    z-index: 2;
    margin: 0px;
}

.gtm-appel-action a.gtm-titre-action {
    position: absolute;
    left: 0;
    bottom: 20px;
    /* padding-left: 20px;
    padding-right: 20px; */
    text-transform: uppercase;
    color: #fff;
    background: rgba(80, 185, 100, 0.78);
    width: 100%;
    font-size: 23px;
    padding: 0.85em;
}



.gtm-para {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.gtm-para-gestion {
    background-image: url(/images/gestion-information-paralax.jpg);
}
.gtm-para-coherence {
    background-image: url(/images/coherence-cardiaque-parallax.jpg);
}
.gtm-para-productivite {
    background-image: url(/images/productivite-energie-vital-parallax.jpg);
}

.gtm-para > div  {
    max-width: 800px;
    margin: auto;
    padding: 30px;
}

.gtm-para ul {
    text-transform: inherit;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    margin: 0 1em 0 4em;
    padding: 0px 0em;
    list-style: disc;
    font-size: 12px;
}

.gtm-para li {
    line-height: 30px;
    padding: 15px 0px;
    font-size: 2em;
    color: #ffffff;
}

#userForm {
    max-width: 800px;
    margin: auto;
    padding: 30px;
}

button.gtm-btn-form {
    border: 3px solid #f5ae04 !important;
    background-color: #f5ae04 !important;
    color: #fff;
    font-size:2em !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 10px 20px!important;
}

button.gtm-btn-form:hover  {
    background-color: #ffe52b!important;
        border: 3px solid #ffe52b !important;
}

#userForm .formControlLabel {
    margin-top: 20px;
    font-size: 2em;
}

#userForm input, #userForm textarea {
    border: 2px solid black;
    box-shadow: none;
    margin-top: 21px;
    margin-bottom: 24px;
    height: 50px;
}

.gtm-politique {
    padding: 30px;
}

.gtm-politique h1 {
    background-color: #50b964;
    padding: 40px;
    text-align: center;
}

.gtm-content-contact  {
    max-width: 1200px;
    margin: 20px auto;
}

.gtm-content-contact > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width: 992px) {
.gtm-content-contact > div {
    gap: 30px;
    flex-direction: row;
}
   .gtm-content-contact div.gtm-contact {
    width: 50%;
} 
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
 {
    font-size: 1.5em !important;
    font-weight: 700 !important;
    color: #000 !important;
}


.ytf-grid .ytf-sidebar {
    position: relative;
    z-index: 0;
}

.ytf-sidebar .btn-more {
    font-size: 20px;
}