/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
#@13
#@14
#@15
#@16
#@17
#@18
#@19
#@20
#@21
#@22
#@23
#@24
#@25
#@26
#@27
#@28
#@29
#@30
#@31
#@32
#@33
#@34
#@35
#@36
#@37
#@38
*/
@charset "UTF-8";
/* Variables et declarations specifiques, en complement de _variables.scss */
/* surcharge color-theme */
/* surcharge highcharts */
.highcharts-series-hover {
  cursor: pointer;
}
.highcharts-label.highcharts-data-label:hover span {
  cursor: pointer;
}
.leg_puce img {
  border-radius: 20px;
}
/* partie parametre */
/*** palette couleur init OPCO design ***/
/*** => palette couleur init DATADECISION design ****/
/*** => palette couleur init METAFOR design ****/
/*Survol et autre noir*/
/* gris foncé OPCO */
/* gris moyen OPCO */
/*fond gris clair OPCO */
/*gris foncé OPCO */
/* violet OPCO => pour page accueil */
/* métiers => pour page accueil */
/* formations => pour page accueil */
/* Octopilot => pour page accueil */
/* bleu métiers*/
/* rose formation */
/* vert OPCO */
/* bleu logo DAT */
/* bleu logo DECISION */
/* bleu logo @ => METAFOR "gris-bleu1*/
/*** palette couleur METAFOR ***/
/* METAFOR "gris-neutre*/
/* METAFOR "gris-bleu1 = Presentation*/
/* METAFOR "gris-bleu2 = Actualite */
/*** palette couleur DATADECISION (page recherche, liens) ***/
a {
  transition: all 0.5s ease-in-out;
  color: #414143;
}
@media (prefers-reduced-motion: reduce) {
  a {
    transition: none;
  }
}
a:hover, a:focus, a:active {
  color: #000000;
}
.pushmenu {
  position: fixed;
  top: 60px;
  /* valeur de $MargeHaute */
  left: 15px;
  margin: 0;
  z-index: 2000;
}
@media (max-width: 767.98px) {
  .pushmenu {
    left: 3px;
  }
}
/*.page_sommaire, .page_plan, .page_votre_selection, .page_recherche, .page_article .rubrique4 {
	/* pour cacher bouton menu sur page sauf quand devient burger
	@media (min-width: 767.98px) {
		#menu {
			.nav-item:last-child {
				display: none;
			}
		}
	}
}*/
.main-header .nav-item, .modal-header .nav-item {
  display: flex;
  align-items: center;
}
.main-header .nav-link, .modal-header .nav-link {
  height: auto;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.main-header .nav-link:after, .modal-header .nav-link:after {
  content: "";
}
.main-header svg, .modal-header svg {
  max-width: 180px;
  vertical-align: middle;
  height: 25px;
}
.main-header svg .logo_metafor_met, .modal-header svg .logo_metafor_met {
  fill: #07dee0;
}
.main-header svg .logo_metafor_at, .modal-header svg .logo_metafor_at {
  fill: #414143;
}
.main-header svg .logo_metafor_for, .modal-header svg .logo_metafor_for {
  fill: #ff4867;
}
.main-header #menu .nav-item, .modal-header #menu .nav-item {
  margin: 0 0 0 0.5rem;
  padding: 0;
}
.main-header #menu .nav-item .nav-link, .modal-header #menu .nav-item .nav-link {
  background: #edecec;
  color: #414143;
  margin: 0;
  padding: 0;
  max-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.5rem;
  text-align: center;
  /*&.actif {color:$structureColorFond1;}*/
}
.main-header #menu .nav-item .nav-link .cms-icon, .modal-header #menu .nav-item .nav-link .cms-icon {
  margin: 0;
  color: #414143;
  overflow: hidden;
  font-size: 1.2rem;
  font-weight: 900;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  position: absolute;
}
.main-header #menu .nav-item .nav-link .glyphicon-orm-accueil:before, .modal-header #menu .nav-item .nav-link .glyphicon-orm-accueil:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_accueil.png');
  opacity: 0.6;
}
.main-header #menu .nav-item .nav-link .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link .glyphicon-orm-selection:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_selection.png');
  opacity: 0.6;
}
.main-header #menu .nav-item .nav-link .open .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link .open .glyphicon-orm-selection:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_selection.png');
  opacity: 0.6;
  margin-left: -28px;
}
.main-header #menu .nav-item .nav-link .actif .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link .actif .glyphicon-orm-selection:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_selection.png');
  opacity: 0.6;
  margin-left: -28px;
}
.main-header #menu .nav-item .nav-link .glyphicon-orm-rechercher:before, .modal-header #menu .nav-item .nav-link .glyphicon-orm-rechercher:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_recherche.png');
  opacity: 0.6;
}
.main-header #menu .nav-item .nav-link .glyphicon-orm-contact:before, .modal-header #menu .nav-item .nav-link .glyphicon-orm-contact:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_contact.png');
  opacity: 0.6;
}
.main-header #menu .nav-item .nav-link:hover, .main-header #menu .nav-item .nav-link:focus, .main-header #menu .nav-item .nav-link:active, .modal-header #menu .nav-item .nav-link:hover, .modal-header #menu .nav-item .nav-link:focus, .modal-header #menu .nav-item .nav-link:active {
  background: #757474;
  /*$datadColor1*/
  /*$structureColorFond2T70*/
  color: #fff;
  /*$structureNoir*/
}
.main-header #menu .nav-item .nav-link:hover .glyphicon-orm-accueil:before, .main-header #menu .nav-item .nav-link:focus .glyphicon-orm-accueil:before, .main-header #menu .nav-item .nav-link:active .glyphicon-orm-accueil:before, .modal-header #menu .nav-item .nav-link:hover .glyphicon-orm-accueil:before, .modal-header #menu .nav-item .nav-link:focus .glyphicon-orm-accueil:before, .modal-header #menu .nav-item .nav-link:active .glyphicon-orm-accueil:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_accueil.png');
  opacity: 1;
}
.main-header #menu .nav-item .nav-link:hover .glyphicon-orm-selection:before, .main-header #menu .nav-item .nav-link:focus .glyphicon-orm-selection:before, .main-header #menu .nav-item .nav-link:active .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link:hover .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link:focus .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link:active .glyphicon-orm-selection:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_selection.png');
  opacity: 1;
}
.main-header #menu .nav-item .nav-link:hover .glyphicon-orm-rechercher:before, .main-header #menu .nav-item .nav-link:focus .glyphicon-orm-rechercher:before, .main-header #menu .nav-item .nav-link:active .glyphicon-orm-rechercher:before, .modal-header #menu .nav-item .nav-link:hover .glyphicon-orm-rechercher:before, .modal-header #menu .nav-item .nav-link:focus .glyphicon-orm-rechercher:before, .modal-header #menu .nav-item .nav-link:active .glyphicon-orm-rechercher:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_recherche.png');
  opacity: 1;
}
.main-header #menu .nav-item .nav-link:hover .glyphicon-orm-contact:before, .main-header #menu .nav-item .nav-link:focus .glyphicon-orm-contact:before, .main-header #menu .nav-item .nav-link:active .glyphicon-orm-contact:before, .modal-header #menu .nav-item .nav-link:hover .glyphicon-orm-contact:before, .modal-header #menu .nav-item .nav-link:focus .glyphicon-orm-contact:before, .modal-header #menu .nav-item .nav-link:active .glyphicon-orm-contact:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_contact.png');
  opacity: 1;
}
.main-header #menu .nav-item .nav-link:hover .cms-icon, .main-header #menu .nav-item .nav-link:focus .cms-icon, .main-header #menu .nav-item .nav-link:active .cms-icon, .modal-header #menu .nav-item .nav-link:hover .cms-icon, .modal-header #menu .nav-item .nav-link:focus .cms-icon, .modal-header #menu .nav-item .nav-link:active .cms-icon {
  color: #fff;
  /*$structureNoir*/
}
.main-header #menu .nav-item .nav-link.actif .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link.actif .glyphicon-orm-selection:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_selection.png');
  margin-left: -28px;
}
.main-header #menu .nav-item .nav-link.open .glyphicon-orm-selection:before, .modal-header #menu .nav-item .nav-link.open .glyphicon-orm-selection:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_menu_selection.png');
  margin-left: -28px;
}
.main-header #menu .nav-item #mainNavToggle, .modal-header #menu .nav-item #mainNavToggle {
  /*width:68px;
				.cms-icon {
					width:68px;
					font-size: 1rem;
					font-weight: 400;
				}*/
}
@media (max-width: 991.98px) {
  .main-header #menu .nav-item #mainNavToggle, .modal-header #menu .nav-item #mainNavToggle {
    top: 5px;
  }
}
@media (max-width: 991.98px) {
  .main-header.navbar-expand .navbar-nav .nav-link, .main-header.navbar-expand .navbar-expand .navbar-nav .menu-items__lien, .modal-header.navbar-expand .navbar-nav .nav-link, .modal-header.navbar-expand .navbar-expand .navbar-nav .menu-items__lien {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media (max-width: 787px) {
  .main-header.navbar-expand .navbar-nav .nav-link img, .main-header.navbar-expand .navbar-expand .navbar-nav .menu-items__lien img, .modal-header.navbar-expand .navbar-nav .nav-link img, .modal-header.navbar-expand .navbar-expand .navbar-nav .menu-items__lien img {
    max-width: 95px;
    height: auto;
  }
}
@media (max-width: 676px) {
  .main-header.navbar-expand .navbar-nav .nav-link img, .main-header.navbar-expand .navbar-expand .navbar-nav .menu-items__lien img, .modal-header.navbar-expand .navbar-nav .nav-link img, .modal-header.navbar-expand .navbar-expand .navbar-nav .menu-items__lien img {
    max-height: 24px;
    width: auto;
  }
}
.main-header .nav-logo .nav-item:nth-child(2), .modal-header .nav-logo .nav-item:nth-child(2) {
  border-left: 1px solid #edecec;
}
.tooltip {
  font-family: "Open Sans", sans-serif;
}
.tooltip .tooltip-inner {
  max-width: 350px;
  /* If max-width does not work, try using width instead */
  width: 350px;
}
.content-wrapper {
  background-color: #ffffff;
}
.glyphicon-sources:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_sources.png');
}
.page ul {
  margin-left: 0;
}
/* carousel */
#ZoneCarousel .carousel-control-prev, #ZoneCarousel .carousel-control-next {
  background: transparent;
}
#ZoneCarousel .carousel-control-prev span, #ZoneCarousel .carousel-control-next span {
  top: 50px;
  position: absolute;
  font-size: 2rem;
}
.page_sommaire .layout-fixed .wrapper {
  /* --------------------------------------------------
   COULEURS
-------------------------------------------------- */
  /*
#bloc_accueil .mmetiers {
    background: #10cbd0;
    color: white;
}

#bloc_accueil .formations {
    background: #ff4662;
    color: white;
}

#bloc_accueil .secteurs {
    background: #ffb800;
    color: white;
}

#bloc_accueil .territoires {
    background: #08a3a7;
    color: white;
}

#bloc_accueil .opco {
    background: #302578;
    color: white;
}

#bloc_accueil .octopilot {
    background: #fff;
    border: 2px solid #b7ddd5;
    color: #acd9ce;
}*/
  /* --------------------------------------------------
   LIENS
-------------------------------------------------- */
  /* --------------------------------------------------
   TITRES
-------------------------------------------------- */
  /* --------------------------------------------------
   TERRITOIRES
-------------------------------------------------- */
}
.page_sommaire .layout-fixed .wrapper .main-header {
  background-color: #ffffff;
}
.page_sommaire .layout-fixed .wrapper .main-header svg {
  max-width: 400px;
  height: 50px;
}
@media (max-width: 767.98px) {
  .page_sommaire .layout-fixed .wrapper .main-header svg {
    max-width: 180px;
    height: 25px;
  }
  .page_sommaire .layout-fixed .wrapper .main-header .flex-column {
    font-size: 0.8rem;
  }
  .page_sommaire .layout-fixed .wrapper .main-header .logo_orm {
    max-width: 100px;
    height: auto;
  }
}
.page_sommaire .layout-fixed .wrapper .content-wrapper {
  display: flex;
  padding: 60px 0 20px;
}
.page_sommaire .layout-fixed .wrapper .fond_gris {
  background-color: #edecec;
  border-radius: 20px;
}
.page_sommaire .layout-fixed .wrapper .fond_blanc {
  background-color: #ffffff;
  border-radius: 20px;
  min-height: calc(100vh - 260px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .page_sommaire .layout-fixed .wrapper .fond_blanc {
    min-height: auto;
  }
}
.page_sommaire .layout-fixed .wrapper #accueil > .row {
  align-items: stretch;
  margin: 0;
}
.page_sommaire .layout-fixed .wrapper #accueil {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-height: 0;
}
.page_sommaire .layout-fixed .wrapper #accueil .presentation {
  flex: 0 0 auto;
}
.page_sommaire .layout-fixed .wrapper #accueil .presentation .ligne1 {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
.page_sommaire .layout-fixed .wrapper #accueil .presentation .boutons_rapides {
  margin-top: auto !important;
}
@media (max-width: 767.98px) {
  .page_sommaire .layout-fixed .wrapper #accueil .presentation .boutons_rapides {
    position: relative;
  }
}
.page_sommaire .layout-fixed .wrapper #accueil .presentation .boutons_rapides .cms-block {
  display: block;
  margin-bottom: 0.8rem;
}
.page_sommaire .layout-fixed .wrapper #accueil .presentation .boutons_rapides .cms-block .fas:before {
  width: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: #ffffff;
  color: #414143;
  font-weight: 900;
  font-size: 1rem;
  line-height: 30px;
  height: 30px;
  display: inline-flex;
  margin-left: 0;
  align-items: center;
  justify-content: center;
}
.page_sommaire .layout-fixed .wrapper #accueil .presentation .boutons_rapides .formulaire_recherche form .editer-groupe .fond {
  background-color: #ffffff;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil {
  padding: 0;
  flex: 1 1 0;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites {
  min-height: 150px;
}
@media (max-width: 1199.98px) {
  .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites {
    min-height: auto;
  }
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre {
  background-color: #10cbd0;
  border: 2px solid #10cbd0;
  border-radius: 20px;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre p {
  margin: 0;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre a:active {
  color: #000000;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre a:hover .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre a:focus .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre a:active .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre a:hover .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre a:focus .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre a:active .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre a:hover .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre a:focus .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre a:active .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre a:hover .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre a:focus .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre a:active .titre {
  color: #000000;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre .niveau2 .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre .niveau2 .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre .niveau2 .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre .niveau2 .titre {
  background-color: transparent;
  border: none;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre .niveau2 .titre span, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre .niveau2 .titre span, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre .niveau2 .titre span, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre .niveau2 .titre span {
  font-size: 2rem;
  font-weight: 700;
  border: none;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers .titre .texte_petit, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre .texte_petit, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre .texte_petit, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre .texte_petit {
  text-transform: none;
  font-size: 1.2rem;
  font-weight: 500;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations p.survol {
  height: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
}
@media (prefers-reduced-motion: reduce) {
  .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations p.survol {
    transition: none;
  }
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:active {
  color: #000000;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:hover p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:focus p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:active p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:hover p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:focus p, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:active p {
  height: 0;
  visibility: hidden;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:hover p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:focus p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .mmetiers a:active p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:hover p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:focus p.survol, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations a:active p.survol {
  height: 20px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre {
  background-color: #ff4662;
  border-color: #ff4662;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .presentation .titre {
  background-color: #ffffff;
  color: #41475e;
  /*$structureColor1*/
  border-color: #41475e;
  /*$structureColor1*/
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .actualites .titre {
  background-color: #ffffff;
  color: #818594;
  /*$structureColor2*/
  border-color: #818594;
  /*$structureColor2*/
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil a {
  color: inherit;
  text-decoration: none;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil > div > .titre {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil .octopilot .titre {
  font-size: 30px;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil .octopilot .titre span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-top: 4px;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil .territoires {
  flex-direction: column;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil .territoires > .titre {
  margin-bottom: 5px;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil .niveau2 {
  line-height: 1.2;
}
.page_sommaire .layout-fixed .wrapper #bloc_accueil .niveau2 .titre {
  font-size: 20px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .page_sommaire body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper {
    margin-left: 0;
  }
  .page_sommaire body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper h1 {
    color: #07dee0;
    font-weight: 700;
  }
}
#colonne_outils {
  z-index: 1030;
}
#colonne_outils .sticky-top {
  top: 60px;
}
#colonne_outils .cms-block {
  position: relative;
  margin: 0 0 1px 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  border-radius: 20px;
}
@media (max-width: 767.98px) {
  #colonne_outils .cms-block {
    margin-right: 10px;
  }
}
#colonne_outils .cms-block .survol {
  display: inline-block;
  -webkit-transform: scale(0) translate(-40px);
  -moz-transform: scale(0) translate(-40px);
  -o-transform: scale(0) translate(-40px);
  -ms-transform: scale(0) translate(-40px);
  transform: scale(0) translate(-40px);
  white-space: nowrap;
  padding: 0 15px 0 5px;
  font-size: 0.8em;
  font-weight: 700;
  z-index: -1;
  height: 40px;
  position: absolute;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (min-width: 768px) {
  #colonne_outils .cms-block:hover, #colonne_outils .cms-block:focus, #colonne_outils .cms-block:active {
    width: auto;
  }
  #colonne_outils .cms-block:hover .survol, #colonne_outils .cms-block:focus .survol, #colonne_outils .cms-block:active .survol {
    -webkit-transform: scale(1) translate(40px);
    -moz-transform: scale(1) translate(40px);
    -o-transform: scale(1) translate(40px);
    -ms-transform: scale(1) translate(40px);
    transform: scale(1) translate(40px);
    z-index: 1037;
  }
  #colonne_outils .cms-block:hover .cms-icon, #colonne_outils .cms-block:focus .cms-icon, #colonne_outils .cms-block:active .cms-icon {
    color: #ffffff;
  }
}
#colonne_outils .cms-icon {
  /*display: block;*/
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  color: #414143;
  font-size: 1.2rem;
}
#colonne_outils .glyphicon-orm-outils_retour_questions:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_retour_questions.png');
}
#colonne_outils .glyphicon-orm-outils_fermer_questions:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_fermer.png');
}
#colonne_outils .glyphicon-orm-outils_question_suivante:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_question_suivante.png');
}
#colonne_outils .glyphicon-orm-outils_question_precedente:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_question_precedente.png');
}
#colonne_outils .glyphicon-orm-outils_favori:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_favori.png');
}
#colonne_outils .glyphicon-orm-outils_sources:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_sources.png');
}
#colonne_outils .glyphicon-orm-outils_telecharger:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_pdf.png');
}
#colonne_outils .glyphicon-orm-outils_zip:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_zip.png');
}
#colonne_outils .glyphicon-orm-outils_zip2:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_zip2.png');
}
#colonne_outils .glyphicon-orm-outils_imprimer:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_imprimer.png');
}
#colonne_donnees {
  font-family: "Open Sans", sans-serif;
  padding-bottom: 50px;
  /*espace pour remonter la ligne de flotaison et permettre le calcul des graphes en bas en page*/
}
#colonne_donnees .sticky-top {
  top: 60px;
  background-color: #ffffff;
}
#colonne_donnees .titre_question {
  background-color: #ffffff;
  padding-bottom: 0;
}
#colonne_donnees .titre_question .cms-icon {
  background-color: #ffffff;
  height: 48px;
  overflow: hidden;
  width: 48px;
  min-width: 48px;
  /*margin-left:-48px;*/
}
@media (max-width: 767.98px) {
  #colonne_donnees .titre_question .cms-icon {
    margin-left: 0;
  }
}
#colonne_donnees .titre_question .formfiliere:before {
  margin-left: 0px;
}
#colonne_donnees .titre_question .condemploi:before {
  margin-left: 0px;
}
#colonne_donnees .titre_question .qui:before {
  margin-left: -48px;
}
#colonne_donnees .titre_question .prodiplomes:before {
  margin-left: -96px;
}
#colonne_donnees .titre_question .employeur:before {
  margin-left: -96px;
}
#colonne_donnees .titre_question .analyse:before {
  margin-left: -144px;
}
#colonne_donnees .titre_question .formation:before {
  margin-left: -192px;
}
#colonne_donnees .titre_question .metiers:before {
  margin-left: -240px;
}
#colonne_donnees .titre_question .actu:before {
  margin-left: -288px;
}
#colonne_donnees .titre_question .glyphicon-orm-formation-metier_vise:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_formation_metier_vise2.png');
}
#colonne_donnees .titre_question .glyphicon-orm-formation-metier_exerce:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_formation_metier_exerce2.png');
}
#colonne_donnees .titre_question .glyphicon-orm-metier-formation_vise:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_formation_vise2.png');
}
#colonne_donnees .titre_question .glyphicon-orm-metier-formation_exerce:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_formation_exerce2.png');
}
#colonne_donnees .titre {
  text-transform: uppercase;
  font-size: 1.8em;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
