/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
// 
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style de rubrique
//
//------------------------------------------------------------------
*/
/*------------------------------------------------------------------*/
/* ----- STRUCTURE DU SITE (couleur bleue) ----- */
/*------------------------------------------------------------------*/
body{
	background-image:url(images/accueil/body-background.jpg);
}
#global{
	background-image:url(images/accueil/global-background.jpg);
	background-color:#9BCAEC;
}
#global_ombre{
	background-image:url(images/accueil/global_ombre-background.jpg);
}
#cadre{
	background-image:url(images/accueil/contenu_droit-cheval_bas.jpg);
}
/*------------------------------------------------------------------*/
#contenu_gauche div.description h3 span{
	color:#6ecee7;
}
#contenu_gauche div.description p{
	color:#4b88ad;
	margin-bottom:10px;
}
#contenu_gauche div.description h4{
	color:#4b88ad;
	margin-bottom:10px;
	font-size:1.2em;
}
#contenu_gauche div.description p img{
	border:3px solid #8fbfe0;	
}
#contenu_gauche div.contact strong span{
	color:#4b88ad;
}
/*------------------------------------------------------------------*/
#contenu_droit #diaporama .submenu_cadre_masque{
	background-image:url(images/accueil/diaporama-cache-background.gif);
}
#contenu_droit #diaporama > .submenu_cadre_masque{
	background-image:url(images/accueil/diaporama-cache-background.png);
}
#contenu_droit{
	background-image:url(images/accueil/contenu_site-background.jpg);
}
#cadre > #contenu_droit{
	background-image:url(images/accueil/contenu_site-background.png);
}
#footer ul{
	background-image:url(images/accueil/footer-background.jpg);
}
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
#contenu_site{
	color:#4b88ad;
}
/*------------------------------------------------------------------*/
#contenu_site #accueil_actualites{
	padding-top:10px;
	padding-left:20px;
	position:relative;
	width:696px;
	float:left;
	margin-bottom:15px;
}
#contenu_site #accueil_actualites h3{
	float:left;
	width:100%;
	padding-bottom:10px;
}
#contenu_site #accueil_actualites h3 span{
	display:block;
	float:left;
	height:23px;
	line-height:30px;
}
#contenu_site #accueil_actualites h3 span.h3_image{
	background-image:url(images/accueil/encart_actualite-h3.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-1000em;
	width:131px;
	margin-left:10px;
}
#contenu_site #accueil_actualites ul{
	background-image:url(images/accueil/encart_actualite-background.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:614px;
	height:220px;
	list-style-type:none;
	overflow:hidden;
	padding:10px 30px;
	float:left;
}
#contenu_site #accueil_actualites ul li{
	width:100%;
	float:left;
	margin-bottom:10px;
	position:relative;
}
#contenu_site #accueil_actualites ul li.first{
	background-image:url(images/accueil/encart_actualite-separation.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}
#contenu_site #accueil_actualites ul li p.couverture{
	float:left;
	width:150px;
	margin-right:15px;
}
#contenu_site #accueil_actualites ul li p.couverture a{
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	width:150px;
	height:90px;
	text-indent:-1000em;
	overflow:hidden;
	border:1px solid #fff;
}
#contenu_site #accueil_actualites ul li .texte{
	width:265px;
	float:left;
}
#contenu_site #accueil_actualites ul li h4{
	font-size:1.2em;
	margin-bottom:7px;
}
#contenu_site #accueil_actualites ul li h4 a{
	color:#9aa90a;
	text-shadow: 1px 1px 0 #fff;
}
#contenu_site #accueil_actualites ul li h4 a:hover{
	color:#828f08;
	text-decoration:none;
}
#contenu_site #accueil_actualites ul li .description_courte{
	margin-bottom:7px;
	text-shadow: 1px 1px 0 #fff;
}
#contenu_site #accueil_actualites ul li p.lien a{
	background-image:url(images/accueil/encart_actualite-lire.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	color:#fff;
	width:91px;
	height:24px;
	line-height:20px;
	float:right;
}
#contenu_site #accueil_actualites ul li p.lien > a{
	background-image:url(images/accueil/encart_actualite-lire.png);
}
#contenu_site #accueil_actualites a.read_all{
	display:block;
	width:143px;
	height:35px;
	line-height:35px;
	position:absolute;
	top:246px;
	left:520px;
	color:#fff;
	text-align:center;
	font-family:Georgia, serif;
	font-size:1.2em;
	text-decoration:none;
	outline:0;
}
/*---espace petitions---------------------------------------------------------------*/
#contenu_site div.petition{
	padding-left:20px;
	margin-bottom:20px;
}
#contenu_site div.petition p.illustration{
	float:left;
	margin-right:10px;
	border:3px solid #fff;
}
#contenu_site div.petition h3{
	margin-bottom:20px;
}
#contenu_site div.petition div.liens{
	text-align:right;
	width:280px;
	float:left;
}
#contenu_site div.petition div.liens p{
	margin-bottom: 15px;
	padding:20px;
	background:#fff;
}
#contenu_site div.petition div.liens p strong{
	font-family:georgia,serif;
	font-size:1.2em;
}
/*------------------------------------------------------------------*/
#contenu_site #club{
	position:relative;
	float:left;
	width:701px;
	margin-left:15px;
}
#contenu_site #club h3{
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:66px;
	width:55px;
	height:43px;
	text-indent:-1000em;
	overflow:hidden;
}
#contenu_site #club p{
	float:left;
}
#contenu_site #club p.texte{
	background-image:url(images/accueil/club-background.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width:205px;
	height:235px;
	padding:50px 131px 0 60px;
}
#contenu_site #club p.illustration{
	width:285px;
	line-height:235px;
	text-align:center;
}
#contenu_site #club p.illustration img{
	border:2px solid #fff;
}
/*------------------------------------------------------------------*/
#contenu_site #pension{
	position:relative;
	float:left;
	width:701px;
	margin-left:15px;
}
#contenu_site #pension h3{
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:370px;
	width:150px;
	height:49px;
	text-indent:-1000em;
	overflow:hidden;
}
#contenu_site #pension p{
	float:left;
}
#contenu_site #pension p.texte{
	background-image:url(images/accueil/pension-background.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width:205px;
	height:235px;
	padding:60px 100px 0 20px;
	margin-left:55px;
}
#contenu_site #pension p.illustration{
	width:285px;
	line-height:235px;
	text-align:center;
}
#contenu_site #pension p.illustration img{
	border:2px solid #fff;
}
/*------------------------------------------------------------------*/
#contenu_site #slider{
	background-image:url(images/accueil/slider-background.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	width:578px;
	height:126px;
	margin-left:30px;
	padding:10px 43px;
	overflow:hidden;
}
#contenu_site #slider ul{
	list-style-type:none;
	float:left;
}
#contenu_site #slider ul li{
	float:left;
	margin-right:433px;
	margin-left:1px;
}
#contenu_site #slider ul li ul li{
	margin-right:5px;
}
#contenu_site #slider ul li a{
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
	height:122px;
	width:180px;
	text-indent:-1000em;
	border:2px solid #fff;
}
/*------------------------------------------------------------------*/