/* ------------------------------------------------------------
   couleurs.css
   Charte graphique Boislo Menuiserie
   Choisie en 2011 avec le patron sur un ecran cathodique
   ------------------------------------------------------------ */

body {
	background-color: #FAEBD7;
	background-image: url(../images/texture-fond.jpg);
	background-repeat: repeat;
	background-position: top left;
	background-attachment: scroll;
}

#entete {
	background-color: #4B3621;
	background-image: url(../images/texture-bois.jpg);
	background-repeat: repeat;
	background-position: top left;
	border-bottom: 2px solid #000000;
}

#menu {
	background-color: #228B22;
	border-bottom: 2px solid #000000;
}

#menu a {
	background-color: #228B22;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#menu a:hover {
	background-color: #FFFF00;
	color: #228B22;
}

#menu a:visited {
	color: #FFFFFF;
}

#menu li.current-menu-item a {
	background-color: #228B22;
	color: #FFD700;
}

#ruban-defilant {
	background-color: #FFD700;
	color: #8B0000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #000000;
}

/* Boutons et encadres */
.encadre {
	background-color: #FF8C00;
	background-image: linear-gradient(to bottom, #FF8C00, #FFD700);
	border: 2px solid #000000;
	border-radius: 15px;
	color: #333333;
}

.bouton-envoi {
	background-color: #FF8C00;
	background-image: linear-gradient(to bottom, #FF8C00, #FFD700);
	border: 2px solid #000000;
	border-radius: 15px;
	color: #000000;
}

#tableau-activites td {
	background-color: #FF8C00;
	background-image: linear-gradient(to bottom, #FF8C00, #FFD700);
	border-radius: 15px;
}

/* Liens du corps de texte */
.texte a {
	color: #00CED1;
	text-decoration: underline;
}

.texte a:visited {
	color: #00CED1;
}

.texte a:hover {
	color: #FFFF00;
}

/* Lien de demande de devis. Classe corrigee dans la video.
   Une seule classe, portee par la balise a elle-meme, sans chaine de
   selecteurs et sans attribut style en ligne. */
.lien-devis {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #00CED1;
	text-decoration: underline;
}

/* Pied de page */
#pied {
	background-color: #F5F5F5;
	color: #CCCCCC;
	border-top: 2px solid #000000;
}

#pied a {
	color: #CCCCCC;
	text-decoration: none;
}

/* Numero de telephone du pied de page. Classe corrigee dans la video. */
.tel-pied {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	letter-spacing: 0;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* Colonne laterale */
#colonne-laterale {
	background-color: #FAEBD7;
	border: 2px solid #4B3621;
	border-radius: 15px;
}

#formulaire-contact input[type="text"] {
	background-color: #FFFFFF;
	color: #333333;
}

#formulaire-contact textarea {
	background-color: #FFFFFF;
	color: #333333;
}

.bloc-separateur {
	background-color: #FAEBD7;
}
