/*------------------ C O M M U N ------------------*/
	.SemaineCalendrier
	{
		background-color: transparent;
		cursor: default;
		text-align: center;'
	}
		.WeCalendrier
	{
		background-color: #D8D8D8;
		cursor: default;
		text-align: center;'
	}

/**********************************************************************************************************/	
/*                                  412 x 915 - SMARTPHONE PORTRAIT                                       */
/*                   Extra small devices (phones, 600px and down) SMARTPHONE PORTRAIT = 412 x 915         */
/**********************************************************************************************************/	

@media only screen and (max-width: 600px) 
{
	body 
	{
		background-color: green;	
	}
	
	.lbl_heures{
		font-weight: bold;
		color: #FFFFFF;
		font-size: 4vw;
	}
	.lbl_classes{
		font-size: 3vw;
		font-weight: bold;
		color: #000000;
	}	
	.lbl_cours{
		font-size: 3vw;
	}
	.legend-horaire
	{
		font-weight: bold;
		font-size: 3.5vw;
	}
/*>>>>>>>>>>>>>>>>   parents   >>>>>>>>>>>>>>>>>>>>>>>>*/
	.menu_general
	{
		font-size: 1vw;
		font-weight: bold;
		color: blue;		/*#585858;*/
	}	
	.menu_general:hover
	{
		color: #0101DF;	
		cursor: pointer;
		transition: transform .1s;
	}
	.menu_general:hover
	{
		transform-origin: left;
		-ms-transform: scale(1.2); /* IE 9 */
		-webkit-transform: scale(1.2); /* Safari 3-8 */
		transform: scale(1.2);
	}
	.menu_general_header
	{
		font-size: 0.8vw;
		font-weight: bold;
		color: #585858;
	}
/********************************************************************************/	
/************************* LAYOUT PAGE GENERAL **********************************/
/********************************************************************************/	
#html_0 {
  display: flex;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  gap: 0;                /* 👈 supprime tout espacement entre les 2 colonnes */
  align-items: flex-start;
}

/* MENU GAUCHE */
.div_screen_menu_left {
  flex: 0 0 15%;
  max-width: 15%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* CONTENU DROITE */
.div_screen_1 {
  flex: 1;
  width: auto;
  margin: 0;
  padding: 0 1%;
  box-sizing: border-box;
}
/************************ FIN LAYOUT PAGE GENERAL ********************************/	



	.espace_br
	{
		display: none;
		visibility: hidden;
	}
/* ------ HEADER ------ */
	.img_menu_sup	
	{
		width: auto;
		height: 25px;
	}	
	.lbl_header_top
	{
		color: #1eabed;
		font-size: 1vw;
	}
	.lbl_info_top
	{
		font-size: 1vw;
		font-weight: bold;
	}
	#depot_name
	{
		color: #1eabed; 
		font-weight: bold; 
		font-size: 1.5vw;
	}		
}

/**********************************************************************************************************/	
/*                                   915 x 412 - SMARTPHONE PAYSAGE                                       */
/*                 Small devices (portrait tablets and large phones, 600px and up) 915 x 412              */
/**********************************************************************************************************/	

@media only screen and (min-width: 600px) 
{
	body 
	{
		background-color: yellow;	
	}
	
/*>>>>>>>>>>>>>>>>   parents   >>>>>>>>>>>>>>>>>>>>>>>>*/
/*	.menu_top
	{
		background-color: #FAFAFA;
		width: 100%;
		min-height: 35px;
		position: fixed;
		top: 0;
		letf: 0; 
		right: 0;
		z-index: 100;
	}*/
	.menu_general
	{
		font-size: 1.2vw;
		font-weight: bold;
		color: blue;		/*#585858;*/
	}	
	.menu_general:hover
	{
		color: #0101DF;	
		cursor: pointer;
		transition: transform .1s;
	}
	.menu_general:hover
	{
		transform-origin: left;
		-ms-transform: scale(1.2); /* IE 9 */
		-webkit-transform: scale(1.2); /* Safari 3-8 */
		transform: scale(1.2);
	}
	.menu_general_header
	{
		font-size: 1.2vw;
		font-weight: bold;
		color: #585858;
	}
	.menu_left_entete
	{
		font-weight: bold; 
		font-size: 1.1vw;
	}
	.menu_left_option
	{
		font-size: 1vw;
	}
	.div_screen_menu_left
	{
		width: 15%;	
		max-width: 15%;
/*		float: left; 
		z-index: 10; 
		height: 98%; 
		min-height: 92%; 
		top: 10%;*/
	}	
	.fieldset_menu_left
	{
		width: 10%; 
		max-width: 17%;
/*		border-color: #0404B4;
		background-color: #FAFAFA; 
		border-radius: 5px;  
		position: absolute; 
		opacity: 0.8;*/
	}	
	.div_screen_1
	{
		width: 81%;
		float: right;
	}
	.espace_br
	{
		display: none;
		visibility: hidden;
	}	
/* ------ HEADER ------ */
	.img_menu_sup	
	{
		width: auto;
		height: 25px;
	}	
	.lbl_header_top
	{
		color: #1eabed;
		font-size: 1vw;
	}
	.lbl_info_top
	{
		font-size: 1vw;
		font-weight: bold;
	}
	#depot_name
	{
		color: #1eabed; 
		font-weight: bold; 
		font-size: 1.5vw;
	}
/* ------ COMMUNICATIONS ------ */
	.tableau_entete
	{
		font-size: 1.5vw;
		text-align: left;
	}
	.tableau_ligne
	{
		font-size: 1.2vw;
		text-align: left;
	}
	.tableau_ico
	{
		height:1vw; 
		width:auto; 
		cursor: pointer; 
		padding: 3px 0px 0px 0px;
	}
	.ico_tableau	
	{
		height:30px; 
		width:auto;
		cursor: pointer;
		padding: 3px 0px 0px 0px;
	}
}




