/*Utilisé dans les dossier suivants : Ma page, Voyage Italie 2004, Voyage Italie 2006, Croisière Danube, Pérou */

* { padding: 0; margin: 0; }

html { height: 101%; }
 
body {
 color: white;
 background-color: #8c8c8c;
 font-family: Arial, Helvética;
 font-size: 80%;  
}

#wrapper {
  color: black;
  background-image: url(bandeau_bg.jpg);
  background-repeat: repeat-y;
  background-position: top left;
  width: 98%;
  height:550%;
  margin: auto;
}



#zone_de_navigation { 
 float: left;
 width: 140px;
 height: 75%;
 padding-left: 10px;
 padding-top: 20px;
}

#zone_de_navigation ul {
 color: black;
 width: 110px;
 padding-left: 10px;
 margin-left: 0;
}

#zone_de_navigation li {
 list-style: none;
 border-left: 1px solid #FA8072;
 border-bottom: 1px solid #FA8072;
 margin: 0;
}

#zone_de_navigation #navi01,
 #navi11 {
 border-top: 1px solid #FA8072;
}

#zone_de_navigation a {
 display: block;
 text-decoration: none;
 color: black;
 padding: 4px;
 border-left: 3px solid #FFDEAD;     
}

#zone_de_navigation a:hover,
 #page_accueil #navi01 a, 
 #page_de_contact #navi02 a,
 #informations #navi03 a,
 #loisirs #navi04 a,
 #mes_images #navi05 a,
 #nos_voyages #navi06 a,
 #recettes #navi07 a,
 #florence #navi08 a,
 #naples #navi09 a,
 #rome #navi10 a,
 #retour #navi11 a,
 #linz #navi12 a,
 #melk #navi13 a,
 #vienne #navi14 a,
 #bratislava #navi15 a,
 #budapest #navi16 a,
 #novi_sad #navi17 a,
 #sofia #navi18 a,
 #veliko_tirnovo #navi19 a,
 #bucarest #navi20 a,
 #stresa #navi21 a,
 #este #navi22 a,
 #lima #navi23 a,
 #paracas #navi24 a,
 #nazca #navi25 a,
 #arequipa #navi26 a,
 #puno #navi27 a,
 #cuzco #navi28 a,
 #programme_perou #navi29 a {
 color: black;
 background-color: white;
 border-left: 3px solid #FA8072;           
}

#zone_de_navigation a:active { background-color: white; } 

#zone_de_texte { 
 position: relative;
 
 background-position: top left;

 padding-right: 10px; 
 padding-bottom: 20px;
 padding-left: 10px; 
 margin-left: 150px;
}

address {
  text-align: center;  
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px; 
  line-height: 1.5em;
}

span {
 font-family: arial;
 font-size: 13px;
 font-weight: 100;
}


h1 { font-family: Times; 
 font-size: 400%;
 font-family: Times;
 font-weight: bold;
 font-style: italic;
 color: #F08080;
 margin-left: 400px;
 padding-top: 20px;
 padding-bottom: 5px;
}

.p2 {
 position:relative;
 font-family: Times; 
 font-size: 26px;
 color: #F08080;
 font-weight: 800;
 font-style: italic;
 padding-left: 20px;
}

.p3 {
 position:relative;
 font-family: Times;
 font-size: 24px;
 font-style: italic;
 color: #2E8B57;
 font-weight:700;
 line-height: 150%;
 padding-left: 30px;
}

.p4 {
 position:relative;
 font-family: Arial;
 font-size: 16px;
 font-style: italic;
 color: #2F4F4F;
 font-weight: 550;
 line-height: 150%;
 }

.p5 {
 position:relative;
 font-family: Times;
 font-size: 20px;
 font-style: italic;
 color: #008B8B;
 font-weight: 500;
 line-height: 120%;
 }


#image_gauche {
 float: left;
 width: 25%;
 height: 100%;
 padding-top: 50px;
}

#image_droite {
 float: right;
 width: 70%;
 height: 100%;
 padding-top: 20px;
}

#pied_de_page {
 background-image: url(bandeau_bg.jpg);
 background-repeat: repeat-y;
 background-position: top left;
 padding: 20px;
 padding-top: 10px; 
 border-top: 1px solid #5c743d;  
}
 

