/* -------- COMMUN A TOUTES LES PAGES -------- */
/* -------- proprietes générale des pages -------- */
html {
height:100%; 
max-height:100%;
}

body {
color: black;
margin:0;
padding:0;
background-color: #899179;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
height:100%; 
max-height:100%;
}

/* -------- polices -------- */
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
color: #FFF;
text-decoration: none;
}
a:hover {
color: #FFF;
text-decoration: none;
}
a:active {
color: #FFF;
text-decoration: none;
}

a.gris:link {
color: #333;
text-decoration: none;
}
a.gris:visited {
color: #333;
text-decoration: none;
}
a.gris:hover {
color: #333;
text-decoration: none;
}
a.gris:active {
color: #333;
text-decoration: none;
}

a.moyen:link {
color: white;
text-decoration: none;
font-size: 11px;
}
a.moyen:visited {
color: white;
text-decoration: none;
font-size: 11px;
}
a.moyen:hover {
color: white;
text-decoration: none;
font-size: 11px;
}
a.moyen:active {
color: white;
text-decoration: none;
font-size: 11px;
}

a.petit:link {
color: white;
text-decoration: none;
font-size: 10px;
}
a.petit:visited {
color: white;
text-decoration: none;
font-size: 10px;
}
a.petit:hover {
color: white;
text-decoration: none;
font-size: 10px;
}
a.petit:active {
color: white;
text-decoration: none;
font-size: 10px;
}

a.petitnoir:link {
color: black;
text-decoration: none;
font-size: 10px;
}
a.petitnoir:visited {
color: black;
text-decoration: none;
font-size: 10px;
}
a.petitnoir:hover {
color: black;
text-decoration: none;
font-size: 10px;
}
a.petitnoir:active {
color: black;
text-decoration: none;
font-size: 10px;
}

.blanc {
color: white;
}

.blanc_gd {
color: white;
font-size: 12px;
}

.white {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}

.whitei {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
font-style: italic;
font-size: 10px;
}

.tag {
color: white;
font-family: Helvetica, sans-serif;
text-decoration: none;
font-size: 48px;
line-height: 24px;
letter-spacing: 5px;
text-indent: 15px;
}

.news_t {
color: #BCBEC0;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}

.news_date {
color: #BCBEC0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

.titre_partie {
color: black;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
}

.big_16 {
color: black;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
}



/* --------  COMMUN mise en place -------- */
/* ---  centrage --- */
div#centrage_page {
padding-top: 20px;
}
div#centrage_float {
width: 870px;
margin: 0px;
padding: 0px;
}

/* ---  blocs --- */
div#bloc_top {
width: 867px;
height: 35px;
background-color: #16230E;
text-align: left;
padding-top: 75px;
padding-left: 3px;
background-image: url(../images/logo_ptt.gif);
background-repeat: no-repeat;
background-position: 710px 20px;
}
div#bloc_photo {
width: 870px;
height: 177px;
background-color: #000000;
padding-top: 10px;
}
div#bloc_contenu {
float: left;
clear: both;
width: 870px;
background-color: #16230E;
text-align: left;
padding-top: 25px;
}
div#bloc_spacer {
float: left;
clear: both;
width: 870px;
height: 25px;
background-color: #16230E;
}
div#bloc_footer {
width: 865px;
height: 22px;
float: left;
clear: both;
background-color: #000000;
text-align: left;
padding-top: 8px;
padding-left: 5px;
}
/* ---  blocs special index --- */
div#bloc_top_i {
width: 870px;
height: 105px;
background-color: #16230E;
text-align: left;
padding-top: 5px;
background-image: url(../images/index/logo.gif);
background-repeat: no-repeat;
background-position: 680px 8px;
}
div#bloc_centre {
width: 870px;
height: 270px;
background-color: #000;
background-image: url(../images/index/tigre.jpg);
background-repeat: no-repeat;
background-position: 0px 15px;
text-align: left;
}
div#bloc_centre_50ans {
width: 850px;
height: 450px;
background-color: #000000;
background-repeat: no-repeat;
background-position: 0px 15px;
text-align: left;
padding-left:20px;
padding-top:20px;
}
div#bloc_liens {
width: 870px;
height: 170px;
background-color: #16230E;
}


/* ---  liens top --- */
div#backhome {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#zoo {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#attractions {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#musee {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#pedagogie {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#place {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#pratiques {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#presse {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#vous {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#liens {
float: left;
height: 16px;
background-color: #000000;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}


