@font-face {
  font-family: PT_Sans;
  src: url(https://static.grandnancy.eu/GDN/fonts/PT_Sans/PTSans-Regular.ttf);
  font-display: swap;
}

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

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

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

* {
	font-family:'PT_Sans', Arial, sans-serif !important;
}

.fa, .fas, .fa-solid {
    font-family: 'Font Awesome 5 Free' !important;
}

.fab, .fa-brands {
    font-family: 'Font Awesome 5 Brands' !important;
}

h2, .menu-pages li .card .card-title {
    font-size: 2.2rem !important;
    color: #000;
    margin: 1em 0 !important;
}

h2:after, .menu-pages li .card .card-title:after {
    background-color: #d3cdca;
}

/*** HEADER ***/
	#h_top {
		background-color:black;
	}
	
	#h_top a {
		color:white;
	}
	
	#h_top .reseaux_sociaux ul li a:before, 
	#h_top .reseaux_sociaux #dropdown_button_rs:before, 
	#h_top .reseaux_sociaux .dropdown-menu .dropdown-item {
		color: #d3cdca;
	}
	
	#h_top .reseaux_sociaux .dropdown-menu .dropdown-item:focus, 
	#h_top .reseaux_sociaux .dropdown-menu .dropdown-item:focus:before {
		color:white;
		background-color:transparent;
		text-decoration:underline;
	}
	
	#h_main, #h_main #menu {
		background-color:#d3cdca;
	}
	
	#h_main .logo_poirel {
		display:inline-block;
	}
	
	#h_main .logo_poirel img {
		width: 5.75rem;
	}
	
	#h_main #menu_mobile #menu_icone span {
		background: black;
	}
	
	#h_main #menu ul li.lien_menu a {
		color: #282d33;
	}
	
	#h_main #menu form .input-group, #h_main #menu_desk form .input-group {
		border: 0.2rem solid #282d33;
		color: #282d33;
	}
	
	#h_main #menu form .form-control::placeholder, #h_main #menu_desk form .form-control::placeholder {
		color:black;
	}
	
	#h_bottom {
		background-color:#d3cdca;
	}
	
	#h_part2 {
		background-image: url(/typo3conf/ext/dsit_confignanminisites/Resources/Public/Php/BackgroundImageHeaderPOIREL.php);
		background-size: cover;
		background-repeat: no-repeat;
		background-position-x: center;
	}
/*** FIN HEADER ***/

/**** FIL D'ARIANNE ****/
.breadcrumb-item, .breadcrumb-item.active {
	font-size: 0.81rem;
    color: #000;
}

.breadcrumb-item a {
	color:#5E6D7A;
}

.breadcrumb-item a:hover {
	color:black;
}
/**** FIN FIL D'ARIANNE ****/

/***** LIEN RS / PARTAGE ******/
	.outils ul li button i, .outils .dropdown button:before {
		color:#5E6D7A;
	}
	
	.outils button {
		background-color:transparent;
	}
	
	.outils .dropdown button:before {
		color:black;
	}
	
	.outils .dropdown-menu {
		background: #d3cdca;
		color: #000;
		border:0;
		border-radius:0;
	}
	
	.outils .dropdown-menu li:before, .outils .dropdown-menu li a {
		color:black;
		text-decoration:none;
	}
	
	.outils .dropdown-menu li a:hover {
		color:black;
		text-decoration:underline;
	}
	
	.outils .dropdown-menu li.email button, 
	.outils .dropdown-menu li.google button,
	.outils .dropdown-menu li.linkedin button,
	.outils .dropdown-menu li.viadeo button {
		background-color:transparent;
	}
/***** FIN LIEN RS / PARTAGE ******/

#container-accueil h2:after {
    background-color: #282d33;
}

.header_page, .contenu_haut {
	background-color: #ebeced;
}

.header_page h1, h1 {
    font-size: 1.75rem !important;
    color: #000;
}

.header_page p {
	color: #5E6D7A;
    font-size: 1.25rem;
}

.encadre:before {
    color: #d3cdca;
	border-right: 1px solid #d3cdca;
}

.encadre a {
    color: #656c74;
	display:contents;
}

.contenu-complement {
	background-color:#d3cdca;
}

main a {
	color: #656c74;
}

main ul>li:before {
    color: #d3cdca;
}

#haut-page a {
    background-color: #d3cdca;
    color: #fff;
}

/*** MENU PAGE ***/
	#container-accueil .menu-pages li .card {
		background-color: #282d33;
	}
	
	#container-accueil .menu-pages li .card a,
	#container-accueil .menu-pages li .card p.card-title,
	#container-accueil .menu-pages li .card p.card-text {
		color:white;
		text-decoration: none;
	}
	
	#container-accueil .menu-pages li .card .card-title:after {
		background-color:transparent;
	}
	
	#container-accueil .menu-pages li .card a:focus .card-bouton,
	#container-accueil .menu-pages li .card a:hover .card-bouton {
		background-color: #d3cdca;
		color:#282d33;
	}
