/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{background: #afa480 url(images/bg-x.jpg) repeat-x top left;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content1{}
#content{height:427px;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{
    float:left;
    margin: 0;
    overflow: hidden;
    background: url(images/bg-left.jpg) no-repeat top left;
    height:347px;
    width: 222px;
    padding: 80px 13px 0px 33px;
}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{height:368px;}

/* ===| V. FOOTER BOXES |=====================================================*/

#footer.outter	{ margin: 0 auto; padding: 0px;}

.digitalage
{
    float: left;
    width:375px;
}
#menu2
{
    padding-top:10px;
    width:605px;
    float:left;
    text-align:right !important;
}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;     }
a:active, a:focus{
outline:none;
}
a img{
/*-moz-opacity: 1.00;*/ opacity:1.00;
}
a:hover img{
/*-moz-opacity: 0.70;*/ opacity:0.70;

}


.separator{width:100%;	height:0px; clear:both; padding:0; margin:0px 0; border-top: 1px solid #817552; border-bottom: 1px solid #d6ceb3; line-height: 0px; font-size: 0; overflow: hidden;}
.separator1{width:100%;	height:0px; clear:both; padding:0; margin:10px 0; border-top: 1px solid #a89e88; border-bottom: 1px solid #eadfc0; line-height: 0px; font-size: 0; overflow: hidden;}
.separator2{width:100%;	height:0px; clear:both; padding:0; margin:5px 0; border-top: 1px solid #fffaea; border-bottom: 1px solid #bbaf84; line-height: 0px; font-size: 0; overflow: hidden;}

/*presentation*/
#title-bg
{
    float: left;
    width:712px;
    height:37px;
    background: url(images/bg-title.jpg) no-repeat top left;
}
#newsletter-bg
{
    float: left;
    width:712px;
    height:37px;
    background: url(images/bg-newsletter.jpg) no-repeat top left;
}


#diapo
{
    float: left;
    width:561px;
    height:292px;
}
.photos
{
    float: right;
    width:150px;
}
.galery
{
width: 145px;
height: 89px;
padding-top: 8px;
padding-left: 9px;
float:none;;
}
.galery  a:link, .galery  a:visited{
opacity:1.00 !important;
width:130px;
height:79px;
border:1px solid #ffffff;
float:left;
overflow:hidden;
}
.galery  a:hover, .galery  a:active{
background-color:#FFFFFF;
opacity: 0.3 !important;
border:1px solid #ffffff;
filter:alpha(opacity=30)
}

#background a span{line-height:0px; }
#info
{
    float: left;
    width:712px;
    height:28px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
}
.list-holder
{
    float: left;
    background:#f2eddd;
    border:solid 1px #bfb596;
    width:208px;
    /*height:62px;*/
    padding:8px 5px;
}
ul.list1{
    float:left;
    margin: 0;
    padding:0;
	}
ul.list1 li{
	background: url(../../images/charte/bullet1.jpg) no-repeat top left;
	background-position:0px 7px;
	text-align:justify;
	line-height: 16px;
    font-size: 11px;
    color:#4e4421;
	padding:0px 0px 0px 8px;
	}
.pres-contact
{
    float: left;
    width:99px;
    height:9px;
    background: url(../../images/charte/pres/pres-text2.jpg) no-repeat top left;
    padding: 20px 17px 3px 102px;
}
/* location de salle */
#location
{
    float: left;
    width:662px;
    height:311px;
    padding: 10px 25px;
    background: url(../../images/charte/location/bg-right-location.jpg) no-repeat top left;
}
ul.list2{
    float:left;
    margin: 0;
    padding:0;
	}
ul.list2 li{
	background: url(../../images/charte/bullet2.jpg) no-repeat top left;
	background-position:0px 9px;
	text-align:justify;
	line-height: 20px;
    font-size: 11px;
    color:#4e4421;
	padding:0px 0px 0px 8px;
	}
.arrows
{
    float:left;
    width:100%;
    padding:9px 0;
    background: url(../../images/charte/bg-arrows.jpg) repeat-x top left;
}
/* contact */
#contact
{
    float: left;
    width:662px;
    height:311px;
    padding: 10px 25px;
    background: url(../../images/charte/contact/bg-right-contact.jpg) no-repeat top left;
}