/* codes couleur :
/* rouge = #822100
/* marron = #8E8279
/*********************/
body {
padding: 0;
margin: 0;
background: #D9D2CB url("images/fd.png") repeat 0 0;
}
div#page {
position: relative;
/*
margin-left: -380px;
width: 760px;
left: 50%;
*/
width: 100%;

background: #FFD none;
text-align: left;
border: 1px solid #E3D0C3;
}

/* entete */
div#entete {
position: relative;
height: 100px;
padding-left: 45px;
border: 1px solid #E3D0C3;
margin: 8px;
text-align: left;
background: #E1E0C3 url("images/fd.png") repeat 0 0;
}
#entetetitre {
position: absolute;
top: 12px;
right: 20px;
color: #8E8279;
letter-spacing: 4px;
text-align: left;
border: 0;
font: italic bold 28px sans-serif, verdana, helvetica, serif;
padding: 4px 6px;
}
#entetetitreindex {
position: absolute;
top: 22px;
right: 28px;
color: #8E8279;
letter-spacing: 4px;
text-align: left;
border: 0;
font: italic bold 28px sans-serif, verdana, helvetica, serif;
padding: 4px 6px;
}
#enteteauteur {
position: absolute;
top: 44px;
right: 35px;
color: #8E8279;
letter-spacing: 5px;
text-align: left;
border: 0;
font: italic bold 12px sans-serif, verdana, helvetica, serif;
padding: 4px 6px;
}
#entetesoustitre {
position: absolute;
bottom: 4px;
color: #822100;
letter-spacing: 5px;
text-align: left;
border: 0;
font: italic bold 12px sans-serif, verdana, helvetica, serif;
padding: 4px 6px;
border: 0px solid green;
}
#presente {
position: absolute;
top: 2px;
left: 1px;
color: #8E8279;
border: 0;
}
#entetesoustitre a, #entetesoustitre a:link, #entetesoustitre a:visited, #entetesoustitre a:hover,
#enteteauteur a, #enteteauteur a:link, #enteteauteur a:visited, #enteteauteur a:hover {
color: #822100;
text-decoration: none;
}
#logo {
position: absolute;
top: 5px;
left: 25px;
width: 150px;
height: 70px;
}

/* menu horizontal */
#menu {
position: relative;
padding: 5px;
margin: 0 8px;
background: #E1E0C3 url("images/fd.png") repeat 0 0;
border: 1px solid #E3D0C3;
font: normal bold 12px sans-serif, verdana, helvetica, arial, serif;
}
ul#rubrique {
margin: 3px 5px;
padding-left: 20px;
white-space: nowrap;
text-decoration: none;
}
#rubrique li {
display: inline;
margin-right: 1px;
list-style-type: none;
}
#rubrique li#actif {
padding: 3px 10px 3px 20px;
border: 1px solid #FFD;
text-decoration: none;
background: #8e8279 url("images/menu0.gif") no-repeat 4px 50%;
color: #F0F0F0;
}
#rubrique a {
padding: 3px 10px 3px 20px;
}
#rubrique a:link, #rubrique a:visited {
border: 1px solid #FFD;
text-decoration: none;
background: #cecbb7 url("images/menu1.gif") no-repeat 4px 50%;
color: #822100;
}
#rubrique a:hover {
border: 1px solid #FFD;
text-decoration: none;
background: #8e8279 url("images/menu0.gif") no-repeat 4px 50%;
color: #F0F0F0;
}

