/*
Design du site de JP Cambon
*/
/* ==============Design Général=================*/
body
{
   width: 900px;
   height: 800px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px;    
   background-image: url("images/denimblue.jpg");
   background-repeat: repeat;
}
h2
{
text-align : center
}

h3
{
text-align : center
}
/*----------------------------Bandeau---------------------*/
#entete
{
   margin-top: 10px;
   height: 120px;
   background-image: url("images/zzbandeau.jpg");
   background-repeat: no-repeat;
   margin-top: 20px;
   margin-left: 300px;
}
/*--------------------------Bouton Retour------------------*/
#retour
   {
   height: 120px;
   width: 120px;
   background-color: #FFFFC8;
   background-image: url("images/home0001.jpg");
   background-repeat: no-repeat;
   position:absolute;
   left:25px;
   top:10px;
   border: 2px solid black;
   padding-left: 20px;
   }
#retour p
   {
   position:relative;
   left:5px;
   top:100px;
   color:white;
   }
   /*-------------------------------------Bouton d'aide-----------------------*/
#aide
   {
   color: #FFFFC8;
   height: 120px;
   width: 80px;
   background-color: #FFFFC8;
   background-image: url("images/aide0001.jpg");
   background-repeat: no-repeat;
   position:absolute;
   left:750px;
   top:10px;
   border: 2px solid black;
   padding-left: 20px;
   }
   
#aide a
   {
   position:relative;
   left:5px;
   top:100px;
   color:white;
   }
   /*--------------------------Bouton Sortie------------------*/
#sortie
   {
   height: 120px;
   width: 120px;
   background-color: #FFFFC8;
   background-image: url("images/exit0001.jpg");
   background-repeat: no-repeat;
   position:absolute;
   left:25px;
   top:10px;
   border: 2px solid black;
   padding-left: 20px;
   }
#sortie p
   {
   position:relative;
   left:5px;
   top:100px;
   color:white;
   }
/*==================Page Principale------------------*/
/*--------------------------L'image---------------*/
#minute img
{
   position:absolute;
   top:150px;
   left:300px;
   width:440px;
   height:650px;
}  
/*--------------------- Le menu --------------------------*/
#menu
{
   /*float: left; */
   position:absolute;
   width: 200px;
   top:100px;
   margin-left: 10px;
}
.elementmenu
{
   background-color: #626262; /*-------gris, fonce------*/
   background-image: url("images/denimblack.jpg");
   background-repeat: repeat-x;
   border: 2px solid black;
   margin-bottom: 20px;
}
/* ---------------------titre menu--------------------------------- */
.elementmenu h3
{    
   color: #B3B3B3;  /*-------gris------*/
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.elementmenu ul
{
   
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   
   color: yellow;
}
.elementmenu a
{
list-style-type:square;

   color: yellow;
}
.elementmenu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
/* ---------------------Le corps de la page ------------------------------*/

#corps
{
   padding: 5px;
   position:absolute;
   left:250px;
   top:250px;
   color: #000000;
   width: 600px;
   background-color: #FFFFC8;
   border: 2px solid black;
}
#corps h1
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
   height: 30px;
   padding-left: 30px;
   color: #000000;
   text-align: center;
}
#legende 
 {
    position : absolute;  
    left: 700px;
    top: 150px;
    text-align: center;
    background-color: white;
    border: 2px solid black;
}
/*--------- pied de page----------------------------------*/

#pied_de_page
{
   padding: 5px;
   position:absolute;
   left:250px;
   top:750px;
   width: 600px;
   text-align: center;
   color: #B3B3B3;
   background-color: #FFFFC8;
   border: 2px solid black;
}
#cgl
{
    position : absolute;  
    left: 800px;
    top: 700px;
	border: 2px solid black;
}
/*===================Page de texte=====================*/
#texte p
{
   padding: 5px;
   position:absolute;
   left:150px;
   top:150px;
   color: #000000;
   width: 600px;
   background-color: #FFFFC8;
   border: 2px solid black;
}
#texte h1
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#texte h2
{
   height: 30px;
   padding-left: 30px;
   color: #000000;
   text-align: center;
}
/*====================Page d'aide======================*/
   /*--------------------position image------------------------*/
