/*
Theme Name: Divi ADN
Description: Thème enfant de Divi
Author: ADN
Author URI: http://www.adnsa.com
Version: 1.0.0
Template: Divi
*/
@import url("../Divi/style.css");

/*//////////////////////////////////////////////////*/

/*CHARGEMENT DES POLICES PROPRIETAIRES */

/*//////////////////////////////////////////////////*/
@font-face {
  font-family: "ElegantIcons";
  src: url("fonts/ElegantIcons.eot");
  src:
    url("fonts/ElegantIcons.eot?#iefix") format("embedded-opentype"),
    url("fonts/ElegantIcons.woff") format("woff"),
    url("fonts/ElegantIcons.ttf") format("truetype"),
    url("fonts/ElegantIcons.svg#ElegantIcons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "ElegantIcons";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  text-decoration: none !important;
}
.hide {
  display: none !important;
}
.picto-caution {
  cursor: pointer;
}
.tab-caution {
  margin-bottom: 0px !important;
}
.ligne-caution {
  padding: 0px 0px !important;
  border-top: 0px solid #e0e0e0;
}
/* =========================================================
   PROTECTION DU THEME DIVI CONTRE BOOTSTRAP
========================================================= */

/* 1. Empêcher Bootstrap de détruire le menu et le logo Divi */
#main-header .container,
#top-header .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 92% !important;
  max-width: 1920px !important; /* Largeur standard de Divi */
}

/* 2. Empêcher Bootstrap de casser l'alignement des liens du menu */
#top-menu li {
  margin-bottom: 0 !important;
}

/* 3. Tuer définitivement la barre de défilement horizontale */
body,
html {
  overflow-x: hidden !important;
}
#page-container {
  overflow-x: clip !important;
}
/* Correction du bug Divi : Barre de défilement horizontale (Clearfix Header) */

#main-content {
  background-color: #eff1f2 !important;
}
#top-menu li {
  padding-right: 11px !important;
}

.et_pb_toggle_title::before {
  content: "\e04c" !important;
}

.et_pb_toggle_open {
  padding: 20px;
  background-color: #f4f4f4;
}
#envoieEmail p.et_pb_contact_field {
  margin-bottom: 1%;
  padding: 0 0 0 3%;
}
#envoieEmail .et_contact_bottom_container {
  margin-top: 0;
}
.bascule-historique {
  padding: 10px;
  background-color: #fff8f9;
  margin-bottom: 10px;
  border-bottom: 1px solid #b3c0c5;
  color: #666;
}
.titre-bascule-historique {
  line-height: 1.3em !important;
  font-size: 16px;
  color: #405059d4;
}
.bascule-historique-ligne-titre {
  cursor: pointer;
}
.box-choix {
  padding: 20px;
  background-color: #ffffffad;
  margin-bottom: 15px;
}
.box-alert {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  color: #fff !important;
  line-height: 1.1em;
  font-weight: 300;
  background: #194150 !important;
  border-width: 0px !important;
  border-color: #194150 !important;
  padding: 16px 15px 16px 15px;
  border-radius: 3px;
  margin-left: 15px !important;
}
.box-alert-form {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  color: #fff !important;
  line-height: 1.1em;
  font-weight: 300;
  background: #d72d54 !important;
  border-width: 0px !important;
  border-color: #d72d54 !important;
  padding: 16px 15px 16px 15px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 15px;
}
.msgNoQpp {
  position: absolute;
  z-index: 999999;
  top: 85px;
  left: 39px;
  color: #d72d54;
}
.cartoucheBlanc {
  padding: 10px;
  border-color: #82929b;
  background-color: #fff;
  color: #515151;
  border-color: #82929b;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
}
.titre-box-choix {
  line-height: 1.3em !important;
  font-size: 16px;
  color: #405059d4;
}

.item-ligne-titre {
  cursor: pointer;
}
.red_button {
  border-color: #9c0013 !important;
  font-size: 15px !important;
  padding-left: 0.7em !important;
  padding-right: 2em !important;
  background-color: #9c0013 !important;
  cursor: pointer;
}
.red_button:hover {
  background-color: #60000e !important;
}
.red_button:after,
.red_button:before {
  position: absolute;
  margin-left: -1em;
  opacity: 0;
  text-shadow: none;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  font-variant: none;
  line-height: 1em;
  text-transform: none;
  content: "\35";
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-open {
  /*margin-right:18px;*/
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}
.dot-green {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  background-color: #9c3;
  display: inline-block;
}
.dot-orange {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  background-color: #f7b535;
  display: inline-block;
}

.dot-red {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  background-color: #e32d2d;
  display: inline-block;
}
a.markup-menu {
  color: #890b0b !important;
}
/*//////	Patch pour empécher le header de sauter après chargement de la page	///////*/
/*	Divi ajoute des styles dynamiquement en JS après chargement de la page. Utiliser le débugger pour connaitre ces styles	*/
/*	Source : https://divi.space/divi-tutorials/fixing-the-jumping-header-issue-in-divi/ */
#page-container {
  /*padding-top: 139px !important;
	margin-top:-1px !important;*/
}
/*/////// PATCH DG 27/02/2020 //////////*/
/*	Allumage du markup menu si une page enfant d'une des rubriques principal est afficher*/
#main-header ul#top-menu li.current-page-ancestor a {
  color: #d72d54 !important;
  background-color: rgba(194, 24, 91, 0.1) !important;
}
/*///////////////////////////////////////*/

h5 {
  line-height: 1.3em !important;
}
.et_pb_toggle_close .et_pb_toggle_title,
.et_pb_toggle_close h5.et_pb_toggle_title,
.et_pb_toggle_open .et_pb_toggle_title,
.et_pb_toggle_open h5.et_pb_toggle_title {
  padding-right: 0px !important;
}
.text-gris-11 {
  font: 11px Arial;
  color: #515151 !important;
}
.text-gris-12 {
  font: 12px Arial;
  color: #515151 !important;
}
#main-header {
  /*top: 66px !important;*/
  /*top: 34px !important;*/
}
.container {
  position: relative;
  width: 80% !important;
  max-width: 1080px;
  margin: auto !important;
}
.container ul {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.container li {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.cartouche-selected {
  background-color: #890b0b !important;
  color: #fff;
}

/*///////////////////////////*/

/*.home #page-container{
	padding-top: 0px !important;
}*/

.entry-content .et_pb_widget_area {
  border: 0;
}

/*Pour intégrer dans une liste horizontale, on utilise la classe "widget-categorie-horizontal" dans le widget*/
.cat-post-widget.widget-categorie-horizontal {
  width: 100% !important;
  box-sizing: border-box;
  padding-left: 30px !important;
}
.cat-post-widget.widget-categorie-horizontal .cat-post-item {
  display: inline-block;
  margin-right: 20px !important;
  border-bottom: 0 !important;
}
.cat-post-title {
  width: 150px !important;
  font-weight: normal !important;
  font-size: 80% !important;
  color: #ffffff !important;
  background-color: #576c78 !important;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 3px;
  border-radius: 3px !important;
  margin: 0 auto !important;
}
.cat-post-thumbnail img {
  width: 150px;
  height: auto;
  border-radius: 3px !important;
}
.cat-post-thumbnail {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px !important;
  /*overflow:hidden;*/
}
.cat-post-footer-link {
  display: none;
}

h1 {
  padding-top: 15px;
  padding-bottom: 15px;
  background: url("images/picto-h1.png") no-repeat left;
  padding-left: 33px;
  line-height: 33px;
  letter-spacing: 0.03em;
  color: #536976 !important;
}

h2 {
  color: #536976 !important;
  font-size: 27px !important;
}

h3 {
  font-size: 23px !important;
  color: #536976 !important;
  line-height: 1.4em !important;
}
txt-11 {
  font-size: 11px !important;
}
.home h3 {
  text-align: center;
}

h4 {
  font-size: 19px !important;
  color: #536976 !important;
  /*text-transform:uppercase;*/
  text-align: center;
  line-height: 1.4em !important;
  /*font-weight:bold;*/
}

#left-area .post-meta {
  padding-bottom: 15px;
  font-size: 12px;
  font-style: italic;
}

.tab-question ul {
  padding: 0 0 15px 85px;
  line-height: 10px;
  list-style-type: disc;
}

.liste-quest-satisfaction > li {
  padding-bottom: 10px;
}

.tab-tests-edition tr td {
  padding: 16px 20px 16px 10px !important;
  border-top: 1px solid #82929b !important;
  border-bottom: 1px solid #82929b !important;
  border-left: 1px solid #82929b;
  border-right: 1px solid #82929b;
  border-radius: 3px;
}

.tab-tests-edition {
  border-radius: 3px;
  font-size: 13px;
  color: #515151 !important;
}
.tab-tests-edition ul {
  padding: 10px 0 10px 85px;
  line-height: 1.2em;
  list-style-type: disc;
}
.btnImg {
  cursor: pointer;
}
.et_pb_button.red {
  background: #a71104 !important;
  border-color: #a71104 !important;
  cursor: pointer;
}
.et_pb_button.retour {
  border-color: #2d4350;
  padding-left: 2em;
  padding-right: 0.7em;
  background-color: #2d4350;
  cursor: pointer;
}
.et_pb_button.retour:after {
  margin-left: -1.3em !important;
  right: 85px;
  display: inline-block;
}
.nav li ul {
  position: absolute;
  padding: 1px 0;
  width: 179px;
}
/*#top-menu {
	margin-bottom:-10px;
}*/
.disabled a {
  cursor: default !important;
}
.disabled ul li a {
  cursor: pointer !important;
}
#top-menu-nav ul li a {
  cursor: pointer;
}

#top-menu-nav li ul a {
  cursor: pointer;
}

#top-menu li .sub-menu {
  margin-top: 5px;
}

#top-menu li li {
  color: #000;
  margin: 0;
  padding: 1px 4px !important;
  width: 100%;
  line-height: normal;
}
#top-menu li li a:hover {
  color: #890b0b !important;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
#top-menu li li a {
  padding: 6px 4px;
  width: 100%;
}

#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-parent > a,
.et-fixed-header #top-menu li.current-menu-parent > a,
.widget-menu li.current-menu-parent > a {
  color: #d72d54 !important;
  /*color:#000;*/
}

#main-footer {
  padding: 0;
  background: #fff;
}
#footer-bottom {
  background: #111;
}

.single .post {
  padding-bottom: 0px;
}

.img-test {
  margin-bottom: 500px;
}

img {
  vertical-align: middle;
}

.img-cadre img,
img.img-cadre {
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.floatLeft {
  float: left !important;
  margin-right: 20px;
  margin-bottom: 20px !important;
}

.floatRight {
  float: right !important;
  /*margin-left:20px;*/
  margin-bottom: 20px !important;
}
.floatMiddle {
  float: right;
  /*margin-bottom:20px;*/
}

.clearBoth {
  clear: both;
}
.clearLeft {
  clear: left;
}
.clearRight {
  clear: right;
}
.home floatRight {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}

.espaceHref a {
  margin-right: 20px;
}
#sln-salon {
  border-color: rgb(137, 48, 0) !important;
}
/*Positionnement	des éléments dans le bandeau Info*/
#top-header .container {
  text-align: center;
}
#et-info {
  float: none;
}
#et-info-contact {
  position: relative;
  margin-right: 30px;
}
#et-info-contact:before {
  margin-right: 7px;
  content: "\e076";
  font-family: "ETmodules" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
}

#et-info-map {
  position: relative;
  margin-right: 13px;
}
#et-info-map:before {
  margin-right: 5px;
  content: "\e081";
  font-family: "ETmodules" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
}
#et-info-phone {
  margin-right: 30px;
}
#et-info-phone:before {
  margin-right: 5px;
}
#et-info-contact:hover {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.et_slide_menu_top span#et-info-contact {
  float: left;
}
.mfp-wrap .mfp-close:active {
  position: absolute;
  top: -40px !important;
}

/*	Ombre portéee header		*/
/*#main-header{
	box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.3);
}*/

/*	Permet de faire que le texte habille l'image	*/
.img-left img {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.img-Right img {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}

.cadre-img img {
  border: 1px solid #dddddd;
  border-radius: 3px;
}

/* TEXT WIDGET SETTINGS */
.et_pb_text_2 h2 {
  margin-top: 0;
}
/*///////////////////////////*/

/* CONTACT WIDGET SETTINGS */
.single .et_pb_contact .et_contact_bottom_container {
  width: 100%;
  padding-left: 3%;
}
.single .et_pb_contact .et_pb_contact_submit {
  width: 100%;
  margin: 0;
}
.et_pb_contact_submit.floatLeft {
  margin-left: 0px;
}
/*///////////////////////////*/

/* PRIMARY NAVIGATION EDITS */
/*#et-top-navigation{
	padding-top:0 !important;
}
#top-menu > li {
	padding:0px 0px !important;
	padding-top:8px !important;
	margin-right:0px;
}
#top-menu > li > a {
	padding:0px 8px;
	padding-top:14px;
	padding-bottom:22px !important;
}
#et_top_search {
    margin-top: 18px;
}*/
/*#top-menu > li {
	padding:0;
	margin-right:0px;
}*/
/*#top-menu > li > a {
	padding:75px 8px 16px 8px !important;
}*/

/*#top-menu{
	display: flex;
}*/

/*#top-menu > li > ul > li{
	padding:0 10px;
}
#top-menu > li > ul > li a {
	padding:6px;
}*/

/* MENU HOVER*/
#top-menu > li:hover > a,
#top-menu > li > a:hover {
  color: #d72d54;
  opacity: 1 !important;
}

/* MENU MARKUP*/
.et-fixed-header #top-menu li.current-menu-ancestor > a,
.et-fixed-header #top-menu li.current-menu-item > a {
  color: #d72d54 !important;
}

#top-menu > li.current-menu-item > a,
#top-menu > li.current-menu-ancestor > a,
#top-menu > li:hover > a {
  /*color:#fff !important;*/
}

#top-menu .menu-item-has-children > a:first-child:after {
  right: 8px;
}
#top-menu .menu-item-has-children > a:first-child {
  padding-right: 25px;
}
.nav li.current-menu-item ul,
.nav li.current-menu-ancestor ul {
  border-color: #d72d54;
}
#top-menu > li.current-menu-item > ul > li,
#top-menu > li.current-menu-ancestor > ul > li {
  width: 100%;
}
#top-menu > li.current-menu-item > ul > li.current-menu-item a,
#top-menu > li.current-menu-ancestor > ul > li.current-menu-item a {
  color: #d72d54 !important;
}
#top-header {
  background: #182228 !important;
  color: #888;
}
.et_fixed_nav #page-container .et-fixed-header#top-header {
  background-color: #c8c9ca !important;
}
/*	Picto Rechercher	*/
/*#et_top_search{
	margin-top:63px;
}*/

#main-content .container {
  padding-top: 30px;
}
#et_pb_contact_themes_1 {
  background-color: white;
  margin-left: 34px;
  overflow: auto;
}
.wrappe-menu-list {
  width: 450px;
  margin-left: 30px;
  float: left !important;
  margin-top: 30px;
  margin-bottom: 30px;
}

.bascule.open:after {
  content: "+" !important;
  text-shadow: 0 0;
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
  position: relative;
  top: 5px;
  right: 10px;
  float: right;
  color: #fff;
  font-size: 16px;
}
.bascule.close:after {
  content: "-" !important;
  text-shadow: 0 0;
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
  position: relative;
  top: 5px;
  right: 10px;
  float: right;
  color: #fff;
  font-size: 16px;
}
ul.menu-list {
  display: none;
  list-style: none;
  padding: 0px;
  padding-top: 0.5em;
  margin: 0;
}
.startclosed {
  display: none;
}
li.BlueCat {
  background-color: #194150;
  color: #fff;
  font-size: 16px;
  padding-left: 5px;
  cursor: pointer;
}
li.PinkCat {
  background-color: #f9ccd7;
  color: #000;
  font-size: 14px;
  padding-left: 5px;
  margin-left: 10px;
  margin-top: 3px;
}
li.GreyCat {
  background-color: #d0d8db;
  color: #474848;
  font-size: 12px;
  padding-left: 5px;
  margin-left: 20px;
  margin-top: 3px;
}
li.DotCat {
  color: #000;
  font-size: 14px;
  padding-left: 5px;
  margin-left: 50px;
  list-style: initial;
  cursor: pointer;
}
li.DotCat:hover {
  color: #767676;
}
li.DotCat-disable {
  color: #bec9cd;
  font-size: 14px;
  padding-left: 5px;
  margin-left: 50px;
  list-style: initial;
  cursor: default;
}
.titreMail {
  margin-top: 20px;
}
.interne {
  color: #a029ae;
}
.dot-interne {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  background-color: #a029ae;
  display: inline-block;
}
.password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}
.password-icon {
  display: inline-block;
  position: relative;
  transform: none;
  right: -49.5%;
  top: 633px;
  width: 20px;
  color: #363636;
  transition: all 0.2s;
}
.password-icon .feather-eye-off {
  display: none;
}

