/* I. Layout size
*************************************************************** */
#push, .clr	{clear: both;}

body{background: #FFFFFF url("images/body-bg.jpg") repeat-x top left;}
#bg1{position:absolute;z-index: 1; width:100%; }
#bg2{position:absolute;z-index: 2; width:100%; }
#bg3{position:absolute;z-index: 3; }

#wrap-container{
    position:relative;
    z-index:4;
    width: 100%;
}
#header{
    background-color: #FFFFFF;
}
#container{
    background: url("images/container-bg.jpg") top left repeat-y;
    margin:0 auto;
    text-align: left;
}
#content{
    float: left;
    background: url(images/content-bg.jpg) no-repeat bottom right;
    padding: 0 0 193px 0;
}
#left-outter, #middle-outter, #right-outter, #single-outter{
    float:left;
    overflow: hidden;
}
#left-outter{
    background: url(images/left-outer-bg.jpg) no-repeat top left;
    width: 383px;
    height: 500px;
}
    #left-inner{
        padding: 80px 15px 10px 30px;
    }
#middle-outter{
    background: url(images/middle-outer-bg.jpg) no-repeat top left;
    width: 235px;
    height: 500px;
}
    #middle-inner{
    }
#right-outter{
    background: url(images/right-outer-bg.jpg) no-repeat top right;
    width: 378px;
    height: 500px;
}
    #right-inner{
        padding: 80px 30px 10px 30px;
        color: #FFFFFF;
        text-align: justify;
    }
#single-outter{
    width: 996px;
	min-height: 500px;
    height: auto !important;
    height: 500px;
}
    #single-inner{
        padding: 90px 25px 0 25px;
    }
.bg1{
    background:url(images/single-outer-bg1.jpg) no-repeat top left;
    color: #FFFFFF;
}
.bg2{
    background:url(images/single-outer-bg2.jpg) no-repeat top left;
    color: #FFFFFF;
}
#actualite-outer{
    height: 152px;
    padding: 105px 18px 10px 20px;
}
#info-outer{
    height: 135px;
    padding: 40px 0 0 0;
}
/* ===| V. FOOTER BOXES |====================================================*/
#wrap-footer {position:relative; z-index: 5; width: 100%; text-align: center; background-color: #FFFFFF}
#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; }

#footer.outter	{background: url(images/footer-bg.jpg) no-repeat top left; margin: 0 auto; padding: 0;}
#footer .inner	{padding: 0 20px;}
#footer .box1	{float: left; width: 530px; text-align: left; padding: 5px 0;}
#footer .box2	{float: left; width: 426px; text-align: right;}

div.ref{padding: 0 10px 0;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
ul.list0 li{
    padding: 18px 0 0 13px;
    color: #FFFFFF;
    font-size: 16px;
    background: url(images/bullet0.gif) no-repeat 0px 24px;
}
ul.list1 li{
    padding: 18px 0 0 13px;
    color: #FFFFFF;
    font-size: 16px;
    background: url(images/bullet0.gif) no-repeat 0px 24px;
}
ul.list2 li{
    padding: 0 0 5px 13px;
    color: #FFFFFF;
    font-size: 12px;
    background: url(images/bullet0.gif) no-repeat 0px 4px;
}
.thumbs{
    float: left;
    width: 946px;
    height: 380px;
}
.thumb-outter{
    float: left;
    background: url(images/thumb-bg.gif) no-repeat top left;
    width: 127px;
    height: 175px;
    margin: 0 15px 15px 15px;
    display: inline;
}
    .thumb-inner{
        float: left;
        width: 91px;
        height: 91px;
        margin: 13px;
        padding: 5px;
        background: url(images/thumb-inner-bg.jpg) no-repeat top left;
        display: inline;
    }
    .thumb-inner img{
        float: left;
        background-color: #CBD4D9;
    }
.thumb-outter .title{
    float: left;
    width: 127px;
    padding: 7px 0;
    background-color: #FFFFFF;
    color: #38264E;
    text-align: center;
}
.thumb2{
    float: left;
    width: 170px;
    height: 170px;
    padding: 5px;
    background-color: #FFFFFF;
    margin: 5px;
}
.thumb2 a, .thumb2 a:visited{
    float: left;
    width: 170px;
    height: 170px;
    background-color: #92A4B0;
}
.thumb2 a:hover, .thumb2 a:active{
    background-color: #8A9EA9;
}


.separator1 {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin: 10px 0;
    overflow: hidden;
    color: #8597A3;
    background-color: #8597A3;
}
.border1{
    border: 3px solid #FFFFFF;
}


/* Pagination
--------------------------------------------------------------- */
.pagination{
    float: left;
    width: 946px;
    text-align: center;
    padding: 12px 0 0 0;
}
.pagination ul{
    text-align: center;
    margin: 0 auto;
    display: inline;
}
.pagination ul li{
    display: inline;
    padding: 0 5px 0 0;
    text-align: center;
    color: #38264E;
}
.pagination ul li a, .pagination ul li span{
    padding: 3px 7px;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
}
.pagination li.current a, .pagination li.current span{
    background: #FFFFFF;
    color: #38264E !important;
    border: 1px solid #728089;
    text-decoration: none;
}
.pagination li.rest a{
    background: #7E929D;
    color: #FFFFFF !important;
    border: 1px solid #728089;
}
.pagination li.rest a:hover{
    background: #FFFFFF;
    color: #38264E !important;
    border: 1px solid #728089;
}
/* ===| VII. CONTACT FORM |====================================================*/
/* >>> merci */
.mercidiv{
    padding: 115px 0 0 0;
}
.merci-box {
    padding: 35px 0 0 0;
    width: 358px;
    height: 115px;
    background-color: #EEEFF1;
}#newFlash {
	height: 229px;
	width: 1000px;
	position: absolute;
	z-index:4;
	margin-right: auto;
	margin-left: -498px;
	left: 50%;
	top: -228px;
}