@charset "iso-8859-1";
/*
H1,H2,H3,H4,H5,H6,DIV,P{ margin: 0; padding: 0; }
FORM, DIV, IMG { margin: 0; padding: 0; border: 0; }
TABLE{ border: 0; border-collapse: collapse; font-size: 1.0em; }
TD{ vertical-align: top; text-align:left; font-size: 1.0em; }
OL, UL, LI { font-size: 1.0em; text-align:left; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.just{ text-align: justify; }
.clearfloat{ clear: both; }
.important, .Important{ color: Red; font-size: medium; }
.top10{ padding-top:10px; }
.top20{ padding-top:20px; }
.top30{ padding-top:30px; }
P{padding-bottom:1.5em;}

DIV.clear { clear: both; }
*/

BODY{
background:#006699;
margin:0;
padding:0;
color:#FFFFFF;
/*font-size: 95%;*/
}

DIV#wrapper {
width: 948px; 
margin: 0 auto;
padding:0 20px 10px 20px; 
border-left: 1px solid #EEEEEE; 
border-right: 1px solid #eee; 
background: #fff; 
color:#000;
}

DIV#content { padding:0 10px; }

.floatleft{float:left;}
.floatright{float:right;}


a.text:visited{color:#FFFFFF;font:bold;text-decoration:none;}
a:link{ color: #0000FF; }
a:visited{ color: #800080; }
a:hover{ color: #FF0000; }
a:active{color:#FF0000;}
a.linkbox:link{color:#0000FF;font:bold;text-decoration:none;}
a.linkbox:visited{color:#0000FF;font:bold;text-decoration:none;}
a.linkbox:hover{ color: #FF0000; font: bold; text-decoration: underline; }
a.linkbox:active{ color: #FF0000; font: bold; text-decoration: underline; }

h1,h2,h3,h4{ color: #006699; padding: 0.3em 0; }
h4.blue{ color:#000066; }

P{ color: #000000; }

/*
p.navbar{ color:#000000; }
p.navbar a:link{color:#FFCC33;}
p.navbar a:visited{color:#FFCC33;}
p.navbar a:hover{background-color:#808080;color:#FFFF00;}
p.navbar a:active{color:#FF0000;}
p.text{text-align:justify;}
*/
/*
table.topnav{width:990px;border:0;margin:0 auto;}
table.topnav td{
height: 30px;
background-color: #000000;
color: #FFFFFF;
padding: 0 0.25em;
vertical-align: middle;}
*/

/*
table.topnav tr td a{
font-size: medium; 
font-weight: bold;
text-decoration: none;
}
table.topnav tr td a:link{color:#FFCC33;}
table.topnav tr td a:visited{color:#FFCC33;}
table.topnav tr td a:hover{background-color:#0000FF;color:#FFFF00;}
table.topnav tr td a:active{color:#FF0000;}
*/

.celldark{ background-color: #FF9933; color: #000066; }
.tableheaderblue{ background-color: #000066; color: #FFFFFF; font-weight: bold; }
.tablewhite{ background-color: #FFFFFF; color: #000066; }
.tdwhite{ background-color: transparent; color: #000066; }
.tablewhite blockquote{color: #000066;}
.tablewhite p{color: #000066;}
.tablewhite h1{color: #000066;}
.tablewhite h2{color: #000066;}
.tablewhite h3{color: #000066;}
.tablewhite a:link{color: #0000cc;}
.tablewhite a:visited{color: #990066;}
.tablewhite a:hover{background-color: transparent;color: #ff0000;}
.tablewhite a:active{color:#FF0000;}

/*
.div650{width:650px;margin:10px auto;padding:10px;}
.div680{width:680px;margin:0 auto 0 auto;padding:10px;}
.div700{width:700px;margin:10px auto;padding:10px;}
.div750{width:750px;margin:10px auto;padding:10px;}
.div760{width:760px;margin:10px auto;padding:10px;}
.div780{width:760px;margin:10px auto;padding:10px;}
.div800{width:800px;margin:10px auto;padding:10px;}
.div850{width:850px;margin:10px auto;padding:10px;}
.div960{width:960px;margin:10px auto;padding:10px;}
.pad10 {padding:10px;}
.margin10 {margin:10px;}
*/

/*-----------------------  TopTitle divs replace 3 cell table for simple page header with logos left and right  --------------------------*/
/*
DIV#toptitle { width:900px; margin:0 auto; position:relative; padding:0; }
DIV#toptitle div.tt20 { float:left; width:20%;text-align:center;}
DIV#toptitle div.tt60 { float:left; width:60%;text-align:center;}

DIV#toptitle780 { width:780px; margin:0 auto; position:relative; }
DIV#toptitle780 div.tt20 { float:left; width:20%;text-align:center;}
DIV#toptitle780 div.tt60 { float:left; width:60%;text-align:center;}
/*-----------------------  end  toptable divs replace 3 cell table for simple page header  --------------------------*/

IMG.cadre2gray{	border: 2px solid gray; }
IMG.cadre3gray{	border: 3px solid gray; }
IMG.cadre4gray{	border: 4px solid gray; }
IMG.cadre2bmue{	border: 2px solid blue; }
IMG.cadre2blue{	border: 2px solid blue; }

DIV#lowtable{
	background-color: #F4F4F4;
	color:#FFFFFF;
	/*font-weight:bold;*/
	text-align: center;
	font-size:small;
	width:780px;
	margin:15px auto;
	padding:8px 15px 10px 15px;
	border: 1px solid #6699CC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;}

DIV#lowtable IMG.up{margin:5px auto 15px auto;}


DIV#headwrap780 {width:780px;margin:0 auto;}
DIV#headwrap780 .w20{width:20%;float:left;text-align:center;}
DIV#headwrap780 .w60{width:60%;float:left;text-align:center;}

/* ---  start footbar styles  --- */
DIV#footbar{
width:952px; /*=pagewrapper is 970+2x10padding+2x1pxborder=992 total width*/
padding:10px 20px;
margin-bottom:5px;
background: #262626 /*url(/logos/bkg-foot.png) no-repeat 0 100%*/;
color: white;
font-size:11px;
border-bottom-right-radius:7px;
border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
}
DIV#footbar UL{float:left; list-style-type: none; }
DIV#footbar UL{list-style-type: none; }
DIV#footbar UL LI.parent{
	color: white;
	cursor: default;
	font-weight: bold;
	text-transform: uppercase;
}
DIV#footbar UL LI.parent A{color: white; cursor: pointer; font-weight: bold; text-transform: uppercase;text-decoration:none;}
DIV#footbar UL LI.parent A:hover{color: white; cursor: pointer; font-weight: bold; text-transform: uppercase;text-decoration:underline;}
DIV#footbar UL LI A,DIV#footbar UL LI A:visited,DIV#footbar UL LI A:link{
	color: #C0C0C0;
	text-decoration: none;
}
DIV#footbar UL LI A:hover,DIV#footbar UL LI A:visited:hover{color:gray;text-decoration:underline;}

DIV#footbar P{font-size:small;color:white;}
DIV#footbar P A{color:gray;text-decoration:none;}
DIV#footbar P A:hover{color:gray;text-decoration:underline;}

UL.horiz{list-style-type: none; padding-left:220px;}
UL.horiz LI{display: inline;text-align:center;padding:0 15px;}
DIV#footbar UL.horiz LI.parent{
	color: white;
	cursor: default;
	font-weight: bold;
	text-transform: uppercase;
	font-size:11px;
}
DIV#footbar .flag{width:18px;height:12px;margin:2px 10px 5px 5px;vertical-align:middle;}

/* ---  end footbar styles  --- */


/* -----------     toplogo styles  ----------------*/
DIV#toplogo{width:100%; height:150px; background: #000 url('/toplogo/TopLogoBck.png') center no-repeat;}
DIV#toplogocadre{position:relative; width:990px; height:150px; background: url('/toplogo/TopLogoCadre.png') center no-repeat; margin:0 auto; position: relative; text-align:center;  border:0px solid red;}
DIV#toplogo120{width:100%; height:120px; background: #000 url('/toplogo/toplogobck2px.png') center top repeat-y;}
DIV#toplogocadre120{position:relative; width:990px; height:120px; background: url('/toplogo/toplogocadre120.png') center no-repeat; margin:0 auto; position: relative; text-align:center;  border:0px solid red;}
DIV#toplogoliens{text-align:left;position:absolute ; top:5px; left: 5px;}
DIV#toplogofr{position:absolute;top:54px;left:5px;height:26px;width:240px;overflow:hidden}
DIV#toplogogb{position:absolute;top:83px;left:5px;height:26px;width:240px;overflow:hidden}
DIV#toplogocontent{position:absolute ; top:5px; right: 5px; width:728px; height: 110px; overflow:hidden;}
DIV#toplogocontentbelow{position: absolute;top: 97px;right: 5px;width: 728px;height: 15px;border:0px solid #fff;text-align:right;}
DIV#toplogocontentbelow A{color:#fff;font-size:x-small;font-weight:bold;}


DIV#toplogowrapcrumbs{position:relative;width:100%; height:30px; background: #000 url('/toplogo/TopLogoBck.png') center no-repeat;}
DIV#toplogocrumbs{width:990px; height: 30px; margin:0 auto; background:  url('/toplogo/toplogomenubar.png') center no-repeat; overflow:hidden; text-align:left;}
DIV#toplogocrumbs P,DIV#toplogocrumbs H2{text-align:left; margin-left:10px;line-height : 28px; font-size: 11px; color: #C0C0C0; font-family: Arial, Helvetica, sans-serif;}
DIV#toplogocrumbs A, DIV#toplogocrumbs A:visited,DIV#toplogocrumbs A:link{color:#C0C0C0;text-decoration:none;}
DIV#toplogocrumbs A:hover, DIV#toplogocrumbs A:visited:hover,DIV#toplogocrumbs A:link:hover{color:#fff;text-decoration:underline;}
/* -----------     toplogo styles  ----------------*/

/* STRIPE - tables still need 'cellspacing="0"' in the markup */ 
table.stripe { margin-bottom: 1.4em; }
table.stripe th { font-weight: bold; }
table.stripe thead th { background: #C2CCD8; color: #1E2730; }
table.stripe th, table.stripe td, table.stripe caption { padding: 4px 10px 4px 5px; }
table.stripe  tbody tr:nth-child(even) td, 
table.stripe tbody tr.even td { background: #E4E4D6; }
tbody tr.nobckcolor td { background: transparent; }
table.stripe tfoot { font-style: italic; }
table.stripe caption { background: #eee; }

table.stripe{
	border:1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 3px 3px #e9e9e9;
	-webkit-box-shadow: 1px 3px 3px #e9e9e9;
	box-shadow: 1px 3px 3px #e9e9e9;	
}
/* end STRIPE tables */


/* towns white rubrique TDs */
TD.tb,TD.tbrub{ width: 150px; }
TD.tbrub140{ width: 140px; }
TD.tbrub150{ width: 150px; }
TD.tbrub160{ width: 160px; }
TD.tbrub170{ width: 170px; }
TD.tbrub185{ width: 185px; }
TD.tbrub190{ width: 190px; }
TD.tbrub200{ width: 200px; }
TD.tbrub220{ width: 220px; }
TD.tbrub250{ width: 250px; }
TD.tbrub350{ width: 350px; }

TD.tb,
TD.tbrub,
TD.tbrub140,
TD.tbrub150,
TD.tbrub160,
TD.tbrub170,
TD.tbrub185,
TD.tbrub190,
TD.tbrub200,
TD.tbrub220,
TD.tbrub250,
TD.tbrub350
{
	padding: 3px 2px 4px 2px;
	margin: 2px 5px 5px 5px;
	border-top: 1px #0099FF solid;
	border-right: 2px #6699CC solid;
	border-bottom: 2px #6699CC solid;
	border-left: 1px #0099FF solid;
	background-color: #F7F7F7;
	text-align: center;
	color: #000080;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

TD.tb A,
TD.tbrub A,
TD.tbrub140 A,
TD.tbrub150 A,
TD.tbrub160 A,
TD.tbrub170 A,
TD.tbrub185 A,
TD.tbrub190 A,
TD.tbrub200 A,
TD.tbrub220 A,
TD.tbrub250 A,
TD.tbrub350 A
{
	color: #000080;
	font-size:12px;
	text-decoration: none;
}
TD.tb A:hover,
TD.tbrub A:hover,
TD.tbrub140 A:hover,
TD.tbrub150 A:hover,
TD.tbrub160 A:hover,
TD.tbrub170 A:hover,
TD.tbrub185 A:hover,
TD.tbrub190 A:hover,
TD.tbrub200 A:hover,
TD.tbrub220 A:hover,
TD.tbrub250 A:hover,
TD.tbrub350 A:hover
{	text-decoration: underline; }
/* end towns white rubrique TDs */