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

@font-face {
  font-family: Poppins;
  src: url(https://static.grandnancy.eu/GDN/fonts/Poppins/Poppins-Medium.ttf);
  font-weight:500;
}

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

@font-face {
  font-family: Poppins;
  src: url(https://static.grandnancy.eu/GDN/fonts/Poppins/Poppins-BoldItalic.ttf);
  font-weight:700;
  font-style:italic;
}



/**********************************************************************************
************************************* GENERAL *************************************
**********************************************************************************/
html {
    width:100%;
    font-size:16px;
}

body {
    margin:0;
    font-size:16px;
    font-family: 'Poppins', Arial, sans-serif;
    color:#333333;
    //background-color:#f7f6f6;
    //background-color:#ececec;
}

h1 {
    font-size:1.55rem;
    font-weight:bold;
}

h2 {
    font-size:1rem;
    font-weight:bold;
    color:#000000;
    text-transform:uppercase;
    margin-bottom:0;
}

a {
    color:#424547;
}

a:hover, .card .news_tarif a:hover,  .card .news_lieu a:hover, .card .news_duree a:hover, .card .news_public a:hover, .card .news_malentendant a:hover {
    color:#444444;
    text-decoration:underline;
}

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

a.evitement:focus {
   left: 0;
}

hr {
    margin:1rem 0;
    text-align:left;
}

hr.ce-div {
    height:1px;
    margin:.8rem 1rem;
    background-color:#333333;
    width:10%;
}

hr.titre_h1, hr.titre_h2 {
    display:block;
    height:2px;
    border:0;
    width:70px;
    margin-left:0;
}

hr.titre_h2 {
    background-color:black;
    margin-top:0;
    margin-bottom:1rem;
}

hr.hr_contenu, hr {
    display:block;
    height:2px;
    border:0;
    width:40px;
    background-color:rgba(0,0,0,.6);
}

ul, ol {
    padding:0;
    line-height:1.5rem;
    margin-top:.5rem !important;
    margin-bottom:.5rem !important;
}

li {
   list-style-type:none;
   position:relative;
   padding-left:1rem;
}

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

/*ol li:before {
    content:"• ";
    margin-left:1rem;
}*/

.list-unstyled li:before {
    content:"";
    margin-left:0;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*#content {
    background-color:#ECECEC;
}*/

/*.fa-arrow-circle-right {
    float:left;
    margin-right:10px;
    margin-top:3px;
}

.fa-arrow-circle-right:active, .fa-arrow-circle-right:focus, .fa-arrow-circle-right:hover {
    color:#ed1c24;
}*/

.partage_RS {
    text-align:right;
}

.partage_RS .fa{
    width:1.8rem;
    height:1.8rem;
    border-radius:50%;
    color:#ffffff;
    text-align:center;
    line-height:1.8rem;
    margin: 0 .3rem;
}

.partage_RS .fa-facebook {
    background-color:#3b5998;
}

.partage_RS .fa-twitter {
    background-color:#33ccff;
}

.partage_RS .fa-envelope {
    background-color:#c9c9c9;
}

.partage_RS .fa-print {
    background-color:rgb(68,68,68);
}

#main_content h1 {
    padding-top:1rem;
}

#hautDePage{
    color:black;
    background-color:white;
    border-radius:50%;
    bottom:45px;
    position:fixed;
    right:20px;
    z-index:2;
    height:40px;
    width:40px;
    line-height:2.5rem;
}
                     
#hautDePage:hover{
    box-shadow:none;
}

#header {
	padding-bottom:1.55rem;
	padding-top:1.55rem;
}

i.fa-angle-left {
    margin-right:.5rem;
}

.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);
}

/*#content_main {
    margin-bottom:1rem;
}*/

.card a:hover, .nav a:hover, .item_carrefour a:hover, #footer_partenaires a:hover  {
    text-decoration:none;
}

.card-columns {
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.card-columns a {
	display:flex;
	align-items:stretch;
}

.card-columns .card-img-top {
    overflow:hidden;
}

.card-columns .card-title {
    margin-bottom:0;
}

div.card-group a {
    text-decoration:none;
}

.tooltip.show {
    opacity:1 !important;
    filter:alpha(opacity=100);
}

.tooltip > .tooltip-inner{
    background-color:white;
    border: 1px solid grey;
    color:black;
    padding:0;
    max-width:100%;
}

.tooltip img {
    background-color:transparent;
    width:auto;
    max-height:50vh;
}

/*********** HEADER **********/

#header_main, #header_main_accueil {
    //position:fixed;
    z-index:100;
    color:#424547;
    width:100%;
    
    background-color:#black;
    min-height:55px;
    
}

