* {padding: 0; margin: 0; }
body {height: 100%;  background: #fff url("../images/fond.png") top left repeat;  padding: 20px 0px;}


#document { width: 950px; overflow: auto; background-color: #fff; margin-bottom: 20px; margin: 0px auto; border: 2px solid #000; color:#5A290C; font: 13px Arial, sans-serif;}
#document a {color: #5A290C; text-decoration:underline;}
#document a:hover {color: #000; text-decoration:underline;} 

#corps {margin-top: 260px; overflow: none;  background-color: #fff; width: 950px;}


#entete {position: absolute; top: 21px; width: 950px; height: 250px; overflow: none;  background-color: #fff;}

#identification { height: 233px; background: transparent url("../images/banniere-beauval.jpg") top left no-repeat; text-align: left; }
#identification h2 {font-size: 11px; padding: 191px 0 0 27px; text-align: left; color: #fff; letter-spacing: 1px; font-weight: 100;}
#identification a {text-decoration: none; color: #fff;}
#identification a:hover {text-decoration: none; color: #fff;}
#identification img{padding: 0px; margin: 0px;}


#navigation {}

#navigation #menu-general {font-weight: bold; margin-top: -25px; font-size: 13px; }
#navigation #menu-general ul { list-style-type: none; padding: 0 5px 24px 0px; border-bottom: 1px solid #000; margin: 0; }
#navigation #menu-general ul li { float: right; height: 21px; background-color: #fff; margin: 2px 2px 0 2px; border: 1px solid #000; }
#navigation #menu-general ul li.actif { border-bottom: 1px solid #8B4B25; background-color: #8B4B25; }
#navigation #menu-general li.actif a { color: #fff; }
#navigation #menu-general a { float: left; display: block; color: #000; text-decoration: none; padding: 3px 8px; }
#navigation #menu-general a:hover { background-color: #8B4B25; text-decoration: none; color: #fff; border-bottom: 1px solid #8B4B25;}

#navigation #menu-page {background-color: #8B4B25; border-bottom: 1px solid #000; padding: 0 0 0 13px; height: 25px; font-size: 12px; text-align: right; }
#navigation #menu-page ul {list-style: none;  padding: 5px 0px 5px; }
#navigation #menu-page li {display: inline; line-height: 10px; line-height: 15px; }
#navigation #menu-page a {color: #fff;}
#navigation #menu-page a:hover {color: #fff;}
#navigation #menu-page p {padding-top: 5px; }

#contenu, #contenu-forum { float: right; width: 789px; line-height: 20px; padding-bottom: 15px; }
#contenu h1 { color: #532910; margin: 18px 15px 20px 15px; font: 35px Impact, Arial, sans-serif; line-height: 28px; }
#contenu h2 { color: #8B4B25; font-size: 16px; margin: 10px 15px 5px 15px; padding: 0px;  }
#contenu h3 { color: #8B4B25; font-size: 14px; margin: 10px 15px 0px 15px; padding: 0px; font-weight: normal;}
#contenu ul { padding: 2px 20px; margin: 0px 0px 0px 20px;}
#contenu li { padding: 1px;}
#contenu p {margin: 3px 15px 0px 15px; text-align: justify;}

#contenu .illustration {}
#contenu .illustration .photo {margin: 8px 15px 0px; }
#contenu .illustration .photo img {text-align: center; padding: 3px; border: 1px solid #8B4B25; }
#contenu .illustration .legende {text-align: left; margin-bottom: 15px; }

#contenu .imagette {padding: 2px; border: 1px solid #8B4B25; }

#contenu div.important{ border: 1px solid #040851; border-left: 10px solid #040851; background-color: #efefef; margin: 10px 15px 6px; padding: 8px 8px 8px 10px;}
#contenu div.important p{margin: 0px; padding: 0px; }
#contenu div.important ul{margin: 0px 20px; padding: 0px; }

#menu {float: left; width: 160px; border-right: 1px dotted #bbb; background: #fff;}
#menu .section {font-size: 12px; }
#menu .section h2 {color: #8B4B25; font-size: 14px; line-height: 16px; margin: 10px 0 2px 5px; text-decoration: underline;}
#menu .section a {color: #8B4B25;}
#menu .section ul { list-style-type: none; margin: 0 0 15px 5px; }
#menu .section li { margin-bottom: 3px;  }
#menu .section a { padding: 2px 0px 2px 1px;  text-decoration: underline; }
#menu .section a:hover {} 
#menu .section p { list-style-type: none; padding: 0px 0px 2px; margin: 0 5px 0 5px; line-height: 16px;}
#menu .liste-inline li {display: inline; line-height: 18px; }
#menu .liste-inline a {display: inline; padding: 2px 1px; }

#post-scriptum { clear: both; height: 26px; background-color: #8B4B25; font-size: 11px; text-align: center; border-top: 1px solid #000; color: #ddd; }
#post-scriptum p {}
#post-scriptum ul {list-style: none;  padding: 8px 0px 5px; line-height: 10px; }
#post-scriptum li {display: inline; line-height: 10px; }
#post-scriptum a {color: #ddd; text-decoration: none;}
#post-scriptum a:hover {color: #fff;}
//#post-scriptum ul li:after {content: " - ";}
//#post-scriptum ul li.dernier:after {content: "";}



table{
width: 95%; 	
margin: 5px 15px 0px;
}

th {
	background: #77becf url("../images/fond-tableau.jpg") repeat-x;
	height: 15px;
	line-height: 18px; 
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B26E46;
	border-right: solid 0px #B26E46;
}
tr {
	height: 25px;
	line-height: 16px; 	
}
td {
	padding: 0px 10px; 
	border: 1px solid #B26E46;
}

tr.ligne-a {
	background: #efefef;
}
tr.ligne-b {
	background: #dedede;		
}



form.jpform { margin: 0px 20px; padding: 0px; }
form.jpform fieldset {  background-image: url("../images/fond-formulaire.jpg"); background-repeat: repeat-x; border: 1px solid #aaa; padding : 5px 5px 10px; margin: 0px 0px 10px; background-color: #fff;}
form.jpform fieldset legend {margin: 0; padding: 0px 10px; border: 1px solid #aaa; background-image: url("../images/entete-formulaire.png"); background-repeat: y; color: #fff;}
form.jpform fieldset label { font-weight: bold;  line-height: 1.8; vertical-align: top; text-align: left; float: left; width: 200px; display: block;} 
form.jpform fieldset input { padding : 0px; margin: 0px; height: 15px; } 
//form.jpform fieldset input:hover, form.jpform fieldset input:focus { background-color: #FFE1CE;}
form.jpform .avertissement {color: #c00; text-align: left; padding-left: 0px; padding-bottom: 5px; }
form.jpform fieldset .avertissement {color: #c00; text-align: left; padding-left: 15px; padding-bottom: 5px; }
form.jpform .em { font-weight: bold; font-style: normal; color: #f00; }
form.jpform p { padding: 0px; margin: 5px 5px; }
form.jpform div.editeur { padding: 0px; margin: 5px 15px; }



#authentification {}
#authentification #form-inscription {margin-top: 15px; }
#authentification #form-connexion {margin-top: 15px; }


#forum {}
#forum #message-accueil { }
#forum .couleur-nouveaux {color: #B22;}

#forum #liste-forums table {}
#forum #liste-forums table h2 {margin-left: 0px; }
#forum #liste-forums table p {margin-left: 0px; padding-bottom: 10px; }
#forum #liste-forums table th.colonne-forums {width: 550px;}
#forum #liste-forums table th.colonne-messages {width: 100px;}
#forum #liste-forums table th.colonne-dernier {width: 100px;}

#forum #liste-discussions table {}
#forum #liste-discussions table h2 {font-size: 14px; margin-top: 0px; margin-left: 0px; }
#forum #liste-discussions table th.colonne-discus {width: 680px;}
#forum #liste-discussions table th.colonne-messages {width: 70px;}

#forum #discussion {}
#forum #discussion .message {}
#forum #discussion .message p.auteur {margin-top: 20px; color: #77becf; font-size: 17px; }
#forum #discussion .message .infos {font-style: italic; color: #999; border-left: #77becf dotted 2px; margin-left: 15px; }
#forum #discussion .message .infos p {padding: 5px 0px; margin-left: 8px; line-height: 20px;  }
#forum #discussion .message .corps {margin-left: 15px; margin-top: 10px; }

#forum #form-reponse {margin-top: 30px; }
#forum #form-nouveau {margin-top: 20px; }

#forum #connexion { }
#forum #connexion .bonjour-membre{ }
#forum #connexion .deconnexion{ }
#forum #connexion .bonjour-visiteur{ }