body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family:  Arial,Trebuchet MS, Helvetica, sans-serif;
font-size: 0.8em;
color: #333333;
background: #F6F6F6 url(bgBody.jpg) repeat-x top left fixed;
}
a {
color: #333333;
}
a:hover{
text-decoration: none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend{
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: #2D8AC1;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL HORIZONTAL ---*/
body.accueilHorizontal{
width: 7045px;
background: #F6F6F6 url(bgBodyHorizon.jpg) repeat-x top left fixed;
}
body.accueilHorizontal #total,
body.accueilHorizontal #centrage{
margin: 0px 0px 0px 0px;
width: 100%;
background-color: transparent;
}
body.accueil.accueilHorizontal #content{
position: relative;
width: 2570px;
height: 450px;
}
body.accueilHorizontal #header,
body.accueilHorizontal #actusChaude,
body.accueilHorizontal #actusAccueilColGauche,
body.accueilHorizontal #actusAccueilColDroite{
width: 960px;
float: left;
}
body.accueilHorizontal #header{
background-image: none;
height: 117px;
}
body.accueilHorizontal .contentAccueilH{
width: 960px;
float: left;
}
body.accueilHorizontal #contentPratique{
width: 220px;
float: left;
margin: 0px 0px 0px 0px ;
}
body.accueilHorizontal #grosPlan{
width: 200px;
float: left;
margin: 0px 1px 0px 0px ;
padding: 5px 16px 5px 16px;
height: 272px;
overflow: hidden;
}

/*--- RACCOURCIS HORIZONTAL---*/

body.accueilHorizontal  #raccourcis{
/*width: 120px;
float: right;
margin: 8px 70px 0px 0px;
padding: 0px 50px 30px 0px;
background: url(bgRaccourcis.gif) no-repeat right top;*/

width: 240px;
float: right;
padding: 0px 120px 30px 0px;
background: url(bgRaccourcis.gif) no-repeat 200px top;
}
body.accueilHorizontal  #raccourcis ul {
height:72px;
width:230px;
}
body.accueilHorizontal  #raccourcis ul li {
/*float: none;
text-align: right;*/
float: right;
text-align: right;
width:50%;
}
body.accueilHorizontal  #raccourcis ul li a{
float: none;
display: inline;
background-position:right center;
background-repeat:no-repeat;
color:#999999;
text-decoration:none;
color: #000;
padding: 2px 15px 2px 0px;
}
body.accueilHorizontal #raccourcis ul li.racplan a{
background-image: url(bgPlanSiteH.gif);
}
body.accueilHorizontal #raccourcis ul li.racaide a{
background-image: url(bgHandiH.gif);
}
body.accueilHorizontal #raccourcis ul li.raclsf a{
background-image: url(bgLsfH.gif);
}
body.accueilHorizontal #raccourcis ul li.raccontact a{
background-image: url(bgContactH.gif);
}
body.accueilHorizontal #raccourcis ul li.racvar a{
background-image: url(bgVarH.gif);
}
body.accueilHorizontal #raccourcis ul li.racrss a{
background-image: url(bgRssH.gif);
}
body.accueilHorizontal #raccourcis ul li.racimprimer a{
background-image: url(bgImprimerH.gif);
}
#raccourcis ul li.racnavig a{
display: none;
}
body.accueil  #raccourcis ul li.racnavig a{
display: block;
}
body.accueilHorizontal  #raccourcis ul li.racnavig a{
display: block;
background: url(bgChangeNavigH.gif) no-repeat right bottom;
position: absolute;
top: 5px;
right: 30px;
padding: 5px 2px 60px 2px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
font-size: xx-small;
width: 68px;
}

/*--- RECHERCHE HORIZONTAL---*/
body.accueilHorizontal #rechercheCourt{
}
body.accueilHorizontal #rechercheCourt {
position: absolute;
top: 396px;
right: -5px;
z-index: 999;
width: 240px;
font-size: x-small;
background:url(bgRechercheH.gif) no-repeat -2px 12px;
margin:0px 0px 0px 0px;
padding:5px 0px 25px 0px;
}
body.accueilHorizontal #rechercheCourt input.saisie {
font-size: small;
color: #FFFFFF;
border: none;
background: transparent;
vertical-align: middle;
width: 170px;
margin: 3px 0px 12px 30px;
padding:0px 0px 0px 0px;
float: left;
text-align: center;
}
body.accueilHorizontal #rechercheCourt input.bouton{
position: relative;
top: 3px;
margin: 0px 0px 0px 2px;
}
body.accueilHorizontal #actusFroide{
float: left;
width: 645px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.accueilHorizontal #actusFroide .remonte_article{
background:url(bgActusFroideH.gif) no-repeat 0px 0px;
padding-top: 8px;
height: 47px;
}
body.accueilHorizontal #actusFroide .remonte_article.alerte{
background:url(bgActusFroideAlerteH.gif) no-repeat 0px 0px;
}
body.accueilHorizontal  .actusTiede{
height: 282px;
float: left;
margin: 0px 35px 0px 10px;
background-color: #FFFFFF;
}