#header_main_accueil {
	background: transparent;
	position:relative;
}

#logo_site img {
    /* width:100%; */
	width:150px;
	max-width:100%;
    height:auto;
	margin-left: auto;
    margin-right: auto;
}

#icone_back i  {
    font-size:1.7rem;
    color:#FFFFFF;
    line-height:3.4rem;
}

#news_alerte {
	background-color:white;
	color:black;
}

/********* FIN HEADER ********/

/*********** MENU **********/
.header_menu {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding:0;
}

.header_menu i.fa-times {
   display:none;
}

.icone_menu {
    display:inline-block;
    float:right;
}

#icone_menu_ouvert, #icone_menu_fermer {
    font-size:1.8rem;
    color:#FFFFFF;
    line-height:3.4rem;
}

#menu {
    display:none;
    padding:0;
    font-size:1.1rem;
    position:absolute;
    background-color:white;
    z-index:1500;
}

#menu .reseaux_sociaux {
    clear:both;
    font-size:1.5rem;
    padding: .8rem 0
}

#menu .reseaux_sociaux span {
    display:inline-block;
    width:15%;
}

#menu .reseaux_sociaux span img {
	max-width:30px;
}

#menu .niv_2 a {
    display:block;
    color:#424547;
    padding: 1rem 1rem 1rem 1.7rem;
}

i.fa-angle-down, i.fa-angle-up {
    float:right;
    font-size:1.5rem;
    line-height:1.2;
}

div.niv_1 {
    padding: 1rem;
    font-weight:500;
    border-bottom:1px solid #D1D1D1;
}

div.niv_1_selected, .sousmenu_niv_1_selected {
   // background-color:#D6D6D6;
    border-left:8px solid #D6D6D6;
    padding-left:.5rem;
}

div.div_niv_2 {
    display:none;
}

div.niv_2, div.niv_2_desk {
    background-color:#E9E8E8;
    border-bottom:1px solid #D1D1D1;
    font-weight:400;
    //padding:1rem 1rem 1rem 1.7rem;
}

div.niv_2_selected, .sousmenu_niv_2_selected {
    border-left:0;
    //padding-left:.8rem;
    background-color:#D6D6D6;
}

#menu_desk button {
	background-color: transparent;
    border: 0;
    color: white;
}

#menu_desk .show button {
    border: 0;
}


div#sousmenu_desk {
    margin-bottom:1rem;
}

div#sousmenu_niv_1, div#sousmenu_niv_1_desk {
    padding:.7em 0;
    //color:white;
    text-transform:uppercase;
    font-weight:normal;
    font-size:1.1rem;
}

div#sousmenu_niv_1 a, div#sousmenu_niv_1_desk a {
   color:white;
}

div#sousmenu_niv_1_desk {
    padding:.7em 1rem;
}

div#sousmenu_niv_2 {
    font-size:1.1rem;
    font-weight:normal;
    padding:.7rem 0;
}

#menu_desk .nav-item {
	color:white;
}

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

/***** IFRAME ******/
iframe body {
	margin:0 !important;
}
  
.sib-form .sib-container {
    padding:0 !important;
}

.video-container {
    position: relative;
    padding: 1rem 0 56.25% 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.frame-default.frame-type-textmedia .video video {
	width:100%;
}

/***** FIN IFRAME ******/

/*TEST YOUTUBE LAZY LOAD */
.wrapper {
    width: 100%;
    //margin: 60px auto;
    //padding: 0 20px;
}

.youtube, .youtube_player {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before,
.youtube_player iframe {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe, .youtube_player iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
/*FIN TEST YOUTUBE LAZY LOAD*/

/******** FOOTER ********/
footer {
    color:white;
}

footer .container-fluid {
    background-color:#424547;
    padding-top:20px;
}

footer p a, footer a, footer a:hover {
    color:white;
}

    
footer a:hover h2.titre_contenu {
    color:white;
}

    
footer h2 {
    margin:0 0 .3rem 0;
    text-transform:uppercase;
    padding:0;
    color:#BEBEBE;
    //color:#7d7d7d;
    font-size:1.5rem;
    font-weight:500;
}

footer address {
    text-align:left;
    margin-left:1rem;
    margin-bottom:0;
}

footer .div_contenu {
    background-color:transparent;
    margin-bottom:1.1rem;
}

footer .titre_contenu {
    padding-top:0;
    padding-bottom:0;   
    
    transition:.2s ease-in-out;
}

footer hr.titre_h2{
    background-color:transparent;
    margin:0;
}

#footer_contact, #footer_horaires, #footer_acces, #footer_rs {
    padding: .8rem 0;
}

#footer_rs { 
    background-color:white;
    font-size:1.5rem;
    border-top:2px solid #ececec;
}

#footer_rs a {
    color:#424547;
}

