@import url(typo.css);
@import url(skin.css);
@import url(menu2.css);
@import "flexcrollstyles.css";

html, body{	width:100%;	height:100%; margin:0px; padding:0px;}

body{	font:normal 12px tahoma; background:#2e1803 url(../images/charte/bg-1.gif) bottom repeat-x;}

p, ul, li, table, div, h1, h2, h3, hr, img{padding:0px; margin:0px;}

#container{
/*	z-index:1;
	position:absolute;
	left:0;
	top:0;
	height:100%;*/
	width:854px;
	margin: 0 auto;
	background:url(../images/charte/bg-repeat.gif) top repeat-y;
	display:table;}
	
#header{
/*	z-index:100;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-427px;*/
	margin: 0 auto;
	width:854px;
	height:138px;
	background: url(../images/charte/header.jpg) top no-repeat;}

#screen{
/*	z-index:10;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:auto;*/
	width: 400px;
	float: left;
	height: 500px;}

#contenu{
/*	position:absolute;
	top:0;
	left:50%;
	margin-left:19px;
 	z-index:10;
	padding: 0 0 0 0px;*/
	width: 100%;
	height:500px;
	background:url(../images/charte/bg-right-col.jpg) top repeat-y;}


/* ---left menu---*/
#colLeft
{/*	z-index:200;
	position:absolute;
	left:50%;
	top:138px;
	margin-left:-427px;*/
	width:446px;
	height:500px;
	float: left;}

#col1{
	width: 233px;
/*	margin-left:21px;*/
/*	position:absolute;*/
/*	height:607px;*/
	float: left;
	background: #ccc;
	height:500px;}	
	
#col2{
	width: 213px;
	float: left;
	height: 500px;}
	
#text_content{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#000000;
	width:400px;
	float:left;
	margin-left:0px;
 	/*margin-right:6px;*/}

#footer{
	background: url(../images/charte/bg-footer.jpg) top no-repeat;
/*	z-index:200;
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:-427px;*/
	margin: 0 auto;
	width:854px;
	height:57px;}

#right-content{
width:408px;
height:500px;
text-align:left;
;}

#mdm{
 	width:233px;
	height:103px;
	background: url(../images/charte/bg-mdm.jpg) top no-repeat;}
#adresse{
 	width:213px;
	height:154px;
	background: url(../images/charte/bg-adresse.jpg) top no-repeat;}
#plan{
  width:213px;
	height:114px;
  background:url(../images/charte/bg-plan.jpg) top no-repeat;
  }
.plan{
  width:200px;
  height:114px;
  margin-left:6px;

}


/*===| I. LAYOUT SIZE |====================================================*/
/*#container, #footer, #container1,  #container2 {width:792px;}*/

/*
#left-column {width:200px;}
#midle-column {width:392px;}
#midle-column1 {width:592px;}
#midle-column2 {width:790px;}
#right-column{width:200px;}*/

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 62px;}
/*#wrap-footer{clear:both; width:100%;}*/

.push	{clear: both;background-color:green}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {margin: 0 auto}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

p{padding:7px 0px;}

#wrap-container {
 /* min-height: 100%;*/
 /*height: auto !important;
height: 100%; */}

#left-column{
	float:left;
	margin:0;
  text-align: center;
  font-size: 11px;
  }
#midle-column{
	float:left;
  padding:0px 0px;
	}
#midle-column1{
	float:right;
  padding:0px 0px;
	display:block;
	}
#midle-column2{
	float:right;
  padding:0px 0px;
	display:block;
  height:325px;
  text-align:center;
	}
#right-column{
	float:right;
  padding:0px 0px;}

#vente{height:128px;}

#coordonnees{height:134px;}

#horaires{height:89px;}

#diaporama-index{height:520px;}
#diaporama-nos-creations{height:520px;}
#diaporama-vos-evenements{height:520px;}

#midle-column{
	float:left;
  padding:0px 0px;}

#right-column{
	float:right;
  padding:0px 0px;}
.content{
  padding-top:10px;
  padding-right:10px;
  padding-left:10px;
}

.copyright{
  font: 0.84em verdana, sans-serif;
  text-align:right;
  color:#9e8b7a;
  padding-top:3px;
 }

h1 span{display:none;}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left;margin-right:5px;padding-left:5px;} .right{float: right;margin-left:5px;padding-right:15px}

.thumb{
	display: block;}

.thumb img{
	margin: 0}

ul.list{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#594129;
float:left;
margin-top:7px;
  }
ul.list li{
  margin-top:10px;
  padding-left:10px;}

ul.list2{
  margin-left:35px;
  line-height:16px;
  color:#b61e2f;
  font-weight:bold;
  font-size: 13px;
  }
ul.list2 li{padding-left:23px;
  margin-top:5px;}
/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}

/* === Scroll buttons === */

#btnUp{ width:19px;height:19px;
  position:absolute; z-index:10; margin-left:392px;margin-top:-1px;}

#btnUp a{
  width:11px;height:11px;
  background:url(../images/charte/up.jpg) top no-repeat;
   display: block;
	}
#btnUp a:hover{
  width:11px;height:11px;
  background:url(../images/charte/up-over.jpg) top no-repeat;
	}

#btnDown{
 	width:19px;height:19px; position:absolute; z-index:10; margin-left:392px; margin-top:-9px;}
#btnDown a{
  width:11px;height:11px;
  background:url(../images/charte/down.jpg) top no-repeat;
    display: block;
	}
#btnDown a:hover{
  width:19px;height:19px;
  background:url(../images/charte/down-over.jpg) top no-repeat;
	}

/* ---| THE END |------------------------- */