body {

margin: 0;/* sans marges, la page sera collée aux bords */
padding: 15px;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
text-align: center;
background-color:#e8e8e8;
}

.center_table {
margin-left:auto; margin-right:auto;
}

.cadre_entete {
width: 760px;
border: 0px;
padding: 0px;
margin: 0px;
}

.cadre_entete_photo {
width: 840px;
border: 0px;
padding: 0px;
margin: 0px;
}

.logo {
display: block;
border: 0px;
padding: 0px;
height: 107px;
margin: 0px;
}

.logo_photo {
background-image: url("maquette/entete_photo.jpg");
height: 62px;
}
.titre_photo {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
font-size:20px;
margin-left:30px;
padding-top:25px;
font-style:italic;
font-weight:900;
color:white;
text-align: left;
}

.cadre_menu_horizontal {
background-image: url("maquette/fond.jpg");
height: 20px;
width: 560px;
height: 40px;
}

.cadre_recherche {
background-image: url("maquette/fond_droite.jpg");
padding-top:10px;
width: 200px;
height: 40px;
margin:0px;

}

.cadre_menu_horizontal_photo {
background-image: url("maquette/fond_photo.jpg");
height: 20px;
width: 840px;
height: 40px;
}

.cadre_article {
background-image: url("maquette/fond.jpg");
width: 560px;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
letter-spacing: 0.2px;
line-height: 17px;
vertical-align:top;
}
.cadre_categorie {
background-image: url("maquette/fond.jpg");
width: 560px;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
letter-spacing: 0.2px;
line-height: 17px;
vertical-align:top;
}
.cadre_photo {
background-image: url("maquette/fond_photo.jpg");
width: 800px;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
letter-spacing: 0.2px;
line-height: 17px;

}

.photo {
display: block;
border : 3px solid #d3d3d3;
padding: 0px;
margin-left:auto; margin-right:auto;
}
.zone_photo
{
text-align: center;
width:840px;
}
.cadre_menu_vertical {
background-image: url("maquette/fond_droite.jpg");
width: 200px;
vertical-align:top;
}
.cadre_menu_vertical_galerie{
background-image: url("maquette/fond_droite.jpg");
width: 200px;
vertical-align:top;
text-align:left;
}




.cadre_pieddepage {
background-image: url("maquette/pied_de_page.jpg");
width: 760px;
height: 63px;
}

.cadre_pieddepage_photo {
background-image: url("maquette/pied_de_page_photo.jpg");
width: 840px;
height: 63px;
}

.menu_horizontal {
font-family: verdana, arial, sans-serif;
font-size: 10px;
margin-left: 0px;
}
.menu_horizontal_photo {
font-family: verdana, arial, sans-serif;
font-size: 12px;
margin-left: 25px;
}

div.pub{
text-align: justify;
font-size: 9px;
margin-right : 20px;
}

a.pub {
text-align: justify;
font-size: 9px;
text-decoration: none;
color: #000000;
}


a.vert:link {
text-decoration: none;
color: #5D8141;
}
a.vert:visited {
text-decoration: none;
color: #5D8141;
}
a.vert:hover {
text-decoration: underline;
color: #5D8141;
}
a.vert:active {
text-decoration: underline;
color: #5D8141;
}
a.lien_vignette:link, a.lien_vignette:visited {
text-decoration:none;
color: #5D8141;
}
a.lien_vignette:hover, a.lien_vignette:active {
text-decoration:none;
color: #3FA363;
}

a.lien_vertical:link, a.lien_vertical:visited {
text-decoration:none;
color: #3FA363;
}
a.lien_vertical:hover, a.lien_vertical:active {
text-decoration:underline;
color: #3FA363;
}

a.menu_horizontal_photo_lien:link, a.menu_horizontal_photo_lien:visited {
text-decoration:none;
color: #3FA363;
}
a.menu_horizontal_photo_lien:hover, a.menu_horizontal_photo_lien:active {
text-decoration:underline;
color: #3FA363;
}

.zone_article {
margin-left: 50px;
margin-right: 50px;
text-align: justify;
}

.zone_categorie {
margin-left: 20px;
margin-right: 20px;
text-align: justify;
}

.zone_vignette {
float: left;
font-size: 7pt;
text-align: center;
margin-bottom:20px;
width: 250px;
}

h1.titre_article {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
color: #5D8141;
font-size: 20px;
}