#footer_rs .tripadvisor {
	max-width:2.2rem;
}

footer .footer_bouton {
    //font-weight:bold;
    padding: 1rem 0;
    //width:250px;
    margin-bottom:2rem;
    font-size:1.1rem;
    
}

footer .footer_bouton i {
    vertical-align:middle;
    font-size:1.5rem;
}

footer .footer_bouton a {
    padding:1rem 1.5rem;
    border:1px solid white;
    border-radius:4px;
    background-color:transparent;
}

footer .footer_bouton:hover a, footer .footer_bouton:focus a, #footer_newsletter .actions .btn-group .submit button:hover, #footer_newsletter .actions .btn-group .submit button:focus, #footer_newsletter .newsletter_lien:hover {
    background-color:white;
    color:#424547;
}

footer #second_footer {
    background-color: #646466;
    padding:1rem;
    color:white;
}

footer #second_footer ul{
    margin:0;
    padding-left:1rem;
}

footer #second_footer ul li {
    display:inline-block;
    padding:0;
}

footer #second_footer ul li:before {
    margin:0;
}

footer #second_footer ul li a {
    color:white;
}

footer #second_footer div {
   padding:0;
}

#footer_logo_man {
	width:30%;
	max-width:100px;
	margin-left:-25px !important;
	margin-right:0 !important;
	
}

#footer_logo_metropole {
    width:36%;
    max-width:130px;
    padding:.8rem 0;
}

#footer_logo_mmm, #footer_logo_ul {
    width:45%;
    max-width:130px;
}

#footer_partenaires .row > .col-12 {
    align-self:center;
}

#footer_partenaires img {
    height:auto;
    margin-left:1rem;
    margin-right:1rem;
}

#footer_logo_tourisme_handicap  {  
    width:25%;
    max-width:90px;
    margin-bottom:1rem;
}

#footer_logo_accueil_velo  {  
    width:15%;
    max-width:50px;
    margin-bottom:1rem;
}

#footer_logo_nancy_place {
   margin-top:1rem;
   width:40%;
   max-width:110px; 
}

#footer_logo_musee_france {
  width:15%;  
  max-width:50px;
}


#footer_newsletter label.control-label {
    display:none;
}

#footer_newsletter .actions {
    margin-top:.5rem;
    text-align:right;
    display:flex;
    flex-direction:row-reverse;
}

#footer_newsletter .form-navigation, #footer_newsletter .btn-group, #footer_newsletter .submit {
   width:100%;
}

#footer_newsletter .actions .btn-group .submit button, #footer_newsletter .newsletter_lien {
    color:white;
    background-color:transparent;
    border:1px solid white;
    padding:.5rem 1rem;
    width:100%;
	text-decoration:none;
}

/******* FIN FOOTER *********/

/****** NEWS UNE ******/

/*.image_une {
    height:40vh;
    overflow:hidden;
    position:relative;
    
    max-height:700px;
    background-color:#ffaa00;
}*/

.image_une {
    width:100%;
    height:auto;
    background-color:transparent;
}

/*.image_une::after {
    position: relative;
    display: block;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.3309698879551821) 0%, rgba(0,0,0,0.165703781512605) 34%, rgba(255,255,255,0) 100%);
    height: 70vh;
    width: 100%;
    content: '';
}*/

.image_une img{
    width:100%;
    height:auto;
    //padding-top:1.5rem;
   /* position:absolute;
    top:-100%;
    left:0;
    right:0;
    bottom:-100%;
    margin:auto;*/
}

.teaser_une, .titre_une {
    text-transform:uppercase;
    font-size:.9rem;
    color:#ffffff;
}

.texte_une {
    color:#ffffff;
    //padding:1rem 0 1rem 1rem;
    
    
    position:absolute;
    bottom:.5rem;
    background-color:transparent;
    //padding:1rem;
    width:100%;
    
}

.texte_une .teaser_une {
    //color:black;
}

.texte_une p {
    margin-bottom:0;
}

/****** FIN NEWS UNE ******/

/****** ACCES RAPIDE ******/

#acces_rapide {
    width:100%;
    max-width:1140px;
    padding-bottom:2rem;
    padding-top:2rem;
}

#acces_rapide picture {
    max-height:200px;
}