#enconst
 {
 
 float :right;
  
  
   color: #000000;
   width: 300px;
   background-color: #FFFFC8;
   border: 2px solid black;
}


 /*=================Page nouveautés==============*/
 #chronologie
 {
 top:200px:
 
   padding: 5px;
   position:absolute;
   left:200px;
   
   color: #000000;
   width: 600px;
   background-color: #FFFFC8;
   border: 2px solid black;
}

 /*=================Page Liens=============*/
 #pagelien 
 {
 padding: 5px;
   position:absolute;
   left:200px;
   top:250px;
   color: #000000;
   width: 600px;
   background-color: #FFFFC8;
   border: 2px solid black;
   }
#logos
{
  position:absolute;
   left:10px;
   top:250px;
} 
/*================Archives de famille==========*/  
#archi 
{
   position:absolute;
   left:25px;
   right: 25px;
   top:150px;
   border: 2px solid black;
   background-color: #FFFFC8;
   padding-left: 20px;
    list-style-type : circle;
   }
#archi h1
{
    color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#archi h2
{
    color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}


#archi type
{
  color: vert;
}
/*============================Documentation===============*/
/*      emploi des type d'archives                 */

/*==========================listage photo===============*/
#listphoto
{
   position:absolute;
   left:125px;
   top:150px;
   border: 2px solid black;
   background-color: #FFFFC8;
   
   padding-left: 20px;
    list-style-type : circle;
	}
#photo
{
   position:absolute;
   left:25px;
   right: 25px;
  
   border: 2px solid black;
   background-color: #FFFFC8;
   padding-left: 20px;
    list-style-type : circle;
	}


/*==================Zone privée=======================*/
#password
{
margin-top :200px;

text-align : center;
}
#bouton
{
 position:absolute;
   
 margin-top: 250px;
margin-left: 250px;
}
#menuphoto
{
  
   position:absolute;
   width: 350px;
   top:40%;
   left:40%;
   background-color: #626262; /*-------gris, fonce------*/
   background-image: url("images/denimblack.jpg");
   background-repeat: repeat-x;
   border: 2px solid black;
   }
 #menuphoto h3
{    
   color: #B3B3B3;  /*-------gris------*/
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
#menuphoto a
{
list-style-type:circle;
   color: #B3B3B3;
}
#menuphoto a:hover
{
   background-color: #B3B3B3;
   color: black;
}
 /*======================Tableaux===================*/  
   #retourtablo
   {
   height: 120px;
   width: 120px;
   background-color: #FFFFC8;
   background-image: url("images/home0001.jpg");
   background-repeat: no-repeat;
   position:absolute;
   left:25px;
   top:600px;
   border: 2px solid black;
   padding-left: 20px;
   }
#retourtablo p
   {
   position:relative;
   left:5px;
   top:100px;
   color:white;
   }
   /*-------------------------------------Bouton d'aide-----------------------*/
#aidetablo
   {
   color: #FFFFC8;
   height: 120px;
   width: 80px;
   background-color: #FFFFC8;
   background-image: url("images/aide0001.jpg");
   background-repeat: no-repeat;
   position:absolute;
   left:1000px;
   top:600px;
   border: 2px solid black;
   padding-left: 20px;
   }
   
#aidetablo a
   {
   position:relative;
   left:5px;
   top:100px;
   color:white;
   }

/*==========================avertissement=============*/	
#avertissement
{
   width: 500px;
   height: 500px;
   left: 300px;
}
 #avertissement h3
{
   height: 30px;
   padding-left: 30px;
   color: #000000;
   text-align: center;
   }
#double
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:x-large;
}
/*===================tableau===================*/
caption
{
margin:auto;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.2em;
margin-bottom: 20px;
}
table
{
margin:auto;
border: 2px outset;
border-collapse:collapse;
}