@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);
/*--- STYLES DE BASE ---*/
body {
margin:0;
padding:0;
/*-- 506MN -- REF - typechart.com -- */
font-family: "Arial", sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
color:#000;
background:#FFF;
}
a:link, a:visited {
 color:#498C9D;
}
a:hover,a:focus,a:active {
 color:#C4062F;
}
#inter ol{
 margin: 10px 0px 10px 30px;
}
#inter ul{
 margin: 10px 0px 10px 0px;
 padding-left:15px;
}
#inter ol ol,
#inter ul ul{
 margin: 10px 0;
 padding: 0 0 0 20px;
}
ul li,
#inter ul li{
 list-style:none;
}
.colonne {
 min-height:120px;
 width:48%;
 float:left;
}
.colonne + .colonne {
 float:right;
}
/*--- DATEPICKER ---*/
#ui-datepicker-div {
 display:none;
}
/*--- ACCORDEON ---*/
#inter .lireLaSuiteAccordeon {
 width:100%;
 display:block;
 border-bottom:2px solid #E3E4E5;
 text-align:right;
 margin:5px 0 10px 0;
}
#inter .lireLaSuiteAccordeon a {
 text-indent:5000px;
 text-decoration:none;
 font-style:italic;
 height:22px;
 width:666px;
 line-height:2em;
 margin:0 0 2px 0;
 display:block;
 overflow:hidden;
 background:url(bgaccordeon.png) no-repeat right top;
}
#inter.avecRight .replie, 
#inter.avecRight .lireLaSuiteAccordeon {
 width:482px;
}
#inter.avecRight .lireLaSuiteAccordeon a {
 width:480px;
 background-position:457px top;
}
/*-- ANCRES ---*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background {
 position:relative;
 z-index:1;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
 width:940px;
 margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
 width:940px;
 position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
 height: 167px;
 width:940px;
}
#boutonMobile {
 display:none;
}
#header h1 {
 margin:0;
 padding:12px 0 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---
#raccourcis {
position: absolute;
top: 0;
left: 350px;
}
#raccourcis a {
text-decoration:none;
font-size: x-small;
}
#raccourcis ul li {
display:inline;
}
#raccourcis ul li.racaide,
#raccourcis ul li.racplan {
padding:0 5px 0 15px;
}
#raccourcis ul li.racaide {
background:url(bgRacAide.gif) no-repeat left 5px;
}
#raccourcis ul li.racplan {
background:url(bgRacPlan.gif) no-repeat left 5px;
}*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 129px;
right: 0;
font-size: x-small;
margin: 0;
padding: 0;
height:27px;
background-color: #575757;
}
#recherche input.saisie {
font-size:x-small;
color:#FFF;
border:none;
background-color: #575757;
vertical-align:middle;
width:175px;
height: 27px;
line-height: 27px;
margin:0;
padding:0 0 0 10px;
}
#recherche input.bouton, 
#recherche button {
vertical-align:middle;
margin:0;
padding:0;
text-indent:-5000px;
border:none;
height:27px;
width:35px;
background:url(bgSearch.png) no-repeat left top;
}
#recherche label {
position:absolute;
top:-9000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.accueil #content {
 background:none;
}
#content {
 position:relative;
 width: 940px;
 margin:0;
 float: left;
 background:url(bgContent.gif) repeat-y right top;
}
body.moteur #content, 
body.interLarge #content {
 background-image:url(bgContentMoteur.gif);
}
#content > img {
 padding-top:10px;
 background:#FFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
body.accueil #wrapperFilariane {
 display:none;
}
#wrapperFilariane {
 float:left;
 width:920px;
 padding:9px 10px;
 color:#FFF;
 background:#C5062F;
 position:relative;
 z-index:1;
 font-family:"Open Sans", sans-serif;
}
#wrapperFilariane p {
 display:inline;
 margin:0;
}
#filariane {
 font-size:1em;
 width: 100%;
 display:inline;
}
#filariane a {
 color:#FFF;
}
#filariane a, #filariane span {
 padding:0 0 0 2px;
 display:inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.accueil #wrapperInter {
 width:100%;
 padding:0 0 20px 0;
}
body.moteur #wrapperInter, 
body.interLarge #wrapperInter {
 width:100%;
 padding:0;
}
#wrapperInter {
 position:relative;
 z-index:2;
 min-height:300px;
 width: 666px;
 float:right;
 margin:0;
 padding: 10px 34px 10px 20px;
}
.interZone {
 padding:20px 10px;
 border-top:1px solid #000;
 clear:both;
}
body.interLarge #wrapperInter {
 border-bottom:1px solid #000;
}
#inter ul li {
 padding-left:18px;
 background-repeat:no-repeat;
 background-position:left 3px;
}
#inter ul li {
 background-image:url(puce02.gif);
}
#inter ul ul li {
 padding-left:17px;
 background-image:url(puce03.gif);
 background-position:left 4px;
}
#inter ul ul ul li {
 padding-left:16px;
 background-image:url(puce04.gif);
 background-position:left 6px;
}
#inter #infosLeft h1, 
#inter h2, 
#inter h3 {
 clear:none;
}
#infosLeft p {
 margin:0;
 padding:0 0 10px 0;
 font-weight:bold;
}
#infosRight {
 float:right;
 width:195px;
 margin:0 -19px 10px 10px;
}
#inter #infosRight ul {
 float:left;
 margin:0;
 padding:0;
 width:100%;
}
#inter .blockRight, 
#inter #infosRight ul li {
 float:left;
 width:100%;
 padding:0;
 background:none;
}
#inter #infosRight #linksRight ul {
 margin:5px 0;
}
#inter #infosRight #linksRight ul li {
 padding-left:17px;
 background:url("puce02.gif") no-repeat left 4px;
}
.blockRight + .blockRight {
 margin-top:10px;
}
#inter .blockRight h3 {
 margin:0;
 height:33px;
 color:#FFF;
 background:#498C9D url(picto_contactRight.png) no-repeat 12px center;
 text-transform:uppercase;
}
#inter #contactRight h3 {
 background-image:url(picto_contactRight.png);
}
#inter #allerPlusLoinRight h3 {
 background-image:url(picto_plusRight.png);
}
#inter #docsRight h3 {
 background-image:url(picto_telechargerRight.png);
 background-position:11px center;
}
#inter #linksRight h3 {
 background-image:url(picto_a_savoirRight.png);
}
#inter #geolocRight h3 {
 background-image:url(picto_geolocRight.png);
}
#inter #geolocRight h3 a {
 color:#FFF;
 display:block;
}
.blockRight h3 span {
 display:block;
 padding:7px 12px 7px 37px;
}
.interBlock {
 float:left;
 width:171px;
 padding:12px;
 background:#E3E4E5;
}
.interBlock p {
 margin:0;
}
body.inscriptionNewsletter form div.entry div input[type="radio"], 
body.inscriptionNewsletter form div.entry div input[type="checkbox"] {
 float:left
 width:11px;
}
body.inscriptionNewsletter form div.entry div label {
 float:right;
 margin-left:0;
 padding:0;
 text-align:left;
/* width:365px;*/
 width:96%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#actuAccueil {
 height:295px;
 width:700px;
 float:left;
 position:relative;
 font-family:"Open Sans", sans-serif;
}
.bx-viewport {
 z-index:1;
}
.bx-controls {
 position:absolute;
 right:0;
 bottom:0;
 float:left;
 z-index:2;
 height:40px;
 width:46px;
}
.bx-window, 
.bx-wrapper {
 position:relative;
 z-index:1;
}
.bx-wrapper .bx-prev, 
.bx-wrapper .bx-next {
 position:absolute;
 bottom:0;
 height:40px;
 width:23px;
 display:block;
 z-index:2;
 text-indent:-5000px;
 background-color:#858484;
 background-repeat:no-repeat;
 background-position:center center;
}
.bx-prev {
 float:left;
 right:23px;
 background-image:url(sliderActuLeft.png);
}
.bx-next {
 float:right;
 right:0;
 background-image:url(sliderActuRight.png);
}
.bx-prev:hover, 
.bx-next:hover {
 background-color:#575757;
}
#inter #sliderActu {
 margin:0;
 padding:0;
}
#inter #sliderActu li {
 margin:0;
 padding:0;
 height:295px;
 width:700px;
 position:relative;
 background:none;
}
#sliderActu a {
 display:block;
 height:295px;
 width:700px;
 text-decoration:none;
}
#sliderActu strong {
 position:absolute;
 left:0;
 bottom:0;
 z-index:2;
 display:block;
 height:25px;
 width:595px;
 padding:8px 45px 7px 60px;
 font-weight:300;
 font-size:1.55em;
 color:#FFF;
 background:url(bgActu.png) repeat left top;
}
#sliderActu a:hover strong {
 background:#C5062F;
}
#sliderActu .plusActu {
 position:absolute;
 left:0;
 bottom:0;
 z-index:3;
 text-indent:-5000px;
 display:block;
 height:40px;
 width:45px;
 background:#C5062F url(puce_plus_slider.png) no-repeat center center;
}
.ttActu {
 margin:0;
 position:absolute;
 left:0;
 bottom:-30px;
 height:30px;
 width:100%;
}
.ttActu a {
 display:block;
 padding:6px 25px;
 text-decoration:none;
 color:#FFF;
 background:#498C9D url(puce_plus.png) no-repeat 10px 11px;
}
.ttActu a:hover {
 background-color:#C5062F;
}
/*---------------*/
#carteAccueil {
 width:220px;
 float:right;
}
.hautCarte {
 float:left;
 height:211px;
 width:200px;
 padding:8px 10px;
 background: #B2B3B5;
}
#inter .hautCarte h2 {
 margin:0;
 color:#FFF;
}
.interCarte {
 height:143px;
 width:195px;
 float:left;
 margin:10px 0 0 0;
 padding:0 3px;
 position:relative;
 /*background:url(bg_carte_interactive.png) no-repeat center top;*/
}
.interCarte #Map {
 height:143px;
 width:195px;
}
.infobulle {
 position:absolute;
 top:0;
 left:0;
}
.infobulle p {
 margin:0;
 padding:0 0 7px 0;
 text-align:center;
 background:url(bgInfobulleCarte.png) no-repeat center bottom;
}
.infobulle a {
 display:block;
 padding:2px 6px;
 text-decoration:none;
 color:#FFF;
 background:#575757;
}
#vitrimont + .infobulle {
 top:15px;
 left:-17px;
}
#luneville + .infobulle {
 top:5px;
 left:17px;
}
#herimenil + .infobulle {
 top:50px;
 left:25px;
}
#jolivet + .infobulle {
 top:0;
 left:50px;
}
#chanteheux + .infobulle {
 top:20px;
 left:50px;
}
#vitrimont + .infobulle {
 top:15px;
 left:-17px;
}
#moncelLesLuneville + .infobulle {
 top:40px;
 left:50px;
}
#sept + .infobulle {
 top:35px;
 left:60px;
}
#croismare + .infobulle {
 top:-10px;
 left:70px;
}
#marainviller + .infobulle {
 top:-8px;
 left:95px;
}
#laronxe + .infobulle {
 top:65px;
 left:95px;
}
#saintClement + .infobulle {
 top:55px;
 left:100px;
}
#laneuvevilleAuxBois + .infobulle {
 top:-44px;
 left:100px;
}
#thiebaumenil + .infobulle {
 top:25px;
 left:115px;
}
#manonviller + .infobulle {
 top:18px;
 left:135px;
}
#benamenil + .infobulle {
 top:45px;
 left:135px;
}
#chenevieres + .infobulle {
 top:90px;
 left:130px;
}
.basCarte {
 float:left;
 height:113px;
 width:200px;
 margin-top:-15px;
 padding:0 10px;
 background:url(bgCarteAccueil.png) no-repeat left top;
}
.basCarte p {
 margin:0;
 width:95px;
 padding:31px 0 0 0;
}
.basCarte a {
 display:block;
 padding:5px 0 5px 25px;
 text-decoration:none;
 color:#58585A;
 background:url(picto_carte_accueil.png) no-repeat left center;
}
.basCarte a:hover {
 color:#C5062F;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COMMENT ---*/
#comment,
#recaptcha_area{
 width: 100%;
 float: right;
}
#recaptcha_area table{
 width: auto;
 float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
