.barrestatut{
position:fixed;
bottom:0px;
width:100%;
background-color:#CECECE;
height:20px;
}

.barrefooter{
position:fixed;
bottom:30px;
width:100%;
height:30px;
background-color:#3DBAF9;
color:#000;
text-align:center;
}

.spfooter{
display:block;
max-width:600px;
margin:auto;
padding-top:5px;
}

.upfooter{
height:70px;
}

.divcentre{
text-align:center;
}

/* editheures.php */

.x2{
float:right;
background-color:#F55;
color:#FFF;
width:40px;
text-align:center;
font-family:verdanna,sans-serif;
font-size:15px;
height:22px;
cursor:pointer;
}


#boitealertin{
position:fixed;
width:100%;
left:0px;
top:33%;
}

#boitealert{
display:none;
width:50%;
min-width:320px;
max-width:600px;
margin:auto;
background-color:#FFF;
border:1px solid #9E9E9E;
box-shadow:3px 3px 3px #666;
text-align:center;
font-size:14px;
}

#dialtitle{
text-align:left;
background-color:#8F2B82;
color:#FFF;
padding:5px;
margin-bottom:10px;
}

.bpalertok{
margin:10px;
background-color:#CFBFEF;
border:1px solid #AE9ECE;
padding:5px;
padding-left:20px;
padding-right:20px;
cursor:pointer;
}

.contenu2{
margin:auto;
}

.contenu3{
border:1px solid #CCC;
width:812px;
margin:auto;
margin-top:20px;
margin-bottom:0px;
background-color:#FBF5FF;
border-radius:4px;
box-shadow:2px 2px 5px #555;
}

textarea{
margin-left:20px;
width:360px;
font-size:14px;
color:#555;
padding:5px;
border-radius:4px;
border:1px solid #CCC;
max-width:760px;
min-height:85px;
}

.areacom{
height:80px;
}

.divm{
margin-bottom:5px;
}

.m{
display:inline-block;
vertical-align:middle;
border:1px solid #AAA;
width:24px;
height:24px;
margin-left:5px;
border-radius:4px;
background-color:#FFF;
}

.tm1{
display:inline-block;
vertical-align:middle;
width:140px;
margin-left:20px;
}

.tm{
display:inline-block;
vertical-align:top;
width:241px;
margin-left:20px;
}

.divlstsalles{
display:inline-block;
width:40px;
cursor:pointer;
}

#spsalle{
display:inline-block;
background-color:#FFF;
vertical-align:top;
border:1px solid #AAA;
margin-left:20px;
margin-right:2px;
width:320px;
min-height:21px;
margin-top:1px;
border-radius:4px;
padding-left:12px;
padding-top:7px;
color:#555;
height:27px;
font-size:14px;
}

.lnsalle {
min-height:70px;
margin-top:25px;
}

.bpopenlistesalles{
display:inline-block;
vertical-align:top;
margin-top:1px;
cursor:pointer;
}

.spsallein{
display:inline-block;
border:1px solid #AAA;
width:50px;
text-align:center;
}

#liste_salle{
display:inline-block;
vertical-align:top;
width:320px;
}

#listesalles {
display:none;
margin-left:20px;
margin-right:20px;
border:1px solid #AAA;
background-color:#CE90EF;
padding:5px;
}

.lstsalles{
display:none;
position:absolute;
margin-left:-10px;
border:2px solid #4A4AAA;
background-color:#DEA0FF;
max-width:370px;
}

.splstsalles{
display:inline-block;
padding:5px;
border:1px solid #AAA;
margin:2px;
background-color:#FFF;
width:58px;
font-size:12px;
cursor:pointer;
}

.divt{
margin-left:20px;
margin-top:25px;
margin-bottom:3px;
}

.spbouton_annule{
display:inline-block;
vertical-align:middle;
}

.bouton_save{
width:150px;
color:#FFF;
background-color:#59125C;
margin:20px;
display:inline-block;
font-size:14px;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
border-radius:4px;
padding:5px 12px;
padding-top:7px;
height:32px;
}

