/* ORANGE = #e95411 */
/* BLEU = #45A9C2 */

@font-face {
  font-family: Source_Sans_Pro;
  src: url(https://static.grandnancy.eu/GDN/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);
}

@font-face {
  font-family: Source_Sans_Pro;
  src: url(https://static.grandnancy.eu/GDN/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf);
  font-weight:700;
}

@font-face {
  font-family: Source_Sans_Pro;
  src: url(https://static.grandnancy.eu/GDN/fonts/Source_Sans_Pro/SourceSansPro-Black.ttf);
  font-weight:900;
}

@font-face {
  font-family: Source_Sans_Pro;
  src: url(https://static.grandnancy.eu/GDN/fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf);
  font-style:italic;
}

html, body, p, a, ul, li {
	font-family:'Source_Sans_Pro', Arial, sans-serif !important;
}

main {
	padding:.5rem .6rem;
}

#container-accueil main {
	padding-top:0;
	margin-top:0;
}

h1, #sous-menu p {
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	font-weight:300;
	font-style:normal;
	font-size:2.5rem;
}

h1 a, #sous-menu p a {
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	font-weight:300;
	font-style:normal;
}

#container-accueil h1 {
	text-transform:uppercase;
	font-weight:700;
	font-size:2.5rem;
	margin-bottom:1rem;
}

.container-header {
	max-width:1140px;
}

h1.subtitle {
	color:#6E6E6E;
	padding-top:0;
	text-transform:inherit;
	font-size:1.1rem;
}

h2 {
	font-family:'Source_Sans_Pro', Arial, sans-serif;
	color:black;
	font-weight:600;
	font-style:normal;
	text-transform:uppercase;
	padding-top:0;
	margin-bottom:.6rem;
	margin-top:3.5rem;
	font-size:1.8rem;
	width:80%;
}

h2 .icon {
	display:block;
	width:100px;
	height:auto;
}

.colonne_droite h2:first-of-type {
	//margin-top:0;
}

p {
	line-height:1.5;
}

p a:visited {
	color:black;
}

a {
	color:black;
}

a:hover {
	text-decoration:none;
}

ul li:before {
	content:"— ";
	margin-left:0;
}

#tarteaucitronServices li:before {
	content:"";
}

ul li {
	padding-left:0;
}

hr.titre_h1, hr.hr_titre_carrefour {
	border-top: 2px solid #45A9C2;   
}

a:active ~ i.fa-arrow-circle-right {
    color:#45A9C2;
}

a.evitement {
   display: inline-block;
   color: #555;
   background: #fff;
   padding: .5em;
   position: absolute;
   left: -99999rem;
   z-index: 100;
}

a.evitement:focus {
   left: 0;
}

   
a, .colonne_droite {
    color:#333333;
}

.colonne_gauche a, .colonne_gauche a:visited, .colonne_gauche a:hover, a.link_back_left {
	color:#037cc1;
	display:flex;
	align-items:center;
}

.colonne_gauche a:before, a.link_back_left:before {
	content:" ";
	display:inline-block;
	width:40px;
	height:40px;
	background-image:url('/typo3conf/ext/dsit_config3musees/Resources/Public/Icons/icone_arrow_left_bleu.svg');
	/* background-image:url('/typo3conf/ext/dsit_config3musees/Resources/Public/Icons/instagram.svg'); */
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

[type=button], button {
	-webkit-appearance : none;
}

/******* HEADER ********/
	
	#h_accueil #h_visuel {
		background-image:none;
		background-color:#bedef3;
		/*position:relative;*/
		overflow:hidden;
		height:542px;
		text-align:center;
		padding-bottom:0;
		position:relative;
		width:auto;
		
		transition:all .3s ease-in-out;
	}
	
	#h_visuel {
		/*position: fixed;
		top:0;
		width:100%;
		z-index:500;*/
	}

	#h_accueil #header {
		height:auto;
	}

	#h_accueil #h_logo {
		background-color:#bfdef2;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	#h_logo a {
		width:100%;
	}

	#h_accueil #h_logo img {
		width:125%;
		margin:0;
	}

	#h_image {
		margin-top:.5rem;
		background-image:url(/typo3conf/ext/dsit_config3musees/Resources/Public/Php/BackgroundImageRecherche.php);
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	#h_image a {
		height: 100%;
		width: calc(100% + 30px);
		margin-left: -15px;
		display: block;
	}
	
	#h_recherche {
		background-image:none;
		background-color:#2E7EA8;
		height:8%;
	}
	
	#h_recherche_mobile i {
		font-size:1.7rem;
	}
	
	#h_menu {
		width:100%;
		/* height:15%; */
	}
	
	#h_visuel {
		background-color:#bedef3;
		padding:.4rem 0;
	}
	
	#h_visuel .logo {
		width:128px;
		height:auto;
		margin-left:0;
	}
	
	#h_visuel #h_logo {
		text-align:center;
	}
	
/******* FIN HEADER ********/

#container-accueil {
	transition: margin .3s ease-in-out;
	background-color:white;
}

.icone_menu_recherche {
    background-color:transparent;
	float:initial;
}

#icone_recherche {
	color:black;
}

.fa-arrow-circle-right:active, .fa-arrow-circle-right:focus, .fa-arrow-circle-right:hover {
    color:#45A9C2;
}

