/*Styles pour le menu Milonic*/
.cssmouseon{
	font-family: Century Gothic;
	font-size: 16px;
	font-variant: small-caps;
	line-height: 12px;
	font-weight: bold;
	color:#cccc00;
	background-image:url(../site/milonic/survol-bg.gif);	
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
.cssmouseoff{	
	font-family: Century Gothic;
	font-size: 16px;
	font-variant: small-caps;
	line-height: 12px;
	font-weight: bold;
	background-image:url(../site/milonic/lien-bg.gif);
	color:#006600;	
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.csssubmouseon{
	font-family: Century Gothic;
	font-size: 16px;
	font-variant: small-caps;
	line-height: 16px;
	font-weight: bold;
	color:#cccc00;
	background-image:url(../site/milonic/survol-bg.gif);
	padding:2px;
	text-decoration:none;
	text-align:left;
}
.csssubmouseoff{
	font-family: Century Gothic;
	font-size: 16px;
	font-variant: small-caps;
	line-height: 16px;
	font-weight: bold;
	background-image:url(../site/milonic/lien-bg.gif);
	padding:2px;
	color:#006600;	
	text-align:left;
	text-decoration:none;
}

*{	
	/*font-size: 11px;*/
	font-family: tahoma;
	/********text-align: left;************/
}

/*Styles pour les différentes pages en general*/
body.splash{	
	background-color:#006600;
	margin:0px;
	padding: 0px;
	font-size: 11px;
	min-height:406px;
	min-width:781px;
	text-align:center;
	width:100%;
	height:100%;
	/********text-align:center;***********/
}

body.site{	
	background-color:#006600;
	margin:0px;
	padding: 0px;
	font-size: 11px;
	min-height:406px;
	min-width:990px;;
	text-align:center;
	width:100%;
	height:100%;
	/********text-align:center;***********/
}


/*Styles pour les différentes éléments de page en general*/
a{
	
	font-size: 12px;
	color: #000000;	
}

a:hover{
	font-size: 12px;
	color: #006600;
}
p{
	font-size: 12px;
}
td{
	font-size: 12px;
}

/*************************************/

/***********************************************************************/
/********************************** Style pour le splash ***************/
/***********************************************************************/

/** div qui contient tous les autres div (pour positionner au milieu) **/
#main{
  	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -40px;
	text-align: center;
	min-width: 781px; 
	background-color:green;
}
#wrap{
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -200px;
	text-align: center;
	min-width: 781px; 
	background-color:#006600;

}
/** div qui contient le logo **/
#div_img{	
	text-align:center;
	background-color:white;
	height:300px;
	width:100%;	
    margin-right: auto;
	margin-left:auto;
}
#div_img ul{	
	top:2px;
}
/** div qui contient les boutons fran?ais/anglais **/

#div_lang{
	background-image: url(../media/Barre-lang-bg.gif);
	width:100%;
	height:35px;	
}
#div_lang_liens {
	margin-left:-25px;
	font-weight:bold;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-size:25px;	
	text-decoration:none;
	letter-spacing:-1px;
	color:#006600;
	height:43px;
}
#div_lang_liens a{
	position:relative;
	height:43px;
	font-weight:bold;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-size:25px;	
	text-decoration:none;
	letter-spacing:-1px;
	color:#006600;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	margin:0;
}
#div_lang_liens a:hover{
	color:#cccc00;
	background-image: url(../media/Barre-lang-over-bg.gif);
	height:43px;
}

/** div qui contient les liens logos vers les autres institutions **/
#div_logos{
	margin-left:0px;	
	width:100%;
	letter-spacing:-3px;
	text-align:center
}

/** div qui contient les images des logos du museum **/
#div_museum{
	background-color:#006600;
	margin-left:-25px;		
}


/***********************************************************************/
/********************************** Feuille de style pour l'accueil ****/
/***********************************************************************/


