body {

	font-family:Verdana,Arial, "Trebuchet MS",   serif;
	z-index : 500;
	width: 850px  ;
    padding-bottom:20px;
	padding-right : 0px;
	padding-left : 0px;
	padding-top : 0px;
	height:100%;
	margin-left: 2px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top: 10px;
	/*border-right: double 3px #9c8e7a;*/
	
	height: 1100px;
	color: #1a1412;
	background : #c4beaa;
	/*
	background-image: url("png/papier_millimetre.png");
	background-repeat: repeat y no-repeat x;
	*/
	
	/**background-image: url("png/direction.png");
	background-repeat: repeat y no-repeat x;**/
	}
	
	

	
	
#en_tete
{	
	position: relative;
	left: -80px;
	
	height: 111px;
	width : 850px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom : 100px;
	margin-bottom : 0px;
	/*background :#c4beaa ;*/
	background: url("png/banniere_grise_simplification.png") no-repeat;
	background-attachment: url("png/banniere_grise_simplification.png") scroll;
	margin-left: 0px;
	margin-top:0px;
	margin-right: 0px;
	
	z-index: 0;
	}
	
#scotch_vertical	
{	
	position: absolute;
	left: 830px;
	top:0px;
	height: 1100px;
	width : 24px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	display: block;
	/*background :#c4beaa ;*/
	background: url("png/verticale.png") no-repeat;
	background-attachment: url("png/verticale.png") scroll;
	margin-left: 0px;
	margin-top:0px;
	margin-right: 0px;
	
	z-index: 500;
	}	
	
	
	
#titre_des_pages_dans_anneau	
	{
	position : absolute;
	left: 230px;
	top : 38px;
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #807972;
	line-height: 10px;
	text-align: justify;
	z-index: 1200;
	width: 55px;
	
	}
	
#menu_fr_en 
	{
	position : absolute;
	left: 150px;
	top : 350px;
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 1em;
	color: #807972;
	line-height: 80px;
	text-align: justify;
	z-index: 1200;
	width: 500px;
	text-decoration: none;
	}
	
#menu_fr_en a
	{	
	
	text-decoration: none;
	color: #807972;
	}	
	
	
#menu_fr_en a:hover
	{	
	color: #1a1412;
	text-decoration: none;
	
	}
	
#menu_fr_en a:visited
	{	
	color:white;
	text-decoration: none;
	
	}	
	
#menu_fr_en_pour-toutes-les-pages
	{
	position : absolute;
	left: 30px;
	top : -80px;
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #807972;
	line-height: 10px;
	text-align: justify;
	z-index: 1200;
	width: 500px;
	text-decoration: none;
	}
#menu_fr_en_pour-toutes-les-pages a
	{	
	
	text-decoration: none;
	color: #807972;
	}	
	
	
#menu_fr_en_pour-toutes-les-pages a:hover
	{	
	color: #1a1412;
	text-decoration: none;
	
	}
	
#menu_fr_en_pour-toutes-les-pages a:visited
	{	
	color:white;
	text-decoration: none;
	
	}


	
	
#texte_qui_varie
{
	
	position: absolute;
	top : 350px;
	width: 15%;
	left:3px;
	
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom:10px;
	margin-top:0px;
	margin-right : 1px;
	margin-left : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #c4beaa;
	
	text-align: center;
	}

#image_qui_varie	
{
	
	position: absolute;
	top : 200px;
	width: 15%;
	left:3px;
	
	padding-right: 1px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	margin-right : 1px;
	margin-left : 0px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #c4beaa;
	
	text-align: center;
	}

#image_miniaturise_qui_varie	/*pour l'image à côté de la recherche google pub en haut*/
{
	
	position: absolute;
	top : 340px;
	width: 15%;
	left:3px;
	
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #c4beaa;
	
	text-align: center;
	}

	
#image_miniaturise_qui_varie_ie	/*pour l'image à côté de la recherche google pub en haut et IE*/
{
	
	position: absolute;
	top : 330px;
	width: 15%;
	left:3px;
	
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #c4beaa;
	
	text-align: center;
	}	
	
	.variation_cv
				{	
						width: 96%;
						border-left : solid #5a6518 1px;
						border-bottom : solid #5a6518 1px;
						padding-top:2px;
						padding-bottom: 1px;
						padding-left: 0px;
						padding-right: 0px;
						margin: 0px;
						}	
	.variation_cv img
				{
				
				width: 95%;
				
				
				}


	.variation_cv object
{
width : 20%;

}	
				
				
				
.page_dossier	
{
	
	width: 100%;
	
						
					
						padding: 10px;
	padding-right: 0px;
	margin-top: 10px;
	border-top : double 4px #181410;
	border-left : double 4px #181410;
	border-bottom : double 4px #181410;
	border-right : none;
	
	
	
	background-color: white;
						
	}		
.page_dossier img	


{
		width: 100%;

}
				
.image_miniaturise_dossier	
{
	
	position: absolute;
	top : 330px;
	width: 9%;
	right:71%;
	
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: #c4beaa;
	
	text-align: center;
	}		
	
.image_miniaturise_math_tiling	/*pour l'image à côté de la recherche google pub en haut*/
{
	
	position: absolute;
	top : 330px;
	width: 4%;
	right:65%;
	
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.9em;
	color: #947542;
	z-index:500;
	text-align: center;
	}	
	
	.image_miniaturise_math_fractale	/*pour l'image à côté de la recherche google pub en haut*/
{
	
	position: absolute;
	top : 330px;
	width: 4%;
	right:59%;
	z-index:500;
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.9em;
	color: #947542;
	
	text-align: center;
	}
.miniatures_fichiers_flash
{
position: absolute;
	top : 330px;
	width: 20%;
	right:61%;
	
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	z-index: 1000;
}	
.miniatures_fichiers_flash object
{
width: 100%;
height: 100px;
padding-top: 3px;
}

.miniatures_fichiers_flash p 
{
width : 100%;
text-align: justify;
padding-top: 3px;
border-top : 3px double #9c8e7a;
padding-bottom: 7px;
}	
.miniatures_fichiers_flash h5 
{
width : 100%;
text-align: justify;
padding-bottom: 3px;
border-bottom : 3px double #9c8e7a;
font-size: 0.8em;


}	

.miniatures_fichiers_flash a
{	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.9em;
	color: #c4beaa;
	text-decoration : none;
	text-align: center;
}	
.miniatures_fichiers_flash a:hover
{	
	
	color: #947542;
	
}	
		
	
.miniatures_fichiers_flash_droite
{
position: absolute;
	top : 350px;
	width: 20%;
	right:3%;
	text-decoration : none;
	padding-right: 1px;
	padding-left: 84%;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	z-index: 1000;
	
}		
.miniatures_fichiers_flash_droite a
{	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.9em;
	color: #c4beaa;
	text-decoration : none;
	text-align: center;
}	
.miniatures_fichiers_flash_droite a:hover
{	
	
	color: #947542;
	
}	
	
.miniatures_fichiers_flash_droite object
{
width: 100%;
height: 100px;
padding-top: 3px;
}

.miniatures_fichiers_flash_droite p 
{
width : 100%;
text-align: justify;
padding-top: 3px;
border-top : 3px double #9c8e7a;
padding-bottom: 7px;
}	
.miniatures_fichiers_flash_droite h5 
{
width : 100%;
text-align: justify;
padding-bottom: 3px;
border-bottom : 3px double #9c8e7a;
font-size: 0.8em;


}	

#ma_tete

{

position: relative;
	top : 0px;
	width: 95%;
	
	text-align: justify;
	color: #c4beaa;
	
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom:1px;
	
	
	margin-top: 2px;
	margin-left: 0px;
	margin-right : 2px;
	margin-bottom: 1px;
	
}


