/*MEME CHOSE QUE ESSAI_INDEX MAIS AVEC LA PRÉSENTATION DES COMMENTAIRES*/


	
body {

	font-family:Verdana,Arial, "Trebuchet MS",   serif;
	
	width: 100%  ;
    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;
	

	background : #d3cebf;
	/*
	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
{	
	
	width: 99%  ;
	height: 116px;
	
	padding-left: 7px;
	padding-right: 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	/*background :#c4beaa ;*/
	background: url("png/banniere_grise_mini.png") no-repeat;
	margin-left: 7px;
	margin-top:0px;
	margin-right: 0px;
	}
	
#texte_qui_varie
{
	
	position: absolute;
	top : 350px;
	width: 15%;
	left:3px;
	
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom:5px;
	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	/*l'image qui change aux heures*/
{
	
	
	width: 90%;
	left:3%;
	z-index: 1000;
	padding: 0px;
	margin: 0px;
	background : #a69d82;
	border-left: dotted 3px #a69d82;
	border-right: dotted 3px #a69d82;
	border-top: dotted 3px #a69d82;
	border-bottom: dotted 3px #a69d82;
	
	}
	
	
	
	
#image_miniaturise_qui_varie	/*change tous les jours*/
{
	
	position: absolute;
	top : 0px;
	width: 15%;
	left:72%;
	
	padding-right: 1px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom:1px;
	margin-right : 1px;
	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #c4beaa;
	border: none;
	text-align: center;
	}

		
#image_miniaturise_qui_varie a	/*change tous les jours*/
{
	border:none;
	}
	
	
	
#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;
	}	
	
	
	
	
	
	
.image_miniaturise_math_tiling	/*pour l'image à côté de la recherche google pub en haut*/
{
	
	position: absolute;
	top : 330px;
	width: 15%;
	right:68%;
	
	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_fractale	/*pour l'image à côté de la recherche google pub en haut*/
{
	
	position: absolute;
	top : 330px;
	width: 15%;
	right:52%;
	
	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;
	}
.miniatures_fichiers_flash
{
position: absolute;
	top : 190px;
	width: 50%;
	left:1%;
	
	padding-right: 1px;
	padding-left: 2px;
	padding-top: 10px;
	padding-bottom:5px;
	margin-right : 1px;
	z-index: 1000;
	
	
}	
.miniatures_fichiers_flash object
{
width: 50%;
height: 130px;
padding-top: 3px;
margin-left: 5px;
margin-bottom : 5px;
}

.miniatures_fichiers_flash p 
{
width : 49%;
text-align: justify;
padding-top: 3px;
border-top : none ;/**3px double #9c8e7a**/
padding-bottom: 2px;
padding-left: 5px;
color:#9c8e7a;
}

.miniatures_fichiers_flash p:first-letter
{
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
color:#7d7559;
	font-size: 2em;
}




.miniatures_fichiers_flash h5 
{
width : 50%;
text-align: justify;
padding-bottom: 3px;
border-bottom : none;
padding-left: 5px;
font-size: 0.9em;
color:#9c8e7a;


}

.miniatures_fichiers_flash a
{	
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.9em;
	color: #9c8e7a;
	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%;
	
	
	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;
	text-align: justify;
}

#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: 15px;
	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;
}

.banniere_philippe
{
padding-bottom: 7px;
border-bottom : 3px  double #947542;
border-top : 1px solid  #947542;

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

height: 140px;



}

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

.banniere_philippe 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_philippe a
{
text-decoration : none;
color: #9c8e7a;
}
.banniere_philippe a:hover
{
color : #e7be73;
}




#titre
{
position: absolute;
	top : 80px;
	width: 25%;
	left:1%;
	height: 100px;
	line-height: 23px;
	
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 6px;
	padding-bottom:2px;
	
	
	margin-top: 5px;
	margin-left: 5px;
	margin-right : 2px;
	margin-bottom: 2px;
	/**border-bottom : 7px double #9c8e7a;
	border-right : 5px dotted #9c8e7a;**/

	font-size: 1.5em;
	
	text-align: center;
	font-family:  Verdana, "Century Gothic",Garamond,"Book Antiqua",  "Trebuchet MS",Arial, serif;
	background-color: none;
	color: #a69d82 ; 
	/**border-bottom : 7px double #9c8e7a;
	border-right : 5px dotted #9c8e7a;**/

	
	
	font-size: 1.5em;
	
	text-align: center;
	font-family:  Verdana, "Century Gothic",Garamond,"Book Antiqua",  "Trebuchet MS",Arial, serif;
	background-color: none;
	color: #a69d82 ; 
	/**#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; /**#*c4beaa*/
font-size: 1.2em;
}
.titre_haut4
{
font-family:  "Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS",Arial, serif;
padding-bottom: 4px;
border-bottom : 7px  dotted #947542;
color:#847921;/**#c4beaa**/
font-size: 1.3em;
}

