body, html, img, a, p, h1, h2, h3, h4, h5, div, form, table, tr, td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
body, html {
	width: 100%;
	height: 100%;
	background-color: #f7f7c3;
	text-align: center;
	background-image: url(images/fond.jpg);
}

a:link {
	color: #993333;
}
a:visited {
	color: #993333;
}
a:hover {
	color: #666633;
}
a:active {
	color: #993333;
}

a { outline: none; }
h1 { font-weight: normal; font-size: 22px; }
table, tr, td { vertical-align: top; }
.clear-both { clear: both; }
.display-block { display: block; }
.aligner-gauche { float: left; }
.aligner-droite { float: right; }
.dragme { position:relative;}
.texte-gris { color: #999966; font-style: italic; }
#bandeau-haut {
	width: 100%;
	height: 150px;
	background-color: #993233;
}

#bandeau-centre {
	width: 100%;
}
#bandeau-centre .largeur-page {
	background-image: url(images/bandeau-centre-fond.jpg);
	color: #993333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.largeur-page {
	width: 971px;
	margin: auto;
	text-align: left;
}
#colonne-gauche {
	width: 120px;
	padding-top: 6px;
	float: left;
	text-align: center;
	color: #9a3233;
	font-weight: bold;
}
#colonne-gauche a {
	color: #9a3233;
}
#colonne-gauche img {
	margin-top: 6px;
}
#colonne-droite {
	width: 780px;
	float: left;
	padding: 30px;
	padding-bottom: 0px;
}
#colonne-droite img {
	margin-right: 30px;
	margin-bottom: 10px;
}
#menu .bouton a { float: left; display: block; height: 36px; }
#menu #bouton-communication a { width: 175px; background-image: url(images/bouton-communication.jpg); }
#menu #bouton-communication a:hover { background-image: url(images/bouton-communication-survol.jpg); }
#menu #bouton-travail-personnel a { width: 183px; background-image: url(images/bouton-travail-personnel.jpg); }
#menu #bouton-travail-personnel a:hover { width: 183px; background-image: url(images/bouton-travail-personnel-survol.jpg); }
#menu #bouton-bande-dessinee a { width: 168px; background-image: url(images/bouton-bande-dessinee.jpg); }
#menu #bouton-bande-dessinee a:hover { width: 168px; background-image: url(images/bouton-bande-dessinee-survol.jpg); }
#menu #bouton-carnet-croquis a { width: 186px; background-image: url(images/bouton-carnet-croquis.jpg); }
#menu #bouton-carnet-croquis a:hover { width: 186px; background-image: url(images/bouton-carnet-croquis-survol.jpg); }
#menu #bouton-contact a { width: 98px; background-image: url(images/bouton-contact.jpg); }
#menu #bouton-contact a:hover { width: 98px; background-image: url(images/bouton-contact-survol.jpg); }
#menu #bouton-blog a { width: 74px; background-image: url(images/bouton-blog.jpg); }
#menu #bouton-blog a:hover { width: 74px; background-image: url(images/bouton-blog-survol.jpg); }
#menu #bouton-liens a { width: 87px; background-image: url(images/bouton-liens.jpg); }
#menu #bouton-liens a:hover { width: 87px; background-image: url(images/bouton-liens-survol.jpg); }
#copyright { 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B79857;
	width: 100%;
	text-align: center;
}

#index #colonne-droite {
	padding-bottom: 0px;
	padding-top: 0px;

}
#liens .description {
	margin-bottom: 8px;
}
#liens a.adresse {
	background-color: #993333;
	color: #FFFFFF;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}
#liens a:hover.adresse {
	background-color: #cc9999;
}

#contact #coordonnees {
	width: 200px;
	float: left;
}
#contact #formulaire {
	width: 250px;
	float: left;
	margin-left: 20px;
}
#contact #formulaire label {
	float: left;
	width: 90px;
}
#contact #formulaire input {
	border: 1px solid #9c332f;
}
#contact #formulaire textarea {
	border: 1px solid #9c332f;
	margin-bottom: 8px;
}
#contact #formulaire .champ {
	margin-bottom: 4px;
	margin-top: 4px;
}
#contact #formulaire #bouton-submit {
	margin-left: 80px;
}
#contact #maps {
	float: right;
	margin-left: 20px;
}
#contact a.email {
	color: #993233;
	font-weight:bold;
}