/*
 * Feuille de style principale du site ducky.fr
 * Copyright 2005 Yves Tannier - Grafactory.net
 */

body {
    background-color: #006699;
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
    color: #fff;
}
img {
    border: 0;
}
.spacer {
    clear: both;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
a {
    color: #fff;
}
a:hover {
    text-decoration: none;
}
/* test pour le image remplacement */
.hide {
    display: none;
    position: absolute; 
    left: -9999px; 
    top: -9999px; 
    text-indent: -5000px;
}
@media aural, braille {
    .hide {
        display: inline;
    }
}

/* conteneur global de la page */
#global {
    position:absolute;
    left: 50%; 
    width: 750px;
    margin-left: -375px;
}

/* logo ducky */
#logo {
    background: transparent url(images/design/interface/bandeau-logo.gif) no-repeat;
    height: 115px;
}
#logo a {
    display: block;
    height: 115px;
}
#logo span {
    display: none;
}

/* menu principal du site karting, bowling... */
#menu_principal {
    position: relative;
    height: 71px;
    background: transparent url(images/design/interface/menu-principal.gif) no-repeat;
    background-color: #006699;
    margin: 0;
}
#menu_principal li {
    position: absolute;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu_principal li, #menu_principal a {
    display: block;    
    height: 50px;
}
#menu_principal span {
    display: none;
}
#menu_a {left: 30px; width: 90px;}
#menu_b {left: 120px; width: 90px;}
#menu_c {left: 215px; width: 110px;}
#menu_d {left: 325px; width: 115px;}
#menu_e {left: 440px; width: 115px;}
#menu_a a:hover {
    background: transparent url(images/design/interface/menu-principal.gif)
               -30px -71px no-repeat;
}
#menu_b a:hover {
    background: transparent url(images/design/interface/menu-principal.gif)
               -120px -71px no-repeat;
}
#menu_c a:hover {
    background: transparent url(images/design/interface/menu-principal.gif)
               -215px -71px no-repeat;
}
#menu_d a:hover {
    background: transparent url(images/design/interface/menu-principal.gif)
               -325px -71px no-repeat;
}
#menu_e a:hover {
    background: transparent url(images/design/interface/menu-principal.gif)
               -440px -71px no-repeat;
}
/* conteneur des pages */
#contenu_principal {
    /*border: 1px solid #000;*/
    margin: 0;
    padding: 0;
    width: 650px;
    margin-left: 33px;
}
/* page accueil */
#accueil {
    margin: 0;
    margin-top: -10px;
    padding: 20px;
}
#accueil h1 {
    margin: 0;
    background: transparent url(images/design/accueil/accueil-titre.gif) no-repeat;
    height: 77px;
    width: 566px;
    text-align: center;
}
#accueil p {
    text-align: justify;
}
#news-accueil-1 h2 {
    margin: 0;
}
#news-accueil-2 h2 {
    margin: 0;
    text-align: center;
}
h3#nouveaujeu {
	/*display: none;*/
    margin: 0;
    text-align: center;
	background: transparent url(images/design/jeu/jeu-accueil.gif) no-repeat;
	height: 127px;
}
h3#nouveaujeu a {
	display: block;
	height: 127px;
	width: 600px;	
}
/* newsletter page d'accueil */
#newsletter {
	width: 360px;
	font-size: 10px;
	float: left;
}
#newsletter h2 {
    margin: 0;
    background: transparent url(images/design/accueil/newsletter.gif) no-repeat;
    height: 43px;
    width: 359px;
}
#news {
	padding-left: 50px;
}
#news .spacer {
	font-size: 1px;	
}
#newsletter input, textarea {
	border: 1px solid #e03638;
    color: #006699;
    font-size: 10px;
    font-weight: bold;
}
#newsletter p {
    float: left;
    width: 140px;
    margin: 3px;
    margin-bottom: 10px;
}
#inscrire_news {
    margin: -4px;
    margin-left: 14px;
    padding: 0;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
}
#newsletter .erreur {
	color: red;
	font-weight: bold;
	font-size: 13px;
	padding-left: 50px;
	text-align: left;
}
/* lien vers formules */
h3#decouvre {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 11px;
    height: 20px;
    padding-right: 26px;
    background: transparent right url(images/design/divers/plus-formules.gif) no-repeat;
}
h3#decouvre a {
    color: #fff;
}
h3#decouvre a:hover {
    text-decoration: none;
}
.decouvre {
    clear: both;
    text-align: right;
    font-size: 11px;
    height: 20px;
    padding-right: 26px;
    background: transparent right url(images/design/divers/plus-formules.gif) no-repeat;
}
.decouvre a {
    color: #fff;
}
.decouvre a:hover {
    text-decoration: none;
}
/* page contact */
#contact {
    margin: 0;
    margin-top: -20px;
    padding: 20px;
}
#contact h1 {
    margin: 0;
    background: transparent center url(images/design/contact/contact-titre.gif) no-repeat;
    height: 54px;
    margin-bottom: 10px;
    text-align: center;
}
#contact h2 {
    margin: 0;
    background: transparent center url(images/design/contact/contact-sstitre.gif) no-repeat;
    height: 33px;
    text-align: center;
}
#contact .texte_contact {
    text-align: justify;
}
#contact fieldset {
    border: 0;
}
#contact input, textarea {
    border: 1px solid #e03638;
    color: #006699;
}
#contactez p {
    float: left;
    width: 200px;
    font-weight: bold;
    margin: 8px;
}
#nom {
    width: 200px;
}
#email {
    width: 300px;
}
#societe {
    width: 250px;
}
#message {
    width: 380px;
    height: 200px;
}
#contactez .spacer {
    clear: both;
}
#envoyer {
    margin: 0;
    margin: -10px;
    padding: 0;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
}
#contact .adresse {
    margin: 0;
    background: transparent center url(images/design/contact/contact-adresse.gif) no-repeat;
    height: 72px;
}
#rapport {
    color: red;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}
