@charset "utf-8";

body {margin:0px; padding:0px; font: 100% arial, sans-serif; text-align:center; background-color: #ffffff;}
* {margin:0; padding:0;}
 
p {margin:1em 20px;}
h1 {font-size: 1.3em; padding: 20px 10px 10px 20px; font-weight: bold;}
h2 {font-size: 1em; margin:1em 20px; font-weight: bold; font-variant: small-caps;}
img {border: 0px;}
ul {margin: 0 20px 0 25px;}
ol {margin: 0 20px 0 35px;}
li {margin-bottom: 1em;}
iframe {float: left; margin: 0 10px 10px 10px;}

.clearleft {clear: left;}

a:hover {color: #6495ed;}

.sitemaptext {background-color: white; float: left; margin-right: 25px;}

div#mainwrap {width:960px; margin-left:auto; margin-right:auto; text-align:left; background: white;}

div#header {width:780px; height: 140px; background: url('images/header-mauve.jpg') no-repeat top right; margin-top: 20px;}

div#headerquestion {padding-top: 100px; margin-left: 20px; color: #faefed; font-weight: bold;}

div#listmenu {float: left; padding-top: 115px; padding-left: 40px; color: #ff00ff; font-weight: bold;}
div#listmenu ul {margin: 0;}
div#listmenu li {float: left; list-style-type: none;}
div#listmenu a {padding: 0 2px; text-decoration: none; color: #faefed; font-weight: bold;}
div#listmenu a:hover {color: #6495ed;}

div#box {background-color: white; margin: 20px 20px 0 20px; padding-bottom: 10px;}

div.smallbox {background-color: white; width: 193px; padding: 10px; margin-top: 20px; margin-left: 30px; color: #8e5172;}
.smallboximage {float: right;}
div.smallbox a {text-decoration: none; color: #7b5269;}
div.smallbox a:hover {color: #6495ed;}
div.smallbox p {margin:0 5px 0 0;}
div.smallbox h2 {font-size: 0.95em; margin:0; font-weight: bold; color: #612255;}
div.smallbox img {border: 0px; padding-bottom: 5px;}

div.smallbox1 {background-color: white; width: 193px; height: 150px; padding: 10px; margin-top: 20px; margin-left: 30px; color: #8e5172; float: left;}
.smallboximage1 {float: right;}
div.smallbox1 a {text-decoration: none; color: #7b5269;}
div.smallbox1 a:hover {color: #6495ed;}
div.smallbox1 p {margin:0 5px 0 0;}
div.smallbox1 h2 {font-size: 0.95em; margin:0; font-weight: bold; color: #612255;}
div.smallbox1 img {border: 0px; padding-bottom: 5px;}

div#contentarea {width:960px;}

div#column1 {width:180px; float:left; padding-top: 160px; text-align: right; background-color: white; min-height:700px;}
div#column1 ul {margin: 0; list-style-type: none; padding-right: 20px;}
div#column1 li {margin: 0.5em 0 0 0;}
div#column1 a {text-decoration: none; color: #612255;}
div#column1 a:hover {color: #6495ed;}

div#maincontent {width:780px; float:right; background: url('les-folies-bergere/index-folies.jpg') no-repeat top right; background-color: #deb5d6;}

.wrapimage {float: left; margin: 0 20px 10px 0;}
.wrapimage p {font-size: 0.8em; margin: 0px;}
.inlineimage {float: left; margin-bottom: 20px; padding: 0 20px 20px 10px;}
.inlineimage p {margin: 0px;}

.button {margin: 10px; padding: 10px; background-color: #eacfc5; font: bold 120% arial, sans-serif; width: 100px; border: 1px solid #92627c;}
.button a {text-decoration: none;}

div#formcontainer {margin: 0;}

div#footer {width:780px; padding: 10px 0; background-color: #deb5d6; float: right; }
div#footer p {margin: 0 0 1em 40px; font-size: 0.8em; color: #612255;}
 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}