@import url("skin.css");
/* CSS Document */


/************************************/
/*         contenu de la page       */
/************************************/
#contenu {
	background: url(../img/bg_page_accueil.jpg) no-repeat 20px top;
	overflow: hidden;
	clear: both;
}
#contenu #page {
	overflow: hidden;
	clear: both;
	width: 762px;
	padding: 10px 0 0 0;
	margin: 0 20px;
}

#contenu #page #colonneGauche {
	float: left;
	width: 270px;
	background: url(../img/bg_colonneGauche.gif) no-repeat right 30px;
	overflow: hidden;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
#contenu #page #colonneGauche h2 {
	visibility: hidden;
	height: 200px;
}

/* actualite */
#contenu #page #colonneGauche #actualite {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	color: #535ba1;
	clear: both;
	/*height: 170px;
	overflow: auto;*/
	overflow: hidden;
	font-size: 0.7em;
	line-height: 1.3em;
}
#contenu #page #colonneGauche #actualite h3 {
	background: #ea660c;
	color: #fff;
	padding: 1px 4px;
	margin: 0;
	display: inline-block;
}
/* ie6 */
* html #contenu #page #colonneGauche #actualite h3 {
	width: 50px;
}
/* ie7 */
html>body #contenu #page #colonneGauche #actualite h3 {
	width: 50px;
}
#contenu #page #colonneGauche #actualite h4 {
	padding: 3px;
	font-size: 1.25em;
}
#contenu #page #colonneGauche #actualite img {
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
}


/* Nos engagements */
#contenu #page #colonneGauche h3 {
	color: #ea660c;
	font-size: 1.2em;
	margin: 20px 0 0 60px;
}
#contenu #page #colonneGauche ul {
	margin: 0 0 0 60px;
}
#contenu #page #colonneGauche ul li {
	font-size: 0.75em;
	color: #3a438f;
	margin: 8px 0 0 0;
	padding: 4px 4px 4px 24px;
}
#contenu #page #colonneGauche ul li.cyan {
	background: #d4e0f0 url(../img/bg_colonneGauche_li_cyan.gif) repeat-x;
}
#contenu #page #colonneGauche ul li.bleu {
	background: #d4e0f0 url(../img/bg_colonneGauche_li_bleu.gif) repeat-x;
}
#contenu #page #colonneGauche ul li.violet {
	background: #d4e0f0 url(../img/bg_colonneGauche_li_violet.gif) repeat-x;
}
#contenu #page #colonneGauche ul li.rose {
	background: #d4e0f0 url(../img/bg_colonneGauche_li_rose.gif) repeat-x;
}
#contenu #page #colonneGauche ul li.orange {
	background: #d4e0f0 url(../img/bg_colonneGauche_li_orange.gif) repeat-x;
}
#contenu #page #colonneGauche ul li.rouge {
	background: #d4e0f0 url(../img/bg_colonneGauche_li_rouge.gif) repeat-x;
}

/* carte interactive */
#contenu #page img {
	float: right;
	width: 480px;
}
#contenu #page div.dispo {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.70em;
	text-align: center;
	position: absolute;
	left: 50%;
}
* html #contenu #page div.dispo {
	margin-top: 10px;
}
/* disposition des calques sur la carte intéractive */
#contenu #page #loudun {
	top: 360px;
	margin-left: -165px;
}
#contenu #page #chatellerault {
	top: 383px;
	margin-left: -50px;
}
#contenu #page #neuville {
	top: 507px;
	margin-left: -170px;
}
#contenu #page #futuroscope {
	top: 480px;
	margin-left: -60px;
}
#contenu #page #poitiers {
	top: 520px;
	margin-left: -75px;
}
#contenu #page #chauvigny {
	top: 550px;
	margin-left: -17px;
}
#contenu #page #montmorillon {
	top: 597px;
	margin-left: 50px;
}
#contenu #page #gencay {
	top: 627px;
	margin-left: -105px;
}



/*************************/
/*  position du carousel */
/*************************/
.jcarousel-skin-tango {
	position: absolute;
	top: 260px;
	left: 50%;
	margin-left: 280px;
	z-index: 1;
}