@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../img/bg-site.png);
	font-family: Arial, Helvetica, sans-serif;
}

h5{
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  width: 200px;
}

#tableContact{
	min-height:200px;
	width:100%px;
}

#header{
	background-image:url(../img/bg-header.png);
	height: 134px;
	width:auto;
}

#fond-page{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#nav{
	/*padding:10px;*/
	/*padding-top:20px;*/
}

.left{
	min-height:750px;
	width:203px;
	float:left;
	margin-left:4px;
}

.right{
	min-height:830px; /*à changer quand il y aura du contenu : à mettre en auto*/
	width:815px;
	float:left;
	margin-left: 8px;
}

#calendar{
	min-height:170px;
	width:auto;
	/*margin:10px;*/
}

#menu-action{
	min-height:600px;
	margin-top: 10px;
	font-size:10px;
}
#menu-actionStat{
	min-height:600px;
	font-size:10px;
}
#menu-actionPersonnel{
	margin-top: 10px;
	font-size:10px;
}
#tabsAction{
	font-size:9px;
	width: 190px;
	/*border-color:#FFF;*/	
}

#tabsActionStat{
	font-size:9px;
	width: 200px;
	/*border-color:#FFF;*/	
}
#tabsActionPropositionCreneau{
	font-size:9px;
	width: 192px;
	/*border-color:#FFF;*/	
}

.container-menu-haut{
	min-height:40px;
	width:800px;
	margin:10px;
}

.menu-haut-gauche{
	/*height:50px;*/
	/*width:450px;*/
	padding:3px;
	float:left;
	border:#CCC 1px solid;
	border-radius: 3px;	
	background-color:white;
}

.duppliquerPlanning td{
	padding:10px;
	font-size:12px;
}

.bloc_duplication{
	margin-top:10px;
	font-size:14px;
	background-color:#E0E0E0;
	padding:5px;
	border-radius: 2px;
	border-top: solid #6C6C6C 1px;
	border-bottom: solid #6C6C6C 1px;
}

.text-menu-haut{
	font-size:10px;
	padding:5px;
	text-align:center;
}

#menu-haut-droite{
	height:50px;
	width:250px; /*350*/
	float:right;
	border:#CCC 1px solid;
	border-radius: 3px;	
	padding:3px;
	background-color:white;	
	text-align:center;
	margin-right: 14px;
}

#menu-haut-droite-personnel{
	height:27px;
	width:410px;
	float:right;
	border:#CCC 1px solid;
	border-radius: 3px;	
	padding:3px;
	background-color:white;	
}



.nav_haut_droit_date{
	/* float:right; */
	font-size:11px;
	padding:5px;
	text-align:left;
	color:#1676B5;
	display:inline-block;
}

.contenu{
	min-height:	730px;
	width:785px;
	margin:10px;
	overflow:hidden;
	border:#FFF solid 1px;
	border-radius: 3px;
	background-color:white;	
}

#contenuPropositionCreneau{
	min-height:	730px;
	margin:10px;
	overflow:hidden;
	border:#CCC solid 1px;
	border-radius: 3px;
	background-color:white;	
}

#message{
	position:absolute;
	text-align:center;
	min-height:40px;
	width:298px;
	margin-left: 300px;
	margin-top: -43px;
	display:none;
	border: 1px solid #CCC;
	opacity: .7;
	color: #000;
}

#planning{
	min-height: 930px;
	padding:5px;
	width: 1030px;	
}

ul {
	list-style-type: none;
}


.datepicker{
	font-size:11.2px;	
	margin-top:9px;
}

.datepickerPersonnel{
	font-size:11.2px;	
	margin-top:9px;
}


.cacher{
	display:none;	
}

#tabs{
	font-size:11px;	
	width: 1100px;
	margin-left: -60px;
	border: none;
}

.ui-tabs{
	position:relative; /* 08/01 modifie par LS ancienne valeur absolute */
}

#calendrierPlanning{
	padding:0px;
}

#cyclePlanning ul{
	margin:0px;
}

#cyclePlanning ul li{
	font-size:9px;
	line-height:20px;
	font-weight: bold;
}
#cyclePlanning ul li input{
	margin-left:-5px;
}
#cyclePlanning ul li span{
	margin-top:4px;
	display:inline-block;
}