/* ---  footer --- */
div#texte {
width: 795px;
float: left;
}
div#drapeaux {
float: left;
}

/* --------  INDEX  -------- */
/* ---  liens top --- */
div#newsletter {
width: 150px;
height: 50px;
text-align: left;
margin-top: 10px;
margin-left: 10px;
}

div.liens_haut_home {
height: 20px;
background-color: #000000;
text-align: left;
margin-top: 10px;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
}

/* --- div#famille {
height: 20px;
background-color: #000000;
text-align: left;
margin-top: 10px;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
}
div#associations {
height: 20px;
background-color: #000000;
text-align: left;
margin-top: 10px;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
}
div#scolaires {
height: 20px;
background-color: #000000;
text-align: left;
margin-top: 10px;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
}
div#CE {
height: 20px;
background-color: #000000;
text-align: left;
margin-top: 10px;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
} --- */

/* ---  CENTRE --- */
div#flash {
position: relative;
top: 151px;
width: 870px;
z-index: 1;
text-align: right;
}
/* ---  NEWS --- */
div#news {
position: relative;
top: 25px;
left: 0px;
width: 315px;
z-index: 5;
}
div#hold {
position: absolute;
top: 0px;
left: 525px;
z-index: 2;
width: 323px;
height: 140px;
background-color: #899179;
text-align: left;
padding-left: 2px;
overflow: hidden;
}
div#scroll {
position: absolute;
top: 0px;
left: 850px;
width: 20px;
height: 140px;
background-color: #899179;
z-index: 8;
}
div#bouton_top {
width: 20px;
height: 60px;
padding-top: 10px;
}
div#bouton_bottom {
width: 20px;
height: 15px;
padding-top: 55px;
}
div#wn {
float: left;
width: 270px;
height: 140px;
padding-left: 10px;
}
div.content { 
position: absolute;
visibility: hidden;
left: 0px;
top: 0px; 
z-index:1;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
}

/* ---  liens --- */
div#zoo_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#attractions_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#musee_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#pedagogie_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#place_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#pratiques_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#presse_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#vous_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 3px;
}
div#liens_i {
height: 20px;
background-color: #000000;
text-align: right;
margin-top: 20px;
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 8px;
}


/* --------  COMMUN PAGES SAS et AVEC BARRE SOUS MENU HORIZONTAL -------- */
div#sousmenu {
float: left;
width: 190px;
text-align: left;
padding-top: 10px;
padding-left: 10px;
}
div#contenu_right {
float: left;
clear: right;
width: 670px;
text-align: left;
}
div#texte_presentation {
float: left;
width: 325px;
height: 345px;
text-align: left;
background-color: #BCBEC0;
}
div#titre_sas {
width: 315px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 5px;
text-align: left;
background-color: #899179;
}
div#texte_sas {
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
div#photo_sas {
float: left;
width: 335px;
text-align: right;
clear: right;
}

div#photo_sas {
float: left;
width: 335px;
text-align: right;
clear: right;
}

div#tagline_800 {
position: relative;
padding-top: 12px;
padding-left: 10px;
filter:alpha(opacity=55);
opacity: 0.5;
-moz-opacity: 0.5;
z-index: 11;
text-align: left;
}

/* --------  COMMUN PAGES NORMALE -------- */

div#contenu_right_extend {
float: left;
clear: right;
text-align: left;
background-image: url(../images/fond_contenu_right.gif)
}
div#photo_right {
float: left;
width: 335px;
height: 335px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
div.photo_right_class {
float: left;
clear: both;
width: 335px;
height: 327px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
div#photo_right_sans_height {
float: left;
width: 335px;
background-color: #000000;
text-align: center;
padding-top: 10px;
clear: right;
}
div#texte_principal {
float: left;
width: 325px;
text-align: left;
background-color: #BCBEC0;
}
div#titre_sas {
width: 315px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 5px;
text-align: left;
background-color: #899179;
}
div#texte_sas {
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}

div.petites_photos { 
float: left;
width: 65px;
height: 58px;
padding-top: 7px;
text-align: center;
}

/* --------  PAGE SAS zoo -------- */
div#zoo_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_le_parc {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/zebre.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}


/* --------  FICHE animaux & sas niveau 2 -------- */

