/*===| I. LAYOUT SIZE |====================================================*/
#container, #footer {width: 894px;}
#header {height:196px;}
#right-column {width: 296px;}
#header {width: 598px;}
#left-column {width: 598px;}

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

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

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

#wrap-container, #wrap-container1 {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}
#header {
/*	text-indent: -9999em;*/
float:left; margin:0; padding:0px;
}
#right-column{
	float:left;
	margin:0;
    padding:0;
    }
#left-column{
	float:left;
	margin:0px;
	padding:0px;}
.ref {
    text-align: center;
    color: #9f712b;
    background-color:#ffffd7;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 3px 0 3px 0;
    margin-top:95px;
}

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

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left; margin: 0 10px 0 0;} .right{float: right; margin: 0 0 0 10px;}


.paragraph{
    width: 570px;
    float:left;
    padding:8px 5px 3px 15px;
	}

.separator{
	width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin:15px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	line-height: 0px;}
#menu1
{
    float:left;
    width:296px;
    height:220px;
    margin:0;
    padding-bottom:20px;
}
/*--------------- inc-mdm ---------------*/
#shadow-actualite
{
    float: left;
    margin:0;
    padding:0;
    width:296px;
    height:200px;
}
#actualite
{
    float: left;
    width:212px;
    height:176px;
    padding:20px 40px 0 15px;
}
#act-border
{
    float:left;
    width:100%;
    padding:9px 0 5px 0;
    border-top:solid 1px #ec9617;
    border-bottom:solid 1px #c67301;
    margin-bottom:4px;
}
#act-border p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#fef6c5;
    line-height: 14px;
}
#act-border img
{
    float:right;
    border: solid 1px #cfa665;
    margin: 0 0 0 6px;
}
/*----------------------- inc-info ----------------*/
#shadow-info
{
    float: left;
    width:296px;
    height:214px;
}
#contact-info
{
    float: left;
    width:215px;
    height:171px;
    padding:25px 40px 0 15px;
}
#contact-info p
{
    float:left;
    border-top:solid 1px #bf883d;
    padding: 3px 0 0 0;
    margin:5px 0 0 0;
    line-height: 18px;
    color:#ffffd7;
    width:215px;
}
/*----------------------- planacces ----------------*/
#shadow-plan
{
    float: left;
    width:296px;
    height:200px;
}
#plan
{
    float: left;
    width:270px;
    height:161px;
    padding:30px 0 0 0;
    text-align: center;
}
/*--------------- index -----------------*/
#page-title
{
    float:left;
    padding-bottom:21px;
}
#text
{
    padding:0 10px 0 15px;
}
.text-bg
{
    float: left;
    background-color: #edb867;
    padding:10px;
    width:308px;
}
.paragraph1
{
    width: 581px;
    float:left;
    padding:0 0 2px 15px;
}
.border-bottom1
{
    float:left;
    padding: 20px 0px 15px 0;
    width: 327px;
    border-bottom:solid 1px #f09c1f;
}
.border-bottom2
{
    float:left;
    padding: 8px 0px 10px 0;
    width: 385px;
    border-bottom:solid 1px #f09c1f;
}
ul.list1{
	padding: 5px 0 0px 40px;
    float:left;
    margin: 0;
	}
ul.list1 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    color:#582900;
    font-size:12px;
	text-align:left;
	line-height: 18px;
	padding:0px 0px 0px 15px;
	}
.text-promo
{
    float: left;
    padding:30px 0 0 15px;
}
.text-promo2
{
    float: left;
    padding:10px 0 0 5px;
}
/*--------------- construction -----------------*/
ul.list2{
	padding: 5px 0 0px 40px;
    float:left;
    margin: 0;
	}
ul.list2 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    color:#582900;
    font-size:12px;
	text-align:left;
	line-height: 20px;
	padding:0px 0px 0px 15px;
	}
/*-------------- enduits --------------*/
.border-top
{
    float:left;
    margin-top:10px;
    padding: 10px 0px 15px 0;
    width: 99%;
    border-top:solid 1px #f09c1f;
}
#diaporama
{
  float: left;
  /*background: url(../images/charte/bg-diaporama.gif) no-repeat top left;*/
  width:565px;
  height:142px;
}
#decopierre
{
  background: url(../images/charte/decopierre-link.jpg) no-repeat top left;
  float: left;
  height: 18px;
  margin-top:5px;
  padding:0 0 0 25px;
}

#decopierre a:link, #decopierre a:visited
{
   font-weight: bold;
   color:#d35800;
   text-decoration: underline;
 }
#decopierre a:hover, #decopierre a:active
{
   font-weight: bold;
   color:#734003;
   text-decoration: none;
 }


/*------------------------ peintures ------------------*/
.small
{
  font-size: 12px;
  line-height: 15px;
  padding:0px;
}
/* ======== | merci | ==================== */
#merci
{
    padding-top: 100px;
}
    #merci p {
        margin:0;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        }
     #merci a:link, #merci a:visited
    {
      font-weight: bold;
      text-decoration: underline;
      color:#e24f07;
    }
    #merci a:hover,  #merci a:active
    {
      font-weight: bold;
      text-decoration: none;
      color:#442200;
    }

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