html { background: #fff url('../images/fond.png') repeat-x top left; }

body {
  background: url('../images/footer.gif') repeat-x bottom left;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0;
  margin-bottom: 33px;
  color: #616263;
  font-size: 11px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
div, img, ul, form { margin: 0; padding: 0; border: 0; }
img { display: block; }
ul { list-style-type: none; }
p { margin: 0; margin-top: 14px; padding: 0; border: 0; }
h1 , h2 , h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h1 span, h3 span { visibility: hidden; font-size: 1%; }

#page { margin: 0 auto; padding-bottom: 42px; width: 1013px; }

.cl { clear: both; font-size: 1px; height: 1px; }
.cl2 { clear: both; }
.cl3 { clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.floatleft { float: left; }

.orange { color: #eb6e07; }

.img-espace-gauche{
	margin-left:10px;
}
.img-espace-droite{
	margin-right:10px;
}

/* Bandeau */
#bandeau { width: 1013px; height: 63px; }
#bandeau h1 {
  position: relative;
  float: left; 
  background: url('../images/logo.png') no-repeat; 
  margin: 8px 0 0 35px; 
  width: 319px; 
  height: 112px; 
  z-index: 9;
}
#bandeau h1 a { display: block; width: 319px; height: 112px; }
#bandeau h1 a:hover { text-decoration: none; }

/* Menu haut */
#menuTop { 
  float: left;
  background: url('../images/menu-top.png') no-repeat;
  margin-left: 300px;
  padding: 5px 0 0 17px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  width: 273px;
  height: 32px;
}
#menuTop li { display: inline; }
#menuTop a { color: #fff; }

#decalBandeau { background: url('../images/menu-fond.png') no-repeat; padding: 0 34px 0 35px; height: 55px; }

#jquery { position: relative; margin: -48px 0 0 35px; width: 943px; height: 408px; z-index: 1; }
#jquery-int { position: relative; margin: -48px 0 0 35px; width: 943px; height: 274px; z-index: 1; }
#jquery img, #jquery-int img { position: absolute; }

/* Menu */
/*#monmenu { background: url('../images/menu-fond.png') no-repeat; padding: 0 34px 0 35px; height: 55px; }*/
#monmenu { background: url('../images/menuFond.png') repeat-x; margin-left: 35px; width: 943px; height: 32px; }
.topMenu a.mtop { 
  display: block;
  background: url('../images/menu.png') no-repeat right 13px;
  /*margin-right: 1px;*/
  /*padding: 2px 25px 0 35px;*/
  padding: 2px 20px 0 20px;
  color: #fff;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  /*width: 80px;*/
  width: 80px;
  height: 30px;
  /*height: 39px;*/
}
.topMenu a.mtop:hover { background: url('../images/menuHover.png') no-repeat right 15px; /*text-decoration: none;*/ }
.topMenu a.line1 { padding-top: 8px; height: 24px; }
.menuSep { 
  background: url('../images/menuSep.png') no-repeat; 
  /*margin: 5px 0 0 10px;*/ 
  margin: 5px 0 0 10px; 
  width: 2px; 
  height: 23px; 
}
/* Fin menu */

/*#blocG { float: left; background: #fff; padding: 3px 4px 0 10px; width: 446px; height: 174px; }
#blocG img { float: left; background: #e5e5e5; margin-right: 15px; padding: 6px; }
#blocG p { text-align: justify; line-height: 14px; }
#blocD { float: right; background: #fff; padding: 3px 4px 0 10px; width: 439px; height: 174px; }
#blocD p { text-align: justify; line-height: 14px; }
#blocD .lien { float: right; background: #e5e5e5 url('../images/mail.png') no-repeat 7px 7px; padding: 2px 8px 3px 26px; color: #fb7100; font-size: 12px; }

#lightbox { background: #e5e5e5; margin: 0 auto; width: 324px; }
#lightbox a { float: left; padding: 2px; }

h2 { margin-bottom: 14px; color: #572f08; font-size: 20px; font-weight: normal; }*/
/*h3 { margin-top: 15px; color: #fb7100; font-size: 15px; font-weight: normal; }*/

#content { 
  /*background: url('../images/content.gif') repeat-x;*/
  /*margin: -5px 0 25px 35px;*/
  /*padding: 11px;*/
  /*width: 943px;*/
}
/*#content #contenu { float: left; padding-top: 15px; width: 707px; }*/

#content { background: url('../images/content.png') no-repeat; margin: -5px 0 25px 27px; padding-left: 8px; width: 943px; }
#content-int { 
  background: url('../images/content-int.png') no-repeat; margin: -5px 0 25px 27px; padding-left: 8px; width: 943px; 
}