/* Medium devices (portrait tablets, 768px and up) TABLETTE PORTRAIT 800 x 1280 - SMARTPHONE PORTRAIT*/
/*@media only screen and (min-width: 768px) 
{
	body {
 /*		background-color: #FFFF00;	*/
/*	}	

}*/




/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) 
{
  body {*/
 /*   background-color: blue;	*/
 /* }	
	

	
	
}*/

/**********************************************************************************************************/	
/*                                        De    1 2 0 0    à    1 9 0 0                                   */
/**********************************************************************************************************/	
/*
@media only screen and (min-width: 1200px)
{
	body {
		background-color: white;				/*	red;	*/
	}	
/*	.body-class
	{
		width: 99%;
		max-width: 99%;
		height: 100%;
		min-height: 100%;
		background-image: url(../ico/Wave_fond.png);
		background-position: top center;
		background-repeat:no-repeat;
	}

/*>>>>>>>>>>>>>>>>   parents   >>>>>>>>>>>>>>>>>>>>>>>>*/
/*	.menu_top
	{
		background-color: #FAFAFA;
		width: 100%;
		min-height: 35px;
		position: fixed;
		top: 0;
		letf: 0; 
		right: 0;
		z-index: 100;
	}*/
/*	.fieldset_menu_left
	{
		width: 17%; 
		max-width: 17%;
/*		border-color: #0404B4;
		background-color: #FAFAFA; 
		border-radius: 5px;  
		position: absolute; 
		opacity: 0.8;*/
	}
/*	.menu_general
	{
		font-size: 1.3vw;
	/*	font-weight: bold;*/
/*		color: blue;
	}	
	.menu_general:hover
	{
		color: #0101DF;	
		cursor: pointer;
		transition: transform .1s;
	}
	.menu_general:hover
	{
		transform-origin: left;
		-ms-transform: scale(1.2); /* IE 9 */
/*		-webkit-transform: scale(1.2); /* Safari 3-8 */
/*		transform: scale(1.2);
	}
	.menu_general_header
	{
		font-size: 1.3vw;
		font-weight: bold;
		color: #585858;
	}
	.menu_left_entete
	{
		font-weight: bold; 
		font-size: 1.1vw;
	}
	.menu_left_option
	{
		font-size: 1vw;
	}

	.div_screen_menu_left
	{
		width: 15%;	
		max-width: 15%;
/*		float: left; 
		z-index: 10; 
		height: 98%; 
		min-height: 92%; 
		top: 10%;*/
