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

Document CSS INA.Fr
ITEMS ZONE CONTEXTUELLE (colonne droite)

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

/*
ligne 42........0. STRUCTURE TYPE D'UN MODULE CONTEXTUEL

ligne 68........1. LE MODULE CONTEXTUEL GENERIQUE (mod_contextuelcontent)

ligne 123......2. LES BLOCS DE TITRE
	
ligne 137......3. MODULE FICHE CONTACT
	
ligne 182......4. MODULE CARTE DE FRANCE INA

ligne 188......5. MODULE RECHERCHE DANS RUBRIQUE ACTIVE

ligne 228......6. MODULE EN SAVOIR PLUS

ligne 258......7. MODULE VOIR DOSSIERS

ligne 298......8. MODULE LIEN VERS VIDEOS OGP

ligne 314......9. MODULE DOSSIERS PRECEDENTS

ligne 332......10. MODULE PROCHAINEMENT

ligne 360......11. MODULE ACCES DIRECT		

ligne 396......12. MODULE CONTACT POPUP

ligne 448......13. MODULE FAQ

ligne 458......14. STAGES INFOS PRATIQUES

ligne 466......15. MODULE AUTRES RENDEZ VOUS

ligne 475......16. MODULE AUTRES DIFFUSIONS

ligne 484......17. MODULE INFOS PRATIQUES

ligne 492......18. MODULE FINANCEMENTS

ligne 500......19. MODULE ENTREPRISES

ligne 487......20. MODULE ACCES MEDIATHEQUE

ligne 512......21. MODULE INFO SOUS EMBARGO

ligne 522......23. MODULE EXTRAIT AUDIO-VIDEO

*/

/* 
0. STRUCTURE TYPE D'UN MODULE CONTEXTUEL
*******************************************************
div.contextuel_nomDuModule{
	container du module, surcharge l'héritage div.mod_contextuelcontent }
	
	div.contextuel_nomDuModule h1{
		titre du module, surcharge l'héritage mod_contextuelcontent }
		
	div.contextuel_nomDuModule p{
		formatage du paragraphage, surcharge l'héritage mod_contextuelcontent }
	
	div.contextuel_nomDuModule ul {
		contenu de type liste, surcharge l'héritage mod_contextuelcontent }
		
		div.contextuel_nomDuModule ul li {
			surcharge l'héritage mod_contextuelcontent }
		
			div.contextuel_nomDuModule ul li a:link,
			div.contextuel_nomDuModule ul li a:visited {
				surcharge l'héritage mod_contextuelcontent }
			
			div.contextuel_nomDuModule ul li a:active,
			div.contextuel_nomDuModule ul li a:hover {
				surcharge l'héritage mod_contextuelcontent }
*/
/*
1. LE MODULE CONTEXTUEL GENERIQUE
NOTE: je définis une css standard permettant de créer de nouveaux blocs contextuels en n'ayant à changer que la puce et le titre au besoin.
surcharger en appelant une classe supplémentaire pour un module contextuel personnalisé
*******************************************************/

div.mod_contextuelcontent {
	background: url(../../images/commun/ombre/ombre_lightgray.gif) repeat-x top left;
	
	padding: 15px 7px 16px 8px;
	}

	
div.mod_contextuelcontent p strong {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333333;
	}	

div.mod_contextuelcontent h1{
	border: 0;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 12px;
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	color: #333333;
	}

div.mod_contextuelcontent ul {
	margin-top: 8px;
	margin-left: 2px;
	}
	
div.mod_contextuelcontent ul li {
	margin-left: 0px;
	margin-top: 3px;
	padding:0 2px 2px 17px;
	line-height: 12px;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #636363;
	background : url(../../images/commun/liste_puces/puce_fleche2.gif) no-repeat;	
	}

div.mod_contextuelcontent ul li a:link,
div.mod_contextuelcontent ul li a:visited{
	padding: 0; margin: 0;
	line-height: 12px;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 0px; 
	text-decoration: none;
	}
