/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:9px; background-color:#EFEFEF;}
h1      { color: #5675A4; font-size: 20px;}
h2      { color: #5675A4; font-size: 14px; }
h3      { color: #5675A4; font-size: 11px; }
hr		{ height:1px;border:0px;color:#B8C6C9;}
ul		{padding:0px;margin:0px}
a 	    { text-decoration:underline; color:#5675A4; font-size:110%; }
a:hover { text-decoration:none; color:#9E9E9E}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none;}
img     { border:0px;}
input   { border:solid 1px #5675A4; font-size:100%; background:#FFFFFF; color:#5675A4; }
.submit { background : url(../pics/submit_form.png) no-repeat top left;border:0px;height:20px;weight:100%;font-weight:bold;}
select  { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; }

.floatL { float:left; }
.floatR { float:right; }
.clear  { clear:both; }

#header {background-color:#F3F8FB;padding:10px;border:1px solid #B8C6C9;height:70px}
#header a {text-decoration:none;}
#header a:hover {text-decoration:underline;}

#logo { margin-left:2px;}
#footer { padding:3px;height:15px;color: #fff;background-color:#336699;font-weight:bold;text-align:center; border-top: 1px solid black;border-bottom: 1px black dotted;margin:20px 0px 0px 0px; }
#footer a {color: #fff;text-decoration:none;}
#footer a:hover {color: #fff;text-decoration:underline;}

.headerMain {background-color: #F3F8FB;border: solid 1px #B8C6C9; padding:5px;white-space: nowrap;margin:3ex 0 8 0;width:100%}

#graph {border:0px solid #B8C6C9;width:200px;height:260px;font-size:100%;padding-left:30px}
#graph H2{padding:10px 0px 0px 10px;font-size:125%;text-align:center;}

#stats {background-color:#F3F8FB;padding:10px;border:1px solid #B8C6C9;margin-top:5px}
#Kelkoo {padding:10px;font-size:100%;}
#news  {background-color:#F3F8FB;padding:10px;border:1px solid #B8C6C9;width:205px;height:100%}

/* ---------- Structure ---- */
#main    { width:700px; text-align: left; margin: 0px auto 50px auto;}
#container    {	width:700px;text-align:left;margin:0px auto;top:0px;background-color:white;}
#main h2 { padding:0px; margin:0px; font-size:130%;}
#top     { padding:5px; background-color:#F8F8F8; border-bottom:1px solid #B8B8B8; }
#top h1  { padding:0px; margin:0px; }
#leftnav  { float:left; padding:0px;margin:0px }
#content  {	float:left;	width:440px;height:auto;padding:10px 4px 4px 4px;}
#left {float:left;width:205px;padding: 0px;margin-top:10px;}
#main1 {padding:0;width:700px;}
#main2 {margin:0; padding:0;width:700px;}
.cleaner {clear:both; height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}

/******************************************/

/* News */
.news { margin:5px 0px 0px 0px;}
.news h3{ font-weight:bolder;margin-top:5px}

/* tableau */

.TDleft  { text-align:left; color:#004D71; }
.TDright { text-align:right; font-weight:bold; width:300px; }

table.clFlatTable   { border: solid 1px #000000; border-collapse: collapse; }

.clRowHeaderSup     { background: #336799; border: solid 1px #000000; color: #FFFFFF; font-weight: bold }
.clRowHeaderSup td  { font-family: Verdana, Arial, Tahoma; font-size: 8pt; border: solid 1px #000000; color: #FFFFFF; font-weight: bold }

.clRowHeaderSup2    { background: #FFFFFF; border: solid 1px #000000; color: #336799; font-weight: bold }
.clRowHeaderSup2 td { font-family: Verdana, Arial, Tahoma; font-size: 8pt; border: solid 1px #000000; color: #336799; font-weight: bold }

.clRowHeader        { background: #003375; border: solid 1px #000000; color:white; font-weight:bold; }
.clRowHeader td     { border: solid 1px #000000; color: white; font-weight: bold }
.clRowHeader a      { color: yellow; text-decoration: none }
.clRowHeader a:visited { color: yellow; text-decoration: none }
.clRowHeader a:hover   { color: red }
.clRowHeader a:active  { color: red }

.clRowDark             { background:#E8EEF4; border:solid 1px #7F9DB9; }
.clRowDark td          { border: solid 1px #7F9DB9; padding:3px; }
.clRowDark a           { color: #01389B; text-decoration: none }
.clRowDark a:visited   { color: #01389B; text-decoration: none }
.clRowDark a:hover     { color: red }
.clRowDark a:active    { color: red }

.clRowLight            { background: #F7F9FE; border: solid 1px #7F9DB9; }
.clRowLight td         { border: solid 1px #7F9DB9; padding:3px; }
.clRowLight a          { color: #01389B; text-decoration: none }
.clRowLight a:visited  { color: #01389B; text-decoration: none }
.clRowLight a:hover    { color: red }
.clRowLight a:active   { color: red }

th.caption { white-space:nowrap;text-align: left;}
.pagetitle { color: #000; font-weight: bold;font-size: 125%;}

.separator { background-color: #cfcfcf;}

.error, .errorbox-bad {
  color: red;
  border: 1px solid red;
  padding: 2px;
  background-color: #ffdcdc;
}