/* CSS Document */
.content_bo_exposant .bouton_deconnexion {
	border:none !important;
	color:#323232 !important;
}
.bouton_deconnexion {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	border:none;
	background-color:#333;
	color:#fff;
	padding:5px 10px;
	font-size:11px;
	cursor:pointer;
}

#onglets {
	margin-bottom:20px;	
	border-bottom:solid 1px #ccc;
	
}
#onglets li {
	display:inline-block;
}

#onglets li input[type=submit] {
	background-color:transparent;
	border:none;
	font-weight:bold;
	font-size:11px;	
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
}
#onglets li {
	margin-right:1px;	
	padding:5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color:#A9A9A9;
}
#onglets li:hover {
	background-color: #D2D2D2;
}

#onglets li.actif {
	background-color:#3b444b;
}
#onglets li.actif:hover {
	background-color:#5a1e58;
}

#onglets input {
	border:none !important;
	
}


.erreur {
	background-color:#F3BDBE;
	color:#721E20;
	font-size:13px;
	padding:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}

.msg_success {
	background-color:#B7EBBE;
	color:#2E6B12;
	font-size:13px;
	padding:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}

.single_creneau{
	display: flex;
	flex-wrap: wrap;

    min-height: 50px;
	border: 1px solid #000000;
}
.single_creneau>div{
	padding-bottom: 15px;
	padding-top: 15px;
	
}

.all_rdvs {
    width: 88%;
	display: flex;
    flex-wrap: wrap;
}
.single_rdv {
    width: 32%;
	padding-left: 15px;
    padding-right: 15px;
	margin-bottom: 15px;
}
.heure {
    width: 12%;
	border-right: 1px solid #000000;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

@media only screen and (max-width: 990px)  {
	.all_rdvs {
		width: 50%;
	}
	.single_rdv {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		float:right;
		clear:right;
		
	}
	.heure {
		width: 40%;
		border-right: 1px solid #000000;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	
	.single_rdv {
		font-size:12px !important;
	}
	
}


#btn_supprimer_rdv{
	cursor: pointer;
	display:inline-block !important;
}

.poppin_ajouter_rdv {
	display: none;
	position: fixed; /* Stay in place */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(72,72,72); /* Fallback color */
	background-color: rgba(72,72,72,0.57); /* Black w/ opacity */
	z-index: 1100000000;
}

.poppin_ajouter_rdv form{
	background-color: #f6f6f6;
	margin: 3% auto; /* 15% from the top and centered */
	padding: 40px;
	width: 50%; /* Could be more or less, depending on screen size */
	-moz-box-shadow: 0px 0px 10px 0px #656565;
	-webkit-box-shadow: 0px 0px 10px 0px #656565;
	-o-box-shadow: 0px 0px 10px 0px #656565;
	box-shadow: 0px 0px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);	
	position:relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 11000000000000;
}

@media only screen and (max-width: 990px)  {
	.poppin_ajouter_rdv form{
		width:90%;
		
	}
	.btn_formulaire {
		font-size:13px !important;
	}	
}

.poppin_ajouter_rdv form .close {
	font-size:50px;
	position:absolute;
	right:30px;
	top:10px;
	cursor:pointer;
}

.poppin_ajouter_rdv form .close:after {
	content:url(../img/croix.svg);
}

.poppin_modifier_rdv {
	display: none;
	position: fixed; /* Stay in place */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(72,72,72); /* Fallback color */
	background-color: rgba(72,72,72,0.57); /* Black w/ opacity */
	z-index: 1100000000;
}

.poppin_modifier_rdv form{
	background-color: #f6f6f6;
	margin: 3% auto; /* 15% from the top and centered */
	padding: 40px;
	width: 50%; /* Could be more or less, depending on screen size */
	-moz-box-shadow: 0px 0px 10px 0px #656565;
	-webkit-box-shadow: 0px 0px 10px 0px #656565;
	-o-box-shadow: 0px 0px 10px 0px #656565;
	box-shadow: 0px 0px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);	
	position:relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 11000000000000;
}

.poppin_modifier_rdv form .close {
	font-size:50px;
	position:absolute;
	right:30px;
	top:10px;
	cursor:pointer;
}

.poppin_modifier_rdv form .close:after {
	content:url(../img/croix.svg);
}
	

@media only screen and (max-width: 990px)  {
	.poppin_modifier_rdv form{
		width:90%;
		
	}
	.poppin_modifier_rdv form input, .poppin_modifier_rdv form textarea{
		background-color:#ffffff !important;
		
	}
	.btn_formulaire {
		font-size:13px !important;
	}	
}


.poppin_modif_client_rdv {
	display: none;
	position: fixed; /* Stay in place */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(72,72,72); /* Fallback color */
	background-color: rgba(72,72,72,0.57); /* Black w/ opacity */
	z-index: 1100000000;
}

.poppin_modif_client_rdv form{
	background-color: #f6f6f6;
	margin: 3% auto; /* 15% from the top and centered */
	padding: 40px;
	width: 100%; /* Could be more or less, depending on screen size */
	-moz-box-shadow: 0px 0px 10px 0px #656565;
	-webkit-box-shadow: 0px 0px 10px 0px #656565;
	-o-box-shadow: 0px 0px 10px 0px #656565;
	box-shadow: 0px 0px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);	
	position:relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 11000000000000;
}

.poppin_modif_client_rdv form .close {
	font-size:50px;
	position:absolute;
	right:30px;
	top:10px;
	cursor:pointer;
}

.poppin_modif_client_rdv form .close:after {
	content:url(../img/croix.svg);
}