#preload {display: none;}

* {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6
{font-family:Arial; text-decoration:none;}

h1
{text-align: center; font-size:18pt;
color:#000000; font-weight:bold;}

h2
{padding-left: 10px; padding-right:15px;
 font-size:1.6em;
color:#000000; font-weight:bold;}

h3
{padding-left: 10px; padding-right:20px;
text-align: left; font-size:1.4em;
color:#000000; font-weight: normal;}

h4 
{padding-left: 10px; text-align: left; font-size: 1em; 
color:#000080; font-weight:bold;}

.pied h4 {text-align: center;}

h5
{padding-left: 10px; padding-right:10px;
text-align: justify; font-size: 1em;
color:#000000; font-weight: normal;}

.pied h5 
{text-align: center; font-size:0.8em;
padding:20px;}

h6
{padding-left: 10px; padding-right:10px;
text-align: justify; font-size: 1em;
color:#000000; font-weight: normal;}

.pied h6 
{text-align: left; font-size:0.8em;
padding:20px;}


.menu_g_haut2 h5
{padding:0;text-align: left; font-size: 1em;
color:#FFFFFF; font-weight: bold}

.menu_g_haut2 a
{padding:0;text-align: left; font-size: 1em;
color:#DFE1F1; font-weight: bold}

.menu_g_haut2 a:hover
{padding:0;text-align: left; font-size: 1em;
color:#0000FF; font-weight: bold}

.corps a
{color:#0000FF; font-weight: bold}

.corps a:hover
{color:#FF0000; font-weight: bold; }

a:hover
{color:#FF0000; font-weight: bold; }


.menu_g_haut2 h6
{text-align: left; font-size: 1.2em;
color:#FFFFFF; font-weight: bold}

a
{color:#000000; font-weight: bold;}

a menu_h {
float:right;}

img  
{margin:auto; display: block;} /* évite les blancs entre les blocs */

body
{background-image:url('../images/bg.jpg');font-size: 82%;
background-repeat}

.fronton {
height: 50px;
background-image: url('../images/fronton.gif');
background-repeat:repeat-x;}

	.fronton_g {
	width:350px; height: 50px;
	background-image:url('../images/BG92.gif');
	background-repeat:no-repeat;
	float: left;}
	
	.fronton_c {
	width:550px; height: 50px;
	background-image:url('../images/fronton_c.gif');
	background-repeat:no-repeat;
	float:left;}
	
	.fronton_d {
	width: 270px; height: 50px;
	background-image:url('../images/fronton_d.gif');
	background-repeat:no-repeat;
	float: right;}
	

.degrade {
width:770px;height:27px;
background-image: url('../images/fronton_degrade.gif');
background-repeat:repeat-y; }

	.degrade_d {
	 width:100%;height:27px;
	background-color:#000000;}


.panoramique {
height:70px;
background-image: url('../images/fond_pano.gif');
background-repeat:repeat-x;}

	.panoramique_g {
	width:47%; height:70px;
	background-image:url('../images/panoramique_g.gif');
	background-repeat:no-repeat;
	float: left;}

	.panoramique_d {
	width:53%; height:70px;
	background-image:url('../images/panoramique_d.gif');
	background-repeat:no-repeat;
	float: right;}


.menu_h {
height: 22px;background-repeat:repeat-x;
background-image: url('../images/fond_menu.jpg');}

	.menu_h h5 {
	font-size: 0.8em}

	.menu_h a {
	color:#FFFFFF; font-size: 10pt;}

	.menu_h a:hover {
	color:#0000FF; font-weight: normal;}



ul {list-style-type: none;} /* on supprime les puces, inutiles */

li { float: right;} /* éléments de listes placés à partir de la droite */

.bout_menu {
width:15px; height: 22px;
border-left: 1px solid #E9E9E9;
background-image: url('../images/fond_menu.jpg'); repeat:repeat-x;}

.menu a {
width: 70px /* on pourrait définir la taille du bouton de menu, mais en proportionnel c'est mieux */
height: 22px; float: left;
display: block;
font: 14px Arial, sans-serif; 
font-weight:bold;text-align: center;
border-left: 1px solid #E9E9E9; 
text-decoration: none; color: #FFFFFF;
padding-top:2px; 
padding-left: 12px; padding-right: 12px;}

.menu a:hover {color: #0000FF;}

.fond_menu {
width:100%; height: 22px;
padding-top:2px;
background-image: url('../images/fond_menu.jpg'); repeat:repeat-x;}

.menu_g_haut1 {
width:226px ; height:32px;
background-image: url('../images/menu_g_haut1.gif');
background-repeat:no-repeat;
float: left}

.menu_d_haut1 {
height:32px;
background-image: url('../images/menu_d_haut1.gif');
background-repeat:repeat-x;}

.container {
width:100%; 
background:#FFFFFF url('../images/menu_g_haut2.gif') repeat-y;}

.menu_g_haut2 {
width:170px; height:300px;
float:left;
margin-right:20px;
padding-left:12px; padding-right:50px;
padding-top: 25px; padding-bottom:10px;}

.corps {
width:65%;
padding-top: 25px;
float: left;}

.pied {width:100%; height:60px; background-color:#E9E9E9;}

.spacer{clear:both;}