body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/**
 * Contao Open Source CMS
 * Copyright (C) 2005-2010 Leo Feyer
 *
 * Formerly known as TYPOlight Open Source CMS.
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 3 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at <http://www.gnu.org/licenses/>.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2010
 * @author     Leo Feyer <http://www.contao.org>
 * @license    LGPL
 * @version    1.0
 */

/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
}

/* Format basic elements */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
li {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
a {
	color:#00f;
}
:focus {
	outline:0;
}

/* Font settings */
body {
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size:12px;
	color:#000;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:"Lucida Console",Monaco,monospace;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}

/* Default margins */
h1,h2,h3,h4,h5,h6 {
	/*margin-top:1em;*/
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match the font size */
}

/* GENERAL */

/* ENTETE */
/*supprimer les margin pour les hR */
.ce_text h1,.ce_text h2,.ce_text h3,.ce_text h4,.ce_text h5,.ce_text h6{
margin-bottom: 4px;}

.ce_text_custom{
margin-top: 10px;}

/* TEXTE */
.ce_text{
text-align: justify;}

/* LISTES */
/* ce_text dans bloc de texte et ce_list en élément unique */
.ce_text ul,.ce_text ol,.ce_list ul, .ce_list ol{
margin-left: 20px;}

.ce_text ul li,.ce_list ul li{
list-style-type: disc;}

.ce_text ol li,.ce_list ol li{
list-style-type: decimal;}

.ce_text ul li a,.ce_text ol li a,.ce_list ul li a,.ce_list ol li a{
text-decoration: underline;}

/* centrer les puces des listes / attention toujours au centre */
.ce_text ul,.ce_text ol,.ce_list ul, .ce_list ol{
display: table;
margin: 0 auto;}

/* ce_text_bloc_gris */
.ce_text .bloc_gris{
padding: 15px;
background-color: #d9d9d9;
color: #ffffff;
border-top: 1px solid #a9a6a6;
border-bottom: 1px solid #a9a6a6;}    

/* ce_headline h1 à h6 / même taille / margin-top plus petit car bloc au dessus avec margin normalement */	
.format_titre_bordure_hb{
border-bottom: 1px solid #ce000c;
border-top: 1px solid #ce000c;
text-align: center;
padding: 35px 0;
color: #ce000c;
font-size: 19px;
margin-bottom: 30px;
margin-top: 20px;}

.format_titre_bordure_bt{
text-transform: uppercase;
font-weight: bold;
color: #d9d9d9;
font-size: 30px;
line-height: 0.7;
border-bottom: 1px solid #d9d9d9;}

/* Type d'élément */
.ce_hyperlink a{
text-decoration: underline;}

.ce_hyperlink a:hover{
text-decoration: none;}

.ce_youtube iframe{
border: 0;}

.ce_download  .download-element{
padding-top: 50px;
text-align: center;
background-position: center top;
background-repeat: no-repeat;
background-size: 40px;
min-height: 50px;}

.ce_download  .download-element{
background-image: url('../../files/site/img/icon_file.png');}

.ce_download .ext-pdf{
background-image: url('../../files/site/img/icon_pdf.png');}

.ce_download.ext-jpeg{
background-image: url('../../files/site/img/icon_jpeg.png');}

.ce_download .ext-jpg{
background-image: url('../../files/site/img/icon_jpg.png');}

.ce_download .ext-png{
background-image: url('../../files/site/img/icon_png.png');}

.ce_download .ext-doc{
background-image: url('../../files/site/img/icon_doc.png');}

.ce_download  .download-element a{
color: #828282;}

/* Téléchargements plusieurs fichiers */

.ce_downloads ul li.download-element a{
color: #828282;}

.ce_downloads ul li.download-element{
margin-bottom: 12px;}

.ce_downloads ul li.download-element{
text-align: center;
padding-top: 50px;
background-position: center top;
background-repeat: no-repeat;
background-size: 40px;
min-height: 50px;}

.ce_downloads ul li.download-element{
background-image: url('../../files/site/img/icon_file.png');}

.ce_downloads ul li.ext-pdf{
background-image: url('../../files/site/img/icon_pdf.png');}

.ce_downloads ul li.ext-jpeg{
background-image: url('../../files/site/img/icon_jpeg.png');}

.ce_downloads ul li.ext-jpg{
background-image: url('../../files/site/img/icon_jpg.png');}

.ce_downloads ul li.ext-png{
background-image: url('../../files/site/img/icon_png.png');}

.ce_downloads ul li.ext-doc{
background-image: url('../../files/site/img/icon_doc.png');}

.ce_downloads h2,.ce_downloads h3, .ce_download h2,.ce_download h3{
margin-top: 25px;
color: #828282;
border: 1px solid #828282;
padding: 7px;
text-align: center;}

.ce_hyperlink_cat{
color:#ffffff;
background-color: #212121;
padding: 10px;
display: block;
text-align: center;}

.ce_hyperlink_cat h2{
font-size: 15px;
text-transform: uppercase;}

.ce_hyperlink_cat a{
display: block;
color:#ffffff;}

.ce_hyperlink_cat a{
display: block;
color:#ffffff;}


/* DOCUMENTATION */

.css_documentation .newsreader_style_1 .f47c01 h2{
color: #f47c01;}




/* TABLEAUX */

table {
    width: 100%;
	    border-collapse: collapse;
}

table, td, th {
    border: 1px solid #ddd;
    text-align: left;
}

th, td {
    padding: 15px;
    text-align: left;
	 border-bottom: 1px solid #ddd;
}

thead th, tfoot td {
    font-weight: bold;
}


tr:nth-child(even) {/*background-color: #f2f2f2;*/}
/* BODY  'Roboto','Arial','Helvetica',sans-serif */
@font-face {
  font-family: 'LeviReBrushed';
  src: url('../../files/site/fonts/LeviReBrushed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body{
/*color: #4d4d4d !important; */
/* color: #212121 !important;  */
/* /* font-family: 'Roboto Condensed', sans-serif !important;  */ 
font-size: 16px !important;
/* line-height: 21px !important; */
font-family:'Poppins',sans-serif !important;
line-height: 22px !important;
    /* font-size: .97rem !important; */
    color: #333 !important;
}

/* GENERAL */

p {
/* font-family: 'Roboto', sans-serif !important;  */
/* line-height: 20px !important;  */
margin-top: 0;
margin-bottom: 8px;
text-align: justify;
font-family:'Poppins',sans-serif !important;
}

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}


a{
text-decoration: none;
color: #252525 /*ed4e91*/;}

img {
border-style: none;
max-width: 100%;
height: auto;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;}

ul li {
list-style-type:none;}

hr{
height: 1px;
padding: 0;
margin: 0 0 2px 0;
background-color: #e2231d;
border: 0;}

.clear, #clear {
height: auto !important;
font-size: 100%;
line-height: normal !important;
clear: both;
margin-bottom: 0;}
 
/* Hn - TITRE */ 
h1{
	/* font-family: 'LeviReBrushed', sans-serif; */
font-weight: 900;
font-size: 45px;
line-height: 1.1;
text-transform: uppercase;
background-image:url('../../files/site/img/bkg-titre.png');
background-repeat: no-repeat;
background-size: initial;
padding: 10px 0;

font-family: 'Anton', sans-serif;
    /* font-size: 2.3rem; */
    /* text-transform: uppercase; */
    letter-spacing: .01em;
    /* margin: 2px 0 10px; */
}


h1::after{}

h2, h3, h4 {
	font-family: 'Anton', sans-serif;
}

h2 {
	font-size: 24px;
    text-transform: uppercase;
    letter-spacing: .01em;
    font-weight: 100 !important;
}


#wrapper {
/*width: 100%;
max-width: 100%;
overflow: visible;*/}

#container{
background-color: #fdfdfd;
/* padding-bottom: 50px; */
}

#main{
min-height:600px;}

#main .inside {

}

#main .block{
margin-bottom: 10px;}

#header .inside, #footer .inside{
/* width: 1280px;  */
/* margin: 0 auto; */
/* padding: 0 10px; */
}


/***** HEADER + LOGO *****/
#header{
padding: 24px 0 0 0;
background-color: #ffffff;
background-image:url('../../files/site/img/entete-couleur.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
height : 590px;
}

#header #logo{
overflow: hidden;
max-width: 150px;
/* margin-right: 70px; */
/* margin-left: 50px; /* à réduire suivant la taille */ 
}

.cadre {
height: 8px;
border: 1px solid #fff;
width: 80px;
margin-bottom: 5px;
border-left: 60px solid #ffffff;
}
.cadre-2 {
height: 8px;
border: 1px solid #ffffff;
width: 230px;
margin-top: 5px;
float: right;
}
/***** MENU *****/
#header .mod_navigation ul{}
#header .mod_navigation .level_1 li.sibling:hover,
#header .mod_navigation .level_1 li:hover {}
#header .mod_navigation .level_1 li.active:hover {}
#header .mod_navigation .level_1 li a, 
#header .mod_navigation .level_1 li span.active {}
#header .mod_navigation .level_1 li span.active {}
#header .mod_navigation .level_1 li a:hover {}
#header .mod_navigation .level_1 li.active,
#header .mod_navigation .level_1 li.trail{}
#header .mod_navigation .level_1 li.active:hover{} 

#header .mod_customnav:before{
/* content: ""; */
/* width: 25px; */
/* height: 45px; */
/* background-color: #ffffff; */
/* position: absolute; */
/* left: -17px; */
/* top: -4px; */
/* transform: rotate(10deg); */
/* z-index: 100; */

}

#header .mod_customnav{ 
position: relative;
/* float: right; */
padding: 5px 25px;
background-color: #ffffff;
background-color: transparent;
border: 2px solid #ffffff;
border-right: 25px solid #ffffff;
}