@media only screen and (min-width: 1350px) {
  .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
    padding-top: 30px !important;
  }
}
.et_pb_post h2 {
  margin-top: 20px;
}

/* Reseaux sociaux header */
#top-header .et-social-icons {
  float: right;
}

/* Champ Rechercher*/
.et-search-field {
  background: rgba(255, 255, 255, 0.1) !important;
  padding: 10px;
  margin: 20px 0 !important;
}

#top-menu li.picto-home {
  float: left;
}

.category #sidebar,
.search #sidebar {
  display: none;
}
.category #left-area,
.search #left-area {
  width: 100% !important;
}
.category #main-content .container:before,
.search #main-content .container:before {
  display: none;
}
.category article,
.search article {
  clear: both;
  margin-bottom: 50px;
}
.category a img,
.search a img {
  margin-bottom: 50px;
}
.search-results .et_pb_post a img,
.category .et_pb_post a img {
  float: left;
  width: 10%;
  height: auto;
  margin-right: 15px;
}

#top-menu li.picto-home a {
  text-indent: -9999px; /* faire dépasser le contenu */
  background: url(images/picto-home.png) no-repeat center center;
  background-size: 55%;
  width: 20px;
  display: block;
  margin-top: -15px;
  color: #666;
}

/*Mise en forme liste à puce dans paragraphes*/

.paragrapheListe ul li {
  line-height: 44px;
}

.boutonClair {
  background: #b9c2c7;
  display: block;
  width: 100%;
  color: #576c78;
  height: 29px;
  text-align: center;
  padding: 4px;
}

.boutonFonce {
  background: #72848f;
  display: block;
  width: 100%;
  color: #fff;
  height: 29px;
  text-align: center;
  padding: 4px;
}

/*Couleur cartouche titre */
.et_pb_blurb.cadre-rouge .et_pb_blurb_container h4 {
  background: #da4654;
}
.et_pb_blurb.cadre-bleu .et_pb_blurb_container h4 {
  background: #285980;
}
.et_pb_blurb.cadre-jaune .et_pb_blurb_container h4 {
  background: #f49e25;
}
.et_pb_blurb.cadre-ciel .et_pb_blurb_container h4 {
  background: #96d0e0;
}
.et_pb_blurb.cadre-vert .et_pb_blurb_container h4 {
  background: #b5cc2f;
}
/*----------------------------*/

/* Titles Widgets Sidebar	*/

#sidebar h4.widgettitle {
  font-size: 17px;
  padding-left: 25px;
}

.class-coeur .widgettitle {
  background: url(/wp-content/themes/Divi-ADN/images/picto-coeur.png) top left
    no-repeat;
}
.class-calendar .widgettitle {
  background: url(/wp-content/themes/Divi-ADN/images/picto-calendar.png) top
    left no-repeat;
}
.class-zoom .widgettitle {
  background: url(/wp-content/themes/Divi-ADN/images/picto-zoom.png) top left
    no-repeat;
}
.class-faq .widgettitle {
  background: url(/wp-content/themes/Divi-ADN/images/picto-faq.png) top left
    no-repeat;
}

/*WOO COMMERCE*/
#et-top-navigation .et-cart-info {
  float: left;
  margin: 71px 0 0 22px;
  font-size: 16px;
}

/* Lightbox Gallery	*/

.mfp-wrap .mfp-container button.mfp-arrow.mfp-arrow-left:hover {
  background: url(/wp-content/plugins/robo-gallery/css/icons/icon-arrow-left.png)
    50% 50% no-repeat !important;
}

.mfp-wrap .mfp-container button.mfp-arrow.mfp-arrow-right:hover {
  background: url(/wp-content/plugins/robo-gallery/css/icons/icon-arrow-right.png)
    50% 50% no-repeat !important;
}

.mfp-wrap .mfp-container button.mfp-close:hover {
  background: url(/wp-content/plugins/robo-gallery/css/icons/icon-close.png)
    right no-repeat !important;
}

.mfp-desc-block {
}

.rbs-hover-title {
  font-size: 19px;
  color: #fff;
  margin-bottom: 5px;
}

.rbs-hover-text {
  color: #ccc;
  line-height: normal;
  text-align: left;
  padding: 4px;
}

.rbs-hover-more {
  background: #54bcd9;
  padding: 6px 10px;
  border-radius: 4px;

  display: inline-block;
  margin-top: 15px;
}
.rbs-hover-more a {
  color: #fff;
}

.list2cols {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.list3cols ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  list-style-type: none;
}
.list3cols ul li label {
  display: inline-block;
  float: initial;
  margin: 0;
  width: auto;
}
.list3cols ul li input {
  width: auto !important;
}
#domaineCreate {
}
fieldset {
  margin-bottom: 20px;
}
.formulaire hr {
  border-bottom-color: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  margin: 20px 0;
}
.formulaire input[type="text"],
.formulaire input[type="email"] {
  padding: 9px 6px !important;
  width: 100% !important;
  border-color: rgba(255, 255, 255, 1) !important;
}
.formulaire input[type="tel"] {
  padding: 9px 6px !important;
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
}

.formulaire .buttonWrapper {
  text-align: center;
  margin-top: 20px;
}
.formulaire input[type="button"],
.formulaire input[type="submit"] {
  padding: 9px 50px !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  text-align: center;
}
.formulaire input#submit {
  display: none;
}

#domaine_status {
  width: 33%;
}
#infoSociete {
  width: 50% !important;
  float: left;
  vertical-align: top;
}
#infoSociete2 {
  width: 49% !important;
  float: right;
  vertical-align: top;
}

#origin {
  display: inline-block;
  width: 50% !important;
  margin-right: 1%;
  float: left;
  vertical-align: top;
}
#calculate {
  display: inline-block;
  width: 20%;
  padding: 9px 20px !important;
  vertical-align: top;
}

#contact_prenom,
#contact_telephone,
#domaine_prenom,
#auth_prenom,
#majadm_titulaire_prenom,
#majadm_admin_prenom,
#majadm_tech_prenom,
#majtech_prenom {
  width: 50% !important;
  float: left;
  vertical-align: top;
}
#contact_mail {
  width: 49% !important;
  display: inline-block;
  margin-left: 1%;
  vertical-align: top;
}
#contact_nom,
#domaine_nom,
#auth_nom,
#majadm_titulaire_nom,
#majadm_admin_nom,
#majadm_tech_nom,
#majtech_nom {
  width: 49% !important;
  float: right;
  vertical-align: top;
}

#domaine_cpostal,
#auth_cpostal,
#majadm_titulaire_cpostal,
#majadm_admin_cpostal,
#majadm_tech_cpostal,
#majtech_cpostal {
  width: 32% !important;
  float: left;
  vertical-align: top;
}
#domaine_ville,
#auth_ville,
#majadm_titulaire_ville,
#majadm_admin_ville,
#majadm_tech_ville,
#majtech_ville {
  width: 34% !important;
  float: left;
  vertical-align: top;
  margin-left: 1%;
}
#domaine_pays,
#auth_pays,
#majadm_titulaire_pays,
#majadm_admin_pays,
#majadm_tech_pays,
#majtech_pays {
  width: 32% !important;
  float: right;
  vertical-align: top;
}
#domaine_telephone,
#auth_telephone,
#majadm_titulaire_telephone,
#majadm_admin_telephone,
#majadm_tech_telephone,
#majtech_telephone {
  width: 32% !important;
  float: left;
  vertical-align: top;
}
#domaine_mail,
#auth_mail,
#majadm_titulaire_mail,
#majadm_admin_mail,
#majadm_tech_mail,
#majtech_mail {
  width: 32% !important;
  /*float:right;*/
  display: inline-block;
  right: 0;
  position: relative;
  vertical-align: top;
  margin-left: 1%;
}
#domaine_fax,
#auth_fax,
#majadm_titulaire_fax,
#majadm_admin_fax,
#majadm_tech_fax,
#majtech_fax {
  width: 34% !important;
  float: left;
  vertical-align: top;
  margin-left: 1%;
}

.formulaire table,
.formulaire tr,
.formulaire td {
  border: 0px solid rgba(255, 255, 255, 0.4);
}

#resume table,
#resume tr,
#resume td {
  border: 0px solid rgba(255, 255, 255, 0.4);
}
#resume input[type="text"] {
  margin-bottom: 0px;
}
.resumeDomaine {
  background: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
}
.afficheTarif {
  background: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.8) !important;
}
.formulaire select {
  padding: 9px 6px !important;
  line-height: 25px !important;
}
.formulaire input[type="text"],
.formulaire input[type="email"],
.formulaire input[type="tel"],
.formulaire select {
  margin-bottom: 8px;
}
.texte_turquoise,
.texte_turquoise:hover {
  text-decoration: underline;
}
/* ---------------------------------
COLORS
As minimal as possible
----------------------------------*/
.ninja-forms-req-symbol,
.nf-error-msg {
  color: #cd8587 !important;
}
.nf-error .ninja-forms-field {
  border: 2px solid #cd8587 !important;
}
.separateur {
}

hr {
  border-style: solid;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

/* Customize Push Post*/
.home .et_pb_widget_area {
  margin: 0;
  width: 100%;
  padding: 23px 23px 0 23px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}

#category-posts-2-internal .cat-post-item {
  margin: 0;
  padding: 0;
}
.post-picto {
  /*display:none;*/
  float: right;
  margin-right: 20px;
}
.home .post-picto {
  display: block;
  float: right;
}

/*Customize Search result page*/

.search-results.et_right_sidebar #main-content .container:before {
  display: none;
}
.search-results .hentry h2.entry-title {
  margin-top: 0;
  font-size: 24px;
}
.search-results .hentry {
  padding: 20px;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 40px;
}
.search-results .hentry .post-meta {
  display: none;
}

.et_pb_module .et_pb_button:hover,
.et_pb_button:hover {
  padding-right: 2em;
  padding-left: 0.7em;
}

/* Search Widget */
.widget_search .screen-reader-text {
  display: none;
}

.widget_search input#s,
.widget_search input#searchsubmit {
  height: 33px !important;
  margin: 0;
  padding: 0.7em;
  border: 1px solid #ddd;
  color: #666;
  font-size: 13px;
  line-height: normal !important;
}

.widget_search #s {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.widget_search #searchform {
  position: relative;
}

.widget_search #searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  background-color: #ddd;
}

#searchsubmit {
  cursor: pointer;
}

/*Menu Widget*/
.widget-menu {
  padding: 20px;
  background: #576c78;
  line-height: normal !important;
}
.widget-menu .widgettitle {
  text-align: left;
  font-weight: normal;
}
.widget-menu ul {
  /*padding: 0 0 0px 1em !important;*/

  list-style-type: none !important;
  display: block;
  line-height: normal !important;
}
.widget-menu > ul > li {
  padding-bottom: 1.2em !important;
}

.widget-menu > ul > li > a {
  display: inline-block;
  padding-bottom: 0.8em !important;
  box-sizing: border-box;
}
.widget-menu > ul,
.widget-menu > ul > li:last-of-type,
.widget-menu > ul > li > ul > li:last-of-type {
  padding-bottom: 0em !important;
}
.widget-menu p {
  padding-bottom: 1em !important;
}

.widget-menu > ul {
  padding: 0 !important;
  padding-left: 0 !important;
}
.widget-menu > ul > li > ul {
  padding: 0 !important;
  padding-left: 30px !important;
}
.widget-menu > ul.noPadding li,
.widget-menu > ul.noPadding li a {
  padding-bottom: 0em !important;
}
.widget-menu > ul.noPadding {
  padding-bottom: 1em !important;
}
.widget-menu .markup {
  color: #720000;
}
@media only screen and (min-width: 981px) {
  .et-fixed-header #top-menu a,
  .et-fixed-header #et_search_icon:before,
  .et-fixed-header #et_top_search .et-search-form input,
  .et-fixed-header .et_search_form_container input,
  .et-fixed-header .et_close_search_field:after,
  .et-fixed-header #et-top-navigation .et-cart-info {
    color: #fff !important;
  }

  /*#et-top-navigation{
		padding-top:0px !important;
	}*/

  #main-header.et-fixed-header {
    -webkit-box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.3) !important;
    -moz-box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.3) !important;
    box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.3) !important;
  }
}
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a {
  /*height:100%;*/
  text-align: center;
}

@media all and (max-width: 980px) {
  body {
    line-height: normal;
  }
  body.et_cover_background {
    background-size: auto 25% !important;
    background-attachment: fixed;
  }
  #et_mobile_nav_menu {
    display: block;
  }
  .et_header_style_left .mobile_menu_bar {
    padding-bottom: 4px;
    padding-top: 20px;
  }
  #et_top_search {
    margin-top: 20px;
  }
  #top-menu {
    display: none;
  }
  .et_pb_row,
  .et_pb_column .et_pb_row_inner {
    padding: 10px 0;
  }
  #main-content .et_pb_text_0 {
    margin-bottom: 25px !important;
  }
  .et_pb_text_0 p span span[style] {
    font-size: 20px !important;
  }
  .et_pb_text_1 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }
  .et_pb_text_2 {
    font-size: 16px !important;
  }
  .et_pb_text_3 {
    font-size: 16px !important;
  }
  .et_pb_text_4 {
    font-size: 16px !important;
  }
  .et_pb_column {
    margin-bottom: 0px;
  }

  #main-content .et_pb_section .et_pb_column .et_pb_module {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  #main-content .et_pb_section .et_pb_column .et_pb_text_1 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
  #main-content .et_pb_section .et_pb_column .et_pb_text_3 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
  #main-content .et_pb_section .et_pb_column .et_pb_text_4 {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  .et_pb_section {
    padding: 10px 0;
  }
  .et_pb_main_blurb_image {
    margin-bottom: 10px;
  }
}
/*///////////////////////////*/

/*ALL in 1 Calendar*/

#ai1ec-calendar-view-container {
  -webkit-transform: translateZ(1) !important;
}
#ai1ec-calendar-view p {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
}
#ai1ec-calendar-view .ai1ec-clearfix {
  /*display:none;*/
}
.ai1ec-category-filter {
  display: none !important;
}

/*Masque le filtre le temps de changer le mot*/
.ai1ec-tag-filter {
  display: none;
}

/*Masque les catégories et Mots clé dans le résumé*/
#ai1ec-calendar-view .ai1ec-event-summary-footer .ai1ec-categories,
#ai1ec-calendar-view .ai1ec-event-summary-footer .ai1ec-tags {
  display: none;
}

/*Masque le bouton Switch mois sous le calendrier*/
#ai1ec-calendar-view .ai1ec-pull-left {
  display: none;
}

/*Masque les boutons "Développer tout", "Marquer tout", "Imprimer"*/
#ai1ec-calendar-view .ai1ec-agenda-buttons {
  display: none;
}
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {
  color: #116ebf !important;
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
  font-weight: normal;
  font-size: 11.5pt;
}

.ai1ec-agenda-view .ai1ec-event .ai1ec-event-time {
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
  font-weight: normal;
  opacity: 1;
}
.entry-content .ai1ec-actions .ai1ec-calendar-link,
.entry-content .ai1ec-actions .ai1ec-calendar-link:hover {
  border-color: #720000;
  color: #fff !important;
  background: #720000;
  /*font-family: "Open Sans", Arial, sans-serif !important;*/

  /*display:none;*/
}

