#container, #wrap-container, #footer {width: 780px;}
#header{width: 780px; height: 135px;}
*{
  margin:0;
}

#header-left {width: 280px; height: 135px; float: left;}
#header-right { width: 178px; height: 92px; float: left; padding: 43px 0 0 322px}
#left-column {width: 235px; height: 401px; float:left; padding: 257px 0 0 0;}
#left-column-inside {width: 235px; height: 401px; float:left;}
#right-column {width: 545px; float:left;}
#menu-flash{width: 542px; height: 266px; float: left; padding: 40px 0 0px 0;}
.actualite{height: 180px; width: 220px; float: left; padding:0px 5px 0px 10px; margin:0;}
.mdm-text{height: 75px; padding-top: 2px; }
.mdm-text img{float: right; border:solid 1px #402e26; margin:0 5px 0 5px;}
.mdm-text p{padding: 0px 9px 0 0 ; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #38271f; line-height: 14px; text-align: left; }
#contact-info{float:left; width:223px;}


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

#container2
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
  float:left;
	}


#container3{
  float:left;
  min-height: 100%;
	height: auto !important;
	height: 100%;
}

.copyright
{
  font-size: 11px;
	color: #33221b;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 360px;
}

.copyright a:link, .copyright a:visited
    {
      text-decoration: underline;
      color: #33221b;
    }

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



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

.ref{
  font-size:11px;
  background:#33221B;
  color: #F6EFD5;
  padding-top:5px;
}
/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/


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

/** {margin: 0;}  */
img{
  border: 0px;
}
/*------------ inc.mdm ---------------*/
#p-select{
    float: left;
    width:40px;
}
.glidecontent
{
    margin-left:35px;
    width:220px;
    background: url(../images/charte/bg-mdm.jpg) repeat-x top left;
}
.glidecontent p
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px !important;
 color: #38271f !important;
 line-height: 14px;
}
.toc
{
    float:left;
    margin-bottom:5px;
}
.detail
{

    float: right;
    height: 34px;
    width:82px;
}
.mdm-img
{
    float: right;
    border:solid 1px #38271f;
    margin:0px 0px 0px 5px;
}
/*-------------------------------------*/

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

	.left{float: left;} .right{float: right;padding: 0 0px 0 15px;}
	.left1{float: left; padding: 10px 0 10px 20px}	.right1{float: right; margin: 76px 35px 20px 0px;}
	.left{float: left; padding: 0px 10px 0px 0px}	 .right2{float: right; margin: 120px 35px 20px 0px;}
                                                 .right3{float: right; margin: 70px 35px 40px 0px;}
																								 .right4{float: right;padding: 0 0px 0 0px;}
																								 .right5{float: right; margin: 40px 35px 20px 0px;}

.paragraph{
  clear: both;
	width: 495px;
  height: 100%;
	padding: 10px 25px 5px 25px;
   }
  .paragraph1{
  clear: both;
	width: 510px;
  height: 100%;
	padding: 10px 10px 5px 25px;
   }
 .text-coordonnees{
   font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #33221b;
   text-align: left;
	 padding-top: 4px;
   }
/* -------------------------- page stylisme --------------------------- */
 ul.list1{
	float:left;
  list-style-type: none;
	padding: 10px 0 10px 25px;
	}
ul.list1 li{
	list-style: disc;
	background-position:0px 4px;
	text-align: left;
	line-height: 18px;
  padding:0px 30px 0px 15px;
  color: #33221b;
  font-family: Arial;
  font-size: 12px;
	}

/* -------------------------- page galeries --------------------------- */
   ul.list2{
	float:left;
  list-style-type: none;
	padding: 80px 0 10px 40px;
	}
ul.list2 li{
	background:  url(../images/charte/arrow.gif) no-repeat top left;
	list-style: none;
	background-position:0px 4px;
	text-align: left;
	line-height: 22px;
  padding:0px 30px 0px 25px;
  color: #33221b;
  font-family: Arial;
  font-size: 13px;
	font-weight: bold;
	}
   #listbox
 {
    float:left;
    width:180px;
 }

	/* dea030 */
ul.list2 a:link, ul.list2 a:visited
    {
      font-family: Arial;
  		font-size: 13px;
      font-weight: bold;
      text-decoration: none;
      color: #33221b;
    }

ul.list2 a:hover, ul.list2 a:active
    {
      font-weight: bold;
      text-decoration: underline;
      color:#742606;
    }

/* -------------------------- page partenaires --------------------------- */
.paragraph2{
 width:480px;
 height: 100%;
 padding: 0 0 5px 0;
   }
.paragraph2 img{ float:left; margin: 5px 10px 5px 0px; border: solid 1px #33221b;}

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

.paragraph2 a:link, .paragraph2 a:visited
    {
      text-decoration: none;
      color: #b13d17;
    }

.paragraph2 a:hover,  .paragraph2 a:active
    {
      text-decoration: none;
      color:#33221b;
    }
/* -------------------------- page contact --------------------------- */

.btn_envoyer , .btn_envoyer_over{width: 66px;height: 21px;float: left;}
.btn_retablir , .btn_retablir_over{width: 66px;height: 21px;float: left;}

.color_bold
{
  font-weight: bold;
  text-align: center;
	padding: 5px 10px 5px 10px;
	line-height: 16px;
	/*color: #b13d17;*/
	color: #e57346;
}
.couleur4
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #e57346;
}

.paragraph3{
 width:223px;
 height: 100%;
 padding: 0px 0 10px 0;
   }

.paragraph3 p { padding: 5px 0 5px 35px; line-height: 18px;}

.paragraph3 a:link, .paragraph3 a:visited
    {
      text-decoration: none;
      color: #b13d17;
    }

.paragraph3 a:hover,  .paragraph3 a:active
    {
      text-decoration: none;
      color:#33221b;
    }

  /* ======== | merci | ==================== */
#merci
{
    padding-top: 50px;
	  float:left;
    padding-left:110px;

}
    #merci p {

        font-weight: bold;
        text-align: center;
				color: #33221b;
        font-size: 13px;
				width: 300px;
				padding: 15px;
				/*background-color: #EDFFD5; */
				background-color: #efe0c6;
				border: solid 1px #33221b;
        }
     #merci a:link, #merci a:visited
    {
      font-weight: bold;
      text-decoration: underline;
      color: #e57346;
    }
    #merci a:hover,  #merci a:active
    {
      font-weight: bold;
      text-decoration: none;
      color: #33221b;
    }

.titre-page
{
  float:left;
  padding-left:230px;
	padding-top: 50px;
}


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