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

* {
  margin                                        : 0;}

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

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

p{
  padding                                       : 0; }

.left{
  float                                         : left; }

.right{
  float                                         : right; }

#push, .clr	{
  clear                                         : both; }

body{
  width                                         : 100%; }

#bg1{
  position                                      : absolute;
  z-index                                       : 1;
  width                                         : 100%; }

#bg2{
  position                                      : absolute;
  z-index                                       : 2;
  width                                         : 100%;
  background                                    :   url(images/bg-fix.jpg) 50% 0% no-repeat; }

#bg3{
  position                                      : absolute;
  z-index                                       : 3; }

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

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

 .invisible-index{
   height                                       : 18px;
	 clear                                        : both;
	 width                                        : 383px; }

 .invisible{
   height                                       : 46px;
	 background                                   : url(../../images/charte/bg-scroll.jpg) no-repeat top right;
	 clear                                        : both;
	 width                                        : 387px; }



/* ===| II. HEADER ELEMENTS |=================================================*/

#site-header1{
	float                                         : left;
	width                                         : 683px;
	height                                        : 164px; }

#flashDivLogo{
  width                                         : 357px;
	height                                        : 164px;
	float                                         : left; }

#titre-page{
	float                                         : right;
	padding                                       : 116px 0 0 0; }



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

#left-outter{
  float                                         : left;
  margin                                        : 0;
  overflow                                      : hidden;
  padding-top                                   : 49px; }

  #left-outter div.outter{
    padding                                     : 0px 0 0px;
    min-height                                  : 165px;
    height                                      : auto!important;
    height                                      : 165px; }

  #left-outter div.inner{
    padding                                     : 0px 5px 0px;}

  #col-left{
    float                                       : left;
  	width                                       : 291px; }

  /* ---/ PAGE CONTENT |------------------------------------------------------*/

  #col-middle{
    float                                       : left;
  	width                                       : 392px; }

ul.list{
	padding: 0px 0 0px 40px;
    float:left;
    margin: 0;
    width:120px;
	}
ul.list li{
	background:  url(../../images/charte/bullet.gif) no-repeat top left;
	background-position:0px 6px;
	text-align:justify;
	line-height: 17px;
  font-size: 11px;
	padding:0px 0px 0px 14px;
	}

ul.list1{
	padding: 15px 0 0px 12px;
    float:left;
    margin: 0;
    width: 105px;
	}
ul.list1 li{
	background:  url(../../images/charte/bullet1.gif) no-repeat top left;
	background-position:0px 6px;
	text-align:justify;
	line-height: 19px;
  font-size: 11px;
	padding:0px 0px 0px 14px;
	}



  #col-right-inner{
    float                                       : left;
  	width                                       : 284px;
  	height                                      : 294px;
  	padding                                     : 66px 6px 0 23px; }

  #menu-flash{
    width                                       : 291px;
  	height                                      : 170px;
  	float                                       : left; }

  #actualite{
    width                                       : 235px;
  	height                                      : 175px;
  	float                                       : left;
  	padding                                     : 35px 45px 0 11px; }

  #actualite p{
    line-height                                 : 15px;
  	text-align                                  : left;
  	color                                       : #2e5f55; }

  #holder-mdm{
   height                                       : 79px;
   float                                        : left; }

  #actualite a:visited, #actualite a:link{
   font-weight                                  : bold;
   text-decoration                              : none;
   color                                        : #096250; }

  #actualite a:active,  #actualite a:hover{
   font-weight                                  : bold;
   text-decoration                              : none;
   color                                        : #ff5000 ;}

  #contact-info{
    width                                       : 142px;
    height                                      : 27px;
  	float                                       : right;
  	padding                                     : 57px 33px 0 0px; }

   #plan {
    width                                       : 142px;
    height                                      : 29px;
  	float                                       : right;
  	padding                                     : 0px 33px 0 0px; }

   #invisible{
     height                                     : 46px;
  	 background                                 : url(../../images/charte/bg-scroll.jpg) no-repeat top right;
  	 clear                                      : both;
  	 width                                      : 387px; }



/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding: 50px 0 0 0; overflow: hidden;}
#right-inner{padding: 0px;}


/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0;  width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{background: url(images/bg-footer.jpg) no-repeat top left; margin: 0 auto; padding: 0px 0px 0px 0px; height: 166px;}
#footer .inner	{padding: 0px; margin: 0px;}

