body            { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #7c7c7c; margin: 0; padding: 0;}
ul, li          { list-style: none; }
img             { display: block; border: 0; }
a               { color: #555555; text-decoration: none; font-weight: normal; }
a:hover         { font-weight: bold;}
#header         { height: 85px;}
#conteneur      { position: relative;width: 900px;margin: 0 auto; }
#centredark     { background: url('img/body_bg.gif') repeat-y; margin-right: 215px;clear: both; }
#centrelight    { background: url('img/body_lightbg.gif') repeat-y; margin-right: 215px; }
#centrelight p  { margin: 0 0 10px 0; padding-left: 30px; padding-right: 10px; }
#faq_description { min-height: 80px; }
#droite         { position: absolute;background: url('img/droite_bg.gif') repeat-y;right:0;width: 215px;font-size: 8pt;color: #AAAAAA; }
#droite p       { margin:0 0 10px 0; padding-left: 15px; padding-right: 12px; }
#footer         { height: 30px; text-align: left; margin-left: 40px; letter-spacing: -1px; }
#footer strong  { margin-left: 40px; font-weight: normal; }
#promos            { list-style-type: none;margin: 0 auto;padding:0;width: 150px; }
#promos li         { margin-bottom: 4px;background: #EEEEEE;border: 1px solid #DDDDDD;padding: 1px 3px; }
#promos a:hover { text-decoration: none; }
div#menu a { color: #000066 }
div#menu a:hover { text-decoration: underline; }
div#menu ul   { list-style-type: none; margin: 0 auto; padding:0; width: 150px; }
div#menu ul li { margin-bottom: 4px; background: #EEEEEE; border: 1px solid #DDDDDD; padding: 1px 3px; }
div#menu ul li a:hover { text-decoration: none }

.right          { float: right; }
.left           { float: left; }
.center         { text-align: center; margin: 0 auto; }
#bp b           { color: #a9d239; }
#normal         { display: block; float: left; }

#login          { border-collapse: collapse; margin: 0 auto; padding: 0; text-align: center; }
#login input    { width: 100px; background: #FFFFFF; border: 1px solid #DFDFDF; margin-bottom: 5px; font-size: 8pt; }

#menutop         { margin: 0; padding: 0;height: 35px;background: url('img/nav_bg.gif') repeat-x;   }
#menutop li      { margin: 0; padding: 0;float: left;text-align: center;   }
#menutop li a    { display: block;height: 35px;width: 78px;background: url('img/nav.gif') no-repeat;font-weight: bold;color: #999999;line-height: 27px;}
#menutop a:hover { color: #555555; background: url('img/nav.gif') no-repeat; background-position: 0 -35px; line-height: 29px;  }

#speedlinks				   { float:right;margin:40px 10px 0 0;padding:0;height:30px;background: url('img/speedlinks.gif') no-repeat; }
#speedlinks li			   { margin:0;padding:0;float: left;text-align: center; }
#speedlinks li a		   { display: block;height: 30px;width:38px; }
#speedlinks a:hover        { background: url('img/speedlinks.gif') no-repeat;}
#speedlinks a#speed1:hover { background-position:     0 -30px; }
#speedlinks a#speed2:hover { background-position: -38px -30px; }
#speedlinks a#speed3:hover { background-position: -76px -30px; }

/* Titres */
h2:first-letter { color: #001364; font-style: italic; font-size: 1.5em; }
h2 { font-size: 1.3em; font-weight: bold; color: #1d328a; border-bottom: 1px dotted #0352a4; text-align: center; width: 630px; margin-left: 30px; margin-top: 0;}

h3 { padding-left: 25px; line-height: 20px; font-size: 1.3em; font-weight: bold; color: #5a8900; border-bottom: 1px solid #93ca28; border-top: 1px solid #93ca28; text-align: center; width: 400px; margin-left: 15%; margin-top: 0;}
h4 { font: bold 11px Tahoma, Arial, sans-serif; color: #3e8fec; background: url('./img/lism.gif') no-repeat 0 0.3em; padding-left: 15px; margin-bottom: 7px; }
h5, h6 { background-color: inherit; color: #818181;	font-weight: normal; letter-spacing:-1px; padding: 0; }

/* Messages */
p.login  { text-align: left; border: 0px dotted #ccc; margin: 2px; width: 170px; height: 18px; }
p.error  { color: #CC3300; font-weight: bold; }
p.success{ color: #167e16; font-weight: normal; }
p.logout { color: #660066; font-weight: bold; }

/* Boxes */
div.info   { background-image: url('./img/information.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #ebe9ff; color: #003399;  border: 1px dashed #15098e; width: 590px; font-weight: normal; margin-left: 30px; margin-bottom: 15px; padding-left: 30px; min-height: 20px; }
div.attention { background-image: url('./img/attention.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #ffeed4; color: #fc9a00; border: 1px dashed #bb7200; width: 590px; font-weight: normal; margin-left: 30px; margin-bottom: 15px; padding-left: 30px; min-height: 20px; }
div.aide   { background-image: url('./img/help.gif'); background-repeat: no-repeat; background-position: 5px center; background-color: #edf7ff; color: #006789;  border: 1px dashed #3c7098; width: 590px; font-weight: normal; margin-left: 30px; margin-bottom: 15px; padding-left: 30px; min-height: 20px; }
div.note   { background-image: url('./img/note.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #faffcc; color: #b49b28;  border: 1px dashed #bf1b00; width: 590px; font-weight: normal; margin-left: 30px; margin-bottom: 15px; margin-top: 10px; padding-left: 35px; min-height: 28px; }
div >#services  { background-color: #f0f0f0; border: 1px solid #ccc; margin-left: 160px; width: 330px; padding-left: 35px; padding-top: 15px; padding-bottom: 15px;}
div >#paiements { background-color: #f0f0f0; border: 1px solid #ccc; margin-left: 290px; width: 330px; padding-left: 30px; padding-top: 15px; margin-bottom: 15px; }
div >#stars     { background-color: #ffecec; border: 1px solid #700000; margin-top: -100px; margin-left: -291px; width: 220px; }
#stars a 		{ /* color: #bf5c3a;*/ color: #990000;}
#stars a:hover 	{ text-decoration: none; color: #FF0080; font-weight: bold; color: #990000; }
#stars a:visited{ text-decoration: none; color: #990000; }

/* Formulaires */
input[type=submit], input[type=button] { font-size: 8pt; color: #666666; border: 1px solid #999999; background-color: #FFFFFF; }
input[type=submit]:active, input[type=button]:active { border-style: inset; }
input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus { cursor: pointer; }
input[type=text][readonly] { background-color: #fae0e0; color: #000000; border: 1px solid #930000; font-size: 8pt; }
input[type=text], input[type=password], textarea { cursor: text; background-color: #FFFFFF; color: #000000; border: 1px solid #DFDFDF; font-size: 8pt; }
select { cursor: pointer; background-color: #FFFFFF; color: #000000; border: 1px solid #DFDFDF; font-size: 8pt; }
textarea { color: #666666; background-color: #fcfcfc; border: 1px solid #cbcbcb; margin-bottom: 0.6em; margin-top: 2px; padding: 3px; width: 80%; }
	
/* Tableaux */
.column 	    { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.column-title 	{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; }
.fond-orange    { background-color: #fff4de; color: #765920; }
.fond-bleu      { background-color: #edf1ff; color: #203376; }
.fond-vert      { background-color: #edffed; color: #005702; }
.fond-violet    { background-color: #ffedfe; color: #720066; }
.table-separate { color: #333333; background-color: #D6D3CE; }
div#table 		{ margin-left: 30px; margin-bottom: 15px; }
div#general 	{ margin-left: 25px; margin-bottom: 10px; }

/* Fieldsets */
fieldset { margin-left: 30px; border: 1px #CCC dashed; padding: 10px; margin-bottom: 20px; width: 600px; }
legend { padding: 5px; background-color: #FFF; border: 1px solid #DDD; font-weight: bold; color: #0f0f9c; }
.field { margin: 5px; }

/* Images */
.image	{ border: 0; vertical-align: middle; display: inline; }

/* Degrade */
.box { margin-left: 30px; border: #cccccc 1px solid; padding: 10px; background-image: url('./img/degrade.jpg'); background-repeat: repeat-x; width: 600px; }

/* Alignement des textes */
.alignright { float: right; }
.alignleft { float: left; }

/* Pagination */
div.pagination { padding: 3px;	margin: 3px; text-align:center; }
div.pagination a { border: 1px solid #ccdbe4; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #369; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #369; background-image:none; background-color:#369; color: #fff; }
div.pagination span.current { margin-right: 3px; padding:2px 6px; font-weight: bold; color: #000; }
div.pagination span.disabled { display:none; }
div.pagination a.next{ border: 2px solid #ccdbe4; margin:0 0 0 10px; }
div.pagination a.next:hover{ border: 2px solid #2b55af; }
div.pagination a.prev{ border: 2px solid #ccdbe4; margin:0 10px 0 0; }
div.pagination a.prev:hover{ border: 2px solid #2b55af; }

/* Puces */
ul.puces { margin: 0; padding: 0; list-style-type: none; }
ul.puces li { display: list-item; list-style-image: url('img/fleche.png'); list-style-position: outside; margin: 0 0 0px 20px; padding: 0; }
ul.star { margin: 0; padding: 5px; list-style-type: none; }
ul.star li { display: list-item; list-style-image: url('img/bullet_star.png'); list-style-position: outside; margin: 0 0 2px 20px; padding: 0; }
ul.plus { margin: 0; padding: 0; list-style-type: none; vertical-align: middle; }
ul.plus li { display: list-item; list-style-image: url('img/bullet_toggle_plus.png'); list-style-position: outside; margin: 0 0 0 20px; padding: 0; }

/* Pre */
pre { background-color: #f0f0f0; border: 1px solid #ccc; margin: 0 0 1em 0; overflow: auto; padding: 1em; }
cite { font-size: .8em; line-height: .8em;	font-style: italic;	font-weight: lighter; text-align: right; }

/* Loterie */
div#infodiv 				  { margin-left: 25px; margin-bottom: 10px; }
#phoneticlong 				  { margin-bottom: 1em; }
#phoneticlong li, #buttons li { margin-bottom: 0px; margin-top: 4px; }
ul.sortable li 				  { position: relative; }
ul.boxy 					  { list-style-type: none; padding: 0px; margin-left: 30px; width: 5em; font-size: 13px; font-family: Arial, sans-serif; }
ul.boxy li 					  { cursor: move; padding: 2px 2px; text-align: center; border: 1px solid #ccc; background-color: #eee; }
.clickable a 				  {	display: block;	text-decoration: none; cursor: pointer; }
.clickable li:hover 		  { background-color: #f6f6f6; }

/* Langues */
/* :lang(fr),:lang(it),:lang(de), :lang(es) {font-style: italic; color: #333333; } */

/* Hr */
hr { height: 4px; background-color: #CCCCCC; width: 70%; border: 1px dashed #000; }

q {	font-style: italic;	quotes: "\201C" "\201D" "\2018" "\2019";}