/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans serif;
	font-size: 12px;
	line-height: 110%;
	color: #333;
}
body#pro {
	background: #fff url(../images/bg_pro.jpg) center top no-repeat;
}
body#patient {
	background: #fff url(../images/bg_patient.jpg) center top no-repeat;
}

.clear{
	clear: both;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {

}
a img {
	border: 0;
	border: none;
}
table {
	border-collapse: collapse;
}

#site {
	width: 980px;
	height: auto !important;
	margin: 0 auto;
}
body#home #site {
	background: url(../images/bg_home.jpg) center top no-repeat;
}

/*======================================================
LEFT COL
======================================================*/
#left-col {
	width: 264px;
	padding: 58px 16px 0 0;
	float: left;
}
	#left-col .logo {
		display: block;
		margin: 1px 0 0 42px;
	}
	#left-col h1 {
		margin: 0;
		padding: 27px 0 10px 55px;
	}
	#left-col ul.menu {
		margin: 0;
		padding: 0 0 0 36px;
	}
	#pro #left-col ul.menu {
		margin: 0;
		padding-left: 34px;
        padding-top: 16px;
	}
		#left-col ul.menu li {
			list-style: none;
			display: inline;
			padding: 0;
			margin: 0;
		}
		#left-col ul.menu li a {
			display: block;
			font-size: 16px;
			line-height: 110%;
			color: #fff;
			text-decoration: none;
		}
		#pro #left-col ul.menu li a {
                    display:block;
                    font-size:20px;
                    line-height:110%;
                    text-decoration:none;
		}
		#left-col ul.menu li a:hover {
			color: #333;
		}
		
		#patient #left-col ul.menu li a.count5 {
		/*
			height: 54px;
			font-size: 18px;
			font-weight: bold;
			color: #333;
			margin: 18px 23px 10px 0;
			padding: 10px 30px 0 25px;
			background: url(../images/left_btn_compte.jpg) right top no-repeat;
		*/
			position: relative;
			left: -9px;			font-size: 18px;
			font-weight: bold;
			color: #333;
			margin:14px 0 6px;
		}
		#patient #left-col ul.menu li a.count6 {
			position: relative;
			left: -28px;
			font-size: 18px;
			font-weight: bold;
			color: #333;
		}
		#patient #left-col ul.menu li a.count4:hover,
		#patient #left-col ul.menu li a.count5:hover,
		#patient #left-col ul.menu li.count_4 a.menu_item_activ,
		#patient #left-col ul.menu li.count_5 a.menu_item_activ {
			color: #99CC00;
		}
		
		
		#pro #left-col ul.menu li a.count5 {
                    position: relative;
                    left: -35px;
                    top: 21px;
		}
	#left-col .pad-tel {
		padding-top: 2px;
                margin-top: 20px;
		padding-bottom: 12px;
		line-height: 120%;
		text-align: center;
		color: #333;
		font-size: 12px;
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	#patient #left-col .pad-tel {
		width: 160px;
                position: relative;
                left: -19px;
                padding-right: 10px;
		background-image: url(../images/ico_tel_patient.jpg);
	}
	#pro #left-col .pad-tel {
		width: 160px;
                position: relative;
                left: -15px;
                top: 9px;
                padding-right: 10px;
                margin-top: 0;
		background-image: url(../images/ico_tel_pro.jpg);
	}
		.pad-tel .num {
			font-size: 16px;
		}
	
	
