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


#header{width:780px; height:99px; padding-bottom:9px;}
#div1, #div2, #div3{
  float:left;
  padding-top:134px;
  width:184px;
  height:276px;
  margin-right:19px;
  margin-bottom:14px;
}
#produit{
  clear:both;
  width:254px;
  height:30px;
  padding:48px 0 0 338px;
  margin-left:96px;

}


#container, #footer, #header1{width: 985px;}


#header1{height: 351px; position: relative;}
#contenu-bg{width: 985px;float:left;}
#left-column {float:left; width: 173px; padding:0 1px 0 6px;}
#menu1{width: 170px; text-align: right;}

#logo{
    clear:both;
    padding-top:93px;
}
#contenu{float:left; width:543px; padding:8px 10px 8px 14px;}

#right-column {float:left; width: 235px; padding:0 2px 0 1px;}
#mdm1{
  width: 235px;
  float:left;
}
.actualite{
  width:216px;
  height:118px;
  margin-left:12px;
  margin-right:0px;
  margin-bottom:22px;
}
.title{
  width: 212px;
  margin-right:4px;
  height:17px;

}

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

.push	{clear: both;}

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


/* ===| 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;}
a:focus{
  outline: none;
}

#wrap-container1{
	min-height: 100%;
	height: auto !important;
	height: 100%;}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}
#header {
/*	text-indent: -9999em;*/}

#newsletter{
  width:158px;
  height:22px;
  padding:6px 0 0 166px;
  position:absolute;
  right:0px;
  top:38px;
}

	.ref {
		width: 780px;
		margin: 0 auto;
		text-align:center;
		color: #000;
		font-family:Arial;
		font-size:11px;
	}

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


/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers, 
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}
a:focus{
   outline: none;
 }
/*	--- 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;}


/*----------------------------Accueil--------------------*/

#contenu1{float:left; width:567px;}

.paragraph{
	clear: both;
    width:543px;
    padding:0px 10px 0px 14px;
}
.thumb-left{
   float:left;
   margin-right:10px;
   border: 1px solid #121212;

 }
.thumb-right{
   float:right;
   margin-left:10px;
   border: 1px solid #121212;
}
.info{
 clear:both;
 float:left;
 width:543px;
 padding-bottom:8px;
 margin-bottom:8px;
}

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






/* ---| THE END |------------------------- */