/* RAZ pref browser  et balises generiques*/
* {
margin: 0;
padding: 0;
}

body 
{
	margin: 0;
	padding: 0; 
    background: url(nature-grand-format.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;

}


/* gestion de la première page d'accueil */

#accueil 
{
	background:url(fond-conteneur.png) no-repeat center center fixed ;
}

#accueil object
{
	margin-bottom:20px;
	margin-top:20px;
}


#accueil h1
{
/*	color:#ea7d22;*/
	font-size:50px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
    font-family: Georgia,"Times New Roman",Times,serif;
	text-shadow: 8px 5px 5px rgba( 0, 0, 0, 1); */
	
}


#accueil h2
{
	color:#ea7d22;
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.5px;
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
	padding-top:5px;
   	text-shadow: 4px 3px 3px rgba( 0, 0, 0, 1);

}


a:focus, a:hover {
    color: #f62349;
    }

#bouton-acc
{
	margin-top: 400px;
}

#bouton-acc h1
{
	background: url(bouton1.png) repeat-x 0 0;
    padding: 20px;
    
    width: 190px;
    text-decoration: none;
}

#bouton-acc a
{

    text-decoration: none;
}


#texte-acc a
{
color:#ea7d22;
	text-decoration: none; 
/*    text-align:center;
	font-size: 30px;
    margin: 10px;	 
    padding: 10px; */
}


/* FIN gestion de la première page d'accueil */

/* gestion des classes*/

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


.rose
{
color: #fc699d;
text-shadow: 2px 2px 3px white;
}

.rouge
{
color: #FF0000;
}

.bleu
{
color:#0000a4;
}

.jaune
{
color:#ffff52;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-bottom: 1px;
    margin-top: 1px;
    }

/* FIN des classes*/

#plushaut 
{
	font-size:9px;
/*	margin-left:790px; */
}

/* titre en haut et bannière */
#hauta
{
	height: 60px;
/*	background-color:#FF9; */
	margin-bottom:5px;
	margin-top:10px;
/*	background-image: url(banniere.png);	*/
}

#hauta h1
{
	text-align:center;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	color: #C03;
}
#hauta a
{
}

#hauta a:hover
{
}


#hauta img
{
	border:none;
}


#pied /* balises de pied de page */
{
	font-size: 14px;
    font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #009;
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	color: #463ca2;
	font-style: italic;
	 z-index: 1;
}
#pied a
{
	margin-left:5px;
	color:#463ca2;
}

#pied a:hover
{
	color:#2000a3;
}

/* fin du pied */


#fiche
{
	padding-left:5px;
}

#fiche h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #00C;
	text-align:center;
    margin:10px 2px 2px;
    
}

#fiche p
{

	font-size: 14px;
    font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #009;
    margin: 5px 5px 5px 5px;

}

/* boite principal */
#conteneurp
{
	width: 1100px; 
	height: auto;
	margin-left:auto;
	margin-right:auto;	
}

#sur_conteneur
{
	width: 970px; 
	height: auto;
	margin-left:auto;
	margin-right:auto;	
}


#conteneur
{
/*	width: 1100px; */
	height: auto;
	text-align: left;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
}

#conteneur h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
/*	color: #00C; */
	text-align:center;
}

#barre_gauche
{
margin-top:60px;
	float: left;
	width: 100px;
	height:380px;
}



/* menu vertical colonne de gauche */
#colonne_gauche
{
	float: left;
	width: 180px;
    font-family: Georgia,"Times New Roman",Times,serif;
	/*font-family: Verdana, Geneva, sans-serif;*/
    background:url(cadre-fond.png);	
	height:480px;
}

#colonne_gauche h1
{
	margin:10px 2px 2px;
	text-align:center;
	color: #C03;
	font-size: 16px;
	font-weight: bolder;
   	font-style: italic; 
}
#colonne_gauche h2
{
	margin:2px 2px 2px;
	text-align:center;
	color: #006;	
	font-size: 14px;
}




/* début menu gauche  */
ul#menu_gauche
{
	width: 170px;
	height:auto;
/*	margin-top:15px; */
 	margin-left:2px; 
	list-style-type: none ;
	font-size: 12px;

}
ul#menu_gauche li
{
	text-align: center ;
	margin-top:15px; 
	
}
ul#menu_gauche li a
{
	/*	line-height: 32px;*/
	font-weight: bolder;
	display: block;

/*	color:#006;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

ul#menu_gauche li a:hover
{
	/*background: url("btnon.png") ;  */
	color:#cc0000;
}