#div_retour_haut {
	position:sticky;
	top:80vh;
	margin-top:15rem;
}

#retour_haut{
    background-color:transparent;
    color:#A58F7B;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:0;
	position:relative;
	right:0;
	bottom:0;
	height:auto;
	width:auto;
	line-height:1;
	font-size:3rem;
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	cursor:pointer;
}

#main_content {
	float:none;
}

#main_content h1 {
	padding-top:0;
	margin-bottom:1rem;
	line-height: 3rem;
}

#parent_subcontent  {
	display:flex;
	padding-bottom:10rem;
}

#liste_news  {
	padding-bottom:13rem;
}

#formulaire_recherche_accueil {
	padding-top:0;
	/* width:100%; */
	height:100%;
	justify-content:flex-end;
}

#formulaire_recherche_accueil i.fa-search, #formulaire_recherche i.fa-search, #formulaire_recherche_contenu i.fa-search, #formulaire_formulaire_recherche_resultats i.fa-search {
    /* color:#45A9C2; */
	color:white;
	font-size:1.8rem;
	line-height:0.7;
	/*padding:.65rem;*/
}

#formulaire_recherche_accueil .input-group-btn, #formulaire_recherche_contenu .input-group-btn, #formulaire_recherche .input-group-btn, #formulaire_recherche_resultats .input-group-btn {
    /* border-right:3px solid #45A9C2; */
    border-right:0;
}

#formulaire_recherche_accueil .input-group-btn .btn, #formulaire_recherche_contenu .input-group-btn .btn, #formulaire_recherche .input-group-btn .btn, #formulaire_recherche_resultats .input-group-btn .btn {
    border-radius:0;
	padding:0;
	background-color:transparent;
}

#formulaire_recherche_accueil input, #formulaire_recherche_contenu input, #formulaire_recherche input,  #formulaire_recherche_resultats input{
    /* border-left:3px solid #45A9C2; */
    border-left:0;
    /* padding:1.9rem; */
	/* min-height:62px; */
}

::placeholder {
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	font-size:.9rem;
}

#formulaire_recherche_accueil > div, #formulaire_recherche_contenu > div {
	background-color:#2E7EA8;
}

.flag-une {
    background-color:#45A9C2;
}

.contenu-une {
    border-left: 1px dotted #45A9C2;
}

#en1clic_accueil_titre {
    color: #45A9C2;
}

#en1clic_accueil [id^=icone_] {
    border: 4px double #45A9C2;
    color:#45A9C2;
    
}

#titre_page {
	background-color:white;
}

.page_soeur {
   border-left:3px solid lightgrey;
   font-family:'Source_Sans_Pro', sans-serif;
   font-weight:normal;
}

.page_soeur.active {
   border-left-color:#45A9C2;
   font-weight:bold;
}

.page_soeur a {
	color:black;
}

.titre_page_current {
	border-left:3px solid #45A9C2;
	color:black;
	font-family:'Source_Sans_Pro', sans-serif;
}

.titre_page_current a, .titre_page_current a:active, .titre_page_current a:focus, .titre_page_current a:visited {
	color:black;
}

.shadow_content {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

/******** BREADCRUMB ********/

.breadcrumb li {
	font-family:'Source_Sans_Pro', Arial, sans-serif;
}

.breadcrumb, #breadcrumb {
	margin:0;
	padding:1rem 0;
	background-color:transparent;	
}

#breadcrumb {
	width:100%;
	margin-left:-15px;
	padding-left:2rem;
	padding-top:0;
	padding-bottom:0;
}

#breadcrumb p {
	margin-bottom:0;
}

#breadcrumb a {
	color:grey;
	text-decoration:none;
	font-size:.9rem;
}

#breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active {
	text-decoration:underline;
}

.rubrique_niv_1 {
	font-family:'Source_Sans_Pro', Arial, sans-serif;
	/*font-weight:bold;*/
	text-transform:uppercase;
	font-size:1.3rem;
}

.rubrique_niv_1 img {
	padding:1rem;
}

.rubrique_niv_1 a {
	color:#757575;
}

/******** FIN BREADCRUMB ********/

/******* SUBPAGE ********/

#container-accueil .div_subpages .subpage {
	background-color:#D9C7B8;
	text-transform:uppercase;
}

.div_subpages .subpage {
	margin-bottom: .5rem;
	padding:.95rem 2rem;
	transition:all .3s ease-in-out;
	background-color:#D9C7B8;
}

.div_subpages .subpage:hover,  .div_subpages .subpage:focus {
	transform: scale(1.01);
}

#container-accueil .div_subpages .subpage p {
	font-size:1.8rem;
	line-height:1.2;
}

.div_subpages .subpage p {
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	font-weight:700;
	font-style:normal;
	margin-bottom:0;
	font-size:1.2rem;
}

.div_subpages .subpage p:after, .lien-interne a:after {
	content:" ";
	background-image:url('/typo3conf/ext/dsit_config3musees/Resources/Public/Icons/icone_arrow_right.png');
	background-repeat:no-repeat;
	background-size:100%;
	height:40px;
	width:40px;
	display:inline-block;
}

