#fiche_voyant_content_top {
	width: 893px;   /* 950 - 57 */
	height: 257px;  /* 277 - 20 */
	background: url('/img/fiche_voyant_cadre_top.gif') no-repeat;
	float: left;

	padding: 20px 0 0 57px;
}

#fiche_voyant_content_middle {
	width: 657px;
	background: url('/img/fiche_voyant_cadre_middle.gif') repeat-y;
	float: left;
	padding: 0px 230px 8px 63px;
	min-height: 145px;
    color: #757575;
}

#fiche_voyant_content_bottom {
	width: 950px;
	height: 60px;
	background: url('/img/fiche_voyant_cadre_bottom.gif') no-repeat;
	float: left;
}


#fiche_voyant_content_top_left {
	width: 134px;
	/*padding-right: 27px;*/
	float: left;
}

#fiche_voyant_content_top_middle {
	width: 485px;
	float: left;
	padding-top: 10px;
    font-weight: bold;

	color: #9a1360;
}

.fiche_voyant_nav_menu{
	height: 38px;
}

a.violet {
	color: #9a1360;
	text-decoration: underline;
}
a.violet {
	font-size: 11px;
}


/**** Toujours affiché ****/

#fiche_voyant_photo {
	width: 134px;
	height: 200px;
	float: left;

	padding-bottom: 8px
}

#fiche_voyant_dispo{
	float: left;
	width: 134px;
}

#fiche_voyant_dispo .fiche_voyant_picto_statut{
	float: left;
	padding: 0px 4px 0px 22px;
}

#fiche_voyant_dispo .fiche_voyant_statut{
	float: left;
	padding-top: 4px;
	color: #757575;
	font-size: 11px;
}

#fiche_voyant_nom{
	padding-bottom: 6px;
	font-size: 18px;
	padding-left: 27px;
}
#fiche_voyant_picto {
	color:#FFFFFF;
	font-size:11px;
	padding:0px 0px 5px 27px;
	float:left;
}
#fiche_voyant_picto img{

	padding:0px 4px 0px 0px;
}
#fiche_voyant_note{
	padding-top: 2px;
	font-size: 14px;
}

#fiche_voyant_note a {
	color: #9A1360;
}

/**** Calendrier ****/

#fiche_voyant_calendrier {
    position: absolute;
    top: 157px;
    left: 730px;
    width: 174px;

    color: #757575;
}

#fiche_voyant_calendrier_top {
    width: 174px;
    height: 18px;

    background: url('/img/fiche_voyant_calendrier_top.gif') no-repeat;
    float: left;
}

#fiche_voyant_calendrier_middle {
    width: 150px;
    padding-left: 24px;
    background: url('/img/fiche_voyant_calendrier_middle.gif') repeat-y;
    float: left;
    padding-bottom: 7px;
}


#fiche_voyant_calendrier_bottom {
    width: 148px;
    height: 226px;
    padding: 5px 10px 0 12px;

    background: url('/img/fiche_voyant_calendrier_bottom.gif') no-repeat;
    float: left;
}

.fiche_voyant_calendrier_bottom_txt{
    padding: 0 0 8px 12px;
}

#table_calendrier table{
    width: 148px;
    border: 1px solid #757575;
    border-collapse: collapse;
    /*font-weight: bold;*/
    font-size: 11px;
    color: #a7c500;
    text-align: center;
}

#table_calendrier tr{
    height:22px;
}

#table_calendrier td{
    border: 1px solid #757575;
}
#table_calendrier .jour{
    width:20px;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    background-color: #deccdd;
}

#table_calendrier .vide{
    color: #cf272d;
}

/**** CADRES MILIEU ****/

#voyant_cadre_inscription {
    position: absolute;
    top: 235px;
    left: 201px;
    background: url('/img/fiche_voyant_online_cadre_milieu.gif') no-repeat;
    color: #757575;
    font-size: 13px;
}

#voyant_cadre_inscription {
    display: none;

    width: 468px;
    height: 112px;
    padding: 23px 23px 23px 33px;
}

#cadre_voyant {
	/*position: relative;*/
    /*top: 230px;
    left: 207px;
    left: 0px;*/
    /*z-index: 20;*/
	color: #757575;
    font-size: 13px;
    /*width: 477px;*/
    min-height: 112px;
    padding: 15px 0px 0px 10px;
    /*padding: 23px;*/
    width: 513px;
}

.cadre_voyant_top {
	background: url('/img/cadre_gris_top.gif') no-repeat;
	width: 523px;
	height: 23px;
}
.cadre_voyant_middle {
	background: url('/img/cadre_gris_middle.gif') repeat-y;
	width: 477px;
	padding: 0px 23px 0px 23px;
}
.cadre_voyant_bottom {
	background: url('/img/cadre_gris_bottom.gif') no-repeat;
	width: 523px;
	height: 23px;
}

/*
#voyant_en_consult{
    display: none;

    width: 477px;
    height: 112px;
    padding: 23px;
}

#voyant_offline{
    display: none;

    width: 477px;
    height: 112px;
    padding: 23px;
}
*/

#voyant_cadre_rdv {
    display: none;

    position: absolute;
    top: 415px;
    left: 207px;
    width: 487px;
    height: 226px;

    padding: 15px 20px 15px 15px;

    background: url('/img/fiche_voyant_cadre_prise_rdv2.gif') no-repeat;

    color: #757575;
}