/*	}	
	.div_screen_1
	{
		width: 81%;
		float: right;
	}
	.espace_br
	{
		display: none;
		visibility: hidden;
	}
	
/* HEADER */
/*	.img_menu_sup	
	{
		width: auto;
		height: 25px;
	}
	.lbl_header_top
	{
		color: #1eabed;
		font-size: 1.1vw;
	}
	.lbl_info_top
	{
		font-size: 1.1vw;
		font-weight: bold;
	}
	#depot_name
	{
		color: #1eabed; 
		font-weight: bold; 
		font-size: 1.3vw;
	}
	.menu_look
	{
		cursor: pointer; 
		font-size: 0.9vw;
/*		transition: transform .1s;*/
/*	}
	.menu_look:hover
	{
		cursor: pointer;
/*		background-color: #1eabed; */
/*		-ms-transform: scale(1.1); /* IE 9 */
/*		-webkit-transform: scale(1.1); /* Safari 3-8 */
/*		transform: scale(1.1);*/
/*	}
	#lbl_menu_info
	{
		color: #1eabed; 
		font-size: 1vw;
		font-weight: bold; 
		cursor: pointer;
	}
/* ------ COMMUNICATIONS ------ */
/*	.tableau_entete
	{
		font-size: 1.5vw;
		text-align: left;
	}
	.tableau_ligne
	{
		font-size: 1.1vw;
		text-align: left;
	}
	.tableau_ico
	{
		height:1vw; 
		width:auto; 
		cursor: pointer; 
		padding: 3px 0px 0px 0px;
	}	
	
	
	
	
/* ---------------------------------MATIERE PAR CLASSE ---------------------------------*/
/*	.lbl_std
	{
		font-size: 0.9vw;
	}
	.lbl_etiq
	{
		font-size: 0.8vw;
	}
	.lbl_etiq_tableau
	{
		font-size: 0.7vw;
	}
	.input_ligne
	{
		border: none;
		border-radius: 0px;
		border-style: hidden;
		border-bottom: 1px solid #D8D8D8;
		font-size: 0.8vw;
	}
	.lbl_etiq_ligne
	{
		font-size: 0.7vw;
	}
	.combo_ligne
	{
		border-style: hidden;
		border-bottom: 1px solid #D8D8D8;
		box-shadow: 4px 4px #ccc
	}
	.lbl_etiq_blue
	{
		font-size: 0.8vw;
		color: #1eabed;
		font-weight: bold;
	}
	.lbl_etiq_blue_u
	{
		font-size: 0.8vw;
		color: #1eabed;
		font-weight: bold;
		text-decoration: underline;
	}	
	.lbl_etiq_red
	{
		font-size: 0.7vw;
		color: #e72b34;
		font-weight: bold;
	}
	.lbl_etiq_gray
	{
		font-size: 0.7vw;
		color: #6E6E6E;
	}	
	.lbl_checkbox
	{
		font-size: 0.8vw;
		padding-top: 5px;
	}
	.input_tableau
	{
		font-size: 0.8vw;
		text-align: left;
		border: none;
		cursor: pointer;
	}
/* --------------------------------- BULLETINS ---------------------------------*/
/*	.lbl_options
	{
		font-size: 0.9vw;
	}
	.lbl_bull_points
	{
		font-size: 0.8vw;
		font-weight: bold;
	}
	.lbl_bull_points_red
	{
		font-size: 0.8vw;
		font-weight: bold;
		color: #e72b34
	}
	.textarea_legend
	{
		font-weight: bold; 
		font-size: 0.8vw;
		
	}
/* --------------------------------- GÉNÉRAL ---------------------------------*/	
/*	.input_tableau_9
	{
		font-size: 0.8vw;
		text-align: left;
		border: none;
		cursor: pointer;
	}	
	.info_std
	{
		font-size: 0.7vw;
		color: #FFFFFF;
	}	
	.dash_blanc_r
	{
		font-weight: bold; 
		color: #FFFFFF;		/*#FF3131; */
/*		text-align: right; 
		font-size: 0.7vw;
	}
	.dash_rouge_r
	{
		font-weight: bold; 
		color: #FF0040;		/*#FF3131; */
/*		text-align: right; 
		font-size: 0.7vw;
	}
	.dash_vert_r
	{
		font-weight: bold; 
		color: #00FF00; 
		text-align: right; 
		font-size: 0.7vw;
	}		
	.titre
	{
		text-align: center; 
		font-size: 0.8vw;
		cursor: pointer;
	}
	.titre_center
	{
		text-align: center; 
		font-size: 0.7vw;
	}	
	.titre_left
	{
		text-align: left; 
		font-size: 0.7vw;
	}
/* --------------------------------- PRÉ INSCRIPTIONS ---------------------------------*/	