/** div pour le logo **/
#adiv_image{	
	width: 100%;
	height:66px;
	margin-top:5px;
	text-align:center;
}
/** div pour placer la bannière **/
#adiv_banniereBG{
	background-image: url(../media/Barre-lang-bg.gif);
	height:35px;
	width:100%;
	min-width:781px;
	text-align:center;
}
/** div pour placer la bannière **/
#adiv_banniere{
	position:relative;
	padding: 0px;	
	text-align:center;	
	margin-top: 0px;
}
/** div pour placer les liens de la bannière **/
#adiv_banniere_liens{	
	width: 781px;	
	min-width:781px;
}

/** div qui contient le quickmenu **/
#adiv_banniere_quickmenu{
	position:absolute;
	color:white;
	margin-top:-75px;
	left:50%;
	margin-left:92px;
	padding-top:8px;
	padding-left:25px;
	text-align: left;
	width:334px;
	height:41px;
	background-image: url(../media/quickmenu-bg-en.png);
	background-repeat:no-repeat;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:-0.5px;	
}

/** style qui contient les parametres pour les liens du quickmenu **/
#adiv_banniere_quickmenu a{
	font-size:14px;
	text-decoration:none;
	color:#006600;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:6px;
	padding-right:6px;
}
#adiv_banniere_quickmenu a:hover{
	font-size:14px;
	text-decoration:none;
	color:#cccc00;
	background-image: url(../media/Barre-quickmenu-over-bg.png);
	}
/***************************************/
/** style qui contient les parametres pour les liens du quickmenu en anglais **/
/** div qui contient le quickmenu **/
#adiv_banniere_quickmenu_en{
	position:absolute;
	color:white;
	margin-top:-75px;
	left:50%;
	margin-left:92px;
	padding-top:8px;
	padding-left:35px;
	text-align: left;
	width:334px;
	height:41px;
	background-image: url(../media/quickmenu-bg-en.png);
	background-repeat:no-repeat;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:-0.5px;	
}

/** style qui contient les parametres pour les liens du quickmenu en anglais **/
#adiv_banniere_quickmenu_en a{
	font-size:14px;
	text-decoration:none;
	color:#006600;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:6px;
	padding-right:6px;
}
#adiv_banniere_quickmenu_en a:hover{
	font-size:14px;
	text-decoration:none;
	color:#cccc00;
	background-image: url(../media/Barre-quickmenu-over-bg.png);
	}
/***************************************/
/** div pour le contenu **/
#adiv_contenu_bg{
	position:absolute;
	text-align:center;
	background-color:white;
	width:100%;
	min-width:781px;
	text-align:center;
	margin-top:0px;	
	height:auto;	
}

/** div pour le titre **/
#adiv_titre{
	font-family:Century Gothic;	
	font-size: 26px;
	margin-top:5px;
	font-variant:small-caps;	
}
#adiv_titre strong{
	font-family:Century Gothic;			
}

/***************************************/

/** div pour placer la zone des liens écosystèmes **/
#adiv_ecosystemes_bg{	
	margin-left:50%;
	height:300px;	
}

/** div pour la feuille verte en arriere-plan des titres **/
#adiv_ecosystemes_titre_bg{	
	margin-left:-375px;
	width:266px;
	height:51px;
	background-color:#009421;
	margin-top:20px;
}
#adiv_ecosystemes_titre_up_left_bg{	
	margin-left:-376px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-left.png);
	margin-top:-66px;
}
#adiv_ecosystemes_titre_up_right_bg{	
	margin-left:-110px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-right.png);
	margin-top:-15px;
}
#adiv_ecosystemes_titre_low_right_bg{	
	margin-left:-110px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/low-right.png);
	margin-top:37px;
}
#adiv_ecosystemes_titre_up_bg{	
	margin-left:-361px;
	width:251px;
	height:15px;
	background-color:#009421;
	margin-top:-66px;
}
#adiv_ecosystemes_titre_right_bg{	
	margin-left:-111px;
	width:15px;
	height:37px;
	background-color:#009421;
	margin-top:-1px;
}