/* fin menu et colonne  de gauche */

/* menu vertical colonne de droite */
#colonne_droite
{
	float: right;
	width: 180px;
	font-family: Verdana, Geneva, sans-serif;	
    background:url(cadre-fond.png);
    height:480px;	
}

#colonne_droite h1
{
	margin:2px 2px 2px;
	text-align:center;
	color: #C03;
	font-size: 16px;
	font-weight: bolder;
	font-style: italic;   
}
#colonne_droite h2
{
	margin:2px 2px 2px;
	text-align:center;
	color: #006;	
	font-size: 14px;}


/* fin colonne de droite  */

#contenu_sec
{
	overflow: hidden;
	margin: 20px 20px 2px 20px;

}


#contenu_sec_simply
{
	overflow: hidden;
	margin: 20px 20px 2px 20px;
   height:730px;

}

#contenu_sec_simply h1 /*titre principal  */
{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-0.25px;
	margin:15px 15px 15px;
	padding:0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
	color:#C00;
    	/*font-style: italic;*/
}

#contenu_sec_simply h2 /*titre secondaire */
{
	color:#C00;
	font-size:26px;
	font-weight:bold;
	letter-spacing:-0.5px;
	margin:8px 10px 5px;
   text-align:center; 
}

#contenu_sec a
{
/*	text-decoration: none; */
/*    color:#ffff79; */
/*		color:#0000a4; */
}

#contenu_sec h1 /*titre principal  */
{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-0.25px;
	margin:15px 15px 15px;
	padding:0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;

    	font-style: italic;
}

#contenu_sec h2 /*titre secondaire */
{
/* 	color:#ffff79; */ 
/*	color:#008000; */
	font-size:25px;
	font-weight:bold;
	letter-spacing:-0.5px;
	margin:8px 10px 5px;
   text-align:center; 
   font-family: Georgia, "Times New Roman", Times, serif;
}

#contenu_sec h3 /*titre secondaire */
{
/*	color:#ffff34; */
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
}

#contenu_sec h3 a /*titre secondaire */
{
	color:#ffff34;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;
}

#contenu_sec h1 a /*titre secondaire */
{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-0.25px;
	margin:15px 15px 15px;
	padding:0 0 0;
    font-family: Georgia,"Times New Roman",Times,serif;
/*font-family: Verdana, Geneva, sans-serif;*/
	
    	font-style: italic;
}

#contenu_sec  a 
{
 text-decoration: none;
 }

#contenu_sec h4 /*titre secondaire */
{
	color:#164fe5;
	font-size:16px;
	font-weight:bold;
/*	letter-spacing:-0.5px;*/
/*	text-align:center;*/
	text-align:left;
}

#contenu_sec h5 /*titre secondaire */
{
	color:#000;
	font-size:16px;
	font-weight:bold;
   	text-align:left;
}

#contenu_sec h6 /*titre principal  */
{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.25px;
	margin:10px 10px 10px;
	padding:0 0 0;
font-family: Verdana, Geneva, sans-serif;
	color: #009;
    	font-style: italic;
}

#contenu_sec h7 /*titre secondaire */
{
	color:#ffff34;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.5px;
}

#mail 
{
	font-size: 30px;
	color:#ffff34;
	font-size:20px;
    text-decoration:underline;

}
#mail2 
{
	font-size: 30px;
	color:#FF0000;
	font-size:20px;
    text-decoration:underline;

}
#contenu_sec p /*texte */
{
	text-indent: 0px;
	font-size: 14px;
    font-weight:bold;
    text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	color: #009;
    margin: 12px 10px 10px 10px;
    
}


#contenu_sec img /*image*/
{
	margin: 5px 5px 5px 5px;
	/* border-style:hidden; */
	border: none;
	
}

#contenu_sec td
{
font-family: "Times New Roman", Times, serif;	
font-size: 14px;
}




img#diapo 
{
	padding:5px 5px 5px 5px ;
border:medium solid #006;

}


img.image {
	border: none;
	padding:5px 5px 5px 5px ;
}



img.rien {
border-style:hidden;
}


#contenu_sec ul /*liste*/
{
	margin: 5px 5px 5px 5px;
}



#contenu_sec li /*liste*/
{
	font-size: 14px;
    font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #009;
    /*margin: 8px 8px 8px 8px; */
    margin-left:50px;
    margin-top: 10px;
}

