/* CSS thème Nature */

/* propriétés générales de la page */
body{
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   width:95%;
   height:90%;
   padding:10px 30px 10px 30px;
   font-size: 12px;
   color:#008000;
   background-color:#838A94;
   background:url(images/mainbody_bg.jpg) repeat;
}

/************************************************************************
Les Différents LIENS Standards
*************************************************************************/
a, a:visited, a:link {
	color:#b5c905;
	text-decoration: none;
}

a:hover, a:active {
	color:#008000;
	text-decoration: underline;
}

/************************************************************************
L'entête
*************************************************************************/
#header {
  background-color:#b5c905;
  background:url(images/header.jpg) repeat;
}	

/************************************************************************
Le pied de page
*************************************************************************/
#pied_page {
	color:#008000;
	clear:both;
	text-align:center;
	padding:0px 0px 20px 0px; 
	background:url(images/module_bottom.png) bottom repeat-x;
}

#pied_page a:link, #pied_page a:visited {
   color:#000000;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
}

#pied_page a:hover, #pied_page a:active {
   color:#008000;
   font-size:12px;
   text-decoration:underline;
   cursor:pointer;
}

/************************************************************************
Les tableaux des listes de reproducteurs
*************************************************************************/
#tableau{
   color:#008000;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   width:100%;
}
	
#tableau a:link, #tableau a:visited {
   color:#b5c905;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}

#tableau a:hover, #tableau a:active {
   color:#008000;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}

/************************************************************************
Les tableaux des fiches individuelles
*************************************************************************/
table {
  width:100%;
  font-size:14px;
}

td { 
}

th {
   color:#000000;
   background:url(images/module_r_top2.png) bottom repeat-x;
}

/*sous tableau pour les infos détaillées de gauche */
.liste {
    font-size:11px;
	text-align:left;
	width:100%;
	color:#008000;
}
.liste th{
    font-size:11px;	
	color:#000000;
}

.liste a:link, .liste a:visited  {
	color:#FFFFFF;
}

.liste a:hover, .liste a:active  {
	color:#000000;
}

#rouge {
	font-size:16px;
	font-family:Verdana, Helvetica;
	font-weight:bold;
	color:red;
}
/************************************************************************
La ligne compteur
*************************************************************************/
.compteur {
    font-size:11px;
	text-align:center;
    padding:0px 0px 0px 20 px;
	width:80%;
	color:#008000;
}

/************************************************************************
Le menu horizontal
*************************************************************************/
#menu_horizontal {
	   /*background:url(images/header.png) bottom repeat-x;*/
	   padding:0px 0px 5px 0px; 
	   text-align:center;
	   height:40px;
       font-weight:bold;
	   width:100%;
}

#menu_horizontal li {
	margin-right:30px;
    list-style-type:none;
    display:inline;
}
	
#menu_horizontal a:link, #menu_horizontal a:visited {
   color:#b5c905;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
}

#menu_horizontal a:hover, #menu_horizontal a:active {
   color:#008000;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
}

/************************************************************************
Le chemin de fer
*************************************************************************/
#chemin_fer {	
	color:#000000;
	text-align:left;
	padding:10px 0px 10px 0px; 
	background:url(images/module_top.png) repeat-x;
	width:100%;
	height:20px;
	float:right;
    font-weight:bold;
}

#chemin_fer a:link, #chemin_fer a:visited {
   color:#b5c905;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
}

#chemin_fer a:hover, #chemin_fer a:active {
   color:#008000;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   font-weight:bold;
   cursor:pointer;
}

/************************************************************************
Le menu vertical
*************************************************************************/
#menu_vertical {  
	float:left;
	overflow:auto;
	width:20%;
	height:70%;
	/*background:url(images/bg_content_bloc-d.png) repeat;*/
    font-weight:bold;
}

#menu_vertical li {
	margin-left:25px;
	margin-right:15px;
    list-style-type:none;
	display:block;
    border-width:1px;
    border-style:solid;
	background:url(images/module_top.png) repeat-x;
	height:35px;
}

#menu_vertical a:link, #menu_vertical a:visited {
   color:#b5c905;
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
   display:block;
   border-width:1px;
   border-style:solid;
   padding:2px 3px;
   height:35px;
}

