html{
background-color:#fff;
}
body {
margin: 0;
padding: 0;
background:#fff;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}
body.bodyaccueil{
background:url(bg_header_accueil.jpg) no-repeat top center;
}
#bg_container{
background:url(bg_container.gif) no-repeat center 140px ;
}
a {
color: #333333;
}
h1 {
float: left;
margin: 0;
padding: 0;
width: 1px;
height: 1px;
overflow: hidden;
}
#erreur404{
font-size:xx-large;
color:#cc0000;
display:block;
height:50px;
width:600px;
background:#FBFAFA;
border:#ddd 1px solid;
}
/* --- BODY HEADER --- */

body.bodylien01,
body.bodygenerique,
body.bodygen{
background:url(bg_header_sport_loisir.jpg) no-repeat top center;
}
body.bodylien02{
background:url(bg_header_decouvrir.jpg) no-repeat top center;
}
body.bodylien03,
body.bodylien10{
background:url(bg_header_vie_municipale.jpg) no-repeat top center;
}
body.bodylien04{
background:url(bg_header_amenagement_territoire.jpg) no-repeat top center;
}
body.bodylien05{
background:url(bg_header_educative_culturelle.jpg) no-repeat top center;
}
body.bodylien06{
background:url(bg_header_sport_loisir.jpg) no-repeat top center;
}
body.bodylien07{
background:url(bg_header_sanitaire_social.jpg) no-repeat top center;
}
body.bodylien08{
background:url(bg_header_developpement_economique.jpg) no-repeat top center;
}
body.bodylien09,
body.bodylien11{
background:url(bg_header_evenement.jpg) no-repeat top center;
}

/*-- H2 --*/
#contenu{
color:#fff;
}
h2 {
margin: 0;
padding: 0px 0px 0px 0px;
font-size: large;
}
body.bodyaccueil #inter h2{
display:block;
padding:0px 0px 0px 6px;
margin:0px 0px 0px 0px;
font-size:157%;
letter-spacing:1px;
height:50px;
width:595px;
color:#fff;
background-image:url(bandeau_inter_rouge.jpg);
}
#interpopup h2,
#inter h2{
display:block;
padding:2px 0px 0px 10px;
margin:0px 0px 0px 0px;
font-size:large;
letter-spacing:1px;
height:35px;
width:595px;
color:#fff;
background-repeat: no-repeat;
background-position : top left;
}
body.bodylien01 #inter h2{
background-image:url(bandeau_inter_rouge.jpg);
}
body.bodylien02 #inter h2{
background-image:url(bandeau_inter_marron.jpg) ;
}
body.bodylien03 #inter h2{
background-image:url(bandeau_inter_jaune.jpg);
color:#333;
}
body.bodylien03 #inter h2 a{
color:#333;
}
body.bodylien04 #inter h2{
background-image:url(bandeau_inter_vert_fonce.jpg);
}
body.bodylien05 #inter h2{
background-image:url(bandeau_inter_vert_pomme.jpg);
}
body.bodypopup #interpopup h2,
body.bodygenerique #inter h2,
body.bodylien06 #inter h2{
background-image:url(bandeau_inter_bleue.jpg);
}
body.bodylien07 #inter h2{
background-image:url(bandeau_inter_bleue_dark.jpg);
}
body.bodylien08 #inter h2{
background-image:url(bandeau_inter_violet.jpg);
}
body.bodylien09 #inter h2{
background-image:url(bandeau_inter_rouge_sombre.jpg);
}
body.bodylien10 #inter h2{
background-image:url(bandeau_inter_orange.jpg);
}
body.bodylien11 #inter h2{
background-image:url(bandeau_inter_gris.jpg);
}
body.bodygenerique #inter h2 a,
body.bodylien01 #inter h2 a,
body.bodylien02 #inter h2 a,
body.bodylien04 #inter h2 a,
body.bodylien05 #inter h2 a,
body.bodygenerique #inter h2 a,
body.bodylien06 #inter h2 a,
body.bodylien07 #inter h2 a,
body.bodylien08 #inter h2 a,
body.bodylien09 #inter h2 a,
body.bodylien09 #inter h2 a,
body.bodylien10 #inter h2 a,
body.bodylien11 #inter h2 a{
color: #FFFFFF;
}
h3{
margin:0px;
padding:0px;
}