#ma_tete a
{
color: #9c8e7a;
font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 1.5em;
}

#ma_tete p
{
color: #9c8e7a;
font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
}





#bordureflashfx_petit
{
	width: 100%;
	height: 140px;
	
	padding-bottom: 2px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 15px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right: 1px solid #c4beaa;
	border-bottom: 1px solid #c4beaa;
	
	color: #9c8e7a;
font-family: Arial,Verdana,"Trebuchet MS",   serif;
	font-size: 1em;
	
	
	}
#bordureflashfx_petit a
{
color: #9c8e7a;
font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 1.5em;
}

#bordureflashfx_petit p
{
color: #9c8e7a;
font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.8em;
	text-align: justify;
}


.banniere_purrs
{
padding-bottom: 7px;
border-bottom : 3px  double #947542;
border-top : 3px  double #947542;

margin-top : 6px;
padding-top: 7px;

height: 210px;



}


.banniere_purrs img
{
width:100%;
border : none;
}

.banniere_purrs p
{
line-height: 10px;
position: relative;

width: 100%;

color: #9c8e7a;
font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	text-align: justify;
text-decoration:none;
}
.banniere_purrs a
{
text-decoration : none;
color: #9c8e7a;
}
.banniere_purrs a:hover
{
color : #e7be73;
}


#titre
{

	width: 180px;
	
	
	
	height: 100px;
	line-height: 23px;
	
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 6px;
	padding-bottom:2px;
	
	
	margin-top: 25px;
	margin-left: 5px;
	margin-right : 2px;
	margin-bottom: 2px;
	/**border-bottom : 7px double #9c8e7a;
	border-right : 5px dotted #9c8e7a;**/

	
	
	font-size: 1em;
	
	text-align: center;
	font-family:  Verdana, "Century Gothic",Garamond,"Book Antiqua",  "Trebuchet MS",Arial, serif;
	background-color: none;
	color:#9c694a ; 
	/**font-style:italic;#9c8e7a#6b4529**/
}	
.titre_haut2
{
font-family:  "Book Antiqua", "Century Gothic",Garamond, Verdana, "Trebuchet MS",Arial, serif;
padding-bottom: 0px;
border-bottom : 1px solid #5a6518;
color:#947542;
font-size: 1em;
}
.titre_haut4
{
font-family:  "Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS",Arial, serif;
padding-bottom: 4px;
border-bottom : 3px  double #947542;
color:#847921;
font-size: 1em;
}

.titre_haut5
{
font-family:  "Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS",Arial, serif;
color:#947542;
font-size: 1em;

}

.titre_haut5:first-letter
{
text-align: left;
font-family: "Book Antiqua",   Garamond,"Century Gothic",Verdana, "Trebuchet MS",Arial, serif;
color:#5a6518; /*#6b4529#a95f00 beau marron#a25a2f*/

font-size: 2.4em;
font-style: italic;

}

.titre_haut1 
{

padding-bottom: 0px;

}

.titre_haut1:first-letter
{
text-align: left;
font-family: "Book Antiqua",   Garamond,"Century Gothic",Verdana, "Trebuchet MS",Arial, serif;
color:#5a6518; /*#6b4529#a95f00 beau marron#a25a2f*/

font-size: 2.5em;
font-style: italic;
}	
#mood
{
position: absolute;
	top : 480px;
	width: 38%;
	left:42%;
	background-color: #523418;
	
	height: 100px;
	line-height: 12px;
	
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom:2px;
	text-align: justify;
	
	margin-top: 2px;
	margin-left: 5px;
	margin-right : 2px;
	margin-bottom: 2px;
	/**border-bottom : 7px double #9c8e7a;
	border-right : 5px dotted #9c8e7a;**/
	color:#947542;
	font-family:  "Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS",Arial, serif;
	font-size: 1em;
	border-right: 2px solid #1a1412;
	border-bottom: 4px solid #1a1412;
	/**font-style:italic;#9c8e7a#6b4529**/
}	
.mood1
{
font-family:  Garamond, "Book Antiqua", "Century Gothic", Verdana, "Trebuchet MS",Arial, serif;
padding-bottom: 4px;
padding-top: 2px;
text-decoration: underline;
color:#e7be73;
font-size: 1.4em;
}


.mood3
{
font-family:  Arial,"Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS", serif;
padding-bottom: 4px;
color:#a25a2f;
font-size: 1.1em;
text-decoration: underline;

}



.mood1:first-letter
{
text-align: left;
font-family: "Book Antiqua",   Garamond,"Century Gothic",Verdana, "Trebuchet MS",Arial, serif;
color:#e7be73; /*#6b4529#a95f00 beau marron#a25a2f*/

font-size: 1.5em;
font-style: italic;
}
#titre_fichier_flash
{
position: relative;
	top : 140px;
	width: 23%;
	left:17%;
	color: #9c8e7a;
	
	
	
	}	

#titre_fichier_flash p 
{
width : 100%;
text-align: justify;

}		

#titre_fichier_flash h5 
{
width : 100%;
text-align: justify;
padding-bottom: 3px;
border-bottom : 2px solid #9c8e7a;
}	

#titre_fichier_flash h1
{
	font-size: 2.2em;
	line-height: 40px;
	text-align: center;
	font-family: "Trebuchet MS", "Book Antiqua",  Verdana,Arial, serif;
	background-color: none;
	color: #9c8e7a; 
	}
#titre_fichier_flash object
{
width: 20%;

}

#titre_fichier_flash a
{
color: #9c8e7a; 
}

	
#titre_fichier_flash h3
{
	
	
	text-align: center;
	
	background-color: none;
	color: #9c8e7a; 
	}

#titre_fichier_flash_special object /*VERTICAL*/
{
width: 20%;
height: 100px;
}


#titre_fichier_flash_special
{
position: absolute;
	top : 320px;
	width: 25%;
	left:18%;
	color: #9c8e7a;
	
	padding-right: 2px;
	padding-left: 0px;
	padding-top: 6px;
	padding-bottom:4px;
	
	
	margin-top: 25px;
	margin-left: 5px;
	margin-right : 2px;
	margin-bottom: 10px;
	border-bottom : 1px solid #9c8e7a;
	border-right : none;
	border-top : none;
	border-left : none;
	
	
	font-family:Verdana,"Book Antiqua",Garamond, "Trebuchet MS",   Arial, serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 15px;
	}	

#titre_fichier_flash_special h3
{
	
	
	text-align: center;
	
	background-color: none;
	color: #9c8e7a; 
	}
















	
	#titre_page_protegee
{
position: absolute;
	top : 320px;
	width: 80%;
	left:17%;
	color: #9c8e7a;
	
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 6px;
	padding-bottom:4px;
	
	
	margin-top: 25px;
	margin-left: 2px;
	margin-right : 2px;
	margin-bottom: 10px;
	border-bottom : solid #9c8e7a;
	border-top : solid #9c8e7a;
}	
	
	
#titre_page_protegee h1
{
	font-size: 1.4em;
	line-height: 20px;
	text-align: center;
	font-family:  "Book Antiqua", Verdana, "Trebuchet MS",Arial, serif;
	background-color: none;
	color: #9c8e7a; 
	}	

#image_verticale_droite 
{
position: absolute;
	top : 340px;
	left: 250px;
	border-bottom : none;
	z-index: 200;
}

#image_verticale_droite img
{
width : 17px;
}

#image_verticale_gauche img
{
width : 17px;
}

#image_verticale_gauche
{
position: absolute;
	top : 335px;
	left:231px;
	float: left;
	border-bottom : 1px solid #9c8e7a;
	z-index: 200;
}
	