div.mod_contextuelcontent ul li a:active, 
div.mod_contextuelcontent ul li a:hover {
	color: #0099FF;
	}


/*
2. LES BLOCS DE TITRE
*********************************************/
div.contextuel_bloctitre {
	/*position: relative;*/ /*Supprimé le 20/11/07 par Laurent, car empêche prise en compte du fond jaune sous IE6*/
	background-color: #BEBEBE;
	}
	
	div.contextuel_bloctitre a:link,
	div.contextuel_bloctitre a:visited {
		background: url(../../images/commun/ombre/ombre_lightgray.gif) repeat-x top left; 
		/*background-color: #BEBEBE;*/
		/*background-color: #FFCC00;*/
		text-decoration:none;
		}

div.contextuel_bloctitre img {
	line-height: 16px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding: 10px 0;
	
	}
	
	div.contextuel_bloctitre span {
		color: #FFFFFF; 
		margin: 3px 0 0 10px;
		line-height: 12px;
		font: normal 11px/12px Arial, Helvetica, sans-serif;
		clear: both;
		display: block;
		padding-bottom: 6px;
		/*background-color: #FFCC00;*/
		}
	
div.contextuel_bloctitre_yellow {	
	background:  transparent url(../../images/commun/ombre/ombre_yellow.gif) repeat-x top left;
	background-color: #FFCC00; 
	}
	div.contextuel_bloctitre_yellow a:link,
	div.contextuel_bloctitre_yellow a:visited {
		background:  transparent url(../../images/commun/ombre/ombre_yellow.gif) repeat-x top left;
		background-color: #FFCC00; 
		}
	
div.contextuel_bloctitre_green {
	background:  transparent url(../../images/commun/ombre/ombre_green.gif) repeat-x top left;
	background-color: #02A839;
	}
	
	div.contextuel_bloctitre_green a:link,
	div.contextuel_bloctitre_green a:visited {
		background: url(../../images/commun/ombre/ombre_green.gif) repeat-x top left; 
		background-color: #02A839; 
		}

div.contextuel_bloctitre_telecharger {
	position: relative;
	}
	div.contextuel_bloctitre_telecharger a:link,
	div.contextuel_bloctitre_telecharger a:visited {
		background:url(../../images/commun/ombre/ombre_menublue.gif) repeat-x top left; 
		background-color: #0099FF; 
		}
		
div.contextuel_bloctitre_inscription {
	}
	div.contextuel_bloctitre_inscription a:link,
	div.contextuel_bloctitre_inscription a:visited,
	div.contextuel_bloctitre_inscription a:active,
	div.contextuel_bloctitre_inscription a:hover {
		display: block;
		width: 180px;
		padding: 0;
		}
	
/*
3.	MODULE FICHE CONTACT
*********************************************/


div.contextuel_contact h1{
	background: url(../../images/commun/icn/icn_contact.gif) no-repeat;
	padding-left: 20px;}
		
div.contextuel_contact p{
	line-height: 12px;
	font-size:10px;
	/*padding-left: 20px; */ 
	}
	
/*
4. MODULE CARTE DE FRANCE INA
*********************************************/
div.contextuel_ina_carte{
	padding: 20px 0;
	}
	
div.contextuel_ina_carte p {
	text-align: justify;
	}

/*
5. MODULE RECHERCHE DANS RUBRIQUE ACTIVE
*********************************************/
div.contextuel_recherche {
	/*background:url(../../images/commun/ombre/ombre_lightgray.gif) repeat-x top left;
	padding: 10px 0px;
	height: 110px;
	*/
	}
	
	div.contextuel_recherche p {
		padding-top: 5px; 
		margin: 0; 
		margin-left: -1px;
		}
	/*
	div.contextuel_recherche h1 {
		background: none;
		margin-bottom: 8px;
		}
	*/
	