#acces_rapide img {
    margin-top:-10%;
}

#acces_rapide .card-body {
    padding:.7rem 1rem;
}

#acces_rapide .swiper-slide {
    width:75%;
}

/*#acces_rapide .bloc_image {
    width:250px;
    height:250px;
    background-color:white;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    
}*/

/*#acces_rapide .bloc_image p {
    margin-bottom:0;
    margin-top:.5rem;
    background-color:white;
}*/

/*#acces_rapide img {
    height:83%;
    min-width:100%;
}*/

#acces_rapide p, .en1clic_lien{
    text-transform:uppercase;
    color:#424547;
    font-size:1.2rem;
    text-align:center;
}

.swiper-pagination .swiper-pagination-bullet,.swiper-pagination .swiper-pagination-bullet-active {
    background:#424547;
}

.swiper-button-next, .swiper-button-prev {
    background-color:rgba(255,255,255,.8);
    padding:1.5rem 1rem;
    background-size:20px 34px;
    top:45%;
	background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.swiper-button-next {
   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E"); 
   border-top-left-radius:4px;
   border-bottom-left-radius:4px;
   right:0;
}

.swiper-button-next:after, .swiper-button-prev:after {
	content:none;
}

.swiper-button-prev {
   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E");
   border-top-right-radius:4px;
   border-bottom-right-radius:4px;
   left:0;
}

/****** FIN ACCES RAPIDE ******/

/****** ACCUEIL *****/
#container_accueil {
    background-color:#ececec;
}

#container_accueil .div_contenu {
	background-color:transparent;
}

#container_accueil .frame-type-header {
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	margin-top:1rem;
}

#container_accueil h2 {
	font-size:1.5rem
}

#container_accueil hr.titre_h2 {
	margin-bottom:.5rem
}

/****** FIN ACCUEIL *****/

/***** LISTE NEWS ACCUEIL ******/

.flag_news {
    color:white;
    position:absolute;
    padding:.1rem .5rem;
    top:-10px;
    left:10px;
    text-transform:uppercase;
}

.flag_news p {
    font-size:.9rem;
}

.flag_date {
    background-color:black;
}

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

#news_enquete .card {
	width:100%;
	margin-bottom:1rem;
}

#news_accueil p, #liste_scolaire p, #details_news p, #news_liste p, #news_enquete p {
    margin-bottom:0;
    padding-bottom:.1rem;
}

#news_accueil .card-title, #liste_scolaire .card-title, #details_news h2, #news_liste .card-title, #news_enquete .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 .card-text, #liste_scolaire .card-text, [id^=scolaire_bodytext_], #details_news .bodytext_news, #news_liste .card-text, #news_enquete .card-text {
    color:rgba(0,0,0,.75);
}

#news_accueil .date_news, #liste_scolaire .date_news, #details_news .date_news, #news_liste .date_news, #news_enquete .date_news {
    text-transform:uppercase;
    color: rgba(0,0,0,.6);
    font-size:.9rem;
    margin-top:.5rem;
    
    margin-bottom:1.3rem;
}

#news_accueil .voir_plus span, #news_liste .voir_plus span, #liste_scolaire .voir_plus span, #news_enquete .voir_plus span {
    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_enquete .voir_plus span {
	right:11px;
}

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

#news_enquete .voir_plus i {
	right: 1.1rem;	
}

#news_liste {
    margin-top:1rem;
}

.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;
}

#news_boutique .card-img-top, #news_boutique .card-img-top img {
	background-color:#fbfbfb;
}

#news_boutique picture:after {
	height:2.8rem;
	width:2.8rem;
	display:flex;
	background-color:white;;
	content:'\f144';
    font-family: "Font Awesome 5 Free";
	color:#333333;
	justify-content:center;
	align-items:center;
	z-index:100;
	font-size:3rem;
	position:absolute;
	margin-top:-33%;
	margin-left:43%;
	border-radius:50%;
}

picture {
    overflow:hidden;
    display:block;
}

.card:hover img{
    transform: scale(1.1);
}

/***** FIN LISTE NEWS ACCUEIL ******/

/************ EN 1 CLIC **********/
#en1clic {
    background-color:#ffffff;
    width:100%;
    padding-top:1rem;
    padding-bottom:1rem;
    margin-top:0;
    margin-bottom:.1rem;
}

#en1clic .container {
	padding:0;
}

#en1clic ul {
	padding-left:0;
	display: flex;
    align-items: center;
}

.en1clic_lien {
    display:inline-flex;
	padding:0;
	font-size:1rem;
}