.ai1ec-event-details .ai1ec-field-value {
  font-size: 0.9em !important;
  color: #333 !important;
  font-weight: normal;
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
}
.ai1ec-field-value-contact {
  margin: 17px;
  font-weight: Bold;
}
.ai1ec-event-details .ai1ec-field-label {
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
}
.single-ai1ec_event #sidebar,
.single-ai1ec_event #main-content .container:before {
  display: none;
}
.single-ai1ec_event #left-area {
  width: 100% !important;
}
.single-ai1ec_event .ai1ec-event-avatar,
#ai1ec-calendar-view .ai1ec-event-avatar {
  margin-bottom: 0;
  margin-top: 0px;
  margin-right: 10px;
}
.entry-content .timely a,
.comment-content .timely a,
.site-footer .widget .timely a {
  color: #576c78;
}

.entry-content .timely a:hover,
.comment-content .timely a:hover,
.site-footer .widget .timely a:hover {
  color: #576c78;
}

.entry-content .ai1ec-actions .ai1ec-booking-link {
  border-color: #536976;
  color: #fff !important;
  background: #536976;
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
  margin-top: 5px;
}
.ai1ec-fa-booking:before {
  /*content: "\f013";*/ /*Picto écrou*/
  /*content: "\f040";*/ /*Picto Crayon*/
  content: "\f046"; /*Picto Coche*/
}
.timely .ai1ec-nav-pills > li,
.ai1ec-pagination .ai1ec-minical-trigger {
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
  font-size: 11px;
  font-weight: normal !important;
  text-transform: none;
}
.timely .ai1ec-nav-pills > li.ai1ec-active > a,
.timely .ai1ec-nav-pills > li.ai1ec-active > a:hover,
.timely .ai1ec-nav-pills > li.ai1ec-active > a:focus,
.timely .ai1ec-nav-pills > li:hover > a {
  font-size: 14px;
  /*background:#f5f5f5;*/
  /*font-family: "Open Sans", Arial, sans-serif !important;*/
}

.ai1ec-event-avatar {
  box-shadow: none !important;
}

.ai1ec-tag-filter .ai1ec-dropdown-menu span,
.ai1ec-tag-filter .ai1ec-dropdown-menu span a {
  display: block !important;
}
.ai1ec-tag-filter .ai1ec-dropdown-menu {
  max-height: 250px;
  min-width: 200px;
  overflow: auto;
}
.ai1ec-calendar-toolbar {
  border-color: #bbb;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 8px;
  padding: 0px !important;
}

.ai1ec-agenda-view .ai1ec-event-header .ai1ec-event-avatar {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 0;
  padding-bottom: 30px;
}

.ai1ec-agenda-view .ai1ec-event-header .ai1ec-event-avatar img {
  position: absolute;
  top: 0px;
  max-height: none;
  max-width: none;
  border-radius: 0;
  width: auto;
  height: 100%;
}

.ai1ec-agenda-view .ai1ec-event-header .ai1ec-event-avatar.ai1ec-portrait img {
  height: auto;
  width: auto;
}
.ai1ec-event-time {
  margin-top: 8px;
  margin-bottom: 15px;
}
.ai1ec-event-summary {
  margin-top: 20px;
}

.ai1ec-event-description img {
  display: block;
}
.ai1ec-event-description .ai1ec-load-event {
  display: none;
}
.ai1ec-event-description table td {
  padding: 7px !important;
}
.ai1ec-event-description table tr:first-child td {
  background-color: #87a3b3 !important;
}
.ai1ec-event-description table tr:nth-child(2) td {
  background-color: #dedfe0 !important;
}
/*on enleve le bouton lire la suite*/
.ai1ec-btn-group .ai1ec-read-more {
  display: none;
}
.ai1ec-event-header .ai1ec-load-event {
  line-height: 20px;
}
.ai1ec-today {
  background: linear-gradient(#cdaeae, #cdaeae 1em, #fff) !important;
}
/*Formulaire de recherche ai1ec*/
.rechercheMenu {
  margin: 0px 13px;
  background-color: #c7c8c9;
  padding: 10px;
}
.rechercheMenu input,
.rechercheMenu select {
  width: 77%;
  margin-bottom: 10px;
  padding: 6px;
  border-radius: 4px;
}
.rechercheMenu .entreChoix {
  margin-left: 43%;
  color: #576c78;
  font-weight: Bold;
  padding-bottom: 7px;
}
.rechercheMenu img {
  margin-bottom: 4px;
}
.rechercheMenu:hover {
  cursor: pointer;
}
#buttonRenitialise {
  margin-left: 40%;
}
/*///////////////////////////*/

.FloatLeft-classique {
  float: left !important;
  margin-bottom: 20px !important;
}
.FloatRight-classique {
  float: right !important;
  margin-bottom: 20px !important;
}
.FloatLeft-classique.noMargin {
  margin-bottom: 0px !important;
}
.FloatRight-classique.noMargin {
  margin-bottom: 0px !important;
}
.FloatLeft-classique.noMargin .FloatLeft-classique,
.FloatLeft-classique.noMargin .FloatLeft-select {
  margin-bottom: 10px !important;
}
.FloatRight-classique.noMargin .FloatLeft-classique,
.FloatLeft-classique.noMargin .FloatLeft-select {
  margin-bottom: 10px !important;
}
.FloatRight-select {
  float: right !important;
  margin-bottom: 18px !important;
}
.FloatLeft-select {
  float: left !important;
  margin-bottom: 18px !important;
}
#formProgramme .FloatLeft-select,
#formProgramme .FloatLeft-classique {
  margin-bottom: 7px !important;
}
.Clear-Right {
  margin-right: 360px !important;
}
.Clear-Left {
  margin-left: 360px !important;
}
.FatBot {
  margin-bottom: 52px !important;
}
#programmes-ligne-audio-conference {
  margin-bottom: 25px !important;
  margin-right: 20px;
}
form .input-large {
  width: 100% !important;
  margin-bottom: 20px !important;
}

.input-wrappe {
  background-color: #fff;
  color: #515151;
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
}

/*- Formulaire Sessions création -*/

form .sessions-wrappe-format {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 49%;
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
}

form .sessions-wrappe-financeur {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 49%;
  margin-left: 20px !important;
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
}

form .programme-titre-public {
  /*float: left;*/
  display: block;
  margin-bottom: 5px;
}
form .programme-titre-format {
  /*float: left;*/
  display: block;
  margin-bottom: 5px;
}
form .sessions-titre-format {
  float: left;
  display: block;
}
.sessions-block-documents {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 92%;
  margin-right: 0;
  margin-bottom: 10px !important;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  padding-top: 13px;
  padding-left: 9px;
}
#emailGood.sendOK {
  margin-left: auto;
  margin-right: auto;
  font-size: 23px;
  text-align: center;
}

form #sessions-financeur {
  padding: 14px 16px 14px 10px;
}
form .programmes-wrappe-radiolist-groupes {
  float: left !important;
  width: 25% !important;
}
form .programmes-wrappe-radiolist-public {
  float: left !important;
  width: 33% !important;
}
form .programmes-wrappe-checklist-format {
  float: left !important;
  width: 20% !important;
}
#programmes-format .sessions-wrappe-radio {
  margin-bottom: 5px !important;
}

form .sessions-wrappe-radiolist {
  float: right !important;
  width: 30% !important;
}
form .sessions-wrappe-ligne-audio-conf {
  float: left !important;
  width: 100% !important;
  margin-top: 5px;
}
form .session-radio,
form .pathologie-radio {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 15%;
}
#format-radio-ligne1-sessions {
  width: 5%;
}
#format-radio-ligne2-sessions {
  width: 5%;
}
form .sessions-wrappe-radio label {
  valign: top;
}

form .sessions-wrappe-radio {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
form input .session-radio {
  width: 5% !important;
}

form .sessions-heure {
  width: 9% !important;
  margin-left: 10px;
  padding: 15px 15px 15px 25px;
}
form .sessions-minute {
  width: 9% !important;
  margin-left: 10px;
  padding: 15px 15px 15px 25px;
}
form .sessions-titre-time {
  width: 29.6% !important;
}
form #sessions-format {
  padding-bottom: 15px;
}
form .programmes-heure {
  width: 17% !important;
  margin-left: 10px;
  padding: 15px 15px 15px 25px;
}
form .programmes-minute {
  width: 17% !important;
  margin-left: 10px;
  padding: 15px 15px 15px 25px;
}
form #programmes-format {
  padding-bottom: 15px;
}
/*- Formulaire Intervenants création -*/
form .sessions-div-statut-intervenant {
  width: 45% !important;
  margin-left: 18px !important;
  margin-bottom: 10px !important;
}

form .sessions-input-text-intervenant {
  width: 45% !important;
  margin-bottom: 0px !important;
  margin-right: 10px !important;
}

form .sessions-select-intervenant {
  margin-bottom: 0px !important;
  margin-right: 10px !important;
  /*width: 45% !important;*/
}

form .sessions-input-honoraires-intervenant {
  margin-bottom: 10px !important;
  /*width: 45% !important;*/
}

form .sessions-input-frais-intervenant {
  width: 45% !important;
  float: left !important;
  margin-left: 28px;
  margin-bottom: 10px !important;
}

form .intervenants-bloc-radio {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 49%;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  padding-top: 13px;
  padding-left: 9px;
  padding-bottom: 13px;
}

form .session-intervenant-suppression {
  background-color: #d72d54;
  border: none;
  color: white;
  padding: 4px 11px;
  margin-left: 10px;
  margin-top: 13px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
}

form .session-intervenant-ajout {
  background-color: #315461;
  border: none;
  color: white;
  padding: 5px 9px;
  margin-left: 10px;
  margin-top: 13px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

form .session-frais-ajout {
  background-color: #315461;
  border: none;
  color: white;
  padding: 5px 9px;
  margin-left: 10px;
  margin-top: 13px;
  margin-bottom: 13px !important;
  margin-right: 45px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

/*- PAGE FORMATIONS PRESENTIELLES EN COURS -*/
.titre-formation-presentielles-en-cours {
  font-size: 18px !important;
}

.block-stagiaires-en-formation {
  width: 100%;
  font-size: 16px !important;
  padding: 10px 10px 10px 10px !important;
  border-width: 2px !important;
  border-color: #d9d9d9 !important;
  border-radius: 0px !important;
  background-color: #f4f4f4 !important;
  display: block;
  overflow: auto;
  margin-bottom: 15px;
}
.stagiaire-supprimer {
  padding-right: 7px;
  float: right;
}

.infos1-stagiaires {
  float: Left;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  padding-top: 8px;
  padding-right: 8px;
}
.infos2-stagiaires {
  float: Left;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  padding-top: 8px;
  font-style: italic;
}

.supprimer {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.desacBloc {
  background-color: rgba(255, 255, 255, 0.5) !important;
  font: 13.3333px Arial;
  color: #d72d54 !important;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  padding: 16px 20px 16px 10px;
}
/*- Formulaire Stagiaires -*/
.stagiaire-champs-recherche {
  width: 20% !important;
  font-size: 12px !important;
  padding: 7px 7px 7px 7px !important;
  color: #515151 !important;
  border-width: 1px !important;
  border-color: #beccd4 !important;
  border-radius: 2px !important;
  background-color: #fff !important;
  margin-right: 5px !important;
  float: left;
}
.stagiaire-champs-nom {
  width: 15% !important;
  font-size: 12px !important;
  padding: 7px 7px 7px 7px !important;
  color: #515151 !important;
  border-width: 1px !important;
  border-color: #beccd4 !important;
  border-radius: 2px !important;
  background-color: #fff !important;
  margin-right: 5px !important;
  float: left;
}
.stagiaire-champs-num {
  width: 10% !important;
  font-size: 12px !important;
  padding: 7px 7px 7px 7px !important;
  color: #515151 !important;
  border-width: 1px !important;
  border-color: #beccd4 !important;
  border-radius: 2px !important;
  background-color: #fff !important;
  margin-right: 5px !important;
  float: left;
}
.stagiaire-champs-mail {
  width: 20% !important;
  font-size: 12px !important;
  padding: 7px 7px 7px 7px !important;
  color: #515151 !important;
  border-width: 1px !important;
  border-color: #beccd4 !important;
  border-radius: 2px !important;
  background-color: #fff !important;
  margin-right: 5px !important;
  float: left;
}

.stagiaire-rechercher-bouton {
  width: 9% !important;
  font-size: 12px !important;
  padding: 5px 15px 4px 0px !important;
  color: #fff !important;
  border-width: 1px !important;
  border-color: #536976 !important;
  border-radius: 2px !important;
  background-color: #536976 !important;
  margin-right: 0px !important;
  margin-left: 5px !important;
  margin-top: 0px !important;
}

form #stagiaire-rechercher-bouton:after {
  font-size: 12px !important;
}
#rechercher-reboot-bouton.stagiaire-rechercher-bouton {
  width: 9% !important;
}
#rechercher-reboot-bouton.stagiaire-rechercher-bouton:after {
  font-size: 12px !important;
}
.btn-retour {
  color: #fff !important;
  font-size: 15px;
  background-color: #497d93 !important;
  border-color: #497d93 !important;
  border-radius: 3px !important;
  border-width: 1px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 5px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 8px !important;
}
.btn-retour:hover {
  background-color: #70828c !important;
  border-color: #576c78 !important;
  text-align: center;
  padding: 5px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 8px !important;
}
.btn-retour:before {
  padding: 5px;
  padding-top: 9px;
  font-size: 14px;
  text-shadow: 0 0;
  font-family: ETmodules !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
  content: "8";
}

.btn-retour:before {
  content: attr(data-icon);
  font-family: icons;
}
.btn-annuler {
  color: #fff !important;
  font-size: 15px;
  background-color: #2d4350 !important;
  border-color: #2d4350 !important;
  border-radius: 3px !important;
  border-width: 1px !important;
  text-transform: uppercase;
  text-align: center;
  padding: 5px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 8px !important;
  cursor: pointer;
  display: inline-block;
}
.btn-annuler:hover {
  background-color: #576c78 !important;
  border-color: #576c78 !important;
  text-align: center;
  padding: 5px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 8px !important;
}
.btn-annuler:before {
  padding: 5px;
  padding-top: 9px;
  font-size: 14px;
  text-shadow: 0 0;
  font-family: ETmodules !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
  content: "8";
}

.btn-annuler:before {
  content: attr(data-icon);
  font-family: icons;
}
/*- Formulaire Stagiaires création -*/
form .sessions-documents-file-frais {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  right: 29%;
  width: 13% !important;
}
form .stagiaires-documents-file-rib {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  right: 29%;
  width: 13% !important;
}
form .stagiaires-edition-documents-file-rib {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  right: 29%;
  width: 13% !important;
}
form .stagiaires-documents-add:hover {
  cursor: pointer !important;
}
form .sessions-documents-add:hover {
  cursor: pointer !important;
}
form .stagiaires-documents-file-rib:hover {
  cursor: pointer !important;
}
form .sessions-documents-file-frais:hover {
  cursor: pointer !important;
}
form .stagiaires-edition-documents-file-rib:hover {
  cursor: pointer !important;
}
form .sessions-edition-documents-file-frais:hover {
  cursor: pointer !important;
}
form .stagiaires-documents-file-urssaf {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  left: 19%;
  width: 13% !important;
  z-index: 4;
}
form .stagiaires-documents-file-urssaf:hover {
  cursor: pointer !important;
}
form .stagiaires-documents-file-cv {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  left: 6%;
  width: 13% !important;
  z-index: 4;
}
form .stagiaires-documents-file-cv:hover {
  cursor: pointer !important;
}
form .stagiaires-documents-file-dpi {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  right: 33%;
  width: 13% !important;
}
form .stagiaires-documents-file-dpi:hover {
  cursor: pointer !important;
}
form .stagiaires-text-file {
  padding: 4px 0px !important;
  width: 175px !important;
  float: left !important;
}
form .sessions-text-file {
  padding: 4px 0px !important;
  width: 100px !important;
  float: left !important;
}
form .btn-custom-upload-file {
  font-size: 12px !important;
  padding: 0px 7px 0px 7px !important;
  color: #fff !important;
  border-width: 1px !important;
  border-color: #497d93 !important;
  border-radius: 2px !important;
  background-color: #497d93 !important;
  margin-right: 3px !important;
  margin-left: 10px !important;
  margin-top: 0px !important;
  float: left !important;
  z-index: 3;
}
form .btn-custom-upload-file:hover {
  cursor: pointer !important;
}

