#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background: #007ead url(../../images/front/modalbox.jpg) repeat-x center top!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #cfe8b5;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
/*
	padding: 20px;
	height:500px;
	width:720px;
	overflow-y: scroll;
	border-top: 1px solid #F9F9F9;
*/
	padding: 20px;
	overflow: auto;        
    border-top: 1px solid #F9F9F9;
    height:580px;    
}
#user_modal {
width:560px;
margin:0 auto;
}

#MB_caption {
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 20px;
	color:#50a8c9!important;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #cfe8b5;
	color: #713606;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_header {
  /*background-color: #DDD;*/
  border-bottom: 1px solid #9cd4eb;
}
#MB_caption { 
	color: #713606;
	padding-left:20px;
	font-weight:bold; }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

#MB_content p, #MB_content ul {
	margin-bottom:1em;
}

#MB_content li {
margin:0 0 0.5em 0;
}




#MB_content .active {
color:#2ca6d5;
font-weight:bold;
}

#MB_content .minibox {
width:260px;
height:98px;
margin:0.5em 0;
padding:10px 40px 10px 20px;
float:left;/*
background:url(../../images/front/minibox.png) no-repeat 0 0;*/
overflow-y:auto;
}
#MB_content .panier {
margin:1em 0 0 0;
}
#MB_content .panier h3 {
width: 600px;
}
#MB_content .minibox_panier {
height:80px;
width:600px;
padding:10px 20px;
margin:0.5em 0;
overflow-y:auto;
background:url(../../images/front/minibox_panier.png) no-repeat 0 0;
}
#MB_content .soins,
#MB_content .formulaire {
width:312px;
margin:1em 0 0 0;
}
#MB_content .soins {
background:url(../../images/front/minibox.png) no-repeat 0 20px;
}


#MB_content .minibox_client {
width:180px;
height:246px;
margin:66px 0 0 7px;
padding:0px 40px 10px 20px;
float:left;
background:url(../../images/front/minibox_clients.png) no-repeat 0 0;
overflow-y:auto;
}

.minibox_client ul {
margin-top:30px;
}



#MB_content .formulaire {float:left;}

#MB_content .formulaire input, 
#MB_content .area_mini textarea, 
#MB_content .period_duree input{
background-color:#e2f0d2;
border:solid 1px #ecfadd;}

#MB_content .soins h3 {
margin-bottom:0;
}
#MB_content .periodicite {
position: relative;
}
#MB_content .client {
margin:0.5em 0 0 0.5em;
}
/*.new_client {
width:300px;
}*/
#MB_content .client .minibox {float:right;}

#MB_content .rdv  {
/*float:left;
margin-bottom:10px;*/
height:80px;
width:600px;
padding:10px 20px;
margin:0.5em 0;
overflow-y:auto;
background:url(../../images/front/minibox_panier.png) no-repeat 0 0;
}
#MB_content .rdv input {
text-align: center;
}

#MB_content .rdv ul li {/*
width:49%;*/
float:left;
width:290px;
margin-top:0.2em;
margin-right:10px;
text-align: center;
}
#MB_content .rdv li label {
font-size:90%;
display:block;
float: left;
width:100px;
padding:0.3em 0 0 5px;
text-align:left!important;
}

#MB_content .info_form {float:left;}

#MB_content .rdv li input, 
#MB_content .info_form {
/*width:124px;*/
width:185px;
height:16px;
padding:5px 0;
border:none;
background:url(../../images/front/input_rdv.png) no-repeat 0 0;
}


#MB_content .rdv li.rdv_miniinput input,
#MB_content .rdv li.rdv_miniinput .info_form {
width:47px;
padding:5px!important;
background-image:url(../../images/front/input_rdvmini.png);}

#MB_content .rdv li.rdv_miniinput span {
height:26px;
display:block;
float:left;
line-height:26px;
padding:0 30px;
}

#MB_content p.period_resume  {
background:#e2f0d2;
padding:1em;
margin:0.5em 0;
}
#MB_content li.semaine ul,
#MB_content li.semaine p {
float:left;
}