.en1clic_lien a {
    transition:.15s ease-in-out;
	padding:0 .5rem;
}


.en1clic_lien:active a,  .en1clic_lien:hover a{
    font-weight:bolder;
}

.en1clic_lien::before {
    content:"";
    margin-left:0;
}

.en1clic_lien:not(:first-of-type):before {
    content:".";
    float:left;
	color:white;
	font-weight:lighter;
	border-left:1px solid #999999;
}

.en1clic_lien i {
    margin-right:.5rem;
    font-size:1.5rem;
}

/********** FIN EN 1 CLIC ********/

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

.div_contenu {
    background-color:white;
    //margin-bottom:0.3rem;
    //padding-top:.5rem;
}

.div_contenu a {
    text-decoration:underline;
}


#titre_page {
    //height:3rem;
    //margin-bottom:1px;
    background-color:white;
    padding-top:.4rem;
    padding-bottom:.5rem;
    
    border-bottom:1px solid #ececec;
}

#titre_page h1 {
    padding-top:.8rem;
    font-size:1.3rem;
}

.titre_contenu {
    padding-top:1rem;
    padding-bottom:.6rem;
    font-size:1.1rem;
}

.titre_contenu i {
    margin-right:.5rem;
}

.galerie_contenu {
    padding-bottom:1.5rem;
}

.table_tarifs .table thead th {
    border-top-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    border-bottom-width:1px;
}

.table_tarifs .table td:first-of-type {
    border-left-color:transparent;
}

.table_tarifs .table td:last-of-type {
    border-right-color:transparent;
}

.table_tarifs .table .caption {
    color:#6c757d;
}

.table_tarifs thead tr th, .table_tarifs tbody tr td {
    text-align:left;
}

caption {
    caption-side:top;
}

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

.frise_horaire {
    margin-bottom:1rem;
}

.frise_horaire p {
    margin-top:1rem;
    margin-bottom:0;
}

.medium_affluence {
    border-bottom:5px solid gold;
}

.low_affluence {
    border-bottom:5px solid green;
}

.high_affluence {
    border-bottom:5px solid tomato;
}

.empty_affluence {
    border-bottom:5px solid #F0F0F0;
}

.medium_affluence p, .low_affluence p, .high_affluence p,  .empty_affluence p {
    margin-top:0;
}

thead tr th, tbody tr td {
    text-align:center;
}

.tarifs .row {   
    padding-top:.1rem;
}

.tarifs .row:first-of-type {
    border-top:1px solid lightgrey;
}

.tarifs .row:last-of-type {
    //border-bottom:0;
    border-top:0;
    border-bottom:1px solid lightgrey;
    padding-bottom:.1rem;
}

.tarifs .row [class^="col-"]:last-of-type {
    border-left:1px solid lightgrey;
}


.titre_tarifs {
    margin-bottom:.5rem;
    margin-top:1rem;
}

.traitement-donnee-form {
	font-size:.85rem;
}

.frame-layout-18 {
	color:#555555;
	margin-top:2rem;
}

.frame-layout-18 h2 {
	font-size:1rem;
	color:#555555;
}

.frame-layout-18 hr.titre_h2 {
	background-color:#555555;
}
   
/************ FIN CONTENU ************/


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

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

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

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

/*#container_carrefour #content_main > .col-12 {
    padding:0;
}*/

.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;
}

.item_carrefour .calameo-canvas body {
	background:transparent;
}

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

.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 ******/

/*********** SCOLAIRES **********/

#liste_scolaire .card {
  border:0;
  border-radius:0;
  margin:1.3rem 0;
}    

#liste_scolaire .card:hover img {
    transform:none;
}

#liste_scolaire .card-title {
    padding-top:0;
    margin-top:.7rem;
}

#liste_scolaire .card-body {
    padding:1rem;
    flex-direction:column;
    display:flex;
}

[id^=scolaire_bodytext_]{
    align-self:flex-start;
    margin-top:.5rem;
}

.flag_keywords {
    background-color:grey;
}

.flag_tags {
    border: 2px solid black;
    color:black;
    font-weight:bold;
    font-size:.8rem;
    padding:0 .3rem;
    text-transform:uppercase;
    margin-left:.4rem;
}

#liste_scolaire .date_news p:before {
    content:'\f017';
    font-family: "Font Awesome 5 Free";
    margin-right:.5rem;
}

#liste_scolaire .scolaire_details {
    color:#BEBEBE;
    font-size:.9rem;
}

#liste_scolaire .scolaire_details hr {
    width:10%;
    margin-left:45%;
    margin-top:.2rem;
    margin-bottom:0;
    border-width:.15rem;
}

