.nospace {position:relative;margin:0px;text-align:center;background-color:#FFF;margin-top: 10px;margin-bottom: 10px;	font-family: 'Lucida Sans Unicode', Arial, Verdana, Helvetica, sans-serif;}
.header {
	position: relative;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	height: 85px;
	background-image: url(images/bandeau.gif);
	background-repeat: no-repeat;
}
#index a{
width:969px;
height:85px;
display:block;
}
.main {
position:relative;
width:969px;
margin-left:auto;
margin-right:auto;
background-image: url(images/barre-oblique.gif);
background-repeat: no-repeat;
background-position: right top;
border:1px #e5e5e5 solid;
}

* html body .main {height:100%;overflow:hidden}
/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {height:0px;overflow:visible} 
/* fin du text caché pour IE/mac */
.menu {
position:relative;
z-index:1;
width:967px;
height: 30px;
margin:0px;
/*border-right : 1px solid #e5e5e5;
border-left:1px #e5e5e5 solid;*/
/*border:1px #00FF00 solid;*/
}
.menu ul {
list-style-type : none;
margin : 0;
padding : 0.3em 0 0 0;
}
.menu li {
padding : 0 0.5em; 
/*line-height : 30px;*/
float : left;
}
.menu a {
color : #615836;
padding : 0 0 0 1.2em;
font :  1em "Trebuchet MS";
text-decoration : none;

}
.menu a:hover {
color : #c9bc8c;
text-decoration : none;
}
.menu img {
padding : 0;
}
.central {
position:relative;/*ce cadre .central doit être positionné en relatif car seul ce type de contenu impose au parent (.main) de s'adapter pour le contenir.*/
top:0px;width:auto;
margin:0px;
margin-left:325px;/*Sous IE Mac, les cadres positionnés en relatif ont des propriétés right et left qui sont figées donc on utilise des margin*/
margin-right:0px;
border-top : 1px #f8f6f1 solid;
/*border:1px #000 solid;*/
/*border-right:1px #e5e5e5 solid;*/

}
.corps {
	position: relative;
	clear: left !important; /*pour FX*/
	clear: none;/*pour IE*/
	min-height: 380px;
	background-image: url(images/tilde.gif);
	background-repeat: no-repeat;
	padding : 22px 35px 0 20px; 
	background-position: 10px 20px;
	text-align: justify;
	font-style: normal;
	color : #5b4901;
	font-size: 0.8em;
	margin : 0 0 10px 0;
	/*border-right:1px #e5e5e5 solid;*/
}
/*Le standard propose une solution simple pour cette fonctionnalité avec min-height : height:auto (valeur par défaut) et min-height=300px, pour une hauteur minimum de 300 pixels.
IE ne reconnaît pas min-height. Cependant IE PC qui traite mal l'overflow a une propriété height qui se comporte comme min-height. On définit donc pour IE height=300px. Sur IE PC .corps aura une hauteur de 300 pixels ou plus selon le contenu.*/
* html body .corps {height:362px} /*Pour IE PC*/
/*Pour IE MAC et Safari il faut gruger */
.div-min-height {position:relative;height:362px;width:0px;float:left}/*Pour safari*/
.div-min-height-bottom {position:relative;height:0px;clear:left}/*Pour safari*/