/*======================================================
Main
======================================================*/
#main {
	position: relative;
	width: 700px;
	float: left;
}
	
	.main-head {
		height: 113px;
	}
		.main-head a {
			display: block;
			height: 114px;
			text-indent: -5000px;
			float: left;
		}
		.main-head a.btn-acces-pro {
			background: url(../images/btn_pro.jpg) 0 0 no-repeat;
			width: 317px;
		}
		.main-head a.btn-acces-patient {
			background: url(../images/btn_patient.jpg) 0 0 no-repeat;
			width: 296px;
		}
		
		#pro .main-head a.btn-acces-pro {
			background: url(../images/btn_pro_active.jpg) 0 0 no-repeat;
		}
		#patient .main-head a.btn-acces-patient {
			background: url(../images/btn_patient_active.jpg) 0 0 no-repeat;
		}
		
		#patient .main-head a.btn-acces-pro:hover {
			background-position: -317px 0;
		}
		#pro .main-head a.btn-acces-patient:hover {
			background-position: -296px 0;
		}
		
		
	
	/*=============== Menu top ===============*/
	div.menu-top {
		position: relative;
		width: 690px;
		height: 28px;
		padding: 32px 0 0 0;
		font-size: 11px;
		z-index: 10;
	}
		ul.menu-top {
			margin: 0;
			padding: 0;
		}
			ul.menu-top li {
				position: relative;
				list-style: none;
				display: inline;
				text-transform: uppercase;
				margin: 0;
				padding: 0 65px 0 0;
			}
				ul.menu-top li a {
					color: #999;
					text-decoration: none;
				}
				ul.menu-top li a:hover {
					color: #000;
				}
				
				ul.smenu-top {
					display: none;
					position: absolute;
					margin: 0;
					padding: 0;
					left: -16px;
					top: -14px;
					background: #fff url(../images/smenu_top.gif) right top repeat-y;
					border-left: 1px solid #ccc;
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					z-index: 1000;
				}
				#smenu-top-6 {
					left: -25px;
				}
				#smenu-top-8 {
					left: -41px;
				}
					ul.smenu-top li {
						position: none;
						padding: 0;
					}
						ul.smenu-top li a {
							display: block;
							text-align: center;
							color: #999;
							padding: 15px 15px;
							border-top: 1px solid #ccc;
							text-decoration: none;
						}
						ul.smenu-top li a:hover {
							background: #ccc url(../images/smenu_top_over.gif) right top repeat-y;
						}
						
						
		.breadcrumb {
			height: 26px;
			background: url(../images/breadcrumb_bg.jpg) right 1px no-repeat;
			padding: 8px 188px 0 0;
			margin: 0 10px 0 0;
			font-size: 12px;
			color: #666;
		}
			.breadcrumb a {
				color: #666;
				text-decoration: none;
			}
			.breadcrumb a:hover {
				color: #000;
			}
			
	
	/*=============== Home ===============*/
	.home-head {
		height: 130px;
		padding: 36px 0 0 246px;
	}
		.home-head .intro {
			width: 250px;
			padding: 47px 0 0 16px;
			float: left;
		}
		.home-head .logo {
			float: left;
		}
	.home-ctn {
		height: 530px;
	}
		.home-ctn a {
			display: block;
			width: 480px;
			height: 344px;
			text-indent: -5000px;
			float: left;
		}
		.home-ctn a.btn-acces-pro {
			background: url(../images/home_btn_pro.jpg) 0 0 no-repeat;
		}
		.home-ctn a.btn-acces-patient {
			background: url(../images/home_btn_patient.jpg) 0 0 no-repeat;
			margin-left: 20px;
		}
		.home-ctn a:hover {
			background-position: -480px 0;
		}
	
	
	/*=============== Contenu ===============*/
	.content {
		padding: 10px 0 0 0;
	}
			
		.home-contener-actu {
			display: block;
			padding: 20px 0 0 0;
			color: #333;
		}
			.home-contener-actu .date {
				display: block;
				font-size: 11px;
				color: #999;
			}
			.home-contener-actu .actu-content {
				font-size: 11px;
				color: #333;
				margin: 5px 0 25px 0;
			}
				.actu-content .readmore {
					font-style: italic;
					text-decoration: none;
					margin: 0 0 0 625px;
				}
				.actu-content .readmore:hover {
					text-decoration: underline;
				}
				#pro .readmore {
					color: #2AB9DD;
				}
				#patient .readmore {
					color: #81AD00;
				}
	
	
	/*=============== Titres ===============*/
	h1#title_id_10,
	h1#title_id_11 {
		display: none;
	}
	
	.home-contener-actu h1 {
		font-size: 20px;
		color: #333;
		background: url(../images/sep_title.gif) left bottom no-repeat;
		padding: 0 0 10px 0;
		margin: 0;
	}
	.home-contener-actu h2.artTitleActu {
		font-size: 12px;
		color: #333;
		font-weight: normal;
		margin: 15px 0 0 0;
		padding: 0;
	}
		.home-contener-actu h2.artTitleActu a {
			color: #333;
			text-decoration: none;
		}
		.home-contener-actu h2.artTitleActu a:hover {
			text-decoration: underline;
		}
		
	h1.title-big,
	h1.title-sommaire {
		font-size: 20px;
		color: #333;
		background: url(../images/sep_title.gif) left bottom no-repeat;
		padding: 0 0 10px 0;
		margin: 10px 0;
	}
	h1.title-big span
	{
		font-size: 14px;
		color: #999;
		padding: 0 30px;
		margin: 10px 0;
	}
	
	h1.achetez-title-big{
		font-size: 18px;
		color: #333;
		background: url(../images/sep_title.gif) left bottom no-repeat;
		padding: 0 0 10px 0;
		margin: 10px 0;
	}
	h1.achetez-title-big span
	{
		font-size: 14px;
		color: #999;
		padding: 0 30px;
		margin: 10px 0;
	}
	h1 .artDate {
		font-size: 13px;
		color: #999;
		font-weight: normal;
		padding-left: 5px;
	}
	h2.subtitle {
		font-size: 14px;
		color: #333;
		font-weight: normal;
		margin: 10px 0;
		padding: 0;
	}

/*======================================================
FORMS
======================================================*/
.form-intro {
	padding: 5px 0;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans serif;
	font-size: 11px;
}

#formSearch {
	position: absolute;
	right: 18px;
	top: 178px;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	z-index: 10;
}
	#formSearch td {
		padding: 0;
	}
.field-80 {
	width: 70px;
	height: 17px;
	background: url(../images/field_80.gif) no-repeat;
	padding: 1px 5px 0 5px;
}
#formSearch .field-80 {
	margin: 0 3px 0 7px;
}
	.field-80 input {
		width: 70px;
		border: 0;
		background: none;
		padding: 0;
		margin: 0;
		color: #999;
	}

.field-200 {
	width: 190px;
	height: 17px;
	background: url(../images/field_200.gif) no-repeat;
	padding: 1px 5px 0 5px;
}
	.field-200 input {
		width: 190px;
		border: 0;
		background: none;
		padding: 0;
		margin: 0;
		color: #666;
	}

.area-200x60 {
	width: 190px;
	height: 54px;
	background: url(../images/field_200x60.gif) no-repeat;
	padding: 3px 5px;
}
	.area-200x60 textarea {
		width: 190px;
		height: 54px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #666;
		overflow: auto;
	}

.btn-valider {
	width: 80px;
	height: 18px;
	background: transparent url(../images/btn_80.gif) no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	text-align: center;
}
.table-form {
	margin: 5px 0 0 7px;
}
	.table-form td {
		vertical-align: top;
		padding: 2px 5px 2px 0;
	}
	.table-form td.labels {
		padding-top: 8px;
	}
		.table-form .rouge {
			font-size: 11px;
			color: #f00;
		}
		.input_error {
			color: #f00;
		}
		div.inputF {

		}
			.inputF input {

			}
		div.textAE {

		}
			.textAE textarea{
				overflow: auto;
			}

			

