body, html {
background: #2B2B2B url(../images/background2.jpg) top;
background-attachment: fixed;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #FFFFFF;
font-size: 11px;
}
 		
#conteneur {
margin: 0 auto 0;
background-color: #FF2200;
background: #2B2B2B url(../images/conteneur.jpg) top;
background-attachment: fixed;
position: relative;
width: 1000px;
overflow: hidden;
text-align: left;
}

#header  {height: 125px;
background: url(../images/header_bleu.jpg) no-repeat top;
padding: 0 0 0 0;
}

#menu-haut  {height: 32px;
background: url(../images/header_barre.gif) top;
padding: 0 0 0 0;
}

#gauche {
float: left;
width: 200px;
margin: 0;
padding: 0;
text-align: center;
}   

#centre {
margin-left : 200px;
margin-right : 100px;
top: 0;
font-family : verdana ;
font-size : 10pt;
color: #FFFFFF;
line-height: 10pt;
}  

#droite {
float: right;
width: 210px;
background-color: #E8E8E8;
margin: 0 0 0 0;
padding: 10px 0 0 0;
text-align: left;
}  

#pied  {
background: url(../images/bas.png);
margin: 0 auto 0;
position: relative;
height:30px;
width:1000px;
padding:0 0 0 0;
color:#FF0000;
clear:both;
}	 