#header .mod_customnav ul{ 
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
gap: 10px;
}

#header .mod_customnav .level_1 li,
#header .mod_navigation .level_1 li{
position: relative;
/* float: left; */
line-height: 30px;}

/* Mettre > à #header .mod_customnav .level_1 li > span / sinon décalage à chaque clic */
#header .mod_customnav .level_1 li a,#header .mod_customnav .level_1 li > span{
padding: 0 12px;
display: block;
height: 100%;
text-transform: uppercase;
/*font-size: 13px;
font-weight: bold;
color: #444444;*/
font-size: 17px;
font-weight: 600; /*400*/
color: #ffffff;
font-family: 'Anton', sans-serif;
font-weight: 100;
letter-spacing: 0.01em;}

#header .mod_customnav .level_1 li.active,
#header .mod_navigation .level_1 li.active{}

#header .mod_customnav .level_1 li:hover,
#header .mod_navigation .level_1 li:hover{}

#header .mod_customnav .level_1 li:hover span,
#header .mod_customnav .level_1 li:hover a,
#header .mod_navigation .level_1 li:hover span,
#header .mod_navigation .level_1 li:hover a{
    color: #0b0b0b;
    background-color: #ffffff;}

#header .mod_customnav .level_1 li.active span,
#header .mod_customnav .level_1 li.active a,
#header .mod_navigation .level_1 li.active span,
#header .mod_navigation .level_1 li.active a{
    color: #0b0b0b;
    background-color: #ffffff;}

#header .mod_customnav .level_1 li:last-child{
margin-right: 0;}

#header .mod_customnav::after{
content:"";
clear:both;}


/***** MAIN *****/



/***** SCHOOLRAG :: Les actualités *****/

