/* Styles generaux */
html {
	margin: 0px;
	padding: 0px;
	}
body {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #e0f0ff;
	height: 100%;
	background-image: url(../interface/bckgrnd_top_body.gif);
	background-repeat: repeat-x;
}

ul li {
	list-style-image: none;
	list-style-type: none;
	background-image: url(../interface/puce_plan.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0 0 10px 12px;
}

ul li img {
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

.image_fichier {
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

.bodyindex {
	background-image: url(../interface/bckgrnd_top.gif);
}

#promotion {
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* test */
#login_window_old {
	left: 50%;
	top: 50%;
	width: 250px;
	height:200px;
	position: absolute;
	margin-top: -100px;
	margin-left: -125px;
	background-color: #FFFFFF;
	border: 1px solid #000033;
}

#login {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	display:none;
	z-index:1100;
}

#fond_trans {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000000;
	-moz-opacity:.7;
	opacity:0.7;
	filter/**/: alpha(opacity=70);
}

 @media screen{
  body>div#login{
  	position: fixed;
  }
 }
 
 /*
 
 * html body{
  //overflow:hidden;
 }
 * html div#pageHTML{
  height:100%;
  width:100%;
  overflow:auto;
 }
*/
p { margin: 0px 10px 10px 0px; }
img { border: 0; }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

/* Liens generaux */
a:link {
	color: #03c;
	text-decoration: underline
}
a:visited {
	color: #69f;
	text-decoration: underline
}
a:hover {
	color: #c30;
	text-decoration: none
}
a:active {
	color: #c30;
	text-decoration: none
}

/* Header INDEX */
#header {
	height: 125px;
	padding: 0px;
	margin: 0px;
	/*background-image: url(../interface/bckgrnd_top.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-position: bottom;*/
	/*width:100%;*/
}
#header #contenu {
	position: relative;
	width: 760px;/*760*/
	margin: 0 auto;
}

/* Header SITE */
#headers {
	height: 75px;
	padding: 0px;
	margin: 0px;
	/*background-image: url(../interface/bckgrnd_top.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-position: bottom;*/
	/*width:100%;*/
}
#headers #contenu {
	position: relative;
	width: 760px;/*760*/
	margin: 0 auto;
}

/* langues */
#menu_langue {
	position:absolute;
	width:100%;
	text-align:right;
	top:3px;
}
#menu_langue a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
}
#menu_langue a:hover {
	color: #cc3300;
}

/* Logo */
#logoindex {
	position: absolute;
	top: 2px;
	/*margin-top: 2px;*/
}
#logocontenu {
	position: absolute;
	top: 0px;
	left:-25px;
}
/* Menu 1 */
#menu1 {
	float:right;
	width: 670px;
	font-size: 11px;
	line-height:normal;
	height: 29px;
	margin:0px;
	padding:0px;
  }
.menuindex {
	position: relative;
  }
.menucontenu {
	position: relative;
  }
#menu1 ul {
  margin:0px;
  padding:0px;
  list-style:none;
  white-space: nowrap;
  }
#menu1 li {
	float:right;
	background:url(../interface/menu_left.gif) no-repeat left top;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 8px;
	display: block;
	/*test*/
	position: relative;
	top: 0;
	/*----*/
	}

#menu1 li a {
  float:left;
  display:block;
  background:url(../interface/menu_right.gif) no-repeat right top;
  padding:8px 8px 8px 0px;
  text-decoration:none;
  color:#fff;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu1 a {float:none;}
/* End IE5-Mac hack */
#menu1 a:hover {
  color:#CC3300;
  }
#menu1 .current {
  background-image:url(../interface/menu_left_actif.gif);
  }
#menu1 .current a {
  background-image:url(../interface/menu_right_actif.gif);
  color:#f90;
  padding-bottom:8px;
  }
  
#menu1 .current a:hover {
  color:#CC3300;
  } 

.menu {
	font-family:verdana;
	color:#666666;
	font-size:10px;
	line-height:12px;
	background-color:transparent;
	layer-background-color:transparent;
}	
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.menutransparent {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-moz-opacity:.9;
	opacity:0.9;
	filter/**/: alpha(opacity=90);
}
/* End IE5-Mac hack */