form .btn-classic-upload-file {
  opacity: 0; /* pour !IE */
  filter: alpha(opacity=0); /* pour IE */
  position: absolute !important;
  left: 19%;
  width: 13% !important;
  z-index: 4;
}
form .btn-classic-upload-file:hover {
  cursor: pointer !important;
}
form .btn-upload-text-file {
  padding: 4px 0px !important;
  width: 200px !important;
  float: left !important;
}
form .programmes-annee {
  width: 18% !important;
}
form .sessions-documents-add {
  font-size: 12px !important;
  padding: 0px 7px 0px 7px !important;
  color: #fff !important;
  border-width: 1px !important;
  border-color: #497d93 !important;
  border-radius: 2px !important;
  background-color: #497d93 !important;
  margin-right: 3px !important;
  margin-left: 10px !important;
  margin-top: 0px !important;
  float: left !important;
  z-index: 3;
}
form .stagiaires-documents-add {
  font-size: 12px !important;
  padding: 0px 7px 0px 7px !important;
  color: #fff !important;
  border-width: 1px !important;
  border-color: #497d93 !important;
  border-radius: 2px !important;
  background-color: #497d93 !important;
  margin-right: 3px !important;
  margin-left: 10px !important;
  margin-top: 0px !important;
  float: left !important;
  z-index: 3;
}

form .stagiaire-jour-naissance {
  width: 8% !important;
  margin-left: 10px;
  padding: 15px 15px 15px 25px;
}
form .stagiaire-mois-naissance {
  width: 13% !important;
  margin-left: 10px;
  padding: 15px 15px 15px 25px;
}
form .stagiaires-annee-naissance {
  width: 18.6% !important;
  margin-left: 10px;
  margin-right: 8%;
}

form .stagiaires-exercice {
  margin-left: 20px !important;
  margin-bottom: 20px !important;
}
form .stagiaires-zoning,
.bloc-titre-test,
.bloc-titre-satisfaction,
.bloc-titre-ac {
  background-color: #82929b;
  color: #fff;
  display: block;
  width: 100%;
  margin-right: 0;
  font-size: large;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  padding-top: 13px;
  padding-left: 9px;
  padding-bottom: 13px;
  float: left !important;
}
form .stagiaire-wrappe-sexe-radio {
  float: left;
  margin-left: 20px;
  margin-top: 2px;
}
.nbrTotal {
  width: 26%;
}
.nombreTotal {
  width: 110%;
  padding-top: 25px;
  margin-bottom: 0px !important;
}

.nombreAnnuel {
  width: 110%;
  padding-top: 9px;
  margin-bottom: 0px !important;
}
form .stagiaires-bloc-radio-sexe,
.stagiaires-bloc-radio-exercice,
.intervenants-bloc-radio-statut,
.stagiaires-bloc-documents,
.lieu-bloc-radio-pmr,
.sessions-bloc-radio-caution {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 49%;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  padding-top: 13px;
  padding-left: 9px;
  padding-bottom: 12px;
  overflow: hidden;
}
form #sessions-caution-oui,
#sessions-caution-non {
  width: 15px;
}
.sessions-caution-radio-checklist {
  display: block;
  float: right;
  margin-right: 15px;
  width: 55px;
}
.sessions-caution-input-radio {
  display: block;
  float: right;
  width: 30px;
  text-align: left;
  margin-top: 3px;
}
form .stagiaires-titre-input-radio {
  display: block;
  float: left;
}
form .sessions-titre-input-radio {
  display: block;
  float: left;
}
form .stagiaires-radio-checklist input {
  padding: 0px;
  margin: 0px;
  width: 15px;
  margin-left: 10px;
}
form .stagiaires-file-checklist input {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 300px;
  /*margin-left: 18px;*/
  border-width: 0px;
}
form .wrappe-upload-ui input {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 300px;
  margin-left: 10px;
  border-width: 0px;
}

form .sessions-file-checklist input {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 300px;
  /*margin-left: 18px;*/
  border-width: 0px;
}
form .stagiaires-wrappe-accords {
  float: left;
  padding: 10px;
  padding-top: 13px;
  padding-left: 9px;
  padding-bottom: 13px;
}
form .stagiaires-wrappe-accords label {
  font: 14px Arial;
}
.stagiaires-wrappe-radio {
  float: left;
}

form .stagiaires-radio-checklist {
  display: block;
  float: right;
  margin-right: 15px;
  width: 50px;
}
form .stagiaires-input-radio {
  display: block;
  float: right;
  width: 25px;
  text-align: left;
  margin-top: 3px;
}

form .stagiaires-intervenants-radio-checklist {
  display: block;
  float: right;
  margin-right: 15px;
  width: 100px;
}

form .stagiaires-intervenants-input-radio {
  display: block;
  float: right;
  width: 75px;
  text-align: left;
  margin-top: 3px;
}
form #stagiaires-exterieur-ref,
#lieu-pmr-oui {
  width: 15px;
}
form #stagiaires-exterieur-non-ref,
#lieu-pmr-non {
  width: 15px;
}
.wrappe-accord {
  clear: both;
}
/*- Formulaire Evaluations création -*/
form #evaluations-titre {
}
form .button-question-plus {
  background-color: #315461;
  border: none;
  color: white;
  padding: 5px 11px;
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}
form .button-question-moins {
  background-color: #d72d54;
  border: none;
  color: white;
  padding: 5px 13px;
  margin-left: 8px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}
.input-eval-groupe {
  width: 90% !important;
  margin-bottom: 10px !important;
}
.input-eval-question {
  width: 88% !important;
  margin-bottom: 5px !important;
  margin-left: 20px !important;
}
form .button-groupe-plus {
  background-color: #497d93;
  border: none;
  color: white;
  padding: 8px 14px;
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}

form .button-groupe-moins {
  background-color: #d87086;
  border: none;
  color: white;
  padding: 8px 16px;
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}
form .button-elearning-plus,
.button-tests-plus,
.button-materielle-plus,
.button-pedagogique-plus,
.button-pedagogiqueEPP-plus {
  background-color: #497d93;
  border: none;
  color: white;
  padding: 4px 10px;
  margin-left: 5px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
form .button-ac-plus {
  background-color: #497d93;
  border: none;
  color: white;
  padding: 2px 8px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  overflow: auto;
}
.button-ac-moins {
  background-color: #d87086;
  border: none;
  color: white;
  padding: 2px 10px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  overflow: auto;
  position: relative;
  left: 2px;
}
.addQuest,
.suppQuest {
  position: relative;
  cursor: pointer;
}
.addQuest:hover,
.suppQuest:hover {
  opacity: 0.3;
}

form .button-elearning-moins,
.button-tests-moins,
.button-materielle-moins,
.button-pedagogique-moins,
.button-pedagogiqueEPP-moins {
  background-color: #d87086;
  border: none;
  color: white;
  padding: 4px 12px;
  margin-left: 5px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

form .checkBox-elearning-delete,
.checkBox-tests-delete {
  border: none;
  color: white;
  margin-left: 5px;
  margin-top: 7px;
  margin-right: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
}

form .evaluations-reponse-checklist input {
  padding: 0px;
  margin: 0px;
  width: 15px;
}

.wrapperChecklist-reponse {
  float: left;
}
form .evaluations-reponse-checklist {
  display: block;
  float: left;
  margin-bottom: 1px;
  margin-right: 15px;
  width: 50px;
}
form .evaluations-reponse-radio {
  display: block;
  float: right;
  width: 25px;
  text-align: left;
}

form .evaluations-reponse {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 16%;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  margin-left: 21px;
  margin-right: 0px;
  padding-top: 15px;
  padding-left: 20px;
}

/*///////////////////////////*/
/*- Formulaire Elearning création -*/

form .button-question-plus {
  background-color: #315461;
  border: none;
  color: white;
  padding: 5px 11px;
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}
form .button-question-moins {
  background-color: #d72d54;
  border: none;
  color: white;
  padding: 5px 13px;
  margin-left: 8px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}
.input-elearn-groupe,
.input-tests-groupe {
  width: 90% !important;
  margin-bottom: 10px !important;
}
.input-elearn-question {
  width: 790px !important;
  margin-bottom: 5px !important;
}
.input-tests-question {
  width: 60% !important;
  margin-bottom: 5px !important;
}
.input-ac-question {
  width: 100% !important;
  /*margin-bottom:5px !important;*/
}
.input-ac-question::placeholder {
  font-variant: small-caps;
  font-size: 11px;
}
.input-elearn-reponse,
.input-tests-reponse {
  width: 93% !important;
  margin-bottom: 20px !important;
}
.input-satisfaction-question {
  width: 93% !important;
  margin-bottom: 5px !important;
}
.qcm-txt {
  width: 100% !important;
  min-height: 110px;
}
#elearning-docu {
  width: 102%;
}

form .button-groupe-plus,
.button-satisfaction-plus {
  background-color: #497d93;
  border: none;
  color: white;
  padding: 8px 14px;
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}

form .button-groupe-moins,
.button-satisfaction-moins {
  background-color: #d87086;
  border: none;
  color: white;
  padding: 8px 16px;
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 0px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: default;
}

form .elearning-reponse-checklist input,
form .tests-reponse-checklist input,
form .ac-reponse-checklist input {
  padding: 0px;
  margin: 0px;
  width: 15px;
}

.wrapperChecklist-reponse {
  float: left;
}
form .elearning-reponse-checklist,
form .tests-reponse-checklist {
  display: block;
  float: left;
  margin-bottom: 1px;
  margin-right: 15px;
  width: 50px;
}

form .elearning-reponse-radio,
form .tests-reponse-radio,
form .ac-reponse-radio {
  display: block;
  float: right;
  width: 25px;
  text-align: left;
}

form .elearning-reponse,
form .tests-reponse {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 16%;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  margin-left: 5px;
  margin-right: 0px;
  padding-top: 15px;
  padding-left: 20px;
}

/*/AUDIT CLINIQUE/*/
.ac-quest-visu {
  font-size: 16px;
}
form .ac-reponse-checklist {
  display: block;
  float: left;
  margin-right: 37px;
  width: 42px;
}
form .ac-reponse-checklist:last-child {
  margin-right: 0px;
}
.ac-reponse-radiolist,
.ac-reponse-checkboxlist {
  display: inline-block;
  width: 19.5%;
}
#wrappe-grille-visu .ac-reponse-radiolist,
#wrappe-grille-visu .ac-reponse-checkboxlist {
  width: 19.5%;
}
input[type="radio"].ac-rep,
input[type="checkbox"].ac-rep {
  width: auto;
  position: relative !important;
  left: 0 !important;
  top: 2px;
}
input[type="text"].input-ac-reponse {
  font-size: 11px;
}
textarea.input-ac-question {
  min-height: 15px;
  margin-bottom: 0px;
  position: relative;
  resize: none;
  height: 50px;
}
#txtSynthese textarea {
  maxlength: 1000 !important;
}
input[type="text"].input-ac-reponse-unique {
  font-size: 11px;
  width: 100%;
  padding: 5px 8px 5px 2px !important;
}
.wrappe-grille {
  width: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.wrappe-groupe {
  width: 100%;
  overflow: auto;
}
.row {
  /*overflow:auto;*/
  display: block;
  box-sizing: border-box;
}
.col {
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
}

.col-80w {
  width: 80% !important;
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
}
.col-65w {
  width: 65% !important;
  display: inline-block;
  overflow: visible;
  box-sizing: border-box;
}
/*PATCH POUR FIREFOX - Fix le décallage de la cellule.*/
@-moz-document url-prefix() {
  .col-65w {
    position: relative;
    top: -5px;
  }
}
.col-28w {
  width: 28% !important;
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
}

.col-15w {
  width: 15% !important;
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
}
.col-6w {
  width: 5% !important;
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
}
.col-5w {
  width: 5% !important;
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
}
form .ac-reponse {
  background-color: #fff;
  color: #515151;
  display: block;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  margin-left: 5px;
  margin-right: 0px;
  padding-top: 15px;
  padding-left: 20px;
}
.row.hide {
  display: none !important;
}
/*///////////////////////////*/

/*- Formulaire programmes-création -*/

form .programmes-wrappe-public {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 49%;
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
  padding-bottom: 14px;
}

.formBG {
  background-color: #c6ced2;
  padding-top: 23px;
  padding-right: 23px;
  padding-bottom: 80px;
  padding-left: 23px;
}

.et_pb_contact_select {
  font: 13.3333px Arial;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 20px 16px 10px;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  color: #515151;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.et_pb_contact p input,
.et_pb_contact p textarea {
  width: 100%;
  padding: 16px;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  color: #515151;
  background-color: #fff;
  font: 13.3333px Arial;
}

form select,
input,
input[type="text"],
input[type="date"],
textarea,
input[type="password"] {
  font: 13.3333px Arial;
  color: #515151 !important;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  padding: 16px 20px 16px 10px;
  width: 49%;
}
input[type="file"].classic {
  border-style: none;
  width: auto;
  cursor: pointer;
  padding: 0px;
}
input::placeholder {
  color: #515151;
}
.whiteBloc {
  font: 13.3333px Arial;
  color: #515151 !important;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  padding: 16px 20px 16px 10px;
}
.greyBloc {
  font: 13.3333px Arial;
  color: #515151 !important;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #f1f3f4;
  display: inline-block;
  padding: 16px 20px 16px 10px;
}
.row.greyBloc {
  display: block;
  margin-bottom: 0px;
  position: relative;
  top: -5px;
  background-color: #f1f3f4;
}
.row {
}
.row .greyBloc {
  background-color: #f1f3f4;
}
.input-ac-reponse {
  padding: 5px 8px 5px 2px !important;
  width: auto !important;
}
.satisfaction-quest-visu {
  width: 100% !important;
  margin-bottom: 5px !important;
}
.test-quest-visu {
  width: 974px !important;
  margin-bottom: 5px !important;
}
.ac-quest-visu {
  width: 100% !important;
  margin-bottom: 5px !important;
}
.test-rep-visu {
  width: 55px !important;
  margin-left: 5px;
  margin-bottom: 5px !important;
}
.ac-rep-visu {
  width: 6% !important;
  margin-left: 5px;
  margin-bottom: 5px !important;
}
#titre-prog {
  font-size: 18px;
}
.redBloc {
  background-color: #d72d54;
  color: #fff;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
}
.clearfix {
  overflow: auto;
}
.input-date-S {
  padding: 3px 3px 3px 3px !important;
  width: 110px !important;
}
.input-text-S {
  padding: 3px 3px 3px 3px !important;
  width: 80px !important;
  text-align: center;
}
.input-text-L {
  padding: 3px 3px 3px 3px !important;
  width: 100% !important;
  text-align: center;
}

#elearning-docu-file {
  left: 25%;
  cursor: pointer !important;
}
.allUrssaf,
.allRib,
.allCV,
.allDPI {
  display: inline-block;
  width: 49%;
}

.allFrais {
  display: inline-block;
  width: 49%;
}
.wrappe-upload-file {
  display: inline-block;
  width: 59%;
}
.floatLeft.stagiaires-bloc-documents,
.floatRight.stagiaires-bloc-documents {
  margin-bottom: 15px !important;
}
.allUrssaf .stagiaires-bloc-radio-exercice,
.allCV .stagiaires-bloc-radio-exercice {
  width: 100% !important;
  margin-top: 54px;
  margin-bottom: 5px;
  position: relative;
  top: -10px;
}
.allRib .stagiaires-bloc-radio-exercice,
.allDPI .stagiaires-bloc-radio-exercice {
  width: 100% !important;
  margin-top: 68px;
  margin-bottom: 5px;
  position: relative;
  top: -14px;
}

form #stagiaires-urssaf,
form #stagiaires-rib,
form #stagiaires-cv,
form #stagiaires-dpi,
form #intervenants-urssaf,
form #intervenants-rib,
form #intervenants-cv,
form #intervenants-dpi,
form #intervenants-picked-urssaf,
form #intervenants-picked-rib,
form #intervenants-picked-cv,
form #intervenants-picked-dpi {
  width: 100% !important;
}

form #stagiaires-urssaf-file,
#stagiaires-rib-file,
#sessions-rib-file,
#elearning-docu-file,
#stagiaires-cv-file,
#stagiaires-dpi-file {
  font: 13.3333px Arial;
  color: #515151 !important;
  -webkit-border-before-color: #d72d54;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
  display: block;
  padding: 16px 0px 0px 0px !important;
  width: 13% !important;
}

