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

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

#container {
   width:1008px;
}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer {height: 79px;
    background: url(../images/charte/bottom-repeat.jpg) bottom center repeat-x;
}

.push	{
height: 79px;
clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height 
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -75px;
    background: url(../images/charte/top-repeat.jpg) top center repeat-x;
}


/* ===| 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: 0;}

p{	padding: 0 5px;}
#header{
   background: url(../images/charte/header.jpg) top left no-repeat;
   width: 1008px;
   height: 200px;
}
#right-par{
   float: right;

}
#left-column{
  width: 315px;
  float: left;
}
#mdm_buton{
  text-align: right;
  padding-left: 175px;
  float:left;
  margin-top: 22px;
  _margin-top: 0px;

}

#footer{
  background: url(../images/charte/footer.jpg) top left no-repeat;
  width: 1008px;
  height: 79px;
}
#undermenu-path2{
  background: url(../images/charte/undermenu-path-services.jpg) top left no-repeat;
  width: 693px;
  height: 65px;
  float: left;
}
#undermenu-path3{
  background: url(../images/charte/undermenu-path-produits.jpg) top left no-repeat;
  width: 693px;
  height: 65px;
  float: left;
}
#undermenu-path4{
  background: url(../images/charte/undermenu-path-realisation.jpg) top left no-repeat;
  width: 693px;
  height: 65px;
  float: left;
}
#undermenu-path5{
  background: url(../images/charte/undermenu-path-contact.jpg) top left no-repeat;
  width: 693px;
  height: 65px;
  float: left;
}
#undermenu-path6{
  background: url(../images/charte/undermenu-path-merci.jpg) top left no-repeat;
  width: 693px;
  height: 65px;
  float: left;
}
#contact-map{
  background: url(../images/charte/contact-map.jpg) center no-repeat;
  width:216px;
  height: 259px;
  float: right;
  padding-top:10px;

}
#mdm2{
  background: url(../images/charte/mdm2.jpg) top left no-repeat;
}

#se-par1{
  float: left;
  width: 570px;
  padding: 10px 0 0 20px;
  line-height: 16px;
}
#se-par2{
  float: left;
  width: 560px;
  padding: 10px 0 0 20px;
  line-height: 16px;
}
#se-par3{
  float: left;
  width: 600px;
  padding: 10px 0 0 20px;
}

#flash-menu{
  background: url(../images/charte/flash-menu.jpg) top center no-repeat;
  width: 1008px;
  height: 95px;
}
#actualite{
  background: url(../images/charte/mdm.jpg) top left no-repeat;
  height: 287px;
}
#undermenu-path{
  background: url(../images/charte/undermenu-path.jpg) top right no-repeat;
  width: 693px;
  height: 65px;
  float: left;
}
#index-par1{
  background: url(../images/charte/layout_j_balas2-slice_05.jpg) top left no-repeat;
  height:221px;
  width: 693px;
  float: left;
}
#contact{
  background: url(../images/charte/contact.jpg) top left no-repeat;
  width: 1008px;
  height: 160px;
  float: left;
  padding-top: 30px;
}
#under-contact{
  background: url(../images/charte/under-contact.jpg) top left no-repeat;
  width:1008px;
  height: 130px;
  float: left;
}
#under-contact{
  width:1008px;
  float: left;
}
#tab1{
  background: url(../images/charte/service-tab.jpg) top left no-repeat;
  width:378px;
  height: 157px;
  float: right;

}
#tab2{
  background: url(../images/charte/service-tab.jpg) top left no-repeat;
  width:378px;
  height: 157px;
  float: right;
  padding-right: 50px;
}
#tab3{
  background: url(../images/charte/service-tab.jpg) bottom left no-repeat;
  width:378px;
  height: 157px;
  float: right;
  padding-top: 20px;
}
#tab4{
  background: url(../images/charte/service-tab.jpg) bottom left no-repeat;
  width:378px;
  height: 157px;
  float: right;
  padding-right: 50px;
  padding-top: 20px;
}
#par1{
  width:430px;
  padding: 23px 12px 0 25px;
  line-height: 16px;
}


#par{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #419313;
  padding-left: 25px;
}
#contact-1{
  float: left;
  width: 205px;
  padding-left: 100px;
}
#contact-2{
  float: left;
  padding-left: 30px;
}
#tel{
  padding-left:71px ;
}
#email{
  padding-top: 20px ;

}
#uc-1{
  text-align: center;
  padding-left: 117px;
  float: left;
  padding-top: 11px;
  line-height: 16px;
}
#uc-2{
  text-align: center;
  padding-left: 75px;
  padding-top: 11px;
  float: left;
    line-height: 16px;
}


#ctext-2{
  padding-left: 57px;
  padding-top:23px ;
}

#copyright{
padding-right:30px;
    text-align: right;
}
#dig-age{
  font-size:10px;
  float:left;
  padding-top:30px;
  padding-left: 120px;
  color:#ffffff;
  text-decoration: none;
  text-align: left;
}
#dig-age:hover{
 color: #9bcd7e;

}


#right-column-1{
  float: left;
}

#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;
}

#contact-info, #promo {height: 125px;}

#footer {
	margin: 0 auto;
	padding: 0;}
#mail-style{
  font-style:italic;
  color:#347711;
  text-decoration:none;
}
#mail-style:hover{
  text-decoration:underline;
}
#mail-style2{
  font-style:italic;
  color:#347711;
  text-decoration:none;
}
#mail-style2:hover{
  text-decoration:underline;
}
.copyright{
	padding: 17px 0 0;
	text-align: center;}

ul.list{
color: #000000;
padding-top: 7px;
padding-left:23px;
line-height: 16px;
}
.list li.row{
background: url(../images/charte/dott.gif) center left no-repeat;
padding-left:15px;
}

/*	--- 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;}

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

.paragraph{
	clear: both;
	display: table;}

.separator{
	width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin:15px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	line-height: 0px;}

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