.titre_haut1 
{

padding-bottom: 0px;

}

.titre_haut1:first-letter
{
text-align: left;
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
color:#5a6518; /*#6b4529#a95f00 beau marron#a25a2f*/

font-size: 2.2em;
font-style: italic;
}	
	
#mood
{
position: absolute;
	top : 150px;
	width: 40%;
	left:29%;
	background-color: none;
	
	height: 230px;
	line-height: 12px;
	z-index:0;
	padding-right: 5px;
	padding-left: 5px;
	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:#746556;
	font-family:  "Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS",Arial, serif;
	font-size: 1em;
	border-right: none;
	border-bottom: 4px double #a69d82;
	/**font-style:italic;#9c8e7a#6b4529**/
}		



.mood1
{
font-family:  Garamond, "Book Antiqua", "Century Gothic", Verdana, "Trebuchet MS",Arial, serif;
padding-bottom: 4px;
padding-top: 2px;
font-weight: bold;
text-decoration: underline;
color:#7d7559;/**#7d7559;**/
font-size: 1.4em;
}


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

}



.mood1:first-letter
{
text-align: left;
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
color:#7d7559; /*#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; 
}

























	
	
	

#image_verticale_droite 

{
position: absolute;
	top : 390px;
	width : 8% ;
	right:3px;
	
	border-bottom : none;


}

#image_verticale_gauche

{
position: absolute;
	top : 390px;
	width : 7% ;
	right:10%;

	
	border-bottom : solid #9c8e7a;
	
}
	
#image_qui_varie_tous_les_jours
{
	width: 80%;
	height: 80%;
	
	
	border-right: 1px solid black;
	border-bottom: 1px solid black;
		}



	
	
	.variation
				{	
						width: 100%;
						
						
						
						padding:0px;
						
						margin: 0px;
						}	
	.variation img
				{
				
				width: 100%;
				
				
				}
	
	.variation p
	{
	font-size : 0.9em;
	}
	
	
	
	
	
	
	
	
#leftderoule
{
	
	padding-left: 2px;
    width: 15%;
	padding-top: 3px;

	margin-top : 10px;
	font-size: 0.8em;
	margin-left: 0px;
	left: 72%;
	z-index:3000;
	position: absolute;
	top : 120px;
	
	}

#leftderoule a
{
text-decoration: none;

}		
.menu_droite /*special cv*/
{
	margin: 0px;
	padding-right: 2px;
    width: 15%;
	position: fixed;
	top : 110px;
	
	right:10px;
	font-size: 0.9em;
	
	
	z-index:200;
	

	}
	
	
	

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

	#menuvertical
	{
	left: 5px;
		border-right: none;
	border-bottom:double 3px #c4beaa;
	/*ajouté*/
	
		}
		
	dl, dt, dd, ul, li {
margin: 0px;
color: #7d7559;

list-style-type: none;

		

}

#menuvertical  dt a:hover {
background: #9c8e7a;

}

	


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

font-weight: bold;
margin-bottom: 5px;
padding-bottom: 15px;
color: #a69d82;
background: none;

}

#menuvertical dl {

border: none;

}

#menuvertical dl a{

border: none;
color: #a69d82;

}



#menuvertical dt {



text-decoration: underline;
text-align: right;

font-weight: bold;
margin-top: 15px;
color : #a69d82;/*marron*/
}




#menuvertical dd {

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

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

}

#menuvertical dt a {
color: #a69d82;
text-decoration: none;

display: block;
height: 100%;
margin-top: 20px;
z-index: 2000;

}



#menuvertical li a:hover {
color: #9c8e7a;

}

