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

/***** Feuille de styles du FrontOffice MedPAN *****/

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



/***************** G�n�ral */

*{

	font-family: Verdana, Arial, Sans-serif;

	font-size: 10px;

	padding:0px;

	margin:0px;

	border: none;

}



html, body{

	height: 100%;

}



body#fr_body{

	width:1000px;

}



.spacer{

	clear:both;

}



.pointer{

	cursor:pointer;

}



	/***************** Couleurs ***/

	.txt_red{

		color:#A93D4D;

	}



	.txt_blue{

		color:#4C8889;

	}



	/* Titres H2 utilis�s pour les titres avec fond color� (bleu et vert) */

	body#fr_body h2{

		background-repeat:no-repeat;

		height:21px;

		margin:3px 0 8px 0;

		display:block;

	/*	height:100%;*/

		width:85%;

	}

		body#fr_body h2 span

		{

			/*font:normal normal bold 12px verdana;*/

			font-weight: bold;

			font-size:12px;

			color:#FFF;

			display:block;

			height:21px;

			*height:17px;

			padding-bottom: 1px;

			padding-top:3px;

		}



	/* Titres H3 utilis�s pour les titres de page de 1er niveau (couleur bleu) */

	body#fr_body h3{

		background:url('../pics/pointille_bleu.gif') repeat-x left bottom;

		color:#248FA5;

		font:normal normal bold 12px verdana;

		width:99%;

		padding:0 0 2px 0;

		margin: 8px 0 10px 0;

	}



	/* Titres H4 utilis�s pour les titres de page de 2nd niveau (couleur selon le contexte) */

	body#fr_body h4{

		background:url('../pics/pointille_vert.gif') repeat-x left bottom;

		color:#96B12E;

		font:normal normal bold 11px verdana;

		width:99%;

		padding:0 0 2px 0;	

		margin: 15px 0 7px 0;

	}





	/***** Elements de formulaire */

	body#fr_body input{

/*		color:#91B431;*/

		font-size:11px;

		padding:2px 0px 2px 2px;

	}



	body#fr_body select{

		border:1px solid #7c8080;

		color:#1797B6;

		/*

		width:120px;

		margin:3px 0 3px 30px;

		*/

	}



/***************** Structure de la page */



div#fr_gauche{

	width: 185px;

	float:left;

}



div#fr_main{

	width: 595px;

	float:left;

}



	/* En tete */

	div#logo{

		background: url(../pics/logo_medpan.gif) no-repeat bottom #336681;

		height: 103px;

	}



	div#head

	{

		background:url(../pics/bg_head.gif) no-repeat left bottom;

		height:102px;

	}



	div#banner

	{

		background:#1797B6 url(../pics/bg_qui_sommes_ns.gif) no-repeat right bottom;

		border-right:1px solid white;

	}



	div#banner div.image

	{

		width:410px;

		float:left;

	}



	#bandeau{

		height: 104px;

		background: url(../pics/bandeau.jpg) no-repeat 0 20px;

		background: url(../pics/bandeau.jpg) no-repeat 0 20px;

	}



	div.reseau{

		background-image: url(../pics/reseau.jpg);

	}





	/** Coeur de page **/

		/* partie gauche */

		div.panel_left{

			float:left;

			width:340px;

			text-align:left;

		}



		div.panel_left ul.legende{

			list-style-type:none;

			color:#7C8080;

			font-size:9px;

			margin:0 0 15px 0;

		}



		/* partie droite */

		div.panel_right{

			float: right;

			width:200px;

			text-align:right;

			padding:0;

		}



		div.panel_page{

			float:left;

			width:540px;

		}



		div.panel_page ul{

			list-style:none;

		}



	/* Pied de page */

	div#footer{

		clear:both;

		font:normal normal normal 10px verdana;

		background:#1797B6;

		color:white;

		text-align:center;

		width:780px;

		margin-bottom:5px;

		height:17px;

		padding:3px 0 0 0;

		float:none;

		display:block

	}



	div#footer a{

		color:white;

		text-decoration:none;

	}





	/** block recherche */

	div#block_recherche{

		width: 184px;

		height:45px;

		float: left;

		background: url(../pics/bg_recherche.gif) no-repeat;

	}



	input#recherche{

		width: 125px;

		height:14px;

		font-size: 10px;

		color:#356681;

		border: 1px solid #356681;

		font-weight: bold;

		text-align:center;

		margin: 10px 0 4px 25px;

		padding:0;

	}



	input#bouton{	

		width: 17px;

		height: 22px;

		font-size:0px;

		color:#356681;

		padding:7px 0 0 0;

		background: url(../pics/bt_rech.gif) no-repeat transparent;

	}



	/** Editorial */

	div#banner div.edito

	{

		width:160px;

		height: 168px;

		margin:0 0 0 420px;

	}



	div#banner div.edito p {

		padding:10px 10px 0 10px;

		color:#fff;

		font-size:11px;

	}



	div#banner div.edito a

	{

		color:#D4DB44;

		font-weight:bold;

		text-decoration:none;

	}



	div#banner div.edito a:hover

	{

		text-decoration:underline;

	}