#image_qui_varie_tous_les_jours
{
	width: 80%;
	height: 80%;
	
	
	border-right: 1px solid black;
	border-bottom: 1px solid black;
		}



	
	.variation
				{	
						width: 100%;
						border-top : solid #c4beaa 3px;
						border-bottom : solid #c4beaa 3px;
						border-right : none;
						border-left : none;
						padding-top:2px;
						padding-bottom: 0px;
						padding-left: 0px;
						padding-right: 0px;
						margin: 0px;
						}	
	.variation img
				{
				width: 100%;
				border: none;
				
				
				}
	.variation p
	{
	font-size : 0.9em;
	}
	
	
	
	
	
	
#leftderoule
{
	
	padding-left: 2px;
    width: 140px;
	padding-top: 3px;

margin-top : 10px;
	font-size: 0.8em;
	margin-left: 0px;
	left: 3px;
	z-index:3000;
	position: absolute;
	top : 200px;
	left : 10px;
	
	}

	
#leftderoule a
{
text-decoration: none;

}		
	
.menu_droite /*special cv*/
{
	margin: 0px;
	padding-right: 0px;
    width: 130px;
	position: fixed;
	top : 30px;
	
	right:10px;
	font-size: 1em;
	font-family:  "Book Antiqua", Verdana, Arial, "Trebuchet MS", serif;
	background : none;
	z-index:200;
	

	}
	
.menu_droite a/*special cv*/
{

	text-decoration:none;
	font-family:  "Book Antiqua", Verdana, Arial, "Trebuchet MS", serif;
	}	

.menu_droite li a:hover/*special cv*/
{
	font-family:  "Book Antiqua", Verdana, Arial, "Trebuchet MS", serif;
	text-decoration:none;
	color:#736552;
	}	

.menu_droite li a:visited/*special cv*/
{
	font-family:  "Book Antiqua", Verdana, Arial, "Trebuchet MS", serif;
	text-decoration:none;
	color:white;
	}	






	

#leftderoule_calendrier /* menu du calendrier*/
{
	margin-bottom: 0px;
	padding-left: 5px;
    width: 15%;
	float: left;
	font-size: 0.9em;
	
	left: 5px;
	z-index:400;
	

	}
	
	
	
	
	/*menu vertical à gauche*/

	
		
	dl, dt, dd, ul, li {
margin: 0px;
color: #9c8e7a;

font-size: 1em;




list-style-type: none;

		

}

#menuvertical  dt a:hover {
color: #736552;
background: none;
}

#menuvertical  dt:first-letter {

background: none;
font-size: 1.3em;
font-style: italic;
color: #736552;

	text-align: left;
	font-family: "monotype corsiva","Century Gothic",Garamond,  Verdana, Arial, serif;
}	


#menuvertical {
width : 100px;
line-height: 20px;
text-align: center;

font-weight: bold;
margin-bottom: 5px;
padding-bottom: 15px;
color: #9c8e7a;
background: none;
left: 20px;
	position: relative ;
	top: 100px;
	/*ajouté*/
	font-family:  Verdana, Arial,"Book Antiqua",  "Trebuchet MS", serif;
	font-size: 0.9em;
}






#menuvertical dl {

border: none;

}

#menuvertical dl a{

border: 2px solid #9c8e7a;

}



#menuvertical dt {


font-size: 0.9em;
text-align: center;

font-weight: bold;
margin-top: 15px;
color : #9c694a;
background: none;/*marron*/
}




#menuvertical dd {

}
#menuvertical li {
text-align: center;
padding : 0px;
margin : 0px;
margin-top: 3px;

color :#9c8e7a;
font-size: 0.8em;
background: none;
border: none;
}
#menuvertical li a  {
color: #9c8e7a;
text-decoration: none;
border: none;
display: block;
height: 100%;

}

#menuvertical dt a {
color: #1a1412;
text-decoration: none;
border: none;
display: block;
height: 100%;
margin-top: 20px;
font-size: 1em;
}

#menuvertical dt a:hover{
color: #736552;
background: none;

}

#menuvertical li a:hover {
color: #736552;
background: none;

}

#menuvertical li a:focus, #menuvertical dt a:focus {
background: none;

}


#menuvertical li a:visited, #menuvertical dt a:visited {
color: white;text-decoration: none;
}


/* CALENDRIER */
.menu_calendrier
{
position : relative;
top: 5px;
clear: left;
width: 100%;
}

.menu_recettes
{
position : relative;

top: 5px;

width: 100%;
margin-bottom: 20px;
}





		
.ecriture
{
	/*border: 1px solid #536475;*/
	color: #9c8e7a; /*beau vert*/
	padding-right: 5%;
	position: relative;
	top : 0px;
	right: -2%;
	margin-bottom: -40px;/* c'est négatif pour que j'obtienne la position que je veux... je sais pas pourquoi ! c'est peut-être à cause de la position relative..?!*/
	padding-bottom: 0%;
	padding-top:0%;
	font-size: 0.9em;
	
		}		
		
		
		
		




#date_et_lieu /*ici c'est la date et le jour en dessous du menu vertical*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c8e7a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 1px #c4beaa;
	
	}
	
#nbre_connectes_menu_vertical /*ici c'est le nombre de visiteurs connectés*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c8e7a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 1px #b7b86a;
	
	}	
	
#nbre_connectes  /*ici c'est le nombre de visiteurs connectés dans l'entete */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.6em;
	color: black;
	padding-top:1px;
	padding-right: 3px;
	padding-left: 3px;
	border : dotted 1px #b7b86a;
	height: 38px;
	position: absolute;
	top : 125px;
	margin-right: 55px;
	right:2px;
	width: 133px;
		}
	
.site_prefere /*ici ce sont les sites que j'aime */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c8e7a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 3px #5a6518;
	background-color: none;
	}	
	
.site_prefere a /*ici ce sont les sites que j'aime  */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	
	color: black;
	text-decoration: none;
	
	}
	
.site_prefere a:hover/*ici ce sont les sites que j'aime */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: white;
	text-decoration: underline;
	
	}	

.site_prefere a:visited/*ici ce sont les sites que j'aime*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: black;
	font-style: italic;
	
	}	

.radio_preferee /*ici cé la radio que j'aime */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c8e7a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : double 4px #181410;
	background-color: none;
	}	
	
	
	
	
.radio_preferee a /*ici cé la radio que j'aime  */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	
	color: black;
	text-decoration: none;
	
	}
	
.radio_preferee a:hover/*ici ce sont les sites que j'aime */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: white;
	text-decoration: underline;
	
	}	

.radio_preferee a:visited/*ici ce sont les sites que j'aime*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: black;
	font-style: italic;
	
	}	

.lien_calendrier /*ici c'est le lien pour le calendrier*/
{
	position: relative;
	top: 100px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c8e7a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top : double 3px #9c8e7a;
	border-bottom: double 3px #9c8e7a;
	background-color: none;
	}	


	
.album_imageevent /*ici ce sont les sites que j'aime */
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c8e7a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border : dotted 3px #947542;
	background-color: none;
	}	


	
.merci /*ici ce sont les nombres de "vrais"visiteurs */
{
	font-family: "Verdana,Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #947542;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 2px #5a6518;
	background-color: none;   
	}	


	
#imprimer_la_page /*ici c'est l'impression de la page en dessous de la date et le lieu  du menu vertical*/
{
	font-family: "Verdana,Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: black;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 1px #b7b86a;
	
	}	

	#imprimer_la_page a
{
	font-family: "Verdana,Trebuchet MS",  Arial, serif;
	text-decoration:none;
	color: black;
	margin-top: 10px;
	}	
	