/* page acces */
#acces {
    margin: 0;
    margin-top: -20px;
    padding: 20px;
    text-align: center;
}
#acces h1 {
    margin: 0;
    background: transparent center url(images/design/acces/acces-titre.gif) no-repeat;
    height: 54px;
    margin-bottom: 10px;
}
#acces h2 {
     margin: 0;
    background: transparent center url(images/design/acces/acces-horaires-titre.gif) no-repeat;
    height: 33px;
}
#acces .horaires {
    padding-left: 50px;
    padding-right: 50px;
    font-weight: bold;
}
#acces .adresse {
    margin: 0;
    background: transparent center url(images/design/acces/acces-adresse.gif) no-repeat;
    height: 72px;
}
/* page karting */
#karting {
    margin: 0;
    margin-top: -10px;
    padding: 20px;
}
#karting h1 {
    margin: 0;
    background: transparent url(images/design/karting/karting-titre.gif) no-repeat;
    height: 117px;
    width: 410px;
    float: left;
}
#karting h2 {
    margin: 0;
    padding: 0;
    margin-top: 7px;
    background: transparent right url(images/design/karting/karting-tout-gouts.gif) no-repeat;
    height: 83px;
    width: 200px;
    float: right;
}
h2#enfants {
    margin: 0;
    padding: 0;
    background: transparent center url(images/design/karting/karting-sstitre-enfants.gif) no-repeat;
    height: 63px;
    width: 100%;
}
#karting p {
    clear: both;
    text-align: justify;
    padding: 0;
    padding-top: 10px;
}
#podium-image {
    margin: 0;
    padding: 0;
    text-align: center;
}

/* page superbike */
#superbike {
    margin: 0;
    margin-top: -20px;
    padding: 20px;
}
#superbike h1 {
    margin: 0;
    background: transparent url(images/design/superbike/superbike-titre.gif) no-repeat;
    height: 144px;
    width: 383px;
    float: left;
}
#superbike h2 {
    margin: 0;
    padding: 0;
    margin-top: 7px;
    background: transparent right url(images/design/superbike/superbike-sstitre.gif) no-repeat;
    height: 83px;
    width: 200px;
    float: right;
}
#superbike p {
    clear: both;
    text-align: justify;
    padding: 0;
    padding-top: 10px;
}

/* page bowling */
#bowling {
    margin: 0;
    padding: 0;
    margin-top: -10px;
    padding: 20px;
}
#bowling h1 {
    margin: 0;
    background: transparent url(images/design/bowling/bowling-titre.gif) no-repeat;
    height: 133px;
    width: 380px;
    float: left;
}
#bowling h2 {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    background: transparent right url(images/design/bowling/bowling-techno.gif) no-repeat;
    height: 62px;
    width: 225px;
    float: right;
}
#bowling p {
    clear: both;
    padding-top: 10px;
    text-align: justify;
}
#bowling_type {
    background: transparent bottom center url(images/design/bowling/bowling-fond-page.jpg) no-repeat;
    text-align: justify;
    height: 388px;
    list-style-type: none;
}
li#bowling_cosmic a {
    width: 600px;
    height: 200px;
    display: block;
}
li#bowling_light a {
    width: 600px;
    height: 150px;
    display: block;
}

