body {
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
padding:0;
width:800px;
font-size:80%;
font-family:arial, verdana, sans-serif;
color:#000;
background-color:#ffc;
}

.hide {
visibility: hidden;
position: absolute;
top: -400px;
}

#qscroller1 {
width:680px;
height:18px;
margin:0;
padding:0;
border:0;
color:#000;
background-color:#ffc;
}

.qslide {
font-size: 7pt;
padding: 3px;
}

#header {
position: relative; /* on positionne le conteneur */
width:800px;
height:150px;
margin:0;
padding:0;
border:0;
color:#000;
background-color:#ffc;
}

#header p.handicape{
float:right;
width:680px;
height:1%;
margin:0;
padding:0;
font-size:9px;
text-align:right;
color:#666;
}

#header a {
display:inline;
text-decoration:none;
color:#666;
background-color:#ffc;
}

#header a:hover {
text-decoration:none;
color:#900;
background-color:#ffc;
}

#header img {
float:left;
border:0;
margin:0;
padding:0;
}

#header h1 {
margin:0;
padding:40px 0 0 120px;
font-weight:700;
font-style:italic;
font-size:18px;
text-align:center;
color:#333;
background-color:#ffc;
}

#header h2 {
margin:0;
padding:15px 0 0 120px;
font-weight:700;
font-style:italic;
font-size:16px;
text-align:center;
color:#333;
background-color:#ffc;
}

#header h3 {
margin:0;
padding:11px 0 0 120px;
border-bottom:1px solid #333;
font-weight:400;
font-style:italic;
font-size:9px;
text-align:center;
color:#333;
background-color:#ffc;
}

#header h1.ouvert {
margin:0;
padding:0 0 0 120px;
font-weight:700;
font-style:normal;
font-size:20px;
font-variant:small-caps;
text-align:center;
color:#ffc;
background-color:#900;
}

#header h2.ouvert {
margin:0;
padding:10px 0 0 120px;
font-weight:700;
font-style:italic;
font-size:16px;
text-align:center;
color:#333;
background-color:#ffc;
}

#header h3.ouvert {
margin:0;
padding:18px 0 0 120px;
font-weight:400;
font-style:italic;
font-size:9px;
text-align:center;
color:#333;
background-color:#ffc;
}

#menu {
float:left;
margin:0;
padding:0;
width:120px;
height: 1%;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #666;
color:#000;
background-color:#cc9;
}

#menu1 ul {
margin:0;
border-bottom:1px solid #666;
padding:0;
list-style-type:none;
}

#menu1 li.menu_annonces a {
display:block;
text-align:left;
height:22px;
border-top:1px solid #666;
margin:0;
padding:0.2em 0 0 0;
font-weight:400;
font-size:10px;
font-variant:normal;
text-indent:4px;
text-decoration:none;
line-height:22px;
color:#ffc;
background-color:#900;
}

#menu1 li.menu_annonces a:hover {
display:block;
margin:0;
padding:0.2em 0 0 0;
color:#ffc;
background-color:#030;
}

#menu1 li a {
display:block;
text-align:left;
height:22px;
border-top:1px solid #666;
margin:0;
padding:0.2em 0 0 0;
font-weight:400;
font-size:10px;
font-variant:normal;
text-indent:4px;
text-decoration:none;
line-height:22px;
color:#900;
background-color:#cc9;
}

#menu1 li a:hover {
display:block;
margin:0;
padding:0.2em 0 0 0;
color:#ffc;
background-color:#030;
}

#menu1 li.none {
display:block;
text-align:left;
height:22px;
border-top:1px solid #666;
margin:0;
padding:0.2em 0 0 0;
font-weight:400;
font-size:10px;
font-variant:normal;
text-indent:4px;
text-decoration:none;
line-height:22px;
color:#ffc;
background-color:#030;
}

#menu1 img {
margin:0;
padding:0;
border:0;
}

#menu1 p a.lien_externe img {
display:block;
margin:0;
padding:0;
border:1px solid #666;
background-color:#fff;
}

#translator table{
display:block;
margin:0;
padding:0;
border-top:1px solid #666;
border-collapse:collapse;
width:120px;
}

#translator td{
margin:0;
padding:0;
width:100%;
}

#translator img{
display:block;
border:0;
margin:0;
padding:0;
width:auto;
height:auto;
}

#translation a, a:hover{
display:block;
margin:0;
padding:0;
color:#cc9;
background-color:#cc9;
}

#soleil ul {
list-style-type:none;
margin:0;
padding:0;
font-size:9px;
font-weight:700;
text-align:center;
}

