/*-------------------------PAGE---------------------------*/

html, body {
	margin: 0; /* pour éviter les marges */
	padding: 0;
	height: 100%;
	font: 12px Arial, Helvetica, sans-serif, sans-serif;
	text-align: center; /* pour corriger le bug de centrage IE */
	background: #990000 url(../images/fd_points.gif) repeat-x top center;
 }

.site {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
    width: 1024px;
	text-align: left;
 }
 

 
 .principale {
	float: left;
	width: 1024px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom;	
 }
 
 
 /*-------------------------MENU------------------------------*/
 .image_cache {
 position:relative;
 width: 151px;
 height: 40px;
 top: 10000px;
 left: 10000px;
 }
 
 
 .header {
 position: absolute;
 display: block;
 background-image: url(../images/header02.jpg);
 width: 1024px;
 height: 191px;
 z-index:1;
 }
 
 .rf {
 float: left;
 width: 151px;
 height: 40px;
 margin-top: 78px;
 }
 
 .menu_horizontal {
 position: absolute;
 display: block;
 top: 118px;
 left: 0;
 width: 1025px;
 height: 100%;
 z-index:4;
 
 }	
 
 /*.menu {
 float: left;
 display:block;
 background: url("../images/menu.gif") no-repeat;
 width: 975px;
 text-align: left;
 }*/

dl.noimage, dt.noimage, dd.noimage, ul.noimage, li.noimage {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
	position: absolute;
	display: block;
	top: 0px;
	left: 151px;
	z-index:100;
	width: 872px; /* correction pour Opera */
}
#menu dl.noimage {
float: left;
width: 218px;



}
#menu dt.noimage {
cursor: pointer;
display: block;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
text-decoration:none;
border-left: 1px dotted black;
padding: 7px 7px;
height: 59px;
/*margin: 1px;*/
}

#menu dt.noimage a {
cursor: pointer;
display: block;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
text-decoration:none;
height: 59px;
/*margin: 1px;*/
}

#menu dt.noimage a:hover, #menu dt.noimage a:focus {
font-weight: bold;
display: block;
cursor: pointer;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
text-decoration:none;
}

#menu dd.noimage {
display: none;
}
#menu li.noimage {
text-align: left;
}
#menu li.noimage a {
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: #f05a28;
border-top: 1px dotted white;
padding: 7px 7px;
	
height: 100%;
}
#menu li.noimage a:hover, #menu li.noimage a:focus {
	background: #cccc00;
	color: #000;
	border-top: 1px solid #6e6e00;
	border-bottom: 1px solid #6e6e00;
}


.contenu {
 position: absolute;
 background: #990000 url(../images/fond_contenu.gif) repeat-y top left;
 top: 191px;
 width: 1024px;
 left: 0;
 z-index:3;
 }
 
/*------------------COLONNE GAUCHE---------------------------------------------------*/

.colonne_gauche {
 float: left;
 background: url(../images/fd_colonne_gauche.jpg) no-repeat top left;
 width: 199px;
 height: 100%;
 padding-top: 10px;
 }
 
 .bloc_logo {
 float: left;
 width: 199px;
 height: 39px;
 text-align: right;
 padding-top: 20px;
 }
 
  .retour_accueil {
 float: left;
 width: 164px;
 height: 24px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: # 000;
padding: 0 0 0 35px;
 }
 
  .retour_accueil a {
 color: #000;
 text-decoration: none;
 }
 
  .retour_accueil a:hover {
 color: #000;
 font-weight: bold;
 text-decoration: none;
 }
 
 .bloc_gauche_temoignage {
 float: left;
 background: #FFF url(../images/picto_temoignage.gif) no-repeat top right;
 width: 199px;
 height: 100%;
 }
 
 .bloc_gauche_stats {
 float: left;
 background: #FFF url(../images/picto_stats.gif) no-repeat top right;
 width: 199px;
 height: 100%;
 }
 
 .bloc_gauche_partenaires {
 float: left;
 background: #FFF url(../images/picto_partenaires.gif) no-repeat top right;
 width: 199px;
 height: 100%;
 }
 
 .bloc_gauche_achats {
 float: left;
 background: #FFF url(../images/picto_achats.gif) no-repeat top right;
 width: 199px;
 height: 100%;
 } 
 .bloc_gauche {
 float: left;
 width: 199px;
 height: 100%;
 background: #FFF
 }
 
 
 .titre_bloc_gauche {
 float: left;
   display: block;
 background: url(../images/angle_haut_bloc_gauche.gif) no-repeat top left;
 width: 176px;
 font: 20px Arial, Helvetica, sans-serif, sans-serif;
 color: #F05A28;
 padding: 12px 5px 8px 18px;
 }
 
 .titre_bloc_gauche a {
 color: #F05A28;
text-decoration:none;
 }
 
  .titre_bloc_gauche a:hover {
	
 color: #990000;
text-decoration:none;
 }

