li, img, div {
	margin: 0;
	padding: 0;
	border-width:0;
}
ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
body {
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;;
	background-color:#000000; 
	color:#FFFFFF;
	padding:10px 0 15px 0;
	margin:0;
}
table {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;;
}
a:link, a:visited, a:active {
	color:#333333;
}
a:hover {
	color:#333333;
	background-color: #f3f0ba;
}
.nounderline a {
	text-decoration:none;
}
p.presentation {
	font-size:13px;
	line-height:18px;
}
.alidroite{
	text-align:right;
}

.aligauche{
	text-align:left;
}

.alicentre{
	text-align: center;
}

/*---------------------------- conteneur de la page ----------------------------*/
#page {
	width:960px;
	margin:0 auto 0 auto;
	text-align: left;
	color:#000000;
}
/*---------------------------- Zone de droite ----------------------------*/
#menu {
	width: 160px;
	float: right;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#menu h1 {
	margin: 0;
	padding: 5px 2px 2px 0;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	color:#668;
}
#menu h1 a {
	display:inline;
	font-size:12px;
	color:#444;
}
#menu h2 {
	color: #333333;
	font-size: 10px;
	margin: 5px 0 0 0;
	padding:0;
	font-size:10px;
	text-align:left;
}
#menu h2.plus {
	padding:2px 0 2px 0;
	margin: 0;
	height:14px;
	border-bottom:1px solid #ffffff;
	background: url(/i/h2plus.gif) left center no-repeat;
}
#menu h2.sans {
	padding-left:10px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#menu a {
	display: block;
	color:#333333;
	text-decoration: none;
	font-size:10px;
}
#menu li a {
	width:145px;
	padding: 1px 5px 1px 10px;
	background: url(/i/fle1.gif) left center no-repeat;
}
#menu h2 a {
	padding-left:10px;
}
#menu h2.plus a {
	padding: 1px 0 1px 10px;
}
#menu a:hover {
	text-decoration:underline;
	background-color:#f3f0ba;
}
#menu h2.plus a:hover {
	text-decoration:none;
	background:#6ea4e7;
}
#menu .vide {
	color: #333333;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 10px;
}
#menu div.smenu {
	border:1px solid #6ea4e7;
	visibility:hidden;
	position:absolute;
	background-color:#ffffff;
	margin-top:-19px;
	margin-left:-160px;
	z-index:10;
}

#menu #bloc_dossier{
	margin-bottom:25px;
}
/*---------------------------- Corps, entete et bas de pages ----------------------------*/
#entete {
	font:bold 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	background: transparent url(/i/entete2011.jpg) center center;
	color: #F9F7CA; /*f3f0ba;*/
	height:60px;
}
#entete a.home, #entete a.home:hover{
	float:left;
	display:block;
	line-height:60px;
	width:400px;
	text-decoration:none;
	color: #ddd;
	background:transparent;
	padding-left:1em;
}
#entete_img_droite {
	text-align:center;
	vertical-align:middle;
	/*background: transparent url(/i/calcul.jpg) right top no-repeat;*/
	height:80px;
	/*padding-right:100px;*/
	position:relative;
}
#box_login {
	background:#6EA4E7;
	opacity:0.95;
	float:right;
	text-align:center;
	height:60px;
}
#box_login table, #box_login table label {
	font-size:11px;
}
#box_login td {
	margin:0;
	padding:0;
}
#box_login a {
	font-size:11px;
	line-height:12px;
/*	color:#333; */
	font-variant:normal;
}
#box_login a:hover {
/*	background:none;
	color:#00F; */
}