body.accueil #left {
 height:1px;
 width:1px;
 padding:0;
}
body.moteur #left, 
body.interLarge #left {
 height:1px;
 width:1px;
}
#left {
 position:relative;
 z-index:3;
 float:left;
 width:220px;
 padding:20px 0 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MOTEUR DE RECHERCHE ---*/
.searchzone {
 height:70px;
 float:left;
 width:910px;
 padding:0 15px 15px 15px;
 position:relative;
}
.searchzone.twoRows {
 height:115px;
}
#inter .searchzone h1 {
 float:left;
 position:relative;
 text-transform:none;
 color:#575757;
 padding:0;
 clear:none;
 font-weight:bold;
 font-size:1.95em;
}
.searchzone h1 img {
 position:absolute;
 top:-10px;
 left:0;
}
.searchzone h1.galerie img {
 top:0;
}
#inter .searchzone h1 span {
 display:block;
 padding:0 0 0 70px;
}
#inter .searchzone h1.galerie span {
 padding:0 0 0 40px;
}
#inter .searchzone h1.geoloc span {
 padding:0 0 0 55px;
}
#inter .searchzone form, 
.searchzone fieldset  {
 position:relative;
 float:right;
 max-width:600px;
 margin:0;
 padding:0;
}
#inter .searchzone #moteur_publications {
 max-width:640px;
}
.searchzone fieldset {
 padding-right:40px;
}
.searchzone.twoRows fieldset {
 padding-right:0;
}
.searchzone fieldset, 
.label, 
.label div {
 display:block;
}
.label {
 margin:0 10px 0 0;
 float:left;
 width:188px;
}
.label + .label + .label + .label {
 margin-top:5px;
}
#moteur_publications .label + .label + .label + .label {
 margin-top:0;
}
.label.btnValide {
 margin:0;
 /*position:absolute;
 top:18px;
 right:0;*/
 width:auto;
 margin-top:18px;
}
.searchzone.twoRows .label.btnValide {
 position:relative;
 top:0;
 float:left;
 margin-top:23px;
}
.btnValide button {
 border:none;
 padding:0;
 height:30px;
 width:40px;
 text-align:center;
 color:#000;
 background:#498C9D url(bgSearchMoteur.png) no-repeat center center;
}
.btnValide BUTTON span {
 display:block;
 text-indent:-5000px;
}
.label .date {
 position:relative;
}
.label label {
 color:#000;
 display:block;
 font-weight:bold;
 height:18px;
 font-size:0.9em;
}
.label input {
 color:#000;
 height:28px;
 width:182px;
 padding:0 0 0 5px;
 background:#FFF;
 border:1px solid #498C9D;
}
.label select {
 height:30px;
 width:188px;
 padding:0 0 0 2px;
 border:1px solid #498C9D;
}
.date img {
 position:absolute;
 top:50%;
 right:4px;
 margin-top:-9px;
}
.resultszone {
 float:left;
 width:100%;
}
#inter .resultszone.zoneIti form, 
#inter .resultszone.zoneIti h2 {
 margin:10px;
}
.resultszone > p {
 display:block;
 color:#000;
 padding:10px;
}
.listeMoteur, 
#inter .listeMoteur {
 margin:0;
 padding:0;
 float:left;
 width:100%;
}
#inter .listeMoteur li {
 padding-left:0;
 background:none;
}
/*--- Actualites ---*/
#inter .listeMoteur .resultsActus {
 float:left;
 width:799px;
 margin:5px 70px;
}
.resultsActus a {
 display:block;
 text-decoration:none;
}
.resultsActus .imgActu {
 float:left;
 height:168px;
 width:399px;
}
.resultsActus .interResultsActus {
 float:right;
 height:138px;
 width:360px;
 padding:15px 20px;
 background:#E3E4E5;
 position:relative;
}
.interResultsActus .plusActu {
 position:absolute;
 right:0;
 bottom:0;
 text-indent:-5000px;
 height:25px;
 width:30px;
 background:#C5062F url(puce_plus_slider.png) no-repeat center center;
}
.interResultsActus strong {
 color:#C5062F;
 display:block;
 min-height:50px;
 font-size:1.55em;
 line-height:1.2em;
 font-weight:300;
 text-transform:uppercase;
 font-family:"Open Sans", sans-serif;
}
.interResultsActus p {
 color:#000;
 line-height:1.2em;
}
/*--- Agenda ---*/
#inter .listeMoteur .resultsEvent {
 font-family:"Open Sans", sans-serif;
 float:left;
 height:227px;
 width:259px;
 margin:0 10px 9px 10px;
 padding-top:30px;
 position:relative;
 background:url("bgInfobulle01.png") no-repeat center -5000px;
}
#inter .listeMoteur .resultsEvent:hover {
 background-position:center 23px;
}
#inter .listeMoteur .resultsEvent.one {
 margin-left:60px;
}
#inter .listeMoteur .resultsEvent.three {
 margin-right:60px;
}
.resultsEvent a > span {
 position:absolute;
 top:0;
 left:0;
 display:block;
 height:47px;
 width:259px;
 background-repeat:no-repeat;
 background-position:center center;
}
.ateliers {
 background-image:url(picto_ateliers.png);
}
.anim {
 background-image:url(picto_animation.png);
}
.autres {
 background-image:url(picto_autres.png);
}
.concerts {
 background-image:url(picto_concert.png);
}
.conf {
 background-image:url(picto_conference.png);
}
.expo {
 background-image:url(picto_expo.png);
}
.jeunePublic {
 background-image:url(picto_jeune_public.png);
}
.manifestation {
 background-image:url(picto_manifestation.png);
}
.marchesBrocantes {
 background-image:url(picto_marches_brocantes.png);
}
.spectacles {
 background-image:url(picto_spectacle.png);
}
.sport {
 background-image:url(picto_sport.png);
}
.theatre {
 background-image:url(picto_theatre.png);
}
.visites {
 background-image:url(picto_visite.png);
}
.encart {
 color:#FFF;
 position:absolute;
 left:0;
 bottom:0;
 padding:2px 12px;
 min-height:106px;
 width:235px;
 background:url(bgMoteur.png) repeat left top;
}
.resultsEvent a, 
.resultsEvent span {
 display:block;
 color:#FFF;
}
.resultsEvent a {
 position:relative;
 z-index:1;
}
.resultsEvent span + span {
 padding-top:3px;
}
.encartDate {
 font-size:1em;
 font-weight:bold;
}
.titre {
 font-weight:300;
 font-size:1em;
 line-height:1em;
 min-height:32px;
 text-transform:uppercase;
}
.galerie .titre {
 padding:5px 0;
 min-height:36px;
}
.resume {
 font-size:0.9em;
 font-weight:normal;
 padding:5px 0;
 line-height:1.2em;
}
#inter .infoTheme {
 display:none;
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 text-align:center;
 height:18px;
 width:247px;
 padding:2px 5px;
 border:1px solid #C5062F;
 color:#FFF;
 background:#C5062F /*url(bgMoteur.png) repeat left top*/;
}
#inter .resultsEvent:hover .infoTheme {
 display:block;
}
/*--- Defaut ---*/
#inter .listeMoteur .resultsDefault {
 padding:0 40px;
}
#inter .listeMoteur .resultsDefault + .resultsDefault {
 padding-top:30px;
}
#inter .resultsDefault h2 {
 margin:0;
 padding:0 0 0 20px;
 font-weight:normal;
 background:url(puce_results.png) no-repeat 0 4px;
}
#inter .resultsDefault h2 span{
color: #000000;
font-size: 0.5em;
text-transform: none;
}
#inter .resultsDefault p {
 color:#000;
 line-height:1.2em;
}
/*--- Deliberations ---*/
#inter .listeMoteur .resultsDelib {
 float:left;
 width:390px;
 margin:10px 40px;
 min-height:150px;
 font-family:"Open Sans", sans-serif;
}
.resultsDelib .titre {
 background:url(puce_results.gif) no-repeat 0 4px;
}
.resultsDelib > span, 
#inter .resultsDelib .linkDoc {
 display:block;
 min-height:0;
 padding-left:20px;
}
.resultsDelib .linkDoc {
 margin:0;
 padding:5px 0;
}
/*--- Galerie ---*/
.image {
 background-image:url(picto_photo.png);
}
.video {
 background-image:url(picto_video.png);
}
.son {
 background-image:url(picto_son.png);
}
/*--- Plan interactif ---*/
.interMap {
 margin:0;
 width:310px;
 font-family:"Open Sans", sans-serif;
}
.interMap .titre {
 color:#C5062F;
 min-height:0;
}
.interMap span {
 display:block;
}
/*--- Publications ---*/
#inter .listeMoteur .resultsPub {
 float:left;
 width:380px;
 margin:5px 80px;
 font-family:"Open Sans", sans-serif;
}
#inter .listeMoteur .resultsPub.one {
 margin-right:5px;
}
#inter .listeMoteur .resultsPub.two {
 margin-left:5px;
}
.resultsPub img {
 float:left;
 width:139px;
}
.encartPub {
 float:right;
 height:173px;
 width:221px;
 background:#E3E4E5;
 padding:12px 10px;
 position:relative;
}
.encartPub span {
 display:block;
}
.encartPub .titre, 
.resultsDelib .titre {
 color:#C5062F;
 min-height:0;
 font-size:1.4em;
}
.encartCat {
 color:#575757;
 font-weight:bold;
 text-transform:uppercase;
}
.encartDate {
 color:#C5062F;
 font-weight:bold;
 font-size:1.25em;
}
#inter .linkDocs {
 position:absolute;
 left:10px;
 bottom:10px;
 margin:0;
 padding:0;
}
#inter .linkDocs a, 
#inter .linkDoc a {
 display:block;
 padding:2px 0 2px 20px;
 text-decoration:none;
}
.linkDoc a {
 background:url(picto_telecharger.png) no-repeat left center;
}
.linkVisual a {
 background:url(picto_visualiser.png) no-repeat left center;
}
/*--- NAVIGATION ALPHABET ---*/
body.glossaire #inter ul{
padding: 0;
margin: 0;
}
body.glossaire #inter ul li{
float: left;
display: block;
background-image: none;
padding-left: 0;
margin-right: 6px;
font-weight:bold;
}
body.glossaire #inter ul li a{
float: left;
display: block;
font-size: 1.1em;
text-decoration: none;
height: 16px;
color: #E67113;
}
body.glossaire #inter ul li a:hover,
body.glossaire #inter ul li a:focus{
font-size: 1.5em;
color: #010101;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire h1 a {
text-decoration: none;
}
body.glossaire dt {
background: transparent;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire dd {
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
color:#FFF;
background: #7AB00D;
}
body a.lien_glossaire, body #inter h1 a.lien_glossaire {
position:relative;
color: #4d87d5;
z-index:0;
padding: 0 3px;
}
body a.lien_glossaire_espace {
padding-right:4px;
padding-left:4px;
text-decoration: none;
border-bottom: #4d87d5 1px dotted;
}
body a.lien_glossaire span {
display:none;
font-style:normal;
}
body a.lien_glossaire:hover {
background: #4d87d5;
color: #FFFFFF;
z-index: 500;
text-decoration: none;
cursor: help;
}
body a.lien_glossaire:hover span {
display:block;
padding:5px;
width:200px;
background:#FFFFFF;
border:#4d87d5 2px solid;
color:#333333;
text-decoration: none;
position:absolute;
bottom: -20px;
left:100% !important;
left:10px;
z-index:5000;
font-size:small;
font-weight:normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
h1,h2,h3,h4,h5,h6 {
margin:1em 0 .5em;
line-height:1.2;
font-weight:300;
font-style:normal;
clear: both;
font-family: "Open Sans", sans-serif;
}
body.accueil h1{
 margin: 0;
 padding: 0;
 line-height: normal;
}
h1 {
 font-size:1.75em;
}
#inter h1, 
#inter_popup h1 {
 font-size:2.75em;
/* line-height:1.6em;*/
 margin:0;
 padding:0 0 15px 0;
 color:#C5062F;
 text-transform:uppercase;
}
/*---*/
#inter h2,
#inter_popup h2{
 font-size:1.4em;
 color: #C5062F;
 text-transform:uppercase;
}
#inter h2 a,
#inter_popup h2 a{
 color: #C5062F;
}
/*---*/
#inter h3,
#inter_popup h3{
 font-size:1.2em;
 color: #000;
 font-weight:bold;
 text-transform:none;
}
#inter h3 a,
#inter_popup h3 a{
 color: #000;
}
/*---*/
#inter h4,
#inter_popup h4 {
 font-size:1em;
 color: #000;
}
#inter h4 a,
#inter_popup h4 a{
 color: #000;
}
/*---*/
#inter h5,
#inter_popup h5{
 font-size: .8em;
 color:#000;
}
#inter h5 a,
#inter_popup h5 a{
 color: #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POSTIT ---*/
