﻿	/** Mise en avant sejour **/
	#mise_avant_presentation{
		/*background:transparent url(/images/divers/mise_avant_presentation-.jpg) no-repeat scroll 0 0;*/
		width: 522px;
		height: 265px;
		float:left;
		margin-top: 5px;
		position : relative;
		pading:0;
	}
	
	#mise_avant_presentation .titre{
		font-family: trebuchet MS;/*AvantGarde-ConDemi;*/
		color: #0090ff;
		font-size: 20px;
		float : left;
		position : relative;
		top: 7px;
		left: 70px;
		width: 450px;
		height:25px;
		margin:0;
		overflow: hidden;
	}
	
	#mise_avant_presentation .presentation{
		float : left;
		/*clear:both;*/
		height: 185px;
		width:300px;
		position : absolute;
		top:45px;
		left: 210px;
		padding-right:10px;
		overflow: auto;
	}
	#mise_avant_presentation .presentation .nom{
		font-family: trebuchet MS;/*AvantGarde-ConDemi;*/
		color: #0090ff;
		font-size:22px;

	}
	#mise_avant_presentation .presentation .prix{
		font-family: trebuchet MS;/*AvantGarde-ConDemi;*/
		color: #0090ff;
		font-size:12px;
		
	}
	
	#mise_avant_presentation .presentation .descriptif{
		font-family:trebuchet MS;
		color: #ffffff;
		font-size:11px;
		/*position : relative;*/
		margin-top:10px;
	}
	
	
	#mise_avant_presentation .presentation .descriptif p
	{
		margin:0;
		padding:0;	
	}
	
	#mise_avant_presentation .list_onglets_bottom{
		float : right;
		position : absolute;
		height: 19px;
		top: 242px;
		
		right: 20px;
	}
	#mise_avant_presentation .list_onglets_bottom .onglet{
		background:transparent url(/images/divers/onglet_blanc_bottom.jpg) no-repeat scroll 0 0;
		width: 145px;
		height: 27px;
		float: left;
		margin-left:2px;
		display:inline;
		text-align: center;
	}
	#mise_avant_presentation .list_onglets_bottom .onglet a{
		font-family:trebuchet MS;
		color: #0090ff;
		font-size:11px;
		font-weight: bold;	
		text-decoration: none;
		text-align: center;
		position: relative;
		top: 2px;
	}
	
	#mise_avant_presentation .list_onglets_top{
		float : right;
		/*position : relative;*/
		display:inline;
		margin-top:17px;
		margin-right: 20px;
		height: 19px;
	}
	#mise_avant_presentation .list_onglets_top .onglet_top_variable{
		background:transparent url(/images/divers/onglet_noir_top_centre.jpg) repeat-x scroll 0 0;
		height: 19px;
		float: left;
		margin-left:2px;
		text-align: center;
	}
	
	a.lien_inactif{
		font-family:trebuchet MS;
		color: #5c5c5c;
		font-size:12px;
		font-weight: bold;	
		text-decoration: none;
		text-align: center;
		float:left;
		
	}
	
	a.lien_actif{
		font-family:trebuchet MS;
		color: white;
		font-size:12px;
		font-weight: bold;	
		text-decoration: none;
		text-align: center;
		float:left;
		
	}
	/*#mise_avant_presentation .presentation{
		float : letf;
		clear:both;
		height: 150px;
		width:150px;
		position : relative;
		top:20px;
		left: 210px;
	}
	#mise_avant_presentation .presentation .nom{
		font-family: trebuchet MS;
		color: #0090ff;
		font-size:22px;

	}
	#mise_avant_presentation .presentation .prix{
		font-family: trebuchet MS;
		color: #0090ff;
		font-size:12px;
	}
	
	#mise_avant_presentation .presentation .resume{
		font-family:trebuchet MS;
		color: #ffffff;
		font-size:11px;
	}*/
	
	/** Mise en avant sejour format simple colonne**/
	#mise_avant_sejour_petit{
		/*float:left;
		width: 231px;*/
	}
	#mise_avant_sejour_petit #haut{
		position : relative;
		pading:0;
		left:-10px;
	}
	#mise_avant_sejour_petit #haut{
		background:transparent url(/images/divers/mise_avant_sejour_petit_fiesta.png) no-repeat scroll 0 0;
		width: 250px;
		height: 252px;
		float:left;
		margin-top: 5px;
		position : relative;
		pading:0;
		
	}
	

	#mise_avant_sejour_petit #haut .titre{
		font-family: trebuchet MS;/*AvantGarde-ConDemi;*/
		color: #0090ff;
		font-size: 18px;
		float : left;
		position : relative;
		top: 10px;
		left: 65px;
		width: 180px;
		margin:0;
	}
	
	#mise_avant_sejour_petit #haut .presentation{
		
		height: 50px;
		width:200px;
		position : absolute;
		top:195px;
		left: 40px;
	}
	#mise_avant_sejour_petit #haut .presentation .nom{
		font-family: trebuchet MS;/*AvantGarde-ConDemi;*/
		color: #0090ff;
		font-size:18px;

	}
	
	#mise_avant_sejour_petit #haut .presentation .prix{
		font-family:trebuchet MS;
		color: #ffffff;
		font-size:11px;
	}
	
	#mise_avant_sejour_petit #bas{
		background:transparent url(/images/accueil/colonne_centre_soleil.jpg) repeat-y scroll 0 0;
		width: 231px;
		height: 152px;
		float:left;
		position : relative;
		pading:0;
		left:15px;
	}
	
	#mise_avant_sejour_petit #bas .list_onglets{
		float : right;
		position : relative;
		top:0px;
		right: 20px;
	}
	#mise_avant_sejour_petit #bas .list_onglets .onglet{
		background:transparent url(/images/divers/onglet_bottom.png) no-repeat scroll 0 0;
		width: 22px;
		height: 19px;
		float: left;
		margin-left:2px;
		text-align: center;
	}
	#mise_avant_sejour_petit #bas .list_onglets .onglet a{
		font-family:trebuchet MS;
		color: #5C5C5C;
		font-size:11px;
		font-weight: bold;	
		text-decoration: none;
		text-align: center;
		/*position: relative;
		top: 2px;*/
	}
	#mise_avant_sejour_petit #bas .resume{
		font-family:trebuchet MS;
		color: #5c5c5c;
		font-size:11px;
		clear:both;
		height: 100px;
		width:190px;
		position : relative;
		top:20px;
		left: 20px;
	}
	
	/** Colonne double**/
	#colonne_liste_double{
		background:transparent url(/images/accueil/colonne_centre_station.jpg) repeat-y scroll 0 0;
		width: 513px;
		float:left;
		margin-top: 15px;
		margin-left: 14px;
		display: inline;
		/*height: 70px;*/
	}
	
	#colonne_liste_double .sejour{
		width: 250px;
		height: 145px;
		float:left;
		/*border: 1px solid black;*/
		margin-top:-5px;
		padding-top:15px;
		margin-bottom:-7px;
		padding-bottom:7px;
		position:relative;
		top:6px;
		left:5px;
	}
	
	#colonne_liste_double .sejour .descriptif{
		float: right;
		height: 115px;
		width: 120px;
		position:relative;
		top:2px;
		right:10px;
		cursor:pointer;
	}
	#colonne_liste_double .sejour .descriptif .titre{
		font-family:trebuchet MS;
		color: #5c5c5c;
		font-size:11px;
		font-weight: bold;
		height: 62px;
		width: 120px;
		overflow: hidden;
		margin:0px;
	}
	
	#colonne_liste_double .sejour .descriptif .resume{
		font-family:trebuchet MS;
		color: #5c5c5c;
		font-size:11px;

	}
	
	#colonne_liste_double #colonne_simple{
		width: 480px;
		height: 155px;
		float:left;
		margin-top:-5px;
		padding-top:5px;
		margin-bottom:-7px;
		padding-bottom:7px;
		position:relative;
		margin-left:10px;
		margin-top:-5px;
		display: inline;
		
	}
	#colonne_liste_double #colonne_simple .photo{
		width: 110px;
		height: 66px;
		float: left;
		position:relative;
		top:20px;
		left:20px;
	}
	
	#colonne_liste_double #colonne_simple .descriptif{
		float: left;
		height: 120px;
		width: 340px;
		position:relative;
		top:10px;
		left:10px;
	}
	#colonne_liste_double #colonne_simple .descriptif .titre{
		font-family:trebuchet MS;
		color: #5c5c5c;
		font-size:11px;
		font-weight: bold;
		height: 20px;
		margin:0;
	}
	
	#colonne_liste_double #colonne_simple .descriptif .resume{
		font-family:trebuchet MS;
		color: #5c5c5c;
		font-size:11px;
	}
	
	#lien_mot_cle, #lien_categorie{
			/*margin-left:15px;*/
			margin-top:15px;
			font-size:10px;
			color:white;
			float:left;
			font-family: Verdana;
			clear: both;
			width: 100%;
		}
		#lien_mot_cle a, #lien_categorie a{
			color:white;
		}
		
	#diaporama{
		height:229px;
        width:353px;
		
		padding:0;
	}
	
	#diaporama .grande_photo{
		/*display:inline;*/
		margin-left:10px;
		height:145px;
		width:210px
	}
	#diaporama .grande_photo img{
	height:145px;
	width:210px
	}
	
	#diaporama .petite_photo{
		/*display:inline;*/
		margin-left:10px;
		margin-top:5px;
		margin-bottom:10px;
		height:120px;
		width:216px;
		overflow: auto;
	}
		
		/* --- Behavior ie6 png fix, style du main.css et du forum_mhrc.css --- */
	.forBehavior , #mise_avant_sejour_petit #haut{
		-behavior: url("/css/iepngfix.htc");
	}
	
	/*  DETAILS TARIFS  */
			#detail_tarifs {
			position:relative;
			}
			#detail_tarifs .meilleurs_tarifs{
			margin-left:20px;
			margin-top:10px;
			font-family: trebuchet MS;
			font-size:12px;
			}
			#detail_tarifs .titre_tarifs_villes{
			font-size:12px;
			color:#FF9900;
			}
			#detail_tarifs .normal {
			font-size:12px;
			}			
			
			#detail_tarifs select {
			height:20px;
			color:#0071A0;
			font-size:12px;
			font-weight:bold;
			}
			#detail_tarifs .choix_voyage select {
			width:310px;
			}
			#detail_tarifs .clic_date {
			font-weight:bold;
			position:relative;
			top:17px;
			left:70px;
			color:#0090FF;
			font-size:14px;
			}
	
	/* CALENDRIER */ 
			/* tableau g�n�ral : */
			#detail_tarifs #calendrier {
			border:1px solid #02283D;
			border-top:2px solid #02283D;
			border-right:2px solid #02283D;
			margin-top:20px;
			margin-bottom:20px;
			}
			/* toutes les cellules : */
			#detail_tarifs #calendrier tr td{
			height:25px;
			width:14%;
			text-align:center;
			vertical-align:top;
			border-bottom:1px solid #02283D;
			border-left:1px solid #02283D;
			padding-top:2px;
			}
			/* 1ere ligne du tableau = le mois */
			#detail_tarifs #calendrier .mois {
			font-weight:bold;
			line-height:20px;
			}
			/* 2eme ligne du tableau = les jours de la semaine */
			#detail_tarifs #calendrier .jours td{
			font-size:11px;
			vertical-align:middle;
			}
			/* case du calendrier avec un d�part possible : */
			#detail_tarifs #calendrier .depart_possible {
			font-weight:bold;
			background-color:#014366;
			color:white;
			}
			/* prix du d�part pour la date donn�e */
			#detail_tarifs #calendrier .depart_possible .lien{
			font-size:11px;
			color:#FFE04F;
			/*font-weight:bold;*/
			text-decoration:none;
			cursor:pointer;
			}
			
			.infobulle{
				position: absolute;	
				visibility : hidden;
				border: 1px solid Black;
				padding: 10px;
				font-family: Verdana, Arial;
				font-size: 10px;
				background-color: #FFFFCC;
				z-index:1000;
				width: 300px;
			}