.bouton_annule{
background-color:#59125C;
margin:20px;
font-size:14px;
border:1px solid transparent;
border-radius:4px;
text-decoration:none;
color:#FFF;
font-family:verdana,sans-serif;
padding:4px 40px;
padding-bottom:7px;
vertical-align:top;
}

.bouton_annule:hover{
color:#FFF;
}

.divtl{
margin-left:20px;
margin-top:15px;
margin-bottom:3px;
}

.sp{
display:inline-block;
vertical-align:top;
}

.bparrow{
width:30px;
margin-top:0px;
margin-left:0px;
border-radius:4px;
border:1px solid #AAA;
height:32px;
padding-top:2px;
background-color:#EEE;
}

.option{
cursor:pointer;
}

.bouton_saisie{
margin-top:21px;
background-color:#59125C;
}

.totalh{
display:inline-block;
width:116px;
background-color:#F0E0FF;
border:1px solid #AAA;
border-radius:2px;
margin-left:5px;
text-align:center;
vertical-align:top;
}

.selecttxt{
display:inline-block;
background-color:#FFF;
vertical-align:top;
border:1px solid #AAA;
margin-left:20px;
margin-right:2px;
width:320px;
margin-top:1px;
border-radius:4px;
padding-left:12px;
padding-top:7px;
color:#555;
font-size:14px;
padding-bottom:8px;
min-height:19px;
}

.boxselect{
display:none;
position:absolute;
margin-left:20px;
background-color:#EFEBDE;
padding:5px;
font-size:14px;
border:1px solid #555;
width:322px;
margin-top:-3px;
}

@media (max-width:850px)
{
	.contenu3{
	width:412px;
	}	

	.divlstsalles{
    width:35px;
	}
	
	#listesalles{
    padding:2px;
	}
	
	.x2{
    width:15px;
    height:auto;
	}
}

/* tbord */

table{ 
border-spacing:0;
border-collapse:separate;
margin:auto;
margin-top:5px;
}

.blocfilres, .blocfilres3{
display:inline-block;
vertical-align:top;
padding:2px;
border:1px solid #AAA;
border-radius:6px;
margin-right:10px;
min-height:99px;
padding-right:5px;
padding-left:5px;
box-shadow:1px 1px #BBB;
margin-bottom:10px;
}

.blocfilres{
margin-bottom:10px;
}

.blocfilres3{
margin-bottom:5px;
}

.spib{
display:inline-block;
vertical-align:top;
}

.spibm{
display:inline-block;
vertical-align:middle;
}

.spbpedit{
	display:inline-block;
margin-right:10px;
}

.divcentre{
text-align:center;
}

/********************************/

td{
	font-size:11px;
	margin-left: 1px;
}

tr:hover{ 
	background-color:#DDEEFF; 
}

.td_l{
text-align:left;
border-left:1px solid #EBEBEB;
font-size:12px;
}

.td10{
text-align:left;
border-left:1px solid #EBEBEB;
font-size:12px;
width:35px;
}

.td_centre{
text-align:center;
border-left:1px solid #EBEBEB;
}

.td_vers{
width:10%;
background-color:#606060;
border-color:#333;
border-top:1px solid #333;
color:#EEE;
}

.tdl{
border-left:1px solid #EBEBEB;
}

.td1 {
/*background-color:#ebbcf7;*/
background-color: #03C3FF;
border-color:#333;
border-top:1px solid #333;
border-left:1px solid #333;
color:#000;
padding:5px;
font-size: 12px;
font-weight:bold;
}

.td2{
/*background-color:#ebbcf7;*/
background-color: #03C3FF;
border-color:#333;
border-top:1px solid #333;
color:#000;
padding:5px;
}

.td_r{
text-align:right;
border-left:1px solid #EBEBEB;

}

.td_rb{
	text-align:right;
	border-left:1px solid #EBEBEB;
	font-weight: bold ;
	width:90px;
	}

.espace{
height:50px;
}

.m_1{
display:inline-block;
width:12px;
height:12px;
border:1px solid #AAA;
background-color:#6F3082;
margin-top:5px;
border-radius:10px;
}

