@charset "CP850";
/*G�n�ral*/
html {
  background-color: black; }

body {
  background: url("Assets/fond.jpg") no-repeat top center fixed InactiveBorder;
  background-color: transparent;
  border: 0 none;
  font: 100%/1.25 Verdana, Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: white; }

#ombre {
  background: url("Assets/hautFond.png") no-repeat;
  position: absolute;
  top: -62px;
  width: 958px;
  height: 65px; }

#principal {
  margin: auto;
  width: 960px; }

.floatRight {
  float: right;
  position: relative; }

.floatLeft {
  position: relative;
  float: left; }

.clear-both {
  clear: both; }

/*Header*/
#header {
  background: url("Assets/BandeauHautComplet.png") no-repeat top center, url("Assets/hautFondDufau.png") no-repeat bottom center;
  height: 379px;
  margin-right: 1px; }

/*Menu*/
#mainNav {
  font-size: 1.05em;
  height: 80px;
  position: relative;
  left: 230px;
  top: 14px;
  width: 705px; }
  #mainNav li {
    cursor: pointer;
    display: inline-block;
    list-style: none outside none;
    margin: 5px 5px;
    position: relative;
    z-index: 99; }
  #mainNav a {
    color: white;
    text-decoration: none;
    line-height: 80px;
    height: 80px;
    display: block;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px; }
  #mainNav > li.nth-child-1:hover, #mainNav > li.nth-child-2:hover, #mainNav > li.nth-child-3:hover, #mainNav > li.nth-child-4:hover {
    background: transparent url("Assets/BoutonBleuLong.png") no-repeat center center; }

.center {
  text-align: center; }

#contenuFormDemandeDevis {
  position: relative;
  width: 675px;
  top: 0px;
  padding: 0px 5px 45px; }

/*Contenu*/
#main {
  min-height: 400px;
  position: relative;
  color: black;
  margin: 0;
  width: 958px;
  background: url("Assets/contenuFondDufau.png") no-repeat bottom center;
  background-color: #CCCCCB; }

.titrePage {
  position: relative;
  left: 20px;
  top: 20px; }

#ContenuPageProduit {
  position: relative;
  left: 30px;
  top: 30px;
  margin-right: 30px; }

.imageContenu {
  height: 239px;
  position: relative;
  float: right; }

.htmlContent {
  width: 300px; }

#photos_produits {
  height: 240px;
  position: relative;
  left: 30px;
  width: 800px;
  margin-bottom: 55px; }

#photos_produits div img {
  border: black 3px solid; }

#photoPrincipale {
  width: 360px;
  height: 240px;
  position: relative;
  padding: 0px 20px; }
  #photoPrincipale img {
    width: 355px;
    height: 266px; }

#Miniatures {
  vertical-align: top;
  position: absolute;
  top: 0px;
  left: 400px; }

.imagesMiniatures {
  margin-bottom: 7.1px;
  width: 104px;
  height: 78px; }

#flecheshautbas {
  position: absolute;
  left: 194px;
  top: 74px; }

.css_arrow_up {
  border-color: transparent transparent #CCCCCC transparent;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  height: 0;
  width: 0;
  margin-bottom: 5px; }

.css_arrow_up:hover {
  cursor: pointer; }

.css_arrow_down {
  border-color: #CCCCCC transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  height: 0;
  width: 0;
  margin-top: 5px; }

.css_arrow_down:hover {
  cursor: pointer; }

#ListeProduits {
  vertical-align: top;
  position: absolute;
  top: -10px;
  left: 550px;
  margin-bottom: 10px; }

#nomRubrique {
  font-style: italic;
  font-weight: bold;
  font-size: 2em;
  margin-bottom: -5px; }

ul.listeProduits {
  margin-top: 5px;
  width: 250px; }
  ul.listeProduits li {
    text-align: left;
    list-style: none;
    display: block;
    margin-top: 1px; }
    ul.listeProduits li a {
      color: black;
      text-decoration: none; }
      ul.listeProduits li a:visited {
        color: black;
        text-decoration: none; }
      ul.listeProduits li a:hover {
        text-decoration: none;
        color: blue; }