/*======================================================
Footer
======================================================*/
#footer {
	text-align: center;
	font-size: 10px;
	color: #999;
	margin: 50px 0 0 0;
	padding: 8px 0 0 105px;
	background: url(../images/footer_bg.jpg) center top no-repeat;
}
	#footer ul {
		margin: 0 auto;
		padding: 0;
		height: 30px;
	}
		#footer ul li {
			list-style: none;
			display: inline;
			margin: 0;
			padding: 0;
		}
			#footer li a {
				display: block;
				height: 22px;
				margin: 0;
				padding: 8px 18px 0 19px;
				background: url(../images/footer_sep.jpg) right top no-repeat;
				text-align: center;
				color: #999;
				text-decoration: none;
				float: left;
			}
			#footer li a.count4 {
				background: none;
			}
			#footer li a:hover,
			#footer li a.menu_item_activ {
				color: #000;
			}
/*-----> 1.2.Calendrier  <-----*/
                #event-calendar {
                    width: 192px;
                    height: 184px;
                    background: transparent url(../images/wrap_calendar.jpg) no-repeat scroll center center;
                }
                #event-calendar table
                {
                    margin-left: 5px;
                }
                    #event-calendar table.one_month {
                      width: 192px;
                      padding: 0;
                      margin: 0;
                    }
                    #event-calendar table.one_month {
                        height: 40px;
                        background: transparent url(../images/header_calendar.jpg) no-repeat scroll center bottom;
                    }
                    #event-calendar table td.title {
                      padding-top: 9px;
                      color: #333333;
                      font-size: 12px;
                      font-weight:bold;
                    }
                    #event-calendar table .next input {
                        background: transparent url(../images/next_calendar.jpg) no-repeat scroll center bottom;
                        padding: 0;
                        margin: 0;
                        border: 0 none;
                        width: 30px;
                        height: 31px;
                        cursor: pointer;
                    }
                    #event-calendar table .next {
                        width: 30px;
                        vertical-align: bottom;
                        text-align: right;
                    }
                    #event-calendar .semaine td a{
                        font-weight:bold;
                        font-size: 11px;
                        text-decoration:none;
                        color: #333333;
                    }
                    #event-calendar .semaine td {
                        height: 18px;
                        width: 26px;
                        font-weight:bold;
                        font-size: 11px;
                        color: #333333;
                    }
                    #event-calendar .grey_day {
                        background-image: url('../images/day_grey_calendar.jpg');
                        background-repeat:no-repeat;
                        background-position: left center;
                    }
                    #event-calendar .days {
                        height: 28px;
                    }
                    #event-calendar .days td{
                        font-weight:bold;
                        font-size: 12px;
                        color: #333333;
                    }
                    #event-calendar table .prev input {
                        background: transparent url(../images/prev_calendar.jpg) no-repeat scroll center bottom;
                        padding: 0;
                        margin: 0;
                        border: 0 none;
                        width: 30px;
                        height: 31px;
                        cursor: pointer;
                    }
                    #event-calendar table .prev {
                        width: 30px;
                        vertical-align: bottom;
                        text-align: left;
                    }
                    #event-calendar table td,
                    #event-calendar table th {
                      text-align: center;
                      padding: 0;
                      margin: 0;
                    }
                    #event-calendar table td {
                      vertical-align: middle;
                    }
                    #event-calendar table td.event-day {
                        background-image: url('../images/day_red_calendar.jpg');
                        background-repeat:no-repeat;
                        background-position: left center;
	
                    }
                    
                    #event-calendar table td.event-highlight {
                    }
                    #event-calendar table td.event-highlight a {
                      color: #FFF;
                    }
                    
                    #event-calendar table td.today {
                    }
                    #event-calendar table td.bottom {
                      height: 30px;
                      border: 1px solid #F00;
                      vertical-align: bottom;
                    }
                    #event-calendar a.link_arrow {
                      font-size: .9em;
                    }			
			
.rowOver {
background:#78D4F7;
cursor:pointer;
border:1px solid #000;
text-align:center;
}	
.rowOut {
background:#ffffff;
border:1px solid #000;
text-align:center;
}	
.rowDisabled {
background:#cccccc;
border:1px solid #000;
text-align:center;
}
/*======================================================
RESERVEZ OU OFFREZ MEDICALVISION
======================================================*/
#pub_box {
    width: 728px;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}
