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

.spacer{
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

body {
margin-top:0;
padding-top:0;
background: #E7F2EF url(../images/fond.jpg) repeat-x 0 0;
}


#page{
margin: 0 auto;
width: 991px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border: 1px solid #999;
background-color:#D2DD6C;
}

#page-plan{
margin: 0 auto;
width: 991px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border: 1px solid #999;
background-color:#D2DD6C;
}

#gauche{
float: left;
width: 311px;
}

h1 #logo{
display:block;
font-size:1px;
background:url(../images/logo-ourcadia-bellevue.jpg) no-repeat;
height:206px;
}

#gauche img {
display:block;
height: 384px;
}

h2 {
width:400px;
height:50px;
text-indent:-5000px;
}

h2#plan{
background: url(../images/tit-plandusite.jpg) no-repeat 40px 30px;
}

h2#mentions{
background: url(../images/tit-mentions.jpg) no-repeat 40px 30px;
}



/*_____________________*/

#droite {
float: right;
width:680px;
}

#droite #flash {
display:block;
height: 109px;
width: 680px;
}

/*_____________________*/

#menuh {
height:19px;
width: 680px;
background:#FFAC1E url(../images/fond-menup.jpg) no-repeat 0 0;
}

#menuh ul{
list-style:none;
display:block;
margin: 0 0 0 48px;
}

#menuh li {
float:left;
height:19px;
padding: 0 8px;
text-indent:-5000px;
}

#menuh a{
display:block;
height:19px;
text-decoration:none;
}

#menuh a#pres{
width:130px;
background:url(../images/m-quisommesnous.jpg) no-repeat 0 -19px;}
#menuh a#pres:hover{background:url(../images/m-quisommesnous.jpg) no-repeat 0 0;}

#menuh a#news{
width:64px;
background:url(../images/m-news.jpg) no-repeat 0 -19px;}
#menuh a#news:hover{background:url(../images/m-news.jpg) no-repeat 0 0;}

#menuh a#acces{
width:61px;
background:url(../images/m-acces.jpg) no-repeat 0 -19px;}
#menuh a#acces:hover{background:url(../images/m-acces.jpg) no-repeat 0 0;}

#menuh a#contact{
width:80px;
background:url(../images/m-contact.jpg) no-repeat 0 -19px;}
#menuh a#contact:hover{background:url(../images/m-contact.jpg) no-repeat 0 0;}

#menuh a#partenaires{
width:87px;
background:url(../images/m-partenaires.jpg) no-repeat 0 -19px;}
#menuh a#partenaires:hover{background:url(../images/m-partenaires.jpg) no-repeat 0 0;}


/*_____________________*/


#contenu #chateau2 {
float:left;
height: 462px;
width: 64px;
background:#D2DD6C url(../images/mariage-chateau2.jpg) no-repeat 0 0;
}

#m_themes {
float:left;
width: 616px;
background-color:#ffffff;
}

#m_recep {
clear:both;
float:left;
width: 329px;
height: 187px;
background: url(../images/ourcadia-receptions.jpg) no-repeat 0 0;
}

#m_lois {
float:left;
width: 260px;
height: 187px;
background: url(../images/ourcadia-loisirs.jpg) no-repeat 0 0;
}

#m_recep ul, #m_lois ul {
display: block;
list-style: none;
margin-left: 28px;
margin-top: 110px;
}

#m_recep li, #m_lois li{
text-indent: -5000px;
margin: 3px 0;
}

#m_recep a, #m_lois a{
display: block;
height: 12px;
text-decoration: none;
}

#special-vide{
float:left;
width:64px;
background-color:#FFFFFF;
}

/**/

a#rec-pres{
width: 89px;
background:url(../images/m-servicesentreprises.jpg) no-repeat 0 -12px;
}

a#rec-pres:hover{
width: 89px;
background:url(../images/m-servicesentreprises.jpg) no-repeat 0 0;
}

a#rec-serv{
width: 89px;
background:url(../images/m-servicesparticuliers.jpg) no-repeat 0 -12px;
}

a#rec-serv:hover{
width: 89px;
background:url(../images/m-servicesparticuliers.jpg) no-repeat 0 0;
}

a#rec-decouv{
width: 200px;
background:url(../images/m-decouvrir-bellevue.jpg) no-repeat 0 -12px;
}

a#rec-decouv:hover{
width: 200px;
background:url(../images/m-decouvrir-bellevue.jpg) no-repeat 0 0;
}

a#rec-devis{
width: 123px;
background:url(../images/m-devis-ourecep.jpg) no-repeat 0 -12px;
}

a#rec-devis:hover{
width: 123px;
background:url(../images/m-devis-ourecep.jpg) no-repeat 0 0;
}

/**/

a#lois-pres{
width: 93px;
background:url(../images/m-services-paintball.jpg) no-repeat 0 -12px;
}

