/* General */
body {
	margin: 0 ;
	padding: 0 ;
	font-size: 14px ;
	font-family: "Tahoma","Arial",sans-serif ;
	color: #ffffff;
}

img {
	border:0;
	margin:0;
	padding:0;
}

img,div {
  behavior: url('./png.htc');
  border: 0px;
}

a:link {
    color: #ffffff;
    text-decoration: none;
}
a:visited {
    color: #ffffff;
    text-decoration: none;
}
a:hover {
    color: #d33833;
    text-decoration: none;
}
a:active {
    color: #ffffff;
    text-decoration: none;
}


/* Structure */
div#global {
	position:absolute;
	left: 50%;
	top: 0%;
	width: 1000px;
	/*height: 800px;*/
	margin-top: 0px;
	margin-left: -500px;
	border: 1px solid #333;
	background-color: #FFFFFF;
}

div#haut {
	position: relative;
	width: 1000px;
	height: 100px;
	background-color: #252525;
}

div#haut_logo {
	position: relative;
	float: left;
	background-color:transparent;
  background-image:url('./img/logo.png');
  background-repeat:no-repeat;
	width: 100px;
	height: 74px;
	left: 10px;
	top: 5px;
}

div#haut_titre {
	position: relative;
	float: left;
	background-color:transparent;
  background-image:url('./img/haut_titre.png');
  background-repeat:no-repeat;
	width: 400px;
	height: 39px;
	left: 10px;
	top: 30px;
}

div#milieu {
	position: relative;
    float: left;
	width: 1000px;
  background-color:#926b57;
  background-image:url('./img/bg_mid.jpg');
  background-repeat:repeat-y;
}

div#milieu_photos {
  position: absolute;
  background-color:transparent;
  background-image:url('./img/left_mid.jpg');
  background-repeat:no-repeat;
  width: 452px;
  height: 677px;
  top: 10px;
  left: 10px;
  z-index:1;
}

div#milieu_contenu {
  position: relative;
	float: left;
margin-left: 100px;
  z-index:2;
    width: 775px;
	top: 20px;
	left : 120px;
	font-size: 10px;
	line-height: 15px;
	text-align: justify;
  margin-bottom: 30px;
  padding-bottom: 30px;
  height: auto;
  min-height: 564px; 
  _height: 564px;

  background-image:url('./img/bg_gris_transparent.png');
  background-repeat:repeat-y;
}

div#milieu_texte {
  position: relative;
float:left;
 width: 510px;
  
	top: 0px;
	left : 0px;
	padding: 5px;
}

div#milieu_menu {
  position: relative;
float:left;
 /* background-image:url('./img/bg_gris_transparent.png');
  background-repeat:no-repeat;*/
  width: 237px;
  height: 544px;
	top: 10px;
	left : 15px;
	padding: 5px;
	font-family: "Verdana",sans-serif ;
	font-size: 19px;
	font-style: italic;
	line-height: 40px;
}

div#bas {
	position: relative;
	float: left;
	width: 1000px;
	height: 115px;
	background-color: #252525;
	font-size: 10px;
	color: #bab7b7;
}

div#bas_plan1 {
  float: left;
	position: relative;
	left: 80px;
	top: 25px;
	width: 300px;
	height: 75px;
	line-height: 18px;
}

div#bas_plan2 {
  float: left;
	position: relative;
	left: 170px;
	top: 25px;
	width: 300px;
	height: 75px;
	line-height: 18px;
}

div#bas_copyright {
  float: left;
	position: relative;
	left: 200px;
	top: 80px;
	width: 180px;
	height: 20px;
	text-align: right;
}

div#barre_h {
	position: absolute;
	width: 1000px;
	left: 0px;
	top: 88px;
	height: 8px;
    font-size: 1pt;
	background-color: #fdceb3;
}

div#barre_b {
	position: relative;
	width: 1000px;
	left: 0px;
	top: 4px;
    height: 8px;
    font-size: 1pt;
	background-color: #fdceb3;
}

div#vignette {
	position: relative;
	left: 0px;
	top: 0px;
	width: 540px;
	height: auto;
}

div#vignettepuce {
  position: relative;
  float: left;
	left: 0px;
	top: 0px;
	height: auto;
}

div#vignettetexte {
  position: relative;
  float: left;
	left: 5px;
	top: 0px;
	height: auto;
	width: 360px;
	text-align: justify;
}

/* Texte */
font.titreblanc {
	font-family: "Verdana",sans-serif ;
  color: #ffffff;
	font-size: 22px;
}

font.titresable {
	font-family: "Verdana",sans-serif ;
  color: #f9ddcd;
	font-size: 22px;
}

font.titrenoir {
	font-family: "Verdana",sans-serif ;
  color: #252525;
	font-size: 20px;	
	font-weight: bold;
}

font.contenu {
	font-family: "Verdana",sans-serif ;
  color: #ffffff;
	font-size: 12px;
}

/* Liens */
a:link.suite {
    color: #ffffff;
    text-decoration: none;
		font-weight: bold;
}
a:visited.suite {
    color: #ffffff;
    text-decoration: none;
		font-weight: bold;
}
a:hover.suite {
    color: #d33833;
    text-decoration: none;
		font-weight: bold;
}
a:active.suite {
    color: #ffffff;
    text-decoration: none;
		font-weight: bold;
}

a:link.plan {
    color: #bab7b7;
    text-decoration: none;
		border-bottom: 0px;
}
a:visited.plan {
    color: #bab7b7;
    text-decoration: none;
		border-bottom: 0px;
}
a:hover.plan {
    color: #ffffff;
    text-decoration: none;
		border-bottom:1px #ffffff dotted;
}
a:active.plan {
    color: #bab7b7;
    text-decoration: none;
		border-bottom: 0px;
}