html 
{
margin: 0px;
padding: 0px;
}

body 
{
    background-image: url("../images/006.jpg");
    background-attachment: fixed;     
    BACKGROUND-COLOR: #d7d6d4;
    COLOR: #636363;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 11px;
	text-align: center;
	margin: 0px;
padding: 0px;
}

#contener 
{
BACKGROUND-COLOR: #ffffff;
width: 750px;
margin:0 auto 0 auto;
padding: 0px;
border: #000000 1px solid;
}

#banniere 
{
height: 108px;
width: 748px;
background-image: url("../images/banniere.jpg");
BACKGROUND-REPEAT: no-repeat;
background-position: center; 
}

#menu 
{
width: 340px;
height: 32px;
background-image: url("../images/menu.jpg");
BACKGROUND-REPEAT: no-repeat;
background-position: left;
float: left;
}

#menu1
{
background-image: url("../images/menu1.gif");
width: 9px;
height: 32px;
BACKGROUND-REPEAT: repeat-x;
float: left;
}

#menu2
{
width: 748px;
height: 32px;
background-image: url("../images/menu2.gif");
BACKGROUND-REPEAT: no-repeat;
float: left;
}

#menu3
{
width: 748px;
    BACKGROUND-COLOR: #d7d6d4;
    BACKGROUND-IMAGE: url(../images/HShadowBack.gif);
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: repeat-x;
}

#centregauche
{
float: left;
width: 330px;
}

#centredroit
{
float: left;
width: 418px;
BACKGROUND-COLOR: #d6ecf9;
}

.accueil1
{
 MARGIN: 0px;
 width: 232px;
 height: 30px;
 BACKGROUND-IMAGE: url(../images/hautd.gif);
 BACKGROUND-POSITION: left top;
 BACKGROUND-REPEAT: no-repeat;
 }

.accueil2
{
 MARGIN: 0px;
 BACKGROUND-IMAGE: url(../images/coind.jpg);
 width: 87px;
 height: 119px;
 BACKGROUND-POSITION: left top;
 BACKGROUND-REPEAT: no-repeat;
 }

.accueil3
{
 MARGIN: 0px;
 BACKGROUND-IMAGE: url(../images/droitd.gif);
 height: 100%;
 BACKGROUND-POSITION: right;
 BACKGROUND-REPEAT: repeat-y;
 }

.accueil4
{
 MARGIN: 0px;
 BACKGROUND-IMAGE: url(../images/fondd.jpg);
 width: 87px;
 height: 124px;
 BACKGROUND-POSITION: right bottom;
 BACKGROUND-REPEAT: no-repeat;
 }

.accueil5
{
 MARGIN: 0px;
 BACKGROUND-IMAGE: url(../images/fondg.jpg);
 width: 232px;
 height: 218px;
 BACKGROUND-POSITION: right bottom;
 BACKGROUND-REPEAT: no-repeat;
 }

#accueil5
{
 float: left;
 MARGIN: 0px;
 BACKGROUND-IMAGE: url(../images/fondg.jpg);
 width: 232px;
 height: 218px;
 BACKGROUND-POSITION: right bottom;
 BACKGROUND-REPEAT: no-repeat;
 }

P
{
    COLOR: #636363;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 11px;
    MARGIN: 0px;
    padding: 0px;
}

