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

Document CSS INA.Fr

Rubrique: PRESSE
Gabarit: MEDIATHEQUE - AUTHENTIFICATION, GALLERIE, RECAPITULATIF

Couleur dominante: rouge carmin #EF3C23

******************************************************************************/
/*SURCHARGER AU BESOIN*/
/*

ligne 33........Réinitialisation des espacements hérités de contenu_generic.css et global.css

ligne 76........0.	FORMULAIRES

ligne 37........1. CLASSES DE CONTENU GLOBALES

ligne 37........2. MEDIATHEQUE

ligne 37........3. DOCUMENTS DE REFERENCE

ligne 37........4. NAVIGATION PAGES DE RESULTATS

ligne 37........5.	CONTACTEZ NOUS

*/

/*
Réinitialisation des espacements hérités de contenu_generic.css et global.css
*************************************************************************/
div.global_content_container {
	height: 710px;
	height: auto;
	padding: 0;
	overflow: hidden;
}
	
td.main_colcentre{
background:url(../../images/gabarits/entreprise/bandeau_entreprise.jpg) repeat-x top left;
}
	
div.main_centre {}

div.main_header_rubrique{ border-left: #EF3C23 solid 6px;}

.envelopper_image{margin: 0 10px 10px -10px;}

div.mediatheque {padding-bottom: 20px;}

table.mediatheque {margin-top: 20px;}

table.mediatheque tr td {
	width:138px;
	padding: 8px;
	}

div.main_centre table td {
	border-left:0;
	border-right:0;
	padding:8pt;
	}
	
.ligne_vignette{vertical-align:bottom;}

.ligne_titre{vertical-align:top;}
	
div.main_centre table tr.ligne_titre td{border-bottom: #CCC solid 1px;}
	
table.mediatheque tr td input {border: 0; margin: 0; padding: 0}
	
/*
0.	FORMULAIRES GENERIQUES
******************************************************************************************************/
div.main_centre form {margin: 0; padding: 0;}
		
div input.image {border: 0;}
		
div.acces_console div input.motdepasse {
	width: 133px;
	margin-right: 5px;
	}
	
div.main_centre form p{clear: both;}
	 
div.main_centre form label{
	width:auto;
	height:auto;
	overflow:hidden;
	}
	
div select {height: 20px;}

/*
1. CLASSES DE CONTENU GLOBALES
******************************************************************************************************/	


	
/*
MEDIATHEQUE AUTHENTIFICATION
2. MEDIATHEQUE
******************************************************************************************************/	

div.container_accesmediatheque{
	background: url(../../images/gabarits/presse/mediatheque/fond.gif) repeat-x top left;
	}

div.acces_image {
	position: relative;
	height: 192px;
	padding: 40px 0px;
	overflow: hidden;
	}
	
	div.acces_image div {
		display: inline; /*empêche le double-float-margin bug*/
		float: left;
		height: 236px;
		text-align: center;
		margin-left: 30px;
		}
		
		div.acces_image div img {height: auto;}

div.acces_console{
	padding: 0; margin: 0;
	background: #9A9A9A;
	height: 164px;
	padding-left: 35px;
	}
	
	div.contenu_gauche{
			float: left;
			width: 300px;
			padding-top: 30px;
			}	
			
	div.contenu_droit {
			width: 460px;
			float: left;
			padding: 15px 20px 10px 12px;
			}
		
		div.contenu_droit p{
			color: #FFFFFF;
			line-height: 15px;
			font: bold 11px/15px Arial, Helvetica, sans-serif;
			padding-left: 6px;
			}
		
			div.contenu_droit p a:link, div.contenu_droit p a:visited{
				color: #FFFFFF;
				text-decoration: underline;
				}
				
			div.contenu_droit p a:hover {color: #EF3C23;}	
		
	div.content_body {
		float: left;
		height: 96px;
		padding-left: 3px;}
		
		div.content_body p {
			color: #FFF;
			line-height: 14px;
			font: normal 12px/14px Arial, Helvetica, sans-serif;
			}

	
/*
MEDIATHEQUE AUTHENTIFICATION
3.	CONTACTEZ NOUS
****************************************************************************/
div.contactez { 
	height: 26px;
	background: #EF3C23;
	padding: 0 0 4px 17px;
	}
div.contactez a:link,
div.contactez a:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 6px;
	}
div.contactez p img {
	margin: 0px 10px;
	vertical-align: middle;
	}

div.contactez p{
	line-height: 20px;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	margin: 0;
	}

/*
MEDIATHEQUE - SELECTION
**********************************************************/	

div.mediatheque_selection form{
	margin-top: 10px;
	}

/*
4. NAVIGATION PAGES DE RESULTATS
**********************************************************/	
div.navigation_pages_resultats {
	/*padding-top: 0px;*/
	margin-top: -23px;
	float: right;
	}

	div.navigation_pages_resultats div{
		border: #CCC solid 1px;
		float: left;
		width: 22px;
		height: 15px;
		margin-right: 4px;
		text-align: center;
		}
	
	div.navigation_pages_resultats p { 
		float: left;
		display: block;
		height: 15px;
		line-height: 10px;
		font: bold 12px/10px Arial, Helvetica, sans-serif;
		margin-right: 10px;
		}
	
		div.navigation_pages_resultats div a:link,
		div.navigation_pages_resultats div a:visited {
			display: block;
			width: 22px;
			height: 15px;
			color: #888;
			text-decoration: none;
			text-align: center;
			line-height: 14px;
			font: bold 12px/14px Arial, Helvetica, sans-serif;
			}
		
		div.navigation_pages_resultats div a:active,
		div.navigation_pages_resultats div a:hover {
			background: #888;
			color: #FFF;
			}
	
	div.navigation_pages_resultats div.page_courante {
		color: #FFF;
		line-height: 14px;
		font: bold 12px/14px Arial, Helvetica, sans-serif;
		background: #CCC;
		}

/*
MEDIATHEQUE RECAPITULATIF
**********************************************************/	
div.mediatheque_recapitulatif {
	margin: 0 0 0 30px;
	padding: 10px;
	width: 500px;
	background: #F6F6F6;
	border: #CCC solid 1px;}

	div.mediatheque_selection div.media_selected_item { 
		float: left; /*Permet d'envelopper tout le contenu avec la div (hauteur s'ajuste selon la hauteur de l'image)*/
		width: 580px; /*Permet à Firefox d'envellopper sur toute la largeur*/
		border-bottom: #CCC solid 1px;
		}
	
		div.media_selected_item_contenu {
		float: left; /*Permet d'envelopper tout le contenu avec la div (hauteur s'ajuste selon la hauteur de l'image)*/
		width: 100%; /*Permet à Firefox d'envellopper sur toute la largeur*/
		padding:10px; 
		}
	
		div.media_selected_item label { width: 130px;}

div.mediatheque_recapitulatif div.clear_float { border-bottom: #CCC solid 1px;}

		div.media_selected_item img{ 
			float: left; 
			display: block; 
			margin-right: 10px; 
			width: 80px;
			}
		
		div.media_selected_item p{ float: left;}
		
		div.media_selected_item div div {} 
			
.mediatheque_gallerie {clear:both;}

div.mediatheque_selection label{width: auto;}

div.mediatheque_recherche input,
div.mediatheque_recherche select{margin-right: 10px;}

/*
MEDIATHEQUE CARROUSEL
**********************************************************/	

div.carrousel {
	margin-bottom: 20px;
	margin-top: 20px;
	}
	
div.carrousel object{margin-left: 15px;}