form select#programmes-orientations:focus {
  outline: none;
  width: 100%;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #515151;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #515151;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #515151;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #515151;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #515151;
}
.bleu {
  color: #1c8ab4 !important;
}
.vert {
  color: #75b23a !important; /*#7CFC00*/
}

.carmin {
  color: #d72d54 !important; /*#7CFC00*/
}

.orange {
  color: #e7921d !important;
}
.rouge {
  border-color: #f00 !important;
}
.rougeTitle {
  color: #d72d54;
}

form input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url(images/picto-calendar.png);
  background-position: center;
  background-size: 14px 13px;
  background-repeat: no-repeat;
  color: rgba(204, 204, 204, 0);
  cursor: pointer;
}

form input[type="date"]::-webkit-clear-button {
  display: none;
}
form input[type="date"]::-webkit-inner-spin-button {
  display: none;
}
form input[type="time"]::-webkit-clear-button {
  display: none;
}
form input[type="time"]::-webkit-inner-spin-button {
  display: none;
}

form input[type="date"]::-moz-calendar-picker-indicator {
  background-image: url(images/picto-calendar.png);
  background-position: center;
  background-size: 14px 13px;
  background-repeat: no-repeat;
  color: rgba(204, 204, 204, 0);
}

form input[type="date"]::-moz-clear-button {
  display: none;
}
form input[type="date"]::-moz-inner-spin-button {
  display: none;
}
form input[type="time"]::-moz-clear-button {
  display: none;
}

form input[type="date"] {
  min-height: 20px;
  -webkit-margin-after: 20px !important;
  -moz-margin-after: 20px !important;
  padding: 15px;
}
#dateCV input[type="date"] {
  -webkit-margin-after: 19px !important;
}
form input[type="time"] {
  min-height: 20px;
  -webkit-margin-after: 18px !important;
  -moz-margin-after: 20px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url(images/picto-calendar.png);
  background-position: center;
  background-size: 14px 13px;
  background-repeat: no-repeat;
  color: rgba(204, 204, 204, 0);
  cursor: pointer;
}
input[type="time"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

input[type="date"]::-webkit-clear-button {
  display: none;
}
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="date"]::-moz-calendar-picker-indicator {
  background-image: url(images/picto-calendar.png);
  background-position: center;
  background-size: 14px 13px;
  background-repeat: no-repeat;
  color: rgba(204, 204, 204, 0);
  cursor: pointer;
}
input[type="time"]::-moz-calendar-picker-indicator {
  cursor: pointer;
}
input[type="date"]::-moz-clear-button {
  display: none;
}
input[type="date"]::-moz-inner-spin-button {
  display: none;
}

/*form input[type=text]{
	min-height: 52px;
	}*/
.intervenant-wrappe {
  margin-bottom: 10px !important;
}
form #format-sessions {
  margin-left: 16px;
}

form textarea {
  min-height: 150px;
  color: #515151 !important;
}
#txtSynthese textarea {
  height: 200px;
}
#txtSynthese textarea::placeholder {
  color: #999 !important;
}
form label {
  font: 11px Arial;
  color: #515151 !important;
}
form .ac-reponse-checklist label {
  font: 13px Arial;
  color: #515151 !important;
}
form #themes-titre {
  width: 100%;
  margin-bottom: 15px;
}

form #financeurs-nom {
  width: 49%;
  margin-bottom: 15px;
}
form #financeurs-types {
  margin-left: 20px;
}
form #programmes-resume {
  margin-left: 0px;
}

form #programmes-orientation {
  margin-left: 0px;
  width: 49%;
}
form #financeurs-statut {
  display: inline-block;
  overflow: hidden;
  width: 30%;
  margin-left: 12px;
  margin-bottom: 0px;
  margin-top: 10px;
}

form #financeurs-statut-titre {
  font: 13.3333px Arial;
  color: #515151;
  margin-top: 5px;
}

form #financeurs-statut-checklist {
  display: block;
  margin-top: 6px;
}

form .financeurs-statut-radio {
  display: block;
  margin-bottom: 8px;
}

form #programmes-financeur {
  display: inline-block;
  overflow: hidden;
  width: 49%;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  background-color: #fff;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
form #programmes-financeur-titre {
  font: 13.3px Arial;
  color: #515151;
  margin-top: 5px;
}

form #lieu-ville {
  /*margin-bottom:18px !important;*/
}

form #lieu-informarions_supplementaires {
  margin-top: 3px !important;
}

form #programmes-financeur-checklist {
  width: 100%;
  display: block;
  margin-top: 10px;
  float: left;
}
form #programmes-financeur-checklist p:first-child {
  margin-bottom: 0px;
}

#programmes-financeur-nom {
  margin-right: 120px;
}
#programmes-financeur-ref {
  margin-right: 195px;
}
.wrapperFin {
  width: 100%;
  margin-bottom: 10px;
}
.wrapperInputLabel {
  display: inline-block;
  width: 130px;
}
form #programmes-financeur-num {
  display: inline-block;
  /*float:right;*/
  font-size: 11px;
  width: 40%;
  padding: 1px;
  margin-top: 3px;
}
.programmes-financeur-checkbox-attente {
  margin-left: 100px;
  display: inline;
}
form #programmes-evaluation {
  background-color: #fff;
  color: #515151;
  display: block;
  width: 49%;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #82929b;
  padding: 10px;
}
form #programmes-evaluation p {
  display: inline-block;
}
.wrapperChecklist {
  float: right;
  margin-right: 15%;
}
#programmes-evaluation-titre {
  margin-bottom: 10px;
  display: none;
}
form #programmes-evaluation label {
  font-size: 13.3px !important;
}

form .programmes-evaluation-checklist {
  display: none;
  float: left;
  margin-bottom: 10px;
  margin-right: 30px;
  width: 50px;
}
form .programmes-evaluation-checklist input {
  padding: 0px;
  margin: 0px;
  width: 15px;
}
form .programmes-evaluation-checkbox {
  display: block;
  float: right;
  width: 25px;
  text-align: left;
}
form #programmes-evaluation-select {
  display: block;
  margin-left: 0px;
  margin-top: 10px;
  width: 99%;
}
form #bouton-enregistrer {
  border-color: #599dba;
  background: #599dba;
  color: #1d485a;
}

form #bouton-enregistrer:after {
  content: url(images/picto-disquette.png);
}

form #bouton-creer {
  border-color: #497d93;
  background: #497d93;
  margin-left: 22.2%;
  margin-top: 10px;
}
form #bouton-valider {
  border-color: #98b653;
  background: #98b653;
  margin-left: 22.2%;
  margin-top: 10px;
}
form #bouton-valider:hover {
  border-color: #98b653;
  background: #a6cd4e;
}
form #annuler {
  border-color: #daa1ae;
  background: #daa1ae;
  margin-bottom: 0px !important;
  margin-top: 10px;
}

form #creer-eval {
  display: none;
  margin-top: 10px;
}
form .messageSave {
  float: right;
  display: block;
  margin-left: 75%;
  font-size: 11px;
}
form .et_pb_button {
  color: #fff;
  overflow: auto;
  font-size: 15px;
  background: #576c78;
  border-width: 1px !important;
  border-color: #576c78;
  padding-right: 2em;
  padding-left: 0.7em;
  position: relative;
  padding: 0.3em 1em;
  border: 2px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7em !important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
form .et_pb_button:after {
  content: attr(data-icon);
}
form input[type="checkbox"]:not(:checked),
form [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
form input[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer; /* affiche un curseur adapté */
}
/*#testChoix form input[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; 
  padding-left: 0px;
  cursor: pointer;  
}*/

form input[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -2px;
  width: 14px;
  height: 14px; /* dim. de la case */
  border: 0px solid #aaa;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
}

/*#testChoix form input[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
   content: '';
   display:none;
}*/

/* Aspect général de la coche */
form input[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "x";
  position: absolute;
  top: -3px;
  left: 4px;
  font-size: 15px;
  color: #515151;
}
/*#testChoix input[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top:0px; left:0px;
  font-size: 15px;
  color: #515151;
}*/
/* Aspect si "pas cochée" */
form input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */

  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
form input[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}
/* aspect désactivée */
form input[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.et_pb_button.disabled {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
  cursor: not-allowed !important;
}
.et_pb_button.disabled:hover {
  box-shadow: none;
  border-color: #bbb !important;
  background-color: #ddd !important;
  cursor: not-allowed !important;
}
/* styles de la coche (si cochée/désactivée) */
form input[type="checkbox"]:disabled:checked + label:after {
  color: #000;
}
/* on style aussi le label quand désactivé */
form input[type="checkbox"]:disabled + label {
  color: #fff;
}

/* aspect au focus de l'élément */
form input[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px 000;
}

.inputFin {
  width: 10%;
}
.et_pb_contact_field_checkbox {
  width: 300px;
}
.rowForm {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  grid-template-columns: auto 1fr;
  /* flex-direction: column; */
}
/*///////////////////////////*/

/*WP-Member (login)*/
#wpmem_restricted_msg {
  padding: 0px 45px 0px 45px;
  margin: 0 55px 0 55px;
}
#wpmem_login {
  margin: 0 auto;
  max-width: 550px;
  color: #536976;
  font-family: Arial, sans-serif;
  background: #fff;
  padding: 1px 45px 1px 45px;
  margin-top: 55px;
  border: 1px solid rgba(83, 105, 118, 0.7);
}
#wpmem_login legend {
  font-size: 20px !important;
}

.entry-content .timely .ai1ec-dropdown-menu a {
  color: #333 !important;
  font-family: "Open Sans", Arial, sans-serif;
}
.entry-content .timely .ai1ec-dropdown-menu > .ai1ec-active > a {
  background: rgba(0, 0, 0, 0.15);
  color: #333 !important;
}
.entry-content .timely .ai1ec-dropdown-menu > .ai1ec-active > a:visited {
  background: rgba(0, 0, 0, 0.2);
  color: #333 !important;
}
.entry-content .timely .ai1ec-dropdown-menu > .ai1ec-active > a:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #333 !important;
}
.timely.ai1ec-calendar-toolbar {
  display: none;
}
/*.ajoutMenu img, .ajoutMenu em{
	cursor:pointer;
}*/
.effaceMenu {
  display: none;
}
.activeMenu {
  display: block;
}
/* Table Styles */
.entry-content table,
body.et-pb-preview #main-content .container table {
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid #e0e0e0;
  text-align: left;
}
#triID .et_pb_code_inner table {
  /*width: 97%;*/
}

h5.et_pb_toggle_title table {
  border: 0 !important;
}
h5.et_pb_toggle_title table tr td {
  border: 0 !important;
}
.entry-content tr th,
.entry-content thead th,
body.et-pb-preview #main-content .container tr th,
body.et-pb-preview #main-content .container thead th {
  padding: 6px 6px;
  color: #acb5b9;
  font-weight: bold;
}

.entry-content tr td,
body.et-pb-preview #main-content .container tr td {
  padding: 6px 6px;
  border-top: 1px solid #e0e0e0;
}

/* Table HOME Styles */
.home .entry-content table,
body.et-pb-preview #main-content .container table {
  width: 100%;
  margin: 0 0 15px 0;
  border: 0px solid #acb5b9;
  text-align: left;
}

.home .entry-content tr th,
.entry-content thead th,
body.et-pb-preview #main-content .container tr th,
body.et-pb-preview #main-content .container thead th {
  padding: 6px 6px;
  color: #acb5b9;
  font-weight: bold;
}

.home .entry-content tr td,
body.et-pb-preview #main-content .container tr td {
  padding: 0px 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 0px solid #acb5b9;
}
a.buttonInscription {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #576c78;
  color: #fff !important;
  font-size: 12px;
  margin: 0 5px 8px 0;
}
a.buttonInscription:hover {
  background-color: rgba(87, 108, 120, 0.77);
}
.noResult {
  background-color: #fff;
  width: 100%;
  height: 50px;
  color: #576c78;
  text-align: center;
  padding-top: 14px;
  font-size: 18px;
}
.ai1ec-event-location-ville {
  /*display:none;*/
  display: block;
}

/*class pour cacher et afficher une partie*/
.cacher {
  display: none;
}
.afficher {
  display: block;
}
.triAZ {
  margin-left: 7%;
  display: inline-block;
}
.triSession {
  margin-left: 50%;
  display: inline-block;
}
.tri19 {
  margin-left: 7%;
  display: inline-block;
  /*float:right;*/
}
.triAZtitre {
  margin-left: 6.5%;
  display: inline-block;
}
.triSessiontitre {
  margin-left: 73.8%;
  display: inline-block;
}
.tri19titre {
  margin-right: 1.5%;
  display: inline-block;
  float: right;
}
.allDate {
  display: inline-block;
  float: right;
  font-size: 11px;
}
.titreProgSession {
  width: 80%;
  display: inline-block;
}
.divDateSession {
  width: 125px;
  display: inline-block;
  font-size: 16px;
  box-sizing: border-box;
}
.divDateCreation {
  width: 90px;
  display: inline-block;
  float: right;
  font-size: 11px;
  box-sizing: border-box;
}
.divDate {
  /*width:70px;
	width:10%;*/
  width: 10%;
  display: inline-block;
  float: right;
  font-size: 11px;
  box-sizing: border-box;
  text-align: center;
  /*position:relative;
	right:-1%;*/
}

.title80w {
  width: 80% !important;
  display: inline-block;
}
.title75w {
  width: 75% !important;
  display: inline-block;
}
.title70w {
  max-width: 70% !important;
  display: inline-block;
}
.divFormat {
  /*width:70px;
	width:10%;*/
  /*display: inline-block;*/
  /*float: right;*/
  font-size: 11px;
  box-sizing: border-box;
  text-align: center;
  /*position:relative;
	right:18.4%;*/
}
.ui-autocomplete {
  z-index: 900 !important;
  background-color: #fff;
  width: 26.5% !important;
  cursor: pointer;
}
h7 {
  display: block;
  padding-top: 4px;
  font-size: 14px;
}
.radioSessionOuverte {
  margin-left: 2%;
}
.radioSessionComplete {
  margin-left: 4%;
}
.inputOpen {
  width: 3%;
}
.inputOpenComplete {
  width: 5%;
}
.buttonEnregistrer {
  color: #fff !important;
  padding-right: 10px !important;
}
#select_stagiaire {
  width: 100%;
  border: 1px solid #e5e9ed;
  background-color: #fcfcfc;
  border-radius: 8px;
  padding: 10px 20px 10px 45px;
  font-size: 15px;
  color: #333;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
  box-sizing: border-box;
  margin: 0;
}
#autoComplete_container {
  width: 99% !important;
}
#autoComplete_container .ui-autocomplete {
  z-index: 900 !important;
  background-color: #fff;
  width: 100% !important;
  cursor: pointer;
  list-style: none;
  font-size: 9px;
  padding: 0px;
}
.buttonAddStagiaire {
  cursor: pointer;
}
.buttonAddForfait {
  cursor: pointer;
}
.buttonSuppForfait {
  cursor: pointer;
}
.suppressInscr {
  cursor: pointer;
}
.afficheAttest,
.afficheHono {
  display: none;
  background-color: #fff;
  padding: 5px;
}
#attestHref,
#honoHref,
#factureHref,
#emargeHref,
#factureDL {
  cursor: pointer;
}
.attest-buttons,
.hono-buttons {
  margin-top: 20px;
  display: inline-block;
  margin-left: 20%;
  margin-right: 15%;
}
#validerAttest,
#validerHono {
  border-color: #497d93;
  background: #497d93;
  color: #fff;
}
#annulerAttest,
#annulerHono {
  border-color: #daa1ae;
  background: #daa1ae;
  color: #fff;
}
.attest-content,
.hono-content {
  margin-top: 10px;
}
#divEdit {
  display: inline-block;
  width: 100%;
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #82929b;
  border-image: initial;
  border-radius: 3px;
  box-sizing: border-box;
  color: #515151;
  background-color: #fff;
  font: 13.3333px Arial;
}
#envoieEmail {
  display: none;
  margin-left: -3%;
}
#buttonSendEmail {
  color: #fff;
}
#emailGood {
  color: green;
}
.emailBad {
  color: red !important;
}
.ui-helper-hidden-accessible {
  display: none;
} /*ceci permet de cacher ce qu'ajoute la fonction autocompletion sur le bas de page*/
.messageStagiaire,
.sessionNotOpen {
  padding: 3px;
  background-color: #faffbd;
  border: 1px solid #e0e0e0;
  padding-left: 6px;
}
.vertAction {
  background-color: #0c0;
}
#input-search-programme,
#input-search-satisfaction {
  /*padding:3px !important;*/
  width: 100% !important;
  height: 38px;
}