.liste-actualites .actualite{
    background:#fff; 
	border-radius:14px; 
	overflow:hidden;
    border:1px solid #efe9ee; 
	box-shadow:0 2px 14px rgba(13,11,14,.08);
    display:flex; 
	flex-direction:column; 
	height:100%;
    transition:transform .18s ease, box-shadow .18s ease;
  }
  
.liste-actualites .actualite:hover{ 
transform:translateY(-4px); 
/* box-shadow:0 10px 26px rgba(255,46,107,.16);  */
}

  /* ===== visuel : fond flouté + image contenue, jamais recadrée ===== */
 .liste-actualites .visuel{
    position:relative; 
	height:230px; /*190*/
	overflow:hidden; 
	background:#0d0b0e;
  }
  
 .liste-actualites .visuel .bg-blur{
    position:absolute; 
	inset:-10px;
    background-size:cover; 
	background-position:center;
    filter:blur(18px) brightness(.55) saturate(1.2);
    transform:scale(1.1);
  }
  .liste-actualites .visuel .fg-image{
    position:relative; 
	width:100%; 
	height:100%;
    display:flex; 
	align-items:center; 
	justify-content:center;
  }
  
 .liste-actualites .visuel .fg-image img{
    max-width:100%; 
	max-height:100%; 
	object-fit:contain;
    box-shadow:0 6px 18px rgba(0,0,0,.35);
  }

.liste-actualites .partie-gauche {
	position:absolute;
	top:12px; 
	left:12px; 
	z-index:2;
}

.liste-actualites .actualite-types {
    display: flex;
    flex-direction: column;
    gap: 10px; /* espace entre les tags */
    list-style: none;
    margin: 0;
    padding: 0;
}

.liste-actualites .visuel ul.actualite-types li {
  width: fit-content; /* le badge garde sa largeur */
}

.liste-actualites .visuel ul.actualite-types li a {
	/* display: inline-block; */
    /* background-color: #f93b4f; */
    /* color: #ffffff; */
    /* padding: 6px 10px; */
    /* text-transform: uppercase; */
    /* font-size: 13px; */
    /* line-height: 13px; */
}

.liste-actualites ul.actualite-types .badge-type{
    font-family: 'Anton', sans-serif;
    font-size: 12px;
	    font-weight: 100;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    color: #fff;
  }
  
