body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-color: #eaf4fb;
background-repeat: no-repeat;
background-position: top center;
}
body.bodyaccueil{
background-image: url(bg_bodyaccueil.gif);
background-position: top center;
background-repeat: no-repeat;
}
body.body01{
background-image: url(bg_body01.gif);
background-repeat: no-repeat;
background-position: top center;
}
body.body02{
background-image: url(bg_body02.gif);
}
body.body03{
background-image: url(bg_body03.gif);
}
body.body04{
background-image: url(bg_body04.gif);
}
body.body05{
background-image: url(bg_body05.gif);
}
body.body06{
background-image: url(bg_body06.gif);
}
body.bodygenerique,
body.extranet,
body.bodyActus,
body.bodyActusListe{
background-image: url(bg_bodygenerique.gif);
color: #FFFFFF;
}
/*-------------------------------------------------------------------------------------------------------*/
/*--- LOGO ---*/
a {
color: #333333;
}
body.bodygenerique a,
body.extranet a,
body.bodyActus a,
body.bodyActusListe a{
color: #FFFFFF;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
display: none;
}
/*form.legendisplay legend*/
caption{
display:block;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTU ACCUEIL---*/



/*permet d'enlever un espace sous l'image de la home dans IE6*/
#actuUne {
float: left;
/*width: 100%;*/
margin: -8px 0px 0px 38px;
position: relative;
}
#actuUne p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#actuUne p a{
text-decoration: none;
cursor: pointer;
float: left;
}
#actuUne p a:hover span{
font-weight: bold;
}
#actuUne p a strong{
display: block;
width: 350px;
background-color: #000000;
color: #FFFFFF;
font-family: times, Arial, Helvetica, serif;
font-size: 16px;
float: left;
padding: 5px 90px 5px 10px;
}
#inter #actusUneAutre p {
height: 40px;
overflow: hidden;
padding: 0px 0px 0px 0px;
margin-bottom: 5px;
}
#inter #actusUneAutre p a strong{
font-family: times, Arial, Helvetica, serif;
font-size: 16px;
line-height: 1.2em;
}
#right #actusUneRight p a {
text-decoration: none;
color: #333333;
}
#right #actusUneRight p a strong{
font-family: times, Arial, Helvetica, serif;
font-size: 16px;
line-height: 1.2em;
color: #FFFFFF;
}
#right #actusUneRight p a:hover {
text-decoration: underline;
color: #FFFFFF;
}
#photoUneActu{
float: left;
margin: 0px 0px 0px 38px;
}
#photoUneActu img{
float: left;
display:inline;
}
#actuUne p a span.lireLaSuite{
padding: 0px 10px 0px 20px;
display:block;
font-size:x-small;
height:20px;
padding: 0px 0px 0px 5px;
text-decoration:none;
width:80px;
color: #ed262b;
text-align: center;
position: absolute;
top: 17px;
left: 370px;
background-image: url(lire_article.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
}
#actusUneAutre{
position: absolute;
width: 380px;
height: 214px;
top: 0px;
left: 490px;
padding: 15px 30px 15px 30px 
}
#actusUneAutre strong{
color: #FFFFFF;
}
#actusUneAutre a{
text-decoration: none;
}
#actusUneAutre a:hover{
text-decoration: underline;
color:#FFFFFF;
}
p.toutesactus a span{
display: block;
color: #FFFFFF;
background-image: url(crochet_actu.gif);
background-position: center center;
background-repeat: no-repeat;
font-size: x-small;
width: 110px;
text-align: center;
height: 30px;
line-height: 30px;
}
#inter p.toutesactus{
margin: 0px 0px 0px 260px;
padding: 0px 0px 0px 0px;
}
#inter p.toutesactus a{
cursor: pointer;
}
#inter p.toutesactus a:hover span{
text-decoration: none;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE ACTUS---*/
div.actuLigne{
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px #FFFFFF dotted;
}
div.actuLigne strong a{
background-image:url(puce_niv1_bodyActus.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
display: block;
padding: 0px 0px 0px 12px;
}
div.actuLigne strong a:hover{
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DOCK---*/
#dock{
display: block;
background-color: #FFFFFF;
background-image: url(home_outils.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 0px 0px;
width: 930px;
height: 82px;
margin: 8px 0px 8px 0px;
float: left;
position: relative;
}
.dock-container {
position: relative;
height: 82px;
margin-top: -10px
}
body a.dock-item {
display: block; 
color: #1e67b3; 
bottom: 0px; 
position: absolute;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 70px;
}
.dock-item span {
display: none;
text-align: center;
font-size: x-small;
position: absolute;
top: -25px;
left: -10px;
width: 70px;
height: 40px;
background-image: url(fond_span_dock.gif);
background-repeat: no-repeat;
padding: 5px 0px 0px 0px;
z-index: 999999;
}
.dock-item img {
border: none;
margin: 2px 5px 0px 0px; 
width: 100%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
#left{
float:left;
padding:0;
width:175px;
}
body.bodyaccueil #left{
height: 0px;
width: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:930px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:930px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width:930px;
margin: auto;
height: 166px;
position: relative;
margin: 0px 0px 55px 0px;
}
body.bodyaccueil #header{
height: 207px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis ul li.racplan a,
#raccourcis ul li.racextranet a{
display: block;
position: absolute;
top: 0px;
left: 860px;
text-decoration: none;
font-size:x-small;
padding: 10px 0px 0px 25px;
background-image: url(extranet.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
color:#666666;
}
#raccourcis ul li.racplan a{
left:770px;
background-image: url(plan_site.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche,
#raccourcis ul li.racaide,
#raccourcis ul li.raccontact{
position: absolute;
top: -5000px;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
width: 250px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position: absolute;
top:112px;
left: 660px;
}
body.bodyaccueil #recherche{
top:153px;
}
#recherche input.saisie {
font-size: small;
color: #000;
border: 1px solid #37A3DA;
vertical-align: middle;
width: 160px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position: absolute;
top: 13px;
left: 0px;
}
#recherche input.bouton {
background-color: transparent;
border: none;
font-size: small;
width: 30px;
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #FFFFFF;
position: absolute;
top: 13px;
left: 170px;
}
#recherche label {
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none;
}
#imprimage{
display: block;
height: 50px;
width: 50px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
background-color: #FFFFFF;
width:930px;
float:left; 
background-repeat: repeat-y;
background-position: top left;
margin: 0px 0px 0px 0px;
}
body.bodygenerique #content,
body.extranet #content{
background-color: #666666;
}
body.body01 #content{
background-image: url(bg_pointille_body01.gif);
}
body.body02 #content{
background-image: url(bg_pointille_body02.gif);
}
body.body03 #content{
background-image: url(bg_pointille_body03.gif);
}
body.body04 #content{
background-image: url(bg_pointille_body04.gif);
}
body.body05 #content{
background-image: url(bg_pointille_body05.gif);
}
body.body06 #content{
background-image: url(bg_pointille_body06.gif);
}
body.bodygenerique #content{
background-image: url(bg_pointille_bodygenerique.gif);
}
body.bodyActus #content,
body.bodyActusListe #content{
background-image: url(bg_pointille_bodyActus.gif);
}
#content_right{
float: right;
width: 750px;
}
body.bodyaccueil #content_right{
width: 930px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
background-image: url(fil_ariane.gif);
background-repeat: no-repeat;
background-position: top left;
width: 500px;
margin:0px 0px 5px 0px;
margin:10px 0 10px 10px;
padding:5px 20px 0 25px;
float: left;
font-size:x-small;
}
body.bodyaccueil #filariane {
display: none;
}
body.bodygenerique #filariane {
background-image: url(fil_ariane_generique.gif);
margin: 10px 0px 10px 10px;
}
body.bodyActus #filariane,
body.bodyActusListe #filariane {
background-image: url(fil_ariane_actus.gif);
margin: 10px 0px 10px 10px;
}