#input-search-lieu {
  /*padding:3px !important;*/
  width: 100% !important;
  height: 38px;
}
#input-search-lieu ~ #ui-id-1 {
  width: 60% !important;
}
#select_stagiaire ~ #ui-id-1 {
  width: 100% !important;
}
#input-search-elearning {
  /*padding:3px !important;*/
  width: 100% !important;
  height: 38px;
}

#autoComplete_container .ui-autocomplete {
  position: absolute !important;
  /*z-index:-3 !important;*/
  /* background-color:#c3dce9;*/
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  padding: 5px;
  background-color: #ffd0da;
  border: #0380bb;
  border-width: 1px !important;
  border-color: #fff !important;
  /*margin-top:15px !important;*/
  /*opacity:1 !important;*/
  /*color: #515151 !important;*/
}

.layer-sup {
  z-index: 5 !important;
}
.layer-inf {
  z-index: 0 !important;
}
.sizeTiers {
  width: 35% !important;
}

.programmes-heure option:disabled {
  color: #d1d1d1;
}

/* =========================================================
       INTÉGRATION DIVI : SIDEBAR + CONTENU SEUL
    ========================================================= */
:root {
  --bo-sidebar-bg: #ffffff;
  --bo-main-bg: #f4eaec; /* Le fond légèrement rosé/beige */
  --bo-text-main: #2b3f4f;
  --bo-text-muted: #6b7a87;
  --bo-framboise: #d72d54;
  --bo-sidebar-width: 260px;
}

/* Conteneur principal (Gère l'affichage côte à côte) */
.fc-admin-layout {
  display: flex;
  align-items: flex-start; /* Important pour le sticky */
  min-height: 100vh;
  font-family: "Open sans", sans-serif;
  color: var(--bo-text-main);
  background-color: var(--bo-main-bg);
}

/* --- SIDEBAR VERTICALE --- */
.fc-sidebar {
  width: var(--bo-sidebar-width);
  flex-shrink: 0; /* Empêche la sidebar de rétrécir */
  background-color: var(--bo-sidebar-bg);
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;

  /* Astuce Divi : Sticky permet de rester à l'écran lors du scroll sans casser le header global */
  position: sticky;
  top: 0; /* À ajuster (ex: top: 80px;) si ton menu Divi supérieur reste fixe au scroll */
  height: 100vh;
  overflow-y: auto; /* Permet de scroller dans le menu si l'écran est petit */
}

.fc-nav-group {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fc-nav-title {
  font-size: 11px;
  font-weight: 700;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px;
  margin-bottom: 10px;
}

.fc-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  color: var(--bo-text-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 4px solid transparent;
  transition: 0.2s;
}
.fc-nav-item svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.fc-nav-item:hover {
  color: var(--bo-text-main);
  background-color: #f8fafc;
}

/* Élément Actif */
.fc-nav-item.active {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.05);
  border-left-color: var(--bo-framboise);
}

/* --- CONTENU PRINCIPAL --- */
.fc-main-wrapper {
  flex-grow: 1;
  padding: 20px 20px;
  box-sizing: border-box;
}

