@import "/sites/default/files/api/portail_d4c/css/style.css";
@import "/sites/default/files/api/portail_d4c/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');


	.alert-danger {
		color: #a94442;
		background-color: #f2dede;
		border-color: #ebccd1;
		display: none;
	}
	img {
		height: auto;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background-color: transparent;
		margin-top: 0 !important;
	}
	div[role="main"] .region-content a {
		color: #313131;
		text-decoration: underline;
		text-decoration-color: #F2920A;
	}
	div[role="main"] .region-content a:hover {
		color: #F2920A;
	}
div#block-citizena-themes-formulairederecherche {
    display: inline-block;
    top: 108px;
    position: absolute;
    left: 11%;
    background: #185468de;
}
	.field--type-entity-reference:not(.field--name-field-secteur-activite),
	.views-field-field-tag ul {
		display: flex;
		flex-wrap: wrap;
		column-gap: .5rem;
		padding: 0 !important;
		list-style: none;
	}
	.field--type-entity-reference a,
	.views-field-field-tag a {
		color: #8ED0E4!important;
		text-decoration: none !important;
		font-size: .95rem;
	}
	.field--type-entity-reference a::before,
	.views-field-field-tag a::before {
		content: '#';
	}
	#block-entetelogoctm .field--name-body {
		display: flex;
		align-items: center;
	}
	ul.menu li.Array.class.first a {
		background-image: url(/sites/default/files/menu_icons/icons-h_0_0_0.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-indent: -9999px
	}
	.navbar-default .navbar-brand {
		color: #fff;
		visibility: hidden;
		display: none;
	}
	header:before, header:after {display: none !important}
	body .main-container {
		padding-left: 10px;
		padding-right: 10px
	}
	.navbar-header .region.region-navigation {
		display: flex;
		justify-content: center;
		background-color: #1E6F8A;
	}
	.menu--espaces-utilisateurs {
		display: flex;
		align-items: center;
	}
	.menu--espaces-utilisateurs > li > a {
		color: white;
		background-color: rgb(239 89 22);
		border-radius: 10px;
		font-weight: bold;
		margin: 10px;
	}
	.menu--espaces-utilisateurs > li > a:hover, .menu--espaces-utilisateurs > li > a:focus {
		background-color: orange !important;
	}
	.pull-left {
		padding-right: 0 !important;
		width: 12%;
	}
	.pull-left img {
		width: 100%;
	}
	#block-entetelogoctm {
		position: absolute;
		background: white;
		right: 0;
		top: 60px;
	}
	header .menu--main a[href*="facebook"], header .menu--main a[href*="instagram"] {
	    visibility: hidden;
	    height: 37px;
	    width: 37px;
	}
	.navbar-default #navbar-collapse li a {
		color: #1E6F8A;
		font-size: 16px;
		font-weight: 500;
		background-color: unset;
		transition: all .5s;
	}
	a {
	    text-decoration: none;
	}
	.dropdown-menu > li > a {
	    display: block;
	    clear: both;
	    white-space: nowrap;
	}
	.nav > li > a {
	    position: relative;
	    display: block;
	    padding: 10px 15px;
	}
	.navbar-nav > li > a {
	    padding-top: 8px;
	    padding-bottom: 8px;
	    line-height: 20px;
	}
    .navbar-default #navbar-collapse li a span.caret {display: none;}
	p.title {
		font-weight: 700;
		margin: 0
	}
	.box_graphe {
		width: 49.5%;
		display: inline-block
	}
	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}
	#icones_accueil ul:hover {
		position: relative;
		top: -5px
	}
	#icones_accueil {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		margin-top: -20px
	}
	#backgroud_center {
		margin-top: 25px
	}
	.box_accueil {
		text-align: center;
		width: 100%;
		padding: 22px;
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0 8px 20px #CCC;
		margin: 25px auto
	}
	.well {
		min-height: unset;
		padding: 0;
		margin: 26px 0 0 -5px;
		border-radius: 5px;
		border: 0;
		box-shadow: -6px 0 12px #CCC
	}
	img.logo_accueil {
		border: #000 solid 2px;
		border-radius: 5px;
		margin: 10px
	}
	li.active a.quicktabs-loaded {
		border-radius: 3px 3px 0 0;
		margin-bottom: -1px;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 1rem;
		display: inline-block;
		margin-left: 1rem;
		background-color: #FFF;
		color: #333;
		border-color: #fff #fff transparent;
	}
	.quicktabs-main {
		border: solid 1px #fff;
		padding: 20px;
		border: solid 1px #fff;
		background-color: #ffffff;
		padding: 20px;
	}
	ul.quicktabs-tabs li {
		display: inline;
		background: 0;
		list-style-type: none;
		padding: 2px;
		margin-left: 16px;
		white-space: nowrap;
	}
	li.menu-icon {
		text-indent: -9999px;
	}
	#quicktabs-container-quick {
		border: solid 1px #fff;
		padding: 20px;
	}
	ul.quicktabs-tabs {
		margin-bottom: 0;
		text-align: center;
	}
	.ui-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		margin: 20px 0 0;
		padding: .9em .5em .5em .7em;
		font-size: 100%;
		border: solid 1px #fff;
		padding: 20px
	}
	ui-widget {
		border: solid 1px #fff;
		font-family: 'Nunito', sans-serif;
		font-size: 1em;
		padding: 20px
	}
	.page-header {
		font-size: 2.5rem;
		padding: 0;
		margin: 180px auto 1rem !important;
		border: unset !important;
		font-family: 'Nunito', sans-serif;
		color: #F2920A;
	}
	.fiche-formation > .formation-contenu > .formation-information > h1.formation-libelle {
		padding: 0;
		border: unset !important;
		font-family: 'Nunito', sans-serif;
		color: #007abc;
		text-align: left;
		margin-top: 0 !important;
	}
	.fiche-formation > .formation-contenu > .formation-information > h1.formation-libelle{
		font-size: 2.5rem;
		margin-bottom: 1rem !important;
	}
	.fiche-metier > .metier-information {
		position: relative;
	}
	.fiche-metier > .metier-information h1 {
		z-index: 99;
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		font-weight: bold;
		color: #fff;
		font-size: 3rem;
		font-family:
		'Roboto Slab';
	}
	.fiche-metier #metier-precis > p {
		text-align: center;
		font-family: 'Nunito', sans-serif;
	}
	.fiche-metier #metier-precis > p:nth-child(1) {
		font-size: 1.5rem;
		margin-bottom: .5rem !important;
		color: #F2920A;
		font-weight: bold;
	}
	.fiche-metier #metier-precis > p:nth-child(2) {margin-bottom: 4rem;}
	a.menu-icon-2,
	ul.links li.menu-icon-2 a,
	ul.menu li.menu-icon-2 a {
		background-image: url(/sites/default/files/menu_icons/icons-b_0_0_0.png);
		padding-left: 47px;
		background-repeat: no-repeat;
		background-position: left center
	}
	a.menu-icon-16,
	ul.links li.menu-icon-16 a,
	ul.menu li.menu-icon-16 a {
		background-image: url(/sites/default/files/menu_icons/icons-h_0_0_0.png);
		padding-left: 47px;
		background-repeat: no-repeat;
		background-position: left center
	}
	h3 {
		color: #575656;
		font-family: 'Nunito', sans-serif;
	}
	p {
		margin-right: 10px !important;;
	}

	/*** Menu principal ***/
	.dropdown-menu {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    z-index: 1000;
	    display: none;
	    float: left;
	    min-width: 160px;
	    padding: 5px 0;
	    margin: 2px 0 0;
	    font-size: 14px;
	    text-align: left;
	    list-style: none;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ccc;
	    border: 1px solid rgba(0, 0, 0, 0.15);
	    border-radius: 4px;
	    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	}
	/* Bouton actif */ 
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background-color: transparent !important;
	}
	ul.menu.menu--main.nav.navbar-nav {
	    width: 70%;
	}
	ul.menu.menu--main.nav.navbar-nav li {
	    margin: 0px 12px;
	}
	#block-citizena-themes-main-menu ul,
	#block-citizena-themes-account-menu ul {
		margin-left: 0;
		margin-right: 0;
		margin-top: auto;
		padding: 1rem 0 !important;
		justify-content: center;
		margin-bottom: auto;
	}
	/* Bandeau du menu */
	ul.menu--main > li > a:after {
		font-family: FontAwesome;
		content: "\f111";
		color: #1074BC;
		font-size: 10px;
		display: block;
		line-height: 1px;
		margin-top: 0;
		opacity: 0;
		-webkit-transition: margin-top 0.5s ease-in-out, opacity 0.5s ease-in-out;
		-moz-transition: margin-top 0.5s ease-in-out, opacity 0.5s ease-in-out;
		-ms-transition: margin-top 0.5s ease-in-out, opacity 0.5s ease-in-out;
		-o-transition: margin-top 0.5s ease-in-out, opacity 0.5s ease-in-out;
		transition: margin-top 0.5s ease-in-out, opacity 0.5s ease-in-out;
		animation-direction: alternate;
		animation-iteration-count: 2;
	}
	ul.menu--main > li:hover > a:after {
		margin-top: 9px;
		opacity: 1;
	}
	ul.menu--main > li.dropdown:hover > a:before {
		opacity: 0;
		font-family: FontAwesome;
	}
	ul.menu--main > li.dropdown > a:before {
		font-family: FontAwesome;
		content: "\f107";
		position: absolute;
		right: 2px;
		font-size: 12px;
		align-self: anchor-center;
		transition: all 0.5s ease-in-out;
	}

	/*** Explorer les donnees ***/
	/* Filtre 1 et 2  */
	#main.widget-opendata #filter h1,
	#main.widget-opendata #filter h2 {
		background-color: #77BD7C!important;
		color:white !important;
	}
	.d4c-box.d4c-map-wp {
		margin-left: -15px !important; 
		margin-right: -15px !important;
	}
    #main .form-group {padding-right: 0 !important}
    #main.widget-opendata #filter .list-group{scrollbar-width: thin;}
	#main.widget-opendata #filter .list-group::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}
	#main.widget-opendata #filter .list-group::-webkit-scrollbar {
		width: 3px;
		background-color: #F5F5F5;
	}
	#main.widget-opendata #filter .list-group::-webkit-scrollbar-thumb {
		background-color: #CCC;
		border: 0.5px solid #989898;
	}
    #main.widget-opendata .input-group {
    	position: relative;
		display: flex !important;
		border-collapse: separate;
		align-items: stretch;
		flex-wrap: wrap;
    }
    #main.widget-opendata .input-group .form-control {
    	display: flex;
    	box-sizing: border-box;
    	justify-content: flex-start;
    	height: unset !important;
    	width: calc(100% - 26px - 13px) !important;
    	border-radius: 5px 0 0 5px !important;
    	margin: 0 !important;
    	border: 1px solid #E2E2E2 !important;
    	box-shadow: none !important;
    }
    #main.widget-opendata form{margin: 0 !important;}
    #main.widget-opendata .input-group-btn {
    	display: inline-flex;
    	margin-left: -1px !important;
    }
    #main.widget-opendata .input-group-btn >  button {
    	margin: 0 !important;
    	border: 1px solid #E2E2E2 !important;
    	border-radius: 0 5px 5px 0 !important;
    }
    #main.widget-opendata .input-group-btn >  button:hover {
    	background-color: rgb(16 116 188 / 0.15);
    	border-color: rgb(16 116 188 / 0.15) !important;
    	color: rgb(16 116 188);
    }
	/* Barre laeral sur le jeu de donnes */
	#main.widget-opendata .dataset:hover {border-left: 3px solid #6baa70!important;}
	#main.widget-opendata #filter h2 #reset-filters:hover {color:white !important;}
	/* Mots cles */
	#main.widget-opendata .jetons li {background-color: #452668!important;border: solid 1px #452668!important;}
	#main .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background-color: #1074BC;
		border-color: #1074BC;
	}
	.dataset-h2 a{
		text-decoration: none !important;
		color: #452668 !important;
	}
	body {
		margin-top: 0;
		font-size: 15px;
		font-family: 'Nunito', sans-serif;
		overflow-x: hidden;
	}
	header.container,
	footer.container {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		border: 0
	}
	body #navbar {
		max-width: 100%;
	}
	body .main-container, 
	.js-quickedit-main-content {
		padding-left: 0px;
		padding-right: 0px;
		min-height: calc(100vh - 22rem);
	}
	.path-frontpage .main-container > div > div[role="heading"] {
		display: none;
	}
	footer.container:after {
		display: none !important;
	}
	.footer.container {
		background-color: #1E6F8A;
		height: 100%;
		padding-left: 10%;
		padding-right: 10%;
		margin-top: 10rem;
	}
	footer .region.region-footer {
		margin: 0px;
		margin-left: -12.5%;
		margin-right: -12.5%;
	}
	footer .region.region-footer #block-pieddepagegauche {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	footer .region.region-footer #block-pieddepagelogo {
		padding-top: 2rem;
	}
	footer .region.region-footer #block-reseauxsociaux {
		padding-bottom: 2rem;
		align-self: center;
		justify-self: center;
	}
	footer .region.region-footer #block-pieddepage {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	footer .region.region-footer #block-pieddepagecredits {
		color: #fff !important;
		font-size: 16px;
		line-height: 40px;
		height: 40px !important;
		border-top: 1px solid #6CA8D4;
		align-self: center;
		justify-self: center;
		text-align: center;
	}
	footer .region.region-footer #block-pieddepagecredits p {
		color: #fff !important;
	}
    footer .region.region-footer #block-pieddepagegauche,
    footer .region.region-footer #block-pieddepagelogo,
    footer .region.region-footer #block-reseauxsociaux,
    footer .region.region-footer #block-pieddepage,
    footer .region.region-footer #block-pieddepagecredits {
    	background-color: #1E6F8A;
    	margin: 0 !important;
    	bottom: 0;
    	width: 100%;
    	height: 100%;
    	align-items:center;
    }
    footer .region.region-footer #block-reseauxsociaux ul.menu.menu--reseaux-sociaux.nav {
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    }
    footer .region.region-footer #block-reseauxsociaux li {
    	display: inline-flex;
    }    
    footer .region.region-footer #block-reseauxsociaux a {
    	font-size: 0;
    } 
    footer .region.region-footer #block-reseauxsociaux a:before {
    	font-size: 22px;
    	font-family: 'FontAwesome';
    } 
    footer .region.region-footer #block-reseauxsociaux a[href*="facebook"]:before, header .menu--main a[href*="facebook"]:before {
    	content: "\f09a ";
    	font-size: 22px;
    	font-family: 'FontAwesome';
    	display: block;
    	visibility: visible;
    }
	header .menu--main a[href*="facebook"], header .menu--main a[href*="instagram"] {
	    visibility: hidden;
	    height: 37px;
	    width: 37px;
	    padding-right: 0;
	    padding-left: 0;
	    margin: 10px 15px;
	}
    footer .region.region-footer #block-reseauxsociaux a[href*="twitter"]:before {
    	content: "\f099 ";
    }
    footer .region.region-footer #block-reseauxsociaux a[href*="youtube"]:before {
    	content: "\f16a ";
    }
    footer .region.region-footer #block-reseauxsociaux a[href*="instagram"]:before, header .menu--main a[href*="instagram"]:before {
    	content: "\f16d ";
    	font-size: 22px;
    	font-family: 'FontAwesome';
    	display: block;
    	visibility: visible;
    }
    footer .region.region-footer #block-pieddepagelogo img {
    	max-width: 315px;
    	width: 100%;
    	display: block;
    	height: auto;
    	margin-left: auto !important;
    	margin-right: auto !important;
    }
    footer .region.region-footer .nav li a{
    	color: white;
    	margin: 0 !important;
    	padding: 0px 10px !important;
    	font-size: 16px;
    }
    .nav > li > a:hover, .nav > li > a:focus {
    	background-color: transparent;
    }
    footer .region.region-footer .nav li a:hover{
    	text-shadow: 0 0 0.5px white, 0 0 0.5px white, 0 0 0.5px white;
    }
    footer .region.region-footer h2 {
    	display: none;
    }


    
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff!important;
	}
	.navbar-default .navbar-toggle {
		border-color: #fff;
	}

	
	ul.menu--main > li.dropdown:hover > ul.dropdown-menu {
		display: block !important;
		visibility: visible !important;
		border: unset! important;
		border-left: 7px solid #1E6F8A !important;
		border-radius: 0px 0px 5px 5px;
		-webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 16%);
		box-shadow: 0 10px 15px rgb(0 0 0 / 16%);
		padding: 0 !important;
		width: calc(auto + 12px + 15px);
	}
	ul.menu--main > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu  {
		display: block !important;
		visibility: visible !important;
		border: unset! important;
		border-radius: 0px 5px 5px 0px;
		-webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 16%);
		box-shadow: 0 10px 15px rgb(0 0 0 / 16%);
		right: auto;
		left: auto;
		top: 0;
		margin: 0 0 0 100% !important;
		padding: 0 !important;
	}
	#block-citizena-themes-main-menu ul.dropdown-menu li a{
		text-transform: unset !important;
		color: #707070;
		line-height: 18px;
	}
	#block-citizena-themes-main-menu ul.dropdown-menu li a:hover {
		background-color: unset !important;
	}
	#block-citizena-themes-main-menu ul.dropdown-menu li a:before {
		font-family: FontAwesome;
		content: "\f111";
		color: #1074BC;
		font-size: 12px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;    
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;    
		transition: all 0.5s;  
		animation-direction: alternate;
		animation-iteration-count: 2;
		display: inline-block;
		opacity: 0;
		position: static;
		margin-right: -12px;
	}
	#block-citizena-themes-main-menu ul.dropdown-menu > li.dropdown > a:after {
		font-family: FontAwesome;
		content: "\f105";
		margin-left: 10px;
		font-size: 12px;
	}
	#block-citizena-themes-main-menu ul.dropdown-menu > li:hover > a[href^="http"]:before,
	#block-citizena-themes-main-menu ul.dropdown-menu > li:hover > a[href^="/"]:before {
		margin-right: 15px;
		opacity: 1;
		font-size: 12px;
	}
	#block-citizena-themes-main-menu ul.dropdown-menu > li.dropdown:hover > a:after {
		display: none;
	}
	#search-block-form .form-group {
		margin: 0 !important;
	}
	#search-block-form #edit-keys--description {
		display: none;
	}
	/*.navbar-default #navbar-collapse li a[href="/backoffice"]:before {
		content: '\f0ad';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome';
	    font-size: 12px;
	}
	.navbar-default #navbar-collapse li a[href^="/user/login"] {
		font-size: 0 !important;
		position: relative;
		padding-left: 0;
		padding-top: 13px;
	}
	.navbar-default #navbar-collapse li a[href^="/user/login"]:before {
		content: '\f023';
		background-position: top;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome';
		font-size: 31px;
	}
	
	.navbar-default #navbar-collapse li a[href^="#/user/profil"]:before {
		content: '\f007';
		background-position: top;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome';
		font-size: 28px;
	}

	.navbar-default .navbar-right li a[href^="/user/logout"]:before {
		content: '\f08b';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome';
	    font-size: 28px;
	}*/
	#block-modificationduprofiljesuis > div {
		position: relative;
	}
	.navbar-default .navbar-nav>.active>a {
		background-color: #fff
	}
	.navbar-nav {
		text-align: center;
		display: flex;
		vertical-align: middle;
		flex-wrap: wrap;
		max-width: 100%;
		list-style: none;
	}
	.nav > li {
		position: relative;
		display: block;
		align-content: center;
	}
	.dialog-off-canvas-main-canvas {
		background-color: #ffffff
	}
	.breadcrumb {
		padding: 0;
		list-style: none;
		visibility: visible;
		height: auto;
		background-color: transparent;
		display: block;
		text-align: center;
	}
	.breadcrumb > li + li:before {
		content: "\005C";
	}
	.breadcrumb > .active {
		font-weight: bold;
		color: #313131;
	}
	.breadcrumb a {
		text-decoration: none !important;
		color: #313131 !important;
	}
	.breadcrumb li{
		font-size: 0.85rem;
	}
	.d4cwidget-map__loading {
		bottom: 50%
	}
	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}

	html, body {
		font-size: 15px;
		background-color: white;
	}
	body {
		font-family: 'Nunito', sans-serif;
		color: #313131 !important;
	}
	h1, h2, h3, h4 {
		font-family: 'Nunito', sans-serif;
	}
	h1, h2, h3 {
		font-weight: 500;
		color: #313131;
	}
	.path-frontpage .region-content {
		margin-top: 160px;
	}

	/* HEADER */
	.d4c-front-header {
		padding: 0;
		margin-bottom: 40px;
	}
	.d4c-responsive-menu-placeholder .d4c-front-header__portal-brand {
		height: 50px;
		top: 5px;
	}
	.d4c-responsive-menu-collapsible .d4c-front-header__portal-brand {
		height: 70px;
		top: 0;
	}

	.d4c-front-header a:hover,
	.MYSITE-header__brand a:hover{
		text-decoration: none;
	}

	.MYSITE-header__brand {
		height: 100px;
		padding: 0;
		overflow: hidden;
	}

	.d4c-front-header__logo {
		height: 85px;
		float: left;
	}

	.foo {
		list-style-type: none;
		display: inline-flex;
	}

	.d4c-front-header__brand {
		list-style-type: none;
		margin-left: 50px;
		margin-top: 3px;
	}

	#ville h3 {
		font-size: 1.33em;
		margin-bottom: 0;
	}

	#opendata p {
		font-size: 1.5em;
		color: #000;
		font-weight: 100;
	}
	.d4c-front-header__link-to-odt {
		display: none;
	}


	.d4c-front-header__link-to-odt a {
		color: #77bd7c;
	}

	.d4c-responsive-menu-collapsible--expanded .MYSITE-header__brand {
		display: none;
	}
	.d4c-responsive-menu-collapsible--expanded .d4c-front-header__menu {
		display: block;
	}
	.d4c-responsive-menu-collapsible--expanded .d4c-front-header__menu-item-link {
		display: block;
		text-align: left;
	}
	.MYSITE-header__brand > .container {
		padding-top: 0px;
	}
	.MYSITE-header__menu {
		background-color: #2c3f56;
		text-align:center;
	}
	.MYSITE-header__menu > .container {
		padding: 40;
		margin-top:20px;
	}

	.d4c-front-header__menu-item-link {
		color: #fff;
		font-family: 'Nunito', sans-serif;
		text-transform: uppercase;
	}
	.d4c-front-header__management-menu-item-link {
		color: #646464;
	}
	.d4c-front-header__management-menu-item-link.d4c-front-header__management-menu-item-link--backoffice {
		color: white;
	}
	.d4c-front-header__menu-item-link:hover {
		color: #77bd7c;
	}

	.d4c-front-header__menu-item-link[href^="/page/home/"]:before,
	.d4c-front-header__menu-item-link[title="Accueil"]:before {
		font-family: "FontAwesome";
		content: '\f015';
		display: inline-block;
		line-height: 56px;
		font-size: 1.2em;
	}

	.d4c-front-header__menu-item-link {
		border: none;
		opacity: 1;
		font-size: 20px;
	}
	.d4c-front-header__menu-item-link.d4c-front-header__menu-item-link--active {
		background-color: #fff;
		border: none;
		height: 56px;
		color: #77bd7c;
	}

	/* FOOTER */
	#block-scripts-accueil,#block-redimensionnementdelentete {
		display: none;
	}
	
	#block-views-block-partenariats-block-1 .form-group{
		background-color: #619aad;
	}
	#block-views-block-partenariats-block-1 .view.view-partenariats.view-id-partenariats.view-display-id-block_1 {
		width: 100% !important;
		overflow: scroll;
		overflow-y: hidden;
		padding: 0;
	}
	#block-views-block-partenariats-block-1 .view.view-partenariats.view-id-partenariats.view-display-id-block_1,
	#formations-a-la-une > div > div {
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;  /* Firefox */
	}
	#block-views-block-partenariats-block-1 .view.view-partenariats.view-id-partenariats.view-display-id-block_1::-webkit-scrollbar,
	#formations-a-la-une > div > div::-webkit-scrollbar { 
		display: none;  /* Safari and Chrome */
	}
	#block-views-block-partenariats-block-1 .view.view-partenariats.view-id-partenariats.view-display-id-block_1 .view-content{
		display: inline-flex;
		list-style: none;
		align-items: center;
		justify-content: center;
		margin-top: 33px;
		margin-bottom: 33px;
		padding: 0 !important;
	}
	#block-views-block-partenariats-block-1 .view.view-partenariats.view-id-partenariats.view-display-id-block_1 .view-content .views-row{
		background-color: #fff;
		margin: 5px;
		width: 149px !important;
		height: 149px !important;
		padding: 15px;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
		display: flex;
		border-radius: 5px;
		cursor: pointer;
	}
	#block-views-block-partenariats-block-1 .view.view-partenariats.view-id-partenariats.view-display-id-block_1 .view-content .views-row img{
	    object-fit: contain;
	    max-width: 137px !important;
	    max-height: 137px;
	}
	.views-field.views-field-field-lien-partenaire {
		display: none;
	}

   

	.MYSITE-api {
		padding: 30px 0;
		margin-top: 30px;
		text-align: center;
		background-color: #77bd7c;
		color: #2c3f56;
	}
	.MYSITE-api__title {
		max-width: 750px;
		margin: 0 auto;
		color: #fff;
		font-size: 30px;
		font-weight: 400;
	}
	.MYSITE-api__description {
		color: #fff;
		font-size: 26px;
	}

	.MYSITE-api__description a {
		color: #fff;
		text-decoration: underline;
	}

	.d4c-front-footer {
		border: none;
	}
	.d4c-front-footer__d4c-logo-img 
	vertical-align: baseline;
	}
	.d4c-front-footer__link {
		vertical-align: top;
	}
	.MYSITE-footer__logo-img {
		height: 35px;
		padding-top: 6px;
		padding-right: 6px;
	}

	/* PAGES */

	/* Dashboard */

	.dashboard {
		text-align: center;
	}

	rect.highcharts-background {
		color : #ddd !important;
	}

	.highcharts-legend rect {
		stroke-width: 0;
	}
	.grey-box {
		background: #ddd;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 5px;
		margin-left: -5px;
		margin-right: -8px;
	}

	.grey-box1 {
		background: #ffffff;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 5px;
		margin-left: -5px;
		margin-right: -8px;
	}

	.d4cwidget-spinner.d4cwidget-spinner--svg {
		fill: #77bd7c;
		height: 1.8em;
	}

	.ODT-dashboard__socio-facts__fact-spinner {
		text-align: center;
	} 

	.ODT-dashboard__socio-facts__fact {
		text-align: left;
		padding-left: 35px;
	}

	.ODT-dashboard__socio-facts__fact-title {
		font-size: 1em;
		margin: 0 auto;
	}

	.ODT-dashboard__socio-facts__fact-title1 {
		font-size: 3em;
		margin: 0 auto;
		color: #77bd7c;
	}

	.ODT-dashboard__socio-facts__fact-value {
		margin-top: 5px;
		margin-left: 10px;
	}

	.ODT-dashboard__socio-facts__fact-value1 {
		color: #77bd7c ;
		font-size: 3em;
		margin: -0.33em auto -0.66em;
	}

	.ODT-dashboard__socio-facts__fact-value a {
		color: #77bd7c;
		text-align: center;
		font-size: 1.66em;
	}
	.ODT-dashboard__socio-facts__fact-value a:hover {
		text-decoration: none;
	}

	.ODT-dashboard__socio-facts__fact-description {
		margin: 0 auto;
		color: grey;
		font-size: 0.66em;
		font-weight: 100;
	}

	.ODT-dashboard__socio-facts__fact-pie {
		text-align: center;
	}

	.ODT-dashboard__others-offres ul {
		text-align: left;
	}

	.ODT-dashboard__others-offres li {
		list-style-type: none;
		margin-bottom: 0.33em;
	}

	.ODT-dashboard__others-offres li > h4 {
		padding: 0;
		margin-bottom: 0;
	}
	.ODT-dashboard__others-offres {
		height: 475px;
	}

	@-webkit-keyframes 
	load { 0% {
		stroke-dashoffset:0
	}
	}
	@-moz-keyframes 
	load { 0% {
		stroke-dashoffset:0
	}
	}
	@keyframes 
	load { 0% {
		stroke-dashoffset:439.8;
	}
	}

	.datafact h2 {
		border: 0;
		margin: 0;
	}

	.datapourcent {
		position: absolute;
		top: 3.7rem;
		width: 100%;
		text-align: center; 
	}

	.progress, .progressline {
		display: inline-block;
		position: relative;
	}
	.progress svg {
		width: 10rem;
		height: 10rem;
	}
	.progress svg:nth-child(1) circle {
		fill: none;
		stroke-width: 4;
		stroke-dasharray: 439.8;
		stroke: rgba(128, 128, 128, 0.3);
	}
	.progress svg:nth-child(2) {
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}
	.progress svg:nth-child(2) circle {
		fill: none;
		stroke-width: 3;
		stroke-dasharray: 439.8;
		stroke: #77bd7c;
		-webkit-animation: load 2.5s;
		-moz-animation: load 2.5s;
		-o-animation: load 2.5s;
		animation: load 2.5s;
	}

	.ODT-dashboard__verbatim {
		text-align: left;
		margin-bottom: 30px;
		margin-top: 40px;
	}

	/* Faq */
	.faq .item {
		display: inline-block;
		text-align: center;
		width: 286px;
		color: #77bd7c;
		cursor: pointer;
		font-size: 20px;
		line-height: 30px;
		margin: 0 auto;
		border-radius: 5px;
	}

	.faq .item--active {
		text-decoration: none;
		background-color: #77bd7c;
		color: white;
	}

	.faq ul {
		margin: 0;
		margin-bottom: 7px;
		padding: 0;
		list-style: none;
		display: block;
		text-align: center;
	}

	.faq {
		max-width: 960px;
		margin-top: 30px;
	}

	.ODT-faq__q-a {
		margin-bottom: 30px;
	}

	.ODT-faq {
		margin: 3em auto;
	}

	.ODT-faq__guide ul {
		list-style: disc;
		display: block;
		text-align: left;
		width: 80%;
	}

	input.hs-button.primary.large {
		color: #fff;
		background: #77bd7c no-repeat fixed center;
		border: 1px solid #77bd7c;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	input.hs-button.primary.large:hover {
		color: #77bd7c;
		background: #fff no-repeat fixed center;
		border: 1px solid #77bd7c;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	.actions {
		text-align: center;
	}

	.ODT-custom-form__form {
		margin-top: 2em;    
	}

	/* Home */

	.background {
		background-position: center center;
		height: 400px;
		background-size: cover;
		color: #fff;
		text-align: center;
		margin-top: -40px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.ODT-home .col-md-6 {
		padding-right: 80px;
	}

	.ODT-home {
		text-align: center;
		margin-top: 1.33em;
	}
	.ODT-home h1 {
		width: 50%;
		margin: 0 auto;
	}

	.ODT-home__content {
		margin-top: 40px;
	}

	.background p {
		margin-top: -10px;
	}

	.ODT-home h1 {
		margin-bottom: 0;
	}

	.ODT-home h1 + h2 {
		margin-top: 0;
	}

	.ODT-home h3 {
		margin-top: 0.33rem;
	}

	main {
		margin: 0px;
	}

	.access {
		text-align: center;
	}

	.explore-link {
		text-align: center;
		font-size: 2.33em;
		display: block;
		padding-top: 133px;
		padding-bottom: 20px;
		color: white;
	}

	.explore-link-title-home {
		text-align: center;
		font-size: 2.33em;
		display: block;
		padding-top: 133px;
		padding-bottom: 20px;
		color: #2c3f56;
	}

	input.d4cwidget-searchbox__box {
		width: 80%;
		border: 2px solid white;
		border-radius: 0px;
		max-width: 550px;
		font-size: 1.5rem;
		line-height: 2rem;
		padding: 0.5em;
		font-family: 'Nunito', sans-serif;
	}

	.leaflet-draw {
		display: none;    
	}

	.themeblock {
		color:black;
		fill:black;
		text-align: center;
		padding: 10px;
	}

	.themeblock h3 {
		text-transform: uppercase;
	}

	.themeblock__icon {
		font-size: 3rem;
		color: #274156;
	}
	.themeblock__content {
		background-color: #eeeeee;
		padding: 20px;
		display: block;
		color: inherit;
		text-decoration: none;
	}
	@media (min-width: 768px) and (max-width: 991px)  {
		.themeblock__content {
			min-height: 225px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px)  {
		.themeblock__content {
			min-height: 300px;
		}
	}
	@media (min-width: 1200px) {
		.themeblock__content {
			min-height: 250px;
		}
	}
	.themeblock__content:hover {
		text-decoration: none;
	}
	.themeblock__content{
		background-color: #ffffff;
	}

	.MYSITE-map {
		padding-top: 30px;
		text-align: left;
	}
	.MYSITE-map__description h2 {
		margin: 0 auto;
		color: #77bd7c;
	}
	.MYSITE-map__description p {
		font-size: 12px;
	}

	.MYSITE-explore {
		text-align: center;
		color: #2c3f56;
	}
	.MYSITE-explore__description {
		font-size: 20px;
		margin: 1em auto 1em;
	}

	.MYSITE-explore__description a {
		color: #77bd7c;
		text-decoration: underline;
	}

	.eg-tag {
		background-color: #77bd7c;
	}

	.ODT-home-description {
		text-align: left;
		margin-top: 1.33em;
	}

	.ODT-home-description h3 {
		color: #77bd7c;
	}

	.backgroundfooter {
		background-color: #82a3a8;
		background-position: center center;
		height: 400px;
		background-size: cover;
		color: #fff;
		text-align: center;

	}
	header.navbar.navbar-default.container {
		z-index: 9998;
		background-color: #fff;
		border-radius: 0px !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.nav > li > a:hover {
		background: none;
	}


.container {width: 100%!important;}





.control-label {
    font-size: 20px !important;
    display: block !important;
    color: #707070;
}
.form-select.form-control {
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	color: #AAAAAA;
	border-radius: 5px;
	padding: 10px 15px;
	height: unset !important;
}
body.path-articles .view-filters.form-group,
body.path-agenda .view-filters.form-group {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
body.path-articles .view-filters.form-group #edit-actions,
body.path-agenda .view-filters.form-group #edit-actions,
body.path-bibliotheque-des-videos .view-filters.form-group #edit-actions,
body.path-toutes-les-videos .view-filters.form-group #edit-actions {
	display: none;
}
#views-exposed-form-frontpage-page-1 #edit-actions {
	display: none;
}
.form-control:focus {
	box-shadow: unset !important;
	border-radius: 5px 5px 0px 0px;
}
.form-control:focus > option:checked {
	background-color: #E2E2E2;
	color: #707070;
}
.select-wrapper:after {
	font-family: FontAwesome !important;
	content: '\f0d7' !important;
	font-size: 15px;
	color: #AAAAAA;
	margin-right: 15px;
	padding: 0;
}






/*
PAGE TOUTES LES ACTUALITES
*/
.view.view-taxonomy-term.view-id-taxonomy_term .feed-icons{
	display: none;
}
.view-page-actualite .view-content,
.view-frontpage .view-content,
.view-zoom-sur-page .view-content,
.view-taxonomy-term .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: stretch;
	gap: 2.5rem;
}
.view-page-actualite .view-content,
.view-frontpage .view-content,
.view-zoom-sur-page .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.view-page-actualite .views-row,
.view-frontpage .views-row,
.view-zoom-sur-page .views-row {
	padding: .5rem;
}
.view-page-actualite .views-field.views-field-field-image,
.view-frontpage .views-field.views-field-field-image,
.view-zoom-sur-page .views-field.views-field-field-image {
	width: 100%;
	overflow: hidden;
	display: block;
	height: 16rem;
	border-radius: 0 20px 0 0;
	object-fit: cover;
	position: relative;
}
.view-page-actualite .views-field.views-field-title a,
.view-frontpage .views-field.views-field-title a,
.view-zoom-sur-page .views-field.views-field-title a {
	color: #f2920a;
	font-weight: bold;
	text-decoration: none;
}
.view-page-actualite .views-field.views-field-title,
.view-frontpage .views-field.views-field-title,
.view-zoom-sur-page .views-field.views-field-title {
	margin-top: 1rem;
	margin-bottom: .3rem;
}
/*
ACTUALITE
*/
.field.field--name-field-profil-concerne.field--type-entity-reference,
.field.field--name-field-profil.field--type-entity-reference{
	margin-bottom: 0;
}
.field--name-field-type-de-formation-taxonomi{
	margin-bottom: 15px !important;
}



.block.block-block-content.block-block-contenta0e44f85-c086-4de8-95fc-2066569854d6.clearfix{
	margin-bottom: 25px;
	
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above{
	position: absolute;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: -50px;
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above .field--item{
  display: inline-flex; 
	flex-direction: column;
	margin-right: 5px;
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above a{
	background-color: rgba(227,253,175,.5);
	padding: 6px 32px;
	border-radius: 50px;
	cursor: pointer;
	color: #595959;
	text-decoration: none;
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above a:hover{
	background-color: rgba(227,253,175,1);
	color: #222528;
}

.path-les-metiers-en-video .view-les-metiers-en-video p {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.path-les-metiers-en-video .view-les-metiers-en-video p > iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 2rem;
}
.path-les-metiers-en-video .view-les-metiers-en-video h3 {
	color: rgb(239 89 22);
	font-weight: bold;
	margin-top: 3rem;
}
.path-les-metiers-en-video .view-header,
.path-toutes-les-videos .view-header {
	display: flex;
	align-items: center;
}
.path-les-metiers-en-video .view-header > h3,
.path-toutes-les-videos .view-header > h3  {margin: 0 !important;}
.path-toutes-les-videos .view-videos {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.page.full.clearfix, .views-element-container.form-group{
	width: 100%;
}
.block-title{
	display: none;
	visibility: hidden;
}
#block-pagedaccueilchercherformationdispositifdaide {
	background: rgb(239 89 22 / 0.2);
}
#block-views-block-partenariats-block-1 .form-group{
	width: 100%;
	display: flex;
	align-items: center;
}
#block-views-block-partenariats-block-1 .form-group > i {
	color: #fff;
	opacity: 0.5;
	cursor: pointer;
	width: 1%;
}
#block-views-block-partenariats-block-1 .form-group > i:hover{
	opacity: 1;
}
#block-views-block-partenariats-block-1 .form-group > #nav-previous {
	margin-left: 8%;
	margin-right: 1%;
}
#block-views-block-partenariats-block-1 .form-group > #nav-next {
	margin-right: 8%;
	margin-left: 1%;
}

