body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 12px;*/
  font-size : 11px;	 
  font-weight : normal;
  color : #000000;
	margin: 0;
	padding: 0;
	background-color: #cccccc;
	}

/* mise en page */
#conteneur {
	position: absolute;
	width: 800px;
/* pour centrer le site mais pb à la résolution 800 : la barre de défilement horizontal
  est bloquée à gauche, et comme le site est centré et la largeur de 800, tronque le texte à gauche
  encore plus évidemment si la fenêtre est "réduite" */
	left: 50%;
	margin-left: -400px;
  background-color: #FFFFFF;
	border: 1px black solid;
	}
#milieu3cols {background: url(_images/_design/vert.gif)  repeat-y left top;}
#milieu3colsda {background: url(_images/_design/saumon.gif) repeat-y right top;}
#gauche3cols {float: left; width: 130px; height: 900px;}
#droite3cols {float: right; width: 130px;}
#centre3cols {margin-left: 130px;	margin-right: 130px;}
#milieu2cols {background: url(_images/_design/vertvert.gif)  repeat-y left top;}

#gauche2cols {float: left; width: 130px; height: 760px;} 

#centre2cols {margin-left: 130px; text-align : justify ;}
.flux {clear: both; height: 1px;	font-size: 1px;	border: none;	margin: 0; padding: 0; background: transparent;}
.flux2 {clear: left; /* left suffit mais si je ne veux garder qu'une classe, both marche aussi bien sûr... */
			 height: 1px;	font-size: 1px;	border: none;	margin: 0; padding: 0; background: transparent;}


/* seules les couleurs de fond et de texte changent, voir comment optimiser... */
.gauchetitre{height: 30px;							
	background-color: #BEDFD6 ;
	color : #006B5B;
	font-weight: bold;	font-size: 13px ; text-align: center ; line-height: 30px;
	}
.droitetitre{height: 30px;							
	background-color: #FFC080 ;
/*	color: #003399;*/
  color : #006B5B;
	font-weight: bold; font-size: 13px ; text-align: center ; line-height: 30px;
	}

.titredroite{height: 30px;							
	background-color: #bbbbbb ;
	font-weight: bold; font-size: 13px ; text-align: center ; line-height: 30px;
	}			 

/* colombin en "normal" ........................................................ */			 
.centreespece{
  /* si je ne mets pas les valeurs de width et float, ça marche normalement
	sous Firefox et sous Netscape, mais IE laisse la minii-marge dont il a l'habitude à droite :
	cette mini-marge qui se voit sur les pages à "chapo",
	qui se voit tout le long des menus et disparaît lorsqu'il n'y a plus de texte
	dans les menus à gauche, et pour la page d'accueil, dans observer et agir,
	i.e. lorsque l'on arrive en bas...
	c qd même embêtant ce bug d'i.e. (enfin, est-ce vraiment un bug ? mais pour l'isntant
	je n'arrive pas à en déterminer la cause, il n'y a pas de padding, de margin etc...
	qui pourraitn l'expliquer... c comme si l'écriture adjacente le gênait... hum...
	de même, pourquoi les bordures sont prises en compte lorsqu'elles sont horizontales
	et pas lorsqu'elles sont verticales... (confer les anciennes positions absolues à
	respectivement 129 en top et 130 en left de manière à voir ces bordures) :
	chercher de ce côté-là...
	si je le force ici, c parce que comme le fond n'est pas blanc, pour l'espèce du mwidth: 390px; float: right;
  height: 105px;  
/*	display: block;*/
  background-color: #BEDfd6;
	text-align : justify;
	}
.especemois h2{margin: 0; padding: 2px 0 0 5px; font-size: 11px;} /* padding : haut droite bas gauche */
.especemois p{margin: 0; padding: 5px; font-size : 10px; line-height : 13px;}
/* fin colombin en "normal" .................................................... */	