.menutransparent {
	position:absolute;
	top:0;
	left:0;
}

.opaque {
	-moz-opacity:1;
	opacity:1.0;
	filter/**/:alpha(opacity=100);
}
.deroulgh {
	background-image: url(../interface/deroul_gh.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 14px;
}
.derouldr {
	background-image: url(../interface/deroul_dr_big.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px 15px 10px 0px;
	list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: bottom;
}

#menu1 li .derouldr div a {
  display:block;
  background-image:none;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  text-decoration: none;
  clear:both;
  }
  
#menu1 li .derouldr div a:hover {
  display:block;
  background-image:none;
  margin: 0px;
  padding: 0px;
  color:#CC3300;
  text-decoration: none;
  clear:both;
  }
  
#menu1 .current .derouldr div a {
  display:block;
  background-image:none;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  text-decoration: none;
  clear:both;
  }
  
#menu1 .current .derouldr div a:hover {
  display:block;
  background-image:none;
  margin: 0px;
  padding: 0px;
  color:#CC3300;
  text-decoration: none;
  clear:both;
  }

/* Bckgrnd */
#bckgrndga {
	background-image: url(../interface/mosaique.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	width: 100%;
	height: 150px;
}
#bckgrnddr {
	background-image: url(../interface/mosaique.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	height: 150px;
}
.bckgrnddegrade {
	background-image: url(../interface/bckgrnd_degrade.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 140px;
}

/* Entetes */
H1 {
	font-family: "Times New Roman", Times, serif;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #ff9900;
}
H2 {
	font-family: "Times New Roman", Times, serif;
	margin: 5px 0px 10px 20px;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #ff9900;
}
H3 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
H4 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

H2 span {
	color: #ffb950;
	font-size: 24px;
}

/*.sous_titre {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ff9900;
	display:block;
}
.sous_titre_2 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	color: #ff9900;
	border-bottom:#ff9900 dashed 1px;
}
*/
.sous_titre {
font-weight: bold;
color: #FF9900;
font-size: 14px;
margin: 10px 0 10px 0;
display: block;
}
.sous_titre_2 {
font-weight: bold;
color: #0033CC;
}

/* Nouvelles */
#nouvelles {
	background-image: url(../interface/bckgrnd_nouvelles.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 290px;
	margin-left: 5px;
	overflow: hidden;
}
#nouvelles .titre {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 10px;
	margin-left: 50px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#nouvelles p {
	padding: 15px 15px 0px;
	margin: 0px;
	text-align:justify;
}
#nouvelles .suite {
	padding: 0px 15px;
	margin: 0px;
}

/* Fil d'Ariane */
#fil {
	background-image: url(../interface/bckgrnd_fil.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 750px;/*750*/
	margin-left: 5px;
	margin-top: 5px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
}
#fil_navigation {
	margin: 10px 0 10px 0;
	padding-top: 6px;/*16px;*/
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:700px;
	height:15px;
	overflow:hidden;
	float:left;
}
#fil_navigation a {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#fil_navigation a:hover {
	color: #c30;
	text-decoration: none;
}
/* Contenu des pages de liens */

.informationaccueil {
	text-align:justify;
	margin: 0 5px 10px 0;
}

.informationsection {
	margin: 20px;
	text-align:justify;
}

.informationsectionLeft {
	margin: 20px;
	text-align:left;
}

.informationsection img {
	/*margin: 0px 20px 0px 0px;*/
}

.informationsection_image {
	width: 80px;
	height: 80px;
	clip: rect(auto 80px 80px auto);
	clip: rect(0px, 80px, 80px, 0px);
	float:left;
	text-align: center;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;	
}

.informationsection_image_faune {
	margin: 0px 10px 20px 0px;
	float:left;
	text-align: center;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;	
}

.informationsection_image img {
	text-align:center;
}

.image_texte {
	margin: 0 10px 10px 0;
}

