/*
 Theme Name:  oceanwp-child
 Description:  Theme FORMADIA
 Author:       Iwego
 Template:     oceanwp
 Version:      1.0.1
*/


/************************************************/
/**                                            **/
/**                 GENERAL                    **/
/**                                            **/
/************************************************/

.univers-btn{display:none !important;}

.home .actu-right{display:none;}

p, h2 {margin-bottom: 0px !important;}
ul {
  list-style: none !important; 
}
nav ul li::before, ul.menu li::before  {display: none ;}

.pad-top2  {padding-top: 2em;}
.red-list ul li::before {
  content: "\2022";  
  color: var( --e-global-color-primary ); 
  font-weight: bold; 
  display: inline-block;
  width: 0.6em; 
  margin-left: -1em; 
  vertical-align: bottom;
  font-size: 25px;

}

.blue-list ul li::before {
  content: "\2022";  
  color: var(--e-global-color-accent); 
  font-weight: bold; 
  display: inline-block;
  width: 0.6em; 
  margin-left: -1em; 
  vertical-align: bottom;
  font-size: 25px;

}

.actu-btn{display: none !important;}
.home .actu-btn,.page-id-846 .actu-btn,.actu-btn{display: none !important;}

.hide {display: none !important;}
.width-fit {width: fit-content !important;}
.corner-right22 div {border-bottom-right-radius: 22px;border-top-right-radius: 22px;}
.corner-left22 div {border-bottom-left-radius: 22px;border-top-left-radius: 22px;}
.center-div {margin:0 auto !important;}

.elementor-widget-image.logo a img[src$=".svg"] { width: 180px !important; height: 100px;}
.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .menu-item.current-menu-parent a.hfe-menu-item {color: var( --e-global-color-primary );}
a.hfe-menu-item:hover {color: var( --e-global-color-primary );}

/*** SVG FILTERS ***/
.red {filter: invert(16%) sepia(74%) saturate(5347%) hue-rotate(355deg) brightness(79%) contrast(120%);}
.blue {filter: invert(90%) sepia(8%) saturate(1998%) hue-rotate(36deg) brightness(88%) contrast(87%);}
.page-id-650 .red-left:before {filter: invert(80%) sepia(30%) saturate(556%) hue-rotate(167deg) brightness(99%) contrast(90%);}


/*** TEXTS ***/
.text-red {color: var(--e-global-color-primary);}
.text-green {color: var(--e-global-color-secondary) !important;}
.text-marine {color: var(--e-global-color-text);}
.text-blue {color: var(--e-global-color-accent) !important;}
.text-white {color: white !important;}
.bg-red {background-color: var(--e-global-color-primary);color: white; padding: 0.1em 0.3em; border-radius: 5px;}
.bg-green {background-color: var(--e-global-color-secondary);color: white;}
.bg-marine {background-color: var(--e-global-color-text);color: white;}
.bg-blue {background-color: var(--e-global-color-accent);color: white;}
.bg-white {background-color: white;}

/*** BUTTONS ***/
.red-btn a {color: white;}
.white-btn {background-color: white; border-radius: 16px;padding: 0.3em 0.8em;color: var(--e-global-color-text);display: inline-block;}
 .red-btn {background-color: var(--e-global-color-primary); border-radius: 16px; color: white;padding: 0.3em 0.8em;}
.marine-btn {background-color: var(--e-global-color-text); border-radius: 16px; color: white;padding: 0.3em 0.8em;}
.green-btn {background-color: var(--e-global-color-secondary); border-radius: 16px; color: var(--e-global-color-text);padding: 0.3em 0.8em;}
.blue-btn {background-color: var(--e-global-color-accent); border-radius: 16px; color: white;padding: 0.3em 0.8em;}
.red-btn:hover a, .red-btn:hover, .white-btn:hover, .marine-btn:hover, .green-btn:hover , .blue-btn:hover, .job-manager-form a.button:hover, .job-manager-form input[type="submit"]:hover, .job_filters input[type="submit"]:hover, .single_job_listing .application .application_button, .depot-cv-form input[type="submit"] {background-color: var( --e-global-color-text ); color: white;}


/************************************************/
/**                                            **/
/**                  HEADER                    **/
/**                                            **/
/************************************************/