/* menu gauche */
#menulat1 {
position: absolute;
top: 0;
left: 0;
width: 135px;
background: #FFD none;
}
ul.menu1 {
padding: 0;
margin: 0;
margin-bottom: 8px;
list-style-type: none;
background-color: #EEE;
border: 1px solid #E3D0C3;
}
.menu1 li {
font: normal bold 11px verdana, helvetica, arial, serif;
color: #822100;
line-height: 20px;
}
.menu1 li a {
display: block;
height: 23px;
margin: 1px 2px 0 2px;
color: #822100;
padding-left: 25px;
text-decoration: none;
}
.menu1 li a:hover {
display: block;
height: 23px;
padding-left: 25px;
background: #EEE url("images/fd-bouton-on.png") no-repeat 5px 0px;
text-decoration: none;
}
.menu1 li#actif {
display: block;
height: 25px;
margin: 1px 2px 0 2px;
padding-left: 25px;
background: #EEE url("images/fd-bouton-on.png") no-repeat 5px 0px;
}
dl.menu2 {
position: relative;
background: #EEE none;
margin: 0;
padding: 5px;
font: normal bold 10px verdana, helvetica, arial, serif;
color: #8E8279;
line-height: 16px;
border: 1px solid #E3D0C3;
}
.menu2 dt {
margin: 0;
text-decoration: underline;
}
.menu2 dd {
margin: 0;
}
.menu2 dd a {
color: #8E8279;
text-decoration: none;
}
.menu2 dd a:hover {
color: #822100;
text-decoration: none;
}

#logoref {
position: relative;
background: #EEE none;
margin: 0;
text-align: center;
font: normal bold 9px verdana, helvetica, arial, serif;
color: #8E8279;
line-height: 14px;
border: 1px solid #E3D0C3;
}

div.mailing, div.fofo {
position: relative;
background: #EEE none;
margin: 0;
margin-bottom: 8px;
padding: 5px;
font: normal bold 9px verdana, helvetica, arial, serif;
color: #8E8279;
line-height: 20px;
text-align: center;
border: 1px solid #E3D0C3;
}
div.fofo {
font-size: 11px;
}
.mailing a {
color: #822100;
text-decoration: none;
}
.fofo a {
color: #F00;
text-decoration: none;
}
.txt {
padding-top: 2px;
font: normal normal 10px verdana,arial,sans-serif;
color: #8E8279;
}
.btn {
background-color: #DDD;
padding: 2px 10px 0 10px;
font: normal bold 10px verdana,arial,sans-serif;
color: #444;
border: 1px solid #666;
}	
a.button {
vertical-align: -15%;
_vertical-align: baseline;
background-color: #AAA;
padding: 1px 9px;
margin: 0;
font: normal bold 9px verdana,arial,sans-serif;
color: #4B4B4B;
text-decoration: none;
border: 1px outset #666;
cursor: hand;
}
form {
text-align: center;
}
.validemail {
text-align: center;
font: normal bold 12px verdana,arial,sans-serif;
color: #F33;
}
div#euroclics {
position: relative;
margin: 0;
padding: 5px;
text-align: center;
}
/* affichage image validation */
#code {
text-align: center;
}

/********************* texte general *******************/
div#texte {  /* page d'intro */
position: relative;
text-align: left;
margin: 8px;
background: #FFD none;
border: 1px solid #FFD;
}
div#texte0 {
position: relative;
text-align: left;
margin: 8px;
background: #EEE url("images/fd-titre.png") repeat-y 0 10px;
padding: 35px;
border: 1px solid #E3D0C3;
}
div#texte2 {
/*position: relative;*/
margin-left: 144px;
background: #EEE url("images/fd-titre.png") repeat-y 0 10px;
padding: 25px;
border: 1px solid #E3D0C3;
}

/* titres principaux */
.titre {
padding: 0;
margin: 0;
text-align: center;
}