/** div pour le titre **/
#adiv_ecosystemes_titre_contenu{
	margin-left:-370px;
	width:251px;
	height:51px;
	font-family:Century Gothic;
	font-size:36px;
	font-variant:small-caps;
	letter-spacing:-1px;
	color:white;
	margin-top:-32px;
	text-align:left;
}
#adiv_ecosystemes_titre_contenu a{	
	font-family:Century Gothic;
	font-size:34px;
	font-variant:small-caps;
	letter-spacing:-1px;
	text-decoration:underline;
	color:white;
	text-align:left;
}

#adiv_ecosystemes_titre_contenu a:hover{	
	font-family:Century Gothic;
	font-size:34px;
	font-variant:small-caps;
	letter-spacing:-1px;
	text-decoration:underline;
	color:#eeee00;
	text-align:left;
}

/** div pour placer les liens **/
#adiv_ecosystemes_liens_eco{
	text-align:left;
	margin-left:-377px;
	margin-top:-5px;
}
	#adiv_ecosystemes_liens_eco a{
		font-family:Century Gothic;
		text-decoration:none;
		font-size:22px;
		font-variant:small-caps;
		font-weight:600;		
		letter-spacing:-1px;
		line-height:22px;
	}
	#adiv_ecosystemes_liens_eco a:hover{
		text-decoration:underline;
	}
		#adiv_ecosystemes_liens_eco a.tropical{
			color:#ff6600;			
		}
		
		#adiv_ecosystemes_liens_eco a.laurentienne{
			color:#336600;				
		}
		
		#adiv_ecosystemes_liens_eco a.marin{
			color:#1c526d;				
		}
		
		#adiv_ecosystemes_liens_eco a.arctique{
			color:#5696a6;				
		}
		
		#adiv_ecosystemes_liens_eco a.antarctique{
			color:#585c5d;				
		}

/***************************************/
#adiv_diaporama{
	margin-left:290px;
	margin-top:-315px;
}

/*********************************************/

/***************************************/

/** div pour placer la zone des liens écosystèmes **/
#adiv_liensrapides{	
	margin-left:50%;
	height:auto;
	min-height:440px;	
}

/** div pour la feuille verte en arriere-plan des titres **/
#adiv_liensrapides_bg{	
	margin-left:-375px;
	width:266px;
	height:21px;
	background-color:#009421;
	margin-top:20px;
}
#adiv_liensrapides_up_left_bg{	
	margin-left:-376px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-left.png);
	margin-top:-36px;
}
#adiv_liensrapides_up_right_bg{	
	margin-left:-110px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-right.png);
	margin-top:-15px;
}
#adiv_liensrapides_low_right_bg{	
	margin-left:-110px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/low-right.png);
	margin-top:7px;
}
#adiv_liensrapides_up_bg{	
	margin-left:-361px;
	width:251px;
	height:15px;
	background-color:#009421;
	margin-top:-36px;
}
#adiv_liensrapides_right_bg{	
	margin-left:-111px;
	width:15px;
	height:12px;
	background-color:#009421;
	margin-top:-1px;
}

/** div pour le titre de liens rapides**/
#adiv_liensrapides_titre{
	margin-left:-370px;
	width:251px;
	height:51px;
	font-family:Century Gothic;
	font-size:30px;
	font-variant:small-caps;
	letter-spacing:-1px;
	color:white;
	margin-top:-28px;	
	text-align:left;
}

/** div pour placer un element de lien rapide**/
#adiv_liensrapide_element{
	margin-left:-376px;
	width:268px;
	height:31px;
	margin-top:0px;
	margin-bottom:53px;	
	text-align:left;
}

#adiv_liensrapide_image a{
	color:#009421;
}
#adiv_liensrapide_image a:hover{
	color:#006600;
}

#adiv_liensrapide_text{
	font-family:Tahoma;
	font-size:12px;
	margin-top:-86px;
	margin-left:80px;
	text-align:left;	
}
#adiv_liensrapide_text hr{
	background-color:#009421;
	margin-top:3px;
}
#adiv_liensrapide_text a{
	font-family:Century Gothic;
	text-decoration:none;
	font-size:18px;
	font-variant:small-caps;
	font-weight:bold;		
	letter-spacing:-1px;
	line-height:25px;
}
#adiv_liensrapide_text a:hover{
	color:#009421;
}


