/************************************************************************************************************************************/
/* On place l'ensemble de la page avec une couleur de fond noir
/************************************************************************************************************************************/

body
{
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin:auto;
	text-align:center; 
	background-color: white;
	min-width:800px;
}

/************************************************************************************************************************************/
/* On place le corp 
/************************************************************************************************************************************/

#corp
{
	margin:auto;
	text-align:center; 
	width:100%;
	height:100%;
	min-height: 1000px;
	background-color:black;
	/*background-repeat:repeat-y;
	background-image: url("../image/fond1.png");*/
	padding-top:20px;
	padding-bottom:20px;
	margin-top:0px;
	margin-bottom:0px;
}

/************************************************************************************************************************************/
/* Image des Menus
/************************************************************************************************************************************/

.image_accueil
{
	background-image: url("../navigation/francais/accueil.gif");
}
.image_situation
{
	background-image: url("../navigation/francais/situation.gif");
}
.image_visite
{
  background-image: url("../navigation/francais/visite.gif");
}
.image_tarif
{
  background-image: url("../navigation/francais/tarif.gif");
}
.image_reservation
{
  background-image: url("../navigation/francais/reservation.gif");
}
.image_lien
{
  background-image: url("../navigation/francais/lien.gif");
}
.image_app1
{
  background-image: url("../navigation/francais/app1.gif");
}
.image_app2
{
  background-image: url("../navigation/francais/app2.gif");
}
.image_app3
{
  background-image: url("../navigation/francais/app3.gif");
}
.image_tarifs_hiver
{
  background-image: url("../navigation/francais/tarifs_hiver.gif");
}
.image_tarifs_ete
{
  background-image: url("../navigation/francais/tarifs_ete.gif");
}
.image_tarifs_hors_saison
{
  background-image: url("../navigation/francais/tarifs_hors_saison.gif");
}

/************************************************************************************************************************************/
/* Millieu de la page en blanc
/************************************************************************************************************************************/

.menu_blanc
{
	background-color:white;
	border:5px solid #a3b5b5;
}

/************************************************************************************************************************************/
/* Menu 
/************************************************************************************************************************************/

.menu a,a:hover
{
	text-decoration:none;
}

/************************************************************************************************************************************/
/* Image de base dans l'index
/************************************************************************************************************************************/

#image_base
{
	margin:0px;
}

/************************************************************************************************************************************/
/* Langue et drapeau
/************************************************************************************************************************************/

.drapeau_langue1
{
	margin:auto;
	text-align:center;
	width:400px;
	height:30px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	/*background-color:#00003e;
	border: 3px solid black;*/
}

.drapeau_langue2
{
	padding-top:4px;
	margin-top:0px;
	margin-bottom:0px;
}

.drapeau_langue2 a
{
	text-decoration:none;
	color:white;
}

.drapeau_langue2 a:hover
{
	color:#a3b5b5;
}

/************************************************************************************************************************************/
/* Nouvelles
/************************************************************************************************************************************/

.news
{
	padding:20px;
	text-align:center;
	margin:auto;
	width:800px;
	color:white;
	margin-bottom:0px;
}

/************************************************************************************************************************************/
/* Centrer 1
/************************************************************************************************************************************/

.centrer_1
{
	width:900px;
	margin:auto;
	text-align:center;
}

/************************************************************************************************************************************/
/* Diaporama Situation
/************************************************************************************************************************************/

.diapo_appartement
{
	width:400px;
	height:400px;
	float:left;
	margin-left:0px;
}

/************************************************************************************************************************************/
/* Diaporama Situation
/************************************************************************************************************************************/

.diapo_situation
{
	width:400px;
	height:300px;
	float:left;
	margin-left:0px;
}

/************************************************************************************************************************************/
/* Image defil cadre gris
/************************************************************************************************************************************/

.class_image_defil
{
	color:black;
	border:5px solid black;
}

/************************************************************************************************************************************/
/* Bloc texte 1
/************************************************************************************************************************************/

.texte1
{
	float:right;
	text-align:left;
	font-size: 19px;
	width:400px;
	min-height:200px;
}

