@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------- CONTENU CENTRAL */
#contenu { padding-top:21px; }
#contenu td { vertical-align:top; }
/* ----------------------------------------------------------------------------- COLONNE DE GAUCHE */
#contenu_g { background-color:#FFFFFF; background-image:url('/fr/citedia/media/bg-menuprim.jpg'); background-position:top left; background-repeat:no-repeat; width:330px; height:550px; position:relative; top:0px; left:0px; margin:0px; padding:0px; }
#contenu_g p { width:238px; margin-left:31px; margin-bottom:32px; }
#contenu_g h1 { padding:55px 0px 10px 31px; /* img = 144x34 */
	width:144px; height:34px; display:block; }
#menuprim { height:90px; width:231px; }
#menuprim ul { margin:0px; padding:0px; position:relative; left:0px; width:231px; }
#menuprim li { display:block; margin:0px; padding:0px; top:0px; float:left; list-style:none; }
#menuprim a { display:block; height:18px; width:231px; }
#menuprim a:hover { background-position:left bottom; }
#btn-stat, #btn-stat a:hover { background-image:url('/fr/citedia/media/btn-stat.png'); }
#btn-tele, #btn-tele a:hover { background-image:url('/fr/citedia/media/btn-tele.png'); }
#btn-lois, #btn-lois a:hover { background-image:url('/fr/citedia/media/btn-lois.png'); }
#btn-gest, #btn-gest a:hover { background-image:url('/fr/citedia/media/btn-gest.png'); }
#btn-sall, #btn-sall a:hover { background-image:url('/fr/citedia/media/btn-sall.png'); }
#plaquette { background-image:url('/fr/citedia/media/bg-plaquette.jpg'); background-repeat:no-repeat; width:226px; height:160px; position:absolute; left:13px; top:345px; }
#plaquette_img { position:absolute; top:16px; left:56px; }
#plaquette p { margin-left:70px; margin-top:28px; }
#plaquette a { position:absolute; display:block; left:25px; top:15px; width:190px; height:137px; }
/*********************/
#organigramme { background-image:url('/fr/citedia/media/bg-organigramme.png'); background-repeat:no-repeat; width:226px; height:41px; position:absolute; left:13px; top:541px; }
#organigramme_img { position:absolute; top:12px; left:38px; width:126px; height:10px; }
#organigramme p { margin-left:38px; margin-top:19px; font-size:9px; }
#organigramme a { position:absolute; display:block; left:1px; top:4px; width:226px; height:28px; }
/*********************/
#coordonnees { background-image:url('/fr/citedia/media/bg-coordonnees.png'); background-repeat:no-repeat; width:226px; height:41px; position:absolute; left:13px; top:557px; }
#coordonnees_img { position:absolute; top:12px; left:38px; width:175px; height:10px; }
#coordonnees p { margin-left:38px; margin-top:19px; font-size:9px; }
#coordonnees a { position:absolute; display:block; left:1px; top:4px; width:226px; height:28px; }
/*********************/
#animation { background-image:url('/fr/citedia/media/bg-animation.png'); background-repeat:no-repeat; width:226px; height:41px; position:absolute; left:13px; top:507px; }
#animation_img { position:absolute; top:12px; left:38px; width:175px; height:10px; }
#animation p { margin-left:38px; margin-top:19px; font-size:9px; }
#animation a { position:absolute; display:block; left:1px; top:4px; width:226px; height:28px; }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE */
#contenu_d { width:642px; margin:0px; padding:0px; }
div.bloc { margin-left:18px; }
div.bloc_titre { width:548px; /* +642 -79 -15 */ margin:0px; padding:0px; }
div.haut-deplie { background:url('/media/puce_grise03.gif') top left no-repeat #FFF8A1; padding:0px 0px 0px 15px; color:#736361; font-size:11px; height:18px; }
div.haut-deplie a { }
div.haut-deplie-gris { background:url('/media/puce_grise03.gif') top left no-repeat #efecec; padding:1px 0px 0px 15px; color:#736361; font-size:11px; height:17px; }
div.depliant { width:642px; height:auto; border-top:none; overflow:hidden; background-color:#e8e5e5; background-image:url('/media/bg-depliant.jpg'); background-position:top; background-repeat:no-repeat; margin-bottom:4px; }
div.depliant p { padding:10px 5px 2px 14px; }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - BLOC - En savoir plus */
/*div.bouton_savoirplus {
	width:109px;
	background-color:#d2cbcb;
	height:18px;
}
div.bouton_savoirplus span {
	padding:3px 0px 0px 10px;
	display:block;
}
div.bouton_savoirplus img {
	float:right;
	margin:-2px 2px 0px 0px;
}
div.bouton_savoirplus a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
	font-weight:bold;
}
div.bouton_savoirplus a:link, div.bouton_savoirplus a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
div.bouton_savoirplus a:active, div.bouton_savoirplus a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}*/
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - CHIFFRES */
#chiffres { background:url('/fr/media/bg-chiffres.jpg') top left no-repeat #FFFFFF; width:660px; height:307px; padding-left:-18px; position:relative; }
#chiffres_g { position:absolute; left:33px; top:50px; width:293px; height:88px; }
#chiffres_d { position:absolute; left:344px; top:50px; width:301px; height:88px; }
#chiffres_stationnement { position:absolute; left:18px; top:145px; width:128px; height:109px; }
#chiffres_telesurveillance { position:absolute; left:146px; top:171px; width:120px; height:109px; }
#chiffres_loisirs { position:absolute; left:266px; top:158px; width:129px; height:109px; }
#chiffres_gestion { position:absolute; left:394px; top:145px; width:120px; height:109px; }
#chiffres_salles { position:absolute; left:514px; top:158px; width:146px; height:109px; }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - CHIFFRES - lien01 */
div.chiffres_lien01 { position:relative; width:100%; height:25px; }
div.chiffres_lien01 a { display:block; font-size:11px; font-weight:bold; color:#736361; text-decoration:none; text-align:center; padding-top:6px; }
div.chiffres_lien01 a:link, div.chiffres_lien01 a:visited { display:block; color:#736361; text-decoration:none; }
div.chiffres_lien01 a:active, div.chiffres_lien01 a:hover { display:block; color:#736361; text-decoration:underline; }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - CHIFFRES - en savoir plus */
div.chiffres_savoirplus { position:relative; width:100%; height:18px; }
div.chiffres_savoirplus img { float:left; margin:0px 1px 0px 0px; }
div.chiffres_savoirplus a { display:block; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; font-size:9px; font-weight:bold;  padding:
}
div.chiffres_savoirplus a:link, div.chiffres_savoirplus a:visited { display:block; color:#FFFFFF; text-decoration:none; }
div.chiffres_savoirplus a:active, div.chiffres_savoirplus a:hover { display:block; color:#FFFFFF; text-decoration:underline; }
span.savoir01 { padding:3px 0px 0px 49px; display:block; }
span.savoir02 { padding:5px 0px 0px 19px; display:block; }
span.savoir03 { padding:7px 0px 0px 75px; display:block; }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - Détails */
#details { position:relative; width:0px; height:0px; z-index:100; }
#details h4 { font-size:10px; padding:9px 0px 0px 9px; }
#details p { padding:0px 0px 5px 9px; color:#FFFFFF; font-size:9px; margin:0px; }
#details div { position:absolute; width:209px; height:169px; border:1px solid #e0e1e2; background-repeat:no-repeat; visibility: visible; }
#details a { margin:5px 3px 0px 0px; display:block; float:right; width:26px; height:36px; background-image:url('/media/home/btn-detail.png'); background-repeat:no-repeat; }
#detail01 { left:16px; top:-30px; background-image:url('/media/home/bg-detail01_bis.jpg'); }
#detail02 { left:55px; top:-3px; background-image:url('/media/home/bg-detail02_bis.jpg'); }
#detail03 { left:180px; top:-14px; background-image:url('/media/home/bg-detail03_bis.jpg'); }
#detail04 { left:300px; top:-30px; background-image:url('/media/home/bg-detail04_bis.jpg'); }
#detail05 { left:449px; top:-120px; background-image:url('/media/home/bg-detail05_bis.jpg'); }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - lien02 */
div.chiffres_lien02 a { display:block; position:relative; width:100%; height:66px; }
/* ----------------------------------------------------------------------------- COLONNE DE DROITE - frise */
#frise { width:642px; height:94px; background-image:url('/fr/citedia/media/frise.png'); background-repeat:no-repeat; padding-bottom:10px; }
#frise a, #frise a:link, #frise a:visited { display:block; color:#6b5a5a; font-size:11px; font-weight:bold; text-decoration:none; padding:14px 0px 0px 67px; }
#frise a, #frise a:hover, #frise a:active { text-decoration:underline; }