#box_logged {
	background:#6EA4E7;
	opacity:0.95;
	float:right;
	width:350px;
	height:60px;
	overflow:hidden;
}
#box_logged p {
	text-align:center;
	padding:5px;
	margin:0;
}
#box_logged p.nom {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#box_logged p.gestion, #box_logged p.nom a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
#box_logged a {
	font-weight:normal;
	color:#333;
}
#goothe {
	position:absolute;
	bottom:5px;
	left:300px;
}
#corps {
	border: 1px solid #6ea4e7;
	border-top-width:0;
	background-color: #ffffff;
	background: #ffffff url(/i/menud2011.gif) top right repeat-y; 
}
#baspage {
	padding:6px;
	text-align:center;
	color:#CCCCCC;
}
#baspage a {
	color:#FFFFFF;
	text-decoration:none;
}
#baspage a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	background-color:transparent;
}
#xiti-logo {
	margin-top:2px;
	float:right;
}
#xiti-logo p {
	margin:0;
	padding:0;
}
#xiti-logo a:hover {
	text-decoration:none;
	background-color:transparent;
}
/*---------------------------- Zone de droite ----------------------------*/
div.pal {
	padding:10px 210px 10px 10px;
}
div.pal h1 {
	background: url(/i/h1.gif) left center no-repeat;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #6ea4e7;
	font-size: 22px;
	line-height: 30px;
	height: 30px;
	padding-left: 28px;
	margin: 0;
}
div.pal h2 {
	background: url(/i/h2.gif) left center no-repeat;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #6ea4e7;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	padding-left: 28px;
	margin: 5px 0 0 0;
}
div.pal h3 {
/*	background: url(/i/h2.gif) left center no-repeat; */
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #6ea4e7;
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	margin:0;
	padding:0;
}
div.pal p {
	color: #333333;
	text-align: left;
}
div.pal h3+p {
	margin-top:0;
	padding-top:0;
}
.pagination {
	text-align: center;
	padding: 10px;
	/*background-color: #f3f0ba;
*/
}
.pagination .off {
	color: #CCCCCC;
	text-decoration: underline;
}
.pagination b {
	background-color: #6ea4e7;
	padding: 4px;
	color: #FFFFFF;
}
.diverreur {
	color: #ffffff;
	background-color: #f8ad00;
	font-size: 12px;
	padding: 5px;
	margin:10px;
}
/*---------------------------- Vignettes ----------------------------*/
.vignette {
/*	width:550px; */
	background-color:#f9f7ca;
	margin:10px;
	padding:5px;
	min-height:80px;
	border:1px solid #e0e0e0;
}
.vignette img {
	float:left;
}
.vignette p {
	margin:5px 5px 5px 110px;
}
.vignette a:hover {
	background-color: #ffffff;
}

.vignette .boxabo {
	text-align:center;
	padding:2px;
	float:right;
	width:250px;
	vertical-align:middle;
	border: 1px solid #ADADAD;
	min-height:60px;
	margin:10px;
	line-height:16px;
}

/*---------------------------- Div Divers ----------------------------*/
.div_jaune {
	background-color:#f3f0ba;
	margin:10px;
	padding:5px;
}
.div_jaune p {
	margin:5px;
}
/*---------------------------- Liens (ou autres) sans couleur ----------------------------*/
.nocolor, .div_jaune a {
	text-decoration:none;
}
.nocolor:hover, .div_jaune a:hover {
	background-color:transparent;
	text-decoration:underline;
}
.minilien {
	font-size:9px;
	color:#999999;
	text-decoration:none;
}
.minilien:hover {
	color:#6ea4e7;
	background-color:transparent;
}
/*---------------------------- Abonnements ----------------------------

  a priori devenu inutile

.boxabo ul{
	margin-left:20px;
}
*/

a.btnachat {
	display: inline-block;
	padding: 5px 15px;
	background: #6ae570;
	border-radius: 3px;
	text-decoration: none;
	margin: 5px;
	color: #FFFFFF;
	box-shadow: 0 -12px 5px 0 #70C974 inset;
	font-size: 13px;
}

a.btnachat:hover{
	background: #6ae570;
	box-shadow: none;
}

table.facture{
	margin: 0 auto 15px;
	width: 300px;
	border: 1px solid #4a4a4a;
	border-collapse: collapse;
	margin: 15px auto 0;
}
table.facture td{
	padding: 4px 10px;
	vertical-align: top;
	white-space: nowrap;
}

table.facture tr td.titre{
	border-bottom: 1px solid #4a4a4a;
	text-align: center;
	font-weight: bold;
}

