/* CSS Document */
*{
  margin:0;
  padding:0;
}

body{
  font-family:Arial, serif;
  background:#4e3427 url(../images/bg.jpg);
  color:#fff;
}

#container{
  width:785px;
  margin:30px auto;
}

#loader{
  width:128px; 
  height:15px; 
  position:absolute; 
  top:50%; 
  left:50%;
  margin-top:-7px;
  margin-left:-64px; 
  background:url(../images/loader.gif);
  display: none;
}

#left{
  width:191px;
  height:592px;
  float:left;
}
#news{
  width:579px;
  height:183px;
  float:left;
  background-color:#ce6d23;
  border:4px solid #fff;
  margin-top: -202px;
  margin-left: 198px;
  position: relative;
}

#news img{
  margin: 10px 0 0 10px;
}

#case1{
  width:191px;
  height:191px;
  margin-bottom:7px;
  cursor: pointer;
  background:url(../images/de.jpg);
  position: relative;
}

#case2{
  width:191px;
  height:191px;
  margin-bottom:7px;
  cursor: pointer;
  background:url(../images/orbe.jpg);
  position: relative;
}
    
#right{
  width:191px;
  height:592px;
  float:right;
  margin-right:198px;
}

#case3{
 width:191px;
  height:191px; 
  margin-bottom:7px;
  cursor: pointer;
  background:url(../images/disco.jpg);
  position: relative;
}

#case4{
  width:191px;
  height:191px; 
  margin-bottom:7px;
}

#case5{
  width:191px;
  height:191px;
  cursor: pointer;
  background:url(../images/orbe.jpg);
  position: relative; 
}

#right2{
  width:191px;
  height:592px;
  float:right;
  margin-right:-389px;
}
    
#content{
  width:191px;
  height:578px; 
  margin:0 0 20px 198px;
}

#case6{
  width:191px;
  height:191px;
  margin-bottom:7px;
  cursor: pointer;
  background:url(../images/warning.jpg);
  position: relative;
}

#case7{
  width:191px;
  height:191px;  
  margin-bottom:7px;
  cursor: pointer;
  background:url(../images/chinies.jpg);
  position: relative;
}

#case8{
  width:191px;
  height:191px;
  cursor: pointer;
  background:url(../images/building.jpg);
  position: relative;
}

#case9{
  width:191px;
  height:191px;
  cursor: pointer;
  background:url(../images/building.jpg);
  position: relative;
  z-index: 3;
}

#association{
  width:151px;
  height:111px;
  position: absolute;
  top: -25px;
  left: -50px;
  display: none;
}

#agenda{
  width:151px;
  height:111px;
  position: absolute;
  top: -25px;
  left: -50px;
  display: none;
}

#liens{
  width:151px;
  height:111px;
  position: absolute;
  top: -50px;
  left: -50px;
  display: none; 
}

#archives{
  width:151px;
  height:111px;
  position:absolute;
  top: -50px;
  left: -50px;
  display:none; 
}

#band{
  width:151px;
  height:111px;
  position:absolute;
  top:-25px;
  left:-50px;
  display:none; 
}

#contact{
  width:151px;
  height:111px;
  position:absolute;
  top:-25px;
  left:100px;
  display:none; 
}

#page{
  visibility:hidden; 
  width:885px; 
  height:610px; 
  position:absolute; 
  top:45px; 
  left:50%; 
  margin-left:-442px;
}

#passos{
  width:885px; 
  height:610px;
  background: url(../images/passos.png) no-repeat;
  margin-top:-10px;
}

#pagenda{
  width:885px; 
  height:610px;
  background: url(../images/pagenda.png) no-repeat;
  margin-top:-10px;
}

#pcontact{
  width:885px; 
  height:610px;
  background: url(../images/pcontact.png) no-repeat;
  margin-top:-10px;
}

#pliens{
  width:885px; 
  height:610px;
  background: url(../images/pliens.png) no-repeat;
  margin-top:-10px;
}

#parchives{
  width:885px; 
  height:610px;
  background: url(../images/parchives.png) no-repeat;
  margin-top:-10px;
}

#pband{
  width:885px; 
  height:610px;
  background: url(../images/pband.png) no-repeat;
  margin-top:-10px;
}

#close{
  width:20px;
  height:20px; 
  float:right;
  margin:30px 7px 0 0;
  cursor:pointer;
}

#footer{
  position:absolute;
  width:777px;
  height:30px;
  background-color:#ce6d23;
  border:4px solid #fff;
  top:624px;
  left:50%;
  margin-left:-392px;
  z-index:2;
}

div p{
  padding:10px 20px 5px 20px;
  text-align:justify;
}

img.imgtitre{
  padding:130px 20px 5px 20px;
}

img.imgtitre2{
  padding:20px 20px 0 20px;
}

div h1{
  padding:130px 20px 0 20px;
  font-size:18px;
}

h1.titre{
  padding:10px 0 0 20px;
  font-size:18px;
}

