@import url('yui-reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:11px;cursor:default;background:#FFF url(../img/loading.gif) center center no-repeat;color:#432204}
h1,h2,.large,.left{font-family: Arial,sans-serif;font-size:36px;font-weight:bold;padding:0;margin-bottom:0}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}
#barmenu img{display:inline}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#barmenu {position:absolute;bottom:20px;left:270px;z-index:80;width:100%;line-height:12px}
#barmenu div{height:94px;background:#FFF;opacity:0.65;filter:alpha(opacity=65);padding:7px 0 0 20px}

h1{position:relative;left:-271px;margin-bottom:-101px;width:270px;opacity:0.99;text-align:center;
background:url(../img/gray.png) left bottom repeat-x;padding-bottom:9px}

h1 a{margin:0px 0px -25px 50px;padding: 0;
color #000;text-align:center;background:transparent url(../img/logo.png) top center no-repeat;
font-size:11px;display:block;width:179px;height:162px}

h1 a:hover{background:transparent url(../img/logo_on.png) top center no-repeat}

#barmenu ul{float:left;width:180px}
li a {height:13px;padding:0px;font-weight:bold;color:#432204;}
li a:hover{color:#000}
li.cur {height:13px;display:block;color:#ac3207;text-transform:uppercase;font-weight:bold}

#barmenu li a {text-transform:uppercase;display:block}

.box li {list-style-image: url("../img/puce.png");text-indent: 0px;margin-left:14px;list-style-position: outside;margin-top:8px}

dl{color:#432204}

.box a {color:#AC3207;text-decoration:none}
.box a:hover {color:#432204}
.box h2 {color:#AC3207;font-size:18px;font-weight:bold;padding:0 0 6px 0px;line-height:18px}
.box {position:absolute;top:10%;right:94px;width:375px;z-index:100;heigth:508px}
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px;z-index:100}
.large h2{font-size:60px}
.white{color:#fff}
.box p {line-height:17px}

hr {border:none;border-bottom:1px solid #EEE;margin: 10px 0 4px 0}
#boxtop {background: transparent url(../img/ombre_haut.png) top center no-repeat;height:11px}
#boxbot {background: transparent url(../img/ombre_bas.png) top center no-repeat;height:18px}
#boxcen {background: transparent url(../img/ombre_centre.png) top center repeat-y;padding:6px 31px 0 15px}
#topimg {text-align:center}


#intro {line-height:14px;font-size:18px;position:absolute;bottom:155px;left:270px;color:#FFF;
font-weight:bold;z-index:100;padding:22px;background:transparent url(../img/transp.png) repeat}
#intro h2 {line-height:40px;font-size:36px;padding:0;margin:0}
#intro span {font-size:13px;line-height:17px}

.plan {height:173px;margin:0 0 10px 0;padding:30px 0 0 140px;background:#FFF url(../img/plan.png) no-repeat}
.plan a {color:#000;text-decoration:none}
.plan a:hover {color:#AC3207}
.lienplan {margin:24px 0 0 65px}

h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

dl{margin:0px 0}
dt{background:#d9d6d2;padding:15px 0 25px 0;display:block;border-top-width:1px;width:330px;font-size:12px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:320px;-moz-border-radius:3px}
dd {height:0;overflow:hidden;width:330px}
dd p {padding:8px 0 2px 0px;display:block}
dt{color:#432204}

#photos{position:absolute;z-index:90;bottom:60px;right:220px;height:22px;overflow:hidden}
#float{z-index:90;height:20px;line-height:22px;text-align:center;width:40px;background:#AC3207 url(../img/gal.gif) -6px 5px no-repeat;cursor:pointer;color:#000}
#photos a{z-index:90;height:22px;line-height:22px;text-align:center;width:60px;background:#000;cursor:pointer;color:#000}
#photos a{width:22px;float:left;margin-left:1px;background:#FFF;font-weight:bold;overflow:hidden;color:000;-moz-border-radius:0px}
#photos a:hover,#photos a.cur{background:#AC3207;color:#FFF}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}

#myadmin {
  background: url(../img/transp.png);
	position : absolute;
	left : 470px;
	right : auto;
	top : 5%;
	z-index : 999;
	color : #FFF;
	font-size : 11px;
	text-align:center;
	padding:16px
}

#myadmin a{font-weight:12px}

#form {margin:0px 0 0 0;padding-bottom:14px}
#form label {text-align:left;width:80px}
#form input {background:#FEFEFE;border:1px solid  #AAA;padding:3px;width:140px;margin-right:14px;margin-top:8px;color:#999}
#form select {background:#FEFEFE;border:1px solid  #AAA;padding:3px;width:148px;margin-top:8px}
#form textarea {background:#FEFEFE;border:1px solid #AAA;padding:2px;width:308px;color:#999}
#form select {color:#999}
#form label{visibility:hidden;width:0px}
#form input, #form select, #form textarea{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:10px;font-weight:bold}
#form button {padding:2px;border:1px solid #AAA;background:#FFF}
#form button:hover {color:#FFF;background:#432204}
#submit {padding:12px 0 0 0;margin:0 17px 0 0}

.hidden {display: none}
.visible {display: inline}

#minimenu {position:absolute;right:18px;bottom:26px;z-index:90;color:#666}
#minimenu {font-size:10px}
#minimenu a {color:#444}
#minimenu a:hover {color:#000}

.redmaj {color:#AC3207;font-weight:bold;border-bottom:1px solid #AC3207;font-size:14px}
.brownmaj {color:#432204;font-weight:bold;padding-top:4px;}
.redhr {border:none;border-bottom:1px solid #AC3207;margin: 10px 0 4px 0}