html, body { height:100%; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px; margin-top:0px; }
* { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #000000; text-align:left; }
body { background:#F1EFE2; text-decoration: none; cursor:default; text-align:center; }

/* --------- Général --------- */

/* Liens */
a:link,a:visited { text-decoration: underline; color : #006699;}
a:active { text-decoration: underline; color : #FF0000;}
a:hover { text-decoration: underline; color : #DD6900;}
a.externe, a.externe:link, a.externe:visited { color: #FF0000; text-decoration: none; }
a.externe:hover { text-decoration: underline; }
a.rubrique, a.rubrique:link, a.rubrique:visited { color: #FF0000; text-decoration: none; }
a.rubrique:hover { text-decoration: underline; }

/* Formulaires */
form { margin: 0px; border: 0; padding: 0px; }
input, textarea, select { color:#000000; background-color:#EFEFEF; font-size:11px; border-color:#EEEEEE; margin:2px 0 5px 0; padding:0; }
input { text-indent : 2px; }
input.recherche { color:#000000; font-weight: bold; text-align:center; font-size:10px; font-family:arial, sans-serif; height:17px; background-color:#FFFFFF; border-width:1px; border-color:#A4BECF; border-left:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; }
.bouton { height:17px; background-color: #FFFFFF; border-left:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-right:1px solid #6E6E6E; border-bottom:1px solid #6E6E6E; cursor:pointer; color: #000000; font-size: 10px; font-family:arial, sans-serif; background-image: url(/fichiers/images/interface/screen/button_background.gif); }

img { border:0; }
hr.pointilles { margin:10px 0 10px 0; padding:0; border:0; height:0; border-top:1px dashed #A4BECF; }
ul.espace li, ol.espace li { padding:0 0 5px 0; }
li.justifie, li.justifie * { text-align:justify; }
.only_print { display:none; }
.no_print { }

.RSSButton:link, .RSSButton:hover, .RSSButton:visited { border:1px solid; border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57; padding:0px 3px 0px 3px; margin:0px; color:#FFFFFF; font:bold 10px verdana,sans-serif; text-decoration:none; background-color:#ff6600; vertical-align:middle; }
pre { width:500px; font-family: "Courier New", Courier, monospace; font-size: 12px; text-align:left; padding:5px; background: #F0F4F7;
border:thin solid #A4BECF; border-width:1px 1px 1px 5px; overflow:auto; overflow-x:auto; overflow-y:hidden; }
.exemple { margin:10px 0px 10px 15px; padding:1px 15px 1px 10px; border-left:#A4BECF dotted 2px; }
.important { color:#CC3300; margin : 10px 0px 10px 15px; padding : 1px 5px 1px 10px; border-left-color : #CC3300; border-left-style : dotted; border-left-width : 2px; }

.janvier, .fevrier, .mars, .avril, .mai, .juin, .juillet, .aout, .septembre, .octobre, .novembre, .decembre { color : #CCCCCC }


/* --------- Header --------- */

#header { width:776px; text-align:left; padding:0; margin:25px auto 0 auto; background:url(/fichiers/images/interface/screen/header-bg.jpg) no-repeat bottom left; line-height:64px; height:64px; }
#header a.logo img { float:left; margin:36px 25px 5px 16px; width:182px; height:21px; border:0; }
#header .inscription { display:none; float:left; width:200px; text-align:right; margin:36px 0 0 0; border:0; padding:0; height:21px; line-height:21px; }
#header .inscription a { margin:0; padding:0; border:0; }
#header a.boutique, #header a.boutique:link, #header a.boutique:visited { float:left; margin:0 0 0 0; padding:0; border:0; background:url(/fichiers/images/interface/screen/header-boutique-off.jpg) left bottom no-repeat; width:311px; height:64px; line-height:64px; display:block; }
#header a.boutique:hover { margin:0 0 0 0; padding:0; border:0; background:url(/fichiers/images/interface/screen/header-boutique-on.jpg) left bottom no-repeat; width:311px; height:64px; line-height:64px; display:block; }
#header a.boutique span { display:none; }

/* --------- Parcours --------- */

#parcours { height:21px; background:#E6E3D1; border:0; border-bottom:1px solid #CCCCCC; margin:0 11px 0 11px; padding:5px; color:#808080; font-style:italic; }
#parcours a:link, #parcours a:visited { cursor:pointer; font-weight:bold; margin:0; padding:5px; }
#parcours a:hover { cursor:pointer; font-weight:bold; margin:0; padding:5px; color:#EFEFEF; }
#parcours a, #parcours a:link, #parcours a:visited { color:#808080; text-decoration:none; font-weight:normal; margin:0; padding:0; }
#parcours a:hover { color:#000000; text-decoration:underline; font-weight:normal; margin:0; padding:0; }

/* --------- Menu --------- */

#vmenu { position:relative; height:27px; margin:0 11px 0 11px; padding:0; clear:both; background:#F9D966 url(/fichiers/images/interface/screen/vmenu-bg2.jpg) left bottom repeat-x; }
#vmenu ul, #vmenu li { margin:0; padding:0; height:27px; line-height:27px; list-style-type:none; }
#vmenu ul { width:552px; }
#vmenu li { float:left; }
#vmenu a, #vmenu a:link, #vmenu a:visited { display:block; white-space:nowrap; padding:0 0 0 0; margin:0 0 0 0; vertical-align:middle; font-weight:bold; color:#769712; font-size:12px; text-decoration:none; text-align:center; }
#vmenu a:hover { color:#666666; text-decoration:underline; }
#vmenu a.link { background:url(/fichiers/images/interface/screen/vmenu-bouton.jpg) left center no-repeat; }
#vmenu .gauche { width:10px; }
#vmenu .fiches { width:105px; }
#vmenu .contact { width:65px; }
#vmenu .forums { width:65px; }
#vmenu .inscription { width:100px; color:#000000; }
#vmenu .inscription a, #vmenu .inscription a:visited { color:#000000; }
#vmenu .connexion { width:85px; }
#vmenu .profil { width:65px; }
#vmenu .deconnexion { width:100px; }
#recherche { float:right; margin:0; padding:0; border:0; }
#query { margin:2px 2px 0 0; height:19px; font-size:11px; padding:0 0 0 2px; width:150px; border:1px solid gray; }


#content { width:776px; text-align:left; padding:0; margin:auto; border:0; background:url(/fichiers/images/interface/screen/content-bg.jpg) repeat-y top left; }

#centre { float:left; margin:0 0 0 0; padding:0; width:550px; }

#contenu { padding:10px; text-align:justify; margin:0 0 0 11px; }
#contenu p.indent { text-indent:15px; }
#contenu p, #contenu p * { text-align:justify; }
#contenu .livre { float:right; margin:0 0 10px 10px; padding:2px; border:#000000 solid 1px; }
#contenu .float { float:right; margin:0 0 10px 10px; }
#contenu .clear { clear:right; }
#contenu h1 { font-size:18px; color:#000000; border-bottom:2px #000000 solid; margin : 0 0 4px 0; padding : 5px 5px 5px 10px; }
#contenu h2 { font-size:16px; color:#000000; border-bottom:1px #000000 dotted; margin: 0 0 4px 0; padding: 5px 5px 5px 15px; }
#contenu h1 a, #contenu h1 a:link, #contenu h1 a:visited { font-size:16px; color:#000000; text-decoration:none; }
#contenu h1 a:hover { color:#000000; text-decoration:underline; cursor:pointer; background:url(/fichiers/images/interface/screen/contenu_h1.gif) no-repeat right 50%; }
#contenu h2 a, #contenu h2 a:link, #contenu h2 a:visited { font-size:16px; color:#000000; text-decoration:none; }
#contenu h2 a:hover { color:#000000; text-decoration:underline; cursor:pointer; background:url(/fichiers/images/interface/screen/contenu_h2.jpg) no-repeat right 50%; }


/* --------- Comptabilité --------- */

#journal { padding:0 10px 0 10px; margin:0; background:#FFFFFF; border:0px solid #000000; width:500px; }
.enregistrements { font-size:14px; font-family:Verdana; background:#FFFFFF url() left top repeat-y; padding:0; margin:10px 0 10px 0; border-spacing:0; empty-cells:show; border-collapse:collapse; width:100%; border:1px solid #000000; }

/* largeurs */

	#journal .numero-compte { width:71px; }
	#journal .debit-libelle, #journal .date-libelle { width:185px; }
	#journal .credit-libelle { width:171px; } /* moins 15px de marge */
	#journal .debit-prix, #journal .credit-prix { width:95px; }

/* marges */

	#journal .date-libelle, #journal .debit-libelle, #journal .numero-compte,
	#journal .credit-libelle, #journal .debit-prix, #journal .credit-prix
		{ padding:5px 5px 5px 4px; }
	#journal .credit-libelle { margin-left:18px } /* marge supplémentaire de 15 pixels */
	#journal .libelle, #journal .ligne-de-compte, #journal .ligne-de-date { margin:0; padding:0; }

/* bordures */

	#journal .ligne-de-compte { border-bottom:1px solid #EFEFEF; }
	#journal .date-compte, #journal .date-libelle, #journal .date-debit, #journal .date-credit { border-top:1px solid #000000; border-bottom:1px solid #EFEFEF; }
	#journal .date-compte, #journal .date-libelle, #journal .date-debit { border-right:1px solid #EFEFEF;  }
	#journal .date-libelle, #journal .debit-libelle, #journal .credit-libelle,
	#journal .numero-compte, #journal .debit-prix
		{ border-right:1px solid #EFEFEF; }
	#journal .date-libelle, #journal .debit-libelle, #journal .credit-libelle,
	#journal .numero-compte, #journal .debit-prix, , #journal .credit-prix
		{ border-bottom:1px solid #EFEFEF; }

/* alignements */

	#journal .date-libelle { text-align:center; }
	#journal .numero-compte { text-align:left; vertical-align:top; }
	#journal .debit-libelle, #journal .credit-libelle { text-align:left; vertical-align:top; }
	#journal .debit-prix, #journal .credit-prix { text-align:right; vertical-align:bottom; }

#journal .date-libelle a { padding:0; margin:0; display:block; width:100%; text-align:center; }
#journal th { border-bottom:1px solid #000000; background:#F1EFE2; text-align:center; vertical-align:middle; height:25px; border-right:1px solid #000000; }
#journal .erreur { background:#FF9595; border-top:1px solid #000000; }
#journal .libelle { display:none; }


/* --------- Sous menu --------- */

#leftmenu { width:200px; padding:15px 0 10px 0; margin:0 0 0 15px; float:left; border:0; background:url(/fichiers/images/interface/screen/leftmenu-bg.jpg) top right no-repeat; }
#leftmenu .pages { margin:0; padding:0; margin:3px 0 5px 2px; }
#leftmenu .pages p { font-size:12px; color:#000000; margin:0 0 0 0; padding:0 0 0 0; background:url(/fichiers/images/interface/screen/leftmenu-p.gif) no-repeat 5px bottom; font-weight:bold; }
#leftmenu .pages p a { color:#000000; text-decoration:none; }
#leftmenu .pages ul { width:190px; list-style-type:none; padding:0; margin:5px 0 7px 0; }
#leftmenu .pages li { width:190px; list-style-type:none; margin:0; padding:0; display:block; }
#leftmenu .pages li a { width:190px; margin:0; padding:0; display:block; color:#CCCCCC; text-decoration:none; cursor:default; }
#leftmenu .pages li a:link, #leftmenu .pages li a:visited { font-style:italic; border:0; display:block; color:#006699; background:url(/fichiers/images/interface/nouvo/puce.gif) no-repeat 2px 50%; text-decoration:none; cursor:pointer; }
#leftmenu .pages li a:hover { display:block; color:#AF6E5F; background:url(/fichiers/images/interface/nouvo/puce_on.gif) no-repeat 2px 50%; text-decoration:underline; cursor:pointer; }
#leftmenu .pages li a.envoyer:link, #leftmenu .pages li a.envoyer:visited { font-style:italic; border:0; display:block; color:#006699; background:url(/fichiers/images/interface/nouvo/puce.gif) no-repeat 2px 50%; text-decoration:double-underline; cursor:pointer; }
#leftmenu .pages li a.envoyer:hover { display:block; color:#AF6E5F; background:url(/fichiers/images/interface/nouvo/puce_on.gif) no-repeat 2px 50%; text-decoration:underline; cursor:pointer; }
#leftmenu .google { margin:5px 0 0 0; padding:25px 0 0 0; background:url(/fichiers/images/interface/screen/leftmenu-titre.jpg) top right no-repeat; text-align:center; }


/* --------- Formulaires --------- */

#formulaires { margin:10px 0 10px 11px; padding:10px; }

#forum { display:none; }
#formulaire_forums { width:550px; }
#formulaire_forums .sujet { width:100%; }
#formulaire_forums .message { width:100%; padding:5px; }

#commenter { display:none; }
#commentaires { display:none; }

hr.hide { clear:both; width:776px; height:0; border:0; margin:0; padding:0; line-height:0; visibility:hidden; }

#bottom { width:776px; clear:both; background:url(/fichiers/images/interface/screen/bottom-bg.jpg) left bottom no-repeat; margin:0 auto 25px auto; height:37px; line-height:37px; }
#bottom .liens { padding:15px; margin:0; }

#print_infos { display:none; }


/* A voir : beaux guillemets sur bloquote
############### http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
BLOCKQUOTE {
	border-right: #eff1ef 1px solid; padding-right: 0px; padding-left: 0px; background: #f9faf9; padding-bottom: 5px; margin: 0px; padding-top: 5px; border-bottom: #eff1ef 1px solid
}
BLOCKQUOTE P {
	padding-right: 0px; padding-left: 0px; background: url(/images/icons/rdquo-grey.gif) no-repeat 99% 95%; padding-bottom: 0px; margin: 15px; FONT: italic 90%/150% Georgia, "MS Sans Serif", Geneva, sans-serif; COLOR: #808080; padding-top: 0px
}
BLOCKQUOTE P:first-letter {
	DISPLAY: block; padding-left: 15px; background: url(/images/icons/ldquo-grey.gif) no-repeat; WIDTH: 100px; padding-top: 4px; HEIGHT: 100px
}

*/

/* A supprimer
.popper { position : absolute; visibility : hidden;  z-index: 2; }



#form_forum { border:1px #A4BECF solid; background-color:#E1E8EC; padding:5px; width:510px; }
#form_forum input { background-color:#FFFFFF; border:1px #A4BECF solid; color:#000000; }
#form_forum input.bouton { background-color:#FFFFFF; border:1px #A4BECF solid; color:#000000; cursor:pointer; }

*/