/* --------------------------------- HORAIRES ---------------------------------*/	
/*	.tr-horaire
	{
		height: 1.2vw;
		width: 100%;
		vertical-align: middle;
	}
	.tr-horaire-sepa
	{
		height: 0.8vw;
		width: 100%;
		vertical-align: middle;
	}
	.td_horaire{
		background-color: #1eabed;
		border-radius: 0.8vw;
		cursor: pointer;
	}
	.col-1
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left; 
		left: 0%;
	}
	.col-2
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left; 
		left: 3%;
	}
	.col-3
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left;
		left: 6%;
	}
	.col-4
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left;
		left: 9%;
	}
	.col-5
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left; 
		left: 12%;
	}	
	.lbl_heures{
		font-weight: bold;
		color: #FFFFFF;
		font-size: 0.8vw;
	}
	.lbl_classes{
		font-size: 0.6vw;
		font-weight: bold;
		color: #000000;
	}	
	.td_lbl_cours{
		width: 80%;
		max-width: 80%;
		font-size: 0.6vw;
		vertical-align: middle;
	}	
	.lbl_cours{
		font-size: 0.6vw;
		vertical-align: middle;
	}
	.legend-horaire
	{
		font-weight: bold;
		font-size: 0.9vw;
	}	
	.lbl_mat_jc
	{
		font-size: 0.8vw;
		color: #1eabed;
		font-weight: bold;
	}	
	.lbl_cours_jc
	{
		font-size: 0.8vw;
		width: 98%; 
		padding: 1%; 
		border: none; 
		line-height: 1.5;
		resize: none;
	}	
}
*/
/**********************************************************************************************************************************************/
/*                                                      De 1 2 0 0    à    1 9 0 0                                                            */
/*                                    Extra large devices (large laptops and desktops) 1480 x 800                                             */
/**********************************************************************************************************************************************/

