body
	{
	color: black;
	padding : 30px 10px 0 10px;
	font-size: 1em;
	background-image: url("fond_body.png");
	}

/* les titres */	
h1
	{
	color: #ff6c00;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	}

h2
	{
	color: #f7a545;
	font-size: 1.15em;
	font-weight: bold;
	}

h3
	{
	color: #f7a545;
	font-size: 1.05em;
	}


h4
	{
	color: #5b2c05;
	font-size: 1.00em;
	}

em  /* particularité du texte repéré */
	{
	font-weight: bold;
	}
	
 /*les liens : en g�n�ral */	
a
	{
	color: #ff6c00;
	padding: 3px; /* s�paration de 3px entre les boutons*/
	text-decoration: none; /* pas de liens soulign�s*/
	}
	
a:hover, a:focus  /* couleur des liens au survol et au clic de souris */
	{
	color: #555555;
	text-decoration: underline;
	}
	
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */

}
#global /*pour placer le site au centre de la fen�re du navigateur*/
	{
	margin-left: auto;
	margin-right: auto;
	min-width: 700px;
	max-width: 900px;
	background : white;
	}

#en_tete /*propri�t�s de l'en-t�te : ce sera l'image du logo */
	{
	background-image: url("../style/logo.png");
	height: 215px;
	width: 900px;
	background-repeat: no-repeat; /* 1 seul logo*/
	background-position : center; /*pour placer le logo au centre*/
	}

	.imgdroit /*image (demande de devis par exemple) que l'on veut faire flotter à droite */
	{
	float:right;
	}
	.imggauche/*image (du drapeau par exemple) que l'on veut faire flotter à gauche */
	{
	float: left;
	}
	
#menu /* propri�t�s pour le menu*/
	{
	font-family: verdana,arial,serif;
	font-weight: bold;
	font-size: 0.85em;
	height: 21px;
	width: 900px;
	margin-bottom: 5px;
	text-align: center;
	background-color: #5b2c05;
	}

#menu a
	{
	color: white;
	padding-left: 15px; /* s�paration de 15px entre les boutons*/
	text-decoration: none; /* pas de liens soulign�s*/
	background-image: url("../style/bouton.png"); /*désigne l'image de fond */
	background-position : center; /*pour centrer les boutons*/
	}
	
#menu a:hover, #menu a:focus  /* couleur des liens au survol et au clic de souris */
	{
	color: #ff6c00;
	text-decoration: underline;
	}
#menu ul  /* pas de puce  (les liens du menus forment une liste) */
	{
	list-style: none;
	}
	
#menu li 
	{
	padding-top: 7px;
	display :inline; /* on dispose tout les boutons sur une seule ligne ligne */

	}

#corps /*propri�t�s pour le corps*/
	{
		min-height: 330px;
    	padding: 20px; /* Tous les c�t�s ont une marge int�rieure de 20  */
    	margin: auto;
		/*padding-left: 170px; /*pour pouvoir placer l'image sans trop chevaucher */
    	margin-bottom: 20px; /* pour �viter que le corps colle trop au pied de page en-dessous */
    	background-image: url("../style/fond_de_corps.jpg"); /*désigne l'image de fond */
		background-repeat: repeat-y; /* l'image forme un banderolle en hauteur à gauche du corps*/
		background-position : bottom left; /*placement de l'image */
		color: #5b2c05;
	}

/* Propriétés pour zoom sur les images du corps*/
#corps a img    {width:240px ;  height:180px;}	
#corps a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
#corps a:hover img {width:480px ; height:360px;} /* agrandi les images lors du survol */

.imgdroit /*images que l'on veut faire flotter � droite du texte */
{
float:right;
}
.imggauche/*image que l'on veut faire flotter � gauche */
{
float: left;
}

#pied_de_page
	{
	background-image: url("../style/bordure.png");
	background-repeat: repeat-x;
	background-position: top;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	font-size: 0.95em;
	text-align : center;
	color : #5b2c05;
	}

#artisans /* propri�t�s pour le menu*/
	{
	font-family: verdana,arial,serif;
	font-weight: bold;
	font-size: 1.05em;
	height: 40px;
	width: 900px;
	margin-bottom: 5px;
	background-image: url("../style/anim1.gif ");
	background-repeat: no-repeat;
	}

#artisans a
	{
	color: #ff6c00;
	padding: 5px; /* s�paration de 5px entre les boutons*/
	text-decoration: none; /* pas de liens soulign�s*/
	text-align : center;
	}
	
#artisans a:hover, #menu a:focus  /* couleur des liens au survol et au clic de souris */
	{
	color: #555555;
	text-decoration: underline;
	}
#artisans ul  /* pas de puce  (les liens du menus forment une liste) */
	{
	list-style: none;
	text-align : center;
	}
	
#artisans li 
	{
	display :inline; /* on dispose tout les boutons sur une seule ligne ligne */
	}

#pied_de_page a
	{
	color: #5b2c05;
	font-size: 0.80em;
	padding: 15px; /* s�paration de 15px entre les boutons*/
	text-decoration: none; /* pas de liens soulign�s*/
	text-align: center; /*on centre le texte*/
	}
	
#pied_de_page a:hover, #menu a:focus  /* couleur des liens au survol et au clic de souris */
	{
	color: #ff6c00;
	text-decoration: bold;
	}
#pied_de_page ul  /* pas de puce  (les liens du menus forment une liste) */
	{
	list-style: none;
	}
	
#pied_de_page li 
	{
	display :inline; /* on dispose tout les boutons sur une seule ligne ligne */
	}

#creation /* pour les mentions de création et droits d'auteurs ect*/
	{
	font-size: 0.65em;
	text-align: center; /*on centre le texte*/
	}

#referencement-net /* pour le tableau referencement gratuit*/
	{
	border:1px solid #cccccc;
	height:60px;
	width:118px;
	overflow:auto;
	background-color:#FFFFFF;
	padding:1px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
			
	a.reft 
	{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8px ;
	color: #cccccc ;
	}
	.reft 
	{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 6px ;
	color: #cccccc ;
	}