div.contextuel_recherche h1 {
	background: url(../../images/commun/icn/icn_recherche.gif) no-repeat;
	padding-left: 16px;
	}
	
	div.contextuel_recherche form {
		margin: 0; 
		/*padding: 0 10px 0 0; */
		position: relative; 
		}
	
		div.contextuel_recherche input.texte,
		div.contextuel_recherche select { 
			border: #666666 solid 1px; 
			height:16px; 
			width: 123px; 
			}
	
		div.contextuel_recherche input.image {
			}
		
		div.contextuel_recherche select {
			width: 159px;
			height: 18px;
			}
			
/*
6. MODULE EN SAVOIR PLUS
*********************************************/

div.contextuel_ensavoirplus h1{
	background: url(../../images/commun/icn/icn_savoir_plus.gif) no-repeat ;
	padding-left: 19px;
	}


/*
7. MODULE VOIR DOSSIERS
*********************************************/
div.contextuel_voirdossier{
	margin: 0 auto;}
	
	ul.contextuel_voirdossier {
	padding: 0; margin: 0;}
	
	ul.contextuel_voirdossier li {
		list-style: none none;
		}

		ul li.contextuel_voirdossier_lightgray{ 
			background: url(../../images/commun/btn_fleche/btn_fleche_lightgray.gif) no-repeat 0 12px; 
			padding-left: 28px; 
			height: 20px; 
			padding-top: 14px; 
			margin-left: 16px;
			}
		
		ul li.contextuel_voirdossier_white{
			background: url(../../images/commun/btn_fleche/btn_fleche_white.gif) no-repeat 0 12px; 
			padding-left: 28px; 
			height: 20px; 
			padding-top: 14px;
			margin-left: 0px;}
		
		ul li.contextuel_voirdossier_white a:link, 
		ul li.contextuel_voirdossier_lightgray a:link,
		ul li.contextuel_voirdossier_white a:hover, 
		ul li.contextuel_voirdossier_lightgray a:hover,
		ul li.contextuel_voirdossier_white a:visited, 
		ul li.contextuel_voirdossier_lightgray a:visited,
		ul li.contextuel_voirdossier_white a:active, 
		ul li.contextuel_voirdossier_lightgray a:active{
			color: #666666;
			line-height: 12px;
			font: normal 10px/12px Arial, Helvetica, sans-serif;
			}

/*
8. MODULE LIEN VERS VIDEOS OGP
*********************************************/
div.contextuel_videolien{
	padding-top: 20px;
	background: url(../../images/commun/icn/ombre_mediumgray.gif) repeat-x top left;
	background-color: #D6D6D6;
	padding-bottom: 10px;}

	div.contextuel_videolien img{
		margin: 0 auto;}
	div.contextuel_videolien p{
		margin: 12px 0px 0px 0px;
		padding-left: 10px;}

/*
9. MODULE DOSSIERS PRECEDENTS
************************************/
div.contextuel_dossiersprecedents{
	padding-bottom: 10px;
	}
		
div.contextuel_dossiersprecedents h1 {
	background: url(../../images/commun/icn/icn_dossiers.gif) no-repeat;
	padding-left: 17px;
	}

div.contextuel_dossiersprecedents p {
	margin-left: 8px; margin-top: 8px;
	}
	
	

/*
10. MODULE PROCHAINEMENT
************************************/

div.contextuel_prochainement h1{
background: url(../../images/commun/icn/icn_prochainement.gif) no-repeat;
	padding-left: 17px;
	}


/*
11. MODULE ACCES DIRECT		
NOTE: Des copies de ces appels pour div.main_centre existent dans gabarit_obs_actesetparoles.css et gabarit_obs_hp.css
************************************/

div.contextuel_accesdirect h1{
	background: url(../../images/commun/icn/icn_dossiers.gif) no-repeat;
	padding-left: 17px;
	}

