/*
Design du site www.SERGY.ch
Réalisé par Yvan Sergy
V1.0 - 2 septembre 2007
*/

body
   {
   width: 758px;
   height: 100%;
   margin: auto;                 /* sans marges, la page sera centrée */ 
   margin-top: 5px;              /* pas de marges supérieures */ 
   margin-bottom: 5px;    
   background-color: #c0c0c0;
   /*background-image: url("");                               /* AUCUNE IMAGE DE FONDS */ 
   font-family: verdana, arial, sans-serif;  /* on définit la police de base dans la page */ 
   font-size: 12px;             /* on définit la taille de police de base dans la page */ 
   }

   #picasaframe 
   {
   margin: auto;        /* sans marges, la page sera collée aux bords */ 
   margin-top: 0px;     /* pas de marges supérieures */ 
   margin-bottom: 0px;    
   padding: 6px;
   border-top: 2px solid gray;
   border-left: 2px solid gray;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   background-color: white;
   color: black;
   }

    .textbg
    {	
 	color: black;
	font-weight: bold;
	font-size: larger;
	}

/* L'en-tête */
   #en_tete
   {
   width: 756px;
   height: 180px;
   border-top: 0px solid gray;
   border-left: 2px solid gray;
   border-right: 2px solid black;
   border-bottom: 0px solid black;
   background-repeat: no-repeat;
   }

	.hautgauche
    {	
 	color: black;
	position: absolute;
	right: 14px;
	top: 5px;					/* left  502px  et  top 7px  */
	}

	.hautdroite
	{	
 	color: black;
	position: absolute;
	right: 12px;
	top: 5px;
	}
	
	.basgauche
	{	
 	color: black;
	position: absolute;
	right: 14px;
	top: 7px;
	}
	
	.basdroite
	{	
 	color: black;
	position: absolute;
	right: 12px;
	top: 7px;
	}
	
	.centre
	{	
 	color: white;
	position: absolute;
	right: 13px;
	top: 6px;
	}


/* Le corps de la page */

   #corpsdelapage
   {
   width: 744px;
   margin: auto;        /* sans marges, la page sera collée aux bords */ 
   margin-top: 0px;     /* pas de marges supérieures */ 
   margin-bottom: 0px;    
   padding: 6px;
   border-top: 2px solid gray;
   border-left: 2px solid gray;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   background-color: white;
   color: black;
      /*background-image: url("images/motif.png");*/
      /*background-repeat: repeat-x;*/
   }

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

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

   .corpsdelapage_titre
   {
   color: black;
   font-size: 15px;
   font-weight: bold;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   margin-bottom: 10px;
   }

   .corpsdelapage_photo
   {
   margin: 0px;
   }

   .formulairepage_image
   {
   color: pink;
   }

/* Le corps de la page - fin */

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

   #pied_de_page
   {
   padding: 0px;
   text-align: left;
   color: white;
   font-size: 8pt; /* on définit la taille de police de base dans la page */ 
   /*background-color: #626262;*/
   /*background-image: url("../images/motif.png");*/
   background-repeat: repeat-x;
   border-top: 0px solid gray;
   border-left: 0px solid gray;
   border-right: 0px solid black;
   border-bottom: 0px solid black;
   }
      

/* LIVRE D'OR: Le format de la page du formulaire */

   #formulairepage
   {
   width: 744px;
   /* height: 300px;  */
      /*background-image: url("socle/fonds/20070808_jap_fuji_sommet_autour_6.jpg");*/
   border-top: 2px solid gray;
   border-left: 2px solid gray;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   padding: 6px;
   background-color: white;
   background-repeat: no-repeat;
   }

   .formulairepage_titre
   {
   color: blue;
   font-size: 25px;
   /*font-style: italic;*/
   font-weight: bold;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   }

   .formulairepage_image
   {
   margin-left: 30px;    
   }