body.accueilHorizontal #accueilPratique{
height: 130px;
border-bottom :#CCCCCC 1px solid;
position: relative;
}
body.accueilHorizontal  #accueilEspacePersonnel{
padding: 10px 0px 0px 0px;
height: 135px;
}
body.accueilHorizontal #bottomColDroit{
float: left;
width: 360px;
background: #FFFFFF url(bgMairie.jpg) repeat-x top left;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 1px;
height: 272px;
}
body.accueilHorizontal #bottomColDroit ul{
padding: 0px;
margin: 0px;
}
body.accueilHorizontal #bottomColDroit ul li{
float: left;
background-image: none;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
width: 180px;
}
body.accueilHorizontal #bottom{
background: url(bg_bottomBottomH.jpg) no-repeat right bottom ;
width: 910px;
float: right;
margin: 0px 800px 0px 0px;
}
body.accueilHorizontal #contentBottom{
background: url(bg_bottomTopH.jpg) no-repeat top left;
height: 270px;
overflow: hidden;
}

body.accueilHorizontal #footer{
background: none;
position: fixed;
top:545px;
left:365px;
color: #FFFFFF;
}
body.accueilHorizontal #footer a{
color: #FFFFFF;
}
body.accueilHorizontal #infoPratique{
position: absolute;
left: 4465px;
width: 835px;
}
body.accueilHorizontal .h3Horizontal{
position: absolute;
top: -65px;
left: -20px;
text-transform: uppercase;
font-size: x-large;
padding: 5px 0px 5px 40px;
width: 250px;
background-repeat : no-repeat ;
background-position: left top;
}
body.accueilHorizontal #infoPratique h3{
background-image: url(h3InfoPratique.png);
color: #99959b;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
float: left;
position:relative;
background: #FFFFFF url(bgTotal.jpg) no-repeat top left;
}
body.bodygenerique #total {
background: #FFFFFF url(bgTotalGenerique.jpg) no-repeat top left;
}
body.accueil #total {
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
height: 140px;
background: url(bgHeader.jpg) no-repeat bottom left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/


#espacePersoInter{
position: absolute;
top: 5px;
right: 0px;
text-align: center;
z-index: 999;
}
#espacePersoInter a{
display: block;
text-decoration: none;
font-variant: small-caps;
background: url(bgEspacePersoInter.gif) no-repeat left bottom;
color: #DDDDDD;
width: 180px;
padding: 5px 0px 2px 10px;
}
#espacePersoInter a:hover{
color: #FFFFFF;
}

body.accueilVertical #raccourcis,
body.accueilRubrique #raccourcis{ 
margin: 7px 0px 0px 15px;
width: 700px;
height: 20px;
float: left;
display: inline;
}
#raccourcis{
margin: 11px 0px 0px 15px;
}
#raccourcis ul li{
float: left;
}
#raccourcis ul li a{
font-size: x-small;
display: block;
float: left;
height: 18px;
background-position: left top;
background-repeat: no-repeat;
padding: 7px 0px 0px 25px;
margin: 0px 2px 0px 0px;
text-decoration: none;
color: #999999;
}
#raccourcis ul li a:hover{
color: #333333;
}
#raccourcis ul li.racplan a{
background-image: url(bgPlanSite.gif);
width: 65px;
}
#raccourcis ul li.racaide a{
background-image: url(bgHandi.gif);
width: 100px;
}
#raccourcis ul li.raclsf a{
background-image: url(bgLsf.gif);
width: 30px;
}
#raccourcis ul li.raccontact a{
background-image: url(bgContact.gif);
width: 80px;
}
#raccourcis ul li.racvar a{
background-image: url(bgVar.gif);
width: 45px;
}
#raccourcis ul li.racrss a{
background-image: url(bgRss.gif);
width: 50px;
}
#raccourcis ul li.racimprimer a{
background-image: url(bgImprimer.gif);
width: 50px;
}
#raccourcis ul li.racnavig a{
background: url(bgChangeNavigV.gif) no-repeat right top;
position: absolute;
top: 10px;
right:0px;
padding: 4px 70px 0px 0px;
width: 110px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  ACCUEIL ---*/
#actusChaude{
height: 282px;
margin: 0px 0px 10px 0px;
}
#actusAccueilColGauche{
width: 740px;
float: left;
}
#actusAccueilColDroite{
width: 210px;
float: right;
margin: 0px 0px 0px 0px;
}
#grosPlan{
background: #504852;
padding: 5px 5px 5px 5px;
font-size: small;
}
#grosPlan strong,
#grosPlan .titre_article a,
#grosPlan .lire_article a{
color: #66CC33;
text-decoration: none;
float: none;
}
#grosPlan .titre_article a{
display: block;
}
#grosPlan .lire_article a{
margin: 0px 0px 0px 100px;
}
#grosPlan strong{
font-size: large;
}
#grosPlan .description_article a{
color: #FFFFFF;
text-decoration: none;
}
#contentPratique{
background: #959096;
margin: 5px 0px 5px 0px;
padding: 0px 5px 5px 5px;
}
#contentPratique legend{
display: none;
}
#contentPratique label{
color: #FFFFFF;
font-size: medium;
margin: 0px 0px 5px 0px;
}
#contentPratique select{
width: 175px;
border: #FFFFFF 2px solid;
background: #F26724;
color: #FFFFFF;
}
#inter #contentPratique form{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}


