body{
	width:770px;
	margin:0 auto 0 auto;
	background:#1D2637 url('images/fond.jpg') repeat-x;
	font-size:12px;
	font-family:Arial;
	color:#6A86BB;
	color:#000000;
	}

h1 {
text-indent:-9000px;
margin:0;
padding:0;
}

h2{font-size:12px;color:#4569AF;border-bottom:2px solid #4569AF;}
h2{font-size:14px;color:#FFEC00;border-bottom:2px solid #000000;}

h3{font-size:11px;color:#4569AF;border-bottom:2px solid #4569AF;}
h4{font-size:10px;color:#4569AF;border-bottom:1px dotted #4569AF;}
h3{font-size:11px;color:#FFF364;border-bottom:2px solid #FFF364;}
h4{font-size:10px;color:#FFF364;border-bottom:1px dotted #FFF364;}


a{color:#567FCC;}
a{color:#FFF364;text-decoration:underline;}
a:hover{text-decoration:none;}

/*MENU EN HAUT A DROITE************************************************************/
#usermenu{
	position:absolute;
	float:right;
	top:0px;
	right:0px;
	margin-right:0px;
	margin-top:	0px;
	border:none;
}
div#usermenu ul
{
    font-size: 0.85em;
    margin: 0;
    padding: 0;
    text-align: right;
}

div#usermenu li
{
    background: url(./images/interface/tick.gif) no-repeat top right;
    margin: 0 0 0 0px; /* Modified in IE 6+ stylesheet */
    display: inline;
}

div#usermenu li a
{
    color: #226BF1;
    padding-right: 8px; /* Modified in IE 6+ stylesheet */
    font-weight: normal;
    text-decoration: none;
    position: relative;
    top: 2px;
}
div#usermenu li img
{
	border:#999999 1px solid;
}

/**********************************************************************************/


div#header{
	background-image:url('images/header.jpg');
	background-repeat:fixe;
	width:770px;
	height:236px;
	margin:auto;
	
}
div#header_en{
	background-image:url('images/header_en.jpg');
	background-repeat:fixe;
	width:770px;
	height:236px;
	margin:auto;
	
}

div#header_menu {
	width:170px;
	padding-top:50px;
	padding-left:540px;
}

div#header_menu ul {
	list-style:none;
	margin:0 0 0 48px;
	padding:0;
}

div#header_menu li {
	float:left;
	list-style:none;
	padding:0 10px 0 10px;
	margin:3px;
}

div#header_menu a {
	color:#FFFFFF;
	color:#DDDDDD;
	text-decoration:none;
}

div#header_menu a:hover{
	text-decoration:underline;
}
div#header_menu a#select {
	text-decoration:underline;
}

div#corp
{
	margin:auto;
	width:714px;
	text-align:justify;
	background-color:#214382;
	background-color:#7A859C;
	border:4px solid #FFFFFF;
	padding:10px;
}
div#footer{
	clear:both;
	background-image:url('images/footer.jpg') bottom no-repeat;
	background: url('images/footer.jpg') no-repeat bottom center;
	text-align:center;
	width:770px;
	height:80px;
	font-size:10px;
	}

#footer p{
	margin-top:12px;
	padding-top:10px;
	text-align:center;
	}

#footer ul {
	margin: 0;
    padding: 0;
	padding-bottom:10px;
/*    text-align: right;*/
	}

#footer li {
	background: url('images/tick.gif') no-repeat top right;
    margin: 0 0 0 6px; 
    display: inline;
	}
#footer li.last {
	background: none;
	}
#footer li a
{
    padding-right: 8px;
    position: relative;
    top: 2px;
}


#footer a{color:#FFFFFF;}
#footer a:hover{text-decoration:none;}




/* IMAGES TITRE
/***********************************************************************/
/*div#titre{
	position:absolute;
	top:228px;
	left:108px;
	width:153px;
	height:32px;
}*/
div#titre{
	position:relative;
	margin:-22px 0px 0px -34px;
	width:153px;
	height:32px;
}
.accueil{
	background-image:url(images/accueil.png);
}
.home{
	background-image:url(images/home.png);
}
.essayer{
	background-image:url(images/essayer.png);
}
.try{
	background-image:url(images/try.png);
}
.acheter{
	background-image:url(images/acheter.png);
}
.buy{
	background-image:url(images/tbuy.png);
}
.faq{
	background-image:url(images/faq.png);
}
.contact{
	background-image:url(images/contact.png);
}
.conditions{
	background-image:url(images/conditions.png);
}
	


/* CLASSES
/***********************************************************************/
img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:30px;
	border:2px solid #FFF364;
}
.img_paypal{
	border:1px solid #FFF364;
}
.img_paypal:hover{
	border:1px solid #7A859C;
}
img.noborder{
	border:none;
}

.right{
	float:left;
}
.left{
	float:left;
	width:500px;
}
.prix{
	color:#990000;
	font-weight:bold;
}
.alerte{
	background: url('images/icon_error.png') no-repeat left center;
	padding-left:20px;
	color:#990000;
	margin-right:15px;
}
ul.liste{
	list-style-image:url(images/ok.png);
	font-weight:bold;
	line-height:25px;
	margin-left:100px;
}
	
/* FORMULAIRE CONTACT
/***************************************************************************/
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#piedForm {
	margin-right:20px;
	text-align: right; /*** Les boutons sont alignés à droite ***/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	background:none;/*: white; /*#efefef*/
	width: 100%;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin:20px;
	font-style: normal;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
/*	background: beige;*/
	background-color:#e5f1fc;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#erreur{
	color:#990000;
	margin-right:15px;
}