/* ------------------ body ---------------------------------------- */
body, html{
  background-color: #C7BA9B;
  margin : 0 0 0 0;
  padding: 0 0 0 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  text-align:center;

  background-repeat: repeat-x;
  background-position: top;
  background-image: url(/images/background.jpg);
}
body{
	  font-size: 62.5%;
}
.sections img{
	border:none;
}
.center{
	text-align: center;
}
.no-border{
border: none;
}
/* ------------------ GLOBAL ----------------------------- */
.global{
	width: 755px;
	background-color: #fff;
	margin: 3px auto 5px auto;
	padding: 0 0 10px 0;
	background-position:  8px 8px;
	background-repeat: no-repeat;
	background-image: url(/images/background_1.jpg);
	font-size: 1.1em;
}




/* background-images*/
.jeunes{
		background-image: url(/images/background_8.jpg);
}
.publications{
		background-image: url(/images/background_1.jpg);
}
.presentation{
		background-image: url(/images/background_2.jpg);
}
.observationsall{
		background-image: url(/images/background_4.jpg);
}
.actions_all{
		background-image: url(/images/background_14.jpg);
}
.membres{
		background-image: url(/images/background_3.jpg);
}
.presse{
		background-image: url(/images/background_5.jpg);
}
.oiseau_annee{
		background-image: url(/images/background_9.jpg);
}
.oiseau_annee_07{
		background-image: url(/images/background_15.jpg);
}
.oiseau_annee_08{
		background-image: url(/images/background_16.jpg);
}
.oiseau_annee_2009{
		background-image: url(/images/background_17.jpg);
}
.oiseau_annee_10{
		background-image: url(/images/background_18.jpg);
}
.liens{
		background-image: url(/images/background_10.jpg);
}
.galerie{
		background-image: url(/images/background_11.jpg);
}
.map{
		background-image: url(/images/background_12.jpg);
}
.news{
		background-image: url(/images/background_13.jpg);
}
.agenda{
		background-image: url(/images/background_6.jpg);
}
.contact{
		background-image: url(/images/background_7.jpg);
}
#logo{

       		background-image: url(/images/logo1.png);
       		background-repeat: no-repeat;
		background-position: 15px 15px; 
/*		width: 268px; */
          width: 283px;
        	height: 118px;
			   
	}
.zone1 {
  /*padding: 0px 286px 87px 0px;*/
    padding: 0px 286px 110px 0px;
  display: block;
  z-index: 1000;
width: 1px;
height: 1px;

}
.zone1 span{
	display: none;
}

#onglets{
		background-image: url(/images/fd_onglets.png);
				background-position: top;
		background-repeat: repeat;
		height: 1.636em; 
		margin: 0 9px 0 8px;
		padding: 8px 8px 0 0;
		text-align: left;
		border-top: 1px solid #877259;
		}
		
#onglets a{
		color: #171516;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.909em;
}
.onglet_tit_mem{
	padding:  0 3px 0 3px;
	border-right: 1px solid #fff; 
}




#lang{
	float: left;
	width: 152px;
	padding-left: 5px;
}

#global2{
	clear: both;
	margin: 0 9px 0 8px;
	text-align: left;
        background-image: url(/images/fd_top.png);
        border-top:1px solid #fff;
	
}

/*TITRES*/
#page-title{
		width: 398px;
}

h1{
	font-size: 1.090em;
	font-weight: bold;
	color: #171516;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
#page-title2{
	float: left;
	width: 278px;
	margin-top: 9em;
	}