.texte_bloc_gauche {
 float: left;
 background: url(../images/pointilles.gif) no-repeat top left;
 width: 173px;
 font: 14px Arial, Helvetica, sans-serif, sans-serif;
 color: #4f4f4f;
 padding: 10px 8px 1px 18px;
 }
 
 .texte_bloc_gauche a {
 color: #4f4f4f;
text-decoration:none;
 }
 
 .texte_bloc_gauche a:hover {
	 
 color: #4f4f4f;
 border-bottom: 1px dotted #4f4f4f;
text-decoration:none;
 }
 
 .bas_bloc_gauche {
 float: left;
 background: url(../images/bas_bloc_gauche.gif) no-repeat top left;
 width: 199px;
 height: 19px;
 }

.blanc {
 float: left;
 width: 199px;
 height: 23px;
 }


/*------------------COLONNE CENTRE---------------------------------------------------*/

.colonne_centre {
 float: left;
 background: url(../images/fd_colonne_centre.jpg) no-repeat top left;
 width: 562px;
 height: 100%;
 padding: 30px 8px 0px 25px;
 }
 
 .titre_page {
 float: left;
 font: 20px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #C00;
 width: 540px;
 padding: 0 0 12px 22px;
  background: url(../images/fleche_titre.gif) no-repeat top left;
 }

 
 .texte_page {
 float: left;
 font: 12px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #000;
 width: 562px;
 }
 
 .texte_page a {
 color: #C00;
 text-decoration: none;
 }
 
  .texte_page a:hover {
 color: #C00;
 border-bottom: 1px dotted #C00;
 text-decoration: none;
 }
 
.texte_page li { 
list-style-image: url(../images/arrow.gif);
padding-left: 5px;
list-style-position: outside;
}

blockquote {
	margin: 8px 15px 12px 10px;
	color: #000000;
	background: #fdeee9;
	border-left: 5px solid #f05b29;
	padding: 10px;
}

 .points_page {
 float: left;
 font: 12px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #000;
 width: 562px;
 }
 
 .titre_points_page_fd {
 float: left;
 width: 551px;
 background-color: #e7e7cd;
 }
 
 .titre_points_page {
 float: left;
 font: 18px Arial, Helvetica, sans-serif, sans-serif, bold;
 font-weight: bold;
 color: #000;
 width: 413px;
 background: url(../images/arrow_kaki.gif) no-repeat top left;
 padding: 6px 0 6px 22px;
 }
 
 .titre_points_page_retour {
 float: left;
 font: 11px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #fff;
 height: 14px;
 width: 116px;
 text-align: center;
 background: url(../images/fd_retour_carte.gif) no-repeat top right;
 padding: 10px 0 0 0;
 }
 
 .titre_points_page_retour a {
 color: #fff;
 text-decoration: none;
 }
 
 .titre_points_page_retour a:hover {
 color: #fff;
 border-bottom: 1px dotted #fff;
 text-decoration: none;
 }
 
 .fd_texte_points_page {
 float: left;
 width: 519px;
 text-align: left;
 border-top: 1px dotted #000;
 background-color: #fbf9f9;
 padding: 10px 10px 10px 22px;
 }
 
 .lieu_points {
 float: left;
 width: 519px;
 font: 14px Arial, Helvetica, sans-serif, sans-serif, bold;
 font-weight: bold;
 padding-bottom: 5px;
 color: #c00000;
 }
 
 .adresse_points {
 float: left;
 width: 519px;
  padding-bottom: 5px;
 font: 12px Arial, Helvetica, sans-serif, sans-serif;
 color: #000;
 }
 
 .contact_points {
 float: left;
 width: 519px;
  padding-bottom: 5px;
 font: 12px Arial, Helvetica, sans-serif, sans-serif, bold;
 font-weight: bold;
 color: #000;
 }
 
 .texte_points {
 float: left;
 width: 519px;
 font: 11px Arial, Helvetica, sans-serif, sans-serif;
 color: #000;
 }
 
 .bas_page {
 float: left;
 width: 551px;
 height: 17px;
 text-align: left;
  background: url(../images/bas_page.gif) repeat-x top left;
 }
 
  .imprime_page {
 float: right;
 font: 11px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #fff;
 height: 16px;
 width: 105px;
 background: url(../images/fd_imprime.gif) no-repeat top right;
 padding: 8px 0 0 10px;
 }
 
 .imprime_page a {
 color: #fff;
 text-decoration: none;
 }
 
 .imprime_page a:hover {
 color: #000;
 text-decoration: none;
 }