/* --- Heading Lien01 --- */
 
body.bodylien01 h3{
color:#cc0000;
font-variant:small-caps;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien01 h4{
color:#cc0000;
}
body.bodylien01 h5{
color:#000;
text-indent:20px;
text-decoration:none;
}
body.bodylien01 h3 a,
body.bodylien01 h4 a {
color:#cc0000;
}
body.bodylien01 h5 a {
color:#000;
}
/* --- Heading Lien02 --- */
 
body.bodylien02 h3{
color:#cc6600;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien02 h4{
color:#cc6600;
font-size:medium;
}
body.bodylien02 h5{
color:#cc6600;
font-size:small;
}
body.bodylien02 h3 a,
body.bodylien02 h4 a {
color:#cc6600;
}
body.bodylien02 h5 a{
color:#000;
}
/* --- Heading Lien03 --- */
 
body.bodylien03 h3{
color:#ffcc00;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien03 h4{
color:#ffcc00;
font-size:medium;
}
body.bodylien03 h5{
color:#000;
font-size:small;
}
body.bodylien03 h3 a,
body.bodylien03 h4 a {
color:#ffcc00;
}
body.bodylien03 h5 a{
color:#000;
}
/* --- Heading Lien04 --- */
 
body.bodylien04 h3{
color:#336600;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien04 h4{
color:#336600;
font-size:medium;
}
body.bodylien04 h5{
color:#000;
font-size:small;
}
body.bodylien04 h3 a,
body.bodylien04 h4 a {
color:#336600;
}
body.bodylien04 h5 a{
color:#000;
}
/* --- Heading Lien05 --- */
 
body.bodylien05 h3{
color:#009900;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien05 h4{
color:#009900;
font-size:medium;
}
body.bodylien05 h5{
color:#000;
font-size:small;
}
body.bodylien05 h3 a,
body.bodylien05 h4 a {
color:#009900;
}
body.bodylien05 h5 a{
color:#000;
}
/* --- Heading Lien06 --- */
 
body.bodypopup #interpopup h3,
body.bodygenerique h3,
body.bodylien06 h3{
color:#3399cc;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodypopup #interpopup h4,
body.bodygenerique h4,
body.bodylien06 h4{
color:#3399cc;
font-size:medium;
}
body.bodypopup #interpopup h5,
body.bodygenerique h5,
body.bodylien06 h5{
color:#000;
font-size:small;
}
body.bodylien05 h3 a,
body.bodylien05 h4 a {
color:#009900;
}
body.bodypopup #interpopup h3 a,
body.bodygenerique h3 a,
body.bodylien06 h3 a
body.bodypopup #interpopup h4 a,
body.bodygenerique h4 a,
body.bodylien06 h4 a {
color:#3399cc;
}
body.bodypopup #interpopup h5 a,
body.bodygenerique h5 a,
body.bodylien06 h5 a{
color:#000;
}
/* --- Heading Lien07 --- */
 
body.bodylien07 h3{
color:#006699;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien07 h4{
color:#006699;
font-size:medium;
}
body.bodylien07 h5{
color:#000;
font-size:small;
}

body.bodylien07 h3 a,
body.bodylien07 h4 a {
color:#006699;
}
body.bodylien07 h5 a{
color:#000;
}
/* --- Heading Lien08 --- */
body.bodylien08 h3{
color:#660099;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien08 h4{
color:#660099;
font-size:medium;
}
body.bodylien08 h5{
color:#000;
font-size:small;
}
body.bodylien08 h3 a,
body.bodylien08 h4 a {
color:#660099;
}
body.bodylien08 h5 a{
color:#000;
}
/* --- Heading Lien09 --- */
 
body.bodylien09 h3{
color:#990000;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien09 h4{
color:#990000;
font-size:medium;
}
body.bodylien09 h5{
color:#000;
font-size:small;
}
body.bodylien09 h3 a,
body.bodylien09 h4 a {
color:#990000;
}
body.bodylien09 h5 a{
color:#000;
}
/* --- Heading Lien10 --- */
 
body.bodylien10 h3{
color: #FA5C1F;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien10 h4{
color: #FA5C1F;
font-size:medium;
}
body.bodylien10 h5{
color:#000;
font-size:small;
}
body.bodylien10 h3 a,
body.bodylien10 h4 a {
color: #FA5C1F;
}
body.bodylien10 h5 a{
color:#000;
}
/* --- Heading Lien11 --- */
 
body.bodylien11 h3{
color: #999999;
font-variant:small-caps;
font-size:medium;
border-bottom:#666 1px dotted;
display:block;
}
body.bodylien11 h4{
color: #999999;
font-size:medium;
}
body.bodylien11 h5{
color:#000;
font-size:small;
}
body.bodylien11 h3 a,
body.bodylien11 h4 a {
color: #999999;
}
body.bodylien11 h5 a{
color:#000;
}

form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
#total {
position: relative;
width: 980px;
margin: auto;
}
/*-- HEADER --*/
#header {
height: 140px;
}
body.bodyaccueil #header_flash{
position:absolute;
top:15px;
left:0px;
z-index:1;
}
body.bodyaccueil #logo{
position:absolute;
top:32px;
left:24px;
z-index:999999;
}
#logo{
position:relative;
top:32px;
left:24px;
}
/* --- MENU DROIT --- */
#menu_droit{
background:url(bg_menu_droit.gif) no-repeat right center;
padding:4px 0px;
}
/* --- PAVE DROITE --- */
#pavedroite {
position:absolute;
top:20px;
right:0px;
z-index:9;
width: 200px;
font-size: x-small;
color: #fff;
}
#pavedroite ul {
margin-top: 0px;
}
#pavedroite ul li {
margin-bottom:8px;
}
#pavedroite a {
}
#pavedroite a.lienaide {
font-weight:bold;
color:#fff;
text-decoration:none;
padding:5px 0px 5px 25px;
background: url(picto_aide.gif) no-repeat 0px 5px;
}
#pavedroite a.lienplan {
font-weight:bold;
color:#fff;
text-decoration:none;
padding:5px 0px 5px 25px;
background: url(picto_plan.gif) no-repeat 0px 5px;
}
#pavedroite a.liencontenu {
font-weight:bold;
color:#fff;
text-decoration:none;
padding:5px 0px 5px 25px;
background: url(picto_contenu.gif) no-repeat 0px 5px;
}
#pavedroite a.liencontact {
font-weight:bold;
color:#fff;
text-decoration:none;
padding:5px 0px 5px 25px;
background: url(picto_contact.gif) no-repeat 0px 5px;
}
#pavedroite #fSearch {
}
#pavedroite #fSearch label{
position:absolute;
top:-3000px;
}
#pavedroite #fSearch input.saisie {
margin-right: 3px;
margin-top:-20px;
width: 120px;
height: 12px;
line-height: 12px;
border: 1px solid #333;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #111;
vertical-align: middle;
}
#pavedroite #fSearch input.bouton {
vertical-align: middle;
margin-top:-25px;
}
/*-- FIL D'ARIANE --*/
#filariane{
width: 590px;
float:left;
height: 18px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
font-size: x-small;
color: #000;
}
#filariane a {
color: #000;
}

/*-- CONTENT --*/
body.bodyaccueil #content {
width:980px;
float:left;
margin-top:8px;
background:url(bg_dotted.gif);
}
#content {
width:980px;
float:left;
margin-top:6px;
background:url(bg_dotted.gif);
}
/*-- INTER --*/
#inter {
float:left;
width:590px;
margin: 0px 0px 0px 15px;
padding-bottom:130px;
}
html > body #inter {
float:left;
width:590px;
margin: 0px 20px 50px 0px;
}

#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li{
margin: 5px 0px 10px 0px;
}

/* --- ul body lien01 --- */
body.bodygenerique #inter ul li,
body.bodylien01 #inter ul li {
background:url(puce01_inter_rouge.jpg) left 7px no-repeat;
padding-left:18px;
}

body.bodygenerique #inter ul ul li,
body.bodylien01 #inter ul ul li {
background:url(puce02_inter_rouge.jpg) left 7px no-repeat;
padding-left:18px;
}

body.bodygenerique #inter ul ul ul li ,
body.bodylien01 #inter ul ul ul li {
background:url(puce03_inter_rouge.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien02 --- */
 
body.bodylien02 #inter ul li {
background:url(puce01_inter_marron.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien02 #inter ul ul li {
background:url(puce02_inter_marron.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien02 #inter ul ul ul li {
background:url(puce03_inter_marron.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien03 --- */
 
body.bodylien03 #inter ul li {
background:url(puce01_inter_jaune.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien03 #inter ul ul li {
background:url(puce02_inter_jaune.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien03 #inter ul ul ul li {
background:url(puce03_inter_jaune.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien04 --- */
 
body.bodylien04 #inter ul li {
background:url(puce01_inter_vert_fonce.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien04 #inter ul ul li {
background:url(puce02_inter_vert_fonce.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien04 #inter ul ul ul li {
background:url(puce03_inter_vert_fonce.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien05 --- */
 
body.bodylien05 #inter ul li {
background:url(puce01_inter_vert_pomme.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien05 #inter ul ul li {
background:url(puce02_inter_vert_pomme.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien05 #inter ul ul ul li {
background:url(puce03_inter_vert_pomme.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien06 --- */
body.bodygenerique #inter ul li,
body.bodylien06 #inter ul li {
background:url(puce01_inter_bleue.jpg) left 7px no-repeat;
padding-left:18px;
}

body.bodygenerique #inter ul ul li,
body.bodylien06 #inter ul ul li {
background:url(puce02_inter_bleue.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodygenerique #inter ul ul ul li,
body.bodylien06 #inter ul ul ul li {
background:url(puce03_inter_bleue.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien07 --- */
 
body.bodylien07 #inter ul li {
background:url(puce01_inter_bleue.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien07 #inter ul ul li {
background:url(puce02_inter_bleue.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien07 #inter ul ul ul li {
background:url(puce03_inter_bleue.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien08 --- */
 
body.bodylien08 #inter ul li {
background:url(puce01_inter_violet.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien08 #inter ul ul li {
background:url(puce02_inter_violet.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien08 #inter ul ul ul li {
background:url(puce03_inter_violet.jpg) left 7px no-repeat;
padding-left:18px;
}
/* --- ul body lien09 --- */
 
body.bodylien09 #inter ul li {
background:url(puce01_inter_rouge_sombre.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien09 #inter ul ul li {
background:url(puce02_inter_rouge_sombre.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodylien09 #inter ul ul ul li {
background:url(puce03_inter_rouge_sombre.jpg) left 7px no-repeat;
padding-left:18px;
}

/* --- ul body lien10 --- */
 
body.bodylien10 #inter ul li {
background:url(puce01_inter_orange.jpg) left 1px no-repeat;
padding-left:18px;
}
body.bodylien10 #inter ul ul li {
background:url(puce02_inter_orange.jpg) left 1px no-repeat;
padding-left:18px;
}
body.bodylien10 #inter ul ul ul li {
background:url(puce03_inter_orange.jpg) -4px 2px no-repeat;
padding-left:18px;
}
/* --- ul body lien11 --- */
 
body.bodylien11 #inter ul li {
background:url(puce01_inter_grise.jpg) left 1px no-repeat;
padding-left:18px;
}
body.bodylien11 #inter ul ul li {
background:url(puce02_inter_grise.jpg) left 1px no-repeat;
padding-left:18px;
}
body.bodylien11 #inter ul ul ul li {
background:url(puce03_inter_grise.jpg) -4px 2px no-repeat;
padding-left:18px;
}

#inter ol {
margin-top: 5px;
padding: 0;
}
#inter ol li {
margin: 0px 0px 10px 15px;
background-image: none;
list-style: decimal;
}

/*-- TOTEM --*/
#totem{
float: right;
width: 160px;
font-size: x-small;
margin:-15px 2px 0px 5px;
padding:0px;
}
html > body #totem{
float: right;
width: 160px;
font-size: x-small;
margin:-15px 5px 0px 5px;
padding:0px;
}
body.bodyaccueil #totem{
float: right;
width: 160px;
font-size: x-small;
margin:0px 2px 0px 5px;
padding:0px;
}
html > body.bodyaccueil #totem{
float: right;
width: 160px;
font-size: x-small;
margin:-0px 5px 0px 5px;
padding:0px;
}
#totem p {
clear: both;
}
#totem ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}
#totem ul li {
}
#totem ul li a {
}
#totem ul li.numerosutiles a {
background-image:url(01_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
text-decoration:none;
font-weight:bold;
}
#totem ul li.numerosutiles a:hover {
background:url(01_bouton_rollover.jpg) 0px 43px;
}
#totem ul li.lienjournal a {
background-image:url(02_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
text-decoration:none;
font-weight:bold;
}
#totem ul li.lienjournal a:hover {
background:url(02_bouton_rollover.jpg) 0px 43px;
}
#totem ul li.accueilpublic a {
background-image:url(03_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#totem ul li.accueilpublic a:hover {
background:url(03_bouton_rollover.jpg) 0px 43px;
color:#000;
}
#totem ul li.droitsdemarches a {
background-image:url(04_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#totem ul li.droitsdemarches a:hover {
background:url(04_bouton_rollover.jpg) 0px 43px;
color:#000;
}
#totem ul li.restauration a {
background-image:url(05_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
#totem ul li.restauration a:hover {
background:url(05_bouton_rollover.jpg) 0px 43px;
color:#000;
}
#totem ul li.liennewsletter a {
background-image:url(08_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
#totem ul li.liennewsletter a:hover {
background:url(08_bouton_rollover.jpg) 0px 43px;
color:#000;
}
#totem ul li.carte_interactive a {
background-image:url(07_bouton_rollover.jpg);
display:block;
height:35px;
width:140px;
line-height:13px;
padding:7px 0px 0px 20px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
#totem ul li.carte_interactive a:hover {
background:url(07_bouton_rollover.jpg) 0px 43px;
color:#000;
}

/*--- POST IT ---*/
#postIt {
}

