body { background-image: url(../img/fond_interfaceG.jpg); background-repeat: repeat-x; background-position: left top; }
p { color: #002a76; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
td { }
/**** INTERFACE *****/
#fond_gauche { background-image: url(../img/fond_interfaceG.jpg); background-repeat: repeat-x; background-position: left top; height: 350px; visibility: hidden; float: left; border: solid 1px #f00; }
#body { margin: 0; padding: 0; }
#conteneur { width: 920px; margin: 0 auto; padding: 0; }
#menu_navigation { background-color: #d6f664; background-image: url(../img/menuG_haut.jpg); background-repeat: no-repeat; background-position: left top; width: 192px; float: left; margin: 0; padding: 0; }
#zone_logo { height: 200px; cursor: pointer; }
#espace_bnb { background-image: url(../img/menuG_bas.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 30px; }
#tetiere { }
#page { width: 700px; margin-left: 200px; }
#pied { color: #666; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; height: 25px; clear: both; margin-top: 20px; margin-bottom: 20px; margin-left: 200px; padding-top: 10px; border-top: 2px solid #ccc; }
/*** TYPO ***/
h1 { color: #00b499; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-align: center; word-spacing: 2px; letter-spacing: 1px; margin: 0.67em 0; }
h2 { color: #002a76; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-image: url(../img/fond_titres.gif); background-repeat: no-repeat; background-position: left top; margin: 0.83em 0; padding-top: 6px; padding-left: 20px; }
h3 { color: #217f11; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; word-spacing: 2px; letter-spacing: 1px; width: 450px; margin: 1em 0; padding-left: 20px; border-bottom: 1px solid #9c6; }
h4 { color: #369; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; word-spacing: 2px; letter-spacing: 1px; margin: 1.33em 0; }
.actu { text-align: justify; padding-left: 20px; }
.photo_actu { float: right; margin-bottom: 10px; margin-left: 10px; border: solid 1px #9c6; }
#CGV { color: #369; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-align: justify; height: 400px !important; overflow: auto; margin-top: 10px; margin-bottom: 10px; padding: 8px; border: solid 2px #b1c7e2; }
/*** LISTES ***/
#liste { width: 480px; padding-left: 20px; }
/*** MAP ***/
#map { width: 480px; }
#table_map { width: 480px; }
.liste_map { background-color: #fff; width: 200px !important; margin-top: 20px; margin-bottom: 20px; }
.liste_map li { color: #1b4985; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #b1c7e2; list-style-type: square; }
#select_pays { width: 200px; float: right; }
/*** FICHES ***/
#fiche { width: auto;}

.td_resa { color: #a00; font-size: 12px; font-family: Arial, Helvetica; padding: 3px; border-top: 1px dotted #a00; border-right: 1px dotted #a00; border-left: 1px dotted #a00 }
.td_resa-ref { color: #fff; font-size: 12px; font-family: Arial, Helvetica; background-color: #d00; padding: 5px; border-style: double; border-width: 1px; border-color: #be3945 #6a0000 #830000 #be3945 }
.td_resa_ouverture { color: #fff; font-size: 12px; font-family: Arial, Helvetica; background-color: #369; padding: 3px; border-bottom: 1px dashed #0a2036 }
.td_resacadre { border: dotted 1px #a00 }

/** Fiche et liste**/

.fi-ti { color: #366; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica; background-color: #c7eff5; word-spacing: 2px; letter-spacing: 1px; border-top: 1px solid #a2c3c8; border-bottom: 1px solid #a2c3c8 }
.fi-tidesc { color: #366; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica; word-spacing: 2px; letter-spacing: 1px; padding-top: 8px !important; padding-bottom: 8px; padding-left: 3px; border-top: medium none #036; border-bottom: 1px solid #036   }
.fi-soustidesc { color: #366; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica; background-color: #d4edf8; word-spacing: 2px; letter-spacing: 1px; padding-left: 5px; border-top: 1px solid #c0d3e6; border-bottom: 1px solid #036 }
.fi-desc  { color: #036; font-size: 12px; font-family: Arial, Helvetica; text-align: justify; word-spacing: 0px; letter-spacing: 0px; padding-top: 3px; padding-right: 5px; padding-left: 5px }
.fi-desc-coordonnes { color: #036; font-size: 12px; font-family: Arial, Helvetica; text-align: justify; word-spacing: 0px; letter-spacing: 0px; padding: 2px }
.fi-desc2 { color: #036; font-size: 12px; font-family: Arial, Helvetica; text-align: justify; word-spacing: 0px; letter-spacing: 0px; padding-right: 3px; padding-left: 7px; border-left: 1px solid #042546 }
.fi-desc-enligne   { color: #036; font-size: 12px; font-family: Arial, Helvetica; background-color: #edf7fc; padding: 3px; border-bottom: 1px solid #98bbbb }
.fi-desc-enligne2   { color: #036; font-size: 12px; font-family: Arial, Helvetica; background-color: #f1faaf; padding: 3px; border-bottom: 1px solid #98bbbb }

/** Liste liens **/

.line_lien     { color: #036; font-size: 11px; font-family: Arial, Helvetica; padding: 3px; border-bottom: 1px solid #0084c9 }
.line_lien2    { color: #036; font-size: 11px; font-family: Arial, Helvetica; padding: 3px; border: none }



/**** FORMULAIRES *****/
form { margin: 0; padding: 0; }
select { font-size: 11px; margin: 0 0 6px; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; border: solid 1px #94cd28; }
input { font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; border: solid 1px #d5fa7c; }
textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 10px; border: solid 1px #d5fa7c; }
input:focus, select:focus, textarea:focus { background-color: #dfeaff; }
.image_form { margin: 4px 0; padding: 0; border-width: 0; }
#zone_formulaire { text-align: left; width: 480px; }
/**** FORMULAIRE ESPACE PROPRIOS *****/
#form_espace_bnb { color: #002a76; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; }
#form_espace_bnb input { width: 130px; margin-top: 2px; margin-bottom: 2px; }
/**** NAVIGATION **** MENU HAUT ***/
#menu_haut { width: 700px; margin: 0 0 40px; padding: 0; border: solid 1px #f00; }
#nav_haut { font-size: 12px !important; font-family: Verdana, Arial, Helvetica, sans-serif; width: 700px; height: 30px; margin: 0; padding: 0; list-style-type: none; /* précision pour Opera */
}
#nav_haut li {
float: left;
}

#nav_haut a { margin: 0 8px 0 4px; display: block; text-align: center; text-decoration: underline; color: #79b700; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 6px; border-left: 1px solid #79b700; }

#nav_haut a:hover { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }
#nav_haut a:active { color: #f60071; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
/**** NAVIGATION **** MENU GAUCHE ***/
#menu_gauche dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_gauche {
font: 80% verdana, arial, sans-serif;
}
#menu_gauche dt { color: #fff; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 10px 0 2px;;
height: 20px; line-height: 20px; text-align: left; font-weight: bold; background: #1b4985; padding-left: 8px; }
#menu_gauche dd { margin: 0; padding: 0; }
#menu_gauche li { color: #1b4985; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; }
#menu_gauche .select { color: #1b4985; font-weight: bold; padding-left: 8px; border-bottom: 1px solid #1b4985; }
#menu_gauche li a, #menu_gauche dt a { color: #1b4985; text-decoration: none; display: block; height: 100%; padding-left: 8px; border-bottom: 1px solid #1b4985; border-top-style: none; border-top-width: 0;border-right-st;border-left-style: none; border-left-width: 0; yle: none; border-right-width: 0; }

#menu_gauche li a:hover, #menu_gauche dt a:hover { background: #b3de68; padding-left: 12px; }
/**** NAVIGATION **** MENU DROIT ***/
#menu_droit { background-color: #edfbba; background-image: url(../img/menuD_bas.gif); background-repeat: no-repeat; background-position: left bottom; width: 174px; float: right; margin-bottom: 20px; margin-left: 20px; }
#cdoeil { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#services { padding-bottom: 20px; }
#liste_services { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-left: 50px; }
#liste_services li { margin-top: 4px; margin-bottom: 4px; list-style-image: url(../img/menuD_puceliste.gif); }
.img_menu { margin-top: 8px; margin-bottom: 8px; border: solid 2px #d6f664; }
/**** LIENS ***/
a:link { color: #002a76; text-decoration: underline; }
a:hover { color: #002a76; text-decoration: none; }
a:visited { color: #4270c2; }
.lk-suite { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 400px; }
/**** MOTEUR ****/
#moteur { }
#formu_rech { background-image: url(../img/fleche_moteur.gif); background-repeat: no-repeat; background-position: left top; padding-left: 50px; }
#imgTImoteur { margin-bottom: 10px; }
#BT_validermoteur { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0; padding: 0; border-width: 0; }