/*** FIN MENU PAGE ***/

/*** ACCES DIRECT ***/
	.acces-direct-contenu:before {
		background-color: #d3cdca;
	}
	
	.acces-direct-contenu {
		background-color: #fff;
	}
	
	.acces-direct-contenu .acces-direct-lien {
		color: #282d33;
		background-color: #d3cdca;
		margin-bottom:0;
	}
	
	.acces-direct-contenu .acces-direct-titre:before,
	.acces-direct-contenu .acces-direct-titre:after {
		background-color: #d3cdca;
	}
	
	.acces-direct-contenu .acces-direct-titre {
		color: #d3cdca;
		background-color: #282d33;
	}
/*** FIN ACCES DIRECT ***/

/*** INFOS BLOCK ***/
	.infos-item {
		background-color: #d3cdca;
	}
	
	.infos-block .infos-item .infos-teaser {
		color: #282d33;
	}
	
	.infos-block .infos-item a {
		color:#282d33;
		text-decoration:none;
	}
	
	.infos-block .infos-item a:hover, .infos-block .infos-item a:focus {
		color:#282d33;
		text-decoration:underline;
	}
/*** FIN INFOS BLOCK ***/

/**** CAROUSEL / SLIDER IMAGE ****/
	.ce-gallery .carousel-control-prev, .ce-gallery .carousel-control-next,
	.frame-layout-51 .carousel-control-prev, .frame-layout-51 .carousel-control-next	{
		background: #282d33;
	}
	
	.ce-gallery .carousel-indicators [data-bs-target],
	.frame-layout-51 .carousel-indicators [data-bs-target] {
		background-color:#282d33;
	}
/**** FIN CAROUSEL / SLIDER IMAGE ****/

/**** ACCORDEONS (layout-18) ****/
	.frame-layout-18 .card {
		border-color:rgba(40,45,51,1);
	}
	.frame-layout-18 .card .card-header .bouton-accordeon {
		background-color: rgba(211,205,202,1);
	}
/**** FIN ACCORDEONS (layout-18) ****/

/***** SWIPER IMAGE *****/
	.ce-gallery img {
		margin-left:auto;
		margin-right:auto;
	}
	
	.swiper-pagination {
		position:relative;
		bottom: 0 !important;
		margin-top:1rem;
	}
	
	.swiper-pagination-bullet {
		line-height:2.5;
	}
	
	.galerie_contenu_bouton_prev:after, .galerie_contenu_bouton_next:after {
		color: #282d33;
	}
	
	.swiper-pagination-bullet-active {
		background-color:#282d33;
	}
	
/***** FIN SWIPER IMAGE *****/

/*** AGENDA ***/
#container-accueil h2.title-2, .title-2 {
	font-size: 1.25rem !important;
}
#container-accueil h2.title-2:after, .title-2:after {
  background-color: #D3CDCA;
}
h2.title-2:after {
		left:0px;
		bottom: -0.5rem;
}
#container-accueil h3.title-3:after {left:0;}
h3.title-3:after, h2.event-details-content-title:after {
	left:12px;
}

a.bouton-agenda {text-decoration:none;}

.bouton-agenda.card-bouton {
	float:right;
    background-color: #d3cdca !important;
    color: #282d33;
    line-height: 1;
	width:16rem;
}
	.bouton-agenda.card-bouton:hover {
		background-color: #22272e !important;
		color: #fff;
	}


/*** FIN AGENDA ***/

