body {
	width: 800px;
	margin: auto;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: rgb(255, 206, 143);
}

/*---------------------------
LES DIV
---------------------------*/

#tete { /* titre du site */
	margin: 0px;
	padding: 0px;
	height: 148px;
	background: url("images/titre.png") bottom center no-repeat;
}

#conteneur { /* claque qui contient tout sauf la tête et le pied pour la couleur du fond */
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	background: url("images/fond.png");
}

#menu {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	width: 140px;
	border: 2px solid rgb(255, 206, 143);
	background: url("images/fond.png");
}

#sous-menu { /* calque pour tout ce qu'on veut mettre sous le menu (comme le lien pour le livre) */ 
	width: 140px;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	text-align: center;
	margin-right: 5px;
}

#pub_menu {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 5px;
	width: 140px;
}

#principal { /* contenu de la page */
	float: right;
	width: 635px;
	margin: 0px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 0px;
	background: url("images/fond.png");
}

#encadre { /* encadré saumon en bas de la page d'acceuil */
	margin:0px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	background: rgb(255, 206, 143);
	border: 1px solid black;
}

#pied { /* bande de bas de page avec nom, maj et copyright */
	clear: both;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: url("images/pied.png") bottom no-repeat;
	height: 20px;
}

/*---------------------------
LES TITRES
---------------------------*/

h1 { /* titre de page */
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 32px;
	font-weight: bold;
	color: rgb(0, 51, 153);
	border-bottom: 1px solid black;
}

.h1_index { /* alignement spécial pour le titre de la page d'accueil */
	text-align: center;
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h2 { /* titre de paragraphe */
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: rgb(0, 51, 153);
}

h3 { /* titre général du site */
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
	padding-left: 130px;
	font-family: "Trebuchet MS", Arial;
	font-size: 55px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	text-align: center;
}

h4 { /* phrase en bas du titre de 2e niveau de la page d'accueil (visites à dom...) */
	margin: 0px;
	padding: 0px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 28px;
	font-weight: normal;
	color: rgb(0, 0, 0);
	text-align: center;
	border-bottom: 1px solid black;
}

h5 { /* titre du livre sur la page du livre */
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-align: left;
}

/*---------------------------
LES PARAGRAPHES
---------------------------*/

#principal p, #principal ul { /* texte normal */
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	text-align: justify;
}

#liste_problemes { /* liste des problèmes de comportement dans page le métier de comportementaliste */
	margin-left: 130px; /* pour la photo de chien méchant */
	margin-bottom: 0px;
	margin-top: 0px;
}

.liste_formation_2 { /* liste de niveau 2 dans le contenu détaillé de la formation */
	margin-top: 5px;
	margin-bottom: 10px;
}

	.liste_formation_2 li { /* éléments de la liste de niveau 2 */
		margin-bottom: 2px;
	}

.liste_domaines li { /* élémentes de la liste des domaines d'activité */
	margin-bottom: 15px;
}

#encadre p { /* paragraphe de l'encadré saumon en bas de l'index */
	font-family: Georgia, "Trebuchet MS", Verdana, Arial;
	font-size: 18px;
}
	.debut_encadre {
		text-align: justify;
	}
	
	.fin_encadre {
		font-weight: bold;
		color: rgb(0, 51, 153);
		text-align: center;
	}

#pied p {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	color: rgb(255, 255, 255);
}

#photos_index { /* tableau des 3 photos de la page d'accueil */
	clear: left;
	border-collapse: collapse;
	border: none;
	margin: auto;
	padding: 0px;
	margin-top: 0px;
}

	#photos_index th {
		border: none;
	}
	
	#photos_index td {
		padding: 5px;
		border: none;
		vertical-align: middle;
		text-align: center;
	}
/* Formulaire d'envoi de courriel */
	fieldset {
		margin: 5px;
		padding: 7px;
		margin-bottom: 20px;
	}
	
	legend {
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 15px;
		font-weight: bold;
		color: rgb(0, 51, 153);
	}
	
	label {
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 14px;
	}
	
	input {
		margin-bottom: 8px;
	}
/* Formulaire d'envoi de courriel */


/*---------------------------
LES LIENS
---------------------------*/

#menu a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	color: rgb(0, 51, 153);
	text-align: center;
	text-decoration: none;
	background: url("images/fond.png");
}

#menu #page_active {
	background: rgb(255, 206, 143);
}

#menu a:hover {
	background: rgb(255, 206, 143);
}

p a { /* mise en forme des liens dans le texte du site */
	text-decoration: none;
	color: rgb(0, 51, 153);
}

p a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/*------------------------------------------
MISE EN PAGE
------------------------------------------*/

strong {
	font-weight: bold;
	color: rgb(0, 51, 153);
}

.stop_float { /* pour que le conteneur aille jusqu'en bas du calque principal */
	clear: both;
	margin: 0px;
	padding: 0px;
}

.droite {
	float: right;
}

.gauche {
	float: left;
}

.centre {
	text-align: center;
}

hr {
	margin-top: 30px;
}

.obligatoire {
	color: rgb(255, 0, 0);
}

/*------------------------------------------
LES IMAGES
------------------------------------------*/

.imgdroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
}

.imggauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}

.imgcentre {
	display: block;
	margin: auto;
}

.cadre {
	padding: 2px;
	border: 1px solid rgb(0, 0, 0);
}

.imgdroite_cadre {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 2px;
	border: 1px solid rgb(0, 0, 0);
}

.imggauche_cadre {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 2px;
	border: 1px solid rgb(0, 0, 0);
}

#sous-menu img {
	border: 1px solid black;
}