.draggable{
	width: 1060px; 
	min-height: 10px; 
	padding: 0.5em; 
	float: left; 
	margin: 0 10px 10px 0;
	cursor: e-resize;
	left: 58px;
	/*border-bottom-color: #FFF;*/
	/*background-color:#f5f5f5;*/
}

.draggable-agent{
	left: 102px;
}



.draggable2{
	position:absolute;
	/*width: 98px; */
	height: 18px; 
	padding: 0.5em; 
	float: left;
	background-color:#FFF;
	cursor: e-resize;
	text-align:center;
	border-color: #FFF;
	overflow: hidden;
}



.tabHeure{
	position:absolute;
	width: 1056px; 
	height: 22px; 
	float: left; 
	background-color:#1676b5;
	color:white;	
}

.container_creneau{
	margin-top:28px;
	width: 1056px; 
	height: 40px; 
	float: left;
}
.creneaux{
	position:absolute;
	background-color:white;	
}

.surcouchepourcreneau{
	/*background-color:black;*/
}

.planningJour{
	margin-top:20px;
	width: 1455px; 
	min-height: 30px; 
	padding: 5px; 
	float: left; 
	margin-left: -295px;
	overflow:hidden;
	/*background-color:black;*/
}

.apercuPlanning {
	margin-left: 26%;
	overflow: hidden;
	width: 61%;
}

.heureJour{
	width:42px;
	height: 20px;
	float:left;	
	text-align:center;
	border:solid 1px white;
}

#menuAjouterSitesEquipement{
	width: 120px;
	height: 25px;
	text-align:center;
	padding:2px;
}

#dialogAjouterSite{
	display:none;	
}

#dialogAjouterEquipement{
	display:none;
}

.cursor{
	cursor:pointer;
}

.quartheure{
	width: 11px;
	height: 30px;
	float:left;	
	-webkit-transition: all .3s ease-out;
   	-moz-transition: all .3s ease-out;
   	-o-transition: all .3s ease-out;
   	transition: all .3s ease-out;
	background-color:#CCC;
	/*background-color:#666;*/
}

.quartheure:hover{
	cursor:pointer;
	background-color:#1575b5;
   opacity:0.5;
	
}

.quartheureBorder{
	width: 10px;
	height: 30px;
	border-left : white solid 1px;
	float:left;	
	-webkit-transition: all .3s ease-out;
   	-moz-transition: all .3s ease-out;
   	-o-transition: all .3s ease-out;
   	transition: all .3s ease-out;
	background-color:#CCC;
	/*background-color:#666;*/
}

.quartheureBorder:hover{
	cursor:pointer;
	background-color:#1575b5;
   opacity:0.5;
	
}

.quartheureDemiBorder{
	width: 10px;
	height: 30px;
	border-left : #bfbfbf solid 1px;
	float:left;	
	-webkit-transition: all .3s ease-out;
   	-moz-transition: all .3s ease-out;
   	-o-transition: all .3s ease-out;
   	transition: all .3s ease-out;
	background-color:#CCC;
	/*background-color:#666;*/
}

.quartheureDemiBorder:hover{
	cursor:pointer;
	background-color:#1575b5;
   opacity:0.5;
	
}

#ajouterPlanning{
	padding:5px;
	font-size:12px;	
}

#formModificationPlanning{
	padding:5px;
	font-size:12px;	
}


.input_nombre{
	width:40px;	
}

.input_select_nombre{
	width:60px;	
}

.input_select{
	width:95px;	
}

.input_special{
	min-width:auto;	
}

.input_text{
	width:150px;
}

.choixRecurrence{
	display:none;	
}

.bloc1_recurrence{
	margin-top:10px;
	font-size:10px;
	width: 465px;
	min-height: 230px;
	background-color:#E0E0E0;
	padding:5px;
	border-radius: 2px;
	border-top: solid #6C6C6C 1px;
	border-bottom: solid #6C6C6C 1px;
}

.colonne_gauche{
	padding:10px;
	float:left;
	width:120px;
	min-height: 160px;	
	margin-top:20px;
}