#menuvertical li a:focus, #menuvertical dt a:focus {
cursor: pointer;

}
#menuvertical li a:first-letter {
font-size: 1.4em;
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
color: #9c8e7a;
}

#menuvertical li a:visited, #menuvertical dt a:visited {
;
}


/* CALENDRIER */
dl#menuvertical_calendrier {
width: 30%;


padding: 5%;

}
dl#menuvertical_calendrier dt {
cursor: pointer;
color:#9c8e7a;/*joli vert clair*/
height: 20px;
line-height: 20px;
text-align: left;

font-weight: bold;
margin-bottom: 2px;
border: 2px dotted #c4beaa;
background: none;
}
dl#menuvertical_calendrier dd {

}
dl#menuvertical_calendrier li {
color:#cd834f;
text-align: right;
font-size: 0.9em;
background: none;
}
dl#menuvertical_calendrier li a, dl#menuvertical_calendrier dt a {
color: #c4beaa;/* ecru de partout*/
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menuvertical_calendrier li a:hover, dl#menuvertical_calendrier dt a:hover {
background: none;
text-decoration: underline;
}

dl#menuvertical_calendrier li a:visited, dl#menuvertical_calendrier dt a:visited {
;
}




		
.ecriture
{
	/*border: 1px solid #536475;*/
	color: #c4beaa; /*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: #a69d82;
	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: #c4beaa;
	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: #4f2b18;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 3px #5a6518;
	background-color: #947542;
	}	
	
.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: #4f2b18;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : double 4px #181410;
	background-color: #947542;
	}	
	
	
	
	
.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;
	
	}	



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

.album_imageevent a:visited/*ici ce sont les sites que j'aime*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: #ffffe7;
	font-style: italic;
	
	}	
	
	
.lien_calendrier /*ici c'est le lien pour le calendrier*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #c6bead;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border : dotted 3px #947542;
	background-color: #5a6518;
	}	
	
.lien_calendrier a 
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	
	color: #c6bead;
	text-decoration: none;
	
	}
	
.lien_calendrier a:hover
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: black;
	text-decoration: underline;
	
	}	

.lien_calendrier a:visited
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	color: black;
	font-style: italic;
	
	}		
	
	
	
#recherche
{

	background-color: none;
	
	
	width: 80%;
	z-index:0;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom:0px;
	text-align: justify;
	
	margin-top: 2px;
	margin-left: 0px;
	margin-right : 0px;
	margin-bottom: 0px;
	/**border-bottom : 7px double #9c8e7a;
	border-right : 5px dotted #9c8e7a;**/
	color:#746556;
	font-family:  "Century Gothic", Verdana,  Garamond,"Book Antiqua","Trebuchet MS",Arial, serif;
	font-size: 0.8em;
	border-right: none;
	
	/**font-style:italic;#9c8e7a#6b4529**/
}		
	
	
	
	
	
	
	
	
	
.connectes /*ici c'est le compteur*/
{
	font-family: Verdana,"Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	color: #9c694a;
	padding: 10px;
	padding-right: 5px;
	margin-top: 10px;
	border : dotted 2px #9c694a;
	background-color: none;
	}	
	
.connectes_famille /*ici c'est le compteur des membres de la famille qui sont connectés, situé dans le menu horizontal du blog*/
{
	font-family: "Verdana,Trebuchet MS",  Arial, serif;
	font-size: 0.7em;
	
	color: #5e5f36;
	position: absolute;
	top : 310px;
	margin-right: 5px;
	right:5px;
	padding: 1px;
	width: 100px;
	text-indent: 10px;
	padding-top: 135px;/*pour que le texte soit en dessous de l'écusson*/
	border-bottom : dotted 1px #b7b86a;
	border-right : dotted 1px #b7b86a;
	background-image: url("png/ecussonpapi.png") ;
	background-repeat: no-repeat;
	}	
	
	
.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: black;
	text-decoration:underline;
	
	
	margin-top: 10px;
	
	
	}	
	
	
	
	
	
	
	
		#date_du_jour /*ici c'est la date et le jour sur l'entête*/
{
	width: 99%;
	
	height: 280px;
	left: 2%;
	z-index:0;
	
	/*background-image: url("png/datebanniere_ecureuil_chachou.png") ;
	background-repeat: no-repeat;*/
	
	/*background-image: url("gif/datebanniere.gif"); */
	margin-left: 5px;
	
	margin-bottom: 15px;
	margin-top : 0px;
	padding-top: 0px;
	padding-right: 5px;
	border : black;
	padding-bottom: 0px;
	text-align: left;
	font-family:Verdana,Arial, "Trebuchet MS",   serif;
	font-size: 0.6em;
	color: #c4beaa;
	
	
	}