/* --------  photo -------- */
div#photo_animal {
float: left;
width: 425px;
height: 167px;
padding-top: 5px;
padding-left: 15px;
text-align: left;
}
div#infos_base {
float: left;
width: 360px;
height: 161px;
padding-top: 11px;
padding-left: 10px;
text-align: left;
}

/* --------  contenu -------- */
div#sousmenu_bloc {
float: left;
width: 190px;
text-align: left;
padding-top: 0px;
padding-left: 5px;
}
div.ssmenu { 
float: left;
width: 190px;
}
div.ssmenu_spacer { 
float: left;
width: 167px;
height: 18px;
}
div.ss_ssmenu { 
float: left;
width: 170px;
padding-left: 15px;
}
div.ss_ss_ssmenu { 
float: left;
width: 150px;
padding-left: 15px;
}
div.ss_ss_ss_ssmenu { 
float: left;
width: 130px;
padding-left: 15px;
}
div#contenu_right {
float: left;
clear: right;
width: 670px;
text-align: left;
}
div#bloc_gauche_fiche {
float: left;
width: 445px;
background-image: url(../images/parc_zoologique/fond_case_fiche.gif);
background-repeat:  repeat;
margin-right: 5px;
}
div#ssmenu_lettre {
float: left;
width: 135px;
text-align: left;
margin-right: 10px;
padding-left: 5px;
padding-top: 15px;
-width: 130px;
}
div#bloc_texte_a {
float: left;
width: 295px;
text-align: justify;
}
div#titre_a {
width: 285px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 5px;
text-align: left;
background-color: #899179;
-padding-left: 15px;
-width: 280px;
-margin-left: 5px;
}
div#texte_a {
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}
div#photo_a {
float: left;
width: 210px;
height: 335px;
text-align: center;
padding-top: 10px;
clear: right;
background-color: #000;
}
div#photo1 {
float: left;
width: 155px;
height: 335px;
margin-right: 5px;
}
div#photo2 {
float: left;
width: 175px;
height: 335px;
clear: right;
}
div#alphabet {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
z-index: 5;
clear: right;
}
div#alphabet1 {
width: 650px;
float: left;
clear: right;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
background-color: #444D3A;
margin-bottom: 5px;
margin-right: 5px;
}

/* --------  scroll  -------- */
div#hold_a {
position: relative;
top: 0px;
left: 0px;
z-index: 2;
width: 640px;
height: 35px;
background-color: #444D3A;
text-align: left;
padding-left: 0px;
padding-right: 5px;
overflow: hidden;
}
div#scroll_left {
position: relative;
top: 8px;
left: 0px;
width: 10px;
height: 35px;
background-color: #444D3A;
z-index: 8;
}
div#scroll_right {
position: relative;
top: -27px;
left: 635px;
width: 20px;
height: 35px;
background-color: #444D3A;
z-index: 8;
}
div#wn_a {
float: left;
width: 610px;
text-align: center;
}
div.content_a { 
position: absolute;
visibility: hidden;
left: 0px;
top: 0px; 
z-index:1;
padding-left: 10px;
padding-right: 5px;
}

/* --------  polices  -------- */
.titre_partie_fiche {
color: black;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
}
.nom_animal {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 20px;
}
.lettres_off {
color: #5F684E;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
}
a.lettres:link {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
}
a.lettres:visited {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
}
a.lettres:hover {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
}
a.lettres:active {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
}

.lettres_p {
letter-spacing: 6px;
}
.lettre_select {
color: white;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
}

a.ss_ssmenu:link {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;

}
a.ss_ssmenu:visited {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}
a.ss_ssmenu:hover {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}
a.ss_ssmenu:active {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}

.ss_ssmenu {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}

a.moyen_on:link {
color: #000;
text-decoration: none;
font-size: 11px;
}
a.moyen_on:visited {
color: #000;
text-decoration: none;
font-size: 11px;
}
a.moyen_on:hover {
color: #000;
text-decoration: none;
font-size: 11px;
}
a.moyen_on:active {
color: #000;
text-decoration: none;
font-size: 11px;
}

/* --------  familles animaux -------- */
div#bloc_texte_fa {
float: left;
width: 295px;
height: 345px;
text-align: left;
}

