@import url(style_menu.css);
@import url(style_resto.css);

/*====================== parametre GLOBAL ===========================*/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
background: url(imgs/bk_global.gif) repeat-x top left ;
background-color: #710000;
}

p {margin: 0;}

/*====================== box title pour le ref =============================*/
#boxtitle {
position:absolute;
top: -500px;
left: 0;
}
#boxtitle h1, #boxtitle h1 a, #boxtitle h1 a:hover {
color:#FFCC00;
font-size: 10px;
}

/* ===================== bloc revoir l'intro ==========================*/
#revoirintro {
margin: 0;
padding: 0;
position: absolute;
width: 100px;
left: 50%;
top: 114px;
margin-left: 400px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
#revoirintro a {
text-decoration:none;
color:#8B2F2D;
}
#revoirintro a:hover {
text-decoration:none;
color:#FFCCCC;
}

/*====================== parametre CONTENEUR ===========================*/
#conteneur {
margin: 29px 0 0 0;
padding: 0;
position: absolute;
width: 767px;
left: 50%;
margin-left: -382px;
}

#conteneurmain {
margin: 0;
padding: 1px;
width: 765px;
border: 1px solid #5D0C0C;
background-color: #ffffff;
}

/*======================== parametrage HEADER =========================*/
#header {
height: 101px;
padding: 21px 21px 0 21px;
margin: 0 0 6px 0;
}

.lien_header_index{
position:absolute;
top:3px;
right:21px;
width:465px;
height:97px;
display:block;
cursor:pointer;
}

.logo {
position: absolute;
top:21px;
left: 21px;
}

/*====================== parametre BOX NAVIG  ===================*/
#boxnavig {
margin: 0;
padding : 0;
position: absolute;
z-index: 999;
top: 100px;
left: 23px;	
height : 23px;
background: url(imgs/bk_bar_navhaut.gif) repeat-x top left ;
}

#boxnavig {	
list-style-type: none ;
width: 723px;
}

#boxnavig dl {
float:right;
display: inline ;
}

#boxnavig a {
color: #000000;
text-decoration:none;
font-weight: bold;
}

#boxnavig a:hover {
color: #000000;
text-decoration:underline;
font-weight: bold;
}

/*====================== parametre BOX NAVIG HAUT ===================*/
#boxnavighaut {
font-family:  tahoma, helvetica, Verdana, Arial;
font-size: 10px;
color: #373737;
width: 100%;	
}

#boxnavighaut {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
width: 100%; /* précision pour Opera */
height:20px;
}

#boxnavighaut li {
float:right;
display: inline ;
}

#boxnavighaut a {
color: #373737;
text-decoration:none;
}

#boxnavighaut a:hover {
color: #000000;
text-decoration: underline;
}

/*======================== parametrage CENTRE =========================*/
#centre {   /* pour ie */ 
padding: 0;
height: auto;
height: 441px;
margin: 0 21px 0 21px;
}
html>body #centre {   /* pour firefox */ 
padding: 0;
height: auto;
margin: 0 21px 0 21px;
height: auto; !important;
min-height: 441px;
}

/* cas particulier pour le flore */
#accueilflorecentre {   /* pour ie */ 
padding: 0;
height: auto;
height: 441px;
margin: 0 21px 0 21px;
}
html>body #accueilflorecentre {   /* pour firefox */ 
padding: 0;
height: auto;
margin: 0 21px 0 21px;
height: auto; !important;
min-height: 454px;
}

#centreplan {    /* pour les pages de plan */
padding: 0;
height: 585px;
min-height: 585px;
margin: 0 21px 0 21px;
}

.centregauche {
position:absolute;
left:23px;
margin: 0;
padding: 0;
width: 145px;
height: auto;
border-right: 1px solid #ffffff;
}

#centredroite {   /* pour ie */
float:right;
margin: 0;
padding: 0;
width: 577px;
height: 100%;
}

#flash {
margin: 0;
padding: 0;
position: absolute;
top: 130px;
left:169px;
}

/*=========== parametrage block de NEWS ===========*/
#blocknews {
position: absolute;
z-index:11;
width: 145px;
height: 221px;
background-color:#FFFFFF;
top: 220px;
left: 0px;
opacity: .99;
filter: alpha(opacity=99);
margin:0;
padding:0;
}