#date_du_jour h6
{
position: absolute;
top : 90px;

padding-top: 0px;
margin-top : 0px;
padding-bottom: 0px;
margin-bottom: 0px;

font-family:"Century Gothic", Arial,Verdana, "Trebuchet MS",   serif;
	font-size: 1.2em;
	color:#9c8e7a;
	font-variant: small-caps;
left : 30%;
width: 40%;
text-align: center;
}		

#date_du_jour h6:first-letter
{
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
color: #9c8e7a;
	font-size: 2em;

}

	
#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: 3%;
	z-index:100;
	
	margin-left: 12px;
	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:200;
width: 100%; /* correction pour Opera */
margin-bottom: 0px;
}
#menuhorizontal dl {
float: left;
width: 17%;

}
#menuhorizontal dt {

height: 20px;
line-height: 20px;
margin-right: 2px;
margin-bottom: 5px;
cursor: pointer;
text-align: center;
font-size: 0.7em;
background: none;
border: 2px dotted #9c8e7a;

}



#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:#9c8e7a ;
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: #c4beaa;
}	
	
#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_haut	
		{
		margin-left: 7px;
	margin-right:0%;
	margin-top : 0%;
	margin-bottom : 0%;
	
	
	width: 680px ;
	height: 23px;
		margin-bottom: 0px;
	background-image: url("png/corps_haut.png") ;
	background-repeat: no-repeat ;

	}
	
#corps_bas	
		{
		margin-left: 7px;
	margin-right:0%;
	margin-top : 0%;
	margin-bottom : 0%;
	
	
	width: 680px ;
	height: 21px;
		margin-bottom: 0px;
	background-image: url("png/corps_bas.png") ;
	background-repeat: no-repeat ;

	}	
	
	
	
	
	
  #corps
{	
	width: 67% ; 
	text-align: justify;
	margin-left: 7px;
	margin-right:2%;
	margin-top : 0%;
	margin-bottom : 0%;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 0%;
	padding-bottom: 20px;
	color: #251f1a;
	background :#f9ffe5 ;
	/*#c4beaa   #9b8e61
	background-image: url("png/fondpf5.png") ;*/
	
	border-right: 6px solid #9c8e7a;
	border-bottom: 1px solid #c4beaa;
	font-family: Arial,Verdana,"Trebuchet MS","Book Antiqua",   serif;
	font-size: 0.8em;
	line-height: 20px;
	}








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

.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;
	
	
	}

	.mini_menu
	{
	
	
   
	
	
	left: 3px;
	z-index:200;
	
	top : 380px;
	
	
	
		height: 120px;
	position: absolute;
	
	height: 92px;
	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;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
			}
	
	.mini_menu a
	{
		font-family: "Verdana,Trebuchet MS",  Arial, serif;
		
		color: #c4beaa;
		}
	
#fichier_taille_reelle object/*fichier flash grandeur reelle*/
{
	
	
	padding-top:30px;
	margin-top : 30px;
	margin-right: 1px;
	margin-left: 8px;
	margin-bottom: 4px;
	
	width: 100%;
	/*height: 600px;*/
	border-right: 1px solid #c4beaa;
	border-bottom: 1px dotted #c4beaa;
	}



.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;
	color:#9c714a;
	}

 #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: #251f1a; 
	}



	
	
	
 #corps h2:first-letter
	{
	font-weight: bold;
	font-size: 1.3em;
	background-color: none;
	font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
	}
	
	
#corps .rond
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.4em;
	color: black;
	height: 20px;
	
	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: 90% ; 
	
	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: 20px;


}

.contenu:first-letter
{
font-size: 1.5em;
font-weight: bold;
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
}

	
	
 #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: #7d7559 ; /*joli gris*/
	
	}
	
.rond p:first-letter
{
font-size: 2em;
font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;}	