#titre-moyen h2 {
	color: #008000;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.5px;
}

#liste li {
	font-size: 16px;
    font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #008000;
    margin-top: 10px;
   	text-align:center;	
}

#liste_debut li {
	font-size: 20px;
    font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #ff0000;
    margin-top: 10px;
}

#tableau
{
	margin-left:8px;
	margin-right:8px;
}


#tableau th  {
	color: black;
	font-size: 10px;
	text-align: center;
	background-color: #F60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	padding-left:20px;
	padding-right:20px;

}

#tableau td  {
/*	font-size: 14px; */
/*	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px; */
}

#contact
{
	color:#ff0000;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-align:center;

}




/* Fin declaration des pages ---------------------------------------------------*/


/* Debut formulaire */
td.gauche 
{
	text-align: right ; 
	font-size: 14px;
	font-weight: bold;
	color:#046393;
	padding:5px;
}

td.droite
{
	text-align: left ; 
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	
}
input.texte
{
    padding:2px;
	width:13em;
	border: solid 0.1em #f77f00;
	background-color:#fff;
	color:#000;
}

input.nombre
{
    padding:2px;
	width:3em;
	border: solid 0.1em #f77f00;
	background-color:#fff;
	color:#000;
}

select.texte
{
    padding:2px;
	width:13em;
	border: solid 0.1em #f77f00;
	background-color:#fff;
	color:#000;
}

fieldset
{
	padding: 1em 1em 1em; 
	margin: 1em 1em .5em; 
	border: solid 0.16em #184d26;
	width:700px;
	background-color:#eff8eb;
	margin-left:auto;
	margin-right:auto;	
}
legend
{
	padding: 0 .5em;
	margin: .7em .5em;
	letter-spacing: .1em;
	
}
textarea 
{
display:block;
border:solid 0.1em #f77f00;
background-color:#fff;
}

input.element_radio
{
margin-bottom: .2em;
background-color:#fff;
}

h2#form
{
		font-size: 14px;
		color:#046393;
		text-align:left;
}

/* fin formulaire */




/* flux rss */
.news_box_title{
	font-family:Arial,serif;
	font-size:16px;
	font-weight:bold;
	padding:2px;
	color:#737BDD;
	background-color:#FFCC88;
	margin-bottom:5px;
}

.news_box{
	margin:10px;
	border: 1px solid;
	padding:5px;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.news_box_date{
	font-size:12px;
	font-style:italic;
	text-align:right;
	margin-bottom:5px;
}




/* menu deroulant--------------------------------------------------------------------------------*/
#menu_pr, #menu_pr ul /* Liste */     
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 25px; /* on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	/* background: url(lr_menu.gif) repeat-x 0 -25px; */
	background-color:#e67e00;
/*	display: inline;	 	 */
}
#menu_pr /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : "Verdana", cursive; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 16px; /* hauteur du texte : 12 pixels */
	letter-spacing: 2px;
	color: #fff;
	height: 30px;
	padding-left:8px;
*/
}

#menu_pr a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
/*	background: url(lr_menu.gif) repeat-x 0 -25px ;        */
	background-color:#e67e00;
    color : #fff; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : 170px; /* largeur */
	margin-top:3px;
}
#menu_pr li /* Éléments des listes */      
{ 
        float : left; /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
 html>body #menu_pr li
{
       border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
   	/* line-height: 15px ;  */
} 

#menu_pr li ul /* Sous-listes */
{ 
     position: absolute; /* Position absolue */
     width: 100px; /* Largeur des sous-listes */
     left: -999em; /* Hop, on envoie loin du champ de vision */
     font-weight : bold; /* on met le texte en gras */
     font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
     font-size : 11px; /* hauteur du texte : 12 pixels */
     letter-spacing: 1px ;
	 color: #000 ;
	 line-height: 15px ;
	 

}


#menu_pr li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_pr li ul li
{
    border-top : 1px solid ;/*transparent; /* on met une bordure transparente en haut de chaque élément */
	  line-height: 22px;
	  border-color:#FFF
	  
	  
}

#menu_pr a:hover /* Lorsque la souris passe sur un des liens */    
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
	/* height:28px; */

}

#menu_pr li:hover ul ul, #menu_pr li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_pr li:hover ul, #menu_pr li li:hover ul, #menu_pr li.sfhover ul
  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* ligthbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }