/*===| I. MAIN LAYOUT  |======================================================*/

* {
  margin                                                  : 0; }

html {
  height                                                  : 100%;
  width                                                   : 100%; }

body{
  overflow-x                                              : hidden;
  background											                        : #fff url(../../images/charte/bg.jpg) top center no-repeat;
  width                                                   : 100%; }

ul, li{
  list-style                                              : none;
  list-style-position                                     : outside;
  margin                                                  : 0;
  padding                                                 : 0; }

a{
  color                                                   : #444444;
  text-decoration                                         : none; }

  a:hover{
    text-decoration                                       : underline; }

#right-inner img{
  border                                                  : 1px solid #767676; }

  #right-inner2 img{
  border                                                  : 1px solid #767676; }

.no-border{
  border                                                  : 0px none; }

.left{
  float                                                   : left;
  margin                                                  : 0.25em 20px 0 0; }

.right{
  float                                                   : right;
  margin                                                  : 0.25em 0 0 20px; }

#push, .clr	{
  clear                                                   : both; }

#wrap-container{
  position                                                : relative;
  width                                                   : 100%;
  z-index                                                 : 4; }

  #container{
    margin                                                : 0 auto;
	  height                                                : 700px;
    text-align                                            : left; }

#big_right{
  background                                              :url(../../images/charte/big_right.jpg) no-repeat 0px 0px;
	float                                                   :left; }



/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/

#left-outter{
  background                                              : #e5e5e5;            /* Background color */
  float                                                   : left;
  margin                                                  : 0 10px 0 0;
  padding                                                 : 0;
  overflow                                                : hidden; }

  #left-inner{
    padding                                               : 20px; }

    .menuitem{
      background                                          : url(../../images/charte/link_bg.jpg) no-repeat 0px 0px;
      border                                              : 1px solid #444444;
      display                                             : block;
      height                                              : 14px;
      padding                                             : 10px;
      width                                               : 260px; }

  #info, #mdm, #promo, #menu1{
    float                                                 : left;
    padding                                               : 0 0 10px 0;
    width                                                 : 332px; }            /* Width of left column */

    #info .inner, #mdm .inner, #promo .inner, #menu1 .inner{
      padding                                             : 10px 0 0 0; }

#diapo {
float:left; }

#right-inner img.restructurez{
border:none;
padding:5px 0 0 0px; }

.planu{
width:190px;
height:70px;
position:absolute;
z-index:999999;
margin: 0 0 0 545px;
display:block; }

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/

#right-outter{
 /*  background                                           : #e5e5e5;            Background color */
  float                                                   : left;
  margin                                                  : 0;
  padding                                                 : 0; }

  #right-inner{
	  height                                                : 445px;
    overflow: hidden;
    padding                                               : 0 20px 20px 20px; }

	  #right-inner2{
	  height                                                : 445px;
    padding                                               : 0 20px 20px 20px; }

.box_reno{
background:url(../../images/charte/box-reno.jpg) no-repeat 0px 0px;
width: 469px;
height: 127px;
padding:7px 10px 0 0; }

.box_reno2{
background:url(../../images/charte/box-reno2.jpg) no-repeat 0px 0px;
width: 479px;
height: 47px; }

.box_r{
padding:20px 0 0 10px; }

.box_reno img{
margin-top:3px;
margin-left:0; }

.box_age {
background:url(../../images/charte/box-age.jpg) no-repeat 0px 0px;
width: 305px;
height: 160px;
float:left;
padding: 30px 10px 0 10px;
margin-top:3px; }

/* Bandeau bas */

#bandeau_bas{
  height: 50px;
  float:left;
  width: 450px;
  margin:0;
  padding:20px 0 0 30px;  }

  #bandeau_bas p{
	display: block;
	float: left;
	font-size: 11px;
	line-height:18px;
  width: 150px; }

#bandeau_bas a{
text-decoration:underline;
color:#308700;
font-weight:bold; }

#bandeau_bas a:hover{
color:#45b508; }

	#bandeau_bas p.phone-fax{
	  padding-left:25px;
	  width: 125px; 	}
	