@media only screen and (min-width: 1200px)		/* and (max-width: 1599px)*/
{
	body {
/*		background-color: red;	*/
	}	
	.body-class
	{
		width: 99%;
		max-width: 99%;
		height: 100%;
		min-height: 100%;
		background-image: url(../ico/Wave_fond.png);
		background-position: top center;
		background-repeat:no-repeat;
	}
/********************************   Informations   ********************************/
	.info_large_black
	{
		font-size: 0.8vw;
		color: #424242;
	}



/********************************   parents   ********************************/
	.legend_general			/*ok*/
	{
		font-size: 0.8vw;
		color: #0404B4;
		font-weight: bold;
	}	
	.fieldset_general		/*ok*/
	{
		background-color: #FFFFFF; 
		border-radius: 15px; 
		border-color: #0404B4;
	}	
	.fieldset_general_rose		/*ok*/
	{
		background-color: #FFFFFF; 
		border-radius: 15px; 
		border-color: #FC0A82;
	}


















	.fieldset_menu_left
	{
		width: 10%; 
		max-width: 17%;
/*		border-color: #0404B4;
		background-color: #FAFAFA; 
		border-radius: 5px;  
		position: absolute; 
		opacity: 0.8;	*/
	}
	.menu_general
	{
		font-size: 0.9vw;
/*		font-weight: bold;*/
		color: blue;		/*#585858;*/
	}	
	.menu_general:hover
	{
		color: #0101DF;	
		cursor: pointer;
		transition: transform .1s;
	}
	.menu_general:hover
	{
		transform-origin: left;
		-ms-transform: scale(1.2); /* IE 9 */
		-webkit-transform: scale(1.2); /* Safari 3-8 */
		transform: scale(1.2);
	}
	.menu_general_header
	{
		font-size: 0.8vw;
		font-weight: bold;
		color: #585858;
	}
	.menu_left_entete
	{
		font-weight: bold; 
		font-size: 1.1vw;
	}
	.menu_left_option
	{
		font-size: 0.8vw;
	}

	.div_screen_menu_left
	{
		width: 15%; 
		max-width: 15%;
/*		float: left; 
		z-index: 10; 
		height: 98%; 
		min-height: 92%; 
		top: 10%;*/
	}	
	.div_screen_1
	{
		width: 81%;
		float: right;
	}
	.espace_br
	{
		display: none;
		visibility: hidden;
	}
/* HEADER */
	.lbl_header_top
	{
		color: #1eabed;
		font-size: 0.9vw;
	}
	.lbl_info_top
	{
		font-size: 0.8vw;
		font-weight: bold;
	}
	#depot_name
	{
		color: #1eabed; 
		font-weight: bold; 
		font-size: 1vw;
	}
/* ------ COMMUNICATIONS ------ */
	.tableau_entete
	{
		font-size: 1vw;
		text-align: left;
	}
	.tableau_ligne
	{
		font-size: 0.8vw;
		text-align: left;
	}
	.tableau_ico
	{
		height:1vw; 
		width:auto; 
		cursor: pointer; 
		padding: 3px 0px 0px 0px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.menu_look
	{
		cursor: pointer; 
		font-size: 0.9vw;
/*		transition: transform .1s;*/
	}
	.menu_look:hover
	{
		cursor: pointer;
/*		background-color: #1eabed; */
/*		-ms-transform: scale(1.1); /* IE 9 */
/*		-webkit-transform: scale(1.1); /* Safari 3-8 */
/*		transform: scale(1.1);*/
	}
	.menu_look_div
	{
		font-size: 0.9vw;
		cursor: pointer;
		width: 80%;
		text-align: left;
/*		background : transparent;	*/
/*		transition: transform .1s;*/
	}	
	.menu_look_div:hover
	{
		background-color: #1eabed; 
		cursor: pointer;
/*		transition: transform .1s;*/
	}
/*	.menu_look_div:active
	{
		background: #1eabed; 
		cursor: pointer;
/*		transition: transform .1s;*/
/*	}*/
	#lbl_menu_info
	{
		color: #1eabed; 
		font-size: 1vw;
		font-weight: bold; 
		cursor: pointer;
	}
	.input_ligne				/*ok*/
	{
		border: none;
		border-radius: 0px;
		border-style: hidden;
		border-bottom: 1px solid #D8D8D8;
		font-size: 0.8vw;
		
	}
/* ---------------------------------MATIERE PAR CLASSE ---------------------------------*/
	.lbl_std
	{
		font-size: 0.9vw;
	}
	.lbl_etiq
	{
		font-size: 0.9vw;
	}
	.lbl_etiq_tableau
	{
		font-size: 0.8vw;
	}
	.lbl_etiq_blue
	{
		font-size: 0.8vw;
		color: #1eabed;
		font-weight: bold;
	}
	.lbl_etiq_blue_u
	{
		font-size: 0.8vw;
		color: #1eabed;
		font-weight: bold;
		text-decoration: underline;
	}	
	.lbl_etiq_red
	{
		font-size: 0.7vw;
		color: #e72b34;
		font-weight: bold;
	}	
	.lbl_etiq_gray
	{
		font-size: 0.7vw;
		color: #6E6E6E;
	}
	.lbl_checkbox
	{
		font-size: 0.8vw;
		padding-top: 5px;
	}
	.lbl_checkbox_2
	{
		font-size: 0.9vw;
		padding-top: 5px;
	}
	.input_tableau
	{
		font-size: 0.8vw;
		text-align: left;
		border: none;
		cursor: pointer;
	}
/* --------------------------------- BULLETINS ---------------------------------*/
	.lbl_options
	{
		font-size: 0.9vw;
	}
	.lbl_bull_points
	{
		font-size: 0.8vw;
		font-weight: bold;
	}
	.lbl_bull_points_red
	{
		font-size: 0.8vw;
		font-weight: bold;
		color: #e72b34
	}
	.textarea_legend
	{
		font-weight: bold; 
		font-size: 0.8vw;
	}
	
/* --------------------------------- GÉNÉRAL ---------------------------------*/	
	.input_tableau_9
	{
		font-size: 0.8vw;
		text-align: left;
		border: none;
		cursor: pointer;
	}	
	.info_std
	{
		font-size: 0.7vw;
		color: #FFFFFF;
	}	
	.dash_blanc_r
	{
		font-weight: bold; 
		color: #FFFFFF;		/*#FF3131; */
		text-align: right; 
		font-size: 0.7vw;
	}
	.dash_rouge_r
	{
		font-weight: bold; 
		color: #FF0040;		/*#FF3131; */
		text-align: right; 
		font-size: 0.7vw;
	}
	.dash_vert_r
	{
		font-weight: bold; 
		color: #00FF00; 
		text-align: right; 
		font-size: 0.7vw;
	}		
	.titre
	{
		text-align: center; 
		font-size: 0.8vw;
		cursor: pointer;
	}
	.titre_center
	{
		text-align: center; 
		font-size: 0.7vw;
	}	
	.titre_left
	{
		text-align: left; 
		font-size: 0.7vw;
	}

/* --------------------------------- CHECKBOX ---------------------------------*/		
	.lbl_checkbox_red
	{
		font-size: 0.9vw;
		padding-top: 5px;
		 color: red;
	}	
	.lbl_checkbox_blue
	{
		font-size: 0.9vw;
		padding-top: 5px;
		 color: #1eabed;
	}

/* --------------------------------- HORAIRES ---------------------------------*/	
	.tr-horaire
	{
		height: 1.2vw;
		width: 100%;
		vertical-align: middle;
	}
	.tr-horaire-sepa
	{
		height: 0.8vw;
		width: 100%;
		vertical-align: middle;
	}
	.td_horaire{
		background-color: #1eabed;
		border-radius: 0.8vw;
		cursor: pointer;
	}
	.col-1
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left; 
		left: 0%;
	}
	.col-2
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left; 
		left: 3%;
	}
	.col-3
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left;
		left: 6%;
	}
	.col-4
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left;
		left: 9%;
	}
	.col-5
	{
		width: 20%;
		min-width: 20%;
		max-width: 20%;
		float: left; 
		left: 12%;
	}	
	.lbl_heures{
		font-weight: bold;
		color: #FFFFFF;
		font-size: 0.8vw;
	}
	.lbl_classes{
		font-size: 0.6vw;
		font-weight: bold;
		color: #000000;
	}	
	.td_lbl_cours{
		width: 80%;
		max-width: 80%;
		font-size: 0.6vw;
		vertical-align: middle;
	}	
	.lbl_cours{
		font-size: 0.6vw;
		vertical-align: middle;
	}
	.legend-horaire
	{
		font-weight: bold;
		font-size: 0.9vw;
	}	
	.lbl_mat_jc
	{
		font-size: 0.8vw;
		color: #1eabed;
		font-weight: bold;
	}
	.lbl_cours_jc
	{
		font-size: 0.8vw;
		width: 98%; 
		padding: 1%; 
		border: none; 
		line-height: 1.5;
		resize: none;
	}	
