/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline: none; }
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: #505050 url("images/bg-fix.jpg") 50% 0% no-repeat;}
#bg1{position:absolute;z-index: 1; width:100%; background:transparent;}
#bg2{position:absolute;z-index: 2; width:100%; background:url(images/bg-body.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:transparent; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header{background:transparent; margin: 0px; padding: 0px; }

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{background: transparent;padding: 0px;    }
#left-outter div.inner{padding: 0px;}

#actualite{
  background: url(images/bg-mdm.jpg) no-repeat top left;
  height: 227px;

}
#actualite div.inner
{
  padding: 61px 0px 0 20px;
  height: 145px;
}
#actualite div.inner img
{
border:solid 1px #737373;
margin:5px 12px 0px 0;
float: left;
}

#info{background: url(images/bg-info.jpg) no-repeat top left;
  height: 209px;
  }
#info div.inner
{
  padding: 81px 0 0 24px;
}
.mail
{
  width: 240px;
  height: 26px;
  background: url(images/bg-mail.jpg) no-repeat top right;
  padding-top: 4px;
}
#plan {background:url(images/bg-plan.jpg) no-repeat top left;
  height: 168px;
  }
#plan img
{
  padding-left: 20px;
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; }
#right-inner{ background:url(images/bg-right.jpg) no-repeat top left ; padding: 20px 44px 0px 40px; height:364px; 	 }
/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {background:url(images/bg-footer.jpg) top center no-repeat; height: 63px; position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; background:transparent; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; background:transparent; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{ margin: 0 auto; padding: 0px; }
#footer .inner	{background:transparent; padding: 18px 24px 0px 24px; }
#footer .box1	{background:transparent; padding:0px ; width:222px; float: left; }
#footer .box2	{background:transparent; padding:0px ; width:612px; float: right;  }
#menu2
{float:right;  }
#menu2 ul li{display: inline; }
.copyright{padding:0px 0 0;  }

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
img.thumb{border:1px solid #a7a7a7; padding:0px; margin: 5px 0 5px 12px;}
img.thumb0{border:1px solid #a7a7a7;padding:0px; margin: 5px 12px 5px 0; }

#diapo
{
  background: url(images/bg-diapo.jpg) no-repeat top left;
  height:220px;
/*  padding: 12px 20px 20px 20px ;*/
  float: left;
  width:700px;
}
.paragraph
{
  width:550px;
  height: 55px;
  float: left;
  background: url(../../images/charte/index-bg-text.jpg) no-repeat top left;
  /*margin-bottom:10px;*/

}
ul.list
 {
 width: 260px;
 float: left;
margin: 0; padding:8px 0 0px 10px;
}
ul.list li {
 background-image:url(images/bullet.jpg);
 background-position: 0px 8px;
 background-repeat: no-repeat;
 padding:0px 0 0px 10px;
}
.scroll-pane {
  /*  float: left;*/
    width: 560px;
    height: 480px;
    overflow: hidden;
    padding: 0 10px 0 0;
}
.scroll-pane:focus{
    outline: none;
}