.present {
	background: url(graphs/bords.gif) repeat-y;
	width: 736px;
	padding: 0 32px 0px 32px;
	display: block;
}
.annonce {
	padding: 0 0 0 8px;
	margin-bottom: 15px;
}
.titre {
	clear: both;
	font-size: 18px;
	padding-left: 25px;
	display: block;
}
.s_titre {
	width: 600px; height: 18px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 0 25px;
	margin: 0 auto 0 auto;
	display: block;
}
.bleu {
	background: url(graphs/puceB.gif) no-repeat #d9eaff;
}
.jaune {
	background: url(graphs/puceJ.gif) no-repeat #ffffd9;
}
.marron {
	background: url(graphs/puceM.gif) no-repeat #ffecd9;
}
.vert {
	background: url(graphs/puceV.gif) no-repeat #d9ffe4;
}
.orange {
	background: url(graphs/puceO.gif) no-repeat #fff1b9;
}
.texte {
	background: #fff;
	font-size: 14px;
	margin: 0px 0 0 10px;
	padding: 0 0 10px 0;
	display: block;
	text-align: justify;
}
.vert_c {
	color: #00cc66;
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
ul {
	padding-left: 100px;
}
li {
	font-size: 14px;
	font-weight: normal;
	text-indent: 0px;
	padding: 3px;
}
table.large {
	width: 580px;
	border: none;
	border-collapse: collapse;
	margin: 5px auto 5px auto;
}
td {
	padding: 4px;
	height: 30px;
	text-align: left;
	border: 1px solid #ccc;
}
td.rubrique {
	background: #ddd;
	padding-left: 5px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #ccc;
}
td.top {
	background: #eef;
	height: 25px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 5px;
}
td.centre {
	height: 30px;
	text-align: center;
	padding: 0px;
}
.wospace {
	word-spacing: 5em;
}
td.logo {
	padding: 0px;
	background: #fff;
	height: 54px;
	text-align: center;
	border: none;
}
.w400 {width: 350px;}
.separe {
	background: #d9eaff;
	width: 580px; height: 3px;
	clear: both;
	margin: 10px auto 10px auto;
	display: block;
}
table.identification {
	margin: 5px;
	font-weight: bold;
	background: #fff;
	width: 300px;
	border-collapse: collapse;
	border: 2px outset #eee;
	margin: 20px auto 20px auto;
	display; block
}
td.titre_id {
	background: #d9eaff;
	height: 10px;
	color: #000;
	border: 1px inset #eee;
	text-align: center;
}
td.text {
	color: #888;
	text-align: right;
	width: 100px;
}
td.boutons {
	background: #d9eaff;
	height: 30px;
	color: #000;
	border: 1px inset #eee;
	text-align: center;
}
/* formulaire login */
input.ident {
	background: #fff;
	height: 15px;
	color: #000;
	font-weight: bold;
	border: 1px inset #ccc;
	margin: 5px; padding: 3px;
}
input.valide {
	background: #ddd;
	color: #222;
	font-weight: bold;
	border: 2px outset #eef;
	margin: 0; padding: 0px 15px;
	cursor: pointer;
}
/* fin formulaire login */
/* formulaire form_contact */
form#form_contact {
	width: 600px; 
	border: none;
	margin : 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}
form#form_contact input[type=text], form#form_contact textarea {
	padding: 3px;
	background: #fff;
	width: 95%;
	border: 1px inset #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form#form_contact input[type=text]:hover, 
form#form_contact input[type=text]:focus, 
form#form_contact textarea:hover,
form#form_contact textarea:focus
{
	background: #efe;
}
form#form_contact input[type=submit] {
	cursor: pointer;
	background: #ddd; 
	border: 1px outset #fff; 
	padding: 2px 9px 2px 9px; 
	margin: 0 5px 0 5px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
}
form#form_contact input[type=submit]:hover  {
	border: 1px inset #fff;
}
/* fin formulaire form_contact */
table#contact {
	background: #eff;
	width: 500px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	border-collapse: separate;
	border: 2px solid #eef;
	margin: 5px auto 5px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
table#contact td{
	background: none;
	border: none;
	padding: 5px;
}
table#contact td.label{
	width: 150px;
	text-align: right;
}
table#contact td.hide {
	border: none;
	height: 1px;
}
table#contact td.envoyer {
	background: none;
	color: #222;
	font-weight: bold;
	text-align: right;
	border: none;
}
.error {font-weight: bold;color:#d00;}
table#contact td.err_champs {
	font-weight: bold;
	color:#d00;
	text-align: center;
	border: none;
}
table#contact td.ok_champs {
	font-weight: bold;
	color:#0c0;
	text-align: center;
	border: none;
}


