/*
* Style sheet for HTML - CSS specification
*/

BODY
{
background-color: transparent;
background-image: none;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: 300;
color: black;
margin: 10px;
padding: 0px;
}

#wrapper
{
position: relative;
width: 750px;
text-align: center;
margin: 10px auto;
padding: 0px;
}

H1
{
position: absolute;
text-indent: -9999px;
}

H2
{
font-size: 24px;
padding: 5px;
text-align: center;
}

H2.club
{
color: white;
font-style: italic;
background-color: crimson;
margin: 0px;
}

H2.tarif
{
color: #fff;
font-style: italic;
background-image: url(../pic/bg/bg2.jpg);
/*border-color: #ffcc66;
border-style: solid;
border-width: 1px;*/
}

H2.galerie
{
background-color: crimson;
color: white;
font-size: 16px;
margin: 10px 0 0 0;
}

P
{
font-size: 12px;
color: black;
text-align: justify;
}

BR, TABLE
{
font-size: 14px;
}

EM
{
color: red;
font-weight: 600;
font-style: normal;
}

/* HEADER */

#header
{
position: relative;
width: 750px;
height: 180px;
background: transparent url(../pic/header/bowling-beaulieu-poitiers.jpg) no-repeat;
}

#header img
{
border-width: 0;
}

#logo
{
position: absolute;
left: 25px;
top: 8px;
}

#menu ul
{
position: absolute;
bottom: 0;
right: 0;
width: 594px;
height: 39px;
padding: 0;
margin: 0;
list-style-type: none;
}

#menu li
{
float: left;
width: 66px;
text-align: center;
font-weight: 600;
text-indent: -9999px;
}

#menu #a
{
background: transparent url(../pic/header/a.png) no-repeat;
}

#menu #as
{
background: transparent url(../pic/header/ah.png) no-repeat;
}

#menu #b
{
background: transparent url(../pic/header/b.png) no-repeat;
}

#menu #bs
{
background: transparent url(../pic/header/bh.png) no-repeat;
}

#menu #c
{
background: transparent url(../pic/header/c.png) no-repeat;
}

#menu #cs
{
background: transparent url(../pic/header/ch.png) no-repeat;
}

#menu #d
{
width: 76px;
background: transparent url(../pic/header/d.png) no-repeat;
}

#menu #ds
{
width: 76px;
background: transparent url(../pic/header/dh.png) no-repeat;
}

#menu #e
{
width: 56px;
background: transparent url(../pic/header/e.png) no-repeat;
}

#menu #es
{
width: 56px;
background: transparent url(../pic/header/eh.png) no-repeat;
}

#menu #f
{
width: 56px;
background: transparent url(../pic/header/f.png) no-repeat;
}

#menu #fs
{
width: 56px;
background: transparent url(../pic/header/fh.png) no-repeat;
}

#menu #g
{
background: transparent url(../pic/header/g.png) no-repeat;
}

#menu #gs
{
background: transparent url(../pic/header/gh.png) no-repeat;
}

#menu #h
{
background: transparent url(../pic/header/h.png) no-repeat;
}

#menu #hs
{
background: transparent url(../pic/header/hh.png) no-repeat;
}

#menu #i
{
width: 76px;
background: transparent url(../pic/header/i.png) no-repeat;
}

#menu #is
{
width: 76px;
background: transparent url(../pic/header/ih.png) no-repeat;
}

#menu li a, #menu li b
{
display: block;
height: 39px;
text-decoration: none;
/*background-color: #ccc;*/
background-color: transparent;
}

#menu a
{
color: transparent;
}

#menu #a a:hover
{
background: transparent url(../pic/header/ah.png) no-repeat;
}

#menu #b a:hover
{
background: transparent url(../pic/header/bh.png) no-repeat;
}

#menu #c a:hover
{
background: transparent url(../pic/header/ch.png) no-repeat;
}

#menu #d a:hover
{
background: transparent url(../pic/header/dh.png) no-repeat;
}

#menu #e a:hover
{
background: transparent url(../pic/header/eh.png) no-repeat;
}

#menu #f a:hover
{
background: transparent url(../pic/header/fh.png) no-repeat;
}