/* formules */
#formules {
    margin: 0;
    padding: 0;
    margin-top: -20px;
    padding: 20px;
}
#formules h1 {
    margin: 0;
    margin-bottom: 25px;
    background: transparent url(images/design/interface/formules-titre.gif) no-repeat;
    height: 86px;
    width: 367px;
    float: left;
}
#formules h2 {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    background: transparent right url(images/design/interface/formules-sstitre.gif) no-repeat;
    height: 63px;
    width: 201px;
    float: right;
}
#formules h3 {
    text-align: center;
}
#formules h4 {
    color: #e03638;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    padding-left: 40px;
    background: transparent left url(images/design/interface/fleche.gif) no-repeat;
}
#formules .description {
    padding-left: 30px;
    width: 500px;
}
#formules .description li {
    list-style-image: url(images/design/interface/petit-plus.gif);
    padding: 2px;
}
#formules  .description p {
margin: 3px;
}
#formules .prixttc {
    text-align: right;
    padding-right: 30px;
    margin-bottom: 3px;
    background: transparent right url(images/design/interface/price.gif) no-repeat;
}
#formules .print {
    text-align: right;
    padding-right: 30px;
    background: transparent right url(images/design/interface/print.gif) no-repeat;
}
#formules .print a {
    color: #fff;
}
/* liste deroulante formules */
#categ fieldset {
    border: 0;
    text-align: right;
    background: transparent right url(images/design/divers/plus-formules.gif) no-repeat;
    padding-right: 30px;
    font-weight: bold;
}
#categ select {
    font-size: 11px;
}

/* page espace pro */
#pro {
    margin: 0;
    padding: 0;
    margin-top: -20px;
    padding: 20px;
}
#pro h1 {
    margin: 0;
    padding: 0;
    background: transparent center url(images/design/seminaires/pro-titre.gif) no-repeat;
    height: 131px;
    width: 541px;
}
#pro h2 {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    background: transparent center url(images/design/seminaires/pro-sstitre.gif) no-repeat;
    height: 38px;
    width: 100%;

}
#pro p {
    clear: both;
    padding-top: 10px;
    text-align: justify;
}
#pro #salles {
	text-align: center;
}

/* page resto */
#resto {
    margin: 0;
    padding: 0;
    margin-top: -10px;
    padding: 20px;
}
#resto h1 {
    margin: 0;
    background: transparent url(images/design/restaurant/resto-titre-mixgrill.gif) no-repeat;
    height: 94px;
    width: 202px;
    float: left;
}
#resto h2 {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    background: transparent right url(images/design/restaurant/resto-convial.gif) no-repeat;
    height: 82px;
    width: 320px;
    float: right;
}
#resto p {
    clear: both;
    margin:0;
    margin-bottom: -50px;
	padding-bottom: 30px;
    padding-top: 10px;
    background: transparent bottom center url(images/design/restaurant/resto-fond-page.jpg) no-repeat;
    text-align: justify;
    height: 340px;
}
#carte {
    position: absolute;
    top: 475px;
    list-style-type: none;
    width: 240px;
}
#carte a {
    display: block;
    width: 240px;
    height: 35px;
}
#kid {
    position: absolute;
    top: 475px;
    margin-left: 270px;
    list-style-type: none;
    width: 240px;
}
#kid a {
    display: block;
    width: 240px;
    height: 35px;
}
/* page jeu */
#jeu {
    margin: 0;
    margin-top: -20px;
    padding: 20px;
    padding-top: 0;
}
#jeu h1 {
    margin: 0;
    background: transparent url(images/design/jeu/jeu-titre.gif) no-repeat;
    height: 90px;
    width: 302px;
    float: left;
}
#jeu h2 {
    margin: 0;
    padding: 0;
    margin-top: 7px;
    background: transparent right url(images/design/jeu/jeu-sstitre.gif) no-repeat;
    height: 83px;
    width: 200px;
    float: right;
}
#jeu h3 {
    margin: 10px;
    padding: 0;
    margin-top: 20px;
    background: transparent center url(images/design/jeu/jeu-gagne.gif) no-repeat;
    height: 44px;
}
#jeu p {
    text-align: justify;
}
#jeu_flash {
    padding: 5px;
    background-color: #000;
    margin: 0;
    text-align: center;
    border: 3px solid #e03638;
}
#jeu {
    margin: 0;
    margin-top: -10px;
    padding: 20px;
}
#jeu_flash {
    padding: 5px;
    background-color: #000;
    margin: 0;
    text-align: center;
    border: 3px solid #e03638;
}
#jeu fieldset {
    border: 0;
}
#jeu input, textarea {
    border: 1px solid #e03638;
    color: #006699;
}
#jeu_lots h2 {
    margin: 0;
    padding: 0;
    margin-top: 7px;
    background: center center transparent  url(images/design/jeu/jeu-agagner.gif) no-repeat;
    height: 50px;
    width: 100%;
    clear: both;
}
#jeu_lots p {
margin-top: 10px;
}
#imprimez p {
    float: left;
    width: 200px;
    font-weight: bold;
    margin: 8px;
}
#nom {
    width: 200px;
}
#email {
    width: 300px;
}
#prenom {
    width: 200px;
}
#message {
    width: 380px;
    height: 200px;
}
#contactez .spacer {
    clear: both;
}
#imprime {
    width: 220px;
    height: 41px;
    margin: 0;
    margin: -10px;
    padding: 0;
    border: 0;
    background: transparent url(images/design/contact/contact-envoyer.gif) no-repeat center top;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    /* cursor: hand; /* pour IE 5.x */
}