/* ===| V. FOOTER BOXES |=====================================================*/

#wrap-footer{
  height:70px;
  padding-top:25px;
  
  float:left;
  text-align                                              : left;
  width                                                   : 100%;}
.box1{
padding-left:40px;
}
  #footer{
  
	width:996px;
	height:70px;
    margin                                                : 0 auto;
    padding                                               : 0px 0px 0px 0px; }
  #footer a{
  font-size:11px;
  color:#308700;
  }
  #footer span{
  color:#895114;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  padding: 0!important;
  margin: 0!important;
  line-height:15px !important;
  }
    .digitalage{
      display                                             : block;
      float                                               : left;
      height                                              : 40px;
      line-height                                         : 16px;
      width                                               : 170px; }

    #menu_footer{
      float                                               : right;
      height                                              : 20px;
      text-align                                          : right;
      width                                               : 580px; }

      #menu_footer ul li{
        border-right                                      : 1px solid #308700;
        padding                                           : 0 10px 0 10px; }

        #menu_footer ul li.btn4{
          border                                          : 0 none;
          padding                                         : 0 0 0 10px; }

    .copyright{
	  color:#895114;
	  display:inline;
	  font-size:11px;
      float                                               : right;
	  margin-right:43px;
      height                                              : 20px;
      text-align                                          : right;
      width                                               : 580px; }

    .ref{
      clear                                               : both;
      font-size                                           : 0.92em;
      margin                                              : 0px auto;
      padding                                             : 10px 0px 0px 0px;
      text-align                                          : center;
      width                                               : 990px; }
#menu2{
padding-left:370px;
height:17px;
float:left;
}
#menu2 ul li{
color:#308700;
font-size:11px;
border-right: 1px solid #308700;
background: none;
float:left;
height:15px;
line-height:13px;
}
#menu2 ul li a.btn1:hover, #menu2 ul li a.btn2:hover, #menu2 ul li a.btn3:hover, #menu2 ul li a.btn4:hover, #footer .inner .box2 a.btn5:hover, #footer .inner .ref a:hover, #mentions_legales #site_adresse p a .mail:hover{
color:#45b508;
text-decoration:underline;
}

#scrolu{
width:470px;
height:360px;
}

/* ===| VI. OTHER ELEMENTS |==================================================*/

.invisible{
  clear                                                   : both;
  font-size                                               : 0;
  height                                                  : 0px;
  line-height                                             : 0px;
  margin                                                  : 1.6em 0 0 0;
  overflow                                                : hidden;
  padding                                                 : 0;
  width                                                   : 100%; }

.separator{
  border-bottom                                           : 1px solid #cdcdcd;
  clear                                                   : both;
  font-size                                               : 1px;
  height                                                  : 0;
  line-height                                             : 0;
 /* margin                                                  : 0 0 1.2em 0;*/
 margin:18px 0 13px 0;
  padding                                                 : 0px;
  width                                                   : 100%;
  overflow                                                : hidden; }
  .separator1{
  border-bottom                                           : 1px solid #cdcdcd;
  clear                                                   : both;
  font-size                                               : 1px;
  height                                                  : 0;
  line-height                                             : 0;
 /* margin                                                  : 0 0 1.2em 0;*/
 margin:18px 0 7px 0;
  padding                                                 : 0px;
  width                                                   : 100%;
  overflow                                                : hidden; }
.separator2{
  border-bottom                                           : 1px solid #cdcdcd;
  clear                                                   : both;
  font-size                                               : 1px;
  height                                                  : 0;
  line-height                                             : 0;
 /* margin                                                  : 0 0 1.2em 0;*/
 margin:10px 0 10px 0;
  padding                                                 : 0px;
  width                                                   : 100%;
  overflow                                                : hidden; }
#menu_footer ul li{
  display                                                 : inline; 
  }

