/*Topiter.css*/





/*Style présentatrice, collectrice*/

.eDev_rechBG{

	background-color: #AFB39B;

}

.eDev_RetourBG{

	background-color: #efefef;

}





.eDev_right_light_bg {

	background-color: #EFEFEF;

}

.eDev_right_medium_bg {

	background-color: #E5E6DE;

}

.eDev_right_dark_bg {

	background-color: #D3D5C8;

}









/* Entête du voir aussi (header) */

.eHd_1_voir {

	background-color: #9F1A11;

}
.eHd_1_voir td{

	line-height:0;

}

/* Entête du voir aussi (header) */

.eHd_2_voir {

	background-color: #E5E6DE;

}

/* Corps du voir aussi (body) */

.eBd_voir {

	background-color: #D3D5C8;

}





/*Style niveau 3*/



h1{

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 14px;

   font-weight: bold;

   color: #9F1A11;

   line-height: normal;	

}





h1.TitreSans15PX {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 14px;

   font-weight: bold;

   color: #9F1A11;

   line-height: normal;	

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;



}





.e_stitre {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	color: #484848;

	line-height: normal;

}



h2{

	background-position: bottom;

	background-repeat: repeat-x;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #9b9e8a;

    line-height: normal;	

}



h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	color: #666666;

    line-height: normal;	

}



p{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	font-style: normal;

	font-weight: normal;

	line-height: 18px;

}

.legende {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	line-height: normal;

}



th{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	font-style: normal;

	line-height: 18px;

}

 

td{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	font-style: normal;

	font-weight: normal;

	line-height: 18px;

}



/* Listes */



ul {

	/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */

	padding-bottom:0px;

	padding-left:0px;

	padding-right:0px;

	padding-top:0px;

	/* --- */

	margin-top:10px;

	_margin-top:-10px;

	margin-right:15px;

	margin-bottom:0px;

	margin-left:15px;

	list-style-type:none;

}



ul.Liste2emeNiveau {

	/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */

	padding-top:0px;

	padding-right:0px;

	padding-bottom:0px;

	padding-left:0px;

	/* --- */

	margin-top:3px;

	margin-right:0px;

	margin-bottom:5px;

	margin-left:15px;

	list-style-type:none;

}



li {

	PADDING-TOP: 0px;

	PADDING-RIGHT: 0px;

	PADDING-BOTTOM: 1px;

	PADDING-LEFT: 16px;

	background: url(/pls/portal/docs/page/dev_social_fr/media/images/ic_fleche_li.gif) no-repeat 4px 7px;

	MARGIN: 0px;

	line-height: 18px;

	color: #333333;

	font-size: 11px;

}



ul.listePE /* pour " listePlusEspacee " */ {

	/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */

	padding-top:0px;

	padding-right:0px;

	padding-bottom:0px;

	padding-left:0px;

	/* --- */

	margin-top:0px;

	margin-right:15px;

	margin-bottom:0px;

	margin-left:15px;

	list-style-type:none;

}



ul.listePE LI {

	padding-top:0px;

	padding-right:0px;

	padding-bottom:11px;

	padding-left:16px;

	background:url(/pls/portal/docs/page/dev_social_fr/media/images/ic_fleche_li.gif) no-repeat 4px 8px;

	margin-top:20px;

	margin-right:0px;

	margin-bottom:0px;

	margin-left:0px;

	line-height: 18px;

	color:#333333;

	font-size:11px;

}



blockquote {

	/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */

	padding-bottom:0px;

	padding-left:0px;

	padding-right:0px;

	padding-top:0px;

	/* --- */

	margin-top:10px;

	_margin-top:-10px;

	margin-right:22px;

	margin-bottom:0px;

	margin-left:22px;

}



a:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}

a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}

a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #999999;

	text-decoration: underline;

}

a.legende:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}



a.legende:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

}

a.legende:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #999999;

	text-decoration: none;

}

a.legende:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}





.imageGauche {

	margin-right: 10px;

	float: left;

	margin-top: 4px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.imageDroite {

	float: right;

	margin-right: 0px;

	margin-top: 4px;

	margin-bottom: 0px;

	margin-left: 10px;

}





/*Texte de couleur différente*/

.eDev_rouge {

	color: #9F1A11;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: none;

	line-height: 15px;

}



/* Liens */

	



.eDev_rougeBold {

	color: #9F1A11;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	line-height: 15px;

}



/* DEFINITION DE LA BOITE RELIE AUX BOUTONS ORANGES. */



/* La classe eCulture_donnees est utilisee pour obtenir des donnees brutes. */

div.eDev_bloc_coll {

	/*

		float: left;

	*/

	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

	line-height: 16px;

	font-weight: normal;

	

	background-image: url(/pls/portal/docs/page/dev_social_fr/media/images/bg_degrade_dev.jpg);

	background-repeat:no-repeat;



	border-left: #D3D5C8 solid 1px;

	border-top: #D3D5C8 solid 1px;



	padding: 15px; 

	margin-left: 17px;

	_margin-left:8px;

	margin-top: 2px;

	margin-right: 10px;

	_margin-right: 20px;

	margin-bottom:0px;

}





div.eDev_bloc_coll ul.listeColl {

	/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */

	padding-bottom:0px;

	padding-left:0px;

	padding-right:0px;

	padding-top:0px;

	/* --- */

	margin-top:0px;

	/*_margin-top:-10px;*/

	margin-right:10px;

	margin-bottom:0px;

	margin-left:0px;

	list-style-type:none;

}



div.eDev_bloc_coll ul.listePdf{margin-left:0; width:320px;}





ul.listeColl li a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}