#menupub

{
text-align: center; 
margin-top : 50px;
margin-bottom : 0px;
margin-right : 0px;
margin-left : 0px;

}
		
	
	
	
	
	
#imprimer_la_page a:hover
{
	font-family: "Verdana,Trebuchet MS",  Arial, serif;
	color: #736552;
	text-decoration:underline;
	
	
	margin-top: 10px;
	
	
	}	
	
	
	#date_du_jour
	{
	position : absolute;
	top: 130px;
	width: 300px;
	
	
	left: 605px;
	z-index:800;
	
	margin-left: 3px;
	margin-right : 1%;
	margin-bottom: 0px;
	
	padding-right: 2px;
	
	padding-bottom: 0px;
	text-align: left;
	font-family:Verdana,Arial, "Trebuchet MS",   serif;
	font-size: 0.6em;
	

	
	}
	
#date_du_jour_fr	
{
	position : absolute;
	top: 130px;
	width: 300px;
	
	
	left: 523px;
	z-index:800;
	
	margin-left: 3px;
	margin-right : 1%;
	margin-bottom: 0px;
	
	padding-right: 2px;
	
	padding-bottom: 0px;
	text-align: left;
	font-family:Verdana,Arial, "Trebuchet MS",   serif;
	font-size: 0.6em;
	

	
	}	
	

.hauteur_menu_page_cv	
{



    width: 81%;
	
	height: 280px; /*ici c'est la hauteur du bloc menu horizontal ! */
	left: 15%;
	z-index:100;
	
	margin-left: 18%;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}


	
#corpshorizontal /*ici c'est le corps du menu  horizontal qui déroule*/
{
	

line-height: 18px;


    width: 81%;
	
	height: 120px; /*ici c'est la hauteur du bloc menu horizontal ! */
	left: 15%;
	z-index:100;
	
	margin-left: 17%;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	}

/*style pour menu deroulant horizontal*/



dl, dt, dd, ul, li {
margin: 0;
padding: 0;/*très important*/
list-style-type: none;
}
#menuhorizontal {

z-index:1000;
width: 100%; /* correction pour Opera */
margin-bottom: 0px;
}
#menuhorizontal dl {
float: left;
width: 20%;

}
#menuhorizontal dt {

height: 20px;
line-height: 20px;
margin-right: 2px;
margin-bottom: 5px;
cursor: pointer;
text-align: center;

background: none;
border: 2px dotted #c4beaa;

}



#menuhorizontal dd {


}
#menuhorizontal li {
text-align: center;
font-size: 0.7em;

line-height: 18px;

font-family: Verdana,Arial,"Trebuchet MS","Book Antiqua",   serif;
background: none;
}
#menuhorizontal li a, #menuhorizontal dt a {
color: #c4beaa;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuhorizontal li a:hover, #menuhorizontal li a:focus, #menuhorizontal dt a:hover, #menuhorizontal dt a:focus {
background: #736552;
}	
	
#menuhorizontal li a:visited {
;

}	
	
#menuhorizontal li a:active {
background:white ;

}		
	
	
	

#pbderoule
{
	position: absolute;
	z-index: 1;
	top : 270px;
	left : 21%;
	right:2px;
	width: 72%;
	
	
	}	


	
	
 #corps
{	
	width: 500px ; 
	position : absolute;
	top : 20px;
	left : 20px;
	text-align: justify;
	margin-left: 200px;
	margin-right:0px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0%;
	padding-bottom: 250px;
	color: #1a1412;
	z-index: 100;
	background-color : #c4beaa;
	/*background-image: url("png/fondpf5.png") ;
	border-right :double 4px #9c8e7a;*/
	
	font-family: Arial,Verdana,"Trebuchet MS","Book Antiqua",   serif;
	font-size: 1em;
	line-height: 20px;
	}

 





	
 #corps_page_de_password
{	
	
	
	
	width: 80% ; 
	
			
			
	
	
	text-align: justify;
	margin: 0px;
	margin-left: 16%;
	padding-top: 20px;
	padding-left: 55px;
	padding-right: 5px;
	padding-bottom: 20px;
	color: black;
	background-image: url("png/fondpf5.png") ;
	
	border-right: 2px solid #c4beaa;
	border-bottom: 1px solid #c4beaa;

	
	}
	
	
	
	


#corps_cv .bordureflashfx 
{
	 text-align: center;
	 height: 300px;
	
	}	
	
	
#bordureflashfx 
{
	width: 90%;
	height: 200px;
	
	padding-bottom: 15px;
	padding-right: 0px;
	margin-top: 20px;
	margin-right: 10%;
	margin-left: 5px;
	border-right: 1px solid #c4beaa;
	border-bottom: 1px solid #c4beaa;
	
	}
#corps .bordureflashfx 
{
	 text-align: center;
	 height: 300px;
	
	
	}
.bordureflashfx 
{
	width: 90%;
	height: 200px;
	
	padding-bottom: 15px;
	padding-right: 0px;
	margin-top: 20px;
	margin-right: 10%;
	margin-left: 5px;
	border-right: 1px solid #c4beaa;
	border-bottom: 1px solid #c4beaa;
	
	}
	
#corps .bordureflashfx_special 
{
	 text-align: center;
	 height: 300px;
	width: 50%;
	background-color: #211000;
	}
.bordureflashfx_special 
{
	
	width: 98%;
	height: 200px;
	left: 20%;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-top: 20px;
	
	margin-left: 30%;
	border-right: 1px solid #c4beaa;
	border-bottom: 1px solid #c4beaa;
	background-color: #211000;
	}		
.bordureflashfx_special object
{
	
	width: 18%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 30px;
	background-color: #211000;
	
	}

#corps_cv .bordureflashfx 
{
	 text-align: center;
	 height: 300px;
	
	}	
	
	
	.mini_menu
	{
	
	
   
	
	
	left: 3px;
	z-index:3000;
	
	top : 480px;
	
	
	
		height: 120px;
	position: absolute;
	
	
	width: 15%;
	
	
	padding-right: 1px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom:2px;

	margin-left: 0px;

	margin-top : 4px;
	margin-right : 2px;
		margin-bottom : 2px;

	font-family: "Verdana,Trebuchet MS",  Arial, serif;
	font-size: 0.8em;
	color: #5e5f36;
	
	text-align: left;
			}
	
	.mini_menu a
	{
		font-family: "Verdana,Trebuchet MS",  Arial, serif;
		text-decoration: none;
		color: #c4beaa;
		z-index:3000;
		
		
		}
	
#fichier_taille_reelle object/*fichier flash grandeur reelle*/
{
	
	
	padding-top:5px;
	margin-top : 5px;
	margin-right: 1px;
	margin-left: 8px;
	margin-bottom: 4px;
	z-index: 2000;
	width: 120%;
	/*height: 600px;*/
	border-right: 1px solid #c4beaa;
	border-bottom: 1px dotted #c4beaa;
	}

#fichier_taille_reelle_special /*fichier flash VERTICAL grandeur reelle*/
{
	
	left:18%;
	color: #9c8e7a;
	
	padding-right: 2px;
	padding-left: 0px;
	padding-top: 6px;
	padding-bottom:4px;
	
	
	margin-top: 25px;
	margin-left: 5px;
	margin-right : 2px;
	margin-bottom: 10px;
	border-bottom : 1px solid #9c8e7a;
	border-right : none;
	border-top : none;
	border-left : none;
	
	
	font-family:Verdana,"Book Antiqua",Garamond, "Trebuchet MS",   Arial, serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 15px;
	
	padding-top:5px;
	
	padding-right: 1px;
	padding-left: 30px;
	padding-bottom: 0px;
	
	width: 100%;
	/*height: 600px;*/
	
	}