.reduce{
	background-image:url("/images/divers/icone_moins.png");
	background-repeat:no-repeat;
	width: 13px;
	height:13px;
	float: left;
	display: inline;
	margin-top: 11px;
	margin-left:20px;
}

.reduce:hover{
	cursor:hand;
	}
	
.grow{
	background-image:url("/images/divers/icone_plus.png");
	background-repeat:no-repeat;
	width: 13px;
	height:13px;
	float: left;
	display: inline;
	margin-top: 11px;
	margin-left:20px;
}

.grow:hover{
	cursor:hand;
	}
	
.detail{
	width: 100%;
	margin-bottom:20px;
	float: left;
	clear: both;
	font-family:verdana;
	font-size:11px;
}

	.detail	.lien{
		color:white;
	}
	
	.detail	.soustitre{
		font-size:14px
	} 

    .detail .titre{
	    font-family: Verdana;/*AvantGarde-ConDemi;*/
        color: white;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
	}
	.detail .nb_nuit{
        font-family: Verdana;/*AvantGarde-ConDemi;*/
        color: white;
        font-size: 18px;
        float:left;
    }
    
    .detail .prix{
        font-family: Verdana;/*AvantGarde-ConDemi;*/
        color: white;
        font-size: 18px;
        font-weight: bold;
    }
    
    .detail .description{
        font-family: Verdana;/*AvantGarde-ConDemi;*/
        color: white;
        font-size: 11px;
    }
    .detail .description p{
        margin:0;
    }
    
    .detail .description a{
        color: white;
    }
    
    .detail .sous_titre{
        font-family: Verdana;/*AvantGarde-ConDemi;*/
        color: white;
        font-size: 14px;
        font-weight: bold;
        margin-top:10px;overflow: ;
    }
    
    
