html, body {
	width:100%;
	height:100%;
	margin:0;
	background:#FFFF00;
	}
	

#global {
	position:absolute;
	width:990px;
	min-height:100%;
	margin-left:-495px;
	left:50%;
	background:#FFFFFF;
	}
	
	
/* ______________ HEADER ______________ */
	
#header {
	width:100%;
	height:120px;
	}
	
#bandeau_top {
	width:100%;
	height:8px;
	background:url(img/top.gif);
	}
	
#logo {
	position:relative;
	top:17px;
	left:30px;
	width:292px;
	height:80px;
	background:url(img/logo.gif);
	}
	
#client {
	position:absolute;
	top:36px;
	right:40px;
	width:198px;
	height:25px;
	background:url(img/client.jpg);
	}	

/* main menu */

#menu {
	position:relative;
	width:100%;
	height:22px;
	top:10px;
	text-align:right;
	}
	 
#accueil {
	float:right;
	width:80px;
	height:22px;
	background:url(img/accueil.jpg);
	}	 
	
#accueil:hover {
	background:url(img/accueil_hover.jpg);
	}
	 
#activite {
	float:right;
	width:88px;
	height:22px;
	margin-left:6px;
	background:url(img/activites.jpg);
	}
	
#activite:hover {
	background:url(img/activites_hover.jpg);
	}
	
#offres {
	float:right;
	width:98px;
	height:22px;
	margin-left:6px;
	background:url(img/offres.jpg);
	}
	
#offres:hover {
	background:url(img/offres_hover.jpg);
	}	
	
#recherche {
	float:right;
	width:98px;
	height:22px;
	margin-left:6px;
	background:url(img/recherche.jpg);
	}
	
#recherche:hover {
	background:url(img/recherche_hover.jpg);
	}
	
#compte {
	float:right;
	width:112px;
	height:22px;
	margin-left:6px;
	margin-bottom:0;
	background:url(img/compte.jpg);
	}
	
#compte:hover {
	background:url(img/compte_hover.jpg);
	}

/* fin menu */

#bandeau_img {
	width:990px;
	height:205px;
	background:url(img/bandeau.jpg);
	}
	
#bandeau_img_act {
	width:990px;
	height:205px;
	background:url(img/bandeau_activites.jpg);
	}
	
#btn_1 {
	position:absolute;
	width:15px;
	height:15px;
	margin:185px 0 0 907px;
	background:url(img/1.jpg);
	}
	
#btn_1:hover {
	background:url(img/1_hover.jpg);
	}
	
#btn_2 {
	position:absolute;
	width:15px;
	height:15px;
	margin:185px 0 0 927px;
	background:url(img/2.jpg);
	}
	
#btn_2:hover {
	background:url(img/2_hover.jpg);
	}
	
#btn_3 {
	position:absolute;
	width:15px;
	height:15px;
	margin:185px 0 0 947px;
	background:url(img/3.jpg);
	}
	
#btn_3:hover {
	background:url(img/3_hover.jpg);
	}
	
#btn_4 {
	position:absolute;
	width:15px;
	height:15px;
	margin:185px 0 0 967px;
	background:url(img/4.jpg);
	}
	
#btn_4:hover {
	background:url(img/4_hover.jpg);
	}
	

/* ______________ FIN HEADER ______________ */



/* ______________ CONTENT ______________ */
	
#left {
	float:left;
	width:380px;
	height:100%;
	margin:6px 0 0 0;
	}
	
#right {
	float:right;
	width:220px;
	height:100%;
	}

#center {
	margin-left:395px;
	margin-right:235px;
	height:100%;
	}
	
/* actualites */

.actu_first {
	width:100%;
	height:95px;
	background:url(img/top.gif);
	margin:2px 0 0 0;
	padding:0;
	}
	
.actu {
	width:100%;
	height:95px;
	background:url(img/top.gif);
	margin:6px 0 0 0;
	padding:0;
	}
	
.actu_last {
	width:100%;
	height:95px;
	background:url(img/top.gif);
	margin:6px 0 20px 0;
	padding:0;
	}	
	
img.img_actu {
	margin:8px 0 0 30px;
	}
	
img.filet_actu {
	position:absolute;
	margin:0 0 0 12px;
	}
	