#soleil il {
margin:0;
padding:0;
text-align:center;
}

.strasbourg {
font-weight:700;
font-style:normal;
text-decoration:underline;
}


#connectes ul {
list-style-type:none;
margin:0;
border-top:1px solid #666;
padding:0.2em 0 0 0;
font-size:9px;
font-weight:700;
text-align:center;
}

#connectes il{
margin:0;
padding:0;
line-height:12px;
}

#menu2 table{
display:inline;
border-collapse:collapse;
margin:0;
padding:0;
border:0;
}

#menu2 td{
margin:0;
padding-left:3px;
padding-right:3px;
border:0;
}

#menu2 ul {
list-style-type:none;
margin:0;
border-top:1px solid #666;
padding:10px 0 0 0;
font-size:9px;
}

#menu2 li{
margin:0;
padding:0;
text-align:center;
line-height:12px;
}

#menu2 li a {
margin:0;
padding:0;
font-weight:700;
font-size:11px;
text-decoration:none;
text-indent:2px;
line-height:25px;
color:#666;
background-color:#cc9;
}

#menu2 li a:hover {
position:relative;
margin:0;
padding:0;
color:#900;
background-color:#cc9;
}

.copy {
color:#666;
font-style:normal;
font-size:8px;
}

#menu2 img {
display:block;
width:120px;
margin:0;
border:0;
padding:5px 0 0 0;
background-color:#cc9;
}

#map {
display:block;
width:590px;
height:326px;
margin:0 0 0 3.8em;
border:2px ridge #666;
}

#map  a {
display:inline;
color:#900;
background-color:#fff;
}

#map a:hover {
color:#900;
background-color:#fff;
text-decoration:none;
}

#tabs {
font-family:arial, verdana, sans-serif;
color:#000;
background-color:#fff;
margin:0;
padding:0;
font-size:80%;
font-style:normal;
text-align:left;
}

#tabs ul {
float:right;
margin:0;
padding:0;
list-style-type:none;
}

#tabs li {
line-height:12px;
}

#tabs img {
border:1px ridge #666;
}

.tabgras {
color:#030;
font-style:normal;
font-weight:700;
font-size:1.1em;
text-decoration:none;
}

.tabadresse {
color:#000;
font-style:normal;
font-weight:400;
font-size:1em;
text-decoration:none;
}

.tabtelephone {
color:#333;
font-style:normal;
font-weight:400;
font-size:1em;
text-decoration:none;
}

.tabsouligner {
color:#333;
font-style:normal;
font-weight:400;
font-size:1em;
text-decoration:underline;
}

.gras {
font-style:normal;
font-weight:700;
font-size:1em;
text-decoration:none;
}

.souligner {
font-style:normal;
font-weight:400;
font-size:1em;
text-decoration:underline;
}

.italic {
font-style:italic;
font-weight:400;
font-size:1em;
text-decoration:none;
}

.petit {
font-style:normal;
font-weight:400;
font-size:0.8em;
text-decoration:none;
}

.small {
font-style:normal;
font-weight:400;
font-size:0.6em;
font-variant:normal;
text-decoration:none;
}

.souligner_gras {
font-style:normal;
font-weight:700;
font-size:1em;
text-decoration:underline;
}

.souligner_gras_rouge {
color:#900;
font-style:normal;
font-weight:700;
font-size:1em;
text-decoration:underline;
}

a.infobulle {
display:inline;
position:relative;
text-decoration:none;
color:#000;
background-color:#ffc;
}

a.infobulle span {
display:none;
}

a.infobulle:hover {
background:none; /* correction d'un bug IE */
z-index:500; /* on définit une valeur pour l'ordre d'affichage */
cursor:help; /* on change le curseur par défaut en curseur d'aide */
}

a.infobulle:hover span {
display:inline; /* on affiche l'infobulle */
position:absolute;
white-space:nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top:-210px; /* on positionne notre infobulle */
right:100px;
background:none;
color:#000;
padding:0;
}

#aide kbd {
border:1px solid #666;
padding:0 2px;
font-size:100%;
font-weight:700;
}

#aide ul {
margin:0;
}

#aide li {
margin:0;
padding:2px;
line-height:150%;
}

#annonce p {
margin-bottom:0;
padding:0 2.2em 0 2em;
text-align:justify;
}

#annonce p.state {
margin-bottom:0;
padding:0 2.2em 0 2em;
font-weight:700;
}

#annonce p.prix {
margin-bottom:0;
padding:0 2.2em 1em 2em;
color:#666;
font-weight:700;
}

#annonce p.prix acronym {
margin-bottom:0;
font-weight:700;
cursor:help;
}

