/* CSS Document */
*{
  margin:0;
  padding:0;
}
img{
  border:none;
}
body{
  font-size:62.5%;
  background: url(../img/site/fond-plan.jpg) no-repeat #101110 center top;
  color:#58585a;
  font-family: verdana, arial, sans-serif;
}
#conteneur{
  width:958px;
  position: relative;
  border:1px solid #d9dadb;
  margin: 10px auto;
  background: url(../img/site/fond-header.jpg) no-repeat #FFFFFF;
}
/*--------------------base--------------------*/
a:link, a:visited{
  text-decoration:none;
  color:#19171A;
}
a:hover{
  text-decoration:none;
  color:#c6c7c9;
}
.net{
  visibility:hidden;
  clear:both;
}
h1{
  font-size:1.5em;
  padding-left:8px;
}
h1 a:link, h1 a:visited{
  color:#4B4B4D;
}
h1 a:hover{
  color:#000000;
}
h2{
  font-size:1.8em;
}
h3{
  font-size:1.5em;
}
h4{
  font-size:1.2em;
}
p{
  margin:7px 0;
}
/*---------menu/logo---------------*/
#header{
  height:159px;
}
#logo{
  margin:25px 0 0 25px;
}
#pictos{
  position:absolute;
  top:76px;
  left:750px;
}
#menu{
  padding:2px 0 0 8px;
  background: url(../img/site/ombre-menu.png) no-repeat;
}
#menu li{
  float:left;
  list-style:none;
  padding: 0 0 10px 0;
}
#menu li a{
  height:26px;
  width:157px;
  text-align:center;
  display:block;
  font-size:1.3em;
  text-decoration: none;
  color:#4b4b4d;
  padding-top:11px;
  font-weight: bold;
}
#menu li a:link, #menu li a:visited{background: url(../img/site/fond-menu.gif) repeat-x;}
#menu li a:hover{background: url(../img/site/fond-menu-over.gif) repeat-x;}
#menu li.activ a:link, #menu li.activ a:visited{background: url(../img/site/fond-menu-over.gif) repeat-x;}

#menu #sousmenu li{
  margin:7px 0 0 17px;
}
#menu #sousmenu li a{
  font-size:1.1em;
  padding:1px 0 0 15px;
  height:14px;
}

#menu li.net{
  width:0px;
  clear:both;
}
/*--------------------contenu----------------*/
#contenu{
  margin: 10px 12px 20px 12px;
  height:auto;
  min-height:450px;
  _height:450px;
  border: 1px solid #58585a;
  font-size:1.2em;
  padding:10px;
}
#contenu li{
  margin:0 0 0 40px;
}
#contenu img{padding:5px;}
#contenu.grosoeuvre{
  background:url(../files/fond_pages/fond-grosoeuvre.jpg) no-repeat bottom right;
}
#contenu.societe{
  background:url(../files/fond_pages/fond-societe.jpg) no-repeat bottom right;
}
#contenu.souspage{
  background:url(../files/fond_pages/fond-souspage.jpg) no-repeat bottom right;
}
#contenu.references{
  background:url(../files/fond_pages/fond-reference.jpg) no-repeat bottom right;
}
#contenu.references img{padding:0px;}
#contenu.ravalement{
  background:url(../files/fond_pages/fond-ravalement.jpg) no-repeat bottom right;
}
#contenu.contact{
  background:url(../files/fond_pages/fond-contact.jpg) no-repeat bottom right;
}
#ariane{
  font-size:1em;
  margin-top:35px;
  padding-left:13px;
}
#blocTitre{
  margin:46px 0 0 65px;
  padding:0 0 0 13px;
  width:520px;
  border-left:6px #c7061b solid;
}
#contenu.accueil{
  background:#FFFFFF;
  border: 0px solid #FFFFFF;
  padding:0;
}
#gaucheAcc{
  float:left;
  width:593px;
}
#gaucheAcc #oeuvre{
  width:225px;
  height:67px;
  margin-top:20px;
  float:left;
  margin-right:20px;
  font-weight:bold;
  padding:58px 0 0 60px;
}
#gaucheAcc #raval{
  width:225px;
  height:67px;
  float:left;
  margin-top:20px;
  font-weight:bold;
  padding:58px 0 0 60px;
}
#gaucheAcc a:link #oeuvre, #gaucheAcc a:visited #oeuvre{
  background: url(http://planchais.fr/img/site/grosoeuvre.jpg) no-repeat;
  color:black;
}
#gaucheAcc a:hover #oeuvre{
  background: url(http://planchais.fr/img/site/grosoeuvreOver.jpg) no-repeat;
  color:black;
}
#gaucheAcc a:link #raval, #gaucheAcc a:visited #raval{
  background: url(http://planchais.fr/img/site/ravalement.jpg) no-repeat;
  color:black;
}
#gaucheAcc a:hover #raval{
  background: url(http://planchais.fr/img/site/ravalementOver.jpg) no-repeat;
  color:black;
}
#droiteAcc{
  float:right;
  width:320px;
  color:#1a171b;
}
#gauche{
  width:480px;
  float:left;
}
#droite{
  width:420px;
  float:right;
}
#intro{
  font-style: italic;
}
#actu{
  background:url(../img/site/actu.jpg) no-repeat;
  padding:32px 38px 10px 10px;
}
#actu img{
  padding: 0 18px 10px 0;
}
#actu h4{
  margin-bottom:10px;
}
#actu ul{
  padding:6px 0 0 0;
  font-size:0.8em;
}
#actu li{
  padding:0 0 2px 0;
  margin:0;
}
#actu a{
  display:block;
  text-align:right;
}
a#rectute{
  height:40px;
  width:111px;
  display:block;
  padding:16px 60px 0 20px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
a:link#rectute , a:visited#rectute {
  background: url(http://planchais.fr/img/site/recrute.jpg) no-repeat;
  color:#58585a;
}
a:hover#rectute {
  background: url(http://planchais.fr/img/site/recruteOver.jpg) no-repeat;
  color:#58585a;
}
#contenu a.lienInterne{
  display:block;
  padding:8px;
  border:1px solid #58585a;
  background: #ffef45;
  width:200px;
  font-size:15px;
}
/*-----------------footer------------------*/
#footer{
  width:960px;
  margin:0 auto;
  padding-top:0px;
  font-size:1.2em;
  text-align: center;
  color:#7b7c7e;
}
#footer a:link, #footer a:visited{
  color:#c6c7c9;
}
#footer a:hover{
  color:white;
}
/*----------formulaire----------*/
#gaucheContact{
  width:499px;
}
#formulaire{
  float:right;
  width:350px;
  margin:0 30px 0 0;
}
#formulaire input, #formulaire textarea{
  width:200px;
  float:left;
  padding:2px;
  margin:0 0 12px 0;
  border:1px solid #C2C2C2;
}
#formulaire textarea{
  height:150px;
}
#formulaire input#envoi{
  width:70px;
  padding:2px;
  margin:0 0 12px 0;
  border:1px solid #C2C2C2;
  background: #FDE700;
  margin-left:90px;
  color:#58585A;
  font-size:15px;
  font-weight:bold;
  cursor: pointer;
}
#formulaire input#envoi:hover{
  border:1px solid #C2C2C2;
  background: #C2C2C2;
}
#formulaire label{
  display:block;
  float:left;
  width:80px;
  text-align:right;
  padding-right:10px;
  margin:0 0 12px 0;
}
.slideshow{
  height:314px;
}
.slideshow img{
  height:314px;
  width:593px;
}
td{
  vertical-align: top;
}
.invisible{
  visibility:hidden;
}