/*
Site Name: Fontainebleau, le site officiel
Site URI: http://www.fontainebleau.fr
Description: Le site officiel de la ville de Fontainebleau.
Version: 0.1
Author: Fred
 
*/

/*****************/
/* CSS GENERALES */
/*****************/
html, body  {width: 100%; text-align: center; background: #ccc;}

.width_205 {width: 205px;}

.marginauto {margin: 0 auto;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}
.paddingw_5 {padding-left: 5px; padding-right: 5px;}
.paddingw_510 {padding-left: 5px; padding-right: 10px;}
.padding_10 {padding: 10px 10px 30px 10px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.block {display: block;}

li {list-style-type: none;}

.arial_menu {font-family : "Arial", sans serif; font-size : 12px; letter-spacing : 1px; color : #fff; text-decoration : none;}
.verdana_12 {font-family : "Verdana", sans-serif; font-size : 12px;}
.verdana_11 {font-family : "Verdana", sans-serif; font-size : 11px;}
.verdana_10 {font-family : "Verdana", sans-serif; font-size : 10px;}
.verdana_9 {font-family : "Verdana", sans-serif; font-size : 9px;}
.text_left {text-align: left;}
.text_right {text-align: right;}

hr {border:none; background:none;}

/**********************/
/* CALQUES PRINCIPAUX */
/**********************/
div#content  {width: 900px; margin-left: auto; margin-right: auto; background: url(img/content/background_content.png) repeat-y;}
div#top, div#menuh, div#footer {width: 900px;}
div#top {height: 185px;}
div#menuh {height: 25px; background: url(img/content/background_menuh.png) no-repeat; padding-left: 20px; padding-right: 20px; text-align: center;}
div#left, div#right {background: #ccc; padding-bottom: 30px;}
div#center {width: 450px; padding-left: 20px; padding-right: 20px; padding-bottom: 35px; background: url(img/content/background_center.png) repeat-y;}
div#footer {width: 570px; height: 35px; padding-left: 330px; padding-top: 26px; background: url(img/content/background_footer.png) no-repeat;} 

/************/
/* FEEDBACK */
/************/
a.feedback:link, a.feedback:visited, a.feedback:hover {width: 67px; height: 148px; background: url(img/content/bouton_feedback.png) no-repeat; position: fixed; top: 50px; left: 10px;}
a.feedback:hover {opacity: .8;}

/**************************/
/* CSS DU MENU HORIZONTAL */
/**************************/
#menuh ul {padding: 0 10px; text-align: center;}
a.menuha:link, a.menuha:visited, a.menuha:hover {width: 168px; height: 15px; margin-top: 5px;}
a.menuha:hover {text-decoration: underline;}
#menuh ul li ul {width: 145px; display:none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; background: #003366;}
#menuh ul li ul li {margin: 10px 0;}
#menuh ul li:hover ul {display:block;}
#menuh li:hover ul li {float:none;}
#menuh li ul {position:absolute;}
a.menuhb:link, a.menuhb:visited, a.menuhb:hover {font-weight: normal;}
a.menuhb:hover {text-decoration: underline;}
#menuh {height: 15px;}

/***************************/
/* CSS DES MENUS VERTICAUX */
/***************************/
/* Pour tous */
.menuv {height: 254px; padding-top: 31px;}
.menuv a:link, .menuv a:visited, .menuv a:hover {width: 168px; height: 22px; padding-top: 7px; padding-left: 37px;}
/* Homepage */
.menuvhome {background: #295ac6 url(img/content/background_menuv_home.png) no-repeat;}
.menuvhome  a:link, .menuvhome  a:visited {background: url(img/content/bouton_menuv_home.png) repeat-y;}
.menuvhome  a:hover {background: url(img/content/bouton_menuv_home_roll.png) repeat-y;}
/* Commerce & Tourisme */
.menuvcommerce {background: url(img/content/background_menuv_rub.png) no-repeat;}
.menuvcommerce a:link, .menuvcommerce a:visited {background: url(img/content/bouton_menuv_rub.png) no-repeat;}
.menuvcommerce a:hover, .menuvcommerce .on {background: url(img/content/bouton_menuv_rub_roll.png) no-repeat;} 
/* Sport & Culture */
.menuvsport {background: url(img/content/background_menuv_sportcult.png) no-repeat;}
.menuvsport a:link, .menuvsport a:visited {background: url(img/content/bouton_menuv_sportcult.png) no-repeat;}
.menuvsport a:hover, .menuvsport .on {background: url(img/content/bouton_menuv_sportcult_roll.png) no-repeat;} 
/* Quartiers & Associations */
.menuvquart {background: url(img/content/background_menuv_quartasso.png) no-repeat;}
.menuvquart a:link, .menuvquart a:visited {background: url(img/content/bouton_menuv_quartasso.png) no-repeat;}
.menuvquart a:hover, .menuvquart .on {background: url(img/content/bouton_menuv_quartasso_roll.png) no-repeat;} 
/* Enseignement & Jeunesse */
.menuvenseignement{background: url(img/content/background_menuv_ensjeu.png) no-repeat;}
.menuvenseignement a:link, .menuvenseignement a:visited {background: url(img/content/bouton_menuv_ensjeu.png) no-repeat;}
.menuvenseignement a:hover, .menuvenseignement .on {background: url(img/content/bouton_menuv_ensjeu_roll.png) no-repeat;}
/* Famille & Solidarité */
.menuvfamille {background: url(img/content/background_menuv_faso.png) no-repeat;}
.menuvfamille a:link, .menuvfamille a:visited {background: url(img/content/bouton_menuv_faso.png) no-repeat;}
.menuvfamille a:hover, .menuvfamille .on {background: url(img/content/bouton_menuv_faso_roll.png) no-repeat;} 

/*******************************/
/* CSS DE LA COLONNE DE GAUCHE */
/*******************************/

/* CSS DES TRAVAUX */
div#travaux  {height: 215px; background: url(img/content/background_travaux.png) no-repeat;}
div#travauxli {height: 215px;}
div#travauxli ul li {height : 215px; overflow : hidden;}
a.mottitre:link, a.mottitre:visited, a.mottitre:hover {height: 20px; background: transparent;}
a.travauxtitre:link, a.travauxtitre:visited, a.travauxtitre:hover {width: 195px; margin-top: 1px; background: #e2001a; font-weight: bold; color: #fff; text-decoration: none;}
a.travauxtitre:hover {text-decoration: underline;}
div#travauxli ul li p {color: #444; margin: 8px 0;}

/* CSS DE L'ACTUALITE DU SUD77 + METEO */
div#actu  {width: 199px; height: 440px; margin-top: 38px; padding: 3px 3px; background: url(img/content/background_actu.png) no-repeat;}
div#meteo {width: 169px; height: 135px; margin-top: 20px; padding-top: 30px; padding-left: 30px; text-align: center; background: #fff url(img/content/background_meteo.png) no-repeat;}
div#parisien {width: 199px; margin-top: 5px; padding-top: 30px; background: #fff url(img/content/background_parisien.png) no-repeat;}
div#parisien a:link, div#parisien a:visited, div#parisien a:hover {width: 180px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #888; color: #444;}
div#parisien a:link, div#parisien a:visited {text-decoration: none;}
div#parisien a:hover {text-decoration: underline;} 

/* BROCHURES A TELECHARGER + NUMEROS UTILES */
/* Pour tous */
.encartcolonne {padding-top: 20px; padding-bottom: 3px;}
.encartcolonne ul  {margin-top: 0; margin-right: 3px; margin-left: 3px; margin-bottom: 4px; padding-top: 6px; padding-bottom: 3px; background: #fff url(img/content/background_brochures_titre.png) no-repeat;}
.encartcolonnetitre {font-weight: bold; color: #fff; margin-top: 3px; margin-left: 5px; margin-right: 0; margin-bottom: 10px;}
.encartcolonne ul li {min-height: 64px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px;}
.encartcolonne ul li img {float: left; margin-right: 4px;}
.encartcolonnetexte  {color: #000;}
.encartcolonne ul li a:link, .encartcolonne ul li a:visited, .encartcolonne ul li a:hover {font-weight: bold; color: #000; text-decoration: underline;}
.encartcolonne ul li a:hover{opacity: 0.6;}
/* Sport & Culture */
.encartcolonnesport { background : #54007d url(img/content/background_brochures_sportcult.png) no-repeat; }
.encartannuairesport {background: #54007d url(img/content/background_annuaire_sportcult.png) no-repeat;}
.encartcolonnesport li, .encartannuairesport li {  background : url(img/content/background_librochuressports.png) no-repeat; background-position : bottom; }
/* Quartiers & Associations */
.encartcolonnequart { background : #669933 url(img/content/background_brochures_quartasso.png) no-repeat; }
.encartannuairequart { background : #669933 url(img/content/background_annuaire_quartasso.png) no-repeat; }
.encartcolonnequart li, .encartannuairequart li {  background : url(img/content/background_librochuresquart.png) no-repeat; background-position : bottom; }
/* Enseignement & Jeunesse */
.encartcolonneenseignement { background : #3399ff url(img/content/background_brochures_ensjeu.png) no-repeat; }
.encartannuaireenseignement { background : #3399ff url(img/content/background_annuaire_ensjeu.png) no-repeat; }
.encartcolonneenseignement li, .encartannuaireenseignement li {  background : url(img/content/background_librochuresens.png) no-repeat; background-position : bottom; }
/* Famille & Solidarité */
.encartcolonnefamille { background : #006666 url(img/content/background_brochures_faso.png) no-repeat; }
.encartannuairefamille { background : #006666 url(img/content/background_annuaire_faso.png) no-repeat; }
.encartcolonnefamille li, .encartannuairefamille li {  background : url(img/content/background_librochuresfam.png) no-repeat; background-position : bottom; }
/* Commerce & Tourisme */
.encartcolonnecommerce { background : #cc6600 url(img/content/background_brochures_commtour.png) no-repeat; }
.encartannuairecommerce { background : #cc6600 url(img/content/background_annuaire.png) no-repeat; }
.encartcolonnecommerce li, .encartannuairecommerce li {  background : url(img/content/background_librochurescomm.png) no-repeat; background-position : bottom; }
/* Votre mairie */
div#annuaire_content_left li, div#annuaire_content_right li {background:url(img/content/background_limairie.png) no-repeat; background-position: bottom;}

/*****************/
/* CSS DU CENTRE */
/*****************/

/* CSS DE LA UNE */
div#une  {width: 450px; height: 285px; background: url(img/content/background_une.png) no-repeat;}
.unedate {width: 73px; height: 17px; padding-left: 140px; padding-top: 3px; margin-bottom: 4px; background: url(img/content/background_unedate.png) no-repeat; color: #fff;}
div#une a:link, div#une a:visited, div#une a:hover {font-weight: bold; margin-left: 5px; margin-top: 4px; color: #fff;}
div#une a:link, #une a:visited {text-decoration: none;}
div#une a:hover {text-decoration: underline;}
div#une p {color: #444;} 

/* CSS DES SLIDESHOWS DE LA HP */
div#slideshows-home {width: 450px; height: 214px;}
/* css du slideshow "actualites" */
div#actualites  {width: 213px; height: 215px; background: url(img/content/background_actualites.png) no-repeat;}
div#actualitesli {width: 213px; height: 215px;}
div#actualitesli ul, div#actualitesli li {list-style-type: none;}
div#actualitesli ul li {width: 213px; height: 215px; overflow: hidden;}
a.actualitestitre:link, a.actualitestitre:visited, a.actualitestitre:hover {margin-top: 1px; background: #3366cc; font-weight: bold; color: #fff; text-decoration: none;}
a.actualitestitre:hover {text-decoration: underline;}
div#actualitesli ul li p {color: #444; margin: 8px 0;}
/* css du slideshow "vie locale" */
div#vielocale  {margin-left: 24px; width: 213px; height: 215px; background: url(img/content/background_vielocale.png) no-repeat;}
div#vielocaleli {width: 213px; height: 215px;}
div#vielocaleli ul li {width: 213px; height: 215px; overflow: hidden;}
a.vielocaletitre:link, a.vielocaletitre:visited, a.vielocaletitre:hover {margin-top: 1px; background: #3366cc; font-weight: bold; color: #fff; text-decoration: none;}
a.vielocaletitre:hover {text-decoration: underline;}
div#vielocaleli ul li p {color: #444; margin: 8px 0;}

/* CSS DES BREVES */
div#enbref  {width: 450px; margin-top: 39px; padding-top: 20px; background: url(img/content/background_breves.png) no-repeat;}
div#enbref ul li {padding: 5px 5px;}
div#enbref ul li h2 {font-weight: bold; color: #003366;}
div#enbref ul li p {color: #444;}
div#enbref ul li p span {background: url(img/puces/fleched_transparente.png) no-repeat; font-family: "Arial", sans-serif; font-size: 11px; font-weight: bold; padding-left: 20px;}

/* CSS DES DERNIERES MISES A JOUR */
div#maj  {width: 450px; margin-top: 38px; padding-top: 20px; background: url(img/content/background_maj.png) no-repeat;}
div#maj li {width: 444px; border-bottom: 1px solid #006666; padding: 3px 3px;}
div#maj li span, div#maj li span a:link, div#maj li span a:visited, div#maj li span a:hover {color: #006666;}
div#maj li a:link, div#maj li a:visited, div#maj li a:hover {font-weight: bold; color: #000; text-decoration: none;}
div#maj li a:hover {text-decoration: underline;}
span.tmaj {color: #000;}

/* CSS DU CONTENU DES RUBRIQUES */
/* fil d'ariane */
.hierarchie {width: 450px; height: 23px; padding-top: 8px; padding-left: 20px; font-size: 10px; }
.hierarchiecommerce { background : url(img/content/background_rubpath.png) no-repeat; }
.hierarchiequart { background : url(img/content/background_rubpath_quartasso.png) no-repeat; }
.hierarchiesport { background : url(img/content/background_rubpath_sportcult.png) no-repeat; }
.hierarchieenseignement { background : url(img/content/background_rubpath_ensjeu.png) no-repeat; }
.hierarchiefamille { background : url(img/content/background_rubpath_faso.png) no-repeat; }
.hierarchiemot { background : url(img/content/background_motpath.png) no-repeat; }
a.rubariane:link, a.rubariane:visited, a.rubariane:hover { text-decoration : none; font-family : "Verdana", sans-serif; color : #fff; font-weight : bold;}
a.rubariane:hover { text-decoration : underline; }
/* accroche + titre rubrique */
.accroche {width: 450px; height: 254px; text-align: center;}
.accroche h1 {font-family: "Georgia", serif; font-weight: lighter; font-size: 30px; color: #000;}
.accroche p {margin: 0 20px; font-family: "Arial", sans serif; font-size: 14px; color: #444; text-align: justify;}
/* derniers articles */
/* carte */
.carte {width: 450px; height: 460px; padding-top: 20px; text-align: center;}
/* Pour tous */
.rubda, .artda, .motda { width : 450px; padding-top : 25px; }
.rubda ul, .artda ul, .motda ul  { margin : 0 16px; padding : 0 0; }
.rubda li, .artda li, .motda li  {min-height: 100px; padding-bottom: 10px;}
.rubda ul li img, .artda ul li img, .motda ul li img {float: left; margin-top: 15px; margin-right: 15px; border: 4px solid #ccc;}
.rubdameta, .rubda p span a:link, .rubda p span a:visited, .rubda p span a:hover, .artda p span a:link, .artda p span a:visited, .artda p span a:hover, .artdameta,
.motda p span a:link, .motda p span a:visited, .motda p span a:hover {text-decoration: none;}
.rubda p span a:hover, .artda p span a:hover, .motda p span a:hover {text-decoration: underline;}
.rubda p a:link, .rubda p a:visited, .rubda p a:hover, .artda p a:link, .artda p a:visited, .artda p a:hover, .motda p a:link, .motda p a:visited, .motda p a:hover {font-weight: bold; color: #000; text-decoration: none;}
.rubda p a:hover, .artda p a:hover, .motda p a:hover {text-decoration: underline;}
.rubda p, .artda p, .motda p  {margin-top: 0; color: #444;}
/* Commerce & Tourisme */
.rubdacommerce {background: url(img/content/background_rubda.png) no-repeat;}
.artdacommerce {background: url(img/content/background_artda.png) no-repeat;}
.rubdacommerce li, .artdacommerce li  {background: url(img/content/background_lirubda.png) no-repeat; background-position : bottom;}
.rubdameta, .rubdacommerce p span a:link, .rubdacommerce p span a:visited, .rubdacommerce p span a:hover, .artdameta, .artdacommerce p span a:link, .artdacommerce p span a:visited, .artdacommerce p span a:hover {color: #cc6600;}
/* Sport & Culture */
.cartesport {background: url(img/content/background_carte_sportcult.png) no-repeat;}
.rubdasport {background: url(img/content/background_rubda_sportcult.png) no-repeat;}
.artdasport {background: url(img/content/background_artda_sportcult.png) no-repeat;}
.rubdasport li, .artdasport li {background: url(img/content/background_lirubda_sportcult.png) no-repeat; background-position: bottom;}
.rubdameta_sportcult, .rubdasport p span a:link, .rubdasport p span a:visited, .rubdasport p span a:hover, .artdameta_sportcult, .artdasport p span a:link, .artdasport p span a:visited, .artdasport p span a:hover {color: #660099;}
/* Quartiers & Associations */
.rubdaquart {background: url(img/content/background_rubda_quartasso.png) no-repeat;}
.artdaquart {background: url(img/content/background_artda_quartasso.png) no-repeat;}
.rubdaquart li , .artdaquart li {background: url(img/content/background_lirubda_quartasso.png) no-repeat; background-position: bottom;}
.artdaquart {background: url(img/content/background_artda_quartasso.png) no-repeat;}
.rubdameta_quartasso, .rubdaquart p span a:link, .rubdaquart p span a:visited, .rubdaquart p span a:hover, .artdameta_quartasso, .artdaquart p span a:link, .artdaquart p span a:visited, .artdaquart p span a:hover {color: #99cc33;}
/* Enseignement & Jeunesse */
.carteenseignement {background: url(img/content/background_carte_ensjeu.png) no-repeat;}
.rubdaenseignement {background: url(img/content/background_rubda_ensjeu.png) no-repeat;}
.artdaenseignement {background: url(img/content/background_artda_ensjeu.png) no-repeat;}
.rubdaenseignement li, .artdaenseignement li {background: url(img/content/background_lirubda_ensjeu.png) no-repeat; background-position: bottom;}
.rubdameta_ensjeu, .rubdaenseignement p span a:link, .rubdaenseignement p span a:visited, .rubdaenseignement p span a:hover, .artdameta_ensjeu, .artdaenseignement p span a:link, .artdaenseignement p span a:visited, .artdaenseignement p span a:hover {color: #3399ff;}
/* Famille et Solidarité */
.rubdafamille {background: url(img/content/background_rubda_faso.png) no-repeat;}
.artdafamille {background: url(img/content/background_artda_faso.png) no-repeat;}
.rubdafamille li, .artdafamille li  {background: url(img/content/background_lirubda_faso.png) no-repeat; background-position: bottom;}
.rubdameta_faso, .rubdafamille p span a:link, .rubdafamille p span a:visited, .rubdafamille p span a:hover, .artdameta_faso, .artdafamille p span a:link, .artdafamille p span a:visited, .artdafamille p span a:hover {color: #006666;}
/* Pagination */
div#pagination {width: 450px; margin-top: 15px; color: #000; text-align: center;}
a.lien_pagination:link, a.lien_pagination:visited, a.lien_pagination:hover {font-family: "Verdana", sans-serif; font-size: 11px; color: #000; text-decoration: none;}
a.lien_pagination:hover {font-weight: bold;}
.on {font-family: "Verdana", sans serif; font-size: 11px; color: #000; font-weight: bold;}
.pagination {display: block; width: 180px; margin-left: auto; margin-right: auto; text-align: center;}
/* Travaux */
.cartemot {background: url(img/content/background_carte_mot.png) no-repeat;}
.motda {background: url(img/content/background_rubda_mot.png) no-repeat;}
.motda li, .motda li {background: url(img/content/background_lirubda_mot.png) repeat-x; background-position: bottom;}
.artmotda {background: url(img/content/background_artda_mot.png) no-repeat;}
/* Recherche */
div#rubda_recherche {background: url(img/content/background_rubda_recherche.png) no-repeat;}

/* AGENDA */
.agenda  {width: 435px; padding-top: 15px; margin-bottom: 30px;}
.agendatheatre {background: url(img/content/background_agendatheatre.png) no-repeat;}
.agendamusique {background: url(img/content/background_agendamusique.png) no-repeat;}
.agendadanse {background: url(img/content/background_agendadanse.png) no-repeat;}
.agendaexpositions {background: url(img/content/background_agendaexpo.png) no-repeat;}
.agendaconferences {background: url(img/content/background_agendaconf.png) no-repeat;}
.agendamanifestations {background: url(img/content/background_agendamanifs.png) no-repeat;}
.agendamanifestationscheval {background: url(img/content/background_agendamanifschev.png) no-repeat;}
.agendatexte {width: 425px; padding: 0 5px; margin-bottom: 20px;}
.agendatexte a:link, .agendatexte a:visited, .agendatexte a:hover {font-weight: bold; color: #000; text-decoration: underline;}
.agendadate {display: block; color: #000; font-weight: bold; padding-left: 15px; background: url(img/puces/carrev_agenda.png) no-repeat;}
.agendaheure {display: block; margin-left: 5px; color: #000; font-weight: bold; padding-left: 15px; background: url(img/puces/rondn_agenda.png) no-repeat;}
.agendatitre {color: #660099;}
a.agendatitre:link, a.agendatitre:visited, a.agendatitre:hover {font-weight: bold; color: #660099; text-decoration: underline;}
a.agendatitre:hover {text-decoration: none;}

/* ARTICLES */
/* structure */
.artcontent, .motcontent, .dossierscontent {width: 435px;}
.artcontentsport {border-left: 15px solid #660099;/*background: url(img/content/background_artcontent_cult.png) repeat-y;*/}
.artcontentfamille {border-left: 15px solid #006666;/*background: url(img/content/background_artcontent_fam.png) repeat-y;*/}
.artcontentenseignement {border-left: 15px solid #3399ff;/*background: url(img/content/background_artcontent_jeun.png) repeat-y;*/}
.artcontentquart {border-left: 15px solid #99cc33;/*background: url(img/content/background_artcontent_quart.png) repeat-y;*/}
.artcontentcommerce {border-left: 15px solid #cc6600;/*background: url(img/content/background_artcontent_tour.png) repeat-y;*/}
.dossierscontent {margin-top: 100px; border-left: 15px solid #003366;/*background: url(img/content/background_dsommaireul.png) repeat-y;*/}
/* photos */
div#artphotos, .motphotos, .agenda_photos {width: 120px; padding-top: 12px;}
div#artphotos img, .motphotos img, .agenda_photos img {margin-top: 5px; margin-bottom: 12px;}
/* texte */
div#arttexte {width:440px;}
.mottexte{width: 330px;}
/* rubrique */
a.artrubjeun:link, a.artrubjeun:visited, a.artrubjeun:hover, a.artrubquart:link, a.artrubquart:visited, a.artrubquart:hover, a.artrubcult:link, a.artrubcult:visited, a.artrubcult:hover, a.artrubfam:link, a.artrubfam:visited, a.artrubfam:hover, a.artrubtour:link, a.artrubtour:visited, a.artrubtour:hover, a.artrub:link, a.artrub:visited, a.artrub:hover, a.motdossier:link, a.motdossier:visited, a.motdossier:hover {width: 160px; padding-left: 10px; padding-right: 10px; height: 15px; letter-spacing: 1px; color: #fff; font-variant: normal; background: #3399ff; text-decoration: none;}
a.artrub:link, a.artrub:visited, a.artrub:hover {background: #d9d9d9;}
a.artrubjeun:link, a.artrubjeun:visited, a.artrubjeun:hover {background: #3399ff;}
a.artrubquart:link, a.artrubquart:visited, a.artrubquart:hover {background: #99cc33;}
a.artrubtour:link, a.artrubtour:visited, a.artrubtour:hover {background: #cc6600 /*ff9933*/;}
a.artrubfam:link, a.artrubfam:visited, a.artrubfam:hover {background: #006666;}
a.artrubcult:link, a.artrubcult:visited, a.artrubcult:hover {background: #660099;}
a.motdossier:link, a.motdossier:visited, a.motdossier:hover {background: #003264;}
/* contenu de l'article */
div#arttexte h1, div#arttexte2 h1, .mottexte h2, div#elusmaire h2 {font-family: "Georgia", serif; font-size: 26px; font-weight: lighter; color: #000; margin-left: 10px; margin-right: 20px; margin-bottom: -4px;}
div#arttexte p, div#arttexte2 p, .mottexte p {margin-left: 10px; margin-right: 20px;}
.artchapo {font-family: "Georgia", serif; font-size: 17px; color: #003366; font-style: italic; font-weight: lighter; line-height: 18px;}
.arttxt {font-family: "Arial", sans-serif; font-weight: normal; font-size: 14px; color: #000;}
.arttxt img {display: none;}
/* informations pratiques */
div#artinfos {margin-top: 5px; margin-left: 10px; margin-bottom: 20px; color: #000;}
div#artinfo p {margin: 0 ;}
div#artinfos a:link, div#artinfos a:visited, div#artinfos a:hover {font-weight: bold; color: #000; text-decoration: underline;}

/* DOSSIERS */
div#sommaire {width: 450px; height: 22px; background: url(img/content/background_dsommaire.png) no-repeat;}
div#sommaire_content {width: 300px; padding-top: 15px; padding-left: 150px; padding-bottom: 15px; background: url(img/content/background_dsommaireul.png) repeat-y;}
div#sommaire_content ol li {margin-bottom: 10px;}
div#sommaire_content ol li a:link, div#sommaire_content ol li a:visited, div#sommaire_content ol li a:hover {font-weight: bold; text-decoration: none; color: #000;}
div#sommaire_content ol li a:hover {text-decoration: underline;}
a.motretour:link, a.motretour:visited, a.motretour:hover {width: 450px; height: 22px; background: url(img/content/background_dretour.png) no-repeat;}
a.motretour:hover {opacity: 0.8;}

/* ANNUAIRES DE LA VILLE */
div#annuaire_content, div#coordonnees_content {width: 435px;}
div#annuaire_content_left ul, div#annuaire_content_right ul, div#coordonnees_content_left ul, div#coordonnees_content_right ul {margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 0;}
div#annuaire_content_left ul li, div#annuaire_content_right ul li, div#coordonnees_content_left ul li, div#coordonnees_content_right ul li {margin-bottom: 10px; padding-bottom: 20px;}

/* DEMARCHES */
div#demarches_sommaire {width: 410px; padding-top: 20px; margin-bottom: 40px; background:url(img/content/background_demsommaire.png) no-repeat;}
div#demarches_sommaire_left, div#demarches_sommaire_right {width: 195px;}
div#demarches_sommaire_left ul li h2, div#demarches_sommaire_right ul li h2 {width: 170px; height: 15px; padding-left: 25px; padding-top: 2px; background: url(img/content/background_demsommairetitre.png) no-repeat; font-family: "Arial", sans serif; font-size: 10px; color: #003366;}
div#demarches_sommaire_left ul li a:link, div#demarches_sommaire_left ul li a:visited, div#demarches_sommaire_left ul li a:hover, div#demarches_sommaire_right ul li a:link, div#demarches_sommaire_right ul li a:visited, div#demarches_sommaire_right ul li a:hover {margin-left: 20px; margin-bottom: 5px; font-family: "Arial", sans serif; font-size: 10px; color: #000; text-decoration: none;}
div#demarches_sommaire_left ul li a:hover, div#demarches_sommaire_right ul li a:hover {text-decoration: underline;}
div#demarchescontent {margin-top: 40px;}
.demarchesarticlescontent {margin-left: 10px; margin-right: 5px; padding-bottom: 20px;}
.demarchesarticlescontent h3 {font-weight: bold; color: #003366; text-transform: uppercase;}
.demarchesarticlescontent ul {margin-left: 10px;}
.demarchesarticlescontent ul li a:link, .demarchesarticlescontent ul li a:visited, .demarchesarticlescontent ul li a:hover {font-weight: bold; color: #000; text-decoration: underline;}
.demarchesarticlescontent ul li a:hover {text-decoration: none;}
a.demarchesretour:link, a.demarchesretour:visited, a.demarchesretour:hover {width: 290px; height: 27px; background:url(img/content/background_demretour.png) no-repeat;}
a.demarchesretour:hover {opacity: 0.8;}

/* CARTES & TRANSPORTS */
div#cartaccroche {width: 450px; text-align: center;}
.cartarticlescontent h3 {font-family : "Verdana", sans-serif; font-size : 10px; text-transform: uppercase; text-align: left; width: 320px; padding-left: 10px; padding-top: 0; height: 15px; letter-spacing: 1px; color: #fff; background: #003366; text-align: left; margin: 0;}
.cartarticlescontent p {font-family : "Verdana", sans-serif; font-size : 11px; margin-left: 10px; margin-right: 10px;}
.cartarticlescontent p  strong {color: #003366;}
.cartarticlescontent dl, .cartarticlescontent dl p dt {display: none;}
ul.docsjoints, ul.docsjoints2 {margin: 10px; padding: 10px; background: #fdfbbd; border: 1px solid #d5d03e;}
ul.docsjoints li a:link, ul.docsjoints li a:visited, ul.docsjoints li a:hover {height: 30px; padding-left: 23px; font-family: "Arial", sans-serif; font-weight: normal; font-size: 14px; color: #003366; background: url(img/content/bouton_pdf.png) no-repeat; margin: 7px; text-decoration: none;}
ul.docsjoints li a:hover {text-decoration: underline;}
ul.docsjoints2 li a:link, ul.docsjoints2 li a:visited, ul.docsjoints2 li a:hover {height: 30px; padding-left: 23px; font-family: "Arial", sans-serif; font-weight: normal; font-size: 12px; color: #003366; background: url(img/content/bouton_pdf.png) no-repeat; margin: 7px; text-decoration: none;}
ul.docsjoints2 li a:hover {text-decoration: underline;}

/* COORDONNEES UTILES */
div#coordonnees_content span {display:block;}

/* VOS ELUS */
div#elusmaire {width: 410px; padding: 20px 20px; background: #fdfbbd; border-top: 1px solid #d5d03e; border-bottom: 1px solid #d5d03e;}
div#elusmaire img {margin-right: 20px; border: 1px solid #fff;}
div#elusadjoints, div#elusconseillersdelegues, div#elusconseillersmajorite, div#elusopposition {width: 410px; padding: 20px 20px;}
div#elusadjoints h2, div#elusconseillersdelegues h2, div#elusconseillersmajorite h2, div#elusopposition h2 {font-family: "Georgia", serif; font-size: 22px; font-weight: lighter; color: #000; margin-left: 10px; margin-right: 20px; margin-bottom: 10x; border-bottom: 1px solid #000;}
div#elusadjoints ul li, div#elusconseillersdelegues ul li, div#elusconseillersmajorite ul li, div#elusopposition ul li {width: 160px; height: 350px; margin-top: 20px; padding: 0 10px;}
div#elusadjoints ul li img, div#elusconseillersdelegues ul li img, div#elusconseillersmajorite ul li img, div#elusopposition ul li img {border: 5px solid #f2f1f1;}
div#elusadjoints ul li h3, div#elusconseillersdelegues ul li h3, div#elusconseillersmajorite ul li h3, div#elusopposition ul li h3 {font-size: 16px; font-weight: bold;}
div#elusadjoints ul li span, div#elusconseillersdelegues ul li span, div#elusconseillersmajorite ul li span, div#elusopposition ul li span {font-style: italic;}
div#elusadjoints ul li p, div#elusconseillersdelegues ul li p, div#elusconseillersmajorite ul li p, div#elusopposition ul li p {font-size: 14px; margin: 0;}

/* Recherche */
div#rubda_recherche h2, div#rubda_nosearch h2 {margin-left: 5px; font-size: 16px; color: #3366cc;}

/*******************************/
/* CSS DE LA COLONNE DE DROITE */
/*******************************/

/* CSS DES DOSSIERS */
div#dossiers  {height: 255px; padding-top: 30px; background: url(img/content/background_dossiers.png) no-repeat;}
div#dossiers a:link, div#dossiers a:visited, div#dossiers a:hover, div#dossiers img {border: none; margin-bottom: -3px;}
div#dossiers a:hover {opacity: 0.85;} 

/* CSS DE L'ABONNEMENT */
div#abonnement  {width: 195px; height: 98px; padding-top: 50px; background: url(img/content/background_abonnement.png) no-repeat;}
a.rss:link, a.rss:visited, a.rss:hover {padding-left: 35px; background: url(img/puces/icone_rss.png) no-repeat; color: #fff; text-decoration: none;}
a.newsletter:link, a.newsletter:visited, a.newsletter:hover {margin-top: 37px; padding-left: 35px; background: url(img/puces/icone_newsletter.png) no-repeat; color: #fff; text-decoration: none;} 
a.rss:hover, a.newsletter:hover { opacity : 0.7;}

/* CSS DE LA RECHERCHE */
div#rechercher  {width: 185px; height: 44px; margin-top: 4px; padding-top: 20px; padding-left: 20px; background: #3366cc url(img/content/background_recherche.png) no-repeat;}
div#rechercher form input { width: 165px; height: 17px; margin-top: 2px; border: none; font-size: 12px; background: url(img/content/form_search.png) no-repeat;}
div#rechercher form input.submit {width: 127px; height: 10px; border: none; background: url(img/content/bouton_submitrecherche.png) no-repeat; cursor: pointer;} 

/* RECHERCHE RUBRIQUE */
div#rubrecherche {height: 258px; padding-top: 27px; background: url(img/content/background_rubrecherche2.png) no-repeat;}
div#rubformrecherche {height: 34px;}
div#rubrecherche input#recherche {width: 150px; height: 13px; margin-top: 9px; margin-left: 10px; border: none; background: none; font-size: 11px; color: #000;}
div#rubrecherche .submit {width: 29px; height: 29px; margin-left: 8px; border: none; background: none; cursor: pointer;}
div#rubimgli {height: 172px;}
div#rubimgli ul li {height: 172px; overflow: hidden;}

/* CSS DE "SORTIR" */
div#affiches  {width: 199px; height: 440px; margin-top: 37px; padding: 3px 3px; background: url(img/content/background_affiches.png) no-repeat;}
div#affiche1, div#ermitage {width: 199px; padding-top: 35px;}
div#affiche1 {margin-top: 20px; background: #fff url(img/content/background_theatre.png) no-repeat;}
div#affiche1 a:link, div#affiche1 a:visited, div#affiche1 a:hover {font-weight: bold; color: #444; padding-left: 5px;}
div#affiche1 a:link, div#affiche1 a:visited {text-decoration: none;}
div#affiche1 a:hover {text-decoration: underline;}
div#affiche1 p {color: #444; margin-top: 0; padding-bottom: 5px;}
div#ermitage {margin-top: 5px; background: #fff url(img/content/background_ermitage.png) no-repeat;}
div#ermitage a:link, div#ermitage a:visited, div#ermitage a:hover {width: 180px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #888; color: #444;}
div#ermitage a:link, div#ermitage a:visited {text-decoration: none;}
div#ermitage a:hover {text-decoration: underline;} 

/*******************************/
/* CSS DU FOOTER / BAS DE PAGE */
/*******************************/
#footer a:link, #footer a:visited, #footer a:hover {width: 120px; font-family: "Georgia", serif; font-weight: lighter; font-size: 12px; color: #fff; text-align: center; margin-left: 15px;}
#footer a:link, #footer a:visited { text-decoration : none;}
#footer a:hover { text-decoration : underline;}