h2{
	font-size: 1em;
	color: #0c3d00;
	font-weight: bold;
	margin : 0 0 0 8px;

}
/*TITRES*/
h3{
	font-size: 1.27em;
	color: #0c3d00;
	font-weight: bold;
	margin : 0 0 0 8px;
}
h4{
	font-size: 1.090em;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin : 10px 0 0 0;
}
/*IMAGES*/
.right{
	float: right;
	/*display: block;
	padding: 0 0 0 7px;
	margin: 0;*/
}
.left{
	float: left;
}
/*left menu*/
#left{
	width: 148px;
	min-height: 240px;
	margin: 0 0 0 0;
	float: left;
	background-color: #fff;
}
.nav1{
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	list-style-type: none;
	border-right: 1px solid #fff;
	border-bottom : 1px solid #877259;
	background-color: #EBE9E0;
		position: relative;
}
.nav1 a, .nav2 a {
	font-weight: bold;
   text-decoration: none;
	padding-bottom: 4px; 
	margin-left: 8px;
}

.nav_act1, .nav_off1{
   margin-top: 4px; 
	padding-bottom: 4px; 
		position: relative;
}

.nav_act1 a{
	color: #0C3D00;
}
.nav_off1 a{
	color: #171516;
}
.extra{
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}
.nav2{
	margin-top:0;
	margin-left: 15px;
	padding: 0;
	list-style-type: square;
	font-size: 0.909em;
}

.nav_act2, .nav_off2{
	margin-top: 2px; 
	padding-bottom: 2px;

}

.nav_act2 a{
	color: #0C3D00;
	margin-left:0px;
	display: block;
}
.nav_off2 a{
	color: #171516;
	margin-left:0px;
	display: block;
}


/*NEWS*/
#news{
		display: block;
	float: right;
	min-height: 10em;
	width: 304px;
	margin : 0 0 0 0;
		}
#news dl{
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	border-left: 1px solid #AFB087;
	border-right: 1px solid #AFB087;
		background-color: #DEDECE;
		}
#news_bottom{
	display: block;
	width: 304px;
	height: 13px;	
	margin : 0 0 0 0;
		background-image: url(/images/news_bottom2.png);
	background-position: bottom ;
	background-repeat: no-repeat;
	
	}

/*#news{
	display: block;
	float: right;
	min-height: 10em;
	width: 304px;
	border: none;
	background-image: url(/images/news_bottom.png);
	background-position: bottom ;
	background-repeat: no-repeat;
	margin : 0 0 0 0;

  background-color: white;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/news_bottom1.png'); 
	}*/
	
	
#news a {
	color: #171516;
	text-decoration: none;
	}
#news a:hover {
	text-decoration: underline;
	}
	

#news dl{
min-height: 105px;
}

#news dt{
	margin : 0 0 0 0;
	background-color: #AFB087;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
	position: relative;
}
#news dd{
	margin : 0 0 0 0;
	padding : 1px 2px 1px 10px;
	border-top : 1px dotted #AFB087;
	position: relative;
}



/* Main - droite*/
#main{
	margin-left: 148px;
	}

.content_txt{
	margin: 0px 0 35px 0;
	padding: 5px 5px 5px 10px ;
	text-align: justify;
	background-color: #fff;
	float: left;
	width: 576px;
	min-height: 100px;

}
.content_txt a{
	color: #0c3d00;
}
.content_txt p img{
	vertical-align: middle;
}
.clear{
	clear: both;
}
.null{
	line-height: 1px;
}


/*Notice legale*/
#notice{
		font-size: 10px;
}
#notice a{
	text-align: center;
	color: #171516;
	text-decoration: underline;
}


/*Sitemap*/
.sitemap a {
	color: #171516;
	text-decoration : none;
}
.sitemap h2{
		margin: 8px 3px 3px 3px;
		border-bottom: 1px dotted #765;
}
.sitemap h3 a{
	font-size: 11px;
	margin:0 0 0 15px;
	font-weight: normal;
}




/* ----------Page Intro--------------------------*/

#welcome{
		color: #afb087;
		font-size: 18px;
		font-weight: bold;
		font-style : italic;
		margin: 0 0 0 5px;
}