/** div pour placer la zone des liens a surveiller **/
#adiv_asurveiller{	
	margin-left:50%;
	height:auto;
	min-height:380px;	
}

/** div pour la feuille verte en arriere-plan des titres **/
#adiv_asurveiller_bg{	
	margin-left:-88px;
	width:453px;
	height:21px;
	background-color:#009421;
	margin-top:-440px;
}
#adiv_asurveiller_up_left_bg{	
	margin-left:-89px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-left.png);
	margin-top:-36px;
}
#adiv_asurveiller_up_right_bg{	
	margin-left:365px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-right.png);
	margin-top:-15px;
}
#adiv_asurveiller_low_right_bg{	
	margin-left:365px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/low-right.png);
	margin-top:7px;
}
#adiv_asurveiller_up_bg{	
	margin-left:-74px;
	width:439px;
	height:15px;
	background-color:#009421;
	margin-top:-36px;
}
#adiv_asurveiller_right_bg{	
	margin-left:364px;
	width:15px;
	height:12px;
	background-color:#009421;
	margin-top:-1px;
}

/** div pour le titre de surveiller**/
#adiv_asurveiller_titre{
	margin-left:-83px;
	width:251px;
	height:51px;
	font-family:Century Gothic;
	font-size:30px;
	font-variant:small-caps;
	letter-spacing:-1px;
	color:white;
	margin-top:-28px;
	text-align:left;
}

/** div pour placer un element de lien a surveiller**/
#adiv_asurveiller_element{
	margin-left:-90px;
	width:460px;
	height:auto;
	margin-top:-4px;
	margin-bottom:33px;	
	text-align:left;
}

#adiv_asurveiller_element_titre{
	
}
#adiv_asurveiller_element_titre a{
	font-family:Century Gothic;
	text-decoration:none;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;		
	letter-spacing:-1px;
	line-height:18px;
	margin:0px;
	
}
#adiv_asurveiller_element_titre a:hover{
	color:#009421;
}
#adiv_asurveiller_element_date{
	font-family:tahoma;
	font-size:12px;
	margin-top:-14px;
	text-align:right;
	line-height:8px;
}
#adiv_asurveiller_element_date hr{
	background-color:#009421;
}
#adiv_asurveiller_element_text{
	margin-top:-3px;
	margin-left:0px;
	text-align:left;
	font-family:Tahoma;
	font-size:12px;	
}

/***************************************/
/** div pour placer le bas de page**/
#adiv_bas_de_page{
	height:80px;
	width:100%;
	background-color:#006600;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:600;
	font-size:10px;
	color:white;
	line-height:1px;
}
#adiv_bas_de_page a{	
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:600;
	font-size:10px;
	color:#cccc00;
}
#adiv_bas_de_page a:hover{	
	text-decoration:underline;
}
/***************************************/



/***************************************/

/************************************************************************/
/***************************** Feuille de style le gabarit des pages ****/
/************************************************************************/
/** div pour le contenu **/
#pdiv_contenu_bg{
	position:relative;
	text-align:center;
	background-color:white;
	width:100%;
	min-width:781px;
	text-align:center;
		
	height:auto;	
}
#pdiv_contenu{
	margin-left:50%;
	text-align:left;
}
/** div qui sert ? placer et afficher le titre de la section courante **/

/** div pour le titre **/
#pdiv_titrePage{
	text-align:left;
	margin-left:-382px;	
	font-family:Century Gothic;	
	font-size: 24px;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration:none;
	padding-top:10px;
}

/***************************************/

/** div pour le menu de troisi?me niveau **/

/** div pour placer la zone des liens écosystèmes **/
#pdiv_menu3niveau{	
	height:auto;
	text-align:left;	
}