.d4c-content, .user-login-form, .contact-message-feedback-form.contact-message-form.contact-form{
	width: 100%;
}
.path-carte .d4c-content {margin-top: 20px;position: relative;}



.d4cwidget-map-tooltip__record.ng-scope{
	scrollbar-width: thin; 
}
.d4cwidget-map-tooltip__record.ng-scope::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.d4cwidget-map-tooltip__record.ng-scope::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
.d4cwidget-map-tooltip__record.ng-scope::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border: 0.5px solid #989898;
}
.d4cwidget-map__map .leaflet-popup-content{
	margin-top: 10px !important;
	width: 241px !important;
    min-height: 200px !important;
}
.d4cwidget-map__map .leaflet-popup-content h2,
.d4cwidget-map__map .leaflet-popup-content li {
	color: #565656 !important;
}
.d4cwidget-map-tooltip__record{
	max-height: 285px !important;
	word-break: break-word;
	word-wrap: break-word;
}


/*
OFFRES
*/
.view-offres .views-row {
	/* display: flex; */
	justify-content: space-evenly;
	transition: all 0.5s ease-out;
	position: relative;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 20px;
	padding: 10px;
	border: 2px solid #1E6F8A;
}
.view-offres .views-field-title {
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	padding: 16px 24px;
	text-align: center;
}
.views-field-created {
    font-size: 12px;
    color: #888;
    position: absolute;
    bottom: 0;
    right: 16px;
}
.views-field-field-type-d-offre, .views-field-field-secteur-d-actiit, .views-field-field-duree-offre {
	padding: 8px 20px;
	font-weight: 600;
	font-size: 14px;
}
#block-citizena-themes-views-block-offres-block-1 .views-row {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	box-shadow: 0px 4px 30px rgba(7, 30, 88, 0.3);
	transition: all 0.5s ease-out;
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	margin-top: 20px;
}
#block-citizena-themes-views-block-offres-block-1 .view-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	justify-items: center;
	margin: 0px auto 42px auto;
}
#block-citizena-themes-views-block-offres-block-1 .view-offres .views-field-body {
    padding: 0 24px 24px;
    font-style: italic;
}
#block-citizena-themes-views-block-offres-block-1 .view-offres .views-field-title {
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	padding: 16px 24px 8px;
	text-align: center;
}
	
#views-exposed-form-offres-page-1 .form-inline {
	display: flex;
	gap: 30px;
	justify-content: center;
}
#views-exposed-form-offres-block-1 .form-inline {
	display: flex;
	gap: 30px;
}	
#views-exposed-form-statistiques-offres-page-1 .form-inline {
	display: flex;
	gap: 20px;
	justify-content: center;
}
#views-exposed-form-offres-page-1 .control-label, #views-exposed-form-statistiques-offres-page-1 .form-inline {
	margin-bottom: 10px;
}
#views-exposed-form-offres-page-1 .form-inline .js-form-wrapper {
	align-content: center;
    margin-top: 8px;
}
#views-exposed-form-statistiques-offres-page-1 .form-inline .js-form-wrapper {
	align-content: end;
	margin: 2px;
}
.offre, .entreprise, .temoignage {
	margin-left: 25%;
	margin-right: 25%;
	font-size: initial;
	margin-bottom: 20px;
}
.field--name-field-test .entreprise {
	margin-left: auto;
	margin-right: auto;
}
.entreprise .field--label {
	margin-top: 10px;
}
.field--name-field-type-d-offre,
.field--name-field-start-date,
.field--name-field-end-date,
.field--name-field-duree-offre,
.field--name-field-email {
	display: flex;
	align-items: center;
}
.field--name-field-type-d-offre .field--item {
	border: 1px solid #F2920A;
	border-radius: 1rem;
	padding: 0.5rem 1rem;
	color: #F2920A !important;
	font-weight: 600;
	width: fit-content;
	height: fit-content;
}
.field--name-field-type-d-offre .field--label, 
.field--name-field-secteur-d-actiit .field--label, 
.field--name-field-start-date .field--label,
.field--name-field-end-date .field--label,
.field--name-field-duree-offre .field--label,
.field--name-field-secteur-d-actiit .field--item,
.field--name-field-email .field--label,
.field--name-body .field--label {
	margin: 1rem 1rem 1rem 0;
}

.field--name-field-secteur-d-actiit .field--item a {
	border: 1px solid #F2920A;
	border-radius: 1rem;
	padding: 0.5rem 1rem;
	color: #F2920A !important;
	font-weight: 600;
	pointer-events: none;
}
.field--name-field-test {
	display: block !important;
}
.field--name-field-test .field--label {
	margin-top: 20px;
	font-size: 30px;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}
.entreprise .field--label {
	font-weight: bold;
	font-size: initial;
	margin: 10px 0 0;
}
.entreprise .field--name-field-secteur-d-actiit .field--label {
	margin-top: 15px;
}
.entreprise h2 {
	margin: auto;
	text-align: center;
}
.entreprise h2 > a {
	font-size: 28px;
	color: #1E6F8A !important;
}
.entreprise h2 > a::before {
	display: none;
}
.entreprise .field--name-field-image {
	text-align: center;
}
.view-id-offres .views-row:hover, .view-id-offres .views-row:focus {
	transform: scale(1.02);
	box-shadow: 0px 8px 12px rgba(7, 30, 88, 0.4);
}
#block-citizena-themes-views-block-offres-block-1  .views-field-field-type-d-offre, 
#block-citizena-themes-views-block-offres-block-1 .views-field-field-secteur-d-actiit,
#block-citizena-themes-views-block-offres-block-1 .views-field-field-duree-offre .field-content {
	font-weight: 600;
	font-size: 12px;
}
.views-field-field-type-d-offre .field-content, .views-field-field-secteur-d-actiit .field-content, .views-field-field-duree-offre .field-content {
	border: 1px solid;
	border-radius: 1rem;
	padding: 0.4rem 1.2rem;
	margin: 0.5rem;
	color: #f2920a !important;
	text-decoration: none;
	width: fit-content;
}
.views-field-field-duree-offre .field-content p {
	margin: 0 !important;
}
.views-field-title .field-content a {
	text-decoration: none !important;
}
#block-citizena-themes-views-block-reponse-aux-offres-block-1 {
	margin-bottom: 20px;
}
.view-reponse-aux-offres .view-header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid;
}
.view-reponse-aux-offres .views-row {
	display: flex;
	justify-content: space-between;
	height: 60px;
	border-bottom: 0.5px dashed silver;
	position: relative;
}
.titre_offre {width: 25%;}
.titre_nom {width: 10%;}
.view-reponse-aux-offres .views-row .views-field-entity-id {
	width: 25%;
	align-content: center;
	font-size: initial;
	font-weight: 500;
}
.view-reponse-aux-offres .views-row .views-field-entity-id a {
	text-decoration: none;
	color: #1E6F8A;
}
.view-reponse-aux-offres .views-row .views-field-uid {
	width: 10%;
	align-content: center;
}
.view-reponse-aux-offres .views-row .views-field-field-cv, .view-reponse-aux-offres .views-row .views-field-field-lettre-de-motivatio, .titre_cv, .titre_lettre {
	width: 30%;
}
.view-reponse-aux-offres .views-row .views-field-field-cv a, .view-reponse-aux-offres .views-row .views-field-field-lettre-de-motivatio a {
	text-decoration: none;
}
.offre .js-comment {
	display: none;
}
.view-candidatures-offres {
	margin-left: 25%;
	margin-right: 25%;
}
.view-statistiques-offres {
	margin-left: 15%;
	margin-right: 15%;
}
.view-candidatures-offres .views-row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	font-size: initial;
	margin-bottom: 10px;
}
.view-candidatures-offres .view-empty {
	margin-bottom: 20px;
	font-size: initial;
}
.view-candidatures-offres .views-field-created {
	position: unset;
	font-size: unset;
	color: unset;
	width: 70%;
}
.view-candidatures-offres .views-field-field-cv, .view-candidatures-offres .views-field-field-lettre-de-motivatio {
	width: 49%;
	font-weight: bold;
}
.view-candidatures-offres .views-field-field-cv a, .view-candidatures-offres .views-field-field-lettre-de-motivatio a {
	text-decoration: none;
}
.view-statistiques-offres .view-content {
	display: grid;
	gap: 4px 44px;
	grid-template-columns: 1fr 1fr;
}
.view-statistiques-offres .views-row {
    padding: 4px 12px;
    border-left: 3px solid #f2920a;
    margin: 0px 0px 18px 0px;
    background-color: #ffffff;
    box-shadow: 0px 4px 30px rgba(7, 22, 888, 0.1);
}
.view-statistiques-offres .views-row .views-field-title {
	font-size: 24px;
	font-weight: bold;
	margin: 10px;
}
.views-field.views-field-moderation-state:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    margin-right: 12px;
    margin-left: 12px;
}
.views-field.views-field-totalcount:before {
    content: "\f06e";
    font-family: 'FontAwesome';
    margin-right: 12px;
    margin-left: 12px;	
}
.views-field.views-field-comment-count:before {
    content: "\f27a";
    font-family: 'FontAwesome';
    margin-right: 12px;
    margin-left: 12px;
}
.view-statistiques-offres .views-row .views-field-field-test {
	text-align: center;
	font-weight: 500;
    font-size: large;
}
.view-statistiques-offres .views-row .views-field-field-test a {
	text-decoration: none;
    color: #1E6F8A;
}
.view-statistiques-offres .views-row .views-field-comment-count {
	margin-bottom: 10px;
}
.view-statistiques-offres .views-row .views-field-totalcount, .view-statistiques-offres .views-row .views-field-moderation-state {
    margin-bottom: 5px;
}
.block-views-blocknotifications-administrateurs-block-1 {
	margin: 0 25% 40px;
}
.view-notifications-administrateurs {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 20px;
    padding: 20px;
    background-color: #f3f4f6;
    max-height: 520px;
    overflow-y: scroll;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.view-notifications-administrateurs .view-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.view-notifications-administrateurs .views-row {
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: transform 0.3s ease;
	position: relative;
}
.view-notifications-administrateurs .views-field-get-text .field-content strong {
    color: #1E6F8A;
}
.view-notifications-administrateurs .views-field-get-text .field-content a {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #1E6F8A;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}



/*
ESPACE PRO
*/
#block-citizena-themes-views-block-evenements-block-1 .view-content {
    margin: 0px auto 42px auto;
}
#block-citizena-themes-views-block-temoignage-block-1 .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    justify-items: center;
    margin: 0px auto 42px auto;
}
#block-citizena-themes-views-block-temoignage-block-1 .views-row {
    width: 100%;
}
.view-temoignage .views-row {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 18%;
    box-shadow: 0px 4px 30px rgba(7, 30, 88, 0.3);
    transition: all 0.5s ease-out;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
	padding: 20px;
}
.view-temoignage .views-row .views-field-title {
	font-size: 24px;
	font-weight: bold;
}
.view-temoignage .views-row .views-field-field-image {
    flex-shrink: 0;
    padding: 12px 0;
}
.view-temoignage .views-row .views-field-field-image img {
    object-fit: cover;
    height: auto;
    max-width: 100%;
}
.view-temoignage .views-row a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}
.view-temoignage .views-row:hover, .view-temoignage .views-row:focus {
    transform: scale(1.02);
    box-shadow: 0px 8px 12px rgba(7, 30, 88, 0.4);
}
.view-id-evenements .view-header, .view-id-temoignage .view-header {
    margin: 20px;
}
.view-id-evenements .views-row {
    display: flex;
	justify-content: space-around;
    border-bottom: 0.5px dashed silver;
}
.view-id-evenements .views-row .views-field-title a {
    text-decoration: none;
    color: #1E6F8A;
}
.view-id-evenements .views-row .views-field-field-start-date .field-content {
    font-weight: 500;
    font-size: 16px;
}
.view-id-evenements .views-row .views-field-field-start-date, .view-id-evenements .views-row .views-field-moderation-state {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 5px;
	padding: 16px 24px 8px;
}
.temoignage footer {
	display: none;
}
.temoignage .content {
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 50px;
}
.temoignage .audiofield	label {
	display: none;
}

	


.flourish-credit {
	display: none !important;
}

#block-chatbot-aide {
	width: 100%;
	z-index: 990;
	position: sticky;
	top: 100vh;
}

.col-sm-12 {
	padding: 0 !important;
}

#search-form{
	width: 100%;
	margin-top: 3rem;
}
#search-form .form-search.form-control {
	width: 100%;
	padding: 6px 12px;
	border: unset;
	border-bottom: 1px solid #77bd7c;
	margin-top: 1rem;
	background-image: url(/sites/default/files/inline-images/loupe.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 50px;
	box-shadow: unset !important;
	margin-top: 0;
	border-radius: 0;
}
#search-form .input-group {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}
#search-form .button.js-form-submit.form-submit.btn-primary.btn.icon-only {
	display: none;
	visibility: hidden;
}    
#search-form .panel-heading{
	background-color: rgba(227,253,175,.5)
}
#search-form .panel-heading:hover{
	background-color: rgba(227,253,175,1)
}
#search-form .control-label{
	font-size: 15px !important;
	font-weight: normal;
	text-transform: unset !important;
}
#search-form #edit-lang-fieldset{
	display: none;
}
#search-form .btn-default:active, 
#search-form .btn-default:hover{
	background-color: #77bd7c;
	color: white;
}    
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content{
	padding-right: 20%;
	padding-left: 20%;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content h2 {
	width: 100%;
	text-align: center;
} 
.path-search.has-glyphicons .pager-nav.text-center{
	width: 100%;
}
.path-search.has-glyphicons .pager__item.is-active.active a {
	background-color: #77bd7c;
	border-color: #77bd7c;
	color: #fff;
}
.path-search.has-glyphicons .pager__item.is-active.active a:hover {
	background-color: #6baa70 !important;
	border-color: #6baa70 !important;
}
.path-search.has-glyphicons .pager__item a {
	color: #595959;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content li h3 a {
	color: #6baa70;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content li strong {
	color: #595959;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content li {
	padding-bottom: 1rem;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content ol {
	list-style: none;
	padding-left: 0px;
}
.path-search.has-glyphicons .region.region-header {
	visibility: hidden;
	display: none;
}
.path-search.has-glyphicons .search-help-link,
.path-search.has-glyphicons a[href^="/user"] {
	color: #595959;
    font-weight: bold;
}
.path-search.has-glyphicons h2 {
	color: #595959;
	text-transform: uppercase;
}

#block-testjeuxdedonnees {
	margin-left: 15%;
	margin-right: 15%;
	width: 100%;
}


/*hide api on /portail */
#main.widget-opendata .dataset p a[href^="/visualisation/api"] {
	display: none !important;
	visibility: hidden !important;
}
/*hide api on dataset page */
.d4c-tabs__tab.api.d4c-tabs__tab--horizontal {
	display: none !important;
	visibility: hidden !important;
}



#block-citizena-themes-quicktabsapi {
    width: 100% !important;
}





.user-logged-in.path-user.has-glyphicons .form-email.required.form-control {
    width: 100% !important;
}
.user-logged-in.path-user.has-glyphicons .control-label {
	font-size: 15px !important;
}
.user-logged-in.path-user.has-glyphicons .form-actions.form-group.js-form-wrapper.form-wrapper {
	margin: 0 !important;
}
.user-logged-in.path-user.has-glyphicons .button.button--primary.js-form-submit.form-submit.btn-success.btn.icon-before {
	margin: 0 !important;
}
.user-logged-in.path-user.has-glyphicons .file.file--mime-image-png.file--image.icon-before span,
.user-logged-in.path-user.has-glyphicons .select-wrapper:after {
	color: #77bd7c !important;
}
.user-logged-in.path-user.has-glyphicons .form-checkbox {
	filter: hue-rotate(-79deg) saturate(34%) brightness(124%);
}
.user-logged-in.path-user.has-glyphicons .file.file--mime-image-png.file--image.icon-before {
	width: auto;
	margin-right: -15px;
}
.user-logged-in.path-user.has-glyphicons .tabs {
	margin-bottom: 2rem
}
.user-logged-in.path-user.has-glyphicons .label {
	color: #333333;
	font-size: 15px;
	text-transform: uppercase
}
.user-logged-in.path-user.has-glyphicons .field.field--name-user-picture.field--type-image.field--label-hidden.field--item {
	float: left;
	margin-right: 30px;
}




#datasets {
	scrollbar-width: thin; 
}
#datasets::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
#datasets::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
#datasets::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border: 0.5px solid #989898;
}

.path-search.has-glyphicons .js-quickedit-main-content {
	min-height: unset !important;
}

#main.widget-opendata .dataset {
	margin-left: 0.5% !important;
    margin-right: 0.5% !important;
}



.field.field--name-field-taxonomie {
	display: none;
	visibility: hidden;
}	