.liste-actualites .badge-type.type-evenement{ 
background:#ad8390; }

.liste-actualites .badge-type.type-actualite{ 
background:#1f4a4d; }

.liste-actualites .informations {
	background-color : #ffffff;
	padding: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	min-height: 130px;/*à bloquer*/
	border-radius: 0 0 8px 8px;
}

.liste-actualites .informations h2{
	margin-bottom : 7px;
}

.liste-actualites .informations h2 a {
font-weight: 600;
font-size: 18px;}

.liste-actualites .informations .date,
.liste-actualites .informations .accroche {
	color : #666666;
}

.liste-actualites .informations .accroche {
	font-size: 16px;
	margin-bottom: 5px;
}

 .liste-actualites .date-tag{
    position:absolute; 
	top:12px; 
	right:12px; 
	z-index:2; 
	background:#ffd23f;
	color:#1a1420;
    font-family:'Poppins',sans-serif; 
	font-weight:700; 
	font-size:11px;
    padding:5px 10px;
	border-radius:6px;
	text-align:center;
	line-height:1.2;
    box-shadow:0 3px 8px rgba(0,0,0,.25);
  }
  
  .liste-actualites .date-tag .jour{
	  display:block; 
	  font-size:.85rem; }

 .liste-actualites .actu-infos{ 
 padding:18px 18px 20px; 
 display:flex; 
 flex-direction:column; 
 flex:1; }

 .liste-actualites .actu-titre{
    font-family:'Anton',sans-serif; 
	font-size:19px; 
	margin:0 0 8px; 
	/* line-height:1.2; */
    text-transform:uppercase;
    letter-spacing: .01em;
	
	  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
  .liste-actualites .actu-titre a{ color:#1a1420; text-decoration:none; }

 .liste-actualites .actu-meta{
    /* display:flex; */
	/* flex-wrap:wrap;  */
	/* gap:8px 14px;  */
	font-size:13px; 
	color:#ff2e6b;
    font-weight:600; 
	margin-bottom:10px;
  }
  
 .liste-actualites .actu-meta.simple{ 
 color:#6b6470; 
 font-weight:500; }
 
 .liste-actualites .actu-meta .date-evenement {
	     /* color: #7a627a; */
	color : #ad8390;
 }
 
 .liste-actualites .actu-meta i{ 
 margin-right:3px; 
     font-size: 15px;}

 .liste-actualites .actu-desc{
    font-size:.84rem; 
	color:#6b6470; 
	line-height:1.5; 
	margin:0 0 14px;
    display:-webkit-box; -webkit-line-clamp:3; 
	-webkit-box-orient:vertical; 
	overflow:hidden;
  }

 .liste-actualites .actu-cta{
    margin-top:auto; 
	font-size:.8rem;
	font-weight:700; 
	color:#1a1420;
    text-decoration:none; 
	border-bottom:2px solid #ff2e6b; 
	padding-bottom:2px; 
	width:fit-content;
  }
  
 .liste-actualites .actu-cta::after{ 
 /* content:"→";  */
 margin-left:5px; }


/* SCHOOL RAG :: Navigation par types */
.navigation-types-actualites {
	margin-bottom: 15px;
}

/* .navigation-types-actualites .filtres-types{ */
  /* list-style:none;  */
  /* display:flex;  */
  /* flex-wrap:wrap;  */
  /* gap:10px; */
  /* margin:0;  */
  /* padding:0; */
/* } */

/* .navigation-types-actualites .filtres-types a{ */
  /* display:inline-block; */
  /* background:#fff; */
  /* border:1.5px solid; */
  /* font-family:'Poppins',sans-serif;  */
  /* font-weight:600;  */
  /* font-size: 13px; */
  /* padding:8px 16px;  */
  /* border-radius:20px; */
  /* text-decoration:none; */
  /* transition:all .15s ease; */
/* } */

/* .navigation-types-actualites .filtres-types a:hover{ */
  /* opacity:.85; */
/* } */


/* Version 2 */
/* .filtres-types{ */
  /* list-style:none; display:flex; flex-wrap:wrap; gap:10px; */
  /* margin:0; padding:0; */
/* } */

/* .filtres-types a{ */
  /* position:relative; */
  /* display:inline-block; */
  /* overflow:hidden; */
  /* background:#fff; */
  /* border:1.5px solid; */
  /* font-family:'Poppins',sans-serif; font-weight:600; font-size:.82rem; */
  /* padding:8px 16px; border-radius:20px; */
  /* text-decoration:none; */
  /* z-index:0; */
/* } */

/* .filtres-types a::before{ */
  /* content:""; */
  /* position:absolute; inset:0; */
  /* background-color:var(--pill-color); */
  /* opacity:0; */
  /* transition:opacity .18s ease; */
  /* z-index:-1; */
/* } */

/* .filtres-types li.inactif a:hover{ */
  /* color:#fff; */
/* } */
/* .filtres-types li.inactif a:hover::before{ */
  /* opacity:1; */
/* } */


/* Version OK */
.navigation-types-actualites .filtres-types{
  list-style:none; display:flex; flex-wrap:wrap; gap:10px;
  margin:0; padding:0;
}

.navigation-types-actualites .filtres-types a{
  position:relative;
  display:inline-block;
  overflow:hidden;
  background:#fff;
  border:1.5px solid var(--pill-color);
  color:var(--pill-color);
  font-family:'Poppins',sans-serif; 
  font-weight:600; 
  font-size:13px;
  padding:4px 14px; 
  border-radius:20px;
  text-decoration:none;
  z-index:0;
}

/* pastille active : fond plein, texte blanc */
.navigation-types-actualites .filtres-types li.active a{
  background-color:var(--pill-color);
  color:#fff;
}

/* calque de survol, invisible par défaut */
.navigation-types-actualites .filtres-types a::before{
  content:"";
  position:absolute; inset:0;
  background-color:var(--pill-color);
  opacity:0;
  transition:opacity .18s ease;
  z-index:-1;
}

/* survol : uniquement sur les pastilles inactives */
.navigation-types-actualites .filtres-types li.inactif a:hover{
  color:#fff;
}
.navigation-types-actualites .filtres-types li.inactif a:hover::before{
  opacity:1;
}


/* LECTEUR ACTUALITE */
.detail-actualite h3 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
	    margin-bottom: 26px;
}

.detail-actualite h3:before {
	content: "";
    width: 25px;
    background-color: #FF0090;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 10;
}

.detail-actualite .accroche {
	    color: #fe258e;
font-weight: bold;}

.detail-actualite .image-a-la-une img {
border-radius: 8px;}

.detail-actualite .infos-pratiques {
	border: 1px solid #eceded;
    border-radius: 8px;
	padding: 27px;}
	

.detail-actualite .actualite-en-avant {
border: 1px solid #fe258e;
    background-color: #fef6f9;
    padding: 10px;
    border-radius: 8px;
}

.detail-actualite .actualite-en-avant h4 {
	font-size: 17px;
    text-transform: uppercase;
    color: #fe258e;
    font-weight: 600;
}

/* à voir si on déplace pas dans le html */
.detail-actualite .bloc-info {
display: flex;
justify-content: flex-start;
gap: 30px;	
margin-bottom: 20px;
border-bottom: 1px solid #eceded;
padding-bottom: 20px;
}

.detail-actualite .bloc-info:last-child {
	border-bottom:none;
}


.detail-actualite .bloc-info .libelle 
{
	text-transform: uppercase;
    color: #fd368d;
    font-weight: 600;
    font-size: 18px;
	    margin-bottom: 2px;
}

.detail-actualite .bloc-info .donnees 
{
    margin-bottom: 2px;
}

.detail-actualite .icone{
font-size: 32px;
color: #fd368d;}

/* Prochain événements */
.prochain-evenement .infos .titre {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
}

.prochain-evenement .infos .lien-decouvrir-evenement a {
color: #fd368d;
font-weight: 600;
}

.personnes .vignette-personne {
	/* border: 1px solid #eceded; */
    /* border-radius: 8px; */
    /* padding: 12px 28px; */

}

.personnes .vignette-inside {
		border: 1px solid #f0eaf0;
    border-radius: 4px;
    padding: 12px 22px;
	
}

.personnes .vignette-personne .avatar {
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    max-width: 120px;
    width: 120px;
    height: 120px;
}

.personnes .vignette-personne img {
	/* width: 130px; */
    /* border-radius: 50%; */
}

.personnes .vignette-personne .libelle-intervenant {
/* font-size: 17px; */
    /* text-transform: uppercase; */
    /* color: #fe258e; */
    /* font-weight: 600; */
	
	font-family: 'Permanent Marker', cursive;
    color: #ff2e6b;
    font-size: 15px;
    display: inline-block;
    transform: rotate(-2deg);
	margin-bottom: 4px;
}

.personnes .vignette-personne .nom-artiste {
    font-size: 21px;
    text-transform: uppercase;
    color: #080808;
	font-family: 'Anton', sans-serif;
    font-weight: 100;
	margin-bottom: 4px;
}

.personnes .infos-personne .lien-voir-plus a{
font-weight: 600;
font-size: 14px;
}

/***** COURS *****/
.liste-cours .jour-semaine {
	    padding: 8px 10px;
	    font-weight: 600;
    font-size: 22px;
text-transform: uppercase;
}
.liste-cours .jour-semaine span {
	font-family: 'Anton', sans-serif;
	font-weight: 100;
}

.liste-cours .cours  {

}
.liste-cours .cours-du-jour  {
    padding: 24px;
	border-radius: 0 0 10px 10px;
	
}

.liste-cours .cours .cours-inside {
	border : 1px solid #000000;
	    padding: 16px;
		    border-radius: 5px;
			height: 100%;
}

.liste-cours .cours .titre {
text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
	margin-bottom: 10px;
	 display: inline-block;
    position: relative;
	left: -26px;
    padding: 4px 10px; /*28*/
    color: #ffffff;
    background-color: #080109;
	border-radius: 4px;
    z-index: 1;
	min-width: 220px;
}

.liste-cours .cours .titre::before {
	 content: '';
    position: absolute;
    inset: -6px;
    background: var(--main-color);
    z-index: -1;

    /* effet irrégulier */
    filter: blur(6px);
    opacity: 0.8;

    /* forme organique */
    border-radius: 30% 70% 60% 40% / 40% 30% 70% 60%;
}

.liste-cours .cours .photo-personne .avatar
{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}

.styles {
	    height: 100%;
    /* display: flex; */
/* align-items: center; */
}


.styles a.tag {
	font-size: 21px;
    font-family: 'Anton', sans-serif;
    font-weight: 500;
        text-transform: uppercase;

	    /* font-size: 25px; */
    /* font-weight: 600; */
/* font-style: italic; */
}

.cours .professeur {
/* border-right: 1px solid #080109; */
}


.cours .infos-horaires {
	border-left: none;
}

.cours .professeur .label, 
.cours .infos-horaires .jour .nom-jour {
text-transform: uppercase;
font-size: 13px;
}

.cours .infos-horaires .jour .nom-jour {
    margin-left: 8px;
}


	
.cours .professeur .lien,
.cours .infos-horaires .horaires .creneau {
	    font-size: 20px;
    text-transform: uppercase;
	    font-family: 'Anton', sans-serif;
font-weight: 500;
}

/* .cours .professeur .lien { */
/* font-size: 20px; */
    /* font-family: 'Anton', sans-serif; */
/* font-weight: 500; */
/* /* font-style: italic; */ */
/* } */

/***** TARIFS *****/

.liste-tarifs .kicker{ 
color: #ffd23f; 
font-family:'Permanent Marker',cursive; 
transform:none;
    font-size: 17px;
    margin-bottom: 12px; }

.liste-tarifs .content-headline {
	font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;   
	color: #fff;
}

.liste-tarifs .content-headline span{
    color: #e8f2f1;
	    opacity: .75;
}
	
.liste-tarifs h2 span {
font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

.liste-tarifs .infos-inscription{
	/* color : #e8f2f1; */
	    margin-bottom: 22px;
		opacity: .85;
}

.liste-tarifs .cadre {
height: 8px;
width: 80px;
margin-bottom: 5px;
border: 1px solid #124a58;
border-left: 60px solid #124a58;
}

.liste-tarifs .cadre-2 {
height: 8px;
/* border: 1px solid #ffffff; */
width: 230px;
margin-top: 5px;
float: right;
border: 1px solid #124a58;
}
	
.liste-tarifs .inside-liste-tarifs{
background: #1f4a4d;
    padding: 34px 34px 30px;
    color: #e8f2f1;
        border-radius: 0px 20px;
}

.liste-tarifs .inside-tarif {
    color: #e8f2f1;
    background-color: #1f4a4d;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    padding: 22px 22px 20px;
	    height: 100%;
}


.liste-tarifs .inside-tarif .tarif{
	
}
.liste-tarifs .inside-tarif h3{
	font-size: 19px;
	margin-bottom: 30px;
	/* text-transform: uppercase;  */
    color: #ffd23f;	
}

.montants .montant-annuel {
	font-size: 26px;
    font-weight: 800;
	margin-bottom: 15px;
}

.montants .montant-annuel .prix {
    font-weight: 500;
    font-family: 'Anton', sans-serif;
    font-size: 35px;
}

.montants .montant-annuel .par-an{
font-family: 'Poppins', sans-serif;
    font-size: .9rem;
font-weight: 400;}


.montants .montant-mensuel {
	margin-bottom: 15px;
	    opacity: .75;
}

.montants .montant-mensuel .prix {
	
}

.liste-tarifs .tarif .description-courte {
	/* text-align : center; */
	margin-bottom: 30px;
	font-weight: 600;
    opacity: .75;
}

.liste-tarifs .tarif .description-longue {
font-size: 12px;
    opacity: .75;
}

/* Liste des disciplines */

.liste-disciplines
{
	/* margin-bottom: 25px; */
}

.liste-disciplines h2 {
	text-transform : uppercase;
	font-weight: 600;	
}

.liste-disciplines .discipline .discipline-inside{
border-radius: 4px;
padding: 16px;
text-align: center;
border: 1px solid #eddbed;
background-color: #f0eaf0;
}

.liste-disciplines .discipline .mini-description {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
        color: #7a627a;
    line-height: 19px;
}

.liste-disciplines .discipline .nom a {
	text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.liste-disciplines .discipline .nom a span{
	display: none;
}

.liste-disciplines .discipline .icone {
	
}

.liste-disciplines .discipline .icone img {
	max-height : 50px;
}

.liste-disciplines .discipline .trait {
	width: 50%;
    height: 2px;
    background-color: #fe258e;
    margin: 0 auto;
}

.liste-disciplines .voir-planning {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    text-align: right;
    padding: 5px 10px;
    text-transform: uppercase;
}



/* VIDEO */
.video-presentation .cadre {
	height: 8px;
width: 80px;
margin-bottom: 5px;
border: 1px solid #010001;
border-left: 60px solid #010001;
}

.video-presentation .cadre-2 {
height: 8px;
/* border: 1px solid #ffffff; */
width: 230px;
margin-top: 5px;
float: right;
border: 1px solid #010001;
}

.video-presentation .box-video {
		    padding: 14px;
	    border: 1px solid #010001;
}
	

.hero-video {
    width: 100%;
    height: 720px; /*620px;*/
    overflow: hidden;
    position: relative;

}

.hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* .content-text-style { */
	/* background-color: #010001; */
    /* padding: 10px; */
    /* border-radius: 5px; */
    /* color: #fff; */
/* } */

  .widget-info{
    --hot-pink:#ff2e93;
    --gold:#ffd23f;
    --violet:#7b2ff7;
    --ivory:#fff8f0;

    position:relative;
    max-width:100%;
    margin:0 auto;
    background:
      repeating-linear-gradient(
        135deg,
        #17131a 0px, #17131a 22px,
        #1d1720 22px, #1d1720 44px
      );
    border-radius: 4px;
    padding:38px 32px 34px;
    overflow:hidden;
	margin-top: 20px;
	margin-bottom: 20px;
    /* box-shadow:0 0 0 3px var(--hot-pink), 0 0 40px rgba(255,46,147,.35); */
  }

  /* Sticker de date, posé en biais comme un autocollant sur un flyer */
  .widget-info .badge-date{
    position:absolute;
    top:18px;
    right:-38px;
    transform:rotate(8deg);
    background:var(--gold);
    color:#1a1420;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:.82rem;
    letter-spacing:.03em;
    padding:6px 46px;
    box-shadow:0 4px 10px rgba(0,0,0,.35);
  }

  .widget-info .eyebrow{
    font-family:'Permanent Marker', cursive;
    color:var(--hot-pink);
    font-size:1.05rem;
    letter-spacing:.02em;
    margin-bottom:2px;
    display:inline-block;
    transform:rotate(-2deg);
  }

  .widget-info .titre{
    font-family:'Anton', sans-serif;
    font-size:2.6rem;
    line-height:0.95;
    letter-spacing:.01em;
    color:var(--ivory);
    margin:4px 0 14px;
    text-transform:uppercase;
    text-shadow: 3px 3px 0 var(--violet);
  }

  .widget-info .dates{
    display:inline-block;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:1.05rem;
    letter-spacing:.06em;
    color:#0d0b0e;
    background:var(--ivory);
    padding:6px 16px;
    border-radius:30px;
    margin-bottom:16px;
  }

  .widget-info .dates::before{
    content:"📍 ";
  }

  .widget-info .texte{
    font-family:'Poppins',sans-serif;
    color:#d8d0e0;
    font-size:1rem;
    line-height:1.5;
    max-width:46ch;
  }

  .widget-info .texte strong{
    color:var(--gold);
  }
  
    @media (max-width:480px){
    .widget-info .titre{ font-size:2rem; }
    .widget-info .badge-date{ right:-46px; font-size:.72rem; }
  }


/* Bloc planning + infos pratiques */

.info-card{
    background:#ffffff;
    border:1px solid #f0eaf0;
    border-radius: 4px; /*14px;*/
    padding:22px;
    height:100%;
  }
  .info-card .kicker{
    font-family:'Permanent Marker',cursive;
    color:#ff2e6b;
    font-size: 15px;
    display:inline-block;
    transform:rotate(-2deg);
  }
  
  .info-card h3{
    /* font-family:'Anton',sans-serif; */
    font-size: 19px;
    text-transform:uppercase;
    margin:2px 0 14px;
    letter-spacing:.01em;
  }
  
  .info-card .txt-info {
	  font-size: 15px ;
	  flex-grow: 1 !important;
	  /* color:#6b6470; */
  }

  /* bloc planning */
 .info-card .planning-icon{
    font-size: 35px;
    margin-bottom:14px;
  }
  
 .info-card .planning-cta{
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: .03em;
    border-bottom: 2px solid #ff2e6b;
    text-transform: uppercase;
    font-weight: 600;
    gap: 6px;
  }
  
 /* .info-card .planning-cta::after{ content:"→"; } */
 
 
 .info-card .item-icon{
  color:#ff2e6b;
  font-size:1.1rem;
}

.info-card .txt-titre{
  font-size:14px;
  font-weight:600;
}

.info-card .txt-description{
  font-size:13px;
  /* color:#6b6470; */
}

/* Lecteur personne */
.lecteur-personne .accroche{
    font-family: 'Anton', sans-serif;
    font-size: 20px;
    line-height: 22px; 
    color: #1a1420; /* couleur ? */
    border-left: 4px solid #ff2e6b;
    padding: 4px 0 4px 22px;
    margin: 0 0 22px;
    font-weight: 600;
}

/* FORMULAIRE */
.ce_form form {
	margin-bottom: 0;
}

.ce_form .widget {
	margin-bottom: 12px;
}

.ce_form .widget>label {
	display: block;
	font-weight: 700;
}

.ce_form .widget.mm_select select {
	background-color: rgba(255, 255, 255, 0.35);
	padding: 3px 0px;
	width: 100%;
	border: 1px solid #f0eaf0;
	/* color: #545454; */
	height: 30px;
	/* line-height: 30px; */
	border-radius: 4px;
}

.ce_form .widget input, 
.ce_form .widget textarea {
	width: 100%;
	border: 1px solid #f0eaf0;
	/* color: #545454; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	height: 40px;
	/*line-height: 40px;*/
	padding-left: 7px;
	/*border: 2px solid #3f4040;*/
	background-color: rgba(255, 255, 255, 0.35);
	/* margin-right: 7%; */
}

.ce_form .widget textarea {
	min-height : 150px;
	    padding-top: 10px;
	/* line-height: 15px */
}


fieldset {
	border: 0;
}

.ce_form .widget button.submit {
	width: 100%;
	margin: 8px 0 10px;
	height: 40px;
	border: none;
	color: #FFFFFF;
	background-color: rgb(51 51 51);
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: inset 1px 0 5px rgba(255, 255, 255, 0.63);
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ce_form button.submit:hover{
	background-color: rgb(51 51 51, 0.85);
}


/* SOCIAL */
.social-links {
    display: flex;
    align-items: center;
    gap: 15px;
}

.social-links a {
    font-size: 28px;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.social-links i {
    color: white;
}

.social-links a:hover {
    color: #0d6efd;
}

/* ICONS */
	
/***** PAGINATION *****/
/* .pagination.block{ */
/* margin-top: 25px; */
/* margin-bottom: 25px;} */

/* .pagination{ */
/* display: flex; */
/* justify-content: center; */
/* margin-bottom: 20px;} */

/* .pagination a { */
	/* border: 1px solid #ccc; */
    /* border-radius: 4px; */
    /* padding: 6px 12px; */
    /* margin-right: 7px; */
    /* display: inline-block; */
	/* color: #090b0d; */
	/* font-weight: 600; */
/* } */

/* .pagination a.active { */
	/* border: none; */
    /* background-color: #fb3a4f; */
	/* color: #ffffff; */
/* } */


.pagination{
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  gap:10px;
}

.pagination .compteur{
  font-size:13px; 
  color:#6b6470; 
  margin:0;
}

.pagination .liste-pages{
  display:flex; 
  flex-wrap:wrap; 
  align-items:center; 
  justify-content:center;
  gap:6px; 
  list-style:none; 
  margin:0; 
  padding:0;
}

.pagination .liste-pages a,
.pagination .liste-pages span{
  display:flex; 
  align-items:center; 
  justify-content:center;
  min-width:38px; 
  height:38px; 
  padding:0 12px;
  border-radius:10px;
  font-family:'Poppins',sans-serif; 
  font-weight:600; 
  font-size:.85rem;
  text-decoration:none;
  color:#1a1420;
  border:1px solid #e5dde5;
  transition:all .15s ease;
}

.pagination .liste-pages a:hover{
  border-color:#ff2e6b; 
  color:#ff2e6b;
}

.pagination .liste-pages .active{
  background:#ff2e6b; 
  border-color:#ff2e6b; 
  color:#fff;
}

.pagination .liste-pages .mot{
  font-size:.78rem; 
  padding:0 14px;
}




/* #main .pagination > p{ */
/* text-align:left;} */


/* #main .pagination ul{ */
/* margin: 0 auto; */
/* padding: 0px;} */

/* #main .pagination li{ */
/* float: left;  */
/* background-color: transparent;  */
/* padding: 0px;  */
/* margin-right: 6px; */
/* margin-bottom: 5px;} */

/* #main .pagination li a, */
/* #main .pagination li span.active{ */
/* display: block; */
/* text-align: center; */
/* min-width: 25px; */
/* height: 25px; */
/* line-height: 22px; */
/* padding: 0 3px;} */

/* #main .pagination li a{ */
/* background-color: #ffffff; */
/* border: 1px solid #3F4040; */
/* color: #212121; */
/* text-decoration: none;} */

/* #main .pagination li a:hover{ */
/* background-color: #212121; */
/* border: 1px solid #3F4040; */
/* color: #ffffff;} */

/* #main .pagination li span.active{ */
/* background-color: #212121; */
/* border: 1px solid #3F4040; */
/* color: #ffffff;} */

/* #main .pagination li a.next, */
/* #main .pagination li a.previous, */
/* #main .pagination li a.last, */
/* #main .pagination li a.first{ */
/* width:auto;  */
/* padding:0px 6px;}	 */

/* fin pagination */	



/* COOKIE BAR */
.cookiebar__button:hover{
background-color: #3e824a;}	

.cookiebar{
background-color: rgba(33, 33, 33, 0.9);
z-index: 1000;}

.cookiebar button{
background-color: #e2231d;}	

/* FOOTER */
#footer .inside {
 padding-top: 150px;	
}

#footer .nom-ecole {
	    font-size: 30px;
    font-family: 'Anton', sans-serif;
    font-weight: 100;
    margin-bottom: 25px;
}

#footer .footer-special {

}

#footer{
background-image: url('/files/site/img/footer.jpg');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
color: #ffffff;
min-height: 350px;/* supprimer si clear à la fin des one_third*/
padding: 0;
}	

#footer h3{
color: #d9d9d9;
text-transform: uppercase;
font-size: 16px;}

#footer h3 span{
color: #ffffff;}

#footer .footer-first{
background-color: #212121;
padding: 25px 0;}

#footer .footer-two{
background-color: #212121;
border-top: 1px solid #3a3939;
padding: 10px 0;}

#footer .one_third ul li a{
color: #ffffff;
text-decoration: underline;
font-size: 15px;}

#footer .one_third ul li a:hover{
text-decoration: none;}

/* MENU FOOTER */

#footer .mod_navigation ul{}
#footer .mod_navigation .level_1 li.sibling:hover,
#footer .mod_navigation .level_1 li:hover {}
#footer .mod_navigation .level_1 li.active:hover {}
#footer .mod_navigation .level_1 li a, 
#footer .mod_navigation .level_1 li span.active {}
#footer .mod_navigation .level_1 li span.active {}
#footer .mod_navigation .level_1 li a:hover {}
#footer .mod_navigation .level_1 li.active,
#footer .mod_navigation .level_1 li.trail{}
#footer .mod_navigation .level_1 li.active:hover{} 

#footer .mod_customnav:before{}

#footer .mod_customnav{ 
position: relative;
padding: 5px 25px;
margin-top: 15px;
margin-bottom: 15px;
/*background-image:url('../../files/site/img/bkg_menu.png');
background-repeat: repeat;*/}

#footer .mod_customnav .level_1 li,
#footer .mod_navigation .level_1 li{
position: relative;
float: left;
line-height: 30px;
margin-right: 10px;/*menu avec peu de lien 25px;*/}

