html{margin: 0px;padding: 0px;background-image: url("back.gif");}
body{margin: 0px;padding: 0px;background-color: #000000;color: #000000;background-image: url("back.gif");}
#page{margin: 0px;padding: 0px;border-right-width: 1px;	border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #666666;	border-left-color: #666666;background-image: url("h1.gif");background-repeat: repeat;}

p{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 0.6em;font-weight: normal;}
blockquote{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 0.6em;font-weight: normal;}
li{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 0.6em;font-weight: normal;}

dd{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 0.6em;font-weight: normal;}
dt{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 0.6em;font-weight: normal;}



#resource1 {font-size: 12px;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 p {font-size: 10px;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 h1{font-size: 11px;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 h2{font-size: 11pxm;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 h3{font-size: 11px;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 h4{font-size: 11px;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 h5{font-size: 11px;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
#resource1 img{border:none;}


-----------------------------------------
Menu roll
.menu_roll {clear:both; margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;}
.menu_roll dt {display:none;}
.menu_roll dd {margin:0px 0px 0px 10px; padding:0;font-size: 0.7em;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}

.menu_roll .aa {width:5px; float:left; border-bottom:1px solid #000; background:#73001d;}
.menu_roll .bb {float:left; padding:2px 0 2px 0; border-bottom:1px solid #000; border-top:1px solid #000; background:#73001d; text-align:center;}

.menu_roll .sela {width:5px; float:left; background:#c52a56; font-size:1em;}
.menu_roll .selb {float:left; padding:2px 0 2px 0; border-top:1px solid #000; background:#c52a56; color:#f00; font-size:1em; text-align:center;}

.menu_roll .va {width:1px; float:left; border-top:5px solid #fff; background:#000; overflow:hidden;}
.menu_roll .vb {width:1px; float:left; height:1px; background:#ccc; border-top:2px solid #fff; border-bottom:2px solid #000; overflow:hidden;}
.menu_roll .vc {width:1px; float:left; height:1px; background:#ccc; border-top:1px solid #fff; border-bottom:1px solid #000; overflow:hidden;}
.menu_roll .vd {width:2px; float:left; height:1px; background:#000; border-top:1px solid #ccc; overflow:hidden;}

* html .menu_roll .vb {height:5px; he\ight:1px;}
* html .menu_roll .vc {height:3px; he\ight:1px;}
* html .menu_roll .vd {height:2px; he\ight:1px;}

.menu_roll a, .menu_roll a:visited {color:#FFFFFF; text-decoration:none; font-size:1em; cursor:pointer; background:#a1103a;}
.menu_roll a:hover {color:#DDDDDD; background:#c52a56;}
.menu_roll a:hover .aa, .menu_roll a:hover .bb {background:#a1103a;}
------------------------------------------
IMAGE GALERIE
#info {padding-right: 0px; padding-left: 0px; padding-bottom: 2em; padding-top: 2em; text-align: center}
ul#gallery {padding-right: 0px; padding-left: 0px; background: url(http://www.hotel-de-provence.net/images/g26.jpg) #888; padding-bottom: 0px; margin: 0px auto; width: 448px; padding-top: 0px; position: relative; height: 336px}
#gallery li {z-index: 100; float: left; width: 64px; list-style-type: none; height: 48px}
#gallery li.lft {clear: left; float: left}
#gallery li.rgt {clear: right; float: right}
#gallery a {display: block; z-index: 100; float: left; width: 64px; cursor: default; position: relative; height: 48px}
#gallery a img {border-right: #888 1px solid; border-top: #888 1px solid; z-index: 100; border-left: #888 1px solid; width: 62px; border-bottom: #888 1px solid; position: relative; height: 46px}
#gallery a:hover {padding-right: 144px; padding-left: 144px; z-index: 20; left: 0px; padding-bottom: 108px; width: 160px; padding-top: 108px; position: absolute; top: 0px; height: 120px}
#gallery a:hover img {border-top-width: 0px; border-left-width: 0px; z-index: 20; background: #eee; border-bottom-width: 0px; width: 160px; position: relative; height: 120px; border-right-width: 0px}
#gallery a:active {padding-right: 64px; padding-left: 64px; z-index: 10; background: none transparent scroll repeat 0% 0%; left: 0px; padding-bottom: 48px; width: 320px; padding-top: 48px; position: absolute; top: 0px; height: 240px}
#gallery a:unknown {padding-right: 64px; padding-left: 64px; z-index: 10; background: none transparent scroll repeat 0% 0%; left: 0px; padding-bottom: 48px; width: 320px; padding-top: 48px; position: absolute; top: 0px; height: 240px}
#gallery a:active img {border-top-width: 0px; border-left-width: 0px; z-index: 10; background: #eee; border-bottom-width: 0px; width: 320px; position: relative; height: 239px; border-right-width: 0px}
#gallery a:unknown img {border-top-width: 0px; border-left-width: 0px; z-index: 10; background: #eee; border-bottom-width: 0px; width: 320px; position: relative; height: 239px; border-right-width: 0px}
#gallery li.pad {margin-top: -2px; display: block; font-size: 0px; width: 448px; height: 0px}
@media unknown    
{#gallery a:hover {padding-right: 64px; padding-left: 64px; z-index: 10; background: #888; left: 0px; padding-bottom: 48px; width: 320px; padding-top: 48px; position: absolute; top: 0px; height: 240px}
#gallery a:hover img {border-top-width: 0px; border-left-width: 0px; z-index: 10; background: #aaa; border-bottom-width: 0px; width: 320px; position: relative; height: 240px; border-right-width: 0px}}
------------------------------------------

h1{font-size: 0.9em;width: 100%;margin-bottom: 0px;}
h2{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 12px;font-weight: bold;color:#ffffff;background-image: url("h2.gif");}
h3{font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;font-size: 0.6em;font-weight: normal;}
h4{font-size: 1em;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}
h5{font-size: 1em;font-family: "Verdana", Lucida Grande, Tahoma, Helvetica, San-Serif;}



a{text-decoration: none;color: #680426;font-weight: bold;}
a:hover{text-decoration: none;color: #953153;font-weight: bold;}
hr{display: none;}
pre{border-width: 1px;border-color: #ccc;border-style: solid;background-color: #eee;padding: 5px;margin: 10px;overflow: auto;}

ol li.current a{text-decoration: none;color: #000;}
#easy-access {color: #6a001c;margin: 0 0 0 0;padding: 0 0 10px 0;}
#easy-access a{color: #6a001c;margin: 0 0 0 0;padding: 0 0 10px 0;}
#easy-access a:hover{color: #b40a37;margin: 0 0 0 0;padding: 0 0 10px 0;}
#easy-access a:focus{color: #b40a37;margin: 0 0 0 0;padding: 0 0 10px 0;}

body.category #content h2,
{padding: 4px 4px 4px 17px;
background-position:  0% 40%; 
background-repeat: no-repeat; 
font-family: "Arial", Helvetica, sans-serif;
background-image: url("icon_pg.gif");
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #680426;
border:solid 1px #333333;
background-image: url("h2.gif");
background-repeat: repeat;}

.restitle
{padding: 4px 4px 4px 17px;
background-position:  0% 40%; 
background-repeat: no-repeat; 
font-family: "Arial", Helvetica, sans-serif;
background-image: url("icon_pg.gif");
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #ffffff;
border:solid 1px #333333;
background-image: url("h2.gif");
background-repeat: repeat;}

#websitename h2 a {color: #ffffff;}

h2.category{text-transform: uppercase;}

#page{width: 900px;margin-left: auto;margin-right: auto;}


ol.tree{margin: 0;padding: 0;}
ol.tree li{display: inline;list-style-type: none;padding-right: 0.7em;padding-left: 0;}
ol.tree li:before{content: '\00bb  ';}

#content img{border-width: 1px;	border-color: #ccc;border-style: solid;padding: 5px;margin: 10px;}

#content h2{padding: 5px;border:solid 1px #333333;font-size: 12px;}
#content h2 a {color: #E7970C;font-size: 12px;}

p.modified{font-size: 10px;margin: 3px 3px 3px 3px;text-align: right;color: #888888;}

div.col-contentr img{border: none;}
div.col-contentl img{border: none;}

#footer img{border: none;}
#footer{text-align: center;color: #E7970C;font-family: "Arial", Helvetica, sans-serif;padding: 0em;clear: both;border: none;font-size: 0.8em;}
#footer a{text-decoration: none;border: none;color: #000000;}


#footer0{text-align: center;color: #dddddd;font-family: "Arial", Helvetica, sans-serif;padding: 0.5em;clear: both;border: none;font-size: 0.7em;}

#banner h1{
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
border: none;
color: #E7970C;
width: 100%;
padding: 0 0 0 0;
margin: 5px 0px 0px 0px;}

#banner h2 a{
font-family: "Arial", Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
border: none;
color: #ffffff;
width: 100%;
padding: 0 0 0 0;
margin: 0px 0px 0px 0px;}

#banner h1 a{text-decoration: none;border: none;color: #000000;text-transform: uppercase}

#banner h2{border: none;text-align: right;margin-right: 2em;margin: 5px 0px 0px 0px;}

#banner{margin: 0 0 0 0;padding: 0 0 0 0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #333333;text-align: center;}

#easy-access{margin: 0 0 0 0px;padding: 5px 0 5px 0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #333333;}

#top{margin: 0 0 0 0;padding: 10px 0 10px 0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #333333;}


div.col-contentr{padding: 0px 5px 5px 20px;}
div.col-contentr h2{padding: 0.2em;margin-bottom: 0.3em; border:solid 1px #333333;}
div.col-contentr li{list-style: none;}
div.col-contentr ol{list-style-type: none;	margin-left: 1.2em;}
div.col-contentr a{text-decoration: underline;}
div.col-contentr ul{margin-top: 0;margin-left: 7px;padding-left: 0;margin-right: 10px;padding-right: 0;}
div.col-contentr ol{margin-top: 0;margin-left: 7px;padding-left: 0;margin-right: 10px;padding-right: 0;}
div.col-contentr p{margin-top: 0;margin-left: 7px;padding-left: 0;margin-right: 10px;padding-right: 0;}

div.col-contentl{padding: 0px 5px 5px 5px;}
div.col-contentl h2{padding: 0.2em;margin-bottom: 0.3em; border:solid 1px #333333;}
div.col-contentl li{list-style: none;}
div.col-contentl ol{list-style-type: none;	margin-left: 1.2em;}
div.col-contentl a{text-decoration: underline;}
div.col-contentl ul{margin-top: 0;margin-left: 7px;padding-left: 0;margin-right: 10px;padding-right: 0;}
div.col-contentl ol{margin-top: 0;margin-left: 7px;padding-left: 0;margin-right: 10px;padding-right: 0;}
div.col-contentl p{margin-top: 0;margin-left: 7px;padding-left: 0;margin-right: 10px;padding-right: 0;}

li{list-style-type: none;	margin-left: 1.2em;}

input, textarea {border-width: 1px;border-color: #ccc;}
input[type], textarea[name]{background: #eee;}
input[type=submit], input[type=reset] {background: #bbb;color: #000;}
input[type=submit]:hover {background: #999;color: #fff;}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#mainfloat{float: left;	width: 75%;}
#content{float: right;width: 70%;border-left-width: 1px;border-left-style: solid;border-left-color: #333333;border-right-width: 1px;border-right-style: solid;	border-right-color: #333333;padding: 10px;}
#menuleft{margin-right: 73%;text-align: right;padding: 10px 5px 20px 5px;}
#menuright{margin-left: 72%;padding: 15px 20px 20px 20px;}
/* */
/*#content, #menuleft, #menuright
{padding: 3px;}
/* VERTICAL PADDING ABOVE COLUMNS */
#banner{ margin-bottom: 0px;}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ p\osition: relative;}