/* ancien table1.css */
table.tab1 td {
	background-color: #6ea4e7;
	color:#f3f0ba;
}
/*---------------------------- Colonne Gauche ----------------------------*/
table.tab1 td.tdg {
	width:20px;
	background:#ffffff url(/i/tab1mg.gif) right repeat-y;
}
table.tab1 tr.trh td.tdg {
	background:#ffffff url(/i/tab1hg.gif) top right no-repeat;
}
table.tab1 tr.trb td.tdg {
	background:#ffffff url(/i/tab1bg.gif) bottom right no-repeat;
}
/*---------------------------- Colonne Droite ----------------------------*/
table.tab1 td.tdd  {
	width:20px;
	background:#ffffff url(/i/tab1md.gif) left repeat-y;
}
table.tab1 tr.trh td.tdd {
	background:#ffffff url(/i/tab1hd.gif) top left no-repeat;
}
table.tab1 tr.trb td.tdd {
	background:#ffffff url(/i/tab1bd.gif) bottom left no-repeat;
}
/*---------------------------- Ligne Haut ----------------------------*/
table.tab1 tr.trh td {
	height:30px;
}
table.tab1 tr.trh td.tdm {
	background:#ffffff url(/i/tab1hm.gif) top repeat-x;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:bolder;
	vertical-align: middle;
}
table.tab1 tr.trh td.tdm span.titre {
	background:url(/i/tab1h1.gif) center left no-repeat;
	padding-left:15px;
}
/*---------------------------- Ligne Bas ----------------------------*/
table.tab1 tr.trb td {
	height:15px;
}
table.tab1 tr.trb td.tdm {
	background:#ffffff url(/i/tab1bm.gif) bottom repeat-x;
}
/*---------------------------- Cellules diverses ----------------------------*/
table.tab1 tr.tr1 td.tdmbd, table.tab1 tr.tr1 td.tdmbc {
	color:#333333;
}
table.tab1 td.tdcel {
	background-color:#f3f0ba;
	border:2px solid #6ea4e7;
	padding: 2px;
}
table.tab1 td.tdmbc {
	padding:2px 6px 2px 6px;
	text-align:center;
}
table.tab1 td.tdmbd, table.tab1 td.tdmd {
	padding:2px 4px 2px 8px;
	text-align:right;
}
table.tab1 tr.tr1 td.tdmbc, table.tab1 tr.tr1 td.tdmbd {
	background-color:#f3f0ba;
	border:1px solid #6ea4e7;
}
table.tab1 tr.trt td.tdmbc, table.tab1 tr.trt td.tdmbd {
	background-color:#f3f0ba;
	border:1px solid #6ea4e7;
	font-weight:bold;
}
table.tab1 tr.tr1 td.tdm, table.tab1 tr.tr2 td.tdm {
	padding: 2px;
	color:#f3f0ba;
}
table.tab1 tr.tre td.tdmbc, table.tab1 tr.tre td.tdmbd {
	background-color:#6ea4e7;
	color:#f3f0ba;
}
table.tab1 td.spandemo {
/*	color:#333333;
	background-color:#f8ad00; */
	background-color:#f8ad00;color:#FFFFFF;
	padding:5px;
	text-align:center;
}
table.tab1 a {
	color:#000000;
}