#fichier_taille_reelle_special  object/*fichier flash VERTICAL grandeur reelle*/
{	
	width: 20%;
	height: 600px;


	}
	
.texte_programme
{
		font-family:  Verdana,Dotum, "Trebuchet MS",  Arial, serif;
		
		color: #c4beaa;
		
		line-height: 30px;
		font-size : 1.1 em;





}




	
 #corps h2
{
	text-align: center;
	font-family:  "Book Antiqua", Verdana, Arial,"Trebuchet MS", serif;
	background-color: none;
	
	}

 #corps h1
{
	font-size: 1.8em;
	line-height: 26px;
	text-align: center;
	font-family:  "Book Antiqua", Verdana, Arial, "Trebuchet MS",serif;
	background-color: none;
	
	color: #1a1412;
	

	}
	
 #corps h2:first-letter
	{
	font-weight: bold;
	font-size: 1.3em;
	background-color: none;
	}
	
	
	
#corps .rond
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.4em;
	color: #9c8e7a;
	height: 20px;
	z-index: 100;
	font-weight: bold;
	}
#corps p/*ne sert à rien et je sais pas pourquoi*/
{

text-align : justify;
}

#corps .contenu
{

text-align : justify;
text-indent: 50px;

width: 87% ; 
	
	margin-left: 2%;
	margin-right:0%;
	margin-top : 0%;
	margin-bottom : 0%;
	
	padding-right: 0%;
	padding-bottom: 20px;
	color: #9c8e7a;
	
	background :none;
	/*background-image: url("png/fondpf5.png") ;*/
	
	
	font-family: Arial,Verdana,"Trebuchet MS","Book Antiqua",   serif;
	font-size: 1em;
	line-height: 25px;



}

.contenu:first-letter
{
font-size: 1.5em;
font-weight: bold;
}

	
	
 #corps .rond p
{
	background-image: none;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	
	
	font-size: 0.8em;
	font-family: "Book Antiqua",Arial,"Times new roman","Trebuchet MS",    Verdana,  serif;
	
	padding-left: 5px;
	background-color: none;
	color: #9c8e7a ; /*joli gris*/
	
	}

.rond p:first-letter
{
font-size: 2em;
font-family: Garamond, "Book Antiqua",Arial,"Times new roman","Trebuchet MS",    Verdana,  serif;
}		
	
	
	

.adresse
{
	padding: 6px;
	
	margin-top: 5px;
	border : dotted 2px #c4beaa;
	font-family: Arial,Verdana,"Trebuchet MS",   serif;
	font-size: 0.8em;
	color: #9c8e7a;
	
	font-weight: bold;
	text-align: left;
	background: none;
			}
	
.adresse dt
{
	padding: 0px;
	
	margin-top: 0px;
	
	font-family: Arial,Verdana,"Trebuchet MS",   serif;
	font-size: 0.8em;
	color: #9c8e7a;
	
	
	text-align: center;
	background: none;
			}	
	
	
.telephone
{
	padding: 6px;
	padding-bottom : 15px;
	margin-top: 5px;
	border : solid 2px #c4beaa;
	font-size: 0.9em;
	font-family: Arial, Verdana, "Trebuchet MS",   serif;
	font-weight: bold;
	color: #9c8e7a;
	
	background: none;
	text-align: center;
	
			}

.telephone dt
{
	padding: 0px;
	
	margin: 0px;
	
	font-size: 0.8em;
	font-family: Arial, Verdana, "Trebuchet MS",   serif;
	
	color: #9c8e7a;
	
	
	text-align: center;
	
			}



			
.nationalite
{
	height: 120px;
	
	width: 14%;
	
	
	padding-right: 1px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom:2px;
	margin-top : 0px;
	margin-left : 2px;
	margin-right : 2px;
	margin-bottom: 2px;
	font-family: Arial,Verdana,"Trebuchet MS",   serif;
	font-size: 0.8em;
	color:#9c8e7a;
	border: 1px solid #c4beaa;
	
	text-align: left;

			}			
			
			
.rond
{
z-index: 100;
border :solid black;
}			

			
	

	




	
#corps h4
{
	height: 10px;
	line-height: 15px;
	font-size: 1.1em;
	z-index: 100;
	background-repeat: no-repeat;
	
	margin-top: 40px;
	color: #9c694a;
	background-color: none;
	text-align: left;
	font-family: "monotype corsiva","Century Gothic",Garamond,  Verdana, Arial, serif;
	}



	

.date_cv 

{
		padding-left: 20px;
	padding-right : 20 px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-left: 40px;
		height: 20px;
		font-size: 0.7em;
		font-family: Arial,"Trebuchet MS", Verdana,  serif;
		border-bottom: 1px solid #c18a14;
		color : #736552;
		}
	
#corps h3
{
	height: 60px;
	line-height: 40px;
	text-indent: 90px;
	/*background-image: url("gif/businesscard9.gif");
	background-repeat: no-repeat;*/
	
	margin-top: 40px;
	color: #9c694a;
	background-color: none;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}
	

	
#corps h4:first-letter, #corps h3:first-letter
	{
	
	font-family: Garamond, "Century Gothic",Verdana,"Book Antiqua",   "Trebuchet MS",Arial, serif;
color:#5a6518; /*#6b4529#a95f00 beau marron#a25a2f*/

font-size: 1em;
font-style: italic;
	}


	
	
#corps h6 /* les sous-titres*/
{
	color: #9c8e7a;
	text-decoration: none;
	font-size: 0.6em;
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	text-align: right;
	padding-right: 20%;
		}


#corps p
{
	text-indent: 50px;
	text-align : left;
	padding-right: 5px;
	font-size: 1em;
	font-family: Arial,Dotum, "Monotype corsiva", "Trebuchet MS", Verdana,  serif,"Book Antiqua";
	line-height : 30px;
	font-weight: italic;
	color :#9c8e7a;/*marron*/
	}


	
	
#corps a
{
	color: #9c694a;
	text-decoration: none;
	font-size: 1em;
	
	}
	

	


	
#corps a:hover
{
	text-decoration: none;
	color: #1a1412;
	
	}
	
#corps a:active, #corps a:focus
{
	color: #9c8e7a;
	}
	

	
#corps a:visited
{
	font-family: Garamond, "Century Gothic",Verdana,"Book Antiqua",   "Trebuchet MS",Arial, serif;
	font-size: 1.1em;
	font-style: italic;
	color: white;
	}
	
#corps img
{
width: 120%;


}	
.texte_presentation_cv	
	{
	color: #736552;
	line-height: 20px;
	font-size: 0.7em;
	
	background:none;
	
	
	padding-left: 2px;
	padding-right : 2 px;
	
	margin-bottom: 5px;
	margin-top: 1px;
	margin-right: 2px;
	margin-left: 2px;
	text-align : justify;
	
	
	font-family: Arial,"Times New Roman","Book antiqua", Verdana, "Trebuchet MS","Monotype Corsiva",  serif;
	}	



	
.texte_presentation_cv h5
{	
	color:  #736552;
	text-decoration: none;
	font-size: 1.2em;
	padding-bottom : 10px;
	font-family: Garamond, "Century Gothic",Verdana,"Book Antiqua",   "Trebuchet MS",Arial, serif;
	text-indent: 50px;
	text-align : justify;	
	border-bottom: 1px solid #9c8e7a;
	
	background:none;
	}
	
.texte_presentation_cv h5 a:hover
{		
	
	color: 	#9c694a
}



