/*===| 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; padding: 0 15px 0 0;} .right1{float: right; padding-left: 15px;}
#push, .clr	{clear: both;}
.clear{ clear: both; line-height: 0px; font-size: 0px; width: 100%; height: 0px;}
.clear1{ clear: both; line-height: 0px; font-size: 0px; width: 100%; height: 15px;}
.clear2{ clear: both; line-height: 0px; font-size: 0px; width: 100%; height: 8px;}
.txt1{padding-top: 10px !important;}
.txt2{text-decoration: blink; padding-bottom: 21px !important;}

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;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0px ; overflow: hidden;}
#left-outter {padding: 0px 0 0px 0; min-height: 510px; height: auto!important; height: 510px; }
#left-outter div.inner{padding: 20px 0 0px 0;}

#actualite{ width: 236px;  height: 144px; padding: 55px 20px 0 20px; float: left; background: url(images/bg-actualites.jpg) no-repeat top left;}
.mdm-img{  border: solid 1px #004dcd; padding: 4px; background: #ffffff; margin: 3px 9px 0 0; float: left;}
#contact-info{ width: 276px;  height: 97px; padding: 83px 0 0 0px; float: left; background: url(images/bg-coordonnees.jpg) no-repeat top left;}
#plan{ width: 276px;  height: 84px; padding: 43px 0 0 0px; float: left; background: url(images/bg-plan.jpg) no-repeat top left;}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; background: url(images/bg-right-col.jpg) no-repeat top left;}
#right-inner{padding: 14px 20px 15px 0px;}

.encart{ width: 540px; height: 124px; float: left; padding: 10px 14px 14px 14px; background: #f6f9ff; border: solid 1px #c6d8f5;}
.encart1-holder{ width: 340px; height: 130px; float: left; padding: 0px 18px 0px 0px; }
.encart1{ width: 312px; height: 116px; float: left; padding: 10px 14px 14px 14px; background: #f6f9ff; border: solid 1px #c6d8f5;}

/* ===| 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; }


#footer.outter	{ border-top: solid 1px #004dcd; margin: 0 auto; min-height: 50px;  height: auto!important;height: 50px; padding: 10px 0px 0 0;}
#footer .inner	{ }
#footer .box1	{ float: left; width: 268px; padding: 0px 0 0 0px; text-align: right;}
#footer .box1 p {font-family: Arial, Helvetica, sans-serif; color: #566b84; font-size: 11px;text-align: right; line-height: 18px; }
#footer .box1 a:link, #footer .box1 a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #004dcd;
	font-size: 11px;
	line-height: 18px;
}
#footer .box1 a:hover, #footer .box1 a:active
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  color: #566b84;
	font-size: 11px;
	line-height: 18px;
}

.copyright { float: left; width: 721px; padding: 0px 0px 0 0; text-align: left;}
.copyright p{text-align: left;color:#566b84; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; }
.copyright b { color: #566b84;}


#footer .copyright a:link, #footer .copyright a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004dcd;
	line-height: 18px;
}
#footer .copyright a:hover, #footer .copyright a:active
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  color: #566b84;
	font-size: 11px;
	line-height: 18px;
}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

#menu2{color:#566b84;font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left;}
#menu2 ul li{display: inline;}
#menu2 ul li a:link, #menu2 ul li a:visited { text-decoration: none !important;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #566b84 !important;line-height: 18px; padding: 0px; }
#menu2 ul li a:hover, #menu2 ul li a:active{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #004dcd !important;line-height: 18px; text-decoration: underline !important;}

.separator{width:100%;	height:25px; clear:both; padding: 0px 0 0 0; margin:0px 0 0 0; background: url(../../images/charte/separator.jpg) repeat-x 50% 30%;}