html {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}


body{
margin: 0;
border : 0;
padding : 0;
background-color: #898989;
/*background-image:url(./../images/index/boucle.jpg);*/
font-family: Verdana;
font-size:10px;
color:black;
text-align: center;
}


#contenu{ background-image:url(http://www.mader.fr/images/fond_bloc_perforations.jpg);
background-repeat:no-repeat;
background-color:white;
width : 774px;
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
padding:8px;
}

a{ color:#a3a3a3;}
a:link {}
a:visited {}
a:hover {color:#737373;}
a:active {}

a img {border: none;}


/* Titres */
h1, h2, h3, h4, h5, h6 {
    /*margin: 1em 0 .5em 0;*/ /* Rapproche le titre du texte. (5) */
    /*line-height: 1.2;*/
    /*font-weight: bold;*/ /* Valeur par défaut. (6) */
    font-style: normal;
	
}
h1 {
	font-size: 12pt; 
	font-weight: bold; 
	text-align: left; 
	text-indent: 10px; 
	color:#FFFFFF; 
	padding:0;
	margin:0;
	float:left;
}
h2 {
    font-size: 1.5em;
	font-size: 10pt;
	color : #404041;
}
h3 {
    font-size: 1.10em;
	color:#a3a3a3;
}
h4 {
    font-size: 1em;
}

h3{
font-size: 10pt;
color : #404041;
font-weight:bold;
margin : 0;
padding :0;
}

h4{
font-size:9pt;
color : #404041;
margin : 0;
padding :0;
font-weight:normal;
}

hr{
margin-bottom :8px;
border-width: thin ;
border: none;
border-top: 1px dotted #404041;
}

/* Paragraphes */
p {
margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}

#texte_principal p {
padding-bottom:25px;
}

#partie_haute_grise, #partie_bas_grise{
height : 55px;
background-color: #898989;
width : 790px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#partie_haute_grise p{
text-align:right;
color:white;
font-size:11px;
width:350px;
float:right;
}

#partie_bas_grise p, #partie_bas_grise a {
text-decoration:none;
font-size: 7pt; 
color: #ccc; 
width:350px;
float:left;
}

#partie_bas_grise_gauche{
float:right;
text-align:right;
width:350px;
height : 150px;
}


.lien_en_haut{
float:right;
margin-bottom : 6px;
text-decoration:none;
}

.float_left{
float:left;
}

.float_right{
float:right;
text-align:right;
}

#texte_principal {
width:550px;
float:right;
padding-top:5px;
padding-right:15px;
font-size:8pt;
color:#898989;
color: #6c6c6c; 
line-height: 12pt; 
}

#signature{
	background-image:url(http://www.mader.fr/images/46_west_logo.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:125px;
	display: block ;
	margin-right:10px;
}

/*--- début menu long --*/

#menu_long {
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size:11px;
clear:both;
margin-bottom:60px;
}
	
#menu_long li {	
	float:left;
	margin-left:8px;
	vertical-align:top;
	margin-top:15px;
}

.debut_menu_long{
float:left;
width:180px;
height:25px;
background-image: url(http://www.mader.fr/images/menu_dotted.gif); 
background-repeat:repeat-x;
}
	
#menu_long li a {
float:left;
display: block ;
text-decoration: none ;
padding-top:8px;
	}
	
#menu_long li a:hover, #menu li a:focus, #menu li a:active {
text-decoration: underline ;
color:#f39400;
}

.fin_menu_long{
float:left;
width:15px;
height:25px;
background-image: url(http://www.mader.fr/images/menu_dotted.gif); 
background-repeat:repeat-x;
}

/*--- fin menu long --*/

/*---début menu gauche --*/
#menu_gauche {
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;		/* Création du contexte de formatage */
width: 177px ;
float:left;
				}
#menu_gauche li {
width: 177px ;
margin-right: 1px ;
				}
#menu_gauche li a {
display: block ;
background: #f39400 url(http://www.mader.fr/images/bouton_slide.gif) left top no-repeat ;
color: #fff ;
line-height: 1em ;
				padding: 8px 0 ;
				padding-top:5px;
				padding-bottom:11px;
				padding-left:5px;
				text-decoration: none ;
				}
#menu_gauche li a:hover, #nav li a:focus, #nav li a:active {
				background: #033 url(http://www.mader.fr/images/bouton_slide.gif) right top no-repeat ;
				text-decoration: none ;
				color : #737373;
				}
				
--></style>
<!--[if lt IE 7]>
<style type="text/css">
#menu_gauche {							/* Contexte de formatage pour IE6 */
overflow: visible ;
height: 1% ;
}
</style>
<![endif]-->

/*---fin menu gauche --*/

.nom{
font-size: 10pt;
color : #404041;
font-weight:bold;
margin : 0;
padding :0;
font-weight:bold;
}

.fonction{
font-size:10pt;
color : #404041;
margin : 0;
padding :0;
font-weight:normal;
}