/* --------------------------------- ADMINISTRATION GENERALE  ---------------------------------*/
	.resum_green
	 {
		font-size: 0.8vw;
		font-weight: bold;
		border-radius: 10px; 
		background-color: #3ADF00; 
		color: #FFFFFF;
	}	
	.resum_gray
	{
		font-size: 0.8vw;
		font-weight: normal;
		border-radius: 10px; 
		background-color: #D8D8D8; 
		color: #FFFFFF;
	}
	.resum_orange
	{
		font-size: 0.8vw;
		font-weight: bold;
		border-radius: 10px; 
		background-color: #FFBF00; 
		color: #FFFFFF;
	}
	.resum_red
	{
		font-size: 0.8vw;
		font-weight: bold;
		border-radius: 10px; 
		background-color: #FF0000; 
		color: #FFFFFF;
	}
	.resum_blue
	{
		font-size: 0.8vw;
		font-weight: bold;
		border-radius: 10px; 
		background-color: #0000FF; 
		color: #FFFFFF;
	}
	.resum_none
	{
		font-size: 0.8vw;
		font-weight: normal;
		border-radius: 10px; 
		background-color: transparent; 
		color: transparent;
	}
	
}

/**********************************************************************************************************/	
/*                               De    1 9 0 0    à    + + +                                              */
/**********************************************************************************************************/	