#menu #g a:hover
{
background: transparent url(../pic/header/gh.png) no-repeat;
}

#menu #h a:hover
{
background: transparent url(../pic/header/hh.png) no-repeat;
}

#menu #i a:hover
{
background: transparent url(../pic/header/ih.png) no-repeat;
}

/* HEADER - fIn */

/* FOOTER */

#footer
{
position: relative;
width: 750px;
height: 79px;
background: transparent url(../pic/footer/bowling.jpg) no-repeat;
}

#footer P
{
padding: 0;
margin: 0;
position: absolute;
bottom: 5px;
right: 15px;
font-size: 11px;
color: #fff;
}

#footer A:link
{
text-decoration: underline;
color: #fff;
}

#footer A:visited
{
text-decoration: underline;
color: #fff;
}

#footer A:hover
{
text-decoration: none;
font-size: 12px;
color: #300;
}

/* FOOTER - fIn */

/* TITLE */

#title_a, #title_b, #title_c, #title_d, #title_e, #title_f, #title_g, #title_h, #title_i
{
position: relative;
width: 549px;
height: 55px;
background-color: transparent;
background-repeat: no-repeat;
}

#title_a
{
background-image: url(../pic/title/title.jpg);
}

#title_b
{
background-image: url(../pic/title/bowling_t.jpg);
}

#title_c
{
background-image: url(../pic/title/billard_t.jpg);
}

#title_d
{
background-image: url(../pic/title/restaurant_t.jpg);
}

#title_e
{
background-image: url(../pic/title/bar_t.jpg);
}

#title_f
{
background-image: url(../pic/title/bcp_t.jpg);
}

#title_g
{
background-image: url(../pic/title/galerie_t.jpg);
}

#title_h
{
background-image: url(../pic/title/plan_t.jpg);
}

#title_i
{
background-image: url(../pic/title/contact_t.jpg);
}

/* TITLE - fIn */

/* Alerte pano */

#alert, #alert2, #alert3
{
position: absolute;
width: 291px;
height: 340px;
background: transparent url(../pic/pano/mode_emploi.png) no-repeat;
z-index: 10;
visibility: hidden;
}

#alert
{
top: 155px;
left: -50px;
}

#alert2
{
top: 240px;
left: -50px;
}

#alert3
{
top: 520px;
left: 310px;
}

/* Alert pano - fIn */

/* CONTACT */

#contact
{
position: relative;
width: 539px;
height: 300px;
background: transparent url(../pic/contact/contact.jpg) no-repeat;
}

#contact P
{
position: absolute;
top: 15px;
left: 15px;
font-size: 24px;
color: #fff;
margin: 0;
}

#contact A:link
{
text-decoration: underline;
color: #fff;
}

#contact A:visited
{
text-decoration: underline;
color: #fff;
}

#contact A:hover
{
text-decoration: none;
color: #300;
}

/* CONTACT - fIn */

/* FORMULE */

#formule
{
position: relative;
width: 549px;
height: 292px;
background: transparent url(../pic/bowling/formules.jpg) no-repeat;
}

#formule H2, #formule P
{
text-indent: -9999px;
}

/* FORMULE - fIn */

/* Liens GoogleMap */

#link
{
padding: 5px 10px;
background-color: #000;
color: #fff;
}

#link A:link
{
text-decoration: none;
color: #fff;
}

#link A:visited
{
text-decoration: none;
color: #fff;
}

#link A:hover
{
text-decoration: none;
color: red;
}

/* Liens GoogleMap - fIn */

#top
{
text-align: center;
background-image: url(pic/bg/bg3.png);
border-color: red;
border-style: solid;
border-top-width: 2px;
border-bottom-width: 2px;
border-left-width: 0px;
border-right-width: 0px;
padding: 5px;
}

#copy
{

font-size: 10px;
color: blue;
text-align: right;
}

#validite
{
margin: 7px;
font-size: 10px;
text-align: right;
padding: 0;
}

#tframe
{
margin: auto;
position: relative;
width : 540px;
height: 260px;
text-align: center;
padding: 0;
}

.matin
{
margin: 0;
position: absolute;
top: 37px;
left: 235px;
font-size: 18px;
color: red;
padding: 0;
}

