/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/


html {
  height: 101%;
}

body {
  margin: 0;
  padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, .contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
}

p {
  padding: 5px 0;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {
  border: none;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle;
}

.clr {
	clear : both;
}

#wrapper {
	margin: 0 auto;
}

.full {
	width: 100%;
}

.demi {
	width: 50%;
}

.tiers {
	width: 33.33%;
}

.quart {
	width: 25%;
}

.flexiblemodule, .column, .logobloc {
        float: left;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/




body {
	background:  url(../images/marbre-antique.jpg) center center repeat fixed;
	text-align: left;
}

h1, div.componentheading {
	color: #00ff2f;
	text-align: left;
	font-size: 20px;
	font-family: Times New Roman, Serif;
}

h2, div.contentheading {
	text-align: left;
}

h3 {
	text-align: left;
}

h4 {
	text-align: left;
}

h5 {
	text-align: left;
}

h6 {
	text-align: left;
}

.button, button {
    border: none;
	text-align: left;
}

.button:hover, button:hover {
	text-align: left;
}

ul.pagenav li a {
    display: block;
	text-align: left;
}

ul.pagenav li a:hover {
	text-align: left;
}

.readmore a,div.item a.btn {
	text-align: left;
}

.readmore a:hover,div.item a.btn:hover {
	text-align: left;
}

.invalid {border: red;}
                
input,input.inputbox, .registration input, .login input, .contact input, .contact textarea {
    border: none;
	text-align: left;
}

input:focus,input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus {
	text-align: left;
}

#wrapper {
	background: #46f207 url(../images/sculpture tami.jpg) center center no-repeat;
	height: 800px;
	width: 1000px;
	text-align: left;
}

#modules > div.inner {
	text-align: left;
	position: fixed;
}

#modules div.moduletable, #modules div.module,
#modules div.moduletable_menu, #modules div.module_menu {
	text-align: left;
}

#modules div.moduletable h3, #modules div.module h3,
#modules div.moduletable_menu h3, #modules div.module_menu h3 {
	text-align: left;
}

#modules > div.inner {
	text-align: left;
}

#modules div.moduletable, #modules div.module,
#modules div.moduletable_menu, #modules div.module_menu {
	text-align: left;
}

#modules div.moduletable h3, #modules div.module h3,
#modules div.moduletable_menu h3, #modules div.module_menu h3 {
	text-align: left;
}

#module1 > div.inner {
	text-align: left;
}

#module1 div.moduletable, #module1 div.module,
#module1 div.moduletable_menu, #module1 div.module_menu {
	background: #000000;
	height: 212px;
	width: 140px;
	text-align: left;
	position: fixed;
}

#module1 div.moduletable h3, #module1 div.module h3,
#module1 div.moduletable_menu h3, #module1 div.module_menu h3 {
	text-align: left;
}

#module2 > div.inner {
	background:  url(../images/Haut_rideau.jpg) center center no-repeat;
	text-align: left;
}

#module2 div.moduletable, #module2 div.module,
#module2 div.moduletable_menu, #module2 div.module_menu {
	background:  url(../images/Haut_rideau2.jpg) 140px center no-repeat;
	height: 138px;
	width: 1000px;
	text-align: left;
	position:relative;
z-index:100;
}

#module1 {
position:relative;
z-index:100;
}

#module2 div.moduletable h3, #module2 div.module h3,
#module2 div.moduletable_menu h3, #module2 div.module_menu h3 {
	text-align: left;
}

#module4 > div.inner {
	text-align: left;
}

#module4 div.moduletable, #module4 div.module,
#module4 div.moduletable_menu, #module4 div.module_menu {
	text-align: left;
}

#module4 div.moduletable h3, #module4 div.module h3,
#module4 div.moduletable_menu h3, #module4 div.module_menu h3 {
	text-align: left;
}

#main {
	background:  url(../images/template_thatre4.jpg) center 00px no-repeat fixed;
	color: #3ae8e5;
	text-align: left;
}

#main div.moduletable, #main div.module,
#main div.moduletable_menu, #main div.module_menu {
	text-align: left;
}

#main div.moduletable h3, #main div.module h3,
#main div.moduletable_menu h3, #main div.module_menu h3 {
	text-align: left;
}

#left > div.inner {
	background:  url(../images/fond.de.menu4.jpg) center 5px no-repeat fixed;
	height: 6000px;
	zoom: 1;
	text-align: left;
	{fixed;}
}

#left div.moduletable, #left div.module,
#left div.moduletable_menu, #left div.module_menu {
	height: 435px;
	width: 140px;
	text-align: justify;
}

#left div.moduletable h3, #left div.module h3,
#left div.moduletable_menu h3, #left div.module_menu h3 {
	text-align: left;
}

#left ul.menu {
	height: 35px;
	width: 135px;
	padding: 5px;
	position: fixed;
}

#left ul.menu li a, #left ul.menu li span.separator {
    white-space: nowrap;
}

#left ul.menu li a, #left ul.menu li span.separator {
    display: block;
	background: #bec4c4;
	background: rgba(190,196,196,0.5);
	-pie-background: rgba(190,196,196,0.5);
	color: #614503;
	font-weight: bold;
	text-indent: 5px;
}

#left ul.menu li:hover > a, #left ul.menu li:hover > span.separator {
	background: #ededed;
	color: #967708;
}

#left ul.menu li.active > a, #left ul.menu li.active > span.separator {
	background: #bec4c4;
	background: rgba(190,196,196,0.5);
	-pie-background: rgba(190,196,196,0.5);
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

#center > div.inner {
	zoom: 1;
	color: #ededed;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	font-family: Georgia, serif;
}

#center div.moduletable, #center div.module,
#center div.moduletable_menu, #center div.module_menu {
	text-align: left;
}

#center div.moduletable h3, #center div.module h3,
#center div.moduletable_menu h3, #center div.module_menu h3 {
	text-align: left;
}

#right > div.inner {
	background: #000000;
	height: 800px;
	zoom: 1;
	text-align: left;
}

#right div.moduletable, #right div.module,
#right div.moduletable_menu, #right div.module_menu {
	background: #000000;
	width: 370px;
	color: #e6e6e6;
	text-align: left;
	font-style: italic;
	line-height: 5px;
	font-size: 15px;
	font-family: Georgia, serif;
}

#right div.moduletable h3, #right div.module h3,
#right div.moduletable_menu h3, #right div.module_menu h3 {
	text-align: left;
}

#right ul.menu {
	background: #000000;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#right ul.menu li a, #right ul.menu li span.separator {
    white-space: nowrap;
}

#right ul.menu li a, #right ul.menu li span.separator {
    display: block;
	background: #000000;
	color: #e6e6e6;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: bold;
	font-style: italic;
	font-size: 26px;
	font-family: Georgia, serif;
}

#right ul.menu li:hover > a, #right ul.menu li:hover > span.separator {
	background: #ededed;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color: #282929;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-size: 26px;
	font-family: Georgia, serif;
}

#right ul.menu li.active > a, #right ul.menu li.active > span.separator {
	background: #000000;
	color: #e6e6e6;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 23px;
}
