/* CSS Document Entretiens de la Biodiversité */


/****************************************************** definition des BALISES HTML****************************************************************/
body{
margin:0px;
padding:0px;
/*background-color:#2b4311;
background-image:url(images/body_bg.png);
background-position:bottom;
background-repeat:repeat-x;*/
background:url(images/body_bg.png) fixed bottom repeat-x;
background-color:#2b4311;
}

HR{
height: 3px;
margin-bottom:10px;
color: #2b4311;
background-color: #2b4311;
border:0px;
}

H1{
/*Utilisé pour les titres*/
font-size:16px;
font-weight:bold;
color:#2b4311;
margin:0px;
padding:0px;
text-align:left;
text-transform:uppercase;
}

H2{
/*utilisé pour*/
font-size:16px;
font-weight:bold;
color:#2b4311;
margin:0px;
padding:0px;
text-align:left;
}

H3{
font-size:13px;
font-weight:bold;
color:#2b4311;
margin:0px;
padding:0px;
text-align:left;
}

ul{
margin:0px;
padding-left:15px;
text-indent:0px;
}

li{
margin:0px;
padding:0px;
text-indent:0px;
}

td{
text-align:left;
}

/********************************************************** Mise en forme pour TEXTE ***************************************************************/
/*ATTENTION : certains styles sont défini dans la structure du site afin d'obtenir un style par "défaut"*/

.TxtBold14{
font-size:14px;
font-weight:bold;
}

.rouge{
color:#FF0000;
}

.separator{
margin-bottom:5px;
padding:0px;
display:block;
width:100px;
height:5px;
border-bottom:1px #2b4311 solid;
}

/********************************************************** STRUCTURE du site *********************************************************************/
.conteneurGal{
/*block contenant l'ensemble du site*/
position:absolute;
margin-left:-400px;
left:50%;
padding:0px;
display:block;
width:800px;
height:auto;
}

.header{
/*image d'entête*/
margin:0px;
padding:0px;
display:block;
width:800px;
height:179px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}

.conteneurContenu{
/*conteneur comportant les menus et le contenu du site*/
margin:0px;
padding:0px;
display:block;
width:800px;
height:auto;
background-image:url(images/contenu2.jpg);
background-repeat:repeat-y;
float:left;
}

.conteneurMenu{
/*Conteneur contenant le menu*/
margin-left:35px!important;/*pris en compte uniquement par mozilla et IE7*/
margin-left:18px;
padding:0px;
display:block;
width:730px !important;/*pris en compte uniquement par mozilla et IE7*/
width:728px;
height:20px;
float:left;
background-color:#97bf0d;
/*border:1px solid #2b4311;*/
}

.shadowright{
/*ombrage de droite du block contenu*/
margin:0px;
padding:0px;
display:block;
width:35px;
height:20px;
background-image:url(images/shadowright.jpg);
background-repeat:no-repeat;
/*background-color:red;*/
float:left;
}

.menu a{
/*definition du style général du menu*/
margin:0px;
padding-left:11px;
padding-right:11px;
display:block;
width:auto;
height:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
line-height:20px;
color:#2b4311;
text-decoration:none;
/*border-right: 1px #2b4311 solid;*/
}

.menu a:link, .menu a:visited{
/*menu non visité et visité*/
background-color:#97bf0d;

}

.menu a:hover{
/*menu survolé*/
background-color:#d3f28c;
}

.menu a:active{
/*menu actif seulement sous IE*/
background-color:#d3f28c;
}

.contenu{
/*block de contenu*/
margin-left:35px !important;/*pris en compte uniquement par mozilla et IE7*/
margin-left:19px;
padding:20px;
display:block;
width:690px!important;/*pris en compte uniquement par mozilla et IE7*/
width:680px;
height:auto;
min-height:401px;
background-color:#ece8ce;
float:left;

/*Definition des styles de texte par défaut*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

.contenuDoc{
/*block de contenu de la page "documentation et liens" diffère par le fond*/
/*block de contenu*/
margin-left:35px !important;/*pris en compte uniquement par mozilla et IE7*/
margin-left:19px;
padding:20px;
display:block;
width:690px!important;/*pris en compte uniquement par mozilla et IE7*/
width:680px;
height:auto;
min-height:401px;
background-color:white;
background-image:url(images/contenuDoc.jpg);
float:left;

/*Definition des styles de texte par défaut*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

.ssMenu{
/*block "sous menu" utilisé dans la page "documentation et liens"*/
padding:0px 20px 0px 20px;
display:block;
width:120px;
height:auto;
min-height:600px;
/*background-color:#97bf0d;*/
float:left;
}

.ssMenu a:link, .ssMenu a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
color:#2b4311;
text-decoration:none;
}

.ssMenu a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
color:#97bf0d;
text-decoration:underline;
}

.affichage{
/*block comportant les info de la page "documentation et liens"*/
padding:0px 0px 0px 20px;
display:block;
width:509px !important;/*pris en compte uniquement par mozilla et IE7*/
width:499px;
height:auto;
min-height:401px;
float:left;

/*Definition des styles de texte par défaut*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

.shadowContenuBas{
/*ombrage du bas du block contenu*/
margin:0px;
padding:0px;
display:block;
width:800px;
height:20px;
background:url(images/shadowbas.jpg);
background-repeat:no-repeat;
float:left;
}

.footer{
/*block en bas de page*/
/*margin-left:35px!important;/*pris en compte uniquement par mozilla et IE7*/
/*margin-left:19px;*/
margin:0px;
padding:0px;
display:block;
width:800px;
height:45px;
background-color:#2b4311;
float:left;

/*definition des styles de texte par défaut*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#FFFFFF;
}

.footer a:link, .footer a:visited, .footer a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#FFFFFF;
background-color:#2b4311;
}

/*********************************************************  Mise en forme des articles  **************************************************************/


.info_lien{
display:block;
height:50px;
line-height:50px;
text-align:center;
cursor:pointer;
background-color:#96bd07;
color:white;
font-size:16px;
font-weight:bold;
clear:both;
}

.bt_develop
{
cursor:pointer;
text-align:right;
font-size:14px;
font-weight:bold;
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
background:#96bd07;
color:white;
}

.bt_develop:hover
{
background:#96bd07;
color:white;
font-family:Arial, Helvetica, sans-serif;
}

.article_bloc{
background:white;
border:3px solid #2b4311;
padding:0px;
margin:0px;
}

.article_img_texte{
margin:0px;
padding:20px;
}

.article_img{
float:left;
padding:0px;
margin:5px;
}

.article_intro{
margin-left:210px;
padding-left:20px;
}

.article_complet{
display:none;
margin-left:210px;
padding-left:20px;
}

#pagination{
display:inline;
text-align:center;
}

.pagination{
display:inline;
color:#96bd07;
text-align:center;
}

.pagination input{
display:inline;
color:#96bd07;
background:white;
border:2px solid #96bd07;
}