ul.listeColl li a:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}

ul.listeColl li a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #666666;

	text-decoration: underline;

}

ul.listeColl li a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #666666;

	text-decoration: underline;

}







ul.listeColl li {

	PADDING-TOP: 0px;

	PADDING-RIGHT: 0px;

	PADDING-BOTTOM: 5px;

	PADDING-LEFT: 18px;

	background: url(/pls/portal/docs/page/dev_social_fr/media/images/ic_fleche_li.gif) no-repeat 0px 7px;

	MARGIN: 0px;

	line-height: 18px;

	color: #333333;

	font-size: 10px;

}





	ul.listeMenu{

		/* FLOAT: left; */   /* INUTILE à RETIRER 16 FÉVRIER à MOINS D'UN AVIS CONTRAIRE */

		padding-top:0px;

		padding-right:0px;

		padding-bottom:0px;

		padding-left:0px;

		margin-top:0px;

		margin-right:0px;

		margin-bottom:0px;

		margin-left:0px;

		WIDTH: 350px; /* largeur de la zone UL */

		LIST-STYLE-TYPE: none;

		/*

		border:dashed;

		border-color:#000000;

		border-width:thin;

		*/

	}

	

		ul.listeMenu LI {

			padding-top:0px;

			padding-right:0px;

			padding-bottom:0px;

			padding-left:17px;

			margin-top:0px;

			margin-right:10px;

			margin-bottom:0px;

			margin-left:0px;

			background:url(/pls/portal/docs/page/dev_social_fr/media/images/ic_fleche_li.gif) no-repeat 0px 7px;

		}

		

ul.listeMenu li a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}



ul.listeMenu li a:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

	text-decoration: underline;

}

ul.listeMenu li a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #666666;

	text-decoration: underline;

}

ul.listeMenu li a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #666666;

	text-decoration: underline;

}





div.eDev_Titre {

	width:380px;

	padding: 0px 0px 0px 17px;

	clear: both;

}



div.eDev_pointille {

	width: 182px;

	background-image: url(/pls/portal/docs/page/dev_social_fr/media/images/bg_point_dev.gif);

	background-repeat:repeat-x;

	

	padding: 0px 0px 0px 15px; 

	margin: 0px 0px 0px 15px;

	clear: both;

}



div.eDev_sousMenu {	

	padding: 0px 0px 0px 0px; 

	margin: 0px 0px 0px 0px;



	clear: both;

}



div.eDev_sousMenu span{	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 18px;

	font-weight: normal;

	color: #333333;

}



div.eDev_sousMenu a:link{

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size: 10px;

		color: #9F1A11;

		font-weight: normal;

		text-decoration: underline;

		line-height: 15px;

	}

	div.eDev_sousMenu a:visited{

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size: 10px;

		color: #9F1A11;

		font-weight: normal;

		text-decoration: underline;

		line-height: 15px;

	}

	div.eDev_sousMenu a:hover{

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size: 10px;

		color: #000000;

		font-weight: normal;

		text-decoration: underline;

		line-height: 15px;

	}

	div.eDev_sousMenu a:active{

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size: 10px;

		color: #9F1A11;

		font-weight: normal;

		text-decoration: underline;

		line-height: 15px;

	}

/* FIN DEFINITION DE LA BOITE RELIE AUX BOUTONS ORANGES. */





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

/*styles présentatrice et collectrice*/

.eDev_GreyTabBG{

	background-color: #f1f1f1;

	border: 1px solid #dedede;

}



.eDev_DegradeTabBG{

	background-image: url(/pls/portal/docs/page/Topiter_fr/media/images/bg_degradeTab.jpg);

	background-repeat: repeat-x;

}



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



/*

DÉBUT --- style pour lien de style toute la section avec un « plus »

J-P l'avait déjà fait dans styles.css, sauf qu'il s'appelle listePlus

Peu le retirer d'ici après une vérification des pages...

*/



/* 



ul.plus {

	padding:0px;

	margin:0px;

	list-style-type:none;

}



	ul.plus LI {

		font-size:10px;

		margin:4px 0px 5px 0px;

		padding:0px 0px 0px 18px;

		background:url(/pls/portal/docs/page/librairie_fr/images/bt_plus.gif) no-repeat 0px 3px;

	}

	

		ul.plus LI A:LINK {

			font-size: 10px;

			color: #666666;

			font-weight: bold;

			text-decoration: none;

		}

		

		ul.plus LI A:VISITED {

			font-size: 10px;

			color: #666666;

			font-weight: bold;

			text-decoration: none;

		}

	

		ul.plus LI A:HOVER {

			font-size: 10px;

			color: #000000;

			font-weight: bold;

			text-decoration: none;

		}

	

		ul.plus LI A:ACTIVE {

			font-size: 10px;

			color: #666666;

			font-weight: bold;

			text-decoration: none;

		}

		

*/



/* FIN --- style pour lien de style toute la section avec un « plus » */



table.imgAvecLegendeGauche {

	width:60px;

	float:left;

	margin:0px 10px 0px 0px;

}



/* 

Début du style pour faire un clear

Devrait servir pour les balises H3 / P / BR

Consulter Stéphane pour migration dans styles.css

*/

.eClearIMG {

	clear:both;

	padding-top:20px;

	_padding-top:0px;

}