body #contentPratique form div.submit input{ /* style ie */
background-image: none;
width: 25px;
height: 24px;
position: absolute;
top: 30px ;
right: -4px;
color: #FFFFFF;
cursor:pointer;
}
#accueilPratique{
margin-bottom: 1px;
background:#959096;
position: relative;
width: 200px;
}
#accueilEspacePersonnel{
background:#959096;
}

#accueilEspacePersonnel a{
display: block;
text-decoration: none;
text-align: right;
background-position: right top;
background-repeat: no-repeat;
color: #DDDDDD;
text-transform: uppercase;
}
#accueilEspacePersonnel a:hover{
color: #FFFFFF;
}
#accueilEspacePersonnel a.espacePerso{
background-image: url(bgEspacePerso.jpg);
height:30px;
padding: 5px 10px 5px 0px;
margin: 0px 0px 10px 0px;
width: 190px;
}
#accueilEspacePersonnel a.creerEspace{
background-image: url(bgCreerEspace.jpg);
height:15px;
padding: 4px 10px 2px 0px;
font-size: x-small;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE DU HAUT (court)---*/
#rechercheCourt {
position: absolute;
top: 103px;
right: 5px;
width:320px;
height: 40px;
font-size: x-small;
background:url(bgRecherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#rechercheCourt a{
margin: 7px 0px 0px 0px;
width: 94px;
}
#rechercheCourt input.saisie {
font-size: small;
color: #FFFFFF;
border: none;
background: transparent;
vertical-align: middle;
width: 170px;
margin: 0px 0px 12px 10px;
padding:0px 0px 0px 0px;
text-align: center;
}
#rechercheCourt input.bouton {
position: relative;
top: -4px;
background: transparent;
font-weight: bold;
border: none;
color: #4D8D94;
margin:0px 8px 0px 0px;
padding:0px 0px 0px 0px;
}
#rechercheCourt input.bouton:hover{
cursor: pointer;
color: #DDDDDD;
}
#rechercheCourt label {
display: none;
}
#rechercheCourt legend{
display: none;
}
#rechercheCourt a{
position: relative;
top: -5px;
text-decoration: none;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width: 730px;
float: right; 
}
body.bodygenerique #content,
body.accueil #content {
width: 960px;
float: left; 
margin: 0px 0px 0px 0px;
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
height: 25px;
padding: 12px 0px 0px 40px;
font-size: x-small;
background: url(bgFilariane.png) no-repeat left center;
}
body.accueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/

body.uneColonne, .UneColonne{}


body.simple #inter,
body.uneColonne #interColGauche {
width: 700px;
padding: 5px 10px 0px 15px;
float:left; 
}
body.uneColonne #interColDroite{
display: none; 
}

