body {
	font-family:arial,sans-serif;
	text-align:justify;
	padding:0;
	margin:0;
	background-repeat:repeat-y;
	min-width:700px;
	font-size:0.9em;
	background-color:white;
	color:black;
}

/* pas de bordure sur les images avec liens */
a img {
	border:none;
}
#img_accueil {
	float:left;
	margin:0 2em 2em 0;
}
#banniere {
	height:110px;
	margin-left:207px;
	z-index:3;
	background-image:url("/default-presentation/images/fond_banniere.jpg");
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}

#sous_logo{
	position:fixed !important;
	position:absolute; /* IE sucks... */
	left:0px;
	top:0px;
	z-index:1;
}

#recherche{
	position:absolute;
	top:15px;
	right:5px;
	text-align:right;
}
/* pour régler la distance des puces par rapport au bord gauche */
/* IE et Opera utilisent une marge, alors que Firefox un padding. */
#menu ul {
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
	margin:0 0 0.8em 0;
	line-height:16px;
}
#menu ul li{
height:16px;
margin:0;
padding:0;
}

#menu {
	list-style-type:none;
	margin:0;
	padding: 10px;
	width: 187px;
	margin-top:100px;
	position:fixed !important;
	/* encore le hack !important, un float:left donne des résultats moches dès */
	/* l'utilisation de clear:both que IE applique à TOUS les float présents sur la page... */
	position:absolute;
	left:0;
	z-index:5;
	font-size:0.8em;
	background-color:white;
	top:110px;
	bottom:0;
	overflow:auto;
}
#menu h2{
	margin:0;
	line-height:1em;
	font-size: 1.3em;
}
h2 {
	font-size: 1.5em;
}
#contenu {
	padding: 10px;
	margin-left: 207px;
	z-index:4;
	min-height:370px;
}
#footer {
	font-size:0.9em;
	padding: 10px;
	text-align: center;
	clear: both;
	z-index:6;
	margin-left:207px;
}

h1 {
	text-align:center;
}

.message_die {
	text-align:center;
}

.liste_adherents div {
	margin:0.5em;
	padding:0.8em;
	/*border-width:medium;
	border-color:#ffd7d7;
	border-style:dashed;*/
}
dt {
	font-weight:bold;
}
/*
.sympathisant {
	background-color:#dbdbff;
}

.distribuant {
	background-color:#dbffdb;
}*/
.distribuant,.sympathisant{
	background-color:#e0ffe0;
}
.sympathisant h3, .distribuant h3{
	margin:0;
}

/*
 * Voici le seul point noir du css :
 * le CSS 3 tarde à arriver, mais la tentation est trop grande
 * pour ne pas craquer. En attendant que le CSS 3 sorte officiellement,
 * je m'inspire de http://www.css3.info/, même si ça ne plait pas au
 * validateur W3C (même si certains affirment que CSS 2.1 autorise ce genre 
 * de propriétés)
 */
#liste_adherents 
{
	-moz-column-count:2;
	-moz-column-gap:2em;
	-webkit-column-count:2;
	-webkit-column-gap:2em;
}
div.distribuant {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 10px 10px 5px #888;
}
div.sympathisant {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 10px 10px 5px #888;
}
/* voilà. Hormis ça et les blockquote, aucune erreur */

.presentation_image {
	max-width: 400px;
	float: left;
	text-align:center;
	margin-bottom:20px;
	margin-right:20px;
}

.presentation_infos {
	padding: 10px;
	margin-bottom:20px;
}
.presentation_texte {
	clear:both;
}
.presentation_miniatures{
margin-top:10px;
}
.image-gauche,.miniature {
	float:left;
	text-align:center;
	margin:0 1em 1em 0;
}
.miniature {
	max-width:160px;
}
.image-droite,.miniature-droite {
	float:right;
	text-align:center;
	margin:0 0 1em 1em;
}
.miniature-droite {
	max-width:160px;
}
.clearminiature{
	clear:both;
	height:0;
}
#google_map {
	margin: 0 10px;
	height: 360px;
	text-align:center;
}

.align {
	text-align:center;
}
.textSmall{
	font-size:0.7em;
}
.textBig{
	font-size:1.3em;
}
.bold, strong{
	font-weight:bold;
}
.italic, em{
	font-style:italic;
}
/* aspect des blockquote venant de dotclear 2 */
blockquote {
	background: #f0f0ff url(/default-presentation/images/quote.gif) no-repeat 10px 10px;
	margin:2em;
	padding:3px 2em;
	-moz-border-radius : 18px;
	-webkit-border-radius: 18px;
}
blockquote p {
	margin-top:1em;
}

#composition_bureau .role div{
	float:left;
	min-height:130px;
	margin-left:1em;
	margin-bottom:1em;
}

#composition_bureau .role{
	clear:both;
	margin-bottom:1em;
}

#composition_bureau h2{
	margin-bottom:0;
}

.alert, .important{
	color:red;
}

.clear{
	clear:both;
}

#login_box {
float:left;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 10px 10px 5px #888;
}
#pourquoi_adherer {
	margin:0 0 0 270px;
	top:0px;
	position:relative;
}

.ac_annee div{
	margin:0.5em 0 0 1em;
}

#adminbar {
	-moz-border-radius: 15px;
	border: red 1px solid;
	height:30px;
	padding: 5px;
}

#adminbar span.title {
	display:block;
	float:left;
	font-size:1.4em;
}

input#editable_title {
	font-size:1.5em;
	margin:20px 0;
	width: 100%;
}