/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline:none;}
html, body {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; margin: 0 20px 0 0;} .right1{float: right; margin: 0 0 0 20px; }
#push, .clr	{clear: both;}

body{background: #b4deff;}
#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{background:#ffffff; margin:0 auto; text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#encart
{
    width: 83px;
    height: 83px;
    position:relative;
    z-index: 999;
    top: 378px;
    left: 887px;
    background: transparent;
}
.flash-header{
    position:absolute;
    z-index:1;
    height:402px;
    width:990px;
}
#bg-h1
{
    float: left;
    width:890px;
    height:63px;
    background: url(../../images/charte/bg-h1.jpg) no-repeat top left;
    padding-left: 80px;
}
/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter1 {float:left; margin: 0; overflow: hidden; padding-left: 17px;}
#left-inner1 {float:left; margin: 0; overflow: hidden; background: url(images/bg-left1.jpg) no-repeat top left; height: 305px; width:551px; padding: 22px 24px 0px 24px;}
#left-inner {float:left; margin: 0; overflow: hidden; background: url(images/bg-left.jpg) no-repeat top left; height: 305px; width:551px; padding: 22px 24px 0px 24px;}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter1 { float:right; margin:0; padding:0; overflow: hidden; background: url(images/bg-right.jpg) no-repeat top left; height: 327px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#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; }

#bottom {background: url(images/bg-info.jpg) no-repeat top left; margin: 0 auto; padding: 0px; width: 863px; height:24px; padding: 20px 0 0 127px;}
#bottom1 {background: url(images/bg-info1.jpg) no-repeat top left; margin: 0 auto; padding: 0px; width: 863px; height:24px; padding: 20px 0 0 127px;}
#footer	{background: url(images/bg-footer.jpg) no-repeat top left; margin: 0 auto; padding: 0px; height: 50px; padding-top:24px;}

.digitalage
{
    float: left;
    width:223px;
    padding-left: 20px;
}
#menu2
{
    width:727px;
    float:left;
    text-align:right !important;
}
.copyright
{
    width:727px;
    float:left;
    text-align:right !important;
}
/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
img.thumb {border:1px solid #91a1ad; }
.separator{width:100%;	height:10px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}

/* index */
ul.list1{
    float:left;
    margin: 0;
    width:227px;
    padding: 13px 0 0 30px;
	}
ul.list1 li{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
	background: url(../../images/charte/bullet.gif) no-repeat top left;
	background-position:0px 9px;
	text-align: justify;
	line-height: 20px;
	padding:0px 0px 0px 13px;
	}
/* merci */
.mercidiv
{
    float: left;
    width:100%;
    padding-top:80px;
    text-align: center !important;
}
.merci-box
{
    width:300px;
    padding:5px;
    text-align: center;
    border: solid 1px #cae8ff;
    background: #ffffff;
}
.merci-box div
{
    background: #def1ff;
    padding: 10px 20px;
}
/* annuaires */
.middle-holder
{
    float: left;
    width: 930px;
    padding: 0 30px;
}