@font-face {
    font-family: 'garamond_bold';
    src: url('fonts/garamond_bold-webfont.eot');
    src: url('fonts/garamond_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamond_bold-webfont.woff2') format('woff2'),
         url('fonts/garamond_bold-webfont.woff') format('woff'),
         url('fonts/garamond_bold-webfont.svg#garamond_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***  All Pages ***/
:root {
	--wp-primary-700 : 179, 178, 178;
	--wp-primary-500 : 226, 226, 226;
	--wp-primary-400 : 136, 183, 0;
	--wp-secondary-700 : 0,0,0;
}

::-moz-selection { background: rgba(var(--wp-primary-700), 1); color:#fff }
::selection { background: rgba(var(--wp-primary-700), 1); color:#fff }
a{color: rgba(var(--wp-primary-500), 1); transition: color 0.25s ease-in-out;}
a:hover{color: #454545;}

body.home header{height: 100%;}
.menu_etablisement li a{color: #333333;}
header div.main-nav nav ul li a{padding: 7px 18px; font-weight: 500; color: #333333;}
header div.main-nav nav ul li.current-menu-item a, header div.main-nav nav ul li a:hover, header div.main-nav nav ul li.color a {color: rgba(var(--wp-primary-700), 1);}
header div.main-nav nav ul li.color a {font-weight: bold;}
#logo {width: 150px; padding: 27px 0;}
#logo img{width: 150px; height: 100%;}
#logo h1{display: flex;}
#logo h1 span.logo-title{color: #333333; font-size: 28px; font-weight: 300;}
#logo h1 span.logo-title > span{font-size: 48px; font-weight: 600; line-height: 30px; display: block;}
#logo h1 span.logo-title > span > span{font-size: 18px; font-weight: 300; display: block;}

.bloc_left{margin-left: -100%;}
.header-tel p.bloc_coordonne{margin-left: unset; color: #454545;}
.header-tel .bloc_coordonne, .header-tel p.bloc_coordonne a{color: #454545;}
.header-info.header-social:before, .blocLogo:before{top: 80px;}
.header-info a:hover svg path, .footer-social a:hover svg path {fill: #454545!important;}
.header-tel .bloc_coordonne svg, .header-tel p.bloc_coordonne svg{fill: #454545;}
.header-info span{color: #414141;}
.header-info a:hover svg path, .footer-social a:hover svg path {fill: rgba(var(--wp-primary-700), 1);}
header .headerCenter{padding: 6px 0;}
.header-info {padding: 12px 0px 10px}
.header-tel a.bloc_coordonne{transition: color 0.3s ease-in-out;}
.header-tel a.bloc_coordonne:hover{color: rgba(var(--wp-primary-700), 1);}
.header-tel a.access{transition: all 0.3s ease-in-out;}
.header-tel a.access:hover{color: rgba(var(--wp-primary-700), 1); text-decoration: underline;}

.ecole-directe{background-color: rgba(var(--wp-primary-700), 1); padding: 13.5px 0 17.5px; margin-right: 30px; transition: background-color .3s ease-in-out;}
.ecole-directe a{padding: 14px 12.5px 18px;}
.ecole-directe:hover {background-color: rgba(var(--wp-primary-400), 1);}
.ecole-directe img{width: 32px; height: auto; margin-right: 6px;}
.ecole-directe span{color: #ffffff; font-size: 0.813rem;}
.main-nav .ecole-directe {display: none;}


/***  Front Page ***/
.contenu_slide{font-weight: 400; font-size: 7.5rem; font-family: 'garamond_bold', sans-serif; line-height: 120px;}
.owl-carousel.carouselSlide {height: 528px;}
.owl-carousel.carouselSlide .owl-stage-outer {height: calc(100% - 52px);}
.owl-theme.carouselSlide .owl-dots{height: 52px;}
.owl-theme.carouselSlide .owl-nav{top: -55%;}
.owl-carousel.carouselSlide .owl-item.active .item a:before{opacity: 0.5; transition: 0.25s opacity ease-in-out;}
.owl-carousel.carouselSlide .owl-item.active .item a:hover:before{opacity: 0.2;}
.owl-theme.carouselSlide .owl-dots .owl-dot.active span{background-color: #008ddf;}

.bloc_breves{padding: 18px 0 12px;}
.bloc_contents_breves .item_bloc_content strong{font-size: 18px; text-transform: uppercase; color: rgba(var(--wp-primary-500), 1);}

.top-content figure{box-shadow: none;}
.top-content figure:before{background-color: rgba(var(--wp-primary-700), 1);}
h2:hover:before, .linkMore:hover::before {background-color: rgba(var(--wp-primary-700), 1);}
.top-content .right h2{font-size: 30px; font-weight: 600;}
body.home h2{font-weight: 600;}

.highlighted{justify-content: space-evenly;}
.highlighted .bloc_lien p {font-weight: 600; font-size: 19px;}

.owl-carousel.carouselNews .item{background-color: #ea5055; transition: 0.25s background-color ease-in-out;}
.owl-carousel.carouselNews .item:hover {background-color: #454545 !important;}
#news h3{font-weight: 700;}
#news .item .linkMore{font-size: 14px;}
#news .linkMore::before{background-color: rgba(var(--wp-primary-700), 1);}
#news .text-center .linkMore:hover{color: rgba(var(--wp-primary-700), 1);}

.dateEvents, .home-events .linkMore::before {background-color: #ea5055;}
.home-events h2:hover:before, .home-events .text-center .linkMore::before{background-color: rgba(var(--wp-primary-400), 1);}
.home-events .linkMore:hover{color: rgba(var(--wp-primary-400), 1);}

#highlighted-pages{margin: 50px 0 120px; background-color: rgba(var(--wp-secondary-700), 1);}
.highlighted .bloc_lien p:before{background-color: rgba(var(--wp-primary-700), 1);}

.home #highlighted2-pages{margin: 50px 0 0;}
.home #highlighted2-pages:before{content: ''; background: transparent url(images/logo-bg.svg) no-repeat center; background-size: cover; position: absolute; width: 468px; height: 405px; top: calc(100% / 2 - 192px ); left: 140px; z-index: 1; opacity: 0.05;}
.home #highlighted2-pages .highlighted li{max-width: 100%; text-align: center!important;}

#galerieHome{background-color: rgba(51, 51, 51, 0.96);}
#galerieHome:before{content: ''; background: transparent url(images/gallery-bg.jpg) no-repeat center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.07;}
#photos .fancy:hover:before, .fancyClick .fancy:hover:before{opacity: 0.8;}
#photos h2:hover:before, #photos .linkMore:hover::before {background-color: rgba(var(--wp-primary-500), 1);}
#photos .linkMore::before{background-color: rgba(var(--wp-primary-500), 1);}
#photos .fancy:before, .fancyClick .fancy:before{background: rgba(var(--wp-primary-500), 1);}
#photos .linkMore:hover{color: rgba(var(--wp-primary-500), 1);}

#engagements .item_bloc_content h3{font-weight: 600;}
#engagements .item_bloc_content:first-child h3{color: rgba(var(--wp-primary-500), 1);}
#engagements .item_bloc_content:nth-child(2) h3{color: #008ddf;}
#engagements .item_bloc_content:nth-child(3) h3{color: rgba(var(--wp-primary-400), 1);}
#engagements .item_bloc_content:last-child h3{color: rgba(var(--wp-primary-700), 1);}
#engagements .item_bloc_content:first-child{margin-left: 0px;}
#engagements .item_bloc_content:last-child{margin-right: 0px;}
#engagements .bloc_content ul{justify-content: space-between;}
#engagements .item_bloc_content h3, #engagements .item_bloc_content p{padding: 0 25px;}
#engagements svg path {transition: fill 0.25s ease-in-out;}
#engagements .item_bloc_content:first-child a:hover svg path {fill:rgba(var(--wp-primary-500), 1)!important;}
#engagements .item_bloc_content:nth-child(2) a:hover svg path {fill:#008ddf!important;}
#engagements .item_bloc_content:nth-child(3) a:hover svg path {fill:rgba(var(--wp-primary-400), 1)!important;}
#engagements .item_bloc_content:last-child a:hover svg path {fill:rgba(var(--wp-primary-700), 1)!important;}

.jobs-bg .jobs-list {background: rgb(50,50,50); background: linear-gradient(90deg, rgba(50,50,50,1) 20%, rgba(var(--wp-primary-700) , 1) 20%);}
#jobs span.linkMore::before{background-color: rgba(var(--wp-primary-700), 1);}
#jobs span.linkMore:hover::before{background-color: #fff;}

#home-video .linkMore::before, #home-Virtuelle .linkMore::before{background-color: rgba(var(--wp-primary-500), 1);}
#home-video .linkMore:hover, #home-Virtuelle .linkMore:hover{color: rgba(var(--wp-primary-500), 1);}

#home-Virtuelle{background-color: #333333;}

#partners{margin-bottom: 30px;}
#partners .partners {justify-content: space-between; padding-top: 25px;}
#partners .partners li {width: calc(100% / 5 - 20px ); margin: 35px 10px;}
#partners .partners li a > img, .post-type-archive-partners .content ul li a > img { width: 190px; max-width: 50%; height: auto;}
#partners .partners li:first-child{margin-left: 0;}
#partners .partners li:last-child{margin-right: 0;}
#partners .linkMore::before{background-color: rgba(var(--wp-primary-700), 1);}
#partners .linkMore:hover{color: rgba(var(--wp-primary-700), 1);}

.page-template-template-contact .content > p, .page-template-template-contact .subcontent > hr, .contenu h2.content-title {display: none;}

.footer-contact{background: rgba(var(--wp-secondary-700), 1); background: linear-gradient(90deg, rgba(var(--wp-secondary-700), 1) 50%, rgba(var(--wp-primary-500), 1) 50%);}
.footerInfo {background-color: rgba(var(--wp-secondary-700), 1); padding: 45px 0 0;}
.logo-reseaux {margin-bottom: 48.5px;}
.logo-footer {max-width: 305px;}
.logo-footer img {width: 150px; max-width: inherit;}
.footer-social{justify-content: center;}
.footer-social .title{color: #333333;}
.footer-social a{margin-left: 5px;}
.footer-social a svg{padding: 2.5px;}
footer .estab-desc {min-width: calc(100% / 3 - 45px); margin-bottom: 40px;}
/* footer .estab-desc strong, footer .estab-desc .adress span, footer .estab-desc a{color: #333333;} */
/* footer .estab-desc svg path {fill: #454545;} */
footer .border-left {border-left: 10px solid #b1b1b1;}

.footer-mentions{background-color: #333333;}
footer .copyright a{transition: color 0.25s ease-in-out;}
footer .copyright a:hover{color: rgba(var(--wp-primary-500), 1);}

.marker {width: 42px !important; height: 53px !important;}


/***  Internal Page ***/
#breadcrumbs li.separator{font-weight: 900; color: rgba(var(--wp-primary-500), 1);}
nav.page ul li a{color: #373737;}
nav.page .sub-sub-menu li{background-color: #e0e0df;}
nav.page ul.sub-sub-menu li a{font-weight: 700; font-size: 16px;}
/* nav.page ul li.current-menu-item > a, nav.page ul > li:hover > a {background-color: rgba(var(--wp-primary-700), 1);} */
nav.page ul li.parent .downMenu{background-image: url(images/arrow-submenu-blue.svg); /*transition: background-image 0.25s ease-in-out;*/}
nav.page ul li.current-menu-item .downMenu, nav.page ul > li:hover .downMenu{background-image: url(images/arrow-submenu-white.svg);}

div.left h2:before {background-color: rgba(var(--wp-primary-500), 1);}
div.left h2:hover:before {background-color: rgba(var(--wp-secondary-700), 1);}
div.left h2 a{color: #333333;}
div.left h2 a:hover{color: rgba(var(--wp-primary-500), 1);}

.content h2{color: rgba(var(--wp-primary-500), 1);}
.content .contenu p{color: #373737;}
section.page .content p a:hover{color: #454545;}
.content .contenu > ul > li::before, .content .contenu > ol > li::before, .content .acc-content > ul > li::before, .content .acc-content > ol > li::before{content: ""; background-image: url('images/bullet.png'); background-size: contain; background-repeat: no-repeat; position: absolute; left: -22px; top: 11px; transform: translateY(-50%); width: 14px; height: 17px;}
.content .contenu > ul > li > ul li::before, .content .contenu > ol > li > ul li::before, .content .acc-content > ul > li > ul li::before, .content .acc-content > ol > li > ul li::before{width: 10px; height: 13px; content: ''; background: url(images/bullet2.png) center / contain no-repeat; position: absolute; left: -20px; top: 4px;}

div.content div.contenu p > img, .alignleft, .alignright, .aligncenter, .alignnone {max-width:100%; height:auto;}

nav.page ul li.actualites.current-menu-item > a.actualites, nav.page ul > li.actualites:hover > a.actualites{background-color: #ea5055;}
.BlockItems span.linkMore::before{background-color: #ea5055;}
.BlockItems li.BlockItem a:hover .linkMore::before{background-color: #c1c1c1;}
.BlockItems .sousTitle > span{color: #454545;}
.BlockItems .sousTitle > span.nameCategorie > span{color: #ea5055;}
.content .btn, .icon_download{background-color: rgba(var(--wp-primary-500), 1);}
.content .btn:hover{background-color: #454545;}
div.return a:hover{color: #454545!important;}

.post-type-archive-jobs .event.BlockItems .BlockItem a{background-color: rgba(var(--wp-secondary-700) , 1);}
p.rgpd a{color: rgba(var(--wp-primary-700), 1);}
p.rgpd a:hover {color: rgba(var(--wp-primary-500), 1)!important;}
.formInput, input.formInput, select.formInput, textarea.formInput, #jobs_form input, #jobs_form select, #jobs_form textarea {border: 2px solid #f4f4f3;}
.formInput:focus, input:focus, select:focus, textarea:focus {border: 2px solid rgba(var(--wp-primary-500), 1);}
form .read-more, form input[type=submit], form#jobs_form .read-more, form#jobs_form input[type=submit]{background-color: rgba(var(--wp-primary-700), 1);}
form .read-more, form input[type=submit]:hover, form#jobs_form .read-more:hover, form#jobs_form input[type=submit]:hover{background-color: rgba(var(--wp-primary-500), 1);}
.page-template-template-secure #highlighted2-pages #zones-list li {max-width: calc((100% - 0px) / 2);}
.page-template-template-secure #highlighted2-pages #zones-list li a{justify-content: center; padding: 20px 15px;}

.page-template-template-contact .subcontent > div{margin: 15px 0 25px;}

/*onpc table*/
.onpc-table li {float: left;width: 100%;display: table;}
.onpc-table li:first-child{ padding:0 0 15px 10px !important; background:none !important;}
.onpc-table li span {width: 50%;display: table-cell;vertical-align: middle;padding-left:10px}
.onpc-table li.table-title{font-weight:bold;margin-top:15px; padding: 0 0 15px 10px !important; background:none !important;}
.onpc-table li.cell-title{background:#b2b8cf !important; padding:10px !important; font-weight: bold;color: #4b4d6f;}
.onpc-table li span p{font-size:16px; margin:8px 0;text-align: right;padding-right: 10px;}
.onpc-table li:nth-child(even){background:#fbfcff}
.onpc-table li:nth-child(odd){background:#d7ddf2}
.onpc-table li:last-child{margin-bottom:30px}


/***  RWD ***/
@media (max-width: 1169px){
    .bloc_contents_breves {font-size: 16px;}
}

@media (max-width: 1024px){
    .logo-footer {max-width: 458px;}
    .footer-social {margin-right: -70px;}
    footer .estab-desc {min-width: calc(100% / 3 - 0px);}
}

@media (max-width: 991px){
    .header-info.header-social:before, .blocLogo:before {top: 54px;}
    .header-info a svg {width: 28px; height: 28px;}
    .footer-social {margin-right: -65px;}
    .page-template-template-secure #highlighted2-pages #zones-list li{max-width: calc((100% - 50px));}
}

@media (max-width: 768px){
    body>header div.main-nav.opened, .opened .header-info{background-color: #f4f4f3;}
    .opened .header-info {padding: 19px;}
    header .headerCenter{padding: 0;}
    .menu_etablisement li a {color: #fff; font-size: 18px;}
    header div.main-nav nav ul li a{padding: 7px 0; font-size: 18px;}
    .header-info a svg {width: 35px; height: 35px;}
    .header-info a svg path {fill: #fff;}
    .bloc_left .d-flex.reserve_reseaux .ecole-directe{display: none;}

    .opened .ecole-directe{display: block; width: fit-content;	padding: 10px 10px 10px 0.75rem; margin-left: -0.75rem; background-color: rgba(var(--wp-primary-700), 1);}
	.opened .ecole-directe img{margin-top: -5px;}
    .opened .ecole-directe span{font-size: 1.2rem;}

    .contenu_slide{font-size: 100px; line-height: 100px;}

    #highlighted-pages {margin: 40px 0 85px;}
    #highlighted2-pages.line{padding: 20px 0 40px;}
    #partners .partners{padding-top: unset;}
    #partners .partners li{width: 100%;}
    #partners .partners li a > img, .post-type-archive-partners .content ul li a > img {width: 125px;}
  
    .logo-reseaux {margin-bottom: 40px;}
    .logo-footer{margin-left: unset; padding-left: 20px; max-width: 413px; margin-bottom: 25px;}
    footer .border-left {border: none; padding: 20px 0 20px 20px;}
    footer .border-left:before {top: -15px; background-color: #b1b1b1;}
    footer .estab-desc:last-child {margin-bottom: 20px;}
    .footer-social{margin-left: 20px; justify-content: flex-start;}

    nav.page>span:before {background: transparent url(images/arrow-submenu-black.svg) no-repeat center center; background-size: 29px;}
    .page-template-template-secure #highlighted2-pages #zones-list li {max-width: 100%;}
    .page-template-template-secure #highlighted2-pages #zones-list li a{padding: 20px 50px;}
}

@media (max-width: 425px){
    #logo img{width: auto;}
    
    .contenu_slide{font-size: 85px; line-height: 85px;}
    .bloc_breves {padding: 15px 10px;}
    
    .top-content .right h2{font-size: 28px;}
    body.home h2{font-size: 28px;}
    #highlighted-pages {margin: 30px 0 75px;}
    #highlighted2-pages {margin: 20px 0 0; padding: 20px 0 15px;}
    .highlighted .bloc_lien p{font-size: 16px;}
    #home-video p, #home-Virtuelle p{font-size: 28px;}

    .logo-footer{max-width: 100%;}

    .acc-content>.acc>h2{padding: 10px 32px 10px 22px;}

    .onpc-table li span{display:block; padding-left:10px; width:100%}
	.onpc-table li{padding-top:10px; line-height:20px !important}
}

@media (max-width: 375px){
    .contenu_slide{font-size: 75px;}
    footer .border-left {padding: 20px 0 20px 0px;}
    .logo-footer {padding-left: 0px;}
    .page-template-template-secure #highlighted2-pages #zones-list li a{padding: 20px 7px;}
}

@media (max-width: 320px){

}

/* surcharges pour le prj AUBIERE */
.estab-info.alignTop {
  width: 300px !important;
}
.footerInfo {
    border-right: none !important;
}
@media (min-width: 990px){
    #static-map {
        height: 357px !important;
    }

    .static-map-img {
        border-right: 10px solid rgba(255,255,255, 1);
    }
}