#tooltip{
	background                                              : #3e3e3e;
  border                                                  : 1px solid black;
  color                                                   : white;
  display                                                 : none;
	padding                                                 : 2px 5px;
  position                                                : absolute;
  z-index                                                 : 9999;	}




  /* --- Lists ---------------------------------------------------------------*/

  ul{
    float                                                 : left;
	/*background: tan;
    margin                                                : 0 0 0.7em 0;*/
    width                                                 : 100%; }

    ul li{
	  color:#5e4a33;
      background                                          : url(../../images/charte/bul.gif) no-repeat 0px 6px;
      line-height                                         : 19px;
      margin                                              : 0 0 0 0;
      padding                                             : 0px 10px 0px 15px;}

  ul.half-list{
    margin-right                                          : 1%;
    width                                                 : 49%; }
  ul.half-list-picture-portrait1{
    padding-left:0px;
    width                                                 : 30%; }
  ul.half-list-picture-portrait2{
	width                                                 : 36%; }
  ul.half-list-picture-reno1{
   display:inline;
   padding-top:10px;
    margin-left:12px;
    width                                                 : 125px; }
  ul.half-list-picture-reno2{
  display:inline;
  padding-top:10px;
	width                                                 : 150px; }
  ul.third-list{
    margin-right                                          : 1%;
    width                                                 : 29%; }

  ul.quarter-list{
    margin-right                                          : 1%;
    width                                                 : 24%; }

  ul.fifth-list{
    margin-right                                          : 1%;
    width                                                 : 19%; }



/* ===| VII. CONTACT FORM |===================================================*/
.cont{
width:477px;
}
#frmContact{
  float:left;
  clear:both;
  margin                                                  : 0px auto;
  padding                                                 : 0px;
  width                                                   : 100%; }

  #frmContact label{
    /*display                                               : block; */
    float                                                 : left;
    padding                                               : 0px;
    width                                                 : 100%; }
/*#frmContact label span.wider{
margin-right:10px;
padding-top:4px;
}
#frmContact label input.input-over, #frmContact label textarea.input-over{
background:#eeffe6;
}
#frmContact label input.inputu,  #frmContact label textarea.inputu{
background:white;
}*/
    #frmContact label span{
      color                                               : #816E58;
      float                                               : left;
      font-style                                          : normal;
      font-family                                         : Arial;
      font-weight                                         : normal;
      padding                                             : 4px 0 0 0;
      text-align                                          : left;
      width                                               : 70px; }
 .area
 {
     color                                               : #816E58;
      float                                               : left;
      font-style                                          : normal;
      font-family                                         : Arial;
      font-weight                                         : normal;
      padding                                             : 4px 0 0 0;
      text-align                                          : left;
      width                                               : 70px;
 }

    #frmContact label input{
	  margin-top:5px;
      float: left;
      width : 150px;
      font-size: 11px;
      vertical-align: top; }

    #frmContact label textarea{
      font-size: 11px;
      float: left;
      font-family:Arial,Verdana;
      width : 150px; }

  .input{
    background-color                                      : white;
    border                                                : 1px solid #A5ACB2;
    height                                                : 14px;
    padding-top                                           : 2px;
    font-size: 11px;
    font-family:Arial,Verdana;
    width : 150px;
    }

    .inputover{font-size: 11px;
      font-family:Arial,Verdana;
      background-color                                    : #e5e5e5;
      border                                              : 1px solid #A5ACB2;
      height                                              : 14px;
      padding-top                                         : 2px;
      width : 150px; }
.mes_area{
float:left;
width:480px;
padding-top:10px;
}
 #frmContact label.comm_area{
width:480px;
font-size: 11px;
      font-family:Arial,Verdana;
}
 #frmContact label span.span_area{
