/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
}
#header {
height: 352px;
background-color: #99CCCC;
background:url(../grfx/header.jpg);
}

#header a{
display:block;
height:170px;
width:213px;
margin:0;
padding:23px;
text-indent:-5000px;
background:url(../grfx/logo.png) no-repeat 0 23px ;

}
#haut {
height: 41px;
background-color:#FFF;
}
#conteneur {
position: relative;
width: 948px;
margin: 0 auto; 
background-color:#fff;
}
#centre {
background-color:#fff;
margin-left: 20px;
margin-right: 454px;
margin-top: 20px;
/*height:500px;
  /*min-height:800px;
  max-height:3000px; */
}

/*#bloc {
height: 5em;
background: yellow;
}*/
html>body #centre {
height: auto;
min-height: 400px;
} 

#gauche {
position: absolute;
right:221px;
width: 223px;
margin-top:5px;
}

#blocbloc{
position: absolute;
right:0;
width: 221px;
text-align:center;
padding-top:22px;
}
#blocvip a{
background:url('../grfx/client-privileges.jpg');
height:184px;
display:block;
text-decoration:none;
}
#blocvip a span{
visibility:hidden;
}
#droite {
position: absolute;
right:0;
width: 221px;
text-align:center;
background: url(../grfx/cadreD_haut.jpg) top left no-repeat;
padding-top:22px;
}

#blocdroite {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../grfx/cadreD_fond.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}




#pied {
height: 30px;
background-color: #fff;
text-align:center;
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
margin-left: 252px;
}
#menuhaut li {
display: inline;
height:41px;


}

#menuhaut a {

color: #000000;
text-decoration: underline;
display:block;
float:left;
height:41px;
text-indent : -5000px;
margin:0;
padding:0;

}

#menuhaut a.accueil {
background:url(../grfx/accueil.jpg);
width:96px;
}
#menuhaut a.services {
background:url(../grfx/services.jpg);
width:136px;
}
#menuhaut a.points {
background:url(../grfx/points.jpg);
width:116px;
}
#menuhaut a.devis {
background:url(../grfx/devis.jpg);
width:136px;
}
#menuhaut a.contact {
background:url(../grfx/contact.jpg);
width:153px;
}
#menuhaut a.faq {
background:url(../grfx/faq.jpg);
width:59px;
}

#menuhaut .accueil {
color:#FF0000;
}
#menuhaut a:hover {
text-decoration: none;
background-position: bottom;
}

#menuhaut a.actif {
text-decoration: none;
background-position: bottom;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 0px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

#centre p{text-indent:25px;
	text-align:justify;
}

#centre h2{
	font-size:14pt;
	font-family:"Arial black", Helvetica, sans-serif;
	color:#FF0000;
	margin:0;
	padding:0;
	margin-bottom:15px;
}
#centre strong{
	color:#333366;
}
p {margin: 0 0 10px 0;}

.blob{
position:absolute;
right:226px;
height:auto;
}
.tel{
width:159px;
height:19px;
text-indent:-5000px;
background:url(../grfx/tel.jpg) no-repeat;
margin: 0 auto;
margin-bottom:9px;
}
a{
color:#ff001d;
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration: underline;
}