/* CSS Document */

body {
  background:url('images/bg_body.jpg') repeat-x #393737;
}
body {

	font-family: verdana;

	
}
a {
	text-decoration: none;
}
img {
	border: 0px;
	margin-left:20px;
}
h1 {

color:#FFF;
/*padding-bottom:10px;*/
font:italic 24px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
  margin-top:-20px;
}
h3 {
  font:italic 12px Verdana;
  
  color:#ccc;
font-weight: bold;
}
.libform {
	width: 150px;
	float: left;
	margin-left: 20px;
	padding-top: 3px;
	font-size: 14px;
	line-height: 20px;
}
.libinput {
	width: 300px;
	margin-top: 3px;
	line-height: 20px;
	float: left;
}
a.message span {
	color: #000;
	width: 300px;
	border: 1px solid red;
	margin-left: 10px;
	font-family: arial;
	font-size: 14px;
	z-index: 500;
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	top: 240px;
	left: 50%;
}
.footer {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:center;
}
.footer a {
color:#000;
}
.sup { vertical-align: super; font-size: 80%; } 
.page{
	margin-top:10px;
	margin-bottom:10px;
	font-family: verdana;
	width:800px;
	margin-left:auto;
	margin-right:auto;
height:auto;
	border-left:2px solid gray;
	border-top:1px solid gray;
	border-right:3px solid gray;
	border-bottom:3px solid gray;
}
.footer {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	font-size: 9px;
}
.rotation {
	border: 0px solid #000;
	overflow: hidden;
	width: 500px;
	max-height: 174px;
}
.rotation img {
	border: 0;
	position: absolute;
	margin-top: 1;
	width: 500px;
	max-height: 174px;
	margin-left: auto;
	margin-right: auto;
}
.entete{
	background-color: #613228;
	height:150px;
	
}
.entete_texte{
	font-family: "Edwardian Script ITC";
	font-size:41px;
	color:#FFFFFF;
	padding:5px, 5px;
}
.diapo_entete{
float:right;
width:500px;
height:150px;

}
.imgA img{
margin-left:20px;
margin-top:4px;
}
.contenant_catrouche{
width:230px;
float:left;
}
.cartouches {
background-color: #555;
width:224px;
margin:10px;
float:left;
padding:10px;
font-size: 12px;
color:#000000;
}
.titres_cartouches {
margin:left:5px;
	padding:3px;
	color:#FFFFFF;
	font-size: 10px;
	background-color:#000000;
	font-weight: bold;
 	font-family: Verdana;
}
.imgTexte, img{
float:left;
padding-right:10px;
margin-left:1px;
}

.menu{
	background-color:#555;
	width:790px;
	color:#FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding:5px;
	margin-top:4px;
	font-weight: bold;
}
.menu a{
	text-decoration: underline;
	color: #FFFFFF;

}
.menu a:hover {
color: #c93;
	text-decoration: underline
}
.citation {
	font-size: 10px;
	color:#FFFFFF;
	float:right;
	width:130px;
	text-align:right;
	padding-right:5px;
	font-style: italic;
	letter-spacing: 1px;
}

.presentation{
float:right;
width:500px;
max-height:192px;
height:192px;
margin-top:10px;
background-image:url(images/Christian_Seille.gif);
background-repeat: no-repeat;

}

.presentation_cont_texte{
width:243px;
height:189px;
border-bottom:1px solid #FFF;

border-top:1px solid #FFF;
float:right;

}
.presentation_texte{
padding:5px;
font-size: 12px;
font-family: Arial;
letter-spacing: 1px;
background-color:#000;
height:177px;
color:#FFF;
}

.photoacc {
margin-top:250px;
margin-left:280px;
font-family: Verdana;
letter-spacing: 1px;
padding:5px;
color:#FFF;
}
.photoacc img{
width:100px;
}

.control {  
  display:block;  
  width:39px;  
  height:263px;  
  text-indent:-10000px;  
  position:absolute;  
  cursor: pointer;  
}