body
{
background: #0000ff;
margin: auto;
}

#page
{

width: 950px;
margin: auto;

}

#en_tete
{
position: absolute;
top: 0;
background: url("en_tete.png") no-repeat;
width: 950px;
height: 250px;
}

#en_tete p
{
position: relative;
width: 350px;
height: 90px;
padding: 15px;
top: 20px;
left: 550px;
background: #ddd;
font-weight: bold;
font-size: 1.2em;
filter:alpha(opacity = 60);
-moz-opacity : 0.7;
opacity:0.7;
}

#corps
{
position: absolute;
border-left: 1px solid #000090;
border-right;: 1px solid #000090;
border-bottom;: 1px solid #000090;
font-size: 0.9em;
font-family: "Comic Sans MS", "Trebucher MS";
min-height: 500px;
top: 250px;
width: 950px;
}

#corps table
{
border-collapse: collapse;
}

.menu
{
background: #00ffff;
width: 150px;
height: 450px;
font-family: geneva;
font-size: 0.8em;
font-weight: bold;
vertical-align: top;
}

.menu a
{
text-decoration: none;
color: #222;
display: block;
padding: 10px 15px 10px 5px;
background-color: #419fc6;
margin-bottom: 20px;
}

.menu a:hover, .menu a:active, .menu a:focus
{
text-decoration: none;
color: #fff;
display: block;
padding: 10px 5px 10px 15px;
background-color: #419fc6;
margin-bottom: 20px;
text-align: right;
}

.selected a
{
text-decoration: none;
color: #fff;
display: block;
padding: 10px 5px 10px 15px;
background-color: #419fc6;
margin-bottom: 20px;
text-align: right;
}

.contenu
{
background: #ffffff;
width: 800px;
height: 450px;
vertical-align: top;
}

.contenu .bloc_photo
{
top:0;
}

.contenu .bloc_transparent
{
position: absolute;
top: 35px;
right: 50px;
width: 300px;
height: 140px;
background: #000000;
filter:alpha(opacity = 40);
-moz-opacity : 0.4;
opacity:0.4;
}

.contenu .bloc_texte p
{
padding: 10px 20px;
position: absolute;
top: 35px;
right: 50px;
width: 260px;
height: 100px;
color: white;
font-family: arial;
font-size: 1.1em;
}

.contenu h2
{
font-family: verdana;
}

.contenu td
{
padding: 10px;
}

.contenu a img
{
border: 0;
}

.contenu a
{
text-decoration: none;
color: black;
}

.tableau fieldset
{
width: 80%;
margin: auto;
background-color: #E4ED97;
padding: 15px;
}

.tableau table
{
text-align: center;
margin: auto;
}

.tableau th, .tableau td
{
padding: 5px 10px;
}

#pied_de_page
{
background: #419fc6;
height: 40px;
text-align: center;
font-size: 0.8em;
color: #444;
}

/* Galerie photos */


/* CSS pour la partie Overlay */

.calque{
  opacity:.75;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=100);
  moz-opacity:0.75;
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;
}

.image_calque{
	height: 100%;
}

.window{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  /*width: 850px;
  height : 700px;
  top : 15%;
  left : 15% ;*/
  margin: auto;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
	-moz-border-radius: 10px;  /* Effet Arondis des block*/
}

.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
  margin: auto;
}

