/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
	font-size: 1em;
	background:url(../images/fd.jpg) #000000 no-repeat top center;
	}
	
form, h1, h2, h3, h4, h5, fieldset, p { margin:0; padding:0;}

.couleur {color:#e0810b;}
.spacer { clear:both}
.photo_left { float:left; margin-right:10px;}
.photo_right { float:right; margin-left:10px;}
.filet_droit_bleu { border-right:solid 10px #333333}
.filet_haut {border-top:solid 5px #e0810b; height:0;}
.filet_blc { border:solid 1px white;}

a.lien_sous_cat { 
	color:#e0810b; 
	text-decoration:none; 
	background:url(../images/fd_bouton.gif) no-repeat; 
	display:block; 
	height:35px; 
	width:234px; 
	text-align:center; 
	float:left;
	padding-top:5px;
	font-size:18px;
	}
span.lien_sous_cat { 
	olor:#FFFFFF; 
	text-decoration:none; 
	background:url(../images/fd_bouton.gif) no-repeat; 
	display:block; 
	height:35px; 
	width:234px; 
	text-align:center; 
	float:left;
	padding-top:5px;
	font-size:18px;
	}

a.lien_sous_cat:hover { color:#FFFFFF;}
#centre h3.lien_sous_cat { color:#FFFFFF}
.lien_mail { color:#FFFFFF;}
a.lien_mail:hover { color:#e0810b;}

.colonne {
	width:49%;
	float:left
	}

/*  BLOCS PRINCIPAUX */
#conteneur {
	position: relative;
	width:950px;
	margin: 0 auto;
}

#logo h1 a {
	position:relative;
	display:block;
	height:60px;
	width:254px;
	top:0;
	left:0;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-50000px;
	}
	
body#page_accueil #footer {
	position:absolute;
	left:0;
	top:640px;
	width:950px;
	font-size:0.65em;
	text-align:right;
	color:#384b59;
	}
body#page_interieure #footer {
	position:relative;
	margin:0 auto;
	width:950px;
	font-size:0.65em;
	text-align:right;
	color:#384b59;
	}
	
#footer a { color:#384b59; text-decoration:none; }
#footer a:hover { color:#FFFFFF;}
	
/* MENU */
#cadre_haut {
	position:relative;
	width:100%;
	height:60px;
	background-color:#cacccf;
	}
#cadre_haut #menu {
	position:absolute;
	top:20px;
	left:280px;
	}
#cadre_haut #menu ul {
	margin:0;
	padding:0;
	height:15px;
	list-style-type:none;
	}
#cadre_haut #menu ul li {
	float:left;
	height:15px;
	margin:0;
	padding:0;
	}
#cadre_haut #menu ul li a {
	display:block;
	padding-left:10px;
	padding-right:10px;
	font-size:0.65em; 
	color:#5a5a5a; 
	text-transform:uppercase;	
	border-left:solid 1px #5a5a5a;
	text-decoration:none;
	}
#cadre_haut #menu ul li a:hover,
#cadre_haut #menu ul li.actif a { color:#FFFFFF}


/* ACCUEIL */
body#page_accueil #colonne_gauche {
	position:absolute;
	left:0;
	top:254px;
	width:214px;
	height:376px;
	background:url(../images/fd_col_gauche.gif) bottom #384b59 no-repeat;
	font-size:0.65em;
	}
body#page_accueil #centre_haut {
	position:absolute;
	right:0px;
	top:254px;
	width:726px;
	height:112px;
	background:url(../images/fd_pointille.gif) no-repeat;
	}
body#page_accueil #centre_bas {
	position:absolute;
	right:0px;
	top:376px;
	width:726px;
	height:254px;
	background:url(../images/bloc.jpg) no-repeat #384b59;
	}
body#page_accueil div.vignette {
	float:left;
	position:relative;
	width:196px;
	height:83px;
	margin-top:15px;
	border:solid 1px #e0810b;
	}
body#page_accueil #centre_bas p { font-size:0.71em; margin-left:305px; margin-bottom:1em; text-align:justify}


/* PAGE */
#centre {
	position:relative;
	width:100%;
	margin:0 auto;
	background-color:#384b59;
	
	height: auto;
	min-height: 500px; /* pour firefox prenne toute la hauteur de page*/
	_height: 500px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 500px;
}
#bas_page {
	position:relative;
	width:100%;
	margin:0 auto;
	background:url(../images/fd_bas_page.gif) no-repeat;
	height:56px;
	}
#titre_page {
	position:relative;
	width:100%;
	height:70px;
	float:left;
	background:url(../images/fd_titre.gif);
	margin-bottom:20px;
	}
	
#titre_page h2 { font-size:1.55em;	padding-left:50px; padding-top:20px; font-weight:normal}

#centre p { font-size:0.71em;margin-bottom:1em;}	

#colonne_gauche ul li, #centre ul li { color:#e0810b; list-style-type:square}
#colonne_gauche ul li p, #centre ul li p { color:#FFFFFF; margin-bottom:1em;}
#colonne_gauche ul li { margin-bottom:3em;}

#centre span.important, #centre h3 {font-size: 18px; color:#e0810b; font-weight:normal;}

#page #texte1 {
	position:relative;
	float:left;
	margin-left:50px;
	width:550px;
	/*border:solid 1px red;*/
	}
#page #texte2 {
	position:relative;
	float:right;
	margin-right:50px;
	width:250px;
	/*border:solid 1px red;*/
	border-left: solid 1px #999999;
	padding-left:10px;
	}
#page #texte3 {
	position:relative;
	float:left;
	margin-left:50px;
	width:650px;
	/*border:solid 1px red;*/
	}
#page #texte4 {
	position:relative;
	float:left;
	margin-left:50px;
	width:850px;
	/*border:solid 1px red;*/
	}
#page #texte4 ul li p {
	margin-bottom:0;
}