.div_subpages .subpage p, .lien-interne a {
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.div_subpages .intro {
	font-size:1.5rem;
	color:#8C7259;
	font-weight:lighter;
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	margin-left:1rem;
}

/******* SUBPAGE ********/

/******** CARREFOUR *********/

.skin-layout-inner {
    display:none !important;
}

.div_carrefour  {
    margin-bottom:1.1rem;
    background-color:white;
}

.div_carrefour .row {
    align-items:center;
}

.item_carrefour {
    font-size:1.2rem;
    background-color:white;
    height:100%;
    margin-left:0;
    margin-right:0;
}

.div_carrefour [class^="col"]:nth-of-type(2n+1) .item_carrefour{
    background-color:whitesmoke;
}

.item_carrefour:active .titre_carrefour, .item_carrefour:focus .titre_carrefour, .item_carrefour:hover .titre_carrefour {
    font-weight:bolder;
    
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
        
.item_carrefour a {
    width:100%;
    height:100;
    padding-top:1rem;
    padding-bottom:1rem;
	text-decoration:underline;
}

.item_carrefour a:hover {
	text-decoration:none;
}

.titre_carrefour {
    margin-bottom:0;
    background-color:transparent;
	padding-bottom:.5rem;
}

.soustitre_carrefour {
    background-color:transparent;
	font-size:1rem;
	font-style:italic;
}

#carrefour_page {
    padding-left:0;
    padding-right:0;
    background-color:#ececec;
}

.image_carrefour {
  overflow:hidden;
  border-radius:4px;
  height:65px;
  width:65px;
  
  margin:.5rem auto;
}

.image_carrefour img {
    margin-left:50%;
    transform:translateX(-50%);
    
    width:auto;
    height:100%;
}


/******* FIN CARREFOUR ******/

form .form-navigation .btn {
    color:#ed1c24;
    border:1px solid #ed1c24;
}

form .form-navigation .btn:hover {
    background-color:#ed1c24;
}

#alerte_alloalerte {
    background-color:#ed1c24;
}


/**** CHIFFRE ****/
.le-chiffre {
    border: 0;
	padding:0;
}

.le-chiffre:before {
    content:"";
}

.le-chiffre h4 {
    color:#45A9C2;
}

.le-chiffre li:before {
   content:"";
}

.le-chiffre li {
    font-size:1.8rem;
	font-weight:600;
	color:#8C7259;
	line-height:34px;
	
}

/**** CHIFFRE ****/

#liste-actualites .list-unstyled hr, #liste-agendas .list-unstyled hr, #liste-presses .list-unstyled > hr, #details-presses .list-unstyled > hr, .actualite-lie hr{
   border-color:#45A9C2;
}

#details-actualites .feuilletez:before, #details-agendas .feuilletez:before {
    color: #45A9C2;
}    

#details-actualites .feuilletez a, #details-agendas .feuilletez a {
    color: #45A9C2;
}

#details-actualites #news-related-block hr, #details-agendas #news-related-block hr {
    border-color:#45A9C2;
}

#details-agendas .date-agenda, #details-agendas .lieu-agenda, #details-agendas .ville-agenda {
    color:#45A9C2;
}

.newsliste button.btn.active,  .newsliste button.btn:hover{
	border:1px solid #45A9C2;
	color:#45A9C2;
}

.sidebar_newsletter p {
	border: 2px solid #45A9C2;
}

.sidebar_newsletter a{
	color: #45A9C2;
	
}

.sidebar_newsletter a:visited {
	color:#45A9C2;
}

/*.frame-layout-0:after {
	display:block;
	content:'.';
	color:transparent;
	background:#BABABA;
	border-radius:50%;
	width:9px;
	height:9px;
}*/

/************* MENU ***************/

#menu_desk ul {
	padding: 0;
	margin:0;
}

#h_accueil #menu_desk li {
	padding-left:0;
}

#menu_desk .menu_desk_niv_1 {
	text-transform:none;
	font-size:1.15rem;
}

#menu_desk .menu_desk_niv_1:not(:first-of-type):before {
	content: "/";
	font-weight:bold;
	font-size:1.2rem;
	position:absolute;
	left:0;
}

#h_accueil #menu_desk .menu_desk_niv_1:not(:first-of-type):before {
	color:#2E7EA8;
	font-size:2rem;
}

#menu_desk .menu_desk_niv_1.active {
	font-weight:bold;
}

#h_accueil #menu-icone {
	margin-top:1rem;
}

#menu-icone {
  width: 2rem;
  height: 2rem;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index:2001;
}

#menu-icone span {
  position: absolute;
  height: .26rem;
  width: 100%;
  background: black;
  border-radius: 1rem;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#menu-icone span:nth-child(1) {
  top: .25rem;
}

#menu-icone span:nth-child(2), #menu-icone span:nth-child(3) {
  top: 1rem;
}

#menu-icone span:nth-child(4) {
  top: 1.75rem;
}

#menu-icone.open span:nth-child(1), #menu-icone.open span:nth-child(4) {
  top: 1rem;
  width: 0%;
  left: 50%;
}

#menu-icone.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-icone.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu-fond, #sous-menu-fond {
	transition: all ease .5s;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0;
	z-index: 1000;
	left:0;
	top:76px;
}

#menu-fond {
	z-index: 1500;
}

#menu {
	transition: all ease .5s;
	overflow-x: hidden;
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	height: 100vh;
	padding: 0;
	background-color: #fff;
	z-index: 2000;
	font-family:'Source_Sans_Pro', Arial, sans-serif;
	display:flex;
	text-align:left;
}