.m_0{
display:inline-block;
width:12px;
height:12px;
border:1px solid #AAA;
background-color:#FFF;
margin-top:5px;
border-radius:10px;
}

.img_tbord{
height:26px;
padding:4px;
}

.tbordmois{
background-color:rgb(229,229,229);
}

.bpajouter{
display:inline-block;
color:#FFF;
background-color:#632182;
padding:5px;
margin:2px;
font-size:14px;
text-align:center;
border-radius:4px;
cursor:pointer;
}

.bpadd{
border:none;
width:20px;
cursor:pointer;
}

.bpedit{
border:none;
padding:0;
width:24px;
height:24px;
background-color:transparent;
cursor:pointer;
}

.bpeditp{
	border:none;
	padding:0;
	width:32x;
	height:32px;
	background-color:transparent;
	cursor:pointer;
	}


.bpdel{
border:none;
padding:0;
width:32px;
height:32px;
background-color:transparent;
cursor:pointer;
}

.bpeditaff2, .bpdelaff2{
background-color:#8F2B82;
border:none;
padding:5px;
margin:5px;
width:100px;
color:#EEE;
cursor:pointer;
}

.bpeditaff2{
background-color:#207BDF;
}

.bpdelaff2{
background-color:#DC3232;
}

.imgedit, .imgdel{
border:none;
width:20px;
height:20px;
}

.imgedit16 {
	border:none;
	width:16px;
	height:16px;
	}
.spbmois{
display:block;
margin-bottom:3px;
text-align:left;
}

.spradio{
display:block;
}

.spfiltre{
display:inline-block;
}

.boitedial{
position:fixed;
display:none;
text-align:center;
width:30%;
margin-left:35%;
background-color:#FFF2F2;
top:30%;
min-height:70px;
border:2px solid #333;
box-shadow:5px 5px 5px #555;
}

.bpdialsup{
padding:5px;
margin:5px;
background-color:#F33;
color:#FFF;
border:1px solid #C00;
cursor:pointer;
}

.bpdialannuler{
padding:5px;
margin:5px;
background-color:#20CF20;
color:#FFF;
border:1px solid #0C0;
cursor:pointer;
}

.dialtitle{
background-color:#8F2B82;
color:#FFF;
padding:1px;
margin-bottom:10px;
font-size:12px;
}

.x3{
display:inline-block;
padding:0;
padding-left:5px;
padding-right:5px;
background-color:#F55;
cursor:pointer;
}

.tdaff2{
text-align:left;
border:none;
display:block;
padding:0;
}

.spaff2{
display:inline-block;
vertical-align:top;
margin-top:7px;
}

.fiche{
border:1px solid #CCC;
padding:5px;
margin-top:10px;
box-shadow:0px 5px 5px #CCC;
font-size:13px;
}

.titleaff2{
background-color:#8F2B82;
padding:5px;
color:#EEE;
margin-bottom:5px;
}

.divbt{
border:1px solid #CCC;
min-height:20px;
background-color:#FEFDFE;
padding:2px;
}

.divlnaff2{
padding:5px;
color:#555;
margin-bottom:5px;
}

.sp1-2{
display:inline-block;
vertical-align:top;
padding-right:10px;
width:35%;
}

.sp1-3{
display:inline-block;
vertical-align:top;
padding-right:10px;
width:30%;
}

.sp1-4{
display:inline-block;
vertical-align:top;
padding-right:10px;
width:28%;
}

.spmatin, .spapmidi{
display:inline-block;
vertical-align:top;
width:70px;
border:1px solid #CCC;
text-align:center;
}

.spapmidi{
margin-left:2px
}

#bprech{
margin-top:28px;
cursor:pointer;
border:1px solid #AAA;
border-radius:6px;
box-shadow:1px 1px #BBB;
background-color:#AFAFAF;
font-size:18px;
color:#222;
}

.imgbprech{
width:32px;
margin-top:5px;
margin-right:5px;
}

.bpaddaff2{
background-color:#FFF;
display:inline-block;
padding:5px;
border-radius:6px;
border:1px solid #BEBEBE;
cursor:pointer;
}

