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

Document CSS INA.Fr  GLOBAL.CSS
fichier de formatage des structures principales du site INA.FR

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

/*
ligne 23........CALIBRAGE DES BALISES HTML par défaut

ligne 77........ROMPRE LE MODE FLOAT (via une div spacer) 

ligne 90........CONTAINERS DU SITE

ligne 142.......HEADER GLOBAL

ligne 222.......MODULE DE RECHERCHE GLOBALE

ligne 268.......MENU JAVASCRIPT

ligne 314.......FORMATAGE/STRUCTURE DE CONTENU PRINCIPAL

ligne 357.......FOOTER GLOBAL
*/

/*RUSTINES TEMPORAIRES POUR LA MISE EN PROD*/
div.main_header_obtenir_rss,
div.headerslide_gauche {
visibility: hidden;
	}

/*
TRAITEMENTS SPECIFIQUE INA.FR
*****************************************************/
html { overflow: scroll;} /*Je force la scrollbar sur toutes les pages pour homogénéiser la largeur sentie du site quelque soit la longueur de contenu et pour généraliser l'expérience du site sur tous les navigateurs (IE a toujours une scrollbar)*/

a:link,
a:visited { /*Empêche FIREFOX de générer une bordure pointillé éléments on_focus causant des overflows indésirables */
	outline: none;
	}
	
/*
CALIBRAGE DES BALISES HTML par défaut
*****************************************************/
body{
	background: url(../images/gabarits/global/fond_site.gif) repeat-x top left;
	background-color: #E4E4E4;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #636363;
	}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 11px; font-weight: normal;}

img, table { margin: 0; padding: 0; border: none;}

br{padding: 0; margin: 0; line-height: 14px;}

ul{ 
	margin: 0; padding: 0; 
	}
	ul li{ 
		margin: 0; padding: 0; 
		list-style: none none;
		background: none;
		}
		ul li a:link,
		ul li a:visited{ 
			margin: 0; padding: 0;
			text-decoration: none; 
			color: #626262; 
			}
		ul li a:hover,
		ul li a:active{
			margin: 0; padding: 0;
			color: black; 
			}

a:link,
a:visited{ 
	margin: 0; padding: 0;
	color: #0066CC; 
	text-decoration: underline; 
	}

a:hover,
a:active{
	color: #838383;
	}

/*
ROMPRE LE MODE FLOAT (via une div vide ou un br) 
*****************************************************/
.clear_float{
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0; 
	line-height: 1px;
	font-size: 1px;
	}

/*
CONTAINERS DU SITE
*****************************************************/
div.global_header_container{
	padding: 0; margin: 0 auto;
	width: 988px;
	height: 21px;
	background: #CCC;
	background: url(../images/commun/ombre/ombre_globalheader.gif) repeat-x bottom left;
	position: relative;
	z-index: 10000;
	}
		
div.global_content_container{
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	width: 986px;
	border: #7F7F7F solid 1px;
	position:relative;
	}

	div.top_container{
		height: 100px;
		padding: 12px 0px 0px 10px;
		}
		
		div.logo img{
			float: left;
			margin-left: 12px;
			margin-right: 13px;
			}
			
		div.module_pub{
			float: left;
			width: 728px;
			height: 90px;
			}
				
	div.menu_container{
		margin: 0 auto;
		height: 55px;
		padding: 0 0 0 10px;
		background: url(../images/gabarits/global/ombre_menu.gif) repeat-x left 3px;
		}
		
		div.module_menu{}

/*
HEADER GLOBAL
***************************************************************/

