html, body {
	margin: 0;
	padding: 0;
    	height: 100%;
}

body {
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color:#000000;
	text-align: center;
}

div{
}

img {
	border:0;
}

.clear {clear:both;line-height:0;height:0;font-size:1px;}
a:active {outline:none;}
:-moz-any-link:focus {outline:none;}

#flash {
	position:absolute;
	left:0px;
	top:0px;
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	z-index:1;
}

#logout {
	position:relative;
	text-align: left;
	margin: 0px auto;
	top:250px;
	left:150px;
	width:400px;
	z-index:5;
}

#panier {
	position:relative;
	text-align: left;
	margin: 0px auto;
	top:320px;
	left:-210px;
	width:400px;
	z-index:5;
}

#panier_bon {
	position:relative;
	text-align: left;
	margin: 0px auto;
	top:500px;
	left:-210px;
	width:400px;
	z-index:5;
}

#table {
	position:relative;
	text-align: left;
	margin: 0px auto;
	top:320px;
	left:-50px;
	width: 850px;
	z-index:5;
}

#table_bons {
	position:relative;
	text-align: left;
	margin: 0 auto;
	padding-bottom:30px;
	/*top:280px;*/
	top:500px;
	left:0px;
	width: 850px;
	z-index:5;
}

#table_prive {
	position:relative;
	text-align: left;
	margin: 0px auto;
	top:270px;
	left:-50px;
	width: 850px;
	z-index:5;
}

#table_top {
	position:relative;
	margin: 0px;
	top:0px;
	left:0px;
	width: 850px;
	height:46px;
	background-image:url(../images/table_top.gif);
	background-repeat: no-repeat;
}
#table_menu1 {
	position:relative;
	margin: 0px;
	top:0px;
	left:0px;
	width: 850px;
	height:24px;
	background-image:url(../images/table_menu1.gif);
	background-repeat: no-repeat;
}
#table_menu2 {
	position:relative;
	margin: 0px;
	top:0px;
	left:0px;
	width: 850px;
	height:34px;
	background-image:url(../images/table_menu2.gif);
	background-repeat: no-repeat;
}

#content_table_menu1 {
	position:relative;
	margin: 0px;
	top:4px;
	left:20px;
	width: 812px;
	height:18px;
}

#content_table_menu2 {
	position:relative;
	margin: 0px;
	top:4px;
	left:20px;
	width: 812px;
	height:28px;
}

.titre_menu1 {
	float:left;
	text-align:center;
	margin: 0px;
	width: 200px;
	height:18px;
}

.titre_menu2 {
	float:left;
	text-align:center;
	margin: 0px;
	width: 200px;
	height:28px;
}

.titre_menu2_short {
	float:left;
	text-align:center;
	margin: 0px;
	width: 200px;
	height:28px;
	line-height:28px;
}

#table_fond {
	position:relative;
	margin: 0px;
	top:0px;
	left:0px;
	width: 850px;
}

#content_table_fond {
	position:relative;
	margin: 0px;
	top:0px;
	left:20px;
	width: 812px;
}

#content_panier {
	position:relative;
	margin: 0px;
	top:0px;
	left:20px;
	width: 800px;
	padding-bottom:50px;
}

.calendrier {
	float:left;
	text-align:center;
	margin: 0px;
	width: 140px;
	height:100px;
}

.cours {
	float:left;
	margin: 0px;
	top:10px;
	left:170px;
	width: 650px;
	margin-bottom:20px;
}

.content_calendrier{
	text-align:center;
	height:75px;
	background-image:url(../images/fond_date.jpg);
	background-repeat:no-repeat; 
	background-position:center; 
}

.dateJour {
	text-align:center;
	height:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top:12px;
}
.date {
	text-align:center;
	height:28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFFFFF;
	margin: 0px;
}
.dateMois {
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:lighter;
	color: #415313;
}


.heure {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B8D033;
}

.titre_cours {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #B8D033;
	font-weight: bold;
}

.titre_cours_prive {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #cc3333;
	font-weight: bold;
}

.texte_cours {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #415313;
}

.cours-date {display:block;padding-top:10px;}

.form_inscr {
	width:620px;
}

.separe {
	clear:both;
	position:relative;
	top:0px;
	left:30px;
	width:750px;
	height:10px;
	background-image:url(../images/separation.gif);
}

.separe_prive {
	clear:both;
	position:relative;
	top:0px;
	left:0px;
	width:750px;
	height:10px;
	background-image:url(../images/separation_prive.gif);
}

.separe_panier {
	clear:both;
	position:relative;
	top:0px;
	left:0px;
	width:750px;
	height:10px;
	background-image:url(../images/separation.gif);
}

.entete_panier {
	position:relative;
	top:0px;
	left:0px;
	width:750px;
	height:30px;
	line-height:30px;
}

.entete_cours {
	float:left;
	width:390px;
	height:30px;
	line-height:30px;
	padding-left:5px;
}

.entete_quantite {
	float:left;
	width:80px;
	height:30px;
	line-height:30px;
	padding-left:5px;
}

