@import url(typo.css);
@import url(skin.css);
@import url(menu.css);
@import url(forms.css);
@import url(mdm.css);
@import url(lightbox.css);
@import url(flexcrollstyles.css);

*{ padding:0px;margin:0px;}

html, body {width:100%; height:100%; margin:0px; padding:0px; height:100%;}
body {background-color: #fff; margin:0px; padding:0px;}

#header{ width:850px; height:278px; position:absolute; z-index:100; left:50%; top:0; margin-left:-425px;}
#menu-flash {width: 850px; height: 85px; margin: 0px; padding: 0px;}
#bando-haut {width: 850px; height: 193px; margin: 0px; padding: 0px;}

#diapo, #actualites, #cadre-haut-droit {height: 193px; float: left; margin: 0px; padding: 0px;}
#diapo { width: 248px;}
#actualites { width: 235px; background: url(../images/charte/bg-actualites.jpg) left top no-repeat;}
#cadre-haut-droit { width: 367px; background: url(../images/charte/bg-cadre-haut-droit.jpg) left top no-repeat;}

#title{ width: 602px; height:44px; position:absolute; z-index:500; left:50%; top: 278px; margin-left:-177px; }

#container{ width:100%; height:100%; position:absolute; z-index:1; left:0; top:0;}

#colLeft{ width: 248px; height:460px; position:absolute; z-index:200; left:50%; top:278px; margin-left:-425px;}
#divNews, #horaires, #acces { width: 248px; float: left; margin: 0px; padding: 0px; }
#divNews { height: 76px; background: url(../images/charte/bg-news.gif) left top no-repeat;}
	#divContact { padding: 40px 0px 0px 8px;}

#horaires { height: 169px; background: url(../images/charte/bg-horaires.jpg) left top no-repeat;}
	#horaires-int { padding: 39px 0px 0px 16px;}

#acces { height: 215px; background: url(../images/charte/bg-acces.jpg) left top no-repeat;}
	#acces-int { padding: 45px 0px 20px 38px;  }

#colRight{ width:602px; height:460px; position:absolute; z-index:10; left:50%; top:0; top:278px; margin-left: -177px; overflow:hidden; background: url(../images/charte/bg-colright.gif) left top repeat-y;}

#contenu{ width: 602px; height: 460px; position:absolute; z-index:10; top:0; left:0;}
#text-content{ width:602px; margin: 0px; padding: 0px; display: table;overflow:hidden;}

#texte-left{width: 235px; height:413px; float: left; margin-top: 44px;}
#texte-right{width: 350px; float: left; padding: 10px 0px 0px 0px; margin: 0px; }




#footer{ width:850px; height:85px; position:absolute; z-index:200; left:50%; top: 740px; margin-left:-425px; background: url(../images/charte/bg-footer.gif) left top no-repeat;}

br { height: 5px; line-height: 5px;}

img {border: 0;}
.thumb-right{float: right; margin: 0px 0px 0px 15px;}
.thumb-left{float: left; margin: 0px 15px 0px 0px;}

.left {float: left;}
.right {float: right;}

.collbottom { width: 94%; margin: 0px auto;}
.separateur{
	width: 100%;
	height: 7px;
	line-height: 7px;
	clear: both;
	padding: 0px;
	margin: 0px 0px 11px 0px;
	background: url(../images/charte/bg-separateur.gif) left bottom repeat-x;
}

.separateur-left{
	width: 100%;
	height: 2px;
	border-bottom: 1px solid #D0A98F;
	clear: both;
	display: block;
	padding:0;
	margin: 0px;
	line-height: 0px;
}
.clear{
  width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin: 0;
	line-height: 0px;
}
.ref{
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
}