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

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

#container, #footer, #header {width: 1000px;}
#header {height:280px;}
#left-column {
	width: 244px;
	height:576px;}
#right-column {width: 556px;}

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

.push	{clear: both;}

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


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

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}

p{
	padding:10px 0px;
}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
	
#container {
	margin:0 auto;
	text-align: left;}



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

#left-column{
	float:left;
	margin: 0px 0px 0px 0px;
	padding-left:100px;
}

#right-column{

	float:left;
    height:710px;    
	margin:0px 0px 0px 0px;
	padding:0px 100px 0px 0px;
}

.ref {
	width: 1000px;
		margin: 0 auto;
		text-align:center;
		color: #ffffff;
		font-family:Arial;
		font-size:11px;
}
	
#actualite{
	margin-top:59px;
	width:226px;
	height:143px;
}
#contact-info{
	width:211px;
	height:119px;
	margin:0px;
	padding-top:40px;
	padding-left:15px;
}
	#contact-info p{
		padding-left:0px;
		color:#a9a9a9;
		line-height:16px;
		font-size:12px;
	}

#plan {
	width:214px;
	/*height:102px;*/
	padding-top:40px;
	padding-left:12px;
}
 	#plan p{
		padding-left:0px;
		color:#b8b8b8;
		line-height:16px;
		font-size:12px;
	}

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

.copyright{
	padding: 35px 0px 0px 0px;
	text-align: center;
}

.mdm-sav{
  float:right;
  cursor:pointer;
  margin-right:5px;
  text-decoration: none;
}
.mdm-sav:hover{
  float:right;
  cursor:pointer;
  margin-right:5px;
  text-decoration: underline;
}

/*==================== category =======================*/
#category{
    float:left;
    padding:40px 10px 0px 5px;
}
#txtCategory_id{
  background-color: #9d9b9b;
  color:#ffffff;
  width:140px;
  float:left;
}
#categ-label{
  font-weight: bold;
  color:#72552f;
  font-size:11px;
  font-family:Arial;
  float: left;
  padding:0px 10px 10px 0px;
}

#categ-label p{
	padding-left:5px;
	padding-top:2px;
}
	
.submit{
	background-color:#acacac;
	border: 1px solid #777676;
	color: #393939;
    font-family:Verdana;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	height: 22px;
    margin-left:5px;
}

.submitover{
	background-color:#c4af80;
	border: 1px solid #b49e6c;
	color: #72552f;
	font-family:Verdana;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0px;
	width: 80px;
	height: 22px;
	cursor: pointer;
    margin-left:5px;
}

.articles{
	padding-top:40px;
	float:left;
	width:193px;	
}

/****************** realisations **********************/

#recherche{
    width:430px;
    float:left;
    padding:20px 20px 0px 160px;
}

.ok{
	margin-top:11px;
	width:33px;
	height:19px;
}
.okover{
	margin-top:11px;
	width:33px;
	height:19px;
}

.pages{
  width:530px;
  float:left;
  padding:0 0px 0px 20px;
}

.realisation{
  width:160px;
  float:left;
  margin:5px;
  border:solid 2px #d5d5d5;
  text-align:center;
  height: 170px;
}
.plight{
  color: #000;
  padding-top: 0;
  padding-left: 10px;
}

.categ-title{
    font-family:Verdana;
    text-align: center;
    color:#393738;
    float: left;
    width:160px;
    height: 25px;
    padding:4px 0 5px 0;
	background-color:#9d9b9b;
    font-weight: bold;
}

.image-prod{
	color:#f9e6c3;
	margin:0 auto;
	text-align:center;
}
.img-prod{
	margin-top:5px;	
	border:solid 1px #acacac;
}

.data{
    font-family:Verdana;
    text-align: center;
    color:#e4e4e4;
	padding-top:2px;
	padding-bottom:2px;	
}

.text-article{
  width:500px;
  float:left;
  margin:0px 5px 5px 0px;
  border:solid 2px #d5d5d5;
  text-align:justify;
}
.article-title{
    font-family:Verdana;
    text-align: center;
    color:#393738;
    float: left;
    width:500px;
    padding:4px 0 5px 0;
	background-color:#9d9b9b;
    font-weight: bold;
}
.image-article{
	color:#f9e6c3;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
.article-text{
	padding-left:5px;
	padding-right:5px;
}

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

.thumb img{
	padding:8px 0px 0px 10px;
	margin: 0
}

.thumb0{
	display: block;
	margin:0px 0px 0px 5px;
}

.thumb0 img{
	padding:8px 0px 5px 10px;
	margin: 0
}

.thumb1{
	display: block;
	margin:0px 5px 0px 0px;
}

.thumb1 img{
	padding:8px 10px 5px 0px;
	margin: 0
}

.paragraph{
	clear: both;
}

#title{
	padding-top:20px;
}

ul.list{
	 padding:35px 2px 0px 10px;
	 list-style:none;
	 float:left;
	 width:165px;
	}
		ul.list li{
			color:#ffffff;
			font-family:Verdana;
			font-size:12px;
			font-weight:normal;
			text-align:justify;
			margin-top:0px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 8px;
			padding-left:15px;
			line-height:20px;
			}

ul.list0{
	 padding:10px 2px 0px 10px;
	 list-style:none;
	 float:left;
	 width:145px;
	}
		ul.list0 li{
			color:#ffffff;
			font-family:Verdana;
			font-size:12px;
			font-weight:normal;
			text-align:justify;
			margin-top:0px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 8px;
			padding-left:15px;
			line-height:20px;
			}

ul.list1{
	 padding:20px 2px 0px 10px;
	 list-style:none;
	 float:left;
	 width:145px;
	}
		ul.list1 li{
			color:#ffffff;
			font-family:Verdana;
			font-size:12px;
			font-weight:normal;
			text-align:justify;
			margin-top:0px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 8px;
			padding-left:15px;
			line-height:20px;
			}

.text{ 
	padding-top:70px;
	text-align:center;
}

.line{
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.text-img img{
	padding-top:20px;
}

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