p.copy{
  margin-top:-28px;
  margin-left:255px;
  font-size:9px;
  text-transform:uppercase;
  font-weight:bold;
  color:#643700;
}

div a{
  color:#643700;
  text-decoration:none;
}

div a:hover{
  color:#fff;
}

div h2{
  padding:10px 0 0 20px;
  font-size:16px;
  color:#fff;
}

div ul{
  padding:15px 0 10px 50px;
  list-style-image:url(../images/puce.png);
}

.pagination{
  position: absolute;
  right: 10px;
  bottom: 1px;
}

.pagination li{
  display: inline;
  list-style-type: none;
  font-weight: bold;
  cursor: pointer;
}

.pagination li:hover{
  color:#8dca34;
}

div form{
  padding-left:20px;
}

object{
  margin:5px 0 0 5px;
}

table.newsletter{
  margin-top:-47px;
  margin-left:-12px;
  width:175px;
}

#nom{
  border:none;
  width:180px;
  height:23px;
  background:url(../images/input.jpg) no-repeat;
  padding:7px 10px 0 10px;
  color:#643700;
  font:12px Arial, sans-serif;
  font-weight:bold;
  margin-right: 2px;
}

 #mail{
  border:none;
  width:180px;
  height:23px;
  background:url(../images/input.jpg) no-repeat;
  padding:7px 10px 0 10px;
  color:#643700;
  font:12px Arial, sans-serif;
  font-weight:bold;
}

 #newsletter{
  border:none;
  width:124px;
  height:26px;
  background:url(../images/input_news.jpg) no-repeat;
  padding:7px 5px 0 5px;
  color:#643700;
  font:14px Arial, sans-serif;
  font-weight:bold;
}

#sujet{
  border:none;
  width:385px;
  height:23px;
  background:url(../images/inputs.jpg) no-repeat;
  padding:7px 10px 0 10px;
  color:#643700;
  font:12px Arial, sans-serif;
  font-weight:bold;
}

input[type=button]{
  border:none;
  width:100px;
  height:31px;
  background:url(../images/btenvoyer.jpg) no-repeat;
  cursor:pointer;
}

input[type=button].ok{
  border:none;
  width:33px;
  height:30px;
  background:url(../images/btok.jpg) no-repeat;
  cursor:pointer;
  margin-top:-3px;
}

input[type=button].verif{
  border:none;
  width:100px;
  height:31px;
  background:url(../images/btre.jpg) no-repeat;
  cursor:pointer;
}

input[type=reset]{
  border:none;
  width:100px;
  height:31px;
  background:url(../images/btannuler.jpg) no-repeat;
  cursor:pointer;
}

textarea{
  border:none;
  width:392px;
  height:140px;
  background:url(../images/area.jpg) no-repeat;
  padding:5px 3px 5px 10px;
  color:#643700;
  font:12px Arial, sans-serif;
  font-weight:bold;
}

table{
  width:405px;
  margin-top:15px;
}

table.band{
  margin:10px 0 0 20px;
  width:800px;
  text-align:justify;
}

table.affiches{
  margin:10px 0 0 20px;
}

table.affiches img{
  border:4px solid #643700;
}

img.annee{
  padding:10px 20px 0 20px;
}

img.annee2{
  padding:20px 20px 0 20px;
}

table.agenda{
  margin:130px 0 0 30px;
  width:850px;
  text-align:justify;
}

table.agenda td{
  padding-right:20px;
}

td.button{
  text-align: right;
}

span.contact{
  color:#643700;
  font-weight:bold;
  cursor:pointer;
}

span.date{
  color:#643700;
  font-weight:bold;
}

span.gras{
  font-weight:bold;
}

a.lien{
  color:#fff;
}

a.lien:hover{
  color:#643700;
}

img.myspace{
  float:right;
  margin:-21px 10px 0 0;
  border:none;
}

/* POPUP */

#prepopup{
  width:100%; 
  height:100%; 
  background:url(../images/opaque.png) top left repeat; 
  opacity:0.7; 
  position:absolute; 
  top:0; 
  left:0; 
  z-index:4; 
  display: none;
}

#popup{
  width: 460px; 
  height: 260px; 
  background-color:#d56d15; 
  border:3px solid #fff; 
  position:absolute; 
  top:50%; 
  left:50%; 
  margin-top:-130px; 
  margin-left:-230px; 
  z-index:5; 
  display: none;
}

#popup2{
  width: 460px; 
  height: 260px; 
  background-color:#d56d15; 
  border:3px solid #fff; 
  position:absolute; 
  top:50%; 
  left:50%; 
  margin-top:-130px; 
  margin-left:-230px; 
  z-index:5; 
  display: none;
}

#popup3{
  width: 460px; 
  height: 260px; 
  background-color:#d56d15; 
  border:3px solid #fff; 
  position:absolute; 
  top:50%; 
  left:50%; 
  margin-top:-130px; 
  margin-left:-230px; 
  z-index:5; 
  display: none;
}

.pop{
  text-align:center;
  margin:45px 0 0 30px;
  font-weight:bold;
}

.pop td{
  padding-bottom:10px;
}