.entete_pu {
	float:left;
	width:110px;
	height:30px;
	line-height:30px;
	padding-right:10px;
	text-align:right;
}

.entete_st {
	float:left;
	width:110px;
	height:30px;
	line-height:30px;
	padding-right:10px;
	text-align:right;
}

.contenu_panier {
	position:relative;
	top:0px;
	left:0px;
	width:750px;
}

.confirme_panier {
	position:relative;
	top:0px;
	left:0px;
	width:750px;	
}

.confirme_commande {
	position:relative;
	width:200px;
	height:18px;
	margin:4px;
	text-align:center;
	background-color:#B8D033;
}

.retour_cours_ext {
	position:relative;
	top:0px;
	left:0px;
	width:750px;
}

.retour_cours {
	position:relative;
	width:150px;
	height:18px;
	line-height:18px;
	margin:4px;
	text-align:center;
	background-color:#B8D033;
}

.menu_cours {
	position:relative;
	top:0px;
	left:0px;
	width:750px;
}

.item_menu_cours {
	float:left;
	padding:0 20px;
	/*width:100px;*/
	height:18px;
	line-height:18px;
	margin:4px;
	text-align:center;
	background-color:#cc3333;
}

.contenu_cours {
	float:left;
	width:390px;
	padding-left:5px;
}

.contenu_quantite {
	float:left;
	width:80px;
	padding-left:5px;
}

.contenu_pu {
	float:left;
	width:110px;
	padding-right:10px;
	text-align:right;
}

.contenu_st {
	float:left;
	width:110px;
	padding-right:10px;
	text-align:right;
}

.contenu_sup {
	float:left;
	width:20px;
	padding-left:5px;
}


#table_bot {
	position:relative;
	margin: 0px;
	top:0px;
	left:0px;
	width: 850px;
	height:35px;
	background-image:url(../images/table_bot.gif);
	background-repeat: no-repeat;
}

/* STYLES DES LIENS */

/* par défaut */
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
} 
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
} 
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
} 
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FF00;
	text-decoration:underline;
}

/* menu */
a.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
a.menu:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
a.menu:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
a.menu:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B8D033;
	text-decoration:underline;
}

/* menu courant */
a.menu_courant{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FF00;
	text-decoration:none;
}
a.menu_courant:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FF00;
	text-decoration:none;
}
a.menu_courant:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FF00;
	text-decoration:none;
}
a.menu_courant:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FF00;
	text-decoration:underline;
}

/* menu courant */
a.menu_courant_prive{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
	text-decoration:none;
}
a.menu_courant_prive:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
	text-decoration:none;
}
a.menu_courant_prive:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
	text-decoration:none;
}
a.menu_courant_prive:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
	text-decoration:underline;
}

.texte {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #B8D033;
	font-weight: bold;
}
.texte1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #415313;
}
.texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B8D033;
}

.titre_infos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B8D033;
}

.titre_infos_prive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
}

.infos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:500;
	color: #000000;
}

.tools {
	width:400px;
}

.inscrire {
	/*width:130px;
	height:15px;*/
	display:inline;
	padding:0 15px;
	height:18px;
	margin:4px;
	text-align:center;
	background-color:#B8D033;
}

.creer_compte {
	float:left;
	width:120px;
	height:18px;
	text-align:center;
	background-color:#B8D033;
}

a.lien_inscrire {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
	height:18px;
}
a.lien_inscrire:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}
a.lien_inscrire:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}
a.lien_inscrire:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #415313;
}

.formulaire_login{
	/*width:350px;
	height:130px;*/
	top:0px;
	left:0px;
}

.titre_formulaire_login{
	text-align:center;
	width:350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B8D033;
	padding:4px;
}

.titre_formulaire_login_prive{
	/*text-align:center;
	width:350px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cc3333;
	padding:0 0 15px 140px;
}

.login_formulaire_login{
	/*width:280px;*/
	left:20px;
}

.password_formulaire_login{
	/*width:280px;*/
	left:20px;
}

.submit_formulaire_login{
	clear:both;
	/*text-align:center;*/
	padding:20px 0 0 140px;
	/*width:350px;*/
}

.texte_formulaire_login{
	text-align:left;
	width:125px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B8D033;
	float:left;
	padding:4px;
}

.texte_formulaire_login_prive{
	text-align:left;
	width:125px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
	float:left;
	padding:4px;
}

.input_formulaire_login{
	text-align:left;
	width:125px;
	float:left;
	padding:4px;
}

.bloc-moncompte {background:url(../images/bon-cadeau/bg-bloc-compte.gif) no-repeat 0 0;font-weight:bold;margin-bottom:35px;}
#inscription {text-align:center;color:#CC3333;padding:30px 20px;width:264px;height:64px;float:none;margin-top:20px;}
#inscription a {display:block;margin:15px auto;color:#FFF;background:#CC3333;text-align:center;padding:5px;width:210px;}

#system-message dd ul {border-top:3px solid #B8D033;border-bottom:3px solid #B8D033;color:#B8D033;}