/*br 
{ 
	clear: both; 
}*/

.cntSeparator 
{
	font-size: 54px;
	margin: 10px 7px;
	color: white;
}
      
.desc 
{ 
	/*margin: 7px 3px;*/
	margin-left: 40%;
	margin-top: 10px;
}

.desc div 
{
	float: left;
    font-family: "verdana", "Times New Roman", serif;
    width: 70px;
    margin-right: 65px;
    font-size: 13px;
    font-weight: bold;
    color: white;
}

#h2
{
	color: white;
	font-family: "verdana", "Times New Roman", serif;
	margin-left: 36%;
}

#counter
{
	margin-left: 36%;
}

.connexion
{
	text-align: center;
	font-family: "verdana", "Times New Roman", serif;
}

.construction
{
	/*color: rgb(16,58,17);*/
	color: white;
	text-align: center;
	font-family: "verdana", "Times New Roman", serif;
	font-size: 600%;
	text-decoration: blink;
}
.entree
{
	text-align: center;
	font-family: "verdana", "Times New Roman", serif;
	font-size: 200%;
}

.entree a
{
	color: white;
}

.entree a:hover
{
	background-color: transparent;
}

body
{
	/*width: 1000px;
	height: 1000px;*/
	width: 80%;
	height: 90%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-image: url("vtt.jpg");	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: 100% 100%;
	behavior: url("csshover.htc");
}

#loader
{
	display: block;
	margin: auto;
}

#en_tete
{
	width: 100%;
	height: 170px;
	background-color: black;
	margin-bottom: 10px;
	background-image: url("baniere.jpg");	
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center;
	background-size: 100% 100%;
}

#menu
{
	float: left; /* Le menu flottera à gauche */
	width: 200px; /* Très important : donner une taille au menu */
	margin:10px 0px;

}

#menu ul 
{
  width:200px;
  list-style:none;
  padding:0px;
  margin:0px;
  border-right:1px solid silver;
}

#menu ul li 
{
  width:auto;
  margin-left:5px;
  padding-left:25px;
  text-indent:5px;
  height:23px;
  background:url("images/bordure.png") no-repeat;
}

#menu li a 
{
  display:block;
  height:23px;
  text-decoration:none;
  color:rgb(31,75,0);
  background-color:#FFFFFF;
}

#menu ul li ul {
  display:none;
}

#menu ul li:hover ul 
{
  display:block;
  position:relative;
  top:-24px;
  left:165px;
}

#menu ul li ul, #menu ul li:hover ul li ul, #menu ul li:hover ul li:hover ul li ul
{
  display:none;
}

#menu ul li:hover ul, #menu ul li:hover ul li:hover ul, #menu ul li:hover ul li:hover ul li:hover ul
{
  display:block;
  position:relative;
  top:-24px;
  left:165px;
}

#menu ul li.extend a 
{
  background:white url("images/rouep.jpg") right no-repeat;
}

#menu ul li.extend:hover ul li.end a 
{
  background-image:none;
}

#menu li:hover 
{
  background:url("images/fleche.png") no-repeat;
}

#menu li a:hover 
{
  color:white;
  background-color:green;
}

#menu ul li.extend:hover a, #menu ul li.extend:hover ul li:hover a, #menu ul li.extend:hover ul li.extend:hover ul li:hover a, #menu ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a
{
  background-color:green;
}

#menu ul li.extend:hover ul li a, #menu ul li.extend:hover ul li:hover ul li a, #menu ul li.extend:hover ul li.extend:hover ul li:hover ul li a
{
  background-color:#FFFFFF;
}

#menu ul li.extend:hover 
{
  width:195px;
  height:23px;
  overflow:hidden;
}

html > body #menu ul li.extend:hover 
{
  overflow:visible;
}

.element_menu
{
	background-color: white;
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
   
	border: 2px solid black;
   
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu h3
{
	color: rgb(31,75,0);
	font-family: "verdana", "Times New Roman", serif;
	text-align: center;
}

.element_menu a
{
	color: rgb(31,75,0);
	font-family: "verdana", "Times New Roman", serif;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
	background-color: rgb(31,75,0);
	color: white;
}

#corps
{
	margin-left: 230px; /* 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: rgb(31,75,0);
	font-family: "verdana", "Times New Roman", serif;
	background-color: white;  Une couleur de fond pour le corps 
	
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	min-height: 500px;
}

a:hover /* Quand on pointe sur un lien du menu */
{
	background-color: rgb(31,75,0);
	color: white;
}

a
{
	color: rgb(31,75,0);
	font-family: "verdana", "Times New Roman", serif;
}

.lien_equipe ul
{
	list-style-image: url("images/rouep.jpg");
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
	margin-left: 10px;
}

.load
{
    background:url('images/chargement.gif') no-repeat center;
} 

.sommaire
{
	text-align: center;
}

/*.titre_accueil
{
	text-decoration: underline;
}*/

#pied_de_page
{
	padding: 5px;
	
	text-align: center;	
	
	color: rgb(31,75,0);
	font-family: "verdana", "Times New Roman", serif;
	background-color: white;
	
	border: 2px solid black;
}