/*ADD DOCUMENT PARTENAIRE*/
article[about="/espace-partenaire"] #espace-part,
article[about="/espace-professionnel"] #espace-part {
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	margin-top: 2rem;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons {
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	border-radius: 5px;
	padding: 10px 30px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons > img,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons > img {
	width: 45%;
	height: auto;
	margin: auto;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons > img.img-hover{display: none;}
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons > img.img-hover{display: none;}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons > p,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons > p {
	text-transform: lowercase;
	margin: 1rem auto 0 !important;
	font-weight: bold;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:hover,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:hover {
	color: #FFFFFF;
	box-shadow: 0px 10px 25px rgba(0,0,0,16%);
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:nth-child(1):hover,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:nth-child(1):hover {
	background-color: #1074BC;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:nth-child(2):hover,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:nth-child(2):hover {
	background-color: #94c11f;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:nth-child(3):hover,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:nth-child(3):hover {
	background-color: #f2920a;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:nth-child(4):hover,
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:nth-child(4):hover {
	background-color: #e94e1b;
}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:hover > img {display: none;}
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:hover > img {display: none;}
article[about="/espace-partenaire"] #espace-part > .espace-part-buttons:hover > img.img-hover {display: unset;}
article[about="/espace-professionnel"] #espace-part > .espace-part-buttons:hover > img.img-hover {display: unset;}
.node-documents-form .js-form-file.form-file.form-control,
#node-documents-edit-form .js-form-file.form-file.form-control{
	width: 100% !important;
	height: auto;
}
.node-documents-form .form-autocomplete.form-text.form-control.ui-autocomplete-input,
#node-documents-edit-form .form-autocomplete.form-text.form-control.ui-autocomplete-input {
	width: calc(100% - 39.25px) !important;
	height: 34px;
}
.node-documents-form .input-group-addon,
#node-documents-edit-form .input-group-addon {
	width: auto;
	height: 34px;
	line-height: 22px !important;
}
.node-documents-form .form-item.js-form-item.form-type-vertical-tabs.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label.form-group,
#node-documents-edit-form .form-item.js-form-item.form-type-vertical-tabs.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label.form-group {
	display: none;
}
#node-documents-edit-form #edit-delete:before{
	font-family: FontAwesome;
    content: "\f014";
    margin-left: -0.25em;
    margin-right: 0.25em;
    line-height: 1;
}
#node-documents-edit-form #edit-delete {
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 0 !important;
    margin-left: 10px !important;
    text-decoration: none;
    color: #333;
    background-color: #fff;
}
#node-documents-edit-form #edit-delete:hover {
	color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}


/* Espace partenaire / Espace documentaire / Liste formulaire */
.view.view-espace-partenaire-documents .view-header {margin-top: 3rem;}
.view.view-espace-partenaire-documents .view-filters.form-group {
	margin-top: 1rem;
	margin-bottom: 3rem;
	width: 100%;
}
.view.view-espace-partenaire-documents .view-filters.form-group form .form--inline {
	flex-direction: column;
	gap:  0 !important;
}
.view.view-espace-partenaire-documents .item-list > ul {padding: 0 !important;}
.view.view-espace-partenaire-documents .item-list-document {
	list-style-type: none;
	margin-bottom: 2rem;
	width: 100%;
	display: grid;
	grid-template-columns: 130px auto;
	align-items: center;
	grid-template-areas:
		'producteur doctitle'
		'producteur description'
		'producteur document';
}
.view.view-espace-partenaire-documents .views-field.views-field-title {
    font-size: 1.5rem;
    color: #1E6F8A;
    font-family: 'Roboto Slab', serif;
    margin-bottom: .5rem;
	grid-area: doctitle;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document-producteur {
	grid-area: producteur;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document-producteur .field-content {
	height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document-producteur a[href^="/taxonomy/partenaires"] {
	position: relative;
	visibility: hidden;
	height: 100px;
	width: 100px;
	align-items: center;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document-producteur a[href^="/taxonomy/partenaires"]:before {
	content: "";
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	line-height: 100px;
	position: absolute;
	display: block;
	visibility: visible;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document-producteur a[href="/taxonomy/partenaires/ctm"]:before {
	background-image: url(/sites/default/files/inline-images/CTM.png);
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document-producteur a[href="/taxonomy/partenaires/carif"]:before {
	background-image: url(/sites/default/files/inline-images/agefma_oref.png);
}
.view.view-espace-partenaire-documents .views-field.views-field-field-description {
	margin-bottom: .5rem;
	grid-area: description;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document {
	grid-area: document;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document .field-content {
	display: flex;
	flex-wrap: wrap;
}
.view.view-espace-partenaire-documents .views-field.views-field-field-document .field-content > span {width: unset !important;}
.view.view-espace-partenaire-documents select#edit-field-document-producteur-target-id {
	margin-bottom: 1.5rem;
	padding: 1rem;
	width: 100%;
	height: 155px;
}

.field.field--name-field-entreprise .field--label {
	display: none;
	visibility: hidden;
}

#tag-header-a:before {
	font-family: FontAwesome;
	content: "\f177";
	padding-right: 10px;
}





/*ACCUEIL*/
col-sm-12{
	padding: 0 !important;
}
.view-footer a {
    color: white !important;
    background-color: rgb(239 89 22);
    border-radius: 10px;
    font-weight: bold;
    margin: 10px;
	text-transform: uppercase;
    text-decoration: none !important;
    padding: 10px 15px;
}
.view-footer a:hover, .view-footer a:focus {
	background-color: orange;
}
article[about="/accueil"], #block-pagedaccueilchercherformationdispositifdaide {
	padding-left: 5%;
	padding-right: 5%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
article[about="/accueil"] .content {
	height: unset;
}
article[about="/accueil"] .field--type-text-with-summary,
article[about="/trouver-un-metier"] .field--type-text-with-summary,
#block-pagedaccueilchercherformationdispositifdaide .field--type-text-with-summary {
	margin: 3rem 0 1rem 0;
}
article[about="/accueil"] .field.field--name-body,
article[about="/trouver-un-metier"] .field.field--name-body,
article[about="/je-suis-collegien-lyceen-etudiant"] .field.field--name-body,
#block-pagedaccueilchercherformationdispositifdaide .field.field--name-body {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
}
article[about="/accueil"] .field--type-text-with-summary h1,
article[about="/trouver-un-metier"] h1,
#block-pagedaccueilchercherformationdispositifdaide > h1,
#block-views-block-zoom-sur-block-1 > h2.block-title,
#block-flourishaccueil > h2.block-title,
#block-citizena-themes-views-block-carte-des-operateurs-block-1 > h2.block-title,
#block-citizena-themes-views-block-carte-des-operateurs-block-1 h3,
#block-views-block-block-articles-block-1 > h2.block-title,
#block-views-block-block-articles-block-2 > h2.block-title,
#block-citizena-themes-views-block-agenda-block-1 > h2.block-title,
#block-citizena-themes-views-block-agenda-block-1 h3,
#block-views-block-agenda-block-2 > h2.block-title,
#block-views-block-partenariats-block-1 > h2.block-title,
#block-views-block-news-block-1 > h2.block-title,
#block-views-block-videos-block-1 > h2.block-title,
#block-socialnetwork > h2.block-title,
#block-abonnementsimplenews > h2.block-title {
	color: #1E6F8A;
	text-align: left;
	/* margin-top: 3.5rem; */
	font-size: 3.5rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: inherit;
	visibility: visible;
	position: relative;
	z-index: 1;
	width: fit-content !important;
}
#block-views-block-block-articles-block-1 > h2.block-title,
#block-citizena-themes-views-block-carte-des-operateurs-block-1 > h2.block-title,
#block-citizena-themes-views-block-agenda-block-1 > h2.block-title {
	font-family: 'Dancing Script', cursive;
	text-transform: uppercase;
	color: gray;
	font-size: 60px;
}
#block-views-block-videos-block-1 > h2.block-title,
#block-citizena-themes-views-block-carte-des-operateurs-block-1 h3,
#block-citizena-themes-views-block-agenda-block-1 h3 {
	color: transparent;
	-webkit-text-stroke: 1px black;
	margin-left: 2rem;
	text-transform: uppercase;
}
#block-views-block-agenda-block-2 > h2.block-title,
#block-views-block-block-articles-block-2 > h2.block-title,
#block-views-block-news-block-1 > h2.block-title,
#block-abonnementsimplenews > h2.block-title,
article[about="/trouver-un-metier"] h1 {
	font-size: 2rem !important;
}
#block-views-block-zoom-sur-block-1 > h2.block-title:after, #block-flourishaccueil > h2.block-title:after, #block-views-block-partenariats-block-1 > h2.block-title:after, #block-views-block-block-articles-block-1 > h2.block-title:after, #block-views-block-videos-block-1 > h2.block-title:after, #block-views-block-block-articles-block-1 h2:after, #block-socialnetwork > h2.block-title:after {
	background: url("/sites/default/files/inline-images/spot_lines.png");
	content:"";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	width: 85px;
	height: 80%;
	top: -33%;
	z-index: -1;
	position: absolute;
	right: -46.5px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}
#block-citizena-themes-views-block-carte-des-operateurs-block-1 > h2.block-title,
#block-views-block-partenariats-block-1 > h2.block-title,
#block-citizena-themes-views-block-agenda-block-1 > h2.block-title,
#block-citizena-themes-views-block-agenda-block-1 h3 {
	margin-left: 10%;
	margin-right: 10%;
}
#block-citizena-themes-views-block-carte-des-operateurs-block-1 h3 {
	margin-left: 5%;
}
#block-views-block-partenariats-block-1 > h2.block-title,
#block-views-block-zoom-sur-block-1 > h2.block-title {
	justify-content: center;
}
#block-views-block-zoom-sur-block-1 > h2.block-title {
	color: #ef5916;
}
#block-views-block-block-articles-block-1 > h2.block-title,
#block-views-block-block-articles-block-2 > h2.block-title,
.path-node #block-views-block-agenda-block-2 > h2.block-title,
#block-views-block-news-block-1 > h2.block-title,
#block-abonnementsimplenews > h2.block-title {
	margin-bottom: .2rem;
}
.path-frontpage #block-views-blockagenda-block-1 > h2.block-title,
#block-views-block-zoom-sur-block-1 > h2.block-title,
#block-citizena-themes-views-block-carte-des-operateurs-block-1 > h2.block-title,
#block-citizena-themes-views-block-agenda-block-1 > h2.block-title {
	cursor: pointer;
}
#block-views-block-partenariats-block-1 > h2.block-title {
	margin-top: -5rem;
	cursor: pointer;
}
article[about="/accueil"] .field--type-text-with-summary ul,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul {
	display: inline-flex;
	list-style: none;
	align-items: flex-start;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	justify-content: right;
	gap: 42px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
article[about="/trouver-un-metier"] .field--type-text-with-summary ul,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul {width: 100%;}
article[about="/trouver-une-formation"] .field--type-text-with-summary ul,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul {
	justify-content: center;
	gap: 3rem;
}
article[about="/accueil"] .field--type-text-with-summary ul li,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul li a {
	padding: 0px;
	width: 14rem;
	border-radius: 2px;
	text-align: center;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li p,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li p,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul li p {
	min-height: 83px;
	margin: 0 !important;
	padding: 20px;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	flex-flow: row wrap;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 5;
	font-size: 16px;
	text-align: center;
	color: #fff;
	order: 2;
	font-weight: bold;
}
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li p,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li p,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul li p {color: #707070}
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li > div,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li > div,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul li > a > div {
	width: 14rem;
	height: 14rem;
	order: 1;
	object-fit: cover;
	position: relative;
	overflow: hidden;
	border-radius: 0 20px 0 0;
}
article[about="/accueil"] .field--type-text-with-summary ul li:hover img,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li:hover img,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li:hover img,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul li:hover img {
	transform: scale(1.2);
}
article[about="/accueil"] .field--type-text-with-summary ul li:hover .je-suis-img-overlay,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li:hover .je-suis-img-overlay,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li:hover .je-suis-img-overlay {
	opacity: 0.15;
}
article[about="/accueil"] .field--type-text-with-summary ul li img,
article[about="/trouver-une-formation"] .field--type-text-with-summary ul li img,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li img,
article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul li img {
	width: 104%;
	height: 104%;
	object-fit: cover;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 1;
	margin: auto;
}
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li img {width: 100%;}
article[about="/accueil"] .field--type-text-with-summary ul li .je-suis-img-overlay,
article[about="/trouver-un-metier"] .field--type-text-with-summary ul li .je-suis-img-overlay {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #1E6F8A;
}
#block-citizena-themes-views-block-agenda-block-1 .form-group {
	width: 100%;
}
#block-citizena-themes-views-block-agenda-block-1 .view-content {
	margin-right: 20%;
	margin-bottom: 2rem;
}
#block-citizena-themes-views-block-agenda-block-1 .view-content .views-row {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	position: relative;
	background-color: lightblue;
	border-radius: 20px;
	width: 100%;
}
#block-citizena-themes-views-block-agenda-block-1 .views-field-field-start-date {
    background: url(/sites/default/files/agenda.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 220px;
    border-radius: 20px;
}
#block-citizena-themes-views-block-agenda-block-1 .views-field-field-start-date .field-content {
	text-align: center;
	padding: 12px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	width: 35%;
	background: black;
	text-transform: uppercase;
	border-radius: 30px;
	margin-right: 0;
}
#block-citizena-themes-views-block-agenda-block-1 .views-field-title {
	font-size: 24px;
	text-transform: uppercase;
	padding: 10px;
	font-weight: bold;
}
#block-citizena-themes-views-block-agenda-block-1 .views-field-title .field-content a {
	color: gray;
}
#block-citizena-themes-views-block-agenda-block-1 .views-field-body {
	padding: 0 10px 20px;
	font-weight: bold;
	font-size: 20px;
}
#block-views-block-block-articles-block-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	width: 45%;
	padding-left: 11%;
	padding-bottom: 3%;
	float: left;
	/* margin-top: -40px; */
}
.path-espace-partenaire .view.view-news {
	margin-top: 2rem;
}
#block-views-block-block-articles-block-2,
#block-views-block-news-block-1,
#block-views-block-agenda-block-2,
#block-abonnementsimplenews{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: flex-start;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 3%;
	float: left;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles,
#block-views-block-news-block-1 .form-group > .view.view-news,
#block-views-block-agenda-block-2 .form-group > .view.view-agenda,
#block-views-block-videos-block-1 .form-group > .view.view-videos  {
	display: flex;
	flex-direction:column;
	align-content: flex-start;
	justify-content: center;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content > .views-row,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content > .views-row,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content > .views-row,
.path-espace-partenaire .view.view-news > .view-content > .views-row,
.view-decouvrir-un-metier > .view-content > .views-row {
	margin-bottom: 2rem;
	overflow: auto;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .more-link.form-group,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .more-link.form-group,
#block-views-block-news-block-1 .form-group > .view.view-news > .more-link.form-group,
#block-views-block-agenda-block-2 .form-group > .view.view-agenda > .more-link.form-group,
#block-views-block-videos-block-1 .form-group > .view.view-videos > .more-link.form-group {
	order: 1;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .more-link.form-group > a,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .more-link.form-group > a,
#block-views-block-news-block-1 .form-group > .view.view-news > .more-link.form-group > a,
#block-views-block-agenda-block-2 .form-group > .view.view-agenda > .more-link.form-group > a,
#block-views-block-videos-block-1 .form-group > .view.view-videos > .more-link.form-group > a {
	color: #f2920a;
    font-size: 20px;
	text-decoration: none;
	margin-bottom: 1rem;
	display: block;
	font-weight: bold;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .more-link.form-group > a:before,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .more-link.form-group > a:before,
#block-views-block-news-block-1 .form-group > .view.view-news > .more-link.form-group > a:before,
#block-views-block-agenda-block-2 .form-group > .view.view-agenda > .more-link.form-group > a:before,
#block-views-block-videos-block-1 .form-group > .view.view-videos > .more-link.form-group > a:before {
	content: ">";
	padding-right: 6px;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content img,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content img,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content img,
.path-espace-partenaire .view.view-news > .view-content img,
.view-page-actualite .views-field.views-field-field-image img,
.view-frontpage .views-field.views-field-field-image img,
.view-zoom-sur-page .views-field.views-field-field-image img,
.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image:hover img,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image:hover img,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-field-image:hover img,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-field-image:hover img,
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-field-image:hover img,
.view-page-actualite .views-field.views-field-field-image:hover img,
.view-frontpage .views-field.views-field-field-image:hover img,
.view-zoom-sur-page .views-field.views-field-field-image:hover img,
.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-image:hover img {
	transform: scale(1.2);
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-field-image,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-field-image {
	overflow: hidden;
	width: 16rem;
	height: 16rem;
	order: 1;
	object-fit: cover;
	position: relative;
	overflow: hidden;
	border-radius: 0 20px 0 0;
	padding-bottom: calc(100% - 200rem);
	float: left;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image > *,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image > *,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-field-image > *,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-field-image > * {
	width: inherit;
	height: inherit;
}
.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-image {
	overflow: hidden;
	width: 10rem;
	height: 10rem;
	order: 1;
	object-fit: cover;
	position: relative;
	overflow: hidden;
	border-radius: 0 20px 0 0;
	padding-bottom: calc(100% - 200rem);
	float: left;
}
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-field-image,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-field-image {
	border-radius: 0 0 20px 0 !important;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body,
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-title,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-title,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-title,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-body,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-title,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-body,
.view-decouvrir-un-metier > .view-content .views-field.views-field-title,
.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-description,
.view-decouvrir-un-metier > .view-content .views-field.views-field-body {
	width: calc(100% - 18rem);
	display: inline-flex;
	float: left;
	margin-left: 1rem;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-title a,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-title a,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-title > .field-content,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-title > .field-content,
.view-decouvrir-un-metier > .view-content .views-field.views-field-title a {
	font-size: 1rem;
	color: #ef5916;
	font-weight: bold;
	line-height: 18px !important;
	margin-bottom: 0.6rem;
	margin-top: 0;
	text-decoration: none;
}
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-title > .field-content,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-title > .field-content {
	color: #1074BC;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-body > .field-content > p,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-body > .field-content > p,
.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-description > .field-content > p,
.view-decouvrir-un-metier > .view-content .views-field.views-field-body > .field-content > p {
	font-size: 1rem;
	margin-bottom: 0 !important;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p > .views-more-link,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p > .views-more-link,
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur >  .view-content .views-field.views-field-body > .field-content > p > .views-more-link,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-body > .field-content > p > .views-more-link,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-body > .field-content > p > .views-more-link {
	text-decoration: none;
	color: #707070;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p > .views-more-link:hover,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p > .views-more-link:hover,
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur >  .view-content .views-field.views-field-body > .field-content > p > .views-more-link:hover {
	color: #ef5916;
}
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-body > .field-content > p > .views-more-link:hover,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-body > .field-content > p > .views-more-link:hover {
	color: #1074BC;
}
#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p > strong,
#block-views-block-block-articles-block-2 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body > .field-content > p > strong,
#block-views-block-news-block-1 .form-group > .view.view-news > .view-content .views-field.views-field-body > .field-content > p > strong,
.path-espace-partenaire .view.view-news > .view-content .views-field.views-field-body > .field-content > p > strong {
	font-weight: normal;	
}
article[about="/espace-partenaire"] .field.field--name-field-taxonomie {
	display: none;
}
#block-views-block-zoom-sur-block-1 {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	float: left;
	width: 55%;
	padding: 0 10% 3% 10%;
}
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row {
																					 
	display: flex;
	flex-direction: column;
}
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-field-image {
																														   
	order: 1;
	overflow: hidden;
}
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-title {
																													 
	order: 2;
	color: #1E6F8A;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: .2rem;
}
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-body {
																													
	order: 3;
}
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-body > .field-content > p {
																																		 
	margin-bottom: .2rem !important;
} 
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-body > .field-content > p > strong {
																																				  
	font-weight: normal
}
#block-views-block-zoom-sur-block-1 > .form-group > .view.view-zoom-sur .views-row .views-field.views-field-field-image img {
																															   
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#block-flourishaccueil, #block-views-block-agenda-block-1{
	display: flex;
	flex-wrap: wrap;
	width: calc(50% - 3rem);
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.path-node #block-views-block-agenda-block-2,
#block-abonnementsimplenews {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
#block-views-block-agenda-block-2 .view-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
#block-views-block-agenda-block-2 .view-footer > p {
	display: block;
	margin-bottom: .5rem !important;
	margin-right: 1rem !important;
	font-size: 10px;
	font-weight: bold;
	color: #707070;
}
.path-forum .action-links {list-style: none;}
#block-views-block-agenda-block-2 .view-footer > a::before,
.path-forum .action-links > a::before,
.button-add-video::before{
	content: "+";
}
#block-views-block-agenda-block-2 .view-footer > a:not(:nth-last-of-type(1)) {
	margin-right: 10px;
}
#block-views-block-agenda-block-2 .view-footer > a,
.view.view-espace-partenaire-documents .view-header > a,
.view.view-evenements .view-header > a,
.view.view-temoignage .view-header > a,
.path-forum .action-links > a,
.button-add-video {
	padding: 6px 12px;
	margin-bottom: 6px;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
	text-transform: uppercase;
	color: #707070;
	transition: all 0.5s ease-in-out;
	font-size: 13px;
	text-decoration: none !important;
}
#block-views-block-agenda-block-2 .view-footer > a:hover,
.view.view-espace-partenaire-documents .view-header > a:hover,
.view.view-evenements .view-header > a:hover,
.view.view-temoignage .view-header > a:hover,
.path-forum .action-links > a:hover,
.button-add-video:hover {
    background-color: #1074BC;
	border-color: #1074BC;
	color: #FFFFFF !important;
	box-shadow: 0px 10px 25px rgba(0,0,0,16%);
}
#flourish-agenda{
	background: linear-gradient(to right, rgb(239 89 22 / 20%), 5%, #fff, 95%, rgb(239 89 22 / 20%));
	padding: 5% 10%;
	gap: 6rem;
}
#block-flourishaccueil > h2.block-title {
	color: #ef5916;
}
#block-flourishaccueil > .field.field--name-body{
	width: 100%;
}
#block-views-block-agenda-block-1 > div,
#block-views-block-agenda-block-2 > div {
	width: 100%;
}
#block-flourishaccueil > .field.field--name-body > p,
#block-views-block-videos-block-1 .field-content > a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5rem;
	color: #1074BC !important;
	width: 100%;
}
#block-views-block-videos-block-1, #block-citizena-themes-views-block-agenda-block-1 {
	display: flex;
	flex-direction: column;
	width: calc(50% - 2.5rem);
	align-items: flex-start;
	justify-content: center;
	padding-left: 10%;
	float: left;
}
#block-views-block-videos-block-1 article {
	padding-bottom: 20px;
}
#block-views-block-videos-block-1 article > h2 {
	display: none;
}
#block-views-block-videos-block-1 .view-videos > .view-content > .views-row {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
}
#block-views-block-videos-block-1 .form-group {width: 100%}
video {
	width: 100%;
	height: auto;
}
#block-socialnetwork {
	display: inline-flex;
	flex-direction: column;
	width: calc(50% - 2.5rem);
	margin-left: 5rem;
	padding-right: 10%;
	padding-top: 5%;
	padding-bottom: 3%;
	align-items: flex-start;
	justify-content: center;
}

#block-citizena-themes-views-block-carte-des-operateurs-block-1 {
	margin-bottom: 10rem;
}


.form--inline.form-inline.clearfix:before, .form--inline.form-inline.clearfix:after  {
	content: "" !important;
	display: none;
}


