body {
	margin: 0;
	background-color: #000000;
}
a:link {color:#999900;}
a:visited {color:#999900;}
a:hover {color:#336600;}
a:active {color:#999900;}

#lien_menu a:link{text-decoration:none;color:#999900;}
#lien_menu a:visited{text-decoration:none;color:#999900;}
#lien_menu a:hover{text-decoration:none;color:#999900;}
#lien_menu a:active{text-decoration:none;color:#999900;}

div#conteneur{
	left:50%;
	margin-left:-527px;
	width:1054px;
	height:100%;
	position:fixed;
}
div#conteneur_galerie{
	left:50%;
	margin-left:-527px;
	width:1054px;
	position:absolute;
	min-height:150%;
	
}

div#header{
margin-left:0 auto;
margin-right:0 auto;
top:0px;
z-index:9;
position:relative;
}

#navigation li { 
    display:inline;
	position:relative;
	margin-right: -3px ;
    }
	
#navigation { 
position:relative;
top:103px;
width:670px;
left:250px;
margin:0px; 
padding:0px; 
list-style: none ; 
text-align: center ;
z-index:10; 
    }

	
	
#contenu{
position:absolute;
width:927px;
left:50%;
margin-left:-400px;
z-index:2;
background-color:#f7ebc8;
top:10px;

height:100%;
}
#contenu_galerie{
position:absolute;
width:927px;
left:50%;
margin-left:-400px;
z-index:2;
background-color:#f7ebc8;
height:3400px;
}
#contenu_contact{
position:absolute;
width:927px;
left:50%;
margin-left:-400px;
z-index:2;
background-color:#f7ebc8;
min-height:110%;
}
#contenu_accueil{
position:absolute;
width:927px;
left:50%;
margin-left:-400px;
z-index:2;
background-color:#f7ebc8;

height:1000px;
}
#contenu_histoire{
position:absolute;
width:927px;
left:50%;
margin-left:-400px;
z-index:2;
background-color:#f7ebc8;

height:3100px;
}
#ombre_contenu{
background:url(../images/ombre.png) repeat-y;
position:absolute;
width:1018px;
z-index:1;
top:10px;
margin-left:118px;
bottom:70px;
height:100%;
}
#deco_boule{
position:absolute;
bottom:0px;
width:257px;
z-index:1;
height:112px;
}

#slide{
width:340px;
height:68px;
position:fixed;
bottom:0px;
left:60%;
z-index:8;
}
.bg_style{
background-repeat:no-repeat;
height:328px; 
width:605px;
}

.boutique_style{
margin-left:33%;
margin-top:5px;
}
#precedent { 
position:absolute;
bottom:0px;
    }
	
#suivant { 
position:absolute;
bottom:0px;
left:164px;
    }

#diapo{
position:relative;
left:0%;
margin-left:0px;
top:200px;
}

#diapo_contact{
position:relative;
left:0%;
margin-left:0px;
top:100px;
}
#diapo_accueil{
position:relative;
left:0%;
margin-left:auto;
margin-right:auto;
text-align:center;
top:100px;
}
#diapo_histoire{
position:relative;
left:0%;
margin-left:0px;
padding-left:20px;
padding-right:50px;
top:100px;
}
#diapo_histoire img{
text-align:center;
}

.texte{
background-image:url(images/billard_toulet_texte.jpg);

}
#twitter{
position:fixed;
bottom:10px;
right:10px;
}
#mentionslegales{
position:fixed;
bottom:10px;
left:10px;
font-size:9px;
color:#FFFFFF;
}


li{
font-size:15px;
color:#3333CC;
letter-spacing:0.3em;

}

#lien_menu{
letter-spacing:0.2em;
}
/* Menu Toogle */
html {
	overflow-Y: scroll;
}
html,body {
	font: 10px normal Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-color: #3d3c3c;
	height:100%;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 100px;
	margin-left:0px;
	margin-top:20px;
	z-index:10;
	height:100%;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 40px;
	margin: 0 0 1px 0;
	background: url(../images/h2_trigger_a.png) no-repeat;
	height: 39px;
	line-height: 37px;
	width: 138px;
	font-size: 13px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 0 7px;
	padding: 0;
	border:1 1 1 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 129px;
	clear: both;
	margin-left: 9px;
}
.toggle_container .block {
	padding: 10px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
	margin: 0 0 0 5px;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 1.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
	}
	
	/* SLIDE */
	#myController span{
color:#FFF;
background:url(../images/bouton_noir2.gif) repeat-x;
margin-right:-3px;
cursor:pointer;
padding-left:10px;
padding-right:10px;
margin-top:10px;
}

#jFlowSlide{
border:0px solid #F00;
}

#myController span.jFlowSelected {

background:url(../images/bouton_vert2.gif) repeat-x;
}


.jFlowPrev, .jFlowNext{
cursor:pointer;
}

#myController2 span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide2{
border:0px solid #0F0;
}

#myController2 span.jFlowSelected2 {
background:#0F0;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
}


#myController3 span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide3{
border:10px solid #00F;
}

#myController3 span.jFlowSelected3 {
background:#00F;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}

.titreslide{
font-size:18px;
text-align:center;
position:relative;
width:600px;
color:#FF9900;
letter-spacing:0.4em;
}
.texteslide{
font-size:14px;
text-align:justify;
position:relative;
width:560px;
margin-left:20px;
color:#003366;
line-height: 1.3em;
letter-spacing:0.06em;
}
.texteaccueil{
font-size:12px;
text-align:justify;
position:relative;
width:560px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
color:#003366;
line-height: 1em;
letter-spacing:0.07em;
font-family: normal Arial, Helvetica, sans-serif;
}
.titreaccueil{
float:left;
height:37px;
width:570px;
margin-left:auto;
margin-right:auto;
}
.h1accueil{
font-size:1.9em;
padding-top:5px;
color:#FF9900;
letter-spacing:5px;
font-family: normal Georgia,Arial, Helvetica, sans-serif;
}
.tableau{
border:2;
height:450px;
width:1000px;
} 
.tableau2{
border:0;


border-spacing:10px; 
text-align:center;
} 


/* FORMULAIRE */

.cssform p{
width: 300px;
clear: left;
left: 300px;
left:50%;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
font-size:13px;
letter-spacing:0.2em;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}