/************************************************************************************************************************************/
/* Bloc texte 2
/************************************************************************************************************************************/

.texte2
{
	float:right;
	text-align:left;
	font-size: 19px;
	width:400px;
	min-height:400px;
}

/************************************************************************************************************************************/
/* Bloc texte 3
/************************************************************************************************************************************/

.texte3
{
	margin:auto;
	text-align:center;
	font-size: 19px;
	margin-top:20px;
	margin-bottom:20px;
}

/************************************************************************************************************************************/
/* Bloc texte 3
/************************************************************************************************************************************/

.texte4
{
	width:800px;
	margin:auto;
	text-align: justify;
	font-size: 19px;
}

/************************************************************************************************************************************/
/* Bloc texte 5
/************************************************************************************************************************************/

.texte5
{
	width:800px;
	margin:auto;
	text-align: center;
	font-size: 19px;
}

.texte5 table
{
	margin:auto;
	text-align: center;
	font-size: 19px;
}

.texte5 h2
{
	margin:30px;
	font-size: 23px;
	display: block;
}

/************************************************************************************************************************************/
/* Plan courchevel
/************************************************************************************************************************************/

.plan_c
{
	text-align:center;
	margin:auto;
	margin-top:30px;
}

/************************************************************************************************************************************/
/* Centrer
/************************************************************************************************************************************/

.centrer
{
	text-align:center;
	margin:auto;
}

/************************************************************************************************************************************/
/* Tableau tarifs
/************************************************************************************************************************************/

.tarifs table
{
	margin:auto;
	text-align:center;
	border-collapse: collapse; 
	margin-bottom:20px;
	margin-top:20px;
}

.tarifs th
{
	background-color:#d2d6f1;
	text-align:center;
	font-size: 15px;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 2px solid black;
	padding:10px;
}

.tarifs td
{
	min-width: 200px;
	text-align:center;
	font-size: 15px;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 2px solid black;
	padding-top:5px;
	padding-bottom:5px;
}

/************************************************************************************************************************************/
/* Tableau liens
/************************************************************************************************************************************/

.liens table
{
	margin:auto;
	text-align:center;
	border-collapse: collapse; 
	margin-bottom:20px;
	margin-top:20px;
}

.liens th
{
	background-color:#d2d6f1;
	text-align:center;
	font-size: 15px;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 2px solid black;
	padding:10px;
}

.liens td
{
	width: 300px;
	text-align:center;
	font-size: 15px;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 2px solid black;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:25px;
}

.liens a
{
	color:black;
}

.liens a:hover
{
	color:blue;
}

/************************************************************************************************************************************/
/* Input des formulaires
/************************************************************************************************************************************/

input
{
	border:1px solid black;
	background-color:#d2d6f1;
}

.class_bouton
{
	width:150px;
	margin:0px;
	padding:0px;
}

input[type=submit]:hover, input[type=reset]:hover 
{
	background-color:#a3b5b5;
}

input[type=submit]
{
	width:150px;
	margin-bottom:15px;
}

select,input[type=checkbox],textarea
{
	border:1px solid black;
	background-color:#d2d6f1;
}

.checkbox
{
	background-color:#d2d6f1;
}

option
{
	background-color:#d2d6f1;
}

/************************************************************************************************************************************/
/* Champs H5 modifié
/************************************************************************************************************************************/

h5
{
	margin:0px;
}

/************************************************************************************************************************************/
/* Champs alert
/************************************************************************************************************************************/

.alert
{
	padding:0px;
	color:#ff003a;;
}

/************************************************************************************************************************************/
/* Stopper un flotant
/************************************************************************************************************************************/

.stop_flotant
{
	clear:both;
}

/************************************************************************************************************************************/
/*	Bordure0
/************************************************************************************************************************************/

.bordure0
{
	margin:0px;
	padding:0px;
}

/************************************************************************************************************************************/
/*	Info importante index
/************************************************************************************************************************************/

.info_accueil h1,h2,h3,p
{
	font-size: 10px;
	margin:0px;
	padding:0px;
	display: inline;
}

.info_accueil
{
	font-size: 10px;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	color:#515151;
	display: inline;
}