div.image *

{

	float:left;

}



div.image div.img_princ

{

	border-right:1px solid white;

}



div.image div.img_sat 

{

	border-right:1px solid white;

	border-bottom:1px solid white;

}





div.principal{

/*	background-image:url(../pics/bande_grise.gif);

	background-repeat:repeat-y;*/

	clear: both;

	height: 100%;

/*	padding:30px 0 0 40px;*/

	padding:30px 0 0 0;

	margin-left:50px;

}

div.principal_accueil{

/*	background-image:url(../pics/bande_grise.gif);

	background-repeat:repeat-y;*/

	clear: both;

	height: 100%;

/*	padding:30px 0 0 40px;*/

	padding:30px 0 0 0;

	/* margin-left:50px; */

}



div#bande_grise{

	float:left;

	background-image:url(../pics/bande_grise.gif);

	background-repeat:repeat-y;

	height:650px;

	width:10px;

	margin:0 40px 0 0;

}



div#bande_transparente{

	float:left;

	height:400px;

	width:10px;

	margin:0 40px 0 0;

}



div.filtre{

	float:left;

	padding:0;

	background:#91B432 url(../pics/h2_panel_left.gif) top right no-repeat;

	margin:0 0 20px 0;

	padding:5px;

}



	div.filtre select {

		float:left;

		width:200px;

		padding:0;		

	}



div#frise{

	width:10px;

	float: left;

	height: 100%;

}



div#main_principal{

	background-color:transparent;

}



div#masque_frise{

	height: 180px;

	background-color:white;

}







/***************** Menu gauche */

ul#menu {

	vertical-align:top;

	margin:0 0 15px 0;

}



ul#menu li {

	font-size: 9px;

	list-style:none;

	padding: 4px 0px 0px 55px;

	background: no-repeat top right;

}



ul#menu li.menu_top_on {

	height: 19px;

	background-image: url(../pics/menu_top_on.gif);

}



ul#menu li.menu_top_off {

	height: 19px;

	background-image: url(../pics/menu_top_off.gif);

}



ul#menu li.menu_on {

	min-height: 17px;

	background-image: url(../pics/menu_on.gif);

}



	ul#menu li.menu_on_smenu {

		min-height: 17px;

		*padding-bottom:0px;

		background-image: url(../pics/menu_on.gif);

	}



ul#menu li.menu_off {

	height:17px;

	background-image: url(../pics/menu_off.gif);

}



ul#menu li.menu_bottom_on {

	height: 18px;

	background-image: url(../pics/menu_bottom_on.gif);

}



ul#menu li.menu_bottom_off {

	height: 18px;

	background-image: url(../pics/menu_bottom_off.gif);

}



ul#menu a{

	text-decoration: none;

	color: white;

}