/** div pour la feuille verte en arriere-plan du menu 3e niveau **/
#pdiv_menu3niveau_bg{	
	margin-left:-380px;
	width:748px;
	height:21px;
	background-color:#009421;
	margin-top:18px;
}
#pdiv_menu3niveau_up_left_bg{	
	margin-left:-381px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-left.png);
	margin-top:-36px;
}
#pdiv_menu3niveau_up_right_bg{	
	margin-left:368px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/up-right.png);
	margin-top:-15px;
}
#pdiv_menu3niveau_low_right_bg{	
	margin-left:368px;
	width:15px;
	height:15px;
	background-image:url(../media/elements_de_feuilles/low-right.png);
	margin-top:7px;
}
#pdiv_menu3niveau_up_bg{	
	margin-left:-366px;
	width:735px;
	height:15px;
	background-color:#009421;
	margin-top:-36px;
}
#pdiv_menu3niveau_right_bg{	
	margin-left:367px;
	width:15px;
	height:7px;
	background-color:#009421;
	margin-top:-1px;
}
#pdiv_menu3niveau_sous_menu{
	margin-left:-377px;	
	font-family:Century Gothic;
	font-size:18px;
	font-variant:small-caps;
	color:white;
	margin-top:-10px;	
}


/***************************************/

/** div de la partie du contenu **/
#pdiv_contenu_text{
	margin-left:-382px;
	font-family:tahoma;
	font-size:12px;
	width:600px;
	margin-top:20px;
	text-align:justify;
}
#pdiv_lienMenu{
	margin-left:14px;
	margin-top:2px;
}

/*********** div qui contient le pied de page **************/
/***************************************/
#pdiv_bas_de_page{
	
	height:90px;
	width:100%;
	background-color:#006600;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:bold;
	font-size:10px;
	color:white;
	text-align:center;
}
#pdiv_bas_de_page a{	
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:bold;
	font-size:10px;
	color:#cccc00;
}
#pdiv_bas_de_page a:hover{	
	text-decoration:underline;
}
/***************************************/

/***************************************/
/** divs qui contient la recherche ***/
#pdiv_imgRecherche1{
	position:relative;
	width:510px;
	height:310px;
	background-color:#ffffff;
	border:dashed black 1px;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	
}

#pdiv_imgRecherche2{
	position: relative;
	width:510px;
	height:35px;
	text-align:center;
	vertical-align:middle;
	
}
#contenu1{	
	width:220px;
}

/***************************************/

/************************************************************************/
/********************* Feuille de style pour l'impression
/************************************************************************/

/** div qui contient la ligne horizontal entre le menu tertiaire et le contenu **/
#imp_pdiv_ligneH{

}
/***************************************/

/** div de la partie gauche du contenu **/
#imp_pdiv_contenuGauche{
	position:relative;
	width: 540px;
	left:50px;
}
/***************************************/
/** div pour le menu de troisi?me niveau **/
#imp_pdiv_menu3niveau{
}
/***************************************/
/** div qui sert ? placer et afficher le titre de la section courante **/
#imp_pdiv_titrePage{
	font-size: 14px;
	font-weight: bold;
	color:444444;
}
/***************************************/
/** div qui contient le pied de page **/
#imp_pdiv_basPage{
}
/***************************************/
/** div de la partie droite du contenu **/
#imp_pdiv_contenuDroit{
}
/***************************************/

/************************************************************************/
/********************* Feuille de style pour l'ensemble des pages du site
/************************************************************************/


/************************ CLASS  ******************************/
/**************************************************************/

/** style appartenant au titre des pages et de la mise en forme **/
a.titrePage{
	font-family:Century Gothic;	
	font-size: 26px;
	margin-top:5px;
	font-variant:small-caps;
	font-weight: bold;
	text-decoration:none;
	color:#009421;
	text-align:left;
}
a.titrePage:hover{
	font-family:Century Gothic;	
	font-size: 26px;
	margin-top:5px;
	font-variant:small-caps;
	font-weight: bold;
	color:#009421;
	text-decoration:underline;
	text-align:left;
}
.titrePage{
	font-family:Century Gothic;	
	font-size: 16px;
	margin-top:5px;
	font-variant:small-caps;
	font-weight: bold;
	text-decoration:none;
	color:black;
	text-align:left;	
}
#pdiv_contenu_text .titrePage{
	font-family:Century Gothic;	
	font-size: 22px;
	margin-top:5px;
	font-variant:small-caps;	
	text-decoration:none;
	color:black;
	font-weight: bold;
	text-align:left;
	
}
#pdiv_contenu_text .Soustitre{
	font-family:Century Gothic;	
	font-size: 18px;
	font-variant:small-caps;
	color:#009421;
	font-weight: bold;
	letter-spacing:-1px;
	text-align:left;
}
#pdiv_contenu_text img{	
	margin-left:5px;
	margin-right:5px;
}
#pdiv_contenu_text .soustitre{
	font-family:Century Gothic;	
	font-size: 18px;
	font-variant:small-caps;
	color:#009421;
	font-weight: bold;
	letter-spacing:-1px;
	text-align:left;
}