/*** NOTICES NEWS ****/
	.frame-layout-15 .card .card-body, .frame-layout-115 .card .card-body {
		background-color: #282D33;
		color:white;
		font-size:1rem;
	}
	
	.frame-layout-15 .card:hover .card-body, .frame-layout-115 .card:hover .card-body  {
		background-color: #d3cdca;
		color: #282D33;
	}
	
	.frame-layout-15 .card-first:hover .card-body, .frame-layout-115 .card-first:hover .card-body {
		text-decoration:underline;
		background-color: #282D33;
		color:white;
	}
	
	.frame-layout-15 .card .card-body .card-category, .frame-layout-115 .card .card-body .card-category  {
		color: #d3cdca;
	}
	
	.frame-layout-15 .card-first .card-body .card-category, .frame-layout-115 .card-first .card-body .card-category {
		color: #282D33;
		background-color:#d3cdca;
	}
	
	.frame-layout-15 .card:hover .card-body .card-category, .frame-layout-115 .card:hover .card-body .card-category {
		color: #282D33;
	}
	
	.frame-layout-15 .card-first:hover .card-body .card-category, .frame-layout-115 .card-first:hover .card-body .card-category {
		color: #282D33;
		background-color:#d3cdca;
	}
	
	#container-accueil .card-bouton a {
		color:#282d33;
	}

	#container-accueil .card-bouton:focus, #container-accueil .card-bouton:hover {
		color:white;
		background-color:#282d33;
	}
	
	#container-accueil .card-bouton:focus a, #container-accueil .card-bouton:hover a {
		color:white;
	}
	
	.news .article h3 {
		margin-bottom:1.56rem;
	}
	
	.news .dropdown-menu {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
/*** FIN NOTICES NEWS ****/

/**** NEWS LISTE ****/
	.frame-layout-52 .card .card-title:after {
		background-color: #d3cdca;
	}
/**** FIN NEWS LISTE ****/

/**** FOOTER ****/
footer {
	background: rgb(211,205,202);
	background: linear-gradient(180deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 78%, rgba(40,45,51,1) 78%, rgba(40,45,51,1) 100%);
}

footer > .container {
	background: rgb(211,205,202);
	background: linear-gradient(180deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 78%, rgba(40,45,51,1) 78%, rgba(40,45,51,1) 100%);
}

footer .footer-infos {
	font-size:.85rem;
}

footer .footer-infos:before {
	background-color: #282d33;
}

footer .liens li a, footer a {
	color: #282d33;
}

footer .lien-bouton {
	border: 1px solid #282d33;
    color: #282d33;
    font-size: 1rem;
}

footer .footer-newsletter button:before {
    color: #d3cdca;
}

footer .footer-newsletter button:hover, footer .footer-newsletter button:focus {
    background-color: #d3cdca;
}

footer .footer-newsletter button:hover:before, footer .footer-newsletter button:focus:before {
    color:#282d33;
}

footer .footer-newsletter {
	color:white;
}

footer .footer-newsletter button {
    background-color: #282d33;
}

footer .footer-newsletter ul li a {
	color:white;
}

footer #lettre p {
		font-size:0.9rem;
}

footer p.inscription {
	text-align: center;
	margin-top: 2rem;
 }
 
 footer .inscription a{
	border:1px solid #D3CDCA;
	padding:0.5rem 1rem;
	font-size: 1rem;
	background-color: #282D33;
	color: #fff;
	text-decoration: none;
 } 
 footer .inscription a:hover{
	background-color: #D3CDCA;
	color: #282D33;
	text-decoration: none;
 }
/**** FIN FOOTER ****/

@media (min-width: 768px) {	
	.header_page h1, h1 {
		font-size: 2.81rem !important;
	}
	
	footer  {
		background: linear-gradient(180deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 61%, rgba(40,45,51,1) 61%, rgba(40,45,51,1) 100%);
	}
	
	footer > .container {
		background: linear-gradient(180deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 61%, rgba(40,45,51,1) 61%, rgba(40,45,51,1) 100%);
	}
	
	footer .footer-infos:before {
		margin-left:0;
	}
}

@media (min-width: 992px) {
	#h_main #h_part1 {
	  width: 41.9rem;
	  padding: 2rem 7.5rem 2rem 12rem;
	}
	#h_main .logo_poirel img {
		width: 9.2rem;
	}
	
	#h_main #menu_desk ul li.lien_menu, #h_main #menu_desk_content ul li.lien_menu {
		font-size:1.25rem;
	}
	
	#h_main #menu_desk ul li.lien_menu a, #h_main #menu_desk_content ul li.lien_menu a {
		color:black;
	}
	
	
	footer  {
		background: linear-gradient(180deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 61%, rgba(40,45,51,1) 61%, rgba(40,45,51,1) 100%);
	}
	
	footer > .container {
		background: linear-gradient(180deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 61%, rgba(40,45,51,1) 61%, rgba(40,45,51,1) 100%);
	}

}

@media (min-width: 1200px) {
	
	footer  {
		background: linear-gradient(90deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 76%, rgba(40,45,51,1) 76%, rgba(40,45,51,1) 100%);
	}
	
	footer > .container {
		background: linear-gradient(90deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 78%, rgba(40,45,51,1) 78%, rgba(40,45,51,1) 100%);
	}
}

@media (min-width: 1280px) {
	#h_main .logo_poirel img {
		width: 13.75rem;
	}
	
	#h_main #h_part1 hr {
		color:#282d33;
		opacity:1;
	}
	
	footer  {
		background: linear-gradient(90deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 70%, rgba(40,45,51,1) 70%, rgba(40,45,51,1) 100%);
	}

	footer > .container {
		background: linear-gradient(90deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 74%, rgba(40,45,51,1) 74%, rgba(40,45,51,1) 100%);
	}

	
}

@media (min-width: 1920px) {
	footer  {
		background: linear-gradient(90deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 67%, rgba(40,45,51,1) 67%, rgba(40,45,51,1) 100%);
	}
	
	footer > .container {
		background: linear-gradient(90deg, rgba(211,205,202,1) 0%, rgba(211,205,202,1) 73%, rgba(40,45,51,1) 73%, rgba(40,45,51,1) 100%);
	}
}