.news_lieu:before {
    content:"\f3c5";
    font-family:"Font Awesome 5 Free";
    margin-right:1rem;
    font-weight: 900;
}

.news_malentendant:before {
    content:"\f2a4";
    font-family:"Font Awesome 5 Free";
    margin-right:1rem;
    font-weight: 900;
}

#liste_scolaire ul li, .news_lieu, .news_tarif, .news_duree, .news_public, .news_malentendant {
    color:#444444;
    //font-size:.9rem;
}

.news_tarif:before {
    content:"\f153";
    font-family:"Font Awesome 5 Free";
    margin-right:1rem;
    font-weight: 900;
}

.news_duree:before{
	content:'\f017';
    font-family: "Font Awesome 5 Free";
	margin-right:.7rem;
}

.news_public:before {
	content:'\f500';
	font-family: "Font Awesome 5 Free";
	margin-right:.5rem;
    font-weight: 900;
}

#liste_scolaire ul li {
    padding-left:0;
}

.billetterie_bouton {
    text-align:center;
    margin:2rem 0 1rem 0 !important;
}

.billetterie_bouton a {
    color:black;
    padding:.6rem 1rem;
    border-radius:4px;
    background-color:transparent;
    text-decoration:none !important;
    
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    
    border:1px solid black;
}

.card:hover .billetterie_bouton a, .card .billetterie_bouton a:active, .card:focus .billetterie_bouton a, .billetterie_bouton:hover a {
    color:white;
    background-color:black;
}

#liste_scolaire .scolaire_details_moins {
    margin-top:1rem;
}

/******** FIN SCOLAIRES *********/

/******* PAGE NEWS ********/

#container_news {
    //margin-top:.5rem;
}
    
#details_news .picture {
    //padding-bottom:1rem;
}

.details_news_texte {
    padding:1rem;
}

#news-related-block {
    background-color:white;
}

.pager {
    padding:1rem;
}

.bodytext_news a {
    text-decoration:underline;
}

.news-related-wrap {
    margin-top:0;
}

/****** FIN PAGE NEWS *****/


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

p.text-chapeau {
    font-weight:bold;
}

p.document_link:before {
    content:'\f15c';
    font-family:'Font Awesome 5 Free';
    margin-right:1rem;
}

p.document_link a, .news_tarif a, .contact_link a{
    text-decoration:underline;
}

.contact_link:before {
    content:'\f0e0';
    font-family:'Font Awesome 5 Free';
    margin-right:1rem;
}

#breadcrumb {
    margin-bottom:1rem;
    background-color:white;    
}

.breadcrumb {
    background-color:white;
    padding:1rem 0;
    margin:0;
}

.breadcrumb-item i.fa-home {
    padding-right:.8rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    content:" > ";
    padding-right:.8rem;
}

li.breadcrumb-item::before {
    margin-left:0;
}

.breadcrumb li {
    font-size:1.2rem;
    padding-left:.8rem;
}

.breadcrumb li.active a {
    font-weight:bold;
}    

.breadcrumb li:first-child, .breadcrumb li:first-child a {
    padding-left:0;
}

figure {
    margin:0;
    margin-bottom:1rem;
}

figure figcaption {
    font-size:.8rem;
    margin:.2rem 1rem;
    text-align:right;
}

div.figure-right p, div.figure-left p, div.figure-center p {
    padding:0 1rem;
	margin: .5rem 0;
}

.bouton a{
    display:inline-block;
    border:1px solid #333;
    color:#333;
    padding:.5rem 1rem;
    text-decoration:none;
}

#map {
    width:100%;
    height:45vh;
    //margin-bottom:1rem;
    z-index:1;
}

.sommaire {
    background-color:white;
    padding:.5rem 0;
}

.sommaire ul {
    margin:0;
}

.sommaire ul li {
    padding:.5rem 1.2rem;;
}

.sommaire ul li:before {
    content:"";
}

.sommaire ul li a {
    text-decoration:underline;
}
    
/**** FIN CONTENU ****/


/****** BLOCS TYPE ******/

.documents {
    background-color:rgba(0,0,0,0.1);
    margin-bottom:1rem;
    margin-top:1rem;
}

.documents ul {
    margin-top:.5rem;
    margin-bottom:.5rem;
}

.documents li:before {
    font-family:'Font Awesome 5 Free';
    border-radius:50%;
    border: 2px solid white;
    text-align:center;
    line-height: 2.5rem;
    top:.7rem;
    font-size:1.4rem;
    margin-left:0;
    
    padding:.5rem;
    margin-right:1rem;
}

