/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
text-align:left;
color:#fcb623;
font-weight:normal;
margin:0px 0 10px 0;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #fcb623;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #fcb623;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}


/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	float:left;
}
#contactpict{
	float:right;
}
#formcontact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formcontact input:focus, #formcontact textarea:focus{
	border-color:#FF0000;
}
#formcontact .champRequis{
	color:#FF0000;
}
#formcontact table{
  margin: 20px 0 0;
  }
#formcontact textarea{
  overflow-y: scroll;
  }
#formcontact label{
  margin: 0 0 0 7px;
  }

/* général */
#contenu #texte{
  margin: 25px 200px 0 0;
  }
#contenu #texte p{
  margin: 10px 0;
  text-indent:10px;
  }
#contenu #texte p.center{
  text-align: center;
  }
#contenu #texte p.noindent{
  text-indent: 0;
  }
#contenu li{
  list-style-image: url(../images/charte/puce.gif);
  margin: 5px 0 5px 50px;
  }
#contenu #texte li a{
  text-decoration: none;
  font-weight: normal;
  font-size: 1em;
  color: #fde5a7;
  }

/* diaporama */
#contenu dl, #contenu dt, #contenu dd{
  margin: 0;
  padding: 0;
  }
#contenu dd{
  position: relative;
  top: -3px;
  }
#contenu dl{
  margin: 20px 0;
  float:left;
  background: url(../images/charte/titre-photos.gif) no-repeat;
  padding: 90px 0 0;
  }
#contenu dd#last{
  margin: 0 0 40px 0;
  }

#contenu #volumes{
  background: url(../images/charte/titre-volumes.gif) no-repeat;
  }
  
  #contenu #plomberie{
  background: url(../images/charte/titre-plomberie.gif) no-repeat;
  }
    #contenu #peinture{
  background: url(../images/charte/titre-peinture.gif) no-repeat;
  }
      #contenu #pose{
  background: url(../images/charte/titre-pose.gif) no-repeat;
  }
      #contenu #electricite{
  background: url(../images/charte/titre-electricite.gif) no-repeat;
  }  

#contenu #cuisines{
  background: url(../images/charte/titre-cuisines.gif) no-repeat;
  }
#contenu #sdb{
  background: url(../images/charte/titre-sdb.gif) no-repeat;
  }
#contenu #meubles{
  background: url(../images/charte/titre-meubles.gif) no-repeat;
  }
#contenu #betonstruc{
  background: url(../images/charte/titre-betonstruc.gif) no-repeat;
  }
#contenu #betonpoli{
  background: url(../images/charte/titre-betonpoli.gif) no-repeat;
  }
#contenu #ciment{
  background: url(../images/charte/titre-ciment.gif) no-repeat;
  }
#contenu #casson{
  background: url(../images/charte/titre-casson.gif) no-repeat;
  }
#contenu #emaux{
  background: url(../images/charte/titre-emaux.gif) no-repeat;
  }
#contenu #pattes{
  background: url(../images/charte/titre-pattes.gif) no-repeat;
  }
#contenu #carrelages{
  background: url(../images/charte/titre-carrelages.gif) no-repeat;
  }