.date2010 {position:absolute;bottom: 0;left: -24px;
flex-direction: column;
    font-weight: bold;
  height: 100px !important;
  justify-content: space-evenly !important;}
.date2010 svg {transform: rotate(-90deg);}

.colvert {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px 20px 130px;
    }

.colvert div {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
.colvert div.first {height: 90px;}
.fdb {background: rgba(219, 214, 239, 0.20);}
.complex .colvert:last-child {border-radius: 0px 24px 24px 0px;position: relative;}
.complex .colvert:first-child div,
.cache div {text-align: left;
justify-content: start;
color: #2B3766;
  font-weight: 600;
  text-transform: uppercase;
  }
.complex {position: relative;}
.tabexamens.complex:after {
  bottom: 83px;
  left: 20px;
  position: absolute;
  content: " ";
  background: url(../images/fleche-horiz.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: calc(100% - 40px);
  height: 30px;
}

.first {border-bottom: 1px solid #242F62;
  padding: 20px;}

.img-responsive {width: 100%;max-width: 100%;}

.fdbleuclair {background: rgba(176, 214, 253, 0.10);}
.blocport {position: relative;padding-left: 33.33333333%;}
.portrait {position: absolute;background: linear-gradient(90deg, #242F62 0%, #4F8FCC 100%);
width:250px;height: 376px;left: 7%;top:0;}
.portrait img {position: absolute;bottom: 20px;right:20px;width:250px;height: 376px;}
.blocsvg {margin-left: -60px;}

.wmax300 svg {max-width: 300px;}
.h100 {height: 100%;}
.h50 {height: calc(50% - 0.75rem);}

.shadow-bleu.simple:hover {
background: linear-gradient(125deg, #242F62 2.81%, #4F8FCC 98.8%);
  color: #fff;
}
.shadow-bleu.simple:hover a,
.shadow-bleu.simple:hover a h6 { color: #fff;
}

#cercles_villes circle:hover {cursor: pointer;} 
.zone-box,
.animhidden {display: none;opacity: 0;transition: all ease-in-out 0.5s;}
.zone-box.active,
.active .animhidden {display: block;opacity: 1;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {text-transform: uppercase;word-wrap: break-word;}

bold,.fw-bold {font-weight: 600 !important;}

ol > li::marker {
  font-weight: bold;
}

.degrade {background: linear-gradient(90deg, #2B3766 0%, #638CC8 45.6%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

h1.degrade + h2 {text-transform: none;color: #242F62;}

.header-wrap .navbar {
	width: 100%;
}

.navbar-brand {
  margin: 10px 0 10px;
}
.logo-img {
  max-width: 200px;
}
html .t4-header {background:#fff;}
html .t4-megamenu .dropdown-menu h3 a {
	color: #242f62;
    line-height: 24px;
}
html .t4-megamenu .dropdown-menu h3 a:hover {
	color:
#4f8fcc;
}

.header-wrap {
	flex-wrap: wrap;
}

.t4-navbar {
	order: 3;
	width: 100%;
}

.t4-megamenu .dropdown-toggle .item-caret::before {
	border-top: 4px solid #4f8fcc;
}
.blocsearch {display: flex;order: 2;}
.blocsearch p {margin-bottom: 0;}
.blocsearch .form-control {
	background-color:rgba(84, 84, 84, 0.05);
	border-radius: 25px;
    border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 10px 0 10px 20px;
  border: 0;
}

.blocsearch .form-control:focus {
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0;
}

.mod-finder .btn {
	background:rgba(84, 84, 84, 0.05);
	color: #777;
	border:0;
    border-left: 0;
    margin-left:0 !important;
}

#search-form {display: none;}

.services {background: url(../images/fd-services.png) no-repeat 0 0;
background-size: contain;
  background-position-y: 50%;
  position: relative;
  width: 100%;
  min-height: 250px;
}

.service img {
  /* position: absolute;
  bottom: -30px;
  left: calc(50% - 85px); */
  width: 170px;
  transition: transform ease 0.5s;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
}

img.img170 {width: 170px;}

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

.service p {color: #060672;}
.service h6,
a h6 {color: #4F8FCC;}
.view-featured .service h6:hover,
a h6:hover {color: #8670CA;}

.hiddensurvol {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
    border-radius: 24px;
}
.hiddensurvol h6 {margin-bottom: 30px;}


.offres {min-height: 200px;}
.fond {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
  height: 100%;
}
.fond img {width: 100%;}
.offre {z-index: 2;color: #4f8fcc;transition: background ease 0.3s;}
.view-featured .offre {height: 250px;}
.offre a {color: #4f8fcc;align-self: flex-start;z-index: 9;}
.offre h4 {min-height: 60px;}
.offre .shadow-bleu {
	height: 100%;
	position: relative;
	justify-content: space-between;
	padding: 10px;
}

.offre:hover .hiddensurvol {display: none;}
.offre:hover .hidden {display: block !important;}

.view-featured .hiddensurvol {
    padding: 15px;
  align-items: flex-start;
}

.view-featured .offre:hover .hidden {
	display: flex !important;
	height: 100%;
	flex-direction: column;
}

.nobordbot {border-bottom: 0 !important;}
.borderbotbleu {border-bottom: 1px solid #242F62;}

.double-arrows {color: #8670CA;
text-align: center;
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
display: inline-flex;
}

.double-arrows::before {
    content: '';
  background: url(../images/icon.svg);
    background-position-y: 0%;
    background-repeat: repeat;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position-y: 5px;}

.double-arrows::after {content: '';background: url(../images/icon.svg);
width: 30px;
height: 35px;
  background-repeat: no-repeat;
  background-position-y: 18px;
  transform: rotate(180deg);}  

a.download {
	background: url(../images/picto-download.png) no-repeat 12px 8px;
	background-size: 30px;
	padding: 10px 18px 10px 50px;
	border-radius: 28px;
	background-color: #8670CA;
	color: #fff;
    display: inline-block;
    font-size: 15px;
}

a.download:hover {color: #8670CA;background-color: #fff;}

.dynamic span:hover {cursor: pointer;}
.st4 {text-transform: uppercase;}
.textbleu.active .st2 {fill:#060672;}
.textvert.active .st4 {fill:#060672;}

.textrouge.active .st4 {fill:#060672;}
.textturquoise.active .st4 {fill:#060672;}

.st1 {
  transition: all 0.3s;
  transform-origin: 50% 50%;
}

.st2,
.st6,
.st7,
.st8,
.st9 {
  transition: all 0.3s;
  transform-origin: 50% 50%;
}
.textmito.active .st2 {opacity: 0;}
.textvert.active .st2 {opacity: 0;}

.textturquoise .st1,
.textturquoise .st2 {
	transition: all 0.3s;
	transform-origin: 20% 70%;
}
.st13 {
  transition: all 0.3s;
  transform-origin:30% 60%;
}

.textbleu.active .st2,
.textbleu.active .st7,
.textbleu.active .st8,
.textbleu.active .st9 {
  transform: scale(1.1);
}

.textturquoise .st2 {
    opacity: 0;
}
.textturquoise.active .st1,
.textturquoise.active .st2 {
    opacity: 1;
  transform: scale(1.1);
}
.textturquoise.active .st1 {fill:#060672;}

.textrose.active .st6 {opacity: 0.3;fill:#dbd6ef;}

.textmatrice.active .st5 {
	opacity: 0.3;
	fill: #DBD6EF;
}

.gris {background: rgba(219, 214, 239, 0.20);}

.rot180 {transform: rotate(180deg);}

.st0.active {display: block;}

.rounded-24 {
border-radius: 24px;}

iframe {
max-width: 100%;}

.shadow-bleu {
border-radius: 24px;
background-color: #fff;
box-shadow: 5px 5px 10.4px 4px rgba(176, 214, 253, 0.20);
transition: all ease 0.5s;
height: 100%;}

.offre:hover .shadow-bleu {background: linear-gradient(125deg, #242F62 2.81%, #4F8FCC 98.8%);
color:#fff;
/*transform: scale(1.05);*/
}

.offre:hover a {color: #fff;background-color: #4F8FCC;border-color:#4F8FCC;
margin-top: auto !important;}

.blockhome {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blockhome h2 {
  color: #fff;
  text-transform: uppercase;
  margin-left: 30%;
  font-size: 36px;
  line-height: 48px;
}

span.crmr {width: 30px;
  height: 10px;
  display: inline-block;
  margin-right: 10px;}
span.crmr.carammel {background: #b0d6fd;}  
span.crmr.calisson {background: #fac372;}

.sousblocaccord {border-bottom: 1px solid #8670CA;margin-top: 1.5rem;padding-bottom: 0.5rem;}

ul.small-arrow,
.numbered ul {
  position: relative;
}
.numbered ul li {list-style: none;}
.numbered ol li {list-style: inherit;}
ul.small-arrow li::before,
.numbered ul li::before {
  content: '▶';
  position: absolute;
  left: 10px;
  font-size: 10px;
  margin-top: 5px;
}

ul.small-arrow-violet,
ul.small-arrow-bleu {position: relative;padding-left: 0;}
ul.small-arrow-violet li::before,
ul.small-arrow-bleu li::before {
  content: '▶';
  position: absolute;
  left: 0px;
  font-size: 10px;
  margin-top: 6px;
  display: block !important;
}
ul.small-arrow-violet li::before,
.numbered ul.small-arrow-violet li::before {color: #8670CA;}

ul.small-arrow li,
ul.small-arrow-violet li,
ul.small-arrow-bleu li {list-style: none !important;padding-left: 15px;}

.numbered ul li::before {color: #4F8FCC;}
ul.small-arrow-bleu li::before {color: #4F8FCC;}

/* .numbered ul li::before, 
.numbered ul li span {color: #4F8FCC;} */

.numbered {border-bottom: 1px solid #242F62;}

.numbered .col-sm-3 {color: #2B3766;}

span.number {color: #4F8FCC;font-size: 24px;font-weight: bold;}

.angle {position: relative;padding-left: 30px;}
.angle svg {position: absolute;top:0;left: 0;}

.fdbleu {background: #dbd6ef;}

.btn.fdviolet {background: #8670CA;color: #fff;border-color: #8670CA;}
.btn.fdviolet:hover {background: none;color: #8670CA;border-color: #8670CA;}

.fdbleudegr {background: var(--Dgrad, linear-gradient(90deg, #B0D6FD 0%, #DBD6EF 100%));}

.fdbleuhoverdegr {
    border-radius: 24px;
  background-color: #fff;
  box-shadow: 5px 5px 10.4px 4px rgba(176, 214, 253, 0.20);
  transition: all ease 0.5s;
}
.fdbleuhoverdegr > div {  transition: all ease 0.5s;
}
.fdbleuhoverdegr:hover {background: var(--Dgrad, linear-gradient(90deg, #B0D6FD 0%, #DBD6EF 100%));}
.fdbleuhoverdegr:hover > div {transform: scale(1.02);}

.btn.btn-outline-bleu {border-color: var(--color-bleu);}

.sousmenu h3 {text-transform: uppercase;font-size: 14px;}

.sousmenu ul {padding-left:0 !important;}
.sousmenu ul li {list-style: none;position: relative;padding-left: 12px;}
.sousmenu ul li::before {
  content: '▶';
  position: absolute;
  left: 0px;
  font-size: 10px;
  margin-top: 7px;
  display: block !important;
 color: #4F8FCC;
}

.signature ul li {list-style: none;}

.flogo .btn.btn-primary {
  background-color: #242F62;
  border-color: #242F62;
}

.flogo .btn.btn-primary:hover {
    color: #fff;
  border-color: #fff;
  background: none;
  }



.btn {border-radius: 25px;}

b, strong,html .uk-scope b,html .uk-scope strong {
	font-weight: 600;
}

.diags {
	background: url(../images/fd-services.png) no-repeat 0 0;
	background-size: contain;
	background-position-y: 50%;
}

.diag {position: relative;
  min-height: 320px;}
.diag img {
    width: 150px;
  position: absolute;
  left: calc(50% - 75px);
  top: calc(50% - 75px);
  transition: transform ease 0.5s;
    background: #fff;
  border-radius: 50%;
  padding: 10px;
}

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

.page-header h2, .page-header .h2, .categories-list h2, .categories-list .h2 {
	margin: 0 0 10px 0;
	line-height: 26px;
}

.articleactu h4 {
	font-weight: 500;
    text-transform: uppercase;
    margin-top: 3rem;
}

#t4-header.fixed {
	position:fixed;
	width:100%;
	background: #fff;
}


																			  
.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
	font-size: 3rem;
	font-weight: 400;
	text-transform: none;
}

.articleactu .page-header h1 {font-size: 2rem;}

.t4-megamenu .dropdown ul {
	margin-bottom: 10px;
}

.t4-megamenu .dropdown,
.t4-megamenu .dropdown a.more,
.t4-megamenu .dropdown p,
.t4-megamenu .dropdown ul li,
.t4-megamenu .dropdown ul li a {
  font-size: 0.9rem;
}

.t4-megamenu .mega-dropdown-inner ul {
	list-style: disc;
	padding-left: 15px;
}

.mega-sub-1 h3,
.mega-sub-1 h3 a {
padding-bottom: 5px;
  font-family: var(--heading-font-family);
}

.t4-megamenu .dropdown ul li a {padding: 0.25rem 0;}
.t4-megamenu .dropdown p {margin-bottom: 5px;}
.t4-megamenu .dropdown-menu a {color: var(--body-link-color);}

.nav-link {color: var(--body-link-color);}
.nav-link:hover, .nav-link:focus {
	color: var(--body-link-hover-color);
}

.slidehome .uk-scope .uk-slideshow-items {max-height: 75vh !important;min-height: auto !important;}
.view-featured .slidehome .uk-scope .uk-slideshow-items {max-height: 80vh !important;}
.view-featured .uk-scope .uk-margin {
	margin-top: 15%;
	width: 70%;
	background: #262927bf;
	padding: 20px;
	border-radius: 10px;
}
/* .view-featured .uk-scope [uk-cover]:where(img, video) {
  filter: grayscale(1);
} */

.slidehome .uk-scope h2 {
font-family: var(--heading-font-family);
    font-weight: inherit;
}

.slidehome .uk-scope h1 {
    font-family: var(--heading-font-family);
	font-size: 28px;
}
.slidehome .uk-scope h2 {font-size: 20px;}

.slidehome .uk-scope a {color:#fff;}
.slidehome .uk-scope a:hover {text-decoration: none;}

.uk-scope .uk-overlay > :last-child {
	--t4-gutter-x: 2rem;
  --t4-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--t4-gutter-x) * 0.5);
  padding-left: calc(var(--t4-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
	max-width: 1320px;
}

.slidehome .uk-scope * + h1,
.slidehome .uk-scope * + h2,
.slidehome .uk-scope * + h3 {
  margin-top: initial;
}
.slidehome .uk-scope .uk-overlay::before {content: '';background: rgba(0,0,0,0.3);position: absolute;
top: 0;left: 0;width: 100%;}


.slidehome + .blockpage {
  background: #fff;
}

.uk-scope .uk-inline-clip {
	border-radius: 10px;
}

.avantapres .uk-scope .uk-inline-clip {
	border-radius: 10px;
}

.etapes ul.uk-tab {background: #ddd;border-radius: 10px;padding: 1.5rem;}

.titres {margin-top: 2rem;margin-bottom:50px;text-align: center;}
.titres h2 {color: #777;
font-family: Poppins;
margin-top: 5px;
font-weight: 300;}

.category-desc {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
}

.rad5 {border-radius: 5px;}
.rad10,.rad10 img,.uk-scope .rad10 .uk-inline-clip {border-radius: 10px;}

.rad20 {border-radius: 20px;}

.sociaux a {color:#444;}
.sociaux a:hover {color:#000;}

.btn {padding: 10px 20px;letter-spacing: 0.2px;}

.bgvert a.btn {background: none;
  color: #fff;border-color: #fff;} 

.articleactu .item-page {margin-top: 125px;}

.exergue p {text-align: center;font-size: 1.333rem;text-transform: uppercase;font-weight: 500;}



table.table.vol tr:hover {
	background: #f1f5f9;
}

.history-accordion > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.history-accordion .history-title {
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    cursor: pointer;
}

.history-accordion .history-title:after {
    content: "+";
font-size: 24px;
line-height: 29px;
width: 30px;
text-align: center;
display: block;
position: absolute;
right: 0px;
top: 25px;
background: #000;
border-radius: 50%;
height: 30px;
color:#fff;
}
.history-accordion li.active .history-title:after {
    color: #fff;
    content: "-";
line-height: 29px;
}

.history-accordion .history-content {
    padding: 20px 0;
}

.history-accordion .history-content ul li {list-style:none;}
.history-accordion .history-content ol li {list-style:inherit;}
.history-accordion .history-content ul li.annotation {
  padding: 5px 0;
}
.history-accordion .history-content ul {
  padding-left: 0;
}
.history-accordion .history-content ol > li::marker {
  font-weight: bold;
}
.history-accordion .history-title h3 {font-size:1em;}

.history-accordion.savoirplus .history-title:after {display: none;}

.savoirplus .history-title h3,
a.savoirplus {
border-radius: 24px;
background: linear-gradient(90deg, #B0D6FD 0%, #DBD6EF 100%);
box-shadow: 5px 5px 10.4px 9px rgba(176, 214, 253, 0.20);
color: #2B3766;
padding: 20px 20px 15px;
font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.savoirplus .history-title h3:hover {background: #fff;}

a.savoirplus {padding: 10px 20px;}

.history-accordion.savoirplus .history-title {border-bottom: 0;}

.savoirplus .history-content,
.toggle-content {
    border-radius: 24px;
background: rgba(43, 55, 102, 0.05);
}


.history-accordion.faqviolet .history-title:after {
background: none;
border-radius: 0;
height: 30px;
color:#8670CA;
}
.history-accordion.faqviolet li.active .history-title:after {
    color: #4F8FCC;
    content: "-";
line-height: 29px;
}
.faqviolet .history-title h3 {color: #8670CA;}

.history-accordion.faqviolet .history-content ul {
	padding-left: 2rem;
}
.history-accordion.faqviolet .history-content ol li::before {display: none;}


.violet {color: #8670CA !important;}
.bleuclair {color: #4F8FCC !important;}
.bleufonce {color:#242F62 !important;}
.orange {color: #F9B44F !important;}
a.orange {background: none !important;border:0;color: #F9B44F !important;text-decoration: underline;}

.interv {position: relative;padding-left: 60px;}
.interv::before {content:'';position: absolute;top: 10px;left: 0;width: 49px;height: 6px;
background: url(../images/point-interv.svg) no-repeat 0 0;}

a.toggle-link {
	border-radius: 24px;
	background: linear-gradient(90deg, #B0D6FD 0%, #DBD6EF 100%);
	box-shadow: 5px 5px 10.4px 9px rgba(176, 214, 253, 0.20);
	color: #2B3766;
	padding: 15px 20px 15px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

a.toggle-link:hover {background: #fff;}

a.small.toggle-link {padding: 10px 20px;
  letter-spacing: 0.2px;
  border-radius: 25px;
  color: #fff;
  background: #242f62;
  font-size: initial;
  font-weight: initial;
  text-transform: none;
  }

.toggle-arrow {
    width: 15px;
  height: 15px;
    transition: transform 0.3s ease;
  }

.toggle-arrow.rotated {
    transform: rotate(180deg);
  }

/* Timeline */

.timeline {
  list-style: none;
  padding: 10px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 200px;
  background: url(../images/Fleche.png) no-repeat 0 0;
  left: calc(50% - 100px);
  margin-left: -1.5px;
  background-size: 100% 100%;
}
.timeline > li {
  margin-bottom: 0px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 45%;
  float: left;
  padding: 0px 40px;
  position: relative;
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: 0;
}

.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}

.timeline > li.timeline-inverted {
padding-left:90px;
}

.timeline > li.timeline-inverted svg {
transform:rotate(180deg);
}

.timeline > li > .timeline-badge {
width: 118px;
  height: 118px;
  line-height: 40px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 0;
  left: calc(50% - 85px);
  background-size: 118px;
  z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-badge {
  top: 0;
  left: calc(50% - 35px);
}

h4.timeline-title {color:#2B3766;font-weight: bold;}


.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

.uk-scope .etapes .uk-tab-left > * > a {
	color: var(--body-link-color);
	font-size: 18px;
	font-family: var(--heading-font-family);
	text-transform: none;
	padding: 10px 10px 10px 0;
}

.uk-scope .etapes .uk-tab > .uk-active > a {
	border-color: var(--body-link-color);
}

.map_canvas{min-height:510px;overflow:hidden;position:relative;margin-top:0px;height:100%;
 -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
			}
         
.map_canvas iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.map_canvas.smap {min-height:450px;max-height:450px;}

.t4-footnav .t4-row,
.t4-footer .t4-row {
  --t4-gutter-x: 2rem;
  --t4-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--t4-gutter-x) * 0.5);
  padding-left: calc(var(--t4-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.t4-footer ul li {list-style: none;}

ul.menuhoriz {display: flex;justify-content: center;}

.menuhoriz li {
	margin: 0 20px 0 0;
    list-style: none;
}

.ancre {
  position: absolute;
  top: -30px;
  z-index: -1;
}

.survol,
.survol:hover,
a.survol,
a.survol:hover {color: #8670CA;
text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: #8670CA;
  }

.survol:hover,
a.survol:hover {cursor: help;}

.maxh600 {max-height: 600px;width: auto;}

.bgvert {background: #2C5F7A;color:#fff;}
html .bfQuickMode * {
	box-sizing: border-box;
}
.bfFormDiv legend {display: none;}
html .bfQuickMode section input[type="text"],
html .bfQuickMode section textarea,
html .bfQuickMode .bfLabelTop textarea,
html .bfQuickMode section select {
	width: 100%;
}

.exemple img {max-height: 300px;border-radius: 10px;}
.exemple h3 {margin-top:0;}

.actus img {border-radius: 10px;}

.actucomplement {display: flex;flex-direction: column;}
.actucomplement img {border-radius: 10px;filter: grayscale(1);}
.actucomplement img:hover {filter: grayscale(0);}

p.readmore .btn:hover, p.readmore .blog-list .item-readmore a:hover, .blog-list .item-readmore p.readmore a:hover, p.readmore .btn:active, p.readmore .blog-list .item-readmore a:active, .blog-list .item-readmore p.readmore a:active, p.readmore .btn:focus, p.readmore .blog-list .item-readmore a:focus, .blog-list .item-readmore p.readmore a:focus {
	background-color: #478b8b;
	color: #fff;
}

.slideshow {
   width: 100%;
   min-height: 200px;
   overflow: hidden;
   margin:0;
}

#slides { 
    position: relative; 
    width: 100%; 
   height: 340px;
    padding: 10px; 
}

#slides > div,#google-reviews > div { 
    position: absolute; 
    top: 10px; 
    left: 0px; 
    right: 0px; 
    bottom: 10px; 
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {font-size: 30px;}
.owl-nav {text-align: right;}
.owl-prev {margin-right: 10px;}
.owl-dots {display: none;}
.glow {color:#2C5F7A;}

input[type='readonly'] {border:0;}
input:read-only {border:0;}

.osmap-items {margin-top:3rem;}
.osmap-items h2 {display: none;}

.intitule {
    overflow: hidden;
	padding: 20px 0 5px;
	border-radius:0px;
	border-bottom:1px dotted #242F62;
    display: flex;
    	margin-top:0px;
	margin-bottom:0px;
    text-align: center;
    align-items: center;
}

.ptefleche {
  position: absolute;
  left: calc(50% - 13px);
}
 
.tabAdultes {background: none;border:1px solid #242F62;}

.tabexamens .intitule:last-child,
.tabAdultes .intitule:last-child {border-bottom: 0;}

.tabexamens .intitule {padding: 20px 0 25px;}
.tabexamens .intitule div div {
  margin-bottom: 0;
}

.haut {
  padding:20px;
  border-bottom:1px solid #242F62;
  color: #2B3766;
  font-weight: 600;
  text-transform: uppercase;}

.complex .intitule div:first-child div:last-child {color: #2B3766;
  font-weight: 600;}

.intitule div div {margin-bottom:20px;padding-left: 10px;}
.intitule div div:first-child {display:none;font-weight: 500;border-bottom:0;}
.intitule.haut div div:first-child {display:block;
margin-bottom: 20px;
text-transform: uppercase;
border-bottom: 1px dotted #333;
  padding-bottom: 20px;
}
.intitule a {font-weight:bold;}

.t4-footer {margin-top: 5rem;}

#search-results {
	border-top: 0;
}
#search-results .result-item {
	border-bottom: 0;
	padding: 0;
}

@media (min-width: 1600px) {
.titres {margin-top: 3rem;margin-bottom:100px;}
.services img {
  width: 40%;
}
}

@media (min-width: 1400px) {
.t4-footnav .t4-row,
.t4-footer .t4-row {
max-width: 1320px;
--t4-gutter-x: 2rem;
  --t4-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--t4-gutter-x) * 0.5);
  padding-left: calc(var(--t4-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
	padding: initial;
}
.t4-navbar .nav-item {
	padding: 0 10px;
}
}

@media (min-width:1200px) {
.t4-megamenu.animate.slide .dropdown .dropdown-menu > div {
	min-width: 230px;
}    
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
	padding: 10px 5px;
}
.t4-navbar .nav-item {
	padding: 0 4px;
}
.navbar-expand-xl .navbar-nav {
	justify-content: space-between;
	width: 100%;
}
}

@media (min-width: 992px) {
.t4-megamenu .dropdown-menu {
	box-shadow: 0 0 0;
}
    
.t4-megamenu.animate .dropdown.mega > .dropdown-menu {
  /* margin: 0 !important;
  width: auto !important; */
  min-width: 500px;
}

.t4-megamenu.animate .dropdown .mega-dropdown-inner {
  max-width: 1256px;
  margin: 0 auto !important;
}
.t4-megamenu .mega-inner {
	padding-top: 0;
}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    height: auto;
    line-height: auto;
    font-size: 14px;
    text-transform: uppercase;
}
.t4-megamenu .mega-caption {
    position: relative;
    bottom: auto;
    line-height: 1;
    text-transform: none;
    font-family: var(--heading-font-family);
    font-size: 14px;
    color: #666;
}
.max600 {max-width: 600px;}
}

@media (max-width: 1199.98px) {
.t4-megamenu .mega-caption {
	display: none;
}
.nav-breakpoint-xl .t4-megamenu .dropdown-menu {
	padding: 0 0 0 10px;
}
.blocsearch {order: 0;margin-left: auto;}
.portrait {
	left: 0;
}
.nav-breakpoint-xl .t4-megamenu .navbar-nav > li > span {
    white-space: normal;
  }
}

@media (max-width: 992px) {
.logo-img {
  max-width: 200px;
}
.intitule {
	flex-direction: column;
    text-align: left;
}
.intitule div {display:flex;font-size: 14px;}
.intitule div div:first-child {display:block;}
.intitule.haut div div:first-child {
	margin-bottom: 0;
	text-transform: none;
	color: inherit;
border-bottom: 0px;
  padding-bottom: 0px;
}
.ptefleche {
  display: none;
}
.blocport {
	padding-left: 46.333%;
}

}

@media (max-width: 767.98px) {
.services {background:none;}

ul.timeline:before {
        left: -100px;
    }

    ul.timeline > li > .timeline-panel {
        width: 100%;
        padding: 0 10px 0 60px;
        float: right;
    }

    ul.timeline > li > .timeline-badge {
left: -15px;
    margin-left: 0;
    top: 16px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-size: 80px;
    }

.timeline > li:not(.timeline-inverted) {
	padding-right: 0px;
}
.timeline > li.timeline-inverted {
	padding-left: 10px;
}
        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
.timeline > li > .timeline-badge {
transform: rotate(180deg);
}
.timeline > li.timeline-inverted > .timeline-badge {
	left: -15px;
    transform: none;
}
.hiddensurvol + .hidden {min-height: 300px;}
.view-featured .hiddensurvol + .hidden {min-height: unset;}
.zone-box {display: block;opacity: 1;}
.portrait,
.portrait img {
	width: 150px;
	height: 226px;
}
.h50 {
	height: auto;
}
.complex .colvert:last-child {
	border-radius: 0px 0px 24px 0px;
    position: static;
}
.colvert {
	padding: 10px 20px 30px;
}
.date2010 {
flex-direction: row !important;
width: 100px;
top: calc(50% - 50px);
  left: 5px;
}
.date2010 svg {
	transform: rotate(180deg);
}
.complex::after {
	bottom: auto;
	left: -5px;
	background: url(../images/Fleche.png) no-repeat 0 0;
	width: 30px;
	height: 100%;
	top: 0;
    background-size: 100% 100%;
}
}        

@media(max-width: 575.98px) {
h1,.h1 {
	font-size: 1.6777rem;
}    
.blocsearch {order: 3;
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;}    
.blocsearch .form-control {
	max-width: none;
}    
.slidehome .uk-scope .uk-slideshow-items {
	max-height: 55vh !important;
	aspect-ratio: 4 / 8 !important;
}    
h2 {font-size: 20px;}
h3 {font-size: 20px;}
.blockhome h2 {
	font-size: 26px;
	line-height: 26px;
}
.titres {
	margin-bottom: 40px;
}
html .uk-scope .uk-overlay {
	padding: 30px 10px;
}
.view-featured .uk-scope .uk-margin {
	margin-top: 20%;
	width: 100%;
	margin-bottom: 0;
}
.slidehome .uk-scope h1 {
	font-size: 24px;
}
.slidehome .uk-scope h2 {
	font-size: 16px;
}
ul.menuhoriz {
	display: block;
	text-align: center;
	padding-left: 0;
}
.menuhoriz li {
	margin: 0 0 10px 0;
}
.rot90 {transform: rotate(90deg);}
.history-accordion.faqviolet .history-content ul {
	padding-left: 1rem;
}
ol {
	padding-left: 1rem;
}
ul.small-arrow li::before, .numbered ul li::before {
	left: 0px;
}
.wmax300 svg {
	max-width: 200px;
}
.blocport {
	padding-left: 1.5rem;
	padding-right: 1.5rem;    
}
.portrait {
    position: relative;
	margin-left: 20px;
}
.blocsvg {
	margin-left: 0;
}
.blocsvg svg:first-child {display: none;}
.view-featured .offre .shadow-bleu {
	margin: 0;
}
.history-accordion .history-title h3 {
	max-width: 95%;
}
a.picto {text-align: center;display: block;
    margin-bottom: 20px;}
.picto img {max-width: 150px;}
}

@media (max-width: 320px) {
.header-block .container-xxl {padding: 0px 0.5rem;}
.t4-header-r > * {
	margin-left: 0;
}
div.mod-languages a {
	padding: .5rem .8rem .5rem 0;
}
.blockhome h2 {
	margin-left: 0%;
	font-size: 22px;
	line-height: 34px;
}
.intitule {margin:20px -15px;text-align: left;}
.view-featured .offre {
	height: 300px;
}
}