/*Utilisé dans les dossier suivants : Ma page */

* { padding: 0; margin: 0; }

html { height: 101%; }
 
body {
 color: white;
 background-image: url(bandeau_bg.jpg);
background-repeat: repeat-y;

 font-family: Arial, Helvética;
 font-size: 80%;  
}

#wrapper {
  color: black;
  
 
  background-position: top left;
  
  margin: auto;
}

#bandeau {
 background-color: white;
 background-image: url(bandeau_bg.jpg);
 background-repeat: repeat-y;
 background-position: top left;
  }

#zone_de_navigation { 
 float: left;
 width: 160px;
 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,
 #chez_nous #navi03 a,
 #loisirs #navi04 a,
 #mes_images #navi05 a,
 #nos_voyages #navi06 a,
 #recettes #navi07 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-image: url(arriereplan.jpg);
 background-position: top left;
 height: 75%;
 padding-right: 10px; 
 padding-bottom: 20px;
 padding-left: 10px; 
 margin-left: 170px;
}

address {
  margin-left:300px;  
  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: 5px;
 padding-bottom: 5px;
}

.p2 {
 position:relative;
 font-family: Times; 
 font-size: 26px;
 color: #F08080;
 font-weight: 800;
 font-style: italic;
 padding-left: 20px;
}
.p2-fond {
 position:relative;
 font-family: Times; 
 font-size: 26px;
 color: #F08080;
background-color:#FFE4B5;
border-radius: 10px;
height: 30px;
 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: 500;
 line-height: 150%;
 }

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

.p6 {
 position:relative;
 font-family: Times;
 font-size: 16px;
 font-style: italic;
 color: yellow;
 font-weight: 800;
 line-height: 120%;
 }


/*#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;  
}
 

/* ===============================================
	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;



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

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


.boite_cliquer {
 position: absolute;
 margin-top: 10px;
 height: 30px;
}






/*test*/