#menu > .row {
	height:fit-content;
}

#menu-liens-principaux a, #menu-liens-secondaires a {
	font-size: 1.2rem;
}

#menu-liens-principaux a {
	font-size: 1.2rem;
	font-weight: 650;
}

#menu-liens-principaux .lien-menu, #menu-liens-secondaires .lien-menu {
	padding: .75rem 15px;
}

#menu-liens-secondaires.lien_espace_membre .lien-menu a {
	background-color: #d5c9bda3;
	padding:.5rem;
}

#menu-liens-secondaires.lien_espace_membre .lien-menu a:before {
	content:'\f406';
    font-family: "Font Awesome 5 Free";
	font-weight:bold;
	margin-right:.6rem;
}

#menu-liens-tertiaires a {
	font-size: 1.1rem;
}

#sous-menu p {
	margin-bottom:0;
}

#sous-menu p, #sous-menu p a {
	font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
	font-weight:800;
	font-style:normal;
	text-transform:uppercase;
	font-size:2rem;
	padding-left:0;
	text-decoration:none;
	cursor:context-menu;
}

#sous-menu p a{
	color:black;
}

#sous-menu-collapse {
	margin: 0 -2.45rem 1rem;
	background-color:#f4efeb;
	padding-top:.2rem;
	padding-bottom:.2rem;
}

#sous-menu-collapse .col-12:last-of-type {
	border:none !important;
}

#sous-menu-fleche {
	cursor: pointer;
	transition: all ease .3s;
	border: 2px solid #000000;
	border-top: none;
	border-right: none;
	height: 1rem;
	width: 1rem;
	position: relative;
	top: -4px;
	transform: rotate(-45deg);
}

.page_sous_menu {
	padding-top:.5rem;
	padding-bottom:.5rem;
}

#page-actuelle a, #page-actuelle {
	font-weight:700;
	text-decoration:underline;
}

/************* FIN MENU ***************/

/***** LISTE NEWS *****/
/*#liste_news #main_content {
    background-color:#ececec;
}*/
/***** FIN LISTE NEWS *****/


/***** LISTE AGENDA *****/

#c30, #c143 {
	display:block;
}

#news_accueil {
	margin-bottom:2rem;
}

#news_accueil .card, #news_liste .card, #agenda_accueil .card, #agenda_liste .card, #agenda_liste .card {
    padding-bottom: 1.3rem;
    width: 100%;
}

#news_accueil .lien-interne, #agenda_accueil .lien-interne {
	display:block;
	width:100%;
	text-align:center;
	background-color:transparent;
	margin-top:0;
	margin-bottom:1rem;
}

#news_accueil .lien-interne a, #agenda_accueil .lien-interne a {
	color:#2e7ea8;
	text-decoration:none;
	padding:.5rem;
	font-weight:600;
	font-size:1.6rem;
	display:block;
	line-height:1.8rem;
}

#news_accueil .lien-interne a:hover, #news_accueil .lien-interne a:active, #news_accueil .lien-interne a:focus, #agenda_accueil .lien-interne a:hover, #agenda_accueil .lien-interne a:active, #agenda_accueil .lien-interne a:focus {
	text-decoration:underline;
	font-weight:800;
}

#news_accueil .lien-interne a:after, #agenda_accueil .lien-interne a:after {
	content:"";
	width:0;
	height:0;
}

.shadow_content {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

picture {
    overflow: hidden;
    display: block;
}

.card-img-top, .card-img-top img {
    background-color: grey;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.flag_news {
    color: black;
    position: absolute;
    padding: .5rem .8rem;
    top: -10px;
    left: 10px;
	font-weight:700;
}

.flag_date, .flag_categorie {
    /* background-color: #2E7EA8; */
    background-color: #bedef3;
}

#news_accueil p, #liste_scolaire p, #details_news p, #news_liste p, #agenda_accueil p, #agenda_liste p {
    margin-bottom: 0;
    padding-bottom: .1rem;
}
.flag_news p {
    font-size: 1rem;
	padding-bottom:0 !important;
	margin-bottom:0;
}

#news_accueil .card-title, #liste_scolaire .card-title, #details_news h2, #news_liste .card-title, #agenda_accueil .card-title, #agenda_liste .card-title {
    font-weight: bolder;
    color: rgba(0,0,0,.85);
    font-size: 1.6rem;
    margin-bottom: 0;
    margin-top: .5rem;
    padding-top: 0;
}

#news_accueil .date_news, #details_news .date_news, #news_liste .date_news, #agenda_accueil .date_news, #agenda_liste .date_news {
    text-transform: uppercase;
    color: rgba(0,0,0,.8);
    font-size: .9rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
	padding-top:.3rem;
	display:inline-block;
}

#agenda_accueil .lieu_news {
	color: rgba(0,0,0,.6);
	font-size: .9rem;
}

#news_accueil .card-text, #liste_scolaire .card-text, [id^=scolaire_bodytext_], #details_news .bodytext_news, #news_liste .card-text, #agenda_liste .card-text {
    color: rgba(0,0,0,.75);
}

#agenda_accueil .card-text, #details_agenda .alt_title {
	color:#237BC0;
	font-weight:700;
	font-style:italic;
	margin-top:1rem;
}

