body /* on fixe une couleur de fond, la taille, le globe en bas de la page */
{
   width: 970px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;    
   background-image: url("images/fond.jpg");
   background-position : bottom right;
   background-repeat : no-repeat;
   background-color: #0F2B6C;
   
}

/* L'en-tête */
#entete
{
   width: 970px;

   height: 193px;
}

/* Le menu */

#menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   float: left;
   width: 180px;
   margin-right: 20px;
   color : #CBDDEF
}
 /* Les lignes suivantes permettent de créer les caractéristiques du menu*/

#menu  a /* Tous les liens se trouvant dans un menu */
{
   color: #FFFFFF;
   text-decoration : none;
   font-size : x-small;
}

#menu  a:hover
{
   color: #FFFFFF;
   text-decoration : underline;
}

.presentation
{
	font-weight : bolder;
	text-align : center;
	background-color: #92B49B;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 21px;
}

.votre_voyage
{
	font-weight : bolder;
	text-align : center;
	background-color: #7B1C1E;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 21px;
}

.reservez
{
	font-weight : bolder;
	text-align : center;
	background-color: #0061A4;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 21px;
}

.avant_de_partir
{
	font-weight : bolder;
	text-align : center;
	background-color: #51368C;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 21px;
}

.centrale_voyage_et_vous
{
	font-weight : bolder;
	text-align : center;
	background-color: #41A4BA;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 38px;
}

.pour_les_entreprises
{
	font-weight : bolder;
	text-align : center;
	background-color: #3B5C8F;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 21px;
}

.admin
{
	font-weight : bolder;
	text-align : center;
	background-color: #B4CB79;
	font-variant : small-caps;
	color: #FFFFFF;
	height: 21px;
}


/* Le corps de la page */

#corps
{
   margin-left: 170px;
   margin-bottom: 20px;
   padding: 5px;
   color: #000000;
   background-repeat: repeat-x;
   font-family : Arial, Helvetica, sans-serif;
}

#corps  a 
{
   color: #384E6E;
   text-decoration : none;
}
#corps  a :hover
{
   color: #384E6E;
   text-decoration : underline;
}

.tableau_general
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
/* Les lignes suivantes permettent de créer les caractéristiques du "tableau 9*9" central*/
.haut_gauche
{
	background-image: url("images/haut2.gif");

	width: 25px;
	height: 13px;
}

.haut_droit
{
	background-image: url("images/haut2.gif");

	background-position : top right;
	width: 25px;
	height: 13px;
}

.centre_haut
{
   background-image: url("images/haut2.gif");
   height: 13px;
   background-position : bottom right;
   width: 1500px;/* On oblige le tableau central à prendre la taille max; 1500 est arbitraire et grand */
}

.centre
{
   background-image: url("images/centre.gif");
    background-color: #F8FAFC;
	background-repeat: no-repeat;
	padding : 8px;
}
.image_acceuil_haut_gauche
{
width: 239px;
height: 180px;
background: url(images/acceuil_haut_gauche.jpg);
cursor: pointer;
}
.image_acceuil_haut_gauche:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_haut_gauche_souris.jpg);
cursor: pointer;
}
.image_acceuil_haut_centre
{
width: 239px;
height: 180px;
background: url(images/acceuil_haut_centre.jpg);
cursor: pointer;
}
.image_acceuil_haut_centre:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_haut_centre_souris.jpg);
cursor: pointer;
}
.image_acceuil_haut_droit
{
width: 239px;
height: 180px;
background: url(images/acceuil_haut_droit.jpg);
cursor: pointer;
}
.image_acceuil_haut_droit:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_haut_droit_souris.jpg);
cursor: pointer;
}
.image_acceuil_centre_gauche
{
width: 239px;
height: 180px;
background: url(images/acceuil_bas_gauche.jpg);
cursor: pointer;
}
.image_acceuil_centre_gauche:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_centre_gauche_souris.jpg);
cursor: pointer;
}
.image_acceuil_centre_centre
{
width: 239px;
height: 180px;
background: url(images/acceuil_centre_centre.jpg);
cursor: pointer;
}
.image_acceuil_centre_centre:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_centre_centre_souris.jpg);
cursor: pointer;
}
.image_acceuil_centre_droit
{
width: 239px;
height: 180px;
background: url(images/acceuil_centre_droit.jpg);
cursor: pointer;
}
.image_acceuil_centre_droit:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_centre_droit_souris.jpg);
cursor: pointer;
}
.image_acceuil_bas_gauche
{
width: 239px;
height: 180px;
background: url(images/acceuil_centre_gauche.jpg);
cursor: pointer;
}
.image_acceuil_bas_gauche:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_bas_gauche_souris.jpg);
cursor: pointer;
}
.image_acceuil_bas_centre
{
width: 239px;
height: 180px;
background: url(images/acceuil_bas_centre.jpg);
cursor: pointer;
}
.image_acceuil_bas_centre:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_bas_centre_souris.jpg);
cursor: pointer;
}
.image_acceuil_bas_droit
{
width: 239px;
height: 180px;
background: url(images/acceuil_bas_droit.jpg);
cursor: pointer;
}
.image_acceuil_bas_droit:hover
{
width: 239px;
height: 180px;
background: url(images/acceuil_bas_droit_souris.jpg);
cursor: pointer;
}
.bas_gauche
{
	background-image: url("images/bas.gif");

 	width: 25px;
	height: 14px;
   background-position : bottom left;
}
.bas_droit
{
	background-image: url("images/bas.gif");

	width: 25px;
	height: 14px;
   background-position : bottom right;
}
.bas_centre
{
	background-image: url("images/bas_centre.gif");
	
	height: 14px;

   
}


#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


/* Le pied de page*/

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-image: url("images/transparent.gif");
   background-repeat: repeat-x;
}

#pied_de_page  a 
{
   color: #B3B3B3;
   text-decoration : none;
}

#pied_de_page  a :hover
{
   color: #B3B3B3;
   text-decoration : underline;
}

/* La page préférence*/

.pref_haut_gauche
{

 	width: 200px;
	height: 200px;
}

.pref_description
{
	padding-top : 5px;
}
/* pour les formulaires (alingnement)*/
label {
display:block;
width:152px;
float:left;
}
/* pour les liens plus gros page agence*/
.agence
{
	font-size :large;
}
.texteagence
{
	font-size :large;
}

/*pour les prefs*/


/*Main Container*/
.hrzContainer {
	width:100%;
}
.hrzContainer ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle {
	float: left;
	width: 38px;
	height: 1000px;
	margin: 1px;
	margin-right: -10px;
	background:  url("images/blade.png") no-repeat;
}
.handleOver{	
	background: url("images/blade_sel.png") no-repeat;
}
.handleSelected{
	
	background: url("images/blade_sel.png") no-repeat;
}
/*Content Container*/
.contentWrapper{

	
	width: 640px;
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
	
}
.contentWrapper h3{
	border-bottom: 1px solid silver;
	color: rgb(0, 0, 0);
}
/*Animation Start*/
.contentStart {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 1000px;	
	overflow:hidden;
}
/*Animation End*/
.contentEnd {
	padding-left: 24px;
	float: left;	
	width:660px;
	height: 1000px;
}