div.presentation {
/*width: 49%;*/
margin: 0;
padding: 0;
padding-bottom: 8px;
border: 0px solid green;
}
p {
margin: 0 0 10px 0;
font: normal bold 12px verdana, arial, helvetica, serif;
color: #222;
line-height: 18px;
word-spacing: 2px;
text-align: justify;
text-indent: 10px;
border: 0px solid red;
}
p.mini {
margin: 0 0 10px 0;
font: normal bold 11px verdana, arial, helvetica, sans-serif;
color: #222;
line-height: 16px;
word-spacing: 2px;
text-align: justify;
text-indent: 8px;
border: 0px solid red;
}
p a, p.mini a {
color: #822100;
text-decoration: none;
}
p a:hover, p.mini a:hover {
color: #010101;
background-color: #E1E0C3;
text-decoration: underline;
}
p.introduction {
font: italic bold 13px arial, verdana, helvetica, sans-serif;
margin: 10px 25px;
text-indent: 14px;
}
ul.resto {
padding-left: 60px;
font: normal bold 12px verdana, arial, helvetica, sans-serif;
color: #222;
}
.resto li a{
color: #822100;
text-decoration: none;
}
.resto li a:hover{
color: #822100;
text-decoration: none;
}

/* page d'intro */
/* presentation 2 colonnes */
#modecol {
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
border: 0px solid red;
}
#modecol1 {
border: 0px solid black;
float: left;
margin: 0;
padding: 0;
width: 410px;
}
#modecol2 {
border: 0px solid green;
float: right;
margin: 0;
padding: 0;
width: 410px;
}

.imgindex {
border: 0;
float: right;
margin: 5px 15px 5px 45px;
width: 200px;
}

div.restau {
/*padding-left: 10px;*/
}
div.restau p {
color: #222;
font: normal normal 12px verdana, arial, helvetica, serif;
margin-bottom: 4px;
}
div.restau p a {
color: #222;
text-decoration: none;
}
div.restau p a:hover {
background-color: #E1E0C3;
color: #222;
text-decoration: underline;
}

/* indication de mise a jour */
.maj {
color: #093;
}
.majn {
color: #F00;
font: italic bold 10px verdana, helvetica, arial, serif;
}

/* photos de restauration */
div.imgintro {
margin: 0 0 20px 0;
text-align: center;
}
.lgd {
color: #008080;
font-style: italic;
}
div.photo {
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 690px;
text-align: center;
border: 0px solid red;
}
dl.ident {
float: left;
margin: 4px 8px 2px 8px;
padding: 4px;
background-color: #FFD;
text-align: center;
width: 200px;
}
.ident dd, .video dd {
width: 200px;
margin: 0;
padding: 0;
font: normal normal 9px verdana,'Times New Roman',sans-serif;
color: #000;
text-align: left;
border: 0px solid #E3D0C3;
}
dl.video {
float: left;
margin: 4px 8px 2px 8px;
padding: 4px;
background-color: #F96;
text-align: center;
width: 200px;
}
div.phototech {
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
border: 0px solid red;
}
dl.identtech {
float: left;
margin: 4px 8px 2px 8px;
padding: 3px 1px;
background-color: #FFD;
text-align: center;
width: 160px;
}
.identtech dd {
width: 160px;
margin: 0;
padding: 0;
font: normal normal 9px verdana,'Times New Roman',sans-serif;
color: #000;
text-align: left;
border: 0px solid #E3D0C3;
}

div.signature {
position: relative;
text-align: right;
font: normal bold 12px verdana, arial, helvetica, serif;
color: #222;
}

h1, h1 a {
margin-top: 20px;
font: italic bold 16px sans-serif, verdana, arial, helvetica, serif;
color: #822100;
text-indent: 40px;
text-decoration: none;
}
h1 a:hover {
margin-top: 20px;
background-color: #FFD;
font: italic bold 16px sans-serif, verdana, arial, helvetica, serif;
color: #822100;
text-indent: 40px;
text-decoration: underline;
}
h2 {
font: italic bold 14px sans-serif, verdana, arial, helvetica, serif;
color: #822100;
text-indent: 55px;
margin-top: 16px;
}