#inter {
width:100%;
padding: 5px 0px 45px 0px;
float:left; 
}
body.bodygenerique #inter,
body.accueil #inter  {
padding: 0px 0px 45px 0px;
}
#interColGauche {
width:435px;
padding: 0px 35px 0px 35px;
float:left; 
}
#interColDroite{
width:210px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
float: right; 
}
body.bodygenerique #interColGauche {
width: 710px;
padding: 0px 10px 0px 15px;
float:left; 
}
body.bodygenerique  #interColDroite{
width:210px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
padding-left: 15px;
background-repeat: no-repeat;
background-position: left 3px;
background-image:url(puceBleue.png);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
body.accueilHorizontal h1{
text-align: left;
float: left;
}
body.accueil h1,
body.accueilRubrique h1{
text-align: left;
margin: 0px;
padding: 0px;
height:105px;
}
h1{
float: none;
position: relative;
font-size: x-large;
margin: 0px 0px 0px -15px;
padding: 4px 0px 0px 0px;
color: #2D8AC1;
text-align: center;
}
body.bodygenerique #inter h1,
body.bodygenerique #inter h1 a{
margin: 0px 0px 0px 0px;
color: #FFFFFF;
}
body.accueil h1{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h2,
h2 a {
font-size: large;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #2D8AC1;
}
body #inter #interColDroite h2.h2Utiles{
color: #2D8AC1;
}
body #inter #interColDroite h2,
body #inter #interColDroite h3,
body #inter #interColDroite h4,
body #inter #interColDroite h5{
color: #666666;
}
h3,
h3 a {
font-size: medium;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
}
h4,
h4 a {
font-size: small;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #666666;
}
h5,
h5 a {
font-size: small;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #999999;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE AVANCEE ---*/
#affiner_rech{
display: none;
}
#formulaire_recherche_article{
background: url(bg_recherche_bottom.gif) no-repeat left bottom;
position: relative;
margin: 20px 0px 0px 0px;
float: left;
width: 710px;
}
#tab_recherche{
background: url(bg_recherche_top.jpg) no-repeat left top;
float: left;
}
#inter #formulaire_recherche{
padding: 0px 0px 10px 60px;
margin: 0px 0px 0px 0px;
min-height: 100px;
height: auto !important;
height: 100px;
}
#formulaire_recherche label {
color: #FFFFFF;
width: 100px;
display: block;
float: left;
margin: 5px 0px 0px 0px;
display: inline;
}
#formulaire_recherche input,
#formulaire_recherche select{
background: #009999;
border: #FFFFFF 2px solid;
color: #FFFFFF;
margin: 5px 0px 0px 0px;
width: 200px;
}
#formulaire_recherche select{
width: 204px;
}
#formulaire_recherche select.select_multiple{
height: 55px;
}
/* ---- */
#formulaire_recherche select#champ_type_rech{
width: 140px;
}
#formulaire_recherche input#bouton_val_type{
width: 60px;
margin: 0px 0px 0px 4px; 
background:#F26724;
}
/* ---- */
#formulaire_recherche option{
background: #FFFFFF;
border-bottom: #50ABAC 1px solid;
border-left: #50ABAC 1px solid;
color: #000000;
}
#rech_zone_1,
#rech_zone_3,
#rech_generale,
#rech_specifique{
width: 315px;
}
#rech_zone_2{
position: absolute;
top: 0px;
right: 10px;
width: 315px;
}

/* ---- */

#div_handicap_1 div,
#div_handicap_2 div{
width: 220px;
float: left;
margin: 0px 0px 4px 40px;
display: inline;
text-align: right;
color: #D2DEDA;
font-weight: bold;
}

#div_handicap_1 input,
#div_handicap_2 input{
width: 35px;
float: right;
margin: 0px 20px 0px 0px; /* --- voir feuille de style IE ---*/
border: none;
}
/* ---- */
input#bouton_val_recherche{
float: right;
margin: 20px 20px 10px 425px;
padding: 3px 0px 3px 0px;
background: url(bg_inputSubmit.png) no-repeat center center;
border: none;
font-weight: bold;
}
.rech_type_1 input#bouton_val_recherche{
margin: 50px 30px 10px 425px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodyPopup{
}
#content_popup{
width: 600px;
margin: auto;
background: url() repeat-y top center;
}
#header_popup{
height: 110px;
}
#inter_popup{
padding: 5px 20px 0px 20px;
background: #FFFFFF url(bgPopHeader.gif) no-repeat left top;
border-bottom: #352B37 10px solid;
}
#header_popup h1{
text-align: left;
margin: 0px;
padding: 0px;
}
#inter_popup h2{
padding: 0px;
margin: 0px;
}
#inter_popup p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter_popup ul li {
padding-left: 15px;
background-repeat: no-repeat;
background-position: left 3px;
background-image:url(puceBleue.png);
}

/* --- PAGINATION --- */
#navigation_top{
}
#votre_recherche,
.nb_resultat{
display: none;
float: left;
width: 100%;
margin: 10px 0px 10px 0px;
}
#titre_recherche{
float: left;
width: 110px;
font-weight: bold;
}
#liste_recherche{
float: left;
width: 595px;
padding: 0px 0px 0px 5px;
color: #666666;
}
.navigation_page{
float: left;
width: 100%;
display: inline;
margin: 10px 0px 10px 0px;
text-align: center;
font-weight: bold;
}
.page_arriere,
.page_avant,
.page_courante{
display: inline;
}
.page_arriere img,
.page_avant img{
vertical-align: middle;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RESULTAT DE RECHERCHE ---*/

#aucun_resultat{
border:#CCCCCC 1px solid;
float: left;
width: 700px;
margin: 10px 0px 0px 0px;
background: #F26724;
font-size: medium;
padding: 2px 0px 2px 10px;
color: #FFFFFF;
text-align: center;
}