.matin2
{
margin: 0;
position: absolute;
top: 37px;
left: 60px;
font-size: 18px;
color: red;
padding: 0;
}

.matin3
{
margin: 0;
position: absolute;
top: 37px;
left: 410px;
font-size: 18px;
color: red;
padding: 0;
}

.aprem
{
margin: 0;
position: absolute;
top: 80px;
left: 200px;
font-size: 26px;
color: red;
padding: 0;
}

.dimanche
{
margin: 0;
position: absolute;
top: 115px;
left: 477px;
font-size: 22px;
color: red;
padding: 0;
}

.mardisoir
{
margin: 0;
position: absolute;
top: 130px;
left: 160px;
font-size: 26px;
color: red;
padding: 0;
}

.mardisoiretu
{
margin: 0;
position: absolute;
top: 198px;
left: 168px;
font-size: 18px;
color: red;
padding: 0;
}

.vendredisoir
{
margin: 0;
position: absolute;
top: 165px;
left: 340px;
font-size: 20px;
color: blue;
padding: 0;
}

.vendredisoiretu
{
margin: 0;
position: absolute;
top: 235px;
left: 345px;
font-size: 16px;
color: blue;
padding: 0;
}

.samedi
{
margin: 0;
position: absolute;
top: 80px;
left: 407px;
font-size: 20px;
color: red;
padding: 0;
}

.samedisoir
{
margin: 0;
position: absolute;
top: 180px;
left: 405px;
font-size: 24px;
color: #FF3300;
padding: 0;
}

.border
{
border-color: #ffcc66;
border-style: solid;
border-width: 2px;
border-collapse: collapse;
}

.border2
{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
text-align: center; border-color: red;
border-style: solid;
border-width: 2px;
}

.border3
{
border-color: red;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 1px;
}

.border3bis
{
text-align: right;
border-color: red;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}

.border4
{
font-size: 22px;
color: #666666;
border-color: red;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
}

.border5
{
border-color: red;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
}

.border5bis
{
text-align: right;
border-color: red;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
}

.finsaison
{
border-color: #ffcc66;
border-style: solid;
border-width: 2px;
background-color: #ffffcc;
}

.cell_titre
{
background-color: #ffffcc;
color: red;
font-weight: 600;
height: 32px;
}

.cell_impaire
{
background-color: #ffffcc;
height: 40px;
}

.cell_paire
{
background-color: lavender;
height: 40px;
}

.b1
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 2px;
border-right-width: 2px; border-left-width: 0px;
}

.b2
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 2px;
border-right-width: 0px; border-left-width: 0px;
}

.b3
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 2px; border-left-width: 0px;
}

.b4
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 2px;
border-right-width: 0px; border-left-width: 2px;
}

.b5
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 2px; border-left-width: 2px;
}

.b6
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 2px;
border-bottom-width: 2px;
border-right-width: 0px; border-left-width: 0px;
}

.b7
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px; border-left-width: 2px;
}

.b8
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 2px;
border-bottom-width: 0px;
border-right-width: 2px; border-left-width: 0px;
}

.b9
{
border-color: #ffcc66;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 2px;
border-right-width: 2px; border-left-width: 2px;
}


.time
{
font-size: 12px;
color: #000099;
text-align: center;
font-weight: 600;
}

.price
{
font-size: 18px;
color: red;
text-align: center;
font-weight: 600;
}

.price2
{
font-size: 12px;
}

.subnav
{
padding: 8px;
background-color: #FFFFCC;
border-style: dashed;
border-width: 1px;
border-color: #000000;
}

P.subnav A:link
{
text-decoration: underline;
color: blue;
}

P.subnav A:visited
{
text-decoration: underline;
color: blue;
}

P.subnav A:hover
{
text-decoration: none;
color: red;
}

A.caption:link
{
text-decoration: underline;
color: blue;
}

A.caption:visited
{
text-decoration: underline;
color: blue;
}

A.caption:hover
{ 
text-decoration: none;
color: red;
}

A:link
{
text-decoration: none;
color: blue;
}

A:visited
{
text-decoration: none;
color: blue;
}

A:hover
{
text-decoration: none;
color: red;
}