/* CSS Document */
 

/*--------DECLARATION DES POLICES----*/

 @font-face {
    font-family:'IndieFlower';
    font-weight: normal;
    src: url('../font/IndieFlower.ttf') format('truetype');
}


@font-face {
    font-family:'IndieFlower'; 
    src: url('https://fonts.googleapis.com/css?family=Indie+Flower');
}


@font-face {
    font-family: 'PT Sans Narrow';
    font-weight: normal;
    src: url('../font/PT_Sans-Narrow-Web-Regular.ttf')format('truetype');
} 

@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    src: url('link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">');
}


@font-face {
    font-family: 'Roboto Condensed';
    font-weight: normal;
     src: url('../font/RobotoCondensed-Light.ttf')format('truetype');
}
 

@font-face {
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    src: url('link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">');
}

 
 /*----------  DECLARATION DES  FONTS LOCALES---------*/

  @font-face {
    font-family: 'Roboto Condensed';
    font-weight: normal;
    src: url('../font/RobotoCondensed-Light.ttf')format('truetype');
}
 
/*----------DECLARATIONS DES BALISES---------*/

body{
margin: 0;
padding: 0;
background-color:#20462C;
background-color:#fff;
}

#top{width: 1250px;
margin-left: auto;
margin-right: auto;
}


#global{
   width:1170px;  
   margin-left:auto;
   margin-right:auto; 
   color:#5A5E6B; 
    
 font-family: 'Roboto Condensed'; 
 font-size:22px;
 line-height:1.6em;      
 color:#222;  
 
}

#global img {text-align:center; }
 
#global p{ 
 font-family: 'PT Sans Narrow',  sans-serif; 
 font-family: 'Roboto Condensed'; 
 font-size:20px;
 line-height:1.6em;      
 color:#222;  
 text-align:justify;   
}
  

iframe{border:none;}
  

 /*----------  TITRES H ---------*/  

h1{
  font-family: 'PT Sans Narrow', sans-serif; 
  font-family: 'Noteworthy';  
  color:#63704b;
  color:#74744E;
  color:#706e6e;  /*--------gris encore + clair----*/ 
  color:#5A5E6B;
  font-size:40px;
  font-weight: normal;
 text-transform:uppercase;  
  margin-bottom: 40px; 
  clear: both;  
 }


h2{ 
font-family: 'PT Sans Narrow',  sans-serif;   
font-family: 'Noteworthy'; 
 color: #B5383D;/*--------rouge fonce----*/ 
 color:#F16E00;/*--------Beau marron rouge terre----*/ 
 color:#706e6e;  /*--------gris encore + clair----*/ 
  color:#5A5E6B;
 font-weight: normal;
 font-size:36px; 
 
 text-align:left;   
 clear:both;
}
  
h3{
font-family: 'PT Sans Narrow', Helvetica, sans-serif;  
color:#505743; /*--------gris + fonce----*/ 
color:#706e6e; /*--------gris encore + clair----*/ 
color:#5A5E6B;
font-size:36px;
font-weight: normal;
line-height:normal;
 
 text-align:left; 
 clear:both; 
 }
 
h4{
font-family: 'PT Sans Narrow', Helvetica, sans-serif;  
font-family: 'Roboto Condensed';  
color:#706e6e; /*--------gris encore + clair----*/ 
color:#5A5E6B;
color:#222;
font-size:30px;
font-weight: normal;
line-height:0.5em;
text-align:left;
clear:both; 
}
 

/*---------- FIN TITRES H---------*/  
 
/*--------------- P --------------*/  

p{font-family: 'PT Sans Narrow',  sans-serif; 
   color:#777;  
   color:#5A5E6B;

 font-family: 'Roboto Condensed'; 
 font-size:20px;
 line-height:1.6em;      
 color:#222;  
 text-align:justify; 
}
 

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

#content{
padding:0 30px 0 30px;
text-align: center;
}

#content h1{ 
text-align: left;
clear: both;
}

#content p{ 
font-family: 'PT Sans Narrow', sans-serif;  
 font-family: 'Roboto Condensed'; 
 font-size:22px;
 line-height:1.6em;      
 color:#222;  
 text-align:justify; 
}
 
#content img{ 
text-align: center;
}
 
 
/*------------------- BLOCK--------------*/

#block{
border:1px solid #555;
padding:5px 15px 15px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
  -goog-border-radius:10px;

}

#block p{   
color:#798081; 
color:#706e6e; /*--------gris encore + clair----*/ 
color:#5A5E6B;

 font-family: 'Roboto Condensed'; 
 font-size:18px;
 line-height:1.6em;      
 color:#222;  
 text-align:justify;
 padding: 0;
}

#block a:link{
font-size:19px; 
color:#798081;
 color:#5A5E6B;
 font-weight: normal;

 font-family: 'Roboto Condensed'; 
 font-size:21px;
 line-height:1.6em;      
 color:#222;  
}  
 
 /*--------------  FIN BLOCK ------------*/ 

 /*--------------------------------------*/  

marquee{font-size:12px;
color:#FFFF00;
font-style:italic;
margin-top:10px;}

img{
	border:none;
}
 
img.sansBordure{border:none;}

a img{border:0px;
}

/*---------- DECLARATION LIST ---------*/
 
ul li{ list-style-type:none;
text-decoration :none;
 }

