* {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
color:black;
}

body {
background-image : url(images/Fond_site_beige.jpg);
background-repeat: no-repeat;
margin:0;
padding:0;
}

a { text-decoration: underline; color: #F6A648; }
a:hover { text-decoration: underline; color: #E93207; }

#bandeau {
height : 160px;
width:980px;
}

#centre-site {
height: 700px;
width: 1050px;
} 
html>body #centre-site {
height: auto;
min-height: 600px;
}

#logo {                   /*position du logo tt en haut, à gauche*/
	float:left;
	left:0;
 	top:0;
	width:168px;
	height:155px;
 }



p#sstitre{        /*style du commentaire sous le logo*/
   	margin:0;
	padding:0 0;
	width:168px;
  	color : #2F63BA;
      font-style: italic;
      font-size: 10px;
	text-align: center;
}

p#cbreves {        /*style du paragraphe des brèves*/
   	text-align:left;
	color:#000000;
}

#en-tete {
	background : transparent;
	float:left;
	margin-left:40px;
	margin-top:45px;
	font-family:Comic Sans MS;
	font-size: 38px;
	color:#2B59A5;
	width:auto;
	height: 100px; 
}

#etab {
	background : transparent;
	float:right;
	width:219px;
	height: 130px; 

}


#conteneur-page {		/*contenu page*/
	float:left;
	padding-top:15px;
	padding-left:5px;
	margin-left:10px;
	padding-right:10px;
	width:580px;
	height:700px;
	
	
}
html>body #conteneur-page {
height: auto;
min-height: 700px;
}

#breves {
	float:right;
	width:200px;
	height:700px;
	margin-top:25px;
	padding-left:10px;
	margin-right:10px;
	border-left-width:1px;
	border-left-style:solid;
  	border-color:#b22222;
	text-align:center;
	font-weight:bold;
	color:#9F1111;
	}

html>body #breves {
height: auto;
min-height: 700px;
}

.presentation {		/*style de l'article presentation en haut à gauche*/
	
	background-color:#F9F6E1;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	float:left;
	width:285px;
	margin:3px;3px;
	padding:10px 10px;
	border: 1px solid #F4EDB6; 
	
}
.edito {		/*style de l'edito en haut à droite*/
	min-height:300px;
	background-color:#F9F6E1;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	float:left;
	width:240px;
	margin:3px;
	padding:10px 5px;
	border: 1px solid #F4EDB6;
	
}

.bandeau_dons {		/*présentation du bandeau pour les dons*/
	background-color:#cd5c5c;
	color:#FFFFFF;
	font-family : Verdana;
	font-weight:bold;
	font-size: 18px;
	float:left;          
	margin-top:10px;
	margin-left:20px;
	height:50px ;
	width:520px;
	padding:10px 10px;

}
.droite {			/*positionnement de l'image dans l'article*/
	float:right;
}

.gauche {			/*positionnement de l'image dans l'article*/
	float:left;
	}
.articles {		/*style des articles en bas*/
	
	background-color : transparent;
	float:left;
	width:auto;
	margin:3; 
	padding:10px 10px;
}

h1 {			/*style des titres de niveau 1*/
	font-weight: bold;
	color:#b22222;
	font-size: 20px;
	text-align: center;
	border: no-border;
}

h2 {			/*style des titres de niveau 2*/
	font-weight:bold;
	font-family : Comic Sans MS;
	font-size: 14px;
	color:#995722;
	text-align: left;

}
h3 {		/*style des titres des articles*/
	border-bottom-width:1px;
	border-bottom-style:solid;
  	border-color:#b22222;
	font-weight:bold;
	font-size: 16px;
	line-height: 18px;
	color:#b22222;
	text-align: left;
}

h4 {		/*style des nom et fonctions des auteurs des articles*/
	font-weight: bold;
	font-size: 12px;
	color: #F9935C;
	text-align: right;

}

h5 {		/*style des titres dans une page*/
	font-weight: bold;
	border-bottom-width:1px;
	border-bottom-style:solid;
  	border-color:#b22222;
	color:#b22222;
	line-height: 16px;
	font-size: 20px;
	text-align: left;
	text-decoration: none;

}
h6 {
	font-weight: bold;
	color : #b22222;
	font-size: 20px;
	text-align : center;
	line-height: 3px;
}

p	{   /*style des paragraphes*/
	font-weight:normal;
	font-size: 12px;
	text-align: justify;
}


ul,li  {	
	font-size: 12px;
	color:black;

	

}


#pied_de_page {
	clear:both;
	background-color:#F9F6E1;
	height:50px;
	width:1020px;
	border-top-width:1px;
	border-top-style:solid;
  	border-color:#E5D977;
	text-align:center;

}



/body

