/*===| 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;}
.left1{float: left; padding: 0 10px 0 0;}
#push, .clr	{clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.clr1	{clear: both; font-size: 0px; line-height: 0px; height: 10px;}
.clr2	{clear: both; font-size: 0px; line-height: 0px; height: 7px;}
body{ background: #848075;}
#bg1{position:absolute;z-index: 1; width:100%; background: url(images/bg-y.jpg) 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/bg-fix.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;}
#content{background: url(images/bg-content.jpg) 50% 50% repeat-y; margin:0 auto;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; }
#left-outter {background: url(images/bg-left.jpg) no-repeat bottom left;	min-height: 596px; height: auto!important;height: 596px; }
#left-inner{padding: 20px 14px 0px 10px;}

#actualite
{
  width: 211px;
	height: 112px;
	float: left;
	background: url(images/bg-actualites.jpg) no-repeat top left;
	padding: 40px 10px 0 9px;
}
#actualite div{
  clear: none !important;
  margin-bottom: 0px !important;
}


#actualite div{
  float: left;
  width: 210px;
}


#actualite .picture
{
  border: solid 1px #dedbd4;
	margin-right: 10px;
	margin-top: 2px;
	float: left;
}


#contact-info
{
  width: 230px;
	height: 130px;
	float: left;
	background: url(images/bg-coordonnees.jpg) no-repeat top left;
	padding: 38px 10px 0 9px;
}

#plan
{
  width: 230px;
	height: 120px;
	float: left;
	background: url(images/bg-plan.jpg) no-repeat top left;
	padding: 32px 0px 0 0px;
}

#titre
{
  width: 606px;
	height: 49px;
	float: left;
	padding: 0 10px 0 10px;
	border-bottom: solid 1px #848075;
	background: #3d3b36;
	 margin-bottom: 5px;
}

.encart
{
  width: 608px;
	height: 100%;
	float: left;
	padding: 4px 8px 9px 8px;
	border: solid 1px #848075;
	background: #6e6b64;
}

.encart1
{
  width: 281px;
	height: 77px;
	float: left;
	padding: 4px 9px 0px 9px;
	border: solid 1px #848075;
	background: #4d4a44;
}

.encart2
{
  width: 281px;
	height: 77px;
	float: left;
	padding: 4px 9px 0px 9px;
	border: solid 1px #848075;
	background: #4d4a44 url(../../images/charte/bg-encart2.jpg) no-repeat top right;
}



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

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

#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; background: url(images/bg-y.jpg) 50% 100% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{ margin: 0 auto; padding: 0px;}
#footer .inner	{background: url(images/footer-bg-x.jpg) repeat-x top left; float: left; min-height: 64px; height: auto!important;height: 64px; width:900px; }

.digitalage
{
    float: left;
    padding-left: 10px;
    padding-top: 15px;
    width: 244px;
		height: 49px;
		line-height: 18px;
}

#menu2
{
    float: right;
    padding: 15px 10px 0 0px;
    width: 636px;
    text-align: right !important;
		line-height: 18px;
}
.copyright
{
    float: right;
    padding:0px 10px 0 0px;
    width: 636px;
}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid; border-bottom: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}


#recherche
{
    float:right;
    width:333px;
    text-align: left;
    height:21px;
   /* border-bottom: solid 1px #57b9ff; */
    padding: 10px 0 10px 0px;
}

#recherche select
{
  width: 230px; color: #000000; margin: 0px !important; padding: 0px !important; float: left; font-size: 12px;font-family: Arial, Helvetica, sans-serif;
}


#recherche select option
{
 font-size: 12px;font-family: Arial, Helvetica, sans-serif;
}



.buttonRecherche
{
    background: url(../../images/charte/recherche.jpg) no-repeat top left;
	border: none;
    width: 95px;
		height: 21px;
	 margin-left: 5px;
}

.buttonRechercheOver
{
    background: url(../../images/charte/recherche-over.jpg) no-repeat top left;
	border: none;
	width: 95px;
    cursor: pointer;
		height: 21px;
			margin-left: 5px;
}

.thumbs-holder
{
   padding: 0 5px 5px 0;
	 width:95px;height: 95px;
	 float: left;
}

.thumb-img{
 width:80px;height: 80px; padding:5px 5px; float:left; border: solid 1px #848075; background: #4d4a44;
}




.holder-big
{
  width:100px;height: 100px; padding:5px 5px; float:left; border: solid 1px #848075; margin: 0 5px 5px 0; background: #4d4a44;
}
/*.holder-big-title{ float: left;}   */
.holder-big-title p{ line-height: 16px;font-size: 12px; text-align: center; padding: 0 0 5px 0;}


.pagination {float: left; clear:left; width:100%; text-align:center; color: #ffffff; }
.pagination span{padding:1px; margin: 0 50px 0 25px;}

#listgalerie
{
  width: 555px;
/*	float: left;   */
}
.photo
{
  border: solid 1px #848075;
	background: #4d4a44;
	padding: 5px;
}

.photo-holder
{
	padding: 5px 10px 5px 0px;
	float: left;
	width: 260px;
	height: 260px;
}

.contenu
{
  border: solid 1px #848075;
	background: #4d4a44;
	padding: 5px;
	float: left;
  width: 344px;
}
.contenu-holder
{
	padding:  5px 0;
	float: left;
  width: 356px;
}