/* CSS Document */

/*

> Mise en forme de la bannière centrale en fonction du visuel
> et sa typo

*/

/************************************
Styles communs à toutes les bannières OUI
*************************************/

#banniere_oui_grand_pere,
#banniere_oui_ballons,
#banniere_oui_petite_fille,
#banniere_oui_pere_fils,
#banniere_oui_le_chat,
#banniere_oui_home_clip,
#banniere_oui_famille {
	margin-bottom: 10px;
}

#banniere_oui_grand_pere img,
#banniere_oui_ballons img,
#banniere_oui_petite_fille img,
#banniere_oui_pere_fils img,
#banniere_oui_le_chat img,
#banniere_oui_home_clip img,
#banniere_oui_famille img {
	display: block;
}

#banniere_oui_grand_pere h2,
#banniere_oui_ballons h2,
#banniere_oui_petite_fille h2,
#banniere_oui_pere_fils h2,
#banniere_oui_le_chat h2,
#banniere_oui_home_clip h2,
#banniere_oui_famille h2 {
	padding: 10px 15px 0 75px;
	height: 54px;
	font-size: 1.4em;
}

#banniere_oui_grand_pere h2 a,
#banniere_oui_ballons h2 a,
#banniere_oui_petite_fille h2 a,
#banniere_oui_pere_fils h2 a,
#banniere_oui_le_chat h2 a,
#banniere_oui_home_clip h2 a,
#banniere_oui_famille h2 a {
	color: #000;
	text-decoration: none;
}

#banniere_oui_grand_pere h2 a:hover,
#banniere_oui_ballons h2 a:hover,
#banniere_oui_petite_fille h2 a:hover,
#banniere_oui_pere_fils h2 a:hover,
#banniere_oui_le_chat h2 a:hover,
#banniere_oui_home_clip h2 a:hover,
#banniere_oui_famille h2 a:hover {
	color: #000;
	text-decoration: underline;
}

#banniere_oui_grand_pere p,
#banniere_oui_ballons p,
#banniere_oui_petite_fille p,
#banniere_oui_pere_fils p,
#banniere_oui_le_chat p,
#banniere_oui_home_clip p,
#banniere_oui_famille p {
	margin: 0;
	padding: 2px 0;
	height: 22px;

	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;

	background: url(images/gabarit/more-oui.gif) no-repeat;
}

#banniere_oui_grand_pere p a,
#banniere_oui_ballons p a,
#banniere_oui_petite_fille p a,
#banniere_oui_pere_fils p a,
#banniere_oui_le_chat p a,
#banniere_oui_home_clip p a,
#banniere_oui_famille p a {
	color: #FFF;
	text-decoration: none;
}

#banniere_oui_grand_pere p a:hover,
#banniere_oui_ballons p a:hover,
#banniere_oui_petite_fille p a:hover,
#banniere_oui_pere_fils p a:hover,
#banniere_oui_le_chat p a:hover,
#banniere_oui_home_clip p a:hover,
#banniere_oui_famille p a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*************************************
Visuel petite fille et son grand père
**************************************/
#banniere_oui_grand_pere {

}

	#banniere_oui_grand_pere h2 {
		background: url(images/gabarit/libelle_oui_grand_pere.jpg) no-repeat;
	}

/*************************************
Visuel laché de ballons
**************************************/
#banniere_oui_ballons {

}

	#banniere_oui_ballons h2 {
		background: url(images/gabarit/libelle_oui_ballons.jpg) no-repeat;
	}

/*************************************
Visuel petite fille 
**************************************/
#banniere_oui_petite_fille {

}

	#banniere_oui_petite_fille h2 {
		background: url(images/gabarit/libelle_oui_petite_fille.jpg) no-repeat;
	}

/*************************************
Visuel père et son fils
**************************************/
#banniere_oui_pere_fils {

}

	#banniere_oui_pere_fils h2 {
		background: url(images/gabarit/libelle_oui_pere_fils.jpg) no-repeat;
	}
	

/*************************************
Visuel le chat
**************************************/
#banniere_oui_le_chat {

}

	#banniere_oui_le_chat h2 {
		background: url(images/gabarit/libelle_oui_le_chat.gif) no-repeat;
	}
	

/*************************************
Visuel home clip
**************************************/
#banniere_oui_home_clip {

}

	#banniere_oui_home_clip h2 {
		background: url(images/gabarit/libelle_oui_home_clip.jpg) no-repeat;
	}
	
/*************************************
Visuel famille
**************************************/
#banniere_oui_famille {

}

	#banniere_oui_famille h2 {
		background: url(images/gabarit/libelle_oui_famille.jpg) no-repeat;
	}
		
	
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*************************
Bannière MEA
*************************/
#mea {
	margin-top: 10px;
	background: url(images/gabarit/mea-background.gif) repeat-y;
}	

#mea img {

}

#mea div {
	padding: 0 35px 0 35px;
}

#mea #titre {
    font-size: 1.3em !important;
}

#newsbox { 
    width: 150px; height: 50px; position: relative; overflow: hidden; 
}

#newslist { 
    position: absolute; padding: 0 0.5em; 
}