/*
#@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 ****/
/*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 */
/* violet OPCO => jaune secteur */
/* bleu OPCO => bleu fond territoires */
/* vert OPCO */
/*** palette couleur init OLD DATADECISION ***/
/* pour corespondances et ajout
bleu fond
$structureColor0:		#00a2a5; => $structureColorFond2

bleu logo DAT
$structureColor1:		#006292; => $datadColor1

bleu logo DECISION
$structureColor2:		#73c4d9; => $datadColor2

bleu clair
$structureColor3:		#98d4f4; =>
$structureColorOutils:	#98d4f4;

bleuNoir logo @
$structureColor4:		#41475e; => $datadColor4
*/
/* bleu logo DAT */
/* bleu logo DECISION */
/* bleu logo @ */
/*** palette couleur METAFOR (page recherche) ***/
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_datadecision_dat, .modal-header svg .logo_datadecision_dat {
  fill: #006292;
}
.main-header svg .logo_datadecision_at, .modal-header svg .logo_datadecision_at {
  fill: #41475e;
}
.main-header svg .logo_datadecision_decision, .modal-header svg .logo_datadecision_decision {
  fill: #73c4d9;
}
.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://datadecision.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://datadecision.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://datadecision.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://datadecision.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://datadecision.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://datadecision.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: #006292;
  /*$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://datadecision.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://datadecision.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://datadecision.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://datadecision.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://datadecision.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://datadecision.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://datadecision.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 .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 .presentation .ligne1 {
  font-size: 1.1rem;
}
.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: #edecec;
  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 #bloc_accueil {
  flex: 1;
  padding: 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 .secteurs, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot {
  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 .secteurs, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot {
    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 .secteurs .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .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.8rem;
  font-weight: 700;
}
.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 .secteurs .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .secteurs .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .secteurs .titre a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre a:active, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre a:hover, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre a:focus, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre a:active {
  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 .secteurs .titre .niveau2 .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre .niveau2 .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre .niveau2 .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre .niveau2 .titre {
  text-transform: none;
  font-size: 1.2rem;
  font-weight: 500;
  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 .secteurs .titre .texte_petit, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre .texte_petit, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre .texte_petit, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre .texte_petit {
  text-transform: none;
  font-size: 1.2rem;
  font-weight: 500;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .formations .titre {
  background-color: #ff4662;
  border-color: #ff4662;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .secteurs .titre {
  background-color: #FBB900;
  border-color: #FBB900;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .territoires .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre, .page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre {
  background-color: #00a2a5;
  border-color: #00a2a5;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .opco .titre {
  background-color: #291F6C;
  border-color: #291F6C;
}
.page_sommaire .layout-fixed .wrapper #accueil #bloc_accueil .octopilot .titre {
  background-color: #ffffff;
  color: #b7ddd5;
  border-color: #b7ddd5;
}
.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: #FBB900;
    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://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_retour_questions.png');
}
#colonne_outils .glyphicon-orm-outils_fermer_questions:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_fermer.png');
}
#colonne_outils .glyphicon-orm-outils_question_suivante:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_question_suivante.png');
}
#colonne_outils .glyphicon-orm-outils_question_precedente:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_question_precedente.png');
}
#colonne_outils .glyphicon-orm-outils_favori:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_favori.png');
}
#colonne_outils .glyphicon-orm-outils_sources:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_sources.png');
}
#colonne_outils .glyphicon-orm-outils_telecharger:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_pdf.png');
}
#colonne_outils .glyphicon-orm-outils_zip:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_zip.png');
}
#colonne_outils .glyphicon-orm-outils_zip2:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_outils_zip2.png');
}
#colonne_outils .glyphicon-orm-outils_imprimer:before {
  content: url('https://datadecision.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-formation-metier_vise:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_formation_metier_vise2.png');
}
#colonne_donnees .titre_question .glyphicon-formation-metier_exerce:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_emploi_formation.png');
  margin-left: -144px;
}
#colonne_donnees .titre_question .glyphicon-metier-formation_vise:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_formation_vise2.png');
}
#colonne_donnees .titre_question .glyphicon-metier-formation_exerce:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_emploi_formation.png');
  margin-left: -144px;
}
#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: #00a2a5;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees h3 .colorsecteur, #colonne_donnees h4 .colorsecteur, #colonne_donnees h5 .colorsecteur {
  color: #FBB900;
  font-family: "Open Sans", sans-serif;
}
#colonne_donnees h3.colorsecteur {
  color: #FBB900;
  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-block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
  font-style: italic;
  padding-left: 3px;
  text-transform: none;
}
#colonne_donnees .cadresecteur, #colonne_donnees .cadrezone, #colonne_donnees .cadredepartement, #colonne_donnees .cadreregion {
  background: #edecec;
  color: #636262;
  padding: 5px;
  position: relative;
}
#colonne_donnees .cadresecteur:after, #colonne_donnees .cadrezone:after, #colonne_donnees .cadredepartement:after, #colonne_donnees .cadreregion: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: #FBB900;
  border-radius: 50%;
  text-align: center;
}
#colonne_donnees .cadresecteur a, #colonne_donnees .cadrezone a, #colonne_donnees .cadredepartement a, #colonne_donnees .cadreregion a {
  color: #636262;
  padding-right: 35px;
  font-size: 0.9rem;
}
#colonne_donnees .cadresecteur:hover, #colonne_donnees .cadresecteur:focus, #colonne_donnees .cadresecteur:active, #colonne_donnees .cadrezone:hover, #colonne_donnees .cadrezone:focus, #colonne_donnees .cadrezone:active, #colonne_donnees .cadredepartement:hover, #colonne_donnees .cadredepartement:focus, #colonne_donnees .cadredepartement:active, #colonne_donnees .cadreregion:hover, #colonne_donnees .cadreregion:focus, #colonne_donnees .cadreregion:active {
  color: #000000;
}
#colonne_donnees .cadresecteur:hover a, #colonne_donnees .cadresecteur:focus a, #colonne_donnees .cadresecteur:active a, #colonne_donnees .cadrezone:hover a, #colonne_donnees .cadrezone:focus a, #colonne_donnees .cadrezone:active a, #colonne_donnees .cadredepartement:hover a, #colonne_donnees .cadredepartement:focus a, #colonne_donnees .cadredepartement:active a, #colonne_donnees .cadreregion:hover a, #colonne_donnees .cadreregion:focus a, #colonne_donnees .cadreregion:active a {
  color: #000000;
}
#colonne_donnees .accordion-body {
  background: #edecec;
  color: #FBB900;
  position: absolute;
  width: calc(100% - 30px);
  top: 70px;
  z-index: 300;
  border: 1px solid #636262;
  box-shadow: 0 5px 2px 2px 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 a:hover, #colonne_donnees .accordion-body .liste_metiers ul li a:focus {
  color: #00a2a5;
  background: #636262;
}
#colonne_donnees #bgh_blocobref h3.ui-accordion-header {
  background: #edecec;
  border-color: #FBB900;
  color: #00a2a5;
  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: #FBB900;
  border-color: #FBB900;
}
/* 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;
}
/* Fil d'ariane */
#progression {
  background-color: #ffffff;
}
#progression .fil {
  height: 80px;
}
#progression .step {
  position: relative;
  display: inline-block;
  margin-right: -5px;
  vertical-align: middle;
  width: 18%;
}
#progression .step.step_court {
  width: 15%;
}
#progression .step:after {
  content: "";
  clear: both;
  display: block;
}
#progression .step:first-child {
  width: 32px;
  margin-left: 5%;
}
#progression .step .step-content {
  color: #000000;
  height: auto;
  position: absolute;
  right: -48px;
  text-align: center;
  transition: all 0.3s ease 1s;
  width: 130px;
  line-height: 1em;
  z-index: 180;
}
#progression .step .step-content:after {
  content: "";
  clear: both;
  display: block;
}
#progression .step .step-content a {
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 15px;
  transition: all 0.6s ease 0s;
  color: #FBB900;
}
#progression .step .step-content a:hover, #progression .step .step-content a:focus, #progression .step .step-content a:active {
  color: #006292;
}
#progression .step.current .step-content a {
  color: #006292;
  font-weight: 700;
}
#progression .step:hover a, #progression .step:focus a, #progression .step:active a {
  color: #006292;
}
#progression .step .step-content p {
  font-size: 13px;
  font-weight: bold;
  opacity: 0;
  transition: all 0.6s ease 0s;
  bottom: -45px;
  height: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}