ul#menu li.menu_top_on a, ul#menu li.menu_bottom_on a, ul#menu li.menu_on a, ul#menu li.menu_on_smenu a{

	color:#476B77;

	font-weight: bold;

}



ul#menu li.menu_top_on ul li a, ul#menu li.menu_bottom_on ul li a, ul#menu li.menu_on ul li a, ul#menu li.menu_on_smenu ul li a{

	font-weight: normal;

}



ul#menu li.menu_top_on ul li.smenu_on a, ul#menu li.menu_bottom_on ul li.smenu_on a, ul#menu li.menu_on ul li.smenu_on a, ul#menu li.menu_on_smenu ul li.smenu_on a{

	font-weight: bold;

}



ul#menu ul li {

	margin: 1px 1px 1px -39px;

	padding: 2px 2px 2px 2px;

}



ul#menu li.menu_on ul li a, ul#menu li.menu_on_smenu ul li a{

	/* Sous IE les lignes sont trop espac�es */

	line-height: 100%;

}



ul#sous-menu{	

	margin-top: 5px;

	/*text-align: right;*/

	font-weight: normal;

}



ul#sous-menu li{

	list-style:none;

	background: #E4ECB7;

}



ul#sous-menu li a{

	display: block;

	margin: 4px 2px 4px 18px;

	padding: 0 0 0 18px;

	background: url(../pics/li_sous_menu.gif) no-repeat;

}



ul#sous-menu li.smenu_on{

	background: #F4F7DF;

}



ul#sous-menu li.smenu_on a{

	font-weight:bold;

}





/***************** Menu stallites */



ul#satellites{

	float: left;

	border:1px solid white;	

	border-top: none;

	background: #90B331;

	width: 408px;

	height: 17px;

	padding:3px 0 0 0;

}



ul#satellites li{

	list-style:none;

	display: inline;

	font-size: 9px;

	padding:0 0 0 20px;

	margin: 0 0 0 16px;	

	background: url(../pics/li_satellite.gif) no-repeat 5px 2px;

}



ul#satellites li a{

	color:white;

	text-decoration:none;

}









/***************** Onglets (fiche AMP) ***/

div.fr_onglet{

	background:url('../pics/onglet_bordure_bottom.gif') repeat-x left bottom;

	padding:2px 0;

}



ul.fr_onglet{

	list-style-type:none;

	margin-bottom:15px;

	font:normal normal normal 9px verdana;

	color:#62635D;

}



ul.fr_onglet li{

	float:left;

	background:url('../pics/onglet_bg.gif') repeat-x left top;

	height:15px;

	vertical-align:top;

}



ul.fr_onglet li * {

	border:0;

	padding:0;

	margin:0;

}



ul.fr_onglet li.selected{

	height:17px;

	background:url('../pics/onglet_bg_select.gif') repeat-x left top;

}



ul.fr_onglet li a{

	text-decoration:none;

	color:#62635D;

	padding:0;

	margin:0 5px 0 5px;

	padding-bottom:3px;

	height:15px;

}





/***************** affichage de la liste verticale des images de la diapoth�que ***/

div.zoom_img_left{

	margin:0;

	float:left;

	border-left:3px solid #91B431;

	padding-left: 1px;

}





div.zoom_img_left img{

	border:none;

}







div.zoom_img a, div.zoom_img_right a{

	float:right;

}



div.zoom_img img, div.zoom_img_right img{

	border:none;

	border-right:1px solid #fff;

	float: none;

}



div.zoom_img div.fond, div.zoom_img_right div.fond{

	width:10px;

	float:right;

	padding-right:3px;

	height:100%;

	background:#91B431;

}



div.img_info{

	background:url('../pics/pointille_vert.gif') repeat-x right bottom;

	text-align:right;	

	padding:2px 0 3px 0;

	margin:0 0 4px 0;

	width:85%;

	float:right;

}



div.img_info span{

	display:block;

}



div.img_info span.titre{

	font-size:10px;

	font-weight:bold;

	color:#1797B6;

}



