/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline:none}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0px;}
.left{float: left;} .right{float: right;}
.left1{float: left; margin: 54px 14px 0 15px;} .right1{float: right; margin-left: 15px;}
.left2{float: left; margin-top: 18px;}
.left3{float: left; margin: 26px 15px 0 46px;}
.left4{float: left; margin-top: 12px;}
.left5{float: left; margin: 16px 15px 0 40px;}
.left6{float: left; margin-top: 2px;}
#push, .clr	{clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.clear{ clear:both; font-size: 0px; line-height: 0px; height: 0px;}
.clear10{ clear: both; line-height: 0px; font-size: 0px; height: 10px;}

body{ background: #ffffff;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;min-height: 828px; height: auto!important;height: 828px;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x.jpg) 50% 0% repeat-x; min-height: 828px; height: auto!important;height: 828px;}
#bg3{position:absolute;z-index: 3; background: url(images/bg-fix.jpg) 50% 0% no-repeat;min-height: 828px; height: auto!important;height: 828px;}

#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; padding: 0 1px 0 1px;}
#content{ min-height: 712px; height: auto!important; height: 712px;}

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

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

#actualite{ width: 145px; height: 306px; padding: 44px 10px 0 10px; float: left; background: url(images/bg-actualites.jpg) no-repeat top left;}
#actualite .mdm-img{ border: solid 1px #ffffff;}
#actualite .mdm-thumb{  width: 143px; height: 73px; position: relative; overflow: hidden; margin:0px;}


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

#phrase{ height: 57px; width: 745px; padding: 0px;}
#phrase-inner{ padding: 0px; position:absolute; z-index:1;}
#column-left{ height: 491px; width: 282px; padding: 0px; float: left;}
#column-left1{ height: 111px; width: 282px; padding: 0px; float: left;}
.encart-left{ width: 252px; padding: 10px 15px 15px 15px; background-color:#a1d76c ; background: url(../../images/charte/encart-left.jpg) no-repeat top left; }
.encart-left p{font-size: 12px; color: #156100;}



#column-right{ height: 395px; width: 448px; padding: 96px 0px 0px 15px; float: left;}
#column-right1{ padding-right: 15px; height: 293px; width: 730px; float: left;}
#holder-photos{width: 463px; height: 118px; float: right;background: transparent; position: absolute; z-index:999; top: 2px; left: 279px;}
.encart{ width: 432px; height: 61px; float: left; background: url(../../images/charte/bg-encart.jpg) no-repeat top left;}
.paragraph{ padding-right: 15px; width:433px; height: 308px;float: left;}

.paragraph1{ padding-left: 15px; float: left;}
.paragraph2{  height: 293px;}
#horaires{ width: 274px; height: 72px; float: right; padding: 15px 0 0 16px; background: url(images/bg-horaires.jpg) no-repeat top left;}

#horaires p{ color: #31841a; font-size: 11px; line-height: 13px;}
#horaires .text{ color: #247c0b; font-size: 14px; font-weight: bold;line-height: 14px; padding-bottom: 8px;}
#horaires p span{ color: #114f00;}


a:link .button ,a:link input.cbutton, a:visited .button , a:visited input.cbutton{
  width: 102px;
  height: 22px !important;
  margin: 0px; padding: 0px 0 2px 0;
  background: #b0d59a;
  border: solid 1px #1c5e00;
  color: #1c5e00 !important;
  font-size: 11px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align:center;
  text-decoration: none ; }
a:hover .button, a:hover input.cbutton, a:focus .button, a:focus input.cbutton{
  background: #cdedbc;
  border: solid 1px #1c5e00;
  color: #114f00 !important;
  font-size: 11px !important;
  font-weight: bold;
  text-align:center;}

#picture{ border: solid 1px #196f00; float: right; margin-left: 10px;}

/* ===| 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	{ margin: 0 auto; padding: 0px; min-height: 100px; height: auto!important; height: 100px; }
#footer .inner	{float: left; width:950px; }
.footer{float: left; width:950px; background: url(images/bg-footer.jpg) no-repeat top left; height: 40px; padding-top: 19px;}
#footer .active:link, #footer .active:visited{text-decoration: none;color: #125300;}
#footer .active:hover, #footer .active:active{font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #125300;}



#bottom{ height: 31px; width: 925px; padding: 20px 0 0 25px; float: left;}

#plan{float: left; width: 105px; padding: 0px 0px 0px 0px;}
#plan a:link, #plan a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #104700; line-height: 18px; text-align: justify; text-decoration: underline; }

#plan a:hover, #plan a:active{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #104700; line-height: 18px; text-align: justify; text-decoration: none; }

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

#info p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #293800; line-height: 18px; text-align: justify;}
#info a:link, #info a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #104700; line-height: 18px; text-align: justify; text-decoration: underline; }
#info a:hover, #info a:active{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #104700; line-height: 18px; text-align: justify;text-decoration: none; }

#info .address{width: 369px; float: left;}
#info .tel{ width: 147px;float: left;}
#info .mail{width: 201px;float: left;}

.digitalage{float: left; padding-left: 10px;width: 185px;}

#menu2{ float: right; padding: 0px 10px 0 0px; width: 745px; text-align: right !important;}
.copyright{ float: right; padding:0px 10px 0 0px; width: 745px;}

img {border: 0;}

#menu2 ul li{ display: inline; margin: 0px !important;  padding: 0px !important; color: #50930d; text-align: right !important; font-size: 11px; line-height: 18px;}
#menu2 a:link, #menu2 a:visited{ font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #50930d;}
#menu2 a:hover, #menu2 a:active{font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #125300;}

.copyright a:link, .copyright a:visited{text-decoration: none; color: #125300;}
.copyright a:hover, .copyright a:active{font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #50930d;}

.digitalage a:link, .digitalage a:visited{ font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #135301;}
.digitalage a:hover, .digitalage a:active{ font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #50930d;}

.separator-t{width:100%;height:22px; clear:both; background: url(../../images/charte/separator-t.jpg) repeat-x 0% 50%; padding:0; margin:0px;  line-height: 0px; font-size: 0;}
.separator{height: 27px; clear: both; background: url(../../images/charte/separator.jpg) repeat-x 0% 50%; padding: 0px !important; margin: 0px !important;  line-height: 0px !important; font-size: 0px !important;}
.separator1{height: 27px; clear: both; background: url(../../images/charte/separator1.gif) repeat-x 0% 50%; padding: 0px !important; margin: 0px !important;  line-height: 0px !important; font-size: 0px !important;}