/* mise en forme des liens */
.lien {
position: relative;
width: 600px;
margin-left: auto;
margin-right: auto;
background: #EEE url("images/fdlien0.png") repeat-y;
border: 0px solid #red;
}
.lienhaut {
background: #EEE url("images/fdlien1.png") no-repeat;
font: normal bold 15px "comic sans ms", "bimini", verdana, helvetica, serif;
color: #822100;
text-indent: 20px;
height: 20px;
border: 0px solid blue;
}
.lienhaut span {
background: #EEE none;
padding: 0 3px;
}
div.titrelien {
font: italic bold 16px sans-serif, verdana, arial, helvetica, serif;
color: #8E8279;
text-align: center;
border: 0px solid red;
}
.corps {
position: relative;
padding: 15px 22px;
border: 0px solid red;
}
.corps p {
font: normal normal 12px verdana, arial, helvetica, serif;
color: #010101;
text-align: justify;
letter-spacing: 1px;
word-spacing: 2px;
}
.corps p:first-letter {
font-size: 100%;
font-weight: normal;
}

.corps img {
float: right;
padding: 0 8px 0 15px;
margin: 0;
border: 0px solid green;
}
.corps a {
font: normal normal 12px verdana, arial, helvetica, serif;
text-decoration: underline;
color: #8E8279;
font-weight: bold;
line-height: 22px;
}
.corps a:hover {
color: #822100;
text-decoration: none;
}
.lienbas {
background: #EEE url("images/fdlien2.png") no-repeat;
}

/* affichage liens */
.lien0 {
position: relative;
background: #E1E0C3 url("images/bl0.png") 0 100% no-repeat;
margin: 10px;
}
.e0br {
position: relative;
background: url("images/br0.png") 100% 100% no-repeat;
}
.e0tl {
position: relative;
background: url("images/tl0.png") 0 0 no-repeat;
}
.e0tr {
position: relative;
background: url("images/tr0.png") 100% 0 no-repeat;
padding:10px;
margin: 0;
}
.lien1 {
position: relative;
background: #FFD url("images/bl1.png") 0 100% no-repeat;
margin: 10px;
}
.e1br {
position: relative;
background: url("images/br1.png") 100% 100% no-repeat;
}
.e1tl {
position: relative;
background: url("images/tl1.png") 0 0 no-repeat;
}
.e1tr {
position: relative;
background: url("images/tr1.png") 100% 0 no-repeat;
padding:10px;
margin: 0;
}
.e0tr img, .e1tr img {
float: left;
margin: 0 10px 10px 0;
position: relative; /* fix for IE/Win */
}
p.titrelienx {
font: italic bold 16px sans-serif, verdana, arial, helvetica, serif;
color: #8E8279;
}

/*** news ***/
.datenews {
position:	relative;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 2px 10px 2px 0; 
font: normal bold 11px verdana, arial, helvetica, serif;
color: #822100;
text-align:	right;
height: 15px;
border-bottom: 2px solid #E3D0C3;
border-right: 2px solid #E3D0C3;
}
.textenews {
position:	relative;
margin-left: auto;
margin-right: auto;
padding: 5px 6px;
border-left: 2px solid #E3D0C3;
border-bottom: 2px solid #E3D0C3;
border-right:	2px solid #E3D0C3;
background:	#E1E0C3 none;
}
.textenews p {
font: normal bold 12px verdana, arial, helvetica, serif;
color: #222;
line-height: 18px;
word-spacing: 2px;
text-align: justify;
text-indent: 8px;
margin: 0;
padding: 0;
}
.textenews p a {
color: #822100;
text-decoration: none;
}
.textenews p a:hover {
color: #222;
background-color: #FFD;
text-decoration: underline;
}
/* lien vers les archives des mises a jour */
#archiv {
font: normal bold 11px verdana, arial, helvetica, serif;
color: #010101;
}
#archiv a {
color: #822100;
text-decoration: none;
}
#archiv a:hover {
color: #222;
background-color: #FFD;
text-decoration: underline;
}

/* petites annonces */
p.conditions {
font: normal normal 10px verdana, arial, helvetica, serif;
color: #010101;
}

