/*--- LEFT ---*/
#left{
float:left;
padding:0px;
width:175px;
}
body.bodyaccueil #left{
height: 0px;
width: 0px;
}
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:url(header_background01.gif) no-repeat top center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
a {
color: #333333;
}
#menuExtranet a:hover{
color: #FF9900;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display: none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
position: relative;
width:960px;
padding: 25px 0px 0px 0px;
margin:0px auto 0px  auto;
background-image:url(menu_reflet_total.gif);
background-position: top right;
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
height:173px;
position:relative;
width: 980px;
margin: auto;
}
body.bodygenerique #contentHeader, 
body.bodygenerique #header, 
body.bodyaccueil #contentHeader, 
body.bodyaccueil #header {
background-image:url(header_background01.gif);
background-position: top center;
height:173px;
}
body.bodygenerique #contentHeader #header,
body.body01 #contentHeader #header{
background-image:url(header_background_vie01.gif);
background-repeat: no-repeat;
background-position: top right;
height:173px;
}
body.body02 #contentHeader #header{
background-image:url(header_background02.jpg);
background-repeat: no-repeat;
background-position: top right;
height:173px;
}
body.body03 #contentHeader #header{
background-image:url(header_background03.jpg);
background-repeat: no-repeat;
background-position: top right;
height:173px;
}
body.body04 #contentHeader #header{
background-image:url(header_background04.jpg);
background-repeat: no-repeat;
background-position: top right;
height:173px;
}
body.body05 #contentHeader #header{
background-image:url(header_background05.jpg);
background-repeat: no-repeat;
background-position: top right;
height:173px;
}
/*---BODY01---*/
body.body01#header {
height:173px;
position:relative;
width: 980px;
margin: auto;
background-image:url(header01.gif);
background-position: left center;
background-repeat: no-repeat;
}
#logo{
position: absolute;
top: 15px;
left: 33px;
z-index: 11;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
width:230px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position: absolute;
left: 750px;
top: 90px;
z-index: 9;
}
#recherche input.saisie {
font-size: 1.4em;
width: 190px;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 0px;
border: #999999 2px solid;
}
#recherche input.bouton {
margin:0px 0px 0px 5px;
padding:0px 0px 0px 2px;
border: none;
background-color: #CCCCCC;
height: 23px;
width: 25px;
color: #FFFFFF;
}
#recherche label {
display:none;
}
#recherche legend{
display:none;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width:960px;
float:left; 
}
body.bodygenerique #content{
background:url(bg_content_bodygenerique.gif) repeat-y top left;
}
body.body01 #content{
background:url(bg_content_body01.gif) repeat-y top left;
}
body.body02 #content {
background:url(bg_content_body02.gif) repeat-y top left;
}
body.body03 #content {
background:url(bg_content_body03.gif) repeat-y top left;
}
body.body04 #content {
background:url(bg_content_body04.gif) repeat-y top left;
}
body.body05 #content {
background:url(bg_content_body05.gif) repeat-y top left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
width: 540px;
float: left;
font-size: x-small;
background:url(fil_ariane.gif) no-repeat top left;
height: 20px;
padding: 5px 20px 0px 25px;
margin: 0px 0px 0px 20px;
background-color: #FFFFFF;
display: inline;
}
body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}
/*---------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/

body.bodyPopup {
background :url(bg_header_popup.gif) no-repeat center top;
}
#inter_content {
background-image:url(bg_header_popup.gif);
background-position:center top;
background-repeat:no-repeat;
margin:auto;
width:600px;
position: relative;
}
#header_popup a#logo{
position: absolute;
top: 0px;
left: 0px;
z-index: 11;
}
#footer_popup {
background-image:url(bg_footer_popup.gif);
background-position:top left;
background-repeat:repeat-x;
height:82px;
position:relative;
}
#inter_popup{
padding: 120px 0px 0px 0px;
}
#inter_popup #footer ul li{
background-image: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
position: relative;
width:540px;
float:left;
background-repeat: no-repeat;
background-position: 10px 0px;
padding: 0px 20px 0px 20px;
}
#inter  a:hover{
color: #2DA4D3;
}
body.bodyaccueil #inter  {
width: 700px;
padding: 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
}
body.body01 #inter  {
background-image:url(bg_h2_body01.gif);
}
body.body02 #inter {
background-image:url(bg_h2_body02.gif);
}
body.body03 #inter {
background-image:url(bg_h2_body03.gif);
}
body.body04 #inter {
background-image:url(bg_h2_body04.gif);
}
body.body05 #inter {
background-image:url(bg_h2_body05.gif);
}
#menuExtranet p,
#postIt  p,
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#menuExtranet ul,
#postIt  ul,
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
body.bodyPopup #inter_popup ul li,
#menuExtranet ul li,
#postIt ul li,
#inter ul li {
padding-left:20px;
background-repeat: no-repeat;
background-position: left 6px;
}
/*----PUCE BODY01---*/
body.bodyPopup #inter_popup ul li,
body.bodyextranet #menuExtranet ul li,
body.bodygenerique #inter ul.listeplan01 li,
body.body01 #postIt ul li,
body.bodygenerique #postIt ul li,
body.bodygenerique #inter ul li,
body.body01 #inter ul li{
background-image:url(puce_inter_niv0_body01.gif);
}
body.bodyPopup #inter_popup ul ul li,
body.bodyextranet #menuExtranet ul ul li,
body.bodygenerique #inter ul.listeplan01 ul li,
body.bodygenerique #postIt ul ul li,
body.bodygenerique #inter ul ul li,
body.body01 #postIt ul ul li,
body.body01 #inter ul ul li{
background-image:url(puce_inter_niv1_body01.gif);
}
body.bodyPopup #inter_popup ul ul ul li,
body.bodyextranet #menuExtranet ul ul ul li,
body.bodygenerique #inter ul.listeplan01 ul ul li,
body.bodygenerique #postIt ul ul ul li,
body.body01 #postIt ul ul ul li,
body.body01 #inter ul ul ul li{
background-image:url(puce_inter_niv2_body01.gif);
}
/*----PUCE BODY02---*/
body.bodygenerique #inter ul.listeplan02 li,
body.body02 #postIt ul li,
body.body02 #inter ul li{
background-image:url(puce_inter_niv0_body02.gif);
}
body.bodygenerique #inter ul.listeplan02 ul li,
body.body02 #postIt ul ul li,
body.body02 #inter ul ul li{
background-image:url(puce_inter_niv1_body02.gif);
}
body.bodygenerique #inter ul.listeplan02 ul ul li,
body.body02 #postIt ul ul ul li,
body.body02 #inter ul ul ul li{
background-image:url(puce_inter_niv2_body02.gif);
}
/*----PUCE BODY03---*/
body.bodygenerique #inter ul.listeplan03 li,
body.body03 #postIt ul li,
body.body03 #inter ul li{
background-image:url(puce_inter_niv0_body03.gif);
}
body.bodygenerique #inter ul.listeplan03 ul li,
body.body03 #postIt ul ul li,
body.body03 #inter ul ul li{
background-image:url(puce_inter_niv1_body03.gif);
}
body.bodygenerique #inter ul.listeplan03 ul ul li,
body.body03 #postIt ul ul ul li,
body.body03 #inter ul ul ul li{
background-image:url(puce_inter_niv2_body03.gif);
}
/*----PUCE BODY04---*/
body.bodygenerique #inter ul.listeplan04 li,
body.body04 #postIt ul li,
body.body04 #inter ul li{
background-image:url(puce_inter_niv0_body04.gif);
}
body.bodygenerique #inter ul.listeplan04 ul li,
body.body04 #postIt ul ul li,
body.body04 #inter ul ul li{
background-image:url(puce_inter_niv1_body04.gif);
}
body.bodygenerique #inter ul.listeplan04 ul ul li,
body.body04 #postIt ul ul ul li,
body.body04 #inter ul ul ul li{
background-image:url(puce_inter_niv2_body04.gif);
}
/*----PUCE BODY05---*/
body.bodygenerique #inter ul.listeplan05 li,
body.body05 #postIt ul li,
body.body05 #inter ul li{
background-image:url(puce_inter_niv0_body05.gif);
}
body.bodygenerique #inter ul.listeplan05 ul li,
body.body05 #postIt ul ul li,
body.body05 #inter ul ul li{
background-image:url(puce_inter_niv1_body05.gif);
}
body.bodygenerique #inter ul.listeplan05 ul ul li,
body.body05 #postIt ul ul ul li,
body.body05 #inter ul ul ul li{
background-image:url(puce_inter_niv2_body05.gif);
}
/*---GAUCHE---*/
#gauche{
width: 180px;
float: left;
border: 1px green solid;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#menuExtranet h3,
#inter_popup h3,
#inter h3 {
font-size: large;
margin: 10px 0px 5px 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;
}
/*---BODY01---*/
body.bodygenerique #inter h2,
body.body01 #inter_popup h2,
body.body01 #inter h2{
color: #FF9900;
border-bottom: 1px #FF9900 solid;
}
#menuExtranet h3,
#menuExtranet h4,
#menuExtranet h5,
body.bodygenerique #inter h3,
body.body01 #inter_popup h3,
body.body01 #inter h3,
body.bodygenerique #inter h4,
body.body01 #inter_popup h4,
body.body01 #inter h4,
body.bodygenerique #inter h5,
body.body01 #inter_popup h5,
body.body01 #inter h5{
color: #FF9900;
}
/*---BODY02---*/
body.body02 #inter_popup h2,
body.body02 #inter h2{
color: #97B314;
border-bottom: 1px #97B314 solid;
}
body.body02 #inter_popup h3,
body.body02 #inter h3,
body.body02 #inter_popup h4,
body.body02 #inter h4,
body.body02 #inter_popup h5,
body.body02 #inter h5
{
color: #97B314;
}
/*---BODY03---*/
body.body03 #inter_popup h2,
body.body03 #inter h2{
color: #0099CC;
border-bottom: 1px #0099CC solid;
}
body.body03 #inter_popup h3,
body.body03 #inter h3,
body.body03 #inter_popup h4,
body.body03 #inter h4,
body.body03 #inter_popup h5,
body.body03 #inter h5 {
color: #0099CC;
}
/*---BODY04---*/
body.body04 #inter_popup h2,
body.body04 #inter h2{
color: #B215A2;
border-bottom: 1px #B215A2 solid;
}
body.body04 #inter_popup h3,
body.body04 #inter h3,
body.body04 #inter_popup h4,
body.body04 #inter h4,
body.body04 #inter_popup h5,
body.body04 #inter h5
{
color: #B215A2;
}
/*---BODY05---*/
body.body05 #inter_popup h2,
body.body05 #inter h2{
color: #CD071E;
border-bottom: 1px #CD071E solid;
}
body.body05 #inter_popup h3,
body.body05 #inter h3,
body.body05 #inter_popup h4,
body.body05 #inter h4,
body.body05 #inter_popup h5,
body.body05 #inter h5
{
color: #CD071E;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
/*----------------------- ACTUUNE------------------*/
#content_actus{
float: left;
width: 486px;
position: relative;
}
#content_actus span.informe {
left: 90px;
position: absolute;
top: 4px;
font-size: x-small;
color: #FFFFFF;
}
/*-----PICTO ACTU UNE-------*/
body.bodyaccueil #content_actus p.filrss{
background-image:url(picto_rss_fd_vert.gif);
right: 260px;
width:73px;
height: 18px;
background-color: #99CC33;
}
body.bodyaccueil #content_actus p.google{
background-image:url(picto_google_fd_vert.gif);
right: 185px;
width:65px;
height: 18px;
background-color: #99CC33;
}
body.bodyaccueil #content_actus p.facebook{
background-image:url(picto_facebook_fd_vert.gif);
right: 95px;
width:74px;
height: 18px;
background-color: #99CC33;
}
body.bodyaccueil #content_actus p.netvibes{
background-image:url(picto_netvibes_fd_vert.gif);
right: 5px;
width:70px;
height: 18px;
background-color: #99CC33;
}
body.bodyaccueil #content_actus p.filrss a,
body.bodyaccueil #content_actus p.google a,
body.bodyaccueil #content_actus p.facebook a,
body.bodyaccueil #content_actus p.netvibes a{
text-decoration: none;
display:block;
width:100%;
color: #FFFFFF;
}
body.bodyaccueil #content_actus p.filrss span,
body.bodyaccueil #content_actus p.google span,
body.bodyaccueil #content_actus p.facebook span,
body.bodyaccueil #content_actus p.netvibes span{
font-size: small;
}
body.bodyaccueil #content_actus p.filrss,
body.bodyaccueil #content_actus p.google,
body.bodyaccueil #content_actus p.facebook,
body.bodyaccueil #content_actus p.netvibes{
background-position: top right;
background-repeat: no-repeat;
position:absolute;
top: 2px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
font-size: x-small;
}
/*-----------PICTO NEWS---------------*/
#reseaux{
position: relative;
}
body.bodygenerique #reseaux p.filrss a,
body.bodygenerique #reseaux p.google a,
body.bodygenerique #reseaux p.facebook a,
body.bodygenerique #reseaux p.netvibes a{
background-position: top right;
background-repeat: no-repeat;
position:absolute;
top: -10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
}
body.bodygenerique #reseaux p.filrss a,
body.bodygenerique #reseaux p.google a,
body.bodygenerique #reseaux p.facebook a,
body.bodygenerique #reseaux p.netvibes a{
text-decoration: none;
display:block;
width:100%;
/*color: transparent;*/
}
body.bodygenerique #reseaux p.filrss span,
body.bodygenerique #reseaux p.google span,
body.bodygenerique #reseaux p.facebook span,
body.bodygenerique #reseaux p.netvibes span{
font-size: small;
position: absolute;
top: -500px;
left: -500px;
}
body.bodygenerique #reseaux p.filrss a{
background-image:url(picto_rss_fd_gris.gif);
right: 65px;
width:25px;
height: 18px;
}
body.bodygenerique #reseaux p.google a{ 
background-image:url(picto_google_fd_gris.gif);
right: 45px;
width:25px;
height: 18px;
}
body.bodygenerique #reseaux p.facebook a{
background-image:url(picto_facebook_fd_gris.gif);
right: 25px;
width:25px;
height: 18px;
}
body.bodygenerique #reseaux p.netvibes a{
background-image:url(picto_netvibes_fd_gris.gif);
right: 5px;
width:25px;
height: 18px;
}
/*----------------TITRE ACTU UNE-------------*/
#actuUne h2{
color: #FFFFFF;
background-color: #99CC33;
font-size: medium;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 476px;
}
#actuUne h3{
color: #99CC33;
background-color: #FFFFFF;
font-size: medium;
text-align: center;
line-height: 35px;
margin: 0px 0px 0px 0px;
position: absolute;
left: 5px;
top: 270px;
height: 35px;
width: 94px;
z-index: 4
}
#actuUne p{
height: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #F7F7F7;
}
#actuUne p a{
position: absolute;
text-decoration: none;
cursor: pointer;
}
#actuUne p a strong{
position: absolute;
top: -70px;
left: 90px;
display: block;
height: 37px;
width: 370px;
background-color: #000000;
line-height: 37px;
padding: 0px 0px 0px 20px;
color: #99CC33;
}
#photoUneActu{
height: 300px;
width: 486px;
}
#actuUne p a span.lireLaSuite{
line-height: 37px;
padding: 0px 10px 0px 20px;
color: #99CC33;
background-image:url(rollover_lire_article.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
font-size:x-small;
height:25px;
line-height:25px;
padding: 0px 0px  0px 0px;
text-decoration:none;
width:156px;
color: #FFFFFF;
text-align: center;
position: absolute;
top:-35px;
left: 300px;
}
#actuUne p a:hover span.lireLaSuite{
background-image:url(rollover_lire_article.gif);
background-position:left top;
}