/*------------------COLONNE DROITE---------------------------------------------------*/

.colonne_droite {
margin: 0; /* pour éviter les marges */
	padding: 0;
 float: right;
 background: url(../images/fd_colonne_droite.jpg) no-repeat top left;
 width: 230px;
 height: 100%;
 }
 
 .titre_actu {
 float: left;
 font: 20px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #FFF;
 background: url(../images/image_fd_actus.jpg) no-repeat top left;
 width: 102px;
 height: 24px;
 padding: 24px 0 0px 28px;
 margin: 0; /* pour éviter les marges */
 }
 
 .titre_actu a {
 color: #FFF;
text-decoration: none;
 }
 
  .titre_actu a:hover {
 color: #FFF;
 border-bottom: 1px #FFF dotted;
text-decoration: none;
 }
 
  .toutes_actu {
 float: right;
 font: 9px Arial, Helvetica, sans-serif, sans-serif, bold;
 color: #FFF;
 background: url(../images/image_fd_actus.jpg) no-repeat top right;
 width: 95px;
 text-align:right;
 height: 22px;
 padding: 26px 5px 0px 0px;
 line-height: 10px;
 margin: 0; /* pour éviter les marges */
 }
 
 .toutes_actu a {
 color: #FFF;
text-decoration: none;
 }
 
  .toutes_actu a:hover {
 color: #fff;
 border-bottom: 1px #FFF dotted;
text-decoration: none;
 }
 
 .actu {
 float: right;
 font: 12px Arial, Helvetica, sans-serif, sans-serif;
 color: #000;
 background: url(../images/actus_pointille.gif) repeat-x bottom left;
 width: 195px;
 padding: 12px 10px 12px 0;
  margin: 0; /* pour éviter les marges */
 }
 
 .actu a {
 color: #000;
  border-bottom: 1px #000 dotted;
text-decoration: none;
 }
 
  .actu a:hover {
 color: #000;
 border-bottom: 1px #000 solid;
text-decoration: none;
 }
 
 .bton_actu {
 float: right;
 font: 10px Arial, Helvetica, sans-serif, sans-serif;
 color: #fff;
 background: url(../images/en_savoir_plus.gif) no-repeat bottom right;
 width: 90px;
 height: 14px;
 padding: 7px 0 0 115px;
  margin: 0; /* pour éviter les marges */
 }
 
 .bton_actu a {
 color: #fff;
 border-bottom: 1px #f05a28 solid;
 text-decoration: none;
 }
 
 .bton_actu a:hover {
 color: #000;
  border-bottom: 1px #f05a28 solid;
 text-decoration: none;
 }
 
 
 
/*------------------foooooooooOOOOOTER---------------------------------------------------*/

.footer {
 float: left;
 background: #990000 url(../images/footer.gif) no-repeat top left;
 font: 12px Arial, Helvetica, sans-serif, sans-serif;
 width: 674px;
 color: #FFF;
 left: 0;
 height: 70px;
 padding: 43px 0 0 350px;
 }
 
 .footer a {
 color: #FFF;
 text-decoration: none;
 }
 
 .footer a:hover {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 }