#voyant_cadre_appeler {
    display: none;

    position: absolute;
    top: 150px;
    left: 200px;
    width: 468px;
    height: 307px;

    padding: 35px 20px 15px 35px;

    background: url('/img/fiche_voyant_cadre_prise_rdv4.png') no-repeat;

    color: #757575;
    
    font-size: 12px;
    font-weight: normal;
}

#voyant_cadre_appeler {
	
}

#voyant_cadre_appeler h1 {
	padding-bottom: 20px;
	font-size: 16px;
	color: #9A1360;
}

#voyant_cadre_appeler fieldset {	
	clear: both;
	padding: 20px 0;
	border: 0;
}

#voyant_cadre_appeler label {	
	display: block;
	float: left;
	padding: 7px 10px 0 0;
	font-weight: bold;
	color: #000;
}

#voyant_cadre_appeler input.ipt-text {	
	width: 17px;
	height: 18px;	
	padding: 2px;
	border: 1px solid #000;
	color: #000;
	background: #fff;
}

#voyant_cadre_appeler input.inter {	
	background: #d7d7d7;
}

#voyant_cadre_appeler select {	
	width: 155px;
	margin-top: 7px;
}

#voyant_cadre_appeler p {	
	color: #000;
}

#voyant_cadre_appeler fieldset p {	
	clear: both;
	padding-top: 10px;
	font-size: 11px;
}

#voyant_cadre_appeler fieldset p a {	
	color: #9A1360;
}



/**** ONLINE ****/

#voyant_btn_online {
    width: 183px;
    height: 30px;
    padding-bottom: 3px;
}

#voyant_online_lien_rdv{
    font-size: 11px;
    padding: 0 0 10px 15px;
}

#cadre_voyant a, #cadre_voyant a:visited{
    color: #757575;
}

#cadre_voyant a:hover{
    text-decoration: none;
}

/**** EN CONSULT ****/

#voyant_btn_en_consult {
    width: 234px;
    height: 30px;
    padding-bottom: 13px;
}


/**** OFFLINE ****/

#voyant_btn_offline {
    width: 197px;
    height: 30px;
    padding-bottom: 13px;
}

/**** Communs aux divs ****/
.voyant_tarifs{
    line-height:3ex;
}


/**** INSCRIPTION ****/

#cadre_inscription_btn_close{
    position: absolute;
    top: 12px;
    left: 494px;

    width: 16px;
    height: 16px;
}

.cadre_inscription_ligne {
    padding-bottom: 8px;
    clear:both;
}

#voyant_cadre_inscription .input input {
    width: 68px;
    padding: 1px 4px;
    font-size: 10px;
    color: #757575;
    border: 1px solid #757575;
}

#voyant_cadre_inscription form, #voyant_cadre_inscription .txt {
    float: left;
}

#voyant_cadre_inscription .txt {
    padding: 8px 10px 0 0;
}

#voyant_cadre_inscription .input {
    padding: 7px 2px 0 2px;
    float: left;
}

#voyant_cadre_inscription .submit input {
    padding: 0 0 5px 10px;
}


/**** Prise RDV ****/

#cadre_rdv_btn_close{
    position: absolute;
    top: 8px;
    left: 491px;

    width: 16px;
    height: 16px;
}

.voyant_cadre_rdv_form_field{
	padding:  0px 0px 8px 0px;
}

#voyant_cadre_rdv_form .label{
    float: left;
    width: 63px;
    padding-left: 10px;
}

#voyant_cadre_rdv_form{
	color: #757575;
	font-weight: bold;
	padding-top: 10px;
}

#voyant_cadre_rdv_form input{
	width: 240px;
	color: #757575;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #808080;
	padding: 2px 0px;
	float: left;
}

#voyant_cadre_rdv_form select{
	width: 268px;
	color: #757575;
	font-size: 11px;
	padding: 1px 0px;
	border: 2px inset #808080;
}

#voyant_cadre_rdv_form img{
    padding: 1px 4px;
}

#voyant_cadre_rdv_form_submit{
	padding: 5px 0px 0px 68px;
}




/*********** TABLEAU VIOLET ******/
.accueil_nav_menu {
	width: 950px;
	height: 38px;
}
#tab_nav {
	width: 950px;
}

.evaluation_entete {
	font-weight: bold;
	color: #fff;
	padding: 15px 0px 25px 0px;
}
.evaluation_entete a{
	color: #fff;
	text-decoration: underline;
}

.evaluation_liste {
	padding: 0px 0px 15px 0px;
}
.eval_picto {
	float: left;
	padding: 4px 5px 0px 0px;
}
.eval_pseudo {
	color: #fff;
}
.eval_commentaire {
	color: #fff;
}


/**** Pagination ****/
#pagination {
	color: #fff;
	font-size: 11px;
	float: right;
	padding: 5px 0px 0px 0px;
}
a.lien_violet, a.lien_violet_11 {
	color: #fff;
	text-decoration: underline;
}
a.lien_violet_11 {
	font-size: 11px;
}
a.lien_gris, a.lien_gris_11 {
	text-decoration: underline;
}
a.lien_gris_11 {
	font-size: 11px;
}
a.lien_violet:hover, a.lien_violet_11:hover, a.lien_gris:hover, a.lien_gris_11:hover {
	text-decoration: none;
}

