@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Reset et styles de base */
	body {background:url(../images/background/accueil_body.gif) repeat-x}
/* --------------------------------------------------------------------------------------------- Global */
/* ----------------------------------------------------------------------------------- Entête */
	#entete {background-image:url(../images/background/accueil_entete.png);padding:3px 14px 0px 15px}
/* ------------------------------------------------------------------------- Actualités */
	#actualites {
		position:relative;
		float:left;
		width:100%;
		padding:10px 0 0 0
	}
	#actualites img {vertical-align:middle}
	#actualites a.lien_continuation {
		color:#feea00;
		background:url(../images/background/puce01.gif) no-repeat right 8px
	}
/* --------------------------------------------------------------- Navigation */
	#navigation_actualites {
		position:absolute;
		top:10px;
		left:0;
		width:177px;
		height:362px;
		background:#07090a;
		/*background-color:rgb(0, 0, 0);
		background-color:rgba(0, 0, 0, 0.7);*/
		padding:8px 8px 0 15px
	}
	#navigation_actualites h3 {
		text-align:center;
		font-size:1.7em;
		color:#feea00;
		margin:0 0 15px 0
	}
	#navigation_actualites h3 a {color:#feea00}
	#navigation_actualites .flux_rss {
		position:relative;
		float:right;
		margin-top:-39px
	}
	#navigation_actualites a.lien_continuation {
		font-size:1.1em;
		margin:3px 0 0 0
	}
/* ----------------------------------------------------- Carousel */
	div.carousel ul li {
		position:relative;
		margin:0 0 10px 0
	}
	div.carousel ul li img {border:1px solid #fff}
	div.carousel ul li a:hover,
	div.carousel ul li a:focus {text-decoration:none}
	div.carousel ul li a:hover img,
	div.carousel ul li a:focus img,
	div.carousel ul li.ui-tabs-selected a img {border:1px solid #999}
	div.carousel ul li.ui-tabs-selected a {cursor:text}
	div.carousel ul li span {
		position:absolute;
		top:1px;
		left:1px;
		color:#fff;
		background:#599310;
		padding:0 8px
	}
	.prev,
	.next {cursor:pointer}
	div.carousel .prev img,
	div.carousel .next img {
		display:block;
		margin:0 auto 10px auto
	}
/* --------------------------------------------------------------- Actualité */
	div.actualite div {
		position:absolute;
		right:0;
		bottom:0;
		width:240px;
		font-size:1.1em;
		background:#07090a;
		background-color:rgb(0, 0, 0); /* alternative solide */
		background-color:rgba(0, 0, 0, 0.7);
		padding:8px 15px
	}
	div.actualite img {float:right}
	div.actualite h3 {
		color:#feea00;
		font-size:1.7em;
		margin:0 0 8px 0
	}
	div.actualite h3 a {color:#feea00}
	div.actualite h3 span {
		font-size:.7em;
		font-weight:normal
	}
	div.actualite p.theme {
		float:left;
		color:#fff;
		background:#599310;
		padding:1px 8px;
		margin:0 0 8px 0
	}
	div.actualite p.intro {
		float:left;
		width:100%;
		color:#fff
	}
/* ----------------------------------------------------- Tout le bloc est cliquable */
	div.actualite.hover {cursor:pointer}
	div.actualite.hover a {text-decoration:underline}
/* ----------------------------------------------------------------------------------- Principal */
/* ------------------------------------------------------------------------- Contenu */
	#contenu a {text-decoration:none}
	#contenu a:hover,
	#contenu a:focus {text-decoration:underline}
/* --------------------------------------------------------------- Contenu 01 (gauche) */
	#colonne01 {padding-top:0}
/* ----------------------------------------------------- Flux RSS */
	#contenu01 a.flux_rss {
		float:right;
		margin:-40px 0 0 0
	}
/* ----------------------------------------------------- Rendez-vous */
	img.rdv {
		vertical-align:middle;
		margin:0 auto 12px auto
	}
/* ----------------------------------------------------- Votre avis */
	#contenu01 h3.avis {
		clear:both;
		overflow:hidden;
		zoom:1;
		font-size:1.1em;
		color:#dd001a;
		margin:0 0 2px 0
	}
	#contenu01 p.avis {margin:0 0 5px 0}
	#contenu01 a.avis {
		font-weight:bold;
		color:#dd001a;
		background:url(../images/background/puce09.gif) no-repeat right 5px
	}
/* ----------------------------------------------------- Multimédias */
/* ------------------------------------------- Onglets */
	#contenu01 ul.multimedia {
		float:left;
		width:100%;
		padding:0;
		margin:30px 0 0 0
	}
	#contenu01 ul.multimedia li {
		background:none;
		padding:0
	}
	ul.multimedia li a {
		display:block;
		float:left;
		width:158px;
		text-align:center;
		font-size:1.3em;
		color:#000;
		background-repeat:no-repeat;
		background-position:right top;
		padding:9px 0
	}
	ul.multimedia li {display:inline}
	ul.multimedia li a.multimedia01 {
		background-image:url(../images/background/onglet01.png);
		background-color:#f29400
	}
	ul.multimedia li a.multimedia02 {
		background-image:url(../images/background/onglet02.png);
		background-color:#f2ac00
	}
	ul.multimedia li a.multimedia03 {
		background-image:url(../images/background/onglet03.png);
		background-color:#f2c000;
		padding-right:1px
	}
	ul.multimedia li a:hover,
	ul.multimedia li a:focus,
	ul.multimedia li.ui-tabs-selected a {background-position:left top}
	#contenu01 ul.multimedia li.ui-tabs-selected a:hover,
	#contenu01 ul.multimedia li.ui-tabs-selected a:focus {
		cursor:text;
		text-decoration:none
	}
/* ------------------------------------------- Contenu */
	div.multimedia {
		float:left;
		width:455px;
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:12px 10px
	}
	#multimedia01 {
		background-image:url(../images/background/multimedia01.gif);
		background-color:#f29400
	}
	#multimedia02 {
		background-image:url(../images/background/multimedia02.gif);
		background-color:#f2ac00
	}
	#multimedia03 {
		background-image:url(../images/background/multimedia03.gif);
		background-color:#f2c000
	}
	div.multimedia a.lien_continuation {
		display:block;
		font-weight:bold;
		color:#000;
		background:url(../images/background/puce04.gif) no-repeat right center;
		margin:10px 0 0 0
	}
/* --------------------------------- Carousel */
	div.multimedia_carousel {position:relative}
	div.multimedia_carousel a.precedent,
	div.multimedia_carousel a.suivant {
		position:absolute;
		top:105px;
		z-index:1;
		cursor:pointer
	}
	div.multimedia_carousel a.precedent {left:0}
	div.multimedia_carousel a.suivant {right:0}
	#contenu div.multimedia_carousel ul {
		padding:0;
		margin:0
	}
	#contenu div.multimedia_carousel ul li {
		height:360px;
		background:none;
		padding:0;
		margin:0
	}
	#contenu div.multimedia_carousel ul li img {vertical-align:middle}
	#contenu div.multimedia_carousel ul li div {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:#fff;
		padding:5px 8px
	}
	#contenu div.multimedia_carousel ul li div h4 {
		font-size:1em;
		margin:0
	}
	#contenu div.multimedia_carousel ul li div h4 a {color:#000}