.global_headermenu_gauche {
	position:absolute; left:0; top:0; width:490px;
}
.global_headermenu_gauche a.global_headermenu_item {
	float:left; border-right:#CBCBCB solid 1px; 
}
.global_headermenu_droite { 
	position:absolute; right:0; top:0; width:600px;
}
.global_headermenu_droite a.global_headermenu_item {
	float:right; border-left:#CBCBCB solid 1px;
}
a.global_headermenu_item, a.global_headermenu_item:link, a.global_headermenu_item:visited { 
	position:relative; display:block; padding:0px 10px; height:21px; line-height:21px; color: #666666; font:normal 9px/20px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}
a.global_headermenu_item:hover, a.global_headermenu_item:active {
	background:url(../images/gabarits/global/ombre_global_header_container_hover.gif) repeat-x bottom left;
}
a.global_headermenu_item_newsletter, a.global_headermenu_item_newsletter:link, a.global_headermenu_item_newsletter:visited,
a.global_headermenu_item_rss, a.global_headermenu_item_rss:link, a.global_headermenu_item_rss:visited {
	padding-right:35px;
}
a.global_headermenu_item_newsletter img {
	position:absolute; right:10px; top:5px;
}
a.global_headermenu_item_rss img {
	position:absolute; right:10px; top:3px;
	border: 0px red solid;
}
.global_headermenu_gauche .global_headermenu_itemslide {
	float:left; border-right:#CBCBCB solid 1px; 
}
.global_headermenu_droite .global_headermenu_itemslide {
	float:right; border-left:#CBCBCB solid 1px; 
}
.global_headermenu_itemslide_sites {
	width:195px;
}
.global_headermenu_itemslide_sites img{
	float:right; margin-top:5px;
}
.global_headermenu_itemslide_language {
	width:100px;
}
.global_headermenu_itemslide_language img{
	float:right; margin:5px;
}
.global_headermenu_itemslide a, .global_headermenu_itemslide a:link, .global_headermenu_itemslide a:visited, .global_headermenu_itemslide strong { 
	display:block; padding:0px 10px; height:22px; line-height:22px; color:#666666; font:9px/20px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
}
.global_headermenu_itemslide a:hover, .global_headermenu_itemslide a:active {
	background:url(../images/gabarits/global/ombre_global_header_container_hover.gif) repeat-x bottom left;
}
.global_headermenu_itemslide_content {
	display:none; overflow:hidden;
}
.global_headermenu_itemslide div a, .global_headermenu_itemslide div a:link, .global_headermenu_itemslide div a:visited, .global_headermenu_itemslide div strong {
	background:#EBEBEB; border-bottom:#D6D6D6 solid 1px; line-height:14px; font:10px/14px Verdana, Arial, Helvetica, sans-serif; padding:4px 10px; height:auto;
}
.global_headermenu_itemslide div a:hover, .global_headermenu_itemslide div a:active {
	background:#D7D7D7; color:#333333;
}
.global_headermenu_itemslide .spacer {
	display:block; border-bottom:#888 solid 1px;
}
.global_headermenu_itemslide div p strong {font-weight:bold}
.global_header_container p {
	padding:0; margin:0;
}



/*
MODULE DE RECHERCHE GLOBALE
*****************************************************/
.module_search {
	width: 217px;
	height: 21px;
	background: #DEDEDE;
	float: left;
	display: inline; /* Evite le Double Float-margin Bug sous IE, super important*/
	overflow: hidden;
	/*Du fait de quelques complications de calage horizontal et vertical, j'utilise les bordures pour créer des zones de gris de largeurs différentes autour de la zone recherche*/
	border-left: #DEDEDE solid 3px;
	border-right: #DEDEDE solid 2px;
	border-bottom: #DEDEDE solid 1px;
	border-top: #DEDEDE solid 2px;
	
	}
		
	.module_searchText{
		float: left;
		padding: 0; margin: 0;
		width: 177px;
		height: 15px;
		background: #DEDEDE;
		border: #6B6B6B solid 1px;
		padding-left: 7px;
		font-size: 11px;
		color: #636363;
		margin-top: 1px;
		margin-right: 5px;
		padding-top: 1px;
		}
	
	.module_searchSubmit{
		float: left;
		padding: 0; margin: 0;
		width: 25px;
		background: #DEDEDE;
		font-size: 11px;
		color: #636363;
		margin-top: 1px;
		padding-top: 0px;
		padding-bottom: 0px;
		}

/*
MENU JAVASCRIPT
***************************************************************/
div.menu { position:absolute; left:248px; top:112px; width: 735px; margin: 0; padding: 0; z-index: 1000; }
	.menu div.item_suiv { margin-left:1px;}
	
	.menu div { 
		float:left; 
		line-height: 14px;
		font: bold 14px/14px Arial, Helvetica, sans-serif;
		}
		.menu div.item_1,.menu div.item_2,.menu div.item_3,.menu div.item_4 { width: 182px;}
		.menu div.item_4{padding: 0;}

	.menu div img { border:0; }
	.menu div div {padding:0; /* hidden car sinon bug safari */ overflow:hidden; }
	.menu div div div {padding:0; }
	.menu div div div a:link, 
	.menu div div div a:visited { 
		width:140px; 
		background: #ebebeb; 
		display:block; 
		padding:8px 0px 5px 5px; 
		text-decoration:none; 
		color:#666666; 
		line-height: 14px;
		font: bold 11px/14px Arial, Helvetica, sans-serif;
		}
		
	.menu div div div a:hover, 
	.menu div div div a:active { 
		width:140px; 
		background: #cbcaca; 
		display:block; 
		padding:8px 0px 5px 5px; 
		text-decoration:none; 
		color:#666666;
		}
	
	.menu div div div a.ssitem_suiv { border-top:1px solid #666666;}
	
	.menu div.item_1 div div { border-bottom: #FF0099 solid 4px; width: 182px;}
	.menu div.item_2 div div { border-bottom: #EF3C23 solid 4px; width: 182px;}
	.menu div.item_3 div div { border-bottom: #EF3C23 solid 4px; width: 182px;}
	.menu div.item_4 div div { border-bottom: #C2DB0A solid 4px; width: 182px;}
	.menu div.item_1 div div a:link, .menu div.item_1 div div a:visited,
	.menu div.item_2 div div a:link, .menu div.item_2 div div a:visited,
	.menu div.item_3 div div a:link, .menu div.item_3 div div a:visited,
	.menu div.item_4 div div a:link, .menu div.item_4 div div a:visited { width: 182px;}

/*
FORMATAGE STRUCTUREL DE LA ZONE CONTENU DYNAMIQUE
***********************************************************/			
.gabarit_container{
	padding: 0;
	margin: 0 auto;
	width: 986px;
	}

table.gabarit_container{margin: 0; padding: 0; width: 986px; }

	tr.main_contentbody{
		margin: 0; padding: 0;
		vertical-align: top;
		}
		td.main_colgauche{
			background: #EAEAEA;
			width: 135px;
			}
			div.main_gauche{/*formatage du contenu dans generic.css*/}
			
		td.main_colcentre{
			/*background:url(../images/commun/bandeauPhoto.jpg) no-repeat top left;*/
			width: auto;
			}
			div.main_centre{/*formatage du contenu dans generic.css*/}			
		
		td.main_coldroite{
			background: #EAEAEA;
			width: 180px;
			border-left: #FFFFFF solid 7px;
			}
			div.main_droit{
			
			/*formatage du contenu dans generic.css*/}			


/*
FOOTER GLOBAL
********************************************************/
div.global_footer_container {
	clear:both;
	color: #666;
	font:normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	height:120px;
	margin:0 auto;
	padding:8px 0 0 0;
	width:988px;
}

div.global_footer_container a:link, div.global_footer_container a:visited {
	color:#666;
	text-decoration:none;
}

div.global_footer_container a:active, div.global_footer_container a:hover {
	text-decoration:underline;
}

/* footer infos
 ------------------------------------------------------ */
div.global_footer_container div.footer_infos {
	background:url(../images/gabarits/footer/bg_footer_left.jpg) no-repeat;
	float:left;
	height:96px;
	padding:8px 0 0 16px;
	width:616px;
}

div.global_footer_container div.footer_infos span {
	padding-right:24px;
}

div.global_footer_container div.footer_infos span.der {
	padding-right:0;
}

/* footer sites
 ------------------------------------------------------ */
div.global_footer_container div.footer_sites {
	background:url(../images/gabarits/footer/bg_footer_right.jpg) no-repeat;
	float:right;
	height:96px;
	padding:8px 0 0 16px;
	width:330px;
}

div.global_footer_container span {
	float:left;
}

div.global_footer_container span.logos {
	float:right;
	padding:4px 6px 0 0;
}

div.global_footer_container span.logos table td{
	vertical-align:middle;
	padding:0 8px;
}

select.multiple {height: auto;}