.colonne_droite{
	border-left:solid #ABABAB 1px;
	width:300px;
	float:left;
	padding:10px;
	min-height: 170px;
}

.bloc2_recurrence{
	font-size:10px;
	margin-top:10px;
	width: 455px;
	min-height: 90px;
	padding:10px;
	background-color:#E0E0E0;
	border-radius: 2px;
	border-top: solid #6C6C6C 1px;
	border-bottom: solid #6C6C6C 1px;
}

.optionshebdomadaire{
	display:none;	
}

.optionsmensuelle{
	display:none;	
}

.optionsannuelle{
	display:none;	
}

.optionscycle{
	display:none;	
}

.espace_bottom{
	padding:5px;
}

#datedialog{
	width:480px;
	padding:5px;
	height:40px;
	text-align:center;
	background-color:#E0E0E0;
	border-radius:5px;
	font-size:20px;
	margin-top:-10px;
	margin-bottom: 8px;
	font-weight:bold;
	color: #1676b5;
}

#datedialogModif{
	width:480px;
	padding:5px;
	min-height:60px;
	text-align:center;
	background-color:#E0E0E0;
	border-radius:5px;
	font-size:20px;
	margin-top:-10px;
	margin-bottom: 8px;
	font-weight:bold;
	color: #1676b5;
}

#equipementDateDialog{
	font-weight:bold;
	color: #1676b5;
	font-size:16px;
}


.datejourcreneau_equipement{
	min-height: 20px;
	position:absolute;
	z-index: 100;
	margin-left: 290px;
	font-size:8px;
 }
/*css pour la partie Demandes*/
.datejourcreneau_equipementD{
	min-height: 20px;
	position:relative;
	z-index: 100;
	margin-left: 375px;
	font-size:8px;

}
.nomsite_equipementD{
	position: absolute;
	width:80px;
	height:32px;
	background-color:#1475b5;
	border: solid 1px black;
	z-index:100;
	color:white;
	font-weight:bold;
	font-size:9px;
	margin-top:54px;
	line-height:27px;
	text-align:center;
	opacity:0.7;
	cursor:pointer;
	left: 0.4%;
}
.jourdateD{
	height:10px;
	float:left;
	margin-top:-5px;
	padding:3px;
	position:relative;
	color:#333333;
	font-size:11px;
}

/*fin du css pour la partie Demandes*/
.jourdate{
	width:150px;
	height:10px;
	float:left;
	margin-top:-20px;
	padding:3px;
	position:inherit;
	color:#333333;
	font-size:11px;
}

.nomsite_equipement{
	width:80px;;
	height:32px;
	background-color:#1475b5;
	border: solid 1px black;
	z-index:100;
	color:white;
	font-weight:bold;
	font-size:9px;
	margin-top:34px;
	line-height:27px;
	text-align:center;
	opacity:0.7; 
	cursor:pointer;
}
.nomsite_equipement span, .nomsite_equipementD span{
	width:80px;
	line-height:10px;
	display:inline-block;
	vertical-align:middle;
}
#menu-action input[type=checkbox]
{
	margin-bottom:3px;
}

#utilisateurCategorie input[type=checkbox]
{
	margin-bottom:5px;
}

#formAjoutUtilisateur{
	font-size:12px;	
}

#divModifierUtilisateur{
	font-size:12px;	
}

#formAjoutCreneau{
	font-size:10px;	
}

#detailsUsers{
	width: 480px;
	height: 350px;
	background-color:#E0E0E0;
	padding: 10px;
	font-size:10px;
	overflow:auto;
	margin-top: 15px;
}

#lieuxPratiqueUtilisateur
{
	width: 480px;
	height: 350px;
	background-color:#E0E0E0;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 10px;
	font-size:10px;
	overflow:auto;
	font-weight:bold;
	line-height:14px;

}
#lieuxPratiqueUtilisateur ul{
	list-style-type:circle;	
}


#codeCouleurUtilisateurPlanning{
	width:60px;
	height:30px;
	/*background-color:#06C;	*/
}


#catUser li{
	font-size: 10px;
		padding: 3px;
		margin-top:5px;
		width: 160px;
		margin-left:-25px;
}

.user{
	
}

.user li{
	text-align:left;
	width: 105px;
	margin-left:-10px;
}

