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

body{ background: #011759;}
#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-body.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.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;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{background: url(images/box1.gif) 50% 0% no-repeat;padding: 0 0 10px;	min-height: 159px; height: auto!important;height: 159px; }
#left-outter div.inner{padding: 0px 5px 0px;}

#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

#actualite {
    background: url(images/bg-mdm.jpg) no-repeat top left;
    width:290px;
    height:87px;
    float:left;
    padding:64px 0px 0px 13px;
}
.mdm-photo
{
    float:right;
    border: solid 1px #ffd963;
    margin:0 0 0 10px;
}
.mdm-details
{
    float: left;
    padding-top:10px;
}
.mdm-title
{
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color:#89a3eb;
    line-height: 12px;
    padding:0 5px 5px 0px;
    margin-top: 0;
}
.mdm-text
{
    font-size: 11px;
    line-height:13px;
    font-weight: normal;
    text-align:justify;
    color:#fff;
    padding:5px 5px 5px 0px;
}
#info{
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
    width:290px;
    height:126px;
    float:left;
    padding:65px 0px 0px 13px;
}
.plan
{
    float: left;
    padding-top:15px;
}


#newsletter{
    background: url(images/bg-newsletter.jpg) no-repeat top left;
    width:290px;
    height:39px;
    float:left;
    padding:69px 0px 0px 13px;
}
#horaires{
    background: url(images/bg-horaires.jpg) no-repeat top left;
    width:290px;
    height: 101px;
    float:left;
    padding:36px 0px 0px 13px;
}

#horaires-left {
 width: 200px;
 float: left;
}


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

/* ===| 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	{border-top: solid 1px #3553ab; margin: 0 auto; padding: 0px;}
#footer .inner	{background:url("images/footer-bg-1.gif") -16px 100% no-repeat; }
#footer .box1	{background:url("images/footer-bg-2.gif") -16px 0% no-repeat; }

.digitalage{
    float:left;
    text-align: center;
    width:303px;
    padding-top:5px;
}
.copyright{
    float:left;
    text-align: center;
    width:647px;
    padding-top:3px;
}
.box2
{
    float: left;
    width:647px;
    text-align: center;
}
div.ref{padding: 0;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:0; width:auto; display:block;}
img.thumb{border:1px solid #ffe9a4; padding:0px;}
img.thumb0{border:1px solid #fff;padding:1px; margin: 0 5px; width:75px; height:75px; background:#ccc url("../../images/thumb0.jpg") 50% 50% no-repeat;}
#menu2{padding-top:8px;}
#menu2 ul li{display: inline;}
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
#middle
{
    float: left;
    width:51px;
    height: 551px;
    background: url(images/br-line-left.jpg) no-repeat top left;
}
.paragraph1
{
    clear:both;
    float:left;
    width:100%;
    background: url(../../images/charte/bg-paragraph.jpg) repeat-x top left;
    height: 88px;
    margin-top: 10px;
}
ul.list1{
	padding: 10px 0 10px 40px;
    float:left;
    margin: 0;
    width:220px;
	}
ul.list1 li{
	background: url(images/list-bullet.png) no-repeat top left;
	background-position:0px 6px;
	text-align:justify;
	line-height: 16px;
    font-size: 12px;
    color:#fff;
	padding:0px 0px 0px 10px;
	}
.paragraph2
{
    clear:both;
    float:left;
    width:100%;
    background: url(../../images/charte/bg-paragraph2.jpg) repeat-x top left;
    height: 135px;
    margin-top: 15px;
}
.paragraph2 p
{
    padding:13px 0 17px 16px;
}

.paragraph2 img
{
    float: left;
    padding:0px 23px;
}
/* merci */
.mercidiv
{
    float:left;
    width:451px;
    height:230px;
    padding-top:150px;
    padding-left:145px;
    text-align: center;
    background:url(../../images/charte/bg-merci.png) no-repeat 50% 50%;
}
.merci-box
{
    width:300px;
    height:80px;
    padding-top:20px;
    float:left;
    background: url(../../images/charte/bg-transp.png) repeat-x top left;
}
/* mdm popup */
.bg-popup
{
    float:left;
    margin:0;
    width:600px;
    height:500px;
    background: url(../../images/charte/mdm.jpg) no-repeat top left;
}