.steps_bar .bar_reserver {
    list-style: none;
    margin: 0;
    padding: 0;
}
.steps_bar .bar_reserver li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #CCCCCC;
}
.steps_bar .bar_reserver .selected {
    color: #333333;
}
.steps_bar .bar_reserver span {
    position: relative;
    top: 10px;
    vertical-align: top;
}
.steps_bar .bar_reserver #step1 {
    background-image: url(../images/reserver/tab1.jpg);
    width: 206px;
    height: 46px;
}
.steps_bar .bar_reserver #step1.selected {
    background-image: url(../images/reserver/tab1_hover.jpg);
}
.steps_bar .bar_reserver #step2 {
    background-image: url(../images/reserver/tab2.jpg);
    width: 231px;
    height: 46px;
}
.steps_bar .bar_reserver #step2.selected {
    background-image: url(../images/reserver/tab2_hover.jpg);
}
.steps_bar .bar_reserver #step3 {
    background-image: url(../images/reserver/tab3.jpg);
    width: 259px;
    height: 46px;
}
.steps_bar .bar_reserver #step3.selected {
    background-image: url(../images/reserver/tab3_hover.jpg);
}
#infos_box {
    font-size: 11px;
    color: #333333;
    border-bottom: 1px #D9D9D9 solid;
    width: 696px;
    padding-bottom: 14px;
    margin-bottom: 17px;
    vertical-align:top;
}
#step1_substeps {
    width: 696px;
}
#step1_substeps #substep1 {
    float: left;
    width: 147px;
}
#step1_substeps #substep2 {
    float: left;
    width: 210px;
}
#step1_substeps #substep3 {
    float: left;
    width: 261px;
}
#step1_substeps #substep4 {
    float: left;
    width: 78px;
}
.number_box #step_number1, .number_box #step_number2, .number_box #step_number3, .number_box #step_number4 {
    float: left;
    height: 32px;
    width: 32px;
}
.number_box #step_number1.grey {
    background-image: url(../images/reserver/circle1_grey.jpg);
}
.number_box #step_number1.green {
    background-image: url(../images/reserver/circle1_green.jpg);
}
.number_box #step_number2.grey {
    background-image: url(../images/reserver/circle2_grey.jpg);
}
.number_box #step_number2.green {
    background-image: url(../images/reserver/circle2_green.jpg);
}
.number_box #step_number3.grey {
    background-image: url(../images/reserver/circle3_grey.jpg);
}
.number_box #step_number3.green {
    background-image: url(../images/reserver/circle3_green.jpg);
}
.number_box #step_number4.grey {
    background-image: url(../images/reserver/circle4_grey.jpg);
}
.number_box #step_number4.green {
    background-image: url(../images/reserver/circle4_green.jpg);
}
.number_box .light_number {
    float: left;
    color: #CCCCCC;
    font-size: 14px;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 3px;
}
.number_box .bold_number {
    float: left;
    color: #333333;
    font-size: 14px;
    padding-left: 10px;
    font-weight:bold;
    padding-top: 3px;
}
.form_part {
    padding-top: 13px;
}
.grey_button {
    color: #FFFFFF;
    background-image: url(../images/reserver/btn_valider.jpg);
    width: 78px;
    height: 36px;
    border: 0 none;
    font-weight: bold;
    font-size: 15px;
}
.nojqtransform option{
    height: 25px;
    vertical-align: middle;
    font-size: 12px;
}
.resume_etablissement {
    font-weight:bold;
    color: #333333;
    font-size: 12px;
    padding-right: 15px;
}
.back_select_etabliss a{
    background: transparent url(../images/reserver/back_select_etabliss.gif) no-repeat scroll left center;
    padding-left: 8px;
    color: #709600;
    font-size: 10px;
    text-decoration:none;
}
.back_select_etabliss a:hover{
    text-decoration:underline;
}
#wrap_gift_card {
    
}
.apercu_etab {
    float: left;
    height: 245px;
    background: transparent url(../images/reserver/vertical_separator.jpg) no-repeat scroll right center;
    width: 322px;
}
.method_etab {
    width: 274px;
    float: left;
    padding-top: 1px;
}
.img_etab {
    padding-left: 21px;
}
.label_etab {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}
.desc_etab {
    color: #666666;
    padding-top: 20px;
    padding-left: 21px;
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left 22px;
    font-size: 12px;
}
.method_etab .box {
    background: transparent url(../images/reserver/box_method.jpg) no-repeat scroll right 50px;
    height: 110px;
    padding-left: 51px;
    padding-right: 7px;
}
.method_etab .creditcard {
    float: left;
    height: 64px;
    width: 80px;
    background: transparent url(../images/reserver/creditcard.jpg) no-repeat scroll center center;
}
.method_etab .gift {
    float: left;
    height: 64px;
    width: 80px;
    background: transparent url(../images/reserver/gift.jpg) no-repeat scroll center center;
}
.method_etab .box.disactivated .gift {
    float: left;
    height: 64px;
    width: 80px;
    background: transparent url(../images/reserver/gift_lock.jpg) no-repeat scroll center center;
}
.btn_etab {
    float: right;
}
.btn_green_etab
{
     background: transparent url(../images/reserver/green_btn.jpg) no-repeat scroll center center;
     width: 115px;
     font-size: 15px;
     height: 54px;
     overflow: hidden;
     position: relative;
}
.btn_green_etab a {
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: none;
     padding: 10px;
     text-align: center;
     position: absolute;
     top: 2px;
}
.btn_green_etab a:hover
{
    color: #333333;
}
/*--DISACTIVATED--*/
.disactivated .btn_green_etab a {
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: none;
     padding: 10px;
     text-align: center;
     position: absolute;
     cursor: default;
     top: 2px;
}
.disactivated .btn_green_etab
{
     background: transparent url(../images/reserver/grey_btn.jpg) no-repeat scroll center center;
     width: 115px;
     font-size: 15px;
     height: 54px;
     overflow: hidden;
     position: relative;
}
/*--SERVICE SELECT---*/
#list_service {
    float: left;
    width: 417px;
    background: transparent url(../images/reserver/vertical_separator.jpg) no-repeat scroll right center;    
}
#list_service .title_service{
    color: #333333;
    font-weight:bold;
    font-size: 14px;
    padding-left: 21px;
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left center;
}
#list_service .service_ul {
    list-style:none;
    margin: 0;
    padding: 0;
    padding-left: 21px;
    float: left;
    margin-top: 17px;
}
#list_service .service_ul li {
    background: transparent url(../images/reserver/green_dash.gif) no-repeat scroll 26px center;
    height: 25px;
}
#list_service .service_ul li.red {
    background: transparent url(../images/reserver/red_dash.gif) no-repeat scroll 26px center;
}
#list_service .service_ul li span.label {
    padding-left: 8px;
    color: #000000;
    font-size: 14px;
    position:relative;
    top: 6px;
}
.service_btns {
    float: right;
    margin-top: 17px;
    margin-right: 24px;
    vertical-align:top;
}
.green_button {
    color: #FFFFFF;
    background-image: url(../images/reserver/btn_valider_green.jpg);
    width: 80px;
    height: 35px;
    border: 0 none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    vertical-align:top;
}
.green_button:hover {
    color: #333333;
}
.big_grey_button {
    color: #FFFFFF;
    background-image: url(../images/connecter/btn_valider_grey_big.jpg);
    width: 175px;
    height: 35px;
    border: 0 none;
    font-weight: bold;
    font-size: 15px;
    vertical-align:top;
}
.big_green_button {
    color: #FFFFFF;
    background-image: url(../images/connecter/btn_valider_green_big.jpg);
    width: 175px;
    height: 35px;
    border: 0 none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    vertical-align:top;
}
.big_green_button:hover {
    color: #333333;
}

