/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%; background-color: #eff6fe;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#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/bg1.jpg") 50% 0% repeat-x;*/}
#bg3{position:absolute;z-index: 3; height: 100%; background: #eff6fe url(../../images/charte/body.jpg) center top no-repeat;/* background:url("images/bg2.jpg") 50% 0% no-repeat;*/}

#container-diaporama{ background: #f8fbff url(../../images/charte/bg-intro.jpg) left top repeat-x; width: 100%; height: 100%;}
#container-diaporama p.intro{ text-align: center; color: #0656b1; padding-top: 20px;}

#wrap-container{
  background: transparent url(../../images/charte/bg-middle.gif) 50% 50% repeat-y;
  position:relative;
  z-index:4;
  width: 100%;
}
#container{
  margin:0 auto;
  text-align: left;
}
#content{}
.bg-contact
{
  background-image:url(../../images/contact/bg-contact.jpg); background-repeat: no-repeat; background-position: 70px 530px;
}

/* ===| 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{padding: 0 0 10px; height: auto!important; }
#left-outter div.inner{padding: 0px 5px 0px;}

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

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

#actualite{ background: url(../../images/charte/bg-mdm.jpg) left top no-repeat; width: 232px; height: 167px; color: #00346f;}
.act-cont{ height: 110px; padding: 45px 15px 0 15px;}
#newsletter{ background: url(../../images/charte/bg-newsletter.jpg) left top no-repeat; width: 232px; height: 101px;}
#horaire{ background: url(../../images/charte/bg-horaire.jpg) left top no-repeat; width: 232px; height: 101px;}
#horaire-in{ padding: 45px 10px 0 10px; color: #00346f; text-align: center;}
#info{ background: url(../../images/charte/bg-plan.jpg) left top no-repeat; width: 232px; height: 430px; color: #013d82;}
#info .inner{ line-height: 14px;}
#promo {}

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

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {
  background: #f5fafe url(../../images/charte/bg-footer.jpg) center top no-repeat;
  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 {/*background: url("images/footer-bg-0.gif") -16px 0% repeat-y;*/ margin: 0 auto; padding: 0px;}
#footer .inner {/*background: url("images/footer-bg-1.gif") -16px 100% no-repeat;*/ padding: 0 0 25px; color: #0656b1;}
#footer .box1	{/*background:url("images/footer-bg-2.gif") -16px 0% no-repeat;*/ text-align: center; width: 232px; float: left; padding: 0; margin: 0;}
#footer .box1 .cont{ margin: 17px 0 0 10px; line-height: 12px;}
#footer .box2	{/*background:url("images/footer-bg-2.gif") -16px 0% no-repeat;*/ padding: 0; margin: 0; float: left; text-align: center; width: 710px;}
#footer .box2 .cont{ padding-top: 7px; margin: 0; text-align: center;}
#footer .box3 { margin-top: 20px;}
.copyright{padding: 0px 0 0; text-align: center;}
div.ref{padding: 0 10px 0; text-align: center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}
img.thumb{border-style:solid; border-width:5px; padding:1px; margin: 0 5px;}
img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}
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 ul li{display: inline;}
.separator{
  width:100%;
  height:0px;
  clear:both;
  padding:0;
  margin:9px 0;
  border-top: 1px solid #7aaae4;
  border-bottom: 0px solid;
  line-height: 0px;
  font-size: 0;
  overflow: hidden;
}
/* ===| VII. CONTACT FORM |=====================================================*/
/*#frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}*/
div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}
/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
/*#newsletter input{width: 40%; vertical-align: top;}
#newsletter a:link, #newsletter a:visited {text-decoration: none;}
#newsletter a:link input, #newsletter a:visited input {border: 1px solid #fff; background: #ccc; cursor: pointer; width: auto;}
#newsletter a:hover input {border: 1px solid #ccc; background: #fff; width: auto;}*/
#newsletter-container { float: left; padding: 3px 0 0 0; width: 183px;}
#newsletter-form { float:left; padding: 57px 0 0 16px;}
.newsletter-input, .newsletter-inputOver{
  float: left; width: 152px; height: 20px;/* padding: 2px 13px 0 8px;*/padding: 2px 10px 0 8px; font-size: 11px;}
.newsletter-input{ background: url(../../images/charte/newsletter-input-bg.gif) no-repeat top left; color: #0851a2;}
.newsletter-inputOver{ background: url(../../images/charte/newsletter-input-bg-over.gif) no-repeat top left; color: #0851a2;}
.newsletter-button,.newsletter-buttonOver{ float: left; width: 26px; height:20px; cursor: pointer;}
.newsletter-button{ background: url(../../images/charte/newsletter-button.gif) no-repeat top left;}
.newsletter-buttonOver{ background: url(../../images/charte/newsletter-button-over.gif) no-repeat top left;}

/* ===| XIII. COMPONENT ADMINDOCS |=====================================================*/
#admindocs{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}
/************** CONTENT ****************/
#diaporama{ width: 860px; height: 550px; margin: 0px auto;}
.mailing:link, .mailing:visited{ text-decoration: none; color: #2f79cd;}
.mailing:hover, .mailing:active{ text-decoration: underline; color: #013d82;}
.footerlink:link, .footerlink:visited{ text-decoration: none; color: #0656b1;}
.footerlink:hover, .footerlink:active{ text-decoration: underline; color: #003471;}
.footerlinkb:link, .footerlinkb:visited{ text-decoration: none; color: #003471;}
.footerlinkb:hover, .footerlinkb:active{ text-decoration: underline; color: #0656b1;}
ul.list{
	float:left;
}
.list li{
	list-style-type:none;
	background-image:url(../../images/charte/pointer.gif);
	background-position: 3px 3px;
	background-repeat:no-repeat;
  color: #000;
	line-height:16px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.mb5{ margin-bottom: 5px;}
.mr10{ margin-right: 10px;}
.ml10{ margin-left: 10px;}
.mt10{ margin-top: 10px;}
.mb10{ margin-bottom: 10px;}
.m10{ margin: 10px;}
.pr10{ padding-right: 10px;}
.pl10{ padding-left: 10px;}
.pt10{ padding-top: 10px;}
.pb10{ padding-bottom: 10px;}
.pb50{ padding-bottom: 50px;}
.m5{ margin: 5px;}
.p5{ padding: 5px;}
.p10{ padding: 10px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.mt30{ margin-top: 30px;}
.h10{ height: 10px;}
.centered{ text-align: center; float: left;}
.color_b{ color: #f54700;}
.box{ background-color: #e6f1fd;}
#pagination{ text-align: center;}
.details-cont{ padding-left: 270px; width: 200px; font-size: 10px; color: #f54700;}
.boxing{ width: 692px; border: 1px solid #0051ac; background-color: #e6f1fd; display: table; text-align: left;}
.services-cont{
  width: 221px; height: 200px; float: left; text-align: center;/* border: 1px solid #0051ac;*/ background-color: #fff;
/*  margin-left: 0.4em; margin-right: 1px;*/ margin-top: 10px; margin-bottom: 10px;
}
.services-cont .cont .image{ height: 150px;float:left;}
.box-space{ width: 8px; height: 200px; float: left; line-height: 0px; letter-spacing: 0px; font-size: 0px;}
.services-cont .cont{ padding: 10px;}
.thumbimg{ height: 260px;}
/************ END CONTENT **************/