.gras{
font-weight:700;
font-style:normal;
}

.souligner{
text-decoration:underline;
}

.francs{
padding:0 0 0 1em;
color:#666;
font-size:0.8em;
font-weight:700;
font-style:italic;
}

#annonce p.bold {
margin-bottom:0;
border-bottom:1px solid #030;
padding:0 12em 0 0;
font-weight:700;
color:#ffc;
}

#annonce img {
border:2px ridge #666;
float:right;
}

#descriptif {
width:800px;
margin-left:120px;
padding:0;
}

#descriptif img  {
margin-bottom:2px;
border:2px ridge #666;
}

p#texte {
float:right;
width:270px;
padding-right:120px;
text-align:justify;
}

.underline {
font-style:normal;
text-decoration:underline;
}

#lexique p {
margin-bottom:0;
padding:0 2.2em 0 2em;
font-weight:400;
color:#000;
text-align:justify;
}

#lexique acronym {
margin-bottom:0;
font-weight:700;
font-size:110%;
color:#030;
cursor:help;
}

#lexique p.bold {
margin-bottom:0;
padding:0 12em 0 0;
border-bottom:1px solid #030;
font-weight:700;
font-size:150%;
color:#c33;
background-color:#fff;
}

#global,#contact,#adil,#annonce,#lexique,#aide,#honoraires {
margin:0 0 0 120px;
padding:0;
}

#global h1,#contact h1,#aide h1{
height:1%; /*Corrige le bug du background-color sur IE6 et IE7 */
margin:0;
border:1px solid #666;
padding:0 0 0.2em 0;
text-align:center;
font-weight:700;
font-size:150%;
font-variant:small-caps;
color:#030;
background-color:#cc9;
}

.red{
color:#900;
background-color:#cc9;
font-style:normal;
font-size:100%;
}

#annonce h1,#lexique h1,#honoraires h1 {
height:1%; /*Corrige le bug du background-color sur IE6 et IE7 */
margin:0;
border-top:1px solid #666;
border-right:1px solid #666;
border-left:1px solid #666;
padding:0 0 0.2em 0;
text-align:center;
font-weight:700;
font-size:150%;
font-variant:small-caps;
color:#030;
background-color:#cc9;
}

#menu_link{
height:1%; /*Corrige le bug du background-color sur IE6 et IE7 */
margin:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #666;
padding:0 0 0.2em 0;
text-align:center;
font-weight:700;
font-size:150%;
font-variant:small-caps;
color:#900;
background-color:#cc9;
}

#menu_link table{
display:inline;
border-collapse:collapse;
margin:0;
padding:0;
border:0;
}

#menu_link td{
border:1px solid #666;
padding-bottom:3px;
padding-left:6px;
padding-right:6px;
color:#666;
background-color:#cc9;
}

#menu_link td a{
text-decoration:none;
color:#900;
background-color:#cc9;
}

#menu_link td a:hover{
color:#666;
background-color:#cc9;
}

#contact h2, #aide h2 {
margin:0;
border:0;
padding:1em 0 1em 1.8em;
text-decoration:underline;
font-weight:700;
font-size:110%;
color:#030;
}

#annonce h2{
margin:0;
border:1px solid #030;
padding:0;
font-weight:700;
font-variant:small-caps;
font-size:130%;
text-align:center;
color:#ffc;
background-color:#030;
}

#honoraires h2{
margin:0;
border:1px solid #030;
padding:0;
font-weight:700;
font-variant:small-caps;
font-size:130%;
text-align:left;
text-indent:1.8em;
color:#ffc;
background-color:#030;
}

#honoraires ul{
list-style-type:disc;
margin:0;
padding:1em 0 0 2.2em;
}

#honoraires li{
margin:0;
padding:0 0 0 0.2em;
line-height:normal;
font-weight:700;
font-variant:small-caps;
font-size:110%;
text-align:left;
color:#000;
background-color:#ffc;
}

#honoraires ol{
list-style-type:decimal;
margin:0;
padding:0 0 0 4.4em;
}

#honoraires li.liste{
margin:0;
padding:0;
line-height:normal;
font-weight:400;
font-variant:normal;
font-size:100%;
text-align:left;
color:#000;
background-color:#ffc;
}

#honoraires dl{
margin:0;
padding:0 0 0 2.4em;
}

#honoraires dt{
margin:0;
padding:0 0 0 0.2em;
line-height:normal;
font-weight:400;
font-variant:normal;
font-size:100%;
text-align:left;
color:#000;
background-color:#ffc;
}

#honoraires p {
margin:0;
padding:0.2em 0 0 2.4em;
line-height:150%;
text-indent:0;
text-align:justify;
}

