body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family:  Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: small;
color: #333333;
background: url(bgBody.jpg) no-repeat top center fixed;
}
/* --- couleur des liens --- voir styleSiam --- */
h1 {
position: absolute;
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 {
width:960px;
margin:auto;
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
body.accueil #header,
body.accueil #contentHeader {
background: url(bgContentHeaderAccueil.png) no-repeat bottom center;
}
#contentHeader {
float: left;
width: 100%;
background: url(bgContentHeader.png) no-repeat bottom center;
}
#header {
background: url(bgContentHeader.png) no-repeat bottom center;
width:960px;
margin:auto;
height: 160px;
position: relative;
}
#logo {
margin: 20px 0px 0px 50px;
float: left;
}
#versionAnglaise{
float: right;
margin: 13px 10px 0px 0px;
width: 33px;
display: none;
}
#versionAnglaise a{
display: block;
height: 20px;
background: url(english.gif) no-repeat left top;
}
#versionAnglaise a:hover{
background: url(english.gif) no-repeat left -21px;
}
/*--  ZONE LOGUER  --*/
#loguer {
position: absolute;
width: 195px;
top: 40px;
left: 785px;
font-size: x-small;
color: #FFFFFF;
}
#loguer p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#loguer p span.nom {
font-weight: bold;
}
#loguer p a.deconnecte,
#loguer p a.profil {
display: block;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NAVIG_DIRECT---*/
#navigDirect {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
float: right;
width: 180px;
font-size: x-small;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#recherche input.saisie {
background: url(bg_recherche.gif) no-repeat left center;
font-size: x-small;
height: 25px;
line-height: 25px;
color: #018F62;
border: none;
vertical-align: middle;
width: 140px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: auto;
border: none;
background: transparent;
}
#recherche legend,
#recherche label {
display: none;
}
body.bodyLien02 form div.submit input{
background: #90BE7A;
}
body.bodyLien03 form div.submit input{
background: #014F36;
}
body.bodyLien04 form div.submit input{
background: #0F8EB3;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.accueil #content{
background-image: none;
}
#content {
width: 730px;
float: right; 
padding: 10px 0px 0px 0px;
margin: 0px 0px 20px 0px;
background: url(bgContent.png) no-repeat right top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
width: 550px;
padding-left: 20px;
font-size: x-small;
}
body.accueil #filariane {
display: none;
}
#filariane a {
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.accueil #inter {
background-image: none;
color: #FFFFFF;
width: 590px;
padding-top: 0px;
}
#inter {
width: 690px;
float: right; 
margin: 5px 0px 0px 0px;
padding: 10px 20px 50px 20px;
background: url(bgInter.png) repeat right top;
min-height: 300px;
}
#inter p,
#inter_popup p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul,
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#inter_popup ul li{
padding-left: 15px;
background-repeat: no-repeat;
background-position: left 5px;
}
#inter ul li,
#inter_popup ul li{
background-image:url(puce01.gif);
}
#inter ul ul li,
#inter_popup ul ul li{
background-image:url(puce02.gif);
}
#inter ul ul ul li,
#inter_popup ul ul ul li{
background-image:url(puce03.gif);
}
body.bodyLien02 #inter ul li,
#inter ul.listeplan02 li{
background-image:url(puce01Lien04.gif);
}
body.bodyLien02 #inter ul ul li,
#inter ul.listeplan02 ul li{
background-image:url(puce02Lien04.gif);
}
body.bodyLien02 #inter ul ul ul li,
#inter ul.listeplan02 ul ul li{
background-image:url(puce03Lien04.gif);
}
body.bodyLien03 #inter ul li,
#inter ul.listeplan03 li{
background-image:url(puce01Lien02.gif);
}
body.bodyLien03 #inter ul ul li,
#inter ul.listeplan03 ul li{
background-image:url(puce02Lien02.gif);
}
body.bodyLien03 #inter ul ul ul li,
#inter ul.listeplan03 ul ul li{
background-image:url(puce03Lien02.gif);
}
body.bodyLien04 #inter ul li,
#inter ul.listeplan04 li{
background-image:url(puce01Lien03.gif);
}
body.bodyLien04 #inter ul ul li,
#inter ul.listeplan04 ul li{
background-image:url(puce02Lien03.gif);
}
body.bodyLien03 #inter ul ul ul li,
#inter ul.listeplan04 ul ul li{
background-image:url(puce03Lien03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/ 
#actus{
width: 550px;
float: right;
}
p.filrss{
width: 60px;
float: left
}
p.toutesactus{
width: 200px;
float: left
}
p.toutesactus a,
p.filrss a{
padding: 2px 5px 2px 5px;
text-decoration: none;
background-color: #FFFFFF;
}
p.filrss a{
background-image:url(bgRSS.png);
background-repeat: no-repeat;
background-position: 5px center;
padding: 2px 5px 2px 25px;
}
p.toutesactus a:hover,
p.filrss a:hover{
background-color: #90BE7A;
color: #FFFFFF;
}
#actus h2{
position: absolute;
left: -5000px;
}
#actus strong a{
text-transform : uppercase;
font-size: large;
color: #FFFFFF;
text-decoration: none;
}
#actus strong a:hover{
background: #90BE7A;
}
.actuLigne {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 5px 5px 5px 5px;
background-color: #FFFFFF;
}
.actuLigne strong{
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING --- Voir styleSiam ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
text-transform: uppercase;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORUM---*/
.closesujet,
.newsujet,
.newmessa,
.closemessa{
display: block;
padding: 10px 0px 10px 35px;
text-decoration: none;
float: right;
font-size: x-small;
width: auto;
}
.modifier,
.abus,
.reagir,
.abonner,
.desabonner{
display: block;
padding: 10px 0px 10px 35px;
text-decoration: none;
float: left;
font-size: x-small;
width: 100%;
}
.closemessa,
.closesujet{
background: url(sujet_clos.gif) no-repeat left top;
}
.newmessa,
.newsujet{
 background: url(creer_nouveau.gif) no-repeat left top;
}
.abonner{
 background: url(abonner.gif) no-repeat left top;
}
.desabonner{
 background: url(desabonner.gif) no-repeat left top;
}
.modifier{
 background: url(modifier.gif) no-repeat left top;
}
.reagir{
 background: url(ajouter-un-commentaire.gif) no-repeat left top;
}
.abus{
 background: url(signaler_un_abus.gif) no-repeat left top;
}
#inter #entetesujets p{
margin-bottom: 2px;
background: #FFFFFF;
padding: 2px 5px 2px 5px;
border-right: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
}
.retourpage{
font-size: x-small;
display: block;
width: 135px;
height: 25px;
line-height: 25px;
padding-left: 10px;
background: url(bgPrev.gif) no-repeat left center;
}
.closesujet:hover,
.newsujet:hover{
color: #14C0F3;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position: relative;
float: right;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR---*/
#toolBar{
width: 100%;
text-align: right;
}
#toolBar ul li {
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
body.accueil #footer {
width: 100%;
position: absolute;
bottom: 0px;
}
#footer {
width: 100%;
float: left;
position: relative;
margin-bottom: 30px;
}
#contentFooter{
position: relative;
width: 980px;
margin: auto;
}
#footer ul{
width: 550px;
float: right;
padding: 2px 5px 2px 5px;
background:url(bgFooter.gif) repeat-x left top;
}
#footer ul li {
float: left;
font-size: x-small;
}
#footer ul li.extranet{
float: right;
}
#footer ul li  a{
color: #FFFFFF;
margin-right: 5px;
text-decoration: none;
}
#slogan {
position: absolute;
width: 145px;
left: 250px;
top: 0px;
}
body.accueil #slogan{
display: none;
}
#sloganAccueil {
position: absolute;
left: 0px;
top: 380px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
position: absolute;
top: -40px;
left: 320px;
width: 80px;
}
#hautpage a {
background: url(bgTop.png) no-repeat right top;
padding-right: 20px;
font-size: x-small;
height: 20px;
line-height: 20px;
text-decoration: none;
}
/*-- IMPRIMER LA PAGE --*/
body.accueil #imprimpage{
display: none;
}
#imprimpage {
position: relative;
top: -7px;
margin-right: 20px;
width: 90px;
float: right;
}
#imprimpage a {
font-size: x-small;
text-decoration: none;
display: block;
height: 30px;
line-height: 30px;
padding-right: 30px;
background-image: url(imprimer.gif);
background-position: right -5px;
background-repeat: no-repeat;
}
#imprimpage a:hover {
background-position: right bottom;
}
body.bodyLien02 #imprimpage a{
background-image: url(imprimerLien04.gif);
}
body.bodyLien03 #imprimpage a{
background-image: url(imprimerLien02.gif);
}
body.bodyLien04 #imprimpage a{
background-image: url(imprimerLien03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- Couleur TEXTE ---Voir styleSiam --- */

/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleue {
border: 1px solid #14C0F3;
}
img.bord02, .bordureVerteUsagers {
border: 1px solid #018F62;
}
img.bord03, .bordureVertePro {
border: 1px solid #014F36;
}
img.bord04, .bordureVerteEnfant {
border: 1px solid #90BE7A;
}
img.bord05, .bordurebleueEnseignant {
border: 1px solid #014F36;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
body.bodyLien01, .styleUsagers{}
body.bodyLien02, .styleProfessionnels{}
body.bodyLien03, .styleEnseignant{}
body.bodyLien04, .styleEnfants{}
body.bodygenerique, .styleStandard{}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
cursor:pointer;
font-weight: bold;
color: red;
}
#inter.accordeonTitre h3{
font-weight: bold;
color: red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ONGLETS ---*/
#onglets{
float: left;
width: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #onglets ul ,
#inter #onglets ul li{
float: left;
display: inline;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #onglets ul li a{
display: block;
float: left;
width: 92px;
border-right: #666666 1px solid;
background: url(bgOnglet.gif) repeat-x  left -32px;
color: #000000;
text-transform: uppercase;
text-align: center;
height: 17px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#onglets a:hover,
#onglets a.onOnglet{
background: url(bgOnglet.gif) repeat-x  left 1px;
font-weight: bold;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerOnglet01,
#containerOnglet02,
#containerOnglet03{
min-height: 25px;
height: auto!important;
height: 25px;
border: #00C6FF 2px solid;
float: left;
width: 270px;
padding: 3px 3px 3px 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --- Voir styleSiam */
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #FFFFFF;
padding: 3px;
vertical-align: top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  TABLEAUX SCHEMA STATION  --*/
#schema_station td{
border-style: none;
padding: 0px 0px 0px 10px;
vertical-align: bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  TABLEAUX ELUS  --*/
table.tableau_vert td,
table.tableau_jaune td,
table.tableau_bleu td,
table.tableau_rouge td{
border-style: none;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 130px;
}
#inter table.tableau_vert td h4,
#inter table.tableau_jaune td h4,
#inter table.tableau_bleu td h4,
#inter table.tableau_rouge td h4{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 5px;
color: #333;
}
#inter table.tableau_vert td p,
#inter table.tableau_jaune td p,
#inter table.tableau_bleu td p,
#inter table.tableau_rouge td p{
padding: 5px 0px 5px 5px;
}
#inter table.tableau_vert,
#inter table.tableau_jaune,
#inter table.tableau_bleu,
#inter table.tableau_rouge{
border-style: none;
border-collapse: separate;
border-spacing: 5px;
}
table.tableau_vert td img,
table.tableau_jaune td img,
table.tableau_bleu td img,
table.tableau_rouge td img{
vertical-align: bottom;
width: 130px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- couleur des cellules dans l-editeur --- voir styleSiam---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--  DIAPORAMA  --*/
#diaporama {
width: 160px;
float: left;
}
#right #diaporama table {
border: none;
width: 160px;
margin: 0px 0px 0px 0px;
}
#diaporama table td img {
width: 40px;
height: 40px;
}
.thumb_view div.diaporama p span.texte{
display: none;
}
.thumb_view div.diaporama{
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
}
#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;
}
/* --- couleur H3--- Voir styleSiam ---*/
#plandusite ul li a {
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
#inter ul.listeplan01,
#inter ul.listeplan02,
#inter ul.listeplan03{
padding-bottom: 10px;
border-bottom:  #CCCCCC 1px dotted;
}
/*--------------------------------------------------------------------------------------------------------------*/
#oCalendar,
#formfindcalendar {
display: none;
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#CCCCCC 1px solid;
}
div.modejour .eventline:last-child,
div.modemois .eventline:last-child {
border: none;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#018F62;
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 {
display: none;
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;
}
.eventline strong {
display: block;
}
#colDroite {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display: none ;
}
body.bodygenerique #treelist ul li a:hover{
cursor:pointer;
color: #0070AE;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
#col_g{
float:left;
width: 300px;
padding:0px 5px 0px 5px;
}
body.bodygenerique #treelist{
width:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
#inter #col_g #form01 {
width:200px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top: #CCCCCC 1px solid;
}
#inter #col_g #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
#inter #col_g #form01 div.submit,
#inter #col_g #form01 div.entry input,
#inter #col_g #form01 div.entry select,
#inter #col_g #form01 div.submit input{
width:100%;
padding:0px;
margin:0px
}
#inter #resultat ul li{
background-image: none;
padding-left: 0px;
}
body.bodygenerique #inter #col_g #resultat ul li a{
color: #848484;
font-weight: bold;
}
#resultat ul li a:hover{
color: #0070AE;
}
#msgResult p{
font-weight: bold;
color: #018F62;
float: right;
width: 370px;
border-bottom: #CCCCCC 1px dotted
}
#resultat{
float:right;
width: 370px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 60px 0px;
}
#resultat div{
background:#FFFFFF;
padding: 1px 0px 1px 0px;
margin: 0px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #14C0F3;
text-decoration: none;
font-size: 160%;
}
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;
}
a.lien_glossaire {
position:relative;
color: #000;
z-index:0;
}
a.lien_glossaire_espace {
padding-right:4px;
text-decoration: none;
border-bottom: #666666 1px dotted;
}
a.lien_glossaire span {
display:none;
font-style:normal;
}
a.lien_glossaire:hover {
background: #333333;
color: #FFFFFF;
z-index: 500;
text-decoration: none;
cursor: help;
}
a.lien_glossaire:hover span {
display:block;
padding:5px;
width:200px;
background:#FFFFFF;
border:#333333 2px solid;
color:#333333;
text-decoration: none;
position:absolute;
bottom:0px;
left:100% !important;
left:10px;
z-index:5000;
font-size:small;
font-weight:normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TARIF EAU---*/
body.tarif table th{
background: #99d2c0;
text-align: left;
}
#inter table th.couleurs{
width: 90px;
}
body.tarif table th.sousTotal,
body.tarif table th.total{
text-align: right;
}
.retourCarte a{
display: block;
width:100px;
margin: 10px 0px;
padding-left: 10px;
background: url(bgPrev.gif) no-repeat left center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodyPopup{
background: url(bgPop.jpg)no-repeat center top;
}
#header_popup{
height: 50px;
}
#header_popup #logo {
margin: 35px 0px 0px 20px;
}
#content_popup{
width: 600px;
margin: auto;
background: url(interContentPopup.gif) repeat-y top center;
}
#inter_popup{
background: url(interTopPopup.gif) no-repeat top center;
padding: 30px 20px 0px 20px;
}
#inter_popup h2{
border-bottom: none;
padding-left: 100px;
margin-bottom: 35px;
}
#footer_popup{
background: url(interBottomPopup.gif) no-repeat bottom center;
height: 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
left: -5000px
}
#logintra  label{
margin-left: 10px;
}
body #inter #logintra{
width: 520px;
margin: 20px auto 0px auto ;
}
body #inter p.msgLog{
width: 520px;
margin: 10px auto 0px auto ;
padding-top: 10px;
border-top : #90BE7A 1px dotted;
}
.msgLog a{
font-size: x-small;
float: right;
}
#logintra  label{
margin-left: 10px;
}
input.bouton{
background: #90BE7A;
border: #FFFFFF 1px solid;
margin-left: 5px;
height: 22px;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
}
.msgLog a{
font-size: x-small;
float: right;
}
/*-----------------------sprite debit siam--------------------------------*/
#blocdebit {
 width: 500px;
 height: 200px;
 background: url(SIAM_sprite.png);
 margin: 20px auto;
 padding: 0;
 position: relative;