#postIt {
 padding:0 10px;
}
#postIt h2 {
 color:#947769;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
 float:left;
 min-height:330px;
 width:100%;
 clear:both;
 margin-top:60px;
 background:#E3E4E5;
 font-family:"Open Sans", sans-serif;
 position:relative;
 z-index:2;
}
#footer p, 
#footer ul {
 margin:0;
 padding:0;
}
#footer ul li {
display:inline;
font-size:small;
padding:0 5px 0 0;
}
#footer ul li a {
 text-decoration:none;
}
#footer > div {
 width:940px;
 margin:0 auto;
 position:relative;
}
#outilsFooter {
 height:46px;
}
#outilsFooter ul {
 position:absolute;
 top:-23px;
 left: 0;
 right: 0;
 text-align: center;
}
#outilsFooter ul li {
 position:relative;
 display: inline-block;
 height:46px;
 width:46px;
 margin:0;
 padding:0 19px;
 text-align:center;
 font-size:1em;
 line-height:1.1em;
 background:url(picto_demarches.png) no-repeat center bottom;
}
#outilsFooter ul #carteInteractive {
 background-image:url(picto_plan_interactif.png);
}
#outilsFooter ul #infoPratiques {
 background-image:url(picto_info.png);
}
#outilsFooter ul #lesPublications {
 background-image:url(picto_publications.png);
}
#outilsFooter ul #laFAQ {
 background-image:url(picto_faq.png);
}
#outilsFooter ul #lesDeliberations {
 background-image:url(picto_deliberation.png);
}
#outilsFooter ul #lAgenda {
 background-image:url(picto_agenda.png);
}
#outilsFooter ul #lActualite {
 background-image:url(picto_actu.png);
}
#outilsFooter ul #laNews {
 background-image:url(picto_newsletter.png);
}
#outilsFooter ul #laGalerie {
 background-image:url(picto_galerie.png);
}
#outilsFooter ul #marchesPublics {
 background-image:url(picto_marches_publics.png);
}
#outilsFooter ul #paiementEnLigne {
 background-image:url(picto_paiement_en_ligne.png);
}
#outilsFooter ul #link_facebook {
 background-image:url(picto_facebook.png);
}
#outilsFooter ul li a {
 height:46px;
 width:46px;
 padding:0 0 29px 0;
 color:#FFF;
 position:absolute;
 bottom:0;
 left:19px;
 text-decoration:none;
 background:url(bgInfobulle01.png) no-repeat center -5000px;
}
#outilsFooter ul li a.double {
 padding:0 0 43px 0;
}
#outilsFooter ul li a:hover {
 background-position:center 22px;
}
#outilsFooter ul li a.double:hover {
 background-position:center 36px;
}
#outilsFooter ul li a span {
 display:none;
 height:14px;
 width:72px;
 margin-left:-16px;
 padding:4px 5px;
 background:#C5062F;
 font-size:0.9em;
}
#outilsFooter ul li a.double span {
 height:28px;
}
#outilsFooter ul li a:hover span {
 display:block;
}
/*--------------*/
#wrapperFooter {
 height:140px;
 padding:0 0 25px 0;
}
.theWrapperDesScrolls {
float:left;
width:940px;
overflow:hidden;
position:relative;
}
#wrapper_scrollphoto {
 float:left;
}
#scrollphoto {
 height:140px;
 width:874px;
}
#wrapperFooter ul {
 float:left;
 height:140px;
 width:100%;
 margin:0;
 padding:0;
}
#wrapperFooter td, 
#wrapperFooter ul li {
 display:block;
 height:140px;
 border:none;
 padding:0;
 line-height:1em;
 vertical-align:middle;
}
#wrapperFooter td {
 width:100%;
}
#wrapperFooter ul li {
 float:left;
 width:240px;
 margin:0 4px;
}
#wrapperFooter li a {
 display:block;
 color:#FFF;
 height:140px;
 width:240px;
 text-decoration:none;
 position:relative;
}
#wrapperFooter li a:hover, 
#hautpage a:hover, 
#inter .lireLaSuiteAccordeon a:hover, 
#inter #geolocRight h3:hover, 
.resultsActus a:hover, 
.btnValide button:hover, 
.btnValide button:focus {
  /* SAFARI TRES VIELLE VERSION < 2.1 */
 -khtml-opacity:0.8; 
 /* FIREFOX TRES VIELLE VERSION <= 0.9*/
 -moz-opacity : 0.8; 
 /* IE 8 ET COMPRIS PAR IE 10*/
 -ms-filter: "alpha(opacity=80)"; 
 /* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
 /* IE 4 */
 filter : alpha(opacity=80); 
 /* AUTRE */
 opacity : 0.8;
}
#wrapperFooter li strong {
 display:block;
 position:absolute;
 top:0;
 left:0;
 height:36px;
 width:240px;
 padding:0 0 17px 0;
 text-transform:uppercase;
 background:url(flecheInfobulleRouge.png) no-repeat 10px bottom;
}
#wrapperFooter .Rouge strong {
 background-image:url(flecheInfobulleRouge.png);
}
#wrapperFooter .Bleu strong {
 background-image:url(flecheInfobulleBleu.png);
}
#wrapperFooter .Noir strong {
 background-image:url(flecheInfobulleNoir.png);
}
#wrapperFooter li span, 
#wrapperFooter .Rouge span {
 display:block;
 padding:11px 10px 12px 10px;
 background:#C5062F;
}
#wrapperFooter .Bleu span {
 background-color:#498C9D;
}
#wrapperFooter .Noir span {
 background-color:#58585A;
}
#wrapperFooter li img {
 height:105px;
 padding:35px 0 0 0;
 display:block;
}
.sliderButton {
 z-index:20;
}
.viewport {
 margin:0 33px;
 z-index:10;
}
/*--------------*/
#addressFooter {
 float:left;
 width:430px;
 color:#575757;
}
#addressFooter strong {
 display:block;
 padding:0 0 5px 0;
 font-size: 13px;
}
#linksFooter {
 float:left;
 width:90px;
 margin-left: 15px;
 background:url(borderGrey.gif) repeat-y right top;
}
#linksFooter ul {
 padding:0;
}
#linksFooter ul li {
 display:block;
 padding:0 0 0 11px;
 color:#575757;
 font-size:1em;
 background:url(puce_grey.png) no-repeat 0 10px;
 text-transform:uppercase;
}
#linksFooter ul li a {
 color:#575757;
 display:block;
 padding:2px 0;
}
#partnersFooter {
 float:right;
 width:400px;
}
#partnersFooter ul {
 float:left;
 width:100%;
}
#partnersFooter ul li {
 float:left;
 margin:0 11px;
 padding:0;
}
#partnersFooter ul li + li + li + li{
 float:right;
 margin-right:0;
}
/*--------------*/
#footer > ul {
 clear:both;
 padding:15px 0;
 text-align:center;
}
#footer > ul li, 
#footer > ul li a {
 color:#000;
}
#linksFooter ul li a:hover, 
#footer > ul li a:hover {
 color:#C4062F;
}
/*-- HAUT DE LA PAGE --*/
body.accueil #hautpage, 
body.accueil #imprimpage, 
body.moteur #imprimpage {
 display: none;
}
#hautpage {
 position:absolute;
 right:-36px;
 bottom:0;
}
body.interLarge #hautpage {
 bottom:-1px;
}
#hautpage a {
 display:block;
 height:35px;
 width:35px;
 background:#C5062F url(bghautpage.png) no-repeat center center;
 text-indent:-5000px;
 text-decoration:none;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
 position:absolute;
 top:8px;
 right:10px;
}
#imprimpage a {
 color:#FFF;
 text-decoration:none;
}
#imprimpage a:hover {
 text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
 border-collapse:collapse;
}
th, td {
 border:1px solid #498C9D;
 padding:3px;
 vertical-align:top;
}
th {
 color:#FFF;
 background-color:#498C9D;
}
.exergue {
 position:relative;
}
#inter .exergue td,
#inter .exergue th {
 padding:0;
 color:#000;
 background:#D4D9DD;
 border:none;
}
#inter .exergue td {
 position:relative;
 padding:25px 55px;
 background:#D4D9DD url(bgguillemetstop.png) no-repeat 8px -1px;
}
#inter .exergue td .exergueBottom {
 position:absolute;
 right:8px;
 bottom:0;
 display:block;
 height:25px;
 width:48px;
 background:#D4D9DD url(bgguillemetsbottom.png) no-repeat 0 1px;
}
#inter .exergueSansGuillemets td,
#inter .exergueSansGuillemets th {
 padding:8px 10px;
 color:#000;
 background:#E3E4E5;
 border:none;
}
.sansbordures td,
.sansbordures th {
 border:none;
}
#inter .exergue h2, 
#inter .exergueSansGuillemets h2 {
 margin-top:0;
 font-weight:bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGINATION ---*/
