/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 3.3.6.1648448186
Updated: 2022-03-28 08:16:26

*/

*{font-family: 'Roboto', sans-serif;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

body {
	color: #696969;
	font-size: 15px;
	letter-spacing: 1px;
}

.social{}

.social a{background-color: white;-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;width: 25px;height: 25px;margin: 0 0 0 8px}

.social a.fb{-webkit-mask-image: url(images/picto-fb.svg)}
.social a.in{-webkit-mask-image: url(images/picto-in.svg)}
.social a.yt{-webkit-mask-image: url(images/picto-yt.svg)}

.text-purple{color:#2563EB}

#page{width:100%;overflow:hidden;padding-top:70px}

#content.site-content{padding:0;}

li{margin-bottom: 0.5em;}

a{color:#2563EB;  -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}


.shape1 a{color:white}

a:hover{color:#71549d}

.btn::before,.btn.btn-white:hover::before {
	content: "";
	-webkit-mask-image: url(images/arrow.svg);
	position: absolute;
	background-color: white;
	width: 16px;
	height: 100%;
	margin: 0px 10px 0 0;
	left: 12px;
	top: 0;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left center;
  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
}

.btn:hover::before,.btn.btn-white::before {

	background-color: #1D4ED8;

}

.btn, .btn.btn-white:hover {
	border: 3px solid #1D4ED8;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 8px 12px 8px 40px;
	border-radius: 6px;
	color: white;
	background-color: #1D4ED8;
	position: relative;
}

.btn.btn-white,.btn:hover  {
	border: 3px solid white;
	color: #1D4ED8;

	background-color: white;
}

.btn.btn-white:hover  {
	border-color:white;
}

.btn:hover  {
	border-color:#1D4ED8;

}

hr.purple{border-color:#1D4ED8}

h1,h2,h3,h4{color:#2563EB}

h1{font-size:25px}

.title-encart {
	font-size: 18px;
	border: 2px solid #1D4ED8;
	color: #1D4ED8;
	padding: 15px 30px;
	letter-spacing: 2px;
	font-weight: 600;
	margin: 80px 0 50px;
}

.title-encart.title-encart-white{border-color:white;color:white}

section.shape1 .title-encart{margin-top:0}

#masthead {
	background-color: #2563EB !important;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10;
	padding: 16px 0 !important;
	box-shadow: 0 2px 24px rgba(15, 23, 42, 0.14);
	transition: padding 0.25s ease, box-shadow 0.25s ease;
}

#masthead.is-scrolled {
	padding: 10px 0 !important;
	box-shadow: 0 4px 28px rgba(15, 23, 42, 0.28);
}

.admin-bar #masthead{top:32px}

#masthead .navbar-nav{width:100%}

#masthead li{margin:0}

#masthead .navbar-brand img{transition:opacity 0.2s ease}
#masthead .navbar-brand:hover img{opacity:0.85}

#masthead .navbar-nav > li > a {
	color: white !important;
	padding: 10px 0 !important;
	font-weight: 500 !important;
	letter-spacing: 1.5px;
	font-size: 13px !important;
	text-transform: uppercase;
	position: relative;
	transition: opacity 0.2s ease;
}

#masthead .navbar-nav > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
	height: 2px;
	background-color: white;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}

#masthead .navbar-nav > li > a:hover::before,
#masthead .navbar-nav > li.current-menu-ancestor > a::before,
#masthead .navbar-nav > li.current-menu-item > a::before {
	transform: scaleX(1);
}

#masthead .navbar-nav > li.current-menu-ancestor > a, #masthead .navbar-nav > li.current-menu-item > a {
	font-weight:600 !important;
}

#masthead .dropdown-toggle::after {
	transition: transform 0.25s ease;
}

#masthead .dropdown-toggle[aria-expanded="true"]::after,
#masthead li.dropdown:hover > .dropdown-toggle::after {
	transform: rotate(180deg);
}

#masthead .dropdown-menu a {
	color: #0f172a;
	line-height: 1.3;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 500;
	transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

#masthead .dropdown-menu a:hover {
	color: #2563EB;
	background-color: #EFF6FF;
	padding-left: 30px;
}