#details_agenda .alt_title {
	margin-bottom:0;
}

.alt_title_hr {
	border-color:#237BC0;
	width:40%;
	height:1px;
	margin-top:.3rem;
	margin-bottom:2rem;
}

#news_accueil .voir_plus span, #news_liste .voir_plus span, #liste_scolaire .voir_plus span, #agenda_accueil .voir_plus span, #liste_news .voir_plus span, #agenda_liste .voir_plus {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 47px 47px;
    border-color: transparent transparent #E9E8E8 transparent;
}

#news_accueil .voir_plus i, #news_liste .voir_plus i, #liste_scolaire .voir_plus i, #agenda_accueil .voir_plus i, #liste_news .voir_plus i, #agenda_liste .voir_plus i {
    position: absolute;
    right: .5rem;
    bottom: .4rem;
    font-size: .9rem;
    color: #646466;
}

#agenda_liste .voir_plus i {
	bottom:-40px;
}

.message_agenda {
	color:#2e7ea8;
	padding-top:30px;
	padding-bottom:30px;
}

#container-accueil .message_agenda {
	padding-top:.5rem;
}

.message_agenda p {
	font-size:1.15rem;
}

	/*** DETAILS AGENDA ***/
		
		#details_agenda .details_news_texte .flag_categorie, #details_agenda .flag_categorie  {
			position:relative;
			top:0;
			left:0;
			display:inline-flex;
			margin-bottom:1rem;
		}
		
		#details_agenda .details_news_texte .flag_categorie p, #liste_news .flag_categorie p {
			margin-bottom:0;
		}
		
		#details_agenda .details_news_texte h1, #details_news .details_news_texte h1 {
			margin-bottom:.2rem;
		}
		
		#details_agenda .details_news_texte .alt_title, #details_news .details_news_texte .alt_title {
			margin-top:0;
		}
		
		#details_agenda .details_news_texte .teaser, #details_news .details_news_texte .teaser {
			font-weight:700;
			font-size:1.1rem;
		}
		
		#details_agenda .details_news_texte .picture, #details_news .details_news_texte .picture {
			margin-bottom:1rem;
		}
		
		#details_agenda .content-element, #details_news .content-element {
			border-left:2px solid #CFCFCD;
			padding-left:1rem;
			margin-bottom:1rem;
		}
		
		#details_agenda .content-element p, #details_news .content-element p {
			margin-bottom:0;
		}
		
		#details_agenda .content-element .content-element-title, #details_news .content-element .content-element-title {
			font-weight:bolder;
			text-transform:uppercase;
		}
		
		#details_agenda .bloc-infos-pratiques:before, #details_news .bloc-infos-pratiques:before {
			content: "";
		}
		
		.details_news_texte .date_news {
			/* color:#e3d3c6; */
			color:#a7917F;
			font-size:3rem;
			font-weight:lighter;
			font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
			border:0;
			margin-bottom:0;
		}
		
		.details_news_texte .lieu_news {
			color: #877364;
			font-size:1.2rem;
		}
		
		#details_agenda .reservation, #details_news .reservation {
			border:1px dotted #882A2A;
			padding:1rem;
		}
		
		#details_agenda .reservation p, #details_news .reservation p {
			margin-bottom:0;
		}
		
		#details_agenda .reservation  .content-element-title, #details_news .reservation  .content-element-title {
			color: #882A2A;
			font-weight:900;
			text-transform:uppercase;
			font-size:1.3rem;
			font-family:dunbar-tall, 'Source_Sans_Pro', Arial, sans-serif !important;
		}
		
		#details_agenda .content-element-html, #details_news .content-element-html .video-container {
			padding:1rem 0 56.25% 0;
		}
		
		#details_agenda .content-element-html, #details_news .content-element-html .video-container .wrapper {
			width:100%;
		}
	/*** FIN DETAILS AGENDA ***/

/***** FIN AGENDA *****/

/***** CONTENU *****/

	#parent_subcontent .frame-type-image {
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}

	.encart_haut {
		float:right;
		margin-right:2rem;
		margin-top:.5rem;
		position: absolute;
		right: 0;
		z-index:5;
		/*top: -11.2rem;
		background-color: #A58F7B;*/
	}
	
	
	#h_accueil .espace_membre {
		/* background-color: #C6E0EF; */
		background-color: #d5c9bda3;
		display:inline-block;
		float:right;
	}
	
	.espace_membre a, .espace_recherche a {
		//font-style:italic;
		color:black !important;
		//background: linear-gradient(180deg,rgba(255,255,255,0) 30%, #dcd6c1 30%);
		text-decoration:none;
		font-weight:bolder;
		padding:.3rem 1rem;
		display:inline-block;
	}
	
	.espace_membre i, .espace_recherche i {
		font-size:1.5rem;
	}
	
	.espace_membre a:hover i, .espace_membre a:active i, .espace_membre a:focus i {
	}
	
	.reseaux-sociaux {
		position: absolute;
		right: 50px;
		top: -1.6rem;
		color:rgba(255, 255, 255, .8);
	}
	
	
	
	.reseaux-sociaux a {
		border-left:rgba(255, 255, 255, .4) 1px solid;
		display:inline-block;
	}
	
	.reseaux-sociaux a:last-of-type {
		border-right:rgba(255, 255, 255, .4) 1px solid;
	}
	
	.reseaux-sociaux i {
		font-size:1.5rem;
		color:rgba(255, 255, 255, .8);
		padding:1rem;
		width:70px;
	}
	
	.reseaux-sociaux img{
		width:70px;
		height:auto;
		padding: 1rem;
		margin-top: -9px;
	}
	
	.reseaux-sociaux a:hover i, .reseaux-sociaux a:active i, .reseaux-sociaux a:focus i {
		color:rgba(255, 255, 255, 1);
	}
	
	.content-element hr {
		width:25px;
		background-color:grey;
		height:2px;
	}
	
	.lien-interne {
		margin-top:1rem;
		margin-bottom:0;
		background-color:#f4efeb;
		display:flex;
		font-size:1.2rem;
	}
	
	.lien-interne a {
		padding: 1.4rem 1rem; 
		width:100%;
	}
	
	.partage_RS {
		margin-top:1.5rem;
	}
	
	.bloc-infos-pratiques {
		border-width:2px;
	}
	
	
