@charset "utf-8";
body {font:100% Verdana, Arial, Helvetica, sans-serif;background:#fff;margin:0;padding:0;text-align:center;color:#000}
img{border:none}
img.extensible,.extensible{width:100%}
ul{list-style-type:none;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left}
blockquote{margin:0;padding:0}
#container{width:100%;margin:0 auto;border:1px solid ##ffc251;text-align:left}
/* head*/
#header{padding:0 10px 20px 10px}
#header #bandeau{margin:0 20px}
.chenehead{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.8em;color:#000;text-align:right;margin:10px 20px 0 0}
.chenehead span{display:block;float:right;padding-left:15px}
/* menu horizontal*/
#menuh{margin:10px 20px 0 20px; padding:5px 0 22px 0;border-top:1px solid #000;border-bottom:1px dotted #000}
.menuchene{font-size:.8em;font-weight:bold;}
.menuchene li{float:left;margin:0 20px 0 0;padding-left:15px;background:url("../images/icones/fleche_chene.gif") center left no-repeat}
.menuchene li.grande_fleche{float:left;margin:0 20px 0 0;padding-left:25px;background:url("../images/icones/gdfleche_menuchene.gif") center left no-repeat}
/* colonne gauche*/
#colgche{float:left;width:18%;margin:15px 0 0 30px}
/* menu vertical*/
.menupole,.menucentre {margin:0 0 5px 0;padding:0;font-size:.8em}
.menupole_titre,.menucentre_titre{padding:5px 0 5px 25px; margin:0 0 5px 0;border-top:1px solid #000;border-bottom:1px dotted #000}
.menupole_titre{background:url("../images/icones/gdfleche_menupole.gif") center left no-repeat}
.menucentre_titre{background:url("../images/icones/gdfleche_menucentre.gif") center left no-repeat}
.menupole ul,.menucentre ul{margin:0 5px 5px 25px;padding:0 0 5px 0;border-bottom:1px dotted #666}
.menupole li ul,.menucentre li ul{padding:0;margin:0 0 0 12px;border:none}
.menupole li li,.menucentre li li{font-size:.9em;margin:5px 0 0 0;font-weight:none}
.menupole li li li,.menucentre li li li{margin:5px 0 0 10px;line-height:100%}
ul.menupole_fin{border:none}
/* mainContent */
#mainContent{margin: 0 2.5% 0 23.5%;padding:0 5px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;text-align:justify}
#mainContent .vousetesici{padding:3px 0;border-top:1px dotted #333;border-bottom:1px dotted #333;font-size:.7em}
h1{margin-bottom:50px;font-size:2.7em;font-weight:bold;letter-spacing:-.1em;text-align:left}
.titre{margin-bottom:50px;font-size:2.7em;font-weight:bold;letter-spacing:-.1em;text-align:left}
#mainContent .h1{margin-bottom:40px}
#mainContent .h1 p,#mainContent p.h1{font-size:.8em}
.h3,#container #mainContent .h3,#container .TabbedPanelsContent .h3{margin:0 10px 50px 10px;padding:0 20px 0 15px}
.h3 p,#container #mainContent .h3 p,#container .TabbedPanelsContent .h3 p,p.h3,#container #mainContent p.h3,#container .TabbedPanelsContent p.h3,#container #mainContent .h3 ul,#container .TabbedPanelsContent .h3 ul{font-size:.8em}
#mainContent p.som{padding:2px 1px 5px 25px;margin:30px 0 2px 25px;color:#000;font-size:.8em;font-weight:bold;background:url(../images/icones/gdfleche_sommaire.gif) no-repeat}
#mainContent ul.sommaire{width:60%;margin:0 0 40px 50px;padding:10px 0 30px 0;border-top: 2px solid #000}
#mainContent ul.sommaire li{padding:0;font-size:.8em;border-bottom: 1px dashed #ccc}
#mainContent ul.sommaire ul{margin-left:20px}
#mainContent ul.sommaire ul li{padding:2px 0 5px 0}
#container #mainContent .chapitre{margin:10px 0;padding:0}
#container #mainContent .chapitre h2.titre_chapitre,#container .TabbedPanelsContent .chapitre h2.titre_chapitre,#container .chapitre h2.titre_chapitre
{margin:0;padding:10px 0 30px 0;color:#000;font-size:1.5em;font-weight:bold}
#container #mainContent .chapitre h2.titre_chapitre span.note,.TabbedPanelsContent .chapitre h2.titre_chapitre span.note
{display:block;margin:0;padding:5px 0;border:none;font-size:.4em;font-weight:normal}
#container #mainContent .chapitre h2.titre_chapitre span.note a,.TabbedPanelsContent .chapitre h2.titre_chapitre span.note a{color:#000;font-weight:normal}
#container #mainContent .chapitre h2.titre_chapitre span.maj,.TabbedPanelsContent .chapitre h2.titre_chapitre span.maj
{padding-right:10px;color:#6882C3;font-weight:normal}
#container #mainContent .chapitre p,#container .TabbedPanelsContent .chapitre p,#container .chapitre p,#container #mainContent .chapitre ul,#container .TabbedPanelsContent .chapitre ul
{font-size:.8em}
#container #mainContent .sous_chapitre{margin:50px 0 0 25px;padding:0}
#container #mainContent .sous_chapitre h3.titre_sous_chapitre,#container .TabbedPanelsContent .sous_chapitre h3.titre_sous_chapitre,#container .sous_chapitre h3.titre_sous_chapitre{margin:0;padding:2px 0 30px 0}
#container #mainContent .fleche_noire_gche,#container #mainContent .TabbedPanelsContent .fleche_noire_gche{width:48%;margin:0 0 20px 0;padding:10px 0 0 0;float:left}
#container #mainContent .fleche_noire_dte,#container #mainContent .TabbedPanelsContent .fleche_noire_dte{margin:0 0 20px 52%;padding:10px 0 0 0}
#container #mainContent .fleche_noire_titre{margin:0 0 15px 0;padding:0 0 9px 25px;border-bottom:2px solid #000;font-size:.8em;font-weight:bold;background:url(../images/icones/gdfleche_sommaire.gif) no-repeat}
#container #mainContent .fleche_gris_titre{margin:0 0 15px 0;padding:0 0 9px 25px;border-bottom:2px dotted #ccc;font-size:.8em;font-weight:bold;background:url(../images/icones/gdfleche_gris.gif) no-repeat;color:#999}
#container #mainContent .fleche_gris_titre span{font-size:.8em;font-weight:normal;padding:0 0 0 10px}
#container #mainContent .fleche_pole_titre{margin:0 0 15px 0;padding:0 0 9px 25px;border-bottom:2px dotted #A0BF02;font-size:.8em;font-weight:bold;background:url(../images/icones/gdfleche_menupole.gif) no-repeat;color:#A0BF02}
#container #mainContent .fleche_chene_titre{margin:0 0 15px 0;padding:0 0 9px 25px;border-bottom:2px dotted #FCB322;font-size:.8em;font-weight:bold;background:url(../images/icones/gdfleche_menuchene.gif) no-repeat;color:#FCB322}
#container #mainContent .h1 div.encart{margin:20px 0 0 0}
#container #mainContent div.encart{margin:0 0 0 55%;padding:0 0 30px 0;background:url(../images/icones/coin_bas.gif) no-repeat bottom right}
#mainContent div.encart h3.encart_titre{margin:0 30px 15px 0;padding:30px 0 0 30px;font-size:1em;color:#000;text-align:left;background:url(../images/icones/coin_haut.gif) no-repeat top left}
#container #mainContent div.encart h3.encart_titre span{padding-left:12px}
#mainContent div.encart p,#mainContent div.encart table{margin:0 30px 0 60px;padding:0;font-size:.8em;text-align:justify}
#mainContent div.encart .encart_exergue{margin:20px 30px 10px 60px;padding:2px 0;border-top:1px dotted #A0BF02;font-size:1em;color:#A0BF02;font-weight:bold}
#mainContent h4.nom{margin:0 0 40px 0;padding:0;font-size:.9em;color:#E2E0E0}
#mainContent div.identite{margin:20px 0;padding:20px;border:3px solid #E2E0E0}
#mainContent div.identite h3.espece{margin:0;padding:0;font-size:1.1em;color:#6882C3}
#mainContent div.identite h3.espece em{font-size:.9em;font-weight:normal;color:#000}
#mainContent div.identite p.identite_photo{float:right;margin:0;padding:0}
#container #mainContent div.identite table.renseignements{clear:right;margin:20px auto;padding:0;border-collapse:collapse}
#container #mainContent table.renseignements td{padding:0;vertical-align:top;font-size:.7em;border-bottom:1px dotted #6882C3}
#container #mainContent table.renseignements td.données{width:120px;color:#6882C3}
/* class telecharger */
table.telecharger{margin:0 0 5px 0}
table.telecharger td{vertical-align:top}
table.telecharger td.intitule{padding:0 6px 0 3px;font-size:.7em}
table.telecharger a,p.telecharger a{color:#000}
.chene table.telecharger a:hover,p.telecharger a:hover{color:#FCB322}
.pole table.telecharger a:hover,p.telecharger a:hover{color:#A0BF02}
/* page Index - Déroulant Actu */
#container #mainContent #myAccordion table.telecharger td.intitule{font-size:.95em}
#container #mainContent table.personnel{width:100%;margin:0 0 250px 0;border-collapse:collapse}
#container #mainContent table.personnel td{vertical-align:top;font-size:.7em;text-align:left}
#container #mainContent table.personnel td.photo{width:100px;padding-right:10px}
#container #mainContent table.personnel td.nom{height:25px;vertical-align:bottom;border-bottom:1px solid #000}
#mainContent table.equipe_ca,#mainContent table.equipe_sal{margin:20px 0 30px 0;border-collapse:collapse;font-size:.8em;text-align:left}
#mainContent table.equipe_ca{float:left;margin-right:5px;width:40%}
#mainContent table.equipe_sal{float:right;width:56%}
#mainContent table.equipe_ca th,#mainContent table.equipe_sal th{padding:5px 10px;vertical-align:top;background-color:#000;color:#fff;font-size:1.4em}
#mainContent table.equipe_ca td,#mainContent table.equipe_sal td{height:30px;padding:10px;vertical-align:top;border-bottom:1px dotted #ccc;}
#mainContent table.mediatheque{font-family:Verdana, Arial;font-size:.7em}
#mainContent table.mediatheque td{padding-right:100px;border-bottom:1px dotted #ccc}
#mainContent table.mediatheque td.icone_photo{height:30px; background:url("../images/icones/photo.gif") no-repeat center}
#mainContent table.mediatheque td.icone_video{height:30px; background:url("../images/icones/video.gif") no-repeat center}
#mainContent table.mediatheque td.icone_son{height:30px; background:url("../images/icones/son.gif") no-repeat center}
#mainContent table.panel{width:50%;margin:0;float:left;border-collapse:collapse;border-top:1px dotted #A0BF02;border-bottom:1px dotted #A0BF02}
#mainContent table.panel img{width:150px;padding-right:15px}
#mainContent table.panel th{vertical-align:top;padding:10px 0 0 0}
#mainContent table.panel td{vertical-align:top;font-size:.7em; padding:10px 0;border-bottom:1px dotted #A0BF02}
#mainContent table.panel td .petit{font-size:.9em}
/* Les flottants */
#mainContent .flotte_gauche, .flotte_gauche, .trcolliq #coldte.flotte_gauche{float:left;padding-right:1em}
#mainContent .flotte_droite, .flotte_droite, .trcolliq #coldte.flotte_droite{float:right;padding-left:1em}
#mainContent .sous_flottant, .sous_flottant{clear:both}
.fltrt {float: right;margin-left: 8px}
.fltlft {float: left;margin-right: 8px}
.clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px}
#mainContent .TabbedPanelsContent .galerie_gauche{float:left;width:45%;padding:25px 0 50px 0}
#mainContent .TabbedPanelsContent .galerie_droite{margin:0 0 0 55%;padding:5px 0 50px 0}
#mainContent .TabbedPanelsContent .galerie_images{margin:0}
/* Les diaporamas */
#mainContent p.diaporama,#mainContent div.chapitre p.diaporama{margin:50px 0 15px 0;padding:0 0 5px 0;border-bottom:1px dotted #ccc;color:#ccc;font-size:.7em;font-weight:bold;text-align:right}
/* Divers*/
.adroite, #mainContent .adroite, .TabbedPanelsContent .adroite{text-align: right;font-size: .7em}
.adroite_gros, #mainContent .adroite_gros, .TabbedPanelsContent .adroite_gros{text-align: right;font-weight:bold}
.petit, #mainContent .petit{font-size:.7em}
.gros{font-size:1.1em;font-weight:bold}
.grand{font-size:1.2em}
.centrer{text-align:center}
.souligne{text-decoration:underline}
.rouge{color:red}
/* Page Index */
.presentation_pole{float:left;width:49%;margin:0;padding:0;font-size:.8em}
.presentation_centre{float:right;width:49%;margin:0;padding:0;font-size:.8em}
#container #mainContent .actu_gauche{width:56%;float:left;margin:0;padding:0}
#container #mainContent .actu_gauche .liens_divers{width:48%;float:left;margin:0;padding:0}
#container #mainContent .actu_gauche .liens_divers div,#container #mainContent .actu_gauche .liens_infos div{margin:0 0 20px 0;padding:0;font-size:.7em;text-align:left}
#container #mainContent .actu_gauche .liens_divers div span,#container #mainContent .actu_gauche .liens_infos div span{color:#666}
#container #mainContent .actu_gauche .liens_divers a,#container #mainContent .actu_gauche .liens_infos a{color:#000;font-weight:normal}
#container #mainContent .actu_gauche .liens_divers a:hover,#container #mainContent .actu_gauche .liens_infos a:hover{color:#FCB322}
#container #mainContent .actu_gauche .liens_infos{width:48%;float:right;margin:0;padding:0}
#container #mainContent .actu_droite{width:40%;float:right;margin:0;padding:0}
/* Bandeaux accroche - accroche1 - accroche2 */
#container #mainContent .actu_droite .accroche,#container #mainContent .actu_droite .accroche1,#container #mainContent .actu_droite .accroche2{height:85px;margin:0 0 30px 0;padding:10px 0;border-bottom:1px dotted #FCB322}
#container #mainContent .actu_droite .accroche h3,#container #mainContent .actu_droite .accroche1 h3,#container #mainContent .actu_droite .accroche2 h3{margin:0;padding:2px;font-size:.8em;background:#FCB322}
#container #mainContent .actu_droite .accroche a,#container #mainContent .actu_droite .accroche1 a,#container #mainContent .actu_droite .accroche2 a{color:#000}
#container #mainContent .actu_droite .accroche a:hover,#container #mainContent .actu_droite .accroche1 a:hover,#container #mainContent .actu_droite .accroche2 a:hover{color:#FCB322}
#container #mainContent .actu_droite .accroche img,#container #mainContent .actu_droite .accroche1 img,#container #mainContent .actu_droite .accroche2 img{float:left;margin:2px 7px 0 0;padding:0;border:1px solid #ccc}
#container #mainContent .actu_droite .accroche1{float:left;width:145px}
#container #mainContent .actu_droite .accroche2{margin-left:155px}
/* Parrainer > Phrases : un bébé
herissonEt recevez de
ses nouvelles / un bébé
phoqueEt assistez
à son lâcher*/
#container #mainContent .actu_droite .accroche .parrainer,#container #mainContent .actu_droite .accroche1 .parrainer{margin:10px 0 0 0;padding:0 2px}
#container #mainContent .actu_droite .accroche .parrainer p,#container #mainContent .actu_droite .accroche1 .parrainer p{float:left;margin:0;padding:0 10px 0 0;font-size:.8em}
#container #mainContent .actu_droite .accroche .parrainer p span,#container #mainContent .actu_droite .accroche1 .parrainer p span{display:block;margin:0;padding:0;font-size:.8em;font-weight:normal}
/* Don*/
#container #mainContent .actu_droite .don p{margin-bottom:0;font-size:.7em}
#container #mainContent .actu_droite .don p.lien{margin-top:3px}
#container #mainContent .actu_droite .don p.lien a{font-size:.8em}
/* Déroulant Actu */
#container #mainContent #myAccordion{margin:15px 0 0 0;text-align:left;border-top:1px solid #ccc;font-size:.8em}
#myAccordion .myAccordion-declencheur{cursor:pointer;margin:0;padding:0 0 0 30px;border-bottom:1px solid #ccc;background:url("../images/icones/fleches_gris.gif") 5px 13px no-repeat}
#myAccordion .myAccordion-declencheur h3{margin:0;padding:10px 0;color:#000;font-weight:normal;text-align:left;font-size:.9em}
#myAccordion .myAccordion-declencheur h3 span{margin-left:5px;font-weight:bold}
#container #mainContent div #myAccordion .myAccordion-declencheur-actif{color:#FCB322;border-top:none;border-right:1px solid #ccc;border-bottom:1px dotted #ccc;border-left:1px solid #ccc;background:url("../images/icones/fleches_gris_bas.gif") 5px 13px no-repeat}
#myAccordion .myAccordion-content{padding:10px 20px 15px 20px;font-size:.9em;text-align:justify;border-top:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
#myAccordion .myAccordion-content span.petit,#myAccordion .myAccordion-content p.petit{font-size:.8em}
#compteur{margin:50px 0 0 0;padding:2px 0 4px 10px;background:#000;font-size:.8em;font-weight:bold;color:#FFF}
#visiteurs{margin:0;padding:5px 0 5px 80px;font-size:.8em;border-bottom:1px dotted #000;background:url("http://www.imingo.com/services/compteur/icptsp.php?id=compteur_chene") left center no-repeat}
/* Page Contact*/
#mainContent div.plan{height:360px;margin:0;padding:15px;background:url(../images/icones/viseur_plan.gif) no-repeat left top;font-size:.8em}
/* Page Parrainer*/
#container #mainContent div.parrainez{float:left;width:25%;margin:0 30px 0 0;padding:0;background:url(../images/icones/coin_chene_bas.gif) no-repeat bottom right}
#container #mainContent div.parrainez p.note{margin:22px 0 0 0;padding:17px;font-size:.8em;text-align:justify;background:url(../images/icones/coin_chene_haut.gif) no-repeat top left}
#container #mainContent div.parrainage{margin:0 0 0 28%}
#container #mainContent div.parrainage p{font-size:.8em}
#container #mainContent div.parrainage p.echange{margin:10px 0 5px 0;padding:0;font-weight:bold;border-top:1px solid #FCB322;border-bottom:1px solid #FCB322}
#container #mainContent div.parrainage h3.nom{margin:40px 0 10px 0;padding:0 2px;font-size:1em;background:#FCB322}
#container #mainContent div.parrainage p.telecharger{margin:0 0 40px 0;padding:0;font-size:.7em;text-align:right}
#container #mainContent div.parrainage p.telecharger a{color:#000}
#container #mainContent div.parrainage p.telecharger a:hover{color:#FCB322}
#container #mainContent div.parrainage h3.nom span.code_couleur{padding-left:7px;font-size:.7em}
#container #mainContent div.presentation_animal{height:150px;margin:0 0 20px 0;background:url(../images/icones/viseur_gauche.png) no-repeat top left}
#container #mainContent div.presentation_animal p.presentation_photo{float:left;margin:0;padding:15px}
#container #mainContent div.presentation_animal p.presentation_photo img{border:1px solid #ccc}
#container #mainContent div.presentation_animal h4{margin:0 0 10px 0;padding:15px 0 0 0;font-size:.8em}
#container #mainContent div.presentation_animal h4 em{font-weight:normal}
#container #mainContent div.presentation_animal div.presentation_rens{margin:0 0 0 180px;padding:0 15px 50px 0;background:url(../images/icones/viseur_droit.png) no-repeat top right}
#container #mainContent div.presentation_animal div.presentation_rens p{margin:0;padding:3px 0;font-size:.7em;border-bottom:1px dotted #FCB322}
#container #mainContent div.presentation_animal div.presentation_rens p span{padding-right:10px;color:#FCB322}
/* Page Liens*/
div.liens a{color:#000}
div.liens a:hover{color:#FCB322}
div.liens em{color:#999}
#mainContent div.coup_coeur{float:left;width:35%;margin:0 5% 15px 0;padding:0;font-size:.85em}
#mainContent div.coup_coeur em{color:#000}
#mainContent div.coup_coeur a{padding-right:10px;color:#000}
#mainContent div.coup_coeur a:hover{color:#FCB322}
#mainContent div.coup_coeur h3{margin:0;padding:15px 15px 0 15px;font-size:1em;background:url(../images/icones/coin_chene_haut.gif) no-repeat top left}
#mainContent div.coup_coeur h3 em{font-weight:normal;font-style:normal}
#mainContent div.coup_coeur div{margin:0 15px;border-bottom:1px dotted #FCB322}
#mainContent div.coup_coeur .coup_coeur_pied{margin:5px 0 15px 0;padding:0 15px 15px 15px;background:url(../images/icones/coin_chene_bas.gif) no-repeat bottom right}
#mainContent div.coup_coeur .coup_coeur_pied a{padding-right:10px}
/*page anim_public*/
div.calendrier_categorie{margin:20px 0;padding:0;background:url(../images/icones/coin_pole_bas.gif) no-repeat bottom right}
#container div.calendrier_categorie h5.categorie{margin:0;padding:20px 15px 2px 15px;background:url(../images/icones/coin_pole_haut.gif) no-repeat top left;text-align:left;font-size:.8em}
div.calendrier_categorie p{margin:0;padding:0 25px 25px 38px;font-size:.7em}
#container #mainContent div.anim_public{width:71%;float:left;margin:0 0 40px 0;padding:0}
#container #mainContent div.anim_public p{font-size:.8em}
#mainContent table.programme{width:100%;margin:20px 0;border-collapse:collapse;border-top:1px dotted #753595;border-bottom:1px dotted #753595;text-align:left}
#mainContent table.programme th{padding:10px 5px 10px 0; border-bottom:1px dotted #CE8E3C;font-size:.8em;color:#CE8E3C}
#mainContent table.programme td{font-size:.7em;padding:10px 20px 10px 0; border-bottom:1px dotted #CE8E3C;vertical-align:top}
#mainContent table.programme td b{color:#CE8E3C}
#mainContent table.programme_court{width:100%;margin:0;border-collapse:collapse;text-align:left;border-top:1px solid #65350F}
#mainContent table.programme_court td{font-size:.7em;padding:10px 20px 10px 0; border-bottom:1px dotted #CE8E3C;vertical-align:top}
#mainContent table.programme_court td b{color:#CE8E3C}
#mainContent table.programme_court td a{padding:0 0 0 10px;color:#000}
#mainContent table.programme_court td a:hover{color:#CE8E3C}
#mainContent .programme_fdp{margin:0 0 80px 0;padding:0;background:url(../images/photos/anim_public/abeille_fond.jpg) no-repeat right 50px}
#mainContent .programme_fdp p{padding:0 0 10px 0;border-bottom:1px dotted #CE8E3C}
#mainContent .programme_fdp b{color:#CE8E3C}
#mainContent .programme_fdp .fdp_centre{border-bottom:1px solid #65350F}
#mainContent .programme_fdp .fdp_centre b{font-size:1.3em;font-weight:bold}
#container #mainContent .TabbedPanelsContent .crochets{float:right;width:200px;height:80px;margin:0 0 0 30px;padding:0 20px;background:url(../images/icones/hpa_crochets.gif) no-repeat top left}
/* Page Point Info*/
#container #mainContent div.petition{width:45%;float:left}
#container #mainContent div.culture{margin:0 0 0 50%}
#container #mainContent div.HNNE{float:left;width:52%;;background:url(../images/icones/coin_bas.gif) no-repeat bottom right}
#container #mainContent div.HNNE h3{margin:0;padding:20px 10px 10px 20px;font-size:1em;background:url(../images/icones/coin_haut.gif) no-repeat top left}
#container #mainContent div.HNNE p{margin:0;padding:0 20px;font-size:.7em;text-align:justify}
#container #mainContent div.HNNE table{margin:20px 20px 10px 20px;padding:0;border-top:1px solid #000}
#container #mainContent div.HNNE td{padding:5px 10px 5px 0;vertical-align:top;font-size:.7em}
#container #mainContent div.culture_exergue{margin:0 0 0 57%;padding:5px 0}
#container #mainContent div.culture_exergue .image{float:right;margin:0;padding:0 0 0 1em}
#container #mainContent div.culture_exergue .genre{margin:0;padding:0 0 0 5px;font-size:.8em;font-weight:bold;color:#E2E0E0;text-decoration:underline}
#container #mainContent div.culture_exergue h3{padding-left:5px;color:red}
#container #mainContent div.culture_exergue h3 span{display:block;margin:0;padding:0;font-size:.8em;font-weight:normal;color:#000}
#container #mainContent div.culture_exergue p.citation{clear:right;padding:20px 0 0 5px;font-size:.7em;text-align:left;background:url(../images/icones/guillemet_ouvert.JPG) no-repeat}
#container #mainContent div.culture_exergue p.lien{padding:0 0 0 5px;font-size:.7em}
#container #mainContent div.culture_exergue p.lien a{color:red}
#container #mainContent div.culture_exergue p.lien a:hover{text-decoration:underline}
#container #mainContent div.culture div.sortie{margin:10px 0 30px 0;padding:0 0 10px 0;border-top:1px dotted #A0BF02}
#container #mainContent div.culture div.sortie .image{float:right;margin:10px 0 10px 10px;padding:0}
#container #mainContent div.culture div.sortie h4{margin:5px 0 30px 0;padding:0}
#container #mainContent div.culture div.sortie h4 span{display:block;margin:0;padding:5px 0 5px 12px;font-size:.8em;font-weight:normal;color:#A0BF02;background:url(../images/icones/fleche_pole.gif) no-repeat 0 8px}
#container #mainContent div.culture div.sortie h3{font-size:.8em}
#container #mainContent div.culture div.sortie p{font-size:.7em}
#container #mainContent div.culture div.sortie p.infos_prat{margin:30px 0 0 0;padding:0;font-size:.7em;text-align:left}
#container #mainContent div.culture div.sortie p.infos_prat span.souligne{padding-right:15px}
/* Page Animal stories*/
#container #mainContent div.stories_presentation{margin:0 20px 20px 20px;padding:0 0 20px 0;background:url(../images/icones/pointilles.gif) repeat-x bottom left}
#container #mainContent div.stories_presentation h4{margin:0;padding:15px 0 0 0;font-size:1em;color:#6882C3;text-align:left;background:url(../images/icones/pointilles.gif) repeat-x top left}
#container #mainContent div.stories_presentation h4 span{display:block;float:right;padding-left:20px;text-align:right;font-weight:normal}
#container #mainContent div.stories_presentation h4 em{font-weight:normal}
#container #mainContent div.stories_presentation p{margin:1px 0;padding:5px 0 0 0;font-size:.7em;color:#6882C3;vertical-align:top}
#mainContent div.stories_presentation table.infos{margin:20px 0 0 0;padding:0;width:100%;border-collapse:collapse;border-top:1px dotted #6882C3}
#container #mainContent div.stories_presentation table.infos td{padding:0 0 5px 0;font-size:.7em;color:#6882C3;vertical-align:top;border-bottom:1px dotted #6882C3;text-align:left}
#container #mainContent div.stories_presentation table.infos td.renseignements{width:130px;padding-right:15px;font-weight:bold}
#container #mainContent div.stories_presentation p.photos{margin:0;padding:5px 0 15px 0;background:url(../images/icones/pointilles.gif) repeat-x bottom left}
#mainContent table.stories_news{width:100%;margin:10px 0 0 0;border-collapse:collapse;border-bottom:1px dotted #6882C3;text-align:justify}
#mainContent table.stories_news td.fleche{width:30px;padding:10px 15px 10px 10px;border-top:1px dotted #6882C3;vertical-align:top}
#mainContent table.stories_news td.date{padding:5px 0;border-top:1px dotted #6882C3;border-bottom:1px dotted #6882C3;font-size:.8em;color:#6882C3;vertical-align:top}
#mainContent table.stories_news td.date span{font-size:.8em}
#mainContent table.stories_news td.texte{padding:10px 15px 10px 0;vertical-align:top;font-size:.8em}
#mainContent table.stories_news td.photos{width:35%;padding:10px 0;vertical-align:top;font-size:.8em}
/* Page visite virtuelle */
#mainContent table.visite_centre{margin:0;border-collapse:collapse;border:1px solid red}
#mainContent table.visite_centre tr{margin:0;border:1px dashed red;vertical-align:top}
#mainContent table.visite_centre th{margin:0;padding:5px}
#mainContent table.visite_centre td{margin:0;padding:5px;font-size:.7em;border-left:1px dashed red}
#mainContent table.visite_centre p{margin:0;padding:0 0 5px 0}
#mainContent table.visite_centre td.suivez_animaux{width:120px;font-size:.6em;border-left:1px dashed red}
#mainContent table.visite_centre td.images{width:340px;font-size:.6em;border-left:1px dashed red}
#mainContent table.visite_centre td.piece_nom{}
#mainContent table.visite_centre td.animaux{border-left:1px dashed red}
a.infobulle_vv{position:relative;color:black;text-decoration:none;border-bottom:1px #aaa dotted}
a.infobulle_vv span{display:none} /* on masque l'infobulle */
a.infobulle_vv:hover
{background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
color:black}
a.infobulle_vv:hover span
{display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 0px; /* on positionne notre infobulle */
left: 0px;
background: white;
padding:5px;
margin:0 5px;
color: #000;
border: 1px solid #FCB322;
border-left: 4px solid #FCB322}
/* Page visite virtuelle-scroll */
#mainContent .scroll{height:600px;overflow:auto;margin:0;padding:0;border:1px solid #000;background:url(../images/dessins/centre_visite.jpg) 20px 150px no-repeat}
#mainContent table.visite_centre1
{width:40%;float:right;margin:0 20px;border-collapse:collapse}
#mainContent table.visite_centre1 th
{padding:10px;border-right:1px dotted #ccc;font-size:1em;vertical-align:top;color:#6882C3}
#mainContent table.visite_centre1 td
{padding:10px;border-right:1px dotted #ccc;font-size:.7em;text-align:left;vertical-align:top}
#mainContent table.visite_centre2
{width:150px;float:right;margin:20px 35px 0 0;border-collapse:collapse;border:1px solid #000}
#mainContent table.visite_centre2 th
{padding:10px;border-right:1px dotted #ccc;font-size:1em;vertical-align:top;color:#6882C3}
#mainContent table.visite_centre2 td
{padding:10px;border-right:1px dotted #ccc;font-size:.8em;vertical-align:top}
.remonter,#container #mainContent .remonter, .TabbedPanelsContent .remonter,#container #mainContent .chapitre p.remonter,#container .TabbedPanelsContent .chapitre p.remonter,#container .chapitre p.remonter,#container #mainContent .TabbedPanelsContent .h3 p.remonter,#container #mainContent div.parrainage .remonter,#container #mainContent .anim_public .remonter
{text-align:right;font-size:.7em;margin:80px 0 20px 0;padding:0}
#footer{margin: 5% 2.5% 0 23.5%;border-top:1px solid #333}
#footer p{margin:0 21% 0 0;padding:10px 0;text-align:center;color:#ccc;font-size:.6em;font-weight:bold}