.divers_sejour{
    width: 355px;
    float: right;
    margin-right: 0px;
}
    .divers_sejour .reservation{
	    background:transparent url(/images/divers/cadre_reservation.png) no-repeat scroll 0 0;
	    width: 328px;
	    height: 202px;
	    margin-top: 10px;
	    margin-left:10px;
	    font-family: Verdana;
	    font-size: 11px;
    }
    
 
    
        .divers_sejour .reservation .titre{
            font-family: Verdana;
            color: white;
            font-size: 18px;
            font-weight:bold;
            position:relative;
            top: 15px;
            margin-left: 20px;
            margin-bottom: 30px;
        }
        
        .divers_sejour .reservation .formulaire{
            margin-left:20px;
        }
        
        
        
        .divers_sejour .reservation .label{
            font-family: Verdana;
            color: white;
            font-size: 11px;
            margin-top: 10px;
            margin-bottom: 2px;
            font-weight:bold;
        }
         .divers_sejour .reservation .renseignements{
            font-family: Verdana;
            color: white;
            font-size: 11px;
	        margin-top: 18px;
	        float:left;
        }
        
        .divers_sejour .reservation .bt_reservation{
        margin-top: 20px;
       float:right;
       margin-right: 15px;
    }
    
    .divers_sejour .cadre_description{
        background:transparent url(/images/divers/cadre_reservation.png) no-repeat scroll 0 0;
        width: 328px;
        height: 202px;
        margin-top: 10px;
        margin-left:10px;
        float: left;
    }
    
 
    
        .divers_sejour .cadre_description .titre_cadre{
            font-family: Verdana;
            color: white;
            font-size: 18px;
            font-weight:bold;
            position:relative;
            top: 15px;
            margin-left: 20px;
            margin-bottom: 30px;
        }
        
        .divers_sejour .cadre_description .descriptif{
            margin-left:20px;
        }
        
        
        
        .divers_sejour .cadre_description .titre{
            font-family: Verdana;
            color: white;
            font-size: 11px;
            margin-top: 10px;
            margin-bottom: 2px;
            font-weight:bold;
        }
         .divers_sejour .cadre_description .resume{
            font-family: Verdana;
            color: white;
            font-size: 11px;
            margin-top: 10px;
            float:left;
        }
        
        .divers_sejour .cadre_description .savoir_plus{
        margin-top: 10px;
       float:right;
       margin-right: 15px;
    }

#content_top{
	width: 837px;
	padding-left: 31px;
    padding-right: 32px;
    margin-top: 10px;
}

	#content_top .bt_envoyer_ami{
	   float:right;
	   margin-left: 15px;
	}
	
	#content_top .bt_imprimer{
       float:right;
       margin-left: 15px;
    }
    
    #content_top .fil_ariane {
        margin-top: 5px;
        float: left;
    }
    
     #content_top .fil_ariane .precedent{
        float: left;
        font-family: Verdana;
        color: #16647a;
        font-size: 10px;
        margin-right: 2px;
        text-decoration: none;
    }
    
    #content_top .fil_ariane .courant{
        float: left;
        font-family: Verdana;
        color: #16647a;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
    } 
    
.avis{

}
.avis .cadre_avis{
	float:right;
	width: 386px;
	font-family: Verdana;
    color: white;
    font-size: 10px;
	
}
.avis .cadre_avis .avis_top{
	background:transparent url(/images/divers/avis_top.png) no-repeat scroll 0 0;
	}	

#sejours{
	float: left;
}

#colonne_lieu{
	float: left;
}