.documents li:before {
    content:'\f15c';
}

.documents li{
    padding:1rem;
}

/**** FIN BLOCS TYPE ****/


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


/***** TARTEAUCITRON ****/
	.tarteaucitronLine:before, .tarteaucitronHidden:before {
		content:none;
	}
/***** FIN TARTEAUCITRON ****/

/**********************************************************************************
*********************************** FIN GENERAL ***********************************
**********************************************************************************/


/*********************************************************************************
*********************************** RESPONSIVE ***********************************
*********************************************************************************/


/**** Mobile et + ****/
@media (min-width:360px) { 
    /*#acces_rapide .swiper-slide {
        //width:31vw;
        width:73%;
    }*/
}


/**** Mobile gros et + ****/
@media (min-width:576px) { 
    figure figcaption {
        margin:.5rem 1rem;
    }
    
    #logo_site img {
        padding-top:.6rem;
    }
}

/**** Tablette et + ****/
@media (min-width:768px) {
    
    #logo_site img {
        padding-top:.6rem;
		max-height: 80px;
		width: auto;
		margin-left: auto;
		margin-right: auto;
    }
    
    .texte_une {
        bottom:1rem;
    }
    
    .image_une {
        width:100%;
        height:auto;
        //min-height:433px;
    }
    
    #header_main_accueil {
        //position:absolute;
        //min-height:110px;
        background-color:transparent;
    }
    
    #acces_rapide picture {
    max-height:200px;
}
    
    /*#acces_rapide .bloc_image {
        height:200px;
        width:200px;
    }*/
    
    /*#acces_rapide .bloc_image p {
        margin-top:.3rem;
    }*/
    
    #acces_rapide .swiper-slide {
        width:41.6%;
    }
    
    #icone_back i  {
        font-size:2rem;
        line-height:3.8rem;
    }
    
    #icone_menu_ouvert, #icone_menu_fermer {
        font-size:2rem;
        line-height:3.9rem;
    }
    
    #container_news {
        margin-top:1rem;
    }
    
    #details_news img {
        border-radius:6px;
    }
    
    #details_news .picture {
        padding-top:1rem;
    }
    
    #news_accueil, .liste_scolaire, #news_liste, #news_enquete {
        padding-left:15px !important;
        padding-right:15px !important;
    }
    
    #liste_scolaire, .liste_scolaire {
        display:flex;
    }
    
    #container_carrefour{
        margin:auto;
        max-width:1140px;
    }
    
    #carrefour_page, #content, #liste_news {
        min-height:60vh;
    }
    
    .div_carrefour  {
        background-color:#ececec;
    }
    
    .div_carrefour .row {
        align-items:stretch;
    }
    
    #content {
        padding-left:15px;
        padding-right:15px;
    }
    
    .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;      
		margin-bottom:1rem;
    }
    
    .documents {
        margin-left:.1rem;
        margin-right:.1rem;
    }
    
    .documents h4 {
        padding-bottom:.5rem;
    }
    
    .documents ul {
        margin:0;
    }
    
    .documents li {
        border-bottom:1px solid black;
        margin-bottom:.5rem;
    }
    
    .documents li:last-child {
        border:none;
        margin-bottom:0;
    }
    
    #second_footer {
        text-align:center;
    }
    
    footer #second_footer ul{
        padding:0;
    }
    
    footer #second_footer ul li:before {
        content:"";
    }
    
    #footer_logo_metropole {
        max-width:100px;
    }
    
    #footer_logo_mmm, #footer_logo_ul {
        max-width:120px;
    }
    
    #footer_logo_nancy_place {
       margin-bottom:1rem;
       width:30%;
       max-width:90px; 
    }
}

