/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline: none; }
html{ width: 100%;}
 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: url(images/bg-body.jpg) repeat top left; }
#bg1{position:absolute;z-index: 1; width:100%; }
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;  }

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{ margin:0 auto;	text-align: left;}
#content{background: url(images/bg-content.jpg) repeat-y 50% 0%;}

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


/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{background: transparent;padding: 0 0 10px; }
#left-outter div.inner{padding: 0px 5px 0px;}
#menu
{
  background: url(images/bg-menu.jpg) no-repeat top left;
  height: 203px;
}
#left-outter #info
{
background: url(images/bg-info.jpg) no-repeat top left;
height: 217px;
}
#left-outter #info .inner
{
 padding: 70px 0 0 45px;
}


#left-outter #plan {background:url(images/bg-plan.jpg) no-repeat top left;
height: 154px;
}
#left-outter #plan img
{
  padding-left: 33px;
}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 10px 50px 10px 25px;}
 #intro
{
  width: 960px; height: 226px;
  background: url(images/bg-intro.jpg) no-repeat top center;
}
 .intro-left
 {
   width: 450px;
   height: 154px;
   float: left;
   padding: 22px 0 0 23px;
 }
 .intro-right
  {
   width: 360px;
   float: right;
   height: 142px;
   padding: 22px 65px 0 40px;
 }
 #title
 {
   width:675px;
   height:24px;
 }


 #defilante
 {
   width:675px;
   height:27px;
   background: url(../../images/charte/bg-defilante.jpg) no-repeat top left;
 }
 #photos
  { padding: 10px 0 0 15px;
    height: 148px;
    width: 654px;
    float: left;
    margin: 0 auto;
    }

img {border: 0;}


.thumb {
  width: 202px;
  height: 142px;
  background: url(images/bg-img.jpg) no-repeat top left;
  padding:6px 0 0 8px;
  margin: 0 5px 0 0;

  }
 .thumb0 {
  width: 202px;
  height: 142px;
  background: url(images/bg-img.jpg) no-repeat top left;
  padding:6px 0 0 8px;
  margin: 0 0px 0 5px;

  }

ul.list
{
  float:left;
  padding:5px 0px 0 0 ;
  margin:0px;
  width:640px;
}
ul.list li{
  background:url(images/bullet.jpg) no-repeat top left;
  background-position:0px 5px;
  padding:0 0 15px 15px;
}
/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;  background: url(images/bg-wrapfooter.jpg) no-repeat 50% 0%;  }
#fwrap1 {position:absolute; z-index: -3; left:0; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#menu2 ul li{display: inline; }

#footer.outter	{   margin: 0 auto; padding: 0px; height: 60px;text-align: center; }
#footer .box1	{background:transparent; width: 960px;   }
#footer .box2	{background:transparent; width: 960px;  padding-top: 15px;}
#footer .box2 .copyright {background:transparent; width: 960px; text-align: center; padding-top: 20px;}

.footer-intro-left
{
  width: 480px;
  float: left;
}
.footer-intro-right
{
  width: 400px;
  float: right;
}