.Indented12R
{
    MARGIN-RIGHT: 12px
}
TD.Color1
{
    BACKGROUND-COLOR: #d7d6d4;
    BACKGROUND-IMAGE: url(../images/HShadowBack.gif);
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: repeat-x
}
.Indented4R
{
    MARGIN-RIGHT: 4px
}
.Indented12L
{
    MARGIN-LEFT: 12px
}
.NoBreakBeforeAfter
{
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
.NoBreakBefore
{
    MARGIN-TOP: 0px
}
.NoBReakAfter
{
    MARGIN-BOTTOM: 0px
}
.DoubleBreakBefore
{
    MARGIN-TOP: 8px
}
P.Font
{
    COLOR: #384d5e;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 12px
}
.Indented28R
{
    MARGIN-RIGHT: 28px
}

.Indented5RL
{
    MARGIN-RIGHT: 5px;
    MARGIN-left: 5px;
}

TD.ImageBack
{
    BACKGROUND-IMAGE: url(../images/ImageBack.jpg);
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: no-repeat;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px;
}
TD.VShadowBack
{
    BACKGROUND-IMAGE: url(../images/VShadowBack.gif);
    BACKGROUND-POSITION: right center;
    BACKGROUND-REPEAT: repeat-y
}
TD.VShadowBack2
{
    BACKGROUND-IMAGE: url(../images/VShadowBackbis.gif);
    BACKGROUND-POSITION: left center;
    BACKGROUND-REPEAT: repeat-y
}

TD.VShadowBackh
{
    BACKGROUND-IMAGE: url(../images/VShadowBackH.gif);
    BACKGROUND-POSITION: center top ;
    BACKGROUND-REPEAT: repeat-x
}

.Indented8L
{
    MARGIN-LEFT: 8px
}

.h1
{
    MARGIN-LEFT: 8px;
    BACKGROUND-COLOR: #ffffff;
    COLOR: #636363;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 25px
    
}
.h2
{
    MARGIN-LEFT: 8px;
    BACKGROUND-COLOR: #D6ECF9;
    COLOR: #636363;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 25px
    
}
TD.Color2
{
    BACKGROUND-COLOR: #d6ecf9
}
TD.HSeparatorBack
{
    BACKGROUND-IMAGE: url(../images/HSeparatorBack.gif);
    BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #d6ecf9;
}
TD.VSeparatorBack
{
    BACKGROUND-IMAGE: url(../images/VSeparatorBack.gif);
    BACKGROUND-POSITION: center center;
    BACKGROUND-REPEAT: repeat-y
}
.Indented40R
{
    MARGIN-RIGHT: 40px
}
TD.Color3
{
    BACKGROUND-COLOR: #d7d6d4;
    BORDER-BOTTOM: #7e7d7c 1px solid;
    BORDER-LEFT: #7e7d7c 1px ;
    BORDER-RIGHT: #7e7d7c 1px;
    BORDER-TOP: #7e7d7c 1px solid;
}

.color3b
{
    BACKGROUND-COLOR: #d7d6d4;
	MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px;
}

TD.Color4
{
    BACKGROUND-COLOR: #ffffff
}
TD.BarBack
{
    BACKGROUND-IMAGE: url(../images/BarBack.gif);
    BACKGROUND-REPEAT: repeat-x
}
IMG.Bordered
{
    BORDER-BOTTOM: #34495a 1px solid;
    BORDER-LEFT: #34495a 1px solid;
    BORDER-RIGHT: #34495a 1px solid;
    BORDER-TOP: #34495a 1px solid
}

.animation
{
BACKGROUND-IMAGE: url(../images/Photo1.jpg);
background-position:24px 9px;
BACKGROUND-REPEAT: no-repeat;
MARGIN-BOTTOM: 0px;
MARGIN-TOP: 0px;
}

#basdepage 
{
	clear:both;
	width: 748px;
	BACKGROUND-COLOR: #90ACD6;
	BORDER-TOP: #000000 1px solid;
padding-top: 6px; 
}

#basgris
{
	height: 5px;
	width: 748px;
	BACKGROUND-COLOR: #d7d6d4;
	BORDER-bottom: #000000 1px solid;
	clear:both;
}

#menubas 
{
clear:both;
width: 748px;
background-color:#8DADD6;
}

#menuhaut
{
float:left;
width: 408px;
background-color:#8DADD6;
background-image: url("../images/menu1_2.jpg");
}

#nav1 li {
	margin: 0px; 
	padding: 0px; 
	display: inline;
	background-image: url("../images/menu1_2.jpg");
}
#nav1 li a, #nav1 li a:visited {
  	float:left;
  	height: 32px;
  	line-height: 28px; 
  	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;  	
	background:#8DADD6 url(../images/menu1.gif) repeat-x;
	FONT-SIZE: 15px;
	font-family: "Arial", Tahoma; padding-left:16px; padding-right:16px; padding-top:0; padding-bottom:0
}
#nav1 li a:hover, #nav1 li a:active {
	color: #8DADD6 ;
	background:#8DADD6 url(../images/menu1_3.gif);
	padding: 0 16px;	
	BORDER-RIGHT: #34495a 1px ;
	BORDER-left: #34495a 1px ;
}

