/*----------------------General------------------------*/
/*---------------<-- Design by T3cK -->----------------*/
/*------------------!! t3ck.net !!---------------------*/

/*---- Reset css -------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: 12px;}

html, body {
    height: 100%;
}

/*---- Mise en page -------*/

html {
	background: url(fond_site.jpg) repeat-x;
}
body {
	text-align: center;
	font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 100%;
	color: black;
	position: relative;
}
	#conteneur {
		position: relative;
		width:810px;
		margin: 0 auto;
		text-align:left;
	}
	#decor_g{
		position: absolute;
		z-index: 4;
		top: 289px;
		left: -90px;
		width: 90px;
		height: 612px;
		background: url(decor_g.jpg) no-repeat;
	}
	#decor_d{
		position: absolute;
		z-index: 5;
		top: 269px;
		right: -100px;
		width: 100px;
		height: 597px;
		background: url(decor_d.jpg) no-repeat;
	}
	.floatd {
		float:right;
	}
	.floatg {
		float:left;
	}

/*---- Bandeau -------*/
#header {
	width: 810px;
	height: 174px;
	float: left;
	background: url(bandeau.jpg) no-repeat;
}
	#slogan {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 1.4em;
		color: white;
	}
	#bandeau_pub a{
		position: absolute;
		z-index: 3;
		top: 109px;
		left: 340px;
		width: 468px;
		height: 60px;
	}

/*---- Menu -------*/
#menu {
	float: left;
	width: 770px; /*810-40*/
	height: 33px; /*43-10*/
	padding: 13px 0 0 40px;
}
	#menu ul {
		list-style-type: disc;
	}
		#menu li {
			display: block;
			float: left;
			padding: 0 16px 0 21px;
			background: url(menu_puce.jpg) no-repeat;
			font-size: 14px;
		}
		#menu li.first {
			background: none;
		}
		#menu li.lien_actif a {
			color: #c40020;
		}
			#menu a {
				color: #48474a;
				text-decoration: none;
			}
				#menu a:hover {
					color: #c40020;
					text-decoration: none;
				}


#but_retour_ra a {
	position: absolute;
	z-index: 6;
	top: 174px;
	left: 611px;
	width: 136px; /*171-35*/
	height: 30px; /*38-8*/
	padding: 8px 0 0 35px;
	background: url(but_retour_ra.jpg) top left no-repeat;
	
	font-size: 12px;
	color: #c90e21;
	text-decoration: none;
}

/*---- Contener -------*/
#contener {
	float: left;
	width: 810px;
	background: url(contener_fond.jpg) repeat-y;
}

#contener_haut {
	float: left;
	background: url(contener_haut_fond.jpg) repeat-x;
}

#contener_haut_g {
	float: left;
	background: url(contener_haut_g.jpg) top left no-repeat;
}

#contener_haut_d {
	float: left;
	width: 810px;
	min-height: 600px;
	padding-top: 21px;
	background: url(contener_haut_d.jpg) top right no-repeat;
}

/*---- Colonne -------*/
.colonne {
	width: 252px;
	float: left;
	margin-left: 15px;
}
.encart {
	width: 252px;
	float: left;
}
.encart_illust {
	width: 252px;
	float: left;
}
	.encart_illust #avantage {
		width: 127px;
		height: 82px;
		float: left;
		margin-left: 17px;
		background: url(encart_illust_avantage.jpg) no-repeat;
	}
	.encart_illust #membre {
		width: 139px;
		height: 65px;
		float: left;
		background: url(encart_illust_membre.jpg) no-repeat;
	}
	.encart_illust #fidelite {
		width: 100px;
		height: 68px;
		float: left;
		margin: 14px 0 0 54px;
		background: url(encart_illust_fidelite.jpg) no-repeat;
	}
	.encart_illust #compte {
		width: 96px;
		height: 77px;
		float: left;
		margin: 5px 0 0 19px;
		background: url(encart_illust_compte.jpg) no-repeat;
	}
	#formcompte {
		text-align: right;
	}
.encart_titre {
	width: 252px;
	height: 28px; /*36-8*/
	float: left;
	color:#FFFFFF;
	text-align: center;
	font-size: 16px;
	padding-top: 8px;
	background: url(encart_titre_fond.jpg) top right no-repeat;
}

.encart_contenu {
	width: 228px; /*252-12-12*/
	min-height: 141px; /*165-12-12*/
	float: left;
	margin-top: 2px;
	padding: 12px;
	font-size: 12px;
	background: url(encart.jpg) repeat-x;
}