#progression .step .step-progress {
  /*width: 32px;*/
  height: 33px;
  padding-right: 31px;
  padding-top: 11px;
  position: relative;
  width: auto;
}
#progression .step .step-progress .step-bar {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
  height: 8px;
  margin-left: 0;
  position: relative;
  width: 100%;
  z-index: 50;
}
#progression .step .step-progress .step-bar::after {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.9s ease 0s;
  width: 0;
}
#progression .step .step-progress .step-circle {
  align-items: center;
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
  border: 1px solid rgba(251, 185, 0, 0.7);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-bottom: -1px;
  margin-top: -1px;
  position: absolute;
  right: 0;
  top: 1px;
  transition: all 0.3s ease 1s;
  width: 32px;
  z-index: 100;
  opacity: 0.6;
}
@media (prefers-reduced-motion: reduce) {
  #progression .step .step-progress .step-circle {
    transition: none;
  }
}
#progression .step.current .step-progress .step-circle, #progression .step:hover .step-progress .step-circle {
  opacity: 1;
  background-color: #006292;
}
@keyframes pulse {
  from {
    transform: scale(0.8) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(0deg);
  }
}
#progression .step:hover .step-progress .step-circle {
  transition: all 0.2s ease-out;
  animation: pulse 1s infinite ease-in-out alternate;
}
@media (prefers-reduced-motion: reduce) {
  #progression .step:hover .step-progress .step-circle {
    transition: none;
  }
}
#progression .step .step-progress .step-circle::after {
  /*
		background: $structureColorFond1T70 none repeat scroll 0 0;
		border: 1px solid #fff;
		@include border-radius(50%);
		content: "";
		display: block;
		height: 20px;
		transition: all 0.3s ease 0s;
		width: 20px;
*/
}
#progression .step:first-child .step-progress .step-bar {
  display: none;
}
#progression .step.current .step-content {
  color: #006292;
}
#progression .step.done {
  cursor: pointer;
}
#progression .step.done:hover h4, #progression .step.done:hover p {
  color: #000000;
}
#progression .step.done .step-content p {
  opacity: 1;
}
#progression .step.done .step-progress .step-circle {
  background: rgba(0, 98, 146, 0.7) none repeat scroll 0 0;
}
#progression .step.done .step-progress .step-bar::after {
  height: 160px;
  width: 100%;
}
#progression .step.current .step-progress .step-circle {
  border: 1px solid rgba(251, 185, 0, 0.7);
}
#progression .step.current .step-progress .step-circle::after {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
}
@media (max-width: 1199.98px) {
  #progression .fil {
    height: 90px;
  }
  #progression .step .step-content a {
    display: inline-block;
    max-width: 100px;
  }
}
@media (max-width: 991.98px) {
  #progression {
    padding-top: 0.5rem;
  }
  #progression .step .step-content a {
    max-width: 100px;
  }
}
@media (max-width: 767.98px) {
  #progression {
    padding-top: 0.5rem;
    margin-bottom: 1rem;
  }
  #progression .fil {
    height: auto;
  }
  #progression .step {
    display: block;
    margin-right: 0;
    margin-left: 5%;
    width: 100%;
  }
  #progression .step:first-child {
    width: 100%;
    margin-left: 5%;
  }
  #progression .step .step-progress {
    height: 15px;
    padding-right: 31px;
    padding-top: 11px;
    position: relative;
    width: 15px;
    display: inline-block;
  }
  #progression .step .step-progress .step-circle {
    height: 15px;
    width: 15px;
  }
  #progression .step .step-content {
    height: auto;
    position: absolute;
    left: 50px;
    top: 0;
    text-align: left;
    width: auto;
    display: inline-block;
    right: 0;
  }
  #progression .step .step-content a {
    max-width: none;
    line-height: 0.7rem;
  }
  #progression .step .step-progress .step-bar {
    display: none;
  }
}
#bloc_thematiques .titre_rubrique {
  font-size: 1.2rem;
  text-transform: uppercase;
  background: #FBB900;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  font-weight: 700;
}
#bloc_thematiques .fond_gris {
  background-color: #edecec;
  min-width: 200px;
}
#bloc_thematiques .fond_gris .interieur.hauteur_bloc {
  background: #fff;
  padding: 10px;
  margin: 3px auto;
}
#bloc_thematiques .fond_gris .cms-icon {
  height: 96px;
  width: 96px;
  float: right;
}
@media (max-width: 767.98px) {
  #bloc_thematiques .fond_gris .cms-icon {
    height: 48px;
    width: 48px;
  }
  #bloc_thematiques .fond_gris .cms-icon:before {
    display: inline-block;
    height: 48px;
    width: 48px;
    transform: scale(0.4) translateX(-20px) translateY(-20px);
  }
}
#bloc_thematiques .fond_gris p {
  margin-bottom: 0.4rem;
}
#bloc_thematiques .fond_gris p .fas {
  font-size: 0.7rem;
}
#bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc {
  background-color: rgba(251, 185, 0, 0.7);
  padding: 25px 6px 15px;
}
#bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc .cms-icon {
  float: none;
}
/* sidebar */
.main-sidebar, .sidebar {
  background-repeat: no-repeat;
  background-color: #006292;
  padding: 0;
  /*structureColorFond1*/
  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.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: 0.9em;
  font-weight: 700;
  margin-bottom: 20px;
  /*-118*/
}
.main-sidebar .libelle .domaine, .sidebar .libelle .domaine {
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  font-weight: 400;
}
.main-sidebar .libelle .metiers, .sidebar .libelle .metiers {
  display: block;
}
.main-sidebar .libelle .metiers span, .sidebar .libelle .metiers span {
  /*** maj YS pour espace reduit ***/
  /*margin-top:4%;*/
  display: block;
  text-transform: none;
  font-size: 0.7em;
}
.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_secteur, .sidebar .libelle .lib_secteur {
  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 #006292;
  display: flex;
}
footer ul li:first-child {
  margin-left: 0;
  border: 0;
}
footer ul li a {
  color: #006292;
  background: 0 0;
  font-size: 0.8rem;
  line-height: 15px;
}
footer ul li a:hover, footer ul li a:focus, footer ul li a:active {
  color: #006292;
}
footer .je_donne_mon_avis {
  margin: -10px 0 0 47px;
}
.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: #FBB900;
}
.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%;
}
.glyphicon-orm-metier-emploi_formation:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_metier_emploi_formation.png');
}
/*** DEBUT surcharge boot-theme ***/
.titre_masque {
  display: none;
  background-color: #006292;
  color: #ffffff;
  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: "";
}
/***OLD .rubrique2, .rubrique4, .rubrique5 {***/
/*************  2-5-24-15  *******************************************/
.rubrique2 .main-sidebar .bouton.chevron, .rubrique2 .sidebar .bouton.chevron, .rubrique5 .main-sidebar .bouton.chevron, .rubrique5 .sidebar .bouton.chevron, .rubrique24 .main-sidebar .bouton.chevron, .rubrique24 .sidebar .bouton.chevron, .rubrique15 .main-sidebar .bouton.chevron, .rubrique15 .sidebar .bouton.chevron {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.rubrique2 .main-sidebar p.encart, .rubrique2 .sidebar p.encart, .rubrique5 .main-sidebar p.encart, .rubrique5 .sidebar p.encart, .rubrique24 .main-sidebar p.encart, .rubrique24 .sidebar p.encart, .rubrique15 .main-sidebar p.encart, .rubrique15 .sidebar p.encart {
  font-size: 0.8em;
}
.rubrique2 #progression .bouton, .rubrique5 #progression .bouton, .rubrique24 #progression .bouton, .rubrique15 #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, .rubrique5 #progression .bouton a, .rubrique24 #progression .bouton a, .rubrique15 #progression .bouton a {
  color: #ffffff;
}
.rubrique2 #progression .bouton.precedent a, .rubrique5 #progression .bouton.precedent a, .rubrique24 #progression .bouton.precedent a, .rubrique15 #progression .bouton.precedent a {
  padding-left: 20px;
}
.rubrique2 #progression .bouton.precedent:before, .rubrique5 #progression .bouton.precedent:before, .rubrique24 #progression .bouton.precedent:before, .rubrique15 #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, .rubrique5 #progression .bouton.suivant a, .rubrique24 #progression .bouton.suivant a, .rubrique15 #progression .bouton.suivant a {
  padding-right: 20px;
}
.rubrique2 #progression .bouton.suivant:after, .rubrique5 #progression .bouton.suivant:after, .rubrique24 #progression .bouton.suivant:after, .rubrique15 #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 .titresecteur, .rubrique2 #progression .titrezone, .rubrique2 #progression .titredepartement, .rubrique2 #progression .titreregion, .rubrique5 #progression .titresecteur, .rubrique5 #progression .titrezone, .rubrique5 #progression .titredepartement, .rubrique5 #progression .titreregion, .rubrique24 #progression .titresecteur, .rubrique24 #progression .titrezone, .rubrique24 #progression .titredepartement, .rubrique24 #progression .titreregion, .rubrique15 #progression .titresecteur, .rubrique15 #progression .titrezone, .rubrique15 #progression .titredepartement, .rubrique15 #progression .titreregion {
  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: #006292;
}
.rubrique2 #bgh_bloc_centre .objet_large, .rubrique2 #bgh_bloc_centre .objet_etroit, .rubrique2 #bgh_bloc_centre .chiffrecle_phare, .rubrique2 #bgh_bloc_centre .chiffrecle_phareh, .rubrique5 #bgh_bloc_centre .objet_large, .rubrique5 #bgh_bloc_centre .objet_etroit, .rubrique5 #bgh_bloc_centre .chiffrecle_phare, .rubrique5 #bgh_bloc_centre .chiffrecle_phareh, .rubrique24 #bgh_bloc_centre .objet_large, .rubrique24 #bgh_bloc_centre .objet_etroit, .rubrique24 #bgh_bloc_centre .chiffrecle_phare, .rubrique24 #bgh_bloc_centre .chiffrecle_phareh, .rubrique15 #bgh_bloc_centre .objet_large, .rubrique15 #bgh_bloc_centre .objet_etroit, .rubrique15 #bgh_bloc_centre .chiffrecle_phare, .rubrique15 #bgh_bloc_centre .chiffrecle_phareh {
  border-radius: 20px;
}
.rubrique2 #bgh_bloc_centre .titre_question, .rubrique5 #bgh_bloc_centre .titre_question, .rubrique24 #bgh_bloc_centre .titre_question, .rubrique15 #bgh_bloc_centre .titre_question {
  color: #414143;
}
@media (max-width: 767.98px) {
  .rubrique2 #bgh_bloc_centre .titre_question, .rubrique5 #bgh_bloc_centre .titre_question, .rubrique24 #bgh_bloc_centre .titre_question, .rubrique15 #bgh_bloc_centre .titre_question {
    font-size: 1.2em;
  }
}
.rubrique2 #bgh_bloc_centre .titre_lien, .rubrique5 #bgh_bloc_centre .titre_lien, .rubrique24 #bgh_bloc_centre .titre_lien, .rubrique15 #bgh_bloc_centre .titre_lien {
  font-size: 1.1em;
  font-family: "Open Sans", sans-serif;
}
.rubrique2 #bgh_bloc_centre .titre_question.veille, .rubrique5 #bgh_bloc_centre .titre_question.veille, .rubrique24 #bgh_bloc_centre .titre_question.veille, .rubrique15 #bgh_bloc_centre .titre_question.veille {
  line-height: 1;
}
.rubrique2 #bgh_bloc_centre .titre_question.veille span.veille_baseline, .rubrique5 #bgh_bloc_centre .titre_question.veille span.veille_baseline, .rubrique24 #bgh_bloc_centre .titre_question.veille span.veille_baseline, .rubrique15 #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, .rubrique5 #bgh_bloc_centre .bouton.chevron, .rubrique24 #bgh_bloc_centre .bouton.chevron, .rubrique15 #bgh_bloc_centre .bouton.chevron {
  position: relative;
  background-color: #FBB900;
  margin-top: 3%;
  /*text-transform:none;*/
  /*min-height: 60px;*/
}
.rubrique2 #bgh_bloc_centre .bouton.chevron p, .rubrique5 #bgh_bloc_centre .bouton.chevron p, .rubrique24 #bgh_bloc_centre .bouton.chevron p, .rubrique15 #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, .rubrique5 #bgh_bloc_centre .bouton.chevron:hover, .rubrique24 #bgh_bloc_centre .bouton.chevron:hover, .rubrique15 #bgh_bloc_centre .bouton.chevron:hover {
  border-color: #FBB900;
  background-color: #FBB900;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron:hover:after, .rubrique5 #bgh_bloc_centre .bouton.chevron:hover:after, .rubrique24 #bgh_bloc_centre .bouton.chevron:hover:after, .rubrique15 #bgh_bloc_centre .bouton.chevron:hover:after {
  color: #ffffff;
  background-color: #FBB900;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron a, .rubrique5 #bgh_bloc_centre .bouton.chevron a, .rubrique24 #bgh_bloc_centre .bouton.chevron a, .rubrique15 #bgh_bloc_centre .bouton.chevron a {
  color: #ffffff;
}
.rubrique2 #bgh_bloc_centre .bouton.chevron:after, .rubrique5 #bgh_bloc_centre .bouton.chevron:after, .rubrique24 #bgh_bloc_centre .bouton.chevron:after, .rubrique15 #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, .rubrique5 #bloc_thematiques .titre_rubrique, .rubrique24 #bloc_thematiques .titre_rubrique, .rubrique15 #bloc_thematiques .titre_rubrique {
  background: #ffffff;
  width: 100%;
  align: center;
}
.rubrique2 #bloc_thematiques .cadresecteur, .rubrique5 #bloc_thematiques .cadresecteur, .rubrique24 #bloc_thematiques .cadresecteur, .rubrique15 #bloc_thematiques .cadresecteur {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .fond_gris, .rubrique5 #bloc_thematiques .fond_gris, .rubrique24 #bloc_thematiques .fond_gris, .rubrique15 #bloc_thematiques .fond_gris {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .fond_gris a, .rubrique5 #bloc_thematiques .fond_gris a, .rubrique24 #bloc_thematiques .fond_gris a, .rubrique15 #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, .rubrique5 #bloc_thematiques .fond_gris a:hover, .rubrique5 #bloc_thematiques .fond_gris a:focus, .rubrique5 #bloc_thematiques .fond_gris a:active, .rubrique24 #bloc_thematiques .fond_gris a:hover, .rubrique24 #bloc_thematiques .fond_gris a:focus, .rubrique24 #bloc_thematiques .fond_gris a:active, .rubrique15 #bloc_thematiques .fond_gris a:hover, .rubrique15 #bloc_thematiques .fond_gris a:focus, .rubrique15 #bloc_thematiques .fond_gris a:active {
  color: #000000;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion {
  margin-left: 25px;
  position: relative;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur:before, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur:before, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 15px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-weight: 900;
  font-size: 0.6em;
  line-height: 15px;
  height: 15px;
  display: block;
  position: absolute;
  margin-left: -25px;
  top: calc(50% - 8px);
  /*
					  right: 10px;
					  
*/
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a {
  color: #ffffff;
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a h3, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a h3, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a h3, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a h3 {
  color: #ffffff;
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover, .rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus, .rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active {
  color: #000000;
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover h3, .rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus h3, .rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active h3, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover h3, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus h3, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active h3, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover h3, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus h3, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active h3, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:hover h3, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:focus h3, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a:active h3 {
  color: #000000;
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a .fas:before, .rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a .fas:before, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a .fas:before, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc a .fas:before {
  width: 15px;
  border-radius: 50%;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  font-weight: 900;
  font-size: 0.6em;
  line-height: 15px;
  height: 15px;
  display: inline-flex;
  margin-right: 15px;
  align-items: center;
  justify-content: center;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant, .rubrique5 #bloc_thematiques #colonne_donnees .contenant, .rubrique24 #bloc_thematiques #colonne_donnees .contenant, .rubrique15 #bloc_thematiques #colonne_donnees .contenant {
  min-height: 50px;
  margin-bottom: 10px;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier .table_cell, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .table_cell, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier .table_cell, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .table_cell, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier .table_cell, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .table_cell, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier .table_cell, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .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 .cadresecteur .cms-icon, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-icon, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .cms-icon, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-icon, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .cms-icon, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-icon, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .cms-icon {
  height: 56px;
  width: 56px;
  overflow: hidden;
  display: inline-flex;
}
.rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-block, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .cms-block, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-block, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .cms-block, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-block, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .cms-block, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier .cms-block, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur .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 .cadresecteur:hover, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:hover, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:hover, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:hover, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active {
  /*-56*/
}
.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 .cadresecteur:hover .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus .cms-icon:before, .rubrique2 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active .cms-icon:before, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover .cms-icon:before, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus .cms-icon:before, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active .cms-icon:before, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:hover .cms-icon:before, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus .cms-icon:before, .rubrique5 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active .cms-icon:before, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover .cms-icon:before, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus .cms-icon:before, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active .cms-icon:before, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:hover .cms-icon:before, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus .cms-icon:before, .rubrique24 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active .cms-icon:before, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier:hover .cms-icon:before, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier:focus .cms-icon:before, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadremetier:active .cms-icon:before, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:hover .cms-icon:before, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:focus .cms-icon:before, .rubrique15 #bloc_thematiques #colonne_donnees .contenant .cadresecteur:active .cms-icon:before {
  margin-left: -118px;
}
.btn-primary {
  color: #ffffff;
  font-weight: 900;
  background-color: #006292;
  border-color: #006292;
  border-radius: 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #ffffff;
  border-color: #006292;
  color: #006292;
}
@media (min-width: 1000px) {
  .btn-primary {
    font-size: 1.2rem;
  }
}
.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: #00a2a5;
  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: #00a2a5;
}
.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: #00a2a5;
  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.secteurs h2, .page_votre_selection .liste.resultats.secteurs h2 {
  background-color: #FBB900;
}
.page_recherche .liste.resultats.secteurs .liste-items .item a, .page_votre_selection .liste.resultats.secteurs .liste-items .item a {
  color: #FBB900;
}
.page_recherche .liste.resultats.secteurs .liste-items .item a:hover, .page_recherche .liste.resultats.secteurs .liste-items .item a:focus, .page_recherche .liste.resultats.secteurs .liste-items .item a:active, .page_votre_selection .liste.resultats.secteurs .liste-items .item a:hover, .page_votre_selection .liste.resultats.secteurs .liste-items .item a:focus, .page_votre_selection .liste.resultats.secteurs .liste-items .item a:active {
  color: #000000;
}
.page_recherche .liste.resultats.secteurs .liste-items .item .fas:before, .page_votre_selection .liste.resultats.secteurs .liste-items .item .fas:before {
  background-color: #FBB900;
}
.page_recherche .liste.resultats.formations h2, .page_votre_selection .liste.resultats.formations h2 {
  background-color: #ff4867;
}
.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.resultats.metiers h2, .page_votre_selection .liste.resultats.metiers h2 {
  background-color: #07dee0;
}
.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;
}
/*************  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: #FBB900;
}
.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: #FBB900;
}
.rubrique2 .btn-primary {
  color: #ffffff;
  background-color: #FBB900;
  border-color: #FBB900;
}
.rubrique2 .btn-primary:hover, .rubrique2 .btn-primary:focus, .rubrique2 .btn-primary:active {
  background-color: #ffffff;
  border-color: #FBB900;
  color: #FBB900;
}
.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: #FBB900;
}
.rubrique2 .main-sidebar, .rubrique2 .sidebar {
  background-color: #FBB900;
}
.rubrique2 .main-sidebar .bouton, .rubrique2 .sidebar .bouton {
  color: #000000;
  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: #000000;
}
.rubrique2 .main-sidebar .bouton.chevron:after, .rubrique2 .sidebar .bouton.chevron:after {
  color: #FBB900;
}
.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: #FBB900;
}
.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: #FBB900;
}
.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: #FBB900;
}
.rubrique2 #colonne_outils .cms-block {
  background-color: #FBB900;
}
.rubrique2 #colonne_outils .cms-block:hover, .rubrique2 #colonne_outils .cms-block:focus, .rubrique2 #colonne_outils .cms-block:active {
  background-color: #006292;
  /*$structureColorFond2*/
}
.rubrique2 #colonne_outils .cms-block .survol {
  background-color: #006292;
  /*$structureColorFond2*/
}
.rubrique2 #colonne_outils .cms-block.open {
  background-color: #006292;
  /*$structureColorFond2*/
}
.rubrique2 #bgh_bloc_centre {
  /*
		.voir_tout_slogo.chevron_logo:after {
			font-weight: 900;
			font-family: 'Font Awesome 5 Free';
			content: "\f054";
			color:$structureColorFond1;
			width: 15px;
			display: block;
			font-size: 1.3em;
			margin-left: -20px;
			position: absolute;
			right: 1px;
			top: 40%;
		}
*/
}
.rubrique2 #bgh_bloc_centre .objet_etroit_lien_s {
  border-radius: 20px;
}
.rubrique2 #bloc_thematiques .titre_rubrique {
  color: #FBB900;
}
.rubrique2 #bloc_thematiques .fond_gris h3 {
  color: #FBB900;
}
.rubrique2 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc {
  background-color: #FBB900;
}
.rubrique2 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadresecteur:before {
  background-color: #FBB900;
}
.rubrique2 #progression .step:hover a, .rubrique2 #progression .step:focus a, .rubrique2 #progression .step:active a {
  color: #FBB900;
}
.rubrique2 #progression .step .step-content a {
  color: #FBB900;
}
.rubrique2 #progression .step .step-content a:hover, .rubrique2 #progression .step .step-content a:focus, .rubrique2 #progression .step .step-content a:active {
  color: #FBB900;
}
.rubrique2 #progression .step .step-circle:hover::after {
  background-color: rgba(0, 98, 146, 0.7);
}
.rubrique2 #progression .step.current .step-circle {
  border-color: rgba(0, 98, 146, 0.7);
}
.rubrique2 #progression .step.current .step-circle::after {
  background-color: rgba(0, 98, 146, 0.7);
}
.rubrique2 #progression .step.current .step-content a {
  color: #006292;
}
.rubrique2 #progression .step .step-progress .step-bar {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
}
.rubrique2 #progression .step .step-progress .step-bar::after {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
}
.rubrique2 #progression .step .step-progress .step-circle {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
  border: 1px solid rgba(251, 185, 0, 0.7);
}
.rubrique2 #progression .step.current .step-progress .step-circle, .rubrique2 #progression .step:hover .step-progress .step-circle {
  background-color: #006292;
}
.rubrique2 #progression .step.current .step-content {
  color: #006292;
}
.rubrique2 #progression .step.done .step-progress .step-circle {
  background: rgba(0, 98, 146, 0.7) none repeat scroll 0 0;
}
.rubrique2 #progression .step.current .step-progress .step-circle {
  border: 1px solid rgba(251, 185, 0, 0.7);
}
.rubrique2 #progression .step.current .step-progress .step-circle::after {
  background: rgba(251, 185, 0, 0.7) none repeat scroll 0 0;
}
.rubrique2 #progression .bouton {
  background-color: #006292;
  border: 1px solid #FBB900;
}
.rubrique2 #progression .bouton.precedent:before {
  color: #FBB900;
}
.rubrique2 #progression .bouton.suivant:after {
  color: #FBB900;
}
.rubrique2 .titre_masque {
  background-color: #FBB900;
}
.rubrique2 footer ul li {
  border-left: 1px solid #FBB900;
}
.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: #FBB900;
}
/*************  5-24-15 *******************************************/
.article5 .main-header svg .logo_datadecision_at, .article5 .modal-header svg .logo_datadecision_at, .rubrique5 .main-header svg .logo_datadecision_at, .rubrique5 .modal-header svg .logo_datadecision_at, .article24 .main-header svg .logo_datadecision_at, .article24 .modal-header svg .logo_datadecision_at, .rubrique24 .main-header svg .logo_datadecision_at, .rubrique24 .modal-header svg .logo_datadecision_at, .article15 .main-header svg .logo_datadecision_at, .article15 .modal-header svg .logo_datadecision_at, .rubrique15 .main-header svg .logo_datadecision_at, .rubrique15 .modal-header svg .logo_datadecision_at {
  fill: #00a2a5;
}
.article5 .main-header #menu .nav-item .nav-link.actif, .article5 .modal-header #menu .nav-item .nav-link.actif, .rubrique5 .main-header #menu .nav-item .nav-link.actif, .rubrique5 .modal-header #menu .nav-item .nav-link.actif, .article24 .main-header #menu .nav-item .nav-link.actif, .article24 .modal-header #menu .nav-item .nav-link.actif, .rubrique24 .main-header #menu .nav-item .nav-link.actif, .rubrique24 .modal-header #menu .nav-item .nav-link.actif, .article15 .main-header #menu .nav-item .nav-link.actif, .article15 .modal-header #menu .nav-item .nav-link.actif, .rubrique15 .main-header #menu .nav-item .nav-link.actif, .rubrique15 .modal-header #menu .nav-item .nav-link.actif {
  color: #00a2a5;
}
.rubrique5 .btn-primary, .rubrique24 .btn-primary, .rubrique15 .btn-primary {
  color: #ffffff;
  background-color: #00a2a5;
  border-color: #00a2a5;
}
.rubrique5 .btn-primary:hover, .rubrique5 .btn-primary:focus, .rubrique5 .btn-primary:active, .rubrique24 .btn-primary:hover, .rubrique24 .btn-primary:focus, .rubrique24 .btn-primary:active, .rubrique15 .btn-primary:hover, .rubrique15 .btn-primary:focus, .rubrique15 .btn-primary:active {
  background-color: #ffffff;
  border-color: #00a2a5;
  color: #00a2a5;
}
.rubrique5 .modal-content, .rubrique24 .modal-content, .rubrique15 .modal-content {
  /*idem .titre_question */
}
.rubrique5 .modal-content .modal-header h3, .rubrique24 .modal-content .modal-header h3, .rubrique15 .modal-content .modal-header h3 {
  color: #414143;
  font-size: 1.5em;
}
.rubrique5 .wrapper .main-sidebar, .rubrique5 .wrapper .control-sidebar, .rubrique24 .wrapper .main-sidebar, .rubrique24 .wrapper .control-sidebar, .rubrique15 .wrapper .main-sidebar, .rubrique15 .wrapper .control-sidebar {
  background-color: #00a2a5;
}
.rubrique5 .main-sidebar, .rubrique5 .sidebar, .rubrique24 .main-sidebar, .rubrique24 .sidebar, .rubrique15 .main-sidebar, .rubrique15 .sidebar {
  background-color: #00a2a5;
}
.rubrique5 .main-sidebar .bouton, .rubrique5 .sidebar .bouton, .rubrique24 .main-sidebar .bouton, .rubrique24 .sidebar .bouton, .rubrique15 .main-sidebar .bouton, .rubrique15 .sidebar .bouton {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
.rubrique5 .main-sidebar .bouton span, .rubrique5 .sidebar .bouton span, .rubrique24 .main-sidebar .bouton span, .rubrique24 .sidebar .bouton span, .rubrique15 .main-sidebar .bouton span, .rubrique15 .sidebar .bouton span {
  font-size: 1.8em;
}
.rubrique5 .main-sidebar .bouton a, .rubrique5 .sidebar .bouton a, .rubrique24 .main-sidebar .bouton a, .rubrique24 .sidebar .bouton a, .rubrique15 .main-sidebar .bouton a, .rubrique15 .sidebar .bouton a {
  color: #ffffff;
}
.rubrique5 .main-sidebar .bouton.chevron:after, .rubrique5 .sidebar .bouton.chevron:after, .rubrique24 .main-sidebar .bouton.chevron:after, .rubrique24 .sidebar .bouton.chevron:after, .rubrique15 .main-sidebar .bouton.chevron:after, .rubrique15 .sidebar .bouton.chevron:after {
  color: #00a2a5;
}
.rubrique5 .main-sidebar .bouton.chevron:hover, .rubrique5 .main-sidebar .bouton.chevron:focus, .rubrique5 .main-sidebar .bouton.chevron:active, .rubrique5 .sidebar .bouton.chevron:hover, .rubrique5 .sidebar .bouton.chevron:focus, .rubrique5 .sidebar .bouton.chevron:active, .rubrique24 .main-sidebar .bouton.chevron:hover, .rubrique24 .main-sidebar .bouton.chevron:focus, .rubrique24 .main-sidebar .bouton.chevron:active, .rubrique24 .sidebar .bouton.chevron:hover, .rubrique24 .sidebar .bouton.chevron:focus, .rubrique24 .sidebar .bouton.chevron:active, .rubrique15 .main-sidebar .bouton.chevron:hover, .rubrique15 .main-sidebar .bouton.chevron:focus, .rubrique15 .main-sidebar .bouton.chevron:active, .rubrique15 .sidebar .bouton.chevron:hover, .rubrique15 .sidebar .bouton.chevron:focus, .rubrique15 .sidebar .bouton.chevron:active {
  background-color: #ffffff;
  color: #FBB900;
}
.rubrique5 .main-sidebar .bouton.chevron:hover a, .rubrique5 .main-sidebar .bouton.chevron:focus a, .rubrique5 .main-sidebar .bouton.chevron:active a, .rubrique5 .sidebar .bouton.chevron:hover a, .rubrique5 .sidebar .bouton.chevron:focus a, .rubrique5 .sidebar .bouton.chevron:active a, .rubrique24 .main-sidebar .bouton.chevron:hover a, .rubrique24 .main-sidebar .bouton.chevron:focus a, .rubrique24 .main-sidebar .bouton.chevron:active a, .rubrique24 .sidebar .bouton.chevron:hover a, .rubrique24 .sidebar .bouton.chevron:focus a, .rubrique24 .sidebar .bouton.chevron:active a, .rubrique15 .main-sidebar .bouton.chevron:hover a, .rubrique15 .main-sidebar .bouton.chevron:focus a, .rubrique15 .main-sidebar .bouton.chevron:active a, .rubrique15 .sidebar .bouton.chevron:hover a, .rubrique15 .sidebar .bouton.chevron:focus a, .rubrique15 .sidebar .bouton.chevron:active a {
  color: #00a2a5;
}
.rubrique5 .main-sidebar .bouton.chevron:hover:after, .rubrique5 .main-sidebar .bouton.chevron:focus:after, .rubrique5 .main-sidebar .bouton.chevron:active:after, .rubrique5 .sidebar .bouton.chevron:hover:after, .rubrique5 .sidebar .bouton.chevron:focus:after, .rubrique5 .sidebar .bouton.chevron:active:after, .rubrique24 .main-sidebar .bouton.chevron:hover:after, .rubrique24 .main-sidebar .bouton.chevron:focus:after, .rubrique24 .main-sidebar .bouton.chevron:active:after, .rubrique24 .sidebar .bouton.chevron:hover:after, .rubrique24 .sidebar .bouton.chevron:focus:after, .rubrique24 .sidebar .bouton.chevron:active:after, .rubrique15 .main-sidebar .bouton.chevron:hover:after, .rubrique15 .main-sidebar .bouton.chevron:focus:after, .rubrique15 .main-sidebar .bouton.chevron:active:after, .rubrique15 .sidebar .bouton.chevron:hover:after, .rubrique15 .sidebar .bouton.chevron:focus:after, .rubrique15 .sidebar .bouton.chevron:active:after {
  color: #ffffff;
  background-color: #00a2a5;
}
.rubrique5 #colonne_outils .cms-block, .rubrique24 #colonne_outils .cms-block, .rubrique15 #colonne_outils .cms-block {
  background-color: #00a2a5;
}
.rubrique5 #colonne_outils .cms-block:hover, .rubrique5 #colonne_outils .cms-block:focus, .rubrique5 #colonne_outils .cms-block:active, .rubrique24 #colonne_outils .cms-block:hover, .rubrique24 #colonne_outils .cms-block:focus, .rubrique24 #colonne_outils .cms-block:active, .rubrique15 #colonne_outils .cms-block:hover, .rubrique15 #colonne_outils .cms-block:focus, .rubrique15 #colonne_outils .cms-block:active {
  background-color: #006292;
  /*$structureColorFond2*/
}
.rubrique5 #colonne_outils .cms-block .survol, .rubrique24 #colonne_outils .cms-block .survol, .rubrique15 #colonne_outils .cms-block .survol {
  background-color: #006292;
  /*$structureColorFond2*/
}
.rubrique5 #colonne_outils .cms-block.open, .rubrique24 #colonne_outils .cms-block.open, .rubrique15 #colonne_outils .cms-block.open {
  background-color: #006292;
  /*$structureColorFond2*/
}
.rubrique5 #bgh_bloc_centre, .rubrique24 #bgh_bloc_centre, .rubrique15 #bgh_bloc_centre {
  /*
		.voir_tout_zlogo.chevron_logo:after {
			font-weight: 900;
			font-family: 'Font Awesome 5 Free';
			content: "\f054";
			color:$structureColorFond2;
			width: 15px;
			display: block;
			font-size: 1.3em;
			margin-left: -20px;
			position: absolute;
			right: 1px;
			top: 40%;
		}
*/
}
.rubrique5 #bgh_bloc_centre .objet_etroit_lien_z, .rubrique5 #bgh_bloc_centre .objet_etroit_lien_d, .rubrique5 #bgh_bloc_centre .objet_etroit_lien_r, .rubrique24 #bgh_bloc_centre .objet_etroit_lien_z, .rubrique24 #bgh_bloc_centre .objet_etroit_lien_d, .rubrique24 #bgh_bloc_centre .objet_etroit_lien_r, .rubrique15 #bgh_bloc_centre .objet_etroit_lien_z, .rubrique15 #bgh_bloc_centre .objet_etroit_lien_d, .rubrique15 #bgh_bloc_centre .objet_etroit_lien_r {
  border-radius: 20px;
}
.rubrique5 #bloc_thematiques .titre_rubrique, .rubrique24 #bloc_thematiques .titre_rubrique, .rubrique15 #bloc_thematiques .titre_rubrique {
  color: #00a2a5;
}
.rubrique5 #bloc_thematiques .fond_gris h3, .rubrique24 #bloc_thematiques .fond_gris h3, .rubrique15 #bloc_thematiques .fond_gris h3 {
  color: #00a2a5;
}
.rubrique5 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc, .rubrique24 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc, .rubrique15 #bloc_thematiques .fond_gris .synthese .interieur.hauteur_bloc {
  background-color: #00a2a5;
}
.rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique5 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique24 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadrezone:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadredepartement:before, .rubrique15 #bloc_thematiques .fond_gris .interieur.hauteur_bloc p.cadreregion:before {
  background-color: #00a2a5;
}
.rubrique5 #progression .step:hover a, .rubrique5 #progression .step:focus a, .rubrique5 #progression .step:active a, .rubrique24 #progression .step:hover a, .rubrique24 #progression .step:focus a, .rubrique24 #progression .step:active a, .rubrique15 #progression .step:hover a, .rubrique15 #progression .step:focus a, .rubrique15 #progression .step:active a {
  color: #00a2a5;
}
.rubrique5 #progression .step .step-content a, .rubrique24 #progression .step .step-content a, .rubrique15 #progression .step .step-content a {
  color: #00a2a5;
}
.rubrique5 #progression .step .step-content a:hover, .rubrique5 #progression .step .step-content a:focus, .rubrique5 #progression .step .step-content a:active, .rubrique24 #progression .step .step-content a:hover, .rubrique24 #progression .step .step-content a:focus, .rubrique24 #progression .step .step-content a:active, .rubrique15 #progression .step .step-content a:hover, .rubrique15 #progression .step .step-content a:focus, .rubrique15 #progression .step .step-content a:active {
  color: #00a2a5;
}
.rubrique5 #progression .step .step-circle:hover::after, .rubrique24 #progression .step .step-circle:hover::after, .rubrique15 #progression .step .step-circle:hover::after {
  background-color: rgba(0, 162, 165, 0.7);
}
.rubrique5 #progression .step.current .step-circle, .rubrique24 #progression .step.current .step-circle, .rubrique15 #progression .step.current .step-circle {
  border-color: rgba(0, 162, 165, 0.7);
}
.rubrique5 #progression .step.current .step-circle::after, .rubrique24 #progression .step.current .step-circle::after, .rubrique15 #progression .step.current .step-circle::after {
  background-color: rgba(0, 162, 165, 0.7);
}
.rubrique5 #progression .step.current .step-content, .rubrique24 #progression .step.current .step-content, .rubrique15 #progression .step.current .step-content {
  color: #00a2a5;
}
.rubrique5 #progression .step.current .step-content a, .rubrique24 #progression .step.current .step-content a, .rubrique15 #progression .step.current .step-content a {
  color: #006292;
}
.rubrique5 #progression .step .step-progress .step-bar, .rubrique24 #progression .step .step-progress .step-bar, .rubrique15 #progression .step .step-progress .step-bar {
  background: rgba(0, 162, 165, 0.7) none repeat scroll 0 0;
}
.rubrique5 #progression .step .step-progress .step-bar::after, .rubrique24 #progression .step .step-progress .step-bar::after, .rubrique15 #progression .step .step-progress .step-bar::after {
  background: rgba(0, 162, 165, 0.7) none repeat scroll 0 0;
}
.rubrique5 #progression .step .step-progress .step-circle, .rubrique24 #progression .step .step-progress .step-circle, .rubrique15 #progression .step .step-progress .step-circle {
  background: rgba(0, 162, 165, 0.7) none repeat scroll 0 0;
  border: 1px solid rgba(0, 162, 165, 0.7);
}
.rubrique5 #progression .step.current .step-progress .step-circle, .rubrique5 #progression .step:hover .step-progress .step-circle, .rubrique24 #progression .step.current .step-progress .step-circle, .rubrique24 #progression .step:hover .step-progress .step-circle, .rubrique15 #progression .step.current .step-progress .step-circle, .rubrique15 #progression .step:hover .step-progress .step-circle {
  background-color: #006292;
}
.rubrique5 #progression .step.done .step-progress .step-circle, .rubrique24 #progression .step.done .step-progress .step-circle, .rubrique15 #progression .step.done .step-progress .step-circle {
  background: rgba(0, 162, 165, 0.7) none repeat scroll 0 0;
}
.rubrique5 #progression .step.current .step-progress .step-circle, .rubrique24 #progression .step.current .step-progress .step-circle, .rubrique15 #progression .step.current .step-progress .step-circle {
  border: 1px solid rgba(0, 162, 165, 0.7);
}
.rubrique5 #progression .step.current .step-progress .step-circle::after, .rubrique24 #progression .step.current .step-progress .step-circle::after, .rubrique15 #progression .step.current .step-progress .step-circle::after {
  background: rgba(0, 162, 165, 0.7) none repeat scroll 0 0;
}
.rubrique5 #progression .bouton, .rubrique24 #progression .bouton, .rubrique15 #progression .bouton {
  background-color: #00a2a5;
  border: 1px solid #00a2a5;
}
.rubrique5 #progression .bouton.precedent:before, .rubrique24 #progression .bouton.precedent:before, .rubrique15 #progression .bouton.precedent:before {
  color: #00a2a5;
}
.rubrique5 #progression .bouton.suivant:after, .rubrique24 #progression .bouton.suivant:after, .rubrique15 #progression .bouton.suivant:after {
  color: #00a2a5;
}
.rubrique5 .titre_masque, .rubrique24 .titre_masque, .rubrique15 .titre_masque {
  background-color: #00a2a5;
}
.rubrique5 footer ul li, .rubrique24 footer ul li, .rubrique15 footer ul li {
  border-left: 1px solid #00a2a5;
}
.rubrique5 footer ul li:first-child, .rubrique24 footer ul li:first-child, .rubrique15 footer ul li:first-child {
  border: 0;
}
.rubrique5 footer ul li a, .rubrique24 footer ul li a, .rubrique15 footer ul li a {
  color: #414143;
}
.rubrique5 footer ul li a:hover, .rubrique5 footer ul li a:focus, .rubrique5 footer ul li a:active, .rubrique24 footer ul li a:hover, .rubrique24 footer ul li a:focus, .rubrique24 footer ul li a:active, .rubrique15 footer ul li a:hover, .rubrique15 footer ul li a:focus, .rubrique15 footer ul li a:active {
  /*@structureColor2;*/
  color: #00a2a5;
}
/*** 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: #006292;
  /*structureColorFond1*/
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 0;
  border: 1px solid #006292;
}
.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: #006292;
  background: #ffffff;
}
.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;
    margin-right: auto !important;
  }
  .layout-fixed .wrapper footer ul li {
    max-width: 90px;
    justify-content: center;
  }
  .layout-fixed .wrapper footer .je_donne_mon_avis {
    margin: 0;
  }
  .layout-fixed.rubrique2 .wrapper footer li:first-child, .layout-fixed.rubrique5 .wrapper footer li:first-child, .layout-fixed.rubrique15 .wrapper footer li:first-child, .layout-fixed.rubrique24 .wrapper footer li:first-child {
    flex: 0 0 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .layout-fixed.rubrique2 .wrapper footer li:nth-child(2), .layout-fixed.rubrique5 .wrapper footer li:nth-child(2), .layout-fixed.rubrique15 .wrapper footer li:nth-child(2), .layout-fixed.rubrique24 .wrapper footer li:nth-child(2) {
    border-left: 0;
  }
}
/********** menu droite carte ***************/
#colonne_donnees .navbarcontent_carte.sticky-top {
  top: 140px;
  background-color: transparent;
}
#colonne_donnees .navbarcontent_carte .nav-pills > a.active {
  background: none;
  color: #000000;
  font-weight: 900;
  /*@structureColor0;*/
}
#colonne_donnees .navbarcontent_carte .nav-pills > a.active:hover, #colonne_donnees .navbarcontent_carte .nav-pills > a.active:focus, #colonne_donnees .navbarcontent_carte .nav-pills > a.active:active {
  color: #ffffff;
  background-color: #414143;
  /*@structureColor0;*/
}
#colonne_donnees .navbarcontent_carte .nav-pills > a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  margin: 0 3px 0 -10px;
  color: #00a2a5;
}
#colonne_donnees .navbarcontent_carte .nav-pills > a {
  width: 100%;
  font-size: 0.8rem;
  background: none;
  color: #000000;
  position: relative;
  /*@structureColor2;*/
  display: block;
  padding: 10px 15px;
  border-radius: 20px;
}
#colonne_donnees .navbarcontent_carte .nav-pills > a:hover, #colonne_donnees .navbarcontent_carte .nav-pills > a:focus, #colonne_donnees .navbarcontent_carte .nav-pills > a:active {
  background: rgba(65, 65, 67, 0.6);
  color: #ffffff;
  /*@structureColor2;*/
}
.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 #10cbd0;
}
.voir_tout_mlogo.chevron_logo a:after {
  background-color: #10cbd0;
}
.voir_tout_mlogo.chevron_logo a:hover, .voir_tout_mlogo.chevron_logo a:focus, .voir_tout_mlogo.chevron_logo a:active {
  border-color: #10cbd0;
  background-color: #10cbd0;
}
.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: #10cbd0;
  background-color: #ffffff;
}
.voir_tout_flogo.chevron_logo a {
  border: 2px solid #ff4662;
}
.voir_tout_flogo.chevron_logo a:after {
  background-color: #ff4662;
}
.voir_tout_flogo.chevron_logo a:hover, .voir_tout_flogo.chevron_logo a:focus, .voir_tout_flogo.chevron_logo a:active {
  border-color: #ff4662;
  background-color: #ff4662;
}
.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: #ff4662;
  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: #FBB900;
  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: #FBB900;
  font-family: "Open Sans", sans-serif;
}
.article18 #colonne_donnees ul.spip li::before, .article19 #colonne_donnees ul.spip li::before {
  color: #FBB900;
}
/* feuille surcharge rubrique 2 5 24 15*/
.glyphicon-gauche {
  width: 59px;
  overflow: hidden;
  display: inline-block;
}
.glyphicon-secteur-AZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_AZ.png');
}
.glyphicon-secteur-BZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_BZ.png');
}
.glyphicon-secteur-CA:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CA.png');
}
.glyphicon-secteur-CB:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CB.png');
}
.glyphicon-secteur-CC:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CC.png');
}
.glyphicon-secteur-CD:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CD.png');
}
.glyphicon-secteur-CE:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CE.png');
}
.glyphicon-secteur-CF:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CF.png');
}
.glyphicon-secteur-CG:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CG.png');
}
.glyphicon-secteur-CH:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CH.png');
}
.glyphicon-secteur-CI:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CI.png');
}
.glyphicon-secteur-CJ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CJ.png');
}
.glyphicon-secteur-CK:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CK.png');
}
.glyphicon-secteur-CL:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CL.png');
}
.glyphicon-secteur-CM:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_CM.png');
}
.glyphicon-secteur-DZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_DZ.png');
}
.glyphicon-secteur-EZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_EZ.png');
}
.glyphicon-secteur-FZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_FZ.png');
}
.glyphicon-secteur-GZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_GZ.png');
}
.glyphicon-secteur-HZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_HZ.png');
}
.glyphicon-secteur-IZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_IZ.png');
}
.glyphicon-secteur-JA:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_JA.png');
}
.glyphicon-secteur-JB:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_JB.png');
}
.glyphicon-secteur-JC:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_JC.png');
}
.glyphicon-secteur-KZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_KZ.png');
}
.glyphicon-secteur-LZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_LZ.png');
}
.glyphicon-secteur-MA:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_MA.png');
}
.glyphicon-secteur-MB:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_MB.png');
}
.glyphicon-secteur-MC:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_MC.png');
}
.glyphicon-secteur-NZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_NZ.png');
}
.glyphicon-secteur-OZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_OZ.png');
}
.glyphicon-secteur-PZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_PZ.png');
}
.glyphicon-secteur-QA:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_QA.png');
}
.glyphicon-secteur-QB:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_QB.png');
}
.glyphicon-secteur-RZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_RZ.png');
}
.glyphicon-secteur-SZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_SZ.png');
}
.glyphicon-secteur-UZ:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_UZ.png');
}
.glyphicon-secteur-A:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_A.png');
}
.glyphicon-secteur-B:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_B.png');
}
.glyphicon-secteur-C:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_C.png');
}
.glyphicon-secteur-D:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_D.png');
}
.glyphicon-secteur-E:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_E.png');
}
.glyphicon-secteur-F:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_F.png');
}
.glyphicon-secteur-G:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_G.png');
}
.glyphicon-secteur-H:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_H.png');
}
.glyphicon-secteur-J:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_J.png');
}
.glyphicon-secteur-K:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_K.png');
}
.glyphicon-secteur-L:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_L.png');
}
.glyphicon-secteur-M:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_M.png');
}
.glyphicon-secteur-N:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_N.png');
}
.glyphicon-secteur-P:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_P.png');
}
.glyphicon-secteur-Q:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_Q.png');
}
.glyphicon-secteur-R:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_R.png');
}
.glyphicon-secteur-S:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_S.png');
}
.glyphicon-secteur-T:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_T.png');
}
.glyphicon-secteur-U:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_U.png');
}
.glyphicon-secteur-V:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_V.png');
}
.glyphicon-secteur-W:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_W.png');
}
.glyphicon-secteur-X:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_X.png');
}
/* icone hors de rubrique2 sinon pb pour la page "votre_selection" */
.glyphicon-secteur-rub35:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_secteur_tissueco.png');
}
.glyphicon-secteur-rub36:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_secteur_emploimetiers.png');
}
.glyphicon-secteur-rub37:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_secteur_synthese.png');
}
.glyphicon-secteur-rub35_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_secteur_tissueco_b.png');
}
.glyphicon-secteur-rub36_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_secteur_emploimetiers_b.png');
}
.glyphicon-secteur-rub37_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_secteur_synthese_b.png');
}
/* icone hors de rubrique5 sinon pb pour la page "votre_selection" */
.glyphicon-ze-rub6:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_population.png');
}
.glyphicon-ze-rub7:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_tissueco.png');
}
.glyphicon-ze-rub8:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_emploimetiers.png');
}
.glyphicon-ze-rub9:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_marchetravail.png');
}
.glyphicon-ze-rub10:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_politiqueemploi.png');
}
.glyphicon-ze-rub11:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_comparatif.png');
}
.glyphicon-ze-rub12:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_formation.png');
}
.glyphicon-ze-rub13:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_synthese.png');
}
.glyphicon-ze-rub6_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_population_b.png');
}
.glyphicon-ze-rub7_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_tissueco_b.png');
}
.glyphicon-ze-rub8_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_emploimetiers_b.png');
}
.glyphicon-ze-rub9_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_marchetravail_b.png');
}
.glyphicon-ze-rub10_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_politiqueemploi_b.png');
}
/*.glyphicon-ze-rub11_b { &:before {content:url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_comparatif_b.png');.opacity(.6);} }*/
.glyphicon-ze-rub12_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_formation_b.png');
}
.glyphicon-ze-rub13_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_synthese_b.png');
}
/* icone hors de rubrique24 sinon pb pour la page "votre_selection" */
.glyphicon-departement-rub25:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_population.png');
}
.glyphicon-departement-rub26:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_tissueco.png');
}
.glyphicon-departement-rub27:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_emploimetiers.png');
}
.glyphicon-departement-rub28:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_marchetravail.png');
}
.glyphicon-departement-rub29:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_politiqueemploi.png');
}
.glyphicon-departement-rub31:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_formation.png');
}
.glyphicon-departement-rub32:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_synthese.png');
}
.glyphicon-departement-rub30:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_comparatif.png');
}
.glyphicon-departement-rub25_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_population_b.png');
}
.glyphicon-departement-rub26_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_tissueco_b.png');
}
.glyphicon-departement-rub27_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_emploimetiers_b.png');
}
.glyphicon-departement-rub28_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_marchetravail_b.png');
}
.glyphicon-departement-rub29_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_politiqueemploi_b.png');
}
.glyphicon-departement-rub31_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_formation_b.png');
}
.glyphicon-departement-rub32_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_synthese_b.png');
}
/* icone hors de rubrique15 sinon pb pour la page "votre_selection" */
.glyphicon-region-rub16:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_population.png');
}
.glyphicon-region-rub17:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_tissueco.png');
}
.glyphicon-region-rub18:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_emploimetiers.png');
}
.glyphicon-region-rub19:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_marchetravail.png');
}
.glyphicon-region-rub20:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_politiqueemploi.png');
}
.glyphicon-region-rub21:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_formation.png');
}
.glyphicon-region-rub22:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_synthese.png');
}
.glyphicon-region-rub16_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_population_b.png');
}
.glyphicon-region-rub17_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_tissueco_b.png');
}
.glyphicon-region-rub18_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_emploimetiers_b.png');
}
.glyphicon-region-rub19_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_marchetravail_b.png');
}
.glyphicon-region-rub20_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_politiqueemploi_b.png');
}
.glyphicon-region-rub21_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_formation_b.png');
}
.glyphicon-region-rub22_b:before {
  content: url('https://datadecision.cariforef-provencealpescotedazur.fr/squelettes/img/picto_territoire_synthese_b.png');
}