/* STRUCTURE GLOBALE */

/******************************
*** HEADERS
******************************/
#haut-de-page {width:970px;height:340px;padding:0;}
#banniere {position:relative;width:970px;height:340px;}

/******************************
*** CONTENT STRUCTURE
******************************/
#contenu {width:455px;float:left;padding:30px 30px 0 50px;}
#colonne-droite {width:220px;float:right;padding:30px 0 0 0;}

/******************************
*** MENU HORIZONTAL
******************************/
/* Mon maire et son équipe */
#menu-horizontal li.item7 a {background:url(../images/btn-menu-principal-maire-select.gif) left top no-repeat;}
#menu-horizontal li.act7 a, #menu-horizontal li.item7 a:hover {background:url(../images/btn-menu-principal-maire-hover.png) left top no-repeat;}
/* Découvrir ma ville */
#menu-horizontal li.item6 a {background:url(../images/btn-menu-principal-decouvrir-select.gif) left top no-repeat;}
#menu-horizontal li.act6 a, #menu-horizontal li.item6 a:hover {background:url(../images/btn-menu-principal-decouvrir-hover.png) left top no-repeat;}
/* Des services à mon service */
#menu-horizontal li.item5 a {background:url(../images/btn-menu-principal-services-select.gif) left top no-repeat;}
#menu-horizontal li.act5 a, #menu-horizontal li.item5 a:hover {background:url(../images/btn-menu-principal-services-hover.png) left top no-repeat;}
/* Les loisirs */
#menu-horizontal li.item23 a {background:url(../images/btn-menu-principal-loisirs-select.gif) left top no-repeat;}
#menu-horizontal li.act23 a, #menu-horizontal li.item23 a:hover {background:url(../images/btn-menu-principal-loisirs-hover.png) left top no-repeat;}

/******************************
*** COLONNE DE GAUCHE
******************************/
#raccourcis {padding:23px 0 0 0;}

#grands-projets {margin:30px 0 0 0;}
#grands-projets h2 {display:none;}
#grands-projets img {margin:0 0 10px 0;}
#grands-projets p {display:block;margin:0 0 0 15px;padding:2px 0 5px 25px;font-size:13px;font-weight:bold;background:url(../images/picto-fleche09.gif) left top no-repeat;}
#grands-projets p a	{display:block;text-decoration:none;color:#000;}
#grands-projets p a:hover {text-decoration:underline;}

#un-lieu-une-histoire {margin:30px 0 0 0;}
#un-lieu-une-histoire h2 {display:none;}

#bonheur-nature {margin:30px 0 0 0;width:210px;}
#bonheur-nature h2 {display:block;margin:0;padding:0;background:none;}
#bonheur-nature .image {position:relative;}
#bonheur-nature .image p {position:absolute;left:0;bottom:0;width:210px;height:29px;}
#bonheur-nature .image p a {display:block;width:151px;height:22px;padding:7px 0 0 59px;font-size:12px;color:#fff;text-decoration:none;}
#bonheur-nature .image p a:hover {color:#fff;text-decoration:underline;}

#vie-des-associations {margin:30px 0 0 0;width:210px;}
#vie-des-associations h2 {display:none;}
#vie-des-associations .image {position:relative;}
#vie-des-associations .image p {position:absolute;left:0;bottom:12px;width:210px;height:29px;}
#vie-des-associations .image p a {display:block;width:151px;height:22px;padding:7px 0 0 59px;font-size:12px;color:#fff;text-decoration:none;}
#vie-des-associations .image p a:hover {color:#fff;text-decoration:underline;}

#contenu #logos {display:block;margin:40px 0 0 0;text-align:right;}
#contenu #logos img {display:inline;}

#encheres {margin-top:30px;width:210px;}
#encheres p {display:block;font-size:12px;color:#000;}
#encheres p a {display:block;padding-left:66px;color:#000;text-decoration:none;background-position:0 0;background-repeat:no-repeat;}
#encheres p a:hover {color:#000;text-decoration:underline;}

/******************************
*** CONTENU PRINCIPAL
******************************/
#la-valette-pratique {width:455px;margin:15px 0 0 0;background:url(../images/bg-la-valette-pratique-home.gif) left 38px repeat-x #fff;}
#la-valette-pratique h2 {margin:0;padding:0;background:none;}
#la-valette-pratique ul {display:inline;width:446px;margin:0;padding:7px 0 0 9px;}
#la-valette-pratique li {float:left;width:180px;margin:7px 0 0 12px;padding:0 0 0 24px;}
#la-valette-pratique li a {display:block;padding:0 0 0 9px;color:#92918c;font-size:12px;font-weight:bold;text-decoration:none;}
#la-valette-pratique li a:hover {color:#000;}
#la-valette-pratique li span {display:block;padding:0 0 7px 9px;color:#69675e;font-weight:normal;font-size:11px;background:url(../images/pointilles-marron.gif) left bottom repeat-x;}
#la-valette-pratique li.item155 {background:url(../images/picto-annuaire-home.gif) left top no-repeat;}
#la-valette-pratique li.item156 {background:url(../images/picto-plan-interactif-home.gif) left top no-repeat;}
#la-valette-pratique li.item157 {background:url(../images/picto-flash-travaux-home.gif) left top no-repeat;}
#la-valette-pratique li.item158 {background:url(../images/picto-formalites-home.gif) left top no-repeat;}
#la-valette-pratique li.item159 {background:url(../images/picto-mediatheque-home.gif) left top no-repeat;}
#la-valette-pratique li.item160 {background:url(../images/picto-jeunesse-home.gif) left top no-repeat;}
#la-valette-pratique li.item161 {background:url(../images/picto-action-sociale-home.gif) left top no-repeat;}
#la-valette-pratique li.item195 {background:url(../images/picto-foyer-home.gif) left top no-repeat;}
#la-valette-pratique li.item162 {background:url(../images/picto-environnement-home.gif) left top no-repeat;}

#meteo {display:block;padding-bottom:20px;overflow:hidden;}
#meteo .holder {padding:10px 0 0 120px;height:90px;}
#meteo .temp {margin:0;font-size:19px;font-weight:bold;line-height:normal;color:#0066b3;}
#meteo .vent {margin:0;color:#6d6b62;font-size:12px;}
#meteo .date {padding-top:15px;font-size:14px;color:#000;text-transform:capitalize;text-align:center;}
#meteo p.display-list {clear:both;margin:0;padding:0;display:block;font-size:9px;text-align:right;text-transform:uppercase;}
#meteo p.display-list a {padding:2px 15px 1px 12px;color:#595a5c;text-decoration:none;background:url(../images/bg-display-list.gif) right top no-repeat #f4f3ee;}
#meteo p.display-list a:hover {color:#000;}

/******************************
*** COLONNE DE DROITE
******************************/
#espace-jeunes {padding:30px 0 0 10px;}

#en-video {padding:30px 0 0 0;}
#en-video h2 {margin:0;padding:0;}
#en-video p {display:block;margin:0;padding:0;width:210px;height:170px;}
#en-video p a {display:block;padding:150px 0 7px 115px;color:#69675e;font-size:9px;text-transform:uppercase;text-decoration:none;background:url(../images/bg-la-valette-en-video.jpg) left top no-repeat;}
#en-video p a:hover {color:#000;text-decoration:none;}