.pagination {
 position: relative;
 font-size: .9em;
 text-align: left;
 padding:20px 0;
 float:left;
 width:100%;
}
.wrapPagination {
 padding:0 15px;
}
.pagination a {
 text-decoration: none;
 color: #498C9D;
}
.pagination a:hover {
 color:#C5062F;
}
#pagination-top {
 border-top:1px solid #000;
}
#pagination-bottom {
 border-bottom:1px solid #000;
}
.pagination p{
 margin: 0;
 display: inline;
 color:#498C9D;
}
.suivant{
 margin-left: 10px;
}
.precedent{
 margin-right: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MEDIATHEQUE ACCUEIL ---*/
.conteneurVignette a {
 display:block;
}
.conteneurVignette {
 position:relative;
 width:135px;
 height:135px;
 overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
#header_popup h1 a, 
#header_popup h1 a img {
 display:block;
 margin:0 auto;
}
#content_popup {
/* width:600px;*/
 margin:auto;
 background:url(interContentPopup.gif) repeat-y top center;
}
#inter_popup {
 background:url(interTopPopup.gif) no-repeat top center;
 padding:30px 20px 0;
}
#inter_popup .label {
 float:none;
 margin:0;
}
#inter_popup .embedVideo, 
#inter_popup iframe, 
#inter_popup object {
 text-align:center;
 max-width:500px;
 margin:0 auto;
}
#inter_popup.interCarte {
 margin:0;
 padding:25px 10px;
 float:none;
 text-align:center;
 height:auto;
 width:auto;
}
#inter_popup.interCarte > div {
 margin:0 auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible, 