.listeuser{

	width:172px;	

	/*margin-left:-24px;*/
}

.listeuserActif{
	width:172px;	

	margin-left:-24px;
}

.site li{
	font-size:9px;
	padding:3px;
}
.sites{
	font-size:9px;
	width: 110px;	
}

.listedesequipements{
	padding:3px;
	width:123px;
	margin-top:-3px;
}

.listedesequipementsMail{
	padding:3px;
	width:123px;
	margin-top:-3px;
	margin-left: 30px;
}
	
#utilisateurs{
	width:170px;
    padding-top: 0px;
    padding-left: 2px;
}

#equipements{
	width:170px;
    padding-top: 0px;
    padding-left: 2px;
}

.equipements{
	width:149px;
	margin-left:-40px;
}

.ui-widget-header{
	background:none;
	border:none;	
}

#tableaucompetition{
	font-size:10px;
}
#tableauoccupationweekend{
	font-size: 10px;
}
#tableauDerniersCreneaux{
	font-size:10px;
}

#tableauevenement{
	font-size:10px;
}

#tableauconfirmer{
	font-size:10px;
}

#cycle{
	width: 680px;
	height: 440px;
}

#ajouterCycle{
	width: 680px;
	height: 140px;
	vertical-align:central;
	padding:10px;
	border:solid 1px #CCCCCC;
	background-color:#E8E8E8;
}

#ajouterCycle p{
	font-size:10px;
}

#listerCyle{
	width: 680px;
	min-height: 220px;
	background-color:#E8E8E8;
	border:solid 1px #CCCCCC;
	padding:10px;
	font-size: 10px;
}

#cycle img{
	margin-left:85px;	
}

#container_mail{
	width: 860px;
	height:400px;
	background-color:#E9E9E9;	
}

#destinataire{
	float:left;
	width: 410px;
	height: 380px;
	padding: 10px;
	font-size:10px;	
}

#blocDestinataire{
	background-color:#FFF;
	width:360px;
	padding:10px;
	height:300px;
	overflow:auto;
}

#expediteurObjetMessage{
	float:left;
	width: 410px;
	height: 380px;
	padding: 10px;
	font-size:10px;	
}

#mailSite{
	display:none;	
}

#tabsInfos, #tabsLieuxDePratique, #tabsFacture{
	padding: 0;
}

#tabsInfosFactureUser{
	border:none;	
}

.groupeBoutons{
	position: absolute;
	bottom: 0;
	left:300px;
	margin-top: 200px;
	float: right;
}

.repetition{
	width:480px;
	height: 200px;
	padding:10px;
	margin-bottom:10px;
}
.suivantes{
	background:#55aeea;
	height:200px;
	overflow: auto;
}
.actuelles{
	background:#CCC;
	height:200px;
	overflow: auto;
}
.precedentes{
	background:#ef7f02;
	height:200px;
	overflow: auto;
}

#tabs-3{
	font-size:10px;	
}

.mesTitresCourriers{
	position:absolute;
	margin-top:9px;
	margin-left:10px;
	background-color:#FFF;
}

.mesTitresModele{
	position:absolute;
	margin-top:9px;
	margin-left:10px;
	background-color:#FFF;
}

#personnel{
	/*min-height: 930px;*/
	padding:3px;
}
#propositionCreneau{
	margin-top: 5px;
	min-height: 930px;;
	padding:0px;
	/*background-color:whitesmoke;*/
}
#loaderbackground{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index: 30050;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	/*display:none;*/
}

#loader{
	text-align:center;
	margin-top:19%;
	background-image:url(../img/468.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height:150px;
	z-index: 30051;
	transform:scale(1.2);
}

#allPage{
	min-height:1000px;
	/*overflow:auto;*/
	width:auto;
	/*background-color:whitesmoke;*/
}

#factureUsers{
	width: 480px;
	height: 350px;
	background-color:#E0E0E0;
	padding: 10px;
	font-size:10px;
	overflow:auto;
	margin-top: 15px;
}

#fichierUsers{
	width: 480px;
	height: 350px;
	background-color:#E0E0E0;
	padding: 10px;
	font-size:10px;
	overflow:auto;
	margin-top: 15px;
}