#pdiv_contenu_text .sousTitre{
	font-family:Century Gothic;	
	font-size: 18px;
	font-variant:small-caps;
	color:#009421;
	font-weight: bold;
	letter-spacing:-1px;
	text-align:left;
}

#pdiv_contenu_text .titreType{
	font-family:Century Gothic;	
	font-size: 18px;
	font-variant:small-caps;
	color:#009421;
	font-weight: bold;
	text-align:left;
}

#pdiv_contenu_text .titretype{
	font-family:Century Gothic;	
	font-size: 18px;
	font-variant:small-caps;
	color:#009421;
	font-weight: bold;
	text-align:left;
}
.Soustitre02{
	font-weight: bold;
	color:#000000;
}

.Soustitre02:hover{
	font-weight: bold;
	color:#006600;
}
.titreType{
	font-weight: bold;
	font-size: 13px;
	color:#444444;
}
.imgborder{
	border: 1px solid #000000;
}
.tableau{
	margin:0px;
	padding:0px;
}
.photographe{
	float: left;
	color:black;
	font-size:10px;
	padding-left:5px;
}
.photographe:hover{
	float: left;
	color:black;
	padding-left:5px;
}
a.photographe:hover{
	color:black;
	font-size:10px;
	padding-left:5px;
}
.imgLegende{
	text-align:left;
	font-size:10px;
	color:black;
	padding-left:5px;
}
.imgLegende:hover{
	text-align:left;
	font-size:10px;
	color:black;
	padding-left:5px;
}
.AlignTopL{
	text-align: left;
	vertical-align: top;
}
.MargeTop{
	margin-top: 143px;
}
.centerI{
	text-align:center;
	font-style:italic;
}
/* lien sans ligne */
.aNoStyle{
	text-decoration: none;
}
.alignRight{
	text-align: right;
}

/************************************/

/** style appartenant au splash **/
.lienlangue{
	font-size:18px;
}
/***************************************/

/** styles appartenant ? la page tarification **/
.tabTarif_titreH{
	width: 60px; 
	height: 45px;
	text-align: center;
	border:1px #999999 solid;
	border-bottom-width: 2px;
}

.tabTarif_titreV{
	width: 140px; 
	height: 45px;
	border:1px #999999 solid;
	border-right-width: 2px;
	padding-left: 3px;
	text-align:left;
}

.tabTarif{
	width: 60px;
	height: 45px;
	text-align: center;
	border:1px #999999 solid;
}
/***************************************/

/** styles appartenant ? la page horaire **/
.tabCal{
	vertical-align: top;
}
.tabmois{
	vertical-align: top;
	border:1px #999999 solid;
}

.tabLegType{
	width: 100px;
	height: 15px;
}

.tabLeg{
	width: 100px;
	height: 15px;
	font-size: 10px;
}
/***************************************/

