/********/
/* BASE */
/********/
body  {
	font: 9pt Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	background: #65AAB3;
	margin: 0;
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
form		{ padding: 0; margin: 0; }
input		{ padding: 1px; margin: 0; font: 9pt Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; border: 1px solid #CCCCCC; background-color: #FFFFFF; color: #3F3F3F; }
textarea	{ padding: 1px; margin: 0; font: 9pt Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; border: 1px solid #CCCCCC; background-color: #FFFFFF; color: #3F3F3F; }
img 		{ border: 0; }
table		{ border-spacing: 0px; border-collapse: collapse; }
td, th		{ padding: 3px; }

#container { 
	width: 880px;
	background: #65AAB3;
	margin: 10px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #FFFFFF;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	background-image: url("/images/fond_halo.jpg");
	background-repeat: no-repeat;
	background-position: center 50px;
} 


/**************/
/* GENERIQUES */
/**************/
font.titre1 { font-size: 24pt; }
font.titre2 { font-size: 14pt; }
font.titre3 { font-size: 10pt;  font-weight: bold; }
font.erreur	{ color: #FF0000; font-style: italic; }
font.petit	{ font-size: 8pt; font-style: italic; }
.clear	{ clear: both; }


/**********/
/* ENTETE */
/**********/
#header { 
	margin: 0;
	padding: 0 20px;
}
#header #div_logo {
	float: left;
}
#header #div_menu {
	float: left;
	border-bottom: 1px solid #FFFFFF;
}
#header #div_menu a {
	display: block;
	float: left;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	padding: 10px;
	margin: 0;
}
#header #div_menu a:hover {
	background-color: #144651;
}
#header #div_menu a.menu_on {
	background-color: #144651;
}

#header #div_menu a.menu_quitter		{ background-image: url("/images/quitter_off.png"); background-repeat: no-repeat; background-position: center 7px; }
#header #div_menu a.menu_quitter:hover	{ background-image: url("/images/quitter_on.png"); background-repeat: no-repeat; background-position: center 7px; }

#header #div_appel {
	float: right;
    font-size: 8pt;
    background-color: #FFFFFF;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: center;
}
#header #div_accroche {
	float: left;
    font-size: 14pt;
	color: #FFFFFF;
	margin: 20px 30px 40px 100px;
	width: 500px;
}
#header #div_slogan {
	clear: both;
	float: left;
	color: #FFFFFF;
	width: 300px;
}

/****************/
/* PIED DE PAGE */
/****************/
#footer {
	margin-top: 30px;
	padding: 5px;
	background:#84BBC2;
	color: #FFFFFF;
    font-size: 8pt;
	text-align: center;
	background-image: url("images/coin.png");
	background-position: right top;
	background-repeat: no-repeat;
	vetical-align: bottom;
}
#footer a {
	color: #FFFFFF;
}

/*********************/
/* CONTENU PRINCIPAL */
/*********************/
#div_principal {
	margin: 50px 20px 0px 20px;
	padding: 20px;
    background-color: #FFFFFF;
	font-size: 9pt;
    color: #3F3F3F;
    width: 800px;
    position:relative;
}
#div_principal #div_titre {
	font-size: 24pt;
}
#div_principal #div_titre_lite {
	font-size: 16pt;
}
#div_principal #div_soustitre {
	padding-bottom: 30px;
}
#div_principal table {
	font-size: 9pt;
    color: #3F3F3F;
}
#div_principal a {
	color: #3F3F3F;
}