/* colombin en absolu ........................................................ */
.centretitre{height: 30px;							
	background-color: #006B5B ;
	color : #FFFFFF;
	font-weight: bold;	font-size: 13px ; text-align: center ; line-height: 30px;
	}
.oiseaumois{height: 105px;/* pour mésange 90px, pour colombin, Philippe est passé à 105...*/
  background-color: #BEDfd6;
	text-align : justify;
	}
.oiseaumois p {margin: 0 10px; font-size : 10px; line-height : 13px;}
.oiseaumois h3 {margin: 0 10px; padding-top: 5px;}	

.actu {position: absolute; left: 130px; top: 330px; width: 540px;}/* attention, c actu, à mettre en commentaires qd on choisit colombin en "normal" */
/* fin colombin en absolu .................................................... */


/* pour rappel (padding ou margin)

   padding:<haut-bas>,<gauche-droite>; 
   padding:<haut>,<gauche-droite>,<bas>; 
   padding:<haut>,<droite>,<bas>,<gauche>;	*/
	
.actu img {float: left; margin-left: 20px; padding: 15px 20px 0 0;}	
.actu p{margin: 0 20px; padding-bottom: 15px; border-bottom: 1px black solid; text-align: left;}
.actu h1{margin: 0 20px; padding: 15px 0 5px; font-size: 15px; line-height: 20px;}
.actu h2{margin: 0; padding: 15px 0 0 0;}

.actu2 {margin: 15px 20px 0; padding-bottom: 15px; border-bottom: 1px black solid;}
.actu2 p{margin: 0; padding-bottom: 0px; border-bottom: none;}
.actu2 h1{margin:0 ; padding-top: 0px;}
.actu2 h2{padding: 0;}	






.accueil {position: absolute; top: 129px; left: 0px; margin: 0px;}
.accueil p{margin: 0px;}	
.accueil a{height: 37px; width: 130px; display: block; background-image: url(_images/_design/acc.jpg);}	
.accueil a:hover{background-image: url(_images/_design/acc2.jpg);}	