.view-page-actualite .view-header,
.view-frontpage .view-header,
.view-zoom-sur-page .view-header {
	background: linear-gradient(45deg, #1074BC, #083A5E);
	min-height: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-left: calc(-20% - 15px);
	margin-right: calc(-20% - 15px);
	margin-bottom: 70px;
	position: relative;
}
.view-page-actualite .view-header h1,
.view-frontpage .view-header h1,
.view-zoom-sur-page .view-header h1 {
	color: #fff;
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
.view-page-actualite .view-header:after,
.view-frontpage .view-header:after,
.view-zoom-sur-page .view-header:after {
	content: "";
	border-bottom: 1px solid #94C11F;
	top: calc(100% + 5px);
	display: block;
	width: 100%;
	position: absolute;
}



.path-forum .region.region-content table {width: 100%;}




/*PARTENAIRES*/
.field.field--name-field-partenaire.field--type-entity-reference-revisions.field--label-above .field--items {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 0 5px;
	flex-grow: 1;
}

.paragraph.paragraph--type--partenaire.paragraph--view-mode--default {
	display: flex;
	vertical-align: middle;
	border: 1px solid #dddddd;
	height: 150px;
	align-items: center;
	margin-bottom: -1px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	position: relative;
	cursor: pointer;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default:hover, 
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default:focus {
	background-color: #7BB2DA;
	border-color: #7BB2DA;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default:hover .field--name-field-libelle-partenaire, 
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default:focus .field--name-field-libelle-partenaire,
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default:hover .field--name-field-lien-partenaire a, 
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default:focus .field--name-field-lien-partenaire a {
	color: #fff;
}
.field--name-field-partenaire .field--label {
	display: none;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--item {
	width: 100% !important;
	height: 100% !important;
	position: relative;
	display: flex;
	align-content: center;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-logo-partenaire, 
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-libelle-partenaire, 
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-lien-partenaire {
	display: flex;
	align-items: center;
	margin: 6px 12px;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-logo-partenaire, 
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-lien-partenaire {
	float: left;
}

.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-lien-partenaire a {
	visibility: hidden;
	font-size: 0px;
	color: #707070;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-lien-partenaire a:before{
	font-family: FontAwesome;
	content: "\f08e";
	visibility: visible;
	font-size: 15px;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-lien-partenaire {
	float: right;
	right: 0;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-logo-partenaire,
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-logo-partenaire img {
	text-align: center;
	width: 25%;
	height: auto;
	max-height: calc(100% - 12px);
	align-self: stretch;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-logo-partenaire img {
	width: calc(100% - 24px);
	vertical-align: middle;
	object-fit: contain;
	margin: 6px 12px;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-libelle-partenaire {
	width: calc(100% - 28% - 24px - 24px);
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-libelle-partenaire,
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-lien-partenaire a {
	vertical-align: middle;
	line-height: normal;
	margin: 0;
}
.paragraph.paragraph--type--partenaire.paragraph--view-mode--default .field--name-field-libelle-partenaire p {
	margin: 0 !important;
}
#block-scriptpartenaires {
	display: none;
}
.page-node-type-page-partenaires .region.region-header,
.page-node-type-page-partenaires .region.region-content {
	margin: 0% 10%;
}
.path-contact .region.region-content,
.path-contact .region.region-header,
.path-glossaire .region.region-header,
.path-glossaire .region.region-content  {
	margin: 0 20%;
}
.path-agenda article,
#block-views-block-agenda-page-block-1 article {
	border: 1px solid #E2E2E2;
	margin-bottom: -1px;
	border-radius: 5px;
	padding: 15px;
	display: flex;
	align-items: center;
	min-height: 100px;
	position: relative;
}
.path-agenda article h2,
#block-views-block-agenda-page-block-1 article h2 {
	margin: 0;
	line-height: 15px;
	z-index: 99;
	order: 2;
	margin-left: 1.5rem;
	width: calc(100% - 32px - 105px - 1.5rem);
	transition: all .25s ease-out;
}
.path-agenda article > .content,
#block-views-block-agenda-page-block-1 article > .content {
	order: 1;
	z-index: 99;
}
.path-agenda article > .content > .list-inline,
#block-views-block-agenda-page-block-1 article > .content > .list-inline {
	position: absolute;
	display: flex;
	align-items: center;
	width: 100px;
	right: 15px;
	top: 15px;
	height: calc(100% - 30px);
	margin: 0 !important;
	margin-block-end: 0 !important;
	margin-block-start: 0 !important;
}
.path-agenda article > .content > .list-inline li,
#block-views-block-agenda-page-block-1 article > .content > .list-inline li {
    background: #F5F5F5;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    padding: 6px 24px;
}
.path-agenda article > .content > .list-inline:hover li,
#block-views-block-agenda-page-block-1 article > .content > .list-inline:hover li {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 3px 16px rgb(0 0 0 / .15);
}
.path-agenda article > .content > .list-inline a,
#block-views-block-agenda-page-block-1 article > .content > .list-inline a {
	visibility: hidden;
	font-size: 0;
	color: #707070;
	text-decoration: none;
}
.path-agenda article > .content > .list-inline:hover a,
#block-views-block-agenda-page-block-1 article > .content > .list-inline:hover a {
	color: #313131;
}
.path-agenda article > .content > .list-inline a:before,
#block-views-block-agenda-page-block-1 article > .content > .list-inline a:before{
	content: "Voir plus";
	visibility: visible;
	font-size: 12px;
}
.path-agenda article h2 a,
#block-views-block-agenda-page-block-1 article h2 a {
	font-size: 15px;
	font-weight: 300;
	color: #313131;
	text-decoration: none;
	transition: all .25s ease-out;
}
.path-agenda article > .content .field--label,
#block-views-block-agenda-page-block-1 article > .content .field--label {
	display: none;
}
.path-agenda article > .content .field--item,
#block-views-block-agenda-page-block-1 article > .content .field--item {
	width: 32px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
}
.path-agenda article > .content .field--item .numbers,
#block-views-block-agenda-page-block-1 article > .content .field--item .numbers {
	font-size: 25px;
	line-height: 16px;
	font-weight: 500;
}
.path-agenda article:before,
#block-views-block-agenda-page-block-1 article:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 7.75rem;
	height: 100%;
	pointer-events: none;
	-webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
	transition: all .25s ease-out, outline 0s, outline-offset 0s;
}
.path-agenda article:hover:before,
#block-views-block-agenda-page-block-1 article:hover:before {
	width: 100%;
}
.path-agenda article.agenda-projets-phares:before,
#block-views-block-agenda-page-block-1 article.agenda-projets-phares:before {
	background: -webkit-linear-gradient(125deg, rgb(16 116 188 / .5), rgb(16 116 188 / .5) 50%, transparent 50%, transparent);
	background: linear-gradient(125deg, rgb(16 116 188 / .5), rgb(16 116 188 / .5) 50%, transparent 50%, transparent);
}
.path-agenda article.agenda-projets-phares:hover:before,
#block-views-block-agenda-page-block-1 article.agenda-projets-phares:hover:before {
    background: -webkit-linear-gradient(125deg, rgb(16 116 188 / .5), rgb(16 116 188 / .5) 100%, transparent 0%, transparent);
    background: linear-gradient(125deg, rgb(16 116 188 / .5), rgb(16 116 188 / .5) 100%, transparent 0%, transparent);
    border: 1px solid rgb(16 116 188 / .5);
}
.path-agenda article.agenda-activites-du-reseau:before,
#block-views-block-agenda-page-block-1 article.agenda-activites-du-reseau:before {
	background: -webkit-linear-gradient(125deg, rgb(242 146 10 / .5), rgb(242 146 10 / .5) 50%, transparent 50%, transparent);
	background: linear-gradient(125deg, rgb(242 146 10 / .5), rgb(242 146 10 / .5) 50%, transparent 50%, transparent);
}
.path-agenda article.agenda-activites-du-reseau:hover:before,
#block-views-block-agenda-page-block-1 article.agenda-activites-du-reseau:hover:before {
	background: -webkit-linear-gradient(125deg, rgb(242 146 10 / .5), rgb(242 146 10 / .5) 100%, transparent 0%, transparent);
	background: linear-gradient(125deg, rgb(242 146 10 / .5), rgb(242 146 10 / .5) 100%, transparent 0%, transparent);
    border: 1px solid rgb(242 146 10 / .5);
}
.path-agenda article.agenda-debut-de-formation:before,
#block-views-block-agenda-page-block-1 article.agenda-debut-de-formation:before {
	background: -webkit-linear-gradient(125deg, rgb(233 78 27 / .5), rgb(233 78 27 / .5) 50%, transparent 50%, transparent);
	background: linear-gradient(125deg, rgb(233 78 27 / .5), rgb(233 78 27 / .5) 50%, transparent 50%, transparent);
}
.path-agenda article.agenda-debut-de-formation:hover:before,
#block-views-block-agenda-page-block-1 article.agenda-debut-de-formation:hover:before {
	background: -webkit-linear-gradient(125deg, rgb(233 78 27 / .5), rgb(233 78 27 / .5) 100%, transparent 0%, transparent);
	background: linear-gradient(125deg, rgb(233 78 27 / .5), rgb(233 78 27 / .5) 100%, transparent 0%, transparent);
    border: 1px solid rgb(233 78 27 / .5);
}
.path-agenda article.agenda-actions-en-cours:before,
#block-views-block-agenda-page-block-1 article.agenda-actions-en-cours:before {
	background: -webkit-linear-gradient(125deg, rgb(148 193 31 / .5), rgb(148 193 31 / .5) 50%, transparent 50%, transparent);
	background: linear-gradient(125deg, rgb(148 193 31 / .5), rgb(148 193 31 / .5) 50%, transparent 50%, transparent);
}
.path-agenda article.agenda-actions-en-cours:hover:before,
#block-views-block-agenda-page-block-1 article.agenda-actions-en-cours:hover:before {
	background: -webkit-linear-gradient(125deg, rgb(148 193 31 / .5), rgb(148 193 31 / .5) 100%, transparent 0%, transparent);
	background: linear-gradient(125deg, rgb(148 193 31 / .5), rgb(148 193 31 / .5) 100%, transparent 0%, transparent);
    border: 1px solid rgb(148 193 31 / .5);
}
.path-agenda article.agenda-actions-a-venir:before,
#block-views-block-agenda-page-block-1 article.agenda-actions-a-venir:before {
	background: -webkit-linear-gradient(125deg, rgb(156 19 194 / .5), rgb(156 19 194 / .5) 50%, transparent 50%, transparent);
	background: linear-gradient(125deg, rgb(156 19 194 / .5), rgb(156 19 194 / .5) 50%, transparent 50%, transparent);
}
.path-agenda article.agenda-actions-a-venir:hover:before,
#block-views-block-agenda-page-block-1 article.agenda-actions-a-venir:hover:before {
	background: -webkit-linear-gradient(125deg, rgb(156 19 194 / .5), rgb(156 19 194 / .5) 100%, transparent 0%, transparent);
	background: linear-gradient(125deg, rgb(156 19 194 / .5), rgb(156 19 194 / .5) 100%, transparent 0%, transparent);
    border: 1px solid rgb(156 19 194 / .5);
}
.path-agenda article:hover h2,
#block-views-block-agenda-page-block-1 article:hover h2 {
	margin-left: .5rem;
	width: calc(100% - 32px - 80px - .5rem);
}
.path-agenda article:hover h2 a,
#block-views-block-agenda-page-block-1 article:hover h2 a {
	color: #fff !important;
}
.path-agenda article > .content > .field--name-field-type-d-evenement,
#block-views-block-agenda-page-block-1 article > .content > .field--name-field-type-d-evenement {
	display: none;
}


/*404*/
article[about="/404"] {
	height: 100vh;
	background: url(/sites/default/files/inline-images/page_404_1.png), linear-gradient(225deg,#101EBC,#1074BC);
	background-repeat: no-repeat;
	display: flex;
	width: 100%;
	background-position-x: right;
	background-position-y: bottom;
	margin-top: -1px !important;
}
article[about="/404"] .content {
	margin: 95px auto;
}
article[about="/404"] h1 {
	font-size: 20vw;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

article[about="/404"] h2 {
	font-size: 3vw;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
article[about="/404"] h3 {
	font-size: 2vw;
	font-weight: bold;
	color: #fff;
}
article[about="/404"] p{
	margin: 0 !important;
}
article[about="/404"] a{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	background-color: #0B1EEF;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 17.5px 35.5px;
	text-transform: uppercase;
	color: #fff;
	transition: all 0.5s ease-in-out;
	margin-top: 50px;
	float: right;
}
article[about="/404"] a:hover, 
article[about="/404"] a:focus {
	background-color: #fff;
	border-color: transparent;
	color: #091CEC;
	box-shadow: 0px 10px 25px rgba(0,0,0,16%);
	font-weight: bold;
}






/*Dispositif d'aide*/
.page-node-type-dispositif-d-aide #block-backlinkrapportanalyse {
	margin-bottom: 2rem;
	line-height: 13px;
	font-size: 13px;
	width: 100%;
}
.page-node-type-dispositif-d-aide article,
.page-node-type-dispositif-d-aide .region.region-header {
	color: #313131;
}
.page-node-type-dispositif-d-aide article {
	display: flex;
	flex-wrap: wrap;	
}
#article-nav {
	font-size: 13px;
}
#article-nav > ul {
	list-style: none;
	padding-left: 0;
}

#article-nav > ul > li {
    border-left: 1px solid #1074BC;
    padding-left: 10px;
}
#article-nav > ul > li > a {
	text-decoration: none !important;
	color: #707070;
	position: relative;
	transition: all .7s;
}
#article-nav > ul > li > a:before {
	content: "\2022";
	-webkit-text-fill-color: #1074BC;
	-webkit-text-stroke-color: #1074BC;
	-webkit-text-stroke-width: 5px;
	position: absolute;
	left: 0;
	opacity: 0;
	transition: inherit;
}
#article-nav > ul > li > a:hover:before{
	opacity: 1;
}
#article-nav > ul > li > a:hover {
	padding-left: 17px;
}
.page-node-type-dispositif-d-aide article .content {
	order: 2;
}
.page-node-type-dispositif-d-aide article .content .field:not(.field--type-entity-reference) {
	margin-bottom: 2rem;
}
.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] h2.block-title {display: none !important;}
.page-node-type-dispositif-d-aide article .content .field .field--label,
.fiche-formation h3,
.block-views-blockvideos-formations-block-1 h2.block-title,
section[class*="block-views-blockdispositif-par-profil-block"] h2.block-title,
#info-par-profil h2.block-title,
#block-views-block-zoom-sur-block-2 h2.block-title,
#block-views-block-agenda-page-block-1 h2.block-title {
	padding-left: 1.935rem;
	position: relative;
	line-height: 1.6rem;
	/* height: 1.6rem; */
	font-size: 1.25rem;
	margin-bottom: .815rem !important;
	width: 100%;
	display: block !important;
	visibility: visible !important;
	color: #313131;
	font-weight: bold;
}
.page-node-type-dispositif-d-aide article .content .field.field--type-entity-reference .field--label {
	display: none !important;
}
.page-node-type-dispositif-d-aide article .content .field .field--label::before,
.fiche-formation h3::before,
.block-views-blockvideos-formations-block-1 h2.block-title::before,
section[class*="block-views-blockdispositif-par-profil-block"] h2.block-title::before,
#info-par-profil h2.block-title::before,
#block-views-block-zoom-sur-block-2 h2.block-title::before,
#block-views-block-agenda-page-block-1 h2.block-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.6rem;
	width: 2.935rem;
}
.page-node-type-dispositif-d-aide article .content .field.field--name-body .field--label:before,
.fiche-formation .formation-description h3::before {
	background-image: url("/sites/default/files/inline-images/1_description.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-public-concerne .field--label:before {
	background-image: url("/sites/default/files/inline-images/2_public_concerne.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-conditions .field--label:before,
.fiche-formation .formation-conditions h3::before {
	background-image: url("/sites/default/files/inline-images/3_conditions.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-modalites-d-obtention-elig .field--label:before {
	background-image: url("/sites/default/files/inline-images/4_eligibilite.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-aide-de-la-ctm .field--label:before {
	background-image: url("/sites/default/files/inline-images/5_aide_ctm.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-montant-maximum-finance .field--label:before {
	background-image: url("/sites/default/files/inline-images/6_montant_finance.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-statut-du-stagiaire-en-for .field--label:before {
	background-image: url("/sites/default/files/inline-images/7_status_en_formation.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-remunerations .field--label:before {
	background-image: url("/sites/default/files/inline-images/8_remuneration.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-duree .field--label:before {
	background-image: url("/sites/default/files/inline-images/9_duree.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-modalites-de-demande-et-in .field--label:before,
.fiche-formation .formation-inscription h3::before {
	background-image: url("/sites/default/files/inline-images/10_instructions.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-pieces-a-fournir .field--label:before {
	background-image: url("/sites/default/files/inline-images/11_pieces_fournir.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-contact .field--label:before,
.fiche-formation .formation-contact h3::before {
	background-image: url("/sites/default/files/inline-images/12_contact.png");
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-information-supplementaire .field--label:before {
	background-image: url("/sites/default/files/inline-images/1_description.png");
}
.fiche-formation .metiers-lies h3::before {
	background-image: url("/sites/default/files/inline-images/experience.png");
}
.block-views-blockvideos-formations-block-1 h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/play-button.png");
}
.fiche-formation  .formation-inscription h3::before {
	
}
section[class*="block-views-blockdispositif-par-profil-block"] h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/help.png");
}
#info-par-profil #orientation-scolaire h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/icons8-compass-100.png");
}
#info-par-profil #informer-sur-metier h2.block-title::before,
#info-par-profil #informer-sur-formation h2.block-title::before,
#info-par-profil #se-former-en-alternance h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/icons8-info-100.png");
}
#info-par-profil #statut-particulier h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/icons8-sign-language-100.png");
}
#info-par-profil #trouver-employeur h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/zoom-in.png");
}
#info-par-profil #socio-economiques h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/pie-graph.png");
}
#info-par-profil #definir-projet h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/4_eligibilite.png");
}
#info-par-profil #reconversion-pro h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/directions.png");
}
#info-par-profil #financer-formation h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/8_remuneration.png");
}
#info-par-profil #parcoursup h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/161951992113979459-removebg-preview.png");
}
#info-par-profil #merche-du-travail h2.block-title::before,
#info-par-profil #inserer-sur-marche h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/job-search_0.png");
}
#info-par-profil #creer-activite h2.block-title::before{
	background-image: url("/sites/default/files/inline-images/shuttle.png");
}
#info-par-profil #etudier-a-etranger h2.block-title::before{
	background-image: url("/sites/default/files/inline-images/globe.png");
}
#info-par-profil #evoluer h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/light-bulb-with-up-arrow.png");
}
#info-par-profil #vae h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/correction.png");
}
#block-views-block-zoom-sur-block-2 h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/zoom-in.png");
}
#block-views-block-agenda-page-block-1 h2.block-title::before {
	background-image: url("/sites/default/files/inline-images/icons8-calendar-100.png");
}
.page-node-type-dispositif-d-aide ul{list-style: none;}
.page-node-type-dispositif-d-aide article .field--item > ul > li:before {
	content: "\2022";
	-webkit-text-fill-color: #95C11E;
	-webkit-text-stroke-color: #95C11E;
	-webkit-text-stroke-width: 0.5px; 
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
	font-size: 17px;
	line-height: 15px;
}
.page-node-type-dispositif-d-aide article .field--item > ul > li ul li:before {
	content: "\2022";
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-color: #95C11E;
	-webkit-text-stroke-width: 1px; 
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
	font-size: 17px;
	line-height: 15px;
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-public-concerne ul,
.page-node-type-dispositif-d-aide article .content .field.field--name-field-modalites-d-obtention-elig ul {
	margin-left: 1rem;
	list-style: none;
}
#fiche-formation .formation-inscription ul,
#fiche-formation .formation-conditions ul {
	margin-left: 1rem;
	list-style: none;
	position: relative;
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-public-concerne .field--item > ul > li,
.page-node-type-dispositif-d-aide article .content .field.field--name-field-modalites-d-obtention-elig  .field--item > ul > li {
	line-height: 1.5rem;
	padding-left: .5rem;
	position: relative;
}
#fiche-formation .formation-inscription ul > li,
#fiche-formation .formation-conditions ul > li {
	line-height: 1.5rem;
	padding-left: .5rem;
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-public-concerne .field--item > ul > li:before,
.page-node-type-dispositif-d-aide article .content .field.field--name-field-modalites-d-obtention-elig  .field--item > ul > li:before,
#fiche-formation .formation-inscription ul > li:before,
#fiche-formation .formation-conditions ul > li:before {
	content: "";
	position: absolute;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 1.2rem;
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-public-concerne .field--item > ul > li:before,
#fiche-formation .formation-inscription ul > li:before {
	background-image: url("/sites/default/files/inline-images/profil.png");
}
#fiche-formation .formation-contenu > div:not(:nth-child(1)),
#block-views-block-videos-formations-block-1 .block-title {
	margin: 0 0 3rem !important;
}
.page-node-type-dispositif-d-aide article .content .field.field--name-field-modalites-d-obtention-elig  .field--item > ul > li:before,
#fiche-formation .formation-conditions ul > li:before {
	background-image: url("/sites/default/files/inline-images/eligibilite.png");
}
.field--name-field-information-supplementaire {
	margin-top: 3em;
}
.field--name-field-information-supplementaire .field--label {
	display: block !important;
}
.field--name-field-information-supplementaire,
.field--name-field-information-supplementaire .field--items,
.rapport-download {
	display: flex;
	gap: .5em;
	flex-wrap: wrap;
}
.field--name-field-information-supplementaire span,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span,
.rapport-download span {
	border: unset;
	background-color: unset;
}
.field--name-field-information-supplementaire span.file,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file,
.rapport-download span.file {
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    background-color: transparent;
    display: grid;
    padding: 10px 20px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    margin: 0 !important;
    width: fit-content;
}
.field--name-field-information-supplementaire span.file .file-icon,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file .file-icon,
.rapport-download span.file::before {
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 3;
	background-color: #E2E2E2 !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	margin-right: 20px !important;
	transition: all .5s ease-in-out;
}
.field--name-field-information-supplementaire span.file .file-icon span,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file .file-icon span {
	color: #fff;
	font-size: 25px;
	top: 0 !important;
	margin: 0 !important;
}
.rapport-download span.file::before {
	content: "\f15b";
	font-family: FontAwesome;
	color: #fff;
	font-size: 25px;
	top: 0 !important;
	left: 0 !important;
}
.field--name-field-information-supplementaire span.file .file-link,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file .file-link,
.rapport-download span.file .file-link {
	grid-column-start: 2;
	grid-row-start: 1;
	text-align: left;
	display: flex;
	align-items: flex-end;
border: unset;}
.field--name-field-information-supplementaire span.file .file-link a,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file .file-link a,
.rapport-download span.file .file-link a {
	color: #707070;
	font-weight: unset;
	text-decoration: none;
	transition: all .5s ease-in-out;
}
.field--name-field-information-supplementaire span.file .file-size,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file .file-size,
.rapport-download span.file .file-size {
	grid-column-start: 2;
	grid-row-start: 2;
	text-align: left;
	padding: 0;
	display: flex;
	align-items: flex-start;
	color: #E2E2E2;
	font-weight: unset;
	transition: all .5s ease-in-out;
	border: unset;
}
.field--name-field-information-supplementaire span.file:hover,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file:hover,
.rapport-download span.file:hover {
	border-color: transparent;
	box-shadow: 0px 3px 15px rgba(0,0,0,16%);
}
.field--name-field-information-supplementaire span.file:hover .file-icon,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file:hover .file-icon,
.rapport-download span.file:hover::before {
	background-color: #313131 !important;
} 
.field--name-field-information-supplementaire span.file:hover .file-link a,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file:hover .file-link a,
.rapport-download span.file:hover .file-link a {
	color: #313131;
}
.field--name-field-information-supplementaire span.file:hover .file-size,
.view.view-espace-partenaire-documents .views-field.views-field-field-document span.file:hover .file-size,
.rapport-download span.file:hover .file-size {
	color: #707070;
}
.page-node-type-dispositif-d-aide article .field.field--name-field-adresse,
.page-node-type-dispositif-d-aide article .field--name-field-telephone,
.page-node-type-dispositif-d-aide article .field--name-field-lien,
.page-node-type-dispositif-d-aide article .field--name-field-email {
	border: 1px solid #E2E2E2;
	border-radius: 5px;
	padding: 12px 22px;
	min-width: 268px;
	max-width: 398px;
	margin-bottom: 0 !important;
}
.page-node-type-dispositif-d-aide article .field.field--name-field-adresse {
	margin-right: calc(100% - 398px);
}
.page-node-type-dispositif-d-aide article .field.field--name-field-adresse > .field-label,
.page-node-type-dispositif-d-aide article .field--name-field-telephone > .field-label,
.page-node-type-dispositif-d-aide article .field--name-field-lien > .field-label,
.page-node-type-dispositif-d-aide article .field--name-field-email > .field-label {
	font-size: 13px;
	font-weight: bold;
}
.page-node-type-dispositif-d-aide article .field.field--name-field-adresse > .field--item,
.page-node-type-dispositif-d-aide article .field--name-field-telephone > .field--item,
.page-node-type-dispositif-d-aide article .field--name-field-lien > .field--item,
.page-node-type-dispositif-d-aide article .field--name-field-email > .field--item {
	font-size: 14px;
}
.page-node-type-dispositif-d-aide article .field--name-field-lien > .field--items > .field--item > a {
	color: #707070;
}
.page-node-type-dispositif-d-aide article .field--name-field-lien > .field--items > .field--item > a:after {
	content: "\f14c";
    font-family: FontAwesome;
    font-size: inherit;
    padding-left: 6px;
}
.page-node-type-dispositif-d-aide article .field.field--name-field-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
#block-aidesfilescript {display: none;}



/*Trouver un dispositif*/
.view-trouver-un-dispositif {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
	padding-bottom: 4rem;
}
.view-trouver-un-dispositif .control-label {
	color: #007abc;
}
.view-trouver-un-dispositif > .view-filters.form-group {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15rem;
}
.view-trouver-un-dispositif > .view-content {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	width: 100%;
	gap: 1rem;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-dispositif-par-profil {
	overflow: scroll;
	overflow-y: hidden;
	width: 100%;
	position: unset;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-dispositif-par-profil {
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-dispositif-par-profil::-webkit-scrollbar { 
	display: none;  /* Safari and Chrome */
}
.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] .view-dispositif-par-profil {
	overflow-y: auto;
}
section[class*="block-views-blockdispositif-par-profil-block"] > .form-group {
	display: flex;
	align-content: stretch;
	position: relative;
}
section[class*="block-views-blockdispositif-par-profil-block"] > .form-group > i {
	width: 2rem;
	text-align: center;
	opacity: .5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 77px;
}
section[class*="block-views-blockdispositif-par-profil-block"] > .form-group > i:hover {
	opacity: 1;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-filters {
	position: absolute;
	top: 0;
	left: 1.85rem;
	right: 0;
	width: 100%;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-filters label {
	font-size: 1rem !important;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-filters .form-actions {
	display: none;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-content {
	margin-top: 77px;
}
.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] .form-group > i {display: none;}
section[class*="block-views-blockdispositif-par-profil-block"] .view-content {
	display: inline-flex;
	justify-content: flex-start;
	align-content: flex-start;
	gap: 16px;
}
.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] {width: 100%}
.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] .view-content {
	justify-content: space-between;
	gap: unset;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.view-trouver-un-dispositif .view-content .views-row,
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row {
	/* margin-bottom: 1rem; */
	border: 1px solid #E2E2E2 !important;
	border-radius: 3px;
	padding: 1rem;
	min-height: 185px;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row,
#list-formations-a-la-une > li {
	width: 300px;
}
.view-trouver-un-dispositif .view-content .views-row .views-field-title,
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row .views-field-title,
#list-formations > li > a > .lb_formation,
#list-formations-a-la-une > li > a > .lb_formation {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}
.view-trouver-un-dispositif .view-content .views-row .views-field-title a,
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row .views-field-title a,
#list-formations > li > a > .lb_formation,
#list-formations-a-la-une > li > a > .lb_formation {
	color: #313131 !important;
	text-decoration: none;
}
.view-trouver-un-dispositif .view-content .views-row .views-field-body,
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row .views-field-body,
#list-formations > li > a > .lb_type_formation,
#list-formations > li > a > .lb_organisme,
#list-formations-a-la-une > li > a > .lb_type_formation,
#list-formations-a-la-une > li > a > .lb_organisme {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.view-trouver-un-dispositif .view-content .views-row .views-field-changed,
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row .views-field-changed,
#list-formations > li > a > .finansement,
#list-formations > li > a > .debut,
#list-formations > li > a > .fin,
#list-formations > li > a > .duree,
#list-formations-a-la-une > li > a > .finansement,
#list-formations-a-la-une > li > a > .debut,
#list-formations-a-la-une > li > a > .fin,
#list-formations-a-la-une > li > a > .duree {
	font-size: 0.75rem;
    margin: 0;
}
#list-formations > li > a > .finansement::before,
#list-formations-a-la-une > li > a > .finansement::before {
	content: "Financeur : ";
	color: black;
    font-weight: bold;
}
li.en-cours > a > p.debut::after {
    content: " - Formation en cours";
    color: red;
}
#list-formations > li > a > .debut::before,
#list-formations-a-la-une > li > a > .debut::before {
	content: "Date de d\0000E9but : ";
	color: black;
    font-weight: bold;
}
#list-formations > li > a > .fin::before,
#list-formations-a-la-une > li > a > .fin::before {
	content: "Date de fin : ";
	color: black;
    font-weight: bold;
}
#list-formations > li > a > .duree::before,
#list-formations-a-la-une > li > a > .duree::before {
	content: "Dur\0000E9e : ";
	color: black;
    font-weight: bold;
}
.view-trouver-un-dispositif .view-content .views-row .views-field-changed::before,
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row .views-field-changed::before {
	content: "Date modification : ";
	color: black;
    font-weight: bold;
}
.path-trouver-un-dispositif .page-header,
.path-collegien-ou-lyceen .page-header,
.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .page-header,
.path-demandeur-d-emploi .page-header,
.path-actif-salarie-actif-non-salarie .page-header,
.path-aide-en-recherche-d-alternance .page-header {
	margin-bottom: 3rem;
}
.view-trouver-un-dispositifs .control-label {
	color: #707070;
	font-weight: unset;
	margin-bottom: .5rem;
	text-transform: uppercase;
}
.view-trouver-un-dispositif .form--inline,
.path-trouver-une-formation .form--inline,
.path-rechercher-une-formation-initiale .form--inline {
	flex-direction: column;
}
.view-trouver-un-dispositif .form--inline > div#edit-actions,
.path-trouver-une-formation .form--inline > div#edit-actions,
.path-rechercher-une-formation-initiale .form--inline > div#edit-actions {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 2rem;
}
.view-trouver-un-dispositif .form--inline > div#edit-actions > button,
.path-trouver-une-formation .form--inline > div#edit-actions > button,
.path-rechercher-une-formation-initiale .form--inline > div#edit-actions > button {
	background-color: #1E6F8A;
	color: #fff;
	text-transform: uppercase;
	padding: 11px 32px;
	margin: 0;
}
.view-trouver-un-dispositif .form--inline > div#edit-actions > button:hover,
.path-trouver-une-formation .form--inline > div#edit-actions > button:hover,
.path-rechercher-une-formation-initiale .form--inline > div#edit-actions > button:hover {
	background-color: #024557;
	box-shadow: 0 10px 25px rgb(0 0 0 / 0.16);
}

@keyframes mymove {
	from {left: 0px;}
	to {left: 5px;}
}
/*/rapport-d-analyse pagination*/
.pager__item a,
.pagination li a {
	border-color: transparent !important;
	border-radius: 2px !important;
	padding: unset !important;
	width: 30px;
	height: 30px;
	line-height: 29px !important;
	background-color: #fff !important;
	color: #373737 !important;
	margin: 0 5px !important;
	font-weight: bold;
	text-decoration: none !important;
}
.pager__item a:hover,
.pagination li a:hover {
	background-color: rgb(1 100 139) !important;
	color: white !important;
}
.pager__item.is-active.active a,
.pagination li.active a {
	background-color: rgb(1 100 139 / .7) !important;
	color: white !important;
}
.pager__item.pager__item--last, .pager__item.pager__item--first,
.pagination li a[aria-label="Previous"] span[aria-hidden="true"], .pagination li a[aria-label="Next"] span[aria-hidden="true"] {
	display: none;
}
.pager__item.pager__item--next span, 
.pager__item.pager__item--previous span {
	display: none !important;
}
.pager__item.pager__item--next a, .pager__item.pager__item--previous a,
.pagination li a[aria-label="Previous"], .pagination li a[aria-label="Next"] {
	position: relative;
	background: transparent !important;
	font-weight: unset !important;
    transition: background-position 275ms ease-in-out;
}
.pager__item.pager__item--next a:hover, .pager__item.pager__item--previous a:hover,
.pagination li a[aria-label="Previous"]:hover, .pagination li a[aria-label="Next"]:hover {
	background-color: rgb(1 100 139) !important;
	background-position: 0 100%;
}
.pager__item.pager__item--previous a:before,
.pagination li a[aria-label="Previous"]:before {
	content: "\f177";
	font-family: FontAwesome;
	color: #373737 !important;
}
.pager__item.pager__item--next a:after,
.pagination li a[aria-label="Next"]:after {
	content: "\f178";
	font-family: FontAwesome;
	color: #373737 !important;
}
.path-taxonomy .region.region-header {
	margin: 0% 15%;
}
.pager__item.pager__item--previous a:hover:before, .pager__item.pager__item--next a:hover:after,
.pagination li a[aria-label="Previous"]:hover:before, .pagination li a[aria-label="Next"]:hover:after {
	color: white !important;
}