div.img_info span.legende{

	font-size:10px;

	font-weight:bold;

	color:#91B431;

	clear: both;

}



div.img_info span.credit{

	font-size:10px;

	font-weight:normal;

	color:#424242;	

}



div.img_info span.date{

	font-size:9px;

	font-weight:normal;

	padding:2px 0 0 0;

	color:#248FA5;	

}



/***************** Blocks listes (avec entete vert et bleu) **/



		/* block de droite (couleur bleu) */

		div.block_right h2{

			float:right;

			text-align:right;

			background-color:#1797B6;

			background-position:left top;

			background-image:url(../pics/h2_panel_right.gif);

			padding-right:3px;			

			margin-left:15px;			

		}



			div.block_right h2 span{

				border-right:1px solid white;

				padding-right:3px;	

			}



		div.block_right p{

			margin:0 0 5px 15px;	

			color:#717171;

		}



		div.block_right input.champ{

			border:1px solid #A4AAB0;

			color:#1797B6;

			width:163px;

		}



		div.block_right input.submit{

			background:transparent;

			color:#91B431;

			text-align:right;



		}

/*

		div.block_right select{

			border:1px solid #7c8080;

			color:#718080;

			width:120px;

			margin:3px 0 3px 30px;

		}

*/

		div.block_right a{

			color:#91B431;

			text-decoration:none;

		}



		div.block_right a:hover{

			text-decoration:underline;

		}



		/* block de gauche sous le menu (couleur verte) */

		div.block_left{

			margin:0 0 0 5px;

			/* Demande d'enlever ces blocks de tout le site, en attendant confirmation... */

		/*	display: none;*/

		}





		div.block_left h2{

			float:left;

			text-align:left;

			background-color:#91B431;

			background-image:url(../pics/h2_panel_left.gif);

			background-position:right top;

			border-left:1px solid white;

			padding:0 3px 0 3px;

			margin-right:15px;			

		}



			div.block_left h2 span{

				border-left:1px solid white;

				padding-left:3px;

			}



			div.block_left h2 span ul{

				list-style-type:none;

				margin:0 0 0 5px;

			}



			div.block_left h2 li{

				font-size:10px;

				margin:0; 

				padding:1px 0 0 0;

			}



			div.block_left h2 li img{

				margin:0 3px 0 0; 

			}



/***************** Actualit�s */

b.fr_col_actualites

{

	font-size:10px;

}



div#fr_main div.principal div.fr_page H1.titre b, h1.entete_actus

{

	font-size:12px;

	color:#A93C4F;

	font-weight:bold;

	margin:5px 0 5px 35px;

}



p.fr_actu_desc

{

	font-size:10px;

}



p.fr_actu_desc a

{

	color:black;

}



ul.rubriques

{

	display:block;

	list-style-type:none;

	font:normal normal 11px verdana;

	margin-top:5px;

}



ul.rubriques li

{

	float:left;

	margin-left:3px;

}



ul.rubriques a

{

	font:normal normal normal 11px verdana;

	text-decoration:none;

	color:#AB3C4D;

}



ul.rubriques a:hover

{

	text-decoration:underline;

}



div.liste_theme_actus ul

{

	list-style-type:none;

	margin-left:30px;

}



div.liste_theme_actus ul li a

{

	font:normal normal bold 10px verdana;

	text-decoration:none;

	color:#AB3C4D;

}



div.liste_theme_actus ul li a:hover

{

	text-decoration:underline;

}





/** Images titre actu (colonne gauche)*/

h5#actu_acc{

	font-size: 0px;

	color: #2097B6;

	margin-top: 17px;

	margin-bottom: 10px;

	height: 20px;

	background-repeat: no-repeat;

}



h5#actu,h5#fr_actu{

	font-size:0px;

	color:white;

	margin-top: 10px;

	height: 20px;

	background: url(../pics/ong_actu.gif) no-repeat;

}



h5#telechargement,h5#fr_telechargement{

	font-size:0px;

	color:white;

	margin-top: 10px;

	margin-bottom:10px;

	height: 20px;

	background: url(../pics/ong_telechargement.gif) no-repeat;

}