#liste_resultats{
float: left;
width: 100%;
}
#liste_resultats table{
height: 118px;
margin: 0px 0px 20px 0px;
border: none;
}
#liste_resultats table tr td {
border: none;
}
.deux_points{
display: inline;
}
/* -- COLONNNE DATE --- */
#liste_resultats table tr td.col_1{
background: url(bgDate.jpg) no-repeat left top;
color: #FFFFFF;
width: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
}
.article_slash{
color: #F0ECEC;
padding: 0px 2px 0px 2px;
}
.slash2{
display: none;
}
.article_date_debut,
.article_date_fin{
width: 40px;
text-align: center;
display: block;
}
.article_annee{
display: block;
text-align: center;
border-top: #FFFFFF 1px solid;
font-weight: bold;
letter-spacing: 2px;
width: 36px;
margin: 0px 0px 0px 2px;
}
.article_jour,
.article_mois{
width: 15px;
text-align: center;
font-weight: bold;
}
.date_debut_article{
margin: 3px 0px 10px 0px;
}
.champ_article_18 .article_date_fin{
border-top: #F0ECEC 2px solid;
}
/* --- DATE EMPLOI ---*/
.date_depot_article span{
display: inline;
}
.date_depot_article .article_jour,
.date_depot_article .article_mois,
.date_depot_article .article_annee,
.date_depot_article .article_date_debut,
.date_depot_article .article_date_fin {
font-weight:normal;
border: none;
width: auto;
font-size: x-small;
}
.date_depot_article .article_slash,
.date_depot_article .article_slash1,
.date_depot_article .article_slash2{
display: inline;
color: #333333;
font-size: x-small;
}
.date_depot_article .article_date_fin{
padding: 0px 5px 0px 0px;
}
.date_depot_article .libelle_date_depot{
font-size: x-small;
}
/* -- COLONNNE ILLUSTATION --- */
#liste_resultats table tr td.col_2{
background: #F0ECEC;
width: 202px;
vertical-align: top;
text-align: left;
}
#liste_resultats table tr td.col_2 img{
width: 194px;
height: 109px;
}
/* -- COLONNNE DESCRIPTION --- */
#liste_resultats table tr td.col_3{
background: #F0ECEC;
width: 305px;
}
.titre_article a{
color: #4CABAB;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
font-weight: bold;
}
.lire_article a{
color: #4CABAB;
text-decoration: none;
font-size: x-small;
float: left;
}
/* -- COLONNNE PICTOS --- */
#liste_resultats table tr td.col_4{
background: #F0ECEC url(bgRechPictos.gif) no-repeat left top;
width: 165px;
font-size: 0.8em;
vertical-align: middle;
}
.liaison_article,
.categorie_article,
.public_article,
.handicap_article,
.quartier_article,
.reference_article,
.lieu_article{
padding: 0px 0px 0px 30px;
margin: 3px 0px 3px 0px;
color: #4CABAB;
position: relative;
width: auto;
}
.libelle_picto{
position: absolute;
left: 3px;
top: 0px;
}
.libelle_article_79{
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- REMONTE ARTICLES  ---*/
.actusTiede,
.actusTheme{
height: 290px;
background:url(actusThemeBleu.jpg) no-repeat left top;
padding: 0px 0px 0px 60px;
margin: 20px 0px 10px 5px;
}

.actusTiede a,
.actusTheme a{
text-decoration: none;
}
.actusTiede div.lire_article{
margin-top: 10px;
float: left;
}
.actusTiede{
margin: 0px 0px 0px 0px;
background:url(actusThemeAccueil.jpg) no-repeat left top;
}
.image_16_9_article img,
.image_16_9_article img{
width: 194px;
height: 109px;
}
.actusTiede .remonte_article,
.actusTheme .remonte_article{
width: 194px;
float: left;
margin: 0px 27px 0px 0px;
display: inline;
}
.actusTiede .remonte_article .titre_article a,
.actusTheme .remonte_article .titre_article a{
color: #2D8AC1;
display: block;
min-height: 32px;
height: auto !important;
height: 25px;
}
.actusTiede .remonte_article .titre_article a,
.actusTiede .remonte_article .lire_article a,
.actusTheme .remonte_article .titre_article a,
.actusTheme .remonte_article .lire_article a{
color: #2D8AC1;
text-decoration: none;
}
.actusTiede .remonte_article .description_article,
.actusTheme .remonte_article .description_article{
min-height: 100px;
height: auto !important;
height: 100px;
}
.actusTiede .remonte_article .titre_article a,
.actusTiede .remonte_article .lire_article a{
color: #4CABAB;
}
 
/* ---ACTUS FROIDE ---*/
 
#actusFroide {
margin: 25px 0px 0px 0px;
}
#actusFroide .remonte_article{
height: 40px;
padding: 15px 0px 0px 90px;
margin: 25px 0px 0px 0px;
width: 100%;
margin: 0px 0px 0px 0px;
background: url(bgActusFroide.gif) no-repeat left top;
}
#actusFroide .remonte_article.alerte{
background: url(bgActusFroideAlerte.gif) no-repeat left top;
}
#actusFroide .remonte_article .plus_article a,
#actusFroide .remonte_article .description_article a{
color: #000000;
display: inline;
float: left;
font-weight: bold;
padding: 0px 0px 0px 10px;
text-decoration: none;
}
#actusFroide .remonte_article .description_article a:hover{
text-decoration: underline;
}

