/* CSS Document */

/*//////////////////// 	Taille de texte globale /////////////*/
html {
	font-size:100%;	/* Correspond à 16px pour les navigateurs */
	font-family: Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background: url(../img/fd-site.gif) ;
}
/*//////////////////////////GABARIT DE LA PAGE //////////////////////////*/
#global {
	position:relative;
	width:955px;
	margin: 0 auto;
	min-height:600px;
	background-color:#FFFFFF;	
}
#header {
	width:955px;
	float: left;
	height:235px;
	margin:0;
	padding:0;
	background-image:url(../img/fd-bandeau-page.jpg);
}
#columnleft{
	width:201px;
	float: left;
	margin:0;
	padding: 0;
}
#footer {
	width:100%;
	background:#f5f5f5;
	clear:both;
}
.anulfloat{
	clear:both;
	margin:0;
	padding:0;
}

/*////////////////////////// Header //////////////////////////*/
#header h1{
	float: left;
	margin:0;
	padding:0;

}
#headcontainer{
/*	width:748px;
	height:99px;*/
	margin:0;
	padding:0;

}
#headcontainer h2{
/*	text-indent:-5000px;*/
	margin:0px;
	padding:0px;

}

/*////////////////////////// Columnleft //////////////////////////*/
#columnleft h1{
	margin:0;
	padding:0;
	top:0;
	left:2px;
}
/*////////////////////////// 1er Titre de rubrique //////////////////////////*/
#imgMenu1{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	padding: 20px 0 0 13px;
	margin:0 0 0 9px;
	width:185px;
	height:39px;
	background-image:url(../img/entete-rubrique.jpg);
}
#imgMenu1  a{
	color:#fff;
	text-decoration:none;
	}
#imgMenu1  a:hover{
	color:#b0c4b0;
	text-decoration:none;
}
/*////////////////////////// 2eme Titre de rubrique //////////////////////////*/
#imgMenu2{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	padding: 20px 0 0 13px;
	margin:0 0 0 9px;
	width:185px;
	height:39px;
	background-image:url(../img/entete-rubrique2.jpg);
}
#imgMenu2  a{
	color:#fff;
	text-decoration:none;
	}
#imgMenu2  a:hover{
	color:#b0c4b0;
	text-decoration:none;
	}
/*////////////////////////// sous rubriques //////////////////////////*/
#ssRubriques {
	margin:0;
	padding:0;
/*	height:200px;*/
	width:198px;
	background:#91bbc2;
}
#ssRubriques li{
	height: auto;

}
#ssRubriques {
	list-style-type:none;
	padding:  0;
	margin: 0 0 0 9px;
}
#ssRubriques a{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background:#709eab ;
/*	width:183px;*/
	display:block;
	padding: 3px 0 5px 15px;
	margin: 0px 0 0px 0;
	border-bottom: 8px solid #91bbc2;
/*	border-top: 8px solid #d8d7d7;*/

}
#ssRubriques a:hover{
	color:#709eab;
	text-decoration:none;
	font-weight:bold;
	background:#fff ;
}
/*////////////////////////// Contenu avec colonne //////////////////////////*/
#content {
	margin:0;
	padding:0;
	width:748px;
	float: right;
	color:#000000;
	background-image: url(../img/fd-content.gif);
}
.imgright {
	float:right;
	margin:0 0 15px 15px;
}
/*////////////////////////// Contenu sans colonne //////////////////////////*/
#content2 {
	margin:0;
	padding:0;
/*	width:748px;*/
	float: right;
	color:#000000;
	background-image: url(../img/fd-content.gif);
}
/*////////////////////////// Contenu pop up //////////////////////////*/
#content3 {
	margin:0;
	padding:0;
	width:549px;
	height:auto;
	float: left;
	color:#000000;
/*	background-image: url(../img/fd-content.gif);*/
	background-color:#FFFFFF;
}

/*////////////////////////// Fil d'ariane //////////////////////////*/
#ariane{
	font-size:10px;
	margin:10px 0 0 18px;
	padding:0;
}
#ariane li{
	display:inline;
	margin:0 0 0 5px;
	}
#ariane li a{
	color:#487483;
	text-decoration:none;
	background:#fff;
	border:0px;	
	}
#ariane li a:hover{
	color:#487483;
	text-decoration: underline;	
	background:#fff;
	border:0px;	
}
.spacebarA {
	margin:0 0 0 10px;
	color:#6b6d67;
	font-weight: regular;
}
#home {
	font-weight:bold;
	color:#f78b00;
	text-decoration:none;
}
#home:hover {
	font-weight:bold;
	color:#f78b00;
	text-decoration:underline;
}
/*////////////////////////// Haut de page //////////////////////////*/
#pageup {
	float:right;
	background:url(../img/puce-fleche-ht-page.png) right top no-repeat;
	margin:10px 10px 0px 0px;
	padding:5px 20px 5px 0px;
	clear:both;
	width:80px;
}
#pageup a{
	font-size:70%;
	text-decoration:none;
	border:0;
	color:#246e9c;
}
#pageup a:hover{
	font-size:70%;
	text-decoration:underline;
}
/*////////////////////////// Footer //////////////////////////*/
	
#footer {
    width:955px;
	height:22px;
	background:url(../img/fd2-pied.png) no-repeat;
	padding:70px 0 0 0;
	margin:0 0 0 0;
	color:#6b6d67;
	clear:both;
}
#footer ul{
    text-align:center;
	font-size:90%;
	padding:0 ;
	margin:0 ;
}
#footer li{
	margin:0;
	display:inline;	
}
#footer a{
    font-size:70%;
	margin:0 5px 0 3px;
	color:#6b6d67;
	text-decoration:underline;
	font-weight:normal;
}
#footer a:hover{
	color:#6b6d67;
	text-decoration:underline;
	font-weight:normal;
}
.spacebar {
	margin:0 0px 0 0px;
	color:#6b6d67;
	font-weight: regular;
}