/* Reset et styles de base */ * { padding:0; margin:0 } body { font-size:62.5%; font-family:arial, helvetica, sans-serif; color:#000; background:#fff; text-shadow:transparent 0 0 0; } p { line-height:1.4em; margin-bottom:10px; } a {color:#0156AE; text-decoration:none; } a:hover, a:focus {text-decoration:underline; } a img {border:none} ul, ol { list-style:none; margin-bottom:10px; } strong { font-style:normal; font-weight:bold; } em { font-style:italic; font-weight:normal; } abbr, acronym { border-bottom:1px dotted; cursor:help; } address {font-style:normal} kbd { font-size:1.2em; background:#e5e5e5; padding:0 2px; border:solid 1px #ccc; border-right:solid 1px #999; border-bottom:solid 1px #999 } /* FORMULAIRES */ /* Champs */ input.champ:hover {background:#faf8f6;} input.champ:focus {background:#f3eee9;} /* Boutons */ input.bouton { font-family:tahoma; font-size:1em; color:#fff; background:#0779A9; border:1px solid #064975; padding:1px; cursor:pointer; } input.bouton.secondaire { background:#F00; border:1px solid #C00; } input.bouton:hover, input.bouton:focus {background:#07598E} input.bouton.secondaire:hover, input.bouton.secondaire:focus {background:#C00} /* RECURENT & CLASSES */ .masquer , .contre_les_robots { position:absolute; top:-1000px; width:1px; height:1px; overflow:hidden; } p.meta { font-style:italic; color:#6b6a64; margin-bottom:5px; } a.lien_externe { background:url(../images/commun/lien_externe.gif) no-repeat right center; padding:0 14px 0 0; } a.lire_suite { color:#0156AE; background:url(../images/background/lire-la-suite.gif) 100% 5px no-repeat; padding-right:9px; text-decoration:none; } a.lire_suite:hover { text-decoration:underline; } a.lire2 { color:#FFF; background:url(../images/background/lire2.gif) 0 3px no-repeat; padding-left:14px; font-weight:bold; text-decoration:none; } a.lire2:hover { text-decoration:underline; } /* Depuis editeur */ .retour_chariot {clear:left;overflow:hidden;} /* Alignements */ .alignement01 {text-align:left;} .alignement02 {text-align:right;} .alignement03 {clear:both;text-align:center;} /* Espacements */ .espacement01 {margin-bottom:0;} /* Sans espacement */ .espacement02 {margin-bottom:20px;} /* Grand espacement */ .espacement03 {margin-bottom:30px;} /* Très grand espacement */ /* Titres */ div.contenu h1 { color:#004C93; margin:0 0 10px 0; font-size:1.8em; } h2 { font-size:1.3em; color:#575757; margin-bottom:7px; } h2.bordure { border-bottom:1px dashed #ccc; padding:0 0 5px 0; margin:0; } h2.clair { color:#666; } h3 { font-size:1.1em; color:#666; margin-bottom:5px; } h3 a { color:#666; } h4 { font-size:1em; margin-bottom:2px; } h5, h6 {font-size:1em;} /* Listes */ ul, ol { overflow:hidden; line-height:1.6em; height:100%; padding:0 12px; } ul li { background:url(../images/commun/puce.gif) no-repeat left 6px; padding:0 0 2px 11px; } ol li { list-style-type:decimal; list-style-position:inside; padding:0 0 2px 0; } ul li ul, ol li ol { padding:2px 0 0 15px; margin:0; } /* Mise en avant */ .mise_en_avant { overflow:hidden; height:100%; background:#83BBD3; padding:8px 10px 0 10px; margin:0 0 10px 0; } p.mise_en_avant {padding-bottom:10px;} /* Citations */ q { font-style:italic; quotes: "« " " »"; background:#f4f4f4; padding:0 2px; } blockquote { overflow:hidden; height:100%; line-height:1.5em; font-style:italic; background:#f7f6f3 url(../images/commun/citation.gif) no-repeat 98% 8px; padding:5px 45px 5px 5px; margin:0 0 10px 0; } blockquote p {margin-bottom:0;} /* Object */ div.object-left, div.object-right, div.object-center {margin:0 0 10px 0} div.object-left { float:left; margin-right:10px; } div.object-right { float:right; margin-left:10px; } div.object-center {text-align:center} /* IMAGES */ div.image {margin:0 0 6px 0} div.image img { vertical-align:top; margin:0 0 1px 0; } div.image p { text-align:left; color:#fff; background:#777; padding:1px 0; } div.object-center div.image p {margin:0 auto; } div.image p span { display:block; padding:0 5px; margin:0 auto; } div.image p span abbr {border:0; } /* FICHIERS en téléchargement */ a.fichier { background-repeat:no-repeat; background-position:left top; padding:2px 0 1px 22px; } a.pdf {background-image:url(../images/commun/pdf.gif);} a.msword {background-image:url(../images/commun/msword.gif);} a.ms-excel {background-image:url(../images/commun/ms-excel.gif);} a.text {background-image:url(../images/commun/text.gif);} a.spreadsheet {background-image:url(../images/commun/spreadsheet.gif);} a.plain {background-image:url(../images/commun/plain.gif);} a.fichier span { font-size:.9em; color:#666; } /* TABLEAUX de données */ table { width:100%; margin:0 0 10px 0; } table.tableau_donnees { border-collapse:collapse; border-top:1px solid #ccc; margin:0 0 10px 0; } table.tableau_donnees p {margin-bottom:0;} table.tableau_donnees caption { text-align:left; font-weight:bold; color:#555; padding:0 0 4px 0; } table.tableau_donnees tr th { font-weight:normal; background:#fbf1f1; border-bottom:1px solid #ccc; padding:4px; } table.tableau_donnees tr td { vertical-align:top; border-bottom:1px dashed #ccc; padding:6px 4px; } table.tableau_donnees tr.alterne td {background-color:#f7f7f7; } table.tableau_donnees tr.survol td {background-color:#efefef; } /* FIL D'ARIANE */ #fil_ariane { background:#FFF; margin:0; color:#585858; padding:15px 20px 15px 245px; } #fil_ariane span { background:#DCDCDC; padding:2px 5px; } #fil_ariane a { color:#585858; } #fil_ariane a:hover, #fil_ariane a:focus {} /* INTRODUCTION */ p.introduction { font-weight:bold; } /* VUE LINE */ div.vue_line { overflow:hidden; height:100%; border-bottom:1px dotted #AAAAAA; padding:0 0 5px 0; margin:0 0 5px 0; clear:left; } div.vue_line h3 a { color:#DB343A; } div.vue_line h3 a:hover, div.vue_line h3 a:focus {} div.vue_line h3 span {font-size:1em; } div.vue_line img { float:left; margin:0 10px 0 0; } div.vue_line a.lien_continuation { background:url(../images/commun/puce.gif) no-repeat right 5px; padding:0 10px 0 0; } /* GALERIES */ div.theme { border:1px solid #d0d0d0; background:#e8e8e8; padding:10px; } div.theme img { border:2px solid #fff; margin:10px; } div.voir_theme { text-align:right; font-weight:bold; padding:0 0 20px 0; } div.voir_theme a { float:right; background:#e8e8e8; padding:4px 10px; } #diaporama { margin-top:10px; } #diaporama a.lightbox {text-decoration:none; } #diaporama a.lightbox img { border:1px solid #ccc; padding:5px; margin:0 14px 20px 0; } #diaporama a.lightbox:hover img, #diaporama a.lightbox:focus img {background:#e4e4e4} /* FAQ */ h2.question {font-size:1.2em} h2.question a {text-decoration:none} h2.question a:hover, h2.question a:focus {text-decoration:underline} /* COMMENTAIRES */ #commentaires { clear:both; overflow:hidden; padding:30px 0 20px 0; } #commentaires h2 {margin-bottom:10px; } div.commentaire em { float:right; margin-top:-20px; } div.commentaire blockquote strong {font-style:normal; } /* SONDAGES */ fieldset.question_sondage { clear:both; border:0; border-bottom:1px dashed #ccc; padding:0 0 7px 0; margin:0 0 7px 0; } fieldset.question_sondage legend { font-size:1.3em; font-weight:bold; color:#666; margin-bottom:7px; } fieldset.question_sondage legend span {white-space:normal; } fieldset.question_sondage div { clear:both; padding:0 0 0 20px; margin:0 0 5px 0; } fieldset.question_sondage input { float:left; width:13px; height:13px; margin:0 4px 0 0; } /* FICHES ELUS */ /* Fiche active */ #fiche { overflow:hidden; height:100%; border-left:8px solid #babcbd; background:#e7e7e7; padding:15px; margin:0 0 10px 0; } div.ui-tabs-hide {display:none;} #fiche table { width:50%; } .fiche {clear:both;} div.fiche img { float:left; margin:0 20px 0 0; } /* Liste des élus */ ul.onglets { overflow:hidden; height:100%; line-height:normal; padding:0; } ul.onglets li { display:inline; background:none; padding:0; margin:0; } ul.onglets li a { position:relative; display:block; float:left; width:343px; height:150px; padding:8px; line-height:1.6em; font-weight:bold; color:#000; background:#e7e7e7; border-right:1px solid #fff; border-bottom:1px solid #fff; } ul.onglets li a img { float:left; margin:0 8px 0 0; } ul.onglets li a span { position:absolute; bottom:8px; right:8px; display:block; padding:0 8px 0 0; text-align:right; font-weight:normal; color:#9e3d3d; background:url(../images/commun/puce.gif) no-repeat right center; text-decoration:underline; } ul.onglets li a:hover, ul.onglets li a:focus {background:#f1f1f1; } ul.onglets li a:hover span, ul.onglets li a:focus span { } /* Fiche selectionne */ ul.onglets li.ui-tabs-selected a { filter:alpha(opacity=30); -moz-opacity:0.30; background-image:none; background-color:#f4f4f4; cursor:text; } ul.onglets li.ui-tabs-selected a span {display:none;} /* PLAN DU SITE */ #plan_site li a {text-decoration:none} #plan_site li a:hover, #plan_site li a:focus {text-decoration:underline} /* Premier niveau */ #plan_site {padding-left:60px} #plan_site li { background:url(../images/commun/suivant.gif) no-repeat left 4px; padding-left:20px; margin:0 0 5px 0; } #plan_site li h2 {font-size:1.4em} #plan_site li h2 a {color:#0779A9} /* Second niveau */ #plan_site li ul {font-size:1.1em} #plan_site li ul li { background:url(../images/commun/puce.gif) no-repeat left 6px; padding-left:12px; margin-bottom:3px; } #plan_site li ul li a {color:#666} /* Autres niveaux */ #plan_site li ul li ul {font-size:.9em} #plan_site li ul li ul li {margin-bottom:1px} /* NAVIGATION */ div.navigation {padding-top:10px; } div.navigation a.precedent { background:url(../images/commun/precedent.gif) no-repeat left 2px; padding-left:17px; } div.navigation a.suivant { float:right; background:url(../images/commun/suivant.gif) no-repeat right 2px; padding-right:17px; } /* Pagination */ ul.pagination {padding:10px 0 0 0;} ul.pagination li { float:left; background:none; padding:0; margin:0 10px 5px 0; } ul.pagination li a, ul.pagination li span { display:block; float:left; border:1px solid #777; padding:2px 6px; } ul.pagination li a { color:#fff; background:#777; } ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li span { color:#777; background:#fff; } /* OUTILS */ #outils { clear:both; width:320px; padding:10px; margin:15px 0 0 0; font-size:1.1em; background:#DCDCDC; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; overflow:hidden; } #outils li { width:160px; display:block; float:left; background:none; padding:0 0 2px 0; margin:0; } #outils li.clear { clear:left; } #outils li a { color:#545454; padding:7px 0 4px 22px; } #outils li a:hover, #outils li a:focus { } #outils li #imprimer {background:url(../images/commun/imprimer.gif) 0 8px no-repeat; } #outils li #enregistrer_pdf { background:url(../images/commun/enregistrer_pdf.gif) 0 5px no-repeat; } #outils li #faire_suivre {background:url(../images/commun/envoyer_page.gif) 1px 8px no-repeat; } #outils li #haut_page {background:url(../images/commun/haut_page.gif) 6px 7px no-repeat; } #outils li #previous {background:url(../images/commun/retour.gif) 0 9px no-repeat; } /* GLOSSAIRE */ #glossaire .description { margin-bottom:20px; } #glossaire .lettres { margin:0 0 20px 0; overflow:hidden; } #glossaire .lettres div.current { color:#000; background:#EB9157; border:1px solid #EB9157; display:block; float:left; padding:3px; margin:0 5px 0 0; font-weight:bold; } #glossaire .lettres a { color:#5F6061; background:#F5C8AB; border:1px solid #EB9157; display:block; float:left; padding:3px; margin:0 5px 0 0; font-weight:bold; } #glossaire a:hover{ background:#EB9157; color:#FFF; } #glossaire dl { clear:both; } #glossaire dt { font-weight:bold; margin:0; padding:0; font-size:1.1em; } #glossaire dt:first-letter { text-transform:uppercase; } #glossaire dd { padding:0 0 15px 20px; margin:0; } /* ARTICLES A ONGLETS */ div.contenu ul.article_onglets { font-size:1.1em; padding:0; margin:0; width:195px; height:30px; float:right; overflow:hidden; position:absolute; right:0; top:9px; } div.contenu ul.article_onglets li { display:inline; background:none; padding:0; margin:0; } ul.article_onglets li a { float:left; color:#FFF; margin:0 1px 0 0; text-decoration:none; background:#3C3B3C; } ul.article_onglets li a span { display:block; padding:3px 10px 3px 10px; } ul.article_onglets li a:hover, ul.article_onglets li a:focus, ul.article_onglets li a.focus, ul.article_onglets li.ui-tabs-selected a { background-color:#83BBD3; color:#FFF; } ul.article_onglets li a:hover span, ul.article_onglets li a:focus span, ul.article_onglets li a.focus span, ul.article_onglets li.ui-tabs-selected a span { } ul li.ui-tabs-selected a {cursor:text;} div.ui-tabs-hide {display:none;} /* AGENDA */ #conteneur_calendrier { float:right; width:180px; background:#fff; padding:0 0 0 10px; margin:0 0 10px 20px; } #calendrier { overflow:hidden; height:100%; border:1px solid #D3D3D3; padding:10px; margin:0 0 16px 5px; } #calendrier a:hover, #calendrier a:focus {text-decoration:overline} /* Navigation mois par mois */ #calendrier #navigation_mois { text-align:center; text-transform:uppercase; font-weight:bold; background:#F4F4F4; color:#353535; padding:0; margin-bottom:5px; } #calendrier #navigation_mois li { display:block; float:left; width:15%; background:none; padding:0; margin:0; } #calendrier #navigation_mois li a {color:#353535;} #calendrier #navigation_mois #mois_courant {width:69%;} /* Tableau */ #calendrier table { float:left; width:100%; table-layout:fixed; border-collapse:collapse; text-align:center } /* Jours de la semaine */ #calendrier table tr th { color:#5D5D5D; background:#FFF; padding:2px 0; } #calendrier table tr th abbr {border:0;} /* Cellule de tableau */ #calendrier table tr td { margin:1px; padding:3px; background:#DEDEDE; color:#5D5D5D; } #calendrier table tr td a { color:#0173a7; font-weight:bold; } /* Jour selectionne */ #calendrier table tr td.jour_selectionne a { display:block; background:#0173a7; color:#fff; cursor:text; text-decoration:none; padding:2px 0; } #calendrier table tr td.jour_selectionne a:hover, #calendrier table tr td.jour_selectionne a:focus {text-decoration:none} /* Jour "J" */ #calendrier table tr td.jour_j { font-weight:bold; color:#f39910; } #calendrier table tr td.jour_j a {color:#f39910;} #calendrier table tr td.jour_j.jour_selectionne a {color:#fff;} /* Legende du calendrier */ #legende_calendrier { font-size:.9em; padding:0 5px 0 5px; margin:0 0 5px 0; display:none; } #legende_calendrier span.titre { display:block; font-size:1.1em; font-weight:bold; color:#666; margin:0 0 5px 0; } #legende_calendrier ul { padding:0 0 0 5px; margin:0;} #legende_calendrier ul li { background:none; padding:0; } #legende_calendrier ul li span { font-size:1.1em; padding:0 3px; } #legende_calendrier ul li span.jour_evenement { font-weight:bold; color:#0173a7; text-decoration:underline; } #legende_calendrier ul li span.jour_selectionne { font-weight:bold; color:#fff; background:#0173a7; } #legende_calendrier ul li span.jour_j { font-weight:bold; color:#f39910; } #legende_calendrier ul li span.jour_courant_evenement { font-weight:bold; color:#f39910; text-decoration:underline; } #ezagenda_month_hidden_show { font-weight:bold; } /*Zone contextuelle */ div.zone_contextuelle { float:right; width:230px; padding:8px 10px 3px 10px; background:#0779A9; color:#FFF; margin:0 0 5px 25px; } /* Formulaires d'annuaires : */ #contenu div.directory p.accessiform label { width:25%; } /* WIDGETS */ .column { float: left; padding-bottom: 100px; margin-top:10px; } .portlet { margin: 0 1em 1em 0; } .portlet-header { padding: 0.4em; } .portlet-header .ui-icon { float: right; } .portlet-content { padding:0.4em 0.4em 1em 0.4em; font-size:.9em} .portlet-config{padding: 0.4em; margin:5px 0; overflow:hidden; } .portlet-config span { display:block; float:left; margin:0 5px 0px 0; } .ui-sortable-placeholder { border: 1px dashed #CCC; visibility: visible !important; height: 50px !important; } .ui-sortable-placeholder * { visibility: hidden; } #widgetAdd { float:left; } #addwidget { float:left; } #switcher { float:right; } a.ui-icon.ui-icon-disk { } a.ui-icon.ui-icon-trash {float: right;} .portlet-content textarea { width:85%; } .contenu .portlet-content ul { padding-left:10px; } .portlet-content { overflow:hidden; height:100% } .portlet-content span.date_publication { display:none } .ui-icon span { display:none; } /* SERVICE PUBLIC V2 */ #servicepublicv2 { width:98%; overflow:hidden; } #servicepublicv2 h1 { overflow:hidden; } #servicepublicv2 h1 img { vertical-align:middle; } #servicepublicv2 ul#accueilspv2 { list-style:none; margin:0; padding:0; } #servicepublicv2 ul#accueilspv2 li { width:50%; float:left; margin:0; padding:0; background:none; } #servicepublicv2 ul#accueilspv2 li img { vertical-align:middle; } #servicepublicv2 ul { overflow:visible; } .cadre { padding:2%; margin:0 0 10px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; overflow:hidden; } #colg { width:66%; float:left; } #cold { width:24%; float:right; overflow:hidden; } a.voirtout { font-weight:bold; } .definition { border-bottom:1px dotted #F00; color:#F00 } .definition em { display:none; } .definition:hover { position:relative; } .definition:hover em { display:block; width:200px; height:auto; position:absolute; z-index:1000; left:0; top:1.4em; padding:5px; font-style:normal; color:#000; border:2px solid #999; background:#ECECEC; overflow:hidden; } .note , .attention , .info , .savoir { padding:5px 5px 5px 30px; margin:0 0 15px; border:1px solid #D0BB0C; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } .note { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png) 5px 5px no-repeat; } .attention { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png) 5px 5px no-repeat; } .info { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png) 5px 5px no-repeat; } .savoir { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png) 5px 5px no-repeat; } .chapitre { /* border-bottom:1px dotted #CCC; margin:0 0 10px 0;*/ } /* spécifique pour Mes centres d'intérêts (compte citoyen) */ p.accessiform label.leftlabel { text-align:left; width:auto; white-space:nowrap; padding:0 0 0 5px; } /* PAGELAYOUT */ body { background:#6FB4D8; } #global { width:980px; margin:0 auto; background:#FFF; color:#575757; font-size:1.1em; } #top { width:950px; overflow:hidden; padding:7px 0 5px 0; margin:0 15px; border-bottom:1px solid #A4A4A4; overflow:hidden; } #today { width:265px; float:left; color:#5D5D5D; } #recherche { width:245px; float:left; } #recherche label { margin:0; padding:0; display:inline; } #recherche input.champ { display:inline; width:133px; height:13px; color:#575757; border:1px solid #A4A4A4; padding:0 0 1px 7px; margin:0; vertical-align:top; font-size:1em; line-height:1em; } #recherche input#recherche_bouton { height:16px; background:#787878; border:0; color:#FFF; font-size:1em; line-height:1em; vertical-align:bottom; } ul#acces_rapide { width:440px; float:left; margin:0; padding:0; text-align:right; list-style:none; } ul#acces_rapide li { display:inline; white-space:nowrap; background:none; padding:0; margin:0; } ul#acces_rapide li a { color:#575757; padding:0 5px; } ul#acces_rapide li a:hover, #acces_rapide li a:focus, #acces_rapide li a.focus { } #tetiere { width:950px; margin:0 15px; position:relative; overflow:hidden; } #tetiere img { vertical-align:bottom; } h1#logo { width:271px; height:170px; margin:0; padding:0; position:absolute; top:0; left:0; } #principal { width:965px; overflow:hidden; } #gauche { width:215px; float:left; } #menu_principal { width:206px; margin:0 0 50px 0; padding:0 0 0 9px; } #menu_principal ul { margin:0; padding:0; list-style:none; } #menu_principal li { margin:0; padding:0; width:206px; float:left; background:none; } .menuhaut { background:url(../images/background/menuhaut.gif) no-repeat; height:8px; overflow:hidden; } .menumilieu { background:url(../images/background/menumilieu.gif) repeat-y; } .menubas { height:4px; background:url(../images/background/menubas.gif) 0 100% no-repeat; overflow:hidden; } #menu_principal strong , #menu_principal a { display:block; padding:5px 3px 5px 8px; color:#444; font-size:1.3em; margin:0 2px 0 14px; font-weight:normal; } #menu_principal a:hover , #menu_principal a:focus{ background:#BBC428; } #menu_principal li li a , #menu_principal li li strong { padding:1px 2px 1px 24px; font-size:1.2em; /*background:url(../images/background/menulili.gif) 16px 10px no-repeat; */ } #menu_principal li li strong { font-weight:bold; } #menu_principal li li a:hover, #menu_principal li li a:focus { /* background:url(../images/background/menulili.gif) 16px 10px no-repeat; */ } #menu_principal li li li strong , #menu_principal li li li a , #menu_principal li li li a:hover { padding:2px 2px 2px 43px; background:none; } #menu_principal li li li li strong , #menu_principal li li li li a { padding:2px 2px 2px 53px; font-style:italic; } #nuagedetags { width:200px; margin:0 0 45px 15px; padding:0; background:url(../images/background/gauchebgd.gif) repeat-y; } #nuagedetags h2 { width:170px; padding:0 15px 1px; background:#FFF url(../images/background/gaucheh2.gif) left bottom no-repeat; margin:0; overflow:hidden; } #nuagedetags h2 span { display:block; float:left; padding:3px 7px; border:1px solid #C5C5C5; border-bottom:0; background:url(../images/background/gauchebgd.gif) -15px 0 repeat-y; } #nuagedetags ol { margin:0; padding:8px; list-style:none; background:url(../images/background/gauchebas.gif) left bottom no-repeat; } #nuagedetags ol li { list-style:none; padding:0; display:inline; } #nuagedetags ol a { color:#004C8D; } #nuagedetags ol a:hover , #nuagedetags ol a:focus { color:#575757; } #nuagedetags #flashcontent { margin:0; padding:0 0 8px; background:url(../images/background/gauchebas.gif) left bottom no-repeat; } #lacarte { width:200px; margin:0 0 45px 15px; background:url(../images/background/gauchebgd.gif) repeat-y; border-bottom:1px solid #C5C5C5; } #lacarte h2 { width:170px; padding:0 15px 1px; background:#FFF url(../images/background/gaucheh2.gif) left bottom no-repeat; margin:0; overflow:hidden; } #lacarte h2 span { display:block; float:left; padding:3px 7px; border:1px solid #C5C5C5; border-bottom:0; background:url(../images/background/gauchebgd.gif) -15px 0 repeat-y; } #lacarte img { display:block; border:0; margin:10px auto; } #coordonnees { color:#004C8D; padding:0 15px; } #contenu { width:720px; padding:6px 0 0 30px; float:left; } #centre { width:510px; float:left; } #droite { width:170px; margin:0 0 0 40px; float:left; } .encadre_bleu { background:#CCE8F7 url(../images/background/actualite.gif) 100% 100% no-repeat; padding:11px 11px 15px; color:#575757; } .encadre_bleu h2 { color:#004C8D; } #flashinfos { padding:10px 15px; margin:0 0 30px 0; background:#BBC428 url(../images/background/flashinfos.gif) 100% 100% no-repeat; } #flashinfos h2, #flashinfos p { display:inline; color:#444; } #alaune { width:690px; padding:15px; margin:0 0 45px 0; border-top:1px solid #A4A4A4; background:url(../images/background/alaune.gif) left bottom no-repeat; overflow:hidden; position:relative; } #alaune img { float:left; margin:0 15px 0 0; } #alaune div.fponglet div { float:left; width:290px; padding-bottom:20px; overflow:hidden; } ul.accueil_onglets { width:265px; height:27px; position:absolute; bottom:15px; left:415px; margin:0; padding:0; overflow:hidden; } ul.accueil_onglets li { display:inline; margin:0; padding:0; background:none; } ul.accueil_onglets a { padding:5px 8px; margin:0 5px 0 0; background:#D6D6D6; color:#575757; display:inline-block; } ul.accueil_onglets li.ui-tabs-selected a { background:#EFC816; color:#575757; } #services { background:url(../images/background/services.gif) 0 bottom no-repeat; margin:0 0 45px 0; } #services h2 { width:690px; padding:0 15px; background:#FFF url(../images/background/frontpageh2.gif) left bottom no-repeat; overflow:hidden; text-transform:uppercase; color:#575757; } #services h2 span { display:block; float:left; padding:3px 7px; border:1px solid #C5C5C5; border-bottom:0; background:#FFF; } #services ul { margin:0 0 0 20px; padding:0; list-style:none; } #services ul li { /* width:102px; */ min-width:65px; height:128px; margin:0 15px 0 0; padding:0; background:none; display:block; float:left; overflow:hidden; } #services ul li span.picto {display:block;height:91px;margin:30px auto;width:65px;} #services ul li a span.title { display:block; float:left; padding:1px 11px 8px; color:#575757; text-align:center; white-space:nowrap; } #services ul li a:hover span.title, #services ul li a:focus span.title{ color:#FFF; background:#575757 url(../images/background/servicesao.gif) center bottom no-repeat} #services ul li.noeud_14368 span.picto { background:url(../images/background/services_noeud_1.gif) center bottom no-repeat; } #services ul li.noeud_14368:hover , #services ul li.noeud_14368.hover { background-position:center 28px; } #services ul li.noeud_14369 span.picto { background:url(../images/background/services_noeud_2.gif) center bottom no-repeat; } #services ul li.noeud_14369:hover , #services ul li.noeud_14369.hover { background-position:center 28px; } #services ul li.noeud_14370 span.picto { background:url(../images/background/services_noeud_3.gif) center bottom no-repeat; } #services ul li.noeud_14370:hover , #services ul li.noeud_14370.hover { background-position:center 28px; } #services ul li.noeud_14371 span.picto { background:url(../images/background/services_noeud_4.gif) center bottom no-repeat; } #services ul li.noeud_14371:hover , #services ul li.noeud_14371.hover { background-position:center 28px; } #services ul li.noeud_14372 span.picto { background:url(../images/background/services_noeud_5.gif) center bottom no-repeat; } #services ul li.noeud_14372:hover , #services ul li.noeud_14372.hover { background-position:center 28px; } #services ul li.noeud_14373 span.picto { background:url(../images/background/services_noeud_6.gif) center bottom no-repeat; } #services ul li.noeud_14373:hover , #services ul li.noeud_14373.hover { background-position:center 28px; } #services ul li.noeud_14374 span.picto { background:url(../images/background/services_noeud_7.gif) center bottom no-repeat; } #services ul li.noeud_14374:hover , #services ul li.noeud_14374.hover { background-position:center 28px; } #services ul li.noeud_14550 span.picto { background:url(../images/background/plan_interactif.gif) center bottom no-repeat; } #services ul li.noeud_14374:hover , #services ul li.noeud_14374.hover { background-position:center 28px; } #services ul li a:hover span.picto, #services ul li a.hover span.picto {background-position:center 10px;} #actus { margin:0 0 45px 0; } #actus h2 { width:690px; padding:0 15px; background:#FFF url(../images/background/frontpageh2.gif) left bottom no-repeat; overflow:hidden; text-transform:uppercase; color:#575757; } #actus h2 span { display:block; float:left; padding:3px 7px; border:1px solid #C5C5C5; border-bottom:0; background:#FFF; } .article { float:left; width:194px; padding:15px; margin:0 24px 8px 0; overflow:hidden; background:#CCE8F7 url(../images/background/actualite.gif) 100% 100% no-repeat; } .article .image img { border:1px solid #A4A4A4; background:#FFF; padding:1px; } .article.last { margin:0; } .article a { color:#004C8D; } #pied_page { clear:both; padding:10px 0; } #pied_page ul { color:#575757; padding:0; margin:0; text-align:center; } #pied_page ul li { display:inline; margin:0; padding:0; background:none; } #pied_page a { color:#575757; padding:0 10px; } #pied_page p { display:none; }