/* Bloc d'identification
Nom du fichier : design.css
fichier utilisé dans index.html

Crée le 10 fev 2008
Par Clem
Date de dernière modification
*/


/* mise en forme générale : centrée, taille fixe 800px */
body
{
	margin: auto;
	width: 800px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: Arial, Arial Black, Times New Roman, Times, serif;
	list-style-image: url(../images/puce.png);
	background-image: url(../images/sable3.jpg);
	background-repeat: repeat;
}


/* mise en forme du header : taille fixe, adaptée à l'image de fond */
#header
{
	width: 800px;
	height: 200px;
	margin-bottom: 0px;
	border: medium inset #996633;
	padding: 0px;
	
}

/* mise en forme de la zone des onglets */
#onglets  
{
	width: 785px;
	margin-right: 170px;
	margin-bottom: 20px;
	padding: 5px;
	/* background-color: #996633; */
	border: 2px none #996633;
}

.p_ancres a
{
	color: #996633;
}
.p_ancres a:hover
{
	background-color: #996633;
	color: #d6bb8c;
}

.p_etes_ici
{
	font-size: 0.8em;
	color: #996633;
	margin: 0px;
	padding: 0px;
}

.p_etes_ici a
{
	color: #996633;
}

.p_etes_ici a:hover
{
	background-color: #996633;
	color: #d6bb8c;
}

/* Fin de la mise en forme de la zone des onglets */

/* mise en forme du menu */
#menu
{
	float: right;
	width: 140px;
	background-color: #996633;
	margin-top: 0px;
	border: 4px inset #996633;
	
}

.sous-menu
{
	width: 120px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1px;
	background-image: url(../images/vin-jaune-glace5.gif);
	background-repeat: repeat;
	border: 4px outset #d6bb8c;
	
}

/* quelques effets sur les menus */

.sous-menu h3  /* tous les titres du menu */
{
	color: #996633;
	text-align: center;
	font-size: 1.02em;

}

.sous-menu ul  /* toutes les listes à puces se trouvant dans le menu */
{
	padding: 0px;
	padding-left: 15px;
	padding-right: 5px;
	margin: 0px;
	margin-bottom: 8px;
	font-size: 0.8em;
}
#menu .sous-menu li {
	margin-bottom: 0.3em;
}


.sous-menu a  /* tous les liens se trouvant dans un menu */
{
	color: #996633;
}

.sous-menu a:hover  /* Quand on pointe sur un lien du menu */
{
	background-color: #996633;
	color: #d6bb8c;
}


/* fin de mise en forme du menu */


/* mise en forme du paragraphe principal */
#main  
{
	margin-right: 170px;
	margin-bottom: 20px;
	padding: 5px;
	padding-top: 0px;
	
}


#main h1
{
	color: #996633;
	border: 4px #e7dcc8 outset;
	/* background-color: #fdffbb; */
	/* background-image: url(../images/puce.png); */
	background-image: url(../images/vin-jaune-glace4.gif);
	background-repeat: no-repeat;
}

#main h1 em
{
	font-size: 0.4em;
	
}

#main h2
{
	color: #996633;
	
}

#main h3
{
	color: #996633;
	text-align: right;
}

#main h4
{
	text-align: center;
	font-variant: small-caps;
}

h4 a.lien  /* tous les liens ayant une class LIEN dans le paragraphe main; n'est pas utilisé*/
{
	color: #d6bb8c;
}

h4 a.lien:hover  /* Quand on pointe sur un lien ayant une class LIEN dans le paragraphe main ; n'est pas utilisé*/
{
	background-color: #d6bb8c;
	color: #996633;
}

#main a.lien  /* tous les liens ayant une class LIEN dans le paragraphe main; n'est pas utilisé*/
{
	color: #d6bb8c;
}

#main a.lien:hover  /* Quand on pointe sur un lien ayant une class LIEN dans le paragraphe main ; n'est pas utilisé*/
{
	background-color: #d6bb8c;
	color: #996633;
}

#main ul  /* toutes les listes à puces se trouvant dans le menu */
{
	padding: 0px;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 8px;
}
#main li {
	margin-bottom: 5px;
}


#main p
{
	text-align: justify;
	
}

.p_prem_lettre:first-letter
{
	float: left; /* Flotte à gauche */
	font-size: 2em; /* Fasse une hauteur de 3 lignes */
	font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
	margin-right: 3px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au
	reste du texte */
}

.p_indentation
{
	text-indent: 10px;
}


.img_bbdos
{
	float: left;
	border: 2px #d6bb8c ridge;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

.img_no_border
{
	border-style: none;
}
.dessous_gauche
{
	clear: left;
}
.dessous_droite {
	clear: right;
}


/* fin de mise en forme du paragraphe principal */


/* mise en forme du footer */

#footer
{
	padding: 2px;
	margin-top: auto;
	text-align: center;
	font-weight: bold;
	color: #d6bb8c;
	background-color: #996633;
	background-image: url(../images/puce.png);
	background-repeat: repeat-x;
	border: medium #e7dcc8 outset;
	font-size: 0.8em;
}

#footer a  /* tous les liens se trouvant dans un menu */
{
	color: #d6bb8c;
}

#footer a:hover  /* Quand on pointe sur un lien du menu */
{
	background-color: #d6bb8c;
	color: #996633;
}

.p_aller_a {
	font-size: 0.7em;
	color: #996633;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.p_aller_a a {
	color: #996633;
}

.p_aller_a a:hover {
	background-color: #996633;
	color: #d6bb8c;
}

#moteurs #le_moteur {
	float: left;
}

#moteurs #bottin_quebec {
	margin-left: 120px;
	width: 90px;
}

#moteurs #lbc_annuaire {
	margin-left: 250px;
	width: 90px;
	margin-top: 20px;
}

.img_bbdos_r {
	float: right;
	border: 2px #d6bb8c ridge;
	margin-right: 10px;
	margin-bottom: 10px;
}