/* --------  AUTRES PAGES PARC ZOOLOGIQUE -------- */
/* --------  role -------- */
div#bloc_photo_role_zoo {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/orang_outang.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  historique -------- */
div#bloc_photo_historique {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/flamand2.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  conservation -------- */
div#bloc_photo_conservation {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/maki_roux.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_810 {
float: left;
width: 335px;
height: 800px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
/* --------  actions -------- */
div#bloc_photo_actions {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/elephant_terre.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  elephants -------- */
div#bloc_photo_elephants {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/elephants.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_415 {
float: left;
width: 335px;
height: 405px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
div#logo_Aane {
position: relative;
padding-top: 35px;
padding-right: 20px;
z-index: 12;
text-align: right;
}
/* --------  girafes -------- */
div#bloc_photo_girafes {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/girafe.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_395 {
float: left;
width: 335px;
height: 385px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
div#logo_ASGN {
position: relative;
padding-top: 35px;
padding-right: 20px;
z-index: 12;
text-align: right;
}
/* --------  EAZA -------- */
div#bloc_photo_EAZA {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/dendrobate_bleue.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#logo_EAZA {
position: relative;
padding-top: 35px;
padding-right: 20px;
z-index: 12;
text-align: right;
}
/* --------  animations -------- */

div#bloc_photo_animations {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/girafe-miam.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  animations pourquoi -------- */
div#bloc_photo_animations_pourquoi {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/elephants_miam.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_412 {
float: left;
width: 335px;
height: 402px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
/* --------  animations horaires  -------- */
div#bloc_photo_animations_horaires {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/maki_miam.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_572 {
float: left;
width: 335px;
height: 562px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
/* --------  projets -------- */
div#bloc_photo_projets {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/cameleon.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_412 {
float: left;
width: 335px;
height: 402px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
/* --------  equipe -------- */

div#bloc_photo_equipe {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(file:///Macintosh%20HD/Users/mariejam/Missme/En%20cours/Touroparc/Touroparc%20v2/touroparc_v2/web-content/images/parc_zoologique/850/equipe.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------  naissances -------- */
div#bloc_photo_naissances {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/parc_zoologique/850/bebe_zebre.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
a.mois:link {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
a.mois:visited {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
a.mois:hover {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
a.mois:active {
color: #899179;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
.mois_select {
color: white;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}

/* --------  PAGE SAS attractions et jeux -------- */
div#attractions_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_attractions_jeux {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/attractions/850/attractions.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_436 {
float: left;
width: 335px;
height: 426px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
/* --------  PAGE attractions  -------- */
div#bloc_photo_attractions {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/attractions/850/monorail.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  PAGE jeux  -------- */
div#bloc_photo_jeux_aquatiques {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/attractions/850/toboggan-aquatique.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------   PAGES MUSEE -------- */
div#musee_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_musee {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/musee/850/place_village.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div#photo_right_436 {
float: left;
width: 335px;
height: 426px;
background-color: #000000;
padding-top: 10px;
text-align: center;
clear: right;
}
/* --------  vieux métiers  -------- */
div#bloc_photo_vieux_metiers {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/musee/850/salle_de_classe.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  hotel des mines  -------- */
div#bloc_photo_hotel_des_mines {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/musee/850/mineraux.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------  PAGES PEDAGOGIE -------- */
div#pedagogie_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
/* --------  accueil pédagogie -------- */
div#bloc_photo_pedagogie {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pedagogie/850/bebe_zebre.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  pédagogie dans le parc -------- */
div#bloc_photo_pedagogie_parc {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pedagogie/850/girafe_miam.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div.min_panneaux { 
float: left;
width: 155px;
padding-top: 7px;
text-align: left;
}
/* --------  pédagogie animations repas -------- */
div#bloc_photo_pedagogie_animations {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pedagogie/850/tapir_miam.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------   PAGES SUR PLACE -------- */
div#place_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_sur_place {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/sur_place/850/sur_place.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  boutique -------- */
div#bloc_photo_boutiques {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/sur_place/850/boutique.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  restaurant -------- */
div#bloc_photo_restauration {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/sur_place/850/restaurant.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------   PAGE RIEN QUE POUR VOUS -------- */
div#vous_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_vous {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pour_vous/850/serre.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

div.vignettes_v {
float: left;
padding: 5px;
}

div.vignettes_v_end {
float: left;
clear: left;
padding: 5px;
}

.gray {
display: block;
cursor: pointer;
color: #000;
} 

div#div1 {
position: relative;
top: 0px;
left: 0px;
z-index: 10;
display: block;
text-align: left;
font-size: 10px;
padding-left: 6px;
}

div#div2 {
position: relative;
top: 0px;
left: 0px;
z-index: 11;
display: block;
text-align: left;
font-size: 10px;
padding-left: 6px;
}

