@charset "iso-8859-1";
/* my base styles */
FORM, DIV, IMG { margin: 0; padding: 0; border: 0; }
/*TABLE{ border: 0; border-collapse: collapse; font-size: 1.0em; }*/
TD{ text-align:left; vertical-align: top; font-size: 1.0em; }
OL, UL, LI { font-size: 1.0em; }
P,UL,LI{text-align:left;}
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.large{ font-size: large; }
.medium{ font-size: medium; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.just{ text-align: justify; }
.clearfloat{ clear: both; }
.important, .Important{ color: Red; font-size: medium; }
.indent{ margin-left:15px; }
div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div>< */
/* base styles */

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



DIV.spacer{	width:10px;height:20px; }

BODY{
	margin:0; 
	padding:0; 
	/*background: #fff url('/logos/bckbleu.jpg') repeat-x;*/
	background: #ffffff url("/logos/bckTouradour.png") top left repeat-x;
	font-family: verdana,georgia,arial,helvetica,sans-serif;
	font-size: 90%;
}

/* To center a page on all browsers, use a container for all the elements on the page */
DIV#globalwrapper {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:35px;
	width: 990px;
	text-align: left; /* to bring back the normal alignment */
	background: #ffffff;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

DIV#outerwrapper{
	width:900px;
	margin: 0px auto;
	border: 0px solid gray;
}
TD H1{ color: #000033; margin:0; padding:10px 0 0 0; }
TD.center{ text-align:center; }
.white { color:#fff;}
div.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.areatxt { font-size: small; text-align: right; }
.areatxtcenter { font-size: small; text-align:center; }
.areatxtleft { font-size: small; text-align:left; }

.cellblue {
	background-color: #0099ff;
	color: #000066;
	font-weight: bold;
}
.celldark {
	background-color: #ff9933;
	color: #000066;
	font-weight: bold;
}
.celllight {
	background-color: #ffff99;
	color: #000066;
	font-weight: bold;
}

.cellyellow {
	background-color: #ffff66;
	color: #ff0000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}
.copy {
	background-color: transparent;
	color: #808080;
	font-family: sans-serif,verdana,arial,helvetica;
	font-size: small;
	font-weight: normal;
}
.copy a {
	background-color: transparent;
	color: #808080;
	font-family: sans-serif,verdana,arial,helvetica;
	font-size: small;
	font-weight: normal;
}



.navbar {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 10px;
}
.navbar a, .navbar a:link, .navbar a:visited {
	text-decoration: none;
}

.normal {
	background-color: transparent;
	color: #000033;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
}
.owner {
	background-color: transparent;
	color: #0033cc;
}
.picken {
	background-color: transparent;
	color: #9933ff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
}
.rubrique {
	background-color: transparent;
	color: #3300cc;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.rubrique2 {
	background-color: transparent;
	color: #3300cc;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 110%;
	font-weight: bold;
}
.size14 {
	font-size: 14px;
}
.tableheader {
	background-color: transparent;
	color: #ffffff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}
.tableheaderblack {
	background-color: #000000;
	color: #ffffff;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}
.tableheaderblue {
	background-color: #000066;
	color: #ffffff;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}
.tablenav {
	background-color: #000066;
	background-image: none;
}
.tablesurf {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}
.tablesurf td {
	background-color: #ffffff;
	color: #000800;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}
.tablewhite {
	background-color: #fff;
	background-image: none;
}
.tablewhiteb {
	background-color: #F2F2F2;
	background-image: none;
	/*border:1px solid #e1e1e1;*/
}
.tablewhiteb TD {
	border:1px solid #e1e1e1;
	margin:0;
	padding:2px 5px 3px 5px;
}

DIV.telephone {width:500px; margin:15px auto; padding:0; text-align:center; }
DIV.telephone P{  text-align:center; color: #005125; font-family: verdana,arial,helvetica,sans-serif; font-size: x-small; padding:0; margin:0;}
.text {
	background-color: transparent;
	color: #000033;
	font-family: georgia,verdana,arial,helvetica,sans-serif;
	font-size: 11pt;
	margin-top: 6pt;
}
.topnav {
	background-color: transparent;
	color: #ffffff;
	font-weight: bold;
}
.topnav a:visited, .topnav a, .topnav a:link {
	background-color: transparent;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
.topnav a:hover, .topnav a:visited:hover {
	background-color: transparent;
	color: #0066ff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}
.towntitle {
	background-color: transparent;
	color: #333399;
}

/* 03 nov 2009 - towns index */
DIV#pagewrapper980{
	width:980px;
	border: 0px solid gray;
	text-align: center;
	margin: 0 auto;
}
.w620 { width:620px; margin:0 auto; text-align:left; }
.w720 { width:720px; margin:0 auto; text-align:left; }
.w820 { width:820px; margin:0 auto; text-align:left; }
/* tb for townbuttons */
DIV.tb{
	float: left;
	padding: 5px;
	margin: 1px 5px 5px 5px;
	width: 150px;
	border-top: 2px #0099FF solid;
	border-right: 2px #6699CC solid;
	border-bottom: 2px #6699CC solid;
	border-left: 2px #0099FF solid;
	background-color: #fff;
	text-align: center;
}
DIV.textblok{
	border-top: 2px #0099FF solid;
	border-right: 2px #6699CC solid;
	border-bottom: 2px #6699CC solid;
	border-left: 2px #0099FF solid;
	background-color: #fff;
	text-align: center;	
}
IMG.cadre2gray{	border: 2px solid gray; }
IMG.cadre3gray{	border: 3px solid gray; }
IMG.cadre4gray{	border: 4px solid gray; }
IMG.cadre2bmue{	border: 2px solid blue; }
/* towns white rubrique table */
TABLE.tbrub{
	background-color:#FFFFFF;
	border:4px;
}
TABLE.tbrub140{
	background-color: #FFFFFF;
	border: 2px #6699CC solid;
	width: 140px;
}
TABLE.tbrub140 TD{text-align:center;}
/* /// TOPLOGO STYLES  ///  */
DIV#wraptoplogo{border:0px;padding:0px;margin:0px;position:relative;width:100%;height:120px;background:#6699CC url('/logos/topbck120.png') no-repeat center;}
DIV#wraptoplogo DIV#header{width: 990px; height: 118px; border: 0px solid yellow; margin: 2px auto; position: relative;}
DIV#wraptoplogo DIV#header DIV#headerlogo{position: absolute; top: 5px; left: 5px; width: 234px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 17px; text-align: left; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:0px}
DIV#wraptoplogo DIV#header DIV#headerlogo DIV#fra{font-size: 12px; margin: 10px 10px 10px 10px; border: 0px; font-weight: normal;}
DIV#wraptoplogo DIV#header DIV#headerlogo DIV#fra IMG{width: 18px; height: 12px; border: 0px; margin: 0px 10px 0px 0px;}
DIV#wraptoplogo DIV#header DIV#headerlogo DIV#eng IMG{width: 18px; height: 12px; border: 0px; margin: 0px 10px 0px 0px;}
DIV#wraptoplogo DIV#header DIV#headerlogo DIV#eng{font-size: 12px; margin: 0px 10px 0px 10px; border: 0px; font-weight: normal;}
DIV#wraptoplogo DIV#headb{border:0px solid red; position: absolute; top: 10px; left: 246px; width: 730px; height:92px; padding:0; margin:0;}
DIV#wraptoplogo DIV#headerlogo SPAN.sp1{color: #0000A0; margin-left: 9px;}
DIV#wraptoplogo DIV#headerlogo SPAN.sp2{color: #FF0000;}
DIV#wraptoplogo DIV#headerlogo SPAN.sp3{color: #0000A0; font-size: 14px;}
/* /// END TOPLOGO STYLES  ///  */



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:724px; height: 90px; 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;}
/*             TOPNAV MENU STYLES            */
#nav {
	background-color: #ffffff;
	/*padding: 0px 6px 0px 6px;*/
	padding: 0px;
	width: 990px;
	height: 35px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

#navlist {
	background: #666666;
	height: 35px;
}

#navlist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navlist li {
	float: left;
	padding-left: 18px;
	margin-left: 8px;
	margin-right: 8px;
	background-image: url('../towns1/grafiks/summer-nav-bul.gif');
	background-repeat: no-repeat;
	background-position: 4px 13px;
	padding-top: 9px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#navlist li#flagfr {
	float: left;
	padding-left: 24px;
	margin-left: 2px;
	margin-right: 8px;
	background-image: url('/logos/fra-sm.gif');
	background-repeat: no-repeat;
	background-position: 2px 10px;
	padding-top: 9px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#navlist li#flaggb {
	float: left;
	padding-left: 24px;
	margin-left: 2px;
	margin-right: 8px;
	background-image: url('/logos/eng-sm.gif');
	background-repeat: no-repeat;
	background-position: 2px 10px;
	padding-top: 9px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#navlist li.nolink {
	float: left;
	padding-left: 18px;
	margin-left: 8px;
	margin-right: 8px;
	background-image: none;
	background-repeat: no-repeat;
	padding-top: 9px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#navlist a:link, #navlist a:visited, #navlist a:active {
	color: #ffffff;
	text-decoration: none;
}

#navlist a:hover {
	text-decoration: underline;
}
/*             TOPNAV MENU STYLES            */

/*-----------------------  TopTitle divs replace 3 cell table for simple page header with logos left and right  --------------------------*/
DIV#toptitle { width:900px; margin:0 auto; position:relative; }
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  --------------------------*/



/* 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
{
	/*float: left;*/
	padding: 3px 2px 4px 2px;
	margin: 1px 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;
}
/* end towns white rubrique TDs */

/* ---  start footbar styles  --- */
DIV#footbar{
	width: 952px; /*=pagewrapper is 970+2x10padding+2x1pxborder=992 total width*/;
	padding: 0 20px 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;
}
#footbar table{margin-left:auto;margin-right:auto;}
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  --- */