/* Mettre > à #header .mod_customnav .level_1 li > span / sinon décalage à chaque clic */
#footer .mod_customnav .level_1 li a,#footer .mod_customnav .level_1 li > span{
padding: 0 12px;
display: block;
height: 100%;
font-size: 16px;
font-weight: 400;
color: #ffffff;}

#footer .mod_customnav .level_1 li.active,
#footer .mod_navigation .level_1 li.active{}

#footer .mod_customnav .level_1 li:hover,
#footer .mod_navigation .level_1 li:hover{}

#footer .mod_customnav .level_1 li:hover span,
#footer .mod_customnav .level_1 li:hover a,
#footer .mod_navigation .level_1 li:hover span,
#footer .mod_navigation .level_1 li:hover a{
color: #ffffff;}

#footer .mod_customnav .level_1 li.active span,
#footer .mod_customnav .level_1 li.active a,
#footer .mod_navigation .level_1 li.active span,
#footer .mod_navigation .level_1 li.active a{
color: #cccccc;}

#footer .mod_customnav .level_1 li:last-child{
margin-right: 0;}

#footer .mod_customnav::after{
content:"";
clear:both;}


/*code promo*
    background-color: #E76821;
    color: #FFF;
	//////
	    text-align: center;
    display: block;
    font-size: 25px;
    border: 1px solid #fff;
    padding: 5px;
	
	*/	

	/* RESPONSIVE */