.encart_contenu	h1 {
	display: block;
	float: left;	
	margin-top: 10px;
	padding: 1px 0 5px 20px;
	font-size: 12px;
	color:#000000;
	background: url(li_puce.gif) top left no-repeat;
}

.encart_contenu p {
	margin: 0px 0px 2px 0px;
}

.encart_contenu a {
	color: #000;
	text-decoration: none;
}

.encart_contenu a:hover {
	text-decoration: underline;
}

/*---- Avantages -------*/
.avantages_contenu {
	width: 98%;
	float: left;
	margin: 5px 0px;
	padding: 5px;
	background: url(encart.jpg) repeat-x;
	border: 1px #d8dadc solid;
}

#but_avantages {
	width: 150px; /*211-94   117*/
	min-height: 43px; /*63-18*/
	float: right;
	padding: 0 0 17px 125px;
	background: url(fond_but_avantages.jpg) bottom no-repeat;
}

#but_avantages a {
	color: #e56109;
	font-size: 12px;
	text-decoration: none;
}

h4 {
	display: block;
	font-size: 12px;
	margin: -15px 0 10px 30px;
	color: #ca0124;
}

/*------- tableau_diaporama -------*/
#tableau_diaporama {
	width: 170px;
	/*float: right;*/
	/*padding: .7em 30px .7em 30px;*/
	padding: 5px;
	margin: 5px .7em 5px .5em;
	text-align: center;
	border: 1px #fd7a19 solid;
	background-color: #fff4e2;
}

#tableau_diaporama .photo {
	width: 82px;
	height: 80px;
}

#tableau_diaporama .sepa {
	height: 5px;
	font-size: 8px;
}

/*---- Vos points -------*/
.encart_vos_pts {
	width: 252px;
	float: right;
}
#texte .encart_vos_pts .encart_contenu strong {
	color: #000000;
}
.encart_vos_pts span.pts {
	display: block;
	text-align: center;
	font-size: 20px;
	color:#FF6600;
}
	.encart_illust #encart_illust_points {
		width: 228px; /*252-24*/
		height: 22px; /*110-88*/
		float: left;
		padding: 88px 0 0 24px;
		color: #FFFFFF;
		background: url(encart_illust_points.jpg) no-repeat;
	}

/*---- Infos_clients -------*/
#infos_clients {
	width: 500px; /*810-15*/
	float: left;
	padding: 26px 0 0 15px;
}

/*---- ligne_mouvement -------*/
.ligne_mouvement {
	width: 780px; /*810-15*/
	float: left;
}

.ligne_mouvement .titre {
	float: left;
	background: url(encart_titre_filet.jpg) repeat-x;
}

.ligne_mouvement .titre_g {
	float: left;
	background: url(encart_titre_g.jpg) left no-repeat;
}

.ligne_mouvement .titre_d {
	float: left;
	min-width: 230px; /*252-22*/
	height: 28px; /*36-8*/
	padding: 8px 22px 0 22px;
	color: #FFFFFF;
	background: url(encart_titre_d.jpg) right no-repeat;
}

.ligne_mouvement .contenu {
	width: 756px; /*780-12-12*/
	min-height: 141px; /*165-12-12*/
	float: left;
	margin-top: 2px;
	padding: 12px;
	font-size: 12px;
	background: url(encart.jpg) repeat-x;
}

.table_ligne_mouvement {
	width: 750px;
	margin: 10px 0 0 5px;
	border-collapse: collapse;
	border-spacing: 0px;
	
	border-style: solid;
	border-color:#99CC00;
	border-width: 1px;
	margin-bottom: 10px;
}


