@import url(typo.css);
@import url(skin.css);
@import url(menu1.css);
@import url(menu2.css);

/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header  {width: 997px;}
#header {height:177px;}
#left-column {width: 476px;}
#right-column {width: 521px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 49px;}

.push	{clear: both;}

a:focus{
  outline: none;
}

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


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

* {margin: 0;}

html, body {  height: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}


#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;
  background: url(../images/charte/bg-repeat.jpg) repeat-y center top;
  }
#header {
width: 997px;
height: 177px;
 }
#left-column{
	float:left;
	}
#flash-menu{
  height:169px;
  width: 175px;
  float: left;
}
#mdm{
  height:313px;
  width: 175px;
  float: left;
  padding-top:10px;
  padding-bottom:10px;
}
#int-mdm{
  padding-top:38px;

}

#mdm .title{
  color: #763D1F;
  font-size: 12px;
  font-weight: bold;
  text-align: center;

  clear: left;
}

#mdm .text{
  color: #6B5A2B;
  font-size: 11px;

}

#mdm .envoyer{
padding-left:10px;
}


#coordonnees{
  height:333px;
  width:301px;
  clear: left;
  float:left;
}
#int-coordonnees{
  padding-top:25px;
  padding-left:65px;
  }

 .text-coordonnees {
   font-family:Arial,Geneva, Helvetica, sans-serif;
	font-size: 12px;
  font-weight:normal;
   color: #763D1F;
   font-size: 12px;

}
#inscrivez{
  height:137px;
  width: 431px;
  float: right;
  padding-top:160px;
}

#inscrivez .case{
border-top: 1px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: #DED2B3;
color: #763D1F;
font-size: 11px;
padding: 4px 3px;
width: 200px;
margin-left: 90px;
margin-right:8px;
float: left;
}

#inscrivez .ok{
border: 0px solid #000000;
width: 29px;
height: 23px;
background-color: #763D1F;

margin-right: 12px;
}

#inscrivez .ok-over{
-moz-opacity: 0.70; opacity:0.70;
}




.acces{
  padding-top:14px;
  padding-left:58px;

}

#menu-left{
  height:169px;
  width: 300px;
  margin-left: 0px;
  float: left;



}

#int-plan{
  padding-left:77px;
  padding-top:9px;
}

#right-column{
	float:left;
  width: 521px;
  background: url(../images/charte/bg-contenu.jpg) left top no-repeat;

  }





#footer {
	margin: 0 auto;
	padding: 0;
  color: #B88145;
  font-family:Verdana,Arial;
	font-size:12px;
  font-weight: normal;
   }

  #footer a {
  color: #F3A753;
  text-decoration: none;
  font-family:Verdana,Arial;
	font-size:11px;
  font-weight: normal;
  }

    #footer a:hover {
  color: #B88145;

  text-decoration: none;
  font-family:Verdana,Arial;
	font-size:11px;
  }

#menu2{
		width: 997px;}

    .ref {
		width: 997px;
		margin: 0 auto;
		text-align:center;
		color: #B88145;
		font-family:Verdana,Arial;
		font-size:11px;
    padding: 10px 0px;
	}



.copyright{
	float: left;
	padding: 2px 0 5px;
		width: 800px;
    border: 0px solid red;
	text-align: right;}



  .menu-bottom{
	float: left;
	padding: 25px 0 0;
		width: 800px;
    border: 0px solid red;
	text-align: right;}

/*	--- 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;}
.right{float: right;}

.thumb{
	display: block;
 }
/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;
}
/* ---| THE END |------------------------- */