/* menu 2 du bas*/

#nav2
{
width: 748px;
height: 32px;
padding: 0px;
background-image: url('../images/nav02.gif');
BACKGROUND-REPEAT: repeat-x;
float: left;
}

#nav2 li {
	margin: 0; 
	padding: 0; 
	display: inline;
}

#nav2 li a, #nav2 li a:visited {
  	float:left;
  	height: 32px;
  	line-height: 32px; 
  	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;  	
	background:#8DADD6 url('../images/nav02.gif') repeat-x;
	FONT-SIZE: 13px;
	font-family: "Arial", Tahoma; padding-left:17px; padding-right:17px; padding-top:0; padding-bottom:0
}

#nav2 li a:hover, #nav2 li a:active {
	color: #8DADD6 ;
	background:#8DADD6 url('../images/nav02.gif') 0 -32px;
	BORDER-RIGHT: 1px solid #34495a;
	BORDER-left: 1px solid #34495a;; padding-left:17px; padding-right:17px; padding-top:0; padding-bottom:0
}

#nav2 li a:hover b, #nav2 li a:active b{

	background: url('../images/enveloppe.gif') no-repeat 0px 3px;
	margin:0px 
}

#nav2 li a b, #nav2 li a:visited b{

	background: url('../images/enveloppe.gif') no-repeat 0px 3px;
	margin:0px 
}


#menuespacepro 
{
width: 292px;
margin: 8px;
position: absolute;
top: 238px;
}

#menuespacepro .box li   {
   	line-height: 23px; 
	list-style-type: none;
	FONT-SIZE: 12px;
	padding: 1px 1px 5px 10px; 
	margin: 2px 0 5px 2px;
	border-bottom:1px solid #eee;
	background: transparent url(../images/bouton_bleu_selectionne.png) no-repeat 0px 7px;
	color:#000;
}

#menuespacepro .box li a { 
text-decoration:none;
color:#000;}

#menuespacepro .box li a b
{ 
text-decoration:none;
FONT-SIZE: 14px;
color:#000;
}

#espacepro p
{
font-size: 13px;
line-height: 20px;
margin: 5px; 
}

#espacepro img
{
margin-top: 7px;
margin-right: 6px;
margin-left: 6px;
  
}
.lien a:visited, a:link
{
color:#0000FF;
}

span
{
FONT-SIZE: 15px;
}

#mention
{
float: left;
width : 748px;
/* height: 90px; A virer*/
}

#mlhg
{
background: url(../mention_legal/images/haut_exter_gauche.gif) top no-repeat; 
float: left;
height: 130px;
width : 231px;
}

#mlhm
{
background: url(../mention_legal/images/bandeau_haut_100.gif) top repeat-x;
float: left;
width : 286px;
height: 45px;
}

#mlhd
{
background: url(../mention_legal/images/haut_exter_droit.gif) top no-repeat; 
float: left;
height: 130px;
width : 231px;
}

#mlbg
{
background: url(../mention_legal/images/cote_gauche.gif) top ; 
float: left;
height: 820px;
width : 89px;
}
#mlbg2
{
background: url(../mention_legal/images/cote_gauche.gif) top ; 
float: left;
height: 760px;
width : 89px;
}

/* cadrage bandeau central bleu dans mention legale*/
#mlbm
{
float: left;
background: url(../mention_legal/images/centre.gif) no-repeat ; 
background-position: 56px 4px;
height: 50px;
width : 570px;
}

#mlbd
{
background: url(../mention_legal/images/cote_droit.gif) top ;  
float: right;
clear: both;
height: 820px;
width : 89px;
margin: 0px;
}

