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

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

#container, #footer, #header {width:1004px;}
#header {height:198px;}
#left-column {width: 270px;}
#right-column {width: 701px;}

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

.push	{clear: both;}

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

margin: 0 auto -149px;}


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

* {margin: 0; padding:0;}

html, body {height: 100%; width: 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;}

#left-column{
	float:left;

	}
#right-column{
	float:left;	
	}
.ref {
		position: absolute;
		top: -10000px;
	}

#footer {
	margin: 0 auto;
	padding: 0;
  color:#7f7e7e;}
#copyright{
 padding-top:41px;
}
#footer-left{
 float:left;
 width:323px;
 padding-left:49px;
}
#footer-right{
 float:left;
 width:537px;
 padding-right:95px;
}
  #footer-right p{
   text-align:right;
  }
.digital-age:link, .digital-age:visited{
 color:#7F7E7E;
 text-decoration:none;
}
.digital-age:hover, .digital-age:active{
 color: #FE292B;
 text-decoration:underline;
}
#plan{
 padding-top: 20px;
 padding-left: 31px;
}
.plan:link, .plan:visited{
 background: url(../images/charte/btn-plan.jpg) top left no-repeat;
 float:left;
 width:148px;
 height:29px;
}
.plan:hover, .plan:active{
 background: url(../images/charte/btn-plan-over.jpg) top left no-repeat;
}
.email:link, .email:visited{
 color:#fe292b;
 font-style: italic;
}
.email:hover, .email:active{
 color:#7f7f7f;
}
.btOk{
 background: url(../images/charte/btn-ok.jpg) top left no-repeat;
 width:29px;
 height:23px;
 display:table;
 float:left;
}
.btOk:hover{
 background: url(../images/charte/btn-ok-over.jpg) top left no-repeat;
}
.details:link, .details:visited{
 background: url(../images/charte/btn-savoirplus.jpg) top left no-repeat;
 float:left;
 width:93px;
 height:32px;
}
.details:hover, .details:active{
 background: url(../images/charte/btn-savoirplus-over.jpg) top left no-repeat;
}
.pdf:link, .pdf:visited{
background: url(../images/charte/btn-pdf.jpg) top left no-repeat;
width:133px;
height: 21px;
float:right;
display: table;
}
.pdf:hover, .pdf:active{
 background: url(../images/charte/btn-pdf-over.jpg) top left no-repeat;
}
.subm{
  display: inline;
}
.formcat{
  color: #fff;
  text-decoration: none;
  padding:4px;
  margin: 0 5px;
  background-color: #1971b9;
}
.formcat:hover{
  color: #fff;
  text-decoration: underline;
  background-color: #3e88c3;
}
.liclass{
  display:inline;
  line-height:30px;
  margin:0 4px;
  text-decoration: none;
  color: #fff;
}

.subplink{
  padding:4px;
  background-color: #d71315;
  color: #fff;
  text-decoration: none;
}
.subplink:hover{
  padding:4px;
  background-color: #fe292b;
  color: #fff;
  text-decoration: underline;
}
.list2{
  margin-bottom: 10px;
  margin-top: 5px;
}
#mdm-top{
  background: url(../images/charte/mdm-top.jpg) top left no-repeat;
 margin-left:30px;
  height: 103px;
}
#mdm-bottom{
  background: url(../images/charte/mdm-bottom.jpg) top left no-repeat;
 margin-left:30px;
  height: 68px;
}

a:focus{
  outline: none;
}

.cutext p{
  line-height: 15px;
}




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


/*=============================== II.PLAN =============================================*/

#right-inner .plan-adr .name{
  float: left;
  width: 203px;
}
#right-inner .plan-adr .name .site{
  color: #643125;
  font-weight: bold;
  text-transform: uppercase;
}

#right-inner .plan-adr .adress{
  float: left;
  width: 203px;
}

#right-inner .plan-adr .number{
  float: left;
  width: 203px;
}
#right-inner .plan-adr .number p span{
  font-weight: bold;
  color: #794133;
}

#right-inner .plan-button{
  padding-top: 0px;
  float: left;
  height: 18px;
  width: 91px
}

.plan-button img
{
  padding: 0px 0px 0px 5px;
  float: left;
  border: none!important;
}

#plan_image
{
  width:676px;
  /*margin: 0px auto;*/
  text-align: center;
  float: left;
}
#plan_image img
{
  padding-left: 0px;
 /* float: left; */
 margin: 0 auto;
}