#container, #footer, #header {width: 848px;}

#footer {
  height: 28px;
	margin: 0 auto;
	padding: 106px 0 0 0;}

#header {height:250px;}
#left-column {width: 289px;	float:left; margin: 0px 0 0 0;}
#right-column {width: 507px;float:left; margin:0px; padding:0 39px 0 13px;}

#right-column  a:link, #right-column  a:visited
    {
      font-weight: bold;
      text-decoration: none;
      color: #2c2c2c;
    }

#right-column  a:hover,  #right-column  a:active
    {
		  font-weight: bold;
      text-decoration: underline;
      color: #2c2c2c;
    }
#right-column p{
  padding-right: 10px;
}

#menu-left {width: 289px; height: 281px; padding: 0px; float:left;}
#contact-info {width: 261px; height: 162px; padding: 13px 28px 0 0; float:left; text-align: right;}
#contact-info p{
  line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2c2c2c;
	font-size: 12px;
	text-align: right;
	padding-top: 17px;
}

#contact-info  a:link, #contact-info  a:visited
    {
    	line-height: 14px;
      font-size: 10px;
      text-decoration: underline;
      color: #db3b1d;
    }

#contact-info  a:hover,  #contact-info  a:active
    {
      text-decoration: none;
      color: #2c2c2c;
    }
.contact1
{
  font-size: 10px;
}
.contact2
{
  font-size: 13px;
	font-weight: bold;
}
#titre-page
{
   width: 507px;
	 height: 42px;
	 float: left;
	 padding-bottom: 22px;
}
#titre-page1
{
   width: 507px;
	 height: 42px;
	 float: left;
	 /*padding-bottom: 22px;  */
}


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

.push	{clear: both;}

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


/* ===| 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 {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}
.copyright{
	padding: 0 0 0 145px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6d6d;
	}

  .copyright  a:link, .copyright  a:visited
    {
    	line-height: 17px;
      text-decoration: underline;
      color: #1a5a13;
    }

.copyright  a:hover,  .copyright  a:active
    {
     text-decoration: none;
      color: #6d6d6d;
    }

/*	--- 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; padding: 0 0 5px 0} .right{float: right;}
    .left1{float: left; padding: 10px 0 0px 0} .right1{float: right; padding: 0 10px 0px 10px}
    .left2{float: left; padding: 0px 0 0px 0px}
		.left3{float:left;}

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

#contactez-moi{
   width: 154px;
   height: 32px;
	 float: left;
	 margin-top: 10px;
	 padding-left: 238px;
}
/* -------------------------- page services --------------------------- */
   ul.list1{
	float:left;
  list-style-type: none;
	padding: 5px 0 10px 40px;
	}
ul.list1 li{
	background:  url(../images/charte/bullet.jpg) no-repeat top left;
	list-style: none;
	background-position:0px 4px;
	text-align: left;
	line-height: 18px;
  padding:0px 30px 0px 25px;
  color: #33221b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	}

     ul.list2{
	float:left;
  list-style-type: none;
	padding: 5px 0 10px 70px;
	}
ul.list2 li{
	background:  url(../images/charte/bullet1.jpg) no-repeat top left;
	list-style: none;
	background-position:0px 4px;
	text-align: left;
	line-height: 18px;
  padding:0px 30px 0px 25px;
  color: #33221b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	}

.separator
{
 background: url(../images/charte/separator.jpg) no-repeat top left;
 width: 454px;
 height: 1px;
 float: left;
 padding-bottom: 5px;
}

.couleur
{
  color:  #155610;
	/*font-weight: bold; */
	text-align: center;
	font-size: 14px;
}

#div1
{
  padding:0 10px;
}


#tarifs-top  a:link, #tarifs-top  a:visited
    {
    	line-height: 17px;
      text-decoration: underline;
      color: #a8030a;
    }

#tarifs-top  a:hover,  #tarifs-top  a:active
    {
     text-decoration: none;
      color: #e86a1a;
    }

/* -------------------------- page realisations --------------------------- */
#diaporama
{
  width: 460px;
	height: 315px;
	/*background: #C0C0C0; */
	margin: 0 0 0 25px;
}
/* -------------------------- page partenaires --------------------------- */
.partenaires
{
  width: 490px;
	height: 100%;
  float: left;
	padding: 10px 0 5px 0;
}
.partenaires img{ float:left; margin: 4px 10px 5px 0px;}

.partenaires p {padding: 5px 0 5px 0;}

.separator2
{
 background: url(../images/charte/separator2.jpg) no-repeat top left;
 width: 490px;
 height: 1px;
 float: left;
 /*padding-bottom: 5px;*/
 margin: 5px 0 5px 0px;
}
.separator3
{
 background: url(../images/charte/separator3.jpg) no-repeat top left;
 width: 176px;
 height: 3px;
 float: left;
}

.partenaires a:link, .partenaires a:visited
    {
    	line-height: 17px;
      text-decoration: underline;
      color: #a8030a !important;
    }

.partenaires a:hover, .partenaires a:active
    {
     text-decoration: none;
      color: #e86a1a !important;
    }

.partenaire-link
{
	width:350px;
	float:left;
	padding: 5px 20px 0 0;
	text-align: left;
  background: url(../images/charte/separator3.jpg) no-repeat top left;
}

  /* ======== | merci | ==================== */
#merci
{
   /* margin-top: 50px; */
	  float:left;
    /*margin-left:50px;*/
		width: 334px;
		height: 184px;

}
    #merci p {

        font-weight: bold;
        text-align: center;
				color: #1d5d15;
        font-size: 13px;
        /*width: 300px;
				height: 90px;*/
			  padding: 50px 15px 40px 15px;
        }
     #merci a:link, #merci a:visited
    {
      font-weight: bold;
      text-decoration: underline;
      color: #b0434e;
    }
    #merci a:hover,  #merci a:active
    {
      font-weight: bold;
      text-decoration: none;
      color: #1d5d15;
    }
#paragraph1
{
  float: left;
  padding: 90px 0 0 110px;
}


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