div#div3 {
position: relative;
top: 0px;
left: 0px;
z-index: 11;
display: block;
text-align: left;
font-size: 10px;
padding-left: 6px;
}

div#div4 {
position: relative;
top: 0px;
left: 0px;
z-index: 11;
display: block;
text-align: left;
font-size: 10px;
padding-left: 6px;
}


/* --------  newsletter -------- */
div#bloc_photo_newsletter {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pour_vous/850/carrousel.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div.lignes {
float: left;
clear: both;
width: 300px;
height: 25px;
}
div.cases_gauches {
float: left;
width: 100px;
text-align: left;
padding-top: 5px;
}
div.cases_droites {
float: left;
clear: right;
width: 200px;
text-align: left;
}
div#ligne_big {
float: left;
clear: both;
width: 300px;
height: 38px;
}
div#ligne_under_big {
float: left;
clear: both;
width: 300px;
}
div.radio {
float: left;
width: 30px;
}
div.next_radio {
float: left;
width: 120px;
}
/* --------  fonds ecrans -------- */
div#bloc_photo_fonds_ecrans {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pour_vous/850/serval.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
div.min_ecrans { 
float: left;
width: 175px;
padding-top: 7px;
text-align: left;
}
/* --------  videos -------- */
div#bloc_photo_videos {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/pour_vous/850/bebe_chimpanze.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------   PAGE INFOS PRATIQUES -------- */
div#pratiques_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_infos {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../spip/squelettes/images/infos_pratiques/850/monorail.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  familles -------- */
div#bloc_photo_infos_familles {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../spip/squelettes/images/infos_pratiques/850/familles.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  assos -------- */
div#bloc_photo_infos_assos {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../spip/squelettes/images/infos_pratiques/850/assos.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  scolaires -------- */
div#bloc_photo_infos_scolaires {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../spip/squelettes/images/infos_pratiques/850/scolaires.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}
/* --------  preparez -------- */
div#bloc_photo_infos_preparez {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../spip/squelettes/images/infos_pratiques/850/assos.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------  PAGE PRESSE -------- */
div#presse_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_presse {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../spip/squelettes/images/infos_pratiques/850/assos.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------   PAGE LIENS -------- */
div#liens_on {
float: left;
height: 16px;
background-color: #FDB913;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
}
div#bloc_photo_liens {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/liens/850/tigre.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

/* --------   PAGE PLAN SITE WEB -------- */
div#bloc_photo_plan_web {
width: 870px;
height: 177px;
background-color: #000000;
background-image: url(../images/850/petit_train.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-top: 10px;
}

div.sections { 
float: left;
width: 270px;
}
div.ss_sections { 
float: left;
width: 270px;
padding-left: 15px;
}
div.ss_ss_sections { 
float: left;
width: 250px;
padding-left: 15px;
}
div.ss_ss_ss_sections { 
float: left;
width: 120px;
padding-left: 15px;
}

a.grandes_sections:link {
color: #000;
text-transform: uppercase;
font-size: 14px;
background-color: #FDB813;
}
a.grandes_sections:visited {
color: #000;
text-transform: uppercase;
font-size: 14px;
background-color: #FDB813;
}
a.grandes_sections:hover {
color: #000;
text-transform: uppercase;
font-size: 14px;
background-color: #FDB813;
}
a.grandes_sections:active {
color: #000;
text-transform: uppercase;
font-size: 14px;
background-color: #FDB813;
}

a.noirbold:link {
color: #000;
text-decoration: none;
font-weight: bold;
}
a.noirbold:visited {
color: #000;
text-decoration: none;
font-weight: bold;
}
a.noirbold:hover {
color: #000;
text-decoration: none;
font-weight: bold;
}
a.noirbold:active {
color: #000;
text-decoration: none;
font-weight: bold;
}

a.noir:link {
color: #000;
text-decoration: none;
}
a.noir:visited {
color: #000;	
text-decoration: none;
}
a.noir:hover {
color: #000;
text-decoration: none;
}
a.noir:active {
color: #000;
text-decoration: none;
}