.tinews {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-bottom: 5px;
}
.extrait {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
margin:0;
padding:0;
}
.news {
margin-bottom: 6px;
width: 125px;
}

.news a {
color:#7a7a7a;
text-decoration: none;
background-color: none;
display: block;
color:#000000;
text-decoration: none;
border: 1px solid #ffffff;
padding: 3px 3px 3px 6px;
}
.news a:hover {
color:#222222;
text-decoration: none;
background-color:#F5F5F5;
border: 1px solid #bbbbbb;		
}

/* bouton case fermeture */
.btclose {
float: right;
}
a.btclose {	
display : block;
width: 13px;
height: 13px;
text-decoration: none;
background: url(imgs/bt_close.gif) no-repeat top left ;
}
a.btclose:hover {
display : block;
width: 13px;
height: 13px;
background: url(imgs/bt_close_2.gif) no-repeat top left ;
}

/*======================== parametrage PIED =========================*/
#pied {
height: 38px;
margin: 0;
margin-top: 1px;
padding: 0 21px 0 21px;
background: url(imgs/bk_pied.gif) repeat-x top left ;
background-color: #ffffff;
}

#barrepied { /* pour ie */
height: 24px;
width: 100%;
background: url(imgs/bk_barpied.gif) repeat-x top left ;
}

/* parametrage du bouton voir les news */
.btnews {
float: left;
top: 0;
left: 0;
margin: 0;
width: 145px;
height: 24px;
border-right: 1px solid #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.btnews a {
color:#000000;
text-decoration: none;
}
.btnews a:hover {
text-decoration: underline;
}

.btnews p {
padding-top: 5px;
padding-left: 8px;
}

/* parametrage du bouton voir les actus restaurants */
.btacturesto {
float: left;
top: 0;
left: 0;
margin: 0;
width: 145px;
height: 24px;
border-right: 1px solid #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.btacturesto a {
background: url(imgs/puce_smenu_2_clign.gif) no-repeat top left ;
text-decoration: none;
border-bottom: none;
}

.btacturesto p {
padding-top: 5px;
}

/* parametrage bouton MENTIONS LEGALES */
.btmentionsfr, .btmentionsuk {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size: 8px;
margin-top: 8px;
margin-right: 4px;
float: right;
width: 560px;
}

.btmentionsfr a, .btmentionsfr a:link {
display : block;
text-decoration: none;
width: 480px;
height: 9px;	
background: url(imgs_fr/mentions.gif) no-repeat top left ;	
}
.btmentionsfr a:hover {
background-position: -9px right;
}

.btmentionsuk a, .btmentionsuk a:link {
display : block;
text-decoration: none;
width: 480px;
height: 9px;	
background: url(imgs_eng/mentions.gif) no-repeat top left ;	
}
.btmentionsuk a:hover {
background-position: -9px right;
}

/*======================== parametrage FOOTER =======================*/
#footer {
float:none;
clear:both;
margin:20px 0;
padding:10px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#790600;
line-height:20px;
}

#footer span{
color:#CE8888;
font-weight:bold;
}

#footer a {
color:#B05C5C;
text-decoration: underline;
margin-left:15px;
}
#footer a:hover {
color:#FFCCCC;
text-decoration: none;
}

/*======================== parametrage page actualité ================*/
#centrenews {   /* pour ie */
margin: 0 193px 0 167px;
padding:0;
width: 384px;
height: 540px;
}

html>body  #centrenews {   /* pour firefox */
margin: 0 193px 0 167px;
padding: 1px 0 0 0; !important;
width: 384px;
height:auto; !important;
min-height: 540px;
}

.bkbordeauactu {
background: url(imgs/bk_degrad_actu.jpg) repeat-x top left;
background-color:#710000;
margin:0;
padding:0;
}

#contentnews {
min-height: 415px;
margin: 20px 25px 15px 20px;
padding:0;
}
.bkactu {
background: url(imgs/bk_actu.gif) repeat-y top left ;
margin:0;
padding: 0;
}