.adresse
{
	padding: 6px;
	
	margin-top: 5px;
	border : dotted 2px #c4beaa;
	font-family: Arial,Verdana,"Trebuchet MS",   serif;
	font-size: 0.8em;
	color: #c4beaa;
	
	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: #c4beaa;
	
	
	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: #c4beaa;
	
	background: none;
	text-align: center;
	
			}

.telephone dt
{
	padding: 0px;
	
	margin: 0px;
	
	font-size: 0.8em;
	font-family: Arial, Verdana, "Trebuchet MS",   serif;
	
	color: #c4beaa;
	
	
	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: #c4beaa;
	border: 1px solid #c4beaa;
	
	text-align: left;

			}			
			
			
			

			
	

	
	




	
#corps h4
{
	height: 40px;
	line-height: 40px;
	
	
	background-repeat: no-repeat;
	
	margin-top: 40px;
	color: #9c694a;
	background-color: none;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}


	

	
#corps h3
{
	height: 60px;
	line-height: 40px;
	text-indent: 90px;
	/*background-image: url("gif/businesscard9.gif");
	background-repeat: no-repeat;*/
	margin-right: 70px;
	margin-top: 40px;
	color: #9c694a;
	background-color: none;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}
	
	
	
#corps h4:first-letter, #corps h3:first-letter
	{
	
	font-family: "Monotype corsiva", "Century Gothic ", Verdana, "Times New Roman";
font-style : italic;
color:#5a6518; /*#6b4529#a95f00 beau marron#a25a2f*/

font-size: 2.5em;

	}

	
	
	
#corps h6 /* les sous-titres*/
{
	color: #7d7559;
	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 : justify;
	padding-right: 5px;
	font-size: 0.9em;
	font-family: "Century Gothic",Arial,Dotum, "Monotype corsiva", "Trebuchet MS", Verdana,  serif,"Book Antiqua";
	line-height : 15px;
	font-weight: italic;
	color :#251f1a;/*marron*/
	}

	
	
	
#corps a
{
	color: #93866f;
	text-decoration: none;
	font-size: 0.8em;
	}
	
	
	
	
#corps a:hover
{
	text-decoration: underline;
	color: #d6964a;
	
	}
	
#corps a:active, #corps a:focus
{
	color: black;
	}
	

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

	


	
.signature
{
	color: #c4beaa;
	text-decoration: none;
	font-size: 1.5em;
	
	text-align : center;
	border-bottom: 2px solid #c4beaa;
	font-family: "Book antiqua", "Trebuchet MS", Verdana, Arial, serif;
}
.signature p
{
	color: #c4beaa;
	text-decoration: none;
	font-size: 0.5em;
	
	text-align : right;
	
	font-family: "Book antiqua", "Trebuchet MS", Verdana, Arial, serif;
}
	
	
#plan
{
	color: #9c8e7a;
	text-decoration: none;
	font-size: 0.9em;
	
	
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}	
	
#plan p	

{
	color: #9c8e7a;
	text-decoration: none;
	font-size: 0.9em;
	text-align : right;
	margin-right : 70px;padding-top : 15px;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}	




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

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

.planprotection a, .planprotection p
{
	color: #c4beaa;
	text-decoration: none;
	font-size: 0.9em;
	text-indent: 50px;
	text-align : left;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}		
	
	
	

	
	
.menupf
{
	color: #c4beaa;
	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: #c4beaa;
	
	}

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

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

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


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

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


	
	
	
	
	
	
	
	
	

	
	
	
	

	
	
	
	
#encadre
	{
		font-size: 0.8em;
		width: 60%;
		height: 250px;
		margin-left: 20%;
		margin-right: 10%;
		margin-top: 200px;
		margin-bottom: 50px;
		padding: 2px;
		border: dotted 2px #c4beaa;
		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("gif/signature_traitement.gif");
	background-repeat: no-repeat;
	
	margin-top: 40px;
	color: #c4beaa;
	background-color: none;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, serif;
	}

	

/*les pages du guestbook*/

.pages
{
	font-size: 1em;
	font-family: "Century Gothic", Arial,"Trebuchet MS", Verdana,  serif;
	text-align: center;
	margin-top: 30px;
	color:  #9c694a;
	
	}	

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



.numerotation
	{
		font-size: 1em;
		color: #9c694a;
		margin: 5px;
		}

