/* CSS Document */




#container {
width:1024px;
margin:auto;
}

#bandeau {
height:20px;
width:939px;
background-color:#b1a780;
display:block;
}

.infobulle {
    position: absolute;   
    visibility : hidden;
    border: 1px solid #31839b;
    padding: 10px;
	color:#31839b;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFFF;
	z-index:10;
}

#menu {
position:relative;
width:72px;
float:right;
z-index:0;
}


/* Panel retractable */

.squarebox {
width:100%;
overflow: hidden;
position:relative;
top:272px;
margin-top:0px;
margin-right:0px;
float:left;
display:block;
}

.squareboxgradientcaption {
background-color:#b1a780;
margin-top:0px;
}

.squareboxcontent {
background-color:#3b8985;
overflow: hidden;
border:1px solid;
border-color:#b1a780;
}

#squareboxcontenu {
height:auto;
width:600px;
height:168px;
position:relative;
float:left;
margin:5px 0 0 3px;
padding:3px 5px 3px 3px;
text-align:justify;
overflow:hidden;
}


.label {
position:absolute;
bottom:0px;
right:30px;
display:block;
height:auto;
width:auto;
}

/* Fin panel retractable */


h1 {
font-family:Arial;
font-size:12px;
color:#FFFFFF;
position:relative;
left:30px;
text-transform:uppercase;
padding-top:3px;
margin:0 0 0 0;
}

h2 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:500;
font-size:14px;
color:#FFFFFF;
position:relative;
margin:0 0 0 0;

}

h6 {
font-family:arial;
font-size:40px;
text-transform:uppercase;
color:#79b4B1;
margin:0;
}

h3 {
font-family:Arial;
font-size:12px;
color:#FFFFFF;
position:relative;
text-transform:uppercase;
padding-top:3px;
margin:0 0 0 0;
}


.photo a {
position:relative;
top:272px;
width:300px;
height:200px;
float:right;
margin:0 20px 0 0;
background-image:url(images/mainetflamme.jpg);
}

.photo a:hover {
position:relative;
top:272px;
width:300px;
height:200px;
float:right;
margin:0 20px 0 0;
background-image:url(images/coordonnees.PNG);
}