#droitenews {
position: absolute;
z-index: 10;
left: 553px;
width: 191px;
margin: 0;
padding:0;
height: auto;
border-left: 1px solid #ffffff;
}

#menunews {
height: 415px;
width: 184px;
overflow-y: auto;
border-bottom: 1px solid #ffffff;
padding-top: 19px;
}

/*reglage aspect des rollover du menu news */
.newsgenerique a, .newsflore a, .newspaix a, .newschicoree a, .newsorange a, .newsbaignoire a, .newssquare a {
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
border-left: 7px solid #C1C1C1;
color:#000000;
text-decoration: none;
}

.newsgenerique a:hover {
border-left: 7px solid #FF7E00;
background-color:#F9F9F8;
color:#000000;
}
.newsflore a:hover {
border-left: 7px solid #ABDA4D;
background-color:#F9F9F8;
color:#000000;
}
.newspaix a:hover {
border-left: 7px solid #B4003A;
background-color:#F9F9F8;
color:#000000;
}
.newschicoree a:hover {
border-left: 7px solid #FFBF00;
background-color:#F9F9F8;
color:#000000;
}
.newsorange a:hover {
border-left: 7px solid #FF3300;
background-color:#F9F9F8;
color:#000000;
}
.newsbaignoire a:hover {
border-left: 7px solid #400C44;
background-color:#F9F9F8;
color:#000000;
}
.newssquare a:hover {
border-left: 7px solid #CABBC9;
background-color:#F9F9F8;
color:#000000;
}

/*reglage aspect du menu news  ACTIVE */
.newsgeneriqueselect a:hover, .newsgeneriqueselect a {
border-left: 7px solid #FF7E00;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}
.newsfloreselect a:hover, .newsfloreselect a {
border-left: 7px solid #ABDA4D;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}
.newspaixselect a:hover, .newspaixselect a {
border-left: 7px solid #B4003A;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}
.newschicoreeselect a:hover, .newschicoreeselect a {
border-left: 7px solid #FFBF00;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}
.newsorangeselect a:hover, .newsorangeselect a {
border-left: 7px solid #FF3300;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}
.newsbaignoireselect a:hover, .newsbaignoireselect a {
border-left: 7px solid #400C44;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}
.newssquareselect a:hover, .newssquareselect a {
border-left: 7px solid #CABBC9;
background-color:#F9F9F8;
color:#000000;
float: left;
width: 154px;
margin: 1px 0 0 0;
padding: 7px 0 10px 10px;
display: block;
text-decoration: none;
}

/* aspect du contenu des boites de menu actu */
.tinews {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight: bold;
}

.newstxt {
margin-top: 2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
color: #990033;
font-weight: bold;
}

.separnews {
float: none;
clear:left;
margin: 0 21px 0 20px;
padding: 0;
border-top: 1px solid #BABAB9; 
}

/*================ parametrage de l'aspect des news ===================*/
#tinewstot {
background-color:#77201F;
margin-bottom: 20px;
}
#tinewstot p {
padding: 4px 4px 4px 8px;
margin: 0;
}
.txttinews {
margin: 0;
font-family : helvetica, trebuchet, verdana, arial;
color: #ffffff;
font-size:14px;
font-weight: bold;
font-style:normal;
margin-bottom: 4px;
padding-left: 8px;
}

.decriptionactu {
font-family : verdana, arial;
font-size:11px;
border-left: 1px solid #FFB400;
font-weight: normal;
line-height: 14px;	
color: #FFB400;
padding-left: 15px;
}

.datenews {
margin: 0;
font-family : arial, verdana;
color: #ffffff;
font-size:10px;
padding-left: 8px;
padding-bottom:16px;
opacity: .80;
filter: alpha(opacity=80);
}

/* parametrage des positionnement d'image */
.imgnews {
border: 2px solid #FF8B05;
background-color:#FFFFFF;
}
.imgnewsflore {
border: 2px solid #ABDA4D;
background-color:#FFFFFF;
}
.imgnewspaix {
border: 2px solid #B4003A;
background-color:#FFFFFF;
}
.imgnewschicoree {
border: 2px solid #FFBF00;
background-color:#FFFFFF;
}
.imgnewsorange {
border: 2px solid #FF3300;
background-color:#FFFFFF;
}
.imgnewsbaignoire {
border: 2px solid #400C44;
padding:1px;
background-color:#FFFFFF;
}
.imgnewssquare {
border: 2px solid #CABBC9;
background-color:#FFFFFF;
}

/* parametrage des positionnement d'image */
#imgnewsleft {
float:left;
margin: 10px 15px 10px 0;
}
#imgnewsright {
float:right;
margin: 10px 0 10px 15px;
}

/*======================== parametragze page contact ================*/
.bkcontact {
background: url(imgs/bk_contact.gif) repeat-y top left ;
background-color : #ffffff;
}

#droitecontact {	
position: absolute;
z-index: 10;
left: 535px;
width: 193px;
padding:0;
height: auto;
border-left: 1px solid #ffffff;
}

#centrecontact {  /* pour ie */
margin-left: 167px;
padding:0;
width: 361px;	
}