border: none;
}
#blocdebit li {
margin: 0; 
padding: 0; 
list-style: none; 
display: block; 
position: absolute;
}
#blocdebit a {
display: block;
}
/*constitution de la trame de l image de base*/
#blocdebit1 {
left: 0px; 
top: 0px; 
width: 250px; 
height: 200px;
}
#blocdebit2 {
left: 250px; 
top: 0px; 
width: 250px; 
height: 200px;
}
#blocdebit1 a {
height: 200px;
}
#blocdebit2 a {
height: 200px;
}
#blocdebit1 a:hover {
background: url(SIAM_sprite.png) 0px -200px no-repeat;
}
#blocdebit2 a:hover {
background: url(SIAM_sprite.png) -250px -200px no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- switch CSS ---*/
a.switch_thumb {
 width: 122px;
 height: 26px;
 line-height: 26px;
 padding: 0;
 margin: 10px 0;
 display: block;
 background: url(switch.gif) no-repeat;
 outline: none;
 text-indent: -9999px;
}
/*
a:hover.switch_thumb {
 filter:alpha(opacity=75);
 opacity:.75;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
*/
a.swap{ 
background-position: left bottom; 
}
/*----------------------------------- FISH EYE ------------------------------------------------*/
/* dock bottom */
a.dock-item {
display: block; 
color: #1e67b3; 
bottom: 0px; 
position: absolute;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 80px;
}
.dock-item img {
border: none;
margin: 2px 5px 0px 0px; 
width: 100%;
}