/**** Actus **/



div.fr_actu p.fr_actu_date , div.fr_acclisteactus b.date

{

	color:#336681;

	font-size:10px;

}



div.fr_actu p.fr_actu_titre , div.fr_acclisteactus p.titre

{

	color:#1797B6;

	font:normal normal bold 11px verdana;

}



div.fr_acclisteactus

{

	margin:25px 0 0 5px;

}



div.fr_acclisteactus a

{

	color:#91B431;

	font-size:10px;

	text-decoration:none;

}



div.fr_acclisteactus h2

{

	background:#91B431 url('../pics/h2_panel_left.gif') no-repeat right top;

	color:white;

	font-size:12px;

	height:17px;

	width:95%;

}



div.fr_acclisteactus h2 span

{

	border-left:1px solid white;

	margin-left:5px;

	padding-left:3px;

	display:block;

	height:100%;

}



div.fr_acclisteactus a.titre

{

	font-size:13px;

	border:0;

	padding:0;

}



div.fr_acclisteactus p.texte

{

	font-size:10px;

	color:#7c8080;

}





/***************** Pays */

ul#liste_pays{

	height: 50px;

}



div.carte{

	text-align:center;

}



div.list_pays

{

	width:540px;

	height:150px;

	margin:5px 0 0 0;	

}



ul.list_pays

{

	float:left;

	width:180px;

	list-style-type:none;

	text-align:left;

	margin:0 0 0 0;

}



ul.list_pays li

{

	height:15px;

	margin:0 0 5px 0;

}





ul.list_pays div

{

	float:left;

	margin:0 0 0 0;

}





ul.list_pays li a

{

	color:#107087;

	text-decoration:underline;

	font:normal normal bold 10px verdana;

	margin:0 0 0 10px;

}



ul.list_pays li a:hover{

	color:#1797B6;

}



/** Galerie photos */



ul#galerie_photos{

	list-style: none;

}



ul#galerie_photos li{

	float: left;

	margin: 4px;

	border: 1px solid #1797B6;

	height: 140px;

	width: 120px;

	padding: 1px;

}



ul#galerie_photos li img{

	border: none;

}



div.fr_block_actu_rapide ,div.fr_telechargement

{

	font:normal normal normal 10px verdana;

	margin:0 0 0 10px;

}



div.fr_block_actu_rapide ul , div.fr_telechargement ul

{

	list-style-type:none;

}



div.fr_block_actu_rapide ul li, div.fr_telechargement ul li

{

	padding-left:10px;

}



div.fr_telechargement ul li

{

	padding-top:5px;

}



div.fr_block_actu_rapide p.fr_date , div.fr_telechargement p.fr_date

{

	background:#91B436 url('../pics/h2_panel_left.gif') no-repeat right top;

	width:140px;

	margin-top:5px;

	color:white;

}



div.fr_block_actu_rapide p.fr_date b,div.fr_telechargement b

{

	border-left:1px solid white;

	background:url('../pics/carre_blanc.gif') no-repeat 2px center;

	padding-left:10px;

	padding:3px 0 3px 10px;

	margin-left:2px;

	display:block;

	height:100%;

}



div.fr_telechargement b

{

	display:inline;

	color:#4C8889;

}



div.fr_block_actu_rapide p.fr_titre

{

	color:#4C8889;

	font-weight:bold;

}



div.fr_block_actu_rapide a, div.fr_telechargement a

{

	color:#92B330;

	text-decoration:none;

}



div.fr_actus

{

	margin-left:45px;

	padding-bottom:10px;

	margin-bottom:5px;

	background:url('../pics/pointille_bleu.gif') repeat-x left bottom;

}



div.fr_actus p.fr_date

{

	font:normal normal bold 10px verdana;

}



div.fr_actus p.fr_titre

{

	font-size:12px;

}



div.fr_actus p.fr_desc

{

	font-size:10px;

}