#honoraires table.tarif{
margin:0.2em 0 0 2.4em;
padding:0;
border:1px solid #000;
border-collapse:collapse;
}

#honoraires table.tarif th{
color:#960;
background-color:#fc6;
border:1px solid #000;
font-variant:small-caps;
font-size:0.8em;
letter-spacing:1px;
}

#honoraires table.tarif td{
border:1px solid #000;
padding-left:2.4em;
}

#global h2 {
margin:0;
border:0;
padding:1em 0 1em 1.8em;
text-decoration:underline;
font-weight:700;
font-size:110%;
text-indent:2em;
color:#030;
}

#global p  {
margin:0;
padding:0 2.2em 0 2em;
text-indent:2em;
text-align:justify;
}

#global noscript {
font-weight:700;
font-size:100%;
text-align:justify;
color:#900;
}

#aide p  {
margin:0;
padding:0 0 0 2em;
text-indent:0em;
}

#contact p  {
margin:0;
padding:0 0 1em 2em;
text-indent:0em;
}

#contact em,#contact strong {
font-weight:700;
}

#contact form {
margin:0;
padding:0;
}

#contact form sup {
color:#900;
}

#contact form p {
display: block;
text-align: left;
margin:0;
padding:0 0 0 2em;
font-weight:700;
text-indent:0;
}

#contact legend {
padding: 0 1em 0 1em;
border-right: #030 1px solid;
color:#030;
background-color:#cc9;
font-weight:700;
}

#contact fieldset {
margin:0 0 2em 2em;
padding:2em 0 0 0;
border: #030 1px solid;
}

#contact fieldset:hover {
background-color:#cc9;
}

#contact fieldset.fieldset_bottom {
margin:0 0 0 2em;
padding:2em 0 0 0;
border: #030 1px solid;
}

#contact fieldset.fieldset_bottom:hover {
background-color:#cc9;
}

#contact label{
margin:3px 1px 2px 0;
float: left;
}

#contact label:hover{
color:#900;
}

#contact label.label_bottom{
margin:3px 1px 2px 0;
float: left;
}

#contact label.label_bottom:hover{
color:#900;
}

#contact select.textearea {
font-size:0.9em;
background-color:#d4d0c8;
}

#contact option .textearea{
color:#000;
background-color:#d4d0c8;
}

#contact option .textearea:hover{
color:#900;
background-color:#d4d0c8;
}

.textearea {
padding:0;
margin:1px 0 2px 1px;
border:#030 1px solid;
font-size:1em;
font-family:arial, verdana, sans-serif;
font-weight:700;
background-color:#d4d0c8;
cursor:text;
}

.textearea:hover,.textearea:focus{
color:#900;
border:#900 1px solid;
}

.genre {
margin:3px 1px 2px 0;
font-size:1em;
font-family:arial, verdana, sans-serif;
font-weight:700;
background-color:#d4d0c8;
cursor:text;
}

.textearea_bottom {
padding:0;
margin:3px 1px 2px 0;
border:#030 1px solid;
font-size:1em;
font-family:arial, verdana, sans-serif;
font-weight:700;
background-color:#d4d0c8;
cursor:text;
}

.textearea_bottom:hover,.textearea_bottom:focus{
color:#900;
border:#900 1px solid;
}

.envoyer {
display:block;
padding:0;
margin:0 0 1em 0;
border-left:#030 1px solid;
border-right:#030 1px solid;
border-bottom:#030 1px solid;
font-size:1em;
font-family:arial, verdana, sans-serif;
font-weight:700;
background-color:#d4d0c8;
cursor:pointer;
}

.envoyer:hover{
color:#900;
}

.focus {
margin:0 0 1em 0;
border:#030 1px solid;
font-size:1em;
font-family:arial, verdana, sans-serif;
font-weight:700;
color:#fff;
background-color:#900;
}

.focus:hover {
border:#900 1px solid;
}

#contact p.erreur {
margin:0;
padding:0 0 0 1.3em;
color:#900;
font-size:1.5em;
font-weight:700;
font-variant:small-caps;
text-indent:0;
}

#contact p.obligatoires {
margin:0;
padding:0 0 0 2.5em;
color:#900;
font-size:0.8em;
font-style:italic;
}

#adil p {
margin:0;
padding:0 0 0.5em 2.5em;
color:#666;
font-weight:700;
font-size:0.8em;
text-indent:0em;
text-align:justify;
}

#accuse h2 {
margin:0;
border:0;
padding:1em 0 1em 1.8em;
text-decoration:none;
text-align:justify;
font-weight:700;
font-size:120%;
color:#000;
}