#MB_content li.semaine ul li {
float:left;
margin:0 15px 0 0!important;
}

#MB_content .periodicite #calendrier {
width:250px;
float:right;
}


#MB_content .period_option {
float: left;
border: 1px solid #e2f0d2;
padding:5px;
width:350px;
}
#MB_content .rdv_option li {
float:left;
padding: 0 10px 0 0;
}
#MB_content .civ_list li {
width:30%;
float:left;
}

#MB_content .checkright {
float:right;
margin-right:4em!important;}

#MB_content .period {
float: left;
border: 1px solid #e2f0d2;
padding:20px;
width:350px;
}

#MB_content label.period_duree {
width:15%!important;
display:block; float:left;}

#MB_content .area_mini textarea{
width:99%;
height:45px;
}

/*Editer Reservation Useweb*/
/* boutons top */
/*#MB_content .bt_top {
height:30px;
width:600px;
}*/
#MB_content .bt_top .rdv_option {
float:left;
width:auto;
}
#MB_content .bt_top #bouzin_rdv { 
float:left;width:auto; 
}
#bouzin_rdv p.bt { 
float:left!important;
}
p.p_help {
display: block;
float:left;
background:#e2f0d2;
padding:0 10px;
margin:10px 0 0 10px;
}

#MB_content .bt_top .bt, #MB_content .bt_top .bt_form2 {
float:left!important;width:auto;
}
.pref_rdv a {
color:#007ead;
}

.pref_rdv a:hover {
color:#1294c5;
}
/* Boutons bottom */
#MB_content .bt_bottom {
position:relative;
height:30px;
width:600px;
}
#MB_content .bt_bottom #bouzin_valide {
position:absolute;
top:0; left:0;
}

/* Colonne gauche */
#MB_content .colleft {
float:left;
width:680px;
}

#MB_content .increment { margin:0; padding:0; }
#MB_content .increment div { margin:0; padding:0; }
#MB_content .increment div.icon_plus a,
#MB_content .increment div.icon_moins a {
display: block;
width:15px;
padding: 15px 0 0 0;
overflow: hidden;
background: url(../../images/front/icon_plusmoins.png) no-repeat;
height: 0px!important;
height /**/:15px;
}
#MB_content .increment div.icon_plus a 			{ background-position: 0 0!important; }
#MB_content .increment div.icon_moins a 		{ background-position: 0 -15px!important; }
#MB_content .increment div.icon_plus a:hover 	{ background-position: -15px 0!important; }
#MB_content .increment div.icon_moins a:hover	{ background-position: -15px -15px!important; }
#MB_content .colleft label { 
width:30%;
}

#MB_content .colleft .soins {
width:330px;
margin:20px 0 0 0;
}

#MB_content .colleft .minibox {
width:250px;
}

/*#MB_content .colleft .minibox_panier {
width:600px;
}*/

#MB_content .colleft #help { margin-top:20px; width:100%; }

/* Colonne droite */
#MB_content .colright {
height:auto !important; height:450px; min-height:450px;
/*margin-left:680px;*/
float:left;
padding-left:10px;
border-left:2px dotted #fff;
width:200px;
}

#MB_content .colright #fiche_client {
width:180px;
}

#MB_content .colright #fiche_client .formulaire label {
width:70px;
}

#MB_content .colright .formulaire { width:200px; }

#MB_content .colright .minibox {
width:170px;
}

/* Modalbox FAQ */
div.modalbox_faq {
padding:0 20px;
}
div.modalbox_faq h2 {
font-size:1.1em!important;
margin-bottom:5px!important;
}
div.modalbox_faq p {
margin-bottom:20px!important;
}

/* Modalbox Edito */
#MB_content div.cms_left,
#MB_content div.cms_right {
width: 330px;
}
#MB_content div.cms_left {
margin-left:20px;
}
#MB_content div.cms_right {
margin-right:20px;
}