#menu_vertical a:hover, #menu_vertical a:active {
   color: #008000;
 
   font-size:12px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   font-weight:bold;
   cursor:pointer;
   height:35px;
}

/************************************************************************
Le bloc central
*************************************************************************/
/* bloc central uniquement crée pour uniformiser les hauteurs des deux blocs contenus (menu_vertical et contenu) */
#bloc_central {
}

#contenu {
	float:left;
	overflow:auto;
	width:80%;
	height:70%;
    color:#ffffff;
	font-size:12px;
	text-align:center;
	background:url(images/bg.jpg) repeat-x;
}
 
/************************************************************************
Agrandissement des images
*************************************************************************/
.thumb {
 height:75px; 
 margin:1px;
 margin-right:10px;
 float:left; 
 background-color:#D3D3D3; 
 display:block;
 cursor:pointer;
 align:center;
 } 

.thumb a {
 display:block;
 }

.thumb a:hover {
 position:absolute;	
 float:left;
 }	 
	
/*hack pour permettre le rollover de gauche à droite avec mozilla*/

body>.thumb a:hover {	  
 position:relative;	 
 }	
	
.thumb a img { 
 margin:0;
 padding:0;
 height:75px; 
 }

.thumb a:hover img {
 position:relative;
 left:0px;
 top:0px;
 height:400px;
 cursor:text;  
 } 

 /************************************************************************
Affichage des flux RSS
*************************************************************************/
.flux-RSS a:link, .flux-RSS a:visited {
   color:#b5c905;
   font-size:9px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}

.flux-RSS a:hover, .flux-RSS a:active {
   color:#ffffff;
   font-size:9px;
   font-family:Verdana, Helvetica;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}

.flux-RSS {
	color:#ffffff;
}

/*******************************************************************
Onglets
*******************************************************************/
.onglet
{
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    padding:3px;
    border:1px solid black;
    cursor:pointer;
	font-size:12px;
}
.onglet a
{
    color:#000000;
    text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
.onglet_n
{
    background:#b5c905;
    border-bottom:0px solid black;
	font-size:12px;
}
.onglet_y
{
    background:url(images/mainbody_bg.jpg) repeat;
    border-bottom:0px solid black;
    padding-bottom:4px;
	font-size:12px;
}
.contenu_onglet
{
    background:url(images/mainbody_bg.jpg) repeat;
    border:1px solid black;
    margin-top:-1px;
    padding:5px;
	color:#b5c905;
}
ul
{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:-10px;
}
h1
{
    margin:0px;
    padding:0px;
	text-align:center;
}

/*******************************************************************
News
*******************************************************************/

.news_titre
{
background:url(images/mainbody_bg.jpg) repeat;
color: #b5c905;
}

.news_texte
{
background:url(images/mainbody_bg.jpg) repeat;
color:#008000;
}
/*******************************************************************
Galeries
*******************************************************************/
.galeries  table{
	width: 90%;
	border: 1px solid #b5c905;
}

.galeries th{
    font-size: 13px;
	color: #000000;
	width: 100%; 
	text-align: left; 
	text-decoration:bold;
}

.galeries td {
	width: 20%;
	border: 1px solid #b5c905;
	text-align: center;
	color: #FFFFFF;
}

.galeries a, a:visited, a:link{
	color:#000000;
}

.galeries a:hover, a:active {
	color: #008000;
	text-decoration: none;
}

/************************************************************************
Scrolling des News
*************************************************************************/
#scrolling{
	width: 300px;
	height: 50px;
	margin: auto;
	border: 1px solid #b5c905;
	overflow: hidden;
	font-weight:bold;
	font-size: 11px;
	color:#008000;
}

#scrolling>div{
	text-align: justify;
	padding: 5px;
}

/************************************************************************
Affichage des News
*************************************************************************/
.cadre-actu {
	width: 300px;
	height: 100px;
    padding:0px 10px 0px 10px;
	border: 2px solid #b5c905;
	overflow: hidden;
	text-decoration: none;
	background:#b5c905;
	color:#008000;
}

.titre-actu {
	text-decoration: underline;
	font-size: 11px;
	color:#000000;
	font-weight:bold;
}

.texte-actu {
	text-decoration: none;
	font-size: 11px;
}