@media only screen and (min-width: 1900px)
{
	body 
	{

    background-color: white;			/*#FE2EF7;		 rose */	
	}	
	.body-class
	{
		width: 99%;
		max-width: 99%;
		height: 100%;
		min-height: 100%;
		background-image: url(../ico/Wave_fond.png);
		background-position: top center;
		background-repeat:no-repeat;
	}

/********************************   Informations   ********************************/
	.info_large_black
	{
		font-size: 0.9vw;
		color: #424242;
	}

/********************************   PARENTS GENERAL   ********************************/
	.legend_general			/*ok*/
	{
		font-size: 0.9vw;
		color: #0404B4;
/*		font-weight: bold;*/
	}	
	.fieldset_general		/*ok*/
	{
		background-color: #FFFFFF; 
		border-radius: 15px; 
		border-color: #0404B4;
	}	
	.fieldset_general_rose		/*ok*/
	{
		background-color: #FFFFFF; 
		border-radius: 15px; 
/*		border-color: #FC0A82;*/
		box-shadow: 0 0 5px #FC0A82, 0 0 10px #FC0A82, 0 0 20px #FC0A82;
		border: 1px solid #FC0A82;
	}
	.legend_general_rose			/*ok*/
	{
		color: #FFFFFF; 
		text-shadow: 0 0 5px #FC0A82, 0 0 10px #FC0A82, 0 0 20px #FC0A82;
		font-weight: bold;
		font-size: 1.2em;
	}



/*	.menu_top
	{
		background-color: #FAFAFA;
		width: 100%;
		min-height: 35px;
		position: fixed;
		top: 0;
		letf: 0; 
		right: 0;
		z-index: 100;
	}*/
	.menu_general
	{
		font-size: 0.8vw;
		font-weight: bold;
		color: #060A8C;		/*#585858;*/
	}	
	.menu_general:hover
	{
		color: #0101DF;	
		cursor: pointer;
		transition: transform .1s;
	}
	.menu_general:hover
	{
		transform-origin: left;
		-ms-transform: scale(1.2); /* IE 9 */
		-webkit-transform: scale(1.2); /* Safari 3-8 */
		transform: scale(1.2);
	}
	.menu_general_header
	{
		font-size: 0.8vw;
		font-weight: bold;
		color: #585858;
	}
	.div_screen_menu_left
	{
		width: 15%;	
		max-width: 15%;
		float: left; 
/*		z-index: 10; 
		height: 98%; 
		min-height: 92%; 
		top: 10%;*/
	}	
	.div_screen_1
	{
		width: 81%;
		float: right;
	}	
	.espace_br
	{
		display: block;
		visibility: visible;
	}
/* ------ HEADER ------ */
	.img_menu_sup	
	{
		width: 50%;
		height: auto;
	}	
	.lbl_header_top
	{
		color: #1eabed;
		font-size: 0.8vw;
	}
	.lbl_info_top
	{
		font-size: 0.9vw;
		font-weight: bold;
	}
	#depot_name
	{
		color: #1eabed; 
		font-weight: bold; 
		font-size: 1.2vw;
	}	
/* ------ COMMUNICATIONS ------ */
	.tableau_entete
	{
		font-size: 1.5vw;
		text-align: left;
	}
	.tableau_ligne
	{
		font-size: 1.1vw;
		text-align: left;
	}
	.tableau_ico
	{
		height:1vw; 
		width:auto; 
		cursor: pointer; 
		padding: 3px 0px 0px 0px;
	}		
	
	
	
	
	
	
	
/* ---------------------------------HEADER--------------------------------- */
/*	.lbl_header_top
	{
		color: #1eabed;
		font-size: 0.8vw;
	}
	.lbl_info_top
	{
		font-size: 0.8vw;
		font-weight: bold;
	}
	#depot_name
	{
		color: #1eabed; 
		font-weight: bold; 
		font-size: 1vw;
	}
	.menu_look
	{
		cursor: pointer; 
		font-size: 0.7vw;
/*		transition: transform .1s;*/
/*	}
/*	.menu_look:hover
	{
		cursor: pointer;
		background-color: #F5A9F2;		/*	#CED8F6;  */
/*		-ms-transform: scale(1.1); /* IE 9 */
/*		-webkit-transform: scale(1.1); /* Safari 3-8 */
/*		transform: scale(1.1);*/
/*	}
/*	.menu_look_div
	{
		font-size: 0.7vw;
		cursor: pointer;
		width: 80%;
		text-align: left;
/*		background : transparent;
/*		transition: transform .1s;*/
/*	}	
/*	.menu_look_div:hover
	{
		background: #F5A9F2;		/*	#CED8F6;  */
/*		cursor: pointer;
/*		transition: transform .1s;*/
/*	}
/*	#lbl_menu_info
	{
		color: #1eabed; 
		font-size: 0.8vw;
		font-weight: bold; 
		cursor: pointer;
	}
/* ---------------------------------Général ---------------------------------*/
/*	.lbl_std
	{
		font-size: 0.7vw;
		font-weight: normal;
	}	
	.lbl_etiq
	{
		font-size: 0.8vw;
		padding-top: 0.1vw;
	}
	.input_modif
	{
		font-size: 0.8vw;
		cursor: pointer;
	}	*/
	.input_ligne
	{
		border: none;
		border-radius: 0px;
		border-style: hidden;
		border-bottom: 1px solid #D8D8D8;
		font-size: 0.8vw;
		font-weight: bold;
	}
	.combo_ligne
	{
		border-style: hidden;
		border-bottom: 1px solid #D8D8D8;
		box-shadow: 4px 4px #ccc
	}
	.lbl_etiq_tableau
	{
		font-size: 0.7vw;
	}
/*	.lbl_etiq_tableau_h2
	{
		font-size: 0.9vw;
	}	*/
	.lbl_etiq_blue
	{
		font-size: 0.7vw;
		color: #1eabed;
		font-weight: bold;
	}
	.lbl_etiq_blue_u
	{
		font-size: 0.7vw;
		color: #1eabed;
		font-weight: bold;
		text-decoration: underline;
	}	
/*	.lbl_etiq_red
	{
		font-size: 0.7vw;
		color: #e72b34;
		font-weight: bold;
	}	
	.lbl_etiq_gray
	{
		font-size: 0.7vw;
		color: #6E6E6E;
	}
	.lbl_checkbox
	{
		font-size: 0.6vw;
/*		padding-top: 5px; */
/*	}
/*	.lbl_checkbox_2
	{
		font-size: 0.7vw;
		padding-top: 5px;
	}	
	.boxcheck
	{
		width: 1vw;
		height: 1vw;
	}
	.input_tableau
	{
		font-size: 0.6vw;
		text-align: left;
		border: none;
		cursor: pointer;
		background-color: transparent;
	}
	.input_tableau_a
	{
		font-size: 0.6vw;
		text-align: left;
		border: none;
		background-color: transparent;
	}	*/
	
/* --------------------------------- CHECKBOX ---------------------------------*/		
/*	.lbl_checkbox_red
	{
		font-size: 0.8vw;
		padding-top: 5px;
		 color: red;
	}	
	.lbl_checkbox_blue
	{
		font-size: 0.8vw;
		padding-top: 5px;
		 color: #1eabed;
	}	
	.lbl_checkbox_gray
	{
		font-size: 0.8vw;
		padding-top: 5px;
		 color: #D8D8D8;
	}	
/* --------------------------------- BULLETINS ---------------------------------*/
/*	.lbl_options
	{
		font-size: 0.9vw;
	}*/
	.lbl_bull_points
	{
		font-size: 0.7vw;
/*	font-weight: bold;*/
	}
	.lbl_bull_points_red
	{
		font-size: 0.7vw;
		font-weight: bold;
		color: #e72b34
	}
/* --------------------------------- GÉNÉRAL TABLEAU---------------------------------*/	
/*	.input_tableau_9
	{
		font-size: 0.7vw;
		text-align: left;
		border: none;
		cursor: pointer;
	}
	.info_std_white
	{
		font-size: 0.6vw;
		color: #FFFFFF;
	}	
	.info_std_black
	{
		font-size: 0.7vw;
		color: #424242;
	}	
	.info_large_black
	{
		font-size: 0.9vw;
		color: #424242;
	}	
	.dash_blanc_r
	{
		font-weight: bold; 
		color: #FFFFFF;		/*#FF3131; */
/*		text-align: right; 
		font-size: 0.7vw;
	}	
	.dash_rouge_r
	{
		font-weight: bold; 
		color: #FF0040;				/*#FF0040;		/*#FF3131; */
/*		text-align: right; 
		font-size: 0.7vw;
	}
	.dash_vert_r
	{
		font-weight: bold; 
		color: #00FF00; 
		text-align: right; 
		font-size: 0.7vw;
	}	
	.titre
	{
		text-align: center; 
		font-size: 0.7vw;
		cursor: pointer;
	}	
	.titre_center
	{
		text-align: center; 
		font-size: 0.7vw;
	}	
	.titre_left
	{
		text-align: left; 
		font-size: 0.7vw;
	}	
/* --------------------------------- GÉNÉRAL ---------------------------------*/	
	
/* --------------------------------- HORAIRES ---------------------------------*/	
/*	.tr-horaire
	{
		height: 1.1vw;
		width: 100%;
	}
	.tr-horaire-sepa
	{
		height: 0.8vw;
		width: 100%;
	}
	.td_horaire{
		background-color: #1eabed;
		border-radius: 0.8vw;
		cursor: pointer;
	}	
	.col-1
	{
		width: 18%;
		min-width: 18%;
		max-width: 18%;
		float: left; 
		left: 0%;
	}
	.col-2
	{
		width: 18%;
		min-width: 18%;
		max-width: 18%;
		float: left; 
		left: 2%;
	}
	.col-3
	{
		width: 18%;
		min-width: 18%;
		max-width: 18%;
		float: left;
		left: 2%;
	}
	.col-4
	{
		width: 18%;
		min-width: 18%;
		max-width: 18%;
		float: left;
		left: 2%;
	}
	.col-5
	{
		width: 18%;
		min-width: 18%;
		max-width: 18%;
		float: left; 
		left: 2%;
	}	
	.lbl_heures{
		font-weight: bold;
		color: #FFFFFF;
		font-size: 0.7vw;
	}
	.lbl_classes{
		font-size: 0.5vw;
		font-weight: bold;
		color: #000000;
	}	
	.lbl_cours{
		font-size: 0.6vw;
	}
	.legend-horaire
	{
		font-weight: bold;
		font-size: 0.9vw;
	}	
	.lbl_mat_jc
	{
		font-size: 0.6vw;
		color: #1eabed;
		font-weight: bold;
	}
	.lbl_cours_jc
	{
		font-size: 0.6vw;
		width: 98%; 
		padding: 1%; 
		border: none; 
		line-height: 1.5;
		resize: none;
	}	*/
	
}