/*Glossary*/

.path-glossaire .region.region-content,
.path-glossaire .region.region-content a{
	color: #707070;
	text-decoration: none !important;
}
.path-glossaire .attachment.attachment-before .view-content div {
	margin: .2rem 0;
	font-size: 14px;
}
.path-glossaire .attachment.attachment-before .view-content a:hover {
	font-weight: bold;
	color: #1074BC;
}
.path-glossaire .view.view-glossary.view-id-glossary .view-content .views-row {
	margin: 0 0 7rem;
}
.path-glossaire .view.view-glossary.view-id-glossary .view-content .views-row .views-field.views-field-title {
	font-size: 35px;
	margin-bottom: 13px !important;
	display: block;
}
.path-glossaire .view.view-glossary.view-id-glossary .view-content h3 {
	font-size: 0px;
	line-height: 0px !important;
	margin: 0 !important;
}
html {
	scroll-behavior: smooth;
}
:target {
    scroll-margin-top: 15rem;
}
#block-glossaire, #block-faqscripts {display: none;}







/*FAQ*/
.path-foire-aux-questions .region.region-content {
	margin: 0 10%;	
}
.path-foire-aux-questions .view.view-foire-aux-questions {
	display: flex;
	flex-wrap: wrap;
	color: #707070;
}
.path-foire-aux-questions .region.region-content .view-content:before {
	content: 'FAQ (Foire aux questions)';
	font-weight: bold;
	text-align: left;
	color: #1074BC;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5rem;
}
.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content .views-row {
	display: none;
}

.path-foire-aux-questions .view.view-foire-aux-questions .views-field.views-field-title {
	font-weight: bold;
	display: block;
}
.path-foire-aux-questions .view.view-foire-aux-questions .views-field.views-field-title:before{
    content: "Q: "
}
.path-foire-aux-questions .view.view-foire-aux-questions .views-field.views-field-title:after{
    content: " >>"
}
.path-foire-aux-questions .view.view-foire-aux-questions .view-content .views-row {
	margin: 25px 0;
}
.path-foire-aux-questions .view.view-foire-aux-questions .views-field.views-field-body{
	display: none;
	margin-top: 1rem;
	padding-left: 2rem;
	border-left: 1px solid #707070;
}
.path-foire-aux-questions .view.view-foire-aux-questions .view-content .views-row:hover .views-field.views-field-title{
	color: #313131;
	cursor: pointer;
}
.path-foire-aux-questions .view.view-foire-aux-questions .view-content h3 {
	color: #707070;
    font-weight: bold;
    margin-top: 50px;
    font-size: 2.5rem;
}
.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content h3 {
    font-weight: bold;
    font-size: 20px;
    margin: 0 !important;
    padding: 3.5px 21px;
    font-weight: unset;
    border-left: 1px solid #1074BC;
    display: flex;
    align-items: center;
}
.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content a {
	text-decoration: none;
}
.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content h3:before {
	font-family: FontAwesome;
	content: "\f111";
	font-size: 10px;
    color: #1074BC;
    margin-right: 10px;
    display: none;
    opacity: 0;
    transition: all 2s ease-in-out;
}
.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content h3:hover:before {
	display: block;
	opacity: 1;
}
html {
	scroll-behavior: smooth;
}
* {scroll-margin-top:20rem;}





/*Nous contacter*/
.path-contact .field--type-file .panel-default {border: unset !important;}
.path-contact .field--type-link .field-label {display: none;}
.path-contact .field--type-link tr.draggable.odd > td {padding: 0 !important;}
.path-contact .field--type-link tr.draggable.odd > td.field-multiple-drag {vertical-align: middle;}
.path-contact .field--type-file .panel-heading {display: none;}
.path-contact .field--type-file .panel-body {padding: 0 !important;}
.path-contact button.tabledrag-toggle-weight {display: none;}
#contact-message-feedback-form {
	display: flex;
	flex-wrap: wrap;
}
.path-contact .field--type-file .responsive-enabled.table tr.ajax-new-content > td:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left !important;
	gap: 1rem;
}
.path-contact .field--type-file .responsive-enabled.table tr.ajax-new-content > td:nth-child(1) > a {
	margin: 0 !important;
	padding: 0 !important;
}
.path-contact .field--type-file .responsive-enabled.table tr.ajax-new-content > td:nth-child(1) > div {
	margin: 0 !important;
}
.path-contact  .field--type-file .responsive-enabled.table .form-checkbox {margin: 0 !important; position: unset !important;}
.path-contact  .field--type-file .responsive-enabled.table td {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: unset !important;
	margin: 0 !important;
	width: unset;
}
.path-contact  .field--type-file .responsive-enabled.table .control-label {
	text-transform: unset;
	margin: 0;
}
.path-contact  .field--type-file .responsive-enabled.table input {
	height: 40px;
	line-height: 28px;
}
.path-contact td.checkbox > .form-type-checkbox {
	display: unset !important;
	position: unset !important;
}
.path-contact .field--type-file .responsive-enabled.table th {
	border-bottom: unset !important;
	margin: 0 !important;
	font-weight: 400;
}
.path-contact .field--type-file .responsive-enabled.table {margin-bottom: 0}
.path-contact .control-label {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 15px;
	color: #707070;
}
.form-required:after {
	color: #EB1600;
	margin-left: 5px;
}
.path-contact .form-control {
	border-radius: 5px;
	border-color: #E2E2E2 !important;
	box-shadow: none !important;
}
.path-contact input:not(.form-checkbox) {
	height: 50px;
	width: 100% !important;
	line-height: 38px;
}

.path-contact #edit-subject-wrapper,
.path-contact #edit-message-wrapper,
.path-contact #edit-actions {
	width: 100%;
}
.path-contact #edit-actions {
	margin-top: 72px;
	display: flex;
	justify-content: right;
}
.path-contact #edit-preview {
	display:none;
}
#edit-submit, 
#edit-subscribe, 
#result-filters-modifier,
.openid-connect-login-form button{
	margin: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #707070;
	transition: all 0.5s ease-in-out;
}
#edit-submit:hover, #edit-submit:focus,
#edit-subscribe:hover, #edit-subscribe:focus,
#result-filters-modifier:hover, #result-filters-modifier:focus,
.openid-connect-login-form button:hover, .openid-connect-login-form button:focus {
	background-color: #1074BC;
	border-color: #1074BC;
	color: #FFFFFF;
	box-shadow: 0px 10px 25px rgba(0,0,0,16%);
}












#button-up {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #1074BC;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 3px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  text-decoration: none;
  margin: 0;
  float: right;
}
#block-buttonup {
  position: sticky;
  top: 95vh;
  left: 100%;
  width: 35px;
  z-index: 99999;
}
#block-buttonup p {margin: 0!important}
#block-buttonup .contextual {
	display: none !important;
}
#button-up::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 35px;
  color: #fff;
  text-align: center;
}
a#button-up:hover, #button-up:active {
  cursor: pointer;
  background-color: #101EBC;
  text-decoration: none;
}
#button-up.show{
  opacity: 0.7;
  visibility: visible;
}

article.forum .content > section {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}
article.forum .content > section > h2 {display: none;}
article.forum .content > section > form.comment-form {
	order: 1;
	margin: 3rem 0 1rem;
}
form.comment-form .control-label::after {display: none;}
article.forum .content > section > article.js-comment {
	order: 2;
}
article.js-comment {
	margin: 1.5rem 0 0;
}
article > footer {
	display: flex;
	align-content: center;
	justify-content: flex-start;
	margin-bottom: .5rem;
}
article > footer > article {
	margin-right: 15px;
}
article > footer > article > .field--name-user-picture {
	border: .5px solid rgb(0 63 88 / 50%);
	border-radius: 50%;
	overflow: hidden;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
article > footer > article > .field--name-user-picture > a {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
article > footer > article > .field--name-user-picture > a > img {
	width: 100%;
	height: auto;
}
article > footer > p,
article > footer > .author {
	margin: 0 !important;
	line-height: 50px;
}
article > footer > a {
	display: none;
}
article > div > h3 {
	display: none;
}
form.comment-form #edit-comment-body-0-format,
form.comment-form #edit-preview,
li.comment-add {display: none;}
form.comment-form #edit-actions {
	display: flex; 
	justify-content: flex-end;
}
form.comment-form #edit-actions > button {
	margin: 0;
}


/*QUI SOMMMES NOUS*/
article[about="/about"] {
	width: unset !important;
	color: #616161;
}
article[about="/about"] .fade-in-div {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
article[about="/about"] .fade-in-div:not(:nth-child(1)) {
	opacity: 0;
}
article[about="/about"] .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}
article[about="/about"] h1 {
	margin: 0 0 3rem;
	color: #1074BC;
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
	font-style: italic;
}
article[about="/about"] p {
	margin-right: 0 !important;
	width: 100%;
}
article[about="/about"] #div-ifarme {
	margin: auto 0;
	display: block;
}
article[about="/about"] h2 {
	text-transform: uppercase;
	font-weight: bold;
	margin: 4rem 0 2rem !important;
	color: #616161;
	width: 100%;
}
article[about="/about"] #mise-spot-img img {
	width: 100%;
	margin: 0;
}
article[about="/about"] #nous-trouver-inner h3 {
	margin-top: 0;
}
article[about="/about"] #nous-trouver-inner h3,h4 {
	font-weight: bold;
	color: #313131;
}






/*Mentions legales*/
article[about="/mentions-legales"] {
	width: unset !important;
}
article[about="/mentions-legales"] h1,
article[about="/mentions-legales"] h2{
	text-transform: uppercase;
	font-weight: bold;
	color: #1074BC;
}
article[about="/mentions-legales"] .ml-contacts-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
article[about="/mentions-legales"] #ml-adresse,
article[about="/mentions-legales"] #ml-telephone,
article[about="/mentions-legales"] #ml-link,
article[about="/mentions-legales"] #ml-fax,
article[about="/mentions-legales"] #ml-mail {
	display: flex;
	align-items: center;
	margin: .5em 0;
}
article[about="/mentions-legales"] #ml-adresse::before {
	background: url(/sites/default/files/inline-images/adresse.svg);
}
article[about="/mentions-legales"] #ml-telephone::before{
	background: url(/sites/default/files/inline-images/phone.svg);
}
article[about="/mentions-legales"] #ml-link::before{
    background: url(/sites/default/files/inline-images/external-link.svg);
}
article[about="/mentions-legales"] #ml-fax::before{
    background: url(/sites/default/files/inline-images/printer.svg);
}
article[about="/mentions-legales"] #ml-mail::before{
    background: url(/sites/default/files/inline-images/mail.svg);
}
article[about="/mentions-legales"] #ml-adresse::before,
article[about="/mentions-legales"] #ml-telephone::before,
article[about="/mentions-legales"] #ml-link::before,
article[about="/mentions-legales"] #ml-fax::before,
article[about="/mentions-legales"] #ml-mail::before {
	content: "";
	display: inline-flex;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.3em;	height: 1.3em;
	margin-right: .5em;
}
article[about="/mentions-legales"] ul {
	margin-left: 2rem;
	font-family: tautz;
}
article[about="/mentions-legales"] p {
	font-family: tautz;
}
article[about="/mentions-legales"] #ml-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: space-between;
	font-family: inherit;
}
article[about="/mentions-legales"] #ml-menu li {
	padding: 0 1%;
	margin: .5% 0;
}
article[about="/mentions-legales"] #ml-menu li.separator {
	border-left: 1px solid #707070;
	width: 0px;
}
article[about="/mentions-legales"] #ml-menu li a {
	text-decoration: none;
	color: #707070;
}
article[about="/mentions-legales"] #ml-menu li a:hover {
	color: #1074BC;
}






	.user-login-form, .openid-connect-login-form {
		width: 50%;
		float: left;
		margin: 2rem 0;
	}
	.user-login-form {
		padding-right: 2rem;
		position: relative;
		border-right: 1px solid #707070;
	}
	.user-login-form::after {
		content: "OU";
		position: absolute;
		right: 0;
		margin-right: -11px;
		top: 45%;
		background-color: #fff;
		color: #707070;
	}
	.openid-connect-login-form {
		float: left;
		padding-left: 2rem;
		display: inline-block;
	}
	.user-login-form #edit-submit,
	.openid-connect-login-form button {
		width: 100% !important;
	}

						   
 





blockquote {
  border-left: 3px solid #1074BC;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 1em;
  font-style: italic;
  line-height: 1.3em;
  margin: 1.1em 0 1.1em 4em;
  padding: 1em 0 1em 2em;
  position: relative;
  transition: .2s border ease-in-out;
  z-index: 0;
}
blockquote:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    height: 2em;
    background-color: #fff;
    width: 5px;
    margin-top: -1em;
}
blockquote:after {
	font-family: FontAwesome;
    content: "\f10e";
    position: absolute;
    top: 50%;
    left: -0.5em;
    color: #1074BC;
    font-style: normal;
    line-height: 1em;
    text-align: center;
    text-indent: -2px;
    width: 1em;
    margin-top: -0.5em;
    transition: .2s all ease-in-out, .4s transform ease-in-out;
}

/*AGENDA*/
.fc-button-primary,
.fc-today-button, 
.fc-today-button:disabled {
	background-color: transparent;
	border: transparent;
	color: #707070;
	font-size: 10px;
	opacity: 0.5;
	font-weight: bold;
}
.fc-button-primary:hover,
.fc-button-primary:active,
.fc-button-primary:focus,
.fc-today-button:hover, 
.fc-today-button:active, 
.fc-today-button:focus, 
.fc-today-button:disabled:hover, 
.fc-today-button:disabled:active, 
.fc-today-button:disabled:focus {
	background-color: transparent !important;
	border: transparent !important;
	color: #707070 !important;
	opacity: 1;
	font-size: 10px;
	border-radius: 2px;
	outline: none !important;
	box-shadow: none !important;
}
.fc-toolbar.fc-header-toolbar .fc-right {
	display: none;
	visibility: hidden;
}
.fc-toolbar.fc-header-toolbar {
	flex-wrap: wrap;
	margin: 0 !important;
}
.fc-toolbar.fc-header-toolbar .fc-left,
.fc-toolbar.fc-header-toolbar .fc-center {
    width: 100%;
}
.fc-toolbar.fc-header-toolbar .fc-center h2 {
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	margin: .5rem 0 !important;
}
.fc-unthemed .fc-content, 
.fc-unthemed .fc-divider, 
.fc-unthemed .fc-list-heading td, 
.fc-unthemed .fc-list-view, 
.fc-unthemed .fc-popover, 
.fc-unthemed .fc-row, 
.fc-unthemed tbody, 
.fc-unthemed td, 
.fc-unthemed th, 
.fc-unthemed thead {
	border-color: transparent !important;
}
.fc-scroller.fc-day-grid-container {
	height: auto !important;
	overflow: hidden !important;
}
.fc-day-header.fc-widget-header {
	font-weight: unset !important;
}
.fc-row.fc-widget-header {
	border-right-width: 0px !important;
	margin-right: 0px !important;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
	float: unset;
}
.fc .fc-row .fc-content-skeleton td {
	text-align: center;
}
.fc .fc-row .fc-content-skeleton td a {
	margin: 0;
	padding: 0 5px;
}
.fc-unthemed td.fc-today {
	background: transparent !important;
	font-weight: bolder;
}
.fc-event {
	border: transparent !important;
	border-radius: 0px !important;
}
.fc-unthemed .fc-row:not(.fc-widget-header) {
	margin-bottom: 1rem !important;
	height: auto !important;
}
.fc-day-top.fc-other-month {
	opacity: .5;
}


input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin-top: 0 !important;
  margin-left: 10px;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  font: inherit;
  color: #E2E2E2;
  width: 1.35rem;
  height: 1.35rem;
  border: 0.15px solid #E2E2E2;
  border-radius: 50%;
  transform: translateY(0.255rem);
  position: relative;
}
input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #65BC27;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}
input[type="radio"]::after {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	border-left: 1px solid #1E6F8A;
	display: block;
	height: calc(100% + 7px);
	transform: translateY(-0.255rem);
}
input[type="radio"]:checked::before {
  transform: scale(1);
}
input[type="radio"]:focus {
  outline: max(0px, 0px) solid currentColor;
  outline-offset: max(0px, 0px);
}
input[type="radio"]+label {
	font-weight: 500;
	padding-left: 10px;
	margin-bottom: 0;
	width: calc(100% - 1.35rem - 10px);
}


/*recherche metier*/
form#form-centres-interet > ul#list-centres-interet {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
	padding: 0 !important;
	align-items: stretch;
	justify-content: start;
}
form#form-centres-interet > ul#list-centres-interet > li.disabled {
	opacity: .35;
}
form#form-centres-interet > ul#list-centres-interet > li.disabled input {
	cursor: default !important;
	border:1px solid #999999 !important;
	background-color:#cccccc !important;
	color:#666666 !important;
}
form#form-centres-interet > ul#list-centres-interet > li.disabled input+span {
	cursor: default !important;
}
form#form-centres-interet > ul#list-centres-interet > li {
	padding: 10px 20px;
	height: 55px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	max-width: 15.5rem;
	align-self: stretch;
	border: 1px solid #E2E2E2;
	color: #313131;
	font-size: 12.5px;
	position: relative;
}
form#form-centres-interet > ul#list-centres-interet > li > label {
	font-weight: 400;
	margin: 0;
	text-align: center;
	line-height: 16px;
	-webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}
form#form-centres-interet > ul#list-centres-interet > li input{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 0;
	padding: 0 0;
	border: unset;
	border-radius: 50px;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: all .25s;
	-webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}
form#form-centres-interet > ul#list-centres-interet > li:hover{
	background-color: rgb(149 193 31 / .5);
}
form#form-centres-interet > ul#list-centres-interet > li input:focus {
    border-color: rgb(149 193 31 / 1);
    outline: unset !important;
    background-color: transparent;
}
form#form-centres-interet > ul#list-centres-interet > li input:checked {
    border-color: rgb(149 193 31 / 1);
    outline: unset !important;
    background-color: rgb(149 193 31 / 1);
}
form#form-centres-interet > ul#list-centres-interet > li input:checked + span {
	color: #fff !important;
}
form#form-centres-interet > ul#list-centres-interet > li span {
	position: sticky;
	cursor: pointer;
}
form#form-centres-interet > .form-centres-interet-submit {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.recherche-metier-button {
	background-color: #1E6F8A;
	color: #fff;
	margin: 0 auto;
	padding: 17.5px 35.5px;
	border-radius: 5px;
	border: 1px solid #E2E2E2;
}
.recherche-metier-button:hover, .recherche-metier-button:focus {
	background-color: #024557;
	box-shadow: 0 10px 25px rgb(0 0 0 / .15);
	border-color: transparent;
}
form#form-centres-interet + #form-result {
	align-items: stretch;
	position: relative;
}
#list-familles-metiers, #metiers-lies-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
	margin-top: 2rem;
	align-items: stretch;
	justify-content: flex-start;
	column-gap: 10px;
}
#list-familles-metiers > li,
#metiers-lies-list > li {
	width: 100%;
	margin-bottom: 1rem;
	list-style: none;
	/* padding: 1rem; */
	min-height: 14rem;
	position: relative;
	overflow: hidden;
}
#metiers-lies-list > li {
	min-height: unset;
}
#list-familles-metiers > li > a,
#metiers-lies-list > li > a {
	text-decoration: none;
	color: unset;
}
#list-familles-metiers > li > a > p.image,
#metiers-lies-list > li > a > p.image {
	height: 12rem;
	width: 12rem;
	float: left;
	display: flex;
	overflow: hidden;
	margin: 0;
	position: relative;
	border: 1px solid #E2E2E2;
	border-radius: 0 20px 0 0;
}
#list-familles-metiers > li > a > p.image > img,
#metiers-lies-list > li > a > p.image > img {
	width: 180%;
	height: auto;
	position: absolute;
	top: -9999px;
	left: -9999px;
	right: -9999px;
	bottom: -9999px;
	margin: auto;
}
#list-familles-metiers > li > a > .score {
	padding-left: 6px;
	color: #fff;
	
}
#list-familles-metiers > li > a > .score.value1 {
	background-color: #e94e1b;
}
#list-familles-metiers > li > a > .score.value2 {
	background-color: #f2920a;
}
#list-familles-metiers > li > a > .score.value3 {
	background-color: #95c11f;
}
#list-familles-metiers > li > a > .libelle,
#metiers-lies-list > li > a > .libelle {
	font-size: 1.15rem;
	font-weight: bold;
}
#list-operateurs {
	list-style: none;
	padding: 0;
	margin: 0;
}
#list-operateurs > li {
	margin-bottom: 1rem;
	width: 100%;
	display: grid;
	grid-template-columns: 10.125rem auto;
	grid-template-rows: auto auto minmax(0, auto) auto auto;
	align-items: center;
	grid-template-areas:
		'logo structure'
		'logo adresse'
		'logo complement_adresse'
		'logo ville'
		'logo telephone';
	border-radius: 3px;
	padding: 1rem;
	border: 1px solid transparent;
}
#list-operateurs > li > p {margin: 0;}
#list-operateurs > li > p.logo {
	grid-area: logo;
	padding-right: 1.5rem;
}
#list-operateurs > li > p.logo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#list-operateurs > li > p.structure {
	grid-area: structure;
	font-weight: bold;
	font-family: 'Roboto Slab', serif;
}
#list-operateurs > li > p.adresse {grid-area: adresse;}
#list-operateurs > li > p.complement_adresse {grid-area: complement_adresse;}
#list-operateurs > li > p.ville {grid-area: ville;}
#list-operateurs > li > p.telephone {grid-area: telephone;font-weight: 500;}
#list-operateurs > li > p.telephone::before {
	content: "\f095";
	font-family: 'FontAwesome';
	margin-right: .5rem;
}
.form-result-filters{
	width: 30%;
	padding-right: 3rem;
}
.form-result-filters-container {
	position: sticky;
	top: 13rem;
}
.form-result-filters #list-result-filters {
	list-style: '> ';
}
.form-result-filters #nb-result-filters > span {
	color: #1074BC;
}
.form-result-result {
	width: 70%;
	display: flex;
	flex-direction: column;
}
#form-secteur-activite .grand_secteur > p {
	font-size: 24px;
	margin-top: 20px;
    margin-bottom: .5rem;
}
#form-secteur-activite .grand_secteur > .grand_secteur-input > ul {
	list-style: none;
	padding: 0;
}
#form-secteur-activite .grand_secteur > .grand_secteur-input > ul > li > label {
	margin: 0 !important;
	font-weight: 400;
}
#form-secteur-activite .grand_secteur > .grand_secteur-input > ul > li > label > span {
	margin-left: .6rem;
}
#form-secteur-activite .form-secteur-activite-submit {
	margin: 3rem auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
#form-secteur-activite {
	display: flex;
	flex-direction: column;
}
#form-competence,
#form-formation,
#form-metier-precis {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding-bottom: 2rem;
}
#form-competence > #form-competence-recherche-div > input,
#form-formation > #form-formation-recherche-div > input,
#form-formation > #form-formation-recherche-formation-div > input,
#form-metier-precis > #form-metier-precis-recherche-div > input {
	position: relative;
	width: 100%;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
	padding: 12px 3rem 1rem;
	background-color: transparent;
}
#form-competence-recherche-div, #form-metier-precis-recherche-div {position: relative;}
#form-formation-recherche-div, #form-metier-precis-recherche-div {position: relative;}
#form-formation-recherche-formation-div, #form-metier-precis-recherche-div {position: relative;}
#form-competence > #form-competence-recherche-div::before,
#form-formation > #form-formation-recherche-formation-div::before,
#form-formation > #form-formation-recherche-div::before,
#form-metier-precis > #form-metier-precis-recherche-div::before {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 19px;
    color: rgb(112 112 112 / 50%);
    position: absolute;
    left: 15px;
    top: 10px;
}
.ui-autocomplete {
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 400px;
	position: relative;
	border-left: 5px solid rgb(16 116 188) !important;
}
.ui-autocomplete::-webkit-scrollbar {width: 10px;}
.ui-autocomplete::-webkit-scrollbar-track {box-shadow: inset 0 0 3px grey; border-radius: 5px;}
.ui-autocomplete::-webkit-scrollbar-thumb {background: rgb(16 116 188); border-radius: 5px;transition: 3s;}
.ui-autocomplete::-webkit-scrollbar-thumb:hover {background: rgb(0 63 88);}
.ui-autocomplete .ui-menu-item {
	width: 100%;
	white-space: pre-wrap;
}
.ui-autocomplete .ui-menu-item a::before {
	font-family: FontAwesome;
	content: "\f111";
	color: #1074BC;
	font-size: 12px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;    
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;    
	transition: all 0.5s;  
	animation-direction: alternate;
	animation-iteration-count: 2;
	display: inline-block;
	opacity: 0;
	position: static;
	margin-right: -12px;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus {
	border: none !important; 
	border-radius: 0 !important;
	background: transparent;
	margin: 0 !important;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus::before {
	margin-right: 15px;
	opacity: 1;
	font-size: 12px;
}
.fiche-metier {
	display: flex;
	margin-top: 4rem;
	flex-direction: column;
}
.fiche-metier h3 {
	color: #313131;
	font-family: 'Nunito', sans-serif;
	margin-top: 2rem;
	font-size: 1.25rem;
	width: 100%;
	display: block;
}
.fiche-metier > .metier-information-img {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fiche-metier > .metier-information,
.fiche-formation > .formation-information {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.fiche-metier #metier-rome {
	font-family: 'Nunito', sans-serif;
	margin: 1rem 0 2rem;
	font-weight: 500;
}
.fiche-formation #formation-domaine,
.fiche-formation #formation-formacode {
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
}
.fiche-formation #formation-domaine {
	margin: 1rem 0 0;
}
.fiche-formation #formation-formacode {
	margin: 0;
}
.fiche-metier .familles-pro-associes > p {margin: 0; cursor: pointer;}
.fiche-metier .familles-pro-associes > p::before {
	font-family: FontAwesome;
	content: "\f055";
	padding-right: 6px;
	color: #94c11f;
	font-size: 15px;
	height: 15px;
	width: 15px;
	opacity: .75;
	transition: all .5s ease-in-out;
}
.fiche-metier .familles-pro-associes > ul {
	list-style: none;
	border-left: 1px solid #94c11f;
	margin-top: -5px;
	margin-left: 5.95px;
	max-height: 0;
	overflow: hidden;
	transition: padding .5s, max-height .5s ease-in-out;
}
.fiche-metier .familles-pro-associes:hover > p::before {opacity: 1;}
.fiche-metier .familles-pro-associes:hover > ul {
	max-height: 500px;	
	padding-top: 10px;
}
.fiche-metier #fiche-detaillee {
	text-decoration: none;
	display: block;
	margin: 1.25rem 0rem 0rem;
	color: unset;
}
.fiche-metier #fiche-detaillee:hover {color: #f2920a}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat,
.fiche-formation > .formation-contenu > .formation-description,
.fiche-formation > .formation-contenu > .formation-contact {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > div,
.fiche-formation > .formation-contenu > .formation-description > div,
.fiche-formation > .formation-contenu > .formation-contact > div {
	border: 1px solid #E2E2E2;
	border-radius: 5px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	position: relative;
}
.fiche-formation > .formation-contenu > .formation-contact > div p {
	margin: 0;
	font-size: .95rem;
}
.fiche-formation > .formation-contenu > .formation-contact > div p.email {
	word-break: break-all;
}
.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) {
	display: grid;
	grid-template-columns: 38.5% 38.5% 18.5%;
	grid-column-gap: 1.5%;
	grid-template-areas:
		"title title title"
		"contr temps sal"
		"contr temps appr";
}
.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) > h3 {grid-area: title;}
.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) > div:nth-child(2) {grid-area: contr;}
.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) > div:nth-child(3) {grid-area: temps;}
.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) > div:nth-child(4) {grid-area: sal;margin-bottom: .75rem;}
.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) > div:nth-child(5) {grid-area: appr;}