section.shape1 .background{color:white;background-color:#2563EB;background-image:url(../images/marque/logo-iut-gext-inverse.svg);background-size:545px;background-position:center top;background-repeat:no-repeat;padding:40px 0 50px}
.home section.shape1 .background{padding:90px 0}
section.shape:before,
section.shape:after{content:"";display:block;width: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;}

section.shape:before{-webkit-mask-position: center top;
margin-bottom: -1px;}
section.shape:after{-webkit-mask-position: center bottom;
margin-top: -1px;}


section.shape1 {
	margin-top: -6.8%;
	z-index: 1;
	margin-bottom: -4.6%;
}

section.shape1 h2,
section.shape1 h3,
section.shape1 h4,
section.shape4.purple h2,
section.shape4.purple h3,
section.shape4.purple h4{color:white;text-transform: uppercase;}

section.shape1.mt-0:before{display:none}

section.shape1 h4 {
	font-size: 14px;
	font-weight: 500;
}


.home section.shape1{margin-top: -3.4%;}
section.shape1::before {
	-webkit-mask-image: url(images/shape-1-top.svg);
	padding: 3.4% 0;background-color:#2563EB;

}
section.shape1::after {
	-webkit-mask-image: url(images/shape-1-bottom.svg);
	padding: 2.30% 0;background-color:#2563EB;

}

section.shape2{padding-top: 4.3%;padding-bottom:8.13%;}


section.shape3{margin-top: -6.25%;}
section.shape3::before {
	-webkit-mask-image: url(images/shape-3-top.svg);
	padding: 3.125% 0 ;
	background-color: white;

}

section.shape3.purple::before,section.shape3.purple .background,
section.shape3.purple+section.shape4::before{background-color:#1D4ED8}

section.shape4{
background-size:cover;background-position:center;

	background-blend-mode: luminosity;
padding:6.8% 0 4.6%;

}

section.shape4.purple{

	background-color: #2563EB;
color:white;
}

section.shape4.grey{background-color: #EDEDED;}

section.shape4 h3,
section.shape1 h3{

	font-size: 15px;margin-top:0
}



section.shape4 .background {
	background-color: #2563EB;
	opacity: 0.9;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

section.shape4::before {
	-webkit-mask-image:url(images/shape-4-top.svg);background-color:white;
	padding: 3.4% 0;
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 0;
}

section.grey + section.shape4:before{background-color:#EDEDED}
section.shape4::after {
	-webkit-mask-image: url(images/shape-4-bottom.svg);
	padding: 2.30% 0;
	bottom: -1px;
	position: absolute;background-color:white;
	left: 0;
}

section.grey{background-color:#EDEDED}

section.shape1 + section.shape4:before{display:none}

section.shape1 hr{border-color:white}


section#shortlinks .shortlinks a.vignette{width:calc(25% - 40px)}

a.actu{color:#696969;font-size:16px}

a.actu .date {
	font-size: 13px;
	letter-spacing: 2px;
	color: #1D4ED8;
}

a.vignette h3 {
  border:3px solid transparent;
	background-color: white;
	width: calc(100% - 50px);
	margin: 0 0 0 40px;
	font-size: 15px;
	letter-spacing: 2px;
	padding: 12px 0;color:#2563EB;
	z-index: 1;
  -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}



a.vignette.actu .img > div{margin-top:0}


a.vignette:hover h3{color:white;background-color:#1D4ED8;border-color:white}

a.vignette .img > div {
	padding: 50% 0;
	background-size: cover;
	background-position: center;
	margin-top: -23px;
	box-shadow: 3px 3px 10px rgb(0,0,0,0.16);
}

a.vignette.actu .img > div{padding: 33.33% 0;}

a.vignette.actu{margin:20px}

a.vignette .img::before {
  	content: "";
  	position: absolute;
  	background-color: white;
  	width: calc(100% - 8px);
  	height: 100%;
  	right: -8px;
  	bottom: 8px;
    -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
  }

  a.actu.vignette .img::before {

    	background-color: #1D4ED8;

    }

a.vignette:hover .img::before {

  	right: -15px;
  	bottom: 15px;
  }

.home section#actualites .background {
	top:0;left:0;width:100%;height:100%;
	background-image:url(../../wp-content/uploads/2022/04/AUB_8195.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;opacity:0.15;
}

.home section#actualites::after {
	content: "";
	background-image: url(images/shape-actu.svg);
	position: absolute;
	top: 60%;
	width: 100%;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	height: calc(40% + 1px);
}

.home section#actualites .container{z-index:1}

a.actu-big .img{width:calc(100% - 290px);background-size:cover;background-position:center}
a.actu-big .contenu {
	width: 290px;
	padding: 60px 60px 60px 30px;
}


a.actu-big .contenu::before {
	content: "";
	background-image: url(images/shape-big-actu.svg);
	height: 100%;
	width: 24px;
	position: absolute;
	top: 0;
	left: -23px;
	background-size: cover;
}



a.actu-big strong{color:#1D4ED8;}

a.actu-big {
	background-color: white;
	box-shadow: 3px 3px 10px rgb(0,0,0,0.16);

}

a.actu.actu-big h3.title {

	margin: 5px 0 20px;

}

a.actu h3.title {
	font-size: 20px;
	margin: 30px 0 0px;
	color: #1D4ED8;
	text-transform: initial;
}


a.actu.vignette span.btn {
	bottom: -20px;
	left: calc(50% - 75px);
}

.home a.actu.vignette span.btn{border:1px solid #2563EB}

section#actualites .owl-dots{display:none}

section#actualites .owl-nav {
	position: absolute;
	top: 150px;
	width: calc(100% + 50px);
	left: -20Px;
	display: flex;
	justify-content: space-between;
}

section#actualites .owl-nav button {
	background-image: url(images/arrow.svg);
	width: 16px;
	height: 16px;
	background-size: contain;
	color: transparent;
	background-repeat: no-repeat;
}

section#actualites .owl-nav button.owl-prev{transform:rotate(180deg)}

section#actualites .owl-nav button.disabled{opacity:0}

.chiffre{font-size:16px;margin-top:30px}

.chiffre h3 {
	font-size: 40px !important;
	font-weight: 800;
	letter-spacing: 2px;
	color: white;
	text-transform: initial !important;
	line-height: 1;
}

.paragraphe{margin-bottom:40px}

.paragraphe h3 {
	font-size: 15px;
	line-height: 1.5;
	margin: 20px 0 10px !important;
}

.paragraphe .img{
	padding: 20% 0;
	background-size: cover;
	background-position: center;
	position:relative;
}


.paragraphe .img::before {
	content: "";
	position: absolute;
	background-color: #2563EB;
	width: calc(100% - 8px);
	height: 100%;
	right: -8px;
	bottom: 8px;
	z-index: -1;
}

.paragraphe-picto{margin-bottom:30px }

.paragraphe-picto .texte {
	width: calc(100% - 110px);

}

.paragraphe-picto.flex-column .texte {
	width: 100%;

}

.paragraphe-picto .texte p,
.paragraphe-picto .texte ul{color:#2563EB;margin-bottom:0}

.paragraphe-picto .texte.texte-white p,
.paragraphe-picto .texte.texte-white ul{color:white}

.paragraphe-picto .texte ul{padding-left:13px}

.paragraphe-picto h3 {
	text-transform: uppercase;
	font-size: 15px;
	margin: 0 0 5px;
	line-height: 1.3;
  letter-spacing: 2px;
}

.paragraphe-picto .picto{width:70px;height:70px;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;background-color:#2563EB}

.paragraphe-picto .picto.picto-white{background-color:white}

.puce ul {
	display: flex;
	margin-left: -16px;
	width: calc(100% + 32Px);
	padding: 0;margin-bottom:60px
}

.puce ul li{margin:0 30px}


.puce.puce3 ul li{width:33.33%;}

section#banner-top{height:280px;background-size:cover;background-position:center}

#liste-parrains{margin-bottom:100px}

#liste-parrains .date{

	font-weight: 800;

}

.liste-formation{margin:30px 0}

.liste-formation .encart {
	background-color: white;
	margin-bottom: 15px;
	color: #1D4ED8;
	border: 1px solid white;
  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
}

.liste-formation .encart:hover{border-color:#1D4ED8}

.liste-formation .encart a.btn:hover {
	border-top: 0;
	border-bottom: 0;
	padding-top: 11px;
	padding-bottom: 11px;
}

.liste-formation .encart.encart-purple a.btn:hover {
	border-right:0;
}


.liste-formation .encart span {
	width: calc(100% - 170px);
	line-height: 1.1;
	letter-spacing: 0;
	padding: 10px;
}

.liste-formation .encart a.btn{width:170px}


.liste-formation .encart.encart-purple {
	background-color: #1D4ED8;
	color: white;
	border-color: #1D4ED8;
}



.accordeon h4{cursor:pointer;}

.accordeon h4::after {
	content: "";
	-webkit-mask-image: url(images/arrow.svg);
	background-color:#1D4ED8;
	position: absolute;
	right: 0;
	width: 16px;
	height: 16px;
	transform: rotate(90deg);
	-webkit-transition: all 500ms ease-out;
			-moz-transition: all 500ms ease-out;
			-o-transition: all 500ms ease-out;
			transition: all 500ms ease-out;
}

.accordeon h4.text-white::after {	background-color:white;}

.accordeon .open h4::after{transform: rotate(-90deg);}


table td {
	padding: 20px 5px 5px 0;
	border-bottom: 1px solid #1D4ED8;
	vertical-align: bottom;
}

table tr:first-child td{border:0 !important}
table td:last-child {
	padding-right: 0;
}
section.purple table td {

	border-bottom: 1px solid white;

}


.post-navigation .nav-previous a, .post-navigation .nav-next a{border:0}

.sidebar-white {
	padding: 48px 0 0px 30px;
}

.sidebar-white .bloc {
	margin-bottom: 30px;
	margin-top: 60px;
}

.sidebar-white .bloc.bloc-encart {
	border: 1px solid #2563EB;
	padding: 1px 20px;
}

.sidebar-white .bloc.bloc-purple{
	padding: 1px 20px;
background-color:#2563EB;
}

.sidebar-white .bloc.bloc-purple a{color:white}

.sidebar-white::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	height: calc(100% + 40px);
	width: 1000px;
	background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


.single .img-mise-en-avant {
	box-shadow: 3px 3px 10px rgb(0,0,0,0.16);
}

.single .img-mise-en-avant::before {
	content: "";
	background-color: white;
	height: 100%;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 100%;
}


footer#colophon {
	background: linear-gradient(180deg, #0b1220 0%, #0f172a 55%, #101c33 100%) !important;
	border-top: 4px solid #2563EB;
	padding: 64px 0 0;
	font-size: 14px;
	color: #cbd5e1;
	position: relative;
	overflow: hidden;
}

footer#colophon::before {
	content: "";
	position: absolute;
	top: -180px;
	right: -120px;
	width: 420px;
	height: 420px;
	background: radial-gradient(circle, rgba(37,99,235,0.25) 0%, rgba(37,99,235,0) 70%);
	pointer-events: none;
}

footer#colophon .container { position: relative; z-index: 1; }

footer#colophon .footer-brand h4 {
	font-size: 1.05rem;
	letter-spacing: 0.08em;
	margin-bottom: 0.8rem;
	color: #1D4ED8;
}

footer#colophon .footer-contact-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 18px 36px;
	padding: 22px 0;
	margin: 0;
}

footer#colophon .footer-contact-list a {
	color: #0f172a;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

footer#colophon .footer-contact-list a:hover {
	color: #1D4ED8;
}

footer#colophon hr.footer-divider {
	border-color: rgba(29, 78, 216, 0.25);
	margin: 24px 0 16px;
}

footer#colophon .footer-meta {
	font-size: 0.95rem;
	color: #475569;
}

footer#colophon .footer-meta a {
	color: #1D4ED8;
	font-weight: 600;
	text-decoration: none;
}

footer#colophon .footer-separator {
	margin: 0 8px;
	color: #94a3b8;
}

footer#colophon ul#menu-footer {
	padding: 0;
	list-style: none;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem 1.5rem;
}

