/* CSS Document */

p, h1, h2, h3, form, input, textarea, li, ul {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#a68c63;
	font-size:12px;
	margin:0;
	padding:0;
}

#sup {
	position:absolute;
	margin-left:-450px;
	left:50%;
	top:10px;
	width:880px;
	height:910px;
	padding:5px;
	border:1px solid #000;
	background-color:#FFF;
	z-index:1;
}

#logo {
	position:absolute;
	top:55px;
	height:200px;
	width:350px;
	left:41px;
	background-image:url(images/logo2.gif);
	background-repeat:no-repeat;
}

/* */
#bandeau {
	float:right;
	border:1px solid #000000;
	background-image:url(images/bandeau.jpg);
	width:505px;
	height:286px;
}

#navig {
	position:absolute;
	top:305px;
	height:20px;
	width:880px;
	padding-top:3px;
	border-bottom:1px solid #a68c63;
	border-top:1px solid #a68c63;
}

/* espacement des liens de navig */
.navig {
	margin:0 9px 0 17px;
	font-weight:bold;
}

/* div beige contenant les pages blanches */
#texte {
	position:absolute;
	top:345px;
	left:10px;
	width:615px;
	height:59.5%;
	background-color:#f0f1da;
	border:1px solid #a68c63;
}

#surtexte {
	position:absolute;
	top:88px;
	left:15px;
	width:545px;
	height:400px;
	padding:20px;
	border:1px solid #CCC;
	overflow:auto;
	z-index:10;
}

#texte img {
	border:none;
}

#bord{
	position:absolute;
	top:344px;
	width:57px;
	height:50px;
	left:570px;
	background-image:url(images/bord.png);
}

#gauche {
	position:absolute;
	top:88px;
	left:15px;
	width:245px;
	height:400px;
	background-color:#FFF;
	padding:20px;
	overflow:auto;
	z-index:5;
}

#ombre_g {
	position:absolute;
	top:88px;
	left:15px;
	width:295px;
	height:450px;
	background-image:url(images/ombre.png);
}

#droite {
	position:absolute;
	top:88px;
	left:315px;
	width:245px;
	height:400px;
	background-color:#FFF;
	padding:20px;
	overflow:auto;
	z-index:5;
}

#ombre_d {
	position:absolute;
	top:88px;
	left:315px;
	width:295px;
	height:450px;
	background-image:url(images/ombre.png);
}

/* image avec le tel */
#tele{
	position:absolute;
	top:345px;
	left:680px;
	height:57px;
	width:183px;
	background-image:url(images/tel.png);
}

#info {
	position:absolute;
	top:420px;
	left:643px;
	height:436px;
	width:203px;
	padding:15px;
	background-color:#f0f1da;
	border:1px solid #a68c63;
}

#img_info {
	margin-top:30px;
}

#mentions {	
	position:absolute;
	top:98%;
	width:880px;
	height:20px;
	padding-top:2px;
	font-size:10px;
	text-align:center;
	z-index:10;
}

#info p {
	margin-top:20px;
}

/* image de la reliure */
#reliure {
	position:absolute;
	top:420px;
	left:643px;
	height:32px;
	width:235px;
	background-image:url(images/reliure.png);
}

.calage {
	float:left;
	width:95px;
}

.justifi {
	text-align:justify;
}

h1 {
	font-size:20px;
	font-weight:bolder;
	border-bottom:1px solid #ee565f;
	color:#ee565f;
	margin:10px 0 18px 0;
}

h2 {
	font-size:17px;
	font-weight:bolder;
	border-bottom:1px solid #009933;
	color:#009933;
	margin:10px 0 15px 0;
}

h3 {
	font-size:14px;
	font-weight:bolder;
	border-bottom:1px solid #000;
	margin:23px 0 15px 0;
}

li {
	margin-left:35px;
}

.align_bout {
	margin-left:30px;
	float:left;
	width:80px;
}

.align_bout2 {
	margin-left:200px;
	float:left;
	width:80px;
}

label {
	font-style:italic;
}

a { text-decoration:none; color:#000; }
a:hover { color:#ee565f; }

/* attention : penser au height pour explorer */
#navig a:hover { color:#ee565f; background-image:url(images/fleche.gif); background-repeat:no-repeat; height:15px; }

/* marge des listes */
ul {
	margin-top:15px;
}

#photo {
	float:left;
	width:70px;
	height:90px;
	margin:0 4px 4px 0;
	background-color:#996666;
}

.liaccueil {
	font-style:oblique;
	border-bottom:1px solid #000;
}