#actusFroide .remonte_article .plus_article a{
color: #333333;
font-weight: normal;
padding: 0px 0px 0px 10px;
}
/* ---ACTUS CHAUDE ---*/
 
#actusChaude {
position: relative;
}
#actusChaude div.image_large_article{
top: 0px;
position: absolute;
z-index: 9;
}
#actusChaude div.image_large_article img{
width: 960px;
height: 282px;
}
/*---*/
#actusChaude .titre_article,
#actusChaude .description_article,
#actusChaude .navigation_article{
position: absolute;
left: 50px;
width: 195px;
background: url(bgActusChaude.png) repeat left top;
z-index: 99;
}
#actusChaude .titre_article{
top: 22px;
height: 30px;
padding: 5px 5px 0px 5px;
}
#actusChaude .titre_article a {
text-decoration: none;
}
#actusChaude .description_article {
position: absolute;
bottom: 70px;
height: 145px;
color: #F2F2F2;
padding: 5px 5px 5px 5px;
}
#actusChaude .description_article a{
text-decoration: none;
color: #F2F2F2;
}
#actusChaude .navigation_article{
position: absolute;
bottom: 0px;
background: url(bgActusUne.png) no-repeat left bottom;
padding: 0px 0px 0px 0px;
width: 205px;
height: 70px;
}
#inter #actusChaude .navigation_article ul {
position: absolute;
bottom: 0px;
padding: 0px 0px 0px 0px;
float: left;
margin: 0px 0px 0px 0px;
}
#actusChaude .navigation_article ul li {
float: left;
background-image: none;
border-right: #666666 1px solid;
color: #04AAA8;
font-weight: bold;
padding: 3px 5px 1px 20px;
margin: 0px 0px 0px 0px;
height: 15px;
width: 15px;
}
#actusChaude .lire_article{
width: 100px;
position: absolute;
z-index: 99;
left:135px;
bottom: 75px;
right: 5px;
}
#actusChaude .navigation_article ul li.selected{
color: #333333;
background: #04AAA8;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PRATIQUE ---*/
body.bodgenerique #inter #module_pratique h3{
color: #FFFFFF;
font-size: small;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.bodgenerique #inter #module_pratique{
color: #FFFFFF;
background: #8d898f;
height: 50px;
padding: 5px 10px 5px 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL RUBRIQUE---*/
#contentInfoPlus{
background: url(bgaccueilRubriqueBottom.jpg) no-repeat center bottom;
float: left;
width: 100%;
}
.infoPlus{
background: url(bgaccueilRubriqueTop.jpg) no-repeat center top;
padding: 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- SONDAGE --*/
form.sondageEnLigne, .horizontal, .sondageEnLigne{}
form.pool, .vertical, .pool{}
body #inter form.poll {
margin: 0px 0px 0px 10px;
padding: 0;
}
body #inter form.poll .question {
font-weight: bold;
}
body #inter form.poll .response {
margin: 5px 0px 5px 10px;
}
body #inter form.poll .submit {
text-align: center;
}
body #inter form.poll .submit input {
width: 140px;
margin: 0px 4px 0px 0px;
background: url(bgSubmitBleu.png) no-repeat center center;
border: none;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#sondage {
float: left;
}
#right #sondage form.sondageEnLigne,
#inter #sondage form.sondageEnLigne {
padding: 0px 0px 0px 0px;
}
#right .sondageEnLigne p.response,
#inter .sondageEnLigne p.response{
float: left;
padding: 0px 5px 10px 0px;
margin: 0px;
}