.col-menu-10{width: 10% !important;}
.col-menu-60{width: 60% !important;}
.col-menu-20{width: 20% !important;}
.sub-menu li.menu-item:not(:last-child){border-bottom: 0px !important;}
.sub-menu li.menu-item {background-color: var(--e-global-color-text) !important; padding: 0.5em 2em;}
.sub-menu li.menu-item:first-child {padding-top: 1em; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.sub-menu li.menu-item:last-child {padding-bottom: 1em; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
.sub-menu li.menu-item a {padding: 0px 0px 0px 10px !important;  width: fit-content; font-size: 13px !important;}
span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 i:before {content:'\25B2' !important;}
span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 i {transform: rotate(90deg);}
span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 { position: absolute; left: -1em;}

/***  STICKY HEADER ***/
.show-menu {display: block; position: fixed; top: 0; width: 100%;}
.header-add div.elementor-widget-wrap.elementor-element-populated {display:flex; align-items: center;}
.extranet {padding: 1em 1.5em 0.7em; border-radius: 0px 0px 10px 10px; margin-top: -0.4em;}
.sticky-header div.elementor-container.elementor-column-gap-no { margin: 0 auto; justify-content: center;padding: 10px;}
.sticky-header nav {margin: 0 auto;}
.elementor-widget:not(:last-child){margin-bottom:0px !important;}

.fill a.dropdown-item {
  border-left: 0.5em #bf0010 solid !important;
  background: linear-gradient(90deg, #fff 50%, #bf0010 50%);
  -webkit-background-clip: text;
  color: white !important;
  /*-webkit-text-fill-color: transparent;*/
  position: relative;
  z-index: 1;
}

.fill a.dropdown-item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #bf0010 50%, transparent 50%);
  z-index: -1;
}

.fill a.dropdown-item,
.fill a.dropdown-item:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

.fill a.dropdown-item:hover,
.fill a.dropdown-item:hover:after {
  background-position: 0;
  font-size: 1.1em;
  color: #bf0010; /*For IE*/
}

/***  SUB MENU ANIMATION MEDICO ***/


.fill .menu-medico.menu-item a.dropdown-item {
  border-left: 0.5em #40d2d8 solid !important;
  background: linear-gradient(90deg, #fff 50%, #40d2d8 50%);
  -webkit-background-clip: text;
  color: white !important;
  /*-webkit-text-fill-color: transparent;*/
  position: relative;
  z-index: 1;
}

.fill .menu-medico.menu-item a.dropdown-item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #40d2d8d6 50%, transparent 50%);
  z-index: -1;
}

.fill .menu-medico.menu-item a.dropdown-item,
.fill .menu-medico.menu-item a.dropdown-item:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s !important;
}

.fill .menu-medico.menu-item a.dropdown-item:hover,
.fill .menu-medico.menu-item a.dropdown-item:hover:after {
  background-position: 0;
  font-size: 1.1em;
  color: #40d2d8; /*For IE*/
}



/***  SUB MENU ANIMATION PHARMACIE ***/


.fill .menu-pharmacie.menu-item a.dropdown-item {
  border-left: 0.5em #a7cd7b solid !important;
  background: linear-gradient(90deg, #fff 50%, #a7cd7b 50%);
  -webkit-background-clip: text;
  color: white !important;
  /*-webkit-text-fill-color: transparent;*/
  position: relative;
  z-index: 1;
}

.fill .menu-pharmacie.menu-item a.dropdown-item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #a7cd7bd4 50%, transparent 50%);
  z-index: -1;
}

.fill .menu-pharmacie.menu-item a.dropdown-item,
.fill .menu-pharmacie.menu-item a.dropdown-item:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s !important;
}

.fill .menu-pharmacie.menu-item a.dropdown-item:hover,
.fill .menu-pharmacie.menu-item a.dropdown-item:hover:after {
  background-position: 0;
  font-size: 1.1em;
  color: #a7cd7b; /*For IE*/
}

/****/

.fill .elementskit-submenu-panel > li.menu-pharmacie > a,.fill .elementskit-submenu-panel > li.menu-medico > a {   display: inline-block !important;margin-bottom: 0px !important;line-height: 14px;padding: 15px 5px !important;}


.fill .elementskit-submenu-panel > li > a {   display: inline-block !important;margin-bottom: 0px !important;line-height: 14px;padding: 5px !important;}

.fill .elementskit-submenu-indicator{right:100%; transform: rotate(270deg);bottom:2px;}
.fill  .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{transform: rotate(360deg);}

.fill .menu-formation .elementskit-submenu-panel{padding:0px !important;}
.fill .menu-formation  .elementskit-submenu-panel > li > a{margin-bottom:0px;}
.fill .menu-formation  .elementskit-submenu-panel > li > a:hover{font-size:12px !important;}

.menu-pharmacie a { 
	padding: 1em !important;
	width: 100% !important;
	border-left: 1em var(--e-global-color-secondary) solid !important;
  	background: linear-gradient(90deg, #fff 50%, rgba(166, 205, 123, 0.6) 50%);
  	-webkit-background-clip: text;
	color: white !important;
  /*-webkit-text-fill-color: transparent;*/
  	position: relative;
	z-index: 1;}

.menu-pharmacie a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(166, 205, 123, 0.6) 50%, transparent 50%);
  z-index: -1;
}
.menu-pharmacie a,
.menu-pharmacie a:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

.menu-pharmacie a:hover,
.menu-pharmacie a:hover:after {
  background-position: 0;
  font-size: 1.1em;
  color: var(--e-global-color-secondary); /*For IE*/
}
#menu-item-18 .sub-menu {background-color: var(--e-global-color-text); border-radius: 9px;}
.menu-pharmacie.menu-item  {background-image: url("/wp-content/uploads/2022/11/pharmacienne-1-1.jpg") !important; background-size: cover;  padding: 0em !important; margin: 1em 0em !important; border-radius: 0px !important;}
.menu-medico.menu-item  {background-image: url("/wp-content/uploads/2022/11/aide-a-la-personne-menu-1-1.jpg") !important; background-size: cover;  padding: 0em !important;margin: 1em 0em !important;border-radius: 0px !important;}

.menu-medico a { 
	padding: 1em !important;
	width: 100% !important;
	border-left: 1em var(--e-global-color-accent) solid !important;
  	background: linear-gradient(90deg, #fff 50%,  rgba(64, 209, 216, 0.6) 50%);
  	-webkit-background-clip: text;
	color: white !important;
  /*-webkit-text-fill-color: transparent;*/
  	position: relative;
	z-index: 1;}

.menu-medico a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(64, 209, 216, 0.6) 50%, transparent 50%);
  z-index: -1;
}
.menu-medico a,
.menu-medico a:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