.texte_cv	
	{
	color: #9c8e7a;
	line-height: 20px;
	font-size: 1em;
	
	width: 80%;
	
	text-indent: 50px;
	padding-left: 2px;
	padding-right : 2 px;
	
	margin-bottom: 5px;
	margin-top: 1px;
	margin-right: 2px;
	margin-left: 2px;
	text-align : justify;
	
	
	font-family: Dotum, "Book antiqua",Verdana,"Trebuchet MS",   Arial, serif;
	}	
	
.texte_cv h5
{	
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 1.2em;
	padding-bottom : 10px;
	font-family: "Book antiqua", "Trebuchet MS", Verdana, Arial, serif;
	text-indent: 50px;
	text-align : center;	
	border-bottom: 1px dashed #c4beaa;
	
	}


	
.signature
{
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 1.5em;
	
	text-align : center;
	background:none;
	font-family: "Monotype Corsiva","Book antiqua", "Trebuchet MS", Verdana, Arial, serif;
}
.signature h6
{
	background:none;
	color:  #9c8e7a;
	text-decoration: none;
	
	position:relative;
	top:-30px;
	left: -20px;
	font-family: Arial,"Book antiqua", "Trebuchet MS", Verdana,  serif;
}
	
	
#plan
{
	position: absolute;
	top: -60px;
	left : 20px;
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 0.9em;
	padding-left: 0px;
	margin: 0px;
	line-height: 2px;
z-index: 1000;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	width : 100px;
	height: 150px;
	border-bottom: double 3px #9c8e7a;
	}	
	
	

#plan a, #plan p
{
	color:  #9c8e7a;
	line-height: 10px;
	text-decoration: none;
	font-size: 0.9em;
	text-indent: 0px;
	text-align : justify;
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}		

#plan a:hover
{

color:#736552;

}



	
.planprotection
{
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 0.9em;
	padding-left: 20px;
	margin: 0px;

	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}	
	
	

.planprotection a, .planprotection p
{
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 0.9em;
	text-indent: 50px;
	text-align : left;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}		
	
.planprotection_cv
{
	color:  #9c8e7a;
	
	font-size: 1.1em;
	padding-left: 20px;
	margin: 0px;

	font-family: Arial,"Book antiqua","Trebuchet MS", Verdana,  serif;
	}	
	
	

.planprotection_cv a, .planprotection_cv p
{
	color:  #9c8e7a;
	
	font-size: 1.1em;
	text-indent: 50px;
	text-align : left;
	
	font-family: Arial,"Book antiqua","Trebuchet MS", Verdana,  serif;
	}			
	
	
	
	
.menupf
{
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 1em;
	padding-left: 10%;
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}
	

	
	
	
	
.menupf .element_menu_corps
{
	width: 80%;
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	text-align: left;
	list-style-type: square;
	font-weight: bold;
	color:  #9c8e7a;
	
	}

.menupf .element_menu_corps li
{
	list-style-type: square;
	color:  #9c8e7a;
	
	}	

	
.menupf a
{
	color:  #9c8e7a;
	text-decoration: none;
	font-size: 1em;

	height: 300px;
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}		
	
	
	
.menupf a:hover
{
	text-decoration: underline;
	color: #1a1412;
	font-weight: bold;
	}


	
.menupf  a:active, a:focus
{
	color: #9c8e7a;
	}
	

	
.menupf  a:visited 
{
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	font-style: italic;
	color: white;
	}

#menupf_cv
{
	color: black;
	text-decoration: none;
	font-size: 1.2em;
	padding-left: 10%;
	margin-bottom : 20px;
	margin-top : 50 px;
	font-family: Verdana,Arial,"Trebuchet MS",   serif;
	}
	

	
	
	
	
#menupf_cv .element_menu_corps
{
	width: 90%;
	
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	text-align: left;
	list-style-type: square;
	font-weight: bold;
	color: #9c8e7a;
	
	}

#menupf_cv .element_menu_corps li
{
	list-style-type: square;
	font-weight: bold;
	
	}	

	
#menupf_cv a
{
	color: #9c8e7a;
	text-decoration: none;
	

	height: 300px;
	
	font-family:  Arial,"Trebuchet MS", Verdana, serif;
	}		
	
	
	
 #menupf_cv a:hover
{
	text-decoration: underline;
	color: black;
	
	}


	
#menupf_cv  a:active, a:focus
{
	color: black;
	}
	

	
 #menupf_cv  a:visited 
{
	font-family: Arial, "Trebuchet MS", Verdana, serif;
	font-style: italic;
	color: #9c8e7a;	
	
}
	
	
	
	
	/*il s'agit du formulaire de contact */
	
#formulaire label
{
		
		
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.8em;
		color: #9c8e7a;
		padding-left: 10px;
		
	}
#formulaire fieldset
{		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.9em;
		padding-left: 10px;
		
		border : 1px solid #9c8e7a;
		color: #9c8e7a;
		
	}

#cartegauche input
{
		background-color:#9c8e7a;
		width: 90%;
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:1.2em;
		color: black;
		border-right : 2px solid #9c8e7a;
border-bottom : 2px solid #9c8e7a;
	}


#formulaire
{
	
	padding-left: 5px;
	
	}

	
	
#cartegauche
	{
	
	width: 40%;
	margin-right: 10px;
	
	
	padding: 5px;
		}

#cartegauche legend
{
color : #9c8e7a;
padding-top : 20px;
}		

#cartegauche label
{
color : #c4beaa;
padding-top : 20px;
}	
		
#cartedroite
	{
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 90%;
	
		}
		
		
#cartedroite textarea
{
		background-color:#9c8e7a;
		width: 95%;
		margin-left: 10px;
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:1em;
		color: black;
		
	}
	
	
#cartedroite fieldset
	{
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 80%;
		}

		
#cartedroite legend
{
color : #9c8e7a;
padding-top : 5px;
}			
	

#boutonenvoi #boutonannuler
	{
	border: black solid;
	padding: 0px;
	
		}
		
#boutonenvoi p, #boutonannuler p
	{
	border: black solid;
	
		}		
		
#boutonenvoi input , #boutonannuler input
	{
		background-color:#9c8e7a;
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.9em;
		font-weight: bold;
		height: 25px;
		margin-top: 10px;
		color: black;
		
		}

#boutonenvoi
	{
	
	margin-left: 10px;
		}
	



	
#encadre
	{
		font-size: 0.8em;
		width: 60%;
		height: 250px;
		margin-left: 20%;
		margin-right: 10%;
		margin-top: 200px;
		margin-bottom: 50px;
		padding: 2px;
		
		background-color: none;

		}

#encadre p
	{
		margin: 0px;
		width: 100%;
		
		}

#encadre a
	{
		color: #9c8e7a;
		text-decoration: none;
		font-size: 0.8em;

		height: 300px;
	
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		
		
		
		margin-left: 30%;
		}

#encadre a:hover
	{
		color: #9c8e7a;
		text-decoration: underline;
		font-size: 0.8em;

		height: 300px;
	
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		
		
		
		
		}


		
#encadre h4
{
	margin: 0px;
	
	height: 60px;
	line-height: 40px;
	text-indent: 90px;
	background-image: url("png/simple_signature_traitement.png");
	background-repeat: no-repeat;
	
	margin-top: 40px;
	color: #736552;
	background-color: none;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}

	

/*les pages du guestbook*/

.pages
{
	font-size: 0.9em;
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	text-align: center;
	margin-top: 30px;
	color:  #c4beaa;
	
	}	

.pages a
{
	font-size: 1em;
	color:  #c4beaa;
	
	}
	
	
.pages a:hover
{
	font-size: 1.2em;
	color: #c4beaa;
	}
	
	