.texte_actu {
	position:absolute;
	margin:23px 0 0 20px;
	}
	
	
.texte_actu p.titre {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
	
.texte_actu p.article {
	margin:5px 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	max-width:200px;
	}
	
.lire {
	position:absolute;
	margin:70px 0 0 188px;
	width:37px;
	height:16px;
	background:url(img/lire.jpg);
	}
	
.lire:hover {
	background:url(img/lire_hover.jpg);
	}
	
	
/* ______________ FIN CONTENT ______________ */


/* ______________ SIDEBAR ______________ */

#catalogue_title {
	width:220px;
	height:38px;
	background:url(img/catalogue.jpg);
	}
	
#catalogue {
	width:220px;
	height:89px;
	background:url(img/catalogue_fond.jpg);
	}

.catalogue_saison {
	position:absolute;
	margin:7px 0 0 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	}
	
.catalogue_visu {
	position:absolute;
	margin:30px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
.catalogue_visu ul {
	list-style-type:square;
	padding-left:35px;
	line-height:14px;
	margin:0;
	}
	
.catalogue_visu a, .catalogue_visu a:visited {
	text-decoration:none;
	color:#333333;
	}
	
.catalogue_visu a:hover, .catalogue_visu a:hover:visited {
	text-decoration:underline;
	color:#333333;
	}
	
	
#galerie_title {
	width:218px;
	height:52px;
	background:url(img/galerie.jpg);
	margin-left:2px;
	}

#galerie_fond {
	width:218px;
	height:123px;
	background:url(img/galerie_fond.jpg);
	margin-left:2px;
	}




	
	
/* ______________ RECHERCHE ______________ */


div#menu_recherche {
	background:url(img/fond_beige.jpg);
	padding-top:8px;
	}

.menutitre {
	height:25px;
	margin: 0;
	text-align:left;
	color: #000000;
	cursor: pointer;	
	}

.stretcher {
	width:100%;
	height:210px;
	background:url(img/fond_beige.jpg);
	padding:0;
	margin:0;	
	}

.contenu_search {
	height:210px;
	padding:10px 0 0 10px;
	}

.contenu_search2 {
	height:200px;
	padding:20px 0 0 20px;
	}

.form {
	margin-top:15px;
	}

.form p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 3px 0 4px 0;
	padding-left: 170px;
	}

.form label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float: left;
	margin-left: -155px;
	width: 150px;
	color:#333333;
	}
	
.form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width:150px;
	}
	
img.rechercher {
	float:right;
	margin:12px 30px 0 0;
	}
	
img.selec_theme {
	margin:0 0 0 10px;
	}
	

/* ______________ FIN RECHERCHE ______________ */



/* ______________ ACTIVITES ______________ */

#left2 {
	float:left;
	width:321px;
	height:100%;


	}
	
#right2 {
	float:right;
	width:319px;
	height:100%;
	}

#center2 {
	margin-left:336px;
	margin-right:333px;
	height:100%;
	}

.air {
	background-image:url(img/air.gif);
	width:72px;
	height:30px;
}

.eau {
	background-image:url(img/eau.gif);
	width:76px;
	height:30px;
}

.terre {
	background-image:url(img/terre.gif);
	width:80px;
	height:30px;
}

.bloc_air {
	width:268px;
	height:140px;
	background:url(img/top.gif);
	margin-left:23px;
	margin-top:7px;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.bloc_eau {
	width:268px;
	height:190px;
	background:url(img/top.gif);
	margin-left:23px;
	margin-top:7px;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.bloc_terre {
	width:266px;
	height:140px;
	background:url(img/top.gif);
	margin-left:23px;
	margin-top:7px;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#btn_1_act {
	position:absolute;
	width:170px;
	height:22px;
	margin-top:175px;
	margin-left:80px;
	background-image:url(img/voir_voyages_1.gif);
	}
	
#btn_1_act:hover {
	background-image:url(img/voir_voyages_1h.gif);
	}
	
#btn_2_act {
	position:absolute;
	width:172px;
	height:22px;
	margin-top:175px;
	margin-left:420px;
	background-image:url(img/voir_voyages_2.gif);
	}
	
#btn_2_act:hover {
	background-image:url(img/voir_voyages_2h.gif);
	}
	
