@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
* { box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
a:visited { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
video { margin: 48px auto; width: 100%; border-radius:8px; height: calc(@video-width * 0.5628205128205128); max-height: 680px; }

@view-transition { navigation: auto; }
::view-transition-group(*) { animation-duration: .33s; }
::view-transition-old(content) { animation: slide-out 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards; }
::view-transition-new(content) { animation: slide-in 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards; }
@media (prefers-reduced-motion: reduce) { ::view-transition-group(*) { animation-duration: 0s; } }

html{ min-height:100%; margin: 0; padding: 0; }
body{ font-size: 16px; font-family: "Lexend", sans-serif, verdana; margin: 0; padding: 0; }
.inner { max-width: 1280px; margin: 0 auto; padding:0 1em; width: 100%; }
.innersmall { max-width: 980px; margin: 0 auto; padding:0 1em; width: 100%;}
img{ max-width: 100%; height: auto; }
.image-style-align-left { float: left; margin-right: 1em; margin-left: 0; margin-bottom: 1em; }
.image-style-align-right { float: right; margin-left: 1em; margin-right: 0; margin-bottom: 1em; }
.right{ text-align: right;}
audio{ height: 40px; }

h1,h2,h3,h4,h5,h6 { font-family: "Lexend", sans-serif, verdana; color:#000000; margin: 0; line-height: 1.5; }
h1 { font-size:44px; font-weight: 700; }
h2 { font-size:36px; font-weight: 700; }
h3 { font-size:26px; font-weight: 700; }
h4 { font-size:22px; font-weight: 700; }
h5 { font-size:18px; font-weight: 700; }
h6 { font-size:12px; font-weight: 700; }

.surtitre { font-size:16px; color: #009FE3; text-transform: uppercase; margin-top: 40px; font-weight: 600; font-family: "Lexend", sans-serif, verdana; letter-spacing: 1px; }
.titraille { font-size:32px; color: #045491; text-transform: uppercase; margin-top: 40px; font-weight: 700; font-family: "Roboto Condensed", sans-serif, verdana; letter-spacing:  -1px; }
.titraille::before { content:url("/medias/charte/TitreBefore.svg"); position:relative; left:0; top:-42px; margin-right: -20px;}
.textlarge { font-size: 19px; }
.show-phone { display: none; }
.hide-phone { display: inline-block; }
blockquote { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 24px 64px; color: #3668B8; border-left: 2px solid #3668B8; padding: 0px 0px 0px 24px; }

/* BOUTON */
.bouton:link, input[type='submit'].bouton { background: #009FE3; border-radius: 28px; padding-left: 28px; padding-right: 28px; color:white; text-decoration: none; font-size: inherit; border: 0; line-height:3; display: inline-block; }
.bouton:hover, input[type='submit'].bouton:hover{ background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #009FE3; text-decoration: none; }
.bouton:visited{ background: #009FE3; border-radius: 28px; padding-left: 28px; padding-right: 28px; color:white; text-decoration: none; font-size: inherit; border: 0; line-height:3; display: inline-block; }
.boutonalt:link, .boutonalt:visited { background: #ffffff; border-radius: 28px; padding-left: 28px; padding-right: 28px; text-decoration: none; font-size: inherit; line-height: 3; display: inline-block; color:rgba(0, 159, 227, 1); } 
.boutonalt:hover{ background: #F1F7FD; text-decoration: none; }
.bouton > img { vertical-align: middle; }
.boutonalt.agenda { border: 2px solid #DBE3EF; border-radius: 27px; color: #000000; }
.hidephonemoncompte { display: inline; }

@media (max-width: 1100px) { 
	.hidephonemoncompte { display: none; }	
}

@media (max-width: 768px) {
	h1 { font-size:36px; }
	h2 { font-size:26px; }
	h3 { font-size:23px; }
	h4 { font-size:20px; }
	h5 { font-size:18px; }
	h6 { font-size:11px; }
	.surtitre { font-size:16px; text-transform: uppercase; font-weight: 600; display: block; width: 100%;}
	.titraille { text-transform: none; }
	.show-phone { display: inline-block; }
	.hide-phone { display: none; }
}

#header { margin: 0; padding: 0; position: sticky; top:0; z-index: 10000; }

	#header > #menupub { background: white; height: 68px; margin: 0; font-family: "Roboto Condensed", sans-serif, verdana;}
	#header > #menupub > .inner { display: flex; justify-content: space-between; }
	@media (max-width: 1280px) { #menupub > .inner { display: flex; justify-content: flex-start; gap:20px; } }
	#header > #menupub .logo { height: 36px; margin: auto 0;}
	#header > #menupub ul { margin:0; padding:0; display: flex; gap:32px; line-height: 68px; }
	#header > #menupub ul li { list-style: none;}
	#header > #menupub ul li a { color: #045491; text-decoration: none; text-transform: uppercase; font-size:16pt; font-weight: 700; }
	#header > #menupub .menubtnrecherche, #menupub .rezo { height: 36px; display: inline-block; margin: auto 0;}
	#header > #menupub .menubtnrecherche img, #menupub .rezo img { height: 36px; }
	@media (max-width: 1280px) { #header > #menupub .rezo { display: none; } }
	@media (max-width: 1080px) { #header > #menupub .menubtnrecherche { display: none; } }

	#header > #menupriv { background: #3668B8; height: 56px; font-family: "Lexend", sans-serif, verdana; }
	#header > #menupriv .inner{ display: flex; flex-direction: row; justify-content: space-between; }
	#header > #menupriv ul { margin:0; padding:0; display: flex; gap:28px; line-height: 56px; }
	#header > #menupriv ul.deconnexion { }
	#header > #menupriv ul li { list-style: none; }
	#header > #menupriv ul li a { color:white; text-decoration: none; font-size:14px; line-height: 22px; font-weight: 400; }
	#header > #menupriv ul.deconnexion li a { font-weight: 600; }
	#header > #menupriv ul.deconnexion li a img { font-weight: 600; max-height:24px; width: auto !important; vertical-align: middle; margin-bottom: 5px; }
		#header > #menupriv ul li ul.sousmenup { display:none; border: none; background-color: #FFF; position: absolute; width: auto; margin-top: -49px;  margin-left: -16px; border-radius: 8px; font-size:14px; white-space: nowrap; }
		#header > #menupriv ul li ul.sousmenup li { font-weight: 600; color:#000; padding: 0px 16px; border-bottom: 1px solid #DBE3EF; }
		#header > #menupriv ul li ul.sousmenup li:first-child { border:0; margin-top:-6px; margin-bottom: -15px; }
		#header > #menupriv ul li ul.sousmenup li:last-child { border:0; }
		#header > #menupriv ul.deconnexion li ul.sousmenup li img { font-weight: 600; max-height:24px; width: auto !important; vertical-align: text-bottom; vertical-align: middle; margin-bottom: 5px; }
		#header > #menupriv ul li ul.sousmenup li a { font-weight: 400; color:#000; line-height: normal; }
		#header > #menupriv ul li ul.sousmenup li a:hover { font-weight: 400; color:#009FE3 !important; }
		#header > #menupriv ul li ul.sousmenup li a:visited { font-weight: 400; color:#000; }
		#header > #menupriv ul li:hover .sousmenup { display: flex; flex-flow: column wrap; gap:0; }
	
	#header > #menupriv p { margin:0; padding:0; font-size:14pt; line-height: 52px; text-align: center; display: block; width: 100%; }
	#header > #menupriv p img { vertical-align: middle; }

#headersmart { display: none; }
@media (max-width: 1100px) { 
	#header > #menupriv ul.deconnexion li ul.sousmenup { margin-left: -107px; }
}
@media (max-width: 1015px)  { 
	#headersmart { display: block; margin: 0; padding: 0; position: sticky; top:0; z-index: 10000; }
	#headersmart > #menupub { background: white; height: 64px; margin: 0; font-family: "Roboto Condensed", sans-serif, verdana; }
	#headersmart > #menupub > .inner { align-items: center; height: 64px; justify-content: space-between; } 
	#headersmart > #menupub > .inner > div { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 12px; height: 36px; }
	#headersmart > #menupub > .inner > div > a.bouton { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 16px; gap: 6px; background: #009FE3; border-radius: 27px; font-size: 15px; }
	#headersmart > #menupub > .inner > .logo > img { height: 28px; }
	#header { display: none; }
}

.paddingtopbottom{ padding: 90px 0; }
@media (max-width: 900px)  { .paddingtopbottom{ padding: 45px 0; } }

#accueil { height:640px; background: #ccc url("/medias/charte/backaccueil.jpg") no-repeat top center; background-size: cover; padding:90px 0; }
#accueil > .inner { display: flex; }
	.gauche { width: 50%; }
	.droite { width: 50%; }
	.identif{ width: 320px; background: #FFFFFF; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.1); border-radius: 8px; margin: 0 50px; }
	.identif::before { display: block; height: 6px; content:''; background-image: url("../medias/charte/border.svg"); background-size: 100%; background-repeat: repeat-y; 
	border-radius: 8px 8px 0 0; }
	.identifok{ width: 450px; background: #FFFFFF; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.1); border-radius: 8px; margin: 0 50px; }
	.identifok::before { display: block; height: 6px; content:''; background-image: url("../medias/charte/border.svg"); background-size: 100%; background-repeat: repeat-y; 
	border-radius: 8px 8px 0 0; }
#accueil .boutonalt { border: none; color:#009FE3; }

@media (max-width: 736px)  { 
	#accueil { height:calc(100vh - 64px); background: #ccc url("/medias/charte/backaccueilsmart.jpg") no-repeat top center; background-size: cover; padding:90px 0; }
	#accueil > .inner { height: calc(100vh - 300px); display: flex; justify-content: center; align-items: flex-end; }
	#accueil .boutonalt { background: none; color: white !important; border:1px solid white;  }
}


#connexionpage { }
#connexionpage > .inner { display: flex; max-width: 100%; width: 100vw; height:100vh; padding:0; }
#connexionpage > .inner > .gauche { width: 50%; display: flex; align-content:flex-end; flex-wrap: wrap; background: url("/medias/charte/connexion.jpg") no-repeat; background-size: cover; background-position: top left; padding:100px; }
#connexionpage > .inner > .droite { background: rgba(4, 84, 145, 1); display: flex; align-content:center; justify-content: center; flex-wrap: wrap; }
#connexionpage > .inner > .droite > .identif{ height: auto; display: block; width: 390px; } 
#connexionpage > .inner > .droite > a { display: block; position: absolute; top:50px; left:55%; }

@media (max-width: 900px) { 
	#connexionpage > .inner > .gauche { display: none; }
	#connexionpage > .inner > .droite { width: 100%; }
	#connexionpage > .inner > .droite > .identif { max-width: 98%; }
	#connexionpage > .inner > .droite > a { display: block; position: absolute; top:20px; left:10px; }
}

.menueluaccueil { display: flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; align-content: center; justify-content: flex-start; padding: 20px; gap: 10px 10px; font-size: 14px; line-height: 20px; }
.menueluaccueil .lien { display: flex; flex-direction: row; justify-content: center; align-items: center; width:130px; height:80px; background:rgba(219, 227, 239, 0.5); border-radius:4px; color:#3668B8; text-align: center; font-weight:500; }
.menueluaccueil .lien a{ display: flex; flex-direction: row; justify-content: center; align-items: center; text-decoration:none; color:#3668B8; line-height: 24px; }
.menueluaccueil .lien .off a{ display: flex; flex-direction: row; justify-content: center; align-items: center; text-decoration:none; color:#3668B8; }
.menueluaccueil .lien .onhov, .menueluaccueil .lien .onhov2 { display:none; }
.menueluaccueil .lien:hover .off { display: none; }
.menueluaccueil .lien:hover .onhov,
.menueluaccueil .lien:hover .onhov2 { display: flex; flex-direction: column; justify-content: center; align-items: center; background:#3668B8; border-radius:4px; color:#FFFFFF; text-decoration:none; text-align:center; font-weight:500; width:130px; height:80px; position: relative; top:0; left:0; z-index: 10000; padding:0 10px;}
.menueluaccueil .lien:hover .onhov a { color:#FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF; font-size: 13px; font-weight: 400; width: 100%; letter-spacing: -1px; }
.menueluaccueil .lien:hover .onhov2 a { color:#FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF; font-size: 13px; font-weight: 400; width: 100%; letter-spacing: -1px; padding:5px 0; }
.menueluaccueil .lien:hover .onhov a:last-child, 
.menueluaccueil .lien:hover .onhov2 a:last-child { border-bottom:none;  }

@media (max-width: 980px) {
	.droite{ display: none; }
	.gauche{ width: 100%;}
}

#alaune { background: #C0CD4C; text-align: center; margin-bottom: -95px; }

.blcinfosalaune { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; padding: 0px; gap: 64px; margin-top: -35px; }
.infoalu { display: flex; flex-direction: column; background: #fff; padding:24px 16px; gap:24px; border-radius:12px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); justify-content: space-between; align-items: center; max-width: 550px; }
.infoalu > div.connecte { display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; align-items: flex-start; background: #F1F7FD; border-radius: 8px;}
.infoalu > div.connecte > img { width:100%; height: auto; border-top-left-radius: 8px; border-top-right-radius:8px; }
.infoalu > div.connecte > div { display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; align-items: flex-start; padding: 24px; gap:16px; }
.infoalu > div.connecte > div > p { text-align: left; }

.infoalu > div.listeactu { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; background: #F1F7FD; border-radius: 8px; }
.infoalu > div.listeactu > div.alu_actu { display: flex; flex-direction: column; align-items: flex-start; padding: 16px 24px 20px; gap: 6px; border-bottom: 1px solid #DBE3EF; width: 100%; }
.infoalu > div.listeactu > div.alu_actu > a.bloctexte { width: 100%; text-align: left; display: flex; flex-direction: row; align-items: flex-end; padding: 0px; gap: 4px; text-decoration: none; }
.infoalu > div.listeactu > div.alu_actu > a.bloctexte > div.Accroche { width: calc(100% - 30px); display: flex; flex-direction: column; padding: 0px; gap: 4px; }
.infoalu > div.listeactu > div.alu_actu > a.bloctexte > div.Accroche > h5 {text-align: left; }
.infoalu > div.listeactu > div.alu_actu > a.bloctexte > div.Accroche > p { text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 25px; margin: 0; }
.infoalu > div.listeactu > div.alu_actu > a.bloctexte > a > img { width:24px; height:24px; }

@media (max-width: 900px)  { 
	.blcinfosalaune { display: flex; flex-direction: column; margin-top: -20px; }
	.infoalu { max-width: 100%; } 
}

#reseaux { background: #FFFFFF; padding-top: 80px; }

#eclairages { background: #F1F7FD; text-align: center; }
.eclairage_intro { position: relative; background: #FFFFFF; padding:40px 48px; display: flex; gap: 64px; margin-top: -20px; }
.eclairage_intro p { text-align: left; font-weight: 400; line-height: 25px; font-size: 16px; }
.eclairage_caroussel { margin-top: 64px; margin-bottom: 64px; margin-right: -24px; margin-left: -24px; padding:0; display: flex; flex-direction: row; align-items: stretch; }
#slideLeft { position: relative; width: 48px; margin-left: -24px; left: 24px; }
#slideRight { position: relative; width: 48px; margin-right: -24px; right: 24px; }
.eclairage_preview { display: flex; height:380px; gap:32px; list-style: none; overflow-x: scroll; padding-top: 16px; overflow: hidden; }
.eclairage_preview_card { background: #FFFFFF; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15); border-radius: 8px; width: 318px; display: flex; height:340px; flex-direction: column; flex: 0 0 340px; padding:16px; scroll-snap-align: start; transition: all 0.2s; }
.eclairage_preview_card:first-child{ margin-left:16px; }
.eclairage_preview_card > .epc_titre { display: flex; flex-direction: row; align-items: center; padding: 20px 16px 16px 8px; gap: 16px; height: 76px; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 40px; color: #045491; }
.eclairage_preview_card > a { width: 100%; height: 190px; }
.eclairage_preview_card > a > .epc_cont { width: 100%; height: 190px; flex-direction: column; justify-content: flex-end; padding: 24px 16px 16px; gap: 16px; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 25px; color: #FFFFFF; text-align: left; padding-top: 114px; }
.epc_cont > .epc_text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.eclairage_preview_card > .epc_lien { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 24px 16px 12px 0px; gap: 12px; height: 60px; }

@media (max-width: 900px)  { 
	.eclairage_intro { flex-direction: column-reverse;  margin-top: -11px;}
}

#nostravaux { background: #FFFFFF; }
.nostravaux_ligne { display: flex; flex-direction: row; justify-content: center; padding: 0px; gap: 32px; min-height: 242px; align-items: stretch; margin-bottom:32px; }
.nostravaux_ligne:last-child { margin-bottom: 0; }
.nostravaux_ligne .itemlarge { width: 65%; background: #045491; border-radius: 8px; }
.nostravaux_ligne .itemlarge > div { display: flex; flex-direction: row; padding: 16px; justify-content: space-between; }
.nostravaux_ligne .itemlarge > div > div { width: 48%; }
.nostravaux_ligne .itemlarge > div > div > p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: white; }
.nostravaux_ligne .itemlarge > img { width: 52%; padding: 16px; }
.nostravaux_ligne .itemsmall { width: 35%; background: #3668B8; border-radius: 8px; }
.nostravaux_ligne .itemsmall > div { padding: 16px; }
.nostravaux_ligne .itemsmall > div > p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: white; }

@media (max-width: 900px)  { 
	.nostravaux_ligne { flex-direction: column; }
	.nostravaux_ligne .itemlarge { width: 100%; }
	.nostravaux_ligne .itemlarge > div { display: flex; flex-direction: column-reverse; }
	.nostravaux_ligne .itemlarge > div > div { width: 100%; }
	.nostravaux_ligne .itemlarge > div > div > #conndossier { margin: 0 auto; text-align: center; } 
	.nostravaux_ligne .itemlarge > img { width: 100%; padding: 16px; }
	.nostravaux_ligne .itemsmall { width: 100%; }
	.nostravaux_ligne > .itemlarge > div > a > img { width: 100%; height: auto; }
}


#autresactions { background: #009FE3; }
.autresactions_ligne{ display: flex; flex-direction: row; justify-content: center; padding: 0px; gap: 32px; align-items: stretch; margin-top:-32px; }
.autresactions_intro { width:33%; height: 330px; color:white; line-height: 25pt; font-size: 16pt; align-items: center; margin-top: 30px;}
.autresactions_intro p { margin-bottom: 4px; }
.autresactions_intro a { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 19px; color: #009FE3; margin-top: 30px;}
.autresactions_card{ background: #FFFFFF; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); border-radius: 8px; width: 33%; display: flex; flex-direction: column; padding:16px; }
.autresactions_card > .Illustration > a > img { width: 100%; height:auto; }
.autresactions_card > h5 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; }
.autresactions_card > p { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: #000000; margin-top: 0; margin-bottom: 8px; }
span.lienautresactionssmart{ display: none; }
span.lienautresactions{ display: inline-block; }

@media (max-width: 900px)  { 
	.autresactions_ligne{ display: flex; flex-direction: column; justify-content: flex-start; } 
	.autresactions_intro { width:100%; height: auto;}
	.autresactions_card{ width:100%; }
	span.lienautresactionssmart{ display: block; width: 100%;}
	span.lienautresactionssmart > a.boutonalt { width: 100%; text-align: center; }
	span.lienautresactions{ display: none; }
}

h2 > img { max-width: 80%;}

#titrepage { background: #C0CD4C; height: 180px; margin:0; padding: 0; display: flex; flex-direction: column; justify-content: space-between; }
#titrepage .retour { display: block; margin-top:16px; }
#titrepage h1 { display: block; text-align: center; margin: 0; padding: 0; height: auto; line-height: 0; }
#titrepage h1.bandeauvert { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 900; font-size: 120px; line-height: 80px; text-align: center; letter-spacing: -2px; text-transform: uppercase; color: #FFFFFF; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; gap:20px; opacity: 0.8; }
#titrepage h1.bandeauvert::before { content:url("/medias/charte/TitreBeforeBlc.svg"); position:relative; display: block; margin-top: -80px; padding-bottom: 10px;} 
h1.bandeaubleu { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 900; font-size: 120px; line-height: 80px; text-align: center; letter-spacing: -2px; text-transform: uppercase; color: #FFFFFF; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; gap:20px; opacity: 0.8; }
h1.bandeaubleu::before { content:url("/medias/charte/TitreBeforeBlc.svg"); position:relative; display: block; padding-bottom: 10px;} 

@media (max-width: 980px) {
	#titrepage { background: #C0CD4C; height: 124px; }
	#titrepage h1 > img { max-height: 76px; }
	#titrepage h1.bandeauvert { font-size: 56px; line-height: 36px; }
	#titrepage h1.bandeauvert::before { margin-top: -30px; padding-bottom: 0px;} 
	h1.bandeaubleu { font-size: 56px; line-height: 36px; }
	h1.bandeaubleu::before { margin-top: -30px; padding-bottom: 0px;} 
}
#corps { padding: 40px 0; }
#ariane { background: rgba(241, 247, 253, 1); color: rgba(116, 132, 154, 1); font-size:16px; height: 56px; line-height: 56px; overflow: hidden; white-space: nowrap; }
#ariane a:link { color: rgba(116, 132, 154, 1); font-size:16px; text-decoration: none; }
#ariane a:hover { color: rgba(116, 132, 154, 1); font-size:16px; text-decoration: none; }
#ariane a:visited { color: rgba(116, 132, 154, 1); font-size:16px; text-decoration: none; }
@media (max-width: 980px) { 
	#ariane { font-size:13px; }
	#ariane a:link { font-size:13px; }
	#ariane a:hover { font-size:13px; }
	#ariane a:visited { font-size:13px; }
}

.Tag { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 18px; letter-spacing: 1px; color: rgba(0, 159, 227, 1); text-transform:uppercase; border-bottom: 2px solid rgba(0, 159, 227, 1); padding-bottom: 5px; display: inline-block; margin-left: 1em; }

.sousmenupage { display: flex; flex-wrap: wrap; flex-direction: row; gap: 24px; border-bottom: 1px solid #DBE3EF; padding-bottom:40px; margin-bottom:40px; }
.sousmenupage a:link { text-transform: uppercase; color:#009FE3; border-bottom:2px solid #009FE3; background: white; padding:8px 12px; text-decoration: none;  }
.sousmenupage a:hover { text-transform: uppercase; color:#009FE3; border-bottom:2px solid #009FE3; background: white; padding:8px 12px; text-decoration: none; }
.sousmenupage a:visited { text-transform: uppercase; color:#009FE3; border-bottom:2px solid #009FE3; background: white; padding:8px 12px; text-decoration: none; }
.sousmenupage a.current { background: #F1F7FD !important; color: #3668B8 !important; border-bottom:2px solid #3668B8 !important; }

@media (max-width: 980px) { 
	.sousmenupage { font-size: 13px; gap: 16px; padding-bottom:20px; margin-bottom:20px; } 
}

.pagemenuvert{ display: flex; flex-wrap: no-wrap; flex-direction: row; gap: 48px; justify-content: flex-start; align-items: flex-start; }
.sousmenupagevert { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 32px 24px; gap: 24px; background: #FFFFFF; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.08); border-radius: 8px; width: 286px; }
.sousmenupagevert a:link { color:#009FE3; background: white; padding:12px 16px; text-decoration: none;  }
.sousmenupagevert a:hover { color:#009FE3; background: white; padding:12px 16px; text-decoration: none; }
.sousmenupagevert a:visited { color:#009FE3; background: white; padding:12px 16px; text-decoration: none; }
.sousmenupagevert a.current { background: #F1F7FD !important; color: #3668B8 !important; border-radius:22px; }
.pagemenuvert .contenupagevert { width: calc(100% - 286px - 48px); }
.seancecolg { width: 60%; border-radius:12px;}
.seancecold { width: 40%; padding: 0; margin:0; }
.seancecold > .sousmenupagevert { gap:8px; padding-top: 0; margin-bottom: 40px; width: 100%; }
.colgcomm { width: calc(100% - 350px); border-radius:12px; }

@media (max-width: 980px) { 
	.pagemenuvert{ flex-direction: column; gap:24px; }
	.sousmenupagevert { flex-direction: row; flex-wrap: wrap; width: auto; padding: 0; box-shadow: none; gap:0; font-size: 15px; }
	.sousmenupagevert a { width: auto; display: inline-block;font-size: 14px; }
	.sousmenupagevert > h2 { display: block; width: 100%; }
	.sousmenupagevert > img { display: none; }
	.contenupagevert { width: 100% !important; }
	.sousmenupagevert a:link { color:#009FE3; background: white; padding:8px 12px; text-decoration: none;  }
	.sousmenupagevert a:hover { color:#009FE3; background: white; padding:8px 12px; text-decoration: none; }
	.sousmenupagevert a:visited { color:#009FE3; background: white; padding:8px 12px; text-decoration: none; }
	.seancecolg { width: 100%; border-radius:12px;}
	.seancecold { width: 100%; padding: 0; margin:0; }
	.colgcomm { width: 100%; }
}
	
.listingbreves { display:flex; flex-wrap:wrap; flex-direction: row; justify-content: space-between; margin: 0; gap: 16px; }
.listingbreves > div.Article { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; background: rgba(241, 247, 253, 1); padding:24px; border-radius: 8px; gap:8px; } 
.listingbreves > div.Article > .DateTag { font-weight: 600; }
.listingbreves > div.Article > p.ContBreve { font-size: 16px; line-height: 25px; margin: 0;}

.listingwebzine { display:flex; flex-wrap:wrap; flex-direction: row; justify-content: flex-start; margin: 0; gap: 24px; }
.listingwebzine > div.Article { width: 31%; display: flex; flex-direction: column; justify-content: flex-start; padding:12px; background: rgba(241, 247, 253, 1); border-radius: 8px; }
.listingwebzine > div.Article > div > span.TagWZ { padding: 0px 4px; background: #045491; border-radius: 2px; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -1px; color: #FFFFFF; }
.listingwebzine > div.Article > .Illustration { margin-bottom: 4px; }
.listingwebzine > div.Article > .Illustration img { border-radius:4px;}

.entetewebzine { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0px 0px 20px; gap: 48px; border-bottom: 1px solid #DBE3EF; }
.entete2webzine { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0px 0px 20px; gap: 48px; margin: 24px 0; }
@media (max-width: 980px)  { 
	.listingwebzine { gap: 12px; }
	.listingwebzine > div.Article { width: calc(50% - 12px) !important; }
	.entete2webzine{ flex-direction: column; align-items: flex-start; }
}

.listingarticleswbz { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 40px 0; gap: 40px;}
.listingarticleswbz > .Article {display: flex; flex-direction: column; justify-content: flex-start; width: 31%; }
/*.listingarticleswbz > .Article:nth-child(1) { width: calc(62% + 40px); }*/
.listingarticleswbz > .Article > div > .DateTag { margin-bottom: 12px; }
.listingarticleswbz > .Article > .Illustration { margin-bottom: 12px; }
.listingarticleswbz > .Article > .Illustration img { border-radius:12px;}
.listingarticleswbz > .Article > div > p.Accroche { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 25px; margin: 0; }

.listing0articleswbz { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 40px; border-bottom: 1px solid #DBE3EF; padding-bottom: 40px; }
.listing0articleswbz > .Article {display: flex; flex-direction: column; gap:24px; justify-content: flex-start; width: 31%; }
.listing0articleswbz > .Article:nth-child(1) { display: flex; flex-direction: column; gap:24px; width: calc(62% + 40px); padding:24px; border-radius:12px; background: rgba(241, 247, 253, 1); }
.listing0articleswbz > .Article:nth-child(1) > img { width: auto !important; height: auto; max-width: 100%; }
.listing0articleswbz > .Article:nth-child(1) > p { margin: 0; }
.listing0articleswbz > .Article:nth-child(2) {display: flex; flex-direction: column; gap:24px; padding: 24px; background: #FFFFFF; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 12px; }

@media (max-width: 1280px) { 
	.listing0articleswbz > .Article { width: 47% !important; } 
}
@media (max-width: 980px)  { 
	.listing0articleswbz > .Article { width: 47% !important; } 
	.listing0articleswbz > .Article:nth-child(1) { width: 98% !important; }
	.listingarticleswbz > .Article { width: 47% !important; } 
}
@media (max-width: 736px)  { 
	.listing0articleswbz > .Article { width: 98% !important; } 
	.listing0articleswbz > .Article:nth-child(1) { width: 98% !important; }
	.listingarticleswbz > .Article { width: 98% !important; flex-direction: row-reverse; } 
	.listingarticleswbz > .Article > .Illustration { max-width: 110px; min-width: 110px; width: 110px;  padding-left:10px; }
}

.entete_syndic { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 24px 16px 16px; background: #F1F7FD; border-radius: 12px; }
.entete_syndic > img { max-height:80px !important; width: auto; }
.entete_syndic > div:nth-child(1){ width:15%; }
.entete_syndic > div:nth-child(2){ width:60%; }
.entete_syndic > div:nth-child(3){ width:12%; }
.entete_syndic > div:nth-child(2) > p { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: #74849A; }

.listingpubpriv { display:flex; flex-wrap:wrap; flex-direction: row; justify-content: flex-start; margin: 24px 0 0 0; gap: 36px; }
.listingpubpriv > div.Article { width: 31%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px; gap: 16px; }
.listingpubpriv > div.Article > .Illustration { box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 12px; background: white; }
.listingpubpriv > div.Article p { margin: 0; }

@media (max-width: 1280px) { .listingpubpriv > div.Article { width: 47% !important; } }
@media (max-width: 980px)  { .listingpubpriv > div.Article { width: 47% !important; } }
@media (max-width: 736px)  { .listingpubpriv > div.Article { width: 98% !important; } }

.incriptionbloc { float: right; width: 275px; background:#F1F7FD; border-radius:8px; padding:12px; margin: 0 0 24px 24px; text-align: center; }
.incriptionbloc > p { margin:0 0 12px 0; } 
	
.sousmenupagehorz { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 32px 24px; gap: 24px; background: #FFFFFF; }
.sousmenupagehorz a:link { color:#009FE3; background: white; padding:12px 16px; text-decoration: none; text-align: center;  }
.sousmenupagehorz a:hover { color:#009FE3; background: white; padding:12px 16px; text-decoration: none; }
.sousmenupagehorz a:visited { color:#009FE3; background: white; padding:12px 16px; text-decoration: none; }
.sousmenupagehorz a.current { background: #F1F7FD !important; color: #3668B8 !important; border-radius:22px;  }

@media (max-width: 980px) { 
	.sousmenupagehorz { font-size: 13px; gap: 16px; padding-bottom:20px; margin-bottom:20px; } 
}

.incitationconnexion { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 24px; gap: 12px; background: #F1F7FD; border-radius: 8px; margin-bottom: 48px; }
@media (max-width: 736px)  { 
	.incitationconnexion { display: flex; flex-direction: column; }
	.incitationconnexion > div { display: flex; flex-direction: column; align-items: center; text-align: center; }
	.incitationconnexion > a.bouton { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 21px; color: #009FE3; background: none; padding:0; border-radius: none; }
}

.Alaune { display: flex; flex-direction: row; flex-wrap: nowrap; gap:40px; border-bottom: 1px solid #DBE3EF; padding-bottom:40px; margin-bottom:40px; }
.Alaune > .Illustration { width: 50%; }
.Alaune > .Illustration > a > img { border-radius: 8px; width:100%; height: auto !important; }
.Alaune > .Contenu { width: 50%; display: flex; flex-direction: column; justify-content: space-between; }
.Alaune > .Contenu > .DateTag { margin-bottom: 12px; }

@media (max-width: 736px)  {
	.Alaune { display: flex; flex-direction: column; width: 100%; } 
	.Alaune > .Illustration { width: 100%; }
	.Alaune > .Contenu { width: 100%; }
	.Alaune > .Contenu > h2 { font-size: 18px; }
}


.ALU_accroche { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 25px; }
.ALU_datepub { color: rgba(4, 84, 145, 1); display: inline-block; }
.ALU_tag { font-family: 'Roboto Condensed'; color: rgba(0, 159, 227, 1); text-transform:uppercase; border-bottom: 2px solid rgba(0, 159, 227, 1); padding-bottom: 5px; display: inline-block; margin-left: 1em; }

.listingarticles { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 40px 0; gap: 24px;}
.listingarticles > .Article {display: flex; flex-direction: column; justify-content: flex-start; width: 31%; }
.listingarticles > .Article > div > .DateTag { margin-bottom: 12px; }
.listingarticles > .Article > .Illustration { margin-bottom: 12px; }
.listingarticles > .Article > .Illustration img { border-radius:12px;}
.listingarticles > .Article >  div > p.Accroche { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 25px; margin: 0; }
@media (max-width: 1280px) { .listingarticles > div.Article { width: 47%!important; } }
@media (max-width: 980px)  { .listingarticles > div.Article { width: 47%!important; } }
@media (max-width: 736px)  { 
	.listingarticles > div.Article { width: 100%!important; flex-direction: row-reverse; padding-bottom: 24px; border-bottom: 1px solid #DBE3EF; }
	.listingarticles > .Article > .Illustration { max-width: 110px; min-width: 110px; width: 110px; padding-left:10px; }
	.Tag { margin-left: 0; }
	.listingarticles > .Article > div { width: 100%; }
	.listingarticles > .Article > div > p.Accroche { display:none; }
	.listingarticles > .Article > div > h5 { margin-bottom: 10px; }
	
}

.corpsarticle { margin-bottom: 40px; }
.corpsarticle h1 { font-size:36px; }
.corpsarticle > .Illustration { width: 100%; margin-bottom:0; }
.corpsarticle > .Illustration > img { border-radius: 8px; width:100%; height: auto !important; }
.corpsarticle > .entetepartage { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0px 0px 16px; gap: 24px; margin-bottom: 24px; }
.corpsarticle > .entetepartage > .tagentete { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; width: 40%; }
.corpsarticle > .entetepartage > .tagentete > .Tag { margin-left: 0; }
.corpsarticle > .entetepartage > .pictospartage { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: #74849A; display: flex;
flex-direction: row; justify-content: flex-end; align-items: center; padding: 0px; gap: 10px; margin: 0 auto; width: 60%; }
.corpsarticle > .entetepartage > .pictospartage > .rezo { height: 36px; display: inline-block; margin: auto 0;}
.corpsarticle > .entetepartage > .pictospartage > .rezo img { height: 36px; margin: 0 5px; }
.corpsarticle > .datepubliart { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: #74849A; display: flex;
flex-direction: row; justify-content: flex-start; align-items: center; padding: 0px; gap: 12px; margin: 0 auto; }

@media (max-width: 736px) {
	.corpsarticle h1 { font-size:26px; }
	.corpsarticle > .entetepartage { display: flex; flex-direction: column; align-items: flex-start; justify-content:flex-start; }
	.corpsarticle > .entetepartage > .pictospartage { width: 100%; justify-content: flex-start; }
	.tagentete { width: 100%; }
} 

.Datepub { color: rgba(4, 84, 145, 1); display: inline-block; font-size: 14px;}

.legendevignette{ font-size:13px; color:rgba(116, 132, 154, 1); font-weight: 400; }

.lienbdp { clear: both; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 16px 16px 24px; gap: 24px; background: #F1F7FD; border-radius: 8px; margin: 24px 0; }
.lienbdp > p { margin:0; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: #000000; }
.lienbdp > p > img { vertical-align: bottom; }

@media (max-width: 736px) {
	.lienbdp { flex-direction: column; text-align: center; justify-content: center; gap:8px; } 
	.lienbdp > p > img { display: block; margin:  0 auto 8px auto; } 
}


.datetlieu { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 12px; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: #74849A; margin: 24px 0; }
.datetlieu > .date { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; } 
.datetlieu > .lieu { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; }
.datetlieu > .tel { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; }

.pagination { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 48px 0px 0px; gap: 24px; border-top: 1px solid #DBE3EF; font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 15px; }
.pagination > .listingpage { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; gap: 12px; }
.pagination > .listingpage > a:link, 
.pagination > .listingpage > a:visited, 
.pagination > .listingpage > a:hover > .pagedispo{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px 0px; gap: 10px; width: 32px; height: 32px; border: 1px solid #DBE3EF; border-radius: 4px; color:rgba(0, 159, 227, 1); text-decoration: none; } 
.pagination > .listingpage > .pageactuelle { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px 0px; gap: 10px; width: 32px; height: 32px; background: #3668B8;
border-radius: 4px; color:white; } 

#Formcomment { text-align: right; }
.Commentaire { display: flex; flex-direction: column; align-items: flex-start; padding: 16px 24px; gap: 12px; background: #F7F7F7; border-radius: 8px; margin:12px 0; }
.Commentaire > .C_nom { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 25px; color: #3668B8; }
.Commentaire > .C_date { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #74849A; }
.Commentaire > .C_comm { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #000000; }
#Formcomment > textarea { background: #FFFFFF; border: 2px solid #DBE3EF; border-radius: 8px; padding:24px; height: 8em; font-size: inherit; margin:5px 0; font-family: 'Lexend', sans-serif, verdana; display: block; width: 100%; }

.colprim { color: #3668B8; }
.highlight { background: #F1F7FD; }

.nonconnecte { display: flex; flex-direction: column; background:rgba(116, 132, 154, 1); border-radius: 8px; justify-content: center; color: white; text-align: center; font-size: 16px; line-height: 25px; gap:16px; padding:24px; width: 100%; height: 100%; }

.calendar { width: 100%; display: flex; flex-direction: column; gap:24px; }
.selection { background : rgba(241, 247, 253, 1); width: 100%; padding:16px 24px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-left: 300px; }
.selection > div { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; text-align: center; color: #000000; display: flex; flex-direction: row; align-items: center; gap:12px; }
.selection > div > * > img { vertical-align: middle; }
.active a { font-weight:600; font-size: 16px; color:black !important; display: flex; flex-direction: row; gap:10px; justify-content: space-between; }
.inactive a { font-weight:400; font-size: 16px; color:black !important; display: flex; flex-direction: row; gap:10px; justify-content: space-between; }
.AG_listinfos{ display: flex; flex-direction: column; }
.AG_listinfositem { display: flex; flex-direction: column; align-items: flex-start; padding: 24px 0px; gap: 24px; background: #FFFFFF; border-bottom: 1px solid #DBE3EF; }
.AG_listinfositem:nth-child(1) { padding-top:0; }
.AG_listinfoscont { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; gap:10px; width: 100%; }
.AG_listinfoscont > .AG_listinfoscell1 { width: 26%; }
.AG_listinfoscont > .AG_listinfoscell1.datetlieu { font-size: 14px !important; margin-top: 0; } 
.AG_listinfoscont > .AG_listinfoscell2 { width: 49%; font-size: 13px !important; flex-grow: 2; }
.AG_listinfoscont > .AG_listinfoscell2  > p { margin-top: 0; margin-bottom: 10px; }
.AG_listinfoscont > .AG_listinfoscell2 > ol { margin: 0; padding-left: 1em; }
.AG_listinfoscont > .AG_listinfoscell2  > ul { margin: 0; padding-left: 1em; }
.AG_listinfoscont > .AG_listinfoscell3 { width: 24%; flex-shrink: 2; text-align: right; }
.AG_listinfoscont > .AG_listinfoscell3 > a.bouton {font-size: 14px !important; margin-bottom: 10px; }
.AG_listinfoscont > .AG_listinfoscell3 > a.boutonalt {font-size: 14px !important; }
.overxflow { padding: 0; margin: 0; height: auto; width: 100%; }

@media (max-width: 736px) {
	.overxflow { overflow: auto; }
	.selection { padding: 8px 12px; flex-direction: column; }
	.AG_listinfoscont { flex-direction: column; }
	.AG_listinfoscont > .AG_listinfoscell1 { width: 100%; gap:4px; }
	.AG_listinfoscont > .AG_listinfoscell1.datetlieu { margin-bottom: 0; }
	.AG_listinfoscont > .AG_listinfoscell2 { width: 100%; }
	.AG_listinfoscont > .AG_listinfoscell3 { width: 100%; }
	.active a { font-weight:600; font-size: 14px; color:black !important; display: flex; flex-direction: row; gap:5px; justify-content: space-between; }
	.inactive a { font-weight:400; font-size: 14px; color:black !important; display: flex; flex-direction: row; gap:5px; justify-content: space-between; }
	.selection select { height: 2.5rem; line-height: 2.5rem; }
	.AG_listinfositem { gap: 4px; }
	.AG_listinfositem > h4 { margin: 0; font-family: 'Lexend'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 23px; color: #000000; }
	.AG_listinfositem:nth-child(1) { padding: 24px 0px; border-top: 1px solid #DBE3EF;}
}

.semainier{ border-collapse: collapse; width: 100%; margin-bottom: 48px; }
.semainier thead td { border: 1px solid#DBE3EF; padding:12px 16px 16px 16px; font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 16px; text-align: center; color: #000000; }
.semainier thead td:nth-child(1) { width:60px; border-left:none; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 14px; text-align: center; color: #74849A; padding:12px 0; }
.semainier thead td .nbjour { display: block;  margin: 0 auto; margin-top: 12px; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 25px; text-align: center; color: #A2AAB6; }
.semainier thead td .nbjourcurrent { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px; gap: 10px; width: 28px; height: 28px; background: #3668B8; border-radius: 18px; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 25px; text-align: center; color: #FFFFFF; margin: 0 auto; margin-top: 12px; }
.semainier tbody td { position: relative; height: 519px; width:135px; background: repeating-linear-gradient(180deg, #FFF, #FFF 39px, #DBE3EF 39px, #DBE3EF 40px); border-right: 1px solid #DBE3EF;  }
.semainier tbody td:nth-child(1) { width:60px; border-left:none; padding: 0px; height:auto; }
.semainier tbody td:nth-child(7) { width:90px; }
.semainier tbody td:nth-child(8) { width:90px; }
.semainier tbody td:nth-child(1) > .heure { display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 60px; height: 40px; background: none; padding-right: 10px; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 14px; text-align: center; color: #74849A; }
.semainier tbody td:nth-child(1) > .heure > span { display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; background: #FFF; }
.semainier tbody td .dateinfo { display: flex; flex-direction: column; align-items: flex-start; padding: 8px; position: absolute; border-radius: 4px; margin: 0 auto; height: 120px; overflow: hidden; width: 100%; }
.semainier tbody td .dateinfo > .dateinfo { display: inline-block; font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 18px; color: #000000; max-width: 100%; }
.semainier tbody td .dateinfo > .titreinfo { display: inline-block; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; color: #74849A; max-width: 100%; }

@media (max-width: 736px) { 
	.semainier tbody td { min-width: 110px; max-width: 130px; width: auto; padding:0; font-size: 12px; line-height: 15px; } 
	.semainier thead td:nth-child(1), .semainier tbody td:nth-child(1) { min-width:50px; width:50px; font-size: 12px; }
	.semainier thead td:nth-child(7), .semainier tbody td:nth-child(7) { min-width:50px; width:50px; }
	.semainier thead td:nth-child(8), .semainier tbody td:nth-child(8) { min-width:50px; width:50px; }
	.semainier tbody td .dateinfo { padding: 4px; }
}

.calmensuel { border-collapse: collapse; width: 100%; }
.calmensuel tbody > tr > td { border:1px solid #DBE3EF; width:140px; padding:16px; text-align: center; height: 200px; vertical-align: top; position: relative; } 
.calmensuel tbody > tr > td:nth-child(6) { width:90px; }
.calmensuel tbody > tr > td:nth-child(7) { width:90px; } 
.calmensuel tbody > tr > td .nbjour { display: block;  margin: 0 auto; margin-top: 12px; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 25px; text-align: center; color: #A2AAB6; }
.calmensuel tbody > tr > td .nbjourcurrent { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px; gap: 10px; width: 28px; height: 28px; background: #3668B8; border-radius: 18px; font-family: 'Lexend'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 25px; text-align: center; color: #FFFFFF; margin: 0 auto; margin-top: 12px; }
.calmensuel tbody > tr > td .dateinfo { display: flex; flex-direction: column; align-items: flex-start; width: 100%; text-align: left; margin: 10px auto; }
.calmensuel tbody > tr > td .dateinfo > .dateinfo { display: inline-block; font-family:'Lexend'; font-style:normal; font-weight:600; font-size:13px; line-height:18px; color:#000000; }
.calmensuel tbody > tr > td .dateinfo > .titreinfo { display: inline-block; font-family:'Lexend'; font-style:normal; font-weight:400; font-size:13px; line-height:18px; color:#74849A; }

@media (max-width: 736px) { 
	.calmensuel tbody > tr > td { min-width: 90px; max-width: 140px; font-size: 12px; line-height: 15px; padding: 6px; } }

.PoPuPex { position: absolute; z-index: 99999; top:20px; left:135px; padding:16px; background:#FFFFFF; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15); border-radius: 12px; width: 400px; }
.PoPuPex > .fermeture { display: block; margin: 0 0 0 auto; text-align: right; cursor: pointer; }
.popupdate { display:flex; flex-direction:column; align-items:flex-start; gap:8px; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; }
.popupdate > .ajoutagenda { display:flex; flex-direction:row; justify-content:space-between; width: 100%; }
.popupdate > .titreinfo { text-align: left; font-family: 'Lexend'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 23px; color: #000000; }
.popupdate > .datetlieu { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #74849A; margin: 0; }
.popupdate > .datetlieu > .date { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; } 
.popupdate > .datetlieu > .lieu { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; }
.popupdate > .datetlieu > .tel { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; }
.popupdate > .titre { text-align: left; font-family: 'Lexend'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 23px; color: #000000; }
.popupdate > .contenu { text-align: left; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #000000; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;  }
.popupdate > .contenu > p { margin-top: 0; margin-bottom: 10px; }
.popupdate > .contenu > ol { margin: 0; padding-left: 1em; }
.popupdate > .contenu > ul { margin: 0; padding-left: 1em; }
.popupdate > .convocation { width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 16px; gap: 8px; background: #F1F7FD; border-radius: 12px; font-size: 14px; line-height: 22px; }
.popupdate > .ajoutagenda > a.bouton{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 16px; gap: 6px; background: #009FE3; border-radius: 27px; }

@media (max-width: 736px) { 
	.PoPuPex { position: fixed !important; width: calc(100vw - 30px); top:70px!important; left:10px!important; overflow: hidden; transition: 1s; background: white; z-index: 10000; }
	.AG_listinfoscell3 > a.bouton, .boutonalt.agenda{ padding: 0px 16px; font-size: 14px; }

}

#detailcomm  { background-color: rgba(255, 255, 255, 0.5); color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; pointer-events: none; height: 100%; opacity: 0; overflow: hidden; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 10000;	visibility: hidden; 
	-moz-transition: opacity 0.25s ease, visibility 0.25s;
	-webkit-transition: opacity 0.25s ease, visibility 0.25s;
	-ms-transition: opacity 0.25s ease, visibility 0.25s;
	transition: opacity 0.25s ease, visibility 0.25s; }
	
		#detailcomm:before {
			-moz-transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			-webkit-transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			-ms-transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			position: absolute; content: ''; display: block; top: 2em; right: 2em; width: 3.75em; height: 3.75em; background-color: rgba(4, 84, 145, 0.97); border-radius: 100%; z-index: -1;
		}

		#detailcomm > .close {
			-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
			-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
			-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
			transition: opacity 0.5s ease, transform 0.5s ease;
			-moz-transform: scale(0.25) rotate(-180deg);
			-webkit-transform: scale(0.25) rotate(-180deg);
			-ms-transform: scale(0.25) rotate(-180deg); 
			transform: scale(0.25) rotate(-180deg); 
			-webkit-tap-highlight-color: transparent; 
			display: block; position: absolute; top: 2em; right: 2em; width: 3.75em; text-indent: 3.75em; height: 3.75em; border: 0; overflow: hidden; padding: 0; white-space: nowrap;
		}

			#detailcomm > .close:before {
				content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 2em;
				background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4246 14.6967C28.0104 14.1109 28.0104 13.1612 27.4246 12.5754C26.8388 11.9896 25.8891 11.9896 25.3033 12.5754L27.4246 14.6967ZM12.5754 25.3033C11.9896 25.8891 11.9896 26.8388 12.5754 27.4246C13.1612 28.0104 14.1109 28.0104 14.6967 27.4246L12.5754 25.3033ZM25.3033 27.4246C25.8891 28.0104 26.8388 28.0104 27.4246 27.4246C28.0104 26.8388 28.0104 25.8891 27.4246 25.3033L25.3033 27.4246ZM14.6967 12.5754C14.1109 11.9896 13.1612 11.9896 12.5754 12.5754C11.9896 13.1612 11.9896 14.1109 12.5754 14.6967L14.6967 12.5754ZM36.5 20C36.5 29.1127 29.1127 36.5 20 36.5V39.5C30.7696 39.5 39.5 30.7696 39.5 20H36.5ZM20 36.5C10.8873 36.5 3.5 29.1127 3.5 20H0.5C0.5 30.7696 9.23045 39.5 20 39.5V36.5ZM3.5 20C3.5 10.8873 10.8873 3.5 20 3.5V0.5C9.23045 0.5 0.5 9.23045 0.5 20H3.5ZM20 3.5C29.1127 3.5 36.5 10.8873 36.5 20H39.5C39.5 9.23045 30.7696 0.5 20 0.5V3.5ZM25.3033 12.5754L18.9393 18.9393L21.0607 21.0607L27.4246 14.6967L25.3033 12.5754ZM18.9393 18.9393L12.5754 25.3033L14.6967 27.4246L21.0607 21.0607L18.9393 18.9393ZM27.4246 25.3033L21.0607 18.9393L18.9393 21.0607L25.3033 27.4246L27.4246 25.3033ZM21.0607 18.9393L14.6967 12.5754L12.5754 14.6967L18.9393 21.0607L21.0607 18.9393Z' fill='white'/%3E%3C/svg%3E%0A");
			}
			
			#detailcomm > .inner {
			-moz-transition: opacity 0.5s ease-in-out;
			-webkit-transition: opacity 0.5s ease-in-out;
			-ms-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			padding-top: 100px;
			opacity: 0;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			background: white; text-align: left; color:#000; margin:85px 40px; width:calc(100% - 80px); max-width: 1280px; border-radius: 12px; padding:5px 10px; overflow: auto;
			}
			#detailcomm > .inner > #contentdivdetailcomm { 
				padding:35px 30px; overflow: auto; width:100%; height: 100%; scrollbar-color: #ccc white; scrollbar-width: thin;
			}

		#detailcomm.visible {
			-moz-pointer-events: auto;
			-webkit-pointer-events: auto;
			-ms-pointer-events: auto;
			pointer-events: auto;
			opacity: 1;
			visibility: visible;
		}

			#detailcomm.visible:before {
				width: 400vw;
				width: 300vmax;
				height: 400vw;
				height: 300vmax;
				top: -150vw;
				right: -150vw;
			}

			#detailcomm.visible > .close {
				-moz-transform: scale(1) rotate(0deg);
				-webkit-transform: scale(1) rotate(0deg);
				-ms-transform: scale(1) rotate(0deg);
				transform: scale(1) rotate(0deg);
			}

			#detailcomm.visible > .inner {
				opacity: 1;
			}

@media (max-width: 736px) {
	#detailcomm > .inner { width: 100%; border-radius: 0; margin:0; padding: 0 1em; }
	#detailcomm > .close:before {
					content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 1em;
					background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4246 14.6967C28.0104 14.1109 28.0104 13.1612 27.4246 12.5754C26.8388 11.9896 25.8891 11.9896 25.3033 12.5754L27.4246 14.6967ZM12.5754 25.3033C11.9896 25.8891 11.9896 26.8388 12.5754 27.4246C13.1612 28.0104 14.1109 28.0104 14.6967 27.4246L12.5754 25.3033ZM25.3033 27.4246C25.8891 28.0104 26.8388 28.0104 27.4246 27.4246C28.0104 26.8388 28.0104 25.8891 27.4246 25.3033L25.3033 27.4246ZM14.6967 12.5754C14.1109 11.9896 13.1612 11.9896 12.5754 12.5754C11.9896 13.1612 11.9896 14.1109 12.5754 14.6967L14.6967 12.5754ZM36.5 20C36.5 29.1127 29.1127 36.5 20 36.5V39.5C30.7696 39.5 39.5 30.7696 39.5 20H36.5ZM20 36.5C10.8873 36.5 3.5 29.1127 3.5 20H0.5C0.5 30.7696 9.23045 39.5 20 39.5V36.5ZM3.5 20C3.5 10.8873 10.8873 3.5 20 3.5V0.5C9.23045 0.5 0.5 9.23045 0.5 20H3.5ZM20 3.5C29.1127 3.5 36.5 10.8873 36.5 20H39.5C39.5 9.23045 30.7696 0.5 20 0.5V3.5ZM25.3033 12.5754L18.9393 18.9393L21.0607 21.0607L27.4246 14.6967L25.3033 12.5754ZM18.9393 18.9393L12.5754 25.3033L14.6967 27.4246L21.0607 21.0607L18.9393 18.9393ZM27.4246 25.3033L21.0607 18.9393L18.9393 21.0607L25.3033 27.4246L27.4246 25.3033ZM21.0607 18.9393L14.6967 12.5754L12.5754 14.6967L18.9393 21.0607L21.0607 18.9393Z' fill='rgb(4, 84, 145)'/%3E%3C/svg%3E%0A");
				}
	#detailcomm > .close {
			position: absolute; top: 5px; right: 5px; width: 1em; text-indent: 1em; height: 1em; border: 0; overflow: hidden; padding: 0; white-space: nowrap; z-index: 10000;
		}
}
#recherche { background-color: rgba(255, 255, 255, 0.5); color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; pointer-events: none; height: 100%; opacity: 0; overflow: hidden; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 10000;	visibility: hidden; 
	-moz-transition: opacity 0.25s ease, visibility 0.25s;
	-webkit-transition: opacity 0.25s ease, visibility 0.25s;
	-ms-transition: opacity 0.25s ease, visibility 0.25s;
	transition: opacity 0.25s ease, visibility 0.25s; }
	
		#recherche:before {
			-moz-transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			-webkit-transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			-ms-transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			transition: width 0.5s linear, height 0.5s linear, top 0.5s linear, right 0.5s linear;
			position: absolute; content: ''; display: block; top: 2em; right: 2em; width: 3.75em; height: 3.75em; background-color: rgba(4, 84, 145, 0.97); border-radius: 100%; z-index: -1;
		}

		#recherche > .close {
			-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
			-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
			-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
			transition: opacity 0.5s ease, transform 0.5s ease;
			-moz-transform: scale(0.25) rotate(-180deg);
			-webkit-transform: scale(0.25) rotate(-180deg);
			-ms-transform: scale(0.25) rotate(-180deg); 
			transform: scale(0.25) rotate(-180deg); 
			-webkit-tap-highlight-color: transparent; 
			display: block; position: absolute; top: 2em; right: 2em; width: 3.75em; text-indent: 3.75em; height: 3.75em; border: 0; overflow: hidden; padding: 0; white-space: nowrap;
		}

			#recherche > .close:before {
				content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 2em;
				background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4246 14.6967C28.0104 14.1109 28.0104 13.1612 27.4246 12.5754C26.8388 11.9896 25.8891 11.9896 25.3033 12.5754L27.4246 14.6967ZM12.5754 25.3033C11.9896 25.8891 11.9896 26.8388 12.5754 27.4246C13.1612 28.0104 14.1109 28.0104 14.6967 27.4246L12.5754 25.3033ZM25.3033 27.4246C25.8891 28.0104 26.8388 28.0104 27.4246 27.4246C28.0104 26.8388 28.0104 25.8891 27.4246 25.3033L25.3033 27.4246ZM14.6967 12.5754C14.1109 11.9896 13.1612 11.9896 12.5754 12.5754C11.9896 13.1612 11.9896 14.1109 12.5754 14.6967L14.6967 12.5754ZM36.5 20C36.5 29.1127 29.1127 36.5 20 36.5V39.5C30.7696 39.5 39.5 30.7696 39.5 20H36.5ZM20 36.5C10.8873 36.5 3.5 29.1127 3.5 20H0.5C0.5 30.7696 9.23045 39.5 20 39.5V36.5ZM3.5 20C3.5 10.8873 10.8873 3.5 20 3.5V0.5C9.23045 0.5 0.5 9.23045 0.5 20H3.5ZM20 3.5C29.1127 3.5 36.5 10.8873 36.5 20H39.5C39.5 9.23045 30.7696 0.5 20 0.5V3.5ZM25.3033 12.5754L18.9393 18.9393L21.0607 21.0607L27.4246 14.6967L25.3033 12.5754ZM18.9393 18.9393L12.5754 25.3033L14.6967 27.4246L21.0607 21.0607L18.9393 18.9393ZM27.4246 25.3033L21.0607 18.9393L18.9393 21.0607L25.3033 27.4246L27.4246 25.3033ZM21.0607 18.9393L14.6967 12.5754L12.5754 14.6967L18.9393 21.0607L21.0607 18.9393Z' fill='white'/%3E%3C/svg%3E%0A");
			}
			
			#recherche > .inner {
			-moz-transition: opacity 0.5s ease-in-out;
			-webkit-transition: opacity 0.5s ease-in-out;
			-ms-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			padding-top: 100px;
			opacity: 0;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		}

		#recherche.visible {
			-moz-pointer-events: auto;
			-webkit-pointer-events: auto;
			-ms-pointer-events: auto;
			pointer-events: auto;
			opacity: 1;
			visibility: visible;
		}

			#recherche.visible:before {
				width: 400vw;
				width: 300vmax;
				height: 400vw;
				height: 300vmax;
				top: -150vw;
				right: -150vw;
			}

			#recherche.visible > .close {
				-moz-transform: scale(1) rotate(0deg);
				-webkit-transform: scale(1) rotate(0deg);
				-ms-transform: scale(1) rotate(0deg);
				transform: scale(1) rotate(0deg);
			}

			#recherche.visible > .inner {
				opacity: 1;
			}
			
.resultatsrecherche { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 0 36px; gap: 4px; }
.filtresrecherche { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.filtresrecherche > .lefiltre { width: 31%;  display: flex; flex-direction: row; justify-content: flex-start; }
.filtresrecherche > .lefiltre > .active , 
.filtresrecherche > .lefiltre > .inactive { display: flex; flex-direction: row; justify-content: center; align-items: center; gap:12px; } 
.filtresrecherche > .lefiltre > .active > label { color: white; font-family: 'Lexend'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 25px; } 
.filtresrecherche > .lefiltre > .inactive > lebel {color: white; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; } 
.filtresrecherche input[type="checkbox"] { accent-color: #ffffff; } 

@media (max-width:736px) { .filtresrecherche input[type="checkbox"] { accent-color: #009FE3; } }

@media (max-width: 980px) { 
	.filtresrecherche > .lefiltre { width: 100%; } 
	.filtresrecherche > .lefiltre > .active , 
	.filtresrecherche > .lefiltre > .inactive { gap:6px; } 
	.resultatsrecherche { display: flex; flex-direction: column; padding: 0; }
}

.listingarticlesrech { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; margin:0; gap: 16px;}
.listingarticlesrech > .Article {display: flex; flex-direction: column; justify-content: flex-start; width: 100%; padding: 20px 24px 24px; background: #F1F7FD; border-radius: 8px; gap:8px; }
.listingarticlesrech > .Article > .DateTag { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #045491; }
.listingarticlesrech > .Article > .Accroche { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 25px; margin: 0; }

#footer { display: block; background: #045491; margin: 0; color:#FFFFFF; line-height: 1.5; }
#footer::before { display: block; height: 6px; content:''; background-image: url("../medias/charte/border.svg"); background-size: 100%; background-repeat: no-repeat; }
#footer > .inner { padding:96px 0 ; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; align-content: flex-start; }
#footer > .inner > div { width:25%; padding: 24px 0; } 
#footer > .inner > div.colpdp { width:20%; display: flex; flex-direction: column; align-items: flex-start; padding: 24px 0px; gap: 32px; align-content: flex-start; justify-content: flex-start; }
#footer > .inner > div.colpdp > .pdp { font-family: 'Roboto Condensed'; font-style:normal; font-weight:700; font-size:16px; line-height:23px; text-transform:uppercase; color:#FFFFFF; }
#footer img.picto { height: 28px; margin: 0 5px;}
#footer a { color:white; text-decoration: none; }
#footer > .inner > div.connexionpdp { display: flex; flex-direction: column; align-items: flex-start; padding: 24px 32px; gap: 12px; margin: 0 auto; background:#FFFFFF; border-radius: 12px; color:#3668B8; font-family: 'Lexend'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; }
#footer > .inner > div.connexionpdp > h3 { margin:0; }

@media (max-width: 1280px)  { #footer > .inner{ gap:20px; padding:60px; } }
@media (max-width: 980px)  { 
	#footer > .inner{ gap:0px; }
	#footer > .inner > div { width:47%; text-align: center; margin-bottom: 40px; } 
	#footer > .inner > div:nth-child(1) { width:99%; margin-bottom: 40px; }
	#footer > .inner > div:nth-child(2) { width:49%; margin-bottom: 40px; }
	#footer > .inner > div:nth-child(3) { width:49%; margin-bottom: 40px; }
	#footer > .inner > div.connexionpdp { width:99%; margin-bottom: 40px; align-items: center;  }
}

/* colonnages */
.row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.col32 { width: 32%; }
.seancecomproch { width: 32%; margin-bottom: 24px; }
.seancecompassees { width: 32%; margin-bottom: 24px; }
.col40 { width: 40%; }
.col50 { width: 50%; }
.col60 { width: 60%; }
.col100 { width: 100%; }
.margeinterieur { padding : 40px; }
@media (max-width: 1280px) { 
	.seancecomproch { width: 48%; }
	.seancecompassees { width: 48%; }
}
@media (max-width: 736px) { 
	.seancecomproch { width: 100%; }
	.seancecompassees { width: 100%; }
}

.seancecomproch > .date { height:210px; font-size: 48px !important; color:#ffffff; background: #3668B8; border-radius:12px; display: flex; flex-direction: column; text-align: center; justify-content: center; }
.seancecompassees > .date { height:210px; font-size: 48px !important; color:#045491; background: #DBE3EF; border-radius:12px; display: flex; flex-direction: column; text-align: center; justify-content: center; }
.seancecomproch > .texte { font-size: 16px; font-weight: 400; margin: 16px 0; }
.seancecompassees > div > .texte { font-size: 16px; font-weight: 400; margin: 16px 0;  }

@media (max-width: 980px) {
	.col32, .col40, .col50, .col60, .col100 { width: 100%; }
	.margeinterieur { padding : 24px 16px; }	
}
@media (max-width: 736px) { 
	.seancecompassees { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; gap:16px; }
	.seancecompassees > .date { height:84px; width: 120px; font-size: 24px !important; color:#045491; background: #DBE3EF; border-radius:8px; }
	.seancecompassees > div > .texte { font-size: 14px; font-weight: 400; margin: 0 0;  }
	.seancecompassees > div > .lien { margin-top: 4px; }
}
.card { background: #F1F7FD; border-radius:12px; padding:12px 24px; min-width: 25%; }
.card img { vertical-align: middle; width: 1em; height: 1em; }
.card a { color : #74849A; text-decoration: none; }

.bloclogo { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; padding: 32px 24px 40px; gap: 64px; background: #FFFFFF; border-radius: 12px; }
.bloclogo > a > img { height:130px; width: auto; }

@media (max-width: 768px) { .card{ min-width:90%; } }

/* formulaire */
input, select{ background: #FFFFFF; border: 2px solid #DBE3EF; border-radius: 27px; padding:0 24px; height: 3rem; line-height: 3rem; font-size: inherit; margin:5px 0; font-family: 'Lexend', sans-serif, verdana; vertical-align: middle; }
input[type='text'], input[type='password'] { color: #3668B8 !important; }
input[type='text']:focus, input[type='password']:focus { color: #3668B8 !important; }
input::placeholder { color: #868E9A; font-family: 'Lexend', sans-serif, verdana; }
select { appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.83216L10.591 0.5L6.001 4.82717L1.411 0.5L0 1.83216L6.001 7.5L12 1.83216Z' fill='black'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}
.identif input,select { width:100%; }
.identif select > option { padding: 12px 0 ; }
.identif select:after { display: none; }
.identif select > option:hover { background-color: #F1F7FD !important; }
.identif select {  -webkit-appearance: none; -moz-appearance: none; background-image:url("/medias/charte/Fleche-Bas.svg"); background-position: calc(100% - 18px) calc(50% + 5px); background-size:18px 18px; background-repeat: no-repeat; }
.identif select:focus { background-image:url("/medias/charte/Fleche-Haut.svg"); background-position: calc(100% - 18px) calc(50% + 5px); background-size:18px 18px; background-repeat: no-repeat; }