form.poll p.submit input{
background: #D6D5DD;
color: #ED1556;
}
form.poll p.submit input:hover{
background: #DDDDDD;
}
#interColDroite form.poll legend,
#interColGauche form.poll legend{
display: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER --- BOTTOM ---*/
#footer,
#bottom,
#contentBottom {
float: left;
width: 100%;
}
#footer {
background: #d9d7da;
}
#footer ul{
padding: 10px 10px 10px 10px;
float: left;
}
#footer ul li{
display: inline;
font-size: x-small;
float: left;
margin: 0 0 0 5px;
padding: 0 0 0 0;
}
#footer ul li a,
#bottomColGauche a{
text-decoration: none;
}
#bottomColGauche a:hover,
#footer ul li a:hover{
text-decoration: underline;
}
#bottom{
position: relative;
background: url(bg_bottomBottom.jpg) no-repeat left bottom ;
}
#contentBottom{
background: url(bg_bottomTop.jpg) no-repeat top left;
padding: 2px 0px 10px 0px;
}
#bottomColDroit{
float: right;
width: 200px;
}
#bottomColGauche{
float: left;
width: 740px;
padding: 0px 0px 0px 10px;
}
address{
margin: 10px 0px 10px 0px;
font-style: normal;
font-size: x-small;
}
ul#bottomQuickLink li{
float: left;
}
ul#bottomQuickLink li a{
width: 150px;
display: block;
padding: 3px 0px 3px 50px;
margin: 0px 0px 15px 0px;
text-decoration: none;
background-repeat: no-repeat;
background-position: left top;
float: left;
}
ul#bottomQuickLink li a:hover{
background-position: left bottom;
color: #666666;
}
ul#bottomQuickLink li.QLMairie a{
background-image: url(QLMairie.png);
}
ul#bottomQuickLink li.QLHoraires a{
background-image: url(QLHoraires.png);
}
ul#bottomQuickLink li.QLHoraires a:hover{
background-position: left -48px;
}
ul#bottomQuickLink li.QLContact a{
background-image: url(QLContact.png);
}
ul#bottomQuickLink li.QLPlan a{
background-image: url(QLPlan.png);
height: 30px;
}
ul#bottomQuickLink li.QLVar a{
background-image: url(QLVar.png);
height: 22px;
}

/*-- HAUT DE LA PAGE --*/

body.accueil #hautPage,
body.accueilRubrique #hautPage{
display: none;
}
#hautPage {
position: absolute;
top: -50px;
right: 5px;
}
#hautPage a {
display: block;
padding: 5px 5px 5px 25px;
background: url(bgHautPage.gif) no-repeat left center;
color: #2D8AC1;
text-decoration: none;
font-weight: bold;
}
#hautPage a:hover{
color: #8F8A91;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
}
#imprimpage a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CITATION ---*/
div.cite, .citation, .cite {}
.cite {
font-style: italic;
color: #2D8AC1;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- IMPORTANT---*/
div.important, .important, .important {}
#inter .important{
display: block;
padding: 0px 0px 5px 25px;
margin: 10px 0px 10px 0px;
background-position: left top;
background-repeat: no-repeat;
font-weight: bold;
background-image: url(bgImportantBleu.gif);
color: #2D8AC1;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- CONTACT  --*/
a.contactMail, .contact {
padding: 0px 0px 0px 25px;
background-position: left 3px;
background-image: url(bgMailBleu.gif);
background-repeat: no-repeat;
background-image: url(bgMailBleu.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- LIEN EXTERIEUR  --*/
a.lienExt, .lienExterieur {
padding: 0px 0px 0px 25px;
background-position: left 0px;
background-image: url(bgLienExtBleu.gif);
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- LIENS UTILES --*/
td.lienUtileExt, .lienUtilePageExterieur{}
#inter table.interTableau td.lienUtileExt{
background: #B6B4B9 url(lienUtileExt.gif) no-repeat left bottom;
padding: 15px 5px 15px 70px;
color:#FFFFFF;
font-weight: bold;
}
#inter table.interTableau td.lienUtileExt a{
text-decoration: none;
color:#FFFFFF;
}
#inter table.interTableau td.lienUtileExt a:hover{
color:#666666;
}
/* --- */
td.postItGris, .postItGris{}
#inter table.interTableau td.postItGris{
background: #F8F9FB url(bgPostItGris.gif) no-repeat left bottom;
border-top: #FFFFFF 3px solid;
padding: 5px 5px 5px 5px;
}
/* --- */
td.postItColor, .postItColor{}
#inter table.interTableau td.postItColor{
border-top: #FFFFFF 3px solid;
padding: 5px 5px 5px 5px;
background: #FAFCFC url(bgPostItBleu.gif) no-repeat left bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureTurquoise {
border: 1px solid #06A9A3;
}
img.bord02, .bordureBleue {
border: 1px solid #2D8AC1;
}
img.bord03, .bordureOrange {
border: 1px solid #F26724;
}
img.bord05, .bordureVerte {
border: 1px solid #74C82D;
}
img.bord05, .bordureGrise {
border: 1px solid #797979;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/
body.bodyLien01, .Actualites {}
body.bodyLien02, .VieQuotidienne {}
body.bodyLien03, .Democratie {}
body.bodyLien04, .LaVille {}
body.bodygenerique, .Generique{}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- CONTACTS --*/

.zoneContact{
margin: 15px 0 0 0;
}

.zoneContact tr td{
border: none;
padding: 5px 0px;
}
.zoneContact caption{
display: none;
position: absolute;
left: -5000px;
top: -5000px
}
.zoneContact .icone {
width: 85px;
}
.zoneContact .cornerLeftTop,
.zoneContact .cornerRightTop,
.zoneContact .cornerRightBottom,
.zoneContact .cornerLeftBottom{
width: 10px;
padding: 0;
}
.zoneContact .cornerLeftTop{
background: url(bgContactTop.png) no-repeat left top;
}
.zoneContact .cornerRightTop{
background: url(bgContactTop.png) no-repeat right top;
}
.zoneContact .cornerRightBottom{
background: url(bgContactBottom.png) no-repeat right bottom;
}
.zoneContact .cornerLeftBottom{
background: url(bgContactBottom.png) no-repeat left bottom;
}
.zoneContact .contactBottom{
background: url(bgContactBottom.png) no-repeat center bottom;
color: #333;
}
.zoneContact .contactTop{
background: url(bgContactTop.png) no-repeat center top;
color: #FFF;
font-weight: bold;
font-size: small;
text-transform: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
#inter table.interTableau caption {
display: none;
position: absolute;
top: -5000px;
}
#inter table.interTableau th,
#inter table.interTableau td {
border: none;
}
/* ----*/
table {
border-collapse: collapse;
margin: 0px 0px 5px 0px;
}
caption {
background: #56A1CD url(bgThBleu.gif) repeat-x left bottom;
color: #FFFFFF;
margin: 5px 0px 2px -1px;
padding: 10px 5px 10px 5px;
font-weight: bold;
}
th,
td {
border: 1px solid #2D8AC1;
padding: 3px;
vertical-align: top;
}
th {
background: #56A1CD url(bgThBleu.gif) repeat-x left bottom;
color: #FFFFFF;
text-align: center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: none;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}