#pages_du_livre_or
{
	margin-top: 50px;
	margin : 30px;
	
	}

#formulaireor  textarea
{
		background-color:#c4beaa;
		}
	
#formulaireor  input
{
		background-color:#c4beaa;
		}
	
	
#formulaireor label
{
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.8em;
		text-align: center;
		padding-left: 10px;
		
		
	}
#formulaireor fieldset
{		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.9em;
		padding-left: 10%;
		padding-right: 10%;
		width: 60%;
		padding-bottom: 30px;
		color: black;
		background-color: #c4beaa;
	}	

#formulaireor
{
	width: 60%;
	
	margin:auto;
	}

#boutonenvoior 
	{
	
	padding: 0px;
	margin-bottom: 30px;
	
		}
		
#boutonenvoior p
	{
	border: black solid;
	
		}		
		
#boutonenvoior input
	{
		background-color:#c4beaa;
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.9em;
		font-weight: bold;
		height: 25px;
		margin-top: 10px;
		color: black;
		
		}

#boutonenvoior
	{
	
	margin-left: 10px;
		}

.numerotation
	{
		font-size: 1.2em;
		color: #c4beaa;
		margin: 5px;
		}

.afficher_messages
	{
		font-size: 0.9em;
		color: black;
		margin: 20px;
		}

table
	{
		width: 90%;
		margin: auto;
		text-align: left;
		padding-left: 5px;
		
		font-size: 0.9em;
		
		border-collapse: collapse;
		}
		
th
{
		font-size: 0.9em;
		color: black;
		
		background-color:#c4beaa;
		}
		
tr
{
		font-size: 0.9em;
		color: #c4beaa;
		border-top: 2px outset #c4beaa;
		border-bottom: 2px outset #c4beaa;
		border-left: none;
		border-right: none;
		margin: 2px;
		}

td
{
		font-size: 0.9em;
		color: #c4beaa;
		text-align: justify;
		margin: 2px;
		}
		

/*fin guestbook*/

		
	
	.article
{
	
	color: black;
	text-align:left;
	padding: 10px;
	margin: 10px;
	font-size: 1em;
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	border: black dotted 1px;
	
}


	.mois  
{
	color: black;
	text-align: right;
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	padding-right: 10px;
	margin-top: 40px;
	padding-top: 40px;
}	
	
/* les images du blog */

	.entete_famille
	{
						border : dotted white 2px;
						padding: 15px;
						margin: 20px;
						color: black;
						background-color: none;
						padding-right: 25px;
						padding-left: 15px;
						margin-right:0px;
						margin-left: 0px;
						
						width: 90%;
						height: 250px; /* hauteur du bloc qui contient les images miniatures*/
		}


	
	.liste_image_blog  img
				{	
						
						border : dotted #80814a 2px;
						padding: 7px;
						margin: auto;
						margin-top: 10px;
						
						display : block;
						
						}	
		
/* les miniatures du blog */


	   
					.miniature_blog img
				{	
						
						border : dotted #80814a 1px;
						
						}	
						
					.liste_miniature_blog img
				{	
						float: left;
						border : dotted #80814a 1px;
						padding: 3px;
						}
						
					#liste_miniature_vertical_blog img
				{	
						float: left;
						border : dotted #80814a 1px;
						padding: 1px;
						margin: 1px;
						}	
						
						
						
						
/* le traitement du commentaire dans le blog */						
.encadre_blog 
{
	height: 54px;
	width: 90%;
	border: 2px dotted #80814a;
	padding: 0px;
	padding-right: 5px;
	text-indent: 90px;
	background-image: url("gif/regard1_blog.gif");
	background-repeat: no-repeat;
	font-size: 0.9em;
	color: black;
	background-color: #c4beaa;
	
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}
		
		/* le formulaire des news de la famille */
		

	
	
#formulaireor label
{
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.7em;
		text-align: center;
		padding-left: 5px;
		
		
	}
#formulaireor fieldset
{		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.7em;
		padding-left: 10%;
		padding-right: 10%;
		width: 90%;
		padding-bottom: 30px;
		color: black;
		background-color: none;
	}	

#formulaireor h6
{		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:0.7em;
		padding: 0px;
		margin: 0px;
		
		color: black;
		background-color: #c4beaa;
	}	
	
	
#formulaireor
{
	width: 60px;
	
	margin:auto;
	}

#boutonenvoior 
	{
	
	padding: 0px;
	margin-bottom: 30px;
	
		}
		
#boutonenvoior p
	{
	border: 1px black solid;
	
		}		
		
#boutonenvoior input
	{
		background-color:#c4beaa;
		font-family: Arial,"Trebuchet MS", Verdana,  serif;
		font-size:0.7em;
		font-weight: bold;
		height: 25px;
		margin-top: 10px;
		color: black;
		
		}

#boutonenvoior
	{
	
	margin-left: 10px;
		}	
		
		
/* les images miniatures*/

					a img
				{
						border: 1px dotted gray;/*bon, c'est à cause de ça que mon indicateur de fin de page, html validation, est encadré en gris
						et je vois pas comment je pourrais l'en empêcher*/
						height : 700 px;
						}
	   
					.liste_miniature
				{	
						float :left;
						border : solid #c4beaa 1px;
						padding: 3px;
						
						margin : 5px;
						}
					
						.image_page_index  img
				{	
						width: 90%;
						border : inset #c4beaa 2px;
						padding: 2%;
						
						margin : 3%;
						}	
						
						
					
						
						.image_maths_type1 img
						{
						width: 80%;
						border : solid #c4beaa 1px;
						padding: 1%;
						
						margin : 2%;
						}
						
							.image_maths_type2 img
						{
						width: 40%;
						border : dotted #c4beaa 2px;
						padding: 2%;
						
						margin : 3%;
						
						
						
						}
						
						
						
						
					.bord_de_la_liste
				{
						
						margin: 0px;
						padding: 0px;
						width: 100%;
						height: 3500px; /* TRES IMPORTANT hauteur de la boite qui contient les images miniatures et celle qu'on présente*/
						}
				
				
				.bord_de_la_liste_calendrier /* CALENDRIER*/
				{
						clear: left;
						margin-top: 50px;
						margin-bottom: 0px;
						margin-left: 0px;
						margin-right: 0px;
						
						
						padding-top: 50px;
						padding-bottom: 0px;
						padding-left: 0px;
						padding-right: 0px;
						width: 100%;
						height: 2000px; /* TRES IMPORTANT hauteur de la boite qui contient les images miniatures et celle qu'on présente*/
						}
				
				
				
				
				
/*image à  présenter*/

				
				.image_a_presenter  img
			{
						width: 50%;
						
						border: 4px inset #c4beaa;
						padding: 3%;
						margin-top: 3%;
						margin-bottom: 3%;
						margin-right: 3%;
						}

			.image_a_presenter_mois img
			{
						width: 90%;
						border: 4px inset #c4beaa;
						padding: 3%;
						margin-top: 3%;
						margin-bottom: 3%;
						margin-right: 3%;
						}			
						
						
						
						
						
/* titres des images présentées une fois que la miniature est sélectionnée */						
.titre_image_presentee
{
		font-family: "Trebuchet MS", Verdana, Arial, serif;
		font-size:1em;
		color: #947542;
		text-decoration: underline;
		font-variant: small-caps;
		text-align: left;
		padding-left: 5px;
	}


	