.aff_1{
	display:none;
}

.aff_2{
display:none;
}

.addaff2{
display:none;
}

@media (max-width:1200px)
{
	.aff_1{
	display:none;
	}
	
	.aff_2{
	display:block;
	}
	
	.addaff2{
	display:table-row;
	}
}


/* mon compte */

.spinfol{
display:inline-block;
vertical-align:top;
width:230px;
text-align:right;
margin-right:20px;
padding:5px;
}

.spinfo2{
display:inline-block;
vertical-align:top;
min-width:250px;
text-align:left;
padding:5px;
margin-bottom:10px;
border:0px solid #CCC;
min-height:22px;
color:#555;
}

.menu1{
display:inline-block;
}

.tdl1{
text-align:left;
background-color:#FFF;
font-size:14px;
color:#333;
}

.tdl2{
text-align:left;
background-color:#EFCCFF;
font-size:14px;
color:#333;
}

.tdc1{
text-align:center;
background-color:#FFF;
font-size:14px;
color:#333;
}

.tdc2{
text-align:center;
background-color:#EFCCFF;
font-size:14px;
color:#333;
}

th {
font-size:15px;
background-color:#8E4E8E;
color:#EEE;
padding:2px;
font-weight:normal;
}

.tdn{
background-color:#8E4E8E;
color:#EEE;
}

.spblf{
display:inline-block;
vertical-align:top;
}

@media (max-width:800px)
{
	.spblf{
	margin-top:0px;
	}
}

@media (max-width:600px)
{
	.spinfol{
	display:block;
	text-align:left;
	margin-left:20px;
	}
	
	.spinfo2{
	display:block;
	margin-left:20px;
	margin-right:20px;
	}
	
	.menu1{
	display:block;
	}
	
	#bprech {
    margin-top:5px;
	}
}

#monForm
{
	margin-left:15%;
    font-family: Verdana, sans-serif;
	width: 70%;
}

#monForm p
{
	margin: 5px 0;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
    padding:0 20px 20px 20px;
	border: 1px solid;
}

#monForm fieldset:hover
{
	background-color: #FFF;
}

#monForm fieldset legend
{
	padding: 0 10px;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	font-size: 1em;
	color: #000;
	font-weight: bold;
}

/* Label */
/* supprimé : float: left */
#monForm label
{
/*	background-color: #ebbcf7;*/
/*	background-color: #03C3FF;*/
	background-color: #DDEEFF;
	display: inline-block;
	width: 45%;
	padding-right: 1%;
	text-align: left;
	letter-spacing: 1px;
/*	color: #000;*/
	color: #00008B;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input, #monForm select
{
	margin-left: 1%;
	width: 45%;
	border: #CCC 1px solid;
}

#monForm tr:hover, #monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

#monForm .form_input_day_month
{
	width: 3%;
}

#monForm .form_input_year
{
	width: 6%;
}


/* button submit */
#monForm input[type="submit"]
{
	width: auto;
/*    background-color: #4922A6; */
	background-color: #C5115C;
    border-radius: 10px;
    border: none;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight : bold  ;
    padding: 8px 16px;
    cursor: pointer;
    margin: 5px;
}

#monForm input[type="button"]
{
	border: #DDEEFF 1px solid;
	width: 20%;
}

#monForm input[type="submit"]:hover
{
	background-color: #FF8500;
	cursor: pointer;
}

#monForm input[type="button"]:hover
{
	background-color: #FF8500;
	cursor: pointer;
}
#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

.image_supprimer
{

background-color: #E6484D;
background-image:url(del.png);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: url('../img/image_fond.jpg') center center no-repeat;
    background-size: cover;
    z-index: -100;
}


/*  TEST BERENGER  */
.dropbtn {
	background-color: transparent;
	color: white;
	font-size: 16px;
	border: none;
	cursor: pointer;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 250px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #d4d4d4}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
	display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover {
	background-color: #CE6D70;
  }

  .space {
	width: 4px;
	height: auto;
	display: inline-block;
  }