.fc-page-header {
  margin-bottom: 30px;
}
.fc-page-header h1 {
  font-size: 20px;
  color: var(--bo-text-main);
  margin: 0 0 8px 0;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fc-page-header p {
  margin: 0;
  color: var(--bo-text-muted);
  font-size: 14px;
}

/* Tableau (Style épuré) */
.fc-card-table {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.fc-bo-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.fc-bo-table th {
  padding: 16px 24px;
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
  border-bottom: 2px solid #f1f5f9;
}
.fc-bo-table td {
  padding: 16px 24px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
}

.fc-badge-success {
  background: #dcfce7;
  color: #166534;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.fc-btn-action {
  background: white;
  color: var(--bo-text-main);
  border: 1px solid #cbd5e1;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
}
.fc-btn-action:hover {
  border-color: var(--bo-text-main);
  background: #f8fafc;
}
/* --- EN-TÊTE DE PAGE (Titre + Bouton) --- */
.fc-page-header {
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Aligne tous les éléments à gauche */
  gap: 12px; /* Crée un espace régulier entre le titre, le texte et le bouton */
}

.fc-page-header h1 {
  font-size: 20px;
  color: var(--bo-text-main);
  margin: 0;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.fc-page-header p {
  margin: 0;
  color: var(--bo-text-muted);
  font-size: 14px;
}

/* Style du bouton d'export (si tu ne l'as pas déjà dans ton CSS) */
.fc-btn-primary {
  background-color: #d72d54;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
}
.fc-btn-primary:hover {
  background-color: #be1f44;
}
.fc-btn-secondary {
  background-color: #808080;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
}
.fc-btn-secondary:hover {
  background-color: #868686;
}
/* --- EN-TÊTE DE PAGE --- */
.fc-page-header {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: row !important; /* Force l'affichage sur une seule ligne */
  justify-content: space-between !important; /* Pousse le texte à gauche, le bouton à droite */
  align-items: center !important; /* Centre verticalement */
  width: 100%;
}

/* Le groupe de texte à gauche */
.fc-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important; /* Annule le centrage forcé par Divi */
  gap: 5px;
}

.fc-page-header-text h1 {
  font-size: 20px !important;
  color: var(--bo-text-main) !important;
  margin: 0 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.fc-page-header-text p {
  margin: 0 !important;
  color: var(--bo-text-muted) !important;
  font-size: 14px !important;
}
/* =========================================================
       VUE LOGISTIQUE - INTÉGRATION DIVI (SANS EMOJI)
    ========================================================= */
:root {
  --bo-sidebar-bg: #ffffff;
  --bo-main-bg: #f4eaec;
  --bo-text-main: #2b3f4f;
  --bo-text-muted: #6b7a87;
  --bo-framboise: #d72d54;
  --bo-sidebar-width: 260px;
}

.fc-admin-layout {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  font-family: "Open sans", sans-serif;
  color: var(--bo-text-main);
  background-color: var(--bo-main-bg);
}

/* --- SIDEBAR --- */
.fc-sidebar {
  width: var(--bo-sidebar-width);
  flex-shrink: 0;
  background-color: var(--bo-sidebar-bg);
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.fc-nav-group {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fc-nav-title {
  font-size: 11px;
  font-weight: 700;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px;
  margin-bottom: 10px;
}
.fc-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  color: var(--bo-text-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 4px solid transparent;
  transition: 0.2s;
}
.fc-nav-item svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.fc-nav-item:hover {
  color: var(--bo-text-main);
  background-color: #f8fafc;
}
.fc-nav-item.active {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.05);
  border-left-color: var(--bo-framboise);
}

/* --- CONTENU --- */
.fc-main-wrapper {
  flex-grow: 1;
  padding: 20px 20px;
  box-sizing: border-box;
}

/* En-tête de page (Alignement Gauche/Droite) */
.fc-page-header {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}
.fc-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important;
  gap: 5px;
}
.fc-page-header-text h1 {
  font-size: 20px !important;
  color: var(--bo-text-main) !important;
  margin: 0 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fc-page-header-text p {
  margin: 0 !important;
  color: var(--bo-text-muted) !important;
  font-size: 14px !important;
}

/* Boutons Principaux */
.fc-btn-primary {
  background-color: var(--bo-framboise);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-primary:hover {
  background-color: #be1f44;
}
.fc-btn-outline {
  background-color: white;
  color: var(--bo-text-main);
  border: 1px solid #cbd5e1;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-outline:hover {
  border-color: var(--bo-text-main);
  background-color: #f8fafc;
}

/* KPIs */
.fc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.fc-kpi-card {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  border-left: 4px solid var(--bo-text-main);
}
.fc-kpi-card.highlight {
  border-left-color: var(--bo-framboise);
}
.fc-kpi-label {
  font-size: 12px;
  color: var(--bo-text-muted);
  font-weight: 700;
  text-transform: uppercase;
}
.fc-kpi-value {
  font-size: 26px;
  font-weight: 800;
  color: var(--bo-text-main);
  margin-top: 5px;
}

/* Tableaux */
.fc-card-table {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.fc-bo-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.fc-bo-table th {
  padding: 16px 20px;
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
  border-bottom: 2px solid #f1f5f9;
  background: #f8fafc;
}
.fc-bo-table td {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  vertical-align: middle;
}
.fc-bo-main-row:hover {
  background-color: #f8fafc;
}

/* Badges */
.fc-badge-dpc {
  background-color: rgba(28, 138, 194, 0.1) !important;
  color: #1c8ac2 !important;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-faf {
  background-color: rgba(117, 178, 58, 0.1) !important;
  color: #75b23a !important;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-success {
  background: #dcfce7;
  color: #166534;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-warning {
  background: #fef08a;
  color: #854d0e;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-closed {
  background: #dcdcdc;
  color: #2b2b2b;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-repas-check {
  color: var(--bo-framboise);
  font-weight: bold;
}
.fc-repas-none {
  color: #cbd5e1;
}

/* Boutons d'actions Tableau */
.fc-bo-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
}
.fc-bo-btn-icon {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc-bo-btn-icon:hover {
  background-color: #e2e8f0;
  color: var(--bo-text-main);
}
.fc-bo-btn-icon.edit:hover {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.1);
}
.fc-bo-btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

/* --- MODALE (POP-UP) --- */
.fc-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(43, 63, 79, 0.7);
  z-index: 100;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}

.fc-modal-overlay.active {
  display: flex;
  animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fc-modal {
  background: white;
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;

  /* --- NOUVEAU : Hauteur max et Flexbox pour gérer le scroll interne --- */
  max-height: 65vh !important; /* La modale ne dépassera jamais 90% de la hauteur de l'écran */
  display: flex;
  flex-direction: column;
}

.fc-modal-header {
  padding: 16px 20px; /* Légèrement réduit */
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0; /* Empêche le header de se réduire si l'écran est petit */
}

.fc-modal-header h2 {
  margin: 0;
  font-size: 18px;
  color: var(--bo-text-main);
  font-weight: 700;
}

.fc-modal-close {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  transition: 0.2s;
}

.fc-modal-close:hover {
  color: var(--bo-framboise);
}

.fc-modal-body {
  padding: 16px 20px; /* Légèrement réduit */
  overflow-y: auto; /* --- NOUVEAU : Crée l'ascenseur automatique --- */
  flex-grow: 1; /* Permet à cette zone de prendre toute la place disponible */
}

/* Personnalisation de la barre de scroll pour qu'elle soit discrète */
.fc-modal-body::-webkit-scrollbar {
  width: 6px;
}
.fc-modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.fc-modal-body::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.fc-modal-body::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.fc-modal-footer {
  padding: 16px 20px; /* Légèrement réduit */
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0; /* Empêche le footer de se réduire */
}

/* --- Formulaire Modale --- */
.fc-form-group {
  margin-bottom: 12px; /* NOUVEAU : Réduit pour compacter (avant : 15px) */
}

.fc-form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--bo-text-main);
  margin-bottom: 5px;
}

.fc-form-control {
  width: 100%;
  padding: 8px 10px; /* NOUVEAU : Inputs un peu moins hauts (avant : 10px) */
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  box-sizing: border-box;
  color: var(--bo-text-main);
  outline: none;
}

.fc-form-control:focus {
  border-color: var(--bo-framboise);
}

.fc-checkbox-group {
  display: inherit;
  flex-wrap: wrap; /* Ajouté au cas où il y a beaucoup de cases sur petite largeur */
  gap: 12px; /* Légèrement réduit */
  margin-top: 8px;
}

.fc-checkbox-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}
/* =========================================================
       VUE LOGISTIQUE COMPLÈTE : CHOIX VILLE + DÉTAILS PARTICIPANTS
    ========================================================= */
:root {
  --bo-sidebar-bg: #ffffff;
  --bo-main-bg: #f4eaec;
  --bo-text-main: #2b3f4f;
  --bo-text-muted: #6b7a87;
  --bo-framboise: #d72d54;
  --bo-sidebar-width: 260px;
}

.fc-admin-layout {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  font-family: "Open sans", sans-serif;
  color: var(--bo-text-main);
  background-color: var(--bo-main-bg);
}

/* --- SIDEBAR --- */
.fc-sidebar {
  width: var(--bo-sidebar-width);
  flex-shrink: 0;
  background-color: var(--bo-sidebar-bg);
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.fc-nav-group {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fc-nav-title {
  font-size: 11px;
  font-weight: 700;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px;
  margin-bottom: 10px;
}
.fc-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  color: var(--bo-text-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 4px solid transparent;
  transition: 0.2s;
}
.fc-nav-item svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.fc-nav-item:hover {
  color: var(--bo-text-main);
  background-color: #f8fafc;
}
.fc-nav-item.active {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.05);
  border-left-color: var(--bo-framboise);
}

/* --- DYNAMISME DES VUES --- */
.fc-view {
  display: none;
  animation: fcFadeIn 0.3s ease forwards;
}
.fc-view.active {
  display: block;
}
@keyframes fcFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- CONTENU --- */
.fc-main-wrapper {
  flex-grow: 1;
  padding: 20px 20px;
  box-sizing: border-box;
}

/* En-têtes */
.fc-page-header {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}
.fc-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important;
  gap: 5px;
}
.fc-page-header-text h1 {
  font-size: 20px !important;
  color: var(--bo-text-main) !important;
  margin: 0 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fc-page-header-text p {
  margin: 0 !important;
  color: var(--bo-text-muted) !important;
  font-size: 14px !important;
}

/* Boutons et Actions */
.fc-btn-primary {
  background-color: var(--bo-framboise);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-primary:hover {
  background-color: #be1f44;
}
.fc-btn-outline {
  background-color: white;
  color: var(--bo-text-main);
  border: 1px solid #cbd5e1;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-outline:hover {
  border-color: var(--bo-text-main);
  background-color: #f8fafc;
}

.fc-btn-back {
  background: transparent;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  padding: 0;
  transition: 0.2s;
}
.fc-btn-back:hover {
  color: var(--bo-framboise);
}

/* KPIs */
.fc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.fc-kpi-card {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  border-left: 4px solid var(--bo-text-main);
}
.fc-kpi-card.highlight {
  border-left-color: var(--bo-framboise);
}
.fc-kpi-label {
  font-size: 12px;
  color: var(--bo-text-muted);
  font-weight: 700;
  text-transform: uppercase;
}
.fc-kpi-value {
  font-size: 26px;
  font-weight: 800;
  color: var(--bo-text-main);
  margin-top: 5px;
}

/* Tableaux */
.fc-card-table {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.fc-bo-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.fc-bo-table th {
  padding: 16px 20px;
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
  border-bottom: 2px solid #f1f5f9;
  background: #f8fafc;
}
.fc-bo-table td {
  padding: 16px 24px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  vertical-align: middle;
}
.fc-bo-main-row {
  transition: 0.2s;
}
.fc-bo-main-row:hover {
  background-color: #f8fafc;
}

/* Badges */
.fc-badge-dpc {
  background: #e0e7ff;
  color: #4f46e5;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-faf {
  background: #fef3c7;
  color: #d97706;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-success {
  background: #dcfce7;
  color: #166534;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-warning {
  background: #fef08a;
  color: #854d0e;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-repas-check {
  color: var(--bo-framboise);
  font-weight: bold;
}
.fc-repas-none {
  color: #cbd5e1;
}

/* Boutons Actions */
.fc-bo-actions {
  display: flex;
  gap: 6px;
}
.fc-bo-btn-icon {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc-bo-btn-icon:hover {
  background-color: #e2e8f0;
  color: var(--bo-text-main);
}
.fc-bo-btn-icon.edit:hover {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.1);
}
.fc-bo-btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

/* --- MODALE --- */
.fc-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(43, 63, 79, 0.7);
  z-index: 100;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}
.fc-modal-overlay.active {
  display: flex;
  animation: fadeIn 0.2s ease;
}
.fc-modal {
  background: white;
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.fc-modal-header {
  padding: 20px;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fc-modal-header h2 {
  margin: 0;
  font-size: 18px;
  color: var(--bo-text-main);
  font-weight: 700;
}
.fc-modal-close {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
}
.fc-modal-body {
  padding: 20px;
}
.fc-modal-footer {
  padding: 20px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.fc-form-group {
  margin-bottom: 15px;
}
.fc-form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--bo-text-main);
  margin-bottom: 5px;
}
.fc-form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  box-sizing: border-box;
  color: var(--bo-text-main);
  outline: none;
}
.fc-checkbox-group {
  display: flex;
  gap: 15px;
  margin-top: 8px;
}
.fc-checkbox-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}

/* --- TOAST --- */
.fc-toast {
  visibility: hidden;
  min-width: 250px;
  background-color: var(--bo-text-main);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px 24px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  transition:
    opacity 0.3s,
    bottom 0.3s;
}
.fc-toast.show {
  visibility: visible;
  opacity: 1;
  bottom: 40px;
}
/* =========================================================
       VUE LOGISTIQUE COMPLÈTE : CHOIX VILLE + DÉTAILS PARTICIPANTS
    ========================================================= */
:root {
  --bo-sidebar-bg: #ffffff;
  --bo-main-bg: #f4eaec;
  --bo-text-main: #2b3f4f;
  --bo-text-muted: #6b7a87;
  --bo-framboise: #d72d54;
  --bo-sidebar-width: 260px;
}

.fc-admin-layout {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  font-family: "Open sans", sans-serif;
  color: var(--bo-text-main);
  background-color: var(--bo-main-bg);
}

/* --- SIDEBAR --- */
.fc-sidebar {
  width: var(--bo-sidebar-width);
  flex-shrink: 0;
  background-color: var(--bo-sidebar-bg);
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.fc-nav-group {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fc-nav-title {
  font-size: 11px;
  font-weight: 700;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px;
  margin-bottom: 10px;
}
.fc-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  color: var(--bo-text-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 4px solid transparent;
  transition: 0.2s;
}
.fc-nav-item svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.fc-nav-item:hover {
  color: var(--bo-text-main);
  background-color: #f8fafc;
}
.fc-nav-item.active {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.05);
  border-left-color: var(--bo-framboise);
}

/* --- DYNAMISME DES VUES --- */
.fc-view {
  display: none;
  animation: fcFadeIn 0.3s ease forwards;
}
.fc-view.active {
  display: block;
}
@keyframes fcFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- CONTENU --- */
.fc-main-wrapper {
  flex-grow: 1;
  padding: 20px 20px;
  box-sizing: border-box;
}

/* En-têtes */
.fc-page-header {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}
.fc-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important;
  gap: 5px;
}
.fc-page-header-text h1 {
  font-size: 20px !important;
  color: var(--bo-text-main) !important;
  margin: 0 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fc-page-header-text p {
  margin: 0 !important;
  color: var(--bo-text-muted) !important;
  font-size: 14px !important;
}

/* Boutons et Actions */
.fc-btn-primary {
  background-color: var(--bo-framboise);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-primary:hover {
  background-color: #be1f44;
}
.fc-btn-outline {
  background-color: white;
  color: var(--bo-text-main);
  border: 1px solid #cbd5e1;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-outline:hover {
  border-color: var(--bo-text-main);
  background-color: #f8fafc;
}

.fc-btn-back {
  background: transparent;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  padding: 0;
  transition: 0.2s;
}
.fc-btn-back:hover {
  color: var(--bo-framboise);
}

/* KPIs */
.fc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.fc-kpi-card {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  border-left: 4px solid var(--bo-text-main);
}
.fc-kpi-card.highlight {
  border-left-color: var(--bo-framboise);
}
.fc-kpi-label {
  font-size: 12px;
  color: var(--bo-text-muted);
  font-weight: 700;
  text-transform: uppercase;
}
.fc-kpi-value {
  font-size: 26px;
  font-weight: 800;
  color: var(--bo-text-main);
  margin-top: 5px;
}

/* Tableaux */
.fc-card-table {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.fc-bo-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.fc-bo-table th {
  padding: 16px 20px;
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
  border-bottom: 2px solid #f1f5f9;
  background: #f8fafc;
}
.fc-bo-table td {
  padding: 16px 24px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  vertical-align: middle;
}
.fc-bo-main-row {
  transition: 0.2s;
}
.fc-bo-main-row:hover {
  background-color: #f8fafc;
}

/* Badges */
.fc-badge-dpc {
  background: #e0e7ff;
  color: #4f46e5;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-faf {
  background: #fef3c7;
  color: #d97706;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-success {
  background: #dcfce7;
  color: #166534;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-badge-warning {
  background: #fef08a;
  color: #854d0e;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.fc-repas-check {
  color: var(--bo-framboise);
  font-weight: bold;
}
.fc-repas-none {
  color: #cbd5e1;
}

/* Boutons Actions */
.fc-bo-actions {
  display: flex;
  gap: 6px;
}
.fc-bo-btn-icon {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc-bo-btn-icon:hover {
  background-color: #e2e8f0;
  color: var(--bo-text-main);
}
.fc-bo-btn-icon.edit:hover {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.1);
}
.fc-bo-btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

/* --- MODALE --- */
.fc-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(43, 63, 79, 0.7);
  z-index: 100;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}
.fc-modal-overlay.active {
  display: flex;
  animation: fadeIn 0.2s ease;
}
.fc-modal {
  background: white;
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.fc-modal-header {
  padding: 20px;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fc-modal-header h2 {
  margin: 0;
  font-size: 18px;
  color: var(--bo-text-main);
  font-weight: 700;
}
.fc-modal-close {
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
}
.fc-modal-body {
  padding: 20px;
}
.fc-modal-footer {
  padding: 20px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.fc-form-group {
  margin-bottom: 15px;
}
.fc-form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--bo-text-main);
  margin-bottom: 5px;
}
.fc-form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  box-sizing: border-box;
  color: var(--bo-text-main);
  outline: none;
}
.fc-checkbox-group {
  display: flex;
  gap: 15px;
  margin-top: 8px;
}
.fc-checkbox-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}

/* --- TOAST --- */
.fc-toast {
  visibility: hidden;
  min-width: 250px;
  background-color: var(--bo-text-main);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px 24px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  transition:
    opacity 0.3s,
    bottom 0.3s;
}
.fc-toast.show {
  visibility: visible;
  opacity: 1;
  bottom: 40px;
}

/* =========================================================
       VUE SUPERVISION NATIONALE - INTÉGRATION DIVI
    ========================================================= */
:root {
  --bo-sidebar-bg: #ffffff;
  --bo-main-bg: #f4eaec;
  --bo-text-main: #2b3f4f;
  --bo-text-muted: #6b7a87;
  --bo-framboise: #d72d54;
  --bo-sidebar-width: 260px;
}

.fc-admin-layout {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  font-family: "Open sans", sans-serif;
  color: var(--bo-text-main);
  background-color: var(--bo-main-bg);
}

/* --- SIDEBAR --- */
.fc-sidebar {
  width: var(--bo-sidebar-width);
  flex-shrink: 0;
  background-color: var(--bo-sidebar-bg);
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.fc-nav-group {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fc-nav-title {
  font-size: 11px;
  font-weight: 700;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px;
  margin-bottom: 10px;
}
.fc-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  color: var(--bo-text-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 4px solid transparent;
  transition: 0.2s;
}
.fc-nav-item svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.fc-nav-item:hover {
  color: var(--bo-text-main);
  background-color: #f8fafc;
}
.fc-nav-item.active {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.05);
  border-left-color: var(--bo-framboise);
}

/* --- CONTENU --- */
.fc-main-wrapper {
  flex-grow: 1;
  padding: 20px 20px;
  box-sizing: border-box;
}

/* En-tête de page */
.fc-page-header {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}
.fc-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important;
  gap: 5px;
}
.fc-page-header-text h1 {
  font-size: 20px !important;
  color: var(--bo-text-main) !important;
  margin: 0 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fc-page-header-text p {
  margin: 0 !important;
  color: var(--bo-text-muted) !important;
  font-size: 14px !important;
}

/* Boutons */
.fc-header-actions {
  display: flex;
  gap: 12px;
}
.fc-btn-primary {
  background-color: var(--bo-framboise);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-primary:hover {
  background-color: #be1f44;
}
.fc-btn-outline {
  background-color: white;
  color: var(--bo-text-main);
  border: 1px solid #cbd5e1;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-outline:hover {
  border-color: var(--bo-text-main);
  background-color: #f8fafc;
}

/* Filtres */
.fc-filter-bar {
  background: white;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  margin-bottom: 25px;
  display: flex;
  gap: 15px;
  align-items: center;
}
.fc-filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fc-filter-label {
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
}
.fc-filter-select {
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  color: var(--bo-text-main);
  outline: none;
}

/* KPIs */
.fc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.fc-kpi-card {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  border-left: 4px solid var(--bo-text-main);
}
.fc-kpi-card.highlight {
  border-left-color: var(--bo-framboise);
}
.fc-kpi-label {
  font-size: 12px;
  color: var(--bo-text-muted);
  font-weight: 700;
  text-transform: uppercase;
}
.fc-kpi-value {
  font-size: 26px;
  font-weight: 800;
  color: var(--bo-text-main);
  margin-top: 5px;
}

/* Tableau */
.fc-card-table {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.fc-bo-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.fc-bo-table th {
  padding: 16px 20px;
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
  border-bottom: 2px solid #f1f5f9;
  background: #f8fafc;
}
.fc-bo-table td {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  vertical-align: middle;
}
.fc-bo-main-row:hover {
  background-color: #f8fafc;
}

/* Badges & Stats */
.fc-badge-jr {
  background: #ffe4e6;
  color: #be1f44;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.fc-badge-classique {
  background: #e0f2fe;
  color: #0369a1;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.fc-stat-line {
  display: flex;
  gap: 8px;
  margin-top: 4px;
  font-size: 12px;
  color: var(--bo-text-muted);
}
.fc-stat-item strong {
  color: var(--bo-text-main);
}

/* Boutons d'actions Tableau */
.fc-bo-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
}
.fc-bo-btn-icon {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc-bo-btn-icon:hover {
  background-color: #e2e8f0;
  color: var(--bo-text-main);
}
.fc-bo-btn-icon.export:hover {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.1);
}
.fc-bo-btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

/* --- NOTIFICATION TOAST --- */
.fc-toast {
  visibility: hidden;
  min-width: 250px;
  background-color: var(--bo-text-main);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px 24px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  transition:
    opacity 0.3s,
    bottom 0.3s;
}
.fc-toast.show {
  visibility: visible;
  opacity: 1;
  bottom: 40px;
}
/* =========================================================
       SUPERVISION NATIONALE - INTERACTIVE (EXPANDABLE ROWS)
    ========================================================= */
:root {
  --bo-sidebar-bg: #ffffff;
  --bo-main-bg: #f4eaec;
  --bo-text-main: #2b3f4f;
  --bo-text-muted: #6b7a87;
  --bo-framboise: #d72d54;
  --bo-sidebar-width: 260px;
}

.fc-admin-layout {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  font-family: "Open sans", sans-serif;
  color: var(--bo-text-main);
  background-color: var(--bo-main-bg);
}

/* --- SIDEBAR --- */
.fc-sidebar {
  width: var(--bo-sidebar-width);
  flex-shrink: 0;
  background-color: var(--bo-sidebar-bg);
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.fc-nav-group {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fc-nav-title {
  font-size: 11px;
  font-weight: 700;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px;
  margin-bottom: 10px;
}
.fc-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 25px;
  color: var(--bo-text-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 4px solid transparent;
  transition: 0.2s;
}
.fc-nav-item svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.fc-nav-item:hover {
  color: var(--bo-text-main);
  background-color: #f8fafc;
}
.fc-nav-item.active {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.05);
  border-left-color: var(--bo-framboise);
}

/* --- CONTENU --- */
.fc-main-wrapper {
  flex-grow: 1;
  padding: 20px 20px;
  box-sizing: border-box;
}

/* En-tête de page (Alignement parfait) */
.fc-page-header {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}
.fc-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important;
  gap: 5px;
}
.fc-page-header-text h1 {
  font-size: 20px !important;
  color: var(--bo-text-main) !important;
  margin: 0 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fc-page-header-text p {
  margin: 0 !important;
  color: var(--bo-text-muted) !important;
  font-size: 14px !important;
}

/* Boutons et Actions */
.fc-header-actions {
  display: flex;
  gap: 12px;
}
.fc-btn-primary {
  background-color: var(--bo-framboise);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-primary:hover {
  background-color: #be1f44;
}
.fc-btn-outline {
  background-color: white;
  color: var(--bo-text-main);
  border: 1px solid #cbd5e1;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  white-space: nowrap;
}
.fc-btn-outline:hover {
  border-color: var(--bo-text-main);
  background-color: #f8fafc;
}

/* Filtres et KPIs */
.fc-filter-bar {
  background: white;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  margin-bottom: 25px;
  display: flex;
  gap: 15px;
  align-items: center;
}
.fc-filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fc-filter-label {
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
}
.fc-filter-select {
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  color: var(--bo-text-main);
  outline: none;
}

.fc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.fc-kpi-card {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  border-left: 4px solid var(--bo-text-main);
}
.fc-kpi-card.highlight {
  border-left-color: var(--bo-framboise);
}
.fc-kpi-label {
  font-size: 12px;
  color: var(--bo-text-muted);
  font-weight: 700;
  text-transform: uppercase;
}
.fc-kpi-value {
  font-size: 26px;
  font-weight: 800;
  color: var(--bo-text-main);
  margin-top: 5px;
}

/* Tableau avec lignes extensibles */
.fc-card-table {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.fc-bo-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
}
.fc-bo-table th {
  padding: 16px 20px;
  font-size: 13px;
  color: var(--bo-text-muted);
  font-weight: 600;
  border-bottom: 2px solid #f1f5f9;
  background: #f8fafc;
}
.fc-bo-table td {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Colonnes spécifiques */
.col-event {
  width: 25%;
}
.col-place {
  width: 20%;
}
.col-type {
  width: 10%;
}
.col-inscrits {
  width: 20%;
}
.col-repas {
  width: 10%;
}
.col-actions {
  width: 15%;
  text-align: right;
}

.fc-bo-main-row {
  cursor: pointer;
  transition: 0.2s;
}
.fc-bo-main-row:hover {
  background-color: #f8fafc;
}

/* Style de la ligne de détail cachée */
.fc-bo-detail-row {
  display: none;
  background-color: #fcfcfd;
}
.fc-bo-detail-row.active {
  display: table-row;
  animation: fcSlideDown 0.3s ease-out;
}
@keyframes fcSlideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Badges & Stats */
.fc-badge-jr {
  background: #ffe4e6;
  color: #be1f44;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.fc-badge-classique {
  background: #e0f2fe;
  color: #0369a1;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.fc-stat-line {
  display: flex;
  gap: 8px;
  margin-top: 4px;
  font-size: 12px;
  color: var(--bo-text-muted);
}
.fc-stat-item strong {
  color: var(--bo-text-main);
}

/* Boutons Actions */
.fc-bo-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  align-items: center;
}
.fc-bo-btn-icon {
  background: none;
  border: none;
  color: var(--bo-text-muted);
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc-bo-btn-icon:hover {
  background-color: #e2e8f0;
  color: var(--bo-text-main);
}
.fc-bo-btn-icon.export:hover {
  color: var(--bo-framboise);
  background-color: rgba(215, 45, 84, 0.1);
}

/* Animation de rotation de l'oeil */
.fc-bo-btn-icon.active svg {
  transform: rotate(180deg);
  color: var(--bo-framboise);
}
.fc-bo-btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  transition: transform 0.3s;
}

/* --- TOAST --- */
.fc-toast {
  visibility: hidden;
  min-width: 250px;
  background-color: var(--bo-text-main);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px 24px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  transition:
    opacity 0.3s,
    bottom 0.3s;
}
.fc-toast.show {
  visibility: visible;
  opacity: 1;
  bottom: 40px;
}
/* --- STYLE DU TIROIR DE DÉTAILS (LIGNE DÉROULÉE) --- */
.fc-detail-container {
  padding: 25px 25px;
  background-color: #f8fafc; /* Gris très léger pour l'effet "tiroir" */
  box-shadow: inset 0 3px 6px -3px rgba(0, 0, 0, 0.05); /* Petite ombre interne en haut */
  display: flex;
  gap: 20px;
}
.fc-session-card {
  flex: 1;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 15px 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}
.fc-session-header {
  border-bottom: 1px dashed #e2e8f0;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.fc-session-stats {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  align-items: center;
}
/* Animation du chevron de déroulement */
.fc-bo-btn-icon.toggle-btn svg {
  transition: transform 0.3s;
}
.fc-bo-btn-icon.toggle-btn.active svg {
  transform: rotate(180deg);
  color: var(--bo-framboise);
}
/* --- ARBORESCENCE DES SESSIONS (STYLE TIMELINE) --- */
.fc-timeline-container {
  padding: 20px 40px;
  background-color: #f8fafc;
}
.fc-day-group {
  margin-bottom: 20px;
}
.fc-day-group:last-child {
  margin-bottom: 0;
}
.fc-day-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.fc-badge-day {
  background-color: var(--bo-framboise);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}

/* La ligne verticale gauche */
.fc-session-list {
  margin-left: 22px;
  border-left: 2px solid #e2e8f0;
  padding-left: 20px;
}

/* La ligne horizontale qui relie la session à la ligne verticale */
.fc-session-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
}
.fc-session-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.fc-session-item::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 22px;
  width: 12px;
  height: 2px;
  background-color: #e2e8f0;
}
.fc-day-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 10px;
}
.fc-day-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* --- ÉTAT DÉSACTIVÉ POUR LES TOGGLES --- */
.toggle-row.is-disabled {
  opacity: 0.5;
  pointer-events: none; /* Empêche le clic, y compris sur le switch */
  filter: grayscale(
    100%
  ); /* Rend l'icône grise pour accentuer l'état inactif */
}

/* Style du message global d'avertissement */
.fc-global-warning {
  background-color: #fffbeb;
  color: #b45309;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #fde68a;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}
/* ==========================================================================
   REFONTE LOOK MODALE : GESTION LOGISTIQUE PARTICIPANT
   ========================================================================== */

/* 1. L'arrière-plan flouté (Overlay) */
.fc-modal-overlay {
  background: rgba(26, 39, 68, 0.4) !important; /* Opacité plus douce */
  backdrop-filter: blur(5px) !important; /* Effet de flou moderne */
  transition: all 0.3s ease;
}

/* 2. La boîte de la modale */
.fc-modal {
  margin-top: 50px;
  background: #ffffff !important;
  border-radius: 14px !important; /* Arrondi plus moderne */
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; /* Ombre plus diffuse */
  max-width: 480px !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
}

/* 3. L'en-tête (Header) */
.fc-modal-header {
  padding: 10px 28px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #ffffff !important;
}

.fc-modal-header h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1e293b !important; /* Couleur de texte plus noble */
  margin: 0 !important;
  padding-left: 33px;
  padding-top: 13px;
  background: url(images/picto-h1.png) left center no-repeat;
}

/* Bouton de fermeture (Croix) */
.fc-modal-close {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border-radius: 50% !important;
  padding: 6px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease !important;
}

.fc-modal-close:hover {
  background: #ffe4e6 !important;
  color: var(--bo-framboise) !important;
  transform: rotate(90deg);
}

/* 4. Le corps du formulaire (Body) */
.fc-modal-body {
  padding: 28px !important;
}

/* Espacement des groupes de champs */
.fc-form-group {
  margin-bottom: 20px !important;
}

.fc-form-group label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #475569 !important;
  margin-bottom: 8px !important;
}

/* Inputs de texte et Selects */
.fc-form-control,
select.fc-form-control {
  background-color: #f8fafc !important; /* Fond légèrement grisé type "Card" */
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 10px 10px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

/* État au clic/focus sur les champs */
.fc-form-control:focus {
  background-color: #ffffff !important;
  border-color: var(--bo-framboise) !important;
  box-shadow: 0 0 0 4px rgba(215, 45, 84, 0.1) !important; /* Halo rose hyper propre */
}

/* 5. Zone des Checkboxes (Repas & Hébergement) */
.fc-checkbox-group {
  display: inherit !important;
  gap: 12px !important;
  margin-top: 8px !important;
}

.fc-checkbox-label {
  flex: 1; /* Distribue les cases équitablement */
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  padding: 10px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.fc-checkbox-label:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

/* Style de l'input checkbox natif */
.fc-checkbox-label input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
}

/* 6. Le pied de page (Footer & Boutons d'action) */
.fc-modal-footer {
  padding: 20px 28px !important;
  background: #f8fafc !important; /* Fond grisé pour asseoir les boutons */
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

/* Boutons */
.fc-btn-primary,
.fc-btn-outline {
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.fc-btn-primary {
  background-color: var(--bo-framboise) !important;
  color: #ffffff !important;
  border: none !important;
}

.fc-btn-primary:hover {
  background-color: #be1f44 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(215, 45, 84, 0.2) !important;
}

.fc-btn-outline {
  background-color: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}

.fc-btn-outline:hover {
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
  border-color: #94a3b8 !important;
}
/* ==========================================================================
   FIX DÉFINITIF : GRILLE DIVI CÔTE À CÔTE (STRUCTURE MULTI-COLONNES)
   ========================================================================== */

/* 1. On force la ligne Divi à aligner ses colonnes en Flexbox horizontal */
.et_pb_row_1-4_3-4 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important; /* Interdiction formelle de passer à la ligne */
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 2. Colonne de gauche (Contient le menu fc-sidebar) */
.et_pb_row_1-4_3-4 > .et_pb_column_1_4 {
  width: 260px !important; /* Largeur fixe de ta sidebar */
  min-width: 260px !important;
  flex-shrink: 0 !important; /* Interdiction de se faire écraser */
  margin-right: 30px !important; /* Espace de respiration entre le menu et le tableau */
}

/* 3. Colonne de droite (Contient le tableau fc-main-wrapper) */
.et_pb_row_1-4_3-4 > .et_pb_column_3_4.et_pb_column_5 {
  flex-grow: 1 !important; /* Prend tout l'espace restant à droite */
  width: auto !important; /* Écrase le 'width: 85%' de Divi qui faisait tout chevaucher */
  max-width: 100% !important;
}

/* 4. Nettoyage des résidus d'alignement globaux de l'ancienne version */
.fc-admin-layout {
  display: block !important; /* Libère la sidebar du mini-flex local */
}
/* =========================================================
   STYLE DU MULTI-SELECT (COMBO BOX)
   ========================================================= */
.fc-multi-select {
  position: relative;
  width: 100%;
  user-select: none;
}

.fc-multi-select-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 10px 12px;
  background: #ffffff;
  cursor: pointer;
  color: #1e293b;
  font-size: 14px;
  transition: border-color 0.2s;
}

.fc-multi-select-header:hover {
  border-color: #94a3b8;
}

.fc-multi-select.open .fc-multi-select-header {
  border-color: #1e293b;
  box-shadow: 0 0 0 2px rgba(30, 41, 59, 0.1);
}

.fc-multi-select.open .fc-dropdown-icon {
  transform: rotate(180deg);
}

.fc-dropdown-icon {
  transition: transform 0.2s ease;
  color: #64748b;
}

.fc-multi-select-dropdown {
  display: none; /* Caché par défaut */
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 10;
  padding: 12px;
  max-height: 200px;
  overflow-y: auto;
}

.fc-multi-select.open .fc-multi-select-dropdown {
  display: block; /* Affiché quand la classe 'open' est présente */
}

body.is-admin .bo-admin.hide {
  display: block !important;
}

/* ==========================================================================
       MENU DÉROULANT : EXPORT INSCRIPTIONS
       ========================================================================== */
.fc-export-dropdown-wrapper {
  position: relative;
  display: inline-block;
}

.fc-export-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  min-width: 193px;
  z-index: 100;
  display: flex;
  flex-direction: column;

  /* État caché par défaut avec animation */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Apparition au survol du conteneur parent */
.fc-export-dropdown-wrapper:hover .fc-export-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Style des boutons internes du menu */
.fc-export-item {
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #334155;
  background: transparent;
  border: none;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
  width: 100%;
}

/* Effet au survol des options (Vert de ton thème) */
.fc-export-item:hover {
  background: #f0fdf4;
  color: #16a34a;
}

.fc-export-item:hover svg {
  color: #16a34a !important;
}

/* Arrondis pour le premier et dernier élément */
.fc-export-item:first-child {
  border-radius: 8px 8px 0 0;
}
.fc-export-item:last-child {
  border-radius: 0 0 8px 8px;
}

/* Séparateur discret */
.fc-export-divider {
  height: 1px;
  background: #f1f5f9;
  margin: 0;
}

/* ==========================================================================
   FIX UI : SOUS-MENU (DROPDOWN) DIVI
   ========================================================================== */

/* 1. On s'assure que le header principal passe par-dessus la barre d'outils */
#main-header {
  z-index: 99999 !important;
}

/* 2. Stylisation de la boîte du sous-menu */
#top-menu li ul.sub-menu {
  background-color: #ffffff !important; /* On remplace le gris par un blanc pur */
  border-top: 3px solid #d72d54 !important; /* Rappel de la couleur Framboise FormatCœur */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important; /* Belle ombre pour détacher le menu du fond */
  padding: 10px 0 !important;
  border-radius: 0 0 8px 8px !important;
  z-index: 100000 !important; /* Priorité absolue sur l'affichage */
  margin-top: -2px !important; /* Ajustement fin pour coller parfaitement au header */
}

/* 3. Stylisation des liens (texte) à l'intérieur du sous-menu */
#top-menu li ul.sub-menu li a {
  color: #1a2744 !important; /* Texte en bleu marine statuaire */
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  transition: all 0.2s ease-in-out !important;
  background: transparent !important;
  width: 100% !important; /* S'assure que la zone cliquable prend toute la largeur */
  box-sizing: border-box !important;
}

/* 4. Effet au survol (Micro-interaction UI) */
#top-menu li ul.sub-menu li a:hover {
  color: #d72d54 !important; /* Le texte passe en framboise */
  background-color: #f8fafc !important; /* Léger fond gris très clair */
  padding-left: 28px !important; /* Petit décalage dynamique du texte vers la droite */
}

/* Optionnel : cacher la petite flèche native de Divi si elle dérange la nouvelle esthétique */
#top-menu li ul.sub-menu::before {
  display: none !important;
}
/* ==========================================================================
   FIX UI : SUPPRESSION DE L'ASCENSEUR DU HEADER
   ========================================================================== */

/* On force le header et la zone de navigation à laisser déborder le sous-menu */
#main-header,
#main-header .container,
#et-top-navigation,
#top-menu-nav {
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
}