.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-profils {width: 16%;}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-employeurs {width: 100%;}
.fiche-formation > .formation-contenu > .formation-contact > div {width: 23.5%;}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-offres:not(:nth-child(5)),
.fiche-formation > .formation-contenu > .formation-description > div {width: 32%; margin-bottom: 1rem;}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-offres:nth-child(5) {width: 100%;}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-emplois {width: 49%;}
.fiche-metier h4,
.fiche-formation > .formation-contenu > .formation-description > div > h4,
.fiche-formation > .formation-contenu > .formation-contact > div > h4 {
    margin-top: 0;
    font-size: 0.8rem;
    font-weight: unset !important;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-emplois ul {
	padding-left: 15px
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-emplois li {
	font-size: .8rem;
	list-style: none;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-emplois li::before {
	content: "\2022";
	color: #F2920A;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-employeurs #repartition-secteurs-activite {
	list-style: none;
	padding: 0;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-employeurs #repartition-secteurs-activite p {
	margin-bottom: 5px;
	font-size: .95rem;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-employeurs #repartition-secteurs-activite li:not(:last-of-type) {
	margin-bottom: 1rem;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat .metier-stat-indicateur,
.fiche-formation > .formation-contenu > .formation-description > div > p {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #1B6F8A;
}
.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat img.metier-stat-indicateur {
	width: 4rem;
	margin: 0 auto;
}
#form-formation-filtres ul,
#form-operateurs-filtres ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#form-formation-filtres h3,
#form-operateurs-filtres h3 {
    margin-top: 1.5rem !important;	
}
#form-formation-filtres .form-formation-filtres-submit,
#form-operateurs-filtres .form-operateurs-filtres-submit {
	display: flex;
	align-content: center;
	justify-content: center;
	padding-top: 4rem;
}
#form-formation-filtres ul > li > label,
#form-operateurs-filtres ul#list-services > li > label {
	display: inline-flex;
	line-height: 1.25rem;
	margin-bottom: .75rem;
	width: 100%;
}
#form-operateurs-filtres ul#list-profils > li > label {
	margin-bottom: 0 !important;
}
#form-operateurs-filtres ul#list-profils > li > label .libelle {
	font-weight: normal;
	margin-left: .5rem;
}
#form-formation-filtres ul > li > label .libelle,
#form-operateurs-filtres ul#list-services > li > label .libelle {
	margin-left: .5rem;
	font-weight: normal;
	width: calc(100% - 2.75rem);
}
#form-formation-filtres input[type="checkbox"],
#form-operateurs-filtres input[type="checkbox"] {
	height: 0;
	width: 0;
	visibility: hidden;
	position: absolute;
}
#form-formation-filtres .toggle,
#form-operateurs-filtres .toggle {
	cursor: pointer;
	text-indent: -9999px;
	width: 2.25rem;
	height: 1.25rem;
	background: #eeeded;
	display: block;
	border-radius: 100px;
	position: relative;
}
#form-formation-filtres .toggle:after,
#form-operateurs-filtres .toggle:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	background: #fff;
	border: 1px solid #eeeded;
	border-radius: 90px;
	transition: 0.3s;
}
#form-formation-filtres input[type="checkbox"]:checked + .toggle,
#form-operateurs-filtres input[type="checkbox"]:checked + .toggle {
	background: #65BC27;
}
#form-formation-filtres input[type="checkbox"]:checked + .toggle:after,
#form-operateurs-filtres input[type="checkbox"]:checked + .toggle:after {
	left: calc(100% + 1px);
	transform: translateX(-100%);
	border: 1px solid #65BC27;
}
#form-formation-filtres .toggle:active:after,
#form-operateurs-filtres .toggle:active:after {
	width: 1.25rem;
}
#filtre-date {padding-right: 2rem;}
#filtre-date > input {
	width: 11rem;
	margin-right: calc(100% - 14rem);
}