.menuoa {margin: 24px 0 0; padding: 0;}
.menuoa ul {margin: 0 ; list-style-type: none;}
.menuoa li {margin: 0px 10px 15px; font-size: 11px; font-weight: bold; color: #006B5B; line-height: 13px;}
.menuoa p {margin: 0px; font-size: 9px; font-weight: normal; color: #000000; line-height: 12px;}


.menu {margin: 0; padding: 64px 0 0;} 
.menu ul {margin: 0; list-style-type: none;}
.menu li {margin: 0px 5px 15px; font-size: 11px; font-weight: bold; color: #006B5B; line-height: 13px;}/* rappel : top left bottom right et top left/right bottom */
.menu h1 {padding: 0; margin : 10px 5px; font-size: 15px; line-height: 16px;}
.menu p {margin: 0px 5px; font-size: 9px; font-weight: normal; color: #000000; line-height: 12px;}

/* je ne peux pas garder la police Geneva, dsl, je t'expliquerai pourquoi...
.menu p {margin: 0px 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-style: normal; color: #000000; line-height: 13px;}
remarque : à 10px on ne voit pas le strong
ce doit être font-weight plutôt que font-style d'ailleurs, peu importe*/
/*
si j'écris ça :
.menu li p{margin: 0px 0px;
font-size: 9px; font-weight: normal; color: #000000; line-height: 12px;} 
ça marche mais bordel pour le p class sous menu... comprends pas - pas le temps de regarder... pffff*/

.sousmenu ul{margin : 0px;}
.sousmenu li{font-size: 10px; margin : 0 5px 5px; line-height: 13px;}
.sousmenu p{margin: 0 0 5px; padding:0; font-size: 11px; font-weight: bold; color: #003399; line-height: 13px;}


/* texte */

p {margin: 0 20px 10px; padding: 0; line-height: 15px;}
ul {margin: -10px 40px 10px 50px; padding :0; list-style-type: square;}/* 211006 j'ai modfié margin top de ul pour remettre à zéro avec paragraphe à 10 vers le bas...*/
li {margin: 0; padding: 0; line-height: 15px;}
a {text-decoration: none ; color: #003399;}
a:hover {color: #0066FF;}
/* rappel : top left bottom right et top left/right bottom */
table {border-bottom: 2px black solid; border-top: 2px black solid; margin: 20px; text-align: left;}
th {padding: 10px 10px; vertical-align: top ;}
td {border-top: 1px black solid; padding: 10px 10px; vertical-align: top ;}
.expo {vertical-align:super; font-size:10px; line-height:15px}

/* rajouts*/
img {border: none;}

.indice {vertical-align: 0px; font-size :100%;}

/* pour liens *//*img {float: right;} modif pour image en survol et nouvelle classe du coup */
.fleche a {float: right; display: inline; height: 18px; width: 18px; background: url(_images/_design/flechehautbleuecontour.gif) no-repeat ;}
.fleche a:hover {background: url(_images/_design/flechehautbleuepleine.gif) no-repeat ;}



/*.navig {margin: 0px 20px 10px; background-color: #696C6C; padding: 1px 195px;}
pour "centrer" )))) c le seul truc qui est de l'a peu-près, l'ajustement du padding */
.navig {margin: 0px 20px 30px 20px; background-color: #696C6C; padding: 1px 0px 1px 205px;}
/*.navig {margin: 0px 20px 10px; background-color: #696C6C; padding: 1px 0px;}*/
.navig ul{list-style-type: none; margin:0; padding:0; height: 20px;}
.navig li {float: left; line-height: 20px;}
.text {width: 180px; text-align: center;}
.navig a {height: 20px; width: 20px; display: block;}
.navig_prec a{background: url(_images/_navigation/navigpr.gif) no-repeat;}
.navig_prec a:hover{background: url(_images/_navigation/navigprs.gif) no-repeat ;}
.navig_suiv a {background: url(_images/_navigation/navigsv.gif) no-repeat ;}
.navig_suiv a:hover{background: url(_images/_navigation/navigsvs.gif) no-repeat ;}

.navig_prec_verte a{background: url(_images/_navigation/verte/navigvpr.gif) no-repeat;}
.navig_prec_verte a:hover{background: url(_images/_navigation/verte/navigvprs.gif) no-repeat ;}
.navig_suiv_verte a {background: url(_images/_navigation/verte/navigvsv.gif) no-repeat ;}
.navig_suiv_verte a:hover{background: url(_images/_navigation/verte/navigvsvs.gif) no-repeat ;}

	
.navig_prem a {
	background: url(_images/_navigation/navigpm.gif) no-repeat ;
  }
.navig_prem a:hover{
	background: url(_images/_navigation/navigpms.gif) no-repeat ;
	}	
.navig_dern a {
	background: url(_images/_navigation/navigdn.gif) no-repeat ;	
  }
.navig_dern a:hover{
	background: url(_images/_navigation/navigdns.gif) no-repeat ;
	}













.balises {margin: 20px 30px;}
.balises table{margin: 0px; border-top: none; border-right: none; border-bottom: 1px black solid; border-left: 1px black solid; width: 607px;}
.balises td {padding: 0px; border-right: 1px black solid;}
.balises p {text-align: justify;}
.balises li {text-align: justify;}
.balises pre{margin: 0px; padding: 0px; border: none;}

pre {margin: 20px 30px; padding: 10px; border: 1px solid black;}

h1 {margin: 0 20px; padding: 20px 0;
font-size: 18px; font-weight : bold; color: #006B5B;}/*rgb(0, 107, 91)*/

/* du coup parce que j'ai corrigé le style de h6 je corrige le style
de h2 au niveau du padding (mais pas de h1) */


h2 {margin: 0 20px; /*padding: 5px 0 15px;*/ padding: 10px 0 10px; font-size: 13px; font-weight : bold; color: #554499;}/*rgb(0, 51, 153)*/

/* marges pour h6 :
uniquement parce que sous IE - pas sous Firefox ou Netscape-,
les italiques crèent une marge à droite, je ne peux laisser à 20 à droite, le cadre dépasse
NON : même changer la marge à droite, ou le padding, ne suffit pas, c dû aux italiques...
*/

/*
ancien chapo jusqu'au 19 03 06 (italiques bleues), il faut corriger dans les fichiers du dev,
de même que dans maître hibou pour Jean-Claude ? à voir...
h6 {
margin: 0 20px; padding: 0 0 10px;
font-size: 15px; font-style : italic ;
color: #003399;
font-family: "Times New Roman", Times, serif;; font-weight: lighter}*/

h6 {
/*text-align:left;*/
margin: 0 20px; padding: 0 0 10px;
font-size: 12px; font-style: normal;
text-align: left;
/*color:#222222;color: #006633;color:#006699;*/color: #554499;/*color: #006B5B;/* mon initiative par rapport à ce qu'a fait Philippe pour la grippe aviaire*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 18px;
}


h3 {margin: 0 20px; padding: 0; font-size: 11px; font-weight: bold ; color: #554499;}
h4 {margin: 0 20px; padding: 0; font-size: 15px; color: #006B5B;}
h5 {margin: 0px 20px 0; padding: 24px 0 2px; border-bottom: 1px black solid; font-size : 11px; font-weight: bold ; color: #006B5B;}


/* fichier noterobs/fiches-d-observation */
.ficobs {margin: 20px; background-color: #EAE8E8; padding-top: 10px; padding-bottom: 1px;}/* voir pour autres que IE windows les padding,
ici qq soit la valeur mise, même résult */
.ficobs table {border-color: #006699; margin: 15px 20px 5px; text-align: center;}
.ficobspbd {color: #006699; font-weight: bold;}
.ficobspbi {margin-left: 200px; color: #006699; font-style: italic; font-weight: bold;} 


/* grippe aviaire fichier de liens
je ne pense pas utiliser h3 ailleurs, je l'ai supprimé partout à voir...
de même h4 (pa) etc...*/

.ga h3{margin: 10px 20px 0; padding: 10px 0 0; border-top: 1px black solid;}




/* presque comme sorties, mais pas pour h2 par ex. je vais mieux intégrer cela..
à harmoniser... même chose pour correspondance des h1,...,h6
encore des redondances, à voir au choix "définitif" des styles */

/* concernat stylerect : je l'ai supprimé dans rtelecharg 200306, et mis en local..
voir si d'autres fichiers l'ont encore...*/
.stylerect p{margin: 0 20px 0;}
.stylerect h2{margin: 10px 20px 0; padding: 10px 0 0; border-top: 1px black solid;}
.stylerect h3{margin: 10px 20px 0; padding: 10px 0 0; border-top: 1px black solid;}


/* pour prog et agenda */	
.stylesorties p{margin: 0 20px 0; line-height: 13px;}
.stylesorties h4{font-size: 13px; font-weight : bold; color: #554499;}
.stylesorties h3{margin: 0 20px 0; line-height: 13px; color: #000000;}
.stylesorties h2 {margin: 10px 20px 0; padding: 10px 0 0; border-top: 1px black solid; border-bottom: none;
font-size : 10px; font-weight: bold ; color: #006633;}





/* legal */

#bas {
  border-top: 1px black solid ;
	text-align : center;	font-size: 9px; 
	padding-top : 5px;
	}

/* bannière */

#haut {
	height: 128px;
  border-bottom : 1px black solid;
	font-size : 10px; /* essais avec font-size: 0.8em; */
	font-weight : bold;
	color : #FFFFFFF;
	}

.logo {
	position: absolute ;
	height : 128px ;
	width : 130px ;
  background-image: url(_images/_banniere/logocorif.jpg) ;
	}

.oiseaux {
	position: absolute ;
	left: 130px ;
	height: 108px ;
	width: 540px ; 
	background-image: url(_images/_banniere/oiseaux.jpg) ;
	}
.oiseaux h1 {
	margin: 3px 0px 0px 10px ;
	padding: 0px ;
	text-align: left ;
	font-size: 11px ;
  _letter-spacing: 2px ;
	color: white ;				 
	}
.oiseaux ul{margin: 0; list-style-type: none;} 

.onglets {
	position: absolute ;
	top: 98px ;
	}
.onglets li {
	float: left ;
	font-size: 9px ;
	margin: 0 ; 
	line-height : 13px;
  }
.onglets a {
	height: 28px ; 
	width: 85px ; 
	display: block ;
	background-image: url(_images/_banniere/ongletbleu.gif) ;	
	color: #E6F0EB ;
	padding-top: 2px ;
  padding-left: 5px ;
  }
.onglets a:hover{
  color: #E6F0EB ;
	background-image: url(_images/_banniere/ongletvert.gif) ;
	}

.rectangles {
	position: absolute ;
	left: 670px ;
	height: 128px ;
	width: 130px ;
	font-size: 9px ;
	background-color: #7DD2C3 ;
	}
.rectangles ul {margin: 0; list-style-type: none;}	

.rect li {
	margin: 2px 0 0 0px ;
	font-size: 10px ;
	}
.rect a {
	height: 19px ;
	width: 120px ;
	display: block ;
	background-color: #C8E1D2 ;	
	font-size: 10px ;
	color:  #002E7A ;
	padding-left: 10px ;
	line-height: 19px ; 
	} 
.rect a:hover{
  color:  #002E7A ;
	background-color: #E6F0EB ;
	}	

#outils {
	height:60px;
	padding:5px 0px 0px 0px;
	margin:0;
	background-color:#e5efe7;
	font-size:9px;
	}

#outils img {
	padding:0;
	margin:0;
	}
		
#outils table {
	margin:0px;
	padding:0px;
	margin:0;
	border:0;
	}
		
#outils td {
	padding:5px;
	margin:0;
	border:0;
	}
		
#outils a {
	font-weight:bold;
	}
		
	
/* pour affichage/masque des "calques" javascript ou flash... en css !!!! */

a:hover {
background: none; /* correction d'un bug IE */
}

#newsbar {
width:540px; 
height:50px; 
background-color:rgb(0,157,50);
border-bottom:1px black solid;
}

#newsbar img{
	margin:0;
	padding:0;
	_float:right; 
	_margin-right:20px;
	_margin-left:15px;
}

#newsbar table{
	width:540px;
	margin:6px;
	padding:0;
	border:0;
	_height:36px;
	}

#newsbar td{
	margin:0;
	padding:0;
	border:0;
	height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(255,255,255);
	}

/*
a span { /* définition de la balise <span> inclue dans <a> */

/*

display: none;
}

a:hover span { /* définition de la balise <span> au survol */

/*

display: inline;
display: block;
margin: 10px 20px ;
/*padding: 7px 7px 2px;*/

/*

border : 1px solid #0066FF;
color : black;
}

.jsp {font-size: 10px; text-align : justify ;}
/*.jsp ul{margin: 0; list-style-type: square;}
.jsp li{margin: 0 0 7px;}
.jsp p{margin: 0 0 5px;}
.jsp ul{margin: 0; list-style-type: disc;}
.jsp li{margin: 0 0 0;}*/

/*

.jsp p{margin: 0;}

.contenant 
  {
	/*display: block;*/
	/*display: none;*/

/*

	margin: 10px 20px; padding : 2px;
	border : 2px solid #006699; /*#0066FF;*/

/*


  color : black;
	font-size: 10px; text-align : justify ;
  }
.contenant p{margin: 0;}
.contenant a{color: #006699; font-weight : bold;}
.contenant ol{margin: 0px; padding-left: 30px; padding-right: 5px;}
/*li {margin: 0; padding: 0; line-height: 15px;}*/
/*.contenant p a{text-align: right;} marche pas*/