#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
padding: 0px 10px 0px 10px;
width:530px;
float:left; 
background-color: #FFFFFF;
display: inline;
position: relative;
}
body.bodyaccueil #inter{
width: 930px;
position: relative;
background-color: #39A4DA;
padding: 0px 0px 0px 0px;
background-image: url(home_aLaUne.gif);
background-position: top left;
background-repeat: no-repeat;
}
body.bodygenerique #inter{
background-color: #666666;
display: inline;
margin: 0px 0px 0px 0px;
}
body.bodyActus #inter,
body.bodyActusListe #inter{
background-color: #39a4da;
display: inline;
margin: 0px 0px 0px 0px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
body.bodyPopup ul,
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
body.bodyPopup ul li,
#inter ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#inter ul li{
background-image:url(puce01.gif);
}
#inter ul ul li{
background-image:url(puce02.gif);
}
#inter ul ul ul li{
background-image:url(puce03.gif);
}
#postIt ul li, 
#postIt ul ul li,
#postIt ul ul ul li {
background-repeat: no-repeat;
background-position: left 3px;
padding: 0px 0px 0px 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POPUP ---*/
body.bodyPopup{
background-image: url(bg_body_popup.jpg);
background-color: #EFF8FD;
}
body.bodyPopup #logo{
position: absolute;
top: 15px;
left:15px
}
body.bodyPopup div#inter_content{
position: relative;
width: 582px;
margin: 0px auto 0px auto;
background-color: #FFFFFF;
}
body.bodyPopup div#header_popup{
height: 156px;
width: 600px;
background-image: url(bg_header_popup.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0px 0px 0px -9px;
}
#inter_popup{
padding: 0px 10px 0px 10px;
}
body.bodyPopup div#footer_popup{
height: 82px;
width: 582px;
margin:0px 0px 0px -10px;
background-image: url(bg_footer_popup.gif);
background-repeat:repeat-x;
background-position:top left;
}
body.bodyPopup #inter_popup h2{
color: #666666;
border-bottom: 1px #666666 solid;
}
/*----------------------------------------------------------------------------------------------------------*/
/*---- PUCE BODY01---*/
body.body01 #inter ul.listeplan01 li,
body.body01 #postIt ul li,
body.body01 #inter ul li{
background-image:url(puce_niv1_body01.gif);
}
body.body01 #inter ul.listeplan01 ul li,
body.body01 #postIt ul ul li,
body.body01 #inter ul ul li{
background-image:url(puce_niv2_body01.gif);
}
body.body01 #inter ul.listeplan01 ul ul li,
body.body01 #postIt ul ul ul li,
body.body01 #inter ul ul ul li{
background-image:url(puce_niv3_body01.gif);
}
/*---- PUCE BODY02---*/
body.body02 #inter ul.listeplan01li,
body.body02 #postIt  ul li,
body.body02 #inter ul li{
background-image:url(puce_niv1_body02.gif);
}
body.body02 #inter ul.listeplan01 ul li,
body.body02 #postIt ul ul li,
body.body02 #inter ul ul li{
background-image:url(puce_niv2_body02.gif);
}
body.body02 #inter ul.listeplan01ul ul li,
body.body02 #postIt ul ul ul li,
body.body02 #inter ul ul ul li{
background-image:url(puce_niv3_body02.gif);
}
/*---- PUCE BODY03---*/
body.body03 #inter ul.listeplan01 li,
body.body03 #postIt ul li,
body.body03 #inter ul li{
background-image:url(puce_niv1_body03.gif);
}
body.body03 #inter ul.listeplan01 ul li,
body.body03 #postIt ul ul li,
body.body03 #inter ul ul li{
background-image:url(puce_niv2_body03.gif);
}
body.body03 #inter ul.listeplan01 ul ul  li,
body.body03 #postIt ul ul ul  li,
body.body03 #inter ul ul ul li{
background-image:url(puce_niv3_body03.gif);
}
/*---- PUCE BODY04---*/
body.body04 #inter ul.listeplan01 li,
body.body04 #postIt ul li,
body.body04 #inter ul li{
background-image:url(puce_niv1_body04.gif);
}
body.body04 #inter ul.listeplan01 ul li,
body.body04 #postIt ul ul li,
body.body04 #inter ul ul li{
background-image:url(puce_niv2_body04.gif);
}
body.body04 #inter ul.listeplan01 ul ul li,
body.body04 #postIt ul ul ul li,
body.body04 #inter ul ul ul li{
background-image:url(puce_niv3_body04.gif);
}
/*---- PUCE BODY05---*/
body.body05 #inter ul.listeplan01 li,
body.body05 #postIt ul li,
body.body05 #inter ul li{
background-image:url(puce_niv1_body05.gif);
}
body.body05 #inter ul.listeplan01 ul li,
body.body05 #postIt ul ul li,
body.body05 #inter ul ul li{
background-image:url(puce_niv2_body05.gif);
}
body.body05 #inter ul.listeplan01 ul ul li,
body.body05 #postIt ul ul ul li,
body.body05 #inter ul ul ul li{
background-image:url(puce_niv3_body05.gif);
}
/*---- PUCE BODY06---*/
body.body06 #inter ul.listeplan01 li,
body.body06 #postIt ul li,
body.body06 #inter ul li{
background-image:url(puce_niv1_body06.gif);
}
body.body06 #inter ul.listeplan01 ul li,
body.body06 #postIt ul ul li,
body.body06 #inter ul ul li{
background-image:url(puce_niv2_body06.gif);
}
body.body06 #inter ul.listeplan01 ul ul li,
body.body06 #postIt ul ul ul li,
body.body06 #inter ul ul ul li{
background-image:url(puce_niv3_body06.gif);
}
/*---- PUCE BODYGENERIQUE---*/
body.bodygenerique #inter ul.listeplan01 li,
body.bodygenerique  #postIt ul li,
body.bodygenerique  #inter ul li{
background-image:url(puce_niv1_bodygenerique.gif);
}
body.bodygenerique #inter ul.listeplan01 ul li,
body.bodygenerique #postIt ul ul li,
body.bodygenerique #inter ul ul li{
background-image:url(puce_niv2_bodygenerique.gif);
}
body.bodygenerique #inter ul.listeplan01 ul ul li,
body.bodygenerique #postIt ul ul ul li,
body.bodygenerique #inter ul ul ul li{
background-image:url(puce_niv3_bodygenerique.gif);
}
/*---- PUCE BODYPOPUP---*/
body.bodyPopup  #inter_popup ul li{
background-image:url(puce_niv1_bodypopup.gif);
}
body.bodyPopup  #inter_popup ul ul li{
background-image:url(puce_niv2_bodypopup.gif);
}
body.bodyPopup  #inter_popup ul ul ul li{
background-image:url(puce_niv3_bodypopup.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h3,
#inter h3{
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
body.body01 #inter h2,
body.body01 #inter_popup h2,
body.body01 #postIt h2,
body.body01 #inter h3,
body.body01 #inter_popup h3,
body.body01 #postIt h3,
body.body01 #inter h4,
body.body01 #inter_popup h4,
body.body01 #postIt h4,
body.body01 #inter h5,
body.body01 #inter_popup h5,
body.body01 #postIt h5,
body.body01 #inter h6,
body.body01 #inter_popup h6,
body.body01 #postIt h6{
color: #37A3DA;
}
body.body02 #inter h2,
body.body02 #inter_popup h2,
body.body02 #postIt h2,
body.body02 #inter h3,
body.body02 #inter_popup h3,
body.body02 #postIt h3,
body.body02 #inter h4,
body.body02 #inter_popup h4,
body.body02 #postIt h4,
body.body02 #inter h5,
body.body02 #inter_popup h5,
body.body02 #postIt h5,
body.body02 #inter h6,
body.body02 #inter_popup h6,
body.body02 #postIt h6{
color: #79C167;
} 
 