/* page /portail */
div[role="main"] #main.widget-opendata {
	margin: 5rem auto !important;
	max-width: 109rem;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	position: relative;
	padding: 0 !important;
}
div[role="main"] #main.widget-opendata > #filter {
	display: flex;
	flex-direction: column;
	padding: 0;
	position: static;
}
div[role="main"] #main.widget-opendata > #filter > h2:nth-child(13),
div[role="main"] #main.widget-opendata > #filter > #actif-filters > h2 {
	order: 1;
	margin-top: 0 !important;
	background-color: transparent !important;
	color: #707070 !important;
	padding: 0 0 0 10px !important;
	font-weight: 300 !important;
	font-size: 1rem !important;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat {
	order: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 !important;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li {
	border: unset;
	padding: 5px 12px;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li > span {
	display: none;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li > i {
	color: #94C11F;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li:hover {
	background-color: rgb(16 116 188 / 0.15);
	color: rgb(16 116 188);
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li:hover > i {
	color: rgb(16 116 188);
}
div[role="main"] #main.widget-opendata > #filter > h2:nth-child(6) {
	order: 3;
	margin-top: 4rem;
	background-color: transparent !important;
	color: #707070 !important;
	padding: 0 0 0 10px !important;
	font-weight: 500 !important;
	font-size: 1.25rem !important;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
}
div[role="main"] #main.widget-opendata > #filter > #search-form {
	order: 4;
}
div[role="main"] #main.widget-opendata > #filter > .ng-scope.d4c-portail-map {
	order: 5;
}
div[role="main"] #main.widget-opendata > #filter > .ng-scope.d4c-portail-map > d4c-dataset-context > div.row > div,
div[role="main"] #main.widget-opendata > #filter > .ng-scope.d4c-portail-map > div.row > div {
	width: 100% !important;
}
div[role="main"] #main.widget-opendata > #filter > h3 {
	order: 6;
	margin-top: 3rem;
	background-color: transparent !important;
	color: #707070 !important;
	padding: 0 0 0 10px !important;
	font-weight: 300 !important;
	font-size: 1rem !important;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur {
	order: 7;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li {
	border: unset;
	position: relative;
	max-width: 100%;
	margin: 0;
	border-left: 0;
	background: none;
	border: 0;
	border-radius: 0;
	color: #313131;
	font-size: .875rem;
	cursor: pointer;
	-webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
	transition: all .25s ease-out, outline 0s, outline-offset 0s;
	word-break: break-word;
	padding: 0.3125rem 0.9375rem 0.3125rem 2.2125rem;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li::before {
	content: "";
	left: 10px;
	position: absolute;
	display: block;
	width: 1rem;
	height: 1rem;
	top: 0.4375rem;
	padding-left: 0.0625rem;
	font-size: 1.125rem;
	text-align: center;
	line-height: .375rem;
	font-weight: bold;
	border-radius: 0.125rem;
	border: 0.125rem solid #bbb;
	background: #transparent;
	color: #1E6F8A;
	-webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
	transition: all .25s ease-out, outline 0s, outline-offset 0s;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li > span.number_element {
	float: none;
    padding: 0;
    color: rgb(112 112 112 / .7);
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li > span.number_element::before {content: "(";}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li > span.number_element::after {content: ")";}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li:hover {
	color: #1E6F8A;
	background-color: rgb(16 116 188 / 0.15);
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li.selected::before {
	content: "\2713";
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters {
	margin-bottom: 3rem;
}

div[role="main"] #main.widget-opendata .col-md-10 {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 100%;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
	min-width: 100%;
	align-items: flex-start;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div {
	margin: 0 !important;
	border: 1px solid #E2E2E2 !important;
	align-self: stretch;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_2 {display: none;}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 {
	padding: 1rem;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div:nth-child(1) {
	flex-direction: row-reverse !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div > div:nth-child(1) > div {
	margin: 0 !important;
	width: 70px !important;
	height: 70px !important;
	background-position-y: top;
	background-position-x: right;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div > .box_4 {
	margin-right: 15px !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div > .box_4 > .inner {
	padding: 0 !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div > .box_4 > .inner .dataset-h2 a {
	color: #313131 !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div > .box_4 > .inner .dataset-h2 {
	font-size: 1rem;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .inner p {
	margin-right: 0 !important;
	margin-top: 10px;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .infos > ul {
	font-size: 0.75rem;
	margin: 0;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .infos > ul > .titre::after {
	content: " :";
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .infos > ul > .info {
	float: unset;
	margin-left: 6px;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .infos > ul.jetons {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 5px;
	margin-top: 1rem;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .infos > ul.jetons > li {
	margin: 0 !important;
	border: unset !important;
	padding: 3px 10px;
}
div[role="main"] #main.widget-opendata #filter h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: transparent !important;
    padding: 0 !important;
    color: #1E6F8A !important;
    margin: 0 0 1.25rem;
    font-size: 1.75rem;
    line-height: 1.2;
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0;
    z-index: 99;
    font-weight: bold;
}
div[role="main"] #main.widget-opendata #filter .form-group label {
    display: none;
}
div[role="main"] #main.widget-opendata #filter .form-group {
    margin: 0;    
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}
div[role="main"] #main.widget-opendata #filter .form-group > select {
	cursor: pointer !important;
	border: 1px solid #E2E2E2 !important;
	box-shadow: none;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > h2 > span#reset-filters {
	color: #707070 !important;
	text-transform: initial;
	position: unset;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > ul > li {
	background-color: rgb(16 116 188 / 0.15) !important;
	border: unset !important;
	padding: 5px 12px;
	color: rgb(16 116 188);
	position: relative;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > ul > li > span {top: 2px;}


/*recherche formation*/
#list-formations {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	justify-content: space-between;
}
#formations-a-la-une {
    border: 1px solid #f2920a;
    padding: 20px;
    border-radius: 12px;
    width: 100%;
    margin-bottom: 2.5rem;
}
#formations-a-la-une > div {position: relative;}
#formations-a-la-une > div > i {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4%;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color: rgba(0 0 0 / 0.02);
    border: 1px solid #e4e4e4;
	z-index: 99;
	transition: all .5s ease-in-out;
}
#formations-a-la-une > div > i.nav-previous {border-radius: 15px 0px 0px 15px;}
#formations-a-la-une > div > i.nav-next {border-radius: 0px 15px 15px 0px;}
#formations-a-la-une > div > i:hover {opacity: 1;}
#formations-a-la-une > div > i#nav-previous {left: 0;border-radius: 15px 0px 0px 15px;}
#formations-a-la-une > div > i#nav-next {right: 0;border-radius: 0px 15px 15px 0px;}
#formations-a-la-une > div > div {
	overflow-y: auto;
    margin: 0px 4%;
}
#list-formations-a-la-une {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-flex;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 1rem;
}
#list-formations > li, #list-formations-a-la-une > li {
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid #E2E2E2;
	border-radius: 3px;
}
#list-formations-a-la-une > li {margin-bottom: 0;}
#list-formations > li > a, #list-formations-a-la-une > li > a {
	text-decoration: none;
	color: unset !important;
}
#carte-filters #filters-container {scrollbar-width: thin;}
#carte-filters #filters-container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #1b6f8a;
}
#carte-filters #filters-container::-webkit-scrollbar {
	width: 3px;
	background-color: #1b6f8a;
}
#carte-filters #filters-container::-webkit-scrollbar-thumb {
	background-color: #003f58;
	border: 0.5px solid #003f58;
}
.info-par-profil-block,
#block-views-block-zoom-sur-block-2,
#block-views-block-agenda-page-block-1 {margin-bottom: 3rem;}
#button-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
#button-links > h3 {
	display: block;
	visibility: visible;
	width: 100%;
	font-size: 1.05rem;
	font-weight: 600;
}
#button-links > .button-links-btn {
    padding: 12.5px 22.5px;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    transition: all .5s ease-in-out;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 0.25rem;
}
#button-links > .button-links-btn:not(:last-child) {
	margin-right: .25rem;
}
#button-links > .button-links-btn:hover, #button-links > .button-links-btn:focus {
	box-shadow: 0 10px 25px rgb(0 0 0 / .15);
	border-color: transparent;
	color: #fff;
}
#button-links > .button-links-btn:nth-child(4n+1):hover {
	background-color: #f2920a;
}
#button-links > .button-links-btn:nth-child(4n+2):hover {
	background-color: #e94e1b;
}
#button-links > .button-links-btn:nth-child(4n+3):hover {
	background-color: #94c11f;
}
#button-links > .button-links-btn:nth-child(4n+4):hover {
	background-color: #1b6f8a;
}
#block-views-block-zoom-sur-block-2 .views-field-body {
	background: #FFFEE7;
	border-right: 5px solid #ffdd00;
	padding: 0 2rem 2rem 2rem;
}
#block-views-block-zoom-sur-block-2 .views-field-title {
	color: #ffdd00;
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
	font-size: 1.125rem;
	padding: 2rem 2rem 0 2rem;
	background: #FFFEE7;
	border-right: 5px solid #ffdd00;
}
#block-views-block-zoom-sur-block-2 .views-field-field-image img {
	width: 100%;
	height: auto;
}
.page-node-type-article .dialog-off-canvas-main-canvas,
.page-node-type-zoom-sur .dialog-off-canvas-main-canvas {
	background-color: #fff;
}
.page-node-type-article article.article.is-promoted img,
.fiche-metier .metier-information > .metier-information-img img,
.page-node-type-zoom-sur article img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
.fiche-metier .metier-information > .metier-information-img:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(0 0 0 / .3);
	display: block;
}
.page-node-type-article article.article.is-promoted .field--name-field-image,
.page-node-type-zoom-sur article .field--name-field-image,
.fiche-metier .metier-information > .metier-information-img {
	max-height: 32.875rem;
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.page-node-type-article article.article.is-promoted .content,
.page-node-type-article .region.region-header,
.page-node-type-article article.article.is-promoted > footer, 
.page-node-type-zoom-sur article .content,
.page-node-type-zoom-sur .region.region-header,
.page-node-type-zoom-sur article > footer,
.page-node-type-dispositif-d-aide .region-header {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}
.page-node-type-article audio {
	height: 2.5rem;
	margin-bottom: 4rem;
}
.page-node-type-article .region.region-header h1,
.page-node-type-zoom-sur .region.region-header h1,
.page-node-type-dispositif-d-aide .main-container div[role="heading"] h1 {
	margin: 2rem auto !important;
}
.page-node-type-article .field--name-field-audio label,
.page-node-type-zoom-sur .field--name-field-audio label {
	display: none;
}
.page-node-type-article article.article.is-promoted section,
.page-node-type-zoom-sur article section {
	background-color: #EBEBEB;
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
	margin-bottom: -10rem;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.page-node-type-article article.article.is-promoted section > h2,
.page-node-type-zoom-sur article > h2 {display: none;}
form.comment-form {
	order: 1;
}
.page-node-type-article .main-container .field--name-body,
.page-node-type-zoom-sur .main-container .field--name-body,
.fiche-metier > .metier-inner {
	background-color: #fff !important;
	position: relative;
	padding: 3rem;
	margin: 0 auto;
	z-index: 9;
	width: 100%;
}
.page-node-type-article .main-container .field--name-body > img,
.page-node-type-zoom-sur .main-container .field--name-body > img {
	max-width: 100% !important;
	width: unset !important;
	height: unset !important;
}
.page-node-type-article .main-container .field--name-body > h3,
.page-node-type-zoom-sur .main-container .field--name-body > h3 {
	margin-top: 0 !important;
	margin-left: -3rem;
	padding-left: 3rem;
	background-color: rgb(242 146 10 / .25);
	font-family: 'Nunito', sans-serif;
	color: #313131;
}
.page-node-type-article .main-container .field--name-body > h4,
.page-node-type-article .main-container .field--name-body > h5,
.page-node-type-article .main-container .field--name-body > h6,
.page-node-type-zoom-sur .main-container .field--name-body > h4, 
.page-node-type-zoom-sur .main-container .field--name-body > h5,
.page-node-type-zoom-sur .main-container .field--name-body > h6 {
	font-family: 'Nunito', sans-serif;
	margin-top: 0 !important;
	color: #313131;
}
.page-node-type-article .main-container .field--name-body ul,
.page-node-type-zoom-sur .main-container .field--name-body ul {
	list-style: none;
}
.page-node-type-article .main-container .field--name-body ul li::before,
.page-node-type-zoom-sur .main-container .field--name-body ul li::before {
  content: "\2022";
  color: #F2920A;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.page-node-type-zoom-sur-un-metier img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
details {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(0, 0, 0, .05);
    border-left: 15px solid gray;
    padding: 15px;
    margin-top: 15px;
    color: #0E1C4E !important;
}
details.jaune {
    background: #FFFEE7;
    border-left-color: #ffdd00;
}
details.orange {
    background: #FDF5E6;
    border-left-color: #f2920a;
}
details.rouge {
    background: #FFF3EC;
    border-left-color: #e94e1b;
}
details.vert {
    background: #F7F8F0;
    border-left-color: #94c11f;
}
details.bleu {
    background: #ECF3F8;
    border-left-color: #1b6f8a;
}
summary, details > div {
    position: relative;
    /* display: flex; */
    flex-wrap: wrap;
    align-content: flex-start !important;
    justify-content: flex-start;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    padding: 1rem 1rem 1rem 1.75rem;
    cursor: pointer;
}
summary {
    font-family: 'Nunito', sans-serif;
    flex-direction: row;
}
details > div > *, details > div img {
	max-width: 100%;
}
details > div a {
	word-break: break-all;
}
details.jaune > summary:focus, details.jaune > summary::selection {
	outline: solid 3px #ffdd00;
}
details.orange > summary:focus, details.orange > summary::selection {
	outline: solid 3px #f2920a;
}
details.rouge > summary:focus, details.rouge > summary::selection {
	outline: solid 3px #e94e1b;
}
details.vert > summary:focus, details.vert > summary::selection {
	outline: solid 3px #94c11f;
}
details.bleu > summary:focus, details.bleu > summary::selection {
	outline: solid 3px #1b6f8a;
}
summary::before {
    cursor: pointer;
    position: absolute;
    display: inline-flex;
    left: 1rem;
    content: '+';
	-webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out !important;
}
details[open] summary::before {
	-webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
	transform: rotate(45deg);
}
details summary::-webkit-details-marker {
  display:none;
}
.path-bibliotheque-des-videos .view-content,
.path-toutes-les-videos .view-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
	order: 4;
}
.path-bibliotheque-des-videos .pager-nav,
.path-toutes-les-videos .pager-nav {
	order: 5;
	width: 100%;
}
.path-bibliotheque-des-videos article.video > .content > div:not(.field--name-field-source-de-video) > .field--label,
.path-toutes-les-videos article.video > .content > div:not(.field--name-field-source-de-video) > .field--label {
	float: left;
}
.path-bibliotheque-des-videos article.video > .content > div:not(.field--name-field-source-de-video) > .field--label::after,
.path-toutes-les-videos article.video > .content > div:not(.field--name-field-source-de-video) > .field--label::after {
	content: ":";
	margin: 0 .25rem;
}
.path-bibliotheque-des-videos .view-content .views-row > article > h2,
.path-toutes-les-videos .view-content .views-row > article > h2 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}
.field--name-field-html-d-integration,
.field--name-field-html-d-integration {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}
.field--name-field-html-d-integration > iframe,
.field--name-field-html-d-integration > iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100% !important;
	position: absolute;
}
#block-views-block-videos-metier-block-1 {width: 100%;}
.page-node-type-carte article.carte > .content,
.page-node-type-carte .field--name-field-graphiques{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.page-node-type-carte .field--name-field-graphiques > .field--item > * {
	display: flex;
	gap: 1.5rem;
}
.page-node-type-carte .field--name-field-graphique-1-2,
.page-node-type-carte .field--name-field-graphique-2-2 {
	border: 1px solid #E2E2E2 !important;
	padding: 1rem;
	border-radius: 3px;
}
.page-node-type-carte .field--name-field-graphique-1-3,
.page-node-type-carte .field--name-field-graphique-2-3,
.page-node-type-carte .field--name-field-graphique-3-3 {
	border: 1px solid #E2E2E2 !important;
	padding: 1rem;
	border-radius: 3px;
}
.page-node-type-carte .paragraph--type--carte d4c-dataset-context {
	display: grid;
    width: 100%;
    border: 1px solid #E2E2E2 !important;
	border-radius: 3px;
}
.page-node-type-carte .paragraph--type--carte d4c-facets {
	grid-area: filtres;
    padding: 1rem;
    overflow: auto;
}
.page-node-type-carte .paragraph--type--carte d4c-map {
	grid-area: carte;
}
.leaflet-popup-content p {margin: 5px 0 !important;}
.page-node-type-carte .paragraph--type--test {visibility: hidden;height: 0;width: 0;}
.page-node-type-carte .infobulle-icons {
	display: flex;
	gap: 0.5rem;
}
.page-node-type-carte .infobulle-icons > span {
	display: flex;
	align-items: center;
}
.page-node-type-carte .infobulle-icons > span > span:not(.fi):not(.ip) {
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 1.75em;
	height: 1.75em;
	line-height: 1em;
}
.node-entreprise-edit-form, .node-offre-edit-form {
	margin-left: 10%;
	margin-right: 10%;
}
article[about="/accueil"] .content .list-inline {
	display: none;
}


.infobulle-icons .browser-chrome{background-image: url(/sites/default/files/browsers/icons8-chrome-48.png);}
.infobulle-icons .browser-ff {background-image: url(/sites/default/files/browsers/icons8-firefox-48.png);}
.infobulle-icons .browser-fb {background-image: url(/sites/default/files/browsers/icons8-facebook-48.png);}
.infobulle-icons .browser-edge {background-image: url(/sites/default/files/browsers/icons8-microsoft-edge-48.png);}
.infobulle-icons .browser-safari {background-image: url(/sites/default/files/browsers/icons8-safari-48.png);}
.infobulle-icons .browser-ie {background-image: url(/sites/default/files/browsers/icons8-internet-explorer-48.png);}
.infobulle-icons .browser-samsung {background-image: url(/sites/default/files/browsers/icons8-samsung-48.png);}
.infobulle-icons .browser-miui {background-image: url(/sites/default/files/browsers/icons8-miui-48.png);}
.infobulle-icons .browser-wechat {background-image: url(/sites/default/files/browsers/icons8-wechat-48.png);}
.infobulle-icons .browser-ecosia {background-image: url(/sites/default/files/browsers/icons8-ecosia-48.png);}

.infobulle-icons .os-win {background-image: url(/sites/default/files/os/icons8-windows-10-48.png);}
.infobulle-icons .os-macos {background-image: url(/sites/default/files/os/icons8-mac-logo-48.png);}
.infobulle-icons .os-ios {background-image: url(/sites/default/files/os/icons8-ios-logo-48.png);}
.infobulle-icons .os-android {background-image: url(/sites/default/files/os/icons8-android-os-48.png);}
.infobulle-icons .os-linux {background-image: url(/sites/default/files/os/icons8-linux-48.png);}

.infobulle-icons .device-desktop {background-image: url(/sites/default/files/device/icons8-imac-50.png);}
.infobulle-icons .device-phone {background-image: url(/sites/default/files/device/icons8-iphone-14-50.png);}
.infobulle-icons .device-tablet {background-image: url(/sites/default/files/device/icons8-ipad-50.png);}
.infobulle-icons .device-phablet {background-image: url(/sites/default/files/device/icons8-smartphone-60.png);}
.infobulle-icons .device-unknowh {background-image: url(/sites/default/files/device/icons8-question-mark-60.png);}


@media (max-width: 31.25rem) {
	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}
	.container-fluid {
		padding: 0;
		margin: 0 -10%
	}
	#icones_accueil {
		transform: scale(0.5)
	}
	article[about="/accueil"] .field--type-text-with-summary h1, 
	#je-cherche > h1, 
	#block-views-block-zoom-sur-block-1 > h2.block-title, 
	#block-citizena-themes-views-block-carte-des-operateurs-block-1 > h2.block-title, 
	#block-flourishaccueil > h2.block-title, 
	#block-views-block-agenda-block-1 > h2.block-title, 
	#block-views-block-agenda-block-2 > h2.block-title, 
	#block-views-block-partenariats-block-1 > h2.block-title, 
	#block-views-block-block-articles-block-1 > h2.block-title,
	#block-views-block-block-articles-block-2 > h2.block-title,	
	#block-views-block-videos-block-1 > h2.block-title,
	#block-socialnetwork > h2.block-title {
		font-size: 2.5rem;
	}
	#block-flourishaccueil, #block-views-block-agenda-block-1, #block-views-block-agenda-block-2 {padding-top: 15%;}
	#block-flourishaccueil > h2.block-title,
	#block-flourishaccueil > .field.field--name-body,
	#block-views-block-agenda-block-1 > h2.block-title,
	#block-views-block-agenda-block-1 > div,
	#block-views-block-agenda-block-2 > h2.block-title,
	#block-views-block-agenda-block-2 > div {
		width: 100%;
	}
	#block-flourishaccueil > .field.field--name-body > p {
		font-size: 1rem;
		position: relative;
		width: 100%;
		max-width: 100%;
		left: 0;
		top: 0;
	}
}
@media (max-width: 43.75rem) {
	#icones_accueil ul {
		list-style: none;
		padding: 0 4%;
		text-align: center
	}
	.container-fluid {
		padding: 0;
		margin: 0 -6%
	}
	#icones_accueil {
		transform: scale(0.8)
	}
	.view-page-actualite .views-row,
	.view-frontpage .views-row,
	.view-zoom-sur-page .views-row,
	.view-taxonomy-term .views-row {
		width: calc(100% - 2.5rem) !important;
		align-items: stretch;
	}
	.view-filters.form-group .form--inline.form-inline.clearfix{
		gap: 1rem;
		display: flex;
		flex-wrap: wrap;
	}
	.form-select.form-control {
		width: 15rem;
	}
	.dispositif-d-aide.is-promoted.teaser {
		position: relative;
	}
}
@media (min-width: 50rem) {
	.view-page-actualite .views-row,
	.view-frontpage .views-row,
	.view-zoom-sur-page .views-row {
		width: 17rem !important;
		align-items: stretch;
	}
    .view-taxonomy-term .views-row {
		width: calc(25% - 2.5rem) !important;
		align-items: stretch;
	}
	.view-page-actualite, .view-zoom-sur-page, .view-taxonomy-term {
	.view-frontpage, .view-zoom-sur-page, .view-taxonomy-term {
		margin: 50px 15%;
	}
	.view-filters.form-group .form--inline.form-inline.clearfix{
		gap: 2rem;
		display: flex;
		flex-wrap: wrap;
	}
	.form-select.form-control {
		width: 20rem;
	}
	.node-documents-form,
	#node-documents-edit-form {
		margin-left: 20%;
		margin-right: 20%;
	}
}
@media (min-width: 43.75rem) and (max-width: 50rem) {
	.view-page-actualite .views-row,
	.view-frontpage .views-row,
	.view-zoom-sur-page .views-row,
    .view-taxonomy-term .views-row {
		width: calc(33% - 2.5rem) !important;
		align-items: stretch;
	}
	.view-filters.form-group .form--inline.form-inline.clearfix{
		gap: 1rem;
		display: flex;
		flex-wrap: wrap;
	}
	.form-select.form-control {
		width: 15rem;
	}
}
@media (max-width: 48rem) {
	.nav > li {
		position: unset;
	}
	ul.menu--main > li.dropdown:hover > ul.dropdown-menu {
		width: 100%;
		margin: 0;
	}
	ul.menu--main > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
		margin: 0 0 0 15% !important;
		width: 85%;
	}
	footer .region.region-footer #block-pieddepage ul,
	footer .region.region-footer #block-pieddepagegauche ul {
		align-self: center;
		justify-self: center;
		width: 100%;
		text-align: center;
	}
	.navbar-collapse.in {
		overflow-y: visible
	}
	.navbar-nav>li {
		display: unset
	}
	.well,
	.navbar-nav	{
		margin: 0
	}
	.navbar-toggle {
		background-color: #1074BC !important;
		display: block;
		padding: 13px 15px!important;
		margin-top: 5rem;
		transform: translateY(-50%);
	}
	#navbar-collapse .field--name-body {
		width: 100%;
	}
	#navbar-collapse > .region.region-navigation-collapsible > #block-citizena-themes-account-menu ul {
		margin: auto;
		justify-content: center;
	}
	#navbar-collapse > .region.region-navigation-collapsible > #block-enteteslogan {
		width: 100%;
	}
	.navbar-nav.navbar-right {
		margin: 0;
		position: relative;
	}
	.navbar-collapse {
		margin: 0;
		padding: 0
	}
	.navbar-nav {
		margin-left: 0!important;
		width: 100%!important;
	}
	img[alt="Accueil"] {
		width: inherit;
		height: inherit;
		object-fit: contain;
		max-width: unset;
	}
	#main.widget-opendata .dataset {
		width: 100%!important
	}
	.data-desc,
	#search-block-form .input-group-btn	{
		display: none
	}
	html, body {
		font-size: 12px!important
	}
	#globalMapPanel {
		right: 80px!important
	}
	#rightPanel {
		width: 80px!important
	}
	#search-block-form input {
		width: 100% !important;
		background: rgba(16,116,188,50%);
		border: transparent;
		border-radius: 5px;
		padding-left: 50px;
		padding-top: 6px;
		padding-bottom: 6px;
		height: unset !important;
		font-size: 11px;
	}
	#block-entetelogoctm {max-width: 15rem;margin-left:auto;margin-right:auto;margin-top: 3%}
	#block-enteteslogan .field.field--name-body p {width: 100%;font-size: 2rem !important;text-align: center}
	#search-block-form input#edit-keys.form-search.form-control::placeholder {
		color: rgba(255,255,255,100%) !important;
	}
	#search-block-form .input-group:before {
		font-family: FontAwesome;
		content: "\f002";
		font-size: 11px;
		color: rgba(255,255,255,100%);
		z-index: 9999999;
		position: absolute;
		left: 25px;
		top: 6px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}	
	#list-familles-metiers > li, .form-result-filters, .form-result-result {width: 100%;padding-right: 0;padding-bottom: 3rem;}
	form#form-centres-interet > ul#list-centres-interet > li {max-width: 49%;}
	#form-result {flex-direction: column;}
	article[about="/accueil"] .field--type-text-with-summary ul,
	article[about="/trouver-un-metier"] .field--type-text-with-summary ul,
	article[about="/je-suis-collegien-lyceen-etudiant"] .field--type-text-with-summary ul {
		justify-content: center;
		gap: 1rem;
	}
	article[about="/trouver-un-metier"] h1 {
		font-size: 2rem;
		margin-top: 2rem;
	}
	details {
	    border-left-width: 10px !important;
	    padding: 10px !important;
	    margin-top: 10px !important;
	}
	summary, details > div {
	    padding: 1rem .5rem 1rem 1.15rem !important;
	}
	summary::before {
	    left: .5rem !important;
	}
	details > summary:focus, details > summary::selection {
		outline-width: 1px !important;
	}
	details > div table {font-size: .85rem;}
	thead {word-break: break-word;}
	td.rotate, th.rotate {
	    vertical-align: middle;
	    text-align: center;
	    width: 37.4023px;
	}
	td.rotate span, th.rotate span {
	    -ms-writing-mode: tb-rl;
	    -webkit-writing-mode: vertical-rl;
	    writing-mode: vertical-rl;
	    transform: rotate(180deg);
	    white-space: nowrap;
	    text-transform: uppercase;
	}
}
@media (min-width: 49rem) {	
	footer .region.region-footer {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin: 0px;
		margin-left: -12.5%;
		margin-right: -12.5%;
	}
	footer .region.region-footer #block-views-block-partenariats-block-1 {
		grid-column: 1 / 4;
		grid-row: 1;
		width: 100%;
	}
	footer .region.region-footer #block-pieddepagegauche {
		grid-column: 1;
		grid-row: 2 / 4;
		text-align: left;
		padding-left: 28% !important;
	}
	footer .region.region-footer #block-pieddepagelogo {
		grid-column: 2;
		grid-row: 2;
		padding-top: 2rem;
	}
	footer .region.region-footer #block-reseauxsociaux {
		grid-column: 2;
		grid-row: 3;
		padding-bottom: 2rem;
		width: 315px !important;
	}
	footer .region.region-footer #block-pieddepage {
		grid-column: 3;
		grid-row: 2 / 4;
		text-align: right;
		padding-right: 28% !important;
	}
	footer .region.region-footer #block-pieddepagecredits {
		grid-column: 1 / 4;
		grid-row: 4;
	}
	.d4c-front-header {
		height: 156px;
		margin-bottom: 40px;
	}
	.d4c-front-header__link-to-odt {
		margin-top: 40px;
		margin-left: 100px;
		display: block;
	}
	.navbar-default #navbar-collapse li a[href="/backoffice"],
	.navbar-default #navbar-collapse li a[href^="/user"],
	.navbar-default #navbar-collapse li a[href^="/user/logout"],
	.navbar-default #navbar-collapse li a[href^="#/user/profil"],
	.navbar-default #navbar-collapse li a[href^="/user/login"],
	.navbar-default #navbar-collapse li a[href^="/user/login"]::after{
		background-color: #185468;
		font-weight: bold;
		color: white;
		right: 0;
		position: fixed;
		width: 12%;
		font-size: 18px;
	}
	header {
		display: flex !important;
		flex-direction: column;
	}
	#navbar-collapse > .region.region-navigation-collapsible > #block-entetelogoctm {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 66px;
	 }
	#navbar-collapse > .region.region-navigation-collapsible > #block-citizena-themes-account-menu {
        justify-self: right;
	}
	#navbar-collapse > .region.region-navigation-collapsible > #block-enteteslogan {
		margin-top: 10px;
	}
}
@media (max-width: 50rem) {
	.accueil-a{
		font-size: 19px;
	}
	.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
		display: inline-block;
		width: 100%;
	}
	#block-chatbot-aide {display: none !important}
	#edit-field-filtre-producteur-value {width: 200px;}
	.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-filtre-producteur-value.js-form-item-field-filtre-producteur-value.form-group label{
		width: unset !important;
		max-width: unset !important;
		margin: 0;
		display: inline-block !important;
	}
	.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-filtre-producteur-value.js-form-item-field-filtre-producteur-value.form-group {
		display: inline !important;
	}
	#block-testjeuxdedonnees {
		margin: 0 !important;
	}
	.path-search.has-glyphicons .main-container.container.js-quickedit-main-content{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.user-register-form.user-form, .user-pass, 
	.simplenews-subscriber-account-form.simplenews-subscriber-form, 
	.user-logged-in.path-user.has-glyphicons article, 
	.user-logged-in.path-user.has-glyphicons .user-form,
	.path-user.has-glyphicons .tabs--primary.nav.nav-tabs {
		margin-left: 0px;
		margin-right: 0px;
	}
    .user-logged-in.path-user.has-glyphicons .file.file--mime-image-png.file--image.icon-before {
    	margin-left: -15px;
    }
    .user-logged-in.path-user.has-glyphicons img {
    	margin-left: auto;
    	margin-right: auto;
    }
    .user-logged-in.path-user.has-glyphicons .button.js-form-submit.form-submit.btn-danger.btn.icon-before{
    	float: right;
        margin-right: -15px;
    }
    .user-logged-in.path-user.has-glyphicons .field.field--name-user-picture.field--type-image.field--label-hidden.field--item {
    	float: unset !important;
    	width: 100%;
    	margin-bottom: 30px;
    	margin-right: 0px;
    }
    #node-documents-edit-form #edit-delete, 
	#node-documents-edit-form #edit-actions button {
		margin-right: 0px !important;
		margin-left: 5px !important;
		font-size: 12px;
	}
}
@media (max-width: 61.875rem) {
	.page-node-type-article article.article.is-promoted .field--name-field-image,
	.page-node-type-zoom-sur article .field--name-field-image,
	.fiche-metier .metier-information > .metier-information-img {
		margin: 0 auto 0;
		width: 100%;
	}
	#block-views-block-block-articles-block-1,
	#block-views-block-zoom-sur-block-1 {
		width: 100%;
		padding: 10% 10% 3% 10% !important;
	}
	#block-views-block-videos-block-1,#block-socialnetwork{
		width: 100%;
		margin: 0;
		display: flex;
		justify-content: center;
	}
	#block-socialnetwork {
		margin: 0;
		padding-left: 10%;
	}
	#block-views-block-videos-block-1 .view-videos > .view-content > .views-row {
		margin-left: -11%;
		margin-right: -11%;
		width: 111%;
	}
	.navbar-default #navbar-collapse li a {
		background-color: #white;
		color: #fff;
		font-size: 13px;
		/* line-height: 35px; */
		/* height: 35px; */
		min-width: 65px;
		padding: 0 15px;
		font-weight: 500;
		font-family: 'Nunito', sans-serif;
	}
	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}
	#search-block-form .input-group {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
	}
	#block-enteteslogan .field.field--name-body p {
		text-align: center;
	}
	.navbar-default #navbar-collapse li a[href^="/user/login"] {
		width: 100%;
		position: relative;
		height: 80px;
		display: flex;
		flex-direction: column;
	}
	.navbar-default #navbar-collapse li a[href^="/user/login"]:before {
		left: 0;
		width: 100%;
	}
	.navbar-default #navbar-collapse li a[href="/backoffice"],
	.navbar-default #navbar-collapse li a[href^="/user"],
	.navbar-default #navbar-collapse li a[href^="/user/logout"],
	.navbar-default #navbar-collapse li a[href^="/user/login"],
	.navbar-default #navbar-collapse li a[href^="/user/login"]::after{
		background-color: transparent;
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.1px;
	}
	.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-profils {width: 49%;}
	.fiche-formation > .formation-contenu > .formation-contact > div,
	.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-offres:not(:nth-child(5)),
	.fiche-formation > .formation-contenu > .formation-description > div,
	.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-emplois,
	.fiche-metier > .metier-inner > .tab-content > .tab-pane > .metier-stat > .list-employeurs {
		width: 100%;
	}	
	.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: .75rem;
		grid-template-areas:
			"title title"
			"contr contr"
			"temps temps"
			"sal appr";
	}
	.fiche-metier > .metier-inner > .tab-content > #statistique > .metier-stat:nth-child(1) > div:nth-child(4) {grid-area: sal; margin:0;}
	article[about="/accueil"] .field--type-text-with-summary h1 {
		justify-content: center;
		margin-top: 3rem !important;
	}
	article[about="/accueil"] {
		background: rgb(1 100 139 / 1);
	}
	article[about="/accueil"] .field.field--name-body {
		justify-content: center;
		flex-direction: column;
	}
	article[about="/accueil"] .field--type-text-with-summary ul{
		width: 100%;
		margin-top: 3rem;
	}
	#je-cherche {
		justify-content: center;
	}
	#je-cherche > h1 {
		margin-top: 3rem;
	}
	#je-cherche > div {
		width: 100%;
	}
	.page-node-type-article .main-container .field--name-body, .page-node-type-zoom-sur .main-container .field--name-body, .fiche-metier > .metier-inner {
		padding: 3rem 0 0 0;
		overflow: hidden;
	}
	.fiche-metier > .metier-inner > ul.nav {
		display: flex;
		overflow: scroll;
		overflow-y: hidden;
		margin-top: 3rem;
	}	
	.fiche-metier > .metier-inner > ul.nav {
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;  /* Firefox */
	}
	.fiche-metier > .metier-inner > ul.nav::-webkit-scrollbar { 
		display: none;  /* Safari and Chrome */
	}
	.fiche-metier > .metier-inner > ul.nav > li {
		background-color: rgb(237 237 237 / 50%);
		border-bottom: 4px solid transparent;
	}
    .fiche-metier > .metier-inner > ul.nav > li {
    	transition: all .5s ease-in-out;
    	display: flex;
    	align-items: center;
    }
    .fiche-metier > .metier-inner > ul.nav > li.active {
    	border-bottom: 4px solid rgb(148 193 31);
    }
    .fiche-metier > .metier-inner > ul.nav > li > a {
    	font-size: 11px;
    	text-align: center;
    	text-transform: uppercase;
    	height: fit-content;
    	width: fit-content;
    	min-width: 10rem;
    	text-decoration: none !important;
    	color: #313131;
    }
}
@media (min-width: 61.875rem) {	
	.page-node-type-article article.article.is-promoted .field--name-field-image,
	.page-node-type-zoom-sur article .field--name-field-image,
	.fiche-metier .metier-information > .metier-information-img {
	margin: 0 auto -10rem;
	/* min-width: calc(795px + 15rem); */
	height: 200px;
	width: 200px;
	display: grid;
	position: absolute;
	right: calc(50% - -26rem);
	}
	article[about="/accueil"] {
		background: rgb(1 100 139 / 0.2);
	}
	article[about="/accueil"] .field.field--name-body {
		justify-content: flex-start;
	}
	article[about="/accueil"] .field--type-text-with-summary ul{width: 80%;}
	#je-cherche > div {width: 70%;margin-left: auto;}
	article[about="/metier"] {
		width: 98vw !important;
		margin-left: calc(-48vw + 48%);
	}
	
	.page-node-type-article article.article.is-promoted .field--name-body,
	.page-node-type-article article.article.is-promoted > footer,
	.page-node-type-article article.article.is-promoted .field--type-entity-reference,
	.page-node-type-zoom-sur article .field--name-body,
	.page-node-type-zoom-sur .region.region-header,
	.page-node-type-zoom-sur article > footer,
	.page-node-type-zoom-sur article .field--type-entity-reference,
	.fiche-metier > #metier-precis,
	.fiche-metier > .metier-inner,
	.fiche-metier > .metier-information h1 {
		max-width: 755px;
		margin: 0 auto;
	}
	.page-node-type-article .main-container .field--name-body,
	.page-node-type-zoom-sur .main-container .field--name-body,
	.fiche-metier > .metier-inner {
		width: 50%;
		transform-style: preserve-3d;
		height: fit-content;
		min-height: 125vh;
	}
	.page-node-type-article .main-container .field--name-body::after,
	.page-node-type-zoom-sur .main-container .field--name-body::after,
	.fiche-metier > .metier-inner::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 13rem;
		box-shadow: 0 0 20px rgb(39 44 49 / 15%);
		transform: translateZ(-1px);
	}
	.fiche-metier > .metier-inner > ul.nav {
		float: right;
		right: -3rem;
		top: 10rem;
		width: 3rem;
		position: absolute;
	}
	.fiche-metier > .metier-inner > ul.nav > li {
		writing-mode: vertical-rl;
		text-orientation: mixed;
		border-top: 1px solid #313131;
		border-right: 1px solid #313131;
		border-bottom: 1px solid #313131;
		border-radius: 0 0 15px 0;
		background-color: #94C11F;
	}
	.fiche-metier > .metier-inner > ul.nav > li:not(:nth-child(1)) {
		padding-top: 3rem;
		margin-top: -3rem;		
	}
    .fiche-metier > .metier-inner > ul.nav > li {
    	transition: all .5s ease-in-out;
    }
    .fiche-metier > .metier-inner > ul.nav > li:nth-child(1) {
    	z-index: 9;
    }
    .fiche-metier > .metier-inner > ul.nav > li:nth-child(2) {
    	z-index: 8;
    }
    .fiche-metier > .metier-inner > ul.nav > li:nth-child(3) {
    	z-index: 7;
    }
    .fiche-metier > .metier-inner > ul.nav > li:nth-child(4) {
    	z-index: 6;
    }
    .fiche-metier > .metier-inner > ul.nav > li:nth-child(5) {
    	z-index: 5;
    }
    .fiche-metier > .metier-inner > ul.nav > li.active {
    	background-color: #fff;
		border-top: 1px solid #E2E2E2;
		border-right: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
    }
    .fiche-metier > .metier-inner > ul.nav > li > a {
    	border-radius: 9px 9px 0 0;
    	height: fit-content;
    	align-self: center;
    	border:  unset;
    	font-size: 13px;
    	width: 100%;
    	text-decoration: none !important;
    	padding: 22px 11px;
    	color: #313131;
    }
    .fiche-metier > .metier-inner > ul.nav > li:not(.active):hover {
		background-color: #81a71f;
	}
    .fiche-metier > .metier-inner > ul.nav > li:not(.active) > a:hover {
		color: #fff;
	}
}
@media (min-width: 48rem) and (max-width: 82rem) {
	#block-citizena-themes-main-menu ul.dropdown-menu li a {
		font-size: 1rem;
		line-height: 2rem;
		height: unset;
		width: unset !important;
	}
	#list-familles-metiers > li {width: 100%;}
}
@media (min-width: 82rem) {
	#block-citizena-themes-main-menu ul.dropdown-menu li a {
		font-size: 1.1rem;
		line-height: 2rem !important;
		height: 2rem !important;
		width: unset !important;
		padding: 0 10px;
	}
}
@media (min-width: 56.25rem) {
	.region.region-header {
		margin-top: 160px;
	}
	.path-node.page-node-type-page .region.region-content,
	.path-les-metiers-en-video .region.region-content,
	.path-trouver-un-metier .region.region-header,
	.path-trouver-un-metier .region.region-content,
	.path-decouvrir-un-metier .region.region-content,
	.path-trouver-une-formation .region.region-header,
	.path-trouver-une-formation .region.region-content,
    .page-node-type-formation .region.region-header,
    .page-node-type-formation .region.region-content,
    .path-rechercher-une-formation-initiale .region.region-header,
    .path-rechercher-une-formation-initiale .region.region-content,
    .path-videos .region.region-header,
    .path-videos .region.region-content,
    .page-node-type-forum .region.region-header, 
    .page-node-type-forum .region.region-content,
    .path-forum .region.region-header, 
    .path-forum .region.region-content,
    .page-node-type-news .region.region-header, 
    .page-node-type-news .region.region-content,
    .path-espace-partenaire .region.region-header,
    .path-espace-partenaire .region.region-content,
    .path-espace-professionnel .region.region-header,
    .path-espace-professionnel .region.region-content,
    .path-contact .region.region-header,
    .path-contact .region.region-content,
    .path-user .region.region-header,
    .path-user .region.region-content,
	.page-node-type-zoom-sur-un-metier .region.region-header,
	.page-node-type-zoom-sur-un-metier .region.region-content {
		margin-left: 25%;
		margin-right: 25%;
	}	
	.page-node-type-carte .region.region-header,
	.page-node-type-carte .region.region-content {
		margin-left: 20%;
		margin-right: 20%;
	}	
	.path-offres .region.region-content {
		margin-left: 5%;
		margin-right: 5%;
	}	
	.page-node-type-carte .paragraph--type--carte d4c-dataset-context {
	    grid-template-areas:
	        'filtres carte';
	    grid-template-columns: 1fr 2.5fr;
	}
	.page-node-type-carte .paragraph--type--carte d4c-facets {
	    height: 560px;
	}
	.page-node-type-carte .d4cwidget-map {
		height: 560px;
	}
	.page-node-type-carte .field--name-field-graphique-1-2,
	.page-node-type-carte .field--name-field-graphique-2-2 {
		width: calc(50% - (1.5rem / 2));
	}
	.page-node-type-carte .field--name-field-graphique-1-3,
	.page-node-type-carte .field--name-field-graphique-2-3,
	.page-node-type-carte .field--name-field-graphique-3-3 {
		width: calc((100% / 3) - (3rem / 3));
	}
	.view-id-bibliotheque_des_videos {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}
	.view-id-bibliotheque_des_videos .view-header {
		order: 2;
		display: flex;
		align-items: center;
	}
	.view-id-bibliotheque_des_videos .view-filters {
		order: 1;
		margin-bottom: 0 !important;
	}
	#node-offre-form, #node-documents-form, #node-agenda-actions-en-cours-form, #node-temoignage-form {
		margin-left: 25%;
		margin-right: 25%;
	}	
	.button-add-video {margin-bottom: 0 !important;margin-top: 26.49px;}
	.path-node.page-node-type-page .region.region-header,
	.path-les-metiers-en-video .region.region-header,
	.path-trouver-un-dispositif .region.region-header,
	.path-collegien-ou-lyceen .region.region-header, 
	.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .region.region-header, 
	.path-demandeur-d-emploi .region.region-header, 
	.path-actif-salarie-actif-non-salarie .region.region-header,
	.path-aide-en-recherche-d-alternance .region.region-header,
	.page-node-type-article .region.region-header,
	.path-agenda .region.region-header,
	body[class*='page-node-type-agenda'] .region.region-header,
	.path-decouvrir-un-metier .region.region-header {
		background: url('/sites/default/files/inline-images/%E2%80%94Pngtree%E2%80%94memphis%20decorative%20pattern%20pattern%20memphis_3927462.png'), rgb(1 100 139 / 1);
		min-height: 15rem;
		background-repeat: no-repeat;
		background-size: 40% auto, cover;
		background-position: right;
		display: flex;
		flex-direction: column;
		padding: 0 25%;
		justify-content: center;
		margin-bottom: 4rem;
	}
	.path-node.page-node-type-page .region.region-header .breadcrumb li,
	.path-node.page-node-type-page .region.region-header .breadcrumb a,	
	.path-node.page-node-type-page .region.region-header h1.page-header,
	.path-les-metiers-en-video .region.region-header h1.page-header,
	.path-trouver-un-dispositif .region.region-header h1.page-header,
	.path-collegien-ou-lyceen .region.region-header h1.page-header, 
	.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .region.region-header h1.page-header, 
	.path-demandeur-d-emploi .region.region-header h1.page-header, 
	.path-actif-salarie-actif-non-salarie .region.region-header h1.page-header,
	.path-aide-en-recherche-d-alternance .region.region-header h1.page-header,
	.page-node-type-article .region.region-header h1.page-header,
	.page-node-type-article .region.region-header .breadcrumb li,
	.page-node-type-article .region.region-header .breadcrumb a,
	.path-agenda .region.region-header h1.page-header,
	.path-agenda .region.region-header .breadcrumb li,
	.path-agenda .region.region-header .breadcrumb a,
	body[class*='page-node-type-agenda'] .region.region-header h1.page-header,
	body[class*='page-node-type-agenda'] .region.region-header .breadcrumb li,
	body[class*='page-node-type-agenda'] .region.region-header .breadcrumb a,
	.path-decouvrir-un-metier .region.region-header h1.page-header,
	.path-decouvrir-un-metier .region.region-header .breadcrumb li,
	.path-decouvrir-un-metier .region.region-header .breadcrumb a {
		color: #fff !important;
	}
	.path-node.page-node-type-page .region.region-header h1.page-header,
	.path-trouver-un-dispositif .region.region-header h1.page-header,
	.path-collegien-ou-lyceen .region.region-header h1.page-header,
	.path-les-metiers-en-video .region.region-header h1.page-header, 
	.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .region.region-header h1.page-header, 
	.path-demandeur-d-emploi .region.region-header h1.page-header, 
	.path-actif-salarie-actif-non-salarie .region.region-header h1.page-header,
	.path-aide-en-recherche-d-alternance .region.region-header h1.page-header,
	.path-agenda .region.region-header h1.page-header,
	body[class*='page-node-type-agenda'] .region.region-header h1.page-header,
	.path-decouvrir-un-metier .region.region-header h1.page-header {
		margin-top: 0 !important;
	}
	.page-node-type-article article.article.is-promoted section,
	.page-node-type-zoom-sur article section,
	.path-trouver-un-dispositif .region.region-content,
	.path-collegien-ou-lyceen .region.region-content, 
	.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .region.region-content, 
	.path-demandeur-d-emploi .region.region-content, 
	.path-actif-salarie-actif-non-salarie .region.region-content,
	.path-aide-en-recherche-d-alternance .region.region-content,
	.path-agenda .region.region-content,
	body[class*='page-node-type-agenda'] .region.region-content,
	.page-node-type-video .region.region-content,
	.page-node-type-video .region.region-header {
		padding: 0 25%;
	}
	.path-bibliotheque-des-videos .region.region-header,
	.path-toutes-les-videos .region.region-header,
	.path-articles .region.region-header,
	.path-offres .region.region-header {
		margin-top: 160px !important;
	}
	.path-bibliotheque-des-videos .region.region-header,
	.path-bibliotheque-des-videos .region.region-content,
	.path-toutes-les-videos .region.region-header,
	.path-toutes-les-videos .region.region-content {
		margin: 0 15%;
	}
	.path-bibliotheque-des-videos .view-content .views-row,
	.path-toutes-les-videos .view-content .views-row {
		width: calc((100% / 3) - 14px);
	}
	.breadcrumb {
		margin: 20px 0px 2rem;
	}
	article[about="/mentions-legales"] {
		margin: 0 10% !important;
	}
	article[about="/mentions-legales"] h1 {
		text-align: center;
		font-size: 4vw;
		margin-bottom: 5rem; 
	}
	article[about="/mentions-legales"] .ml-contacts-inner {
		width: 60%;
	}
	article[about="/mentions-legales"] .ml-contacts-img {
		width: 30%;
	}
	article[about="/mentions-legales"] .ml-contacts-img img {
		width: 80%;
		height: auto;
		float: right;
	}
	.path-contact #edit-field-prenom-de-l-expediteur-wrapper, 
	.path-contact #edit-field-nom-de-l-expediteur-wrapper,
	.path-contact .form-item.js-form-item.form-type-email.js-form-type-email.form-item-mail.js-form-item-mail.form-group,
	.path-contact #edit-mail,
	.path-contact #edit-field-telephone-wrapper {
		width: calc(50% - 8px);
	}
	.path-contact #edit-field-prenom-de-l-expediteur-wrapper,
	.path-contact .form-item.js-form-item.form-type-email.js-form-type-email.form-item-mail.js-form-item-mail.form-group,
	.path-contact #edit-mail {
		margin-right: 8px !important;
	}
	.path-contact #edit-field-nom-de-l-expediteur-wrapper,
	.path-contact #edit-field-telephone-wrapper {
		margin-left: 8px !important;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before .views-element-container.form-group{
		position: sticky;
		top: 21rem;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before {
		width: 30%;
	}
	.path-foire-aux-questions .region.region-content .view-content {
		width: 70%;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content:before {
		content: "Contenu";
		font-size: 25px !important;
		color: #707070;
		margin-bottom: 20px;
	}
	.path-foire-aux-questions .region.region-content .view-content:before {
	    font-size: 4rem;
	}
	.view.view-glossary.view-id-glossary.view-display-id-page_2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.path-glossaire .attachment.attachment-before {
		width: 25%;
	}
	.path-glossaire .attachment.attachment-before .view-content{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.path-glossaire .attachment.attachment-before .views-element-container.form-group{
		position: sticky;
		top: 30rem;
	}
	.path-glossaire .view.view-glossary.view-id-glossary .view-content{
		width: 75%;
	}
	#block-views-block-zoom-sur-block-2 .views-row {
		display: grid;
		grid-template-columns: .75fr 1fr;
	}
	#block-views-block-zoom-sur-block-2 .views-field-title,
	#block-views-block-zoom-sur-block-2 .views-field-body {
		grid-column: 1;
	}
	#block-views-block-zoom-sur-block-2 .views-field-body {
		align-self: start;
		margin-bottom: 3rem;
		z-index: 9;
	}
	#block-views-block-zoom-sur-block-2 .views-field-field-image {
		grid-column: 2;
		grid-row: 1/3;
		align-self: start;
		position: sticky;
		top: 18rem;
		margin-left: 2rem;
	}
	#block-views-block-zoom-sur-block-2 .views-field-title {
		margin-top: 3rem;
		z-index: 9;
	}
	.path-les-metiers-en-video .view-header > img,
	.path-toutes-les-videos .view-header > img  {
		margin-left: auto;
	}
	.path-carte .d4c-modal__window {margin: 380px auto !important;}
}
@media (max-width: 56.25rem) {
	.path-node.page-node-type-page .region.region-header,
	.path-node.page-node-type-page .region.region-content,
	.path-les-metiers-en-video .region.region-header,
	.path-les-metiers-en-video .region.region-content,
	.path-trouver-un-dispositif .region.region-header,
	.path-trouver-un-dispositif .region.region-content,
	.path-collegien-ou-lyceen .region.region-header, 
	.path-collegien-ou-lyceen .region.region-content, 
	.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .region.region-header, 
	.path-bachelier-ou-titulaire-dun-diplome-equivalent-etudiant .region.region-content, 
	.path-demandeur-d-emploi .region.region-header, 
	.path-demandeur-d-emploi .region.region-content, 
	.path-actif-salarie-actif-non-salarie .region.region-header, 
	.path-actif-salarie-actif-non-salarie .region.region-content,
	.path-aide-en-recherche-d-alternance .region.region-header,
	.path-aide-en-recherche-d-alternance .region.region-content,
	.path-trouver-un-metier .region.region-header,
	.path-trouver-un-metier .region.region-content,
	.path-decouvrir-un-metier  .region.region-header,
	.path-decouvrir-un-metier .region.region-content,
	.path-trouver-une-formation .region.region-header,
	.path-trouver-une-formation .region.region-content,
    .page-node-type-formation .region.region-header,
    .page-node-type-formation .region.region-content,
    .path-rechercher-une-formation-initiale .region.region-header,
    .path-rechercher-une-formation-initiale .region.region-content,
    .path-videos .region.region-header,
    .path-videos .region.region-content,
    .page-node-type-forum .region.region-header, 
    .page-node-type-forum .region.region-content,
    .path-forum .region.region-header, 
    .path-forum .region.region-content,
    body[class*='page-node-type-agenda'] .region.region-header,
    body[class*='page-node-type-agenda'] .region.region-content,
    .page-node-type-news .region.region-header, 
    .page-node-type-news .region.region-content,
    .path-espace-partenaire .region.region-header,
    .path-espace-partenaire .region.region-content,
    .path-contact .region.region-header,
    .path-contact .region.region-content,
    .path-user .region.region-header,
    .path-user .region.region-content,
	.page-node-type-zoom-sur-un-metier .region.region-header,
	.page-node-type-zoom-sur-un-metier .region.region-content,
	.path-bibliotheque-des-videos .region.region-header,
	.path-bibliotheque-des-videos .region.region-content,
	.path-toutes-les-videos .region.region-header,
	.path-toutes-les-videos .region.region-content,
	.page-node-type-video .region.region-content,
	.page-node-type-video .region.region-header,
	.page-node-type-carte .region.region-header,
	.page-node-type-carte .region.region-content {
		margin-left: 20px !important;
		margin-right: 20px !important;
	} 
	.page-node-type-carte .paragraph--type--carte d4c-facets {
		max-height: 350px;
	}
	.page-node-type-carte .paragraph--type--carte d4c-dataset-context {
		grid-template-areas:
		'filtres' 
		'carte';
	}
	.path-bibliotheque-des-videos .view-content .views-row,
	.path-toutes-les-videos .view-content .views-row {
		width: 100%;
	}
	.page-node-type-carte .field--name-field-graphiques > .field--item > * {
		flex-direction: column;
	}
	.page-node-type-carte .field--name-field-graphique-1-2,
	.page-node-type-carte .field--name-field-graphique-2-2,
	.page-node-type-carte .field--name-field-graphique-1-3,
	.page-node-type-carte .field--name-field-graphique-2-3,
	.page-node-type-carte .field--name-field-graphique-3-3 {
		width: 100%;
	}
	.view-id-bibliotheque_des_videos {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 20px;
	}
	.view-id-bibliotheque_des_videos .view-header {
		order: 1;
		width: 100%;
	}
	.view-id-bibliotheque_des_videos .view-filters {
		order: 2;
		margin-bottom: 0 !important;
		width: 100%;
	}
	#edit-field-categorie-value {width: 100% !important;}
	.form-item-field-categorie-value > * {width: 100% !important;}
	.page-node-type-article article.article.is-promoted section,
	.page-node-type-zoom-sur article section{
		padding: 0 10%;
	}
	.breadcrumb {
		margin: 20px 0px 2rem;
	}
	.div-wrapper-flex-col{
		width: 100% !important;
		margin: 0 !important;
		flex-wrap: wrap;		
		background: linear-gradient(225deg, rgb(16 116 188 / 15%), rgb(255 255 255 / 0%));
		padding: 2rem 10% !important;
	}
	#block-citizena-themes-views-block-carte-des-operateurs-block-1 {
		margin-bottom: 7rem !important;
		overflow: hidden;
	}
	#block-citizena-themes-views-block-carte-des-operateurs-block-1 .container-fluid {
		padding: 0 !important;
	}
	#block-pieddepage {
		height: 200px
	}	
    .menu.menu--footer.nav li{
        display: block;        
    }
    .menu.menu--footer.nav {
    	width: 40%;
    }
    #block-pieddepage:after{
    	content: "";
    	background-image: url(/sites/default/files/inline-images/imageedit_10_5848087077.png);
    	background-size: auto 30%;
    	background-repeat: no-repeat;
    	background-position: 100% 50%;
        width: 60%;
        height: 100%;
    }
    .menu.menu--footer.nav li:not(.last){
        border-right: unset;
    }
    .menu.menu--footer.nav li a{
    	font-size: 12px;
    }
	article[about="/mentions-legales"] {
		margin: 0!important;
	}
	article[about="/mentions-legales"] h1 {
		text-align: center;
		font-size: 4rem;
		margin-bottom: 5rem; 
	}
	article[about="/mentions-legales"] .ml-contacts-img img {
		width: 50%;
		height: auto;
	}
	.path-contact #edit-field-prenom-de-l-expediteur-wrapper, 
	.path-contact #edit-field-nom-de-l-expediteur-wrapper,
	.path-contact .form-item.js-form-item.form-type-email.js-form-type-email.form-item-mail.js-form-item-mail.form-group,
	.path-contact #edit-mail,
	.path-contact #edit-field-telephone-wrapper,
	article[about="/mentions-legales"] .ml-contacts-inner,
	article[about="/mentions-legales"] .ml-contacts-img,
	.path-foire-aux-questions .region.region-content .view-content	{
		width: 100%;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before {
		width: 100%;
		margin-bottom: 3rem;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content:before {
		content: "";
		margin-bottom: 0;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content {
		display: flex;
		flex-wrap: wrap;
	}
	.path-foire-aux-questions .region.region-content .view-content:before {
	    font-size: 3rem;
	}
	.path-foire-aux-questions .region.region-content .attachment.attachment-before .view-content a {
		margin-bottom: 15px !important;
	}
	.path-glossaire .region.region-header,
	.path-glossaire .region.region-conten,
	.path-contact .region.region-content,
	.path-contact .region.region-header{
		margin: 0 10%;
	}
	.path-glossaire .attachment.attachment-before .view-content{
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		margin: 3rem 0;
	}
	.path-decouvrir-un-metier article.zoom-sur-un-metier h2 {
		font-size: 2rem;
	}
	.path-les-metiers-en-video .view-header,
	.path-toutes-les-videos .view-header {
		flex-wrap: wrap;
	}
	.path-les-metiers-en-video .view-header > img,
	.path-toutes-les-videos .view-header > img  {
		margin-top: 10px;
	}
}
@media (min-width: 31.25rem) {
	#search-block-form {
		margin-left: 1%;
	}
	#search-block-form input {
    	max-width: 100%;
    	width: 17em;
    	background: rgba(255,255,255,15%);
    	border: transparent;
    	border-radius: 5px;
    	padding-left: 40px;
    	padding-top: 4px;
    	padding-bottom: 4px;
    	color: #fff;
    	height: unset !important;
    	line-height: 1.775rem;
 }
	#search-block-form input#edit-keys.form-search.form-control::placeholder {
		color: rgba(255,255,255,50%) !important;
	}
	#search-block-form .input-group:before {
    	font-family: FontAwesome;
    	content: "\f002";
    	font-size: 14px;
    	color: rgba(255,255,255,50%);
    	z-index: 9999999;
    	position: absolute;
    	left: 12px;
    	top: 6px;
	}
	#search-block-form .input-group:hover:before,
	#search-block-form .input-group:focus-within:before {
		color: #fff;
	}
	#search-block-form .form-control:focus {
		box-shadow: unset !important;
	}
	#search-block-form .input-group-btn {
		display: none;
	}
}
@media (min-width: 31.25rem) and (max-width: 68rem){
	article[about="/accueil"] .field--type-text-with-summary ul li > div {
		width: 8rem;
		height: 8rem;
	}
	article[about="/accueil"] .field--type-text-with-summary ul li p {
		font-size: 13px;
		padding: 6px;
		min-height: 63px;
	}
	article[about="/accueil"] .field--type-text-with-summary ul li {
		width: 8rem;
	}
	article[about="/accueil"] .field--type-text-with-summary h1, 
	#je-cherche > h1, 
	#block-views-block-zoom-sur-block-1 > h2.block-title, 
	#block-citizena-themes-views-block-carte-des-operateurs-block-1 > h2.block-title, 
	#block-flourishaccueil > h2.block-title, 
	#block-views-block-agenda-block-1 > h2.block-title, 
	#block-views-block-agenda-block-2 > h2.block-title, 
	#block-views-block-partenariats-block-1 > h2.block-title, 
	#block-views-block-block-articles-block-1 > h2.block-title
	#block-views-block-block-articles-block-2 > h2.block-title, {
        font-size: 2.5rem;
	}
	#block-flourishaccueil > .field.field--name-body > p {font-size: 1rem;}
	#je-cherche > div > div {
		width: 9rem;
		height: calc(100px + 1rem);
	}
	#je-cherche > div > div > img {
		width: 50%;
	}
	#je-cherche > div > div > h2 {
		font-size: 1rem;
		line-height: 1.2rem !important;
	}
}
@media (max-width: 68rem){
    .page-node-type-dispositif-d-aide .main-container > div:nth-child(1) {
    	position: relative;
    	padding: 5% 10%;
	}
}
@media (min-width: 68rem){
	.page-node-type-dispositif-d-aide .main-container > div:nth-child(1) > section, .page-node-type-dispositif-d-aide .main-container > div:nth-child(1) > div[role="heading"]:not(.shrink) {
    	position: relative;
    	padding: 0 15% !important;
    }
	#article-nav {
    	width: 30%;
    }
	#article-nav > ul {
    	position: sticky;
    	top: 15rem;
    }
    .page-node-type-dispositif-d-aide .main-container section {
    	display: flex;
    }
	.page-node-type-dispositif-d-aide .region-content {
		width: 70%;
		padding-left: 3rem;
	}
}
@media (max-width: 75rem) and (min-width: 43.75rem) {
	.dispositif-d-aide.is-promoted.teaser {
		position: relative;
	}
}
@media (max-width: 62.5rem) {	
	article[about="/about"] #div-ifarme,
	article[about="/about"] #spot-loi-img,
	article[about="/about"] #ctm-img,
	article[about="/about"] #ctm-inner img {
		width: 100%;
	}
	article[about="/about"] h1 {
		font-size: 3.5vw;
	}
	article[about="/about"] h2 {
	    font-size: 3vw;
	}
	article[about="/about"] #spot-loi-img img{
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	article[about="/about"] #ctm {
		width: 100%;
		position: relative:
	}
    article[about="/about"] #ctm-img img {
    	width: 100%;
    	margin: 1rem auto;
    }
}
@media (max-width: 75rem) {
	#block-views-block-block-articles-block-1
	#block-views-block-zoom-sur-block-1 {
		width: 100%;
		padding: 5% 10% 3% 10%;
	}
	#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-image {
		width: 7rem;
		height: 7rem;
	}
	#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-title,
	#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-title,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-description,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-body {
		width: calc(100% - 9rem);
	}
	#flourish-agenda {gap: 0;}
	#block-flourishaccueil, #block-views-block-agenda-block-1, #block-views-block-agenda-block-2 {width: 100%;}
}
@media (min-width: 75rem) and (max-width: 85rem) {
	#block-views-block-block-articles-block-1 {
		padding: 3% 0% 3% 10%;
		width: 55%
	}
	#block-views-block-zoom-sur-block-1 {
		padding: 3% 10% 3% 5%;
		width: 45%
	}
	#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-field-image,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-image {
		width: 10rem;
		height: 10rem;
	}
	#block-views-block-block-articles-block-1 .form-group > .view.view-block-articles > .view-content .views-field.views-field-body,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-field-titre-description,
	.view-decouvrir-un-metier > .view-content .views-field.views-field-body  {
		width: calc(100% - 12rem);
	}
	#flourish-agenda {gap: 0;}
	#block-flourishaccueil, #block-views-block-agenda-block-1, #block-views-block-agenda-block-2 {width: 100%;}
}
@media (min-width: 62.5rem) {
	article[about="/about"] .column-left,
	article[about="/about"] #ctm-img {
		width: 40%;
	padding-right: 2rem;}
	article[about="/about"] #div-ifarme,
	article[about="/about"] #spot-loi-inner	{
		width: 60%;
    	
	}
	article[about="/about"] h1 {
		font-size: 2.8rem;
	}
	article[about="/about"] #spot-loi-container {
		margin: 3rem 10%;
		display: flex;
	}
	article[about="/about"] #spot-loi-img,
	article[about="/about"] #pour-qui-img {
		width: 15rem;
		position: relative;
		padding: 0;
	}
	article[about="/about"] #ctm-img {
		width: 25rem;
		position: relative;
		padding: 0;
	}
	article[about="/about"] #spot-loi-img img{
		width: 100%;
		position: sticky;
		top: 30%;
	}
	article[about="/about"] h2 {
	    font-size: 2rem;
	}
	article[about="/about"] #spot-two-col h2 {
		display: block;
		width: 100%;
		text-align: right;
	}
	article[about="/about"] #mise-spot h2 {
        display: block;
        width: 50%;
        margin-left: 10rem !important;
        margin-right: auto !important;margin-top: 5rem !important;
    }
    article[about="/about"] #mise-spot {
    	display: flex;
    	flex-wrap: wrap;
    	margin: 0 5%;
    }
    article[about="/about"] #mise-spot-img,
	article[about="/about"] #mise-spot-inner {
    	width: 20rem; 
    }
	article[about="/about"] #spot-loi-inner {background-color: #FFFEE7; border-left: 5px solid #ffdd00;margin-left: -2rem;margin-top: 3rem;margin-bottom: 3rem;width: calc(100% - 13rem);padding: 3rem;}
    article[about="/about"] #spot-loi-inner h2,
	article[about="/about"] #spot-two-col-inner h2{margin-top: 0 !important}
	article[about="/about"] #mise-spot-inner {background-color: #FFF3EC; border-left: 5px solid #e94e1b;margin-left: -2rem;margin-top: 3rem;margin-bottom: 3rem;width: calc(100% - 18rem);padding: 2rem;z-index: 9;}
	article[about="/about"] #mise-spot-img img,
	article[about="/about"] #pour-qui-img img,
	article[about="/about"] #ctm-img img {
    	position: sticky; 
    	top: 30%;
		width: 100%;
    }
	article[about="/about"] #spot-two-col-inner {
		background-color: #FDF5E6; 
		border-right: 5px solid #f2920a;
		margin-right: -2rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
		width: calc(100% - 13rem);
		padding: 3rem;
	}
    article[about="/about"] #ctm h2 {
    	display: block;
    	margin-left: 20% !important;
    	width: 40%;
    	margin-right: 40% !important;
    }
	article[about="/about"] #ctm-inner {
		background-color: #ECF3F8; 
		border-right: 5px solid #1b6f8a;
		margin-right: -2rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
		width: calc(100% - 23rem);
		padding: 3rem;
	}
    article[about="/about"] #ctm-inner img {
    	display: block;
    	margin: 3rem auto;
    	width: calc(100% - 6rem);
    }
    article[about="/about"] #nous-trouver {
    	display: flex;
    	flex-wrap: wrap;
    	align-items: center;
    	gap: 0 3rem;
    	width: 100%;
    }
    article[about="/about"] #nous-trouver-iframe {
    	width: calc(70% - 1.5rem);
    }
    article[about="/about"] #nous-trouver-inner {
    	width: calc(30% - 1.5rem);
    
    }
	.field.field--name-field-partenaire.field--type-entity-reference-revisions.field--label-above .field--items .field--item {
		width: calc(33.3% - 5px);
	}
}
@media (max-width: 48rem) {
    div[role="main"] #main.widget-opendata .form-group {
        left: 14px;
        width: unset;
        max-width: 22rem;
        top: 2.5rem !important;
    }
    div[role="main"] #main.widget-opendata #filter h1 {
    	left: 14px;
    }
    div[role="main"] #main.widget-opendata #filter {
    	padding-top: 5.75rem;
    }
	article[about="/accueil"] .field--type-text-with-summary ul,
	#je-cherche > div {
		justify-content: center;
		gap: 1rem;
	}

}
@media (min-width: 48rem) {
    div[role="main"] #main.widget-opendata {
        max-width: 50rem;
        padding-top: 0 !important;
    }
    div[role="main"] #main.widget-opendata #filter {
        width: 18.75rem;
        margin: 0;
        padding-left: 15px;
    }  
    div[role="main"] #main.widget-opendata .col-md-10 {
        width: calc(100% - 18.75rem);
        padding-left: 1.75rem;
    }
    div[role="main"] #main.widget-opendata #filter h1 {
        left: 21.75rem;
        width: 100%;
    }
    #main.widget-opendata #datasets {
        padding-top: 5.25rem;
        padding-left: 1.25rem;
    }
    div[role="main"] #main.widget-opendata .form-group {
        left: 21.75rem;
        width: unset;
        max-width: 16rem;
        top: 2.5rem !important;
    }
    div[role="main"] #main.widget-opendata .col-md-10 #datasets > div {
    	width: 100%;
    }
}
@media (min-width: 66.25rem) {	
    div[role="main"] #main.widget-opendata {
        max-width: 80rem;
    }
    div[role="main"] #main.widget-opendata .form-group {
        left: unset;
        right: 15px !important;
        width: unset;
        min-width: 18rem;
        top: 0 !important;
    }
    div[role="main"] #main.widget-opendata .col-md-10 #datasets > div {
    	width: 49%;
    }
}
@media (min-width: 87.5rem) {
    div[role="main"] #main.widget-opendata .col-md-10 {
        max-width: 100%;
    }
     div[role="main"] #main.widget-opendata {
        max-width: 109rem;
    }
    div[role="main"] #main.widget-opendata .col-md-10 #datasets > div {
    	width: 32%;
    }
}