.btn_back {
    color: #999999;
    background: url(../images/reserver/btn_back.jpg) center center;
    width: 58px;
    height: 35px;
    border: 0 none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 10px;
    vertical-align:top;
    cursor: pointer;
}
#service_legende {
    float: left;
    width: 279px;
}
#service_legende .title {
    color: #333333;
    font-size: 14px;
    font-weight:bold;
    margin-bottom: 5px;
    margin-left: 38px;
}
#service_legende .green {
    background: transparent url(../images/reserver/green_dash.gif) no-repeat scroll left bottom;
    color: #333333;
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 5px;
    margin-left: 38px;
}
#service_legende .red {
    background: transparent url(../images/reserver/red_dash.gif) no-repeat scroll left bottom;
    color: #333333;
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 5px;
    margin-left: 38px;
}
#list_service .red .jqTransformRadio {
    visibility: hidden;
}
/*----SUBSCRIBRE FORMS----*/
#form_subscribe {
    float: left;
    width: 451px;
    background: transparent url(../images/reserver/vertical_separator2.jpg) no-repeat scroll right center;
}
.title_subscribe {
    font-style:italic;
    font-weight:bold;
    font-size:13px;
    color: #333333;
    margin-bottom: 10px;
}
.tableForm td{
    font-size: 12px;
    color: #333333;
    padding: 2px 0;
    height: 31px;
}
.tableForm {
    padding: 0;
    margin : 0;
}
.service_de_soin {
    padding-right: 10px;
    font-weight:bold;
}
.visio_question {
    color: #333333;
    margin-top: 20px;
    width: 350px;
    /*background: transparent url(../images/reserver/interro.gif) no-repeat scroll right center;*/
}
.visio_question a {
    text-decoration:none;
}
.visio_question a:hover {
    text-decoration:underline;
}
.visio_question2 {
    color: #333333;
    margin-top: 20px;
    width: 440px;
/*        background: transparent url(../images/reserver/interro.gif) no-repeat scroll right center;*/
}
.visio_question2 a {
    text-decoration:none;
}
.visio_question2 a:hover {
    text-decoration:underline;
}
.visio_question a img,
.visio_question a:hover img,
.visio_question2 a img,
.visio_question2 a:hover img{
    text-decoration:none;
    float:right;
}

.visio_answer {
    margin-bottom : 10px;
}
.visio_answer div.answer {
    float: left;
    margin-right: 5px;
}
.visio_answer div.answer span.label{
    position:relative;
    top: 8px;
}
.subscripe_reglement {
    margin-bottom: 20px;
}
.subscripe_reglement span.label {
    position: relative;
    top: 3px;
    left: 3px;
}
#subscribe_infos {
    float: left;
    padding-left: 40px;
}
.explication{
    width: 180px;
    font-size: 12px;
    text-align: left;
}
#subscribe_infos .explication_cgv{
    width: 162px;
    font-size: 12px;
    margin-top: 27px;
}
#subscribe_infos .explication_cgv .cgv_link{
    width: 162px;
    font-size: 12px;
    background: transparent url(../images/reserver/green_arrow2.gif) no-repeat scroll left center;
    padding-left: 10px;
}
#subscribe_bar {
    margin-bottom: 28px;
}
#subscribe_bar #step1 {
    width: 22px;
    height: 22px;
    float: left;
    background: transparent url(../images/reserver/circle1_s_grey.jpg) no-repeat scroll center center;
}
#subscribe_bar #step1.selected {
    background: transparent url(../images/reserver/circle1_s_green.jpg) no-repeat scroll center center;
}
#subscribe_bar #step2 {
    width: 22px;
    height: 22px;
    float: left;
    background: transparent url(../images/reserver/circle2_s_grey.jpg) no-repeat scroll center center;
}
#subscribe_bar #step2.selected {
    background: transparent url(../images/reserver/circle2_s_green.jpg) no-repeat scroll center center;
}
#subscribe_bar #step3 {
    width: 22px;
    height: 22px;
    float: left;
    background: transparent url(../images/reserver/circle3_s_grey.jpg) no-repeat scroll center center;
}
#subscribe_bar #step3.selected {
    background: transparent url(../images/reserver/circle3_s_green.jpg) no-repeat scroll center center;
}
#subscribe_bar #step_label1, #subscribe_bar #step_label2, #subscribe_bar #step_label3 {
    float: left;
    margin-right: 70px;
    color: #CCCCCC;
    font-size: 16px;
    font-weight:bold;
    position: relative;
    top: 3px;
    left: 5px;
}
#subscribe_bar #step_label3 {
    margin-right: 0;
}
#subscribe_bar div.selected {
    color: #333333 !important;
}
#tooltip {
    position:absolute;
    z-index:3000;
    background: transparent url(../images/reserver/panel_tooltip.png) no-repeat scroll center center;
    width: 195px;
    height: 196px;
}
#tooltip p {
    font-size: 12px;
    color: #333333;
    padding: 0 8px 0 10px;
    background: transparent url(../images/reserver/green_arrow2.gif) no-repeat scroll left 3px;
    margin: 12px 0;
    margin-left: 13px;
}
/*----------Reservation et reglement----------*/
.left_messagerie {
    float: left;
    width: 416px;
    margin-top: 25px;
    background: transparent url(../images/reserver/vertical_separator2.jpg) no-repeat scroll center right;
}
#messagerie_info {
    float: left;
    width: 190px;
    padding:0 0 0 10px;
    margin-top: 25px;
    background: transparent url(../images/connecter/ico_mess_a_fond_blanc.jpg) no-repeat top left;
}
#messagerie_info .title {
    padding: 7px 0 25px 55px;
    color: #333333;
    font-weight:bold;
    font-size:20px;
    width: 135px;
}
#messagerie_info .rappel_selection{
    line-height: 20px;
}
.back_select_msg {
    padding-top: 5px;
}