div.contextuel_accesdirect p {
	float: left;
	margin: 0; padding: 0;
	padding-left: 16px;
	}
div.contextuel_accesdirect form { margin: 0;}
div.contextuel_accesdirect form select { 
	height: 20px;
	margin: 0;
	}

	div.contextuel_accesdirect a:link, 
	div.contextuel_accesdirect a:visited, 
	div.contextuel_accesdirect a:active {margin-left: 2px;}

/*
12. MODULE CONTACT POPUP
*******************************************************/
	
div.contextuel_nouscontacter h1 {
	background: url(../../images/commun/icn/icn_contact.gif) no-repeat;
	padding-left: 20px;
	}
div.contextuel_nouscontacter a:link, 
	div.contextuel_nouscontacter a:visited, 
	div.contextuel_nouscontacter a:active {
	color:#333333;
	text-decoration: none;
	}	
div.contextuel_nouscontacter h1 a:active,
div.contextuel_nouscontacter h1 a:hover { text-decoration: underline;}

/*
13. MODULE FAQ
*******************************************************/
	
div.contextuel_faq h1 {
	background: url(../../images/commun/icn/icn_faq.gif) no-repeat;
	padding-left: 18px;
	}


/*
14. STAGES INFOS PRATIQUES
*******************************************************/
div.contextuel_stageinfos h1 {
	background: url(../../images/commun/icn/icn_infospratiques.gif) no-repeat;
	padding-left: 18px;
	}

/*
15. MODULE AUTRES RENDEZ VOUS
************************************/

div.contextuel_rdv h1{
	background: url(../../images/commun/icn/icn_rdv.gif) no-repeat;
	padding-left: 18px;
	}

/*
16. MODULE AUTRES DIFFFUSIONS
************************************/

div.contextuel_diffusions h1{
	background: url(../../images/commun/icn/icn_diffusions.gif) no-repeat;
	padding-left: 19px;
	}
	
/*
17. MODULE INFOS PRATIQUES
************************************/
.contextuel_infos_pratiques h1{
	background: url(../../images/commun/icn/icn_infospratiques.gif) no-repeat;
	padding-left: 16px;
	}

/*
18. MODULE FINANCEMENTS
************************************/
.contextuel_financements h1{
	background: url(../../images/commun/icn/icn_financement.gif) no-repeat;
	padding-left: 19px;
	}

/*
19. MODULE ENTREPRISES
************************************/
.contextuel_entreprises h1{
	background: url(../../images/commun/icn/icn_entreprises.gif) no-repeat;
	padding-left: 16px;
	}	


/*
20. MODULE ACCES MEDIATHEQUE
************************************/
.contextuel_acces_mediatheque h1.connected{
	background: url(../../images/commun/icn/icn_cadenas_ferme.gif) no-repeat;
	padding-left: 19px;
	padding-top:5px;
	}
	
.contextuel_acces_mediatheque h1.not_connected{
	background: url(../../images/commun/icn/icn_cadenas.gif) no-repeat;
	padding-left: 19px;
	line-height:20px;
	padding-top:5px;
	}

.contextuel_acces_mediatheque a.connected:link,
.contextuel_acces_mediatheque a.connected:visited,
.contextuel_acces_mediatheque a.connected:active{
	color:#333333;
	text-decoration: none;
	}

.contextuel_acces_mediatheque a.connected:active,
.contextuel_acces_mediatheque a.connected:hover{
	text-decoration: underline;
	}
	
.contextuel_acces_mediatheque form {
	margin: 0; 
	position: relative; 
	}

.contextuel_acces_mediatheque input.texte,
.contextuel_acces_mediatheque select { 
	border: #666666 solid 1px; 
	height:16px; 
	width: 123px; 
	padding-left: 2px;
	margin-left: 2px;
	}

.contextuel_acces_mediatheque select {
	width: 159px;
	height: 18px;
	}

/*
22. MODULE INFO SOUS EMBARGO
************************************/