.corps h1{
text-align:left;
padding :  0 0 10px 0;
margin:0;
/*color:#c9bc8c;*/
color:#ada279;
font-size: 1.8em;
font-weight: bold;

}
.corps h2{
text-align:left;
padding :  10px 0 15px 35px;
margin:0;
font-size: 1.4em;
font-weight: normal;
background-image: url(images/puce_ligne.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
.corps ul{/*pour les listes à puces dans le texte*/
	margin : 10px 0 0 0;
	padding : 0;
}
.corps li{/*pour les listes à puces dans le texte*/
	padding : 0 0 15px 0;
	font-size: 1.0em;
}
.titre-liste{
	font-weight: bold;
	list-style-type: none;
}
.sous-liste{
	
	font-size: 0.9em;
	font-weight:bold;
}
.sous-liste li{
	list-style: disc;
margin : 0 0 0 20px;
}
.flash{
	position:relative;
	float:left;
	margin:5px 0 0 15px;
	padding:0;
	display:block;
	height: 62px;
	width: 580px;/*ne pas toucher sinon le texte remonte*/
	text-align:left;
	/*border-right:1px #e5e5e5 solid;*/
}
.gauche {
	position: absolute;
	height: 100%;
	width: 325px;
	top: 0;
	left: 0px;
	margin:0;
	padding:0;
	background-image: url(images/crane.jpg);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	/*border-left:1px #e5e5e5 solid;*/
	/*border:1px #000 solid;*/
}
.mail a{
	position:relative;
	float:left;
	top : 570px;
	height: 92px;
	width: 130px;
	display:block;
	margin : 0 0 0 3px;
	background-image: url(images/mail.gif);
	background-repeat: no-repeat;	
}
/*.medecin a{
	position:relative;
	float:left;
	top : 430px;
	height: 68px;
	width: 165px;
	display:block;	
	margin : 0 0 0 20px;
	background-image: url(images/medecin.gif);
	background-repeat: no-repeat;	
}*/
.tel{
	position:relative;
	float:left;
	top : 570px;
	height: 111px;
	width: 150px;
	margin : 0 0 0 20px;
	background-image: url(images/tel.gif);
	background-repeat: no-repeat;		
}
.video {
	position:relative;
	float:left;
	top : 600px;
	height: 316px;
	width: 302px;
	margin : 0 0 0 3px;	
}
.video img{
	border : none;
}
/*Il s'agit une fois encore de contourner un bug IE MAC. Ce navigateur introduit une marge cachée de 15 pixels sur tous les éléments. Pour les objets proches du bord, cette marge cachée dépasse et impose la présence d'une barre de défilement horizontale, que l'astuce décrite évite.*/
/*.notes {position:absolute;height:100%;width:100px;top:0px;right:15px;margin-right:-15px;background-color: #66dd85}*/
.pied {
position:relative;
/*clear:left;*/
width:100%;
height:26px;
padding:0 0 0 0;
margin:0;
font-size: 0.8em;
font-weight: 600;
text-align: right;
background-image: url(images/pied-page.gif);
background-repeat: no-repeat;
background-position: 144px 3px;
/*border:1px #000 solid;*/
}
.pied a{
text-decoration: none;
color: #FFF;
padding : 0 15px 0 0;
}
.pied a:hover{
color:#c9bc8c;
}
.lien{
	color:#312410;
	font-weight: bold;
}
.lien:hover{
	color:#5b4901;
	text-decoration: none;
}
.pop-up {
	background-image: url(images/capture-hamilton.gif);
	background-repeat: no-repeat;
	background-position: 0 25px;
	width:206px;
	height:175px;
	display: block;
	margin : 0 0 0 180px;
	text-align: center;
	color:#312410;
	font-weight: bold;
	text-decoration: none;

}
.pop-up:hover{
	color:#5b4901;
}
.pop-up1 {
	background-image: url(images/capture-ludwig.gif);
	background-repeat: no-repeat;
	background-position: 0 25px;
	width:206px;
	height:190px;
	display: block;
	margin : 0 0 0 180px;
	text-align: center;
	color:#312410;
	font-weight: bold;
	text-decoration: none;

}
.pop-up1:hover{
	color:#5b4901;
}
.corps table{
background-color: #f1efe6;
color:#786d42;
font-size: 1.0em;
width:550px;
border-collapse: collapse;
border: 1px solid #786d42;
}
.corps td{
	border : 1px solid #786d42;
	padding : 7px;
}
.corps th{
	border : 1px solid #786d42;
	width:75px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	padding : 3px;
}
.centrage{
	text-align:center;
}
.legende-video{
	font-size: 0.7em;
	color : #5b4901;
}