.back_select_msg a{
    background: transparent url(../images/reserver/back_select_etabliss.gif) no-repeat scroll left center;
    padding-left: 8px;
    color: #709600;
    font-size: 10px;
    text-decoration:none;
}
.back_select_msg a:hover{
    text-decoration:underline;
}

.left_reservation {
    float: left;
    width: 512px;
    background: transparent url(../images/reserver/vertical_separator2.jpg) no-repeat scroll center right;
}
#reservation_price {
    float: left;
    width: 104px;
}
.calendar_wrap {
    width: 196px;
    height: 210px;
    float: left;
}
.select_dates {
    float: left;
    width: 316px;
}
.select_dates .title{
    padding-left: 20px;
    margin-left: 20px;
    color: #333333;
    font-weight:bold;
    font-size: 14px;
    height: 22px;
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left top;
}
.form_date {
    margin-left: 40px;
    height: 40px;
}
.select_dates .count_price {
    color: #333333;
    font-size: 13px;
    margin-left: 40px;
    height: 30px;
    padding: 8px 0;
}
.bigGreenPrice {
    color: #99CC00;
    font-size: 26px;
    font-weight:bold;
}
.select_dates .ttc_price {
    color: #000000;
    font-size: 13px;
    font-weight:bold;
}
.select_dates .jqTransformSelectWrapper {
    margin-left: 3px;
}
.title_facturation {
        background: transparent url(../images/reserver/horizontal_separator.jpg) no-repeat scroll left bottom;
        color: #333333;
        font-size: 15px;
        font-weight:bold;
        padding: 6px 0;
        margin-bottom: 13px;
}
.btns_facturation {
    margin-top: 20px;
}
.tableForm span.label {
    position: relative;
    top: 8px;
    left: 4px;
}
#reservation_price .title {
    padding-left: 24px;
    color: #333333;
    font-weight:bold;
    font-size:20px;
    margin-top: 25px;
}
#reservation_price .price_display {
    text-align: center;
}
#reservation_price .price_display .label_price {
    font-size: 12px;
    color: #333333;
    text-align: center;
    width: 100%;
    margin-bottom: 7px;
    padding-top: 14px;
}
#reservation_price .price_display .jour {
    color: #000000;
    font-size: 18px;
    font-weight:bold;
}
.price_display {
    width: 174px;
    padding-bottom: 20px;
    padding-left: 11px;
    background: transparent url(../images/reserver/box_price.jpg) no-repeat scroll right bottom;
}
.send_infos_patient {
    background: transparent url(../images/reserver/horizontal_separator.jpg) no-repeat scroll center bottom;
    padding-bottom: 23px;
    margin-bottom: 20px;
}
.send_infos_patient .title_subscribe {
    background: transparent url(../images/reserver/horizontal_separator.jpg) no-repeat scroll center top;
    margin-top: 10px;
    padding-top: 23px;
}
.send_infos_patient .label{
    position: relative;
    top: 8px;
}
.indispo_days {
    background: transparent url(../images/day_red_calendar.jpg) no-repeat scroll left center;
    padding-left: 30px;
    color: #333333;
    margin: 5px 0 0 5px;
    font-size: 10px;
}
/*---------Obtention CODE-----*/
.right_code {
    float: left;
    padding-left: 34px;
}
.left_code {
    float: left;
    width: 333px;
    height: 214px;
}
.arrow_box {
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left 3px;
    padding-left: 20px;
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
}
.arrow_box td {
    padding: 0;
}
.email {
    font-size: 14px;
    font-weight:bold;
}
.felicitation_achat {
    margin-bottom: 30px;
}
.felicitation_achat h1 {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight:bold;
    color: #333333;
}
.felicitation_achat .date {
    font-size: 20px;
    font-weight:bold;
}
.wrap_code {
    background: transparent url(../images/reserver/wrap_code.jpg) no-repeat scroll center center;
    font-size: 41px;
    height: 53px;
    width:130px;
    color: #000000;
    line-height: 41px;
    text-align: center;
    vertical-align:middle;
    font-weight:bold;
}
.print_code {
    background: transparent url(../images/reserver/printer.jpg) no-repeat scroll left center;
    padding-left: 33px;
    height: 24px;
}
.print_code a {
    text-decoration:none;
    color: #99CC00;
    font-weight:bold;
    position: relative;
    top: 5px;
}
.print_code a:hover {
    text-decoration:underline;
}
.wrap_emails {
    background: transparent url(../images/reserver/wrap_emails.jpg) no-repeat scroll center center;
    width: 319px;
    height: 214px;
}
.arrow_box2 {
    background: transparent url(../images/reserver/green_arrow_bggrey.gif) no-repeat scroll left 20px;
    padding-left: 20px;
    font-size: 12px;
    margin-left: 16px;
    color: #333333;
    padding-top: 17px;
}
.parentheses {
    font-size: 10px;
}
.green_button2 {
    color: #FFFFFF;
    background-image: url(../images/reserver/btn_valider_green2.jpg);
    width: 80px;
    height: 35px;
    border: 0 none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    vertical-align:top;
}
.green_button2:hover {
    color: #333333;
}
.input_text_code {
    height:38px;
    margin-top: 7px;
    padding-left: 36px;
}
.input_submit_code {
    text-align: right;
    padding-right: 15px;
}
/*======================================================
CONNECTEZ VOUS AVEC UN PATIENT
======================================================*/
.steps_bar {
    height: 43px;
}
.steps_bar .bar_connexion {
    list-style: none;
    margin: 0;
    padding: 0;
}
.steps_bar .bar_connexion li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #CCCCCC;
}
.steps_bar .bar_connexion .selected {
    color: #333333;
}
.steps_bar .bar_connexion span {
    position: relative;
    top: 10px;
    vertical-align: top;
}
.steps_bar .bar_connexion #step1 {
    background-image: url(../images/connecter/tab1.jpg);
    width: 174px;
    height: 46px;
}
.steps_bar .bar_connexion #step1.selected {
    background-image: url(../images/connecter/tab1_hover.jpg);
}
.steps_bar .bar_connexion #step2 {
    background-image: url(../images/connecter/tab2.jpg);
    width: 174px;
    height: 46px;
}
.steps_bar .bar_connexion #step2.selected {
    background-image: url(../images/connecter/tab2_hover.jpg);
}
.steps_bar .bar_connexion #step3 {
    background-image: url(../images/connecter/tab3.jpg);
    width: 174px;
    height: 46px;
}
.steps_bar .bar_connexion #step3.selected {
    background-image: url(../images/connecter/tab3_hover.jpg);
}
.steps_bar .bar_connexion #step4 {
    background-image: url(../images/connecter/tab4.jpg);
    width: 174px;
    height: 46px;
}
.steps_bar .bar_connexion #step4.selected {
    background-image: url(../images/connecter/tab4_hover.jpg);
}
.wrap_panel_connexion {
    float: left;
    padding-left: 50px;
}
.panel_connexion {
    width: 282px;
    height: 204px;
    position: relative;
    background-image: url(../images/connecter/panel_connexion.jpg);
}
#div_ajax_search_dept {
    height: 170px;
}
.title_co {
    font-size: 16px;
    color: #333333;
    font-weight:bold;
    top: 26px;
    left: 104px;
    position: absolute;
    line-height: 16px;
}
.panel_connexion table td {
    font-size: 12px;
    color: #333333;
    height: 37px;
}
.panel_connexion table {
    position: absolute;
    top:70px;
    left: 12px;
}
.panel_connexion table td.lock_co {
    background: transparent url(../images/connecter/lock.jpg) no-repeat scroll right center;
}
.panel_connexion .facultatif {
    font-size: 10px;
    color: #666666;
}
.wrap_panel_connexion .required_fields {
    width: 282px;
    text-align: right;
    margin-top: 5px;
    color: #666666;
    font-size: 10px;
}
.wrap_choice_co {
    float: left;
    padding-right: 46px;
}
.wrap_choice_co.last {
    float: left;
    padding-left: 20px;
    padding-right: 0px;
}
.wrap_choice_co div.box{
    background: transparent url(../images/connecter/panel_choice.jpg) no-repeat scroll right center;
    width: 194px;
    height: 170px;
    position: relative;
}
.wrap_choice_co .visio_box {
    background: transparent url(../images/connecter/ico_visio_a.jpg) no-repeat scroll right center;
    width: 59px;
    height: 55px;
    position: absolute;
    top: 11px;
    left: 6px;
}
.wrap_choice_co.disactivated .visio_box {
    background: transparent url(../images/connecter/ico_visio_u.jpg) no-repeat scroll right center;
}
.wrap_choice_co .messagerie_box {
    background: transparent url(../images/connecter/ico_mess_a.jpg) no-repeat scroll right center;
    width: 59px;
    height: 55px;
    position: absolute;
    top: 11px;
    left: 6px;
}
.wrap_choice_co.disactivated .messagerie_box {
    background: transparent url(../images/connecter/ico_mess_u.jpg) no-repeat scroll right center;
}
.wrap_choice_co .telephonie_box {
    background: transparent url(../images/connecter/ico_tel_a.jpg) no-repeat scroll right center;
    width: 59px;
    height: 55px;
    position: absolute;
    top: 11px;
    left: 6px;
}
.wrap_choice_co.disactivated .telephonie_box {
    background: transparent url(../images/connecter/ico_tel_u.jpg) no-repeat scroll right center;
}
.wrap_choice_co .wrap_btn
{
    position: absolute;
    left: 73px;
    top: 29px;
}
.wrap_choice_co .btn_select {
    background: transparent url(../images/connecter/btn_select_green.jpg) no-repeat scroll center center;
    border: 0 none;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    font-size: 17px;
    font-weight:bold;
    cursor: pointer;
    height: 54px;
    width: 115px;
}
.wrap_choice_co.disactivated .btn_select {
    background: transparent url(../images/connecter/btn_select_grey.jpg) no-repeat scroll center center;
    cursor: default;
}
.wrap_choice_co .btn_select:hover {
    color: #333333;
}
.wrap_choice_co.disactivated .btn_select:hover {
    color: #FFFFFF;
}
.wrap_choice_co .text_choice {
    color: #333333;
    position: absolute;
    top: 95px;
    left: 11px;
}
.wrap_choice_co.disactivated .text_choice {
    color: #CCCCCC;
}
.wrap_choice_co .text_choice .text12{
    font-size: 12px;
}
.wrap_choice_co .text_choice .text10{
    font-size: 10px;
    font-weight:bold;
    line-height:20px;
}
.wrap_choice_co .text_choice .text24{
    font-size: 24px;
    line-height: 24px;
    font-weight:bold;
}
.wrap_back_co {
    margin-top: 35px;
    margin-left: 20px;
}
.info_found_patient .the_patient
{
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left 2px;
    height: 23px;
    padding-left: 20px;
    color: #333333;
    font-size: 14px;
}
.info_found_patient .the_patient .patient_name {
    color: #00B0F0;
    font-weight:bold;
}
.info_found_patient .use_our_services {
    margin-top: 15px;
    margin-bottom: 13px;
    padding-left: 20px;
    font-size: 12px;
    color: #333333;
}
.rappel_selection {
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left 2px;
    padding-left: 20px;
    height: 26px;
    font-size: 12px;
    color: #333333;
}
.rappel_selection.creditcard {
    height: 65px;
    margin-top: 10px;
}
.rappel_selection .bolder {
    font-size: 13px;
    font-weight:bold;
}
.rappel_selection .back_select_etabliss {
    padding-left: 15px;
}
.rappel_selection .creditcard_wrap {
    background: transparent url(../images/connecter/creditcard.jpg) no-repeat scroll right center;
    width: 323px;
}
.price_display .minute_price {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
.price_display .par_jour {
    font-size: 12px;
    font-weight:bold;
}
.price_display .first_minute {
    font-size: 10px;
    padding-top: 10px;
    font-weight:bold;
}
.thanks_box {
    font-size: 20px;
    font-weight:bold;
    color: #333333;
    height: 50px;
    background: transparent url(../images/connecter/ico_visio_white.jpg) no-repeat scroll right center;
    width: 640px;
    line-height:50px;
}
.fin_connexion {
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left 2px;
    padding-left: 20px;
}
.fin_connexion .with_who {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
}
.fin_connexion .with_where {
    font-size: 11px;
    line-height: 13px;
    color: #333333;
}
.fin_connexion_refuse {
    background: transparent url(../images/connecter/red_arrow.gif) no-repeat scroll left 2px;
    padding-left: 20px;
}
.fin_connexion_refuse .with_who {
    font-size: 16px;
    line-height: 16px;
    color: #ff0000;
}

.wrap_fin_appel {
    padding-left: 20px;
    padding-top: 24px;
}
.wrap_fin_appel .fin_appel {
    background: transparent url(../images/connecter/panel_fin_appel.jpg) no-repeat scroll center center;
    height: 103px;
    width: 293px;
    position: relative;
}
.fin_appel .fin_duree {
    font-size: 12px;
    color: #333333;
    padding-left: 10px;
    position: absolute;
    bottom: 64px;
    left: 20px;
    background: transparent url(../images/reserver/green_arrow2.gif) no-repeat scroll left 4px;
}
.fin_appel .fin_cout {
    font-size: 12px;
    color: #333333;
    padding-left: 10px;
    position: absolute;
    bottom: 25px;
    left: 20px;
    background: transparent url(../images/reserver/green_arrow2.gif) no-repeat scroll left 14px;
}
.fin_appel .fin_duree .minutes {
    font-size: 18px;
    font-weight:bold;
}
.fin_appel .fin_cout .euros {
    color: #00B0F0;
    font-size: 26px;
    font-weight:bold;
    line-height:26px;
}
.fin_connexion_print .print_facture {
    background: transparent url(../images/connecter/print.jpg) no-repeat scroll left center;
    padding-left: 32px;
    height: 25px;
}
.fin_connexion_print .print_facture a{
    color: #99CC00;
    font-weight:bold;
    font-size: 12px;
    text-decoration:none;
    line-height: 25px;
}
.fin_connexion_print .print_facture a:hover{
    text-decoration:underline;
}
.fin_connexion_print {
    background: transparent url(../images/reserver/green_arrow.gif) no-repeat scroll left 8px;
    padding-left: 20px;
    margin-top: 10px;
}
#panel_nomprenom {
    display:none;
}
#panel_nomprenom .back_code {
    background:url("../images/connecter/back_code.jpg") no-repeat scroll left center transparent;
    padding-left: 8px;
    text-decoration:none;
    position:absolute;
    top: 185px;
    left: 13px;
}
#panel_nomprenom a.back_code:hover {
    text-decoration:underline;
}
#panel_nomprenom span {
    font-size: 13px;
}
#panel_code table {
    left: 15px;
    top: 95px;
}
#panel_code .green_button2 {
    position: relative;
    top: -2px;
    left: 4px;
}
#panel_code .sep{
    background: transparent url(../images/connecter/panel_sep.jpg) no-repeat scroll right center;
    padding-right: 16px;
}
#panel_code .green_button3 {
    color: #FFFFFF;
    background-image: url(../images/reserver/btn_valider_green2.jpg);
    background-repeat:no-repeat;
    width: 80px;
    height: 35px;
    border: 0 none;
    margin-top: 10px;
    font-weight: bold;
    font-size: 11px;
}
#panel_code .green_button3 a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration:none;
    font-size: 11px;
    position:relative;
    top: 4px;
    left: 5px;
}
#panel_code .no_code {
    font-size: 10px;
}
#panel_code .right_code {
    padding-left: 20px;
}
.table_fonctionnalite {
    border-collapse:collapse;
    margin: 0;
    padding: 0;
}
.table_fonctionnalite tr {
    
}
.table_fonctionnalite tr td{
    color: #333333;
    font-size: 12px;
    padding: 0 10px;
    border: 1px #666666 solid;
}
.table_fonctionnalite tr td.noleft{
    border-left: 0 none;
}
.table_fonctionnalite tr td.noright{
    border-right: 0 none;
}
.table_fonctionnalite h3{
    font-size: 14px;
    font-weight:bold;
    color: #333333;
}
.table_fonctionnalite .firstCel {
    border-top: 1px #FFFFFF solid;
    border-left: 1px #FFFFFF solid;
}
.table_fonctionnalite .packCel {
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding: 0 10px;
    line-height: 100%;
    border-left: 1px #666666 solid;
    border-right: 1px #666666 solid;
}
.table_fonctionnalite .packCel span {
    font-size: 10px;
    color: #333333;
    line-height: 100%;
}
.table_fonctionnalite .checkCel {
    background: url(../images/bg_fonct.jpg) repeat-x;
    text-align: center;
    height: 121px;
    border-left: 1px #666666 solid;
    border-right: 1px #666666 solid;
}
.table_fonctionnalite .checkCel img {
    float: none;
}
.table_fonctionnalite_patient img {
    margin: 6px 0;
}