/**** Ordi petit et + ****/
@media (min-width:992px) {
    
    #logo_site img {
        padding:0;
        width:80%;
		max-height:fit-content;
    }
        
    #content_main {
        margin-bottom:1rem;
    }
    
    #header_main {
        //position:relative;
    }
    
    /*#header_main .container-fluid, #header_main_accueil .container-fluid {
        max-width:1140px;
    }*/
    
    #parent_subcontent {
        //display:table;
        flex:0 0 100%;
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
    }
    
    #parent_subcontent, #details_news {
        padding-top:0;
    }
    
    #sub_content {
       z-index:1;
       display:inline-block !important;
    }
    
    #main_content {
        padding-top:0;
        //border-right:1rem solid white;
        //float:right;
    }
    
    /*#container_news, #container_carrefour, #container_accueil {
        float:right;
        display:block;
        width:98%;
        margin-top:0;
    }*/
    
    #carrefour_page, #liste_news {
        padding-left:15px;
        padding-right:15px;
    }
    
    .header_menu{
        height:auto;
    }
    
    #affix {
        width:293px;
        top:10px;
    }
    
    .affix-bottom {
        position:absolute; 
    }
    
    .nav > li.dropdown.show .dropdown-menu {
        top:11px !important; 
    }
    
    .nav li {
        font-size:1.1rem;
		padding-left:.5rem;
    }
    
    .nav li.dropdown-item {
        font-size:1rem;
    }
    
    footer .footer_bouton {
        font-size:1.1rem;
    }
    
    #footer_newsletter {
        padding-top:1rem;
    }

    /***** MENU sticky LEFT ******/
    .sticky-left-menu-container{
        //float:left;
        //width:60px;
        
        z-index:100;
        position:fixed;
        background-color:white;
        //bottom:10px;
        
       /* -webkit-box-shadow: 1px 1px 1px 0px rgba(194, 194, 194, 0.34);
        -moz-box-shadow: 1px 1px 1px 0px rgba(194, 194, 194, 0.34); 
        box-shadow: 1px 1px 1px 0px rgba(194, 194, 194, 0.34);*/
        
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
    }

    .sticky-left-menu-container .menu-icon{
        
        display:block;
        text-align: center; 
        text-decoration: none; 
        padding: 13px 13px;
        font-size:1.2rem;
        
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .sticky-left-menu-container .menu-icon:hover{
        color:black;
        background-color:rgba(150,150,150,.1);
        
    }
    
    /***** MENU FIX LEFT ******/
    
	.header_menu_desk ul li:before{
        content:"";
		float:left;
		color:white;
    }
	
    .header_menu_desk ul li:not(:first-of-type):before{
        content:"|";
    }

	.header_menu_desk ul li.dropdown-item:before {
        content:none;
    }
	
	.header_menu_desk ul li ul li a.dropdown-toggle {
		display:none;
	}
    
    .header_menu_desk ul li a{
        color:white;
    }
    
    .header_menu_desk .dropdown-menu {
        padding:0;
    }
    
    .header_menu_desk .dropdown-item {
        //padding-top:.8rem;
        //padding-bottom:.8rem;
        padding:0;
        border-bottom:1px solid rgba(209,209,209,.5);
        border-radius:.25rem;
    }
    
    .header_menu_desk .dropdown-item:hover {
        border-radius:.25rem;
    }
    
    .header_menu_desk .dropdown-item:active {
        background-color:#f8f9fa;
        color:black;
    }
    
    .header_menu_desk .dropdown-toggle:after {
        content:none;
    }
    
    .header_menu_desk .dropdown-item a {
        color:black;
        padding:.8rem 1rem;
        display:block;
    }
    
    #menu_desk {
        padding-bottom:.5rem;
    }
    
    .hr_menu_desk{
        border: 1px solid white;
        border-radius:4px;
        width:0px;
        height:0px;
        opacity:0;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:0;
        margin-top:5px;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .nav > li:hover .hr_menu_desk, .nav > li.show .hr_menu_desk {
        width:15px;
        opacity:1;
    }
    
    /*#acces_rapide .bloc_image {
        height:230px;
        width:230px;
    }*/
    
    /*#acces_rapide .bloc_image p {
        margin-top:.3rem;
    }*/
	
	#acces_rapide .swiper-slide {
		width:33.3%;
	}
    
    #acces_rapide picture {
        max-height:230px;
    }
    
    #acces_rapide .swiper-wrapper {
        margin:0 3rem;
    }
    
    .image_une {
        max-height:80vh;
        overflow:hidden;
    }
      
    .image_une img {
        padding-top:0;
    }
    
    #news_liste {
        margin-top:0;
    }
	
	.en1clic_lien {
		font-size:1.2rem;
		 display:inline-block;
		width:33.33%;
		padding-left:0;
	}
    
    
}

/**** Ordi gros et + ****/
@media (min-width:1200px) {
    
    /*.image_une {
        height:70vh;
        max-height:1080px;
    }*/
             
    #affix {
       width:360px;
       top:10px;
    }
    
    
}

@media (min-width:1400px) {
	#acces_rapide {
		/* max-width:1320px; */
	}
	
	#acces_rapide .swiper-wrapper {
		margin:0;
	}
	
	.frame-type-html:has(#acces_rapide) {
		justify-content: center;
		display: flex;
	}
	
}

/*********************************************************************************
********************************* FIN RESPONSIVE *********************************
*********************************************************************************/