body,
html{
	margin:0;
	padding:0;
	font-size:13px;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute pour tous navigateurs - la page entière scrolle */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:137px; 
}
/* position:fixed pour les navigateurs modernes - l'entete et le pied de page ne scrollent pas */
body>div#headerwrap {
	position:fixed;
}
/**************************************************************/
/*   BANDEAU HAUT DE PAGE 									  */
/**************************************************************/
div#header {
	height:150px;
	width:790px;
	margin:0 auto;	
}
div#header h1 {
	background: no-repeat;
	background-image: url('images/logo.gif');
	height: 150px;
}

div#header h1 span.transparent {
	display:none;
}


/**************************************************************/
/*   MILIEU DE PAGE 										  */
/**************************************************************/
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:150px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:790px;
	margin:0 auto;
	background:#0b7cb6;	
}
div#content {
	padding:20px 15px;
	margin-left:180px; 
}

/**************************************************************/
/*   MARGE GAUCHE DE PAGE 									  */
/**************************************************************/
div#sidebar {
	width:180px; 
	float:left;	
	background:#0b7cb6;
}

/**************************************************************/
/*   PIED DE PAGE 				   							  */
/**************************************************************/
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
	height:50px;
	width:790px;
	margin:0 auto;
}

/**************************************************************/
/*   COULEURS POLICES ET BACKGROUND 						  */
/**************************************************************/
/* Fond d'écran */
body,
html{
	font-family:Verdana, serif;
	color:#000;
	background:#d6d7be;
}
/* Entete Pied de page */
div#header,
div#footer {
	background:#0f357d;
	color:#eee;
}
/* Milieu de page */
div#content {	
	background:#fff;
}

/**************************************************************/
/*   MISE EN FORME TITRAGES									  */
/**************************************************************/
h1,
h2, 
h3 {
	padding:0;
	margin:0;
	font-family: verdana, arial;
}
h1 {
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:14px;
	padding-top:1em;
	margin-top:0;
	color: #db0079;
	text-transform: uppercase;
}
h3, #sites h3 {
	font-size:13px;
	padding-top:1em;
	margin-top:0; color: #db0079;
}
h4 {
	font-size:12px;
	padding-top:0.9em;
	margin:0;
}
div#sidebar h2 {
	padding-left:5px;
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}

/**************************************************************/
/*   MISE EN FORME TEXTE									  */
/**************************************************************/
div#footer p {
	margin: 0;
	padding:10px 0;
	text-align:center;
	font-size: 0.8em; font-weight: bold;
	color: #fff;
}
div#footer a {
	color:#000;
}
div#content a {
	text-decoration: none;
}
blockquote {
	margin-top: 0;
	color: #0f357d;	
}
em {
	font-style: italic;
	font-weight: normal;	
}
p {
	margin:0.2em 0 0.3em 0 ;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}
.adwrap,
.adwrap iframe {
	width:300px;
	height:250px;
}
.adwrap {
	float:left;
	margin:1em 10px 0 0;
}
abbr, acronym { 
	cursor: help;
	border-bottom: 1px dotted #313C4A;
}

/**************************************************************/
/*   MISE EN FORME IMAGES									  */
/**************************************************************/
img {
	border: 0;
}
img.couverture {
	border: 1px solid silver;
	float: right;
}
/**************************************************************/
/*   MISE EN FORME LISTE DE SITES							  */
/**************************************************************/
dl.background-image a {
	font-size: 0.85em; color: #666; 
	background-image: url(images/remote.gif);
	background-repeat: no-repeat;
	background-position: 0em; 
	padding: 0 0 0.2em 15px; 
	 
}
.background-image dt
{
	color: #db0079;
	font-weight: bold;
	padding: 0;
}

dl.background-image dd
{
	margin: 0 0 1em 0;
	padding: 0 0 0.2em 15px; 
}
#sites ul {
	margin: 1em 0px 1em 1em; padding: 0;
}

#sites li {
	font-size:13px;
	margin: 0px 0px 10px 1em; 
	list-style-image: url('images/remote.gif')
}

#sites p {
	margin : 0;
	padding : 0;
}


/**************************************************************/
/*  	MISE EN FORME BANDEAU MENU HORIZONTAL 				  */
/**************************************************************/
#navlist {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0px; margin-top: -5px;
	padding: 0px; padding-left: 10px; padding-bottom: 3px; padding-top: 3px;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist a, #navlist a:link, #navlist a:visited {
	border: 1px solid #fff;
	padding: 1px; 	padding-left: 0.5em; padding-right: 0.5em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus {
	border: 1px solid #000000;
	padding: 1px; padding-left: 0.5em;padding-right: 0.5em;
	text-decoration: none;
}

#navlist li{
	padding-right: 1px; font-size: 1.3em;
	display: inline;
}

#navlist ul{
	margin: 0px;
	padding: 0px;
}

#navlist #active a { background-color: #FFCC66; }

/**************************************************************/
/*  	MISE EN FORME MENU VERTICAL 						  */
/**************************************************************/
#vertical-list {
	margin: 2em 0; 
	padding-left: 0.5em; padding-right: 0.5em;
	font-size: 1.1em; font-weight: bold; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#vertical-list a, #vertical-list a:link, #vertical-list a:visited{
	color: #FFF;
	text-decoration: none; 
}

#vertical-list li{
	padding: 1em 0;	list-style-type: none;
}
#vertical-list a:hover, #vertical-list a:active, #vertical-list a:focus{
	text-decoration: underline;
}