#bg_postit {
margin:4px;
background:url(bg_postit.gif) repeat-y bottom center;
border:#fff 1px solid;
}
#bg_totem_haut{
background:url(bg_postit_haut.gif)  top center no-repeat;
}
#bg_totem_bas{
background:url(bg_postit_bas.gif)  bottom center no-repeat;
}
#totem_content{
padding:0px 10px 10px 10px;
}
body #totem_content h3{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-size:medium;
color:#8A5442
}
#totem_content h4{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:small;
}
#totem_content p {
margin: 10px 0px 10px 0px;
}
#totem_content ul li{
list-style:none;
background:url(ul_li_05.gif) no-repeat 0px 0px;
padding-left:15px;
margin:0px 0px 0px 0px;
}
#totem_content ul li a{
text-decoration:none;
}
#totem_content ul ul{
margin:10px 0px 0px 0px;
}
#totem_content ul ul li{
list-style-image:none;
background:url(ul_ul_li_05.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
/*-- FOOTER--*/
#footer {
position: relative;
top:-47px;
clear: both;
height:140px;
font-size: x-small;
color: #000033;
background:url(bg_footer.gif) bottom center no-repeat;
margin:auto;
}
#htpageimprim{
position:relative;
top:-50px;
left:-63px;
width:500px;
margin:auto;
clear:both;
}
#hautpage{
display:block;
width:100px;
padding-left:30px;
margin-left:20px;
height:25px;
float:left;
padding-top:10px;
background:url(hautpage.gif) left center no-repeat;
}
#imprim{
display:block;
width:100px;
padding-left:30px;
margin-left:20px;
height:25px;
float:left;
padding-top:10px;
background:url(imprimer.gif) left center no-repeat;
}
#footer ul {
clear:both;
width:500px;
margin:auto;
padding-top:70px;
}
#footer ul li{
display: inline;
}
#footer a {
color: #999999;
background-repeat: no-repeat;
text-decoration:none;
}
#footer a.lienaide {
padding-left: 45px;
background-image: url(handi_footer.gif);
background-position: 0px 0px;
}
#footer a.lienplan {
padding-left: 23px;
background-image: url(plan_footer.gif);
background-position: 0px 0px;
}
#footer a.lieninfos {
padding-left: 20px;
background-image: url(info_footer.gif);
background-position: 0px 0px;
}
#footer a.liencontacts {
padding-left: 20px;
background-image: url(contacts_footer.gif);
background-position: 0px 0px;
}
#footer a.liencredits {
padding-right: 30px;
background-image: url(credits_footer.gif);
background-position: 37px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/
body.bodylien01, .rouge {}
body.bodylien02, .marron {}
body.bodylien03, .jaune {}
body.bodylien04, .vertFonce{}
body.bodylien05, .vert {}
body.bodylien06, .bleu{}
body.bodylien07, .bleuFonce{}
body.bodylien08, .violet {}
body.bodylien09, .rougeFonce{}
body.bodylien10, .orange {}
body.bodylien11, .gris{}
body.bodygenerique, .Generique{}