.fond-apercu       {background: #2B2B2B url(../images/background2.jpg) top; font-size: 4px;}

/*Menu horizontal*/
ul#menu            {height: 32px; list-style-type: none; margin: 0; padding: 0;}  
ul#menu li         {float: left; text-align: center;}
ul#menu li a       {width: 140px; height: 24px; color: #FFFFFF; display: block; text-decoration: none; outline: none; line-height: 24px; background: url(../images/bouton_noir.png) no-repeat; font-weight: bold; font-size: 10px; margin: 1px 3px 0 3px;}
ul#menu li a:hover {background: url(../images/bouton_bleu.png);}
ul#menu120            {height: 32px; list-style-type: none; margin: 0; padding: 0;}  
ul#menu120 li         {float: left; text-align: center;}
ul#menu120 li a       {width: 120px; height: 24px; color: #FFFFFF; display: block; text-decoration: none; outline: none; line-height: 24px; background: url(../images/bouton_noir120.png) no-repeat; font-weight: bold; font-size: 10px; margin: 4px 3px 0 3px;}
ul#menu120 li a:hover {background: url(../images/bouton_bleu120.png);}
#mh                {text-align: center; margin: 0 auto; width: 1000px; height: 32px;} 
#mh table          {text-align: center; margin: 0 auto 0 auto;} 

A.home {
	 display: inline-block ;
     width: 24px;
     height: 24px;
     background: url(../images/bouton-home-noir.png);
     border: 0;
	 color: #FFFFFF; font-size: 6px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
	 margin: 4px 0 0 0;
}
A.home:hover {
	 display: inline-block ;
     background: url(../images//bouton-home-bleu.png);
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
}

/*Menu Bleu*/
.menu_bleu_haut a	{width: 180px; height: 22px; background: url(../images/menu_bleu_haut.png); display:block; padding :8px 0 0 0; margin :10px 0 0 10px; font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none; text-align: center;}
.menu_bleu_haut a:hover {background: url(../images/menu_bleu_haut_hover.png); display:block; color: #FFFFFF;}
.menu_bleu_haut a:visited {color: #FFFFFF;}
.menu_fond		{width: 180px; background: url(../images/menu_fond.png); padding: 0 0 0 0; margin :-2px 0 0 10px;}
.menu_bas		{width: 180px; height: 10px; background: url(../images/menu_bas.png) no-repeat; padding: 0 0 0 0; margin :-2px 0 10px 10px;}  
ul.gb               {width: 150px; padding :5px 0 5px 10px; margin: 0; list-style: none; font-size: 10px; font-weight: bold; text-align: left;}
ul.gb li a          {display: block; color: #1d9fe0; outline:none; text-decoration: none; outline: none; font-size: 10px; font-weight: bold;}	
ul.gb li a:hover    {color: #85d0f5; outline: none; padding: 0; margin: 0;}	

/*Cadre Bleu*/
.cadre_bleu_haut	{width: 200px; height: 18px; background: url(../images/cadre_bleu_haut.png) no-repeat; padding: 7px 0 0 0; margin : 0 0 0 0;}  
.cadre_bleu_fond	{width: 200px; background: url(../images/cadre_bleu_fond.png); padding: 0 0 0 0; margin : 0 0 0 0;}
.cadre_bleu_bas		{width: 200px; height: 10px; background: url(../images/cadre_bleu_bas.png) no-repeat; padding: 0 0 0 0; margin : 0 0 0 0;}  

/*Cadre Noir*/
.cadre_noir_haut           {background:url(../images/cadre_noir_haut.png); width:580px; height:10px; margin:10px 0 0 0; padding: 0 0 0 0;}
.cadre_noir_fond           {background:url(../images/cadre_noir_fond.png); width:560px; margin:0 0 0 0; padding: 5px 0 5px 20px;}
.cadre_noir_bas           {background:url(../images/cadre_noir_bas.png); width:580px; height:10px; margin:0 0 0 0; padding: 0 0 0 0;}
  
/*Cadre Noir 790*/
.cadre_noir_haut790           {background:url(../images/cadre_noir_haut790.png); width:790px; height:10px; margin:10px 0 0 0; padding: 0 0 0 0;}
.cadre_noir_fond790           {background:url(../images/cadre_noir_fond790.png); width:770px; margin:0 0 0 0; padding: 5px 0 5px 20px;}
.cadre_noir_bas790           {background:url(../images/cadre_noir_bas790.png); width:790px; height:10px; margin:0 0 0 0; padding: 0 0 0 0;}

/*Cadre 750*/
.cadre_haut750           {background:url(../images/cadre-750-h.png); width:750px; height:15px; margin:10px 0 0 20px; padding: 0 0 0 0;}
.cadre_fond750           {background:url(../images/cadre-750-c.png); width:730px; margin:0 0 0 20px; padding: 5px 0 5px 20px;}
.cadre_bas750            {background:url(../images/cadre-750-b.png); width:750px; height:24px; margin:0 0 0 20px; padding: 0 0 0 0;}

/*Cadre 185*/
.cadre_haut185           {background:url(../images/cadre-185-h.png); width:185px; height:15px; margin:10px 0 0 10px; padding: 0 0 0 0;}
.cadre_fond185           {background:url(../images/cadre-185-c.png); width:175px; margin:0 0 0 10px; padding: 0 0 0 10px;}
.cadre_bas185            {background:url(../images/cadre-185-b.png); width:185px; height:20px; margin:0 0 0 10px; padding: 0 0 0 0;}
  
A.bouton-noir {
     width: 140px;
     height: 24px;
     background: url(../images/bouton_noir.png);
     border: 0;
	 display:block;
	 font-family: Arial;
	 font-size: 10pt;
	 color: #FFFFFF;
	 font-weight: bold;
}
A.bouton-noir:hover {
     background: url(../images/bouton_noir.png);
	 display:block;
}  
  
.titre-news {
color: #FFFFFFF;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
height: 14px;
margin: 0 10px 5px 10px;
background: url(images/fleche1.png) no-repeat -5px;
padding: 0 0 0 7px;
}

A.pagenum {
	 display: inline-block ;
     width: 24px;
     height: 18px;
     background: url(../images/page-num.png);
     border: 0;
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
	 padding: 2px 0 0 0;
}
A.pagenum:hover {
	 display: inline-block ;
     background: url(../images/page-act.png);
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
}

.pageact {
	 display: inline-block ;
     width: 24px;
     height: 18px;
     background: url(../images/page-act.png);
     border: 0;
	 color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, sans-serif; text-decoration: none;
	 padding: 2px 0 0 0;
}

A.pagesuiv {
	 display: inline-block ;
     width: 135px;
     height: 17px;
     background: url(../images/page-suiv.png);
     border: 0;
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
	 padding: 1px 0 0 0;
}
A.pagesuiv:hover {
	 display: inline-block ;
     background: url(../images/page-suiv-hover.png);
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
}

A.pageprec {
	 display: inline-block ;
     width: 135px;
     height: 17px;
     background: url(../images/page-prec.png);
     border: 0;
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
	 padding: 1px 0 0 0;
}
A.pageprec:hover {
	 display: inline-block ;
     background: url(../images/page-prec-hover.png);
	 color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none;
}

.trespetit { color: #003B69; font-weight: normal; font-size: 4px; line-height: 4px ;font-family: Verdana, Arial, sans-serif; }
  
.bas { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #2B2B2B;}
.bas:link {text-decoration: none; color: #2B2B2B;}
.bas:visited {text-decoration: none;  color: #2B2B2B; }
.bas:hover {text-decoration: none; color: #5B5B5B;}  
  
.menu { color: #FFFFFF; font-weight: normal; font-size: 13px; font-family: Verdana, Arial, sans-serif; }
A.menu:link { color: #FFFFFF; font-size: 13px; font-family: Verdana, Arial, sans-serif; text-decoration: none}
A.menu:visited { color: #FFFFFF; font-size: 13px; font-family: Verdana, Arial, sans-serif; text-decoration: none}
A.menu:hover { color: #F1F1F1; font-size: 13px; font-family: Verdana, Arial, sans-serif; text-decoration: overline underline}
  
.titre { font-family: Verdana, Arial , sans-serif; font-size: 12pt; color: #273267; font-weight: bold;}
A.titre:link {text-decoration: none; color: #273267; font-weight: bold;}
A.titre:visited {text-decoration: none; color: #273267; font-weight: bold;}
A.titre:hover { color: #85d0f5; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, sans-serif; text-decoration: none}
  
.sstitre { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #273267; font-weight: bold;}
A.sstitre:link {text-decoration: none; color: #273267; font-weight: bold;}
A.sstitre:visited {text-decoration: none; color: #273267; font-weight: bold;}
A.sstitre:hover { color: #BBDFF0; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-decoration: none}
  
.texte { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #000000;}
A.texte:link { text-decoration: none; color: 000000;}
A.texte:visited { text-decoration: none; color: #000000;}
A.texte:hover { text-decoration: none; color: #D8D8D8;}
H1.texte: { font-size: 14pt; color: #000000;}
H2.texte: { font-size: 12pt; color: #000000;}
H3.texte: { font-size: 10pt; color: #000000;}
H4.texte: { font-size: 8pt; color: #000000;}  
H5.texte: { font-size: 6pt; color: #000000;}  
H6.texte: { font-size: 4pt; color: #000000;}  

A:link {text-decoration: none; color: #FFFFFF; font-weight: bold;}
A:visited {text-decoration: none; color: #FFFFFF; font-weight: bold;}
A:hover { text-decoration: none; color: #CFE3ED; font-weight: bold;}
  
hr { color : #FFFFFF; height: 1px;}