html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
/*body { line-height: 1; }*/
ol, ul { list-style: none; }
/*blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }*/
table { border-collapse: collapse; border-spacing: 0;}
html { overflow-y: auto;}
/* -------------------------- Initialisation des polices -------------------------------- */
@font-face{ 
	font-family: 'MyArialBlack';
	src: url('fonts/ariblk-WebFont.eot');
	src: url('fonts/ariblk-WebFont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/ariblk-WebFont.woff') format('woff'),
	     url('fonts/ariblk-WebFont.ttf') format('truetype'),
	     url('fonts/ariblk-WebFont.svg#MyArialBlack') format('svg');
}
@font-face{ 
	font-family: 'MyArial';
	/*font-style : ;*/
	src: url('fonts/arial-WebFont.eot');
	src: url('fonts/arial-WebFont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/arial-WebFont.woff') format('woff'),
	     url('fonts/arial-WebFont.ttf') format('truetype'),
	     url('fonts/arial-WebFont.svg#MyArial') format('svg');
}
@font-face{ 
	font-family: 'MyArial';
	font-style : italic;
	src: url('fonts/ariali-WebFont.eot');
	src: url('fonts/ariali-WebFont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/ariali-WebFont.woff') format('woff'),
	     url('fonts/ariali-WebFont.ttf') format('truetype'),
	     url('fonts/ariali-WebFont.svg#MyArial') format('svg');
}
@font-face{ 
	font-family: 'MyArial';
	font-style : italic;
	font-weight : bold;
	src: url('fonts/arialbi-WebFont.eot');
	src: url('fonts/arialbi-WebFont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/arialbi-WebFont.woff') format('woff'),
	     url('fonts/arialbi-WebFont.ttf') format('truetype'),
	     url('fonts/arialbi-WebFont.svg#MyArial') format('svg');
}
@font-face{ 
	font-family: 'MyArial';
	font-weight : bold;
	src: url('fonts/arialbd-WebFont.eot');
	src: url('fonts/arialbd-WebFont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/arialbd-WebFont.woff') format('woff'),
	     url('fonts/arialbd-WebFont.ttf') format('truetype'),
	     url('fonts/arialbd-WebFont.svg#MyArial') format('svg');
}