/***** FIN CONTENU *****/

#container-accueil .div_subpages {
	border-top:28px solid #2e8dc5;
	margin-left:-1.51rem;
	margin-right:-1.51rem;
	margin-bottom:2rem;
	padding-top:1.2rem;
	padding-bottom:.7rem;
}

/**** ACCORDEON ****/
.accordion_content .card {
	border-radius:0;
	border:0;
	margin-top:.8rem;
}

.accordion_content .card-header {
	background-color:#D9C7B8;
	border:0;
	padding:1.4rem 1rem;
	display:flex;
	justify-content: space-between;
}

.accordion_content .card-header h2 {
	margin-top:0;
	display:inline-block;
	text-transform:inherit;
	margin-bottom:0;
	font-size:1.2rem;
}

.accordion_content i {
	line-height:1.5;
	display:flex;
	align-items:center;
}

.accordion_content .card-header:first-child {
	border-radius:0;
}

.accordion_content .card-body {
	padding:1rem 0 0 0;
}


/**** FIN ACCORDEON ****/

/**** VIDEO ****/

#video_accueil {
	margin-top:-2rem;
	background-color:transparent;
}

h1#video_accueil_titre {
	color:#C6E0EF;
	border:0;
	text-align:center;
	font-size:3.2rem;
	padding-bottom:0;
	margin-bottom:0;
	position:relative;
	bottom:-30px;
	left:-9px;
	margin-top:0;
}

#video_accueil_consulter {
	background-color:#2E7EA8;
	font-size: .9rem;
    text-align: center;
    padding: .8rem;
}

#video_accueil_consulter p {
    margin: 0;
}

#video_accueil_consulter p a {
    color: white;
    text-decoration: none;
}

.video-container .wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

/**** FIN VIDEO ****/

/**** GUIDE INSCRIPTION ****/
#guide-mobile {
	transition: all ease .5s;
	position: absolute;
	top: 4rem;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1000;
}

.modal {
	z-index:2100;
}

.modal-dialog {
	margin:0;
}

.modal-content {
	border:0;
	border-radius:0;
}

.page {
	transition: all ease .5s;
	position: absolute;
	left: 0;
	width: 100%;
}

.slide-left {
	left: -800px;
}
.slide-right {
	left: 800px !important;
}

#guide-modal .modal-body, #guide-mobile .modal-body  {
	min-height: 600px;
	overflow-y:scroll;
}

#guide-modal .modal-body .slide-left, #guide-mobile .modal-body .slide-left {
	left: 0 !important;
	opacity: 0;
}

#guide-modal .modal-body .slide-right, #guide-mobile .modal-body .slide-right {
	left: 0 !important;
	opacity: 0;
}

#guide-modal {
	cursor:pointer;
}

.bouton_guide {
	background-color: #60C4FF;
    display: flex;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 3rem 3rem 3rem;
	transition:all .3s ease-in-out;
}

.bouton_guide:hover {
	cursor:pointer;
	background-color: #2e7ea8;
}

.bouton_guide p {
	font-weight: bold;
    color: black;
    font-size: 1.8rem;
	margin-bottom:0;
	line-height:30px;
}

.bouton_guide .uppercase{
	text-transform:uppercase;
}

/**** GUIDE INSCRIPTION ****/


/**** SITEMAP ****/
	.frame-type-menu_sitemap ul li {
		padding-top:.5rem;
		padding-bottom:.5rem;
	}
	
	.frame-type-menu_sitemap ul li ul {
		padding-left: 1.5rem;
	}
/**** SITEMAP ****/

footer #footer_horaires {
	margin-top:2.5rem;
}

footer #footer_partenaires {
	margin-top:2.5rem;
}

/**** Mobile et + ****/
@media screen and (min-width:375px) {
	h1#video_accueil_titre {
		font-size:3.8rem;
	}
}

/**** Mobile et + ****/
@media screen and (min-width:576px) {
	#container-accueil .div_subpages {
		border:0;
		margin-top:28px;
	}
	
	#h_accueil #h_visuel:after {
		content:"";
		background-color:#2e8dc5;
		height:28px;
		width:100vw;
		position:absolute;
		left:0;
		bottom:0;
	}
}
	