/*color per row*/
@media (max-width: 66.25rem) {
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+1):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+1):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+1) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+2):hover {
		border: 1px solid rgb(233 78 27 / 15%) !important;
		background: rgb(233 78 27 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+2):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(233 78 27) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+2) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(233 78 27) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+3):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+3):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(149 193 31) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+3) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(149 193 31) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+4):hover {
		border: 1px solid rgba(16 116 188 / 15%) !important;
		background: rgb(16 116 188 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+4):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(16 116 188) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(4n+4) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(6 116 188) !important;
	}
	.iframepdf {
		height: 45rem;
	}
}
@media (min-width: 66.25rem) and (max-width: 87.5rem) {
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(-n+2):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(-n+2):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(-n+2) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+3):nth-child(-n+4):hover {
		border: 1px solid rgb(233 78 27 / 15%) !important;
		background: rgb(233 78 27 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+3):nth-child(-n+4):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(233 78 27) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+3):nth-child(-n+4) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(233 78 27) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+5):nth-child(-n+6):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+5):nth-child(-n+6):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(149 193 31) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+5):nth-child(-n+6) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(149 193 31) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+7):nth-child(-n+8):hover {
		border: 1px solid rgba(16 116 188 / 15%) !important;
		background: rgb(16 116 188 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+7):nth-child(-n+8):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(16 116 188) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+7):nth-child(-n+8) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(16 116 188) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+9):nth-child(-n+10):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+9):nth-child(-n+10):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+9):nth-child(-n+10) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+11):nth-child(-n+12):hover {
		border: 1px solid rgb(233 78 27 / 15%) !important;
		background: rgb(233 78 27 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+11):nth-child(-n+12):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(233 78 27) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+11):nth-child(-n+12) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(233 78 27) !important;
	}
	.iframepdf {
		height: 55rem;
	}
}
@media (min-width: 87.5rem) {
    /*4th row*/
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+10):nth-child(-n+12):hover {
		border: 1px solid rgba(16 116 188 / 15%) !important;
		background: rgb(16 116 188 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+10):nth-child(-n+12):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(16 116 188) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+10):nth-child(-n+12) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(16 116 188) !important;
	}
    /*3d row*/
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+7):nth-child(-n+9):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+7):nth-child(-n+9):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(149 193 31) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+7):nth-child(-n+9) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(149 193 31) !important;
	}
    /*2nd row*/
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+4):nth-child(-n+6):hover {
		border: 1px solid rgb(233 78 27 / 15%) !important;
		background: rgb(233 78 27 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+4):nth-child(-n+6):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(233 78 27) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(n+4):nth-child(-n+6) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(233 78 27) !important;
	}
    /*1rst row*/
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(-n+3):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(-n+3):hover > .box_1 > div > .box_4 > .inner .dataset-h2 a {
		color: rgb(242 146 10) !important;
	}
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:nth-child(-n+3) > .box_1 > .infos > ul.jetons > li {
		background-color: rgb(242 146 10) !important;
	}
	.iframepdf {
		height: 67rem;
	}
}

	
@media (max-width: 66.25rem) {
	.view-trouver-un-dispositif .view-content .views-row {width: 100%;}
	.fiche-metier #list-formations > li {width: 100%;}
	.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row {width: 100% !important;}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(3n+1):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(3n+1):hover > .views-field-title a {
		color: rgb(242 146 10) !important;
	}

	.view-trouver-un-dispositif .view-content .views-row:nth-child(3n+2):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(3n+2):hover > .views-field-title a {
		color: rgb(149 193 31) !important;
	}
	
	.view-trouver-un-dispositif .view-content .views-row:nth-child(3n+3):hover {
		border: 1px solid rgba(16 116 188 / 15%) !important;
		background: rgb(16 116 188 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(3n+3):hover > .views-field-title a {
		color: rgb(16 116 188) !important;
	}
}
@media (min-width: 66.25rem) and (max-width: 87.5rem) {
	.view-trouver-un-dispositif .view-content .views-row {width: calc((100% - 1rem) / 2) !important;}
	.fiche-metier #list-formations > li {width: 49%;}
	.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row {width: 49% !important;}
	/*1st row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(-n+2):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(-n+2):hover > .views-field-title a {
		color: rgb(242 146 10) !important;
	}
	/*2nd row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+3):nth-child(-n+4):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+3):nth-child(-n+4):hover > .views-field-title a {
		color: rgb(149 193 31) !important;
	}
	/*3rd row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+5):nth-child(-n+6):hover {
		border: 1px solid rgba(16 116 188 / 15%) !important;
		background: rgb(16 116 188 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+5):nth-child(-n+6):hover > .views-field-title a {
		color: rgb(16 116 188) !important;
	}
    /*4th row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+7):nth-child(-n+8):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+7):nth-child(-n+8):hover > .views-field-title a {
		color: rgb(242 146 10) !important;
	}
	/*5th row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+9):nth-child(-n+10):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+9):nth-child(-n+10):hover > .views-field-title a {
		color: rgb(149 193 31) !important;
	}
}
@media (min-width: 87.5rem) {
	.view-trouver-un-dispositif .view-content .views-row {width: calc((100% - 2rem) / 3);}
	.fiche-metier #list-formations > li {width: 32%;}
	.fiche-metier section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row {width: 49% !important;}
    /*3th row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+7):nth-child(-n+9):hover {
		border: 1px solid rgba(16 116 188 / 15%) !important;
		background: rgb(16 116 188 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+7):nth-child(-n+9):hover > .views-field-title a {
		color: rgb(16 116 188) !important;
	}
    /*2d row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+4):nth-child(-n+6):hover {
		border: 1px solid rgb(149 193 31 / 15%) !important;
		background: rgb(149 193 31 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(n+4):nth-child(-n+6):hover > .views-field-title a {
		color: rgb(149 193 31) !important;
	}
    /*1rst row*/
	.view-trouver-un-dispositif .view-content .views-row:nth-child(-n+3):hover {
		border: 1px solid rgb(242 146 10 / 15%) !important;
		background: rgb(242 146 10 / 15%) !important;
	}
	.view-trouver-un-dispositif .view-content .views-row:nth-child(-n+3):hover > .views-field-title a {
		color: rgb(242 146 10) !important;
	}
}

section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row:nth-child(3n+1):hover,
#list-formations > li:nth-child(3n+1):hover,
#list-formations-a-la-une > li:nth-child(3n+1):hover,
#list-operateurs > li:nth-child(3n+1):hover {
	border: 1px solid rgb(242 146 10 / 15%) !important;
	background: rgb(242 146 10 / 15%) !important;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row:nth-child(3n+1):hover > .views-field-title a,
#list-formations > li:nth-child(3n+1):hover > a > .lb_formation,
#list-formations-a-la-une > li:nth-child(3n+1):hover > a > .lb_formation,
#list-operateurs > li:nth-child(3n+1):hover > p.structure {
	color: rgb(242 146 10) !important;
}

section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row:nth-child(3n+2):hover,
#list-formations > li:nth-child(3n+2):hover,
#list-formations-a-la-une > li:nth-child(3n+2):hover,
#list-operateurs > li:nth-child(3n+2):hover {
	border: 1px solid rgb(149 193 31 / 15%) !important;
	background: rgb(149 193 31 / 15%) !important;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row:nth-child(3n+2):hover > .views-field-title a,
#list-formations > li:nth-child(3n+2):hover > a > .lb_formation,
#list-formations-a-la-une > li:nth-child(3n+2):hover > a > .lb_formation,
#list-operateurs > li:nth-child(3n+2):hover > p.structure {
	color: rgb(149 193 31) !important;
}

section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row:nth-child(3n+3):hover,
#list-formations > li:nth-child(3n+3):hover,
#list-formations-a-la-une > li:nth-child(3n+3):hover,
#list-operateurs > li:nth-child(3n+3):hover {
	border: 1px solid rgba(16 116 188 / 15%) !important;
	background: rgb(16 116 188 / 15%) !important;
}
section[class*="block-views-blockdispositif-par-profil-block"] .view-content .views-row:nth-child(3n+3):hover > .views-field-title a,
#list-formations > li:nth-child(3n+3):hover > a > .lb_formation,
#list-formations-a-la-une > li:nth-child(3n+3):hover > a > .lb_formation,
#list-operateurs > li:nth-child(3n+3):hover > p.structure {
	color: rgb(16 116 188) !important;
}

@media (max-width: 87.5rem) {
	#list-formations > li {width: 100%;}

}
@media (min-width: 87.5rem) {
	#list-formations > li {width: 49%;}
}

.widget-opendata div#filter {height: 1050px;}
.widget-opendata .d4cwidget-map{height: 230px;min-height: 230px;}
.widget-opendata .d4cwidget.d4cwidget-map__map.leaflet-container.leaflet-fade-anim,
.widget-opendata div[role="main"] #main.widget-opendata > #filter > ul#list-producteur {
    border-radius: 15px;
    border: solid #e2e2e2 1px;
}
.widget-opendata .d4cwidget-map__map {
    min-height: 230px;
}
body[class*="page-node-type-agenda"] .field--name-field-start-date .field--label:before, 
body[class*="page-node-type-agenda"] .field--name-field-end-date .field--label:before {
    content: "\f133";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 22px;
}
body[class*="page-node-type-agenda"] .field--name-field-start-date, 
body[class*="page-node-type-agenda"] .field--name-field-end-date {
    margin-top: 10px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    max-width: 17rem;
    padding: 8px 35px;
}	
iframe {width: 100%;}