@charset "UTF-8";

body {
	font-size:100%; /*ori 76% */
	font-family: "Geneva, Arial, Helvetica, sans-serif";
	margin:0;
	padding:0;
	background: url(../images/100405-fond-exterieur-gris.gif);
	text-align:center
}
h1 {
	font-size: 130%; /* ori 150% */
	line-height: 130%; /* ori 150% */
	margin:0;
	padding:25px 0 0 270px;  /* ori 25px 0 0 300px */
	color: #599 
}
h2 {
	font-size: 110%; /* ori 120% */
	line-height: 210%; /* ori 200% */
	margin:0;
	padding:10px 0 0 300px; /* ori 25px 0 0 340px */
	color: #599
}
h3 {
	font-size: 120%;
	line-height: 120%;
	margin:0;
	padding:10px 0 0 0px;	color: #339933
}
h4 {
	font-size: 80%;
	line-height: 100%;
	margin:0;
	padding:10px 0 0 0px;	color: #339933
	color: #993399
}
p {
	margin:10px;
	line-height:120%  
}
div#container {
	margin:0 auto;
	width:820px; /* ori 800 */
	text-align:left;
	background: #fff;  
	border:none;
	border-width: 0 1px
}
div#header {
	height:150px;
	background: url(../images/francophone.png) 
}
div#content {
	margin-right:180px;
	padding:  0 0 0 0px
}
div#sidebar {
	float:right;
	padding:0 0 0 0px;
	width:170px; 
}
div#footer {
	clear: right;
	text-align:center;
	/*background: #dfe;  */
	color: #599 
}
div#footer p {
	padding: 10px 0 40px 10px;
	margin:0;
		/*background: #dfe;  */
}

/* ---------------------- BLOC  ------------------ */

#bloc {
	display: block;
	width:570px; /* ori 560 */
	line-height: 150%;
	text-align: left;
	margin: 10px;
	list-style-type: none;
	padding: 10px 10px 10px 10px;
	border: 1px solid green;
	color: black;
	text-decoration: none;
}
#bloc a, #bloc a:visited {
	color: #9933cc;
	text-decoration: none;
}

#bloc h1 {
	font-size: 150%;
	line-height: 150%;
	margin:0;
	padding:25px 0 0 25px;
	color: #599 
}

.api {
font-family:Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, sans-serif;
	}