/*-----------------ACTUS---------------*/

#actus{
background-color: #F7F7F7;
position: relative;
padding: 0px 20px 20px 55px;
background-image:url(accueil_bas_bloc_actu.gif);
background-position:left bottom;
background-repeat:no-repeat;
margin: 0px 0px 30px 0px;
}
body.bodyaccueil #actus p.filrss,
body.bodyaccueil #actus p.google,
body.bodyaccueil #actus p.facebook,
body.bodyaccueil #actus p.netvibes {
display: none;
}
#actus p.toutesactus{
margin: 0px 0px  0px 0px;
padding: 0px 0px  0px 0px;
}
#actus p.toutesactus a{
background-image:url(rollover_lire_article.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
font-size:x-small;
height:25px;
line-height:25px;
margin:0 auto;
padding: 0px 0px  0px 0px;
text-decoration:none;
width:156px;
color: #FFFFFF;
text-align: right;
position: absolute;
bottom:-25px;
right:0px;
}
#actus p.toutesactus a:hover{
background-position:left bottom;
}
#actus p.toutesactus a span{
padding: 0px 5px 0px 0px;
}
#actus p a strong{
color: #99CC33;
}
#actus p a{
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.bodyAnnuaire #inter div#dirList ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu {
padding: 0px 0px 10px 0px;
margin: 0px 0px 30px 0px;
border-bottom: #FF9900 1px solid;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li,
body.bodyAnnuaire #inter h3.annuaire_path,
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color:#f2f2f2;
background-image: url(plus_vert.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
font-weight: bold;
font-size: small;
padding: 6px 0px 0px 20px;
margin: 0px 0px 3px 0px;
}
body.bodyAnnuaire #inter div#dirList ul li a,
body.bodyAnnuaire #inter ul.rubriqueAnnu li a,
body.bodyAnnuaire #inter h3.annuaire_path a,
body.bodyAnnuaire #inter p.lienbasliste a {
text-decoration: none;
color: #666666;
}
body.bodyAnnuaire #inter div#dirList ul li ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul{
border-top: #999999 1px solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -20px;
background-color: #FFFFFF;
}
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color: #FFFFFF;
background-image: url(plus_jaune.gif);
}
body.bodyAnnuaire #inter h3 a{
color: #666666;
}
body.bodygenerique #form.resultat h4,
body.bodyAnnuaire #inter h4 {
margin: 0px 0px 5px 0px
}
body.bodygenerique #inter h4 a.titrePresta,
body.bodyAnnuaire #inter h4 a{
display:block;
color: #666666;
border-top: #999999 1px solid;
border-bottom: #999999 1px solid;
border-left: 5px #FF9900 solid;;
text-decoration: none;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
body.bodygenerique #inter h4 a.titrePresta:hover,
body.bodyAnnuaire #inter h4 a:hover{
color: #333333;
border-left: 5px #93B739 solid;
}
body.bodygenerique #inter p.listannu,
body.bodyAnnuaire #inter p.listannu{
background-color:#f2f2f2;
padding: 10px 10px 10px 10px;
margin: -10px 0px 10px 0px;
}
body.bodyAnnuaire #inter p.listannu{
background-color:#f2f2f2;
padding: 10px 10px 10px 10px;
margin: -5px 0px 10px 0px;
}
body.bodyAnnuaire #inter p.lienbasliste{
text-transform: uppercase;
color: #4C8211;
border-bottom: #999999 1px solid;
background-image: url(plus_vert.gif);
background-repeat: no-repeat;
background-position: 5px center;
text-decoration: none;
padding: 2px 0px 3px 20px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter span.exergue01{
background-image: url(puce-evenement.gif);
background-repeat: no-repeat;
background-position: 5px center;
padding: 0px 0px 0px 15px;
}
body.bodyAnnuaire #inter form div#para0101 label{
width: 80px;
}
body #inter form.resultat div input#id0001{
margin: 0px 0px 0px 10px;
width: 295px;
}
body #inter form.resultat div.submit input{
margin: 0px 0px 0px 120px;
}
/*----RIGHT ACCUEIL----*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- POST-IT ---*/
#menuExtranet,
#contentPostIt{
margin: 0px 0px 20px 20px;
}
body.body01 #right #postIt h3{
color: #FF9900;
}
body.body02 #right #postIt h3{
color: #97B314;
}
body.body03 #right #postIt h3{
color: #0099CC;
}
body.body04 #right #postIt h3{
color: #B215A2;
}
body.body05 #right #postIt h3{
color: #CD071E;
}
/*---BLOC -CITOYEN---*/
#content_bloc_citoyen{
width: 255px;
float: left;
}
/*---BLOC -CITOYEN PAGE INTER ET GENERIQUE---*/
body.body01 #content_bloc_citoyen,
body.body02 #content_bloc_citoyen,
body.body03 #content_bloc_citoyen,
body.body04 #content_bloc_citoyen,
body.body05 #content_bloc_citoyen,
body.body06 #content_bloc_citoyen,
body.bodygenerique #content_bloc_citoyen{
width: 186px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
body.bodygenerique #arrondi_haut,
body.body01 #arrondi_haut,
body.body02 #arrondi_haut,
body.body03 #arrondi_haut,
body.body04 #arrondi_haut,
body.body05 #arrondi_haut{
background: #ffffff url(bg_bloc_citoyen_bas_inter01.gif);
background-repeat: no-repeat;
background-position: bottom left;
float: right;
width: 186px;
}
body.bodygenerique #arrondi_bas,
body.body01 #arrondi_bas,
body.body02 #arrondi_bas,
body.body03 #arrondi_bas,
body.body04 #arrondi_bas,
body.body05 #arrondi_bas{
background:transparent url(bg_bloc_citoyen_haut_inter01.gif);
background-repeat: no-repeat;
background-position: top left;
float: right;
width: 186px;
padding: 0px 0px 0px 0px;
}
body.bodygenerique #bloc_citoyen,
body.body01 #bloc_citoyen,
body.body02 #bloc_citoyen,
body.body03 #bloc_citoyen,
body.body04 #bloc_citoyen,
body.body05 #bloc_citoyen{
margin: 10px 0px 0px 0px;
}
body.bodygenerique #bloc_citoyen ul,
body.body01 #bloc_citoyen ul,
body.body02 #bloc_citoyen ul,
body.body03 #bloc_citoyen ul,
body.body04 #bloc_citoyen ul,
body.body05 #bloc_citoyen ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
float: left;
}
body.bodygenerique #bloc_citoyen ul li,
body.body01 #bloc_citoyen ul li,
body.body02 #bloc_citoyen ul li,
body.body03 #bloc_citoyen ul li,
body.body04 #bloc_citoyen ul li,
body.body05 #bloc_citoyen ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px; 
float: left;
}
body.bodygenerique #bloc_citoyen ul li a,
body.body01 #bloc_citoyen ul li a,
body.body02 #bloc_citoyen ul li a,
body.body03 #bloc_citoyen ul li a,
body.body04 #bloc_citoyen ul li a,
body.body05 #bloc_citoyen ul li a{
display: block;
width: 70px;
}
body.bodygenerique #bloc_citoyen ul li a span,
body.body01 #bloc_citoyen ul li a span,
body.body02 #bloc_citoyen ul li a span,
body.body03 #bloc_citoyen ul li a span,
body.body04 #bloc_citoyen ul li a span,
body.body05 #bloc_citoyen ul li a span{
position: absolute;
top:-5000px;
left: -5000px;
}
body.bodygenerique #bloc_citoyen ul li.espace_citoyen a,
body.body01 #bloc_citoyen ul li.espace_citoyen a,
body.body02 #bloc_citoyen ul li.espace_citoyen a,
body.body02 #bloc_citoyen ul li.espace_citoyen a,
body.body03 #bloc_citoyen ul li.espace_citoyen a,
body.body04 #bloc_citoyen ul li.espace_citoyen a,
body.body05 #bloc_citoyen ul li.espace_citoyen a{
background: url(espace_citoyen.gif);
background-position: center bottom;
height: 90px;
}
body.bodygenerique #bloc_citoyen ul li.espace_citoyen a:hover,
body.body01 #bloc_citoyen ul li.espace_citoyen a:hover,
body.body02 #bloc_citoyen ul li.espace_citoyen a:hover,
body.body03 #bloc_citoyen ul li.espace_citoyen a:hover,
body.body04 #bloc_citoyen ul li.espace_citoyen a:hover,
body.body05 #bloc_citoyen ul li.espace_citoyen a:hover{
background: url(espace_citoyen.gif);
background-position: center top;
}
body.bodygenerique #bloc_citoyen ul li.carte_interactive a,
body.body01 #bloc_citoyen ul li.carte_interactive a,
body.body02 #bloc_citoyen ul li.carte_interactive a,
body.body03 #bloc_citoyen ul li.carte_interactive a,
body.body04 #bloc_citoyen ul li.carte_interactive a,
body.body05 #bloc_citoyen ul li.carte_interactive a{
background: url(carte_interactive.gif);
height: 99px;
background-position: center bottom;
background-repeat: no-repeat;
}
body.bodygenerique #bloc_citoyen ul li.carte_interactive a:hover,
body.body01 #bloc_citoyen ul li.carte_interactive a:hover,
body.body02 #bloc_citoyen ul li.carte_interactive a:hover,
body.body03 #bloc_citoyen ul li.carte_interactive a:hover,
body.body04 #bloc_citoyen ul li.carte_interactive a:hover,
body.body05 #bloc_citoyen ul li.carte_interactive a:hover{
background: url(carte_interactive.gif);
background-position: center top;
}
body.bodygenerique #bloc_citoyen ul li.demarche_ligne a,
body.body01 #bloc_citoyen ul li.demarche_ligne a,
body.body02 #bloc_citoyen ul li.demarche_ligne a,
body.body03 #bloc_citoyen ul li.demarche_ligne a,
body.body04 #bloc_citoyen ul li.demarche_ligne a,
body.body05 #bloc_citoyen ul li.demarche_ligne a{
background: url(demarche_en_ligne.gif);
background-position: center bottom;
height: 92px;
margin: 5px 0px 0px 10px;
}
body.bodygenerique #bloc_citoyen ul li.demarche_ligne a:hover,
body.body01 #bloc_citoyen ul li.demarche_ligne a:hover,
body.body02 #bloc_citoyen ul li.demarche_ligne a:hover,
body.body03 #bloc_citoyen ul li.demarche_ligne a:hover,
body.body04 #bloc_citoyen ul li.demarche_ligne a:hover,
body.body05 #bloc_citoyen ul li.demarche_ligne a:hover{
background: url(demarche_en_ligne.gif);
background-position: center -7px;
}
body.bodygenerique #bloc_citoyen ul li.annuaire_assos a,
body.body01 #bloc_citoyen ul li.annuaire_assos a,
body.body02 #bloc_citoyen ul li.annuaire_assos a,
body.body03 #bloc_citoyen ul li.annuaire_assos a,
body.body04 #bloc_citoyen ul li.annuaire_assos a,
body.body05 #bloc_citoyen ul li.annuaire_assos a{
background: url(annuaire_association.gif);
height: 92px;
width: 75px;
background-position: center bottom;
background-repeat: no-repeat;
margin: 10px 0px 0px 7px;
}
body.bodygenerique #bloc_citoyen ul li.annuaire_assos a:hover,
body.body01 #bloc_citoyen ul li.annuaire_assos a:hover,
body.body02 #bloc_citoyen ul li.annuaire_assos a:hover,
body.body03 #bloc_citoyen ul li.annuaire_assos a:hover,
body.body04 #bloc_citoyen ul li.annuaire_assos a:hover,
body.body05 #bloc_citoyen ul li.annuaire_assos a:hover{
background: url(annuaire_association.gif);
background-position: center top;
}
body.bodygenerique #bloc_citoyen ul li.dome a,
body.body01 #bloc_citoyen ul li.dome a,
body.body02 #bloc_citoyen ul li.dome a,
body.body03 #bloc_citoyen ul li.dome a,
body.body04 #bloc_citoyen ul li.dome a,
body.body05 #bloc_citoyen ul li.dome a{
background: url(le_dome.gif);
background-position: center bottom;
height: 92px;
width: 80px;
}
body.bodygenerique #bloc_citoyen ul li.dome a:hover,
body.body01 #bloc_citoyen ul li.dome a:hover,
body.body02 #bloc_citoyen ul li.dome a:hover,
body.body03 #bloc_citoyen ul li.dome a:hover,
body.body04 #bloc_citoyen ul li.dome a:hover,
body.body05 #bloc_citoyen ul li.dome a:hover{
background: url(le_dome.gif);
background-position: center top;
}
body.bodygenerique #bloc_citoyen ul li.agenda21 a,
body.body01 #bloc_citoyen ul li.agenda21 a,
body.body02 #bloc_citoyen ul li.agenda21 a,
body.body03 #bloc_citoyen ul li.agenda21 a,
body.body04 #bloc_citoyen ul li.agenda21 a,
body.body05 #bloc_citoyen ul li.agenda21 a{
height: 92px;
width: 55px;
background: url(agenda21.gif);
background-position: center bottom;
margin: -0px 0px 0px 10px;
}
body.bodygenerique #bloc_citoyen ul li.agenda21 a:hover,
body.body01 #bloc_citoyen ul li.agenda21 a:hover,
body.body02 #bloc_citoyen ul li.agenda21 a:hover,
body.body03 #bloc_citoyen ul li.agenda21 a:hover,
body.body04 #bloc_citoyen ul li.agenda21 a:hover,
body.body05 #bloc_citoyen ul li.agenda21 a:hover{
background: url(agenda21.gif);
background-position: center top;
}
body.bodygenerique #bloc_citoyen ul li.agenda_citoyen a,
body.body01 #bloc_citoyen ul li.agenda_citoyen a,
body.body02 #bloc_citoyen ul li.agenda_citoyen a,
body.body03 #bloc_citoyen ul li.agenda_citoyen a,
body.body04 #bloc_citoyen ul li.agenda_citoyen a,
body.body05 #bloc_citoyen ul li.agenda_citoyen a{
height: 92px;
width: 55px;
background: url(agenda_citoyen.gif);
background-position: center bottom;
margin: 2px 0px 0px 7px;
}
body.bodygenerique #bloc_citoyen ul li.agenda_citoyen a:hover,
body.body01 #bloc_citoyen ul li.agenda_citoyen a:hover,
body.body02 #bloc_citoyen ul li.agenda_citoyen a:hover,
body.body03 #bloc_citoyen ul li.agenda_citoyen a:hover,
body.body04 #bloc_citoyen ul li.agenda_citoyen a:hover,
body.body05 #bloc_citoyen ul li.agenda_citoyen a:hover{
background: url(agenda_citoyen.gif);
background-position: center top;
}
body.bodygenerique #bloc_citoyen ul li.securite a,
body.body01 #bloc_citoyen ul li.securite a,
body.body02 #bloc_citoyen ul li.securite a,
body.body03 #bloc_citoyen ul li.securite a,
body.body04 #bloc_citoyen ul li.securite a,
body.body05 #bloc_citoyen ul li.securite a{
height: 92px;
width: 55px;
background: url(securite.gif);
background-position: center bottom;
margin: 0px 0px 0px 7px;
}
body.bodygenerique #bloc_citoyen ul li.securite a:hover,
body.body01 #bloc_citoyen ul li.securite a:hover,
body.body02 #bloc_citoyen ul li.securite a:hover,
body.body03 #bloc_citoyen ul li.securite a:hover,
body.body04 #bloc_citoyen ul li.securite a:hover,
body.body05 #bloc_citoyen ul li.securite a:hover{
background: url(securite.gif);
background-position: center top;
}
/*--- EXTRANET---*/
#inter #logintra {
background:url(accueil_degrade_colDroite.gif) bottom center;
padding: 20px 20px 20px 20px;
margin: 0px;
}
#logintra div label {
float:left;
width:120px;
font-weight: bold;
}
#logintra div input{
margin: 0px 0px 5px 0px;
border: #FF9900 1px solid;
text-align: center;
}
#logintra div input.bouton{
display: block;
width:142px;
margin: 0px 0px 0px 120px;
border: #FF9900 1px solid;
background: #F2F2F2;
text-align: center;
font-size: medium;
}
#logintra div input.bouton:hover{
background: #B1D862;
}
/*---BLOC -CITOYEN PAGE ACCUEIL---*/
body.bodyaccueil #content_bloc_citoyen{
display : block;
}
body.bodyaccueil #arrondi_haut{
background-image: url(bg_bloc_citoyen_haut.gif);
background-repeat: no-repeat;
background-position: top left;
height:14px;
float: right;
width: 256px;
position: relative;
}
body.bodyaccueil #arrondi_bas{
background-image: url(bg_bloc_citoyen_bas.gif);
background-repeat: no-repeat;
background-position: bottom left;
height:15px;
float: right;
width: 256px;
margin: 0px 0px 10px 0px;
}
body.bodyaccueil #rectangle{
height:35px;
width:5px;
background-color:#B215A2;
position: absolute;
top:25px;
left:2px;
z-index: 99;
}
body.bodyaccueil #bloc_citoyen{
width: 256px;
float:right;
background-image: url(bg_bloc_citoyen_cote.gif);
background-repeat: repeat-y;
background-position: top left;
/*position: relative;*/
}
body.bodyaccueil #bloc_citoyen ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}
body.bodyaccueil #bloc_citoyen ul li{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px; 
}
body.bodyaccueil #bloc_citoyen ul li a{
display: block;
width: 70px;
}
body.bodyaccueil #bloc_citoyen ul li a span{
position: absolute;
top:-5000px;
left: -5000px;
}
body.bodyaccueil #bloc_citoyen ul li.espace_citoyen a{
background: url(espace_citoyen.gif);
background-position: center bottom;
height: 90px;
}
body.bodyaccueil #bloc_citoyen ul li.espace_citoyen a:hover{
background: url(espace_citoyen.gif);
background-position: center top;
}
body.bodyaccueil #bloc_citoyen ul li.carte_interactive a{
background: url(carte_interactive.gif);
height: 99px;
background-position: center bottom;
background-repeat: no-repeat;
}
body.bodyaccueil #bloc_citoyen ul li.carte_interactive a:hover{
background: url(carte_interactive.gif);
background-position: center top;
}
body.bodyaccueil #bloc_citoyen ul li.demarche_ligne a{
background: url(demarche_en_ligne.gif);
height: 99px;
background-position: center bottom;
}
body.bodyaccueil #bloc_citoyen ul li.demarche_ligne a:hover{
background: url(demarche_en_ligne.gif);
background-position: center top;
}
body.bodyaccueil #bloc_citoyen ul li.annuaire_assos a{
background: url(annuaire_association.gif);
height: 92px;
width: 75px;
background-position: center bottom;
background-repeat: no-repeat;
}
body.bodyaccueil #bloc_citoyen ul li.annuaire_assos a:hover{
background: url(annuaire_association.gif);
background-position: center top;
}
body.bodyaccueil #bloc_citoyen ul li.dome a{
background: url(le_dome.gif);
background-position: center bottom;
height: 92px;
}
body.bodyaccueil #bloc_citoyen ul li.dome a:hover{
background: url(le_dome.gif);
background-position: center top;
}
body.bodyaccueil #bloc_citoyen ul li.securite a{
background: url(securite.gif);
background-position: center bottom;
height: 92px;
}
body.bodyaccueil #bloc_citoyen ul li.securite a:hover{
background: url(securite.gif);
background-position: center top;
}
body.bodyaccueil #bloc_citoyen ul li.agenda21 a{
height: 92px;
width: 55px;
background: url(agenda21.gif);
background-position: center bottom;
margin: 3px 0px 0px 0px;
}
body.bodyaccueil #bloc_citoyen ul li.agenda21 a:hover{
background: url(agenda21.gif);
background-position: center top;
}
/*--------------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
#inter #formfindcalendar label{
display: none;
}
#inter #formfindcalendar .footer {
display: none;
}
#inter #oCalendar table th{
background: url(header_background01.gif) repeat-x bottom center;
color: #666666;
}
#inter #oCalendar table th,
#inter #oCalendar table td{
border: #CCCCCC 1px solid;
text-align: center;
}
#inter #formfindcalendar .footer {
display: none;
}
body.bodyaccueil #events {
position: relative;
color: #B215A2;
margin: 0px 0px 30px 0px;
padding: 0px 0px 10px 0px;
float:right;
display: inline;
}
body.bodyaccueil #eventslist {
background-color: #F7F7F7;
padding: 0px 0px 10px 0px;
}
body.bodyaccueil #events h2{
background-color: #B215A2;
color:#FFFFFF;
font-size:medium;
padding:0 0 0 5px;
margin:0px 0px 0px 0px;
}
body.bodyaccueil #events p.informe{
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #F7F7F7;
font-size: x-small;
padding: 5px 0px 5px 5px;
margin: 3px 0px 3px 0px;
height: 15px;
}
body.bodyaccueil #events p.filrss a,
body.bodyaccueil #events p.google a,
body.bodyaccueil #events p.facebook a,
body.bodyaccueil #events p.netvibes a{
display: block;
height:20px;
width: 20px;
position: absolute;
background-position: right bottom;
background-repeat: no-repeat;
top: 26px;
}
body.bodyaccueil #events p.filrss a{
background-image: url(picto_rss_fd_gris.gif);
right: 65px;
}
body.bodyaccueil #events p.google a{
background-image: url(picto_google_fd_gris.gif);
right: 45px;
}
body.bodyaccueil #events p.facebook a{
background-image: url(picto_facebook_fd_gris.gif);
right: 25px;
}
body.bodyaccueil #events p.netvibes a{
background-image: url(picto_netvibes_fd_gris.gif);
right: 5px;
}
body.bodyaccueil #events p.netvibes a span,
body.bodyaccueil #events p.facebook a span,
body.bodyaccueil #events p.google a span,
body.bodyaccueil #events p.filrss a span{
color: #ffffff;
position: absolute;
left: -5000px;
top: -5000px;
}
body.bodyaccueil div.eventline{
padding: 0px 5px 5px 5px;
}
body.bodyaccueil div.eventline img{
float: right;
}
body.bodyaccueil div.eventline strong{

}

body.bodyaccueil div.eventline p{
padding: 10px 0px 0px 0px;
margin: 0px 0px 10px 0px;
border-top: 2px #FFFFFF solid;
}
body.bodyaccueil div.eventline a{
text-decoration: none;
color: #B215A2;
margin:20px 0px 0px 0px;
}
body.bodyaccueil div.eventline a:hover{
color:#0099CC;
}
body.bodyaccueil div.eventline ul{
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
display: inline;
}
body.bodyaccueil div.eventline ul li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline;
}
p.toutevents a{
background-image:url(rollover_voir_evenements.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
font-size:x-small;
height:25px;
line-height:25px;
margin:0 auto;
padding: 0px 0px  0px 0px;
text-decoration:none;
width:156px;
color: #FFFFFF;
text-align: right;
}
p.toutevents a:hover{
background-position: bottom left;
}
p.toutevents a span{
padding: 0px 5px 0px 0px;
margin: 0px 0px 0px 0px;
}
p.toutevents {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
right: 0px;
bottom: 0px;
width: 156px;
}
/*--------------------------------------------------------------------------------------------------------*/
/*--- COLONNE DROITE/ PHOTOTHEQUE___SONDAGE---*/
#colDroiteAccueil{
float: left;
width: 204px;
margin: 0px 0px 0px 6px;
background-image: url(accueil_degrade_colDroite.gif);
background-repeat: repeat-x;
background-position: top center;
}
#colDroiteAccueil h2{
color: #FFFFFF;
font-size: medium;
padding: 0px 0px 0px 3px;
margin: 0px 0px 0px 0px;
}
#imgPhotoAccueil{
width: 204px;
margin: 0px auto 0px auto;
}
#imgPhotoAccueil img{
display: block;
margin: 0px auto 2px auto;
border: 2px solid #FFFFFF;
}
#txtPhotoAccueil a,
#txtPhotoAccueil p a,
#txtPhotoAccueil span a{
line-height: 25px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-align: center;
text-decoration: none;
font-size: x-small;
display: block;
width: 196px;
height: 25px;
background-image: url(rollover_txt_accueil_photo.gif);
background-repeat: no-repeat;
background-position: top left;
}
#txtPhotoAccueil a:hover,
#txtPhotoAccueil p a:hover,
#txtPhotoAccueil span a:hover{
background-position: bottom left;
}
p#voirPhototheque {
height: 25px;
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
p#voirPhototheque a{
line-height: 25px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-align: center;
text-decoration: none;
font-size: x-small;
display: block;
width: 196px;
height: 25px;
background-image: url(rollover_voir_phototheque.gif);
background-repeat: no-repeat;
background-position: top left;
}
#voirPhototheque a:hover{
background-position: bottom left;
color: #FFFFFF;
}
#sondage{
margin: 10px 0px 0px 0px;
}
#sondage h3{
font-size: medium;
color: #4E4E4E;
margin: 0px 0px 0px 7px;
}
#sondage p{
margin: 0px 7px 0px 7px;
}
div#sondage p.response {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #inter form.poll {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #inter form.poll .question {
font-weight: normal;
margin: 0px 0px 0px 10px;
}
body.bodyaccueil #inter form.poll .submit input {
width: 197px;
height: 24px;
background-color: transparent;
border:none;
/*color: transparent;*/
font-weight: normal;
margin: 0px 0px 0px 0px;
}
.diaporama,
.actuLigne{
width: 495px;
float: left;
padding: 10px 10px 10px 10px;
margin: 0px 0px 5px 0px;
clear: both;
background: #FFFFFF url(bg_actuLigne.gif) repeat-x top center;
border:#EEEEEE 1px solid;
}
.titreDiapo{
font-weight: bold;
}
.dateDiapo{
color: #853CAF;
}
.voirDiapo a{
display: block; 
text-decoration: none;
text-align: center;
float:right;
/*clear: both;*/
width:130px;
margin: 10px 4px 0px 0px;
border: 1px solid #CCCCCC;
color: #666666;
font-weight: bold;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right {
float: right;
width: 256px;
margin: 0px 0px 0px 0px;
position: relative;
}
#right {
float: right;
width: 180px;
margin: 0px 0px 0px 0px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
display: block;
height: 130px;
width: 100%;
background-image:url(degrade_footer.gif);
background-repeat: repeat-x;
background-position: top center;
font-size: x-small;
}
#footer a{
text-decoration: none;
}
#footer  a:hover{
color: #2DA4D3;
}
#footer a:hover{
text-decoration: underline;
}
/*-- HAUT DE LA PAGE --*/
#hautpage a{
float: left;
display: block;
width: 100px;
height: 80px;
background-image:url(fleche_haut_page.gif);
background-repeat: no-repeat;
background-position: 34px 50px;
padding: 30px 0px 0px 0px;
text-align: center;
}
#hautpage a:hover{
text-decoration: underline;
}
#contacter_mairie{
height: 120px;
width: 160px;
float: right;
border-left: 1px #99cc33 solid;
padding: 0px 0px 0px 10px;
margin: 5px 5px 0px 0px;
}
#contacter_mairie p.tel{
margin: 10px 0px 0px 0px;
width: 120px;
margin: auto
}
#contacter_mairie p{
margin: 0px auto 0px auto;
width: 120px;
}
#contacter_mairie p.mairie{
font-size: small;
}
#contacter_mairie a{
display: block;
height: 30px;
width: 100%;
background-image:url(bout_contacter_mairie.gif);
background-repeat: no-repeat;
background-position: left top;
}
#contacter_mairie a:hover{
height: 30px;
width: 100%;
background-image:url(bout_contacter_mairie.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#liens{
height: 120px;
width: 170px;
float: right;
border-left: 1px #99cc33 solid;
padding: 0px 0px 0px 10px;
margin: 5px 10px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CD071E;
}
div.coul02, .bleu, .coul02 {
color: #009CCA;
}
div.coul03, .gris, .coul03 {
color: #808080;
}
div.coul04, .orange, .coul04 {
color: #FF9900;
}
div.coul05, .vert, .coul05 {
color: #97B314;
}
div.coul06, .violet, .coul06 {
color: #B215A2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CD071E;
}
img.bord02, .bordureBleue {
border: 1px solid #009CCA;
}
img.bord03, .bordureGrise {
border: 1px solid #808080;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #97B314;
}
img.bord06, .bordureViolette {
border: 1px solid #B215A2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/

body.body01, .vieMunicipale{}
body.body02, .decouvrirSaintAve{}
body.body03, .saintAvePratique{}
body.body04, .loisirsEtCulture{}
body.body05, .economieEmploi{}
body.bodygenerique, .pageGenerique{}


/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #FF9900;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title a{
text-align: left;
color: #FF9900;
font-weight: bold;
text-transform: uppercase;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
.result td.description strong{
color:#0099CC;
}
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 #000000;
padding: 3px;
vertical-align: top;
}
th {
background-color: #CCCCCC;
color: #FFFFFF;
}
/*---BODY01---*/
body.body01 th,
body.body01 td {
border: 1px solid #FF9900;
}
body.body01 th {
background-color: #FF9900;
color: #FFFFFF;
}
/*---BODY02---*/
body.body02 th,
body.body02 td {
border: 1px solid #97B314;
}
body.body02 th {
background-color: #97B314;
color: #FFFFFF;
}
/*---BODY03---*/
body.body03 th,
body.body03 td {
border: 1px solid #0099CC;
}
body.body03 th {
background-color: #0099CC;
color: #FFFFFF;
}
/*---BODY04---*/
body.body04 th,
body.body04 td {
border: 1px solid #B215A2;
}
body.body04 th {
background-color: #B215A2;
color: #FFFFFF;
}
/*---BODY05---*/
body.body05 th,
body.body05 td {
border: 1px solid #CD071E;
}
body.body05 th {
background-color: #CD071E;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
body.bodygenerique #plandusite h3.plan01 a{
color: #FF9900;
text-decoration: underline;
}
body.bodygenerique #plandusite h3.plan02 a{
color: #97B314;
text-decoration: underline;
}
body.bodygenerique #plandusite h3.plan03 a{
color: #0099CC;
text-decoration: underline;
}
body.bodygenerique #plandusite h3.plan04 a{
color: #B215A2;
text-decoration: underline;
}
body.bodygenerique #plandusite h3.plan05 a{
color: #CD071E;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
position: relatif;
}
#inter #formfindcalendar form {
position: absolute;
z-index:1;
top: 50px;
left: 350px;
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{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter #oCalendar table{
background: #FCFCFC;
margin: 0px 0px 50px 80px;
padding: 0px 0px 0px 0px;
}
div.modemois #oCalendar{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
} 
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: #94B83A;
}
#oCalendar table td.monthOff{
color: #CCCCCC
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modemois #oCalendar table td.empty{
background-color: #F2F2F2;
}
div.modemois #oCalendar table td.today{
background: #FF9900;
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #FF9900;
background-color: #F2F2F2;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #F2F2F2;
color: #666666;
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:#FF9900 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF9900;
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;
background: url(puce-evenement.gif) no-repeat left 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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 #inter p strong a,
body.glossaire #inter h3 a{
color: #FF3333;
text-decoration: none;
font-size: x-large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*------------------------------------------------------------------------------------------------------------*/
/*---FORMULAIRES---*/
body form div.submit input {
width:80px;
margin: 0px 4px 0px 135px;
background-color: #FF9900;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/*---BODY01---*/
body.body01 form div.submit input {
background-color: #FF9900;
border: 1px solid #CCCCCC;
}
/*---BODY02---*/
body.body02 form div.submit input {
background-color: #97B314;
border: 1px solid #CCCCCC;
}
/*---BODY03---*/
body.body03 div.submit input {
background-color: #0099CC;
border: 1px solid #CCCCCC;
}
/*---BODY04---*/
body.body04 form div.submit input {
background-color: #B215A2;
border: 1px solid #CCCCCC;
}
/*---BODY05---*/
body.body05 form div.submit input {
background-color: #CD071E;
border: 1px solid #CCCCCC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ESPACE CITOYEN ---*/
#inter #logintra div input.bouton {
width:30px;
margin: 0px 4px 0px 175px;
background-color: #FF9900;
border: 1px solid #CCCCCC;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #FF9900;
color: #666;
font-size: 0.85em;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
#appreciation .author{
color: #666666;
font-weight: bold;
padding: 5px 0px 5px 40px;
background: url(comments.png) no-repeat left top;
}
#flash_accueil {
height:137px;
width: 709px;
float: right;
}
div#loguer p{
background:url(bg_loguer.gif) no-repeat top left;
padding: 0px 0px 0px 25px;
margin: 5px 0px 0px 340px;
width: 120px;
float: left;
height: 120px;
}
div#loguer span.welcome{
display: block;
width: 100%;
color: #9124A9;
font-size: 0.9em;
}
div#loguer span.nom{
display: block;
width: 100%;
color: #9124A9;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
div#loguer a.deconnecte,
div#loguer a.profil{
display: block;
text-decoration: none;
font-size: 0.9em;
}
div#loguer a.deconnecte{
background: url(bg_deconnexion.png) no-repeat 60px 0px;
}
div#loguer a.profil{
background: url(bg_profil.png) no-repeat 88px -2px;
}
div#loguer a.deconnecte:hover,
div#loguer a.profil:hover{
text-decoration: underline;
}
div#loguer div#contentLoguer{
width: 500px;
height: 50px;
}
div#loguer div#contentLoguer p{
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
color: #FFFFFF;
font-size: 0.9em
}
div#loguer div#contentLoguer p a.deconnecte{
margin: 0px 0px 0px 60px;
color: #FFFFFF;
}
div#loguer div#contentLoguer p a.deconnecte:hover{
margin: 0px 0px 0px 60px;
color: #FFFFFF;
text-decoration: none;
}
#inter p.msgLog{
margin: 0px 0px 0px 140px;
padding: 0px 0px 0px 0px;
}
p.msgLog a{
text-decoration: none;
color: #B215A2;
font-size: 0.85em;
}
p.msgLog a:hover{
text-decoration: underline;
}