#colonne_donnees .titre_question {
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  #colonne_donnees .titre_question {
    margin-bottom: 5px;
  }
}
#colonne_donnees .titre_question.sous_titre {
  margin-bottom: 20px;
  font-size: 1em;
}
#colonne_donnees h1 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees h2 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees h3, #colonne_donnees h4, #colonne_donnees h5 {
  color: #ff4867;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees h3 .colormetier, #colonne_donnees h4 .colormetier, #colonne_donnees h5 .colormetier {
  color: #07dee0;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees h3.colormetier {
  color: #07dee0;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees ul.spip {
  margin-left: 30px;
  list-style: outside none none;
}
#colonne_donnees ul.spip li:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: rgba(65, 65, 67, 0.7);
  margin-left: -10px;
  font-size: 0.7em;
  font-weight: 900;
}
#colonne_donnees ul.spip li li:before {
  font-size: 0.6em;
}
#colonne_donnees .ps h2, #colonne_donnees .ps p {
  display: inline;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
  font-style: italic;
  padding-left: 3px;
  text-transform: none;
}
#colonne_donnees .cadremetier, #colonne_donnees .cadreformation {
  background: #edecec;
  color: #636262;
  padding: 5px;
  position: relative;
}
#colonne_donnees .cadremetier:after, #colonne_donnees .cadreformation:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 15px;
  line-height: 15px;
  height: 15px;
  display: block;
  font-size: 0.5em;
  /*margin-left: -20px;*/
  position: absolute;
  right: 25px;
  top: calc(50% - 10px);
  font-weight: 900;
  color: #ffffff;
  background-color: #07dee0;
  border-radius: 50%;
  text-align: center;
}
#colonne_donnees .cadremetier a, #colonne_donnees .cadreformation a {
  color: #636262;
  padding-right: 35px;
  font-size: 0.9rem;
}
#colonne_donnees .cadremetier:hover, #colonne_donnees .cadremetier:focus, #colonne_donnees .cadremetier:active, #colonne_donnees .cadreformation:hover, #colonne_donnees .cadreformation:focus, #colonne_donnees .cadreformation:active {
  color: #000000;
}
#colonne_donnees .cadremetier:hover a, #colonne_donnees .cadremetier:focus a, #colonne_donnees .cadremetier:active a, #colonne_donnees .cadreformation:hover a, #colonne_donnees .cadreformation:focus a, #colonne_donnees .cadreformation:active a {
  color: #000000;
}
#colonne_donnees .cadreformation:after {
  background-color: #ff4867;
}
#colonne_donnees .accordion-body {
  background: #edecec;
  color: #07dee0;
  border-radius: 20px;
  position: absolute;
  width: calc(100% - 30px);
  top: 70px;
  z-index: 300;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 5px;
  font-size: 0.9rem;
}
#colonne_donnees .accordion-body .liste_metiers ul {
  margin: 0 12px;
}
#colonne_donnees .accordion-body .liste_metiers ul li {
  margin: 8px 0;
}
#colonne_donnees .accordion-body .liste_metiers ul li a {
  display: block;
  padding: 2px 8px;
}
#colonne_donnees .accordion-body .liste_metiers ul li:hover, #colonne_donnees .accordion-body .liste_metiers ul li:focus, #colonne_donnees .accordion-body .liste_metiers ul li:active {
  color: #07dee0;
  background: #ffffff;
  border-radius: 20px;
}
#colonne_donnees #bgh_blocobref h3.ui-accordion-header {
  background: #edecec;
  border-color: #07dee0;
  color: #ff4867;
  border-radius: 20px;
}
#colonne_donnees #bgh_blocobref h3.ui-accordion-header:has(+ .ui-accordion-content-active) {
  margin-bottom: 0;
}
#colonne_donnees .ui-accordion-content-active {
  margin-bottom: 0.6rem;
  border-radius: 20px;
}
#colonne_donnees .main .accordion-expand-all, #colonne_donnees .main .accordion-collapse-all {
  color: #ffffff;
  background: #07dee0;
  border-color: #07dee0;
}
/* modal */
.modal-content .ps h2, .modal-content .ps p {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
  font-style: italic;
  padding-left: 3px;
  text-transform: none;
}
#bloc_thematiques .titre_rubrique {
  font-size: 1.2rem;
  text-transform: uppercase;
  background: #07dee0;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  font-weight: 700;
}
#bloc_thematiques .fond_gris, #bloc_thematiques .fond_gris_fonce {
  background-color: #edecec;
  min-width: 200px;
}
#bloc_thematiques .fond_gris .interieur.hauteur_bloc, #bloc_thematiques .fond_gris_fonce .interieur.hauteur_bloc {
  background: #fff;
  padding: 10px;
  margin: 3px auto;
}
#bloc_thematiques .fond_gris .cms-icon, #bloc_thematiques .fond_gris_fonce .cms-icon {
  height: 48px;
  width: 48px;
  min-width: 48px;
  display: inline-block;
  overflow: hidden;
}
#bloc_thematiques .fond_gris .cms-icon.formfiliere:before, #bloc_thematiques .fond_gris_fonce .cms-icon.formfiliere:before {
  margin-left: 0px;
}
#bloc_thematiques .fond_gris .cms-icon.condemploi:before, #bloc_thematiques .fond_gris_fonce .cms-icon.condemploi:before {
  margin-left: 0px;
}
#bloc_thematiques .fond_gris .cms-icon.qui:before, #bloc_thematiques .fond_gris_fonce .cms-icon.qui:before {
  margin-left: -48px;
}
#bloc_thematiques .fond_gris .cms-icon.prodiplomes:before, #bloc_thematiques .fond_gris_fonce .cms-icon.prodiplomes:before {
  margin-left: -96px;
}
#bloc_thematiques .fond_gris .cms-icon.employeur:before, #bloc_thematiques .fond_gris_fonce .cms-icon.employeur:before {
  margin-left: -96px;
}
#bloc_thematiques .fond_gris p, #bloc_thematiques .fond_gris_fonce p {
  margin-bottom: 0.4rem;
}
#bloc_thematiques .fond_gris p .fas, #bloc_thematiques .fond_gris_fonce p .fas {
  font-size: 0.7rem;
}
#bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc, #bloc_thematiques .fond_gris_fonce .synthese .interieur.hauteur_bloc {
  background-color: rgba(7, 222, 224, 0.7);
  padding: 25px 6px 15px;
}
#bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc .cms-icon, #bloc_thematiques .fond_gris_fonce .synthese .interieur.hauteur_bloc .cms-icon {
  float: none;
}
#bloc_thematiques .fond_gris_fonce {
  background-color: #757474;
  /*$structureColor4*/
  border-radius: 20px;
}
#bloc_thematiques .fond_gris_fonce .interieur.hauteur_bloc .cadremetier, #bloc_thematiques .fond_gris_fonce .interieur.hauteur_bloc .cadreformation {
  margin-left: 0;
}
.liste.articles {
  text-align: center;
  border-radius: 20px;
}
.liste.articles .col {
  min-width: 300px;
}
.liste.articles .article, .liste.articles .rubrique {
  background: #ffffff;
  color: #414143;
  padding: 5px;
  position: relative;
  border-radius: 20px;
}
.liste.articles .article .entry-title, .liste.articles .rubrique .entry-title {
  text-transform: uppercase;
  color: #414143;
  font-weight: 700;
}
.liste.articles .article .entry-title a, .liste.articles .rubrique .entry-title a {
  color: #414143;
}
.liste.articles .article span.spip_logo, .liste.articles .rubrique span.spip_logo {
  display: block;
  float: none;
  margin: 0 auto;
}
.liste.articles .article ul li, .liste.articles .rubrique ul li {
  position: relative;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 20px;
}
.liste.articles .article ul li a, .liste.articles .rubrique ul li a {
  color: #414143;
}
.liste.articles .article ul li a:hover, .liste.articles .article ul li a:focus, .liste.articles .article ul li a:active, .liste.articles .rubrique ul li a:hover, .liste.articles .rubrique ul li a:focus, .liste.articles .rubrique ul li a:active {
  color: #ff4867;
}
.liste.articles .article ul li:before, .liste.articles .rubrique ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
  width: 20px;
  display: block;
  font-size: 0.9em;
  position: absolute;
  left: 5px;
  top: 2px;
  color: #07dee0;
}
.liste.articles .article .en_savoir_plus, .liste.articles .article .en_savoir_plus2, .liste.articles .rubrique .en_savoir_plus, .liste.articles .rubrique .en_savoir_plus2 {
  border-radius: 20px;
  color: #414143;
  position: relative;
  font-size: 1rem;
  padding: 10px 40px 10px 15px;
  line-height: 1.4em;
  border: 1px solid #414143;
  font-weight: 500;
  display: inline-block;
}
.liste.articles .article .en_savoir_plus:after, .liste.articles .article .en_savoir_plus2:after, .liste.articles .rubrique .en_savoir_plus:after, .liste.articles .rubrique .en_savoir_plus2:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 0.9rem;
  position: absolute;
  right: 10px;
  left: auto;
  top: calc(50% - 10px);
  font-weight: 900;
  color: #ffffff;
  background-color: #414143;
  border-radius: 50%;
  text-align: center;
}
.liste.articles .article .en_savoir_plus2:hover, .liste.articles .article .en_savoir_plus2:focus, .liste.articles .article .en_savoir_plus2:active, .liste.articles .rubrique .en_savoir_plus2:hover, .liste.articles .rubrique .en_savoir_plus2:focus, .liste.articles .rubrique .en_savoir_plus2:active {
  background-color: #414143;
  color: #ffffff;
}
.liste.articles .article .en_savoir_plus2:hover:after, .liste.articles .article .en_savoir_plus2:focus:after, .liste.articles .article .en_savoir_plus2:active:after, .liste.articles .rubrique .en_savoir_plus2:hover:after, .liste.articles .rubrique .en_savoir_plus2:focus:after, .liste.articles .rubrique .en_savoir_plus2:active:after {
  color: #414143;
  background-color: #ffffff;
}
.liste.articles .article:hover .en_savoir_plus, .liste.articles .article:focus .en_savoir_plus, .liste.articles .article:active .en_savoir_plus, .liste.articles .rubrique:hover .en_savoir_plus, .liste.articles .rubrique:focus .en_savoir_plus, .liste.articles .rubrique:active .en_savoir_plus {
  background-color: #414143;
  color: #ffffff;
}
.liste.articles .article:hover .en_savoir_plus:after, .liste.articles .article:focus .en_savoir_plus:after, .liste.articles .article:active .en_savoir_plus:after, .liste.articles .rubrique:hover .en_savoir_plus:after, .liste.articles .rubrique:focus .en_savoir_plus:after, .liste.articles .rubrique:active .en_savoir_plus:after {
  color: #414143;
  background-color: #ffffff;
}
/*** surcharge specifique pour les sous-rubriques de actualité / titre en minuscule ***/
.rubrique6 .liste.articles .article .entry-title, .rubrique6 .liste.articles .rubrique .entry-title, .rubrique7 .liste.articles .article .entry-title, .rubrique7 .liste.articles .rubrique .entry-title, .rubrique8 .liste.articles .article .entry-title, .rubrique8 .liste.articles .rubrique .entry-title {
  text-transform: none;
}
.page .caractencadre-spip {
  color: #ff4867;
}
.page .caractencadre2-spip {
  color: #07dee0;
}
/* sidebar */
.main-sidebar, .sidebar {
  background-repeat: no-repeat;
  background-color: #757474;
  /*$datadColor1*/
  padding: 0;
  color: #ffffff;
  position: relative;
  z-index: 1040;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 20px;
}
.main-sidebar h1 small, .sidebar h1 small {
  color: #edecec;
}
.main-sidebar .bouton, .sidebar .bouton {
  /*background-color:$structureColor2;*/
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  margin: 20px 10px;
  font-size: 0.8em;
  line-height: 1.4em;
  min-height: 75px;
  /*border: 1px solid $structureColor2;*/
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  border-radius: 20px;
}
.main-sidebar .bouton span, .sidebar .bouton span {
  font-weight: 700;
  font-size: 1.8em;
}
.main-sidebar .bouton p, .sidebar .bouton p {
  margin: 0;
  position: relative;
  text-align: center;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
  padding: 20px 10px 15px;
}
@media (prefers-reduced-motion: reduce) {
  .main-sidebar .bouton p, .sidebar .bouton p {
    transition: none;
  }
}
.main-sidebar .bouton p:after, .sidebar .bouton p:after {
  content: "";
  clear: both;
  display: block;
}
.main-sidebar .bouton a, .sidebar .bouton a {
  color: #ffffff;
}
.main-sidebar .bouton p.titre.niv1 span, .sidebar .bouton p.titre.niv1 span {
  font-size: 1rem;
}
.main-sidebar .bouton.chevron, .sidebar .bouton.chevron {
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  min-height: 60px;
}
.main-sidebar .bouton.chevron p, .sidebar .bouton.chevron p {
  text-align: left;
  position: relative;
  padding: 10px 20% 10px 10px;
  font-size: 1em;
  /*1.1*/
}
.main-sidebar .bouton.chevron:after, .sidebar .bouton.chevron:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 1em;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  font-weight: 900;
  color: #414143;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
}
.main-sidebar .bouton.sanscadre, .sidebar .bouton.sanscadre {
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  margin-top: 3%;
}
.main-sidebar .bouton.sanscadre p, .sidebar .bouton.sanscadre p {
  text-align: left;
  font-size: 1.1em;
}
.main-sidebar .bouton.sanscadre:hover, .main-sidebar .bouton.sanscadre:focus, .main-sidebar .bouton.sanscadre:active, .sidebar .bouton.sanscadre:hover, .sidebar .bouton.sanscadre:focus, .sidebar .bouton.sanscadre:active {
  border: none;
  background: transparent;
}
.main-sidebar .bouton.chevron.sanscadre, .main-sidebar .bouton.sanscadre, .sidebar .bouton.chevron.sanscadre, .sidebar .bouton.sanscadre {
  border: none;
}
.main-sidebar .bouton.chevron.sanscadre:after, .sidebar .bouton.chevron.sanscadre:after {
  content: "";
}
.main-sidebar .libelle, .sidebar .libelle {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  /*0.9*/
  margin-bottom: 20px;
  /******ASUP ?
		.metiers {
			display:block;
			span {display:block;text-transform:none;font-size:0.7em;}
		}
******/
  /*-118*/
}
.main-sidebar .libelle .domaine, .sidebar .libelle .domaine {
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  font-weight: 400;
}
.main-sidebar .libelle .cms-icon, .sidebar .libelle .cms-icon {
  display: block;
  margin: 0 auto;
  position: relative;
  color: #414143;
  height: 59px;
  overflow: hidden;
  width: 59px;
}
.main-sidebar .libelle .cms-icon:before, .sidebar .libelle .cms-icon:before {
  margin-left: 0px;
}
.main-sidebar .libelle .logo img, .sidebar .libelle .logo img {
  border-radius: 20px;
}
.main-sidebar .libelle .lib_metier, .sidebar .libelle .lib_metier {
  border-radius: 20px;
  color: #000000;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-sidebar .libelle .lib_formation, .sidebar .libelle .lib_formation {
  border-radius: 20px;
  color: #000000;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-sidebar {
  /*si image complete */
  background-size: auto 80%;
  background-position: left -250px bottom -250px;
  /*si image partiele */
  /*
	background-size: 100% auto;
	background-position:right bottom;
*/
}
.sidebar {
  /*si image complete */
  background-size: auto 80%;
  background-position: left -350px bottom -350px;
  height: 100% !important;
}
footer {
  color: #414143;
  text-align: right;
}
footer ul {
  list-style: none;
  padding: 0;
  flex-direction: row;
  height: 1rem;
}
footer ul li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #07dee0;
  display: flex;
}
footer ul li:first-child {
  margin-left: 0;
  border: 0;
}
footer ul li a {
  color: #414143;
  background: 0 0;
  /*@structureColor2;*/
  font-size: 0.8rem;
  line-height: 15px;
}
footer ul li a:hover, footer ul li a:focus, footer ul li a:active {
  color: #07dee0;
}
footer .je_donne_mon_avis {
  margin: -10px 0 0 47px;
}
footer .logo_financeurs {
  display: none;
}
.page_sommaire .layout-fixed .wrapper footer {
  height: 86px;
}
.page_sommaire .layout-fixed .wrapper footer ul.ml-auto {
  margin-right: auto !important;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.page_sommaire .layout-fixed .wrapper footer .je_donne_mon_avis {
  order: -1;
  margin: 0px 47px 0 0;
}
.page_sommaire .layout-fixed .wrapper footer .logo_financeurs {
  display: block;
  margin: -10px 0 0 47px;
  font-size: 0.7rem;
  text-align: center;
  line-height: 0.8rem;
}
.page_sommaire .layout-fixed .wrapper footer .logo_financeurs img {
  height: 50px;
  width: auto;
}
.ajaxbloc {
  width: 100%;
}
.modal.modal-fullscreen .ajaxbloc .modal-dialog {
  width: 100%;
  height: 100%;
}
.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
  background-color: #ffffff;
}
.modal.modal-fullscreen .modal-dialog .modal-content {
  min-height: 100vh;
  border-radius: 0;
  border: none;
  background: transparent;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header {
  color: #414143;
  border: 0;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header h3 {
  font-size: 1.5em;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close {
  color: #414143;
  text-shadow: none;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:hover, .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:focus, .modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:active {
  color: #07dee0;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-body .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-right: 48px;
}
.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer {
  color: #414143;
  border: 0;
}
/* surchage pour video tutoriel */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
  background: #000000;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*** DEBUT surcharge boot-theme ***/
.titre_masque {
  display: none;
  background-color: #757474;
  color: #ffffff;
  /*$datadColor1*/
  font-size: 0.85em;
  line-height: 1.4em;
  border: 1px solid #ffffff;
  padding: 0.5rem;
  border-radius: 20px;
}
.titre_masque span, .titre_masque div {
  margin-right: 25px;
  position: relative;
  display: inline-block;
}
.titre_masque span:after, .titre_masque div:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 25px;
  display: block;
  font-size: 0.9em;
  position: absolute;
  right: -35px;
  top: 1px;
  font-weight: 900;
}
.titre_masque span:last-child, .titre_masque div:last-child {
  margin-right: 0;
}
.titre_masque span:last-child:after, .titre_masque div:last-child:after {
  content: "";
}
/************* 3 = présenation  *******************************************/
.rubrique3 {
  /*
	.liste.articles .article:hover .en_savoir_plus::after, 
	.liste.articles .article:focus .en_savoir_plus::after, 
	.liste.articles .article:active .en_savoir_plus::after, 
	.liste.articles .rubrique:hover .en_savoir_plus::after, 
	.liste.articles .rubrique:focus .en_savoir_plus::after, 
	.liste.articles .rubrique:active .en_savoir_plus::after {
	  color: $metaGrisBleu1;
	}
*/
  /*
	.liste.articles .article .en_savoir_plus::after, 
	.liste.articles .rubrique .en_savoir_plus::after {
	   background-color: $metaGrisBleu1;
	}
*/
}
.rubrique3 .main-sidebar, .rubrique3 .sidebar {
  background-color: #41475e;
  /*$metaGrisNeutre*/
}
/************* 5 = actualité  *******************************************/
.rubrique5 .main-sidebar, .rubrique5 .sidebar {
  background-color: #818594;
  /*$metaGrisNeutre*/
}
/*************  1-2  *******************************************/
.rubrique2 .main-sidebar .bouton.chevron, .rubrique2 .sidebar .bouton.chevron, .rubrique1 .main-sidebar .bouton.chevron, .rubrique1 .sidebar .bouton.chevron {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.rubrique2 .main-sidebar p.encart, .rubrique2 .sidebar p.encart, .rubrique1 .main-sidebar p.encart, .rubrique1 .sidebar p.encart {
  font-size: 0.8em;
}
.rubrique2 #progression .bouton, .rubrique1 #progression .bouton {
  position: relative;
  vertical-align: middle;
  color: #ffffff;
  margin: 10px;
  padding: 10px;
  /*font-size:0.85em;*/
  line-height: 1.4em;
  overflow: hidden;
  /*min-height: 75px;*/
  font-family: "Open Sans", sans-serif;
}
.rubrique2 #progression .bouton a, .rubrique1 #progression .bouton a {
  color: #ffffff;
}
.rubrique2 #progression .bouton.precedent a, .rubrique1 #progression .bouton.precedent a {
  padding-left: 20px;
}
.rubrique2 #progression .bouton.precedent:before, .rubrique1 #progression .bouton.precedent:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 15px;
  display: block;
  font-size: 1.3em;
  margin-left: -1px;
  position: absolute;
  /*right: 20px;*/
  top: 30%;
}
.rubrique2 #progression .bouton.suivant a, .rubrique1 #progression .bouton.suivant a {
  padding-right: 20px;
}
.rubrique2 #progression .bouton.suivant:after, .rubrique1 #progression .bouton.suivant:after {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 15px;
  display: block;
  font-size: 1.3em;
  /*margin-left: -20px;*/
  position: absolute;
  right: 10px;
  top: 30%;
}
.rubrique2 #progression .titremetier, .rubrique2 #progression .titreformation, .rubrique1 #progression .titremetier, .rubrique1 #progression .titreformation {
  display: inline-block;
  margin-top: 5px;
  font-size: 1.15em;
  float: left;
  position: relative;
  text-align: right;
  width: 130px;
  /*old 120*/
  min-height: 58px;
  color: #757474;
  /*$datadColor1*/
}
.rubrique2 #bgh_bloc_centre .objet_large, .rubrique2 #bgh_bloc_centre .objet_etroit, .rubrique2 #bgh_bloc_centre .chiffrecle_phare, .rubrique2 #bgh_bloc_centre .chiffrecle_phareh, .rubrique1 #bgh_bloc_centre .objet_large, .rubrique1 #bgh_bloc_centre .objet_etroit, .rubrique1 #bgh_bloc_centre .chiffrecle_phare, .rubrique1 #bgh_bloc_centre .chiffrecle_phareh {
  border-radius: 20px;
  overflow: hidden;
}
.rubrique2 #bgh_bloc_centre .titre_question, .rubrique1 #bgh_bloc_centre .titre_question {
  color: #414143;
}
@media (max-width: 767.98px) {
  .rubrique2 #bgh_bloc_centre .titre_question, .rubrique1 #bgh_bloc_centre .titre_question {
    font-size: 1.2em;
  }
}
.rubrique2 #bgh_bloc_centre .titre_lien, .rubrique1 #bgh_bloc_centre .titre_lien {
  font-size: 1.1em;
  font-family: "Open Sans", sans-serif;
}
.rubrique2 #bgh_bloc_centre .titre_question.veille, .rubrique1 #bgh_bloc_centre .titre_question.veille {
  line-height: 1;
}
.rubrique2 #bgh_bloc_centre .titre_question.veille span.veille_baseline, .rubrique1 #bgh_bloc_centre .titre_question.veille span.veille_baseline {
  color: #414143;
  font-size: 0.6em;
  font-weight: 400;
  text-transform: none;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron, .rubrique1 #bgh_bloc_centre .bouton.chevron {
  position: relative;
  background-color: #07dee0;
  margin-top: 3%;
  /*text-transform:none;*/
  /*min-height: 60px;*/
}
.rubrique2 #bgh_bloc_centre .bouton.chevron p, .rubrique1 #bgh_bloc_centre .bouton.chevron p {
  text-align: left;
  position: relative;
  padding: 10px 10% 10px 10px;
  font-size: 0.85em;
  margin: 0;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron:hover, .rubrique1 #bgh_bloc_centre .bouton.chevron:hover {
  border-color: #07dee0;
  background-color: #07dee0;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron:hover:after, .rubrique1 #bgh_bloc_centre .bouton.chevron:hover:after {
  color: #ffffff;
  background-color: #07dee0;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron a, .rubrique1 #bgh_bloc_centre .bouton.chevron a {
  color: #ffffff;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron:after, .rubrique1 #bgh_bloc_centre .bouton.chevron:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  display: block;
  font-size: 1.3em;
  /*margin-left: -20px;*/
  position: absolute;
  right: 1px;
  top: 15%;
  font-weight: 900;
  color: #ffffff;
}
.rubrique2 #bloc_thematiques .titre_rubrique, .rubrique1 #bloc_thematiques .titre_rubrique {
  background: #ffffff;
  width: 100%;
  align: center;
}
.rubrique2 #bloc_thematiques .cadremetier, .rubrique1 #bloc_thematiques .cadremetier {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .fond_gris, .rubrique1 #bloc_thematiques .fond_gris {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .fond_gris a, .rubrique1 #bloc_thematiques .fond_gris a {
  color: #636262;
}
.rubrique2 #bloc_thematiques .fond_gris a:hover, .rubrique2 #bloc_thematiques .fond_gris a:focus, .rubrique2 #bloc_thematiques .fond_gris a:active, .rubrique1 #bloc_thematiques .fond_gris a:hover, .rubrique1 #bloc_thematiques .fond_gris a:focus, .rubrique1 #bloc_thematiques .fond_gris a:active {
  color: #000000;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadremetier, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadremetier, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation {
  margin-left: 25px;
  position: relative;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadremetier:after, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation:after, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadremetier:after, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 1em;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  font-weight: 900;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  background-color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadremetier .cadreformation:after, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation .cadreformation:after, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadremetier .cadreformation:after, .rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation .cadreformation:after {
  background-color: #ff4867;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-icon, .rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-icon, .rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-icon, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon {
  height: 161px;
  width: 190px;
  min-width: 190px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-icon.superpose, .rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-icon.superpose, .rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-icon.superpose, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon.superpose {
  display: block;
  margin: 0 auto;
  position: relative;
  color: #414143;
  height: 59px;
  overflow: hidden;
  width: 59px;
  min-width: 59px;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-icon.superpose:before, .rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-icon.superpose:before, .rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-icon.superpose:before, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon.superpose:before {
  margin-left: -118px;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-block, .rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-block, .rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-block, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-block {
  align-self: center;
  font-weight: 700;
  line-height: 1.2rem;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-block span, .rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-block span, .rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-block span, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-block span {
  text-transform: uppercase;
  display: block;
  font-size: 1.2rem;
  color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-icon .superpose, .rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-icon .superpose {
  margin-top: -65px;
  left: 25px;
  transform: scale(0.5);
}
.rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-icon, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon {
  width: 206px;
  min-width: 206px;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-icon .superpose, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon .superpose {
  margin-top: -70px;
  left: 0px;
  transform: scale(0.8);
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien, .rubrique1 #bloc_thematiques .fond_gris .boite_lien {
  color: #ffffff;
  font-size: 2rem;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien .valeur_lien, .rubrique1 #bloc_thematiques .fond_gris .boite_lien .valeur_lien {
  float: left;
  margin-right: 10px;
  font-size: 6rem;
  font-weight: 700;
  line-height: 6rem;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien .valeur_lien span, .rubrique1 #bloc_thematiques .fond_gris .boite_lien .valeur_lien span {
  font-size: 3.8rem;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien span.form, .rubrique2 #bloc_thematiques .fond_gris .boite_lien span.metiers, .rubrique1 #bloc_thematiques .fond_gris .boite_lien span.form, .rubrique1 #bloc_thematiques .fond_gris .boite_lien span.metiers {
  font-weight: 700;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien span.domaine, .rubrique1 #bloc_thematiques .fond_gris .boite_lien span.domaine {
  display: none;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien .lien_metier, .rubrique1 #bloc_thematiques .fond_gris .boite_lien .lien_metier {
  display: inline-block;
  color: #07dee0;
  text-transform: uppercase;
  font-size: 2.4rem;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_lien .lien_formation, .rubrique1 #bloc_thematiques .fond_gris .boite_lien .lien_formation {
  display: inline-block;
  color: #ff4867;
  text-transform: uppercase;
  font-size: 2.4rem;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc {
  background-color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadremetier, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadremetier, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation {
  margin-left: 0;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadremetier:after, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation:after, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadremetier:after, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation:after {
  content: "";
  display: none;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadremetier:before, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation:before, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadremetier:before, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 1em;
  position: absolute;
  left: 10px;
  top: calc(50% - 10px);
  font-weight: 900;
  color: #07dee0;
  border-radius: 50%;
  text-align: center;
  background-color: #ffffff;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation:before, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cadreformation:before {
  color: #ff4867;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cms-icon.analyse::before, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc .cms-icon.analyse::before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_emploi_analyse_blanc.png');
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a {
  color: #ffffff;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a .h3, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a .h3 {
  color: #ffffff;
  font-weight: 600;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:hover, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:focus, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:active, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:hover, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:focus, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:active {
  color: #000000;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:hover span.h3, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:focus span.h3, .rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:active span.h3, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:hover span.h3, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:focus span.h3, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a:active span.h3 {
  color: #000000;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a .fas:before, .rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a .fas:before {
  width: 20px;
  line-height: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  font-weight: 900;
  font-size: 1em;
  display: inline-flex;
  margin-left: 10px;
  margin-right: 4px;
  align-items: center;
  justify-content: center;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant, .rubrique1 #bloc_thematiques #colonne_donnees .contenant {
  min-height: 50px;
  margin-bottom: 10px;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier .table_cell, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation .table_cell, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier .table_cell, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation .table_cell {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-icon, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation .cms-icon, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-icon, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation .cms-icon {
  height: 56px;
  width: 56px;
  min-width: 56px;
  overflow: hidden;
  display: inline-flex;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-block, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation .cms-block, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-block, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation .cms-block {
  font-size: 1.2em;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation:hover, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation:focus, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation:active, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation:hover, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation:focus, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation:active {
  /*-59*/
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation:hover .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation:focus .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadreformation:active .cms-icon:before, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover .cms-icon:before, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus .cms-icon:before, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active .cms-icon:before, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation:hover .cms-icon:before, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation:focus .cms-icon:before, .rubrique1 #bloc_thematiques #colonne_donnees .contenant .cadreformation:active .cms-icon:before {
  margin-left: -118px;
}
.rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-icon.superpose {
  margin-top: -160px;
  transform: scale(0.8);
  left: -5px;
}
.rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-icon.superpose:before {
  margin-left: 0;
}
.rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon.superpose {
  margin-top: -170px;
  margin-left: 38px;
  transform: scale(0.5);
}
.rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-icon.superpose:before {
  margin-left: 0;
}
.btn-primary {
  color: #ffffff;
  font-weight: 900;
  background-color: #757474;
  /*$datadColor1*/
  border-color: #757474;
  /*$datadColor1*/
  border-radius: 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #ffffff;
  border-color: #757474;
  /*$datadColor1*/
  color: #757474;
  /*$datadColor1*/
}
@media (min-width: 1000px) {
  .btn-primary {
    font-size: 1.2rem;
  }
}
.btn-primary.presentation {
  background-color: #41475e;
  border-color: #41475e;
}
.btn-primary.presentation:hover, .btn-primary.presentation:focus, .btn-primary.presentation:active {
  background-color: #ffffff;
  border-color: #41475e;
  color: #41475e;
}
.btn-primary.actualite {
  background-color: #818594;
  border-color: #818594;
}
.btn-primary.actualite:hover, .btn-primary.actualite:focus, .btn-primary.actualite:active {
  background-color: #ffffff;
  border-color: #818594;
  color: #818594;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #ffffff;
  border-color: #757474;
  color: #757474;
}
.page_recherche #bloc_thematiques #colonne_donnees .cadremetier, .page_votre_selection #bloc_thematiques #colonne_donnees .cadremetier {
  border-radius: 20px;
}
.page_recherche #bloc_thematiques #colonne_donnees .cadremetier .cms-icon, .page_votre_selection #bloc_thematiques #colonne_donnees .cadremetier .cms-icon {
  height: 30px;
  width: 30px;
  overflow: hidden;
  display: inline-flex;
}
.page_recherche #bloc_thematiques #colonne_donnees .cadremetier:after, .page_votre_selection #bloc_thematiques #colonne_donnees .cadremetier:after {
  content: "";
  display: none;
}
.page_recherche #bloc_thematiques #colonne_donnees .cadremetier:hover, .page_recherche #bloc_thematiques #colonne_donnees .cadremetier:focus, .page_recherche #bloc_thematiques #colonne_donnees .cadremetier:active, .page_votre_selection #bloc_thematiques #colonne_donnees .cadremetier:hover, .page_votre_selection #bloc_thematiques #colonne_donnees .cadremetier:focus, .page_votre_selection #bloc_thematiques #colonne_donnees .cadremetier:active {
  background: #edecec;
  color: #636262;
}
.page_recherche .liste.resultats h2, .page_votre_selection .liste.resultats h2 {
  border-radius: 20px;
  background-color: #ff4867;
  color: #ffffff;
  padding: 0.7rem;
}
.page_recherche .liste.resultats .liste-items .item, .page_votre_selection .liste.resultats .liste-items .item {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.page_recherche .liste.resultats .liste-items .item a, .page_votre_selection .liste.resultats .liste-items .item a {
  font-size: 1rem;
  color: #ff4867;
}
.page_recherche .liste.resultats .liste-items .item a:hover, .page_recherche .liste.resultats .liste-items .item a:focus, .page_recherche .liste.resultats .liste-items .item a:active, .page_votre_selection .liste.resultats .liste-items .item a:hover, .page_votre_selection .liste.resultats .liste-items .item a:focus, .page_votre_selection .liste.resultats .liste-items .item a:active {
  color: #000000;
}
.page_recherche .liste.resultats .liste-items .item .fas:before, .page_votre_selection .liste.resultats .liste-items .item .fas:before {
  width: 15px;
  border-radius: 50%;
  text-align: center;
  background-color: #ff4867;
  color: #ffffff;
  font-weight: 900;
  font-size: 0.6em;
  line-height: 15px;
  height: 15px;
  display: inline-flex;
  margin-left: 0;
  align-items: center;
  justify-content: center;
  top: -3px;
  position: relative;
}
.page_recherche .liste.resultats.metiers h2, .page_votre_selection .liste.resultats.metiers h2 {
  background-color: #07dee0;
  font-size: 1.5em;
  /*0.8*/
}
.page_recherche .liste.resultats.metiers h2 span, .page_votre_selection .liste.resultats.metiers h2 span {
  font-size: 1.8em;
}
.page_recherche .liste.resultats.metiers .liste-items .item a, .page_votre_selection .liste.resultats.metiers .liste-items .item a {
  color: #07dee0;
}
.page_recherche .liste.resultats.metiers .liste-items .item a:hover, .page_recherche .liste.resultats.metiers .liste-items .item a:focus, .page_recherche .liste.resultats.metiers .liste-items .item a:active, .page_votre_selection .liste.resultats.metiers .liste-items .item a:hover, .page_votre_selection .liste.resultats.metiers .liste-items .item a:focus, .page_votre_selection .liste.resultats.metiers .liste-items .item a:active {
  color: #000000;
}
.page_recherche .liste.resultats.metiers .liste-items .item a span.detail, .page_votre_selection .liste.resultats.metiers .liste-items .item a span.detail {
  color: #000000;
}
.page_recherche .liste.resultats.metiers .liste-items .item a span.detail:hover, .page_recherche .liste.resultats.metiers .liste-items .item a span.detail:focus, .page_recherche .liste.resultats.metiers .liste-items .item a span.detail:active, .page_votre_selection .liste.resultats.metiers .liste-items .item a span.detail:hover, .page_votre_selection .liste.resultats.metiers .liste-items .item a span.detail:focus, .page_votre_selection .liste.resultats.metiers .liste-items .item a span.detail:active {
  color: #07dee0;
}
.page_recherche .liste.resultats.metiers .liste-items .item .fas:before, .page_votre_selection .liste.resultats.metiers .liste-items .item .fas:before {
  background-color: #07dee0;
}
.page_recherche .liste.resultats.formations h2, .page_votre_selection .liste.resultats.formations h2 {
  background-color: #ff4867;
  font-size: 1.5em;
  /*0.8*/
}
.page_recherche .liste.resultats.formations h2 span, .page_votre_selection .liste.resultats.formations h2 span {
  font-size: 1.8em;
}
.page_recherche .liste.resultats.formations .liste-items .item a, .page_votre_selection .liste.resultats.formations .liste-items .item a {
  color: #ff4867;
}
.page_recherche .liste.resultats.formations .liste-items .item a:hover, .page_recherche .liste.resultats.formations .liste-items .item a:focus, .page_recherche .liste.resultats.formations .liste-items .item a:active, .page_votre_selection .liste.resultats.formations .liste-items .item a:hover, .page_votre_selection .liste.resultats.formations .liste-items .item a:focus, .page_votre_selection .liste.resultats.formations .liste-items .item a:active {
  color: #000000;
}
.page_recherche .liste.resultats.formations .liste-items .item a span.detail, .page_votre_selection .liste.resultats.formations .liste-items .item a span.detail {
  color: #000000;
}
.page_recherche .liste.resultats.formations .liste-items .item a span.detail:hover, .page_recherche .liste.resultats.formations .liste-items .item a span.detail:focus, .page_recherche .liste.resultats.formations .liste-items .item a span.detail:active, .page_votre_selection .liste.resultats.formations .liste-items .item a span.detail:hover, .page_votre_selection .liste.resultats.formations .liste-items .item a span.detail:focus, .page_votre_selection .liste.resultats.formations .liste-items .item a span.detail:active {
  color: #ff4867;
}
.page_recherche .liste.resultats.formations .liste-items .item .fas:before, .page_votre_selection .liste.resultats.formations .liste-items .item .fas:before {
  background-color: #ff4867;
}
.page_recherche .liste.articles, .page_votre_selection .liste.articles {
  text-align: left;
}
/*************  2  *******************************************/
.article2 .main-header svg .logo_datadecision_at, .article2 .modal-header svg .logo_datadecision_at, .rubrique2 .main-header svg .logo_datadecision_at, .rubrique2 .modal-header svg .logo_datadecision_at {
  fill: #07dee0;
}
.article2 .main-header #menu .nav-item .nav-link.actif, .article2 .modal-header #menu .nav-item .nav-link.actif, .rubrique2 .main-header #menu .nav-item .nav-link.actif, .rubrique2 .modal-header #menu .nav-item .nav-link.actif {
  color: #07dee0;
}
.rubrique2 {
  /*
	.btn-primary {
		color: #ffffff;
		background-color: $structureColorFond1;
		border-color: $structureColorFond1;
		@include hover-focus-active {
			background-color: #ffffff;
			border-color: $structureColorFond1;
			color: $structureColorFond1;
		}
	}
*/
}
.rubrique2 .modal-content {
  /*idem .titre_question */
}
.rubrique2 .modal-content .modal-header h3 {
  color: #414143;
  font-size: 1.5em;
}
.rubrique2 .wrapper .main-sidebar, .rubrique2 .wrapper .control-sidebar {
  background-color: #07dee0;
}
.rubrique2 .main-sidebar, .rubrique2 .sidebar {
  background-color: #07dee0;
}
.rubrique2 .main-sidebar .bouton, .rubrique2 .sidebar .bouton {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
.rubrique2 .main-sidebar .bouton span, .rubrique2 .sidebar .bouton span {
  font-size: 1.8em;
}
.rubrique2 .main-sidebar .bouton a, .rubrique2 .sidebar .bouton a {
  color: #ffffff;
}
.rubrique2 .main-sidebar .bouton.chevron:after, .rubrique2 .sidebar .bouton.chevron:after {
  color: #07dee0;
}
.rubrique2 .main-sidebar .bouton.chevron:hover, .rubrique2 .main-sidebar .bouton.chevron:focus, .rubrique2 .main-sidebar .bouton.chevron:active, .rubrique2 .sidebar .bouton.chevron:hover, .rubrique2 .sidebar .bouton.chevron:focus, .rubrique2 .sidebar .bouton.chevron:active {
  background-color: #ffffff;
  color: #07dee0;
}
.rubrique2 .main-sidebar .bouton.chevron:hover a, .rubrique2 .main-sidebar .bouton.chevron:focus a, .rubrique2 .main-sidebar .bouton.chevron:active a, .rubrique2 .sidebar .bouton.chevron:hover a, .rubrique2 .sidebar .bouton.chevron:focus a, .rubrique2 .sidebar .bouton.chevron:active a {
  color: #07dee0;
}
.rubrique2 .main-sidebar .bouton.chevron:hover:after, .rubrique2 .main-sidebar .bouton.chevron:focus:after, .rubrique2 .main-sidebar .bouton.chevron:active:after, .rubrique2 .sidebar .bouton.chevron:hover:after, .rubrique2 .sidebar .bouton.chevron:focus:after, .rubrique2 .sidebar .bouton.chevron:active:after {
  color: #ffffff;
  background-color: #07dee0;
}
.rubrique2 #colonne_outils .cms-block {
  background-color: #07dee0;
}
.rubrique2 #colonne_outils .cms-block:hover, .rubrique2 #colonne_outils .cms-block:focus, .rubrique2 #colonne_outils .cms-block:active {
  background-color: #757474;
  /*$datadColor1*/
  /*$structureColorFond2*/
}
.rubrique2 #colonne_outils .cms-block .survol {
  background-color: #757474;
  /*$datadColor1*/
  /*$structureColorFond2*/
}
.rubrique2 #colonne_outils .cms-block.open {
  background-color: #757474;
  /*$datadColor1*/
  /*$structureColorFond2*/
}
.rubrique2 #bgh_bloc_centre .objet_etroit_lien_m {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .titre_rubrique {
  color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris h3 {
  color: #07dee0;
  align-self: center;
  font-weight: 700;
  font-size: 1.1rem;
  padding-right: 3rem;
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc {
  background-color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadremetier:before {
  background-color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation:after {
  background-color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_formation .cms-block span, .rubrique2 #bloc_thematiques .fond_gris .boite_metier .cms-block span {
  color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc {
  background-color: #07dee0;
}
.rubrique2 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a .fas:before {
  color: #07dee0;
}
.rubrique2 .titre_masque {
  background-color: #07dee0;
}
.rubrique2 footer ul li {
  border-left: 1px solid #07dee0;
}
.rubrique2 footer ul li:first-child {
  border: 0;
}
.rubrique2 footer ul li a {
  color: #414143;
}
.rubrique2 footer ul li a:hover, .rubrique2 footer ul li a:focus, .rubrique2 footer ul li a:active {
  /*@structureColor2;*/
  color: #07dee0;
}
/*************  1 *******************************************/
.article1 .main-header svg .logo_datadecision_at, .article1 .modal-header svg .logo_datadecision_at {
  fill: #ff4867;
}
.article1 .main-header #menu .nav-item .nav-link.actif, .article1 .modal-header #menu .nav-item .nav-link.actif {
  color: #ff4867;
}
.rubrique1 {
  /*
	.btn-primary {
		color: #ffffff;
		background-color: $structureColorFond2;
		border-color: $structureColorFond2;
		@include hover-focus-active {
			background-color: #ffffff;
			border-color: $structureColorFond2;
			color: $structureColorFond2;
		}
	}
*/
}
.rubrique1 .modal-content {
  /*idem .titre_question */
}
.rubrique1 .modal-content .modal-header h3 {
  color: #414143;
  font-size: 1.5em;
}
.rubrique1 .wrapper .main-sidebar, .rubrique1 .wrapper .control-sidebar {
  background-color: #ff4867;
}
.rubrique1 .main-sidebar, .rubrique1 .sidebar {
  background-color: #ff4867;
}
.rubrique1 .main-sidebar .bouton, .rubrique1 .sidebar .bouton {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
.rubrique1 .main-sidebar .bouton span, .rubrique1 .sidebar .bouton span {
  font-size: 1.8em;
}
.rubrique1 .main-sidebar .bouton a, .rubrique1 .sidebar .bouton a {
  color: #ffffff;
}
.rubrique1 .main-sidebar .bouton.chevron:after, .rubrique1 .sidebar .bouton.chevron:after {
  color: #ff4867;
}
.rubrique1 .main-sidebar .bouton.chevron:hover, .rubrique1 .main-sidebar .bouton.chevron:focus, .rubrique1 .main-sidebar .bouton.chevron:active, .rubrique1 .sidebar .bouton.chevron:hover, .rubrique1 .sidebar .bouton.chevron:focus, .rubrique1 .sidebar .bouton.chevron:active {
  background-color: #ffffff;
  color: #07dee0;
}
.rubrique1 .main-sidebar .bouton.chevron:hover a, .rubrique1 .main-sidebar .bouton.chevron:focus a, .rubrique1 .main-sidebar .bouton.chevron:active a, .rubrique1 .sidebar .bouton.chevron:hover a, .rubrique1 .sidebar .bouton.chevron:focus a, .rubrique1 .sidebar .bouton.chevron:active a {
  color: #ff4867;
}
.rubrique1 .main-sidebar .bouton.chevron:hover:after, .rubrique1 .main-sidebar .bouton.chevron:focus:after, .rubrique1 .main-sidebar .bouton.chevron:active:after, .rubrique1 .sidebar .bouton.chevron:hover:after, .rubrique1 .sidebar .bouton.chevron:focus:after, .rubrique1 .sidebar .bouton.chevron:active:after {
  color: #ffffff;
  background-color: #ff4867;
}
.rubrique1 #colonne_outils .cms-block {
  background-color: #ff4867;
}
.rubrique1 #colonne_outils .cms-block:hover, .rubrique1 #colonne_outils .cms-block:focus, .rubrique1 #colonne_outils .cms-block:active {
  background-color: #757474;
  /*$datadColor1*/
  /*$structureColorFond2*/
}
.rubrique1 #colonne_outils .cms-block .survol {
  background-color: #757474;
  /*$datadColor1*/
  /*$structureColorFond2*/
}
.rubrique1 #colonne_outils .cms-block.open {
  background-color: #757474;
  /*$datadColor1*/
  /*$structureColorFond2*/
}
.rubrique1 #bgh_bloc_centre .objet_etroit_lien_f {
  border-radius: 20px;
}
.rubrique1 #bloc_thematiques .titre_rubrique {
  color: #ff4867;
}
.rubrique1 #bloc_thematiques .fond_gris h3 {
  color: #ff4867;
  align-self: center;
  font-weight: 700;
  font-size: 1.1rem;
  padding-right: 3rem;
}
.rubrique1 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc {
  background-color: #ff4867;
}
.rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreformation:before {
  background-color: #ff4867;
}
.rubrique1 #bloc_thematiques .fond_gris .interieur.hauteur_bloc .cadreformation:after {
  background-color: #ff4867;
}
.rubrique1 #bloc_thematiques .fond_gris .boite_formation .cms-block span, .rubrique1 #bloc_thematiques .fond_gris .boite_metier .cms-block span {
  color: #ff4867;
}
.rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc {
  background-color: #ff4867;
}
.rubrique1 #bloc_thematiques .fond_gris .boite_analyse .interieur.hauteur_bloc a .fas:before {
  color: #ff4867;
}
.rubrique1 #progression .step:hover a, .rubrique1 #progression .step:focus a, .rubrique1 #progression .step:active a {
  color: #ff4867;
}
.rubrique1 #progression .step .step-content a {
  color: #ff4867;
}
.rubrique1 #progression .step .step-content a:hover, .rubrique1 #progression .step .step-content a:focus, .rubrique1 #progression .step .step-content a:active {
  color: #ff4867;
}
.rubrique1 #progression .step .step-circle:hover::after {
  background-color: rgba(255, 72, 103, 0.7);
}
.rubrique1 #progression .step.current .step-circle {
  border-color: rgba(255, 72, 103, 0.7);
}
.rubrique1 #progression .step.current .step-circle::after {
  background-color: rgba(255, 72, 103, 0.7);
}
.rubrique1 #progression .step.current .step-content {
  color: #ff4867;
}
.rubrique1 #progression .step.current .step-content a {
  color: #757474;
  /*$datadColor1*/
}
.rubrique1 #progression .step .step-progress .step-bar {
  background: rgba(255, 72, 103, 0.7) none repeat scroll 0 0;
}
.rubrique1 #progression .step .step-progress .step-bar::after {
  background: rgba(255, 72, 103, 0.7) none repeat scroll 0 0;
}
.rubrique1 #progression .step .step-progress .step-circle {
  background: rgba(255, 72, 103, 0.7) none repeat scroll 0 0;
  border: 1px solid rgba(255, 72, 103, 0.7);
}
.rubrique1 #progression .step.current .step-progress .step-circle, .rubrique1 #progression .step:hover .step-progress .step-circle {
  background-color: #757474;
  /*$datadColor1*/
}
.rubrique1 #progression .step.done .step-progress .step-circle {
  background: rgba(255, 72, 103, 0.7) none repeat scroll 0 0;
}
.rubrique1 #progression .step.current .step-progress .step-circle {
  border: 1px solid rgba(255, 72, 103, 0.7);
}
.rubrique1 #progression .step.current .step-progress .step-circle::after {
  background: rgba(255, 72, 103, 0.7) none repeat scroll 0 0;
}
.rubrique1 #progression .bouton {
  background-color: #ff4867;
  border: 1px solid #ff4867;
}
.rubrique1 #progression .bouton.precedent:before {
  color: #ff4867;
}
.rubrique1 #progression .bouton.suivant:after {
  color: #ff4867;
}
.rubrique1 .titre_masque {
  background-color: #ff4867;
}
.rubrique1 footer ul li {
  border-left: 1px solid #ff4867;
}
.rubrique1 footer ul li:first-child {
  border: 0;
}
.rubrique1 footer ul li a {
  color: #414143;
}
.rubrique1 footer ul li a:hover, .rubrique1 footer ul li a:focus, .rubrique1 footer ul li a:active {
  /*@structureColor2;*/
  color: #ff4867;
}
/*** FIN surcharge boot-theme ***/
.sidebar-collapse .titre_masque {
  display: block;
}
.formulaire_recherche {
  margin: 0;
}
.formulaire_recherche form .editer-groupe {
  margin-bottom: 0;
}
.formulaire_recherche form .editer-groupe .fond {
  background: #edecec;
  border-radius: 20px;
}
.formulaire_recherche form .editer-groupe label {
  display: none;
}
.formulaire_recherche form .editer-groupe input.search {
  display: inline-block;
  width: calc(100% - 60px);
  background: transparent;
  border: none;
  color: #000000;
  padding: 5px 0 5px 15px;
  box-shadow: none;
}
.formulaire_recherche form .editer-groupe input.search input::placeholder {
  color: #636262;
}
.formulaire_recherche form .editer-groupe .search-field-button {
  display: inline-block;
  width: 40px;
  padding: 5px;
  background: transparent;
  border: none;
  color: #ffffff;
}
.formulaire_recherche form .editer-groupe .search-field-button span.fa {
  font-size: 1.2rem;
  border-radius: 15px;
  background: #757474;
  /*$datadColor1*/
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 0;
  border: 1px solid #757474;
  /*$datadColor1*/
}
.formulaire_recherche form .editer-groupe .search-field-button:hover span.fa, .formulaire_recherche form .editer-groupe .search-field-button:focus span.fa, .formulaire_recherche form .editer-groupe .search-field-button:active span.fa {
  color: #757474;
  background: #ffffff;
  /*$datadColor1*/
}
.formulaire_recherche form .editer-groupe input.search:focus {
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .layout-fixed .wrapper .content-wrapper {
    padding-bottom: 0;
  }
  .layout-fixed .wrapper footer {
    position: relative;
    text-align: center;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .layout-fixed .wrapper footer ul {
    height: auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0 !important;
  }
  .layout-fixed .wrapper footer ul li {
    max-width: 90px;
    justify-content: center;
  }
  .layout-fixed .wrapper footer ul li:first-child {
    flex: 0 0 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .layout-fixed .wrapper footer ul li:nth-child(2) {
    border-left: 0;
  }
  .layout-fixed .wrapper footer .je_donne_mon_avis {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .page_sommaire .layout-fixed .wrapper .content-wrapper {
    padding-bottom: 0;
  }
  .page_sommaire .layout-fixed .wrapper footer {
    position: relative;
    text-align: center;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .page_sommaire .layout-fixed .wrapper footer ul {
    height: auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .page_sommaire .layout-fixed .wrapper footer ul li {
    max-width: 90px;
    justify-content: center;
  }
  .page_sommaire .layout-fixed .wrapper footer ul li:first-child {
    flex: 0 0 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .page_sommaire .layout-fixed .wrapper footer ul li:nth-child(2) {
    border-left: 0;
  }
  .page_sommaire .layout-fixed .wrapper footer .je_donne_mon_avis {
    margin: 10px 0 0;
  }
  .page_sommaire .layout-fixed .wrapper footer .logo_financeurs {
    margin: 10px 0 0;
  }
}
.voir_tout_mlogo, .voir_tout_flogo, .voir_tout_slogo, .voir_tout_rlogo, .voir_tout_dlogo, .voir_tout_zlogo {
  text-align: right;
  width: 100%;
}
.voir_tout_mlogo.chevron_logo a, .voir_tout_flogo.chevron_logo a, .voir_tout_slogo.chevron_logo a, .voir_tout_rlogo.chevron_logo a, .voir_tout_dlogo.chevron_logo a, .voir_tout_zlogo.chevron_logo a {
  position: relative;
  color: #636262;
  margin: 0;
  font-size: 0.8em;
  line-height: 1.4em;
  min-height: 75px;
  width: 180px;
  /*150*/
  display: inline-flex;
  padding: 0 35px 0 15px;
  align-items: center;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  background-color: #ffffff;
  border-radius: 20px;
}
.voir_tout_mlogo.chevron_logo a:after, .voir_tout_flogo.chevron_logo a:after, .voir_tout_slogo.chevron_logo a:after, .voir_tout_rlogo.chevron_logo a:after, .voir_tout_dlogo.chevron_logo a:after, .voir_tout_zlogo.chevron_logo a:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 1em;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  font-weight: 900;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
}
.voir_tout_mlogo.chevron_logo a {
  border: 2px solid #07dee0;
}
.voir_tout_mlogo.chevron_logo a:after {
  background-color: #07dee0;
}
.voir_tout_mlogo.chevron_logo a:hover, .voir_tout_mlogo.chevron_logo a:focus, .voir_tout_mlogo.chevron_logo a:active {
  border-color: #07dee0;
  background-color: #07dee0;
}
.voir_tout_mlogo.chevron_logo a:hover:after, .voir_tout_mlogo.chevron_logo a:focus:after, .voir_tout_mlogo.chevron_logo a:active:after {
  color: #07dee0;
  background-color: #ffffff;
}
.voir_tout_flogo.chevron_logo a {
  border: 2px solid #ff4867;
}
.voir_tout_flogo.chevron_logo a:after {
  background-color: #ff4867;
}
.voir_tout_flogo.chevron_logo a:hover, .voir_tout_flogo.chevron_logo a:focus, .voir_tout_flogo.chevron_logo a:active {
  color: #ffffff;
  border-color: #ff4867;
  background-color: #ff4867;
}
.voir_tout_flogo.chevron_logo a:hover:after, .voir_tout_flogo.chevron_logo a:focus:after, .voir_tout_flogo.chevron_logo a:active:after {
  color: #07dee0;
  background-color: #ffffff;
}
.voir_tout_slogo.chevron_logo a {
  border: 2px solid #FBB900;
}
.voir_tout_slogo.chevron_logo a:after {
  background-color: #FBB900;
}
.voir_tout_slogo.chevron_logo a:hover, .voir_tout_slogo.chevron_logo a:focus, .voir_tout_slogo.chevron_logo a:active {
  border-color: #FBB900;
  background-color: #FBB900;
}
.voir_tout_slogo.chevron_logo a:hover:after, .voir_tout_slogo.chevron_logo a:focus:after, .voir_tout_slogo.chevron_logo a:active:after {
  color: #FBB900;
  background-color: #ffffff;
}
.voir_tout_rlogo.chevron_logo a, .voir_tout_dlogo.chevron_logo a, .voir_tout_zlogo.chevron_logo a {
  border: 2px solid #00a2a5;
}
.voir_tout_rlogo.chevron_logo a:after, .voir_tout_dlogo.chevron_logo a:after, .voir_tout_zlogo.chevron_logo a:after {
  background-color: #00a2a5;
}
.voir_tout_rlogo.chevron_logo a:hover, .voir_tout_rlogo.chevron_logo a:focus, .voir_tout_rlogo.chevron_logo a:active, .voir_tout_dlogo.chevron_logo a:hover, .voir_tout_dlogo.chevron_logo a:focus, .voir_tout_dlogo.chevron_logo a:active, .voir_tout_zlogo.chevron_logo a:hover, .voir_tout_zlogo.chevron_logo a:focus, .voir_tout_zlogo.chevron_logo a:active {
  color: #ffffff;
  border-color: #00a2a5;
  background-color: #00a2a5;
}
.voir_tout_rlogo.chevron_logo a:hover:after, .voir_tout_rlogo.chevron_logo a:focus:after, .voir_tout_rlogo.chevron_logo a:active:after, .voir_tout_dlogo.chevron_logo a:hover:after, .voir_tout_dlogo.chevron_logo a:focus:after, .voir_tout_dlogo.chevron_logo a:active:after, .voir_tout_zlogo.chevron_logo a:hover:after, .voir_tout_zlogo.chevron_logo a:focus:after, .voir_tout_zlogo.chevron_logo a:active:after {
  color: #00a2a5;
  background-color: #ffffff;
}
/* surcharge rubrique 2 pour les articles sources et presentation*/
.article18 #colonne_donnees h3, .article18 #colonne_donnees h4, .article18 #colonne_donnees h5, .article19 #colonne_donnees h3, .article19 #colonne_donnees h4, .article19 #colonne_donnees h5 {
  color: #07dee0;
  font-family: "Open Sans", sans-serif;
}
.article18 #colonne_donnees ul.spip li::before, .article19 #colonne_donnees ul.spip li::before {
  color: #07dee0;
}
.logos_financeurs_fond_blanc {
  text-align: center;
  font-size: 0.7em;
  color: #757474;
  padding: 10px 0 10px;
  line-height: 1em;
  font-family: "Open Sans", sans-serif;
  z-index: 10;
}
.logos_financeurs_fond_blanc:after {
  content: "";
  clear: both;
  display: block;
}
/* feuille surcharge rubrique 2 1*/
.glyphicon-gauche {
  width: 59px;
  overflow: hidden;
  display: inline-block;
}
.glyphicon-orm-formation-3NA15:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA15.png');
}
.glyphicon-orm-formation-2NA02:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA02.png');
}
.glyphicon-orm-formation-2NA03:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA03.png');
}
.glyphicon-orm-formation-2NA04:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA04.png');
}
.glyphicon-orm-formation-2NA08:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA08.png');
}
.glyphicon-orm-formation-3NA16:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA16.png');
}
.glyphicon-orm-formation-3NA11:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA11.png');
}
.glyphicon-orm-formation-3NA17:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA17.png');
}
.glyphicon-orm-formation-3NA18:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA18.png');
}
.glyphicon-orm-formation-2NA06:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA06.png');
}
.glyphicon-orm-formation-3NA12:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA12.png');
}
.glyphicon-orm-formation-2NA07:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA07.png');
}
.glyphicon-orm-formation-2NA09:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA09.png');
}
.glyphicon-orm-formation-2NA05:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_2NA05.png');
}
.glyphicon-orm-formation-3NA14:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA14.png');
}
.glyphicon-orm-formation-1NA01:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_1NA01.png');
}
.glyphicon-orm-formation-3NA19:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA19.png');
}
.glyphicon-orm-formation-3NA10:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA10.png');
}
.glyphicon-orm-formation-3NA13:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_3NA13.png');
}
.glyphicon-orm-formation-A:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_A.png');
}
.glyphicon-orm-formation-B:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_B.png');
}
.glyphicon-orm-formation-C:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_C.png');
}
.glyphicon-orm-formation-D:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_D.png');
}
.glyphicon-orm-formation-E:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_E.png');
}
.glyphicon-orm-formation-F:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_F.png');
}
.glyphicon-orm-formation-G:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_G.png');
}
.glyphicon-orm-formation-H:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_H.png');
}
.glyphicon-orm-formation-J:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_J.png');
}
.glyphicon-orm-formation-K:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_K.png');
}
.glyphicon-orm-formation-L:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_L.png');
}
.glyphicon-orm-formation-M:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_M.png');
}
.glyphicon-orm-formation-N:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_N.png');
}
.glyphicon-orm-formation-P:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_P.png');
}
.glyphicon-orm-formation-Q:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_Q.png');
}
.glyphicon-orm-formation-R:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_R.png');
}
.glyphicon-orm-formation-S:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_S.png');
}
.glyphicon-orm-formation-T:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_T.png');
}
.glyphicon-orm-formation-U:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_U.png');
}
.glyphicon-orm-formation-V:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_V.png');
}
.glyphicon-orm-formation-W:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_W.png');
}
.glyphicon-orm-formation-X:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_X.png');
}
.glyphicon-orm-formation-formation_emploi:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_formation_formation_emploi.png');
}
.glyphicon-orm-formation-metier_vise:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_formation_metier_vise.png');
}
.glyphicon-orm-formation-metier_exerce:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_formation_metier_exerce.png');
}
.glyphicon-orm-metier-emploi_formation:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_emploi_formation.png');
}
.glyphicon-orm-metier-formation_vise:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_formation_vise.png');
}
.glyphicon-orm-metier-formation_exerce:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_formation_exerce.png');
}
.glyphicon-orm-sources:before {
  content: url('https://metafor.cariforef-provencealpescotedazur.fr/squelettes/img/picto_sources.png');
}