/***All Pages***/
html, body{overflow-x: unset;}
::-moz-selection{background: #d2482d; color:#fff;}
::selection{background: #d2482d; color:#fff;}
body{color: #373737;}
a, b,strong{color: #9197b8;}
a{color: #f1654a; transition: color 0.3s ease-in-out;}
a:hover{color: #636b95;}
ol {list-style-type: decimal; list-style-position: inside; padding-left: 12px;}

header{height: 231px}
header .logo{width: 222px; height: 119px; top: 29px!important; padding-top: unset;}
header .logo a {overflow: hidden;}
header .logo a > *{line-height: 1500px; height: 0px;}

header .container > .contact > * {padding-left: 0px; margin-left: 0px; text-align: right;}
header .container > .contact{text-align: left; padding: 0 4px 0 0px;}
header .container > .contact .estab-contact > span, header .container > .contact .estab-contact > a.mail{text-decoration: none; color: #414344; position: relative; padding-left: 30px; margin-left: 30px;}
header .container > .contact .estab-contact > span.name{position: unset; padding-left: 0px;  margin-left: 0px; font-size: 15px; text-transform: uppercase; font-weight: 700;}
header .container > .contact .estab-contact:first-child{margin-bottom: 5px;}
header .container > .contact .estab-contact:first-child > span.phone{margin-left: 60px;}
header .container > .contact .estab-contact:first-child span.address:before{background: transparent url(images/header-pin-ecole-college.svg) center no-repeat;}
header .container > .contact .estab-contact:first-child span.phone:before{background: transparent url(images/header-phone-ecole-college.svg) center no-repeat; background-size: cover;}
header .container > .contact .estab-contact:first-child a.mail:before{background: transparent url(images/header-email-ecole-college.svg) center no-repeat; background-size: cover;}
header .container > .contact .estab-contact:last-child span.address:before{background: transparent url(images/header-pin-ecole.svg) center no-repeat;}
header .container > .contact .estab-contact:last-child span.phone:before{background: transparent url(images/header-phone-ecole.svg) center no-repeat; background-size: cover;}
header .container > .contact .estab-contact:last-child a.mail:before{background: transparent url(images/header-email-ecole.svg) center no-repeat; background-size: cover;}
header .container > .contact span.phone a, header .container > .contact a.mail{transition: color 0.2s ease-in-out;}
header .container > .contact span.phone a:hover, header .container > .contact a.mail:hover{color: #f55e3f;}

.liseret{top: 30px; flex-direction: row-reverse;}
.liseret .social{display: flex; align-items: flex-end;}
.liseret .social span{font-size: 11px; font-weight: 700; color: #414344; display: inline-block; margin-bottom: 9px;}
.liseret .social a{font-size: 11px;}
.liseret .social a img{margin: 0 10px 10px 10px; transition: transform .2s ease-in-out;}
.liseret .social a img:hover{transform: scale(1.5, 1.5);}

nav.main{background: #767da6; height: 42px; border-radius: unset;}
nav.main > ul{justify-content: space-evenly;}
nav.main > ul > li{border-bottom: 6px solid #9197b8; position: relative;}
nav.main > ul > li:after{ width: 100%; height: 0px; content: ''; background-color:#9197b8; position: absolute; bottom: 0; left: 0; z-index:1; transition:height .2s ease-in-out}
nav.main > ul > li:hover:after{height: 100%;}
nav.main > ul > li > a{height: 36px; font-weight: 400; z-index:100}
nav.main > ul > li > a:hover {color: #ffffff;}


/***Front Page***/
nav.home{height: 512px;}
nav.home ul li a{text-align: center; padding: 30px 12px 65px 12px; line-height: 30px; flex-direction: column; justify-content: flex-end; align-items: center;}
nav.home ul li a:after{bottom: 18px;}
nav.home ul li a:before {position: absolute; content: ''; width: 38px; height: 38px; background-color: rgba(255, 255, 255, .4); bottom: 14px; border-radius: 50%; transition: opacity 0.25s ease-in-out; opacity: 0;}
nav.home ul li:hover a:before {opacity: 1;}
nav.home ul li a > strong{color: #fff;}

.home section.page > .container + .container{margin-top: 70px;}

.home-news > a strong{color: #4a4f6c;}
.home-news > a span{color: #4a4f6c;}
.home-news > a span:hover { text-decoration: none;}
.home-news > a:hover span {text-decoration: underline;}
.home-news > a strong:before{border-bottom: 2px solid #cf0c40; transition: width .25s ease-in-out, left .25s ease-in-out;}
.home-news > a:hover strong:before{width: 0; left: calc(100% / 2);}
.home-news > ul li:before{background-color: #757da5;}
.home-news > ul li.with-thumb:before, .home-news > ul li:before{opacity: 1; transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out;}
.home-news > ul li.with-thumb:hover:before{opacity: 0.85;}
.home-news > ul li a .category{background-color: #fff; color: #6f7799; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;}
.home-news > ul li:hover a .category{background-color: #9197b8;}
.home-news > ul li a .title, .home-news > ul li a .date, .home-news > ul li a p, .home-news > ul li a span{color: #fff; transition: color 0.25s ease-in-out;}
.home-news > ul li:hover a .title, .home-news > ul li:hover a .date, .home-news > ul li:hover a p, .home-news > ul li:hover a span{color: #fff;}
.home-news > ul li a p, .home-news > ul li a span{font-size: 14px;}
.home-news > ul li a .title{margin-bottom: 5px;}
.home-news > ul li a .date, .home-news > ul li a p{margin-bottom: 25px;}

.home section.page .home-content > .content{background-color: rgba(117, 125, 165, .95); border-radius: unset; line-height: 24px;}
.home section.page .home-content > .content h2:before{border-bottom: 2px solid #fff; width: 365px;}
section.page .home-content > .content strong{color: #fff;}
section.page .home-content > .content ul li::before{background: #fff;}
section.page .home-content > .content .slimScrollBar {background: #fff !important;}
section.page .home-content > .content .slimScrollRail {display: block !important;background: #6f7799 !important;opacity: 1 !important;}

nav.square ul li:before{background-color: #757da5; transition: background-color 0.25s ease-in-out, opacity 0.25s ease-in-out;}
nav.square ul li:nth-child(8n+2):before, nav.square ul li:nth-child(8n+4):before, nav.square ul li:nth-child(8n+5):before, nav.square ul li:nth-child(8n+7):before{background-color: #636b95;transition: background-color 0.25s ease-in-out, opacity 0.25s ease-in-out;}
nav.square ul li:hover:before, nav.square ul li:nth-child(8n+2):hover:before, nav.square ul li:nth-child(8n+4):hover:before, nav.square ul li:nth-child(8n+5):hover:before, nav.square ul li:nth-child(8n+7):hover:before{opacity: .85;}
nav.square ul li a strong{text-align: center; color: #fff; font-size: 19px; transition: color 0.25s ease-in-out;}
nav.square ul li:hover a strong{color: #fff;}
nav.square ul li a strong:before{bottom: -15px;transition: border-bottom 0.25s ease-in-out;}
nav.square ul li a svg{transition: transform .25s ease-in-out;}
nav.square ul li:hover a svg {transform: scale(1.5, 1.5);}
nav.square ul li a svg *{transition: fill 0.25s ease-in-out;}
nav.square ul li:hover a svg *{fill: #fff;}

section.page .home-gallery > .title:before, section.page .home-gallery > ul li:before{background-color: #757da5; opacity: 0.7;}
section.page .home-gallery > .title strong:before{transition: width 0.25s ease-in-out; left: 5px;}
section.page .home-gallery > .title:hover strong:before {width: 0;}
section.page .home-gallery > .title strong::after{height: 60px; width: 73px; position: absolute; left: -41%; top: 5px; content:''; opacity: 0.5 ; display: block; background: transparent url(images/photo-camera.svg) no-repeat center center; background-size: cover;}
section.page .home-gallery > .title strong span{text-transform: none; margin-left: 8px;}
.fancy:after{background-image: url(images/zoom.svg); background-size: 50px;}

section.page .home-partners{margin-bottom: 70px;}
section.page .home-partners > a .title {color: #4a4f6c;}
section.page .home-partners > a{width: 300px;margin: auto;}
section.page .home-partners > a span{color: #4a4f6c;}
section.page .home-partners > a .title{font-size: 24px; position: relative; padding-bottom: 12px; margin-bottom: 8px;}
section.page .home-partners > a strong::before{width: 90px; content: ''; border-bottom: 2px solid #cf0c40; position: absolute; bottom: 0; left: calc((100% - 90px) / 2); transition: width .25s ease-in-out, left .25s ease-in-out;}
section.page .home-partners > a:hover strong::before{width: 0; left: calc(100% / 2);}
.home-partners ul{align-items: center;}

body.home footer .infos .contact{margin: 22px 0;}
footer .infos .contact > *{padding-left: 30px;}
footer .infos .contact > * + *{margin-top: 15px;}
footer .infos .contact p{font-size: 15px;}
body.home footer .infos .contact p.title-footer{display: none;}
footer a, footer .infos .contact p > a, footer .infos .contact > .mail{transition: color 0.25s ease-in-out;}
footer a:hover, footer .infos .contact p > a:hover, footer .infos .contact > .mail:hover{color: #d1472d;}

footer > .container{display:block;}
footer #map{width:100%;}
footer .infos {display:flex !important;}
body.home footer .infos{width:100%;;padding: 30px 25px 22px;}
body.home footer .infos .logo {margin: 0 0 1em 0;}
footer .infos{align-items:unset;background-color: #757da5;overflow:hidden;position: relative;border-radius: 0 0 10px 10px;padding: 40px 40px 20px;height: auto; /*margin-bottom: 20px;*/ border-radius: unset;}
footer .infos::after{content: '';position: absolute;bottom:-15px;right: -165px;z-index: 0;background: transparent url('images/chemin.svg') top no-repeat;background-size: 100%;width: 600px;height: 196px;opacity: 0.25;}
footer .infos > div:first-child{width:25%;}
footer .infos > div:last-child{width:75%;position: relative;z-index: 1;}
footer .infos ul.addr_estab{display: flex;flex-wrap: wrap;}
footer .infos ul.addr_estab > li{width:calc((100% / 3) - 10px);margin-bottom: 50px;margin-right: 10px;}
footer .infos ul.addr_estab > li > p.name{font-size: 17px; font-weight: 700; position: relative;}
footer .infos ul.addr_estab > li p.name{height:39px;display:flex;align-items: center;position:relative;padding-left:12px;margin-bottom: 25px;}
footer .infos ul.addr_estab > li p.name::before{content: '';position: absolute;left: 0;top: 0;background: #a8b426;width: 4px!important;height: 39px;border-radius: 2px;}
footer .infos ul.addr_estab > li:first-child{margin-right: 30px;}
footer .infos ul.addr_estab > li:last-child p.name::before{background: #e65d82;}
footer .infos ul.addr_estab > li > p{margin-bottom: 5px; line-height: 20px;}
footer .infos ul.addr_estab > li > p, footer .infos ul.addr_estab > li > a{position:relative;padding-left:30px;}
footer .infos ul.addr_estab > li > p.address::before{width: 14px!important;height: 100%;content: '';background: url('images/picto-footer-address.svg') center no-repeat;background-size: 14px 19px;display: block;position: absolute;top: -12px;left: 0;}
footer .infos ul.addr_estab > li > p.place{margin: unset;}
footer .infos ul.addr_estab > li > p.phone::before{width: 14px!important;height: 100%;content: '';background: url('images/picto-footer-phone.svg') center no-repeat;background-size: 14px 19px;display: block;position: absolute;top: 0;left: 0;}
footer .infos ul.addr_estab > li > p > strong{color: #fff;}
footer .infos ul.addr_estab > li > p.tram::before{width: 14px!important;height: 100%;content: '';background: url('images/picto-footer-train.svg') center no-repeat;background-size: 14px 19px;display: block;position: absolute;top: 0;left: 0;}
footer .infos ul.addr_estab > li > a.mail{font-size: 15px;}
footer .infos ul.addr_estab > li > a.mail::before{width: 14px!important;height: 100%;content: '';background: url('images/picto-footer-mail.svg') center no-repeat;background-size: 14px 19px;display: block;position: absolute;top: 0;left: 0;}
footer .copyright span{font-size: 12px;line-height: 23px;text-transform: uppercase;}


/***Internal Pages***/
#breadcrumbs ul li.separator{color: #757da5;}
nav.page > span, nav.page ul li:before{background: #d1472d;}
nav.page ul li a{font-size: 14px;}
section.page {margin: 30px 0;}
section.page .title > h1:before{border-bottom: 4px solid #f1654a;}
section.page .add-infos{background: #e0e0e0; color: #4f4d4d;}
section.page .add-infos strong{color: #4f4d4d;}
section.page .content h2{color: #d2482d; font-size: 20px;}
section.page .content h3{color: #636b95;}
section.page .content ul li::before{width: 8px;height: 8px;background: #d1472d;top: 10px;left: 11px;}
section.page .content > a{transition: opacity 0.25s ease-in-out;}
section.page .content > a:hover{opacity: 0.7;}
section.page .content div.wp-caption.aligncenter, section.page .content div.wp-caption.aligncenter img, section.page .content a > img.aligncenter, section.page .content p > img.aligncenter, .ctx div div.wp-caption.aligncenter, .ctx div div.wp-caption.aligncenter img, .ctx div a > img.aligncenter, .ctx div p > img.aligncenter{max-width: 100%;}

section.page .acc-content > .acc > h2{background-color: #f1654a;font-weight: 400;}
section.page .acc-content > .acc > h2 {border-radius: 0 20px 0 0;}
section.page .acc-content > .acc > h2:before, section.page .acc-content > .acc > h2:after{width: 18px;height: 4px;}

.categories ul li{background-color: #ebebeb;}
.categories ul li a{color: #636b95;font-weight: 700;}
.categories ul li a:hover{background-color: #636b95;}
.news-list ul li a > div .title{color: #636b95; transition: color 0.25s ease-in-out;}
.news-list ul li a > div{border-bottom: 1px solid #636b95; transition: border-bottom 0.25s ease-in-out;}
.news-list ul li a:hover > div .title{color: #f1654a;}
.news-list ul li a:hover > div{border-bottom: 1px solid #f1654a;}
section.page .content > a{color: #636b95;}
.news-list ul li a > figure {transition: opacity 0.25s ease-in-out;}
.news-list ul li a:hover > figure{opacity: 0.7;}
.news-list ul li a > div .category{padding: 0 10px; margin-right: 8px; color: #636b95; margin: 0 10px 5px 0; border: 1px solid #636b95; border-radius: 13px; padding: 1.5px 10px; line-height: initial; transition: background 0.25s ease-in-out, color 0.25s ease-in-out;}
.news-list ul li a:hover > div .category{color: #fff; background: #636b95;}

.content > .photos-categories{margin-bottom:30px; display:flex; flex-wrap:wrap; }
.content > .photos-categories li{border-radius:15px; margin-bottom:10px; padding-left:20px !important; margin-right:15px}
.content > .photos-categories li:before{display:none}
.photos-categories li{background-color: #d1472d; border-bottom: 1px solid #fff;}
.photos-categories li:hover { background-color: rgba(209, 71, 45, .85); }
.photos-categories li:last-child{border-bottom: unset;}
.fancy:before{background-color: #d1472d;}

section.page .contact input, section.page .contact select, section.page .contact textarea{color: #636b95;border: 1px solid #636b95;}
section.page .contact input[type="submit"]{border: 1px solid #636b95; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
section.page .contact input[type="submit"]:hover{color: #fff; background-color: #636b95;}
p.rgpd > label > a{transition: color 0.2s ease-in-out;}
p.rgpd > label > a:hover{color: #636b95;}


/*** RWD ***/
@media (max-width: 1024.9px){
    section.page .home-gallery > .title strong::after{left: -32%;}
    section.page .gallery{justify-content: space-evenly;}
    footer .infos > div:first-child{width: 30%;}
    footer .infos > div:last-child{width: 70%;}
    footer .infos ul.addr_estab > li:first-child{margin-right: 40px;}
    footer .infos ul.addr_estab > li{width: auto;}
    footer .infos .contact > *{padding: unset;}
}

@media (max-width: 768.9px){
    header .logo {padding: 0px 0 0 10px; width: 148px; height: 73px; margin: 9px 0 9px; top: 0!important;}
    header .logo a{background-size: 134px 73px !important;}
    .mobile-menu > span{line-height: 43px; font-size: 14px;}
    nav.main > ul{background-color: #2e324a;}  
    nav.main > ul li {border-bottom: 1px solid #62616c !important;}
    nav.main > ul > li > a{font-size: 14px; color: #fff; height: 37px; line-height: 37px; font-weight: 400;}
    nav.main > ul li.social-mobile .social{text-align: center;}
    nav.main > ul li.social-mobile .social span{display: none;}
    nav.main > ul li.social-mobile a img{width: 28px; height: auto; margin: 0 8px; filter: brightness(0) invert(1);}

    section.page .home-gallery > .title strong::after{left: -41%;}

    footer .infos > div:first-child, footer .infos > div:last-child{width: 100%;}
    footer .infos{flex-direction: column;}
    footer .infos .logo{margin: 0 auto 1em!important;}
    footer .infos ul.addr_estab{justify-content: space-evenly;}
    footer .infos ul.addr_estab > li:first-child{margin-right: unset;}
    footer .infos ul.addr_estab > li p.name{align-items: end;}
    footer .infos .contact{text-align: left;}

    nav.page > span:before{background-size: 25px;}
    
    .home section.page > .container + .container{margin-top: 50px;}
}

@media (max-width: 425.9px){
    nav.home{height: auto;}
    nav.home ul li a{padding: 0; justify-content: end;}
    nav.home ul li a:before{content: unset;}
    nav.home ul li a:after{bottom: 5px;}

    nav.square ul li{width: calc(50% - 3px);}
    nav.square ul li:nth-child(even){margin-right: unset;}
    nav.square ul li:before{background-color: #757da5!important;}
    nav.square ul li:nth-child(8n+2):before, nav.square ul li:nth-child(8n+3):before, nav.square ul li:nth-child(8n+6):before, nav.square ul li:nth-child(8n+7):before{background-color: #636b95!important;}
    nav.square ul li:hover:before, nav.square ul li:nth-child(8n+2):hover:before, nav.square ul li:nth-child(8n+3):hover:before, nav.square ul li:nth-child(8n+6):hover:before, nav.square ul li:nth-child(8n+7):hover:before{opacity: .85;}

    section.page .home-gallery > .title strong::after{width: 60px; height: 60px; left: 40%; top: -75px;}
    section.page .home-gallery > .title strong:before { left: calc((100% - 200px) / 2); }
}

@media (max-width: 375.9px){
}

@media (max-width: 320.9px){
    section.page .home-gallery > .title strong{font-size: 43px;}
}