li{  
text-decoration :none;
}
a:link{text-decoration :none;
}

 
#copyrights{
width:35px;
height:40px;
background-image:url(../images/general/copie_interdite.jpg);
background-repeat:no-repeat;   
font-family: 'Roboto Condensed'; 
 float:right;
 }
  
#retour{
width:50px;
float:right;  
}

  
 /*---------------  NAV  -------------*/ 

#nav{
width:100%;
height:75px;
background-color:#527318;  
margin-top: 40px;
}

#nav ul { 
  margin-left:0;
  padding:20px 0 0 0 ; 
  text-align: center;
} 

#nav li{ 
display:inline;  
 
border-right:1px solid #fff;  
padding:0px 25px 0 25px ; 
}
  
#nav li:first-child{margin-left:0;}
#nav li:last-child{margin-right:0; border:none;}
 

#nav a:link{background-color:#63704b; /* vert kaki */
  font-size:22px;
  font-family:'PT Sans Narrow'; 
  color:#fff; 
}
 
#nav a:hover{ 
 font-family:'PT Sans Narrow'; 
 font-size:22px;
 color:#FF9900;
}

#nav a:visited{
  font-size:22px;
  color:#D58490;  /*    rose    */  
  color: #ff9900; /*    orange    */ 
}

#nav a:link, a:hover, a:visited {box-shadow:none;}
 

/*  ------    */

#cliquer{
width:1100px;
padding-top:5px;
margin-bottom:10px;
text-align:center;
color:#FFFF00;
font-size:13px;
font-style:italic;
float:left;
}

#tourne{
width:220px;
float:right;
}

#fleche{
width:50px;
text-align: center;
float:right;
}
 
#diaporama{
	width:100%;
	text-align:center;
}
 
 #livredor{
width: 1100px; 
margin-left: auto;
margin-right:  auto;
clear:both;
}

 #footer{ 
background-color: #000;
color:#fff;
text-align:center;
height: 60px;
padding-top:30px;
font-family:'PT Sans Narrow'; 
text-transform: uppercase;
font-size: 23px;
clear:both;
}
 
 
#clear{clear:both; }


/*----------FIN DES DECLARATIONS DES ID---------*/


/*----------DECLARATIONS DES CLASSES---------*/


.blanc{color:#fff;}
.noir{color:#000;}
.jaune{color:#ffff00;}
.gras{font-weight:bold;}


.legende {
font-family:'PT Sans Narrow'; 
font-family: 'Roboto Condensed'; 
 font-size:19px;
 color:#222; 
 
}

.date{
color:#ff0000;  
}
 
.liensgros{
  font-family: 'Comic Sans MS';
  font-size: 15px; 
  color: #FF6600;
}

.font15{
font-family:'PT Sans Narrow'; 
font-family: 'Roboto Condensed'; 
font-size:15px;
color:#5A5E6B;
color: #222;
}

.font17{
 font-family:'PT Sans Narrow'; 
 font-family: 'Roboto Condensed'; 
 font-size:17px;
  color:#5A5E6B;
  color: #222;
}

.font19{font-family:'PT Sans Narrow'; 
font-family: 'Roboto Condensed'; 
font-size:19px;
 
color:#706e6e; /*--------gris encore + clair----*/ 
color:#5A5E6B;
color: #222;
}

.font25{font-family:'PT Sans Narrow'; 
font-family: 'Roboto Condensed'; 
font-size:25px;
  
color:#706e6e; /*--------gris encore + clair----*/ 
color:#5A5E6B;
color: #222;
}
 
.arrondi{
  border:solid #FFFFFF 1px;
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
  -goog-border-radius:10px;
  padding:3px;
}

.ombre{
      border: 1px solid #20462C; 
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	-goog-border-radius:10px;
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -goog-box-shadow: 8px 8px 12px #aaa;  
 }

 .halo{
  text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;
}
 
.video{
  border:1px solid #ccc;
  background-color:#353535;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
  -goog-border-radius:5px;  
  box-shadow: 5px 3px 5px #000; 
   
}

.border{
 border: 1px solid #222; 
 padding:15px;
}

 
.home {float:left; font-family:'PT Sans Narrow'; margin-top:10px; margin-left:10px;}


/*----------FIN DES DECLARATIONS DES CLASSES---------*/


/* ---------   MENU DÉROULANT ACCUEIL -----------  */


#barre_nav{width:100%; 
} 

/* Fond et Bordure de la Barre de Navigation */

#barre_nav ul {  
  height:30pxnav;
  text-align: left;
  
}

#barre_nav li { font-family:'PT Sans Narrow';
display: inline-block;
float: none;
}

/* Police et Couleur des Liens */

#barre_nav li a {font-family:'PT Sans Narrow';
  font-size:20px;
  margin-right: 18px;
  color:#444;
  padding: 10px 8px 10px 8px;  
  border: 1px solid #444; 
  text-decoration: none;
}

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

#barre_nav li a:hover {font-family:'PT Sans Narrow'color:#FF9900;
}

#barre_nav li a:visited {font-family:'PT Sans Narrow';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: 0; /* 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: 5px; /* 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:20px;
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: #fff; /* Couleur des liens */
}
 
#barre_nav li ul a:hover, #barre_nav li ul li:hover > a {

color: #fff; /* Couleur des liens quand survolés par la souris */
background-color: #B061A2; /* rose Couleur du fond du lien quand survolés par la souris */
background-color: #c37c32; /* marron  Couleur du fond du lien quand survolés par la souris */
text-decoration: none;
}
 
#barre_nav li ul a:visited{color:#fff;}


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