.annonce {
position: relative;
background: #EEE none;
border: 2px solid #E1E0C3;
}
.atitre {
margin: 0;
padding: 2px;
background: #E1E0C3 none;
font: normal bold 11px verdana, arial, helvetica, serif;
color: #010101;
}
.atexte {
margin: 0;
padding: 10px;
text-align: left;
}
.atexte a {
color: #822100;
}
dl.acontactdl {
float: left;
width: 250px;
font: normal normal 11px verdana, arial, helvetica, serif;
color: #010101;
}
.acontactdl dt {
font-weight: bold;
}
.acontactdl dd a {
font-weight: bold;
color: #822100;
}
.aphoto {
position: absolute;
bottom: 10px;
left: 240px;
text-align: left;
padding-bottom: 12px;
}
.adepot {
position: absolute;
bottom: 0;
left: 0;
padding: 1px 3px;
background: #E1E0C3 none;
}
.aprix {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 4px;
font: normal bold 12px verdana, arial, helvetica, serif;
color: #822100;
}
.aretour {
float: right;
margin: 0;
padding: 2px 5px;
background: #E1E0C3 none;
}
.aretour a, .aretour a:hover, .aretour a:visited {
color: #822100;
}

/********************* pied de page **********************/
div#pied {
position: relative;
margin: 0;/* 5px 5px 5px;*/
padding: 10px;
height: 50px;
background: #E1E0C3 none;
text-align: right;
font: normal normal 10px verdana,arial,helvetica,sans-serif;;
color: #5C5C5C;
border: 1px solid #E3D0C3;
}
#pied span {
display: block;
margin: 3px 0;
}
#pied a {
color: #822100;
text-decoration: none;
}
#pied a:hover {
color: #5C5C5C;
text-decoration: underline;
}
#pied a.pasrouge {
color: #5C5C5C;
text-decoration: none;
}
/* affichage du compteur de visite */
div#compteur {
position: absolute;
top: 45px;
left: 40px;
padding: 2px;
}

/* affichage du logo xiti */
div#xiti {
position: absolute;
top: 15px;
left: 50px;
width: 39px;
height: 25px;
border: 0px solid red;
}
#centrer {
margin-left: auto;
margin-right:	auto;
padding: 0 2px;
text-align: left;
background:	#FFD none;
border: 0;
}
.bouton {
background-color: #FFD;
border: 1px outset #E3D0C3;
padding: 2px 3px;
font: normal normal bold 11px verdana,helvetica,'Times New Roman',sans-serif;
color: #822100;
}

/* retour au debut */
.retour {
float: right;
padding-right: 15px;
text-align: left;
font:	normal normal normal 8pt arial,verdana,'Times New Roman',sans-serif;
color: #FFFFD0;
}
.retour a {
color: #822100;
}

/********************************/
/* divers                       */
/********************************/
img {
border: 0;
}
img.smiley {
border: 0;
vertical-align: -20%;
}
.spacer {
clear: both;
border: 0px dotted green;
}
.spacer0 {
clear: both;
line-height: 0;
border: 0px dotted green;
}
.spacer5 {
clear: both;
line-height: 5px;
border: 0px dotted green;
}
.spacer50 {
clear: both;
line-height: 50px;
border: 0px dotted green;
}
.center {
text-align: center;
}
.red {
color: #F00;
}

/* affichage du bandeau de pub */
#pub {
position:	relative;
width: 468px;
height:	90px;
margin-left: auto;
margin-right: auto;
bottom:	2px;	
background:	transparent none;
text-align: center;
border: 0px solid red;
}	
/* texte de la pub */
#clickfr {
font: normal normal 7pt arial,verdana,'Times New Roman',sans-serif;
}
#clickfr a {
color: #CCC;
background: transparent none;
}
#adsense {
position: absolute;
top: 4px;
left: 200px;
width: 235px;
height: 62px;
}
#adsense2 {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
width: 126px;
height: 130px;
}
#adsense3 {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
width: 480px;
height: 70px;
}