body {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 5px;
padding: 0;
background: url('images/bgbody.jpg') left top #FDFCCC;
}
#header {
height: 177px;
background: url('images/top.jpg') no-repeat left top #FDFCCC;
margin: 0;
padding: 0;
}
#header h1{
margin: 0;
padding: 0;

}
#header h1 a{
	display:block;
	width:900px;
	height:160px;
}
#header h1 a span
{
	display: none ;
}/* Le span entourant le texte est fait pour pouvoir ne supprimer que le texte, ce que nous voulons, il suffit donc de donner à la propriété display la valeur none pour ne pas afficher le texte */
#coord{
	background: url('images/coord.jpg') no-repeat left top transparent;
	height:133px;
	width:212px;
	position:absolute;
	margin-top:-110px;
	left:690px;
	top:180px;

}
#coord p{
	font-family:georgia;
	font-size:15px;
	padding-left:15px;
	padding-top:10px;
	cursor:pointer;
}
#conteneur {
position: relative;
width: 900px;
margin: 0 auto; 
background-color:#FDFCCC;
border:solid 1px #000;
}
#centre {
background: url('images/bgcentre.jpg') no-repeat left top #FDFCCC;
margin:0;
padding:0;
margin-left: 204px;
padding-top:110px;
padding-right:60px;
padding-left:50px;
/*height:520px;*/
}
#centre h2{
	margin:0;
	padding:0;
	text-align:center;
}
#centre p{
	margin-top:12px;
	text-align:justify;
	color:#fff;
}
#centre ul{
	margin-top:12px;
	text-align:justify;
	color:#fff;
}
/*html>body #centre {
height: auto;
min-height: 500px;
} */
#bascentre{
background: url('images/bascentre.jpg') no-repeat left top #FDFCCC;
margin:0;
padding:0;
height:35px;
margin-left: 213px;
}
#gauche {
background: url('images/bgmenu.jpg') no-repeat left top #FDFCCC;
position: absolute;
left:0;
width: 204px;
}
#pied {
text-align:center;
height: 49px;
width:900px;
font-size:10px;
color:#999;
border-top:dotted 1px #000;
/*background: url('images/foot.jpg') no-repeat left top #fff;*/
}
#pied a{
	text-decoration:none;
	color:#999;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
margin-top:10px;
margin-left:10px;
}
.menugauche li {
margin: 0;
padding:0;
margin-bottom:4px;
}
.menugauche a {
	background: url('images/bglien.png') no-repeat left top transparent;
	font-family:georgia;
	font-size:18px;
	margin: 0;
	padding:0;
	display:block;
	height:43px;
	width:188px;
	color: #fff;
	text-decoration: none;
	padding-top:5px;
	padding-left:15px;
}
.menugauche a:hover {
	background: url('images/bglienhover.png') no-repeat left top transparent;
	margin-left:-1px;
	margin-top:-1px;
}
p {margin: 0 0 0 0;}


.lettrine{
	float:left;
	font-size:3em;
	line-height:0.8em;
	margin:1px;
	padding:1px;
	background-color:#904000;
	color:#fff;
}
/*DIAPORAMA ACCUEIL*/
#slideshow{
    float:left;
    width:450px;
    height:400px;
	text-align:left;
    margin-top:15px;/**/
    margin-left:50px;/**/
}
#slideshow img{
    position:absolute;
}
/*-----Les spécifiques----*/
#liens{
	color:#fff;
	list-style-type:none;
}
#liens li{

}
#liens li a{
	background: url('images/pucelien.jpg') no-repeat left top transparent;
	padding-left:25px;
	color:#fff;
	display:block;
	height:25px;
}
#liens li a:hover{
	background: url('images/pucelienhover.jpg') no-repeat left top transparent;
	text-decoration:none;
}

/*FORMULAIRE*/
.champs{
	border:0;/**/
	margin-left:10%;
}
input{
	background: url('images/bg_label.gif') repeat-x left bottom white;
}
textarea{
	background: url('images/bg_area.gif') repeat-x left bottom white;
}
.btn_envoyer{
	background:#904000;
	margin-left:10%;
	width:90px;
	height:25px;
	cursor:pointer;
	color:#fff;
}
label{
	margin-left:10%;
	font-size:0.9em;
	color:#ccc;
}
fieldset{
	color:#ccc;
	margin-left:10%;
	margin-top:10px;
	width:70%;
	border:1px dotted #000;
	background:#4E0000;
	   filter : alpha(opacity=70);
		-moz-opacity : 0.7;
		opacity : 0.7;/**/
}
.envoi_non_ok{
	background-color:brown;

}


a.lienclassique{
	color:#fff;
	text-decoration:underline;
	font-style:italic;
	letter-spacing:0.1em;
}
a.lienclassique:hover{
	color:#fff;
	text-decoration:none;
}

/*---------GLOSSAIRE--------*/
.mot{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:dotted 1px #ccc;
}
.lettre{
	font-size:2em;
	font-weight:bold;
	margin-left:150px;
}
#lienglossaire{
	margin-bottom:10px;
	letter-spacing:0.4em;
}
#lienglossaire a{
	color:#fff;
	text-decoration:none;
}
#lienglossaire a:hover{
	color:#ccc;
	text-decoration:underline;
}
#glossaire{
	height:400px;
	overflow: auto;
	padding-bottom:20px;
}
#glossaire h3{
	color:#fff;
	text-align:center;
	text-decoration:underline;
	font-size:1.2em;
}
#glossaire h4{
	color:#fff;
	text-align:left;
}