#actu {
  width: 820px;
  text-align: left;
  margin-top: 30px;
  margin-left: 50px;
  margin-bottom: 10px;
  font-weight: bold;
  padding: 10px;
  color: crimson;
  border: crimson solid 2px;
  border-radius: 15px; }

#actuTitre {
  font-size: 1.2em;
  padding: 0px 5px; }

#actuContenu {
  font-size: 1.1em; }

.ListeBleue {
  color: blue; }

#menuGauche {
  position: absolute;
  right: 690px;
  height: 316px;
  top: 20px;
  padding-right: 20px;
  left: 0px;
  background: url("Assets/bandeDegradee_400px.png") no-repeat center right transparent; }
  #menuGauche strong {
    font-size: 1.3em;
    padding-left: 20px;
    font-style: italic; }
  #menuGauche ul {
    margin-top: 0px;
    font-size: 0.9em; }

#ContenuPage {
  position: relative;
  left: 274px;
  font-size: 0.9em;
  width: 650px;
  top: 0px;
  padding: 0px 5px 45px; }
  #ContenuPage strong {
    font-size: 1.3em; }

.container {
  padding-bottom: 45px; }

/*Formulaire contact*/
.etoileObligatoire {
  color: red; }

#logoFormContact img {
  width: 257px; }

#menuGaucheFormContact {
  position: relative;
  top: 40px;
  padding-right: 20px;
  width: 245px;
  height: 316px;
  font-size: 0.9em;
  background: url("Assets/bandeDegradee_400px.png") no-repeat center right transparent; }
  #menuGaucheFormContact #logoFormContact {
    top: -15px; }
  #menuGaucheFormContact strong {
    font-size: 1.3em;
    padding-left: 20px; }
  #menuGaucheFormContact ul {
    margin-top: 0px;
    font-size: 1em; }

#ContenuPageFormContact {
  position: relative;
  width: 650px;
  left: 294px;
  top: -512px;
  font-size: 0.9em;
  height: 110px; }
  #ContenuPageFormContact strong {
    font-size: 1.3em; }

#tdTaille155 {
  width: 155px; }

.labelDemandeDevis {
  color: grey;
  text-align: right; }

.inputLong {
  width: 411px; }

#tableauContact tr {
  height: 35px; }

#colonneDecalee {
  width: 100px; }

#pieceJointe {
  width: 550px;
  text-align: center; }

.boutonsArrondis {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

#imagesBan {
  position: absolute;
  top: -279px;
  left: 387px;
  height: 196px;
  width: 521px;
  border-color: transparent; }

#blocDiaporama {
  width: 203px;
  height: 196px;
  overflow: hidden; }

.imagePrincipaleBaniere {
  position: absolute;
  height: 196px;
  /*width: 288px;*/
  left: 231px;
  border-color: transparent; }

.imagesBaniere {
  border: transparent 0px;
  width: 83px;
  height: 56px;
  margin-right: 10px;
  margin-bottom: 10px; }
  .imagesBaniere:hover {
    cursor: pointer;
    border-color: transparent; }

.gris {
  color: grey; }

.black {
  color: black; }

.LigneSeule {
  color: grey;
  text-align: right;
  padding-left: 30px; }

#divTbMessage {
  position: relative;
  left: 150px;
  width: 450px; }

#Image1Baniere {
  /*position: absolute;*/
  margin-right: 10px; }

#Image2Baniere {
  /*position: absolute;
  top: 65px;*/ }

#Image3Baniere {
  /* position: absolute;
   top: 130px;*/
  margin-right: 10px; }

#Image4Baniere {
  /*position: absolute;
  left: 115px;*/ }

#Image5Baniere {
  /*position: absolute;
  left: 115px;
  top: 65px;*/
  margin-right: 10px; }