.afficher_messages
	{
		font-size: 0.8em;
		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: 2px outset #c4beaa;
		margin: 2px;
		}

td
{
		font-size: 0.9em;
		color: #c4beaa;
		
		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: #c4beaa;
						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 */
		

	
	
		
/* 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*/
				{
						
						margin: 0px;
						padding: 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:  #7d7559;
		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:0.8em;
		color: #7d7559;
		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;
						}	
	
	

		

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

	
	
#menupdf
{
	color: #c4beaa;
	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 */



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

	
.presentation_commentaire_haut		
	{
	height: 29px;
	width: 90%;
	/*position : relative;
	top : 10px;*/
	
	text-align : justify;
	color: #1a1412;
	font-size: 0.8em;
	
	font-family: "Century Gothic", Garamond,Arial,"Trebuchet MS", Verdana,  serif;
	/*border-right: 1px solid #bd9a59;
border-bottom: 1px solid #c4beaa;*/

	
	margin-bottom: 0px;
	background-image: url("png/haut_or.png") ;
	background-repeat: no-repeat ;
	
	
	
	
	}		
		
.presentation_commentaires		
	{
	position : relative;
	top : 0px;
	z-index: 5000;
	color: black;
	width: 90%;
	
	margin-bottom: 0px;
	
	/*border-right: 1px solid #bd9a59;
border-bottom: 1px solid #c4beaa;*/
	
	
	
	background-image: url("png/corps_or.png") ;
	background-repeat: no-repeat ;
	background-repeat:  repeat-y;
	
	
	
	}	
	
.presentation_commentaires p	
	{	text-align : justify;
	color: black;
	font-size: 0.7em;
	margin-top:0px;
	padding-top: 10px;
	margin-bottom:0px;
	padding-bottom: 10px;
	padding-left: 80px;
	width : 400px;
	z-index: 5000;
	font-family: "Century Gothic", Garamond,Arial,"Trebuchet MS", Verdana,  serif;
	 
	
	
	}
	
.presentation_commentaires h5	
	{	text-align : center;
	color: #9c8e7a;
	font-variant :small-caps;
	font-size: 1.2em;
	margin-top:0px;
	padding-top: 10px;
	margin-bottom:0px;
	padding-bottom: 10px;
	padding-left: 80px;
	width : 400px;
	z-index: 5000;
	font-family: "Century Gothic", Garamond,Arial,"Trebuchet MS", Verdana,  serif;
	 background-image: url("png/amis.png");
	background-repeat: no-repeat;
	
	
	}	
	
	
	
	
.presentation_commentaire_bas		
	{
		height: 42px;
	
	/*position : relative;
	top : 10px;*/
	width: 90%;
	text-align : justify;
	color: #1a1412;
	font-size: 0.9em;
	margin-bottom: 50px;
	font-family: "Century Gothic", Garamond,Arial,"Trebuchet MS", Verdana,  serif;
		/*border-right: 1px solid #bd9a59;
border-bottom: 1px solid #c4beaa;*/


	
	background-image: url("png/bas_or.png") ;
	background-repeat: no-repeat;
	
	
	
	
	}		
		
	
	
	
	
	
	
	

	
#fin_de_page
{

	width: 67%;
	
	font-family: Arial,"Trebuchet MS", Verdana,  serif;
	height: 116px;
		
	margin-right:2%;
	
	margin-top: 5px;
	margin-left: 7px;	
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-top : 35px;
	background: url("png/banniere_grise_mini.png") no-repeat;
	
	background-color: none;
	
	}
	
#fin_de_page p 
{
   font-size: 0.6em;
   font-family:  "Century Gothic","Trebuchet MS","Book Antiqua",Arial,  Verdana, serif;
   width: 50%;
   position :relative;
   left: 37%;
   
   color: #a69d82;
   background-color: none;
   
	
	top : 0px; /*indispensable à Firefox et je ne sais pas pourquoi !!*/
	
	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..?!*/
	/*margin-bottom negatif est indispensable pour explorer*/
	
	
	
	
   
   right : 2px;
   text-align: right;
   
}

#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 
{
	left : 1%;
	position: relative;
	top : 30px;
	
   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: #c4beaa;
   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: #c4beaa;
	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: #c4beaa;
	}