#centrecontact {  /* pour firefox */
margin-left: 167px;
padding:0;
width: 366px;	!important;
}

.couleurform {
border-right: 1px solid #ffffff;
background: url(imgs/bk_degrad_contact.jpg) repeat-x top left;
background-color: #FA7D00;
}

.adresseresto a, .adrflore a, .adrpaix a, .adrchicoree a, .adrorange a, .adrbaignoire a, .adrsquare a {
float: left;
width: 187px;
margin: 0 0 0 0;
padding: 14px 0 14px 14px;
display: block;
border-right: 10px solid #C1C1C1;
color:#000000;
text-decoration: none;
}

.adrflore a:hover {
cursor: default ;
border-right: 10px solid #ABDA4D;
}
.adrpaix a:hover {
cursor: default ;
border-right: 10px solid #B4003A;
}
.adrchicoree a:hover {
cursor: default ;
border-right: 10px solid #FFBF00;
}
.adrorange a:hover {
cursor: default ;
border-right: 10px solid #FF3300;
}
.adrbaignoire a:hover {
cursor: default ;
border-right: 10px solid #400C44;
}
.adrsquare a:hover {
cursor: default ;
border-right: 10px solid #CABBC9;
}

.nomresto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
}

.adresseresto {
margin-top: 3px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color: #990033;
font-weight: normal;
}

.separadr {
float: none;
clear:left;
margin: 0 21px 0 20px;
padding: 0;
border-top: 1px solid #BABAB9; 
}

/*======================== page accueil groupe ======================*/
#centregroupe {  /* pour ie */
margin: 0 193px 0 167px;
padding:0;
width: 384px;
height: 440px;
background: url(imgs/bk_degrad_actu.jpg) repeat-x top left;
background-color:#710000;
}

html>body #centregroupe {  /* pour firefox */
margin: 0 193px 0 167px;
padding: 1px 0 0 0; !important;
width: 384px;
height: 440px;
background: url(imgs/bk_degrad_actu.jpg) repeat-x top left;
background-color:#710000;
}

#contentgroupe {
min-height: 415px;
margin: 20px 25px 15px 30px;
}

#contentaccgroupe {
padding: 10px;
margin: 0 0 0 14px;
}

#boutonsgroupe {  /* pour ie */
padding:0;
margin-top: 5px;
height: 45px;
}

html>body #boutonsgroupe {  /* pour firefox */
padding: 0 20px 0 20px;
margin: -70px 0 0 0; !important;
}

.boutonsplusinfo{
float:left;
margin: 0 0 0 25px;	
}
.boutonsreservimm {
float:right;
margin: 0 25px 0 0;
}

.boutonsplusinfo a, .boutonsreservimm a {
display: block;
text-align:center;	
font-weight: bold;
font-family: helvetica, verdana, arial;
font-size: 13px;
text-decoration:none;
padding: 5px 15px 4px 15px;
border: 1px solid #FFB400;	
}

.boutonsplusinfo a, .boutonsreservimm a {
color: #FFB400;
background-color: #6A0505;
}
.boutonsplusinfo a:hover, .boutonsreservimm a:hover {	
color: #870000;
background-color:#FFB400;
}

/*======================== page reservation ===================*/
#centrereserve {
margin-left: 167px;
padding:0;
width: 366px;	
}

