@charset "iso-8859-1";
body {
scrollbar-arrow-color : #000000;
scrollbar-base-color : #003300;
scrollbar-dark-shadow-color : #999900;
scrollbar-track-color : #557755;
scrollbar-face-color : #AABBAA;
scrollbar-shadow-color : #DDDDDD;
scrollbar-highlight-color : #CCCCCC;
scrollbar-3d-light-color : #003300;
}


.input{
background-color: #d0ef3a ;
border: 0px ;
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.boitemince{
border: thin solid #003366;
padding:1em;
font: 10pt/12pt "Verdana"; font-weight:bold; color: #003366;
}

.boitedouble{
border: thick solid #000000;
padding:1em;
font: 10pt/12pt "Verdana"; font-weight:bold; color: #003366;
}


.visite{
a-link: color: #00ff00;
a:visited: color red;
a-hover: backgound-color:blue; font-color:steelblue;
}

.groove{
border: thin groove #003366;
padding:1em;
font: 10pt/12pt "Arial"; font-weight:bold; color: #003366;
}
.ridge{
border: thin ridge#003366;
padding:1em;
font: 10pt/12pt "Arial"; font-weight:bold; color: #003366;
}
.inset{
border: thin inset #003366;
padding:1em;
font: 10pt/12pt "verdana"; font-weight:bold; color: #003366; 
}
.outset{
border: thin outset#003366;
padding:1em;
font: 10pt/12pt "Verdana"; font-weight:bold; color: #003366;
}


.titre1barre {
border-top: thin solid #003366;
border-left: thin solid #003366;
padding-left: 2em;
padding-top: 1em;
margin-right: 30%;
font: 14pt/14pt "Arial"; font-weight:bold; color: #003366;
}

.titre1barrebas {
border-bottom: thin solid #003366;
border-right: thin solid #003366;
padding-left: 2em;
padding-right: 2em;
padding-top: 1em;
margin-right: 10%;
margin-left: 10%;
font: 14pt/12pt "Arial"; font-weight:bold; color: #003366;
}

.retrait1{
border-top: thin solid #003366;
border-left: thin solid #003366;
margin-left:2em;
margin-right: 10%;
padding-left: 1em;
padding-top: 1em;
font: normal normal 10pt/10pt Arial; color: #003366;
}

.retrait2{
border-top: thin solid #003366;
border-left: thin solid #003366;
margin-left:6em;
margin-right: 20%;
padding-left: 1em;
padding-top: 1em;
font: normal normal 10pt/10pt Arial; color: #0000ff
}


.marge1{
margin-left:4em;
margin-right: 10%;
padding-left: 1em;
padding-top: 1em;
font: normal normal 10pt/12pt Arial; color: #003366;
}

.marge1gras{
margin-left:4em;
margin-right: 10%;
padding-left: 1em;
padding-top: 1em;
font: normal bold 10pt/12pt Arial; color: #003366;
}

.margegauche8{
margin-left:2em;
font: normal bold 9pt/8pt Arial;
}

.titre3barreitalic {
border-top: thin solid #003366;
border-left: thin solid #003366;
padding-left: 2em;
padding-top: 1em;
margin-right: 60%;
font: italic bold 10pt/10pt Arial;  font-color:  #003366;
}

.fiche{
border: thin solid #003366;
padding:1em;
font: 10pt/12pt "Arial"; font-weight:bold; color: #003366;
background-color:#d0e3fa;
}

.input {
background-color: #d0e3fa;
border: 0px ;
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.input:focus {
background-color: #d0e3ff;
border: 0px ;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.libelle {
background-color: #d0e3ea;
border: 0px ;
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.legend {
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;font-weight:bold;
}
.bouton {
color: #003366;
font-family: verdana;
font-size: 7pt;font-weight:normal;
}

.titre1 {
font: 14pt/16pt "Arial"; font-weight:bold; color: #003366;
}

.titre2 {
font: 12pt/12pt "Verdana"; font-weight:bold; color: #003366;
}

.titre3 {
font: 10pt/12pt "Verdana"; font-weight:bold; color: #003366;
}

.titre4 {
margin-left: 1em;
font: normal bold 8pt/8pt Arial; font-color: #003366;
}

.titre3italic {
font: italic bold 10pt/12pt Arial;  font-color:  #003366;
}

.textenormal {
font: normal normal 8pt/10pt Verdana;
}
.texte10 {
font: normal normal 10pt/12pt Verdana;
}
.autocollant {
font: normal normal 8pt/10pt courier
}
.courier10 {
font: normal normal 8pt/10pt courier
}

.courier8 {
font: normal normal 8pt/11pt courier
}

.reference {
font: normal normal 8pt/12pt courier
}

.texte8 {
font: normal normal 8pt/10pt verdana
}
.texte9 {
font: normal normal 9pt/10pt Verdana
}

.textepetit {
font: normal normal 8pt/8pt verdana; 
}

.submit {
font: normal normal 8pt/8pt verdana;
background-color :goldenrod; 
}

.textepetitgras {
font: normal bold 8pt/9pt Arial;
}


.image{
img-width: 50%; auto;
img-height: auto;
}

.sautpage{
page-break-before: always;
}

.tablen { 
border : 2px; 
border-color : #FFFFFF; 
border-style : groove;
border-collapse : collapse;
border-spacing : 0px;
} 

.cellule1 {
border : 2px; 
border-color : #FFFFFF; 
border-style : groove;
border-spacing : 0px;
background-color : #C0C0C0;
font-family : Arial;
font-size : 11pt;
font-weight : bold;
}

.cellule2 {
border : 2px; 
border-color : #FFFFFF; 
border-style : groove;
border-spacing : 0px;

font-family : verdana;
font-size : 10pt;
}

.cellule2_sansContour {
border : 0px; 
border-color : #FFFFFF; 
border-style : groove;
border-spacing : 0px;
background-color : #FFFFFF;
font-family : Arial;
font-size : 10pt;
}


.tablerouge {
border-style:solid; 
border-width:1px; 
border-color:black;
width:50%;
}
.tdrouge { 
border-style:solid; 
border-width:1px; 
border-color:red;
width:50%;
}
.tdbleu { 
border-style:solid; 
border-width:1px; 
border-color:blue;
background-color:#D0E3FA;

}
.tdblanc { 
border-style:solid; 
border-width:1px; 
border-color:blue;
background-color:#ffffff;

}


.tablebleu {
border:3px solid #6495ed;
border-collapse:collapse;
margin:left;
font: normal normal 8pt/10pt Verdana;

}

.tableecheancier {
border:2px solid lightgray;
border-collapse:collapse;
margin:left;
font: normal normal 8pt/10pt Verdana;

}
.tdecheancier { 
border-style:solid; 
border-width:1px; 
border-color:lightgray;
background-color:green;
font: normal normal 8pt/10pt Verdana;
}
.trecheancier {
background-color:#999933;
border:1px solid lightgray;
}

.tablepale {
border:3px solid #6495ff;
border-collapse:collapse;
margin:left;
}

.theadbleu {
background-color:#D0E3FA;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}

.tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}

.tfoot {
background-color:#D0E3FA;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}

.trbleu {
background-color:#D0E3FA;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}

.trpoudre {
background-color:a0f0f0;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}

.thbleu {
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}

.tdbleu {
font-family:sans-serif;
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:left;
}

.caption {

font: normal bold 10pt/12pt Verdana;
 color: #003366;
}





.inputbox
{
     border-style: hidden;
     border-width: 0px;
     color: #8AB08A;
     padding-left:7px;
     padding-right:7px;
     font-size:8pt;
     background-image: url(searchbox.gif);
     margin-left:3px;
}


.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}