body.body03 #inter h2,
body.body03 #inter_popup h2,
body.body03 #postIt h2,
body.body03 #inter h3,
body.body03 #inter_popup h3,
body.body03 #postIt h3,
body.body03 #inter h4,
body.body03 #inter_popup h4,
body.body03 #postIt h4,
body.body03 #inter h5,
body.body03 #inter_popup h5,
body.body03 #postIt h5,
body.body03 #inter h6,
body.body03 #inter_popup h6,
body.body03 #postIt h6{
color: #BBC830;
} 
body.body04 #inter h2,
body.body04 #inter_popup h2,
body.body04 #postIt h2,
body.body04 #inter h3,
body.body04 #inter_popup h3,
body.body04 #postIt h3,
body.body04 #inter h4,
body.body04 #inter_popup h4,
body.body04 #postIt h4,
body.body04 #inter h5,
body.body04 #inter_popup h5,
body.body04 #postIt h5,
body.body04 #inter h6,
body.body04 #inter_popup h6,
body.body04 #postIt h6{
color: #F3C10B;
} 
body.body05 #inter h2,
body.body05 #inter_popup h2,
body.body05 #postIt h2,
body.body05 #inter h3,
body.body05 #inter_popup h3,
body.body05 #postIt h3,
body.body05 #inter h4,
body.body05 #inter_popup h4,
body.body05 #postIt h4,
body.body05 #inter h5,
body.body05 #inter_popup h5,
body.body05 #postIt h5,
body.body05 #inter h6,
body.body05 #inter_popup h6,
body.body05 #postIt h6{
color: #F14C46;
} 
body.body06 #inter h2,
body.body06 #inter_popup h2,
body.body06 #postIt h2,
body.body06 #inter h3,
body.body06 #inter_popup h3,
body.body06 #postIt h3,
body.body06 #inter h4,
body.body06 #inter_popup h4,
body.body06 #postIt h4,
body.body06 #inter h5,
body.body06 #inter_popup h5,
body.body06 #postIt h5,
body.body06 #inter h6,
body.body06 #inter_popup h6,
body.body06 #postIt h6{
color: #9E44D3;
} 
body.bodygenerique #inter h2,
body.bodygenerique #inter_popup h2,
body.bodygenerique #postIt h2,
body.bodygenerique #inter h3,
body.bodygenerique #inter_popup h3,
body.bodygenerique #postIt h3,
body.bodygenerique #inter h4,
body.bodygenerique #inter_popup h4,
body.bodygenerique #postIt h4,
body.bodygenerique #inter h5,
body.bodygenerique #inter_popup h5,
body.bodygenerique #postIt h5,
body.bodygenerique #inter h6,
body.bodygenerique #inter_popup h6,
body.bodygenerique #postIt h6{
color: #cfcfcf;
} 
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
width: 184px;
float: right;
padding: 0px 5px 0px 5px;
margin: -20px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST-IT ---*/
#postIt h3 {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.body01 postIt h3{
color: #37A3DA;
}
body.body02 postIt h3{
color: #79C167;
}
body.body03 postIt h3{
color: #BBC830;
}
body.body04 postIt h3{
color: #F3C10B;
}
body.body05 postIt h3{
color: #F14C46
}
body.body06 postIt h3{
color: #9E44D3;
}
#postIt p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
 ul.rubriqueAnnu li a{
Text-decoration: none;
}
body.bodygenerique #inter ul.rubriqueAnnu li{
background-image: none;
text-transform: uppercase;
font-weight: bold;
}
body.bodygenerique #inter ul.rubriqueAnnu li a{
text-decoration: underline;
}
body.bodygenerique #inter ul.rubriqueAnnu li ul li{
background-image: none;
font-weight: normal;
text-transform: lowercase;
text-transform: capitalize;
}
body.bodygenerique #inter ul.rubriqueAnnu li ul{
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #FFFFFF;
}
body.bodygenerique #inter ul.rubriqueAnnu li ul li a{
text-decoration: none;
}
body.bodygenerique #inter ul.rubriqueAnnu li ul li a:hover{
text-decoration: underline;
}
body.bodyannuaire #inter h3{
font-size: small;
font-weight: normal;
}
body.bodyannuaire #inter h3 a:hover{
text-decoration: none;
}
body.bodyannuaire #inter h4{
text-decoration: none;
margin: 0px 0px 5px 0px;
letter-spacing: 1px;
font-size: medium;
padding: 0px 0px 0px 0px;
}
body.bodyannuaire #inter h4 a{
color: #CFCFCF;
}
body.bodyannuaire #inter h4 a:hover{
text-decoration: none;
}
body.bodyannuaire #inter p.listannu {
padding: 6px 0px 6px 10px;
background-color: #6F6F6F;
color:#CFCFCF;
margin: 0px 0px 10px 0px;
}
body.bodyannuaire #inter span.exergue01{
font-weight: bold;
}
div#dirList ul li a{
text-transform: capitalize;
text-decoration: none;
}
div#dirList ul li a:hover{
text-decoration: underline;
}
div#dirList ul{
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #FFFFFF;
}
body.bodygenerique #inter div#dirList ul li{
background-image: none;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
#oCalendar{
position: absolute;
right: 80px;
top: 55px;
}
#inter #formfindcalendar{
width: 460px;
padding: 0px 0px 20px 80px;
margin: 0px 0px 10px 0px;
border-bottom:1px dotted #FF9900;
}
#inter #formfindcalendar label{
display: none;
}
#inter #formfindcalendar .footer {
display: none;
}
#inter #oCalendar table{
background-color: #6F6F6F;
}
#inter #oCalendar table td.week{
color: #CFCFCF;
background-color: #5B5B5B;
}
#inter div.modejour #oCalendar table td.days, 
#inter div.modemois #oCalendar table td.days{
background-color: #5B5B5B;
color: #CFCFCF;
}
#inter #oCalendar table th{
color: #FFFFFF;
background-color: #CFCFCF;
}
#inter #oCalendar table th,
#inter #oCalendar table td{
border: #CCCCCC 1px solid;
text-align: center;
}
#inter #formfindcalendar .footer {
display: none;
}
body.bodyagenda #inter #oCalendar table th {
color:#666666;
}
.eventline img{
float: left;
margin: 0px 10px 0px 0px;
}
.eventline strong a.title{
display: block;
margin: 0px 0px 0px 0px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
background-image: url(bg_footer.gif);
background-position: top left;
background-repeat: repeat-x;
width: 100%;
font-size:x-small;
color:#FFFFFF;
}
#footer a{
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
display:none;
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage a,
body.bodygenerique #imprimpage a {
position: absolute;
top: 118px;
left: 885px;
}
body.bodyaccueil #imprimpage a {
position: absolute;
top: 160px;
left: 885px
}
p.mairie{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 10px;
line-height: 13px;
float: left;
width:135px;
}
span.gras{
font-weight: bold;
}
span.tel{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
display: block;
}
p.contactez_mairie{
float: left;
width:122px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 1px;
text-align: center;
}
#footer p.contactez_mairie a{
color:#f14C46;
}
div#footer p.contactez_mairie a:hover{
font-weight: bold;
text-decoration: none;
}
p.jumelage{
float: left;
width:113px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 10px;
}
p.jumelage a{
color:#FFFFFF;
}
p.faucigny{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
p.faucigny a{
display: block;
width:105px;
height:90px;
}
#footer ul{
float: left;
width:175px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 20px;
}
#footer ul li a{
color: #FFFFFF;
}
p.bibliotheque{
width:235px;
float: left;
margin: 0px 0px 0px 0px;
padding: 60px 0px 0px 0px;
text-align: center;
}
p.bibliotheque a{
height:25px;
color:#f14C46;
}
#footer p.bibliotheque a:hover{
font-weight: bold;
text-decoration: none;
}
#drapeaux{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01 {
color: #37A3DA;
}
div.coul02, .vert, .coul02 {
color: #79C167;
}
div.coul03, .vertOlive, .coul03 {
color: #BBC830;
}
div.coul04, .jaune, .coul04 {
color: #F3C10B;
}
div.coul05, .rouge, .coul05 {
color: #F14C46;
}
div.coul06, .violet, .coul06 {
color: #9E44D3;
}
div.coul07, .gris, .coul07 {
color: #CCCCCC;
}
div.coul08, .grisFonce, .coul08 {
color: #666666;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleu {
border: 1px solid #37A3DA;
}
img.bord02, .bordureVert {
border: 1px solid #79C167;
}
img.bord03, .bordureVertOlive {
border: 1px solid #BBC830;
}
img.bord04, .bordureJaune {
border: 1px solid #F3C10B;
}
img.bord05, .bordureRouge {
border: 1px solid #F14C46;
}
img.bord06, .bordureViolet {
border: 1px solid #9E44D3;
}
img.bord07, .bordureGris {
border: 1px solid #CCCCCC
}
img.bord08, .bordureGrisFonce {
border: 1px solid #666666
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- 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 th#a2{
text-align: right;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
border: none;
}
.result td.title a {
font-weight: bold;
color: #FFFFFF;
 }