/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .orange, .coul02 {
color: #CC6600;
}
div.coul03, .jaune, .coul03 {
color: #FFCC00;
}
div.coul04, .vertFonce, .coul04 {
color: #9966CC;
}
div.coul05, .vert, .coul05 {
color: #009900;
}
div.coul06, .bleu, .coul06 {
color: #3399CC;
}
div.coul07, .bleuFonce, .coul07 {
color: #006699;
}
div.coul08, .violet, .coul08 {
color: #660099;
}
div.coul09, .rougeFonce, .coul09 {
color: #990000;
}
div.coul10, .orange, .coul10 {
color: #FA5C1F;
}
div.coul11, .gris, .coul11 {
color: #999999;
}

/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #cc0000;
}
img.bord02, .bordureOrange {
border: 1px solid #CC6600;
}
img.bord03, .bordureJaune {
border: 1px solid #FFCC00;
}
img.bord04, .bordureVertFoncee {
border: 1px solid #336600;
}
img.bord05, .bordureVert {
border: 1px solid #009900;
}
img.bord06, .bordureBleu {
border: 1px solid #3399CC;
}
img.bord07, .bordureBleuFoncee {
border: 1px solid #006699;
}
img.bord08, .bordureViolette{
border: 1px solid #660099;
}
img.bord09, .bordureRougeFoncee {
border: 1px solid #990000;
}
img.bord10, .bordureOrange {
border: 1px solid #FA5C1F;
}
img.bord11, .bordureGrise {
border: 1px solid #999999;
}
/*----*/
a.retourhaut {
float: right;
font-size: x-small;
width: 90px;
background-repeat: no-repeat;
text-decoration: none;
padding-left: 15px;
background-position: 0px 2px;
background-image: url(fleche_haut_generique.gif);
color: #003333;
text-decoration: none;
}
a.retourhaut:hover {
text-decoration: underline;
}
/*-- RESULTAT RECHERCHE --*/
#inter table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #FBFAFA;
vertical-align: top;
color: #333;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
 }