a { text-decoration: none } 
a:link { color: #1E90FF;}
a:visited { color: #708090; }
a:hover, a:focus { color: #c0c0c0; }
a:hover, a:focus { text-decoration: underline; }
a:active { background-color: #FFCC99; 
}

#zone_de_navigation #container_lien a:link,
tab a:link,
#zone_de_carte a:link,
.bloc_photo a:link { 
 color: #1E90FF;
 display: block;
 border-left: 0px solid #FA8072;
}

#zone_de_navigation #container_lien a:visited,
tab a:visited,
#zone_de_carte a:visited,
.bloc_photo a:visited { 
 color: #708090;
 border-left: 0px solid #FA8072;
}

#zone_de_navigation #container_lien a:hover {
 background: none;
 color: #c0c0c0;
 text-decoration: underline;
 border-left: 0px solid #FA8072;
}

#zone_de_navigation #container_lien a:active {
 background-color: #FFCC99;
 border-left: 0px solid #FA8072;
} 



p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0; 
}

ul ul { margin: 0;}
 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
}

#container_lien {
 Position: absolute;
 margin-top: 250px; 
 margin-left: 21px;
 width: 128px;
 height: 100px;
 border: 1px solid #2F4F4F;
} 

#container_page_accueil {
 Position: absolute;
 width: 300px;
 height: 200px;
 margin-top: 100px;
}

/* ===============================================
	Le formulaire de contact
===================================================*/

form {
  background-color: #eee;
  width: 400px;
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { display: block; } 
#expediteur, textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus 
{
 background-color: #d9d9d9; 
} 

/*================================================
	Page Mes photo
=======================================================*/


.largeur {
 font-family: Arial;
 font-size: 1.2em;
 color: #2E8B57;
 font-style: italic;
 width: 126px;
 text-align: center; 
 }


/*================================================
	Page voyage
=======================================================*/


#texte_voyage_gauche {
 float:left;
 width: 25%;
 Height: 100%;
 margin-top: 0px;
}

#texte_voyage_droit {
 margin-top: 20px;
 margin-left:400px;
 width: 25%;
 Height: 100%;
 
}



/*================================================
	Pages séjour
=======================================================*/

#zone_de_carte { 
 position: relative;
 background: none;
 width: 90%;
 height: 350px;
 Padding-top: 10px;
 margin-left: 40px; 
}

.supercontainer {
 position: relative;
 width: 90%;
}

.supercontainer_programme {
  color: black;
  background-image: url(bandeau_bg.jpg);
  background-repeat: repeat-y;
  background-position: top left;
 padding-right: 80px;
 padding-left: 180px;
}

.container_gauche_florence {
 position: absolute;
 float: left;
 width: 620px;
}

.container_gauche_rome {
 position: absolute;
 float: left;
 width: 220px;
}

.container_gauche_naples {
 position: absolute;
 float: left;
 width: 240px;
}

.Container_2_vignettes {
 position: absolute;
 width: 150px;
 Height: 60px;
}

.Container_4_vignettes {
 position: absolute;
 width: 300px;
 Height: 60px;
}



.container_titre1 {
 position: absolute;
 background-color:#FFE4B5;
 width: 42%;
 height: 35px;
 border: 0px solid red;
 margin-top: 50px;
 margin-left: 30px;
}

.container_titre2 {
 position: absolute;
 background-color:#FFE4B5;
 width: 52%;
 height: 35px;
 border: 0px solid red;
 margin-top: 300px;
 margin-left: 30px;
}

.container_titre3 {
 position: absolute;
 background-color:#FFE4B5;
 width: 48%;
 height: 35px;
 border: 0px solid red;
 margin-top: 100px;
 margin-left: 30px;
}

.super_container {
 position: relative;
 height:500px;
 margin-top: 0px;
}


.container {
 position: absolute;
 height: 40px;
}



.boite_titre {
 position: absolute;
 background-color:#FFE4B5;
 height: 40px;

 margin-left: 20px;
}

.boite_diapo {
 position: absolute;
 height: 60px;
}

.boite_retour {
 width: 80px;
 margin-left:700px;
}


/*test*/