.informationsection_texte {
	margin: 0 0 0 95px;
}

.informationsection_texte ul {
	padding-left : 20px;
}

.informationsection_texte li {
	text-align : left;
}

img.fiche {
	margin: 0px 17px 15px 0px;
	padding: 0px;
}

.niv1 {
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #0033CC;
	padding: 0px;
}
.niv2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.niv3 {
	margin: 0px;
	font-size: 10px;
	padding: 0px;
}
.niv4 {
	margin: 0px;
	font-size: 9px;
	padding: 0px;
	text-align:right;
	width:180px;
	display:block;
}

.pourensavoirplus {
	margin: 10px 0 0 0;
}

.pourvoirespece {
	margin: 5px 0 10px 0;
}

#retourHaut {
	margin:5px 0px 5px 5px;
}

/* Pied de page */
#pied {
	height: 30px;
	padding: 0px;
	margin: 10px 0px 0px;
}
#pied #contenupied {
	position: relative;
	width: 764px;/*764*/
	margin: 0 auto;
	background-image: url(../interface/bckgrnd_pied.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 10px;
}
#pied #left {
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#pied #right {
	float: right;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #fff;
}
#pied #right a {
	color: #fff;
	font-weight: bold;
}
#pied #right a:hover {
	color: #c30;
}
#pied #center {
	text-align: center;
	color: #0033CC;
	padding: 25px 0px 0px;
	line-height: 16px;
	margin: 0px;
}

.admin {
	border:#CCCC99 dashed 1px;
	margin-bottom:10px;
}
.adminPromo {
	border:#CCCC99 dashed 1px;
}

.adminBulletin {
	border:#CCCC99 dashed 1px;
	margin-bottom:5px;
}
.adminentete {
	border:#CCCC99 dashed 1px;
}

/* Plan du site */
#plansite {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#plansite ul {
	margin: 0px;
	padding: 0px;
}
#plansite ul li {
	list-style-image: none;
	list-style-type: none;
	background-image: url(../interface/puce_plan.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:12px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
}
#plansite ul li ul {
	padding: 0;
	font-size: 90%;
	color: #000;
	font-weight: normal;
	margin: 0px;
}
#plansite ul li ul li {
	border: none;
	padding-left:10px;
	margin: 5px 0px 5px 10px;
	background-image: url(../interface/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#login_window {
	left: 50%;
	top: 50%;
	width: 250px;
	height:200px;
	position: absolute;
	margin-top: -100px;
	margin-left: -125px;
	background-image: url(../interface/bckgrnd_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
}
#login_window p {
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

.separateur {
	background-color: #9db9e8;
	height: 10px;
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div.hr {
  	background-image: url(../interface/bckgrnd_hr.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: none;/*left;*/
	height: 5px;
	width: 720px;
	border: 0px;
	clear: both;
	margin: 0px;
	padding: 0.01px 0px 0px 0px;
}
div.hr hr {
  display: none;
}

sub { font-size:9px; vertical-align:bottom; }
sup { font-size:9px; vertical-align:top; }

/*-- section fiche animale --*/

.informationfaune {
	margin: 20px 10px 20px 325px;
	text-align:justify;
}

#faune_infotechnique {
	text-align:left;
	float: left;
	width: 275px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #e0f0ff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url("/medias/interface/coin_faune.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

#faune_infotechnique ul {
	margin: 10px 0 0 10px;
	padding: 0px;
}

/* images faune */

#zone_diapo {
	margin: 0 0 10px 40px;
	padding-top: 3px;
	padding-bottom: 0;
	padding-left: 0;
	width: 675px;
	height: 135px;/*170*/
	/*border-top: 1px solid #ff8000;*/
}

#zone_diapo ul {
	margin:0px;
	padding:0px;
}

#zone_diapo ul li {
	list-style-image: none;
	list-style-type: none;
	float: left;
	background-image: none;
	margin:0px;
	padding:0px;
}

/* images faune */