float:left;
width:70px;
}
  #capa{                                                                        /* Captcha input */
    color                                                 : #69625a !important;
    height                                                : 19px;
    float                                                 : left;
    font-size                                             : 15px !important;
    font-weight                                           : bold;
    margin                                                : 0px 0px 10px 0px;
    padding-top                                           : 3px;
    text-transform                                        : uppercase;
    text-align                                            : center; }

  #capaimg{
    width                                                 : 100px;              /* Captcha image */
    float                                                 : left; }

      #envoyer{
        background-image                                  : url(../../images/charte/envoyer.jpg);
        background-position                               : 0px 0px;
        background-repeat                                 : no-repeat;
        border                                            : 0 none;
        clear                                             : both;
        cursor                                            : pointer;
        display                                           : inline;
        float                                             : left;
        font-size                                         : 0px;
        height                                            : 26px;
        line-height                                       : 0px;
        margin-top                                        : 10px;
        margin-right                                      : 10px;
        margin-left                                       : 100px;
        width                                             : 97px !important; }
		#envoyer input, #retablir input{
		border:0 none;
		width:97px;
		height:26px;
		background:none;
		display: block;
		line-height:0;
		font-size:0;		
		}

		#merci_bt{
        background-image                                  : url(../../images/charte/merci-btn.jpg);
        background-position                               : 0px 0px;
        background-repeat                                 : no-repeat;
        border                                            : 0 none;
        cursor                                            : pointer;
        display                                           : inline;
        float                                             : left;
        font-size                                         : 0px;
        height                                            : 35px;
        line-height                                       : 0px;
        margin-top                                        : 10px;
		margin-left                                       : 140px;
        width                                             : 197px !important; }		
		

      #retablir{
        background-image                                  : url(../../images/charte/retablir.jpg);
        background-position                               : 0px 0px;
        background-repeat                                 : no-repeat;
        border                                            : 0 none;
        cursor                                            : pointer;
        display                                           : block;
        float                                             : left;
        font-size                                         : 0px;
        height                                            : 26px;
        line-height                                       : 0px;
        margin-top                                        : 10px;
        width                                             : 97px !important; }

 .capcia{
 width:470px;
 height:60px;
 float:left;
 }
  div.submit-buttons {
  float:left;
  width:320px;
  height:40px;
  padding-left:70px;
  }
   /* div.submit-buttons a:hover input{
      background                                          : #fff;
      border                                              : 1px solid #ccc; }*/
    .merci-box{
      color                                               : #895114;
      float                                               : left;
      font-size                                           : 13px;
      font-weight                                         : bold;
      padding-top                                         : 10px;
      text-align                                          : center;
      width                                               : 480px; }

      /*.merci-box a{
        background-color                                  : #daedcf;
        border                                            : 1px solid #afd49a;
        color                                             : #308700;
        display                                           : inline;
        float                                             : left;
        padding                                           : 7px 12px 7px 12px;
        margin-top                                        : -1px;
        margin-left                                       : 140px;
        text-decoration                                   : none; }

        .merci-box a:hover{
          background-color                                : #fff; }*/



/* ===| IX. COMPONENT GALERIE |===============================================*/

#gallery{
  padding                                                 : 5px; }

  #gallery div.thumb{
    float                                                 : left;
    min-height                                            : 90px;
    height                                                : auto!important;
    height                                                : 90px;
    text-align                                            : center;
    padding                                               : 5px;
    width                                                 : 30%; }

    #gallery div.thumb a{
      display                                             : block;
      vertical-align                                      : middle; }

      #gallery div.thumb a img{
        background                                        : #fff;
        border                                            : 1px solid #ccc;
        padding                                           : 5px; }



/* ===| X. COMPONENT NEWSLETTER |=============================================*/

#newsletter{
  background                                              : #ffffff;
  border                                                  : 1px solid #ccc;
  height                                                  : 23px;
  margin                                                  : 0 0 0 790px;
  position                                                : absolute;
  top                                                     : 126px;
  width                                                   : 187px;
  z-index                                                 : 99999; }

  #newsletter input#mandatory-email-Email{
    border                                                : 0 none;
    color                                                 : #413c37;
    float                                                 : left;
    font                                                  : normal normal 11px Arial, Verdana, Tahoma;
    padding                                               : 5px 0 0 5px;
    width                                                 : 150px; }

  #newsletter input#niuzu{
    background                                            : url(../../images/charte/btn_newsletter.jpg) 0px 0px no-repeat;
    border                                                : 0 none;
    cursor                                                : pointer;
    height                                                : 23px;
    width                                                 : 29px; }