#mlbd2
{
background: url(../mention_legal/images/cote_droit.gif) top ;  
float: right;
height: 760px;
width : 89px;
}

#mlmm
{
background: #D6ECF9; 
float:  none;
height: 295px;
width : 456px;
font-size: 13px;
line-height: 20px;
padding: 10px;
text-align: left;
}
<!-- Les boutons -->
.bouton1
	{
	COLOR: #384d5e;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 12px;
    vertical-align: middle; 
	width: 89px;
	height: 32px;
	background-image: url('../images/menu/bouton_haut/%22top_ACCUEIL%20BLEU%20FONCE.gif%22');
	background-color: transparent; 
	background-repeat: no-repeat;
	float: left
	    		}

.bouton1:hover 
	{
	background-image: url('../images/menu/bouton_haut/%22top_ACCUEIL%20BLANC.gif%22');
	background-repeat: no-repeat
		}
		
.bouton2
	{
	width: 73px;
	height: 32px;
	background-image: url('../images/menu/bouton_haut/%22top_DEVIS%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent; 
	float: left
		}

.bouton2:hover 
	{
	background-image: url('../images/menu/bouton_haut/%22top_DEVIS%20BLANC.gif%22');
	background-repeat: no-repeat
		}
		
.bouton3
	{
	width: 73px;
	height: 32px;
	background-image: url('../images/menu/bouton_haut/%22top_VENTE%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	float: left
		}

.bouton3:hover 
	{
	background-image: url('../images/menu/bouton_haut/%22top_VENTE%20BLANC.gif%22');
	background-repeat: no-repeat
		}
		
.bouton4
	{
	width: 92px;
	height: 32px;
	background-image: url('../images/menu/bouton_haut/%22top_SERVICE%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	float: left
		}

.bouton4:hover 
	{
	background-image: url('../images/menu/bouton_haut/%22top_SERVICE%20BLANC.gif%22');
	background-repeat: no-repeat
		}
		
.bouton5
	{
	width: 72px;
	height: 32px;
	background-image: url('../images/menu/bouton_haut/%22top_OUTILS%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	float: left
		}

.bouton5:hover 
	{
	background-image: url('../images/menu/bouton_haut/%22top_OUTILS%20BLANC.gif%22');
	background-repeat: no-repeat
	}
	
.bouton6
	{
	width: 97px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_E%20MAIL%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton6:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_E%20MAIL%20BLANC.gif%22');
	background-repeat: no-repeat
		}

.bouton7
	{
	width: 72px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_ACCUEIL%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton7:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_ACCUEIL%20BLANC.gif%22');
	background-repeat: no-repeat
		}

.bouton8
	{
	width: 72px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_CHARTE%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton8:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_CHARTE%20BLANC.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton9
	{
	width: 62px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_CGV%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton9:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_CGV%20BLANC.gif%22');
	background-repeat: no-repeat
		}

.bouton10
	{
	width: 97px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_PARTENAIRE%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton10:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_PARTENAIRE%20BLANC.gif%22');
	background-repeat: no-repeat
		}
		
.bouton11
	{
	width: 116px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_RECRUTEMENT%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton11:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_RECRUTEMENT%20BLANC.gif%22');
	background-repeat: no-repeat
		}

.bouton12
	{
	width: 116px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_PLAN%20DU%20SITE%20BLEU%20FONCE.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}

.bouton12:hover 
	{
	background-image: url('../images/menu/bouton_bas/%22down_PLAN%20DU%20SITE%20BLANC.gif%22');
	background-repeat: no-repeat
		}
		
.bouton13
	{
	width: 83px;
	height: 25px;
	background-image: url('../images/menu/bouton_bas/%22down_Vide%20BLEU%20FONCE%20copie.gif%22');
	background-repeat: no-repeat;
	background-color: transparent 
		}
'
.bouton14
	{
background-color: transparent;
text-align: center;
}

.bouton14:hover
	{
BACKGROUND-COLOR: #d6ecf9;
}
