/* CSS Document */
html,body {
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
margin: 0;
	padding: 0;
	text-align: center;
background : #373737 url(images/bg.gif); 
font-size : 100%; 
}

img {
border:none;
}

p{
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : black; 
}
td {
font-size : 0.8em;
font-family :  Helvetica, sans-serif;
color : #32446C; 

}

h1 {
font-size : 1.2em;
line-height: 1.8em;
border-bottom: solid #ccc 1px;
font-family :  Helvetica, Geneva, sans-serif;
color : #32446C; 

}

h2 {
font-size : 1em;
line-height: 2em;
border-bottom: solid #ccc 1px;
font-family :  Helvetica, Geneva, sans-serif;
padding-left: 30px;
color : #666666;
background:url(images/telephone.gif) left center no-repeat;	 

}

a:link {color: #036; text-decoration:underline;}
a:visited {color: #036; text-decoration:underline;}
a:hover {color:#5B6C93; text-decoration:underline;}

#container {

	width: 766px;
	margin:0px auto;
	background : #fff;
}
#paiement {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 766px;
	height: 520px;
	margin-top: -260px;
	margin-left: -382px;
	border: 0px;
	background-color: #FFFFFF;
}


#en_tete {

	width: 766px;
	height: 141px;
	/*border: 1px solid #000;*/
	background-image:  url("images/head3.gif");
}
#nav_gauche {
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 25px;
	background : #fff;
	
}
ul#menu {

	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}
ul#menu a{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none ;
	color : #fff; 
	padding-left: 13px;
	line-height: 36px;
	height: 36px;
	width: 200px;
	background:url(images/button.gif) left center no-repeat;	
}
ul#menu a:hover{

	background:url(images/button_hover.gif) left center no-repeat;	
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navcontainer {
text-align: center;
}

#navlist li
{
font-size : 0.9em;
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 5px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #5B6C93;
text-decoration: none;
}

#contenu {
	float: left;
	width: 455px;
	font-size : 0.9em;
	background : #fff;
	border-left: dashed #ccc 1px;
	text-align:left;
	padding:10px 15px;
	color: #000000;
}

#contenu ul {
	font-size : 0.9em;
	color : #252525;
	list-style-image:url(images/puce.jpg);
	font-weight: bold;
}

#contenu ul ul {
	font-size : 0.8em;
	color : #494949;
	list-style-image:url(images/puce.gif);
	font-weight: normal;

}

#contenu li {
	margin: 0.6em 0 0 0;
}

/* astuce : inclure dans la boîte un élément bloc au contenu fictif (l'espace insécable  ), doté de la propriété clear qui lui interdit d'être adjacent à une boîte flottante */
.spacer {
  clear: both;
}
/* Le pied de page
-------------------------------------------------------- */
#pied{

	margin: 0;
	padding: 0.2em 0.5em 0.3em 0.5em;
	border-top: 2px solid #666666;
	background: #213286;
	
}

#pied a{
	color: #999;
	text-decoration: none;
	font-size: 0.6em;
}