/* CSS Document */

body,div,h1,tr,td,table,p,ul,ol,li { margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
span {display:inline;}
img { border:none;}
a {text-decoration:none; color:#3399CC; }
a:hover {text-decoration:none; color:#005588; }
h1 { font-size:18pt; font-weight:bold; color:#058;}
h2 { font-size:16pt; font-weight:bold; color:#058; margin-top:0px; padding-top:10px;}
h3 { font-size:14pt; font-weight:bold; color:#058;}

#zone-totale { width:800px;}
#zone-bandeau{
	background:url(charte/bandeau.jpg) no-repeat;
	height:159px;
	width:800px;
	/*padding-left:50px;*/
}
#zone-bandeau h1{
	text-align:center;
	padding-top:79px;
	padding-left:220px;
	padding-right:10px;
	padding-bottom:0px;
}
#zone-bandeau p{
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:220px;
	padding-right:10px;
	font-size:10px;
}

#zone-menu-et-contenu{
	background:url(charte/fond-raccord.jpg) repeat-y;
	width:800px;
}

#zone-contenu{
	margin-left: 210px;
	/*width:580px;*/
    padding: 0px;
	padding-left:5px;
	/*border:red 1px solid;*/
}

#zone-menu{
/*	background:url(charte/fond-menu.jpg) no-repeat;*/
	float:left;
	width:205px;
	margin:0px;
	padding:0px;
	background:url(charte/fond-menu.jpg) no-repeat;
}

#zone-visage{
	position:absolute;
	left:0px;top:0px;
	height:220px;
	width:113px;
}




#menu1{
	margin-top:-20px; margin-left:10px;
}
#menu2{
	margin-top:-65px; margin-left:10px;

}
#menu3{
	margin-top:-60px; margin-left:10px;
}

.bloc-menu{
	color:#3399CC;
	/*background:#FFFFFF;*/
	width:150px;
	padding-top:100px;
	padding-left:20px;
}
.bloc-menu ul{
    font-size: 12px;
	margin:0px;
    padding: 0px 5px 25px 5px; /*top right bottom left*/
	display:block;
	list-style:none;
	/*background:url(charte/bulle.gif) bottom left no-repeat;*/
}

.bloc-menu ul a {text-decoration:none; color:#3399CC; }
.bloc-menu ul a:hover {text-decoration:underline; color:#005588; }

.bloc-menu h1{
    font-size: 14px;
    font-weight:normal;
    display: block;
    /*padding: 50px 0 0 16px;*/
	color:#0066FF;
    width: 160px;
    height: 20px;
	/* background:url(charte/bulle-haut.gif) no-repeat top left;*/
}

.on { font-weight:bold;}

#zone-bas-de-page{
	clear:both;
	margin-top:0px;
	padding-top:0px;
	height:100px;
	padding-top:20px;
	padding-left:250px;
	background:url(charte/fond-bas-menu.jpg) no-repeat;
	text-align:center;
}


.auteur { /*width:500px; */ font-size:18px; margin-top:16px;}
.auteur-planches { text-align:left; }
.auteur-planches img { padding:10px;}
.auteur-site-web {padding-top:10px; padding-bottom:10px;}
.auteur-photo { font-size:8pt; float:left;}
.auteur-photo-copyright { text-align:center; font-size:8pt;}
.form-benevole textarea { width:350px;}
.form-benevole input { width:350px;}
/* .form-benevole input[type=submit] { width:200px; border:#005588 solid 1px;}*/
.form-benevole input.bouton  { width:200px; border:#005588 solid 1px;}
.benevole-erreur { color:#FF0000; font-weight:bold}

/* DEDICACES */
.nom-jour { vertical-align:top; text-align:center;  
			border:1px #bbb dotted; margin:0px; padding-top:10px;}
.nom-demi-jour { vertical-align:top; text-align:center; 
			border:1px #bbb dotted; margin:0px; padding:0px; }
.dedicace-liste-auteurs { text-align:center; vertical-align:top;}
.dedicace-nom-auteur { text-align:left;}
.ok {text-align:center; background-image:url(charte/fond-raccord.jpg); color:#FFFFFF;}
.pas-ok{ text-align:center}
#zone-contenu li { padding-left:3px; margin-left:10px}