/*--------------------------------------UTILITIES-------------------------------------------*/
body {  font-family: "Roboto", sans-serif; font-optical-sizing: auto;font-style: normal; color:#0c1d33;padding:0 !important;} 
*{font-family: "Roboto", sans-serif;}
.white{color: #fff !important;}
.backwhite{background-color: #fff !important;}
.backbeige{background-color: #fff0de;}
.backgreymedium{background-color: #e6e7e8 !important;}
.borderless { border: none; border-radius : 0;}
.space-around {display:flex;justify-content:space-around;}
.w-300 {width: 300px;}
.communblue, .block-views-blocknolayout-examresults {color:#1b2c40 !important;}
.results .result {flex:1;}
.toosmall{font-size:0.5rem;}
.section_title {font-size: 3.5rem; font-weight: 300; line-height:1;}
.ps-10{padding-left:7.5rem !important;}
.pe-10 {padding-right: 7.5rem !important;}
.pt-10 {padding-top: 7.5rem !important;}
.pb-10 {padding-bottom: 7.5rem !important;}
.py-10 {padding-bottom: 7.5rem !important;padding-top: 7.5rem !important;}
.px-10{padding:0 7.5rem !important;}
.pAll-10{padding:0 7.5rem 7.5rem !important;}
.p-10{padding:4rem 8rem !important;}
a{text-decoration:none;}
/* Animation wave gradient pour soulignement de lien */
a { position: relative; text-decoration: none;}
a::after {content: '';position: absolute;width: 0;height: 1px;bottom: -1px;left: 0; background: linear-gradient(90deg, #fff, #f5a302, #fff);transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
a:hover::after {width: 100%;}
.navbar-nav li li a:hover::after{background: linear-gradient(90deg, #91b873, #fff, #91b873);}
.page-taxonomy-term-19 a:hover::after{background: linear-gradient(90deg, #fff, #020659, #fff);}


                                                                                        /*--------------------------------------SCHOOL COLORS----------------------------------------------*/
.primary, .green { color: #123317 !important;}
.backprimary, .backgreen, footer.site-footer, .highlighted{ background-color: #123317 !important;}
.backmediumprimary{ background-color: #0a1d0d !important;}
.backgreenbis {background-color: green;}
.backvlightprimary, .block-views-blocknolayout-examresults { background-color: #dee9d5 !important;}
.lightprimary { color: #90b772 !important;}
.secondary, .yellow{ color:  #f5a302 !important;}
.backsecondary, .backyellow { background-color:  #f5a302 !important;}
.bordersecondary { border-left: 5px solid #f5a302 !important;padding-left:10px;}
.lightsecondary { color:  #f5a302 !important;}
.backlightsecondary { background-color:  #f6f7b8 !important;}
.backgrey {background-color: #f7f5f4 !important;}

.page-taxonomy-term-19 .primary { color: #b70000 !important;}
.page-taxonomy-term-19 .backprimary, .page-taxonomy-term-19 .site-footer, .page-taxonomy-term-19 .highlighted { background-color: #b70000 !important;}
.page-taxonomy-term-19 .borderprimary { border-left:5px solid  #b70000;}
.page-taxonomy-term-19 .backlightprimary { background-color: #f2a594;}
.page-taxonomy-term-19 .backvlightprimary { background-color: #fdf1ee !important;}
.page-taxonomy-term-19 .lightprimary { color: #f2a594 !important;}
.page-taxonomy-term-19 .secondary { color:  #020659 !important;}
.page-taxonomy-term-19 .backsecondary { background-color:  #020659 !important;}
.page-taxonomy-term-19 .bordersecondary { border-left: 5px solid #020659 !important;padding-left:10px;}
.page-taxonomy-term-19 .lightsecondary { color:  #dfedf9 !important;}
.page-taxonomy-term-19 .backlightsecondary { background-color:  #dfedf9 !important;}
.page-taxonomy-term-19 .backvlightsecondary { background-color:  #f3f3f7 !important;}
.page-taxonomy-term-19 .trophys p {color:white !important;}

/*.view-display-id-schoolsheader .views-row {display: flex;flex-wrap: wrap;justify-content: space-around;}
.view-display-id-schoolsheader .views-field.views-field-field-video {width: 60%;}*/

                                                                                             /*---------------------------------------MAIN MENU---------------------------*/

#navbar-main { background-color: white !important;}
#navbar-main nav a{color: #0ba930 !important;font-size:1.3rem;}
.page-taxonomy-term-19 .navbar-brand{ color:#a40013 !important;}
header nav .nav-item.active { text-decoration:underline; color:#0ba930 !important;}
.region-wrapper-featured-top .navbar-nav {display: flex;flex-direction: row;justify-content: space-between;}
.region-wrapper-featured-top .navbar-nav li {text-align: center;}
.region-wrapper-featured-top .navbar-brand img {width: 50px;height: 50px;margin-top: -5px;margin-bottom: 10px;}
.region-wrapper-featured-top .navbar-nav a.nav-link {text-transform: uppercase;font-size: 0.8rem;color:#1b2c40 !important;}
.region-wrapper-featured-top .is-active {color: #fff !important;}
.page-taxonomy-term-19 .region-wrapper-featured-top .navbar-nav .active {color:#fff !important;}
.region-wrapper-featured-top .navbar-nav li.active {background-color: #91b873;padding: 0 0.5rem;}
.page-taxonomy-term-19 .navbar-nav li.active {background-color: #b70000;}
.site_name {text-transform: uppercase;font-size: 0.8rem;font-weight: bold;flex: 0.9;line-height: 1;}
.site_name p {margin: 0;}
.navbar-nav li li a{color: #91b873 !important;text-decoration:none;} 

nav {position : relative;}
.region-wrapper-featured-top .trophy {font-size: 0.7rem;margin: 0.1rem 0;}
.region-wrapper-featured-top .trophys {border-left: 1.5px solid white;padding-left: 10px;justify-content: center;flex: 4;}

.page-taxonomy-term-19 .slide-badge .tool-desc{color:white !important;}


                                                                                            /*---------------------------------------HEADER-------------------------------------*/
.region-wrapper-featured-top > *:nth-child(1) {flex: 0.5;}
.path-frontpage .region-wrapper-featured-top > *:nth-child(1) {display: flex;justify-content: end;padding-bottom: 1rem;padding-left: 5rem;}
.region-wrapper-featured-top > *:nth-child(2) {flex: 3.8;}
.region-wrapper-featured-top > *:nth-child(3) {flex: 5;}
.region-wrapper-featured-top > *:nth-child(4) { flex-basis: 100%;}
.region-wrapper-featured-top {display: flex;flex-wrap: wrap;background: linear-gradient(to right, #0a1d0d 46%, white 46%);padding: 1.3rem 7rem;}
.page-taxonomy-term-19 .region-wrapper-featured-top {background: linear-gradient(to right, #b70000 46%, white 46%);padding: 1.3rem 7rem;}


                                                                                        /*-----------------------------------------FRONT PAGE BANNER-----------------------------------------*/
#block-bootstrap-barrio-subtheme-outilspratiquesentete ul {padding-right: 7rem;}
#block-bootstrap-barrio-subtheme-outilspratiquesentete li {list-style: none;width: 150px;line-height: 1;}
#block-bootstrap-barrio-subtheme-outilspratiquesentete li p:first-child {text-align:center;margin-bottom:5px;}
#block-bootstrap-barrio-subtheme-outilspratiquesentete p.inscription {background-color:#cff27a !important;padding:0 !important;}
.tool_item a {font-size :0.8rem;}

.front_banner_wrapper img {filter: brightness(50%);}
.front_banner_wrapper h1.title {font-size: 3.3rem !important;}
.front_banner_wrapper p {font-size: 1.3rem;font-weight: 200;}
.path-frontpage  .region-wrapper-featured-top {background: linear-gradient(to right, #0a1d0d 100%, white 0%);padding: 1.3rem 0;}
.front_banner_wrapper .card-img-overlay.white {top: 28%;left: 8rem;width:30%;}

.path-frontpage .main-content .region-wrapper-content {position: relative;bottom: 150px;}
.view-display-id-page_accueil .Horizon {background-color: #cd3d2e !important;}
.view-display-id-page_accueil .Maristes {background-color: #f5a302 !important;}
.school_wrapper {border: 5px white solid;}
.school_wrapper a {text-decoration: none;color: #564d4d;background-color: white;padding: 10px;}
.school_wrapper:hover a {border: 2px outset #fafafa;}
.school_wrapper p { color:#151718;}


                                                                                            /*--------------------------------------SCHOOL BANNER---------------------------------------------*/
#block-bootstrap-barrio-subtheme-views-block-nolayout-bannierecole {width: 1200px;margin: auto;}
.tool-desc {font-size: 0.7rem;}
.registration-link {font-size: 0.8rem;}
.tool-link {height: 40px;width: 160px;}

                                                                                                    /*-----------------------------------MEMBERS---------------------------------------*/
.member-name {letter-spacing: 0.5px;width: 100px;background: linear-gradient(to bottom, #90b772 50%, #fff 50%);background-clip: text;-webkit-background-clip: text !important; -webkit-text-fill-color:transparent;color: transparent;}
.page-taxonomy-term-19 .member-name {background: linear-gradient(to bottom, #d8032a 50%, #fff 50%);}
.page-taxonomy-term-19 .member-name-overlay {background-color:#020557 !important;}

                                                                                                    /*-------------------------------DIRECTOR WORD-------------------------------*/
.page-taxonomy-term-18 .view-display-id-motdirecteur .section_title.horizon{display:none;}                                                                                                   
.page-taxonomy-term-19 .view-display-id-motdirecteur .section_title.maristes{display:none;}  
.director_speech .title {margin-bottom: 0;}
.director_speech .title::before {content: ">";font-size: 2.5rem;font-weight: 300;background-color: #123317; color: white;display: inline-block; width: 70px;height: 70px;text-align: center;   padding-top: 10px; margin-left: -115px;margin-right: 40px;}
.page-taxonomy-term-19 .director_speech .title::before {background-color:#b70000;}
.director_speech .text {background-color: #f6f5f3;padding-left: 15rem; padding-right: 2rem;margin-left: -18rem; z-index: 0; position: relative;}
.director_image,.p_cycle_image {z-index:1;}
.director_image img{margin-left: -5.5rem; width: 100%;height: auto;}
.view-display-id-motdirecteur .section_title::before {content: ""; display: block;height: 100px;width: 90%;border-bottom: 2px solid #91b772;border-right: 2px solid #91b772;margin-top: -160px;margin-bottom: 10px;margin-left: 50px;}
.page-taxonomy-term-19 .section_title.horizon::before {border-bottom: 2px solid #f2a594;border-right: 2px solid #f2a594;}



                                                                                /*-----------------------------------ACHIEVEMENTS (EXPLOITS)----------------------------------------------*/
.page-taxonomy-term-18 .view-display-id-exploits .section_title.horizon{display:none;}                                                                                                   
.page-taxonomy-term-19 .view-display-id-exploits .section_title.maristes{display:none;}  
a#scroll-left, a#scroll-right {z-index:3; top : -10px !important;}
.view-display-id-exploits .card-body {overflow: auto;}
.exploit_details {font-size: 0.9rem;}
.exploit_details strong {font-size: 1.1rem;}
.page-taxonomy-term-19 .exploit_details{color:white !important;}

                                                                                /*-----------------------------------VALEURS----------------------------------------------*/

.valeurs_list {gap:5rem;}
.valeur_item .lightprimary {border-right: 2px solid #1b2c40;padding-right: 10px;padding-top: 10px;border-top: 2px solid #1b2c40;height: 50px;}


                                                                                        /*--------------------------------------BANNIERE PUB---------------------------------------------*/
.block-views-blockpar-trois-bannierepub img {width:100%; height:auto;}
.page-taxonomy-term-19 .view-display-id-bannierepub .nav-item span {background-color : #b70000 !important;}
.page-taxonomy-term-19 .view-display-id-bannierepub .nav-item a{color : #fff !important;}



                                                                                    /*-------------------------------------EDITION PAGE----------------------------------------*/
#block-bootstrap-barrio-subtheme-page-title  { display: none;}
.paragraph--type--section-de-page .field--name-field-titre { font-size : 2em; text-transform:uppercase;margin-bottom: 30px ;}
.paragraph--type--section-de-page .field--name-field-image-de-la-section:nth-child(even){ float: right;}
.paragraph--type--section-de-page .field--name-field-image-de-la-section:nth-child(odd){ float: left;}
.paragraph--type--section-de-page .field--name-field-page-text { margin:10px; clearfix: both;}
.sectionpage{display:flex;}
.field--name-field-sections .field__item:nth-child(odd) .sectionpage{ flex-direction:row-reverse;}


                                                                                                        /*------------------------------ALUMNI-------------------------------*/
.page-taxonomy-term-19 .alumni-name {color :#020659 !important; }
.alumnimage img{ border-radius: 50%;}

.site-footer__top {display: flex; justify-content: space-between;}
.site-footer__top .trophys { flex-direction: column;}
.menu--footer .nav-link { color: rgb(231, 231, 231);}

.block-views-blocknolayout-examresults {}

.announceresult-content { background-color: white; padding: 15px;transform: rotate(-5deg); height: 150px;width: 120px;}
.announceresult-content:nth-child(2n){transform: rotate(0deg);}

                                                                                                         /*-----------------------SCHOOL CYCLES -------------------------------------*/
                                                                        
.school_cycle .links span {width:120px;}
.page-taxonomy-term-19 .school_cycle .links a {color:white !important;} 


                                                                                                 /*--------------------------------ANNOUNCEMENTS AND RESULTS--------------------------------*/
.view-display-id-announcements .view-content {padding: 40px;}
.results { margin-top: 5rem;}
.results a {color:#fff !important; text-decoration: none;}
.announcements-title{ font-weight: bold; font-style: normal;color: #90b772 !important;}
.page-taxonomy-term-19 .block-views-blocknolayout-examresults{ background-color:  #fdf1ee !important;}
.page-taxonomy-term-19 .announcements-title{color: #f2a594 !important;}
.block-views-blocknolayout-examresults .more-link { display: flex; }
.block-views-blocknolayout-examresults .more-link a {font-weight: bold; padding: 15px 15px 5px;color: white;text-decoration: none; background-color: #f5a302 !important;width: 220px; text-align: center;}
.page-taxonomy-term-19 .block-views-blocknolayout-examresults .more-link a {background-color:  #020659 !important;}
.announcements .more-link a {background-color: #0a1d0d !important;font-weight: bold;}
.page-taxonomy-term-19 .announcements .more-link a {background-color: #b70000 !important;}


                                                                                /*----------------------------------------RESOURCES ----------------------------------------------------*/
.resources {width : 60% !important;}
.resource {width:80% !important;}
.resource_title::before, .view-display-id-announcements .views-field-title .field-content::before {content: ">"; color: #f5a302;padding-right: 1.4rem;font-size: 2.5rem;font-weight: 300;}
.page-taxonomy-term-19 .resource_title::before {color:#1b2c40 !important;}
.view-display-id-announcements .views-field-title .field-content::before{color:#1b2c40 !important;}
.resource_body {margin-left: 2.5rem;}
.resources_after {width: 45%;height: auto;display: flex;align-items: center;margin-left: -10%;}


                                                                                                        /*-------------------------------FOOTER--------------------------------------*/
.site-footer, .site-footer a,  .site-footer .content, .site-footer h2 {font-family: "Roboto", sans-serif;color: white !important; font-size: 0.95em; }
.site-footer {padding: 5rem;}
.site-footer h2 {font-size : 1em;font-weight: bold;color:#f5a302 !important;border:none}
.page-taxonomy-term-19 .site-footer h2 {color: #020557 !important;}
.site-footer .block {margin:0;border:none;}
.site-footer .site_name {display:none;}
.site-footer .menu--footer a, .site-footer div.field-content, .site-footer p{font-size:0.8rem;font-weight: 200;}
.site-footer__top .region p { width: 100%;}
.path-frontpage .site-footer{display:none;}



.view-display-id-schoolcycles .section_title::before {content: "";display: block;height: 100px;width: 90%;border-bottom: 2px solid #91b772;border-right: 2px solid #91b772;margin-top: -160px;   margin-bottom: 10px; margin-left: 50px;}
.page-taxonomy-term-19 .view-display-id-schoolcycles .section_title::before {border-bottom: 2px solid #f2a594;border-right: 2px solid #f2a594;}
.view-display-id-schoolcycles {font-size: 0.9rem;margin-top: 7rem !important;}
.view-display-id-schoolcycles .image { height: 170px;}
#block-bootstrap-barrio-subtheme-views-block-schoolcycles {background: linear-gradient(to top, #f6f5f3 50%, white 50%);}
.school_cycles_list{gap:50px;}
.school_cycles_list .col-md-4{ width:320px;}


/*.page-vocabulary-ecoles #navbar-main nav a, .page-vocabulary-ecoles .navbar-brand{ color: white !important;}*/
.page-taxonomy-term-18 #navbar-main nav a { color: #0ba930 !important;}
.page-taxonomy-term-19 #navbar-main nav a{ color: #a40013 !important;}
.site-name-slogan    {color: #d5bc00;}
.field_school img {padding-right:15px;}
.field_school p {margin-bottom:0;}

.dropdown-item.active, .dropdown-item:active {background-color: #e6eaef;}

.node--type-article .block-system-main-block .content {margin:5rem;}
.node--type-article .node__content img {padding-right: 3rem; }
.newsblock-container a {color: black;}

                                                                                            /*---------------------------IDENTITY PAGE-------------------------------*/
.p_banner_wrapper{position:relative;}                                                                                        
.page-node-24 .p_banner_text, .page-node-23 .p_banner_text {position: absolute; top: 0; width: 30%; height: 100%; background: rgba(1, 4, 4, 0.8);}
.page-node-23 .p_banner_text {left: 7.5rem; width: 33%;}
.p_banner_body{font-weight: 200;}
.sectionpage_text {font-size: 0.9rem;}
.page-node-23 .sectionpage_text p { text-align: justify;}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage_content {background-color: #e6e7e8 !important;}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage_image p::after {content: "";height: 4.2rem;width: 83%; background: linear-gradient(to right, #91b772 70%, #113216 30%);display: block;}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage_image p{margin:0}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage ul{padding: 0;font-size: 2rem;color: #91b772;font-weight: bold;list-style: square;}
.page-node-23 .sectionpage_image{padding :0;}
.page-node-23 .field--name-field-sections .field__item:nth-child(2n+3) .sectionpage_content {display:flex; flex-direction: row-reverse;}
.field--name-field-sections .sectionpage_title {padding:8rem 8rem 0 8rem; font-family: 'Roboto';font-weight: 350;color: #143353;font-size: 1.5rem;}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage_image, .field--name-field-sections .field__item:nth-child(2) .sectionpage_image {padding-left:7.5rem;}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage_text, .field--name-field-sections .field__item:nth-child(2) .sectionpage_text {padding-right:7.5rem;}
.page-node-23 .field--name-field-sections .field__item:first-child .sectionpage_text {padding-top:4rem;}
.page-node-23 .field--name-field-sections .field__item:nth-child(n+3) .sectionpage_text p{padding: 0 5rem 0 7.5rem;}
.page-node-23 .field--name-field-sections .field__item:nth-child(n+3) .sectionpage_text ul {padding: 2rem 5rem 3rem 7.5rem;text-align: justify;height: 100%;width: 100%;background-color: #dde9d4;}
.page-node-23 .field--name-field-sections .field__item:nth-child(2n+4) .sectionpage_text ul {padding: 2rem 5rem 3rem 4rem;}
.view-display-id-newsblock .more-link a, .node--type-article .more-link a {color: #d6e528;font-size: 1.3rem;font-family: "Roboto";font-weight: 500; text-decoration: none;display:inline-block;padding: 1rem 0.7rem 0.7rem;background-color:#063d2a;}
.view-display-id-newsblock .more-link, .node--type-article .more-link {text-align:center; margin: 7rem;}
.view-display-id-newsblock .section_title, .view-display-id-announcementspage .announcements-title{color: #143353 !important;text-transform:uppercase;}
.view-display-id-newsblock .section_title {padding-top: 8rem;}

/*-------------------------------------PAGE VIE DE PARENT----------------------------------------------*/
.page-node-28 .sectionpage_image {padding-left: 6.8rem;display: flex;align-items: center;z-index: 2;}
.page-node-28 .field--name-field-sections .field__item:nth-child(even) .sectionpage_image {padding-right: 6.8rem;padding-left: 0;}
.page-node-28 .sectionpage_content {display: flex;flex-wrap: nowrap;}
.page-node-28 .field__item:nth-child(even) .sectionpage_content {flex-direction:row-reverse;}
.page-node-28 .sectionpage_text{width: 60%;padding: 3rem; padding-left: 17rem; margin-left: -10rem;z-index: 1;background-color: #f1f2f4 !important;}
.page-node-28 .field--name-field-sections .field__item:nth-child(even) .sectionpage_text{padding-left: 6.8rem;padding-right: 17rem; margin-right: -10rem;}
.page-node-28 .field--name-field-sections .field__item:first-child {margin-top:3rem;}
.page-node-28 .site-footer {margin-top: 10rem;}
.page-node-28 .p_banner_wrapper, .page-node-31 .p_banner_wrapper{display:flex; padding: 0 7.5rem;background: linear-gradient(to right, #0a1d0d 50%, #e5e0de 50%);height: 500px;}
.page-node-28 .p_banner_wrapper {flex-direction: row-reverse; margin-bottom: 5rem;}
.page-node-28 .p_banner_text, .page-node-31 .p_banner_text{padding: 4rem 5rem !important;width:45%;background: linear-gradient(to bottom, #1b2630 80%, #f4a202 20%);height: 118%;}
.page-node-28 .region-wrapper-featured-top, .page-node-31 .region-wrapper-featured-top {background: linear-gradient(to right, #0a1d0d 46%, #e5e0de 46%);}

/*-------------------------------------PAGE NOS CYCLES--------------------------------------*/
.page-node-24 .p_banner_text{right:7.5rem !important;}
.cycle-1 img{width:450px;height:400px;}
.cycle-1 .p_cycle_text {background-color: #fcf1ee;padding: 1rem 7rem 3rem 15rem;margin-left: -8rem; margin-top: 5rem; text-align: justify;}
.cycle-2 .text {margin-left:-8rem !important;margin-right: 7.5rem;margin-top: 4rem;background-color:#f1f2f4;padding: 2rem 6rem 3rem 15rem;}
.cycle-item .links {}
.cycle-item .text{font-size:0.85rem;} 
.cycle-2 .section_titles {margin-left: 4rem;}
.cycle-1 .section_titles {margin-bottom: 4rem;}
.cycle-2 .p_cycle_image img {margin-left: 7.5rem;}
.p_cycle3_headertext {padding: 4rem 5rem 10rem 7rem;background-color: #dde9d4;}
.p_cycle3_text {padding: 4rem 5rem 10rem 7rem;}
.p_cycle_subtitle {font-size: 1.3rem;}
.cycle-3 img{position: absolute;top: -20rem;left: 7rem;}
.cycle-3 .p_cycle_image {position:relative;}
.page-node-24 .site-footer {margin-top : 12rem;}


/*--------------------------------- PAGE GALERIES ---------------------------------------*/
.page-node-31 h3{color:#1b2c40 !important;font-size: 3.5rem;text-transform: uppercase;font-weight: 300;margin-bottom: 3.5rem;}
.album_culture_item .album_image { flex: 1;}
.album_body { font-family: "Roboto";font-size: 0.9rem;font-weight: 200;}
.album_culture_item .album_body, .album_sport_item .album_body { flex: 2.4;background-color: #00766a; padding: 3.5rem 5rem 2rem; height: 240px;}
.album_sport_item .album_body { background-color: #f0a392 !important;}
.album_view_link {font-size: 0.8rem;width: 100px;}
.album_culture_item {height:240px;margin-bottom: 25px;gap: 25px;}
.album_culture_item .album_body_1 {padding: 2rem;}
.album_etude_second_part {height: 300px;}
.album_etude_second_part .album_body {flex:1;}
.album_etude_second_part .album_second_image {flex:1.34;}
.album_etude_item .album_view_link {background-color: #00766a !important;}
.album_etude_item .album_body { padding: 3rem 1.7rem; height: 300px;}
.album_etude_item:nth-child(odd){flex-direction:column-reverse;}
.albums_etude_wrapper .album_etude:nth-child(2n+1) .album_etude_item {flex-direction:column-reverse !important;}
.album_sport_second_part .album_body{background-color: #f0a392 !important;}
.page-node-31 .p_banner_wrapper{ margin-bottom: 15rem;}
.page-node-31 .p_banner_text{position:absolute; background: linear-gradient(to bottom, #1b2630 80%, #1da599 20%);height:660px;opacity: 0.9;}
.page-node-31 .p_banner_image img{width:100%;}

/*-------------------------------PAGE ACTU----------------------------------*/

/*----------------------------PAGE ANNONCES-------------------------*/
.js-view-dom-id-20ece1612e32ce9b46da9ed564a989639d1f8704cb9712e4fc9a2abbe7258025 .announcements-title {color : #f2a594 !important;}
.views-field-field-categorie-annonce .field-content {text-align: center;background-color: #000 !important; width: 7rem; color: white;}
.pagination .page-link{background-color : #ccc !important; color: #000 !important;border-color: #000 !important;}


@media only screen and (max-width: 768px) {
  img,video { max-width: 100%; height: auto;}
    
  #block-bootstrap-barrio-subtheme-views-block-par-trois-banniere,
  #block-bootstrap-barrio-subtheme-views-block-par-trois-bis-carac {width: 100%;margin-bottom: 20px;display: block; height: 350px;}
  .page-taxonomy-term-18 .region-wrapper-featured-top {background: #0a1d0d !important;}
  .page-taxonomy-term-19 .region-wrapper-featured-top {background: #b70000 !important;}
  .page-taxonomy-term-19 .region-wrapper-featured-top .navbar-nav li.active {background: #fff !important;}
  .region-wrapper-featured-top .navbar-nav a.nav-link { font-size: 0.6rem;}
  .tool-link{height:30px !important;}
  .block-views-blocknolayout-examresults .more-link { margin-top: 30px;}
  .results .d-flex {flex-direction: column; }
  .director_speech .text {margin-left: 0 !important;padding-right:1.5rem !important;padding-left:1.5rem !important; }
  .director_speech .title {margin-bottom: 2rem;}
  .navbar-brand{ font-size: 0.9rem;}
  .navbar-brand img {width: 100px;}
  .site-name-slogan {font-size: 1.2em; position: absolute; width: 250px;left: 110px;top: 40px;}
  
  .view-display-id-banniere .card-img-overlay { bottom:30px; }
  
  .region-footer-second .trophys p {width: 100%;}
  .site-footer__top {display:block;}
  .site-footer__top .block-menu {padding: 10px;}
  .site-footer__top .region {margin-bottom: 20px; display: block; float: none;clear: both; }
  
  .schoolheaderwrapper {display : block !important;}
  .schoolheaderwrapper .views-field {width:100%;}
  .page-vocabulary-ecoles video { width: 300px !important;height: 120px !important;}
  
  .front_banner_wrapper .card-img-overlay.white {top: 13rem;left: 2rem;width: 90%;}
  .front_banner_wrapper .card-img-overlay h1 {font-size: 1.7rem !important;}
  .front_banner_wrapper .card-img-overlay.white p {font-size: 0.85rem !important; margin-bottom: 0.5rem;}
  .path-frontpage #block-bootstrap-barrio-subtheme-outilspratiquesentete ul {padding-left: 1rem;gap: 1rem !important;}
  .path-frontpage .region-wrapper-featured-top > *:nth-child(1) {padding: 1rem !important;}
  .path-frontpage .tool_name {height: 40px;display: flex; align-items: center;justify-content: center;}
  .region-wrapper-featured-top .trophy {font-size: 0.6rem;}
  .region-wrapper-featured-top{padding:0 !important; }
  .region-wrapper-featured-top {background: #123317 !important;}
  .page-taxonomy-term-19 .region-wrapper-featured-top {background : #b70000 !important;}
   .region-wrapper-featured-top > *:nth-child(1) {width: 20%;flex:none;}
  .region-wrapper-featured-top > *:nth-child(2) {width: 80%;margin-bottom: 1rem;flex:none;}
   .region-wrapper-featured-top .navbar-brand img {margin-top: 8px;}
   .region-wrapper-featured-top .trophy {font-size: 0.6rem;}
   .region-wrapper-featured-top .navbar-nav {padding: 1rem;}
  .region-wrapper-featured-top .navbar-nav {width:100% !important;}
  .region-wrapper-featured-top .navbar-nav a.nav-link { color: #fff !important;}
  .page-taxonomy-term-19 .region-wrapper-featured-top .navbar-nav a.active {color: #b70000 !important;}
  .page-taxonomy-term-19 .region-wrapper-featured-top .navbar-nav .is-active { background-color: #fff !important;color : #b70000 !important;font-size: 0.65rem;}
  .slide-content {top: 5px;}
  .nav-arrow { width: 20px; height: 20px;}
  .slideshow-navigation { bottom: 10px !important; padding: 0 !important;left: 47% !important;}
  .slideshow-navigation .nav-arrow {width: 20px;height: 20px;}
  .tool-link {height: 20px;width: 100px;font-size: 0.6rem;text-align: center;}
  .slideshow-container {height: 600px !important; }
  .section_title.horizon {margin-top: 50px;font-size: 2rem;}
  .director_speech .text p{margin-top: 2rem;}
  .director_image img { margin-left : 0 !important;}
  .valeurs_list {gap: 1.3rem;}
  .valeur_item .lightprimary {height: 30px;}
  .section_title {font-size: 1.5rem;padding-left: 1.5rem;}
  .views-field-field-texte-principal .card-body {padding: 1rem;}
  .views-field-field-texte-principal .card-body p {padding-left:0 !important;}
  .view-display-id-exploits .w-md-75.w-100 {padding-right: 2rem;}
  a#scroll-left, a#scroll-right {top: 0px !important;}
  .view-display-id-schoolcycles .image {height: 140px !important;}
  .school_cycles_list { gap: 20px;flex-wrap: wrap;}
  .school_cycle {width: 100% !important;}
  .school_cycle .links {margin-top: 20px;}
  .resources { width: 100% !important;}.resource_body {margin-left: 0;}
  .resource_title::before, .view-display-id-announcements .views-field-title .field-content::before { padding-right: 0.4rem;font-size: 1.5rem;}
  .resources_attachments {display:none;}
  .partenaires_list {flex-wrap: wrap;margin-bottom: 50px !important;}
  .view-display-id-announcements .view-content {padding: 10px;}
  .site-footer {padding: 2rem;}
  .view-display-id-block_members .view-header {padding: 0 2rem;}
  .view-display-id-alumni .lightprimary{padding-left: 1.5rem;}
  .alumni-description {padding: 0;}
  .view-display-id-schoolcycles .view-header { margin-bottom: 30px;}
  
  /*-----Page Nos cycles*/
  .page-node-24 .p_banner_text{left:1rem !important;}
  .page-node-24 .p_banner_text, .page-node-23 .p_banner_text {width: 60%;}
  .p_banner_text .p_banner_body {font-size : 0.8rem !important;}
  .section_title {font-size: 1.5rem;padding-left: 0;}
  .pt-5 { padding-top: 2rem !important;}
  .cycle-1 .section_titles {margin-top: 2rem; margin-bottom: 2rem;}
  .cycle-1 img {width: 225px; height: 200px;}
  .cycle-1 .section_titles {padding: 0 3rem !important;}
  .cycle-1 .p_cycle_text { padding: 7rem 2rem 1rem 2rem;margin-left: 4rem; margin-right: 2rem; margin-top: -5rem; width: 80%;}
  .cycle-2 .p_cycle_image img {margin-left: 0;}
  .cycle-2 .p_cycle_text {margin-top: 2rem;}
  .cycle-2 .text { margin-left: 2rem !important;margin-right: 2rem; margin-top: 2rem; padding: 2rem 2rem !important;}
  .cycle-3 .section_titles {padding-left: 4rem !important;margin-bottom: 2rem;}
  .p_cycle3_headertext {padding: 3rem;}
  .p_cycle3_text {padding: 3rem;}
  .cycle-3 img {position: relative;top: 0;left: 0; margin-bottom: 2rem;}
  .page-node-24 .site-footer { margin-top: 0rem;}
  .cycle-item .links a {font-size:0.8rem;}
  
  /*------Vie de parent-------------*/
  .page-node-28 .p_banner_wrapper, .page-node-31 .p_banner_wrapper {display: flex; padding: 0;}
  .page-node-28 .p_banner_image, .page-node-28 .p_banner_text {width:auto;}
  .page-node-28 .p_banner_wrapper {height:200px;margin-bottom: 0rem;}
  .paragraph--type--section-de-page .field--name-field-titre {font-size: 0.9rem;}
  .p_banner_text, .page-node-31 .p_banner_text {padding: 0;}
  .field--name-field-sections .sectionpage_title { padding: 0;}
  .page-node-28 .sectionpage_image {padding-left: 0;align-items: start;}
  .page-node-28 .sectionpage_content {flex-direction: column;padding: 0;}
  .page-node-28 .sectionpage_text { width: 100%;padding: 2rem;padding-left: 0rem; background-color: #fff !important;padding-top: 0;margin-left:0;}
  .page-node-28 .field--name-field-sections .field__item:first-child {/* margin-top: 2rem;*/}
  .page-node-28 .paragraph--type--section-de-page .field--name-field-titre {margin-bottom: 0}
  .page-node-28 .field--name-field-sections .field__item:nth-child(even) .sectionpage_text { padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important;}
  .page-node-28 .field--name-field-sections .field__item:nth-child(2) .sectionpage_text { padding-right: 0 !important;}
  .page-node-28 .p_banner_text, .page-node-31 .p_banner_text {padding: 2rem !important;}
  .page-node-28 .p_banner_image {display:none;}
  .page-node-28 .field--name-field-sections .field__item .sectionpage { padding: 0 2rem;}
}


    @media screen and (min-width: 768px) and (max-width: 1024px) {
  /* Vos styles pour tablettes ici */
.resources_attachment .views-field-field-image img {width: 100%;height: auto;}
.director_speech .text {padding: 30px; margin: auto;}
.page-taxonomy-term-19 .region-wrapper-featured-top {background: linear-gradient(to right, #b70000 51%, white 49%);}
.region-wrapper-featured-top {background: linear-gradient(to right, #0a1d0d 47%, white 47%);}
.region-wrapper-featured-top > *:nth-child(3) {width: 100% !important;}
.cycle-1 img {width: auto !important;height: auto !important;}
.cycle-1 .p_cycle_text {padding: 1rem 3rem 2rem 5rem;margin-left: -3rem;}
.cycle-2 .p_cycle_image img {margin-left: 4rem;}
.cycle-2 .text {margin-left: -8rem !important;margin-right: 2rem;margin-top: 2rem;background-color: #f1f2f4;padding: 3rem 1rem 3rem 11rem;}
.cycle-3 img {top: -10rem;left: 3rem;}
.cycle-item img { max-width: 80%; height: auto;}
.p_cycle3_headertext {padding: 2rem 3rem 4rem 4rem;}
.p_cycle3_text {padding: 4rem 2rem 2rem 2rem;}
.page-node-24 .p_banner_text {right: 3rem !important;}
.page-node-24 .p_banner_text, .page-node-23 .p_banner_text {width: 40%;}
.p_banner_body, .p_banner_body p {font-size: 1rem !important;}
.paragraph--type--section-de-page .field--name-field-titre {margin-left: 30px;}
.page-node-28 .p_banner_text { padding: 1rem 2rem !important;width:45%;}
.page-node-28 .sectionpage_text {padding-left: 7rem;}
.page-node-28 .field--name-field-sections .field__item:nth-child(even) .sectionpage_text {padding-left: 5rem;padding-right: 3rem; margin-right: -10rem;}
.page-node-28  img{width: 90%;height:auto;}
.page-node-28 .paragraph.paragraph--type--section-de-page.paragraph--view-mode--preview { padding: 0 2rem;}
.album_culture_item .album_body_1 {padding:1;}
}