/*on fixe la taille des polices pour IE*/
html {
	font-size: 100%;
    margin: 0;
	padding: 0;

}
/*on supprime toutes les marges des balises standard*/
* {
    margin: 0;
}
body {
	margin: 0;
	padding: 0;
 	background-color : #FFFBE7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	background: url(images/bg.png) 0 0 repeat-x;


}

a:link,active {color:black;text-decoration: none;}
a:hover {color:#B22222;text-decoration:none;}
a:active {color: #006D21;text-decoration:none;}

a:visited {text-decoration:none;color: Maroon; }

div#gauche li a:hover {
padding-top:2px ; padding-bottom:2px ; 
        border-top:1px solid black ; border-bottom:1px solid black ; 
		background-image:url(images/transparence-fond3.gif)}

#main {
    width:810px;
    margin-left:auto;
    margin-right:auto;
	border-left: 1px dotted #82aa42;
	border-right: 1px dotted #82aa42;
	height:auto;
}

#header
{
height:120px;
}

/* ------------------------------------------------------------------------------------
Menu
------------------------------------------------------------------------------------ */

#menu, #menu ul {
	padding:0;
	margin:0px;
	list-style:none;
	line-height:20px;
	text-align:center;
}
#menu {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
#menu a {
	display:block;
	padding:0;
	background:#fd7302;
	color:#FFFFFF;
	text-decoration:none;
	width:161px;
}

#menu li {
	float:left;
	border-right:1px solid #d76203;
}

#menu .menu_item {
	text-align:left;
	font-size:11px;
}

html>body #menu li {
/*border-right: 1px solid transparent ; */
}
#menu li ul {
	position: absolute;
	width: 134px;
	left: -999em;
}
#menu li ul ul {
	margin: -21px 0 0 134px;/*border-left	: 1px solid #fff ;*/
}
html>body #menu li ul ul {
/*border-left	: 1px solid transparent ;*/
}
#menu a:hover {
	color: #FFF;
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
	min-height: 0;
}



div#gauche {
	float: left;
	width: 160px;
	 margin : 0px; 
	 padding:0px;
	 height: auto;
}

div#centre {
	padding: 60px 20px 20px 20px;
	margin-left: 161px;
	width: auto;
	text-align: left;
	height:600px;
}

.fondflo
{
	background-image : images/fondflo2.jpg;
	background-color : #F9F4D7;
}

div#centre .centre_left {
	width: 45%;
	float: left;	
}
div#centre .centre_right {
	width: 45%;
	float: right;	
}
span {
	font-weight: bold;
}
div#centre h3 {
	font-size: 110%;
	color: #C90;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #C90;
	border-right-color: #C90;
	border-bottom-color: #C90;
	border-left-color: #C90;
	border-top-style: solid;
	border-bottom-style: solid;
	line-height: 2em;		
}
div#bas {
text-align: center;
background:#CCCCCC; /* Couleur de fond de la div (noir à modifier) */ 
height:25px; /* Hauteur de cette DIV (exemple 200 px à modifier selon le cas) */ 
width:810px;
position:fixed; /* Pour fixer cette div afin qu'elle soit en permanence au bas de la fenêtre */ 
/* top: 100%; /* Sa position par rapport au haut de la fenêtre (100% pour n'importe quelle hauteur de fenêtre). Le 100% fait sortir la div de la fenêtre puisque par rapport à son coin supérieur gauche (Ne pas modifier) */ 
bottom:0;
/*margin:-20px auto 0 auto; /* La valeur top (la première, donc ici -200 (négative)) fait revenir la div dans la fenêtre. Elle doit être identique à la hauteur de la div. Les "auto" sont là pour centrer la div si tu spécifies une largeur différente */ 
margin-bottom: 0px;
}
.spacer {
 clear:both;
}
.dessous
 {
  width:810px;
  position:fixed;
  top:100px;
}
.haut3 {
 background-image : url(images/pont.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 padding:0;  
 margin: 0;
 border:0;
}
#header h1 {
	font-size: 2.5em;
	font-family: 'Trebuchet Ms', Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #5B281A;
	margin-right: 600px;
	line-height: 1.6em;
}
div#gauche ul {
	list-style-image: url(images/arrow1.gif);
	list-style-position : inside;
	padding-left: 5px;
	margin-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
    border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	text-align: left;
	line-height:2em;
    -moz-border-radius:10px}
}

	

img {
		vertical-align : top;
}
img.bas {border:none}
.gris
{
	color : Olive;
}