#content #contenu { float: left; padding-top: 15px; width: 711px; }
#content-int #contenu { float: left; padding: 15px 16px 0 16px; width: 679px; }
#content-int #contenu-all { float: left; padding: 15px 16px 0 16px; width: 911px; }

/* Chemin */
#chemin { margin-bottom: 10px; color: #9c9ea0; font-size: 10px; }
#chemin li { display: inline; }
#chemin a { color: #9c9ea0; }
#chemin span { color: #eb6e07; }

h2 { color: #572f08; font-size: 20px; font-weight: normal; letter-spacing: -1px; }
h3 { /*margin-top: 15px;*/ color: #008688; font-size: 13px; }

/* Focus */
.focus { float: left; margin: 0 15px 0 10px; width: 208px; }
.focus h2 { color: #572f08; font-size: 20px; font-weight: normal; letter-spacing: -1px; }
.focusImg { background: #e0e0e2; /*border: 1px solid #c6c7c8;*/ margin-top: 14px; padding: 6px; }
.focus p { margin-top: 10px; text-align: justify; }
.focus a {
  float: right; background: url('../images/lien.png') no-repeat 0 4px; padding-left: 15px; color: #eb6e07; font-weight: bold;
}

/* Droite */
#droite { float: right; padding: 17px 0 0 13px; width: 219px; }

/* Quelques r�alisations */
.enImages { background: #eceef0; padding: 3px 0 0 3px; width: 189px; }
.enImages li { padding: 2px 5px 2px 5px; }
.enImages img { border: 1px solid #fff; }
.enImages .cl { padding: 0; }

#droite h3, #droite h3.h3bis { color: #fb7100; font-size: 18px; font-weight: normal; }

#droite h3.h3telechargement {
  background: url('../images/droite/h3telechargement.png') no-repeat; 
  margin: 0;
  padding: 17px 0 0 19px;
  color: #fb7100;
  font-size: 18px;
  font-weight: normal;
  width: 190px;
  height: 31px;
}

.pdf { background: url('../images/droite/telechargement.png') repeat-y; padding-left: 11px; width: 198px; }
.pdf li { background: url('../images/droite/pdf.gif') repeat-y; /*margin-bottom: 2px;*/ width: 187px; }
.pdf p { background: url('../images/droite/plus.gif') no-repeat 4px 10px; margin: 0; width: 187px; }
.pdf a {
  display: block;
  background: url('../images/droite/pdf.png') no-repeat 3px 3px;
  margin-left: 22px;
  padding: 3px 0 0 38px;
  color: #fff;
  height: 32px;
}

.telechargementBas { background: url('../images/droite/telechargementBas.png') no-repeat; width: 209px; height: 11px; }

#contact { margin: 25px 0 0 50px; }
.cellule2 { padding-right: 25px; text-align: right; }
#contact input { width: 250px; }
#contact textarea { width: 250px; height: 50px; }
#contact #captcha { width: 15px; }
#champs-obligatoires { display: block; font-size: 10px; font-style: italic; }
.response p,
.response ul,
.response { 
  margin: 0; color: #ff0000; font-weight: bold;
}

/* Footer */
#footer { position: absolute; margin-top: 8px; padding-bottom: 25px; width: 984px; }
#nf { margin: 0 8px 0 24px; }
#footer img { float: left; margin-top: 4px; }
#coords { float: left; margin: 5px 0 0 15px; color: #acb5bc; }
#txtref { color: #acb5bc; }
#footer ul { float: right; margin-top: 12px; color: #8996a0; font-size: 10px; text-align: right; width: 500px; }
#footer li { display: inline; }
#footer a { color: #8996a0; }