* {/*reset d'un certain nombre de styles css par defaut*/
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

body{
/*	height: 100%;*/
	width: 99%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 160%;/*Opéra gère mal les hauteurs de lignes en EM*/
	color: #036;
	background: #fff url('../images/fond-degr2ade-page.jpg') repeat-x fixed left top;
	text-align:center;
}

#page {
	width:990px;
	/*height: 100%;*/
	text-align:center;
	margin:0 auto;
	background: #fff;
}

#accessibility{visibility: hidden; display: none;}
#banner{ position: relative;text-align: left; height: 235px;
	background: #ccc url('../images/bandeau-haut-fabry.jpg') top left no-repeat;
}
#banner h1{ font-size: 3.5em;/*display: none;*/}
#logo{ position: relative;top:0px;left:15px;}
#logo a{color: #000;font-weight: bold;position: relative;top: 0px;}
#logo h1{text-indent: -843px;}
/*#logo img{ position: relative;}*/
#slogan{
	position: absolute;
	top: 170px;
	left: 600px;
	width: 390px;float: left;	
/*	font-family: Times New Roman, serif;*/
	z-index:2;
	text-align: right;
}
#slogan h2{ 
	/*text-align: right;*/
	font-style: italic;
	color: #000;
	font-size: 1.4em;
	line-height: 120%;font-weight: bold;
	padding-right: 15px;
}
#slogan p{ 
	color: #000;
	font-size: 1.2em;
	line-height: 110%;padding-right: 10px;
/*	font-family: Arial, Helvetica, sans-serif;*/
}

#entete{position: relative;top: 0px;left: 10px;}

#conteneur{	text-align: left;	background: #fff url('../images/fond-page-lelievre.jpg') top left no-repeat;
}

#contents{position: relative;left: 20px;width: 950px;float: left;}
#main{margin: 0;padding: 0; }
#text { font-size: 1.2em;text-align:justify;
	height: 550px; /* IE */
}
html>body #text {/* FireFox */
	height: auto;
	min-height: 550px; 
}
#text h1{ font-weight: bold; text-align: left;margin: 7px;font-size: 1.2em;color:#036;}
#text h2{ font-weight: bold; text-align: left;margin: 7px;font-size: 1.1em;color:#036;}
#text h3{ font-weight: bold; margin: 0;font-size: 1.2em;color:#a0c6e9;}
#text p {margin:0 0 15px 0;}
#text strong{font-weight:bold;}
#text a:link.suite, #text a:visited.suite, #text a:active.suite {color:#036;text-decoration:none;}
#text a:hover.suite {color:#fff;text-decoration:underline;}
#text a{color:#036;text-decoration:none;}
#text a:hover{color:#000;text-decoration:underline;}
#text ul{list-style-type: square;padding:10px 0 0 25px;margin:0;position:relative;}
#text li{padding:0;margin:0;clear:left;}
#text a.cadre{border:1px solid #ffffff;padding:2px;}
#text a.cadre:hover{border:1px solid #333333;padding:2px;}

#text i{ font-style: italic;}
#text img{ margin-left: 10px;}
dt.spip_doc_titre{text-align: center;}

div.buzz span.t2colonnes {
float: left;
text-align: justify;
width: 42%;
padding: 3%;
}
div.buzz span.t3colonnes {
float: left;
text-align: justify;
width: 29%;
padding: 2%;
}
div.buzz span.t4colonnes {
float: left;
text-align: justify;
width: 23%;
padding: 1%;
}


#bas{
	position: relative;
	background: url('../images/vague-bas.gif') top right no-repeat;
	height: 135px;
	width:990px;
	text-align:center;
	margin:0 auto;
	padding:0;
	clear:left;
	z-index: 0;
}
#bas a:link, #bas a:active, #bas a:visited{color:#999;text-decoration:none;}
#bas a:hover{color:#000;text-decoration:underline;}
/*#copy{ text-align: left;position: relative; bottom:20px; left: -100px; color: #999; 
}*/
#menu_bas{position: absolute;left:0; bottom:0px;padding:5px 0;text-align: center; color: #999;width:990px;;}

input, textarea, select{
	border: 1px solid #ccc;
}
td{ text-align: left;}
td.label{ text-align: right;}
td b{ font-weight: bold;}
th, td{background: #fff; padding:1px 5px;}
table{ background: #036;border-spacing: 1px}