html{height: 100%;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
 background: #7ec1ff;
}
#header {
height: 100px;
background-color: #99CCCC;
}
#conteneur {
position: relative;
width: 780px;
margin: 0 auto; 

background: #FFFFFF url(../images/bg.gif) repeat-y;

}
.blue {
border-style: dotted; 

border-width:1px; 
border-color:blue;
}
#centre {
background-color:#FFFFFF;
margin-left: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

h1
{ font-family: Comic Sans MS;
  letter-spacing: .1em;
}
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}
#q{ float: left; width:780px; height:100%}
<!--differentes pages-->
#qpresentation{ float: left; width:760px; height:100%}
#qbilleterie{ float: left; width:760px; height:100%}
#qbilleterie{ float: left; width:760px; height:100%}

.Styletitreres {color: #4578AB;  font-weight:regular; 
	font-family: Comic Sans MS, ;
	font-size: 25px;
 }
.Styletitreres a{color: #4578AB; font-weight: bold; text-decoration:none
font-family: Comic Sans MS, ;
font-size: 25px;
}
.Styletitreres a:hover{color: #4578AB; font-weight: bold; text-decoration:underline
font-family: Comic Sans MS, ;
font-size: 25px;
}


<!-- differentes pages-->



#qb{ float: left; width:578px; height:100%}
#qgauche{ float: left; width:183px; }

#qx{ float: left; width:578px; height:100%}
#q2{ float: left; width:310px; height:170px}

#q1x{ float: left; width:320px; height:370px}
#q2x{ float: left; width:310px; height:170px}
#q3x{ float: right; width:310px; height:170px}
#column2
{ text-align: justify;
  width: 750px;
  float: left;
  padding: 12px 20px 15px 19px; margin-left:5px; background-color:#FFFFFF
}
.Style2 {color: #FFFFFF; font-weight:regular; 
	font-family: tahoma, ;
	font-size: 11px;
 }
 
.Style2 a{color: #FFFFFF; font-weight: bold; text-decoration:none}
.Style2 a:hover{color: #FFFFFF; font-weight: bold; text-decoration:underline}

.Style2x {color: #000000; font-weight:regular; 
	font-family: Comic Sans MS ;
	font-size: 12px;
 }
 
.Style2x a{color: #000000; font-weight: bold; text-decoration:none}
.Style2x a:hover{color: #000000; font-weight: bold; text-decoration:underline}

.Style2titre a{color: #4578AB; font-weight: bold; text-decoration:none
	          font-weight: bold;
	            font-size: 14px
}
.Style2titre a:hover{color: #4578AB; font-weight: bold; text-decoration:underline
	           font-weight: bold;
	           font-size: 14px
}

.Style5 {
	color: #4578AB;
	font-weight: bold;
	font-size: 11px
}
.Style5 a{
	color: #4578AB;
	font-weight: bold; text-decoration:underline
	font-size: 11px
}
.Style5 a:hover{
	color: #4578AB;
	font-weight: bold;text-decoration:none
	font-size: 11px
}





#q{ float: left; width:579px; height:100%}

<!--sytlebas-->
.Stylebas {
	color: #000000;
	font-weight: bold;
	font-size: 11px
}
.Stylebas a{
	color: #000000;
	font-weight: bold; text-decoration:underline
	font-size: 11px
}
.Style a:hover{
	color: #000000;
	font-weight: bold;text-decoration:none
	font-size: 11px
}
<!--stylebas-->



.Styletitre {color: #4794f4; font-weight:regular; 
	font-family: Comic Sans MS, ;
	font-size: 15px;
 }
.Styletitre a{color: #4794f4; font-weight: bold; text-decoration:none}
.Styletitre a:hover{color: #4794f4; font-weight: bold; text-decoration:underline}


#pied {
height: 51px;
 background: #FFFFFF url(images/footer.gif) no-repeat;
 
 }

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

<!-- formulaire-->
div.row {
 	clear: both;
	 padding-top: 10px;
 }

div.row span.label {
 	float: left;
 	width: 100px;
	text-align: right;
 }

div.row span.formw {
	 float: right;
 	width: 335px;
 	text-align: left;
 }
<!--formulaire-->

#header {
    float:left;
    width:100%;
    background:#blue;
    font-size:90%;
    line-height:normal;
	}
#header ul {
    margin:0;
    padding:0;
    list-style:none;
  }
#header li {
    float:left;
	 background:url("images/fond.gif")
      no-repeat right top;
    margin:0;
    padding:0;
}
	#header a {
    display:block;
}

	
	#contact{ float: left; width:578px; height:100%}