#welcome_1{
		color: #171516;
		font-size: 12px;
		font-weight: bold;
		font-style : italic;
		margin:20px 0 0 30px;
}
.welcome_ul{
	list-style: none;
	background-image: url(/images/welcome.gif);
	background-position: 5px top ;
		background-repeat: no-repeat;
	color: #45402F;
	font-weight: bold;
	height: 80px;
	margin: 0 0 0 0;
}

.welcome_ul li{
	margin : 12px 0 12px 100px;
}

.springelive{
	width: 135px;
	height: 135px;
	position: absolute;
	margin: 0 -3px 0px -150px;
		}
.springelive a {color: #A29F7A;}
.springelive a img{border: none;}
.springelive span{
	text-align: center;
	display: block;
	color: #A29F7A;
	font-size: 0.9em;
}
.birdlife{  margin-top:20px;
text-align: center;
width: 250px;
float: left;
}
.birdlife img{
margin-bottom: 15px;
}
.petition{
float: right;
margin-top: -25px;
}
.none{clear:both; line-height:0;}
.petition a img{border: 0px solid #000;  margin-right:70px;}
/*ACTIONS*/
.actions_intro{
	display: block;
	min-height: 7em;
	clear: both;
	margin : 0 0 0 0px;
	background-color: #EBE9E0;
	background-image: url(/images/action_bd.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.actions_intro dl{
	margin:0 0 0 0;
	min-height: 7em;
	background-image: url(/images/action_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.actions_intro dt{
	background-color: #AFB087;
	border-top: 1px solid #877259;
	padding: 4px 2px 4px 2px;
	font-weight: bold;

}
.actions_intro dt a{
	text-decoration: none;
	padding: 10px 0 0 8px;
	color: #171516;	

}
.actions_intro dd{
	margin : 15px 5px 5px 5px;
}
.actions_intro dd a{
	color: #0c3d00;
	font-style: italic;
	text-decoration: none;
}
.actions_dl dt a{
	font-weight: bold;
	color: #171516;
	}
.actions_dl{
	border-bottom: 1px dotted #333;
	margin-bottom: 10px;
	padding: 2px 2px 2px 2px;
}
.actions_dl .dd1{
	margin:10px 0 0 0;
}
.actions_dl .dd2{
	margin:10px 0 0 0;
	color: #765;
	font-style: italic;
}

/*              Form               */

input, textarea{
	border-right: 1px solid #171516;
	border-bottom: 1px solid #171516;
	border-top: 1px solid #afb087;
	border-left: 1px solid #afb087;	
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.textarea_admin{
	width: 550px;
}
#subit{
	background-color: #EBE9E0;
}
button{
		border-right: 1px solid #171516;
	border-bottom: 1px solid #171516;
	border-top: 1px solid #afb087;
	border-left: 1px solid #afb087;	background-color: #EBE9E0;
	
}

/*admin*/

.ico_actions{
	border: none;
	margin: 2px 2px 2px 2px;
}

.actions_edit{
  border: 1px solid #877259;
  margin-bottom: 10px;
}
.actionsHeading { 
  cursor: pointer;
  cursor: hand;
  margin-top: 0px; 
  background-color: #ebe9e0;
  padding: 2px;
  border-bottom: 1px solid #877259;
}
.activeActionsHeading {
	font-weight: bold;
	background-color: #afb087;
	margin-top: 0px;
}
.background{
		margin-top: 5px;
		padding: 2px 2px 2px 2px;
}
.actionsResume{
	margin-bottom: 15px;
	color: #0c3d00;
	font-style: italic;
}

/*      Formulaire             */
form{
	clear: both;
}
.tit_form{
	float: left;
	width: 20%;
	text-align: right;
	display: block;
	height: 2em;

}
.tit_form1{
	float: left;
	width: 20%;
	text-align: right;
	display: block;
	height: 14em;
}
.form_input{
float: right;
	width: 80%;
	display: block;
	height: 2em;
}
/*Plan d'acces*/

.form_textarea{
float: right;
	width: 80%;
	display: block;
	height: 14em;
}

/*Plan d'acces*/
/* we used a "commentaire francais" aka french comment, so this comment is just for making IE happy, this CSS is NOT UTF-8 */

#plan{
	float: right;

}
#plan img{
	border:none;
}
#plan a{
	text-decoration : none;
}
/*  News - view*/
.news_tit2{
	padding: 0.5em 0.5em 0em 0.5em;
	display: block;
	border-bottom : 1px dotted #AFB087;
}
.news_tit2 a{
	font-size: 0.909em;
	font-weight: bold;
	color: #171516;
}
.news_tit1{
	font-size: 1.1em;
	font-weight: bold;
}
.newsContent, .agendaContent {
	margin-top: 5px;
	font-size: 1em;
}
.newsImageContainer, .observationsImageContainer{
	float: right;
	margin-left: 0.8em;

}
.editableNews * { background-color: #EBE6CE; }
.insertDocumentHover, .editableDocument { background-color: #EBE6CE; cursor: pointer; cursor: hand; }
.pre-wrap {  
 white-space: pre-wrap;       /* css-3 should we be so lucky... */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 ?? */
 white-space: -o-pre-wrap;    /* Opera 7 ?? */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 _white-space: pre;   /* IE only hack to re-specify in addition to word-wrap  */
}

.documentContainer {
	padding-top: 10px; 
	list-style: none;
	margin : 0 0 0 0;
 }
.documentContainer a { 
	color: #0c3d00;
	font-weight: normal;
	}
.documentContainer li img { 
	vertical-align: middle;
	border: none;
	margin-right: 5px;
	}

.clear1{
	clear: both;
	height: 1px;
}


.newsDocuments ul{
	list-style: none;
}

/* News Edit*/

.newsHeading { 
  cursor: pointer;
  font-weight: bold;
  cursor: hand;
  margin-top: 20px; 
 /* background-color: #BCE18E;
  border-top: 1px solid #BCE18e;
  border-right: 1px solid #BCE18e;
  border-left: 1px solid #BCE18e;*/
  	padding: 2px;
	font-size: 1.0em;
}
.background{
	/*background-color: #ebe9e0;*/
/*	border:1px solid #dadac8; */
	padding: 8px 2px 4px 2px;

}

/*IMAGES*/



.img-wrapper {
		background: url(/images/shadow.png) no-repeat bottom right;
	
		float:left;
	line-height:0;
	}

.img-wrapper img {
  background:#fff;
  padding:1px;
  border:1px solid #dadac8;
  position:relative;
  left:-4px;
  top:-4px;
}



/* Agenda view*/
.agenda_dl{
	margin : 0 0 10px 0;
	border-bottom: 1px dotted #45402f;
	padding: 2px 2px 5px 2px;
}
.agenda_dl dt{
	font-weight: bold;
		margin : 0 0 10px 0;
}
.agenda_dl .dd1{
	margin : 0 0 0 0;
}
.agenda_dl .dd2{
	margin : 5px 0 0 0;
	font-style : italic;
	color: #765;
}
.agenda_dl .dd3{
	margin : 5px 0 0 0;

}
/* Agenda edit*/
.agendaEndDate, .agendaStartDate, .agendaTitle, .observationsTitle{
	font-weight: bold;
	margin: 0 0 10px 0;
}
.agendaLocation, .agendaWho{
	color: #765;
	font-style: italic;
}
.agendaEdit:hover{
background-color: #ebe9e0;
}
/*langues - administration edition*/
.onglets_all{
	padding: 0 0 0 0;
	width: 550px;
	display: block;

}
.onglets_menu {
   float:left;
 	width: 100%;
	margin : 0 0 0 0;
    font-size:91%;
    line-height:normal;
	background-image: url(/images/admin/fd_shop_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;

  }

.onglets_menu ul {
      margin:0;
      padding:10px 10px 0 ;
      list-style:none;
		
      }
.onglets_menu li {
      display:inline;
      margin:0;
      padding:0;
      }
.onglets_menu a {
      float:left;
      background:url("/images/admin/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      text-decoration:none;
			border-bottom: 1px solid #bebe9d;
		
      }
.onglets_menu a span {
      float:left;
      display:block;
      background:url("/images/admin/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#765;
	
      }
		
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.onglets_menu a span {float:none;}
    /* End IE5-Mac hack */
.onglets_menu a:hover span {
      color:#333;
      }
.onglets_menu .current a {
      background-position:0 -150px;
      border-width:0;
		      }
.onglets_menu .current a span {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
		      }
.onglets_menu a:hover {
      background-position:0% -150px;
      }
.onglets_menu a:focus {
      outline: none;
}

.onglets_menu a:active {
      outline: none;
}

.onglets_menu a:hover span {
      background-position:100% -150px;
      }

.onglets_content{
	border-bottom: 1px solid #bebe9d;
	clear: both;
	border-left: 1px solid #bebe9d;
	border-right: 1px solid #bebe9d;
	padding: 2px 2px 2px 2px;
	margin-top: 1.5em;
	background-color: #fefefb;
}
.onglets_content p div{
width: 200px;
float:left;
display: inline;
}
.onglets_content dd:hover, .observationsTitle:hover, .observationsText:hover{
	background-color: #ebe9e0;
}
.lang_edit{
	color: #0c3d00;
	font-weight: bold;
}

/*langues - administration dition - fin*/

/*Actions - Edit*/
.actionsContent{
/*	border: 1px solid #c7ba9b; */
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
}
.contentFormat dt{
	font-weight: bold;
	color: #171516;
	border-bottom: 1px dotted #c7ba9b;
}
.contentFormat dd{
	margin : 10px 0 0 0 ;

}
.actionsSummary{
	font-style: italic;
	color: #45402f;
}


/* Links*/
.dl_links dt{
	margin : 1.5em 0 0.2em 0;
	font-weight: bold;
}
.dl_links dd{
	margin: 0 0 0.2em 1em;
}
.dl_links dd img{
	margin-top:5px;
}
.dl_links dd a{
	font-weight: bold;
}
.dl_links dd dl dt  {
	margin: 0;
	padding: 0;
}

/*Presse edit*/
.documentContainer {
	padding-left: 0;
}
.documentContainer li{
	margin-top: 15px;
	/*border-bottom: 1px dotted #171516;*/
}
.documentDescription{
	color: #765;
}

/* Presse - view*/

.down dt img{
	vertical-align: middle;
}
.down dd{
	margin:0 0 15px 25px;
	color: #333;
	font-style: italic;
	
}

/* pdf download*/
.pdf_download{
	font-style: italic;
	color: #333;
	padding: 2px 2px 2px 12px;
	border: 1px solid #afb087;
}
.pdf_download img{
	vertical-align: middle;
	border: none;
}


/* partie fichiers*/

#fichiers dd a {
  height: 7.5em;
  text-decoration: underline;
  	color: #765;
}

#fichiers dt {
   clear:both;
   width:9em;
   float:left;
   height: 7.5em;
}

#fichiers dd {
   float:left;
   width:65%;
	margin:0 0 0.5em 0.25em;
	padding: 0.5em 0.5em 0.5em 0.5em;
   text-align:left;
   height: 7.5em;
	border-top: 1px solid #C9C9C8;
	border-left: 1px solid #C9C9C8;
	border-right: 2px solid #A3A3A2;
	border-bottom: 2px solid #A3A3A2;
	background-image: url(/images/fichiers/fd_fichiers.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#fichiers img{
	border: none;
}

.popup img{   
   background-color: #f5f5f5;
   border:1px solid #C7BA9B;
   padding:0.3em 0.3em 0.3em 0.3em;
	
}
.popup{   
   width:100%;
	height: 1px;
/*   position:absolute; */
position: fixed;
	background-color: transparent;
	text-align:center;
	z-index: 1000;
		top:122px;
	   	
}

.banner-intro{
background-color: #fff;
}