@charset "utf-8";
body
{
	background: #BFC6CC url(images/bg-body.png) left top repeat-x;
	color: #02284E;
	text-align:center;
	margin-bottom:15px;
	margin-top:15px;
	color:#40446b;
}


#page
{
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	width:760px;
	background-image:url(images/bg-body.gif);
	background-repeat:repeat-y;
		border: 1px solid #FFF;

}

#header
{
	line-height:35px;
}

#header span
{
	color:#FFF;
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
	padding-right:35px;
	padding-left:20px;
}

.title img, .title span
{
	padding-top:10px;
	vertical-align:middle;
	display:inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	
}

#header img, #header span
{
	padding-top:10px;
	vertical-align:middle;
	display:inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;

}

#callus
{
	margin-top:5px;
	height:60px;
	background-image:url(images/call-us.gif);
	background-repeat:repeat-x;
	width:760px;
	color:#FFF;
	font-size:22px;
	font-weight:900;
}

#callus table
{
	vertical-align:middle;
	height:60px;
}

#sidebar
{
	margin:0;
	position:relative;
	width:180px;
	margin-top:25px;
	margin-left:15px;
	float:left;
}

#sidebar ul
{
	margin:0;	
}

/*--- Menu 22 ---*/


#menu22 {
width: 180px;
}

#menu22 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu22 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu22 li a:link, #menu22 li a:visited {
color: #333;
display: block;
background: url(images/menu22v3.gif);
padding: 8px 0 0 10px;
}

#menu22 li a:hover, #menu22 li a:active {
color: #FFF;
background: url(images/menu22v3.gif) 0 -32px;
padding: 8px 0 0 10px;
}


#main
{
	float:left;
	margin-top:25px;
	margin-left:15px;
	width:535px;	
}

#main .contents
{
	padding: 0px 20px 10px 20px;
}

#footer
{
	clear:both;	
	height:50px;
	width:760px;
	
		margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 12px;
    vertical-align: bottom;
    line-height:25px;
    color:#FFF;
	text-align: center;
	background: #777D82 url(images/bg-footer.gif) left bottom repeat-x;
	border-top:1px solid #FFF;
}


p
{
	margin:0;	
}

.zone_quote {
  text-align:center;
  padding:5px 0px 5px 0px;
/*  border:1px dashed #cccccc;*/
  margin-left:20px;
  font-size:16px;
  font-weight:bold;
  color:#444444;
}

.zone_image {
  text-align:center;
  margin:40px 40px 40px 40px;
}


#logo-tarif
{
	position:absolute;
 margin:0;
}


/* La ligne supprérieur et la ligne inférieure */
.bordertop, .boderbottom {display:block; background:transparent; font-size:1px;}
/* Style qui défini les coin arondi */
/* Vous pouvez changer la couleur et la taille (mais avec prudence) */
.coin1, .coin2, .coin3, .coin4 {display:block; overflow:hidden;}
.coin1, .coin2, .coin3 {height:1px;}
.coin2, .coin3, .coin4 {background:#fffff0; border-left:1px solid #6ce350; border-right:1px solid #6ce350;}
.coin1 {margin:0 5px; background:#6ce350;}
.coin2 {margin:0 3px; border-width:0 2px;}
.coin3 {margin:0 2px;}
.coin4 {height:2px; margin:0 1px;}
/* Le contenu, pris entre la ligne supérieure et la ligne inférieure */
/* Vous pouvez changer la couleur */
.contents {display:block; background:#fffff0; border:0 solid #6ce350; border-width:0 1px;}