/* --------------------------  Initialisation des grands blocs --------------------------- */
body{ background-color :#211108; font-family: 'MyArial', Arial, 'Trebuchet MS', sans-serif; font-size: 0.9em; padding :0px; margin : auto;}
HEADER { position : fixed; width : 100%;	margin : auto; background-color :#211108; color: white;min-height: 10px; z-index : 100;}
NAV { position : relative; width : 100%; height : 33px;	margin : auto; background-color :#e1007a; color: white;min-height: 10px;}
SECTION { /*display:flex;*/ position : relative; width : 100%; /*height:800px;*/ margin : auto; background-color :#211108; color: white;min-height: 10px;z-index : 50;}
FOOTER { position : relative; width : 100%;	margin : auto; background-color :#e1007a; color: white;min-height: 10px;z-index : 50;}
b, strong {font-weight: bold } 
i, em {font-style: italic }

/* -------------------------- Initialisation header --------------------------------------- */
#header_bandeau{height:140px; background-color :#211108;}
    #header_disciplines{ position:absolute; right:20px; top:90px;}
    #header_logo_ecole{position:absolute;  left :0; top : 0; background-color :#211108; border-radius: 0 0 30px 0; z-index : 60;}
        #header_image_logo_ecole{height:183px;}

    #header_bande_rose {background-color :#e1007a; height:6px; vertical-align:bottom;}
    #header_photo {position : relative;  overflow : hidden; }
        #header_image_accueil {position : absolute; bottom:0; right:0; width : 100%; vertical-align:bottom;}

#menu_bande_rouge {height : 5px; width:100%; background-color : red;}

/* ------------------------------- Popup ----------------------------------------------- */
popup {display:none; font-family: Arial, 'Trebuchet MS', "Arial Black", sans-serif; font-size: 1em;  box-sizing:border-box; padding : 15px 20px; box-shadow : 6px 6px 15px black; border-radius : 5px; 
float: left; position: fixed; top: 50%;	left: 50%; z-index: 99999; min-height:50px;  /*max-width: 450px;*/ background-color: #525659; color:white; border:5px solid #e1007a;}
#fade { display: none; position:fixed; left:0; top:0; width:100%; height:100%;  opacity:0.60; z-index:9999;	filter : alpha(opacity=60); background-color: white;} 
popup_titre { font :  bold 24px Arial; color: #d3d3d3; padding-bottom: 20px;}
.popup_bouton {margin-top:20px; padding: 3px 20px;}
.popup_contenu { font :  normal 1em Arial;}

#popup button { background-color: #d83e86; Color:white;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: /*3*/0px;
    cursor: pointer; 
    /*box-shadow: 0 8px 16px 0 rgb(199, 144, 167);*/ 
	text-decoration: none; }
#popup button:hover{ background-color: #a50058; box-shadow: 0 8px 16px 0 rgb(199, 144, 167);}

/* --------------------------- NEW POPUP ------------------------- */

#popup {
    display:none; 
    font-family: Arial, 'Trebuchet MS', "Arial Black", sans-serif; font-size: 1em;  
    padding : 15px 20px; box-shadow : 6px 6px 15px black; border-radius : 7px; 
    float: left;  z-index: 99999; 
    
    position: fixed; /*display:block;*/
    min-width: 100px; min-height: 50px;
    width:auto; height:auto;
    top: 50%;	left: 50%;
    background-color: #d4006a; color:white;
    max-width : 500px;


}
.popup_titre {
    margin :0; padding: 0; color : white; font :  bold 24px Arial; margin-bottom : 20px; padding-right :5px; width:100%;
}

.popup_quitte { position:absolute; top:10px; right:10px; width:24px; height:24px; background:url("../images/touches.png") no-repeat; background-position: -0px -0px; cursor:pointer; z-index : 10000;} 
.popup_quitte:hover { background-position: -24px -0px; } 

/* ------------------------------ Connexion -------------------------------------------- */
.connexion {position:absolute; padding : 2px 10px; right : 20px; top:5px; cursor:pointer;z-index: 10;}
.connexion:hover {background-color: #a50058; }

/* ----------------------------- FlexBox sections ---------------------------------------*/
.section_body {display:flex; flex-direction:row; flex-wrap:nowrap; position:relative;width:100%}
.section_containers {display:flex; flex : 100 100 auto; flex-direction:column; align-items: flex-start; flex-wrap: nowrap; padding:20px;min-height:100px;overflow-x:hidden;/*background-color:yellow;*/}
.section_widgets {display:flex; flex:0 0 300px; flex-direction:column; align-items: flex-start; padding: 10px;/*justify-content: flex-end;*/ min-height:50px; /*background-color:green;*/}


#container_maitenance {  width:100%; }

.container {display:flex; flex-direction:row; flex-wrap: wrap; width:100%; order:2;/*background-color:pink;*/}
.container_titre{ 
	padding: 2px 10px;display : block; box-shadow : none; border-radius :none; width:100%; margin-top:10px;
	font-family: 'MyArial',"MyArialBlack","Arial";
	font-size:1.3em;
	font-weight:normal;
	font-style:normal;
	cursor : pointer;
	color : white; 
	background-image:-moz-linear-gradient(left,#e1007a,#211108); 
	background-image:-webkit-linear-gradient(left, #e1007a,#211108);
	background-image:-o-linear-gradient(left, #e1007a,#211108);
	background-image:linear-gradient(left, #e1007a,#211108);
}

/* ---------------------------- widget container ------------------------------- */
.widget { width:100%; /*background-color:blue;*/}

.widget_container { position:relative; order:0; width:100%; max-width:300px; min-height : 53px; background-color:#FDF5E6;}
.widget_container h1 {font-family: 'MyArial', Arial, 'Trebuchet MS', sans-serif; font-size: 1.6em; color:#808080}
.widget_container h2 {font-family: 'MyArial', Arial, 'Trebuchet MS', sans-serif; font-size: 0.9em; color:#E1007A}
.widget_container h6 {font-family: 'MyArial', Arial, 'Trebuchet MS', sans-serif; font-size: 0.9em; color:#E1007A}
.widget_container_image { float: left; margin-right: 20px;}
.widget_container_image img{height: 45px; margin-left: 10px;}
.widget_container_module {border: 3px solid rgb(214, 214, 214); margin:10px; padding:10px;}
.widget_container_module label {color:black; font-size: 0.7em; }

#widget_container_contenu {padding-bottom: 10px;}

/* ------------------------------ vignettes -------------------------------------------- */
.vignette_ajouter{display:flex; width:180px; height:200px;  text-decoration:none;  /*text-align:center; display:table-cell; vertical-align:middle;*/ order:999; margin-right: 15px; margin-top:15px;  overflow: hidden;}
.vignette_ajouter img{margin:auto;cursor : pointer;}

.vignette {position:relative; /*width:180px; height:200px;*/ text-decoration:none;  margin-right: 15px; margin-top:15px; cursor : pointer; /*overflow: hidden; background-color: aqua;*/}

.vignette_vignette {width:180px;height:200px;overflow: hidden;}
.vignette_titre {	margin : 0;
	font-family: "Arial", 'MyArial',"Arial Black","MyArialBlack";
	font-size : 18px;
	font-weight:300;
	font-style:normal;
	text-align : left;
	color:#E1007A;
}
.vignette_sous_titre {	margin : 0;
	font-family: "Arial",'MyArial';
	font-size : 15px;
	font-weight:200;
	font-style:normal;
	text-align : left;
	color: #FFFFFF;
	border-bottom: 1px solid #e1007a;
}
.vignette_image {	position : relative;
	width : 180px;
	height : auto;
	padding : 0;
	margin : 0;
	bottom : 0px;
	right : 0px;
	margin-top : 3px;
	vertical-align: bottom;
}

.vignette_texte {padding:10px}
.vignette_maintenance, .vignette_bloc_texte  {display:none; width: 400px; height:300px; background-color: #FDF5E6;}
.vignette_maintenance_entete, .vignette_bloc_entete {padding:10px;}
.vignette_maintenance_titre, .vignette_bloc_texte_titre, .vignette_bloc_titre {	margin : 0;
	font-family: "Arial", 'MyArial',"Arial Black","MyArialBlack";
	font-size : 28px;
	font-weight:300;
	font-style:normal;
	text-align : left;
	color:#808080;
}
.vignette_maintenance_sous_titre, .vignette_bloc_texte_sous_titre {	margin : 0;
	font-family: "Arial",'MyArial';
	font-size : 13px;
	font-weight:200;
	font-style:normal;
	text-align : left;
	color: #e1007a;
	/*border-bottom: 1px solid #e1007a;*/
}
.vignette_maintenance_image, .vignette_bloc_texte_image { float:left;
	margin-right: 10px;
}
.vignette_maintenance_image img, .vignette_bloc_texte_image img {	
	width : auto;
	height : 45px;
}
.vignette_maintenance_contenu, .vignette_bloc_contenu{ width:100%; overflow: auto; height:100%;	color:black; }
.vignette_maintenance input {color:#E1007A}

.vignette_maintenance .changer_image_vignette, .vignette_maintenance .changer_pdf_vignette, .vignette_touche{
	background-color: #e1007a; Color:white;
	font-weight: bold;
    padding:8px 20px;
    border-radius: 3px;
    cursor: pointer; 
    box-shadow: 0 8px 16px 0 grey;
	text-decoration: none; 
}

.vignette_lien { color:#E1007A; text-decoration:none; }

.changer_image_vignette:hover, .changer_pdf_vignette:hover, .vignette_touche:hover{background-color:#a50058;  }
.nom_fichier_pdf {font-size : 12px; font-style:italic; }

/* ------------------------------- Pages -----------------------------------------------*/
.pages {width:100%;}
.pages h1  {font :  bold 36px Arial; color: #e1007a;}
.pages h2  {font :  bold 22px Arial; color: #837f81;}
.pages h3  {font :  bold 18px Arial; color: white;}
.pages h4  {font :  bold 18px Arial; color: #E1007A;}

.page_photo {float:left;}
.page_photo img{ width : 100%; max-width : 300px;  margin-right:20px; margin-bottom:20px;z-index: 90;}
.page_intro {  min-height:50px; min-width:100px; z-index: 50; padding-bottom: 20px; }
.page_texte{ clear:both; columns : auto 300px; column-gap : 3rem; text-align : justify; }
.page_contenu{  min-width:100px;}
.page_intro_maintenance{ margin-left: 300px;}

@media screen and (max-width: 700px) {
	.page_intro { display:block; clear:both; }
	.page_photo {float:none; text-align: center;}
	.page_intro_maintenance{ margin-left: 0px;}
}

/* ------------------------------ gestion des touches ---------------------------------------- */
.touche_quitte {padding:0; position:absolute; right:20px; top:15px; width:24px; height:24px; background:url("../images/touches.png") no-repeat; background-position: -24px -80px; cursor:pointer;}
.touche_quitte:hover {background-position: -0px -80px; }

.touche_bascule {padding:0; position:absolute; right:7px; top:7px; width:20px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -20px -0px; cursor:pointer;}
.touche_bascule:hover {background-position: -0px -0px; }

.touche_options {padding:0; position:absolute; right:7px; top:7px; width:20px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -60px -0px; cursor:pointer;}
.touche_options:hover {background-position: -40px -0px; }

.touche_ajouter_module {padding:0; position:relative; margin-top:10px; margin-left:85px; width:110px; height:15px; background:url("../images/touches.png") no-repeat; background-position: -0px -50px; cursor:pointer;}
.touche_ajouter_module:hover {background-position: -0px -65px; }

.touche_poubelle_module {padding:0; position:absolute; margin-top:-80px; right:30px; width:15px; height:15px; background:url("../images/touches.png") no-repeat; background-position: -0px -20px; cursor:pointer;}
.touche_poubelle_module:hover {background-position: -0px -35px; }

.touche_haut_module {padding:0; position:absolute; margin-top:-40px; right:30px; width:15px; height:15px; background:url("../images/touches.png") no-repeat; background-position: -15px -20px; cursor:pointer;}
.touche_haut_module:hover {background-position: -15px -35px; }

.touche_bas_module {padding:0; position:absolute; margin-top:-20px; right:30px; width:15px; height:15px; background:url("../images/touches.png") no-repeat; background-position: -30px -20px; cursor:pointer;}
.touche_bas_module:hover {background-position: -30px -35px; }


.touche_poubelle_Vignette {padding:0; position:absolute; top:40px; right:7px; width:20px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -0px -104px; cursor:pointer;}
.touche_poubelle_Vignette:hover {background-position: -0px -124px; }

.touche_precedent_Vignette {padding:0; position:absolute; top:40px; right:65px; width:20px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -20px -104px; cursor:pointer;}
.touche_precedent_Vignette:hover {background-position: -20px -124px; }

.touche_suivant_Vignette {padding:0; position:absolute; top:40px; right:40px; width:20px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -40px -104px; cursor:pointer;}
.touche_suivant_Vignette:hover {background-position: -40px -124px; }

.touche_ok_24 {padding:0; width:24px; height:24px; background:url("../images/touches.png") no-repeat; background-position: -48px -80px; }
.touche_err_24 {padding:0; width:24px; height:24px; background:url("../images/touches.png") no-repeat; background-position: -72px -80px; }


.touche_zoomUp_vignette {padding:0; position:absolute; top:7px; right:50px; width:20px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -80px -0px; cursor:pointer;}
.touche_zoomUp_vignette:hover {background-position: -100px -0px; }

.touche_ajouter_element {padding:0; position:relative; margin-left:10px; width:16px; height:16px; background:url("../images/touches.png") no-repeat; background-position: -0px -144px; cursor:pointer;}
.touche_ajouter_element:hover {background-position: -0px -160px; }
.touche_modifier_element {padding:0; position:relative; margin-left:10px;width:16px; height:16px; background:url("../images/touches.png") no-repeat; background-position: -16px -144px; cursor:pointer;}
.touche_modifier_element:hover {background-position: -16px -160px; }
.touche_supprimer_element {padding:0; position:relative; margin-left:10px;width:16px; height:16px; background:url("../images/touches.png") no-repeat; background-position: -32px -144px; cursor:pointer;}
.touche_supprimer_element:hover {background-position: -32px -160px; }
.touche_retour_element {padding:0; position:relative; margin-left:10px;width:16px; height:16px; background:url("../images/touches.png") no-repeat; background-position: -48px -144px; cursor:pointer;}
.touche_retour_element:hover {background-position: -48px -160px; }

.touche_modification_json {padding:0; position:absolute; right:20px; top:30px; width:30px; height:30px; background:url("../images/touches.png") no-repeat; background-position: -0px -178px; cursor:pointer; z-index:100}
.touche_modification_json:hover {background-position: -30px -178px; }

.touche_retour_json { padding:0; position:absolute; right:20px; top:30px; width:30px; height:30px; background:url("../images/touches.png") no-repeat; background-position: -60px -178px; cursor:pointer; z-index:100}
.touche_retour_json:hover {background-position: -90px -178px; }

.touche_nonRetour_json { padding:0; position:absolute; right:20px; top:30px; width:30px; height:30px; background:url("../images/touches.png") no-repeat; background-position: -120px -178px; cursor:pointer; z-index:100}
.touche_nonRetour_json:hover {background-position: -120px -178px; }


.touche_bouton_valider {padding:0; position:relative; width:90px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -0px -208px; cursor:pointer;}
.touche_bouton_valider:hover {background-position: -0px -228px; }
.touche_bouton_annuler {padding:0; position:relative; width:90px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -90px -208px; cursor:pointer;}
.touche_bouton_annuler:hover {background-position: -90px -228px; }
.touche_bouton_supprimer {padding:0; position:relative; width:90px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -180px -208px; cursor:pointer;}
.touche_bouton_supprimer:hover {background-position: -180px -228px; }

.touche_bouton_ajouter_date {padding:0; position:relative; width:150px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -0px -248px; cursor:pointer;}
.touche_bouton_ajouter_date:hover {background-position: -0px -268px; }
.touche_bouton_valider_date {padding:0; position:relative; width:90px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -0px -208px; cursor:pointer;}
.touche_bouton_valider_date:hover {background-position: -0px -228px; }
.touche_bouton_annuler_date {padding:0; position:relative; width:90px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -90px -208px; cursor:pointer;}
.touche_bouton_annuler_date:hover {background-position: -90px -228px; }
.touche_bouton_supprimer_date {padding:0; position:relative; width:90px; height:20px; background:url("../images/touches.png") no-repeat; background-position: -180px -208px; cursor:pointer;}
.touche_bouton_supprimer_date:hover {background-position: -180px -228px; }

.touche_adresse_postale {padding:0; position:relative; width:60px; height:60px; background:url("../images/touches.png") no-repeat; background-position: -0px -296px; cursor:pointer;}
.touche_adresse_mail {padding:0; position:relative; width:60px; height:60px; background:url("../images/touches.png") no-repeat; background-position: -60px -296px; cursor:pointer;}
.touche_telephone {padding:0; position:relative; width:40px; height:60px; background:url("../images/touches.png") no-repeat; background-position: -120px -296px; cursor:pointer;}

.touche_retour_box {padding:0; /*position:absolute;*/ float:right; right:20px; top:30px; width:30px; height:30px; background:url("../images/touches.png") no-repeat; background-position: -180px -178px; cursor:pointer;}
.touche_retour_box:hover {background-position: -150px -178px;}

.touche_arrondie {
	display: inline-block;
	background-color:gray; 
	color:black; 
	padding: 2px 20px;
	border-radius: 10px;
	cursor: pointer; 
	margin-right: 15px;
}
.touche_arrondie :hover {background-color:#E1007A; color:white;}


/* ----------------------------------------- CROPPING --------------------------------------------- */
.cropping_bandeau_touches { padding-top:10px;}
.cropping_popup{ width:100%;max-width:450px;}

/* ----------------------------------------- TRANSFERT SERVEUR --------------------------------------------- */
.transfert_popup{ width:100%;max-width:450px;}

.transfert_bloc { display:flex; align-items: center; background-color: #616364 ;color: #FFFFFF; margin-top:10px; padding: 5px; border: 1px solid #FFFFFF; border-radius : 5px;}
.transfert_texte {/*display: flex;*/ flex : 100 100 auto; /*padding-right:30px;*/}
.transfert_gif { flex : 0 0 25px; float:right; margin-left:15px; width:25px; }

.infos_bloc { display:flex; align-items: center; color: black; margin-top:10px; padding: 5px; border: 1px solid #525659; border-radius : 5px;}
.infos_texte {/*display: flex;*/ flex : 100 100 auto; /*padding-right:30px;*/}
.infos_gif { flex : 0 0 25px; float:right; margin-left:15px; width:25px; }



.bascule_entete {color:#424142; cursor:pointer;}
.bascule_entete:hover {color:#e1007a}
.bascule_contenu{ color:#525659; padding:10px;margin-top:10px;  overflow: auto;}
.bascule_triangle {margin-right:10px;}

.bascule_liste {color:#cfc7cb; cursor:pointer;}
.bascule_liste:hover {color:#f179b9}
.bascule_liste_contenu{ color:white; background-color:#808080;padding:10px;margin-top:10px; max-height:150px; overflow: auto;}
.bascule_liste_triangle {margin-right:10px;}

.bascule_div_entete {color:gray; cursor:pointer; font-size: 18px;}
.bascule_div_entete:hover {color:#e1007a}
.bascule_div_contenu{ color:white; padding:10px; padding-left:20px; overflow: auto; text-align: center;}
.bascule_div_triangle {margin-right:10px;}

/* ----------------------------------------- UPLOAD ---------------------------------------------- */
.upload_progress {margin-top : 10px;}
.upload_progress_bar {background-color: rgb(17, 156, 17); color:white; height:20px; text-align: center; margin-left: auto;  margin-right: auto; /*color:#71e971*/}
.upload_status {text-align: center; margin-left: auto;  margin-right: auto;}

/* ----------------------------------------- MODE EDITEUR------------------------------------------ */
.mode_editeur { border: 2px dashed pink; min-height:50px}


/* ----------------------------------------- SAISONS ------------------------------------------------- */
.saison {font-size: 22px;}
.saison_bases, .saison_tousNiveaux, .saison_avance {
	/*border:1px solid white; border-color : transparent transparent gray gray;
	padding-left: 10px;
	color : white; */
	/*background-image:-moz-linear-gradient(left,#d44996,#211108); 
	background-image:-webkit-linear-gradient(left, #d44996,#211108);
	background-image:-o-linear-gradient(left, #d44996,#211108);
	background-image:linear-gradient(left, #d44996,#211108);*/
	background-color: #E1007A; color: white; padding-left: 10px; margin-bottom: 5px; text-align: left;

}
.saison_contenu {min-height: 16px;}
.saison_intro { color: white; text-align:center; font-size: 14px;}
.saison_modification, .saison_enregistre  {
	display: inline-block;
	margin: 0 auto;
	margin-top : 10px;
	background-color: #808080; 
	color: black; 
	padding: 3px 20px;
	border-radius: 5px;
    cursor: pointer; 
    box-shadow: 0 3px 7px 0 grey;
}
.saison_modification:hover, .saison_enregistre:hover { background-color: #e1007a; color: white;}

.saison_jour_semaine {display:block; color: #e1007a; margin-top: 10px; text-align: left;}
.saison_heure {display:inline-block; color: white; font-size:18px; font-weight:300;}
.saison_style {display:inline-block; color: white;font-size:14px; }
.saison_description {display:block; color:gray; font-size:13px; font-style: italic;}
.saison_complet {
	display: inline-block;
	margin-top : 10px;
	background-color:red; 
	color:white; 
	padding: 2px 20px;
	border-radius: 10px;
	cursor: pointer; 
}

.saison_block_info {display:block; padding : 5px 20px; /*padding-left: 20px; padding-bottom:10px;*/ margin-top:10px; text-align: left; cursor: pointer; z-index:10;}
.saison_modif { background-color:#998675; color : black; margin-bottom: 5px; margin-right: 10px;}

.saison_titre_maintenance {text-align:left; padding-left:10px; font-size:16px; border:1px solid white; border-color : transparent transparent gray gray;}

.stages_entete {padding: 5px; border:1px solid white; border-color : transparent transparent gray gray;}
.stages_titre {color: #e1007a; font-size: 1.1em; font-weight:900;}
.stages_art_martial {float:right;}
.stages_description {margin-top:5px; color:gray; font-size:13px; font-style: italic; }
.stages_tarifs {display:inline-block; margin-right: 20px; color: white;}
.stages_prix {color: #e1007a;}
.stages_div_table {margin-top:20px; margin-bottom:20px;  width:auto; overflow-x:auto;}
.stages_table {white-space: nowrap;margin-left:0;}
.stages_table tr {padding:0px ; border: 1px solid white; border-color :transparent transparent #e1007a transparent;}
.stages_table td {padding:2px 10px; max-width:100%; text-align: center; white-space:nowrap;background-color: #241207;}
.stages_table th {padding:2px 4px; text-align: center; background-color: #e1007a;}
.stages_table_ancien {color: gray;}
.stages_table_nouveau {color: white;}
.stages_infos {padding-top:10px;}

.tarifs_block {vertical-align:top; padding-right: 20px; padding-bottom: 20px;}
.tarifs_renseignements { padding-top:5px; padding-bottom:10px; color:gray; font-size:14px; font-style: italic;}
.tarifs_titre {color: #e1007a; font-size:20px; font-weight:300;}
.tarifs_infos {color:gray; font-size:12px; font-style: italic;}
.tarifs_echeance {color:gray; font-size:12px; }
.tarifs_prix {color:white;  }
.tarifs_table { white-space: nowrap;margin-left:0; margin-top:10px; display:inline-block; padding-right: 20px; vertical-align:top;}
.tarifs_table tr {padding:0px ; border: 1px solid white; border-color :transparent transparent #e1007a transparent;}
.tarifs_table td {padding:2px 10px; max-width:100%; text-align: center; white-space:nowrap;background-color: #241207;}
.tarifs_table th {padding:2px 4px; text-align: center; background-color: #e1007a;}

.encadre {
	border: 1px solid #e1007a; 
	border-radius : 3px; 
	background-color: #e1007a;
	box-shadow: 2px 2px 5px rgb(97, 21, 39);
	min-height: 20px;

	margin-right: 20px;
	padding: 10px;
}