body {
	text-align : center;
	font-family : Verdana;
	margin: 0;
	padding: 0;
}



#imageContainer {

	height:353px;
}

#imageContainer img {
	display:none;
	position:absolute;
	right : 100px;
	
}
	
#conteneur {
	font-size : 13px;
	width : 900px;
	background-color : #ffffff;
	margin-right : auto;
	margin-left : auto;
	text-align : left;
	color : #B4B4B4;
	position : relative;
	height : 580px;
	overflow : hidden;
}

/*overflow : scroll;*/

#header {
	height : 100px;
	
}

#header img {
	float : left;
}

#gauche {
	width : 250px;
	float : left;
	text-align : justify;
}


#droite{
	width : 545px;
	margin-left : 350px;
}

h3 {
	font-size : 17px;
	border-bottom : 1px solid #FFB679;
}

h2 {
	font-size : 13px;
	color :  #FFB679;
	margin : 0 0 0 0;
}

a, a:visited {
color :  #FFB679;
text-decoration : none;
font-weight : bold;
}

a:hover {
color :  #B4B4B4;
}

fieldset {
border : 1px solid #B4B4B4;
}


input {
border : 1px solid #B4B4B4;
color : #B4B4B4;
font-family : verdana;
}

textarea {
border : 1px solid #B4B4B4;
color : #B4B4B4;
font-family : verdana;
font-size : 13px;
}

input:hover, textarea:hover {
border : 1px solid #FFB679;
}

#copyright {
border-top : 1px solid #cccccc;
font-size : 12px;
margin-top : 25px;
padding-top : 5px;
position: absolute;
	bottom: 0; left: 0;
	width : 100%;
}

#copyright a {
text-decoration : none;
font-weight : bold;
color :  #B4B4B4;
}

#copyright a:hover, 
#copyright a:visited {
text-decoration : none;
font-weight : bold;
color :  #FFB679;
}



ul#menu {
float: right;
list-style-type: none;
padding-top : 10px;
font-size : 12px;
}

ul#menu a {
text-decoration: none;
color: #B4B4B4;
padding-left: 20px;
background: url(img/puce0.gif) center left no-repeat;
}
	 
ul#menu a:hover {
background-image: url(img/puce1.gif);
}	


/*********/

#gauchebis {
	width : 150px;
	float : left;
	
}

#content {

	width : 720px;
	margin-left : 170px;
	text-align : justify;
	
}


ul#menubis {
list-style-type: none;
padding-top : 30px;
font-size : 12px;
}

ul#menubis a {
text-decoration: none;
color: #B4B4B4;
padding-left: 20px;
background: url(img/puce1.gif) center left no-repeat;
}
	 
ul#menubis a:hover {
background-image: url(img/puce0.gif);
}		



ul#menutris {
list-style-type: none;
padding-top : 30px;
font-size : 12px;
}

ul#menutris a {
text-decoration: none;
color: #B4B4B4;
padding-left: 20px;
background: url(img/puce0.gif) center left no-repeat;
}
	 
ul#menutris a:hover {
background-image: url(img/puce1.gif);
}	


ul#menuquadris {
list-style-type: none;
padding-top : 30px;
font-size : 12px;
}

ul#menuquadris a {
text-decoration: none;
color: #FFB679;
}
	 
ul#menuquadris a:hover {
text-decoration: none;
color: #B4B4B4;
}



.vignette_galerie {
border : 1px solid #ffffff;
}

.vignette_galerie:hover {
border : 1px solid #FFB679;
}

td {
color : #B4B4B4;
font-family : verdana;
font-size : 13px;
}

legend {
color : #B4B4B4;
font-family : verdana;
font-size : 13px;
font-weight : bold;
}

fieldset {
padding-top : 15px;
padding-bottom : 15px;
padding-left : 10px;
padding-right : 10px;
}

li.expo {
list-style-image: url(img/puce_rond.gif);
}

li.expocover {
list-style: none;
margin-left: 0;
}

/* progress bar container */
#progressbar{
    border:1px solid black;
    width:200px;
    height:20px;
    position:relative;
    color:black;
}
/* color bar */
#progressbar div.progress{
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
    background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
    position:absolute;
    text-align:center;
    color:white;
}
/* text off bar */
#progressbar div.text{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
}