/**** Tablette et + ****/
@media screen and (min-width:768px) {
	
	h1 {
		font-size:3rem;
	}
	
	main {
		margin-top:0;
	}
	
	.colonne_droite, .accordion_content, .details_news_texte {
		margin-top:75px;
	}
	
	#h_accueil {
		z-index:1;
	}
	
	#h_visuel, #h_accueil #h_visuel {
		position: relative;
		width:auto;
	}
	
	#h_accueil #h_visuel {
		height:935px;
	}
	
	#h_visuel #h_logo .bouton_inscriptions_admissions {
		position:absolute;
		top:-51px;
		right:-42px;
		z-index:5;
		width: 200px;
		height: 200px;
		background-color: #60C4FF;
		border-radius: 50%;
		color:black;
		align-items:center;
		transition:all .3s ease-in-out;
	}
	
	#h_visuel #h_logo .bouton_inscriptions_admissions:hover, #h_visuel #h_logo .bouton_inscriptions_admissions:active, #h_visuel #h_logo .bouton_inscriptions_admissions:focus {
		background-color: #2e7ea8;
	}
	
	#h_visuel #h_logo .bouton_inscriptions_admissions p {
		transform:rotate(-15deg);
		padding:1rem;
		font-size:1.5rem;
		margin-top:3.5rem;
		margin-left:.3rem;
		line-height:110%;
		width:100%;
	}
	
	#h_visuel #h_logo .bouton_inscriptions_admissions a:hover, #h_visuel #h_logo .bouton_inscriptions_admissions a:active, #h_visuel #h_logo .bouton_inscriptions_admissions a:focus {
		/* text-decoration:underline; */
		/* color:white; */
		color:black;
	}
	
	#h_visuel #h_logo .bouton_inscriptions_admissions p em{
		font-size:1rem;
		margin-top:.5rem;
	}
	
	#h_visuel #h_logo .bouton_inscriptions_admissions img {
		width:180px;
		margin:0;
		margin-left: 189%;
	}
	
	#h_visuel #h_logo img {
		width:87%;
	}
	
	/*#h_visuel .bandeau {
		display:block;
		width:100%;
		height:auto;
		position:absolute;
	}*/
	
	#menu_desk {
		padding-top:1.5rem;
	}
	
	#menu_desk a {
		font-size:1.35rem;
		font-weight:400;
	}
	
	#menu_desk a:focus, #menu_desk a:active, #menu_desk .menu_desk_niv_1.active a {
		font-weight:600;
	}
	
	#sous-menu p, #sous-menu p a {
		font-size:3rem;
	}
	
	#sous-menu p {
		margin-bottom:.5rem;
	}
			
	#RS_header_desk {
        /*border-top:5px solid #45A9C2;*/
        border-top:0px
    }
    
    #RS_header_desk i.RS {
        background-color:#45A9C2;
    }
	
	#RS_header_desk span[class^='pictogramme_rs_'] {
		background-image:url('../Images/RS.png');
		background-size:cover;
		background-repeat:no-repeat;
		display:inline-block;
		width:40px;
		height:40px;
	}
	
	#RS_header_desk .pictogramme_rs_facebook {
		background-position-x:4px;
	}
	
	#RS_header_desk .pictogramme_rs_instagram {
		background-position-x:-34px;
	}
	
	#menu_desk.header_menu_desk {
		background-color:transparent;
	}
	
	#h_accueil .hr_menu_desk{
        border-color: #45A9C2;
    }
	
	.hr_menu_desk {
		border:0;
        border-top: 2px solid black;
    }
	
	#menu_desk ul {
		width:100%;
	}
	
	#menu_desk .menu_desk_niv_1 {
		background-color:transparent;
	}
	
	#menu_desk .menu_desk_list_niv_2 {
		padding-top:1.3rem;
	}
	
	#menu_desk .menu_desk_list_niv_2.dropdown-menu .bloc_titre_dropdown i {
        color:#45A9C2;
    }
	
	.menu_desk_list_niv_3 {
        border-left: 1px solid #45A9C2;
    }
	
	#menu_desk .menu_desk_niv_1:not(:first-of-type):before {
		color:black;
	}
	
	.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active, .nav .show > a, .nav .show > a:hover, .nav .show > a:focus {
		background-color:transparent!important;
	}
	
	.nav > li > a:hover {
		font-weight:normal;
	}
	
	.nav > li.active > a:hover {
		font-weight:bold;
	}
	
	.nav > li:active .hr_menu_desk, .nav > li.active .hr_menu_desk, .nav > li:focus .hr_menu_desk {
		width:15px;
		opacity:1;
	}
	
	#sous-menu {
		margin-top:2rem;
		margin-bottom:1.5rem;
	}
	
	#sous-menu p a {
		font-size:3.8rem;
	}
	
	#sous-menu-collapse {
		margin:0 -15px;
	}
	
	.actualite-contenu {
        border-left: 1px dotted #45A9C2;
    }
	
	#en1clic_accueil_titre, #agenda_accueil_titre, #reseaux_sociaux_accueil_titre, #actualite_accueil_titre, #resultat_recherche h1, #liste-actualites h1, #liste-agendas h1, #details-actualites h1, #details-agendas h1, #liste-presses h1, #details-presses h1, #details-alerte h1, .actualite-lie h4{ 
        border-bottom:1px solid #45A9C2;
        color:#000000;
    }
	
	#en1clic_accueil .en1clic_accueil_bloc:hover [id^=icone_] {
        border-color:#45A9C2;
    }
    
    #en1clic_accueil [id^=icone_] ~ hr {
        border: 1px solid #45A9C2;
    }
	
	.btn_plus_actu a {
        border:1px solid #45A9C2;
        color:#45A9C2;
    }
    
    .btn_plus_actu a:hover {
        background-color:#45A9C2;
    }
	
	#news_liees .card-body{
		border-left: 1px dotted #45A9C2;
	}
	
	#container_carrefour{
        margin:auto;
        max-width:1140px;
    }
    
    .div_carrefour .row {
        align-items:start;
    }
    
    .item_carrefour {
        text-align:center;
        height:90%;
        
        margin-bottom:.8rem;
        margin-top:.8rem;
        
        border-radius:4px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        -o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
        
        
        margin-left:.5rem;
        margin-right:.5rem;
    }
    
    .div_carrefour [class^="col"]:nth-of-type(2n+1) .item_carrefour{
        background-color:white;
    }
    
    .image_carrefour {
        border-radius:0;
        height:auto;
        width:100%;
        margin:0;
    }
    
    .image_carrefour img {
        margin-left:0;
        transform:none;
        
        width:100%;
        height:auto;
    }
        
    .titre_carrefour {
        padding:1rem;        
    }
	
	#liste_scolaire {
        display:flex;
    }
	
	#parent_subcontent .frame-type-image {
		margin-left:0;
		margin-right:0;
	}
	
	.lien-interne {
		display:inline-flex;
		min-width:80%;
	}
	
	.lien-interne a {
		padding:1.4rem 2.3rem;
	}
	
	.details_news_texte {
		padding-left:3rem;
	}
	
	.video-container {
		padding:1rem 0 39.3% 0;
	}
	
	.video-container .wrapper {
		width:70%;
	}
	
	h1#video_accueil_titre {
		font-size:7.5rem;
		bottom:-45px;
		left:-7px;
	}
	
	#news_accueil {
		margin-bottom:4rem;
	}
	
	.message_agenda {
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.message_agenda p {
		font-size:1.2rem;
	}
	
	.modal-dialog {
		margin:auto;
	}

	.modal-content {
		border:1px solid rgba(0,0,0,.2);
		border-radius:.3rem;
	}
	
	#guide-modal .modal-body {
		overflow-y:hidden;
	}
	
	#news_accueil .lien-interne a, #agenda_accueil .lien-interne a {
		margin-top:1rem;
	}
	
	footer #footer_horaires {
		margin-top:6.5rem;
	}
	
	footer #footer_partenaires {
		margin-top:4.5rem;
	}
	
}


