/* CSS Document */

#en_tete
{
	margin: 0;
	border: 2px groove black;
	margin-top: 8px;
	margin-left: 8px;
	
}

#menu_1
{
	margin : 0;
	border: 2px groove black;
	margin-top: 8px;
	margin-left: 8px;

}
#menu 
{
	margin : 0;
	float: left;
	width: 205px;
	border: 2px groove black;
	background-image: url("images/arr-pl.jpg"); 

	background-repeat: repeat;
	margin-top: 8px;
	margin-left: 8px;
	-margin-left: 4px;
	background-attachment: fixed;
	padding: 4px;
	
}

#menu ul
{
	text-indent: 1px;
	list-style-image: url(/favicon.png);
}

#pied_de_page
{
	float: left;
	text-align: center;
	margin-right: 50px;
	clear : both;
	
}

body {
	margin :0;
	background-image: url(images/arr-pl1.jpg); 
/*	background-image: url("images/arr-pl1.jpg"); */  
	background-attachment: fixed;  
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #0000FF; 
	line-height: 1.166;	
}

.element_menu 
{
	margin :0;
	background-image: url(test_menu.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}



#corps
{	
	
	margin-left: 235px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #000000; /* Une couleur de fond pour le corps */
	background-image: url(images/arr-pl.jpg);
	background-repeat: repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	margin-top: 8px;
	background-attachment: fixed;
	text-align: justify;
	margin-right: 10;
	
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #334d55;
	text-decoration: blink;
}
h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: bold;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}


#texte {
	FLOAT: left; WIDTH: 300px
}
.floatstop {
	CLEAR: both
}

.dimanche {
	border-left-style: double;
}

div.diapo{
/*border: thin solid black; */
/*width:120px; */

/*height:80px; */
/*float:left;*/
/*margin: 20px 0 0 100px; */
}

div.cache:hover span{
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	display:block;
	border: thin solid black;
	position: relative;
	/*width:200px; */
	height:	auto;
	left:70px;
	/*width:auto;*/
	width: 400px;
}

div.cache span{
	display:none;
	width: inherit;
}