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

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

#container, #footer, #header  {width: 950px;}
#header {height:293px; background-color: #002B78;}
#left-column {width: 294px;}
#right-column {width: 656px;}
p,div{  margin:0px; padding: 0px;}


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

.push	{clear: both;}

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


/* ===| 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%;
  background-image:url(../images/charte/wrap-container.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  }


#container {
	margin:0 auto;
	text-align: left;
  width: 950px;
/*  display:table;   */
  background-image:url(../images/charte/repeat-y.jpg);
  background-position: top left;
  background-repeat: repeat-y;
  }


#header {
width: 950px;
height: 293px;
 }
#left-column{
	float:left;
	}

#mdm{
  height:180px;
  width: 294px;
  float: left;

}
#int-mdm{
  padding:50px 15px 0px 15px;

}

#mdm .title{
  color: #002058;
  font-family: Arial, Verdana;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  clear: left;
  height: 20px;
}

#mdm .text{
  color: #002058;
  font-size: 11px;
  height: 75px;
  font-family: Arial, Verdana;
  text-align: justify;
}

#mdm .imgs{
float: right;
margin-left: 10px;
border: 1px solid #002B79;

}


#coordonnees{
  height:197px;
  width: 294px;
  float: left;


}

 .text-coordonnees {
   font-family:Arial,Geneva, Helvetica, sans-serif;
	font-size: 12px;
  font-weight:normal;
  color: #00338E;
  padding-top:95px;
  padding-left:20px;
  padding-bottom: 10px;

}

  .text-horaires{
 font-family:Arial,Geneva, Helvetica, sans-serif;
	font-size: 12px;
  font-weight:normal;
  color: #00338E;
  padding-top:55px;
  padding-left:20px;

}


.acces{
background-image: url(../images/charte/acces-plan.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 236px;
width: 294px;
float: left;
}
.acces img{
padding-left: 10px;
padding-top: 52px;
}


#inscrivez{
  height:99px;
  width: 294px;
  float: right;
}

#horaires{
  height:97px;
  width: 294px;
  float: right;
}

#inscrivez .case{
border: 0px solid #000000;
color: #00338E;
font-size: 11px;
padding: 3px 3px 3px 3px;
line-height: 10px;
width: 220px;
background-color: transparent;
margin-top: 64px;
margin-left: 17px;
}

#inscrivez .ok{
border: 0px solid #000000;
width: 31px;
height: 20px;
float: right;
margin-top: 64px;
margin-right: 17px;
}

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


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

#right-column{
	float:right;
  }

#footer {
	margin: 0 auto;
	padding: 0;
  color: #ffffff;
  font-family:Arial,Geneva, Helvetica, sans-serif;
	font-size:12px;
  font-weight: normal;
   }

  #footer a {
  color: #ffffff;
  text-decoration: none;
  font-family:Arial,Geneva, Helvetica, sans-serif;
	font-size:12px;
  font-weight: normal;
  }

    #footer a:hover {
  color: #88EDF0;
  text-decoration: none;
  font-family:Arial,Geneva, Helvetica, sans-serif;
	font-size:12px;
  }

 #footer .actif{
  color:#88EDF0;
  cursor: default;
  }

#menu2{
		width: 950px;}

    .ref {
     font-family:Arial,Geneva, Helvetica, sans-serif;
		width: 950px;
		margin: 0 auto;
    clear: left;
		text-align:center;
		color: #000000;
		font-family:Arial;
		font-size:11px;
    padding: 15px 0px 5px 0px;

	}



.copyright{
	float: left;
	padding: 10px 0 5px;
	width: 950px;
  border: 0px solid red;
	text-align: center;
  color: #88EDF0;
  }



  .menu-bottom{
	float: left;
	padding: 20px 0 0;
	width: 430px;
  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 |------------------------- */