/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
object { 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;}
.left1{float: left; padding: 25px 0 18px 0;} .right1{float: right; padding: 16px 0 0 0;}
.left2{float: left; padding: 22px 0 18px 0;}  .right2{float: right; padding: 0px 0 0 20px;}
                     .right3{float: right; padding: 6px 0 0 0;}
										 .right4{float: right; padding: 10px 0 0 10px;}
#push, .clr	{clear: both; line-height: 0px; font-size: 0px; height: 0px;}

body{ background: #ffffff;}
#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/bg-x.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{}

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

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

/* ===| 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/footer-bg-0.gif") 50% 0% 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	{background: url(images/bg-footer.jpg) no-repeat top left; margin: 0 auto; padding: 7px 45px 0 45px ; min-height: 91px; height: auto!important; height: 91px; width: 866px;}

.digitalage
{
    float: left;
    width:172px;
    padding: 0px 0px 0px 0px;
}

#menu2
{
    float: left;
    width:692px;
    padding: 0px 0px 0px 0px;
    text-align: right;
		line-height: 16px;
}
.copyright
{
    float: right;
     width: 692px;
    padding: 0px 0px 0px 0px;
		line-height: 16px;
}

#info{
    float: left;
    width: 866px;
    height: 50px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
    padding:0px 0px 0px 0px;
}

.v-line
{
  background: url(../../images/charte/vertical-line.jpg) no-repeat 50% 50%;
	width: 51px;
	height: 21px;
	float: left;
}


img {border: 0;}

.separator{width:100%; height: 32px; clear:both; padding:0; margin: 0px; line-height: 0px; font-size: 0; background: url(../../images/charte/separator.jpg) no-repeat 50% 60%;}

.separator1{width:100%; height: 32px; clear:both; padding:0; margin: 0px; line-height: 0px; font-size: 0; background: url(../../images/charte/separator1.jpg) repeat-x 50% 60%;}

.box
{
  width: 459px;
	height: 100%;
	float: left;
}

.box .inner1
{
  background: url(../../images/charte/index-bg-box1.jpg) no-repeat bottom right;
	float: left;
	height: 176px;
}

.box .inner2
{
	float: left;
	height: 170px;
	padding: 1px 0 5px 20px;
}

.ident1
{
  padding-right: 35px !important;
}

.ident2
{
  padding-right: 18px !important;
}

.ident3
{
  padding: 25px 8px 0 8px;
}

.ident4
{
  padding-top: 25px !important;
  padding-bottom: 26px !important;
}

ul.width1
{
  width: 300px !important;
	padding-bottom: 0px !important;
}


.encart-top
{
  clear: top;
  width: 459px;
	float: left;
	background: url(../../images/charte/encart-top.jpg) no-repeat top left;
	height: 5px;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.encart-middle1
{
  height: 100%;
  width: 424px;
	float: left;
	background: url(../../images/charte/encart-middle.jpg) repeat-y top left;
	padding: 20px 19px 21px 16px;
}


.encart-middle2
{
  width: 435px;
	float: left;
	background: url(../../images/charte/encart-middle.jpg) repeat-y top left;
	height: 100%;
	padding: 20px 12px 21px 12px;
}

.encart-bottom
{
  width: 459px;
	float: left;
	background: url(../../images/charte/encart-bottom.jpg) no-repeat top left;
	height: 5px;
  padding: 0 !important;
	margin: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}