#footer .box1	{ float: left; width: 291px;}


.copyright { float: left; width: 451px; padding: 30px 0px 0 254px ; text-align: left; }
.copyright p{text-align: left;color:#000; line-height: 15px; }
#footer .copyright a:link, #footer .copyright a:visited
{
	text-decoration: none;
	color: #f72d6e;
}
#footer .copyright a:hover, #footer .copyright a:active
{
  text-decoration: none;
  color: #000;
}

div.ref{ text-align: center; clear: both; padding: 0px; color: #000;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

#menu2{color: #000000;line-height: 15px;}
#menu2 ul li{display: inline;}
#menu2 ul li a:link, #menu2 ul li a:visited { text-decoration:none !important; color: #000000!important; padding: 0px; }
#menu2 ul li a:hover, #menu2 ul li a:active{color: #f72d6e !important;text-decoration: none !important;}

/* ===| VII. CONTACT FORM |===================================================== */
#frmContact{margin: 0; padding: 5px 5px 5px 5px ; width: 380px; text-align: justify; background: transparent;}
#frmContact label{display: block; padding: 2px 2px; clear:both;}
#frmContact label span{display:block; width: 100px; float: left; padding-right: 10px;}
#frmContact label input{ vertical-align: top; width: 160px;}
#frmContact label select{ vertical-align: top; width: 166px; height: 20px;}
#frmContact label textarea{height:55px; width:160px; float:left;}
div.submit-buttons{ width: 380px; height: 30px; clear: both;	text-align: center; padding: 10px 0 0 0px;}
.buttonE
{background: url(../../images/charte/envoyer.jpg) no-repeat top left;border: none;width:73px;height: 22px;}
.buttonEover
{background: url(../../images/charte/envoyer-over.jpg) no-repeat top left;border: none;width: 73px;height: 22px;cursor: pointer;
}
.buttonR{background: url(../../images/charte/retablir.jpg) no-repeat top left;border: none;width: 73px;height: 22px;}

.buttonRover{background: url(../../images/charte/retablir-over.jpg) no-repeat top left;border: none;width: 73px;height: 22px;cursor: pointer;
}

.inputForm{font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: normal; border: 1px solid #37c637; background: transparent; color: #2da02d;  float:left; padding: 0 2px; height: 13px;}
.inputFormOver{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;float:left;padding: 0 2px;height: 13px; color: #ff5a00; border: 1px solid #fb8d4a; background: transparent;}

.champs-oblig
{
  text-align: center; width: 175px; float:left; padding: 15px 0 0 17px;
}

object { outline:none; }

/* ==============nos-ateliers ============== */

.encart
{
 width: 180px;
 height: 130px;
 float: left;
 padding: 10px 0px 0 0;
 text-align: center;
}

.encart img
{
  margin-bottom: 9px;
	border: solid 1px #4fd94f;
}


.encart-inner
{
  background: url(../../images/charte/encart-inner1.png) no-repeat top left;
	float: left;
	width: 170px;
	height: 25px;
	padding: 13px 0 0 11px;
}

.encart-inner p
{
  	color: #fff;
}

.img-holder
{
  height:75px;
}


.encart a:link, .encart a:visited
{
	text-decoration: none;
	color: #fff;

}
.encart a:hover, .encart a:active
{
  text-decoration: none;
  color: #373737;

}

#pagination
{
    float:left;
    width: 370px;
    color:#000;
    font-family: Verdana,Arial, Helvetica, sans-serif;
}
#pagination  p
{
  	height: 18px;
		padding-top: 2px;
}



#pagination a:link, #pagination a:visited
{
	text-decoration: none;
	color: #fff;
	padding:1px 3px;
	background-color: #69c369;
	margin-right: 4px;
	border: solid 1px #1c7966;
}
#pagination a:hover, #pagination a:active
{
  text-decoration: none;
  color: #000;
	padding:1px 3px;
	background-color: #70c71c;
	margin-right: 4px;
	border: solid 1px #1c7966;
}

#pag-sel
{
    color:#fff;
    padding: 1px 3px;
    background-color: #f98118;
    font-weight:bold;
		margin-right: 4px;
		border: solid 1px #d63706;
}

/* ============== merci ============= */
#merci
{
  width: 249px;
	height: 155px;
	padding: 174px 0 0 130px;
	margin-top: 5px;
	background: url(../../images/charte/bg-merci.jpg) no-repeat top left;
}