h1.titre_categorie {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
color: #5D8141;
font-size: 20px;
margin-left:25px;
text-align:left;
}

.zone_pieddepage {
font-size: 10px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}

.classif {
font-size: 10px;
text-align: left;
line-height: 13px;
}

.table_photo_classif {
width:790px;
}

.fleches_controle {
width: 150px;
text-align:right;
}
.classif_photo_haut {
font-size: 10px;
text-align: left;
line-height: 13px;
padding-left:10px;
}
.classif_photo_bas {
font-size: 10px;
text-align: left;
line-height: 13px;
padding-left:100px;
}

.espece {
font-size: 13px;
color: #555555;
font-weight:bold;
text-align: left;
font-style: italic;

}

.espece_photo {
font-size: 12pt;
font-weight:bold;
text-align: left;
font-style: italic;
padding-left:100px;
padding-top:20px;
}


.vignette {
border-style: solid;
border-width:1px;
border-color: #A0A0A0;
float: left;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-top:0px;

}

.vignette_categorie {
border-style: solid;
border-width:1px;
border-color: #A0A0A0;
margin-left: 10px;
margin-right:10px;
max-width: 240px;
height: 158px;

}

.spacer {
clear: both;
line-height: 1px;
}

.nom_latin {
font-size:10pt;
font-style:italic;
padding-left:100px;
text-align: left;
}

.cadre_info_animal {
background-image: url("maquette/fond_photo.jpg");
width:520px;
}
.info_article{
text-align: left;
margin-left: 100px;
}

.cadre_info_photo {
background-image: url("maquette/fond_droite_photo.jpg");
width: 320px;

}

.details_photo{
font-size:10pt;
margin-top:10pt;
margin-bottom:10pt;
text-align: left;
}


.categories {
font-size : 10pt;
margin-top: 10px;
margin-bottom: 10px;
}

.listcat_animaux{
font-size:11pt;
padding-left:0px;
}

.listcat_embranchement{
font-size:11pt;
padding-left:0px;
}


.listcat_classe{
font-size:10pt;
padding-left:20px;
}

.listcat_ordre{
font-size:9pt;
padding-left:40px;
}

.listcat_famille{
font-size:9pt;
padding-left:60px;
}

.compteur {
color: #999999;
font-size:8pt;
}

div.nombre_page {
text-align: center;
}
a.lien_nombre_page_active {
color: #3FA363;
text-decoration: underline;
}
a.lien_nombre_page:link, a.lien_nombre_page:visited {
color: #3FA363;
text-decoration: none;
}
a.lien_nombre_page:hover, a.lien_nombre_page:active {
color: #3FA363;
text-decoration: underline;
}

.img_rss {
border: 0px;
margin-bottom:10px;
}

.img_arrow {
border: 0px;
}
.img_licence {
border: 0px;
vertical-align: bottom;
margin-right:10px;
}
div.licence {
font-size:10pt;
text-align: left;
}
.compteur_resultats{
font-size:8pt;
}

.img_left {
margin-right:10px;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
float:left;
border-style: solid;
border-width:1px;
border-color: #A0A0A0;
}

.img_left_noborder {
margin-right:10px;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
float:left;
}

.img_right {
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
margin-left:10px;
float:right;
border-style: solid;
border-width:1px;
border-color: #A0A0A0;
}

.img_right_noborder {
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
margin-left:10px;
float:right;
}

.liste_nouveaux{
text-align: left;
font-size:8pt;
}

.corps_article{
margin-bottom: 30px;
}

.derniers{
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
text-align: left;
font-weight: bold;
color: #555555;
font-size:10pt;
font-style: italic;
}

.titre_recherche_articles{
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
text-align: left;
font-weight: bold;
color: #555555;
font-size:10pt;
font-style: italic;
}

.zone_resultats_articles{
text-align: justify;
margin-left:40px;
margin-right:55px;
font-size:10pt;
}

.date_livre{
font-size:8pt;
font-style:italic;
}

.commentaire_livre{
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
border-style:dotted;
border-color:#555555;
border-width:1px;
}

a.image_livre_lien:link, a.image_livre_lien:visited {
text-decoration:none;
}
a.image_livre_lien:hover, a.image_livre_lien:active {
text-decoration:none;
}

img.image_livre {
border:0px;
float: left;

margin-bottom:5px;
margin-right:20px;

}