ul, ol, dl {
   list-style-type: none;
   margin: 0px;
   padding: Opx;
   font-size: 12px;  
   font-family: Arial,sans-serif;  }
    
h1 {
   font-size: 16px;  
   font-family: Arial,sans-serif;  }
   
h2{
   font-size: 14px;  
   font-family: Arial,sans-serif;}
   
h3{
   font-size: 12px;  
   font-family: Arial,sans-serif;}       


.body {
  background: white; /* Technique des colonnes factices : le menu de gauche a un fond sur toute la hauteur de la page */
  border: 1px solid black; /* Encadrer toute la page par une bordure noire de 1 pixel */
}

.entete {
	border: 0;
	color: white;
	background: url(images/logobis4.jpg) -10px center no-repeat;
   margin: 0 45px; 
  font-size: 14px;  
   font-family: Arial,sans-serif;
   text-align: right;
   line-height: 80px;
  }
  
  .sentete {
	border: 0;
	color: white;
   margin: 0 56px; 
   font-size: 14px;  
   font-family: Arial,sans-serif;
   text-align: right;
   line-height: 80px;
  }

  
  .sousentete {
	border: 0;
	color: black;
    margin: 0 56px; 
   font-size: 10px;  
   font-family: Arial,sans-serif;
   line-height: 10px;
  }

 
.menu {
 line-height: 10px; 
  font-size: 10px;  
   font-family: Arial,sans-serif;
  float: left; /* Colonne de gauche sur la page */ 
  list-style-type: none; /* On ne veut plus que les lignes de la liste aient de puces */
  margin: 0; /* Aucune marge au dessus et en dessous de la liste (les listes étant normalement utilisées entre des paragraphes) */
  padding: 0; /* Aucune indentation des éléments contenus dans la liste (généralement, les listes ont un padding à gauche) */
}


ul {
	list-style-type: none;
}

.contenu {
	position: absolute;
    text-align: justify;
	font-size: 12px;  
   font-family: Arial,sans-serif;
   margin: 50px 80px 25px 269px;
   line-height: 15px;
   padding: 0 0;

} 

.contact {
 
	font-size: 10px;  
   font-family: Arial,sans-serif;
   margin: 50px 209px 25px 209px;
   padding: 0 0;

} 


.carte {
	margin: 95px 80px 25px 387px;
    height: 570px;
	font-size: 12px;  
   font-family: Arial,sans-serif;
	color: white;
    padding: 0 0;

} 



   
.images {	
	border: none;
  font-size: 10px;  
   font-family: Arial,sans-serif;
  text-align: justify;
  float: left;
  width: 450px;
  min-height: 200px;
  margin: 0px 0 0 0px; /* 209px = 198px (largeur du menu) + 1 (bordure droite du menu) + 10 (la marge que l'on veut donner au contenu) */
 

}

.textes {
    position: absolute;
	overflow: auto;
	font-size: 12px;  
   font-family: Arial,sans-serif;
	margin: 40px 0px 0px 600px;
	text-align: justify;
	padding: 0px 10px 0px 0px;
	width: 350px;
	height: 470px;
	float: right;
	
}

.textes2 {
	position: absolute;
	overflow: auto;
	text-position: center;
	font-size: 12px;  
   font-family: Arial,sans-serif;
	margin: 25px 0px 0px 20px;
	text-align: justify;
	width: 350px;
	max-height: 395px;
	float: right;
	
}


.textesparticipants {
	text-position: center;
	font-size: 12px;  
   font-family: Arial,sans-serif;
	margin: 0 150px 0 250px;
	text-align: justify;
	width: 300px;
	
	
}


p {
	font-size: 12px;  
   font-family: Arial,sans-serif;	
}

a {
	font-size: 12px;  
   font-family: Arial,sans-serif;
	border: none;
	color: gray;
	text-decoration: none;

}

a:link {
	font-size: 12px;  
   font-family: Arial,sans-serif;
   border: none;
	color: gray
	text-decoration: none
}

a:focus {
	font-size: 12px;  
   font-family: Arial,sans-serif;
   border: none;
	color: gray
	text-decoration: none
}

a:hover {
	font-size: 12px;  
   font-family: Arial,sans-serif;
border: none;
	color: gray
	text-decoration: none
}

a:active {
	font-size: 12px;  
   font-family: Arial,sans-serif;
   border: none;
	color: gray
	text-decoration: none
}

a:visited {
	font-size: 12px;  
   font-family: Arial,sans-serif;
border: none;
	color: gray
	text-decoration: none
}

img {
	border: none;
}

ul ul {
  font-size: 10px;  
   font-family: Arial,sans-serif; 
    color: grey;
}

ul ul ul {
  font-size: 8px;  
   font-family: Arial,sans-serif;
}


.menu a {
  text-align: left;
  display: block; /* Afin de pouvoir assigner une hauteur au lien (voir la règle "#menu span") */
  text-decoration: none; /* Pas de soulignement des liens dans le sous-menu, ils sont déjà identifiables en tant que liens par le visiteur */
  color: black; /* Le texte est orange */
  margin: 12px 0; /* Espacer verticalement chaque bouton à l'intérieur du sous-menu */
  padding: 0 18px;
}

.menu a:hover, /* Au survol de la souris */
.menu a:focus, /* Lorsque le lien a le focus, sous Firefox et autres navigateurs */
.menu a:active /* Lorsque le lien a le focus, sous Internet Explorer */
{
  text-decoration: none;
}

.menu .actuel {  /* Indique au visiteur que ce lien est en fait la page actuellement affichée */
  font-weight: bold;
  }
  

.sousmenu a {
  text-align: left;
  display: block; /* Afin de pouvoir assigner une hauteur au lien (voir la règle "#menu span") */
  text-decoration: none; /* Pas de soulignement des liens dans le sous-menu, ils sont déjà identifiables en tant que liens par le visiteur */
  color: gray; /* Le texte est orange */
  margin: 1Opx 0; /* Espacer verticalement chaque bouton à l'intérieur du sous-menu */
  padding: 0 10px;
}

.sousmenu a:hover, /* Au survol de la souris */
.sousmenu a:focus, /* Lorsque le lien a le focus, sous Firefox et autres navigateurs */
.sousmenu a:active /* Lorsque le lien a le focus, sous Internet Explorer */
{
  text-decoration: none;
}

.sousmenu .actuel {  /* Indique au visiteur que ce lien est en fait la page actuellement affichée */
  font-weight: bold;


}

.logo {
	text-align: center;
	margin: 200px 0 0 0px;
}


.logo img {
    border: 0;
    text-decoration: none;
}


.souslogo {
	text-align: center;
	font-size: 12px;  
   font-family: Arial,sans-serif;
   	color: black;
}


.avertissement{
	text-align: center;
	font-size: 16px;  
   font-family: Arial,sans-serif;
   	color: red;
}

.avertissement a{
	font-size: 16px;  
   font-family: Arial,sans-serif;
   	color: grey;
}

cite{
	font-size: 11px;  
   font-family: Arial,italic;

}