table.article {
	background: #efefef;
	width: 720px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	margin: 20px auto 0px auto;
	border: 2px solid #cdc;
	border-collapse: separate;
	padding-bottom:10px;
}
table.article td.refs_article {
	color: #bbb;
	font-size: 12px;
	font-weight: bold;
	border: none;
}
table.article td.titre_article {
	background: #d9eaff;
	height: 18px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px; padding: 3px;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
table.article td.photo_article {
	background: #fff;
	
	text-align: center;
	vertical-align: center;
}
table.article td.envoi_article {
	background: #efefef;
	text-align: center;
	vertical-align: center;
	border:none;
}
table.article td.prix_article {
	background: #ffa;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
table.article td.date_article {
	background: #fff;
	width: 240px;
	font-size: 12px;
	text-align: center;
}
table.article td.description_article {
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px; padding-left: 5px;
	vertical-align: top;
}

table.article td.prix_debut {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #c22;
}
table.article td.prix_tranche {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #2c2;
}
table.article td.unite {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
table.article td.espace {
	background: none;
	border: none;
	height: 6px;
}
.bleu_gras {
	font-weight: bold;
	color: #00f;
}
.vert_gras {
	font-size: 20px;
	font-weight: bold;
	color: #2c2;
}


.affichage_article {
	background: #efefef;
	width: 120px;  height: 160px;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: 4px; padding: 4px;
	border: 1px solid #cdc;
	display: inline-block;
}

.arrondi_bas {
	border-radius:  0 0 10px 10px;
	-moz-border-radius:  0 0 10px 10px;
	-khtml-border-radius:  0 0 10px 10px;
	-webkit-border-radius:  0 0 10px 10px;
}
.arrondi_haut {
	border-radius: 10px 10px  0 0;
	-moz-border-radius: 10px 10px  0 0;
	-khtml-border-radius: 10px 10px  0 0;
	-webkit-border-radius: 10px 10px  0 0;
}
.arrondi4 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.barres_cont {
	background: #efefef;
	position: relative;
	width: 716px;
	border: 2px solid #cdc;
	margin: 0 auto 0 auto;
	padding: 0px;
}
.barres {
	height: 50px;
	border: none;
	margin-top: 10px;
}
.remise_article {
	background: url(graphs/barre_remise.png) no-repeat center center;
}
.prix_article {
	background: url(graphs/barre_prix.png) no-repeat center center;
}
.nb_article {
	background: url(graphs/barre_nb.png) no-repeat center center;
}
.qt_article {
	background: url(graphs/back_palier.png) no-repeat 0px 0px;
	height: 50px;
	padding: 0;
	margin: 0 0 0 8px;
}
.plage {
	width:700px;height: 12px;
}
.plage2 {
	width:700px;height: 23px;
	padding: 0;
}
.info_palier {
	background: url(graphs/bas_palier.png) no-repeat center right;
	width: 35px; height: 20px;
	margin: 0;
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float: left;
}
.plage3 {
	background: #aea;
	width: 233px;
	float: left;
}
.curseur_small {
	position: absolute;
	background: url(graphs/curseur_progress_small.png) no-repeat;
	width: 47px;height: 50px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
}
.curseur_large {
	position: absolute;
	background: url(graphs/curseur_progress_large.png) no-repeat;
	width: 87px; height: 47px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 1px 0 0 0px;
	padding: 3px 0 0 0;
}
.prix_public {
	position: absolute;
	width: 150px;  height: 19px;
	left: 10px; 
	font-weight: bold;
	color: #ddd;
	font-style: italic;
	margin: 0;
	padding-top: 31px;
	text-align: right;
}
.unit_max {
	position: absolute;
	width: 34px;  height: 19px;
	right: 8px;
	font-weight: bold;
	color: #eee;
	font-style: italic;
	margin: 0;
	padding-top: 31px;
	text-align: center;
}
.boutons_offre {
	width: 700px;
	text-align: center;
	margin: 10px auto 0 auto;
}
a.bouton_ok {
	background: #54985F;
	width: 280px;
	display: inline-block;
	padding: 5px;
	margin: 0px;
	text-indent: 0;
	border: 1px outset #000;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
a.bouton_ok:hover {
	border: 1px inset #000;
}
a.bouton_retour {
	background: #93A6E5;
	width: 150px;
	display: inline-block;
	padding: 5px;
	margin: 0px;
	text-indent: 0;
	border: 1px outset #000;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
a.bouton_retour:hover {
	border: 1px inset #000;
}