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

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

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

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



/* --------  differentes polices et titres -------- */
.petit {
font-size: 10px;
}
.petit2 {
	font-size: 10px;
	color: #EC008C;
}
.rose {
	color: #EC008C;

}

.sstitre_site  {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.credits  {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.marron  {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #A0A0A0;
}
.rose  {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #EC008C;
}

/* --------  gros titre  -------- */
h2 {
color: #333333;
font-weight: bold;
font-size: 18px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
text-transform: uppercase;
}
/* --------  petit titre  -------- */
h3 {
color: #333333;
font-weight: bold;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
text-transform: uppercase;
}


/* -------- MEMBRES & index -------- */
/* ---  centrage --- */
div#centrage_page {
padding-top: 12px;
}
div#centrage_float {
width: 870px;
margin: 0px;
padding: 0px;
}

/* ---  blocs généraux --- */
div#bloc_top {
	width: 870px;
	height: 190px;
	background-color: #EC008C;
	text-align: left;
	padding-top: 0px;
	background-image: url(../images/2010/image_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#bloc_contenu {
width: 874px;
text-align: left;
}
div#bloc_spacer {
width: 874px;
height: 25px;
background-color: #CADA31;
}

div#footer {
float: left;
clear: both;
width: 874px;
text-align: center;
margin-top: 15px;
}

/* ---  liens top --- */
div#liens_top {
width: 400px;
height: 20px;
background-color: #7D6B6C;
text-align: left;
margin-top: 90px;
float: right;
padding-top: 5px;
padding-left: 3px;
}

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

.white {
color: #FFF;
text-decoration: none;
}

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

/* ---  div placement contenu --- */
div#menu {
float: left;
width: 231px;
height: 530px;
background-color: #7D6B6C;
}
div#menu_news {
float: left;
width: 231px;
height: 2100px;
background-color: #7D6B6C;
}
div#texte {
float: left;
width: 359px;
background-color: #FFF;
padding-top: 16px;
margin-left: 1px;
}
div#photo {
float: left;
width: 279px;
_ width: 278px;
height: 530px;
padding-top: 9px;
text-align: center;
background-image: url(../images/2010/bande_couleurs.gif);
background-repeat: no-repeat;
background-position: 259px 300px;
background-color: #EC008C;
}

div#photo_news {
float: left;
width: 279px;
_ width: 278px;
height: 2100px;
padding-top: 9px;
text-align: center;
background-image: url(../images/2010/bande_couleurs_news.gif);
background-repeat: no-repeat;
background-position: 259px 300px;
background-color: #EC008C;
}

/* ---  div menu menbres --- */
a#zoos_parcs_animaliers {
width: 222px;
background-color: #F7941E;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #F7941E;
border-width: 1px;
border-style: solid;
}
a#zoos_parcs_animaliers {
width: 222px;
background-color: #F7941E;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #F7941E;
border-width: 1px;
border-style: solid;
}
a#zoos_parcs_animaliers:hover {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #F7941E;
text-decoration: none;
text-transform: uppercase;
border-color: #F7941E;
border-width: 1px;
border-style: solid;
}

a#parcs_thematiques {
width: 222px;
background-color: #92278F;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #92278F;
border-width: 1px;
border-style: solid;
}
a#parcs_thematiques:a {
width: 222px;
background-color: #92278F;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #92278F;
border-width: 1px;
border-style: solid;
}
a#parcs_thematiques:hover {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #92278F;
text-decoration: none;
text-transform: uppercase;
border-color: #92278F;
border-width: 1px;
border-style: solid;
}

a#culture_patrimoine {
width: 222px;
background-color: #231F20;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #231F20;
border-width: 1px;
border-style: solid;
}
a#culture_patrimoine:a {
width: 222px;
background-color: #231F20;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #231F20;
border-width: 1px;
border-style: solid;
}
a#culture_patrimoine:hover {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #231F20;
text-decoration: none;
text-transform: uppercase;
border-color: #231F20;
border-width: 1px;
border-style: solid;
}