.lien_accueil {
 position:absolute;
 top:-5000px;
 left:-5000px;
}
.sp2, 
.sp2 + a {
 display: none;
}
/*** CAPTCHA ***/
form fieldset p.erreur {
 border: 1px solid red;
 clear: left;
 text-align: center;
 color: red;
 float: right;
 width: 303px;
}
/*** QUESTIONNAIRE ***/
form.questionnaire div.submit input {
 width:auto; 
}
body #inter form.questionnaire div.submit{
 float: left;
 width: 98%;
 background: #E3E4E5;
 margin: 0;
 padding: 1%;
}
body #inter form.questionnaire div.submit input{
 float: left;
 margin: 0;
 cursor: pointer;
}
body #inter form.questionnaire .submit input + input{
 float: right;
}
/*--------- NOTATION --------- */
#notation {
float:left;
}
#notation ul {
margin:0;
padding:0;
}
#notation ul li {
margin:0;
padding:0;
display:inline;
}
#notation ul li a {
  background:url("etoile.png") no-repeat 0 -15px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  overflow:hidden;
  float:left;
  padding-right:5px;
  width:15px;
  height:15px;
}
#notation ul li a span{
 display:block;
 text-indent:100px;
}
#notation a.notation_on {
  background:url("etoile.png") no-repeat 0 0;
}
/* ---- Co marquage --- (pour ne pas confondre les sommaires des veritables liens, a modifier) */
.spPublicationSommaire {
    background-color: #BCC6C4;
}
/*--- J'aime - Je n'aime pas - dans les commentaires ---*/
.comment-sparkbars {
 display:block;
 height: 7px;
 width: 200px;
}
.bar-aime-oui {
 background-color: green;
 float: left;
 display:block;
 height: 7px;
}
.bar-aime-non {
 background-color: red;
 float: left;
 display:block;
 height: 7px;
}    

body.accueil #sb-body, body.accueil #sb-loading{
background: #FFFFFF;
}
#interOut{
padding :10px;
}