/**** Ordi petit et + ****/
@media (min-width:992px) {
	
	#main_content {
		padding-top:1rem;
	}
	
	/******* HEADER ********/
	header#h_accueil {
		height:99vh;
		overflow:hidden;
	}
	
	#h_accueil #h_visuel {
		background-color:white;
		padding:0;
		height:75%;
	}
	
	#h_accueil #h_visuel:after {
		content:none;
	}
	
	#h_accueil #h_logo {
		height:100%;
	}
	
	#h_accueil #h_logo img {
		width:70%;
	}
	
	#h_image {
		margin-top:0;
	}
	
	#h_logo {
        border-top:0px;
    }
	
	#h_logo img {
		/*margin-top:1rem;*/
		margin-bottom:.2rem;
    }
	
	#h_logo .logo {
		width:100px;
	}
	
	#h_logo .bouton_inscriptions_admissions img {
		max-width:245px;
	}
	/******* FIN HEADER ********/
	
	#container-accueil .div_subpages {
		display:none;
	}
	
	.highlight-agenda {
		background: linear-gradient(180deg,rgba(255,255,255,0) 70%, #2E7EA8 70%);
		display:inline-block;
	}
	
	.highlight-actu {
		background: linear-gradient(180deg,#2E7EA8 60%, rgba(255,255,255,0) 60% );
	}
	
	#carrefour_page {
        padding-left:15px;
        padding-right:15px;
    }
	
	/*#c30, #c143 {
		display:none;
	}*/
	
	h1#video_accueil_titre {
		font-size:9.5rem;
		bottom:-54px;
		left:0;
	}
	
	#news_accueil {
		margin-bottom:8rem;
	}
}

/**** Ordi grand et + ****/
@media (min-width:1200px) {
	h1#video_accueil_titre {
		font-size:11.5rem;
		bottom:-64px;
		left:0;
	}
}

@media (max-height:550px) {
	/* .espace_membre { */
		/* top:-6.2rem; */
	/* } */
}

@media (min-height:551px) {
	/* .espace_membre { */
		/* top:-7.2rem; */
	/* } */
	#container-accueil {
		margin-top:3rem;
	}
}

@media (min-height:750px) {
	/* .espace_membre { */
		/* top:-8.2rem; */
	/* } */
}

@media (min-height:880px) {
	/* .espace_membre { */
		/* top:-9.2rem; */
	/* } */
	#container-accueil {
		margin-top:0;
	}
}

@media (min-height:990px) {
	/* .espace_membre { */
		/* top:-10.2rem; */
	/* } */
}

@media (min-height:1090px) {
	/* .espace_membre { */
		/* top:-11.2rem; */
	/* } */
}