#ConventionsUsers{
	width: 480px;
	height: 350px;
	background-color:#E0E0E0;
	padding: 10px;
	font-size:10px;
	overflow:auto;
	margin-top: 15px;
}

#tabPropositionCreneau{
	width:700px;
	min-height: 100px;	
}

.trophes2{
	display: inline-block;
	line-height: 14px;
	margin-top:2px;
  	vertical-align: text-top;
	height:14px;
	width:14px;
	background-repeat:no-repeat;
	background-image:url(../img/trophees2.png);	
}

.trophes{
	display: inline-block;
	line-height: 14px;
	margin-top:2px;
  	vertical-align: text-top;
	height:14px;
	width:14px;
	background-repeat:no-repeat;
	background-image:url(../img/coupe.png);	
}


.cadreUtilisateur{
	height:22px;
	line-height: 18px;
	width:130px;	
}

.cadreUtilisateur span{
	display:inline-block;
	line-height:9px;
	vertical-align:middle;

}

.cadreUtilisateur #utilisateurPlanningDemande {
	line-height:9px;
	margin: auto;
}

/*.ui-widget-content {
	border : 1px solid #FFFFFF;
}*/

.parcSportif{	
	width: 100px;
	height: 20px;
	background-color:#0C0;
	margin-top: -30px;
	margin-left: 750px;
	text-align: center;
	padding : 2px;
	color: #FFF;
	font-weight:bold;
	font-size:10px;
}

.btn-primary2 {
  color: #FFF;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
  background-color: #84ad08;
  *background-color: #84ad08;
  background-image: -moz-linear-gradient(top, #84ad08, #84ad08);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#84ad08), to(#84ad08));
  background-image: -webkit-linear-gradient(top, #84ad08, #84ad08);
  background-image: -o-linear-gradient(top, #84ad08, #84ad08);
  background-image: linear-gradient(to bottom, #84ad08, #84ad08);
  background-repeat: repeat-x;
  border-color: #84ad08 #84ad08 #84ad08;
  /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active,
.btn-primary2.active,
.btn-primary2.disabled,
.btn-primary2[disabled] {
  color: #ffffff;
  background-color: #84ad08;
  *background-color: #090;
}

/* -------------------------------------------------------------- */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  transition: all 0.3s;
  vertical-align: middle;
  margin-bottom: 0px;
}
.switch::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius:50%;
  background-color: white;
  top: 1px;
  left: 1px;
  transition: all 0.3s;
}

.rechercheToggle:checked + .switch::after {
  left : 20px;
}
.rechercheToggle:checked + .switch {
  background-color: #1676b5;
}
.rechercheToggle {
  display : none;
}

.boutonRechercheUtilisateur {
    margin-bottom: 10px;
}
/* -------------------------------------------------------------- */
.menuRecherchePlanning {
    width: max-content;
}

.rechercheNomUtilisateur {
    width: 165px;
}

#spanUtilisateurClient {
    margin-left: 5px;
	color: #1676b5;
}

/* -------------------------------------------------------------- */

.rechercheNomUtilisateurStat {
    width: 179px;
}

#spanUtilisateurStat {
    margin-left: 5px;
    color: #1676b5;
}
	
.rechercheNomEquipementStat {
	width: 179px;
}
	
#spanEquipementStat {
	margin-left: 5px;
	color: #1676b5;
}

/* -------------------------------------------------------------- */

#rechercheQuestion {
    margin-left: 5px;
    vertical-align: middle;
}
/* -------------------------------------------------------------- */


.menuAjouterTelechargerUser{
	width:180px;
	height: 20px;
	margin-top: 20px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	
}

.menuAjouterTelechargerUser2{
	width:180px;
	height: 20px;
    margin-top: 30px;
	margin-bottom: 10px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	margin-left: -10px;
}

.menuAjouterTelechargerUser3{
	width:180px;
	height: 20px;
	margin-top: 10px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	margin-left: -10px;
}


.catUserNonActif{


	/*background-color:blue;*/	
}

#rechercheEquipementPlanning {
	margin-bottom: 10px;
    width: max-content;
}

.rechercheNomEquipement {
	width: 165px;
}