.titre_image_presentee_calendrier /* texte de l'image présentée à l'accueil*/
{
		font-family: Verdana, Arial,"Trebuchet MS",  serif;
		font-size:em;
		color: #847921;
		text-decoration: underline;
		font-variant: italic;
		text-align: left;
		padding-left: 5px;
	}
	
	.liste_miniature_calendrier /* tour de l'image de l'accueil*/
				{	
						
						border : solid #b7b86a 1px;
						padding: 3px;
						width: 100%;
						margin : 5px;
						}	
	.liste_miniature_calendrier img/* tour de l'image de l'accueil*/
				{	
						
						border : solid #b7b86a 1px;
						padding: 3px;
						width: 100%;
						margin : 5px;
						}	
	
	

/* formulaire du mot de passe*/			
			
#formulaireprotection  textarea
{
		background:#c4beaa;
		border :solid 1px #9c8e7a;
		}
	
#formulaireprotection  input
{
		border :solid 1px #9c8e7a;
		background:#c4beaa;
		
		}
	
	
#formulaireprotection label
{
		font-family: Verdana,Arial,"Trebuchet MS",   serif;
		font-size:0.8em;
		text-align: center;
		padding-left: 5px;
		color:#736552;
		background:#c4beaa;
		
	}
	
	
	
	
#formulaireprotection fieldset
{		font-family: Verdana,Arial,"Trebuchet MS",   serif;
		font-size:0.8em;
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;
		padding-bottom: 0px;
		color: #736552;
		background:#c4beaa;
		border-left :none;
		border-right: none; /**double 4px #9c8e7a;**/
		border-bottom: none;
		border-top: none;
		text-indent : 20px;
	}	

#formulaireprotection fieldset:first-letter
{
		
		color:#9c694a;
		font-size:1.8em;
	}		
	
	
#formulaireprotection
{
	width : 450px;
	position: absolute;
	left: 70px;
	top: 350px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding : 0px;
	z-index: 200;
	}

#boutonenvoiprotection 
	{
	
	padding: 0px;
	color: #c4beaa;
	background:#c4beaa;
		}
		
#boutonenvoiprotection p
	{
	border: 1px #1a1412 solid;
	
		}		
		
#boutonenvoiprotection input
	{
		background-color:none;
		font-family: Verdana,Arial,"Trebuchet MS",   serif;
		font-size:0.8em;
		
		height: 25px;
		margin-top: 10px;
		color: #9c8e7b;
		cursor : pointer;
		}

#boutonenvoiprotection
	{
	
	margin-left: 10px;
		}			
	
/* fin du formulaire de protection */	

/* l'affichage des liens pour aller vers les pdf des articles éventuels */

	
	
#menupdf
{
	color: #1a1412;
	text-decoration: none;
	font-size: 0.9em;
	padding-left: 10%;
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}
	


#menupdf  li
{
	list-style-type: circle;
	
	}	

	
#menupdf a
{
	color: #c4beaa;
	text-decoration: none;
	font-size: 1em;

	
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}		
	
	
	
 #menupdf a:hover
{
	text-decoration: underline;
	color: #80814a;
	
	}


	
#menupdf  a:active, a:focus
{
	color: #80814a;
	}
	

	
 #menupdf  a:visited 
{
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	font-style: italic;
	color: #80814a;
	}


/* fin de l'affichage des pdf */


/* la manière de valoriser la page généalogie */
.encadre_genealogie 
{
	height: 80px;
	width: 70%;
	border: 2px dotted #80814a;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-right: 5%;
	padding-left : 20%;
	text-indent: 10px;
	background-image: url("gif/avatar.gif");
	background-repeat: no-repeat;
	font-size: 0.9em;
	background-color:#e7e77b;
	color: #c4beaa;
	margin: 0px;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}

/* fin de la manière de valoriser la page généalogie */

/* les avertissements de la page "lycée" */
.encadre_travail 
{
	height: 100px;
	width: 70%;
	border: 2px dotted #80814a;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-right: 5%;
	padding-left : 20%;
	
	background-image: url("gif/avatar_globe.gif");
	background-repeat: no-repeat;
	font-size: 0.9em;
	background-color:#c4beaa; /* à voir*/ 
	color: #80814a;
	margin: 0px;
	text-align: justify;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}

/* fin des avertissements de la page "lycée" */
	
#aquaflash, #gouacheflash, #huileflash,#argentiqueflash,#numeriqueflash,
#hybrideflash,#posterflash,,#mixteflash,#experimentationflash
{
	
	height: 10px;
	
	padding-left: 5px;
	padding-right: 10px;
	
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	
	




	
.petits_blocs_d_images /*les petits blocs d'images des oiseaux par exemple*/
	{
						float: left;
						margin: 0px;
						padding: 0px;
						width: 100%;
						height: 900px; /*TRES IMPORTANT hauteur de la boite qui contient les images miniatures et celle qu'on présente*/
						}
	

	
	
.presentation_moi /*pour mon tableau de bord pour miniaturiser et copyrighter les images */
	
	{
						float: left;
						margin: 10px;
						padding: 10px;
						width: 90%;
						 /*hauteur de la boite qui contient les images miniatures et celle qu'on présente*/
						}
	
.grande_image_qui_change
{
	width : 60%;
	
	}


	
#fin_de_page
{
	position: absolute;
	top: 1000px;
	width: 980px;
	
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	
	margin: 0px;
	margin-bottom : 0px;
	padding: 0px;
	background: none;
	z-index: 2000;
	background-color: none;
	border-bottom: 3px double #9c8e7a;
	}
	
#fin_de_page p 
{
   font-size: 0.7em;
   font-family:  "Trebuchet MS","Book Antiqua",Arial,  Verdana, serif;
 padding: 0px;
   line-height: 15px;
   margin: 0px;
   color: #9c8e7a;
   background-color: none;
   
	
	 /*indispensable à Firefox et je ne sais pas pourquoi !!*/
	/* c'est négatif pour que j'obtienne la position que je veux... je sais pas pourquoi ! c'est peut-être à cause de la position relative..?!*/
	/*margin-bottom negatif est indispensable pour explorer*/
	
	
	
	
   
   right : 2px;
   text-align: center;
   
}

#fin_de_page a 
{
	font-size: 0.7em;
	font-family: Arial,"Book Antiqua", "Trebuchet MS", Verdana,  serif;
	text-decoration: none;
	color: black;
	text-align: left;
	background-color: none;
	height: 50px;
	
   
}

#fin_de_page img 
{

	
   text-align: left;
   background-color: none;
   
   padding: 0px;
   margin: 0px;
}


#fin_de_page a:hover
{
	text-decoration: none;
	color: black;
	font-weight: bold;
	}


	
#fin_de_page a:active, a:focus
{
	color: black;
	}
	

	
 #fin_de_page  a:visited 
{
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	font-style: italic;
	color: #c4beaa;
	}
		
#fin_de_page_fichier_flash
{

		position : absolute;
	z-index: 60;
	top : 700px;
	
	
	
	width: 97%;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	
	
	
	background-color: none;
	border: 1px dotted black;
	}
	
#fin_de_page_fichier_flash p 
{
   font-size: 0.9em;
   font-family: "Trebuchet MS", Verdana, Arial, serif;
   color: #9c8e7a;
   background-color: none;
   padding-top: 10px;
   padding-bottom: 10px;
}

#fin_de_page_fichier_flash a 
{
	font-size: 0.9em;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	text-decoration: none;
	color: #9c8e7a;
	background-color: none;
	height: 50px;
	padding:auto;
   
}

#fin_de_page_fichier_flash a:hover
{
	text-decoration: underline;
	color: black;
	font-weight: bold;
	}


	
#fin_de_page_fichier_flash a:active, a:focus
{
	color: black;
	}
	

	
 #fin_de_page_fichier_flash  a:visited 
{
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	font-style: italic;
	color: #9c8e7a;
	}