#zone_diapo_admin {
	margin: 0 0 10px 40px;
	padding-top: 3px;
	padding-bottom: 0;
	padding-left: 0;
	width: 675px;
	height: 170px;/*170*/
	/*border-top: 1px solid #ff8000;*/
}

#zone_diapo_admin ul {
	margin:0px;
	padding:0px;
}

#zone_diapo_admin ul li {
	list-style-image: none;
	list-style-type: none;
	float: left;
	background-image: none;
	margin:0px;
	padding:0px;
}

#t1 {
margin: 0;
padding: 0;
/*width: 800px;*/
height:130px;
}

#t1_admin {
margin: 0;
padding: 0;
/*width: 800px;*/
height:161px
}

li#hold {
background-color: #fff;
margin: 0;
padding: 0;
position: relative;
z-index: 100;
width: 610px;
height: 135px;
overflow: hidden;
border: 1px dotted #ffb950
}

li#hold_admin {
background-color: #fff;
margin: 0;
padding: 0;
position: relative;
z-index: 100;
width: 610px;
height: 170px;
overflow: hidden;
border: 1px dotted #ffb950
}

div#wn {
margin: 2px 5px 2px 5px;
padding: 0;
position: absolute;
z-index: 1;
width: 600px;
height: 130px;
overflow: hidden;
clip: rect(0px, 600px, 135px, 0px);
}

div#wn_admin {
margin: 5px;
padding: 0;
position: absolute;
z-index: 1;
width: 600px;
height: 161px;
overflow: hidden;
clip: rect(0px, 600px, 166px, 0px)
}

div#lyr1 {
visibility: hidden;
margin: 0;
padding: 0;
position: absolute;
z-index: 1;
top: 0;
left: 0
}

#flechegh_admin a {
background-image: url("/medias/interface/btn_gauche.gif");
background-repeat: no-repeat;
margin-top: 75px;
margin-right: 5px;
margin-left: 5px;
padding: 0;
width: 21px;
height: 21px;
display:block;
}

#flechegh_admin a:hover {
background-image: url("/medias/interface/btn_gauche_ov.gif");
background-repeat: no-repeat;
cursor:pointer;
}

#flechedr_admin a {
background-image: url("/medias/interface/btn_droite.gif");
background-repeat: no-repeat;
margin-top: 75px;
margin-right: 5px;
margin-left: 5px;
padding: 0;
width: 21px;
height: 21px;
display:block;
}

#flechedr_admin a:hover {
background-image: url("/medias/interface/btn_droite_ov.gif");
background-repeat: no-repeat;
cursor:pointer;
}

#flechegh a {
background-image: url("/medias/interface/btn_gauche.gif");
background-repeat: no-repeat;
margin-top: 55px;
margin-right: 5px;
margin-left: 5px;
padding: 0;
width: 21px;
height: 21px;
display:block;
}

#flechegh a:hover {
background-image: url("/medias/interface/btn_gauche_ov.gif");
background-repeat: no-repeat;
cursor:pointer;
}

#flechedr a {
background-image: url("/medias/interface/btn_droite.gif");
background-repeat: no-repeat;
margin-top: 55px;
margin-right: 5px;
margin-left: 5px;
padding: 0;
width: 21px;
height: 21px;
display:block;
}

#flechedr a:hover {
background-image: url("/medias/interface/btn_droite_ov.gif");
background-repeat: no-repeat;
cursor:pointer;
}

#imprimerFichePDF {
	line-height: 22px;
	vertical-align: middle;
	margin: 10px 0 10px 0;
}

#imprimerFichePDF a {
	cursor: default;
	text-decoration: none;
}

#imprimerFichePDF a:hover {
	text-decoration: none;
}

#imprimerFichePDF img {
	display: block;
	float: left;
}

#imprimerFichePDF span {
	display: block;
	float: left;
	margin-left: 5px;
}

#imprimerPage {
	position:relative;
	float: right;
	clear: right;
	margin:12px 28px 0 0;
	width: 20px;
	height: 22px;
	text-align: right;
	/*background-color: #FFB950;*/
}

#imprimerPage a {
	margin:0px;
	padding: 0px;
	cursor: default;
}