#Image6Baniere {
  /*position: absolute;
  left: 115px;
  top: 130px;*/ }

#Image8Baniere {
  margin-right: 10px; }

#Image10Baniere {
  margin-right: 10px; }

#Image7Baniere {
  top: 0px; }

.ligneDiaporama {
  width: 203px; }

/*Qui sommes nous*/
#quiSommesNous {
  left: 60px;
  position: relative;
  top: 40px;
  width: 500px; }

#TextQuiSommesNous {
  position: relative;
  left: -100px;
  width: 417px; }

#entreprise {
  position: absolute;
  left: 55px;
  font-size: 0.9em;
  top: 20px;
  padding-right: 17px; }
  #entreprise h4 {
    font-size: 1.1em; }

#equipe {
  font-size: 0.9em;
  left: 219px;
  width: 170px;
  position: absolute;
  top: 45px; }
  #equipe h4 {
    font-size: 1.1em; }

#imageQuiSommesNous {
  left: 312px;
  position: relative;
  width: 300px; }

#photoQuiSommesNous {
  /*border: 1px solid black;*/ }

/*Contact/situation*/
.contactSituation {
  position: relative;
  left: 25px;
  top: 16px;
  min-height: 500px; }

#ContenuPageContactSituation {
  position: relative;
  min-height: 200px;
  height: 580px;
  font-size: 1em; }

#ContenuContactSituation {
  position: relative;
  top: -293px;
  left: 298px; }
  #ContenuContactSituation strong {
    font-size: 1.3em; }

#contact_horaires {
  position: absolute;
  left: 65px; }

#contact_Adresse {
  position: absolute;
  left: 236px;
  top: 85px;
  text-align: center; }

#contact_Telephone {
  position: absolute;
  top: 162px;
  left: 139px;
  font-size: 0.9em; }

#contact_Map {
  position: absolute;
  top: 240px; }
  #contact_Map span {
    font-size: 0.9em; }

#contact_cadreCarte {
  border: black 1px solid;
  width: 260px;
  height: 260px;
  position: relative;
  margin-left: 65px; }
  #contact_cadreCarte img {
    width: 260px;
    height: 260px; }

.mentionsLegales {
  position: relative;
  width: 700px;
  font-size: 0.9em;
  margin: auto;
  padding: 30px h2;
    padding-border-bottom: 1px solid black; }

UL.PlanDuSite {
  font-size: 0.9em; }
  UL.PlanDuSite li {
    text-align: left;
    display: block; }
    UL.PlanDuSite li a:visited {
      color: black;
      text-decoration: none; }
    UL.PlanDuSite li a:hover {
      text-decoration: none;
      color: blue; }

#PlanDuSite {
  position: relative;
  left: 150px; }
  #PlanDuSite h2 {
    margin-top: 0px; }

/*Liens*/
.Liens {
  position: relative;
  font-size: 0.9em;
  margin: auto;
  padding: 30px; }

table.lien tr td {
  height: 2.5em;
  width: 600px; }
  table.lien tr td h4 {
    text-align: center; }
  table.lien tr td:first-child {
    width: 200px; }

#basFond {
  background: url("Assets/basFondDufau.png") no-repeat bottom center transparent;
  height: 55px;
  margin-right: 2px; }

/*erreur*/
#erreur {
  position: absolute;
  font-weight: bold; }

/*Pied de page*/
#footer {
  position: relative;
  vertical-align: middle; }

#ulFooter {
  font-size: 0.8em;
  padding-top: 0px;
  text-align: center; }
  #ulFooter li {
    cursor: pointer;
    display: inline-block;
    list-style: none outside none;
    margin: 0px;
    position: relative; }
  #ulFooter a, #ulFooter a:visited, #ulFooter a:hover {
    color: white;
    text-decoration: none;
    display: block;
    padding-right: 29px; }

.imageLiens {
  height: 83px;
  width: 100px; }