#spanEquipementClient {
	margin-left: 5px;
	color: #1676b5;
}



.cacherDeuxPremiereHeure{
	position: absolute;
	width:82px;
	height: 22px;
	margin-top: 6px;
	background-color: #FFF;	
	opacity:.7;
}

/*#block-social-network{
	width : 250px;	
}*/

.categorieUser
{
	font-weight:bold; 
	color: #000; 
	background-color: #CCC;
}


#statistique{
	margin:5px;
	min-height: 930px;;
	padding:0px;
	/*background-color:whitesmoke;*/
}


.contenuStatistique{
	min-height:	730px;
	width:900px;
	margin-top:10px;
	padding: 10px;
	overflow:auto;
	border:#CCC solid 1px;
	border-radius: 3px;
	background-color:white;	
}

#utilisateurStat {
    padding-left: 2px;
    padding-top: 0px;
}

#equipementStat {
    padding-left: 2px;
    padding-top: 0px;
}

.equipementStat{
	width:780px;
	height: 300px;
	float:left;
}

.titreEquipementStat{
	width:780px;
	height: 30px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	display: none;
}

.tableauStat{
	width:100%;
	float:left;
}

.graphiqueStat{
	width:330px;
	float:left;
}

.table_checkJour td{
	width:90px;
}

.tabDateStat{
	position: relative;
	/*border-color: white;*/
	width: 796px;
	margin-top: 15px;	
}

#calendrierJourDebut{
	font-size: 12px;	
}

.calendrierStat{
	font-size: 12px;	
}

.boutonActionDialog{
	float:right;
}

#ajouterAgentPersonnel{
	font-size: 12px;	
}

.formConfirmationAnnulationIndispo{
	font-size: 10px;	
}

#mailUtilisateur table{
	margin-left: -30px;
	max-width: 200%;
	width:250px;
}

#formAjoutCreneauxPersonnel{
	font-size: 12px;	
}


#rightConvention{
	min-height:830px; /*à changer quand il y aura du contenu : à mettre en auto*/
	width:800px;
	float:left;
	margin-left: 30px;	
	margin-top: 30px;	
}

#rechercheConvention{
	width:650px;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	height:150px;
	padding:10px;
	border:#CCC 1px solid;
	border-radius: 5px;
}

#listeModeleConvention{
	width:180px;
	padding: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overflowConvention td{
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
	width:100px;
    overflow: hidden;
}

.overflowModele{
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 125px;
    display: block;
    overflow: hidden;
}

.dateConvention{
	width:180px;
}

.selectConvention{
	width:194px;
}

.selectConvention option:disabled{
	background-color:#CCC;
	color:black;
}

#texteConvention{
	width: 750px;	
}

#formContenuConvention{
	width: 750px;	
}

#contenuConvention{

	border:#CCC 1px solid;	
	width: 750px;
	margin-left: -15px;
}

#contenuFormMailAgent{
	font-size: 11px;	
}

#pdfEnregistrer{
	padding:5px;
	margin-top: 10px;
	font-size:10px;
	border: 1px solid #CCC;
	width:185px;
	border-radius: 5px;
	overflow: hidden;
}

#formulaireEquipementStat{
	margin: 0 0 10px;	
}

#formulaireEquipementPropositionCreneau{
	margin: 0 0 10px;	
}

#demandeEnAttente{
	font-weight:bold; 
	color:red;
}

#cycleChoixCycle{
	width: 120px;	
}

#menuImpressionPlanning { width:96px; text-align:center; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; margin:0px; 
border-width:1px;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
border-style:solid;
background-image:linear-gradient(to bottom, #FFFFFF, #E6E6E6); 
border-radius:3px; 
color:#222222;
display:inline-block;
vertical-align:middle;
}
#menuImpressionPlanning ul {width:96px; text-align:center; padding-left:0px; padding-right:0px;}
#menuImpressionPlanning li {list-style:none; height:20px;}
#menuImpressionPlanning li{display:inline-block;}
#menuImpressionPlanning li ul{display:none; background-color:#fff; margin-top:0px; margin-left:-110px; width:330px;}
#menuImpressionPlanning li:hover > ul{display:block;} 
#menuImpressionPlanning li ul li{float:left; display:block; background-color:#fff; border:1px solid #e6e6e6; padding-top:2px; padding-bottom:2px; width:115px; margin-left:-10px;}
#menuImpressionPlanning li ul li a{color:#222222;}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin-top:10px;
	font-size:12px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

