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;}

/* GENERAL */

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

* {
-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;
}


h1::after{}

#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: 16px;
font-weight: 600; /*400*/
color: #ffffff;}

#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 {
/* display: flex; */
/* justify-content: flex-start; */
/* flex-wrap: wrap; */
/* gap: 20px; */
/* margin-bottom: 25px; */
}

.liste-actualites .actualite {
position : relative;
    height: 400px;
/* flex: 0 0 calc(33.333% - 1rem); */
}

.liste-actualites .visuel{
position : relative;
height: 100%;
width: 100%;
display: block;
max-height: 250px;
overflow: hidden;}

.liste-actualites .visuel .actualite-image {
height: 100%;
}

.liste-actualites .visuel .actualite-image img {
	width: 100%;
    height: 100%;
	border-radius: 8px 8px 0 0;
}

.liste-actualites .visuel .actualite-types {
	position: absolute;
    top: 0;
    left: 12px;
}

.liste-actualites .visuel ul.actualite-types li {
	/* display: inline-block; */
    /* background-color: #f93b4f; */
    /* color: #ffffff; */
    /* padding: 5px; */
    /* text-transform: uppercase; */
}

.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 .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;
}

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

.navigation-types-actualites ul {
    display: flex;
    justify-content: center;
    gap: 22px;
}

.navigation-types-actualites ul li {

}

.navigation-types-actualites ul li a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.navigation-types-actualites ul li.active a {
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 5px;
}

/* 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-personne img {
	width: 130px;
    border-radius: 50%;
}

.personnes .vignette-personne .libelle-intervenant {
font-size: 17px;
    text-transform: uppercase;
    color: #fe258e;
    font-weight: 600;
}

.personnes .vignette-personne .nom-artiste {
    font-size: 24px;
    text-transform: uppercase;
    color: #080808;
    font-weight: 600;
}

.personnes .infos-personne .lien-voir-plus a{
font-weight: 600;

}

/***** COURS *****/
.liste-cours .jour-semaine {
	    padding: 8px 10px;
	    font-weight: 600;
    font-size: 22px;
text-transform: uppercase;}

.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;
}

.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: 6px 10px; /*28*/
    font-weight: bold;
    color: #ffffff;
    background-color: #080109;
	border-radius: 4px;
    z-index: 1;
	min-width: 240px;
}

.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%;
}

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


.styles a.tag {
	    font-size: 28px;
    font-family: "Caveat Brush", cursive;
    font-weight: 400;
    font-style: italic;

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

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


.cours .infos-horaires {
	border-left: 1px solid #080109;
}

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

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


	
.cours .professeur .lien,
.cours .infos-horaires .horaires .creneau {
	    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.cours .professeur .lien {
font-size: 26px;
font-family: "Caveat Brush", cursive;
font-weight: 400;
font-style: italic;
}

/***** TARIFS *****/
.liste-tarifs .content-headline {
	font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;   
	color: #fff;
}
.liste-tarifs h2 span {
font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

.liste-tarifs .infos-inscription{
	color : #fff;
	    margin-bottom: 22px;
}

.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-color: #124a58;
    padding: 20px
}

.liste-tarifs .inside-tarif {
	 color: #ffffff;
    background-color: #073c4a;
    border: 1px solid #9abbc3;
    padding: 20px;
	border-right: 6px solid #ffffff;
}


.liste-tarifs .inside-tarif .tarif{
	
}
.liste-tarifs .inside-tarif h3{
	font-size: 18px;
	margin-bottom: 30px;
	text-transform: uppercase;    
}

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

.montants .montant-annuel .prix {
	font-size: 42px;
    font-weight: 800;
}

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

.montants .montant-mensuel .prix {
	
}

.liste-tarifs .tarif .description-courte {
	text-align : center;
	margin-bottom: 30px;
	font-weight: 600;
	color: #95c3d1;
}

.liste-tarifs .tarif .description-longue {
font-size: 12px;
color:#688993;
}

/* Liste des disciplines */

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

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

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

.liste-disciplines .discipline .mini-description {
	    font-size: 16px;
    color: #4c4c4c;
	 display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.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: 1px;
    background-color: #fe258e;
    margin: 0 auto;
}

.liste-disciplines .voir-planning {
	font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
    /* border-bottom: 1px solid #010001; */
}



/* 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: 620px;
    overflow: hidden;
    position: relative;

}

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

/* 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;
}

/* #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{
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 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: 14px;
	padding: 5px 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;}
	
	
	
}