/*--------------------------------------------------------------------------------------------------------------*/

#infos_article{
float: left;
width: 415px;
border: #CCCCCC 1px dotted;
padding: 10px 10px 0px 10px;
margin: 10px 0px 0px 0px;
background: #F2F2F2;
}

#infos_article div.handicap_article{
background: #EDECED;
padding: 0px 0px 0px 0px;
}

#infos_article div.categorie_article,
#infos_article div.public_article,
#infos_article div.liaison_article{
padding: 0px 0px 0px 0px;
}

#infos_article div.date_debut_article,
#infos_article div.heure_debut_article{
display: inline;
float: left;
width: auto;
margin: 0px 5px 0px 0px;
}






/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/

#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.fonDoc #inter #col_g{
float:left;
width:270px;
padding:0px 5px 0px 5px;
}
body.fonDoc #inter #treelist{
width:270px;
float: left;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.fonDoc #inter #form01{
width:270px;
float: right;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
}
body.fonDoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.fonDoc #inter #form01 label,
body.fonDoc #inter #form01 input,
body.fonDoc #inter #form01 select,
body.fonDoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.fonDoc #inter #msgResult,
body.fonDoc #inter #resultat{
float: left;
width:100%;
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
}


/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
a.lien_glossaire {
position:relative;
color:#0C4DA2;
z-index:0;
}

a.lien_glossaire_espace {
padding-right:4px;
}

a.lien_glossaire span {
display:none;
font-style:normal;
}
a.lien_glossaire:hover {
background: none;
z-index: 500;
text-decoration: none;
}
a.lien_glossaire:hover span {
display:block;
padding:5px;
width:200px;
background:#2d8ac1;
border:#1b6798 1px solid;
color:#FFFFFF;
text-decoration: none;
position:absolute;
top:-8px;
left:100% !important;
left:10px;
z-index:5000;
font-size:small;
font-weight:normal;
}
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #2D8AC1;
text-decoration: none;
font-size: large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F9f9f9;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #f9f9f9;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/

.retourListe{
font-weight: bold;
color:#2D8AC1;
}

.invisible,
body.accueil .rechAv {
position: absolute;
top: -5000px;
left: -5000px
}
.coul02 {
color: #2D8AC1;
}
.coul03 {
color: #F26724;
}