#mobilier{
	margin:5px;
	min-height: 930px;;
	padding:0px;
	/*background-color:whitesmoke;*/
}

#rightMobilier{
	min-height:830px; /*à changer quand il y aura du contenu : à mettre en auto*/
	width:750px;
	float:rigth;
}

#formContenuMobilier{	
}

#ajoutContenuMobilier{
	padding: 10px;
	border:#CCC 1px solid;
	width: 580px;

	height:250px;
}

#afficherContenuMobilier{
	padding: 10px;
	border:#CCC 1px solid;	
	width: 580px;
	margin-left: 10px;
	min-height:400px;
}

#contenuMobilier{
	
	border:#CCC 1px solid;	
	max-width: 780px;
	margin:10px;
	border-radius:3px;
	min-height:730px;
}


#mobilierAjoutes{
	min-height:600px;
	margin-top: 10px;
	border:#CCC 1px solid;	
	width: 195px;
	font-size:10px;
}

#menu-action-mobilier{
	min-height:600px;
	margin-top: 10px;
	font-size:10px;
}
#tabsActionMobilier{
	font-size:9px;
	width: 190px;
	border-color:#FFF;
}

#formMobAjoutes td{
	width:150px
}

#formMobAjoutes li{
	width:500px
}

#tableauInventaire td,#tableauInventaire th{
	width:50px;
}

#tableauStock{
	font-size:10px;
}

#tableauListeDemandes,#tableauInventaire{
	font-size:10px;
}

#libelle_aire_stockage:hover{
	cursor:pointer;
}

.bloc_mobilier{
	margin-top:10px;
	font-size:14px;
	width: 465px;
	min-height: 230px;
	background-color:#E0E0E0;
	padding:5px;
	border-radius: 2px;
	border-top: solid #6C6C6C 1px;
	border-bottom: solid #6C6C6C 1px;
}
.Highlighted_competEvenementFerie span, .Highlighted_competEvenementFerie a{
	background-image : url(../img/Evenement_competition.png) !important;/* 84AD09(competition) F0851D(evenement) */
	color: red !important;
	font-weight:normal !important;
}

.Highlighted_compet span, .Highlighted_compet a{
    background-color : #84AD09 !important;/* 84AD09(competition) F0851D(evenement) */
   color: #FFFFFF !important; 
   font-weight:normal !important;
}
.Highlighted_competFerie span, .Highlighted_competFerie a{
	background-color : #84AD09 !important;/* 84AD09(competition) F0851D(evenement) */
	color: red !important;
	font-weight:normal !important;
}
.Highlighted_ferie span, .Highlighted_ferie a{
	color: red !important;
	font-weight:normal !important;
}

.Highlighted_evenement span, .Highlighted_evenement a{
    background-color : #F0851D !important;/* 84AD09(competition) F0851D(evenement) */
   color: #FFFFFF !important; 
   font-weight:normal !important;
}

.Highlighted_evenementFerie span, .Highlighted_evenementFerie a{
	background-color : #F0851D !important;/* 84AD09(competition) F0851D(evenement) */
	color: red !important;
	font-weight:normal !important;
}

.Highlighted span, .Highlighted a{
    background-image : url(../img/Evenement_competition.png) !important;/* 84AD09(competition) F0851D(evenement) */
   color: #FFFFFF !important; 
   font-weight:normal !important;
}

.Highlighted_mobilier span, .Highlighted_mobilier a{
   background-color : #1676B5 !important;/* 1676B5 (mobilier) */
   color: #FFFFFF !important; 
   font-weight:normal !important;
}

.repartir_mobilier {
	font-size:10px;
}

.repartir_mobilier input{
	width:50px;
}

.bloc_mobilier select{
	font-size:12px;
	width:75px;
}

.bloc_mobilier td{
	width:100px;
}

.choixMobilier{
	display:none;
	font-size:10px;
}
.choixMobilierAffiche{
		
}

.select_input_100{
	width:100px !important;
}

