* {/*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-page.jpg') repeat-x 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: 190px;width: 100%;z-index: 3;}
#banner h1{ font-size: 3.5em;/*display: none;*/}
#logo{ position: relative;top:7px;left:5px;height: 110px;width: 300px; }
#logo a{color: #000;font-weight: bold;position: relative;top: 0px;margin: 0;padding: 0;}
#logo h1{text-indent: -843px;display: none;}
#lienshaut{position: absolute; right: 0;text-align: right; padding: 40px 5px 0 0;text-transform: uppercase;background: url('../images/fond-lienshaut.jpg') no-repeat right top;}
#lienshaut a{color: #1d393b; background: url(../images/arbre-vol.jpg) no-repeat top right;padding-right: 20px; }
#lienshaut a:hover{color: #1d933b; background-image: url(../images/arbre-vert.jpg);}
#lienshaut a.sel{color: #f60; background-image: url(../images/arbre-orange.jpg);}
/*#logo img{ position: relative;}*/
#slogan{ 
	position: relative;top: 80px;width: 214px;height: 75px;padding: 25px 0 0 10px;
	background: #1d393b;
	font-family: Arial, Helvetica, sans-serif;font-weight: normal;	color: #fff;	font-size: 1.8em;	text-align: left;line-height: 130%;
	float: right;z-index: 5;
}
#entete{position: relative;top: 0px;left: 0px;height: 80px;background: #22634b;color:#fff;z-index: 4;	}
#rappel{margin: 0 0 0 40px;font-family: "Times New Roman", Times, serif;padding-top: 60px;font-weight: normal;}
#entete h1{font-size: 1.9em;font-weight: normal;text-transform: uppercase;}
#conteneur{	position: relative;text-align: left;height: 100%;z-index: 1;}

#contents{position: relative;left: 0px;width: 990px;float: left;z-index: 2;}
#navigation{float: left;width: 245px;padding: 25px 2px 0 30px;color: #1d393b;text-transform: uppercase;}
#navigation a{color: #1d393b; background: url(../images/arbre-vert.jpg) no-repeat top left;padding-left: 20px; }
#navigation a:hover{color: #1d933b; background-image: url(../images/arbre-vol.jpg);}
#navigation a.sel{color: #f60; background: url(../images/arbre-orange.jpg) no-repeat top left;}
#navigation p{ text-transform: none;}
#main{margin: 0;padding: 20px 0 0 0; float: right;width: 700px;}
#sousrubrique{ float: right; position: relative; top: 18px; height: 33px; min-width: 200px;background: #fff url('../images/fond-rubrique.jpg') repeat-x right top; font-family: "Times New Roman", Times, serif; font-size: 2.1em; color: #9c0;padding: 0;text-transform: uppercase;}
#sousrubrique img{margin: 0;padding:0;border: 0;vertical-align: middle;}
#main{}
#article{}
#text { font-size: 1.2em;text-align:justify;
	height: 350px; /* IE */
}
html>body #text {/* FireFox */
	height: auto;
	min-height: 300px; 
}
#infodep{z-index:7; position:absolute; left:275px; top:100px; border: 1px solid #22634b;visibility: hidden;background: #fff;padding: 0 2px;}
#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 0;font-size: 1.1em;color:#036;}
#text h3{ font-weight: bold; margin: 10px 0 0 0;font-size: 1.0em;color:#1d393c;}
#text p {margin:0 0 5px 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:#000;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/fond-pied-page.jpg') top right repeat-x;
	height: 155px;
	width:100%;
	text-align:right;
	margin:0 ;
	padding: 0;
	clear:both;
	z-index: 0;
}
#bas a:link, #bas a:active, #bas a:visited{color:#999;text-decoration:none;}
#bas a:hover{text-decoration:underline;}
#bas b{font-weight: bold; color: #fff;}
/*#copy{ text-align: left;position: relative; bottom:20px; left: -100px; color: #999; 
}*/
#menu_bas{position: absolute;left:500px; top:135px;text-align: right; color: #999;width:400px;;}

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}

spip_documents_center{
	text-align: center;margin: auto;
}