div#fr_gauche select{

	width:120px;

	margin:3px 0 3px 30px;

}



div#fr_gauche label.fr_col_repertoire

{

	display:none;

}



div#fr_gauche h4.fr_titre

{

	margin-left:10px;

}





div.fr_fiche_amp h2

{

	font:normal normal bold 15px verdana,sans-sherif;

	margin:0 0 10px 0;

}



div.fr_fiche_amp h1

{

	font:normal normal bold 18px verdana,sans-sherif;

	margin: 10px 0 5px 0;

}



div.fr_fiche_amp ul.fr_amp_menu_rapide

{

	list-style-type:none;

	font:normal normal bold 10px verdana,sans-sherif;

	margin-bottom:30px;

}



div.fr_fiche_amp ul.fr_amp_menu_rapide li a

{

	color:#8D8D8D;

/*	background:url('../pics/puce_list_amp.gif') no-repeat left center;*/

	padding-left:10px;

	text-decoration:none;

}



div.fr_fiche_amp ul.fr_amp_menu_rapide li a:hover

{

	text-decoration:underline;

}



div.fr_fiche_amp ul.fr_amp_menu_rapide li.selected a

{

	color:#A93D4D;

}



div.fr_fiche_amp p

{

	font:normal normal bold 11px verdana,sans-sherif;

	margin:5px 0;

}

/*

div.fr_fiche_amp div.gauche

{

	border-right: 1px solid #E8E8E8;

	margin-right: 10px;

	width:163px;

	float:left;

}



div.fr_fiche_amp div.droite

{

	float:left;

	width:400px;

}

*/

div.masque_puce

{

	width:4px;

	height:15px;

	background-image:url('../pics/masque_fleche.gif');

	background-position: left bottom;

	background-repeat:no-repeat;

	padding:0 0 0 0;

}





div.liste_especes{

	clear: both;



	margin: 0 0 0 30px;

	text-align:left;

}





ul.liste_especes{

	margin: 10px 0 10px; 0;



	list-style: none;

}



ul.liste_especes li a{

	color:#1797B6;

	font-weight: bold;

}



h1{

	font-size: 12px;

	color: #1797B6;

	margin: 10px 0 10px 0;

}







div.arc{

	margin: 50px 0 0 0;

	text-align:right;

	padding-right: 20px;

	background-repeat: no-repeat;

	background-position: right;

}



div.arc a{

	color: #91B431;

	font-weight: bold;

	text-decoration:none;

}



ul.doc_joints{

	float: right;

	width: 170px;

}



ul.doc_joints li{

	background:url('../pics/pointille_vert.gif') repeat-x left bottom;

}



ul.doc_joints li a {

	font-weight: bold;

}



ul.doc_joints li a img{

	vertical-align: middle;

	margin-left: 10px;



}





div.lien_amp{

	margin: 10px 0 0 0;

}





.auteur {

	margin: 5px 0 0 0;

}

.auteur label{

	font-style: italic;

	display: block;



}

label.ar{

	color:#1797B6;

	font-weight: bold;



	text-align: center;



}



.legende,  div.fr_fiche_amp p.legende{

	border-top: 1px solid #eeeeee;

	margin: 2px;

	padding: 1px;

	font-weight: bold;

	font-size:10px;

}



.credit, div.fr_fiche_amp p.credit{

	margin: 1px;

	padding: 1px;

	font-style: italic;

	font-size:10px;

}







div.plan_du_site ul{

	margin-left: 20px;

	list-style: none;

}



div.plan_du_site a{

	color: #1797B6;

	text-decoration:none;

}



div.plan_du_site ul li{

	font-size: 12px;

	margin: 5px;

	font-weight: bold;

}

div.plan_du_site ul li ul li a{

	font-weight: normal;

	color: black;

}

div#compteur{

	clear:both;

	color:#336681;

	text-align: center;

	border-style:solid;

	border-width:1px;

	margin:20px auto 20px auto;

	width:160px;

}

div .bold{

	font-weight: bold;

}