/***********/
/* ACCUEIL */
/***********/
#div_acceuil_container {
	height: 370px;
}
#div_accueil {
	position: relative;
	top: 50px;
	left: 20px;
	z-index: 99;
	width: 540px;
	height: 240px;
	padding: 30px;
	background-image: url("images/accueil.png");
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 12pt;
	color: #3F3F3F;
	/*border: 1px solid red;*/
}
#div_accueil a {
	display: block;
	float: left;
	width: 160px;
	padding: 130px 10px 0 10px;
	margin-top: 30px;
	text-align: center;
	font-size: 8pt;
	color: #3F3F3F;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
	/*border: 1px solid red;*/
}
a.btn_accueil_pourquoi			{ background-image: url("/images/btn_accueil_pourquoi_off.png"); }
a.btn_accueil_pourquoi:hover	{ background-image: url("/images/btn_accueil_pourquoi_on.png"); }
a.btn_accueil_comment			{ background-image: url("/images/btn_accueil_comment_off.png"); }
a.btn_accueil_comment:hover		{ background-image: url("/images/btn_accueil_comment_on.png"); }
a.btn_accueil_qui				{ background-image: url("/images/btn_accueil_qui_off.png"); }
a.btn_accueil_qui:hover			{ background-image: url("/images/btn_accueil_qui_on.png"); }

/*************/
/* CONFIANCE */
/*************/
#div_confiance {
	position: relative;
	top: -130px;
	left: 620px;
	z-index: 98;
	height: 180px;
	width: 220px;
	padding: 0px;
	background-image: url("images/confiance.png");
	background-position: left top;
	background-repeat: no-repeat;
}
#div_confiance_lien1 {
	height: 35px;
	padding-top: 30px;
	text-align: center;
	/*border: 1px solid red;*/
}
#div_confiance_lien1 a {
	color: #FFFFFF;
	text-decoration: underline;
}
#div_confiance_lien2 {
	padding: 0 30px;
	margin-top: 10px;
	/*border: 1px solid red;*/
}
#div_confiance_lien2 a {
	font-size: 8pt;
	color: #65AAB3;
	text-decoration: underline;
}

/*******/
/* FAQ */
/*******/
div.div_faq {
	display: none;
	margin-left: 10px;
    font-style: italic;
}
a.a_faq	{
	text-decoration: none;
	color: #FF0000;
}
a.a_faq:hover	{
	text-decoration: underline;
	color: red;
}

/***************/
/* INSCRIPTION */
/***************/
span.span_inscription1 {
	display:block;
}
span.span_inscription2 {
	display:none;
}
img.img_verification	{
	margin:0; border:1px solid #CCCCCC;
}

/***************/
/* LOGO PAYBOX */
/***************/
img.img_paybox 	{ margin:0 0 0 15px; border:0; float:right; }

/**************/
/* ACTUALITES */
/**************/
img.img_actu	{ float:left; }

/*********/
/* LOGIN */
/*********/
#div_login_container {
	position: relative;
	width: 0px;
	height: 0px;
	z-index: 100;
}

#div_login {
	position: absolute;
	width: 255px;
	height: 155px;
	top: -40px;
	left: 560px;
	padding-top: 15px;
	padding-left: 15px;
	background-image: url("images/login.png");
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	/*border: 1px solid red;*/
}
#div_login a	{
	color: #FFFFFF;
}
#div_login small	{
	text-align: right;
}
div.div_login_fixe	{
	height: 20px;
	overflow: hidden;
}

/********************/
/* BARRE DE BOUTONS */
/********************/
#div_barre_btn	{
	width: 100px;
	float: left;
}
#div_barre_btn a {
	display: block;
	width: 100px;
	height: 30px;
	padding-top: 80px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
}
a.btn_pourquoi			{ background-image: url("/images/btn_pourquoi_off.jpg"); }
a.btn_comment			{ background-image: url("/images/btn_comment_off.jpg"); }
a.btn_qui				{ background-image: url("/images/btn_qui_off.jpg"); }
a.btn_confiance			{ background-image: url("/images/btn_confiance_off.jpg"); }

a.btn_pourquoi:hover,	a.btn_pourquoi_on	{ background-image: url("/images/btn_pourquoi_on.jpg"); }
a.btn_comment:hover,	a.btn_comment_on	{ background-image: url("/images/btn_comment_on.jpg"); }
a.btn_qui:hover,		a.btn_qui_on		{ background-image: url("/images/btn_qui_on.jpg"); }
a.btn_confiance:hover,	a.btn_confiance_on	{ background-image: url("/images/btn_confiance_on.jpg"); }