/* Sécurité supplémentaire si l'ascenseur est horizontal (lié à la largeur de l'écran) */
body {
  overflow-x: hidden;
}
/* ==========================================================================
   FIX UI : ALIGNEMENT FLÈCHE SOUS-MENU (DIVI)
   ========================================================================== */

/* 1. On transforme le lien parent en Flexbox pour un alignement parfait */
#top-menu li.menu-item-has-children > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important; /* L'espacement propre entre le texte et la flèche */
  padding-right: 0 !important; /* On annule le padding droit natif de Divi qui crée le décalage */
}

/* 2. Si c'est la flèche native de Divi (pseudo-élément ::after) */
#top-menu li.menu-item-has-children > a::after {
  position: static !important; /* On annule le positionnement absolu obsolète */
  margin-top: 0 !important; /* On supprime les marges forcées par Divi */
  right: auto !important;
  top: auto !important;
  font-size: 14px !important; /* Ajuste la taille de la flèche ici si besoin */
  line-height: 1 !important;
}

/* 3. Si tu as inséré un SVG manuellement dans ton menu WordPress (au cas où) */
#top-menu li.menu-item-has-children > a svg {
  margin: 0 !important;
  width: 14px !important;
  height: auto !important;
  display: block !important;
}

/* ==========================================================================
   VERSION COMPACTE KASSIA (1280px) : RESSERREMENT DES MARGES & PADDING
   ========================================================================== */
@media screen and (max-width: 1280px) {
  /* 1. On réduit le padding haut/bas du bandeau blanc global (Passe de 15px à 6px) */
  #main-header .container.et_menu_container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  /* 2. LIGNE 1 : LE LOGO (On réduit l'espace sous le logo de 15px à 5px) */
  #main-header .logo_container {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 5px !important; /* Moins d'air sous le logo */
    padding: 0 !important;
    order: 1 !important;
  }

  #main-header .logo_container #logo {
    max-height: 48px !important; /* Légère réduction pour gagner en compacité verticale */
    height: auto !important;
    display: inline-block !important;
    float: none !important;
  }

  /* 3. LIGNE 2 : LES RUBRIQUES ET OUTILS (Hauteur resserrée) */
  #et-top-navigation {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin: 0 auto !important;
    position: relative !important;
    order: 2 !important;
    top: auto !important;
    height: 32px !important; /* Force une hauteur de ligne plus fine */
  }

  #top-menu-nav {
    float: none !important;
    display: block !important;
  }

  ul#top-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 32px !important;
  }

  #top-menu li a {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  #top-menu li {
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 4. BLOC OUTILS DROITE : Login et Loupe centrés au pixel près */
  #top-menu li.btn-menu-logout {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
  }

  #et_top_search {
    position: absolute !important;
    right: 5px !important;
    top: 40% !important;
    transform: translateY(-50%) !important;
    left: auto !important;
    float: none !important;
    display: inline-block !important;
    margin-top: 0 !important;
  }

  #et_search_icon {
    vertical-align: middle !important;
  }
}

/* ==========================================================================
   VERSION MENU HORIZONTALE BO JR (1280px) 
   ========================================================================== */
@media screen and (max-width: 1280px) {
  /* 1. Neutralisation de la section de fond Divi */
  div.et_pb_section.et_pb_section_2 {
    background-color: #f4eaec !important;
    background-image: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* 2. Forçage de la ligne Divi en pleine largeur (92% pour s'aligner sur les boutons du haut) */
  div.et_pb_row.et_pb_row_1.et_pb_row_1-4_3-4 {
    display: grid !important;
    grid-template-columns: 100% !important;
    row-gap: 20px !important;
    width: 98% !important; /* S'aligne parfaitement sur la largeur des boutons du haut */
    max-width: 1400px !important;
    margin: 0 auto !important; /* Centre la grille dans la page */
    padding: 0 !important;
    background: transparent !important;
  }

  /* 3. COLONNE 1 (Conteneur du menu d'onglets) */
  .et_pb_row_1-4_3-4 > .et_pb_column_1_4 {
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important; /* On libère les bords pour que le blanc aille jusqu'au bout */
    background: transparent !important;
  }

  /* Nettoyage des wrappers internes */
  div#triID.et_pb_module,
  div#triID .et_pb_code_inner {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .fc-admin-layout {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* LA BARRE D'ONGLETS S'EXPRIME SUR TOUTE LA LONGUEUR */
  aside.fc-sidebar {
    width: 100% !important;
    min-width: 100% !important;
    margin: 15px 33px 0px 33px;
    height: auto !important;
    position: relative !important;
    top: auto !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 12px 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
  }

  aside.fc-sidebar .fc-nav-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 24px !important; /* Décale les textes à l'intérieur pour s'aligner sur le tableau */
  }

  aside.fc-sidebar .fc-nav-title {
    display: none !important;
  }

  aside.fc-sidebar .fc-nav-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #6b7a87 !important;
    border-left: none !important;
    border-bottom: 3px solid transparent !important;
  }

  aside.fc-sidebar .fc-nav-item.active {
    color: #d72d54 !important;
    background-color: rgba(215, 45, 84, 0.05) !important;
    border-bottom: 3px solid #d72d54 !important;
    font-weight: 700 !important;
  }

  /* 4. COLONNE 2 (Le Tableau principal) */
  .et_pb_row_1-4_3-4 > .et_pb_column_3_4.et_pb_column_5 {
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* EFFET DE RESPIRATION DU TABLEAU (PADDING GAUCHE/DROITE) */
  main.fc-main-wrapper {
    padding: 0 24px !important; /* Décolle proprement le titre, le bouton et le tableau des bords */
    background: transparent !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  /* Optionnel : On s'assure que la boîte blanche du tableau respire aussi si nécessaire */
  .fc-card-table {
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /*reglage padding barre d'outils top*/
  .et_pb_section_1.et_pb_section {
    padding-top: 1% !important;
    padding-right: 0px;
    padding-bottom: 17px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #2d4350 !important;
  }
}