.result td.title {
text-align: left;
background:#EAF2FF;
}
.result td.title a {
font-weight: bold;
color: #666;
 }
.result td.date {
font-size: x-small;
background:#EAF2FF;
 }
.result td.description {
padding-bottom: 10px;
background-color: #FFFEFE;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
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;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 3px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}

/*-- PLAN DU SITE --*/
#inter #plandusite  h3 a{
text-decoration:none;
}
body.bodygenerique #inter #plandusite h3 {
margin: 20px 0px 10px 0px;
font-size: medium;
font-weight: normal;
}
body.bodygenerique #inter #plandusite ul li a {
text-decoration:none;
}
body.bodygenerique #inter #plandusite ul li a:hover {
color:#139EE1;
}
/*-- PAGE D'ACCUEIL --*/
body.bodyaccueil #bg_container{
background:url(bg_container.gif) no-repeat center 270px ;
}
body.bodyaccueil #header {
background-image: url();
height:270px;
}
body.bodyaccueil #content {
}
body.bodyaccueil #filariane {
display: none;
}
body.bodyaccueil #menu {
}
body.bodyaccueil #imprim,
body.bodyaccueil #hautpage{
position:absolute;
top:-3000px;
}
body.bodyaccueil #footer ul {
clear:both;
width:500px;
margin:auto;
padding-top:100px;
}
#actus p.filrss a{
background:url(icon_rss.gif) right center no-repeat;
text-decoration:none;
color:#ff9900;
font-weight:bold;
line-height:12px;width:70px;
padding-right:25px;
}
#actus p.filrss {
width:70px;
float:right;
padding:4px 0px 8px 0px;
}
#actus p.toutesactus{
width:200px;
float:left;
}
#actus p.toutesactus a {
text-decoration:none;
font-weight:bold;
color:#006699;
}
/*-- STYLE POUR LA LISTE DE TOUTES LES ACTUS --*/
.actuLigne,
#actus p {
width:98%;
float:right;
margin:10px 0px 10px 0px;
}
#actus p a {
text-decoration: none;
}
#actus p a:hover {
text-decoration: underline;
}
#actus p a strong {
background:transparent url(bg_menu_ul_li_lien09.gif) no-repeat scroll left 4px;
padding-left:15px;
text-decoration:none;
font-variant:small-caps;
font-size:medium;
color:#333;
}
.actuLigne strong a{
background:transparent url(puce01_inter_violet.jpg) no-repeat scroll left 8px;
padding-left:15px;
text-decoration:none;
font-variant:small-caps;
font-size:medium;
color:#333;
}
body.bodyaccueil #footer #hautpage a{
position:absolute;
top:-3000px;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
/*border: 1px solid #ccc;*/
padding: 3px;
vertical-align: top;
}
th {
/*background-color: #016D70;*/
color: #FFFFFF;
}
body.bodylien01 th {
background-color: #CC0000;
border: 1px solid #CC0000;
}
body.bodylien01 td {
border: 1px solid #CC0000;
}
body.bodylien02 th {
background-color: #cc6600;
border: 1px solid #cc6600;
}
body.bodylien02 td {
border: 1px solid #cc6600;
}
body.bodylien03 th {
background-color: #ffcc00;
border: 1px solid #ffcc00;
}
body.bodylien03 td {
border: 1px solid #ffcc00;
}
body.bodylien04 th {
background-color: #336600;
border: 1px solid#336600;
}
body.bodylien04 td {
border: 1px solid#336600;
}
body.bodylien05 th {
background-color: #009900;
border: 1px solid #009900;
}
body.bodylien05 td {
border: 1px solid #009900;
}
body.bodylien06 th,
body.bodygenerique th {
background-color: #3399cc;
border: 1px solid #3399cc;
}
body.bodylien06 td,
body.bodygenerique td {
border: 1px solid #3399cc;
}
body.bodylien07 th {
background-color: #006699;
border: 1px solid #006699;
}
body.bodylien07 td {
border: 1px solid #006699;
}
body.bodylien08 th {
background-color: #660099;
border: 1px solid #660099;
}
body.bodylien08 td {
border: 1px solid #660099;
}
body.bodylien09 th {
background-color: #990000;
border: 1px solid #990000;
}
body.bodylien09 td {
border: 1px solid #990000;
}
body.bodylien10 th {
background-color: #fa5c1f;
border: 1px solid #fa5c1f;
}
body.bodylien10 td {
border: 1px solid #fa5c1f;
}
body.bodylien11 th {
background-color: #999999;
border: 1px solid #999999;
}
body.bodylien11 td {
border: 1px solid #999999;
}
td {
background-color: #FFFFFF
}
/*  TABLEAU INVISIBLE  */
table.transparent, .tableauInvisible { }
.transparent th,
.transparent td {
border: none;
background-color: #FFFFFF;
color: #333333;
}