#btn_3_act {
	position:absolute;
	width:184px;
	height:22px;
	margin-top:175px;
	margin-left:750px;
	background-image:url(img/voir_voyages_3.gif);
	}
	
#btn_3_act:hover {
	background-image:url(img/voir_voyages_3h.gif);
	}
	
/* ______________ FIN ACTIVITES ______________ */


/* ______________ LISTING ______________ */

#left3 {
	float:left;
	width:620px;
	height:100%;
	margin:6px 0 0 0;
	}
	
#right3 {
	float:right;
	width:360px;
	height:100%;
	}

	
#bandeau_img_list {
	width:990px;
	height:205px;
	background:url(img/bandeau_air2.jpg);
	}
	
#bandeau_img_canyon {
	width:990px;
	height:205px;
	background:url(img/bandeau_air.jpg);
	}
	
.texte_list {
	position:absolute;
	width:300px;
	margin:10px 0 0 20px;
	}
	
.texte_list p.titre {
	width:300px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
	
.texte_list p.article {
	width:300px;
	margin:5px 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;

	}

.fiche {
	position:absolute;
	margin:47px 0 0 340px;
	width:110px;
	height:19px;
	background:url(img/fiche.gif);
	}
	
.fiche:hover {
	background:url(img/ficheh.gif);
	}

.reservez {
	position:absolute;
	margin:70px 0 0 340px;
	width:110px;
	height:19px;
	background:url(img/reservez.gif);
	}
	
.reservez:hover {
	background:url(img/reservezh.gif);
	}






/* ______________ FIN LISTING ______________ */

/* ______________ VOYAGE ______________ */


#left4 {
	float:left;
	width:178px;
	height:420px;
	margin:40px 0 0 0;
	padding:20px 0 0 0;
	background:url(img/fond_menu_voyage.gif);
	}

#center4 {
	margin:40px 370px 0 188px;
	height:420px;
	background:url(img/fond_texte_voyage.jpg);
	}
	
#voyage_titre {
	position:absolute;
	margin:6px 0 0 0;
	background:url(img/titre_voyage.jpg);
	width:620px;
	height:28px;
	}
	
#sauvegarder {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	float:right;
	margin:8px 8px 0 0;
	}
	
.voyage_saisons {
	position:absolute;
	margin:10px 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
	
.voyage_valables {
	position:absolute;
	margin:23px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
.voyage_carte {
	position:absolute;
	margin:50px 0 0 10px;
	}
	
.voyage_texte {
	position:absolute;
	margin:220px 0 0 10px;
	max-width:410px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

p.titre {
	margin:0;
	padding:10px 0 3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
	
/* ______________ FIN VOYAGE ______________ */

/* ______________ MENU VOYAGE ______________ */

#menu01 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu01.jpg);
	}
	
#menu01:hover {
	background:url(img/menu01_hover.jpg);
	}
	
#menu02 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu02.jpg);
	margin-top:20px;
	}
	
#menu02:hover {
	background:url(img/menu02_hover.jpg);
	}
	
#menu03 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu03.jpg);
	margin-top:40px;
	}
	
#menu03:hover {
	background:url(img/menu03_hover.jpg);
	}
	
#menu04 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu04.jpg);
	margin-top:60px;
	}
	
#menu04:hover {
	background:url(img/menu04_hover.jpg);
	}
	
#menu05 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu05.jpg);
	margin-top:80px;
	}
	
#menu05:hover {
	background:url(img/menu05_hover.jpg);
	}
	
#menu06 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu06.jpg);
	margin-top:100px;
	}
	
#menu06:hover {
	background:url(img/menu06_hover.jpg);
	}
	
#menu07 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu07.jpg);
	margin-top:120px;
	}
	
#menu07:hover {
	background:url(img/menu07_hover.jpg);
	}
	
#menu08 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu08.jpg);
	margin-top:140px;
	}
	
#menu08:hover {
	background:url(img/menu08_hover.jpg);
	}

#menu09 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu09.jpg);
	margin-top:180px;
	}
	
#menu09:hover {
	background:url(img/menu09_hover.jpg);
	}
	
#menu10 {
	position:absolute;
	width:178px;
	height:18px;
	background:url(img/menu10.jpg);
	margin-top:200px;
	}
	
#menu10:hover {
	background:url(img/menu10_hover.jpg);
	}