/* CSS Document */
 

 @font-face {
    font-family:'Dancing Script';
    font-weight: normal;
    src: url('../font/DancingScript-Regular.otf') format('truetype');
}

#global{    
width:1240px;  
margin-left: auto;
margin-right: auto; 
}
 
#content{
width:1000px; 
font-size: 21px;
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;
}
 

#texte h1{text-align: left;}
 
#texte p{
 font-size: 21px;
  }
  
 #texte img{text-align: center;}


#titre{
width: 90%;
float: left;
}

#retour{
margin-top:0;
margin-right: 0;
float:right;
  } 

#entete{
width:100%;
margin-top:10px;
background-color:#000;
float:left;
}
  
iframe{ 
border:none;
box-shadow: 0 0 0;  
 }
  
 h3{color:#222;}

 .date{
  color:#ff0000;
 }

#block{
width:230px;
border:1px solid #555;
padding:10px 20px 10px 20px; 
}
#block p{
font-size:18px;
}
 
#copyrights{
width:35px;
height:35px;
background-image:url(../images/copie_interdite.jpg);
background-repeat:no-repeat;  
float:right;
 }
 
#topimage{
background-color:#63704b; /*--------vert kaki-----------  */
padding:20px 0 10px 0;
color:#fff;  
margin-left:auto;
margin-right:auto;
}

#next{  
  width: 120px;
  margin-top: 0;
  margin-right: 10px; 
  text-align: center;
  float: right;
}
 

 #copie{ 
height: 40px;
text-align:center;
padding-top:30px; 
}
 

/* ---------   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 {   
}

#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:17px;
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 -----------  */

.fondnoir {background-color:#000;
}
 
/* -------------------------------------------  */