@charset "UTF-8";
.actInfo {
	background: url('../images/icons/ic_info.png') no-repeat left center;
	background-size: 23px auto;
	padding:4px 5px 4px 30px;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: 600;
}
.actInfo:hover {
	color:#F09429;
}
.bSalleInfo .intPop {
    padding: 8px 10px;
	min-width: 300px;
}
.popInfo {
	left: 100px;
	top:-10px;
}
.bSalleInfo .intPop p {
    margin:5px 0px;
}
/********rdv******/
.path-rdv h1.h1Title {text-align: center;color: #6ED027!important;} 
.path-rdv h2{text-align: center;    text-align: center;
    margin-top: 31px;
    text-transform: uppercase;
    font-size: 23px;}
.contentRdv{
	/* position: relative; */
	display: inline-flex;
	/* vertical-align: top; */
	/* border-left: 1px solid #B9B9B9; */
	/* border-top: 1px solid #B9B9B9; */
	/* border-bottom: 1px solid #B9B9B9; */
	width: 100%;
}
.int_reservationsBox{
	height: 453px;
}
.reservationsBox{
	 display: flex;
	 justify-content: center;
	 max-width: 1200px;
	 padding-top: 12px;
	 padding-bottom: 12px;
	 margin: 0 auto;
	 overflow: auto;
}
/***scroll bar**/

@media screen and (max-width: 419px) {
	.contentRdv {
	  height: 150px;
	}
  }
  @media screen and (min-width: 420px) {
	.contentRdv {
	  height: 187.5px;
	}
  }
  @media screen and (min-width: 768px) {
	.contentRdv {
	  height: 262.5px;
	}
  }
  @media screen and (min-width: 1200px) {
	.contentRdv {
	  height: auto;
	}
  }
  .contentRdv .arrow {
	position: fixed;
	top: 0;
	display: flex;
	align-listing-rdvs: center;
	margin-top: -0.5em;
	font-size: 2em;
	line-height: 1;
	transition: opacity 300ms;
  }
  @media screen and (max-width: 419px) {
	.contentRdv .arrow {
	  top: 87px;
	}
  }
  @media screen and (min-width: 420px) {
	.contentRdv .arrow {
	  top: 105.75px;
	}
  }
  @media screen and (min-width: 768px) {
	.contentRdv .arrow {
	  top: 143.25px;
	}
  }
  @media screen and (min-width: 1200px) {
	.contentRdv .arrow {
		top: 540.75px;
	}
  }
  .contentRdv .arrow.isVisible {
	opacity: 0.5;
  }
  .contentRdv .arrow:not(.isVisible) {
	opacity: 0;
  }
  .contentRdv .arrow--left {
	left: 376px;
  }
  .contentRdv .arrow--right {
	right: 266px;
  }
  .contentRdv .listing-rdv {
	flex: 0 0 auto;
	/*background-color: #aaa;*/
  }
  @media screen and (max-width: 419px) {
	.contentRdv .listing-rdv {
	  width: 150px;
	}
	.contentRdv .listing-rdv + .listing-rdv {
	  margin-left: 8px;
	}
  }
  @media screen and (min-width: 420px) {
	.contentRdv .listing-rdv {
	  width: 187.5px;
	}
	.contentRdv .listing-rdv + .listing-rdv {
	  /* margin-left: 10px; */
	}
  }
  @media screen and (min-width: 768px) {
	.contentRdv .listing-rdv {
	  width: 262.5px;
	}
	.contentRdv .listing-rdv + .listing-rdv {
	  /* margin-left: 14px; */
	}
  }
  @media screen and (min-width: 1200px) {
	.contentRdv .listing-rdv {
	  width: 298.5px;
	}
	.contentRdv .listing-rdv + .listing-rdv {
	  /* margin-left: 18px; */
	}
  }
/***fin scroll bar**/
.filtre.type{
	display: flex;
	gap: 20px;
	justify-content: center;
}
.pdtop{
	padding-top: 20px;
}
.smallTitle{
	font-size: 22px !important;
    color: #7B7575;
    text-align: center;
    margin: 0;
    padding-bottom: 24px;
}
.filtre.mois{
	width: 17%;
    MARGIN: 0 AUTO;
}
.filtre.type .submit{
	color: #29A5C9 !important;
	background-color: #fff;
	border: 1px solid #29A5C9!important;
	box-shadow: none;
}
.filtre.type .submit:hover{
	color: #ffffff !important;
	background-color: #29A5C9!important;
	
}
.listing:last-child{
	border: 0px!important;
}
.contentActions{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
    gap: 58px;

}
.colRdv{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-around;
    gap: 11px;
    align-items: center;
    /* margin: 8px 0px 0px 0px; */
    border-bottom: 1px solid #B9B9B9;
    height: 60px;
}

.indisponible{
	background: #F09429;
	color: #fff;
    margin: 0;
    padding: 0;
    display: block;
}
.refuserTable{
	background: #CF2015;
    padding: 10px;
    color: #fff;
    width: 61px;
    display: block;
    margin: 0 auto;
}
.btnValider{
	background: #3DB6DC;
    color: #fff;
    padding: 10px;
}
.btnValiderRdv{
	background: #80D642!important;
    color: #fff;
    padding: 10px;
}
.btnRefuser{
    background: #CF2015!important;
    padding: 10px;
    color: #fff;
    width: 61px;
    display: block;
    margin: 0 auto;	
}
.btnValider:hover{
	background: #156881;
	color: #fff!important;
}
.disponible{
	height: 45px !important;
}
.contentConf{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    gap: 14px;
}
.smallTitleConf{
	margin-top:20px!important;
	 margin-top: 20px!important;
	 margin-bottom: 0!important;
		padding-bottom: 0!important;

}
.contentRpp input[type="submit"]{
	box-shadow: none;
}
.contentRpp{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    gap: 14px;
    background: #D9F4F7;
    width: 430px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #3AC6EF;
    padding: 20px;
}

table tr,
tr td,
table tbody,
table thead,
table tfoot,
table tr th
{
    margin:0;
    padding:0;
    
}

.reservationsBox .submit{
background: #6ED027;
box-shadow:none!important;
color: #fff;
}
.pause{
	background: #3DB6DC;
	color:#fff;
	height: 45px !important;
}
.dateContent{
	border: 1px solid #B9B9B9; */
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    justify-content: center;
    display: flex;
    /* border-left: 1px; */
    border-top: 1px solid #B9B9B9;
    /* border-left: 1px solid #B9B9B9; */
    border-right: 1px solid #B9B9B9;
}
.listing2{
	font-size: 14px;
    border-collapse: collapse;
    border: 1px solid #B9B9B9;
    padding-right: 35px;
    width: 100%;
}
.green{
	color: #6ED027;
}
.sub_green{
	background-color:#6ED027!important;
}
.validerTable{
	background: #80D642;
    padding: 10px;
    color: #fff;
    width: 61px;
    display: block;
    margin: 0 auto;
}
.listing2 tr.ht{
	height: 85px!important;
}
.margin-btt{
	margin-bottom: 40px;;
}
.annulerTable{
	background:#CF2015;
	padding: 10px;
    color: #fff;
    width: 61px;
    display: block;
    margin: 0 auto;
}
.annulerTable:hover {
	background:#7a0e06;
	color:#fff!important;
}
.enAttenteTable{
	background: #FE7C33;
    padding: 10px;
    color: #fff;
    width: 170px;
    display: block;
    margin: 0 auto;
}
.listing2 tr{
	height: 60px;
}
.listing2 thead tr{
	background: #3db6dc;
    height: 45px;
    color: #fff;
}
.listing2 tr:nth-child(even) {
    background: #F8F8F8;
}
.listing2  td{
	text-align: center;
}
.listing-rdv{
	font-size: 14px;
	border-collapse: collapse;
	/* border-right: 1px solid #B9B9B9; */
	/* padding-right: 35px; */
	width: 274px;
	/* border-left: 1px solid #B9B9B9; */
}
.listing-rdv tbody{
	display: table;
	width: 100%;
	border: 1px solid #B9B9B9;
}
.btnBleu{
	background-color:#159FCF!important;
}
.btnVert{
	background-color:#80D642!important;
}
.btnBlack{
	background-color:#393633!important;
}
/*.listing tr:last-child td:last-child{
border-bottom: none!important;
}*/
.listing-rdv tr:last-child td:last-child{
	border-bottom:0px solid #B9B9B9!important;
}
.listing-rdv:first-child {
	border-right:0px solid #B9B9B9!important;
}
.listing3 {
	border:0px;
	width:100%;
		}
.listing3 thead th {
	background:#3DB6DC;
	color:#FFF;
	padding:5px 2px;
		}
.listing3 thead th .date {
	padding-top:5px;
		}
.listing3 tbody td {
	padding:5px 2px;
	vertical-align:middle;
	height:50px;
	border:0px;
		}
.listing3 tbody tr.even {
	background:#F0F0F0;
		}
.listing3 tbody td.lab {
	text-align:right;
	padding-left:12px;
	padding-right:10px;
		}
.listing3 tfoot {
	border:0px;
		}
.listing3 tfoot td {
	background:none;
	text-align:center;
	border:0px;
		}
.listing3 tr:hover {
	background:inherit;
		}
.jauge_reserv {
	background:url('../images/jauge_reserv.png') no-repeat left top;
	background-size: 100% auto;
	width:84px;
	height:20px;
	position:relative;
	margin:auto;
}
.jauge_reserv:after {
	display:block;
	content:'';
	visibility:visible;
	background:url('../images/heures.png') no-repeat left top;
	background-size: 100% auto;
	width:91px;
	height:9px;
	left:-3px;
	bottom: -10px;
position: absolute;
}
.jauge_reserv .bRoll {
	position:absolute;
	height:20px;
	display: block;
}
.reserv_bloc {
	display:block;
	width:100%;
	height:20px;
	background:#D0276F;
}
.bRoll.even .reserv_bloc {
	background:#FF91AC;
}
.reserv_bloc:hover {
	background:#3AC6EF !important;
	cursor: pointer;
}
.listprint .jauge_reserv {
	background:#CCC url('../images/heures_resa.png') no-repeat left top;
	background-size:100% auto;
	width:100%;
}
.listprint h1 {
	text-align:center;
	background-color:#333;
	color:#FFF;
	margin:0px;
	padding:5px 15px;
}
.listprint .listing {
	margin:0px;
}
.listprint .listing th {
	text-transform:uppercase;
}
.listprint .listing thead {
    border-bottom: 0px;
}
.listprint .jauge_reserv:after {
	background:none;
	content:"12";
	width:20px;
	font-size:11px;
	color:#666;
	position:absolute;
	top:20px;
	margin:0px;
	left:26%;
}
.listprint .jauge_reserv:before {
	content:"8";
	width:20px;
	font-size:11px;
	color:#666;
	top:20px;
	margin:0px;
	left:0px;
}
.listprint .lab {
	font-weight:bold;
	vertical-align:middle;
	background-color:#F4D022;
}
.listprint .tdresa {
	padding:0px 1%;
	border-right:1px solid #ccc;
}
.listprint .odd .tdresa {
	
}
.listprint .even .tdresa {
	background-color:rgba(255,255,255,0.2);
}
.boxaddB:before {
	display:block;
	content:"";
	visibility:visible;
	position:absolute;
}
.listprint .heuresplus:before {
	content:"18";
	width:20px;
	height:20px;
	font-size:11px;
	color:#666;
	top:20px;
	margin:0px;
	left:69%;
}
.listprint .reserv_bloc {
	padding:2px 2px 0px 2px;
	font-size:12px;
	overflow:hidden;
	height:18px;
}
.btVoir,
.btEdit {
	display: inline-block;
	background:url('../images/icons/ic_edit.png') no-repeat 2px center;
	background-size: 18px auto;
	padding:0px 10px 0px 18px;
	font-size: 12px;
	color:#515970;
	border:1px solid #ccc;
	border-radius: 30px;
}
.btVoir {
	background-image:url('../images/icons/ic_zoom.png');
	background-size: 15px auto;
}
.btVoir:hover,
.btEdit:hover {
	color:#000;
	border-color:#666;
	cursor: pointer;
}

.bt_pager {
	background:#9D4673;
	border-radius:3px;
	display:inline-block;
	padding:6px;
	color:#FFF;
	font-weight:bold;
	height:20px;
	background-position:center;
	background-repeat:no-repeat;
}
.pagerResa {
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagerResa a {
	display:block;
	color:#515970;
	border:1px solid #ccc;
	box-shadow: 5px 5px 0px rgba(0,0,0,0.12);
	padding:5px 15px;
	font-size: 14px;
	margin:25px 15px;
	border-radius:35px;
}
.btPagerResa {
	background-repeat: no-repeat;
	background-size: 25px auto;
}
.pagerResa a.prec { 
	background-image:url('../images/icons/fleche_back.png');
	background-position: 5px center;
	padding-left: 30px;
}
.pagerResa a.suiv { 
	background-image:url('../images/icons/fleche.png');
	padding-right: 30px;
	background-position: right 5px center;
}
.pagerResa a:hover {
	border-color: #999;
box-shadow: 5px 4px 0px rgba(0,30,60,0.32);
}
.bt_pager:hover {
	background-color:#71B659;
}
.subAdd {
	background-image: url('../images/icons/plus.png');
	background-repeat:  no-repeat ;
	background-position:  7px center;
	background-size: 19px auto;
	padding-left: 30px;
	margin:10px 15px;
}
.formGoDate {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 35px 0px;
}
.formGoDate input[type="submit"] {
	padding:5px 15px;
	font-size: 15px !important
}
.formGoDate input[type="text"] {
	padding:5px 15px;
	font-size: 16px;
	width:120px;
	margin:0px 10px;
}
.reserv_c1 {
	float:left;
	width:65px;
}
.reserv_c2 {
	float:left;
	width:80%;
}
.boutonVote {
	text-align: center;
}
.boutonVote .bouton {
	display: block;
	font-size: 1.5em;
	border-color: #A52E72;
	margin:15px auto 20px auto;
	color:#A52E72;
	box-shadow: 5px 5px 0px rgba(40,0,24,0.12);
	border-radius: 2px;
}
.boutonVote .bouton:hover {
	box-shadow: 5px 5px 0px rgba(160,54,124,0.7);
}
.bulle_info {
	display:none;
	background-color:#FFF;
	box-shadow:0px 0px 6px rgba(0,0,0,0.6);
	padding:10px 15px;
	border-radius:3px;
	position:absolute;
	min-width:300px;
	z-index:300;
	margin:0px 0px 0px -30px;
	font-size: 13px;
}
.send_mail,
.ico_edit { 
	background:url('../images/send_vert.png') no-repeat left top;
	height:24px;
	width:26px;
	display:inline-block;
}
.ico_edit { 
	background-image:url('../images/edit_vert.png');
}
.ico_edit:hover { 
	background-image:url('../images/edit_brd.png');
}
.send_mail:hover { 
	background-image:url('../images/send_brd.png');
}
.bulle_info .col {
	float:left;
}
.reserv_nom {
	font-size:15px;
}
.reserv_groupe {
	font-weight:bold;
	font-size:15px;
	padding-bottom:2px;
}
/* .bulle_info:after {
	display:block;
	position:absolute;
	bottom:-6px;
	left:2px;
	content:'';
	visibility:visible;
	width:0px; 
	height:0px; 
	border-left:6px solid transparent;
	border-right:6px solid transparent; 
	border-top:6px solid #FFF; 
}*/
.reserv_date {
	color:#9D4672;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	height:57px;
}
.reserv_text {
	float:left;
	height:86px;
	width:130px;
	padding-left:10px;
	overflow:auto;
}
.resaActions {
	text-align: center;
	margin-bottom: 85px;
	display: flex;
    justify-content: space-evenly;
}
.nodResa  h1 {
    font-size: 1.625em;
}
.nodResa  fieldset {
    padding:40px 45px;
	border:1px solid #A8ACB8;
}
.nodResa  fieldset legend {
    text-transform: uppercase;
	color:#7F88A4;
}
.nodResa h2 {
    font-size: 1.35em;
	margin:0px 0px 25px 0px;
}
.nodResa h3 {
    font-size: 1.15em;
	margin-bottom: 10px;
}