/** styles appartenant au menu de troisi?me niveau **/
.menu3niveau:hover{
	font-family:Century Gothic;
	font-size:16px;
	font-variant:small-caps;
	letter-spacing:-1px;	
	padding-top:0px;
	padding-bottom:4px;
	padding-left:3px;
	padding-right:4px;
	font-weight:bold;
	text-decoration:none;
	color:#006600;
	background-color:white;
	border-right:solid 2px white;
}
.menu3niveau{
	font-family:Century Gothic;
	font-size:16px;
	font-variant:small-caps;
	letter-spacing:-1px;
	padding-top:0px;
	padding-bottom:4px;
	padding-left:3px;
	padding-right:4px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	border-right:solid 2px white;
}
.menu3niveauSelect{
	font-family:Century Gothic;
	font-size:16px;
	font-variant:small-caps;
	letter-spacing:-1px;	
	padding-top:0px;
	padding-bottom:4px;
	padding-left:3px;
	padding-right:4px;
	font-weight:bold;
	text-decoration:none;
	color:#006600;
	background-color:white;
	border-right:solid 2px white;
		
}
.menu3niveauSelect:hover{
	font-family:Century Gothic;
	font-size:16px;
	font-variant:small-caps;
	letter-spacing:-1px;	
	padding-top:0px;
	padding-bottom:4px;
		padding-left:3px;
	padding-right:4px;
	font-weight:bold;
	text-decoration:none;
	color:#006600;
	background-color:white;
	border-right:solid 2px white;
	
}
/************************************/

/** styles appartenant ? la page d'accueil -> Les "? surveiller" **/
.tdText{
	vertical-align: top;
	width:380px;
	padding-left:5px;
	padding-bottom: 15px;
}
.tdimg{
	padding-bottom: 15px;
}
/************************************/

/** styles appartenant a la page d'accueil -> Les "liens rapides" **/
.tdText_liensrapides{
	vertical-align: top;
	text-align:left;
}
.tdText_liensrapides b{
	font-family:Century Gothic;
	text-decoration:none;
	font-size:24px;
	font-variant:small-caps;
	font-weight:600;		
	letter-spacing:-1.5px;
	line-height:25px;
	
}
.tdimg_liensrapides{
	padding-bottom: 15px;
}
/************************************/

/***************************************/
/** styles appartenant aux images de la page acces **/
.imgacces{
	border-color: #000000;
}
/************************************/
/** styles appartenant aux pages d'?cosyst?mes **/

.tdAlignTopR{
	padding-left:15px;
	padding-top:10px;
}
.Alignvege{
	padding-top:13px;
}
.alignAnimaux{
	vertical-align: middle;
	text-align: center;
}
.inputPhotographe{
	border:none;
	float: right;
	font-size:12px;
	text-align:right;
	color:black;	
}
.alignHaut{
	vertical-align: top;
}
/************************************/
/** styles appartenant aux images de la page communiqu? **/
.logocomm{
	text-align:right;
	font-style: italic;
	color:black;
}
.logocomm:hover{
	text-align:right;
	font-style: italic;
	color:black;
}
.tabComm{
	padding-right:5px;
	text-align:right;
	width:125px;
	vertical-align:top;
}
.titreComm{
	font-weight: bold;
	vertical-align:top;
	text-align:left;
}
.ligne_bottom{
	
	vertical-align:top;
}
/************************************/
/** style appartenant ? la page mission **/
.tabMarg{
	padding-left:38px;
	padding-top:10px;
	padding-bottom:5px;
}
/************************************/
/** style appartenant ? la liste de r?sultat de recherche **/
.listeMarge{
	margin-left:40px;
}
.listeTitre{
	font-weight: bold;
	color:#444444;
	margin-top:3px;
}
.menuHaut{
	text-align:right;
	vertical-align:top;
	background-repeat:no-repeat;

}
/************************************/
/** style appartenant ? la page Ann?e de la grenouille **/
bodycolor{
	background-image: url(../media/bg_yotf.jpg);
	
}
/************************************/
#fiches{
	margin-left:-115px;
	width:960px;
	height:500px;
	border:none;
}
#fdiv_bas_de_page{
	height:80px;
	width:100%;
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:bold;
	font-size:12px;
	color:black;
	text-align: center;
}
#fdiv_bas_de_page a{	
	font-family:Century Gothic;
	font-variant:small-caps;
	font-weight:bold;
	font-size:12px;
	color:#009421;
}
#fdiv_bas_de_page a:hover{	
	text-decoration:underline;
}