/*-------- RSS -------*/
body.bodyrss {
  background:none;
  background-color:#fff;
  margin:7px;
}
body.bodyrss #interrss h1 {
  height: auto;
  width:auto;
  font-size:medium;
  color: #C9493F;
}
body.bodyrss #interrss h2, 
body.bodyrss #interrss h2 a {
  display:block;
  font-size:small;
  color: #006A7A;
}
body.bodyrss #interrss p {
  font-size:x-small;
  margin-left:5px;
  margin-right:5px;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-- AGENDA --*/
#oCalendar {
float: left;
margin-top: 5px;
padding-right: 10px;
width: 175px;
}
#oCalendar table {
border-collapse: collapse;
border: none;
}
#oCalendar table th {
background-color: #8F0463;
border: 1px solid #8F0463;
}
#oCalendar table td {
border: 1px solid #8F0463;
background-color: #EEDAE8;
color: #58023D;
}
#oCalendar table td.days {
font-weight: bold;
font-size: x-small;
}
#oCalendar table td.week {
font-weight: bold;
font-size: x-small;
}
#oCalendar table td.monthOff {
color: #C589B3;
}
#calendar {
float: right;
margin-top: 5px;
border-collapse: collapse;
border: none;
width: 327px;
}
#calendar th {
background-color: #8F0463;
border: 1px solid #8F0463;
text-align: left;
}
#calendar td {
border: 1px solid #8F0463;
background-color: #EEDAE8;
color: #58023D;
}
#calendar td.month {
font-size: medium;
font-weight: bold;
color: #CC0000;
}
#calendar td.date {
font-weight: bold;
width: 90px;
}
#calendar td.time {
font-size: x-small;
padding-top: 6px;
width: 30px;
}
#calendar td.location {
font-size: x-small;
padding-top: 6px;
width: 50px;
}
#calendar td.event {
 
}

/* --- Services Public ---*/

body.bodylien03 #inter #spl_conteneur h2.spl_titre_rech {
background-color:#C4D3FF;
}

body.bodylien03 #inter #spl_piedpage{
background-color:#fff;
}

body.bodylien03 #inter #spl_piedpage ul li a.spl_print{
display:none;
}

body.bodylien03 #inter #spl_conteneur ul li{
background-image:none;
}
body.bodylien03 #inter #spl_conteneur h2{
background-image:none;
}

/* --- BODY POPUP --- */
body.bodypopup #content,
body.bodypopup #bg_container,
body.bodypopup #total{
width:640px;
background-image:none;
float:none;
}
body.bodypopup #interpopup{
padding:50px 20px 20px 20px;
background-image:none;
}
body.bodypopup #headerpopup{
background:url(bg_header_pop.pjg) no-repeat top left;
}
body.bodypopup #headerpopup #logopopup{
position:relative;
top:27px;
left:15px;
width:250px;
}
#footerpop{
background:url(bg_footer_news.gif) bottom left no-repeat;
height:150px;
}