footer#colophon ul#menu-footer > li {
	margin-bottom: 6px;
}

footer#colophon ul#menu-footer a.nav-link {
	padding: 0;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: #1D4ED8;
	letter-spacing: 0.06em;
}

footer#colophon ul#menu-footer a:after{display:none}

footer#colophon ul#menu-footer ul.dropdown-menu{
	display: block !important;
	position: static;
	background-color: transparent;
	border: 0;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 14px;
	color: #64748b;
	float:none;
}

footer#colophon ul#menu-footer ul.dropdown-menu .dropdown-item {
	padding: 0;
}

footer#colophon ul#menu-footer ul.dropdown-menu li{margin:0}

footer#colophon ul#menu-footer .hide-in-footer{display:none}

/* ===== Footer v3 — refonte premium (fond sombre, accents anguleux) ===== */

footer#colophon .footer-top{padding-bottom:48px}

/* --- Colonne marque --- */
footer#colophon .footer-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}
footer#colophon .footer-logo-img{height:44px;width:auto}
footer#colophon .footer-logo-img--horizontal{height:64px;max-width:100%}
footer#colophon .footer-tagline{font-size:0.9rem;line-height:1.7;color:#94a3b8;margin-bottom:0}

footer#colophon .footer-contact-list{border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
footer#colophon .footer-contact-list li{display:flex;align-items:center;gap:12px;margin-bottom:0}
@media(min-width:768px){
	footer#colophon .footer-contact-list li:not(:first-child){padding-left:24px;border-left:1px solid rgba(255,255,255,0.12)}
}
footer#colophon .footer-contact-icon{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#60a5fa;background:rgba(37,99,235,0.14);border:1px solid rgba(37,99,235,0.35);border-radius:4px}
footer#colophon .footer-contact-icon svg{width:16px;height:16px}
footer#colophon .footer-contact-list li > span:not(.footer-contact-icon){color:#cbd5e1}
footer#colophon .footer-contact-list a{color:#e2e8f0;font-weight:600;text-decoration:none;transition:color var(--motion-fast, 0.2s) ease, transform var(--motion-fast, 0.2s) ease}
footer#colophon .footer-contact-list a:hover{color:#60a5fa}
footer#colophon .footer-contact-phones{line-height:1.6}
footer#colophon .footer-contact-sep{color:#475569;font-weight:400}

