/* ----------------------------------------------------------------------------------------------- */
/* --- C S S --- Cédric CARMIE --- iMédia Création --- C-toucom ---------------------------------- */
/* --------------------------------------------------------------------------------------------------
                           ___          ____  ____       ___  ____  _  __
                  WWW .   /     ___      /   /   / /  / /    /   / / \/ /   . COM
                         /__            /   /___/ /__/ /___ /___/ /    /                  

-------------------------------------------------------------------------------------------------- */

body, html {
	background:#d4ccc7;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#111111;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;
}

ul li {
	list-style:none;
	background:url(../../template1/images/puce3.png) no-repeat 0px 3px;
	padding-left:15px;
}

ol li {
	list-style:none;
	background:url(../../template1/images/puce4.png) no-repeat 0px 3px;
	padding-left:15px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu total */

#contenu {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:50px;
	min-height:100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie haute du site */

#haut {
	position:relative;
	overflow:auto;
	width:100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* Bannière du site */

#banniere {
	position:relative;
	overflow:auto;
	height:110px;
	width:1000px;
	background-color:#FFFFFF;
}

#img_banniere {
	position:absolute;
	overflow:hidden;
	height:109px;
	width:837px;
	left:163px;
	top:0px;
}

#img_banniere p {
	margin:0;
	padding:0;
}

#logo {
	position:absolute;
	overflow:hidden;
	height:109px;
	width:162px;
	left:0px;
	top:0px;
}

/* ------------------------------------------- */

#banniere2 {
	position:relative;
	overflow:auto;
	height:211px;
	width:1000px;
	background:url(../images/bg_titre_accueil.jpg) no-repeat;
}

#img_banniere_2 {
	position:absolute;
	overflow:hidden;
	height:211px;
	width:161px;
	top:0px;
	left:0px;
	background:url(../images/img_banniere_2.jpg) no-repeat;
}

#img_banniere_2 p {
	margin:0;
	padding:0;
}

#titre_banniere {
	position:absolute;
	overflow:hidden;
	width:410px;
	height:211px;
	left:161px;
	top:0px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#titre_banniere h1 {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	line-height:50px;
	font-size:35px;
	margin:25px;
	color:#FFFFFF;
	text-shadow:0 -3px 1px rgba(0,0,0,0.25);
}

#titre_banniere h1 .jaune {
	color:#ffdd00;
	text-shadow:0 -3px 1px rgba(0,0,0,0.25);
}

#titre_banniere h1 .jaune .big {
	font-size:50px;	
	text-shadow:0 -3px 1px rgba(0,0,0,0.25);
}

#nuage_de_tags {
	position:absolute;
	overflow:hidden;
	width:427px;
	height:211px;
	left:573px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Menu du haut */

#menu_haut {
	position:relative;
	overflow:auto;
	background:#333021 url(../images/bg_btn_accueil.jpg) no-repeat;
	border-top:1px solid #ffffff;
	width:1000px;
	height:163px;
}

#le_pole_lardy, #vichy_et_les_alentours, #vie_etudiante {
	position:absolute;
	overflow:hidden;
	width:263px;
	height:163px;
	top:0px;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

#le_pole_lardy h2 a, #vichy_et_les_alentours h2 a, #vie_etudiante h2 a {
	display:block;
	margin:0;
	padding:10px;
	padding-top:8px;
	padding-bottom:8px;
	width:243px;
	height:30px;
	color:#eef5fb;
	font-weight:normal;
	font-size:22px;
}

#le_pole_lardy h2 a:hover, #vichy_et_les_alentours h2 a:hover, #vie_etudiante h2 a:hover {
	text-decoration:none;
}

#le_pole_lardy h2 a:hover {
	color:#b3ba5a;
}
#vichy_et_les_alentours h2 a:hover {
	color:#76c0cb;
}
#vie_etudiante h2 a:hover {
	color:#e3b081;
}

#le_pole_lardy {
	background:#95a107 url(../images/btn_Le_pole_lardy.jpg) no-repeat bottom center;
	left:40px;
}
#vichy_et_les_alentours {
	background:#1da7b9 url(../images/btn_Vichy_et_les_alentours.jpg) no-repeat bottom center;
	left:697px;
}
#vie_etudiante {
	background:#cc6417 url(../images/btn_Vie_Etudiante.jpg) no-repeat bottom center;	
	left:368px;
}

/* ----------------------------------------------------------------------------------------------- */

#menu_principal {
	position:relative;
	overflow:hidden;
	background:#ae2164;
	border-top:1px solid #ffffff;
	width:1000px;
	height:36px;
}

#menu_principal ul {
	margin:0;
	padding:0;	
}