a#croisieres {
width: 222px;
background-color: #EC008C;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #EC008C;
border-width: 1px;
border-style: solid;
}
a#croisieres:a {
width: 222px;
background-color: #EC008C;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-color: #EC008C;
border-width: 1px;
border-style: solid;
}
a#croisieres:hover {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #EC008C;
text-decoration: none;
text-transform: uppercase;
border-color: #EC008C;
border-width: 1px;
border-style: solid;
}

div#spacer_cat {
width: 230px;
background-color: #FFF;
height: 4px;
float: left;
clear: both;
border-color: #FFF;
border-width: 1px;
border-style: solid;
}
div#membres {
width: 222px;
text-align: left;
float: left;
padding-top: 6px;
padding-left: 8px;
}

div.membres_case {
width: 222px;
text-align: left;
float: left;
height: 23px;
}

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

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

/* ---  div titre --- */
div#titre {
width: 330px;
height: 22px;
background-color: #7D6B6C;
text-align: left;
float: right;
clear: both;
padding-top: 10px;
padding-left: 5px;
}
.titre {
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}

/* ---  div sous menu membres --- */
div#sous_menu_membres {
width: 330px;
height: 18px;
background-color: #92278F;
text-align: left;
float: right;
clear: both;
padding-top: 5px;
padding-left: 5px;
}

div#sous_menu_membres_croisieres {
width: 330px;
height: 18px;
background-color: #EC008C;
text-align: left;
float: right;
clear: both;
padding-top: 5px;
padding-left: 5px;
}

div#sous_menu_membres_zoos {
width: 330px;
height: 18px;
background-color: #F7941E;
text-align: left;
float: right;
clear: both;
padding-top: 5px;
padding-left: 5px;
}

div#sous_menu_membres_parcs {
width: 330px;
height: 18px;
background-color: #92278F;
text-align: left;
float: right;
clear: both;
padding-top: 5px;
padding-left: 5px;
}

div#sous_menu_membres_patrimoine {
width: 330px;
height: 18px;
background-color: #231F20;
text-align: left;
float: right;
clear: both;
padding-top: 5px;
padding-left: 5px;
}

/* ---  div sub texte --- */
div#sub_texte {
width: 309px;
text-align: left;
float: right;
clear: both;
padding-top: 5px;
padding-left: 25px;
padding-right: 15px;
}


/* ---  div menu cat zoos on --- */
a#zoos_parcs_animaliers_on {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #F7941E;
text-decoration: none;
text-transform: uppercase;
border-color: #F7941E;
border-width: 1px;
border-style: solid;
}
a#zoos_parcs_animaliers_on {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #F7941E;
text-decoration: none;
text-transform: uppercase;
border-color: #F7941E;
border-width: 1px;
border-style: solid;
}

/* ---  div menu cat parcs on --- */
a#parcs_thematiques_on {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #92278F;
text-decoration: none;
text-transform: uppercase;
border-color: #92278F;
border-width: 1px;
border-style: solid;
}
a#parcs_thematiques_on:a {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #92278F;
text-decoration: none;
text-transform: uppercase;
border-color: #92278F;
border-width: 1px;
border-style: solid;
}

/* ---  div menu cat patrimoine on --- */
a#culture_patrimoine_on {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #231F20;
text-decoration: none;
text-transform: uppercase;
border-color: #231F20;
border-width: 1px;
border-style: solid;
}
a#culture_patrimoine_on:a {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #231F20;
text-decoration: none;
text-transform: uppercase;
border-color: #231F20;
border-width: 1px;
border-style: solid;
}

/* ---  div menu cat croisieres on --- */
a#croisieres_on {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #EC008C;
text-decoration: none;
text-transform: uppercase;
border-color: #EC008C;
border-width: 1px;
border-style: solid;
}
a#croisieres_on:a {
width: 222px;
background-color: #FFF;
text-align: left;
float: left;
clear: both;
padding-top: 3px;
padding-left: 8px;
padding-bottom: 2px;
color: #EC008C;
text-decoration: none;
text-transform: uppercase;
border-color: #EC008C;
border-width: 1px;
border-style: solid;
}

/* ---  body page plan --- */
div#body_plan {
	margin:0;
	padding:0;
	background-color: #EC008C;
	width: 100%;
	height:950px;