/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2009/03/06
 * @link	http://www.agenceici.com/
 * @link	http://www.leretroviseur.fr/
 *
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; }
html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; background-color: #000; color: #fff; }

ul, li { list-style: none; }
img { border: 0 none; }

a { color: #fff; text-decoration: none; }

.clear { clear: both; }
.no-spam { display: none; }


table.container { width: 830px; height: 100%; margin: 0 auto; }
td.container { height: 100%; }
div.container { position: relative; width: 100%; height: 520px; }


/* Left */
.logo { position: absolute; left: 117px; top: 13px; width: 307px; height: 54px; background: url(../images/retroviseur.gif); }
.logo span { display: none; }
.resto-minuit { position: absolute; left: 435px; top: 0px; width: 72px; height: 67px; background: url(../images/label-resto-minuit.gif); color: #000; text-decoration: none; text-align: center; }
.resto-minuit span { display: block; font-size: 14px; }
.resto-minuit .ln-1 { padding-top: 10px; }
.resto-minuit .ln-2 { }
.resto-minuit .ln-3 { font-weight: bold; }
.bar-restaurant { position: absolute; left: 117px; top: 70px; width: 197px; height: 22px; background: url(../images/bar-restaurant.gif); }
.bar-restaurant span { display: none; }
.concerts-mix-dj-expos { position: absolute; left: 320px; top: 76px; color: #a43f17; font-weight: bold; font-size: 16px; }

#resto-interieur-x { position: absolute; display: block; left: 0; top: 100px; }
#resto-interieur-x span { position: absolute; left: 0; top: 0; }

.horaires { position: absolute; left: 70px; top: 380px; width: 234px; height: 52px; background: url(../images/label-horaires.gif); color: #9f802b; padding: 10px 0 0 20px; }
.accueil-groupes { position: absolute; left: 333px; top: 392px; width: 160px; height: 40px; background: url(../images/label-accueil-groupes.gif); color: #927356; padding: 10px 0 0 10px; }
.accueil-groupes h2 { font-size: 12px; }
.adresse { position: absolute; left: 115px; top: 450px; width: 328px; height: 64px; background: url(../images/label-adresse.gif); color: #9f802b; padding: 10px 0 0 15px; }
.adresse h2 { font-size: 12px; }
.adresse .mail { color: #9f802b; }
.adresse .facebook { color: #9f802b; padding-left: 20px; text-decoration: underline; background: url(../images/facebook.gif) no-repeat; }
.adresse .map { position: absolute; right: 10px; top: 10px; width: 33px; height: 13px; background: url(../images/label-map.gif); color: #fff; padding: 2px 0 0 0; text-align: center; text-transform: uppercase; font-size: 10px; }

.flags { position: absolute; left: 475px; top: 450px; }
.flags a { display: block; position: absolute; width: 25px; height: 15px; left: 0; }
.flags .flag-fr { top: 0px; background-image: url(../images/flag-fr-2.gif); }
.flags .flag-fr-active { top: 0px; background-image: url(../images/flag-fr-1.gif); }
.flags .flag-en { top: 25px; background-image: url(../images/flag-en-2.gif); }
.flags .flag-en-active { top: 25px; background-image: url(../images/flag-en-1.gif); }


/* Right */
.evenements { position: absolute; left: 515px; top: 40px; width: 196px; height: 181px; background: url(../images/label-evenements.gif); color: #000; font-size: 16px; padding: 20px 0 0 10px; overflow: auto; }
.evenements h2 { font-family: "Times New Roman", serif; color: #fff; padding-bottom: 5px; font-weight: normal; }
.la-carte { position: absolute; left: 730px; top: 98px; width: 67px; height: 38px; padding: 30px 0 0 5px; background: url(../images/label-carte.gif); color: #bea690; font-weight: bold; }
.la-playlist { position: absolute; left: 730px; top: 173px; width: 67px; height: 38px; padding: 30px 0 0 5px; background: url(../images/label-carte.gif); color: #bea690; font-weight: bold; }
.newsletter { position: absolute; left: 515px; top: 250px; width: 333px; height: 56px; background: url(../images/label-adresse.gif); color: #988370; padding: 5px 0 0 10px; }
.newsletter h2 { font-size: 16px; }
.newsletter h2 span { font-family: "Times New Roman", serif; color: #fff; }
.newsletter form { }
.newsletter input { border: 0 none; background-color: #571c16; color: #8a512e; padding: 1px; margin-left: 2px; font-size: 12px; }

.resto-exterieur-1 { position: absolute; left: 515px; top: 320px; }

.questce { position: absolute; left: 515px; top: 488px; width: 265px; height: 24px; color: #000; padding: 7px 0 0 15px; background: url(../images/label-questce.gif); }
.questce a { color: #000; font-weight: bold; }
#questce-reponse { display: none; color: #000; font-size: 11px; position: absolute; padding: 15px 12px; left: 0; top: 100px; width: 478px; height: 394px; background: url(../images/label-questce-reponse.gif); z-index: 3200; }
#questce-reponse strong { font-size: 12px; }
#questce-reponse a.close { display: block; position: absolute; left: 475px; top: 10px; width: 20px; height: 20px; background: url(../images/null.gif); }
#questce-reponse a.mail { color: #000; text-decoration: underline; }

.links { position: absolute; left: 515px; top: 525px; width: 265px; color: #ad461a; }
.links a { color: #ad461a; text-decoration: underline; }



#page-admin {  }
#page-admin .logo { position:static; display: block; margin: 0 auto; width: 307px; height: 100px; background: url(../images/retroviseur.gif) center no-repeat; }
#page-admin .menu { width: 800px; height: 30px; margin: 0 auto 0 auto; }
#page-admin .menu li { float: left; }
#page-admin .menu li a { padding: 10px; }
#page-admin .page { width: 800px; margin: 0 auto; clear: both; }
#page-admin fieldset { padding: 10px; }
#page-admin fieldset legend { padding: 0 5px; }