* {margin: 0; padding: 0; }
body { font-family: Arial, Verdana, sans-serif ; font-size: 11px; background-color: #FFF; }
body .global { position: relative; width: 980px; height: 570px; margin: 30px auto 40px auto; background-color: #E4E4E5;}

#onglet { position: absolute; width:980px; height: 1em; top: -1.6em; text-align: right; }
#onglet a { margin: 0; padding: 0.2em 1em 0.4em 1em; border-left: solid 1px #C22600; color: #C22600; text-decoration: none;}
#onglet a:hover { color: #FFF; background-color: #C22600; }
#player { position: absolute; top: -22px; }

#abonnement { font-weight: bold; text-transform: uppercase; }
#newsletter { width: 300px; margin: 0; padding: 1em; text-decoration: none; top: 30px; right: 30px; position: absolute; background-color: #FFF; text-align: left;}
#newsletter input[type=text] { border: solid 1px #CC2200; color: #CC2200; font-weight: bold; padding: 2px; width:100%; margin: 5px 0; }
#newsletter .boutons { text-align: center; }
#newsletter input[type=submit], #newsletter input[type=reset] { border: solid 1px #CC2200; background-color: #FFF; color: #CC2200; width: 100px; }
#newsletter input[type=submit] { font-weight: bold; }

#menu {position: absolute; font-size: 21px; font-family: Arial, sans-serif ; list-style-type: none; text-transform: lowercase; letter-spacing: 0.4em; color: #FFF; }
#menu a {color: #FFF; text-decoration: none; padding: 0.2em 30px 0.2em 0; width: 100%; display: block; text-align: right;}
#menu a:hover {color: #FFF; text-decoration: none; background-color: #000;}
#menu a.selected {color: #C22600; text-decoration: none; background-color: #000;}
#sous_menu {position: absolute; font-size: 17px; font-family: Arial, sans-serif ; list-style-type: none; text-transform: lowercase; letter-spacing: 0.2em; color: #FFF; }
#sous_menu a {color: #FFF; text-decoration: none; padding: 0.1em 0 0.1em 30px; width: 100%; display: block; }
#sous_menu a:hover {color: #FFF; text-decoration: none; background-color: #000;}
#sous_menu a.selected {color: #C22600; text-decoration: none; background-color: #000;}
#coordonnees { position: absolute; bottom: -3.5em; font-size: 0.8em; text-align: center; width: 100%; color: #AAA; }
#fond_gris { position: absolute; top: 80px; left: 0px; width: 415px; height: 223px; background-color: #333 ; opacity: 0.5; filter : alpha(opacity=50); width: 980px; }

/* Gestion des fonds blancs */
div#restaurant_carte #fond_blanc_droite, div#restaurant_carte #fond_blanc_gauche,
#fond_blanc { opacity: 0.8; filter : alpha(opacity=80); background: #FFF url(/img/fond/logo.png) no-repeat; background-position: bottom right; padding: 15px;}
/* Gestion du contenu */
div#restaurant_carte #carte_droite, div#restaurant_carte #carte_gauche,
/* #contenu { overflow: auto; line-height: 1.7em; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#C22600; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-shadow-color:#C22600; scrollbar-arrow-color:#C22600; scrollbar-track-color:#FFFFFF; padding: 15px ; }*/
#contenu { overflow: auto; line-height: 1.7em; padding: 15px ; }

#contenu strong { font-weight: bold; color: #222;}
h1 {font-size: 1.1em; color: #C22600; text-transform: uppercase; padding: 1em 0; }
h2 {font-size: 1em; color: #C22600; padding: 0.5em 0; }
p { margin: 0.3em 0 0.5em 0; }
hr { color: #C22600; background-color: #C22600; height: 1px; border: 0; }
img {border: none ; }
a { color: #C22600; text-decoration: none ; }
a:hover { text-decoration: underline ; }
#contenu li { padding: 0 1em 0 0; list-style-type: none; }

/* 404 */
div#erreur { background-image: url('/img/fond/erreur.jpg'); }
div#erreur #contenu, div#erreur #fond_blanc { position: absolute; top: 60px; left: 605px; width: 275px; height: 320px; }
div#erreur #menu {top: 90px; width: 575px;}
div#erreur #goog-wm { font-size: 10px;font-family: Arial, Verdana, sans-serif ; color: #333; margin: 35px 0;}
div#erreur #goog-wm h3.closest-match { }
div#erreur #goog-wm h3.closest-match a { }
div#erreur #goog-wm h3.other-things { }
div#erreur #goog-wm ul li { }
div#erreur #goog-wm li.search-goog { display: block; }
div#erreur #goog-wm #goog-wm-sb {background-color: #FFF; border: solid 1px #333;margin: 3px auto;}

/* Page d'accueil */
div#accueil { background-image: url('/img/fond/accueil.jpg'); }
div#accueil #contenu, div#accueil #fond_blanc { position: absolute; top: 50px; left: 605px; width: 275px; height: 380px; }
div#accueil #menu {top: 90px; width: 575px;}
div#accueil #ladresse { position: absolute; top: 310px; right: 390px; width: 560px; height: 60px; Text-align: right; color: #FFF; font-size: 1.3em; font-weight: bold; font-style: italic; }

/* Partie Restaurant - Accueil */
div#restaurant_accueil { background-image: url('/img/fond/restaurant_accueil.jpg'); }
div#restaurant_accueil #contenu, div#restaurant_accueil #fond_blanc { position: absolute; top: 60px; left: 214px; width: 316px; height: 312px; }
div#restaurant_accueil #menu {top: 90px; width: 184px;}
div#restaurant_accueil #sous_menu {top: 90px; left: 560px; width: 390px;}

/* Partie Restaurant - Plat du jour */
div#restaurant_platdujour { background-image: url('/img/fond/restaurant_platdujour.jpg'); }
div#restaurant_platdujour #contenu, div#restaurant_platdujour #fond_blanc { position: absolute; top: 59px; left: 214px; width: 318px; height: 313px; }
div#restaurant_platdujour #contenu { text-align: center ; line-height: 1.4em ;}
div#restaurant_platdujour #contenu .jour { font-weight: bold; margin-top: 2em; }
div#restaurant_platdujour #contenu .notes { font-weight: bold; margin: 2em 0; }
div#restaurant_platdujour #menu {top: 90px; width: 183px;}
div#restaurant_platdujour #sous_menu {top: 90px; left: 563px; width: 387px;}

/* Partie Restaurant - Carte */
div#restaurant_carte { background-image: url('/img/fond/restaurant_carte.jpg'); }
div#restaurant_carte #fond_blanc { visibility: hidden ; }
div#restaurant_carte #contenu { position: absolute; top: 0px; left:0px; width: 950px; height: 570px; }
div#restaurant_carte #carte_gauche, div#restaurant_carte #fond_blanc_gauche { position: absolute; top: 60px; left: 214px; width: 170px; height: 452px; background-image: none; }
div#restaurant_carte #carte_droite, div#restaurant_carte #fond_blanc_droite { position: absolute; top: 60px; left: 424px; width: 320px; height: 452px; }

div#restaurant_carte h1 { padding: 0 0 0.5em 0;text-transform: none; font-variant: small-caps; }
div#restaurant_carte div { line-height: 1.4em; margin-bottom: 1em;}
div#restaurant_carte div .tarif { float: right; font-weight: bold; margin: 0 2px; }
div#restaurant_carte div .type { border-bottom: dashed 1px #CCC; }
div#restaurant_carte #menu {top: 90px; width: 183px;}
div#restaurant_carte #sous_menu {top: 90px; left: 775px; width: 175px;}

/* Partie Restaurant - Vin */
div#restaurant_vins { background-image: url('/img/fond/restaurant_vins.jpg'); }
div#restaurant_vins #contenu, div#restaurant_vins #fond_blanc { position: absolute; top: 59px; left: 214px; width: 318px; height: 323px; }
div#restaurant_vins #contenu table { width: 300px; margin: 0 auto; }
div#restaurant_vins #contenu table td { vertical-align: top; line-height: 1.4em; padding: 3px 0;}
div#restaurant_vins #contenu .pays { font-weight: bold; font-variant: small-caps; }
div#restaurant_vins #contenu .couleur {color: #C22600; width: 75px; }
div#restaurant_vins #contenu .libelle { width: 165px; }
div#restaurant_vins #contenu .dl,
div#restaurant_vins #contenu .bt { width: 30px; text-align: right; vertical-align: bottom;}
div#restaurant_vins #contenu h1 { padding: 0 ; margin: 0;}
div#restaurant_vins #menu {top: 90px; width: 184px;}
div#restaurant_vins #sous_menu {top: 90px; left: 563px; width: 387px;}

/* Partie Restaurant - Boissons */
div#restaurant_boissons { background-image: url('/img/fond/restaurant_boissons.jpg'); }
div#restaurant_boissons #contenu, div#restaurant_boissons #fond_blanc { position: absolute; top: 59px; left: 214px; width: 418px; height: 423px; }
div#restaurant_boissons #menu {top: 90px; width: 183px;}
div#restaurant_boissons #sous_menu {top: 90px; left: 663px; width: 287px;}
div#restaurant_boissons #contenu h1 { padding: 1em 0 0 0; }
div#restaurant_boissons #contenu .description { font-style: italic; }
div#restaurant_boissons #contenu .tarif { float: right; font-weight: bold; margin: 0 2px; }
div#restaurant_boissons #contenu .boisson { border-bottom: dashed 1px #CCC; }
div#restaurant_boissons #contenu #liste_the strong { display: block; margin-top: 0.3em; font-size: 1.1em;}


/* Partie Restaurant - Horaires */
div#restaurant_horaires { background-image: url('/img/fond/restaurant_horaires.jpg'); }
div#restaurant_horaires #contenu, div#restaurant_horaires #fond_blanc { position: absolute; top: 59px; left: 214px; width: 318px; height: 313px; }
div#restaurant_horaires #menu {top: 90px; width: 183px;}
div#restaurant_horaires #sous_menu {top: 90px; left: 563px; width: 387px;}

/* Partie Boutique - Accueil */
div#boutique_accueil { background-image: url('/img/fond/boutique_accueil.jpg'); }
div#boutique_accueil #contenu, div#boutique_accueil #fond_blanc { position: absolute; top: 65px; left: 213px; width: 310px; height: 440px; }
div#boutique_accueil #menu {top: 90px; width: 183px;}
div#boutique_accueil #sous_menu {top: 90px; left: 553px; width: 397px;}

/* Partie Boutique - L'aDRESSe code */
div#boutique_code { background-image: url('/img/fond/boutique_code.jpg'); }
div#boutique_code #contenu, div#boutique_code #fond_blanc { position: absolute; top: 39px; left: 213px; width: 360px; height: 370px; }
div#boutique_code #fond_blanc { background-image: url(/img/fond/logo_code.png); }
div#boutique_code #menu {top: 90px; width: 183px;}
div#boutique_code #sous_menu {top: 90px; left: 603px; width: 347px;}
div#boutique_code #contenu ul { padding-left: 1em;}
div#boutique_code #galerie_photos { position: absolute; white-space: nowrap; top: 462px; left: 0; width: 970px; height: 98px; opacity: 0.8; filter : alpha(opacity=80); background-color: #FFF; padding: 5px;overflow: auto;}
div#boutique_code #liste_galerie_photos li { display: inline; height: 75px; width: 75px; }
div#boutique_code img { padding: 3px; border: none;  }
div#boutique_code #chargement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; z-index: 5 ; opacity: 0.8; filter : alpha(opacity=80); background: #FFF url(/img/loading.gif) center center no-repeat;}

/* Partie Boutique - Marques */
div#boutique_marques { background-image: url('/img/fond/boutique_marques.jpg'); }
div#boutique_marques #contenu, div#boutique_marques #fond_blanc { position: absolute; top: 65px; left: 213px; width: 290px; height: 440px; }
div#boutique_marques #menu {top: 90px; width: 183px;}
div#boutique_marques #contenu ul { padding-left: 1em; }
div#boutique_marques #sous_menu {top: 90px; left: 533px; width: 417px;}

/* Partie Boutique - Flyers */
div#boutique_flyers { background-image: url('/img/fond/boutique_flyers.jpg'); }
div#boutique_flyers #contenu, div#boutique_flyers #fond_blanc { position: absolute; top: 61px; left: 214px; width: 310px; height: 420px; }
div#boutique_flyers #menu { top: 90px; width: 183px;}
div#boutique_flyers #sous_menu { top: 90px; left: 554px; width: 396px;}
div#boutique_flyers ul#liste_flyers { padding-left: 10px; }
div#boutique_flyers ul#liste_flyers a { font-weight: bold; font-size: 1.1em; text-decoration: none; color: #333; }
div#boutique_flyers ul#liste_flyers a:hover { text-decoration: underline; }

/* Partie Boutique - Horaires */
div#boutique_horaires { background-image: url('/img/fond/boutique_horaires.jpg'); }
div#boutique_horaires #contenu, div#boutique_horaires #fond_blanc { position: absolute; top: 65px; left: 213px; width: 310px; height: 240px; }
div#boutique_horaires #menu {top: 90px; width: 183px;}
div#boutique_horaires #sous_menu {top: 90px; left: 553px; width: 397px;}

/* Partie Contact - Accueil */
div#contact_accueil { background-image: url('/img/fond/contact_accueil.jpg'); }
div#contact_accueil #contenu, div#contact_accueil #fond_blanc { position: absolute; top: 62px; left: 536px; width: 385px; height: 240px; }
div#contact_accueil #menu {top: 90px; width: 506px;}

/* Partie Contact - Liens */
div#contact_liens { background-image: url('/img/fond/contact_liens.jpg'); }
div#contact_liens #contenu, div#contact_liens #fond_blanc { position: absolute; top: 65px; left: 628px; width: 290px; height: 440px; }
div#contact_liens #contenu h1 { padding: 0 1em; }
div#contact_liens #contenu ul { padding-left: 1em; }
div#contact_liens #contenu ul a { text-decoration: none; color: #333; }
div#contact_liens #contenu ul a:hover { text-decoration: underline; }
div#contact_liens #menu {top: 90px; width: 598px;}

/* Partie Contact - Presse */
div#contact_presse { background-image: url('/img/fond/contact_presse.jpg'); }
div#contact_presse #contenu, div#contact_presse #fond_blanc { position: absolute; top: 65px; left: 214px; width: 700px; height: 440px; }
div#contact_presse #menu {top: 90px; width: 184px; }
div#contact_presse #contenu #liste_presse div { float: left; width: 100px; height: 100px; text-align: center; margin: 5px; }
div#contact_presse #contenu #liste_presse div img { padding: 5px; border: none; opacity: 0.8; filter : alpha(opacity=80); }
div#contact_presse #contenu #liste_presse div img:hover { opacity: 1; filter : alpha(opacity=100); background-color: #FFF;}

/* Partie Photos */
div#photos { background-image: url('/img/fond/photos.jpg'); }
div#photos #contenu, div#photos #fond_blanc { position: absolute; top: 65px; left: 214px; width: 700px; height: 440px; overflow: hidden;}
div#photos #contenu #liste_galerie_photos li { display: inline; height: 100px; width: 100px; }
div#photos #contenu img { padding: 5px; border: none; opacity: 0.8; filter : alpha(opacity=80); }
div#photos #contenu img:hover { opacity: 1; filter : alpha(opacity=100); background-color: #FFF;}
div#photos #menu {top: 90px; width: 184px; }
div#photos #chargement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; z-index: 5 ; opacity: 0.8; filter : alpha(opacity=80); background: #FFF url(/img/loading.gif) center center no-repeat;}

/* Page newsletter */
div#diffusion { background-image: url('/img/fond/newsletter.jpg'); }
div#diffusion #contenu, div#diffusion #fond_blanc { position: absolute; top: 50px; left: 505px; width: 375px; height: 350px; }
div#diffusion #menu {top: 90px; width: 475px;}

/* Page newsletter confirmation */
div#diffusion_confirmation { background-image: url('/img/fond/newsletter.jpg'); }
div#diffusion_confirmation #contenu, div#diffusion_confirmation #fond_blanc { position: absolute; top: 50px; left: 505px; width: 375px; height: 250px; }
div#diffusion_confirmation #menu {top: 90px; width: 475px;}