.menu-medico a:hover,
.menu-medico a:hover:after {background-position: 0;font-size: 1.1em; color: var(--e-global-color-accent);}

.menu-item-has-children:hover span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 i {transform: rotate(180deg);}

span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {color: var(--e-global-color-primary) ; }
.page-id-650 span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {color: var(--e-global-color-secondary) ; }
.page-id-846 span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {color: var(--e-global-color-accent) ; }

.elementskit-navbar-nav-default .elementskit-dropdown{border: 0px !important;}

.page-id-650 .elementskit-submenu-indicator{color: var( --e-global-color-secondary ) !important;}
.page-id-846 .elementskit-submenu-indicator{color: var( --e-global-color-accent ) !important;}


.formulaire-formadia form input[type="text"],.formulaire-formadia form input[type="password"],.formulaire-formadia form input[type="email"],.formulaire-formadia form input[type="url"], .formulaire-formadia form input[type="date"],.formulaire-formadia form input[type="month"],.formulaire-formadia form input[type="time"],.formulaire-formadia form input[type="datetime"],.formulaire-formadia form input[type="datetime-local"],.formulaire-formadia form input[type="week"],.formulaire-formadia form input[type="number"],.formulaire-formadia form input[type="search"],.formulaire-formadia form input[type="tel"],.formulaire-formadia form input[type="color"],.formulaire-formadia form select,.formulaire-formadia form textarea{background-color: white !important;}


.actus-accueil-slick .slick-slide{
	border-radius: 40px;
}
/************************************************/
/**                                            **/
/**                  ACCUEIL                   **/
/**                                            **/
/************************************************/

.slider-accueil

.chiffres strong{font-size: 36px !important; color: var(--e-global-color-primary);}
.chiffres p  {font-size: 30px !important; color: var(--e-global-color-text); font-weight:300; line-height: 1.1em;}

/*** RED ***/
.red-right, .red-left {position: relative;}
.red-right { background-image: url("/wp-content/uploads/2022/08/red-right.svg"); background-size: contain; background-repeat: no-repeat; background-position:calc(50% + 500px) 0rem !important; padding-top: 5rem !important; }
.red-left { background-image: url("/wp-content/uploads/2022/08/red-right.svg");background-size: contain; background-repeat: no-repeat; background-position: calc(50% - 500px) 0rem !important; padding-bottom: 5rem !important; }

/*** BLUE ***/
.blue-right, .blue-left {position: relative;}
.blue-right{background-image: url("/wp-content/uploads/2022/08/blue-right.svg");  background-size: contain; background-repeat: no-repeat; background-position:calc(50% + 500px) 0rem !important; padding-top: 5rem !important; }
.blue-left{background-image: url("/wp-content/uploads/2022/08/blue-right.svg");  background-size: contain; background-repeat: no-repeat; background-position: calc(50% - 500px) 0rem !important; padding-bottom: 5rem !important; }


/*** SECTION EQUIPE ***/
.team-container, .formation-container {display: flex; justify-content: space-between;}
.teams {text-align:center; width: 80%;}
.teams p, .formations p,  .formations h4 {color: var(--e-global-color-text); }
.team-name {font-size: 17px; font-weight: 700;}
.team-job{font-size: 17px; font-weight: var(--e-global-typography-text-font-weight) !important; line-height: 1.1em !important;}
.circle-team {width: 15rem; height: 15rem; border-radius: 50%; background-size: cover;margin: 0 auto;}
.slick-next, .slick-prev {background-color: transparent;border: 0px;font-size: 32px;color: var(--e-global-color-text);}
.res-img {position: relative; top: 0em; left: 81.7%;}
.res-img img {width: 4em;}
.slick-slider {display:flex !important;}
.actus-container .slick-track {background-color: white;}

.slick-next,.slick-prev{font-size: 32px !important;color: var( --e-global-color-primary ) !important;}
.page-id-650 .slick-next,.page-id-650 .slick-prev{font-size: 32px !important;color: var( --e-global-color-secondary ) !important;}
.page-id-846 .slick-next,.page-id-846 .slick-prev{font-size: 32px !important;color: var(--e-global-color-accent) !important;}
.slick-next::before, .slick-prev::before{display: none;}

/*** SECTION FORMATIONS ***/
.formations {width: 70%; margin: 0.5em 1em; display: flex;flex-direction: column;justify-content: end;}
.formations h4 {font-size: 13px; line-height: 1.1em;}
.formations .marine-btn {margin-top: 0.5em;} 
.f-info {line-height: 1.1em;margin-top: 1em;}
.formations .bg-white {min-height: 10em; padding: 0em 0.5em 1em;}
.formations .bg-white img {height: 6em; width: 18em;}

/*** SECTION ACTU ***/
.actu-right {
	width: 25vw;
    position: fixed;
    z-index: 99;
    background-color: white;
    height: 100vh;
    top: 0;
    right: 0;
	border: 0px solid;
  	padding: 10px;
  	box-shadow: -9px 1px 15px -9px rgba(0,0,0,0.75);
}