/* ancien table2.css */
table.tab2 {
	background-color:#f3f0ba;
}
/*---------------------------- Colonne Gauche ----------------------------*/
table.tab2 td.tdg {
	width:20px;
	background:#ffffff url(/i/tab2mg.gif) right repeat-y;
}
table.tab2 tr.trh td.tdg {
	background:#ffffff url(/i/tab2hg.gif) top right no-repeat;
}
table.tab2 tr.trb td.tdg {
	background:#ffffff url(/i/tab2bg.gif) bottom right no-repeat;
}
/*---------------------------- Colonne Droite ----------------------------*/
table.tab2 td.tdd  {
	width:20px;
	background:#ffffff url(/i/tab2md.gif) left repeat-y;
}
table.tab2 tr.trh td.tdd {
	background:#ffffff url(/i/tab2hd.gif) top left no-repeat;
}
table.tab2 tr.trb td.tdd {
	background:#ffffff url(/i/tab2bd.gif) bottom left no-repeat;
}
/*---------------------------- Ligne Haut ----------------------------*/
table.tab2 tr.trh td {
	height:35px;
}
table.tab2 tr.trh td.tdm {
	background:#ffffff url(/i/tab2hm.gif) top repeat-x;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:bolder;
	vertical-align: middle;
}
/*---------------------------- Ligne Bas ----------------------------*/
table.tab2 tr.trb td {
	height:15px;
}
table.tab2 tr.trb td.tdm {
	background:#ffffff url(/i/tab2bm.gif) bottom repeat-x;
}
/*---------------------------- Cellules diverses ----------------------------*/
table.tab2 td.tdcel {
	background-color:#ffffff;
	border:2px solid #f3f0ba;
	padding: 2px;
}
table.tab2 td.tdmbg {
	padding:2px 6px 2px 6px;
	text-align:left;
}
table.tab2 td.tdmbc {
	padding:2px 6px 2px 6px;
	text-align:center;
}
table.tab2 td.tdmbd, table.tab2 td.tdmd {
	padding:2px 4px 2px 8px;
	text-align:right;
}
table.tab2 tr.tr1 td.tdmbc, td.tdmbg, table.tab2 tr.tr1 td.tdmbd {
	background-color:#ffffff;
	border:1px solid #f3f0ba;
}
table.tab2 tr.tr2 td.tdmbc, table.tab2 tr.tr1 td.tdmbd {
	background-color:#ffffff;
	border:1px solid #f3f0ba;
}
table.tab2 tr.trt td.tdmbc, table.tab2 tr.trt td.tdmbd {
	font-weight:bold;
	background-color:#ffffff;
	border:1px solid #f3f0ba;
}
table.tab2 tr.tr1 td.tdm, table.tab2 tr.tr2 td.tdm {
	padding: 2px;
}
table.tab2 tr.tre td.tdmbc, table.tab2 tr.tre td.tdmbd {
	background-color:transparent;
}
table.tab2 a {
	color:#666666;
	text-decoration:none;
}
table.tab2 a:hover {
	color:#000000;
	text-decoration:underline;
	background-color:transparent;
}
table.tab2 hr {
	color:#ffffff;
}

.formulaire{
	align-items: center;
	background: #f3f0ba;
	border-radius: 10px;
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	display: grid;
	grid-gap: 10px 0;
	grid-template-columns: 40% auto;
	margin: 15px auto;
	padding: 10px;
	width: 450px;
}

.formulaire h4{
	background: #6ea4e7;
	border-radius: 10px 10px 0 0;
	color: #fff;
	grid-column: 1 / 3;
	margin: -10px -10px 0;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

.hr-like{
	border-top: 1px solid #aaa;
}

.formulaire .hr-like{
	grid-column: 1 / 3;
}

.formulaire .col-full-width{
	grid-column: 1 / 3;
}

.tright{
	text-align: right;
}


/* ancien champs.css */
form, input, .cchpno, .cchpno td {
	padding:0px;
	margin:0px;
}
.cchpno {
	background:inherit;
	}
div.cchperr {
	background-color:#FF9900;
	color:#FFFFFF;
	padding:2px;
	margin:0;
}
.cchpscent, .cchpstxt, label, .cchpsltb,.cchpsltb optgroup,.cchpsltb option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:1px;
	margin:1px;
}
/* saisie d'un montant */
.cchpsnum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	border:1px solid #999999;
	padding:1px;
	margin:1px;
}
.cchpstxt {
	text-align: left;
	padding-left:2px;
	border:1px solid #999999;
	margin:1px;
}
.cchpscent {
	text-align: center;
	border:1px solid #999999;
	margin:1px;
}
.cchpsrad, label {
	margin:1px;
	cursor:pointer;
}
.cchpsltb {
	border:1px solid #999999;
}
optgroup{font-style:normal;}

.SIMPLE{
	color:#999;
}