/*===| 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;}
object{outline:none;}
a:focus{outline:none}

body{ background-color: #ffffff; }
#bg1{position:absolute;z-index: 1; width:100%; background:transparent;}
#bg2{position:absolute;z-index: 2; width:100%; }
#bg3{position:absolute;z-index: 3;}

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

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{padding-top:5px; background-color:#ffffff}

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

#actualite {
background: url(images/bg-mdm.jpg) no-repeat top left;
height:210px;
}
#actualite div.inner
{
  padding:43px 22px 0 20px;
  height: 129px;
}
#actualite div.inner img.thumb
{
  float: left;
  margin: 5px 10px 0px 0;
  border: solid 1px #ffffff;
}
#detail
{
float:right;
margin-right:14px;
display:inline;
}

#info {background: url(images/bg-info.jpg) no-repeat top left;
height:209px;
position:relative
}
#info div.inner {
  padding:93px 0 0 20px;
}
.plan{
	position:absolute;
	right:0;
	top:49px;
}

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

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {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	{ background:#bdedfd url(images/bg-footer.jpg) no-repeat top center; margin: 0 auto; padding: 0px;}
#footer .inner	{background:transparent; padding: 15px 20px 0 20px; height: 60px;}
#footer .box1	{background:transparent; padding:0px; width:250px; float: left; }
#footer .box2	{background:transparent; padding:0px; width:650px; float: right; text-align: right; }

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
#menu2 ul li{display: inline;}

.couleur{color:#0080cb}
.lead{padding-bottom:0;}
a img{border:0}
img {border: 0;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
.image-right{float:right;padding-left:15px; margin-bottom:5px; background-color:#ffffff}
.image-left{float:left;padding-right:15px; margin-bottom:5px; background-color:#ffffff}
.bgimage{background:url(../../images/charte/bg-image.jpg) no-repeat right top;}


.nobg{background:transparent}
.line{height:30px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; }
.line1{height:23px; background: url(../../images/charte/line.jpg) repeat-x left bottom; line-height:0; font-size:0px; padding:0; }

.centered{text-align: center; margin:0 auto}
.clear{clear:both;}

ul.list{
  list-style:none;
  margin:0px;
  padding:0;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.gif) no-repeat left 5px;
    padding-left:14px;
    line-height:18px;
		color:#004a75;
    }
ul.list ul li{background:none;
color:#333333;}

.cadre{
  background: url(../../images/charte/bg-cadre.jpg) repeat-x left bottom;
	border:1px solid #7fd4fe;
	padding:12px 16px;
	float:left;
	clear:both;
	width:668px;
	margin:8px 0 15px;
	}

.logo1, .logo2{height:95px; background-color:transparent;}
.logo1 img{margin-top:18px ;margin-right:8px;}
.logo2 img{margin-top:25px;}

.popupimg{	
	border:1px solid #39b7fd;
	padding:2px;
	float:right;
	margin-left:14px;
}
.plan-adr{
	float:left;
	padding-left:10px;
  width:200px;
}
.plan-button{
	float:right;
	padding-right:20px;
	padding-top:20px;
}

p.home{background: url(../../images/plan/home.gif) no-repeat left 2px;
	padding-left:19px;
}
p.arrow{background: url(../../images/plan/arrow.gif) no-repeat left 2px;
	padding-left:19px;
}

#container #right-inner .color-link:link, #container #right-inner .color-link:visited{
  color:#004A75
}
#container #right-inner .color-link:hover, #container #right-inner .color-link:active{
  color:#333333
}