#div_sans_barre_btn	{
	display: block;
	padding: 20px;
	border: 1px solid #65AAB3;
	border-top: 3px solid #65AAB3;
	text-align: justify;
}
#div_avec_barre_btn	{
	display: block;
	margin-left: 120px;
	padding: 20px;
	border: 1px solid #65AAB3;
	border-top: 3px solid #65AAB3;
	text-align: justify;
}
#div_onglets	{
	display: block;
	margin-left: 120px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: right;
}
#div_onglets a	{
	padding: 5px 10px 5px 25px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px center;
}
#div_onglets a.a_onglet_on	{
	color: #FFFFFF;
	background-color: #65AAB3;
	background-image: url("/images/onglet_tri_on.png");
}
#div_onglets a.a_onglet_off	{
	color: #3F3F3F;
	background-color: #FFFFFF;
	background-image: url("/images/onglet_tri_off.png");
}
div.div_onglet_on	{
	display: block;
}
div.div_onglet_off	{
	display: none;
}
	
/***********/
/* MESSAGE */
/***********/
#courriel_retour	{
	width: 580px;
}
#texte_message	{
	width: 580px;
	height: 200px;
}

/*****************************/
/* TABLEAUX LIGNES ALTERNEES */
/*****************************/
.altern	{
	background-color: #4794A7;
	color: #FFFFFF;
}
.alternA0	{
	background-color: #FFFFFF;
}
.alternA1	{
	background-color: #D6E4E7;
}
.alternB0	{
	background-color: #D6E4E7;
}
.alternB1	{
	background-color: #FFFFFF;
}

/***********/
/* BOUTONS */
/***********/
input.bouton	{
	padding: 2px 20px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	background-color: #65AAB3;
	color: #FFFFFF;
}
input.num	{
	text-align: right;
}
input.numtrans	{
	text-align: right;
	color: #000000;
	border: 1px solid #FFFFFF;
}
input.radio	{
	padding: 0px;
	margin: 0px; 
	border: 0px;
}
input.checkbox	{
	padding: 0px;
	margin: 0px; 
	border: 0px;
}
button.bouton	{
	padding: 2px;
	margin-right: 5px; 
	border: 1px solid #BBBBBB;
	background-color: #BBBBBB;
	font-size: 8pt;
	color: #FFFFFF;
}
input.img_fleche	{
	padding: 0px;
	margin: 0px; 
	border: 0px;
	background-color: transparent;
	vertical-align: middle;
}


/***********/
/* GRATUIT */
/***********/
div.div_gratuit {
	text-align: left;
	color: #FF0000;
	font-weight: bold;
}


div.div_obligatoire	{
	font-size: 8pt;
	font-style: italic;
	text-align: right;
}

/**********/
/* PANIER */
/**********/
#div_panier_container {
	position: relative;
	width: 0px;
	height: 0px;
	z-index: 100;
}
#div_panier_vide {
	position: absolute;
	width: 240px;
	height: 190px;
	top: -40px;
	left: 560px;
	float: right;
	padding: 15px;
	background-image: url("images/panier_vide.png");
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	/*border: 1px solid red;*/
}
#div_panier_garni {
	position: absolute;
	width: 240px;
	height: 190px;
	top: -40px;
	left: 560px;
	float: right;
	padding: 15px;
	background-image: url("images/panier_garni.png");
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	/*border: 1px solid red;*/
}
#div_scroll {
	height: 75px;
	overflow: auto;
	margin-top: 2px;
}
#div_scroll a	{
	color: #FFFFFF;
}
#div_scroll a:hover	{
	color:#535353;
}
.div_panier_A {
	float: left;
	clear: left;
	margin-right: 5px;
	margin-top: 2px;
}
.div_panier_B {
	float: left;
	overflow: hidden;
	width: 190px;
	height: 15px;
	white-space: nowrap;
}
.div_panier_C {
	 float: left;
	 margin-left: 5px;
	 margin-top: 2px;
}