/* AGENDA */
	#affiche_menu_agenda{
		display:none;
		position:absolute;
		top:-10px;
		left:-25px;
		z-index:2;
		width:40px;
		height:40px;
		background-color:#ffffff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border:1px solid #015093;
		cursor:pointer;
	}
	#affiche_menu_agenda img{
		width:20px;
		height:20px;
		margin-top:10px;
		cursor:pointer;
	}
	#affiche_menu_agenda input{
		display:none;
	}
	#menu_agenda{
		width:100%;
		display:block;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.bulles_days{
		display:none;
	}
	#bulles_days{
		float:left;
		margin-top:-25px;
		list-style-type:none;
		cursor:move;
	}
	#bulles_days li{
		display:inline-block;align-self:center;
	}

	#bulles_days li a{
		background-color:#015093;
		color:#ffffff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		padding:5px;
		width:20px;
		height:20px;
		float:left;
	}
	
	

	
	#agenda{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		padding:5px;
		background-color:red;
	}
	#agenda_menu_latg{
		position:fixed;
		top:120px;
		width:200px;
		height:auto;
		z-index:20;
		text-align:left;
		background-color:#eeeeee;
		font-size:12px;
		padding:5px 5px 20px 5px;
	}
	
	

	.agenda_global{
		float:left;
		width:95%;
		margin-top:5px;
		margin-left:0px;
		animation: agenda_global 0.5s ease-in-out;
	}
	.agenda_content_event{
		position:absolute;
		top:0;
		left:2%;
		width:95%;
		text-overflow: clip;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.agenda_menu_title1{
		float:left;
		width:100%;
		background-color:#383834;
		text-align:center;
		padding:3px 0;
		margin-bottom:3px;
	}
	.agenda_menu_title1, .agenda_menu_title1 a{color:#ffffff;}
	.agenda_menu_title{
		float:left;
		width:100%;
		background-color:#858484;
		color:#ffffff;
		text-align:center;
		padding:3px 0;
		margin-bottom:3px;
	}
	.agenda_menu_title input{
		border:0;
		color:#ffffff;
		background:transparent;
		font-size:16px;
		cursor:pointer;
		text-align:right;
		margin-right:4px;
	}
	.agenda_menu_title label,.agenda_menu_title1 a{cursor:pointer;}
	
	#calendrier{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	#mois_encours{
		float:left;
		width:100%;
		background-color:#f7f6f6;	
		padding:2px 0;
	}
		.calendrier_jour{float:left;width:14.28%;text-align:center;font-size:13px;}
		.class_semaine1 {background-color:#f2f2f2;}
		.class_semaine2 {background-color:#f7f6f6;}
		.class_jour {background-color:#f7f6f6;}
		.class_jour a{font-weight:bold;font-size:13px;color:#ce0000;}
		.minus{font-size:10px;}
	
	#agenda_tournees_liste{
		float:left;
		width:100%;
	}

	.agenda_li_tournee_class1{background-color:#dbdbdb;}
	.agenda_li_tournee_class2{background-color:#c5c5c5;}
	.agenda_li_incident_class{
		background-color:#ffffff;
		outline:1px solid #e2001a;
	}
	.bloc_liste_tournees{max-height:450px;}
	#agenda_background{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:1420px;
		z-index:200;
	}
	
	
	#agenda_heure, #agenda_heure_nodragg{
		float:left;
		list-style-type:none;
		width:3%;
		
	}
	#agenda_heure{margin:10px 0 0 10px;}
	#agenda_heure_nodragg{margin:86px 0 0 0px;}
	#agenda_heure li, #agenda_heure_nodragg li{
		text-align:right;
		padding:6px 6px 0 0;
		height:45px;
		border:1px solid #d7d7d7;
		color:#383834;
		font-weight:bold;
	}
	#agenda_heure_light, #agenda_heure_light_nodragg{
		float:left;
		list-style-type:none;
		width:62px;
		
	}
	#agenda_heure_light{margin:32px 0 0 200px;}
	#agenda_heure_light_nodragg{margin:32px 0 0 0px;}
	#agenda_heure_light li, #agenda_heure_light_nodragg li{
		text-align:right;
		padding:6px 6px 0 0;
		height:50px;
		border:1px solid #d7d7d7;
		color:#383834;
		font-weight:bold;
	}
	
	.class_li_plus{border-bottom:1px solid #ffb3b3!important;/* background-color:#eaeaea; */}
	.class_li_plus_AM{border-bottom:1px solid #c6c5c5!important;
	
	}
	.color_day_impair{background-color:#ffffff;}
	.color_day_pair{background-color:#eaeaea;}
	.color_day_ferie{background-color:#f1c100;}
	.cest_lheure{background-color:#f3c3c3;}
	
	.agenda_heure,.agenda_heure_light{
		float:left;
		list-style-type:none;
		width:99.3%;
		margin-top:2px;
	}

	.radio_hidden input[type=radio]{display:none;}
	.radio_hidden label{cursor:pointer;}

	.ui-widget-content{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.ui-widget-content:hover{
		-moz-box-shadow: 2px 2px 4px #656565;
		-webkit-box-shadow: 2px 2px 4px #656565;
		-o-box-shadow: 2px 2px 4px #656565;
		box-shadow: 2px 2px 4px #656565;
	}

	#agenda_colonnes_individus{
		float:left;
		list-style-type:none;
		/* width: 255 * '.$nb_chauffeurs.'px ; via php */
	}
	#agenda_colonnes_individus>li{
		float:left;
		display:inline-block;
		/* width:255px; */
		height:1359px;
	}
	#agenda_colonnes_individus_light{
		float:left;
		list-style-type:none;
		/* width: 146 * '.$nb_chauffeurs.'px ; via php */
	}
	#agenda_colonnes_individus_light>li{
		float:left;
		display:inline-block;
		width:146px;
		height:1150px;
	}
	
	.agenda_li_individus_class1{background-color:#ffffff;}
	.agenda_li_individus_class2{background-color:#ffffff;}/* #f0f1f1 */


		/* MODULE DE GESTION DU CHAUFFEUR */
		.gestion_chauffeur{
			font-size:16px;
			height:25px!important;
		}
		.gestion_chauffeur_light{
			font-size:12px;
			height:27px!important;
		}
		.gestion_chauffeur,.gestion_chauffeur_light{
			float:left;
			width:99.3%;
			padding-top:3px;
			
			font-style:italic;
			color:#ffffff;
			background-color:#383834;
		}
		.gestion_chauffeur a,.gestion_chauffeur_light a{color:#ffffff;}
		
		.gestion_chauffeur_fermer{
			font-size:12px;
		}
		.agenda_tableau_chauffeur{
			position:absolute;
			top:29px;
			left:0px;
			width:253px;
			min-height:50px;
			background-color:#383834;
			z-index:100;
		}
		.agenda_tableau_chauffeur, .agenda_tableau_chauffeur a{color:#ffffff;}
		.agenda_evenement_chauffeur{ /* ul */
			list-style-type:none;
		}
		.agenda_evenement_chauffeur>li{
			text-align:left;
			width:100%;
			/* border-bottom:1px solid #ffffff; */
			padding:3px 0 2px 0;
			/* min-height:25px; */
		}
		.agenda_evenement_chauffeur>li hr{
			float:left;
			width:100%;
			height:1px;
			background-color:#ffffff;
			border:0;
			margin:5px 0 5px;
		}
		
		/* MODULE DE GESTION DU CHAUFFEUR */
	
	#agenda_chauffeurs_liste{ /* ul */
		float:left;
		list-style-type:none;
		width:100%;
	}
	#agenda_chauffeurs_liste li{
		padding:3px 0;
		display:inline-block;
	}
	
	
	.bg_horaire{
		position:absolute;
		top:2px;
		left:2px;
		width:20px;
		height:25px;
		z-index:0;color:#bebebe;
	}
	
	.div_img_prop{
		height: 51px;
	}
	.div_img_prop_demij_light{height: 56px;}
	.div_img_prop_light{
		height:17px;
		padding-top:0.0015em;
	}
	.div_img_prop,.div_img_prop_light{
		border: 1px solid #e7e7e7;
		font-size:12px;
	}
	.div_img_prop_exists{
		height: 30px;
	}
	.agenda_evenement_prop{
			width:100%;
	}
	.agenda_evenement_prop_demi{
			width:50%;
			cursor:move;
			z-index:1;
			word-wrap: break-word;
	}
	.agenda_evenement_prop_light{
			width:100%;
			font-size:9px;
	}
	.agenda_evenement_prop, .agenda_evenement_prop_light{
			position:absolute;
			top:0;
			left:0; 
			cursor:move;
			z-index:1;
			word-wrap: break-word;
	}
	.text_event{
		display:inline-block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:30px;
		z-index:2;
		background:red;
		cursor:pointer;
	}
	
	
	details summary::-webkit-details-marker {
	display:none;
	}
	.details_tri[open] summary ~ * {
		animation: sweep .5s ease-in-out;
	}
	.details_tri summary {
		list-style: none;
		cursor:pointer;
	}
	@keyframes sweep {
	  0%    {opacity: 0; margin-left: -10px}
	  100%  {opacity: 1; margin-left: 0px}
	}
	
	
	.moyen_plus{
		display:inline-block;
		vertical-align:top;
		margin:3px 0 0 10px;
		text-align:center;
		color:#ffffff;
		font-size:27px;
		width:30px;
		height:30px;
		background-color:#0257a2;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.gros_plus{
		display:inline-block;
		text-align:center;
		color:#ffffff;
		font-size:35px;
		width:40px;
		height:40px;
		background-color:#0257a2;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	
	
	.boule_verte,.boule_orange,.boule_rouge,.boule_blanche,.boule_bleue{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin:0 auto;
		width:14px;
		height:14px;
		margin:0 auto;
	}
	.boule_verte{background-color:#54d903;}
	.boule_orange{background-color:#f8b108;}
	.boule_rouge{background-color:#d8041c;}
	.boule_blanche{background-color:#ffffff;}
	.boule_bleue{background-color:#015093;}

	
	
	/* PICTOS DANS L'AGENDA */
	.excel_agenda{
		position:absolute;
		top:130px;
		left:220px;
		z-index:19;
	}
	.excel_agenda,.excel_agenda img{
		width:25px;
		height:25px;
	}
	.even_manuel,.choisir_clients_employe, .client_rapide{
		position:fixed;
		z-index:200;
		top:25%;
		left:25%;
		width:50%;
		height:55%;
		border:1px solid #424242;
		color:#424242;
		background-color:#ffffff;
		-moz-box-shadow: 3px 3px 3px 0px #656565;
		-webkit-box-shadow: 3px 3px 3px 0px #656565;
		-o-box-shadow: 3px 3px 3px 0px #656565;
		box-shadow: 3px 3px 3px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=3);
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.choix_liste_client{
		width:100%;
		height:260px;
		overflow:auto;
	}
	.returns_agenda img{
		width:40px;
		height:auto;
	}
	
	
	#div_even_agenda{width:0;height:0;font-size:13px;}
	#div_vehicule_agenda{width:0;height:0;font-size:13px;}
	#div_ajout_evenement_agenda{width:0;height:0;font-size:13px;}
	.agenda_evenements_liste{
		position:absolute;
		bottom:0;
		left:0;
		width:90%;
		height:40px;
	}
	.agenda_evenements_liste >ul {list-style-type:none;width:100%;}
	.agenda_evenements_liste >ul li{display:inline-block;border:0px;margin-right:5px;width:17%;}
	.agenda_evenements_liste >ul li img{height:40px;}
	.panneau_inside{
		width:50%;
		margin:0 25% 5px;
		background-color:#daf2cc;
		padding:8px auto;
		text-align:center;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	.agenda_encart_essence,.agenda_encart_autoroute,.agenda_encart_incidents,.agenda_encart_accidents, .agenda_encart_tournee,.agenda_encart_vehicule{
/* 		position:absolute;
		left:40%;
		top:25%;
		padding:10px;
		width:20%; */
		position:fixed;
		top:25%;
		left:25%;
		width:50%;
		height:80%;
		padding:10px;
		
		
		height:520px;
		z-index:9999;
		color:#ffffff;
		text-align:left;
-moz-box-shadow: 0px 2px 2px 2px #9b9b9b;
-webkit-box-shadow: 0px 2px 2px 2px #9b9b9b;
-o-box-shadow: 0px 2px 2px 2px #9b9b9b;
box-shadow: 0px 2px 2px 2px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=2);
	}
	.agenda_encart_essence a,.agenda_encart_autoroute a,.agenda_encart_incidents a,.agenda_encart_accidents a,.agenda_encart_tournee a,.agenda_encart_vehicule a{
		color:#ffffff;
	}
	.agenda_icone,.agenda_logo{
		float:left;
		height:80px;
		margin-right:15px;
		background-color:#ffffff;
	}
	.agenda_icone{
		width:65px;
		vertical-align:middle;
	}	
	.agenda_logo{
		width:80px;
		vertical-align:middle;
	}
	
	.agenda_icone img{
		height:80px;
	}
	.agenda_logo img{
		width:80px;
	}
	
	.agenda_icone p{
		width:100%;
		text-align:center;
	}
	.agenda_encart_essence .agenda_icone p{
		background-color:#b4a361;
	}
	.agenda_encart_autoroute .agenda_icone p{
		background-color:#3c78b7;
	}
	.agenda_encart_incidents .agenda_icone p{
		background-color:#b4a361;
	}
	.agenda_encart_accidents .agenda_icone p{
		background-color:#601213;
	}
	
	.agenda_encart_essence{
		background-color:#6e643c;
	}
	.agenda_encart_autoroute{
		background-color:#004693;
	}
	.agenda_encart_incidents{
		background-color:#d85d14;
	}
	.agenda_encart_accidents{
		background-color:#a8121c;
	}
	.agenda_encart_tournee{
		background-color:#af7aaf;
	}
	.agenda_encart_vehicule{
		background-color:#969696;
	}
	.agenda_evenements_form>div{
		margin-top:8px;
	}
	.agenda_evenements_form textarea{
		font-family:Arial;
		font-size:12px;
		/* color:#424242; */
	}
	
	.agenda_evenements_fermer{
			position:absolute;
			right:0px;
			top:0px;
			width:60px;
			height:25px;
			margin:4px;
			text-align:right;
			font-size:13px;
			color:#ffffff;
			z-index:1;
	}
	.agenda_evenements_fermer a{color:#ffffff;}
	.agenda_evenememnts_erreur {
		float:left;
		width:95%;
		padding:5px;
		min-height:0;
		background-color:#ebecec;
-moz-box-shadow: inset 0px 2px 2px 2px #9b9b9b;
-webkit-box-shadow: inset 0px 2px 2px 2px #9b9b9b;
-o-box-shadow: inset 0px 2px 2px 2px #9b9b9b;
box-shadow: inset 0px 2px 2px 2px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=2);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
	}
	
	.agenda_supprimer_even{
			position:absolute;
			right:0px;
			bottom:4px;
			width:60%;
			height:20px;
			margin:0 20%;
			padding-top:4px;
			text-align:center;
			font-size:13px;
			border:3px solid #a8121c;
			background-color:#ffffff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			font-weight:bold;
	}
	.agenda_supprimer_even a{color:#000000;}


	.fermer{
		position:absolute;
		top:0px;
		right:10px;
		cursor:pointer;
	}
	.fermer, .fermer img{
		width:30px;
		height:30px;
	}
	.place_id{
		position:absolute;
		top:0px;
		left:10px;
	}
	.div_suppr_agenda{
			position:absolute;
			right:0px;
			bottom:50px;
			width:60%;
			height:20px;
			margin:0 20%;		
			text-align:center;
			font-size:13px;	
	}
	
		/* POUR EXCELLENCE */
		.options_evenements{
			position:absolute;
			z-index:1;
			top:10px;
			right:5px;
			width:30%;
		}
		
		
		/* POUR EXCELLENCE */
	
	/* PICTOS DANS L'AGENDA */
	
	.couleur_evenement_tournee{background-color:#daf2cc;z-index:11;}
	.couleur_evenement_tournee2{background-color:#bce6a3;z-index:11;} /*alternate*/
	
	.couleur_evenement_conges{background-color:#383834;z-index:10;}
	
	.couleur_evenement_maladie{background-color:#383834;z-index:10;}
	.couleur_evenement_accidenttravail{background-color:#383834;z-index:10;}
	.couleur_evenement_incident{background-color:#d85d14;z-index:10;}
	
	.couleur_evenement_autre{background-color:#daf2cc;z-index:10;}
	
	
	.couleur_evenement_maladie a{color:#ffffff;}
	.couleur_evenement_accidenttravail a{color:#ffffff;}
	.couleur_evenement_conges a{color:#ffffff;}
	.couleur_evenement_autre a{color:#ffffff;}
	.couleur_evenement_incident a{color:#ffffff;}
	
	.agenda_evenement_prop_exists{
			width:100%;
			height:32px;
			padding-top:5px;
			padding-left:5px;
			cursor:move;
			word-wrap: break-word;
			display:block;
			
	}

	
	.agenda_hebdo_jour{
		position:absolute;
		top:2px;
		left:2px;
		width:30px;
		height:20px;
		z-index:50;color:#bebebe;
	}
	
	
	
	.h0h{height:26px;}
	.h1h{height:51px;}
	.h1h15{height:64px;}
	.h1h30{height:77px;}
	.h1h45{height:90px;}
	
	.h2h{height:104px;}
	.h2h15{height:117px;}
	.h2h30{height:130px;}
	.h2h45{height:143px;}
	
	.h3h{height:155px;} /* + 53px à partir de là */
	.h3h15{height:168px;}
	.h3h30{height:181px;}
	.h3h45{height:194px;}
	
	.h4h{height:208px;}
	.h4h15{height:221px;}
	.h4h30{height:234px;}
	.h4h45{height:247px;}	
	
	.h5h{height:261px;}
	.h5h15{height:274px;}
	.h5h30{height:287px;}
	.h5h45{height:300px;}
	
	.h6h{height:314px;}
	.h6h15{height:327px;}
	.h6h30{height:340px;}
	.h6h45{height:353px;}
	
	.h7h{height:367px;}
	.h7h15{height:380px;}
	.h7h30{height:393px;}
	.h7h45{height:406px;}
	
	.h8h{height:410px;}
	.h8h15{height:423px;}
	.h8h30{height:436px;}
	.h8h45{height:449px;}
	
	.h9h{height:463px;}
	.h9h15{height:476px;}
	.h9h30{height:489px;}
	.h9h45{height:502px;}
	
	.h10h{height:526px;}
	.h10h15{height:529px;}
	.h10h30{height:542px;}
	.h10h45{height:555px;}
	
	.h11h, .h12h, .h13h, .h14h, .h15h{
		height:1000px;
background: -moz-linear-gradient(top, rgba(218,242,204,1) 71%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgba(218,242,204,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(218,242,204,1) 71%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(218,242,204,1) 71%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(218,242,204,1) 71%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(218,242,204,1) 71%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf2cc', endColorstr='#00ffffff',GradientType=0 );
	}




	.h24h{height:1320px;}

		
	.sh0h{height:17px;}
	.sh1h{height:17px;}
	.sh4h{height:17px;}
	.sh8h{height:34px;}
	.sh12h{height:51px;}
	.sh16h{height:68px;}
	.sh20h{height:85px;}
	.sh24h{height:110px;}
	
	
		#tournee_regular, #tournee_regular_jours, #tournee_repeter{ /* ul */
			list-style-type:none;
		}
		#tournee_regular_jours li{display:inline-block;padding:4px;}	
	
/* 1200px */
@media screen and (max-width: 1200px){
	#agenda_heure, #agenda_heure_nodragg{
		display:none;
	}
	.echanges2{margin:0 5px;}
	
	#affiche_menu_agenda{
		display:block;
	}
	#menu_agenda{display:none;}
	.bulles_days{
		display:block;
	}
	.resp_stock .form5pc{width:95%;text-align:left;margin:-20px 0 0 5%;}
	.resp_stock .form95pc{width:100%;}
	
	
	.resp_controle .form21pc,.resp_controle .form15pc,.resp_controle .form4pc{
		width:33%;
	}
	.resp_controle .form20pc,.resp_controle .form10pc{
		width:25%;
	}
	
	.resp_affiliations{
		font-size:13px;
	}
	.resp_affiliations .form20pc, .resp_affiliations .form30pc, .resp_affiliations .form10pc{
		width:25%;
	}
	.enr2{display:none;}
}

/* 850px */
@media screen and (max-width: 850px){
	#div_triStock, #div_triControle, #div_triException{
		font-size:13px;
	}
	#div_triStock .bold, #div_triControle .bold, #div_triException .bold{font-weight:normal;}
}

/* 700px */
@media screen and (max-width: 700px){	
	#affiche_menu_agenda{
		left:-5px;
	}

}

/* 540px */
@media screen and (max-width: 540px){	
	.resp_controleA .form25pc, 
	.resp_controleA .form10pc, 
	.resp_controleA .form5pc{
		width:33.33%!important;
	}
	.resp_controleA .form25pc{
		min-height:45px;
	}
}