.tabcapacite {
width: 211px;
text-align: center;
}

/* parametrage zone capacité resto */
.tabcapacite tr {
text-align : center;
vertical-align: middle;
}
.tabcapacite td  {
border-bottom: 1px solid #ffffff;
}
.tabcapacite td p {
margin-bottom : 5px;
}
#restoname {
margin-top: 14px;
height: 20px;	
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#restoname p {
padding: 4px 6px 0 6px;
text-align : right;
font-weight: bold;
}

/*=========================== page VOTRE AVIS ========================*/
#conteneuravis {
width: 500px;
margin:0;
padding:0;
}

#contentvotreavis {
width: 459px;
height:400px;
overflow-y:auto;
margin:0;
padding: 20px 20px 20px 20px;
}
#contentvotreavis p {
margin:0;
padding: 0;
}

#formavis {
width: 430px;
}

/*========================== page TPL GROUPE LELIEUR =============================*/
#centregroupeml {
margin: 0 0 0 167px;
padding:0;
width: 577px;
height: 540px;
}

html>body #centregroupeml {
margin: 0 0 0 167px;
padding: 1px 0 0 0; !important;
width: 577px;
height: 540px;
}

/*========================== page PLAN RESTO =============================*/
#centreplanunik {
margin-left: 167px;
padding:0;
width: 577px;
height: 440px;
}

/*============================= textes ==============================*/
.txtalphaccueil {
font-size: 11px;
font-weight: bold;
color: #CCA3A3;
}

.txtalphapt, .txtalphapt a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #A54C4C;
}

.txtalphapt a:hover {
color: #CCA3A3;
text-decoration: underline;
}

.txtblanc {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #ffffff;
}

.txtjaune {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFB400;
}

.txtnoir {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
font-style: normal;
}

.txtmauve {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #330535;
}

.txtbordeau {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #A2112B;
}


.txtblancpt {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #ffffff;
}

.txtnoirpt {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;
font-style: normal;
}

.txtcontact {
clear: left;
color:#FFB400;
font-weight: normal;
color:#202020;
font-size: 11px;
margin: 15px 8px 20px 8px;
}

.txtreserve {
clear: left;
color:#FFB400;
font-weight: normal;
color:#FFB400;
font-size: 11px;
margin: 15px 8px 20px 8px;
}

/*=========================== style Offres Promotionnelles restaurant LA PAIX ===========================*/
#zone_txt_offre_promo {
background-color: #B5406A;
padding: 5px 10px 10px 10px;
margin-bottom: -10px;
}

#zone_txt_offre_promo p {
padding: 5px 0 5px 0;
line-height:14px;
}

/* lien */
#zone_txt_offre_promo a {
color: #FFCC00;
text-decoration: none;
}
#zone_txt_offre_promo a:hover {
color: #FFCC00;
text-decoration: underline;
}

/* bloc condition de l'offre */
.bloc_condition_offre {
margin-top: 8px;
padding: 0px 6px 2px 6px;
background-color: #9F2D55;
}

.bloc_condition_offre p {
padding: 4px 0 4px 0;
}

/* zone banniere */
#zone_banniere_accroch {
margin-bottom:8px;
height:25px;
}

/* bloc confirmation de reservation */
#zone_confirm_offre_promo {
background-color: #AE7B3C;
padding: 10px 10px 10px 10px;
margin-bottom: -10px;
}

.zone_confirm_offre_filet {
padding: 10px 10px 10px 10px;
border: 1px solid #FFD305;
font-size: 12px;
font-weight: bold;
font-family: verdana, Arial, Helvetica, sans-serif
}

#zone_confirm_offre_promo p {
padding: 5px 0 5px 0;
line-height:14px;
}

.zone_confirm_offre_filet a {
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

.zone_confirm_offre_filet a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.txt_jaune {
color: #FFD305;
}

/* rappel de l'offre confirmation */
.bloc_condition_confirm_offre {
font-size: 10px;
font-weight: normal;
margin-top: 8px;
padding: 0px 6px 2px 6px;
background-color: #955E27;
}

.bloc_condition_confirm_offre p {
padding: 4px 0 4px 0;
}