/* --- Colonnes de navigation --- */
footer#colophon .footer-nav-wrap{border-left:1px solid rgba(255,255,255,0.1);padding-left:32px}
@media(max-width:991px){footer#colophon .footer-nav-wrap{border-left:0;padding-left:15px;margin-top:32px}}

footer#colophon .footer-nav-title{font-size:0.85rem;font-weight:800;letter-spacing:0.08em;color:#ffffff;text-transform:uppercase;position:relative;padding-bottom:14px;margin-bottom:16px}
footer#colophon .footer-nav-title:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:3px;background-color:#2563EB}

footer#colophon .footer-nav-list{list-style:none;padding:0;margin:0}
footer#colophon .footer-nav-list li{margin-bottom:12px}
footer#colophon .footer-nav-list a{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:0.9rem;text-decoration:none;transition:color 0.2s ease, transform 0.2s ease}
footer#colophon .footer-nav-list a:hover{color:#ffffff;transform:translateX(3px)}
footer#colophon .footer-chevron{color:#2563EB;font-weight:700;line-height:1;transition:transform 0.2s ease}
footer#colophon .footer-nav-list a:hover .footer-chevron{transform:translateX(2px)}

/* --- Bloc secondaire : newsletter / réseaux / accréditation --- */
footer#colophon .footer-secondary{padding:40px 0;margin-top:16px;border-top:1px solid rgba(255,255,255,0.1)}
footer#colophon .footer-secondary > div{position:relative}
footer#colophon .footer-secondary > div:not(:first-child):before{content:"";position:absolute;left:-15px;top:4px;bottom:4px;width:1px;background:rgba(255,255,255,0.1)}
@media(max-width:991px){footer#colophon .footer-secondary > div:before{display:none}
	footer#colophon .footer-secondary > div{margin-bottom:24px}}

footer#colophon .footer-newsletter-icon{flex:0 0 auto;width:44px;height:44px;background-color:#2563EB;color:white;display:flex;align-items:center;justify-content:center;margin-right:14px;box-shadow:3px 3px 10px rgba(0,0,0,0.35);border-radius:4px}
footer#colophon .footer-newsletter-icon svg{width:20px;height:20px}
footer#colophon .footer-newsletter-title{font-size:0.95rem;font-weight:700;color:#ffffff;margin-bottom:2px}
footer#colophon .footer-newsletter-subtitle{font-size:0.82rem;color:#94a3b8;margin-bottom:0}

footer#colophon .footer-newsletter-form{display:flex;align-items:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.14);border-radius:8px;padding:4px 4px 4px 16px;max-width:340px;transition:border-color 0.2s ease, box-shadow 0.2s ease}
footer#colophon .footer-newsletter-form:focus-within{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,0.2)}
footer#colophon .footer-newsletter-input{flex:1;border:0;outline:none;font-size:0.85rem;color:#f1f5f9;background:transparent}
footer#colophon .footer-newsletter-input::placeholder{color:#64748b}
footer#colophon .footer-newsletter-submit{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:6px;background-color:#2563EB;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease}
footer#colophon .footer-newsletter-submit svg{width:16px;height:16px;transition:transform 0.2s ease}
footer#colophon .footer-newsletter-submit:hover{background-color:#1D4ED8}
footer#colophon .footer-newsletter-submit:hover svg{transform:translateX(2px)}

footer#colophon .footer-social-label{font-size:0.82rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#94a3b8;margin-right:14px}
footer#colophon .footer-social-icons{display:flex}
footer#colophon .social.footer-social-icons a{background-color:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:6px;width:36px;height:36px;margin:0 0 0 8px;transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}
footer#colophon .social.footer-social-icons a:hover{background-color:#2563EB;border-color:#2563EB;transform:translateY(-3px);box-shadow:3px 3px 10px rgba(0,0,0,0.35)}
footer#colophon .social.footer-social-icons a.fb{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M22 12a10 10 0 1 0-11.5 9.87v-6.98H7.9V12h2.6V9.8c0-2.56 1.52-3.98 3.85-3.98 1.12 0 2.3.2 2.3.2v2.53h-1.3c-1.28 0-1.68.8-1.68 1.62V12h2.86l-.46 2.89h-2.4v6.98A10 10 0 0 0 22 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M22 12a10 10 0 1 0-11.5 9.87v-6.98H7.9V12h2.6V9.8c0-2.56 1.52-3.98 3.85-3.98 1.12 0 2.3.2 2.3.2v2.53h-1.3c-1.28 0-1.68.8-1.68 1.62V12h2.86l-.46 2.89h-2.4v6.98A10 10 0 0 0 22 12z'/%3E%3C/svg%3E")}
footer#colophon .social.footer-social-icons a.in{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.6v1.71h.05c.5-.95 1.73-1.95 3.56-1.95 3.81 0 4.51 2.51 4.51 5.78V21h-4v-5.5c0-1.31-.02-3-1.83-3-1.83 0-2.11 1.43-2.11 2.9V21H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.6v1.71h.05c.5-.95 1.73-1.95 3.56-1.95 3.81 0 4.51 2.51 4.51 5.78V21h-4v-5.5c0-1.31-.02-3-1.83-3-1.83 0-2.11 1.43-2.11 2.9V21H9z'/%3E%3C/svg%3E")}
footer#colophon .social.footer-social-icons a.yt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z'/%3E%3C/svg%3E")}
footer#colophon .social.footer-social-icons a.ig{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2c2.7 0 3.05.01 4.12.06 1.07.05 1.8.22 2.43.47.66.26 1.22.6 1.77 1.15.55.55.9 1.11 1.15 1.77.25.63.42 1.36.47 2.43.05 1.07.06 1.42.06 4.12s-.01 3.05-.06 4.12c-.05 1.07-.22 1.8-.47 2.43-.26.66-.6 1.22-1.15 1.77-.55.55-1.11.9-1.77 1.15-.63.25-1.36.42-2.43.47-1.07.05-1.42.06-4.12.06s-3.05-.01-4.12-.06c-1.07-.05-1.8-.22-2.43-.47-.66-.26-1.22-.6-1.77-1.15-.55-.55-.9-1.11-1.15-1.77-.25-.63-.42-1.36-.47-2.43C2.01 15.05 2 14.7 2 12s.01-3.05.06-4.12c.05-1.07.22-1.8.47-2.43.26-.66.6-1.22 1.15-1.77.55-.55 1.11-.9 1.77-1.15.63-.25 1.36-.42 2.43-.47C8.95 2.01 9.3 2 12 2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4zm5.2-8.4a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2c2.7 0 3.05.01 4.12.06 1.07.05 1.8.22 2.43.47.66.26 1.22.6 1.77 1.15.55.55.9 1.11 1.15 1.77.25.63.42 1.36.47 2.43.05 1.07.06 1.42.06 4.12s-.01 3.05-.06 4.12c-.05 1.07-.22 1.8-.47 2.43-.26.66-.6 1.22-1.15 1.77-.55.55-1.11.9-1.77 1.15-.63.25-1.36.42-2.43.47-1.07.05-1.42.06-4.12.06s-3.05-.01-4.12-.06c-1.07-.05-1.8-.22-2.43-.47-.66-.26-1.22-.6-1.77-1.15-.55-.55-.9-1.11-1.15-1.77-.25-.63-.42-1.36-.47-2.43C2.01 15.05 2 14.7 2 12s.01-3.05.06-4.12c.05-1.07.22-1.8.47-2.43.26-.66.6-1.22 1.15-1.77.55-.55 1.11-.9 1.77-1.15.63-.25 1.36-.42 2.43-.47C8.95 2.01 9.3 2 12 2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4zm5.2-8.4a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4z'/%3E%3C/svg%3E")}
footer#colophon .social.footer-social-icons a{-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:16px 16px;mask-repeat:no-repeat;mask-position:center;mask-size:16px 16px}

footer#colophon .footer-accredit-icon{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#60a5fa;background:rgba(37,99,235,0.14);border:1px solid rgba(37,99,235,0.35);border-radius:4px;margin-right:14px}
footer#colophon .footer-accredit-icon svg{width:20px;height:20px}
footer#colophon .footer-accredit-text{display:flex;flex-direction:column;font-size:0.85rem;line-height:1.4}
footer#colophon .footer-accredit-title{color:#ffffff;font-weight:700}
footer#colophon .footer-accredit-detail{color:#94a3b8}

/* --- Barre méta --- */
footer#colophon .footer-meta-row{font-size:0.85rem;color:#64748b;padding-bottom:28px}
footer#colophon .footer-meta-links a{color:#94a3b8;font-weight:600;text-decoration:none;transition:color 0.2s ease}
footer#colophon .footer-meta-links a:hover{color:#60a5fa}
footer#colophon .footer-copyright{color:#64748b}
@media(max-width:767px){
	footer#colophon .footer-meta-row .footer-copyright{text-align:left !important;margin-top:8px}
	footer#colophon .footer-nav-wrap{border-left:0}
}

#galerie-projets .owl-dots button{background-color:#1D4ED8;width:8px;height:8px;border-radius:10px;margin:5px}

#galerie-projets .owl-dots button.active{background-color:white}

#galerie-projets .owl-dots{justify-content:center;display:flex;margin:20px 0}

@media(min-width:1201px){

section#banner-top{height:0;padding:12% 0}

#masthead .dropdown-menu {
	display: block !important;
	margin-top: 0;
	border: 0;
	border-top: 3px solid #2563EB;
	border-radius: 0 0 8px 8px;
	background-color: #ffffff;
	box-shadow: 6px 6px 20px rgba(15, 23, 42, 0.2);
	padding: 10px 0;
	min-width: 230px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

#masthead .navbar-nav > li.dropdown:hover > .dropdown-menu,
#masthead .dropdown-menu.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

}

@media(max-width:1199px){
  section#shortlinks .shortlinks a.vignette{width:calc(50% - 20px);margin-bottom:40px;}
	#masthead .dropdown-menu {
		box-shadow: 0 0;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.06);
		padding: 4px 0 12px;
		border-top: 0;
	}

	#masthead .navbar-nav{margin-top:24px;padding-bottom:24px}

	#masthead .navbar-nav > li{border-top:1px solid rgba(255, 255, 255, 0.16)}

	#masthead .navbar-nav > li > a{padding:14px 0 !important}

	#masthead .navbar-nav > li > a::before{display:none}

	#masthead .dropdown-menu a{color:rgba(255, 255, 255, 0.8);padding:10px 0}
	#masthead .dropdown-menu a:hover{color:#ffffff;background-color:transparent;padding-left:0}
	.navbar-light .navbar-toggler{background-color:white;transition:opacity 0.2s ease}
	.navbar-light .navbar-toggler:hover{opacity:0.85}

}
@media(max-width:991px){
  section#en-chiffre .chiffre{width:50% !important}

}
@media(max-width:767px){
  footer#colophon ul#menu-footer{margin-top:30px}
  #liste-parrains{text-align: center;}
	.admin-bar #masthead {
  top: 46px;
}

}
@media(max-width:575px){
  section#shortlinks .shortlinks a.vignette{width: 100%;}
  section#shortlinks .shortlinks a.vignette .img > div {
  padding: 25% 0;}

  .chiffre{width:100% !important}

	.liste-formation .encart a.btn{width:100%}

  .liste-formation .encart span {
	width: 100%;
	padding: 9px 0;
}



}