nav a#pull,
.toTop{
display: none;}


@media (min-width: 992px) {
    .cours .infos-horaires {
       border-left: 1px solid #080109 !important; /* ta bordure actuelle */
    }
}

@media screen and (max-width: 767px) {

	/*h1{
	font-size:17px;
	line-height: 20px;}*/
	
	  .box-menu {
    width: 80%;
  }

	#header .inside, #main .inside, #footer .inside{
		
	/* width:100%; */
	}
	
	#main .inside,#left .inside,#right .inside{
	/* padding: 0 15px; */
	
	}
	
    #header .inside_box{}
	
	#header{
	border-top: 7px solid #000000;
    /*padding: 0;*/}
	
	#header #logo{
	float: none;
	max-width: 120px;
	margin: 0 auto;}
	
	#header .mod_customnav{
    margin-top: 10px;
	padding: 0;
	width: 100%;
	border-right: 10px solid #ffffff;}
	
	#main{
	/* espacé en mobile */
	/* padding-left: 0; */
	border-bottom: 1px dotted #d9d9d9;}
	

/* menu responsive */
	#header .menu-toggle{
    display: inline-block;}
	
	.menu-toggle,#pull{
    display: none;}
	
	#header nav{
	border-bottom: 0;
	margin-bottom: 0px;}
	
	#header nav ul{
	display: none;
	height: auto;}
	
	#header nav a#pull{
	display: block;
	width: 100%;
	position: relative;
	color: #272727;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	height: 37px;
    padding: 4px 10px 7px 10px;
	/* border: 1px solid #efecec; */
	background-color: rgb(0 0 0 / 35%);
	border-top: 2px solid #ffffff;
    /* box-shadow: inset 0px -17px 19px #e4e4e4; */}
	
	#header nav a#pull:after{
	content:"";
	/*background-image: url('../../files/site/img/nav-icon.png') no-repeat;*/
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;}
	
	#header .mod_customnav:before {
    display:none;}
	
	#header nav a#pull .rectnav{
	width: 35px;
    height: 5px;
    display: block;
    margin-top: 3px;
    background-color: #ffffff;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
	
	#header nav a,#header nav span{
	/*color: #ffffff;
	text-decoration: none;
	line-height: 17px;
	font-weight: normal;*/}
	
	#header .mod_customnav .level_1 li a,
	#header .mod_customnav .level_1 li > span{
	font-size: 16px;
	padding: 6px 10px;}
	
	#header ul.nav-menu{
	margin-bottom:0;
	display:none;
	background-color: rgb(0 0 0 / 35%);
	}
	
	#header nav li{
	/*border-top: 1px solid #baa381;*/}
	
	#header .mod_customnav .level_1 li {
	border-bottom: 1px solid #ffffff;}
	
	#header .mod_customnav .level_1 li:hover span,
	#header .mod_customnav .level_1 li:hover a,
	#header .mod_navigation .level_1 li:hover span,
	#header .mod_navigation .level_1 li:hover a{
	color: #272727;} 
	
	#header .mod_customnav .level_1 li a span:hover {
    color: #272727;}
	
	#header .mod_customnav .level_1 li.active, 
	#header .mod_navigation .level_1 li.active,
	#header .mod_customnav .level_1 li:hover,
	#header .mod_navigation .level_1 li:hover{
    background-color: #b1b1b1;
	color:#ffffff;}
	
	#header .mod_customnav .level_1 li.active span, 
	#header .mod_customnav .level_1 li.active a, 
	#header .mod_navigation .level_1 li.active span, 
	#header .mod_navigation .level_1 li.active a{
    color: #0b0b0b;}
	
	#header  ul.nav-menu .menu-toggle:hover{
	display:block;}
	
	#header .mod_customnav .level_1 li, #header .mod_navigation .level_1 li{
    position: relative;
    float: none;
	margin-right: 0;
    display: block;
	line-height: 22px;
	/*padding: 7px 10px;*/}
	
	#header .mod_customnav .level_1 li.last{
	/*border-bottom: 2px solid #272727;*/}
	
	
	/*scroll*/
	.toTop {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("../../files/site/img/top.png");
	background-repeat: no-repeat;
    background-position: center left;
    background-size: 32px 32px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-indent: -9999px;
    overflow: hidden;}
	
	
	
}