#accuse p {
margin:0;
padding:0 0 0 2.5em;
text-align:justify;
font-weight:700;
font-size:0.9em;
color:#000;
}

#accuse pre {
margin:0;
padding:0 0 0 3em;
text-align:justify;
font-size:0.9em;
color:#000;
}

#accuse a {
margin:0;
padding:0;
text-decoration:underline;
font-weight:700;
color:#666;
}

#accuse a:hover {
margin:0;
padding:0;
text-decoration:none;
font-weight:700;
color:#900;
}

#annonce a,#lexique a,#honoraires a{
text-decoration:none;
color:#900;
background-color:#ffc;
}

#annonce a:hover,#lexique a:hover,#honoraires a:hover{
color:#ffc;
background-color:#900;
}

#masque,#nohack {
display:none;
}

/* Style de la table principale contenant le calendrier */
table.calendar_main {
display:block;
font-family:arial, verdana, sans-serif;
font-size:8px;
border-top:1px solid #666;
margin:0;
padding:0; /* REGLAGE DE LA HAUTEUR DES SOUS-MENUS (PAR DEFAUT 270px)*/
}

/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title {
color:#030;
text-align:center;
}

/* Style de la cellule "mois annee" du titre    */
.calendar_title_month {
}

/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {
color:#900;
text-decoration:none;
cursor: default;
}

/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_left_arrow {
text-align:left;
width:8px;
}

/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_right_arrow {
text-align:right;
width:8px;
}

/* Style du lien "<<" du titre        >>>>  */
.calendar_title_left_arrow_clickable {
color:#cc9;
text-decoration:none;
cursor: default;
}

/* Style du lien ">>" du titre        >>>>  */
.calendar_title_right_arrow_clickable {
color:#cc9;
text-decoration:none;
cursor: default;
}

/* Style global de la table du calendrier  */
.calendar_table {
border:none;
border-collapse:collapse;
font-size:8px;
}

/* Style generique des cellules de la table du calendrier */
.calendar_table td {
border:1px solid #666;
text-align:center;
width:8px;
}

/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {
color:#fff;
border:1px solid #666;
background-color:#030;
text-align:center;
}

/* Style des cellules de la table contenant les jours du week-end (samedi et*/
/* dimanche)                                                                */
.calendar_weekend {
background-color:#cc9;
}

/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
/* cours d'affichage                                                        */
.calendar_other_month {
color:#999;
}

/* Style du jour (non cliquable) representant aujourd'hui (DATE DU JOUR)*/
.calendar_today {
color:#900;
}

/* Style de la ligne du pied du calendrier (lien de retour vers le mois courant) */
.calendar_footer {
color:#900;
text-align:center;
}

/* Style de la cellule contenant le lien de retour au mois courant utilise */
/* lorsque le mois affiche est le mois courant                             */
.calendar_footer_current_month {
}

/* Style du lien de retour dans la cellule de classe .calendar_footer_current_month (AUJOURD'HUI)*/
.calendar_footer_current_month_clickable {
color:#cc9;
text-decoration:none;
cursor: default;
}

/* Style de la cellule contenant le lien de retour au mois courant utilise */
/* lorsque le mois affiche n'est pas le mois courant                       */
.calendar_footer_other_month {
}

/* Style du lien de retour dans la cellule de classe .calendar_footer_other_month */
.calendar_footer_other_month_clickable {
color:#900;
text-decoration:none;
cursor: default;
}

#info {
display:block;
margin:0;
border:0;
}

#info h1{
margin:0;
border:0;
padding:1em 0 1em 0;
text-decoration:underline;
font-variant:small-caps;
font-weight:700;
font-size:80%;
text-indent:2em;
color:#030;
}

#info p.gras {
margin:0;
border:0;
padding:0.5em 0 0.5em 0;
font-weight:700;
font-size:80%;
text-align:justify;
text-indent:2em;
color:#030;
}

#info p {
margin:0;
border:0;
padding:0.5em 0 0.5em 0;
font-weight:700;
font-size:80%;
text-align:justify;
text-indent:2em;
color:#000;
}

#info a {
text-decoration:none;
color:#900;
background-color:#ffc;
}

#info a:hover {
text-decoration:none;
color:#666;
background-color:#ffc;
}

#info acronym {
cursor:help;
}

#info img {
float:left;
display:block;
margin:0 1em 0 0;
border:2px ridge #666;
padding:0;
}

#avertissement p {
margin:0;
padding:0 2.2em 0 2em;
font-weight:700;
text-align:justify;
text-indent:2em;
color:#030;
}