.result td.date {
font-size: x-small;
border: none;
text-align: right;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
border: none;
 }
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
body.body01 th{
background-color: #37A3DA;
}
body.body01 th,
body.body01 td{
border: 1px solid #267399;
}
body.body02 th{
background-color: #79C167;
}
body.body02 th,
body.body02 td{
border: 1px solid #4D994C;
}
body.body03 th{
background-color: #BBC830;
}
body.body03 th,
body.body03 td{
border: 1px solid #999926;
}
body.body04 th{
background-color: #F3C10B;
}
body.body04 th,
body.body04 td{
border: 1px solid #CCA300;
}
body.body05 th{
background-color: #F14C46;
}
body.body05 th,
body.body05 td{
border: 1px solid #CC2929;
}
body.body06 th{
background-color: #9E44D3;
}
body.body06 th,
body.body06 td{
border: 1px solid #732699;
}
body.bodygenerique th{
background-color: #333333;
}
body.bodygenerique th,
body.bodygenerique td{
border: 1px solid #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
#plandusite h3.plan01 a{
color: #37A3DA;
}
#plandusite h3.plan02 a{
color: #79C167;
}
#plandusite h3.plan03 a{
color: #BBC830;
}
#plandusite h3.plan04 a{
color: #F3C10B;
}
#plandusite h3.plan05 a{
color: #F14C46;
}
#plandusite h3.plan06 a{
color: #9E44D3;
}
#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: #FFFFFF;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
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: #434343;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.nextday a:hover,
div.modemois #oCalendar table td.nextday a:hover {
text-decoration: none;
}
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:#CFCFCF;
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.fonDoc #inter #form01{
width:270px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
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 ul li a{
color:#007AC0;
}
body.fonDoc #inter #resultat{
float:right;
width:270px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire p strong a,
body.glossaire h3 a{
color: #D71921;
text-decoration: none;
font-size: x-large;
}
body.glossaire h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- FORMULAIRE ---*
/*--- FORM ---*/
body.bodygenerique #inter form {
margin:20px 0px 0px 0px;
padding:10px 0px  10px 5px;
background-color: #666666;
}
/*--- LABEL---*/
body.body01 form div.entry label {
color: #37A3DA;
}
body.body02 form div.entry label {
color: #79C167;
}
body.body03 form div.entry label {
color: #BBC830;
}
body.body04 form div.entry label {
color: #F3C10B;
}
body.body05 form div.entry label {
color: #F14C46;
}
body.body06 form div.entry label {
color: #9E44D3;
}
body.bodygenerique form div.entry label {
color: #FFFFFF;
}
/*--- BORDURES FORMULAIRES ---*/
body form div.entry input, 
body form div.entry textarea, 
body form div.entry select {
border:1px solid #597FBF;
color:#333A4C;
float:left;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:small;
width:295px;
}
body.body01 form div.entry input, 
body.body01 form div.entry textarea, 
body.body01 form div.entry select{
border:1px solid #37A3DA;
color:#333A4C;
}
body.body02 form div.entry input, 
body.body02 form div.entry textarea, 
body.body02 form div.entry select{
border:1px solid #79C167;
color:#333A4C;
}
body.body03 form div.entry input, 
body.body03 form div.entry textarea, 
body.body03 form div.entry select{
border:1px solid #BBC830;
color:#333A4C;
}
body.body04 form div.entry input, 
body.body04 form div.entry textarea, 
body.body04 form div.entry select{
border:1px solid #F3C10B;
color:#333A4C;
}
body.body05 form div.entry input, 
body.body05 form div.entry textarea, 
body.body05 form div.entry select{
border:1px solid #F14C46;
color:#333A4C;
}
body.body06 form div.entry input, 
body.body06 form div.entry textarea, 
body.body06 form div.entry select{
border:1px solid #9E44D3;
color:#333A4C;
}
body.bodygenerique form div.entry input, 
body.bodygenerique form div.entry textarea, 
body.bodygenerique form div.entry select{
border:1px solid #FFFFFF;
color:#666666;
}
body form div.entry div input, 
body.body01 form div.entry div input, 
body.body02 form div.entry div input, 
body.body03 form div.entry div input,
body.body04 form div.entry div input,
body.body05 form div.entry div input,
body.body06 form div.entry div input, 
body.bodygenerique form div.entry div input {
border: none;
margin-right: 5px;
}
body form div.entry div label, 
body.body01 form div.entry div label, 
body.body02 form div.entry div label, 
body.body03 form div.entry div label,
body.body04 form div.entry div label,
body.body05 form div.entry div label,
body.body06 form div.entry div label, 
body.bodygenerique form div.entry div label {
font-weight: normal;
color: #333333;
font-size: x-small;
margin-right: 10px;
}
/*--- SUBMIT---*/
body.body01 form div.submit,
body.body02 form div.submit,
body.body03 form div.submit,
body.body04 form div.submit,
body.body05 form div.submit,
body.body06 form div.submit,
body.bodygenerique form div.submit{
margin: 0px 0px 0px 180px;
}
body.body01 form div.submit input,
body.body02 form div.submit input,
body.body03 form div.submit input,
body.body04 form div.submit input,
body.body05 form div.submit input,
body.body06 form div.submit input,
body.bodygenerique form div.submit input,
body.bodygenerique #inter #form01 div.submit input{
clear:both;
margin: 0px 20px 0px 0px;
background-color:transparent;
font-weight:bold;
border:none;
width:120px;
padding:0px 0px 10px 0px;
height: 31px;
background-repeat: repeat-x;
background-position: 0px 0px;
}
/*--- INPUT ---*/
body.body01 form div.submit input {
color:#FFFFFF;
background-image: url(bg_input_body01.gif);
}
body.body02 form div.submit input {
color:#FFFFFF;
background-image: url(bg_input_body02.gif);
}
body.body03 form div.submit input {
color:#FFFFFF;
background-image: url(bg_input_body03.gif);
}
body.body04 form div.submit input {
color:#FFFFFF;
background-image: url(bg_input_body04.gif);
}
body.body05 form div.submit input {
color:#FFFFFF;
background-image: url(bg_input_body05.gif);
}
body.body06 form div.submit input {
color:#FFFFFF;
background-image: url(bg_input_body06.gif);
}
body.bodygenerique form div.submit input,
body.bodygenerique form#poll01 .submit input {
color:#666666;
background-image: url(bg_input_bodyGenerique.gif);
}
body.bodygenerique #inter form{
background-color: #666666;
}
body.bodygenerique .footer{
color:#FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SPECIAL FORMULAIRE DEMANDE ACTES ETAT CIVIL ---*/
body.body02 #inter form h4.separForm {
color: #333333;
border-bottom: 1px solid #333333;
margin: 10px 0px 20px -25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SPECIAL FORMULAIRE AVEC FIELDSET VISIBLES  ---*/
form.viewfield, .formulaireAvecGroupesVisibles, .viewfield { }
body form.viewfield legend {
display: block;
position: relative;
top: -0px;
left: -0px;
font-size: small;
margin: 5px 0px 5px -25px;
padding: 0px 0px 10px 0px;
background-image: none;
font-weight: bold;
color: #333333;
}
body.bodygenerique form.viewfield legend {
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- EXTRANET ---*/
div#contentlogextranet div.entry01{
margin: 0px 0px 10px 0px;
}
div#loguer {
top: 110px;
position: absolute;
}
body.bodyaccueil div#loguer {
top: 151px;
}
div#loguer #contentLoguer {
background-image: url(fond_loguer.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px 5px;
height: 48px;
width: 276px;
color: #666666;
left: 0px;
}
div#loguer p {
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#loguer .welcome {
font-size: medium;
font-weight: bold;
}
div#loguer .nom {
padding: 0px 0px 0px 20px;
background-image: url(cadena_loguer.gif);
background-repeat: no-repeat;
background-position: 5px 2px;
}
div#loguer a.deconnecte{
text-decoration: none;
display: block;
color: #ff3333;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
font-size: x-small;
background-image: url(deconnexion_loguer.gif);
background-repeat: no-repeat;
background-position: 5px 2px;
margin-left: 84px;
}
div#loguer a.deconnecte:hover{
text-decoration: underline;
}
/*------------------------*/
div#contentlogextranet div.entry01 input#identifiant{
margin: 0px 0px 0px 16px;
}
div#contentlogextranet div.entry02 input.bouton{
margin: 0px 0px 0px 16px;
}
div#contentlogextranet p.msgLog{
margin: 0px 0px 10px 100px;
}
div#contentlogextranet p.msgLog a{
font-size: x-small;
margin: 0px 0px 10px 0px;
}
div#contentlogextranet p.msgLog a:hover{
font-size: x-small;
margin: 0px 0px 10px 0px;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SONDAGE ---*/
body.bodygenerique #inter form#poll01 .submit input{
color: #666666;
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CO-MARQUAGE ---*/
#comarquage ul.colonnegauche {
width: 250px;
float: left;
}
#comarquage ul.colonnedroite {
width: 250px;
float: right;
}
#comarquage b{
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE DE PARTAGE ---*/
#zonePartage {
padding-bottom: 10px;
border-bottom: 1px dotted #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}