a#lois-pres:hover{
width: 93px;
background:url(../images/m-services-paintball.jpg) no-repeat 0 0;
}

a#lois-serv{
width: 93px;
background:url(../images/m-services-ourlois.jpg) no-repeat 0 -12px;
}

a#lois-serv:hover{
width: 93px;
background:url(../images/m-services-ourlois.jpg) no-repeat 0 0;
}

a#lois-galerie{
width: 100px;
background:url(../images/m-galerie-ourlois.jpg) no-repeat 0 -12px;
}

a#lois-galerie:hover{
width: 100px;
background:url(../images/m-galerie-ourlois.jpg) no-repeat 0 0;
}

a#lois-tarifs {
width: 48px;
background:url(../images/m-tarifs-ourlois.jpg) no-repeat 0 -12px;
}

a#lois-tarifs:hover{
width: 48px;
background:url(../images/m-tarifs-ourlois.jpg) no-repeat 0 0;
}



/*_____________________*/

#description {

float:left;
width: 616px;
background-color:#D2DD6C;
}

#description ul, #description p{
display:block;
width:520px;
padding:30px 40px 0 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:justify;
}

#description li{
clear:both;
margin:0 0 0 30px;
list-style-image:url(../images/puce-pres.jpg);
list-style-position:outside;
line-height:16px;
}


#plandusite {
float:left;
width: 616px;
background-color:#D2DD6C;
}

#plandusite p{
display:block;
width:520px;
padding:10px 40px 0 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:justify;
}

#plandusite a{
text-decoration:none;
color:#333333;
}

#plandusite a:hover{
color:#000000;
}

#plandusitegauche{
float:left;
display:block;
width:280px;
height:260px;
padding:10px 0 0 40px;
}

#plandusitedroite{
float:left;
display:block;
width:280px;
height:260px;
padding:10px 0 0 10px;
}


/*___________________________*/

#footer{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
padding-right: 55px;
margin: 0 auto;
width: 936px;
color:#666666;
}

#footer_accueil{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
padding-right: 55px;
margin: 0 auto;
width: 936px;
color:#666666;
}


#footer_accueil a, #footer a{
text-decoration:none;
color:#666666;
}

#footer_accueil a:hover, #footer a:hover{
color:#000000;
}

#fond-lois, #fond-recep, #fond-pres, #fond-lois-airsoft, #fond-lois-grimpe{
position:absolute;
top:-258px;
left:0px;
float:left;
width:311px;
height:258px;
padding:0;
}

#fond-presacces{
position:absolute;
top:-850px;
left:0px;
float:left;
width:311px;
height:450px;
padding:0;
}

#fond-loisairs{
position:absolute;
top:-570px;
left:0px;
float:left;
width:311px;
height:310px;
padding:0;
}

#fond-loisautres{
position:absolute;
top:-520px;
left:0px;
float:left;
width:311px;
height:270px;
padding:0;
}


#fond-mariage2{
position:absolute;
top:-500px;
left:0px;
float:left;
width:311px;
height:250px;
padding:0;
}

#fond-recep-seminaire{
position:absolute;
top:-700px;
left:0px;
float:left;
width:311px;
height:450px;
padding:0;
}


#fond-recep-boisgrand{
position:absolute;
top:-1230px;
left:0px;
float:left;
width:311px;
height:750px;
padding:0;
}

#fond-loispaint{
position:absolute;
top:-930px;
left:0px;
float:left;
width:311px;
height:661px;
padding:0;
}


#fond-lois{
background:#fff url(../images/fond-loisirs.jpg) no-repeat bottom left;
}

#fond-recep{
background:#fff url(../images/fond-reception.jpg) no-repeat bottom left;
}

#fond-lois-airsoft{
background:#fff url(../images/fond-airsoft.jpg) no-repeat bottom left;
}

#fond-loisairs{
background:#fff url(../images/fond-airsoft2.jpg) no-repeat bottom left;
}

#fond-lois-grimpe{
background:#fff url(../images/fond-m-lois-grimpe.jpg) no-repeat bottom left;
}

#fond-presacces{
background:#fff url(../images/fond-acces.jpg) no-repeat bottom left;
}

#fond-mariage2{
background:#fff url(../images/fond-mariage2.jpg) no-repeat bottom left;
}

#fond-recep-boisgrand{
background:#fff url(../images/fond-mariage3.jpg) no-repeat bottom left;
}

#fond-recep-seminaire{
background:#fff url(../images/fond-seminaire.jpg) no-repeat bottom left;
}

#fond-loispaint{
background:#fff url(../images/fond-paintball.jpg) no-repeat bottom left;
}

#fond-loisautres{
background:#fff url(../images/fond-loisautres.jpg) no-repeat bottom left;
}

#fond-pres {
height:350px;
top:-350px;
background:#fff url(../images/fond-presentation.jpg) no-repeat bottom left;
}