/* CSS Document */
 
 
body {
background-color:#25511D; /*--------VERT----*/
background-color:#F8F8FF; /*--------GRIS clair beige + clair----*/ 
background-color:#f5f5f5; /*--------GRIS clair----*/
background-color: #f6f6f6; /*--------GRIS encore +  clair----*/  
background-color: #fff;
margin:0;
}
  
#global{
width: 1170px; 
width:1240px;   
 
background:#FAFAFA;
background:#fff;   
font-family: 'Roboto Condensed'; 
color:#222; 
  margin-left:auto;
  margin-right:auto; 
}
  

#header{margin-bottom: 0;
}
 
 /*----------- CONTENT-----------*/

 #content{
 width: 1000px;
 font-size: 21px;
 text-align:center;
 margin-left:auto;
 margin-right:auto; 
 clear: both;
 }

 #content p{
 font-family: 'Roboto Condensed'; 
 font-size: 21px;
 text-align:justify;
 }

 #content img{
   text-align:center;
 }

/*--------FIN CONTENT-----------*/
 

 /*-------  TEXTE----*/

 #texte{ width:1000px;
text-align:center;
margin-left:auto;
margin-right:auto; 
clear: both;
}

 #texte p{
 font-size: 21px;
 text-align:justify;
  }

/*----------------- BLOCK-----------*/

#block{
 border:1px solid #555;
padding:10px 20px 10px 20px;
 
 border:1px solid #444;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
}

#block p{
  color:#222;
  font-size:18px;
}

#block a {
color:#222;
font-size:18px; 
}

#block h4{ 
  padding:0;
}

/*--------------FIN TEXTE-------------*/

 h1{ 
 color:#515b3f;
 font-size:60px; 
 color:#798081; /*--------gris pas trop fonce----*/ 
 text-align:left;
 clear:both;
 }

h2{  
font-family: 'PT Sans Narrow' Helvetica, sans-serif; 
font-family: 'Roboto Condensed';
color:#798081; /*--------gris pas trop fonce----*/ 
font-size:45px;
text-align:left;
 clear:both; 
 }
 
h3{ 
color:#798081; /*--------gris pas trop fonce----*/ 
}

td {font-family: 'Roboto Condensed';
font-size:21px;
} 

a:link {color:#222;text-decoration:none;}
a:visited {color:#222;text-decoration:none}

 
#top h1{  
color:#f4e015;  
font-size:80px;
 text-align:center;
}

#top p{  
 color:#f4e015; 
 text-shadow:1px 2px 1.5px #000; 	 
 font-size:40px;
 text-align:center;
} 

#navigation{
 padding-bottom: 15px;
 background-color:#fff;
 text-align:center;
 color:#222; 
 margin-top: 30px;
}

#navigation a{color:#222;
font-size:20px;
margin-right:10px;
}
  
#navigation a:visited  {color:#ff0000;
font-size:20px;
margin-right:20px;
}
 
.round{ font-size:25px;
    border:1px solid #555;
    border-radius: 100px;
    -webkit-border-radius:100px;
    -moz-border-radius: 100px;
    padding:9px 15px 10px 15px;   
}

/* -----------------------   MENU DÉROULANT ACCUEIL -----------  */
#barre_nav{   
}  
/* Fond et Bordure de la Barre de Navigation */

#barre_nav ul {  
 text-align: left;
 margin-left: -35px; 
}

/* Police et Couleur des Liens */

#barre_nav li { 
  color:#000; 
  border:1px solid #555; 
  padding: 10px 10px 10px 10px;  
  display: inline-block;
  text-align: center;
  margin-right:10px;  
}

/* Police et Couleur des Liens quand Survolés par la Souris */
 

#barre_nav li a:link {  font-size: 20px; 
}

#barre_nav li a:hover {color:#ff0000;
}

#barre_nav li a:visited {color:#87DADD; color:#ff0000;
}

/* Centrer la Barre de Navigation */


#barre_nav li:last-child { margin-right:0;}

/* ----- Apparence du menu déroulant ----- */

#barre_nav li ul {
display: none;
height: auto;
padding: 0px; 
margin: 0px;
border: 0px;
position: absolute;
width: 290px; /* Largeur de la barre des sous-catégories */
padding-top: 25px; /* Distance entre barre des sous-catégories et barre de navigation */
z-index:9999;
}

#barre_nav li:hover ul {
display: block;
margin-top: 0px;
margin-left: -15px; /* Alignement avec le lien de la barre de navigation */
}

#barre_nav li li {
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 290px; /* Largeur de la barre des sous-catégories */
}

#barre_nav li:hover li a {
font-size:19px;
background-color: #C49DB8; /* Couleur du fond du lien */
background-color: #63704b;
 
}

#barre_nav li ul a {
display: block;
height: auto;
margin: 0px;
padding-top: 5px; /* Distance au dessus des liens */
padding-bottom: 5px; /* Distance en dessous des liens */
padding-left: 10px; /* Distance à gauche des liens */
text-align: left;
}

#barre_nav ul ul a {
color: #ffffff; /* Couleur des liens */
}

#barre_nav li ul a:hover, #barre_nav li ul li:hover > a {
color: #ffffff; /* Couleur des liens quand survolés par la souris */
background-color: #B061A2; /* Couleur du fond du lien quand survolés par la souris */
text-decoration: none;
}
 
 #barre_nav li ul a:visited{color:#ff0000;}


/* ---------   FIN MENU DÉROULANT -----------  */