.contextuel_embargo input.texte { 
	border: #666666 solid 1px; 
	height:16px; 
	width: 123px; 
	}

/*
23. DOCUMENTS DE REFERENCE
************************************/
.contextuel_docs_reference h1{
	background: url(../../images/commun/icn/icn_dossiers.gif) no-repeat;
	padding-left: 17px;
	}

div.presse_contextuel p {text-indent:10px;font: normal 11px Arial, Helvetica, sans-serif;}
div.presse_contextuel p strong {font: bold 11px Arial, Helvetica, sans-serif;color: #333333;}
div.presse_contextuel p strong a:link

div.presse_contextuel ul {
	margin-top: 8px;
	}
	
	div.presse_contextuel ul li {
		margin: 6px 0px 0px 0px;
		padding-left: 18px;
		padding-right: 0px;
		line-height: 12px;
		font: normal 10px/12px Arial, Helvetica, sans-serif;
		color: #636363;
		background : url(../../images/gabarits/formations/hp/puce_contextuel.gif) 10px no-repeat;	
		}
		
		div.presse_contextuel ul li a:link,
		div.presse_contextuel ul li a:visited{
			padding: 0; margin: 0;
			line-height: 12px;
			font: normal 10px/12px Arial, Helvetica, sans-serif;
			color: #333333;
			padding-left: 0px; 
			text-decoration: none;
			}
		div.presse_contextuel ul li a:active, 
		div.presse_contextuel ul li a:hover {
			color: #0099FF;}
			
		/********************/	

		
		div.presse_contextuel a:link,
		div.presse_contextuel a:visited{
			padding: 0; margin: 0;
			line-height: 12px;
			font: normal 10px/12px Arial, Helvetica, sans-serif;
			color: #333333;
			padding-left: 0px; 
			text-decoration: none;
			}
		div.presse_contextuel a:active, 
		div.presse_contextuel a:hover {
			color: #0099FF;}
			
			/****************/
		div.presse_contextuel p  a:link strong,
		div.presse_contextuel p a:visited strong {
			
			color: #333333;
			text-decoration: none;
			}
		div.presse_contextuel p  a:active strong, 
		div.presse_contextuel p  a:hover strong {
			color: #0099FF;}	
	

/*
21. MODULE EXTRAIT AUDIO-VIDEO
***********************************************************/

div.extrait {
	position:relative;
	background:transparent url(../../images/commun/ombre/ombre_lightgray.gif) repeat-x scroll left top;
	padding:15px 7px 16px 8px;
	}
	
div.extrait_header {
	padding-bottom: 10px;
	}
		
div.extrait_header h1 {		
	background:transparent url(../../images/commun/icn/icn_extrait_video.gif) no-repeat ;
	padding-left:19px;		
	border:0pt none;
	color:#333333;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:12px;
	margin:0pt;
	padding-bottom:3px;
	padding-top:3px;
	}
		
div.extrait_image{
		
	z-index:1;
	}
	
			
div.extrait_image img{ 
	display: block;
	width: 128px;
	margin: 0 auto; 
	line-height: 14px;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
			
div.picto_play{
	z-index:2;
	position: absolute;
	left: 49px;
	top:50px;
	display: block;
	margin: 0 auto; 
	width:128px;
	}
	
div.mon_picto_play{
	z-index:2;
	position: absolute;
	left: 49px;
	top:50px;
	display: block;
	margin: 0 auto; 
	width:128px;
	}
		
div.extrait_texte{
	padding: 5px 0px 10px 0px;
	background-color: #EBEBEB;
	}

div.extrait_texte p {
	padding-left: 10px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	}
		
div.extrait_texte ul {
	margin-left: 10px;
	}
			
div.extrait_texte ul li {
	margin-left: 0; padding-left: 0;
	background: none;
	line-height: 12px;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	color: #666666;
	}

div.main_droit div.extrait {
	width: auto;
	}