/* page nouveautes */
#nouveautes {
    margin: 0;
    padding: 0;
    margin-top: -20px;
    padding: 20px;
}
#nouveautes h1 {
    margin: 0;
    padding: 0;
    background: transparent center url(images/design/interface/nouveautes-titre.gif) no-repeat;
    height: 47px;
    width: 559px;
    text-align: center;
}
#nouveautes h2 {
    margin: 0;
    background: transparent center center url(images/design/interface/nouveautes-sstitre.gif) no-repeat;
    height: 36px;
    width: 400px;
}
#nouveautes h4 {
    color: #e03638;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    padding-left: 40px;
    background: transparent left url(images/design/interface/fleche.gif) no-repeat;
}
#nouveautes .description {
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
    border-bottom: 2px dotted #e03638;
}
#nouveautes .description h1, #nouveautes .description h2 {
    background: none;
    text-align: left;
    font-size: 14px;
    width: 100%;
    height: 100%;
    margin: 0;
    margin: 10px;
}
#nouveautes .description li {
    list-style-image: url(images/design/interface/petit-plus.gif);
    padding: 2px;
}
#nouveautes  .description p {
    margin: 3px;
}

/* page erreur */
#erreur404 {
    margin: 0;
    margin-top: -10px;
    padding: 20px;
}
#erreur404 h1 {
    margin: 0;
    background: transparent url(images/design/interface/ducky-erreur404.gif) no-repeat;
    height: 76px;
    width: 359px;
    text-align: center;
}

/* menu du pied de page */
#menu_bas {
    background: transparent url(images/design/interface/menu-bas.gif) no-repeat;
    height: 41px;
    margin: 0;
    position: relative;
}
#menu_bas li {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu_bas li, #menu_bas a {
    display: block;
    height: 34px;
}
#menu_bas span {
    display: none;
}
#menu_bas_a {left: 38px; width: 132px;}
#menu_bas_b {left: 183px; width: 135px;}
#menu_bas_c {left: 330px; width: 145px;}
#menu_bas_d {left: 485px; width: 60px;}
#menu_bas_e {left: 558px; width: 122px;}
#menu_bas_a a:hover {
    background: transparent url(images/design/interface/menu-bas.gif)
               -38px -41px no-repeat;
}
#menu_bas_b a:hover {
    background: transparent url(images/design/interface/menu-bas.gif)
               -183px -41px no-repeat;
}
#menu_bas_c a:hover {
    background: transparent url(images/design/interface/menu-bas.gif)
               -330px -41px no-repeat;
}
#menu_bas_d a:hover {
    background: transparent url(images/design/interface/menu-bas.gif)
               -485px -41px no-repeat;
}
#menu_bas_e a:hover {
    background: transparent url(images/design/interface/menu-bas.gif)
               -558px -41px no-repeat;
}