.table_ligne_mouvement table, table.table_ligne_mouvement, .table_ligne_mouvement th, .table_ligne_mouvement td {
	border-color: #000000;
}

	.table_ligne_mouvement th, .table_ligne_mouvement td.solde {
		border-style: solid;
		font-weight: bold;
		padding: 0px;
		border-width: 1px;
		text-align: center;
		color: #FFFFFF;
		background: #404040 url(table_ligne_mouvement_fond.jpg) repeat-x;
	}
	.table_ligne_mouvement td {
		border-style: solid;
		border-width: 1px;
		padding: 5px;
	}
	.table_ligne_mouvement th.lm_num_commande {
		width:100px;
	}
	.table_ligne_mouvement th.lm_date {
		width:90px;
	}
	.table_ligne_mouvement th.lm_montant {
		width:80px;
	}
	.table_ligne_mouvement th.lm_credit {
		width:50px;
	}
	.table_ligne_mouvement th.lm_debit {
		width:50px;
	}

	.table_ligne_mouvement td.lm_num_commande, .table_ligne_mouvement td.lm_date, .table_ligne_mouvement td.lm_montant, .table_ligne_mouvement td.lm_credit, .table_ligne_mouvement td.lm_debit {
		
	}
	.table_ligne_mouvement td.lm_credit {
		text-align: right;
		font-weight: bold;
		color: #e37508;
	}
	.table_ligne_mouvement td.lm_debit {
		text-align: right;
		font-weight: bold;
		color: #4a740b;
	}
	.table_ligne_mouvement th.lm_valeur_pts {
		width:150px;
	}
	.table_ligne_mouvement th.lm_quantite {
		width: 120px;
	}
	.table_ligne_mouvement td.lm_quantite {
		text-align: right;
	}
	.table_ligne_mouvement td.lm_valeur_pts {
		text-align: right;
	}
	.selection {
		margin-top: 20px;
	
	}

/*---- Texte -------*/
#texte {
	width: 780px; /*810-15*/
	float: left;
	padding: 0 0 0 15px;
}
	h1 {
		font-size: 14px;
		padding: 5px 0 10px 30px;
		color: #ca0124;
		background: url(h1_contenu.gif) no-repeat;
	}
	#texte h2 {
		color: #004653;
		font-size: 1em;
		margin: 20px 30px;
	}
	#texte h3 {
		margin-right: 30px;
		margin-left: 30px;
		margin-bottom: 10px;
		margin-top: 10px;
		padding-left: .5em;
		padding-right: .2em;
		font-size: .9em;
		background:  #ca0124;
		color: white;
	}
	#texte p {
		padding: .7em 30px .7em 30px;
	}
	#texte a, #texte strong, #texte b {
		color: #ca0124;
	}
		#texte a:visited {
			color: #c35200;
		}
		#texte a:hover {
			text-decoration: none;
		}
	
	#contener ul {
		margin: 15px 0 15px 0;
		list-style: none;
	}
	
	#texte ul {
		margin: 15px 0 15px 80px;
		list-style: none;
	} 
	
	#contener ul li {
		display: block;
		padding: 1px 0 5px 20px;
		background: url(li_puce.gif) top left no-repeat;
	}
	
	#contener #texte ul li {
		display: block;
		font-size: 12px;
		padding: 1px 0 5px 20px;
		background: url(li_puce.gif) top left no-repeat;
	}
	
	#contener ul.m_e_valeur {
		font-size: 14px;
	}


/*---- Formatage -------*/
.center {
	text-align: center;
}
img.bordure {
	border: 4px solid #ECBF92;
}
.floatleft{
	float: left;
	margin: 5px 10px 3px 20px;
}
.floatright{
	float: right;
	margin: 5px 20px 3px 10px;
}

.img_border {
	border: 1px #ca0124 solid;	
}

.img_gauche {
	float: left;
	margin: 5px 5px 5px 0px;
	border: 1px #ca0124 solid;
}

.img_droite {
	float: right;
	margin: 5px 0px 5px 5px;
	border: 1px #ca0124 solid;
}

.clear {
	clear: both;
}


/*---- Pied de page -------*/
#footer {
	float: right;
	width: 800px; /*810-10*/
	color: #3c3b3b;
	padding: 11px 10px 10px 0;
	text-align: right;
	font-size: 11px;
}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #3c3b3b;
		text-decoration: none;
	}
		#footer a:hover{
			text-decoration: underline;
		}
#footer_fond {
	float: left;
	background: url(footer_fond.jpg) repeat-x;
}
#footer_g {
	float: left;
	background: url(footer_g.jpg) top left no-repeat;
}
#footer_d {
	width: 810px;
	height: 49px;
	float: left;
	background: url(footer_d.jpg) top right no-repeat;
}

/*---- pagination-------*/
.pagination {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 15px 0px;
}
	#texte .pagination a, #texte .pagination strong{
		background: white;
		padding: 1px 4px;
		text-decoration: none;
		color: #dca0124;
	}
	#texte .pagination a:hover{
		background: #f9dcc0;
		color: white;
	}
	.pagination strong{
		background: #e5f1ff ;
	}

/*---- Messages divers -------*/
.attention, .confirmation {
	background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
	padding: 0px 5px 5px 50px;
	margin: 1em 1em;
	border: 1px #ff9100 solid;
}
.confirmation {
	background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
	border: 1px #009F00 solid;
}

/*---- bloc -------*/