.actu-right.hidemenu {right:-26vw; animation: slide-left 0.5s linear; }
.actu-btn {position: absolute; top: 50vh; left: 80px;border-top-left-radius:30px;border-bottom-left-radius:30px;cursor:pointer;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.actu-btn:hover{-webkit-transform: translateX(-8px);transform: translateX(-8px);background-color:var(--e-global-color-text);}
.actu-btn.hidemenu {left: -125px;}
.actu-btn-close {position: absolute; top: 50vh; left: -60px;}
.actu-btn-close.hidemenu {left: 60px;}

.actus-container .slick-prev i, .actus-container .slick-next i {transform: rotate(90deg);}


@keyframes slide-left{
  0%{
    transform: translateX(-25vw);
  }
  100%{
    transform: translateX(0vw);
  }
}
.actus-container {display: flex; flex-direction: column; }

.actus-container p {margin-bottom: 0px; line-height: 1em; font-size: 13px; color: var(--e-global-color-text);}
.actus-container h4 {margin-bottom: 0.6em; line-height: 1em; font-size: 15px; color: var(--e-global-color-text);}
.actus-container ul{margin: 0em; }
.bg-actus {background-size: cover; width: 100%; margin: 1em 0em 1em;}
.actus {background-color: rgba(255, 255, 255, 0.7); margin-top: 40%; padding: 0em 1.6em 1em;}
.actus li {width: fit-content; padding: 0.1em 1em; border-radius: 20px; position: relative; top: -1em;}
.actus li a {color: white !important;}

.accordeons-moteur #elementor-tab-title-2012{background-color: var( --e-global-color-text );margin-left: 5px;}
.accordeons-moteur #elementor-tab-title-2011{background-color: var( --e-global-color-primary );margin-right: 5px;}
.accordeons-moteur .elementor-tab-title{font-size: 16px !important;padding: 15px !important;border-top-left-radius: 15px; border-top-right-radius: 15px;border: 0px !important;line-height:16px !important;}
.accordeons-moteur .elementor-tab-content{border: 0px !important;border-radius: 15px;box-shadow: 0px 0px 5px 0px rgba(162,162,162,0.7);padding-top: 40px !important;}
/*
.accordeons-moteur #elementor-tab-content-2011:before{content: '';width: 100%;height: 20px;background-color: var( --e-global-color-primary );display: block;border-top-right-radius: 15px;border-top-left-radius: 15px;position: absolute;top: 46px;left: 0;}
.accordeons-moteur #elementor-tab-content-2012:before{content: '';width: 100%;height: 20px;background-color: var( --e-global-color-text );display: block;border-top-right-radius: 15px;border-top-left-radius: 15px;position: absolute;top: 46px;left: 0;}*/

.actus-accueil-slick .bg-actus{margin: 15px;}

/*******MOTEUR DE RECHERCHE**********/

.moteur-recherche-formation label{color: var( --e-global-color-text );font-weight: bold;}
.moteur-recherche-formation input[type="search"],.moteur-recherche-formation input[type="text"],.moteur-recherche-formation select{border-radius: 10px;}
.moteur-recherche-formation .champ-bouton button{background-color:  var( --e-global-color-text );padding: 5px 15px;border: 0px;border-radius: 15px;}
.moteur-recherche-formation .champ-bouton button i{color: white;font-size: 18px;}
.moteur-recherche-formation div{margin-bottom: 15px;}

/**********FORMATIONS DU MOMENT*********/

.liste-formation h3{color: var( --e-global-color-text );font-size: 14px;line-height: 16px;margin-bottom: 10px;}
.liste-formation .bloc-contenu-formation{background-color: white;padding: 5px;margin-bottom: 10px;}
.liste-formation .bloc-contenu-formation img{width: 100%;height: 200px;}
.liste-formation .bloc-contenu-formation h4{color:  var( --e-global-color-text );font-size: 14px;line-height: 14px;margin-bottom: 0;padding: 10px;}
.btn-formation a {color: white;}
.btn-formation {background-color: var( --e-global-color-text ); border-radius: 16px; color: white;padding: 0.3em 0.8em;display: inline-block;}
.btn-formation:hover a,.btn-formation:hover{background-color: var(--e-global-color-primary); color: white;}
.liste-formation{text-align: center;}
/************************************************/
/**                                            **/
/**            PHARMACIE/ENTREPRISES           **/
/**                                            **/
/************************************************/

/*** SECTION ACTUS ***/

.actus-container-pharma .bg-actus { border-radius: 40px; width: 350px; height: 280px;position: relative;}
.actus-pharma {background-color: var(--e-global-color-secondary);width: 100%; position: absolute;text-align: center;opacity: 0; top: 0; height: 100%; display: flex; flex-direction: column; align-items: center;  justify-content: center;border-radius: 42px; padding: 1em;}
.actus-pharma ul {margin: 0px !important;}
.actus-pharma:hover {opacity: 1; transition: opacity 0.2s linear;}
.actus-pharma .titre-actus {color: var(--e-global-color-text); margin-top: 1em;}
.actus-pharma .post-categories li a, .actus-pharma .post-categories li  {background-color: white !important;padding: 0.5em 0.6em; border-radius: 22px;  color: var(--e-global-color-text) !important; font-weight: 600;}
.spacer {height: 200px;}

/*** SECTION TEMOIGNAGES ***/
.temoignage strong.green-btn {margin-bottom: 1em !important;}
.temoignage strong {margin-bottom: 0.5em !important;}


.temoignages-blue .temoignage strong.green-btn {background-color: var(--e-global-color-accent) !important; }

.accordeon-pharmacie #elementor-tab-title-6921{background-color: var( --e-global-color-secondary );margin-left: 5px;}
.accordeon-medico #elementor-tab-title-2361{background-color: var(--e-global-color-accent) ;margin-left: 5px;}
.accordeon-medico .elementor-tab-content{padding: 45px !important;}
.texte-no-formation{text-align: center;}

.page-id-650 .actu-right{display: none;}
.temoignage-container{padding: 5px 15px;}

.page-id-650 .slick-prev{left: -15px;}
.page-id-650 .slick-next{right: -15px;}
.page-id-846 .slick-prev{left: -15px;}
.page-id-846 .slick-next{right: -15px;}
/************************************************/
/**                                            **/
/**                  CONTACT                   **/
/**                                            **/
/************************************************/

.contact-general-form_wrapper .gform_title {display:none;}
.contact-general-form {height: 80%;}
.contact-general-form input, .job-manager-form input, .job_filters input, .depot-cv-form input {border-radius: 6px !important; border: 2px #EBEDED solid !important;    height: 80%;}
.contact-general-form input::placeholder, .contact-general-form select::placeholder, .contact-general-form textarea::placeholder {color: #C9C9D0 !important; font-weight: 500;}
.contact-general-form input[type="submit"] {background-color: white !important; border: 2px var(--e-global-color-primary) solid !important; color:var(--e-global-color-primary); margin: 0 auto !important;}
.contact-general-form input[type="submit"]:hover {background-color: var(--e-global-color-primary) !important; color: #fff;}

/************************************************/
/**                                            **/
/**                  EMPLOIS                   **/
/**                                            **/
/************************************************/

/***. PUBLIER UNE OFFRE  ***/
.elementor-page-1741 .content-area, .elementor-page-1750 .content-area {width: 100%; border: 0px;}
#right-sidebar {display: none;}
form.job-manager-form {width: 80%; margin: 0 auto;}
.job-manager-form .button, .job_filters input[type="submit"], .single_job_listing .application .application_button, .depot-cv-form input[type="submit"] {background-color: var(--e-global-color-primary); border-radius: 5px; color: white;padding: 0.5em 1.3em;}
.job-manager-form label {color:var(--e-global-color-text); font-weight: 600; font-size: 18px; font-family: var(--e-global-typography-primary-font-family);}
.job-manager-form h2 {color:var(--e-global-color-text); font-family: var(--e-global-typography-primary-font-family); padding: 1em 0em 2em; font-size: 20px;font-weight: 800;}
form.job-manager-form:last-child, div.job_application.application {text-align: center;}
.job-manager-form fieldset {text-align: left;}

/***. LES OFFRES D'EMPLOI ***/
.job_filters, .company {background-color: white; border-radius: 6px !important; border: 2px #EBEDED solid !important;}
.job_filters input[type="submit"], .depot-cv-form input[type="submit"] {padding: 1em;}
.job_filters .job_types {width: fit-content; margin: 0 auto; background-color: transparent; border: 0px;}
.job_filters .job_types li {border: 0px;}
.single-job_listing .content-area, .single-page .content-area {width: 100% !important; border: 0px !important;}
.single-job_listing .site-content  {width: 80% !important; margin: 0 auto !important;}
.single-job_listing .thumbnail img,  h2.gform_title {display: none !important;}
.single-job_listing .entry-title {text-align: center; color:var(--e-global-color-text); font-family: var(--e-global-typography-primary-font-family);}

/***. DEPOT CV FORM ***/
.depot-cv-form {width: 80% !important; margin: 0 auto;}
.depot-cv-form .gform_footer {justify-content: center !important;}

/************************************************/
/**                                            **/
/**               CALENDRIER AVENT            **/
/**                                            **/
/************************************************/

.ruban-calendrier-avent{text-align: center;position: relative;}
.ruban-calendrier-avent .bloc-texte-calendrier{bottom: 45px;  margin: auto; position: absolute; left: 0; right: 0;}
.ruban-calendrier-avent .bloc-texte-calendrier h2{color: white;}
.ruban-calendrier-avent .bloc-texte-calendrier h3{color: var(--e-global-color-secondary);}
.forumulaire-calendrier .gform_wrapper.gravity-theme .gform_fields{display: block;}
.forumulaire-calendrier .gform_wrapper.gravity-theme .gfield{display: inline-block;margin: 5px;}
.forumulaire-calendrier .gform_wrapper.gravity-theme .gfield.gfield_visibility_hidden{width: auto;}
.forumulaire-calendrier .gform_wrapper.gravity-theme .gfield_label{display: none;}
.forumulaire-calendrier .gform_wrapper.gravity-theme .gform_footer,.forumulaire-calendrier .gform_wrapper.gravity-theme .gform_page_footer{display: inline-block;margin: auto;}
.forumulaire-calendrier .gform_wrapper.gravity-theme{display: flex;}
.forumulaire-calendrier .gform_body.gform-body{margin: auto;display: inline-block;}
.forumulaire-calendrier form{display: flex;margin: auto;}
.forumulaire-calendrier .gform_wrapper.gravity-theme .gfield input.large,.forumulaire-calendrier .gform_wrapper.gravity-theme .gfield select.large{border-radius: 0px}
.forumulaire-calendrier .gform_wrapper.gravity-theme #field_submit input,.forumulaire-calendrier .gform_wrapper.gravity-theme .gform_footer input{background-color: #D90000;text-transform: initial;letter-spacing: inherit; font-size: 16px;  margin-bottom: 0;}
.popin{-webkit-animation: pop-in 0.5s;-moz-animation: pop-in 0.5s; -ms-animation: pop-in 0.5s;}

.forumulaire-calendrier .ginput_container.ginput_container_consent{position: absolute;width: 100%; top: 90px; left: 17%;}
.forumulaire-calendrier .ginput_container.ginput_container_consent a{color:  #D90000 ;}

@-webkit-keyframes pop-in {
0% { opacity: 0; -webkit-transform: scale(0.3); }
85% { opacity: 1; -webkit-transform: scale(1.2); }
100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes pop-in {
0% { opacity: 0; -moz-transform: scale(0.3); }
85% { opacity: 1; -moz-transform: scale(1.2); }
100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes pop-in {
0% { opacity: 0; transform: scale(0.3); }
85% { opacity: 1; transform: scale(1.2); }
100% { opacity: 1; transform: scale(1); }
}

.pum-close.popmake-close{color: #D90000 !important; right: 40px !important; top: 35px !important;}
.pum-theme-2928, .pum-theme-content-only{background-color: transparent !important;}
.pum-close.popmake-close i{ padding: 5px 8px; background-color: white; border-radius: 50px;}

@media only screen and (max-width: 900px) {
.forumulaire-calendrier .ginput_container.ginput_container_consent{position: inherit !important;}
}
   
/************************************************/
/**                                            **/
/**                  FOOTER                    **/
/**                                            **/
/************************************************/
footer { max-width: 97% !important; margin: 0 auto !important; margin-bottom: 2em !important;}
.menu li a {color: white !important;}

/******* FOOTER MOBILE *******/

div.pharma-bg {
	background-image: url("/wp-content/uploads/2022/11/bandeau-officine.jpg");
	padding: 1em;
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    width: 90%;
	border-radius: 2em;
	margin-bottom: 1em;
}
.weight600 {font-weight:600;}
.pharma-bg div {padding: 1em;
    width: 90%;
    text-align: left;
}

.psad-bg {
	background-image: url("/wp-content/uploads/2022/12/bandeau-medico-1.jpg");
	padding: 1em;
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    width: 90%;
	border-radius: 2em;
	
}
.psad-bg div {padding: 1em;
    width: 90%;
    text-align: left;}

.univers-btn {position: absolute;
    top: -1em;
    color: white !important;
    padding: 0.5em 2em;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top-left-radius: 2em;
	border-top-right-radius: 2em;}
.univers-btn a {color: white; font-size: 16px;}

.p-univers{color: white;
    font-size: 20px;
    text-align: left;
    line-height: 1.1em;
	font-weight: bold;
    margin-bottom: 0.5em !important;
}
    

.footer-mobile {
	display: flex !important;
	flex-direction: column;
	padding-bottom: 40px;
}

.footer-mobile-bottom, .footer-mobile-col {
	background-color: var( --e-global-color-text );
	display:inline-block;
}

.footer-mobile-bottom {
	width: 100vw;
	justify-content: space-between;
	align-items: center;
	border-top: 1px black solid;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	padding: 5px;
	left: 0;
	display:flex;
	text-align:center;
}
.footer-mobile-menu img.logo { height: 10rem; width: 20rem; margin-bottom: 2em;}
.footer-mobile-menu, .footer-mobile-search, .footer-mobile-actu, .footer-mobile-profil  {
	text-align: center;
	z-index: 999999999;
	position: fixed;
    top: 0;
	left: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	animation: slide-down 0.4s linear; 
  	transition: .4s ease-in-out;
}
.footer-mobile-menu.hidemenu,.footer-mobile-search.hidemenu, .footer-mobile-actu.hidemenu, .footer-mobile-profil.hidemenu, .footer-mobile-univers.hidemenu {top:100vh; animation: slide-up 0.4s linear; }

.footer-mobile-univers{ text-align: center;
  z-index: 999999999;
  position: fixed;
    top: 0;
  left: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

    -webkit-animation: fadein 0.4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.4s; /* Firefox < 16 */
        -ms-animation: fadein 0.4s; /* Internet Explorer */
         -o-animation: fadein 0.4s; /* Opera < 12.1 */
            animation: fadein 0.4s;}

    @keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slide-down{
  0%{
    transform: translateY(100vh);
  }
  100%{
    transform: translateY(0px);
  }
}
@keyframes slide-up{
  0%{
    transform: translateY(0px);
  }
  100%{
    transform: translateY(100vh);
  }
}
.footer-mobile-menu, .footer-mobile-univers {background-color: rgba(0, 0, 102, 0.9) !important; padding-top: 5em;}
.footer-mobile-search, .footer-mobile-actu, .footer-mobile-profil {background-color: white;}
.footer-col ul {list-style: none !important; text-transform: uppercase !important; padding: 0em !important; margin: 0rem !important;}
.footer-menu-close {margin: 15px !important;cursor: pointer; background-color: var(--e-global-color-primary); padding: 10px 15px;border-radius: 30px; font-size: 20px; line-height: 0px;}
.footer-menu-close i{color: white;font-size: 16px;}

.catunivers{font-weight: bold;color: var(--e-global-color-text);}

.footer-menu-logo {
    position: absolute;
	left: 50%;
	top: 11em;
	transform: translate(-50%, -50%);
	margin-bottom: 1em !important;
}
.footer-col ul li{position: relative;margin-bottom: 20px;}
.footer-col ul li.menu-item-has-children:after {
	content:"+";
	padding: 4px 0px;
	background-color: var(--orange);
	color: white;
	position: absolute;
	top: -14px;
    right: -30px;
	width: 30px;
	border-radius: 20px;
	font-size: 25px;
	font-weight: 700;
}
.footer-col ul li.menu-item-has-children:hover ul {
	margin-top: 10px;
	height: inherit;
	display: inherit;
}
.footer-col ul li.menu-item-has-children:hover:after {
	content:"-";
	top: -17px;
    right: 26px;
}

.footer-copyright a{color: var( --e-global-color-text );}

.univers-container .univers-btn:hover{transform: translate(-100px, -45px);}

.univers-container .univers-btn{-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;padding-bottom: 20px;}
/************************************************/
/**                                            **/
/**                RESPONSIVE                  **/
/**                                            **/
/************************************************/

.slick-dots li button{width:40px ;height:40px;color:var(--e-global-color-primary) !important;}
.slick-dots li button::before,.slick-dots li.slick-active button::before{color:var(--e-global-color-primary)  !important;}

.footer-mobile-bottom .footer-mobile-col.width-20{width:20%;}
.footer-mobile-bottom .footer-mobile-col.mobile-menu.hamburger{width:15%;padding:5px;vertical-align:text-bottom;}
.footer-mobile-bottom .footer-mobile-col p{color:white;}

@media only screen and (min-width: 1025px) {
	.univers-container .univers-btn {position: fixed;
    top: 99.1vh; z-index:99;font-weight: bold;}
	div.pharma-bg, div.psad-bg {width: 40%; background-position: top; margin:1em 1em 4em; align-items: end;     display: flex;}
	.univers-wrapper{display: flex; justify-content: center;
    width: 1140px;align-self: auto;}
	.univers-container .footer-mobile-univers {justify-content: flex-end;}
}

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

	#valeurs.red-right { background-position: calc(50% + 500px) 9rem !important;}
	#methode.red-left { background-position: calc(50% - 500px) 9rem !important;}
	
	/*** MENU RESPONSIVE ***/
	.menu-item-has-children	.sub-menu {display:none;}
	.menu-item-has-children:active	.sub-menu {display:block;}

	div.pharma-bg, div.psad-bg {width: 50%;}

	
	#menu-item-991 {background-image: url(/wp-content/uploads/2022/11/bandeau-officine.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: left; line-height: 1em; width: 365px; height: 120px; padding-top: 2em; background-color: transparent !important;}
	#menu-item-990 {background-image: url(/wp-content/uploads/2022/12/bandeau-medico-1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: left; line-height: 1em; width: 365px; height: 150px; padding-top: 1.5em;background-color: transparent !important;}
	.span1 {text-transform: lowercase !important; margin-bottom: 1em; font-weight: 600;}
	.span2 {font-size: 22px; font-weight: 500;line-height: 1em;}
	#menu-item-990 a, #menu-item-991 a {padding-left: 0px !important;}
	
	.footer-col .actus-container {flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;}
	.footer-col .bg-actus {width: 60%;padding:15px;}
}

@media only screen and (max-width: 792px) {
  .blue-right{background-image: none;}
	
	.home .univers-btn{display:none !important;}
	
	.slick-next, .slick-prev{display:none !important;}
	
	.accordeons-moteur #elementor-tab-content-2011:before,.accordeons-moteur #elementor-tab-content-2012:before{    border-top-right-radius: 0;border-top-left-radius: 0;}
	.accordeons-moteur .elementor-tab-content{border-radius:0px;}
	
	
	.red-left {background-size: 160vw; background-position: calc(50% - 150px) 12rem !important; padding-bottom: 3rem !important; padding-top: 2rem;}
	.red-right {background-size: 160vw; background-position: calc(50% + 150px) 6rem !important; padding-bottom: 3rem !important; padding-top: 2rem;}
	.blue-left {background-size: 160vw; background-position: calc(50% - 150px) 12rem !important; padding-bottom: 0rem !important; padding-top: 2rem;}
	.blue-right {background-size: 160vw; background-position: calc(50% + 150px) 8rem !important; padding-bottom: 3rem !important; padding-top: 2rem;}
	#mobile-valeurs.red-right {background-position: calc(50% + 150px) 3rem !important;}
	#mobile-method.red-left {background-position: calc(50% - 150px) 8rem !important;}
	#presentation.red-right {background-position: calc(50% + 150px) 27rem !important;}
	.res-img {right: -8.7em;}
	.actu-btn {display:none;}
	.round-corners {border-radius: 4em;}
	.corner-right22 div.elementor-widget-wrap.elementor-element-populated, .corner-left22 div.elementor-widget-wrap.elementor-element-populated {border-bottom-left-radius: 22px; border-top-left-radius: 22px; border-bottom-right-radius: 22px;border-top-right-radius: 22px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin: 1em 0em;}
	
	/*** SECTION FORMATIONS ***/
	.formation-container {flex-direction: column;}
	.formations {width: 90%;}
	.formations .bg-white img {height: 8em; width: 100%;}
	.formations .marine-btn {margin: 0 auto; margin-top: 1em;} 
	
	/*** SECTION EQUIPE ***/
	.team-container .slick-next {margin-left: -1em;}
	
	/*** SECTION ACTUS ***/
	.actus-container-pharma {flex-direction: column; align-items: center;}
	.actus-container-pharma .bg-actus {width: 100%;/*margin: 1.5em !important*/;position: relative; border-radius: 40px; width: 100%; height: 100%;}
	
	/*** SECTION TEMOIGNAGES ***/
	.temoignage .green-btn {line-height: 2.3em !important;}
	.elementor-846 .elementor-element.elementor-element-efd30db > .elementor-widget-container {padding: 1rem 0rem 0rem 0rem !important;}
	.temoignage-container {padding: 1rem  !important;}
	.temoignage-container button.slick-prev,.temoignage-container button.slick-next {padding: 0em !important; display: none !important;}
	.temoignage-bg {background-color: #FAFAFA !important;}
	
	/*** PAGES EMPLOI ***/
	.job-manager-form fieldset {text-align: left; display: flex; flex-direction: column;}
	.job-manager-form fieldset label:not(.full-line-checkbox-field label) {width: 100%;}
	.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {width: 100%;}
	form.job-manager-form, .single-job_listing .site-content, .depot-cv-form   {width: 100%;}
	.single-job_listing .site-content {width: 90% !important;}
	
div.pharma-bg, div.psad-bg { width: 90%;}
	
/*	.menu-item-has-children	.sub-menu {display:none;}
	.menu-item-has-children:active	.sub-menu {display:block;}
	
	#menu-item-991 {background-image: url(/wp-content/uploads/2022/08/mobile-pharma-a.svg); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: left; line-height: 1em; width: 365px; height: 120px; padding-top: 2em; background-color: transparent !important;}
	#menu-item-990 {background-image: url(/wp-content/uploads/2022/08/mobile-psad-a.svg); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: left; line-height: 1em; width: 365px; height: 150px; padding-top: 1.5em;background-color: transparent !important;}
	.span1 {text-transform: lowercase !important; margin-bottom: 1em; font-weight: 600;}
	.span2 {font-size: 22px; font-weight: 500;line-height: 1em;}
	#menu-item-990 a, #menu-item-991 a {padding-left: 0px !important;}*/
	
	.actu-btn.hidemenu{display: none !important;}
	.accordeons-moteur .elementor-tabs-wrapper{display: block !important;}
  .accordeons-moteur .elementor-tab-title{font-size: 14px;padding: 10px !important;}
   .accordeons-moteur .elementor-tab-mobile-title{display: none;}
   .bandeau-pharmacie .accordeons-moteur.accordeon-pharmacie, .bandeau-pharmacie .lien-integralite,.bandeau-medico .accordeons-moteur.accordeon-medico, .bandeau-medico .lien-integralite{position: initial !important;}
.forumulaire-calendrier form{display: block;}
}


.hidemenu{display:none;}
/************************************************/
/**                                            **/
/**              TARTE AU CITRON               **/
/**                                            **/
/************************************************/

body #tarteaucitronRoot.tarteaucitronBeforeVisible div#tarteaucitronAlertBig.tarteaucitronAlertBigTop {
  position: fixed !important;
  bottom: 2em !important;
  left: 1em !important;
	top: auto !important;
  height: 80% !important;
  width: 80% !important;
  max-height: 200px;
  max-width: 350px;
  padding: 10px 0px 0px 0px !important;
  border: 1px #bcbcbc solid !important;
  background-color: white !important;
  border-radius: 5px !important;
  box-shadow: none;
  transform: none;
  display: inline-flex !important;
  flex-wrap: wrap;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{ color:#bf0010; width: 100%; margin-bottom: 0px !important;}
#tarteaucitronAlertBig button#tarteaucitronCloseAlert, #tarteaucitronAlertBig button#tarteaucitronPersonalize2 {
  bottom: 0 !important;
  align-self: flex-end !important;
  font-size: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
  width: calc(50% - 20px) !important;
  height: 22px !important;
  padding: 5px 10px !important;
  font-weight: 600 !important;
  color: black !important;
  background: white !important;
  border-top: 1px #bcbcbc solid !important;
  border-radius:0px !important;
  margin: 0px !important;
  order:1;
}

.tarteaucitronAlertBigTop::after { content: ''; background: url('/wp-content/uploads/2024/12/cookie-iwego.png'); height: 70px; width: 100px; position: absolute; right: 1.1em !important; margin: 0 auto !important; background-size: contain; background-repeat: no-repeat; }
.cookie-text-fr h2 { font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; font-size: 20px !important; margin-bottom: 0em !important; }
.cookie-text-fr p { font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; line-height: 17px !important; margin-bottom: 0px !important;margin-top: 20px !important; width: 300px; margin-top: 2em; }
#tarteaucitronAlertBig button#tarteaucitronPersonalize2 { width: calc(50% - 21px) !important;border-left: 1px #bcbcbc solid !important; color: #bf0010 !important; order:3 !important;}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitronSave, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronInfo { background: #bf0010 !important}
div#tarteaucitronServices {box-shadow: none !important;}
.tarteaucitronSelfLink {display: none !important; }