.quantite-site{
	width:80px;
}
.quantite-equip{
	width:50px;
}
#nomCycle{ width:235px; }

.nbLigneEquipement2{
	margin-bottom:44px;
}
.nbLigneEquipement3{
	margin-bottom:75px;
}
.nbLigneEquipement4{
	 margin-bottom:106px;
}
.nbLigneEquipement5{
	margin-bottom:137px;
}
.nbLigneEquipement6{
	margin-bottom:168px;
}
.nbLigneEquipement7{
	margin-bottom:199px;
}
.nbLigneEquipement8{
	margin-bottom:230px;
}
.nbLigneEquipement9{
	margin-bottom:261px;
}

.nbLigneContainerEquipement2{
	 margin-bottom:11px;
 }
.nbLigneContainerEquipement3{
	margin-bottom:42px;
}
.nbLigneContainerEquipement4{
	margin-bottom:73px;
}
.nbLigneContainerEquipement5{
	margin-bottom:104px;
}
.nbLigneContainerEquipement6{
	margin-bottom:135px;
}
.nbLigneContainerEquipement7{
	margin-bottom:166px;
}
.nbLigneContainerEquipement8{
	margin-bottom:197px;
}
.nbLigneContainerEquipement9{
	margin-bottom:228px;
}
.cycleplanning{
	font-weight:normal;
}
.ui-tabs{
	border: 0 none !important;
}

.clear{
	clear:both;
}

.divTableEquipementSelectionne{
	margin: 0px;
	padding: 0px;
	width: 770px;
	/*float: left;*/
}

.divTableEquipementSelectionne2{
	margin: 0px;
	padding: 0px;
	width: 770px;
	/*float: right;*/
}

.aucunEffectifStat {
	position: relative;
	top: 140px;
	z-index: 2;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
}
#tdForcerSuppressionCollision{
	color:red;
}
#forcerSuppressionCollision{
	margin-right:6px;
	margin-bottom:6px;
}

.optionsquotidien input[type="checkbox"],
.optionshebdomadaire input[type="checkbox"],
.optionsmensuelle input[type="checkbox"],
.optionsannuelle input[type="checkbox"],
.optionscycle input[type="checkbox"]{
	margin-top:0px;
}


#toolbarDemande {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: flex;
}

#toolbarDemandeControls {
    margin-right: 10px;
    display: inline-flex;
}

#dropdownMenuLeft {
    left: auto;
    top: auto;
}

#dropdownMenuRight {
    right: auto;
    top: auto;
}

#allCreneauEnAttente {
    vertical-align: text-bottom;
    display: inline-flex;
	margin-top: 0px;
}

#confirmAllCreneauxEnAttente, #removeAllCreneauxEnAttente {
	margin-left: 5px;
}

#downloadAllCreneauEnAttente {
	padding-left: 10px;
	border-left: solid black 2px;
	border-left-width: 2px;
}

#td_creneauEnAttente {
    vertical-align: inherit;
    margin-left: 2px;
}

#voirPlanning {
	color: #1676b5;
	margin-left: 5px;
	font-weight: bold;
}

#separateurVoirPlanning {
	margin-left: 5px;
}

.resize {
	width: 105px;
}

.demandeWidth10 {
    width: 10%
}

.sorter-false.demandeWidth10 {
    width: 11%
}

#hautTableDemande {
	text-align: center;
}

.td_bouton {
	vertical-align: inherit;
	width: 35px;
}

.apercuCreneau {
    width: 1030px;
    overflow: hidden;
}

#td_textDemande {
	vertical-align: middle;
}

#td_textDemande.td_icon {
	text-align: center;
}

#textNonDemande {
	text-align: center;
	margin: auto;
}

#groupeBoutonsInfoUtilisateur {
	float: right;
}

#divEnvoiMailBtn {
	padding-bottom: 5px;
	background-color: #e0e0e0;
	height: 30px;
	width: 505px;
}

#envoiMailBtnLieuPratique {
	float: right;
	color: white;
	margin-bottom: 5px;
	margin-right: 10px;
}

#listeConventionDiv {
    overflow: auto;
    height: 610px;
}

#tableauConvention {
    overflow: auto;
    height: 610px;
}