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

#container,#footer{
  width:850px;
}

#header{
  width:565px;
  height:230px;
}

#left-column{
  width:260px;
  padding-left:25px;
  height:741px;
  height:100%;
  float:left;
}

#right-column{
  width:511px;
  padding:10px 30px 0 17px;
  min-height:650px;
}

#wrap-footer{
  width:100%;
  margin:0 auto;
  float:left;
}

#contain-search-input{
  float:left;
  width:163px;
  height:22px;
  padding:0px 3px 0px 3px;
  background:url(../images/charte/input-recherche.jpg) 0px 1px no-repeat;
}

#contain-search-input:focus{
  float:left;
  width:163px;
  height:20px;
  padding:1px 3px 0px 1px;
  background-image:none;
  background-color:#F4F7FE;
}

#contain-search-input input{
  width:163px;
  height:17px;
  font-size:12px;
  line-height:20px;
  margin:0px;
  border:none;
  float:left;
  background:transparent;
  padding:2px 0px 1px 0px;
}

/*******************/
.offre-gauche {
   width:247px;
   height:86px;
   padding:4px 0px 0px;
   float:left;
   margin:0 0 4px;
   display:inline;
   border-top: solid 1px #B6C5EE;
   border-left: solid 1px #B6C5EE;
   background:url(../images/charte/bg-mdm.jpg) -122px bottom no-repeat transparent;
}
.offre-droit {
   width:247px;
   height:86px;
   padding:4px 0px 0px;
   float:right;
   margin:0 0 4px;
   border-top: solid 1px #B6C5EE;
   border-left: solid 1px #B6C5EE;
   display:inline;
   background:url(../images/charte/bg-mdm.jpg) -122px bottom no-repeat transparent;
}

.img-offre{
  background: #CACACA;
  border:solid 1px #113184;
  float:left;
  margin:0px 3px 3px;
}

.offre-gauche .space, .offre-droit .space{
  width:1px;
  height:86px;
  float:left;
}

.offre-gauche p, .offre-droit p{
  padding:0px 5px 0 5px;
  height:65px;
  margin:0px;
  font-size:11px;
  line-height:13px;
  text-align:center;
}
.details{
  float:left;
  width:501px;
  padding:5px 4px 0px 4px;
  margin:0px;
  border:solid 1px #DEDEDE;
  background:url(../images/charte/bg-div.jpg) left top repeat-x transparent;

}

.details a{
  text-decoration: none;
  border-bottom: solid 1px;
  padding-bottom:1px;
}

.details a:hover{
  text-decoration: none;
  border-bottom: none;
  padding-bottom:3px;
}

/*******************/


/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/

#wrap-footer,#footer,.push{
  height:82px;
}

.push{
  clear:both;
}
/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/
.clear {
  clear:both;
  padding:0px;
  margin:0px;
  display:block;
  line-height:0px;
  font-size:0px;
  height:0px;
  width:0px;
}

#wrap-container{
  margin:0 auto;
  height:100%;
  width:100%;
  float:left;
}

#wrap-container1{
  margin:0 auto 0;
  width:100%;
  height:100%;
  display:block;
}
/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

*{
  margin:0;
}

html,body{
  height:100%;
  width:100%;
}

body{
  text-align:center;
}

ul,li{
  list-style:none;
  list-style-position:outside;
  margin:0;
  padding:0px;
}
ul{
  padding:0 0 10px;
}
#wrap-container{
  min-height:100%;
  height: auto !important;
  height:100%;
}

#container{
  margin:0 auto;
  text-align:left;
}

#header{
  float:right;
/*	text-indent: -9999em;*/
}

#left-column{
  float:left;
  margin:0;
}

#right-column{
  float:left;
}

#right-column .titre{
  float:left;
}

#right-column div.div{
  float:left;
  padding:6px;
  border: solid 1px #b9c7ec;
  width: 497px;
  background: url(../images/charte/bg-div.jpg) left top repeat-x transparent;
}
#right-column div.div1{
  float:left;
  padding:4px 5px 3px;
  border: solid 1px #b9c7ec;
  width: 497px;
  background: url(../images/charte/bg-div1.jpg) left top repeat-x transparent;
}

#right-column .half{
  width: 50%;
  float: left;
  text-align: center;
}
#right-column .half img{
  margin: 0 auto;
  display: block;
  border: none;
}



#contact-info{
  width:255px;
  height:140px;
  padding:40px 0px 0px 5px;
}

#search{
  height:200px;
}
/****************/

#mdm-container{
  width:487px;
  padding:42px 13px 0px 11px;
  float:left;
  background:url(../images/charte/bg-mdm.jpg) left 5px no-repeat transparent;
  overflow:hidden;
}

#mdm-container p{
  font-size:12px;
  line-height:17px;
  padding:0px;
  margin:0px;
  font-family:Arial,Verdana,Tahoma,Geneva,Helvetica,sans-serif;
}
/*****************/

#wrap-footer{
  margin:-82px auto 0;
  padding:0;
}

#footer{
  margin:0px auto;
  padding:0;
}

.copyright{
  padding:17px 0 0;
  text-align:center;
}
/*	--- 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;
}

.right{
  float:right;
}

a.thumb:link, a.thumb:visited{
  border:0px;
  padding:0px;
  margin:0px;
  width:auto;
  display:block;
}

img.thumb{
  border-style:solid;
  border-width:5px;
  padding:1px;
  margin:0 5px;
}

.paragraph{
  clear:both;
  display:table;
  width:100%;
}

.separator{
  width:100%;
  height:0px;
  clear:both;
  padding:0;
  margin:15px 0;
  border-top:1px solid;
  border-bottom:1px solid;
  line-height:0px;
  color:#113184;
}
/* ===| IV. NAVIGATION |===============================================*/

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