#menu_principal ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#menu_principal ul li a {	
	float:left;
	display:block;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	background:#ae2164;
	height:16px;
	color:#FFFFFF;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
#menu_principal ul li a:hover {	
	text-decoration:none;
	background:#bd5385;
}
#menu_principal ul li a:active {
	text-decoration:none;
	background:#333021;
}
#menu_principal ul li a.active_menu {
	background:#FFFFFF;
	color:#333021;
}
#menu_principal ul li a.active_menu:hover {
	cursor:text;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie centrale du site Internet */

#centre {
	position:relative;
	overflow:auto;
	width:1000px;
	margin-top:0;
	text-align:left;
}

/* ----------------------------------------------------------------------------------------------- */
/* Calque contenant l'ombre */

#zone_encadree {
	padding:0;
	overflow:auto;
	background:#fff;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie gauche du site */

#gauche {
	position:relative;
	overflow:auto;
	float:left;
	width:319px;
	height:400px;
	padding:20px;
	padding-left:30px;
	padding-right:60px;
	background:#ffffff url(../images/breves.jpg) right 15px no-repeat;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu du site */

#milieu {
	position:relative;
	overflow:auto;
	float:left;
	width:571px;
	height:420px;
	padding:10px;
	background:#4d4a3c url(../images/breves_accueil.jpg) no-repeat top right;
}

.breve {
	position:relative;
	overflow:hidden;
	float:left;
	width:175px;
	margin-top:10px;
	margin-left:11px;
	height:355px;
}

.breve h2, .breve h2 a, .breve h2 a:hover {
	color:#a66ea7;
	margin:0;
	padding:0;	
	text-shadow:0 -2px 1px rgba(0,0,0,0.25);
}

.breve p, .breve a, .breve a:hover {
	color:#c3c3c3;
}

#pratique {
	position:absolute;
	overflow:hidden;
	bottom:0;
	left:0;
	width:591px;
	height:44px;
	background:#333021;
}
#pratique ul {
	margin:0;
	padding:0;
	width:591px;
	height:44px;
}
#pratique ul li {
	display:inline;
	margin:0;
	padding:0;
	background:#CC6666;
	list-style:none;
}
#pratique ul li a {
	display:block;
	float:left;
	font-size:15px;
	padding:12px;
	padding-left:35px;
	width:121px;
	height:20px;
	margin-left:20px;
	color:#FFFFFF;
}
#pratique ul li a:hover {
	text-decoration:none;
}

.visitez_le_pole {
	background:url(../images/visitez_le_pole_lardy_vichy.jpg) no-repeat 0px 8px;
}
#pratique ul li a.visitez_le_pole:hover {
	color:#c8d200;
}
.situez_le_pole {
	background:url(../images/situez_le_pole_lardy_vichy.jpg) no-repeat 0px 8px;
}
#pratique ul li a.situez_le_pole:hover {
	color:#eb6ea3;
}
.la_mediatheque {
	background:url(../images/La_mediatheque_du_pole_lardy.jpg) no-repeat 0px 8px;
}
#pratique ul li a.la_mediatheque:hover {
	color:#a4d9e3;
}

/* ----------------------------------------------------------------------------------------------- */
/* Pied de page du site */

#pied {
	position:relative;
	overflow:hidden;
	float:left;
	text-align:right;
	
	width:1000px;
	
	padding-top:5px;
	padding-bottom:5px;
	border-top:4px solid #ccc;
}

#pied ul, #pied li {
	padding:0;
	margin:0;
}

#pied ul li
{
	display:inline;
	padding-left:20px;
	background:url(../images/puce.png) no-repeat 7px 5px;
}

#pied ul li a
{
	display:inline;	
	color:#4d4a3c;
}
#pied ul li a:hover
{
	display:inline;
	color:#ae2164;
	text-decoration:none;
}
#pied ul li a:active
{
	display:inline;
	color:#95a107;
	text-decoration:none;
}
#pied ul li a.active_menu
{
	display:inline;
	color:#95a107;
	text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------- */
/* Haut de page */

#haut_de_page {
	position:absolute;
	overflow:auto;
	width:16px;
	height:16px;
	top:15px;
	right:15px;
}

#haut_de_page p {
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu auto */

.contenu_auto {
	overflow:auto;
}


/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

.active_menu {
	color:#FF0000;
}

/* ----------------------------------------------------------------------------------------------- */
/* Utilisé pour les actualités du site Internet : */

.tableau_de_bord{
	position: absolute;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left:0;
}

.lire_la_suite {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align:right;
	margin:5px;
}

p.lire_la_suite a {
	display:block;
	text-align: center;
	font-weight: bold;
	color:#FF6666;
}