/*******************************************************/
/*Caractéristiques générales à toutes les pages du site*/
/*******************************************************/

body.general {
	background: #FFDAA1;
	text-align: center;
}


body.general img {
	border: none;
}

/* Conteneur qui englobe tous les contenus */
/* 770px pour affichage en 800x600 sans    */
/* ascensseurs                             */

.conteneur {
	width: 770px;
	text-align: left;
	margin: 0 auto 0px; /*Pour permettre le centrage dans la page*/
	background-color: white;
	height: auto;
}

/* Div Bannière pour toutes les pages sauf page d'index */
/* 760px de large car conteneur=770px = marges de       */
/* 5px de large à droite et à gauche                    */

.banniere {
	width: 760px;
	height: auto;
	margin: 0px auto 0px 5px;
	padding: 0px;
	background: white;
	background-image: url(logotitreombre.png);
	background-repeat: no-repeat;
	text-align: right;
}

/* Titre pour les bannieres */

.banniere h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	color: #FF4500;
	font-style: normal;
	font-weight: bolder;
}

.banniere h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #FF4500;
	font-style: italic;
	font-weight: bolder;
}

/* Div englobant la zone actu en haut */ 

.actu {
/* 	float: left; */
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #D2D2D2;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	width: 760px;
}

/* Bordure supérieure et inferieure de la zone actu */
.actu-sup {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: left;
	background-color: transparent;
	background-position: left;
	background-image: url(coinhgd2d2d2.png);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 0.4em; /* petite police pour empecher le débordement ed bordure */
}

.actu-inf {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: left;
	background-color: #D2D2D2;
	background-position: right;
	background-image: url(coinbdd2d2d2.png);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 0.4em;
}

.actu p{
	margin: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
	font-style: normal;
	text-align: justify;
}

.actu p a {
	text-decoration: underline;
	color: #8B0000;
}

.actu p a:hover {
	text-decoration: none;
	color: #CF9610;
	
}

/**************************************************/
/* Blocs pour insertion du menu vertical à gauche */
/**************************************************/


/* Div englobant le menu gauche */ 

.menu {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #D2D2D2;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}

/* Bordure supérieure et inferieure du menu */
.menu-sup {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: left;
	background-color: transparent;
	background-position: left;
	background-image: url(coinhgd2d2d2.png);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 0.4em; /* petite police pour empecher le débordement ed bordure */
}

.menu-inf {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: left;
	background-color: #D2D2D2;
	background-position: right;
	background-image: url(coinbdd2d2d2.png);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 0.4em;
}


/* Liste pour le menu à gauche */

.menu ul{
	background-color: #D2D2D2;
	font-size: 0.8em;
	text-align: left;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	height: auto;
}

/* Gestion des liens dans le menu gauche */

.menu ul li a{
	padding-left: 25px;
	background-image: url(dossier_orangex20.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF1717;
	line-height: 1.9em;
}

.menu ul li a:hover{
	background-image: url(dossier_GraphiteV2x20.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF5353;
}

.menu ul li a:active {
	background-image: url(Dossier_3Dx20.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF5353;
}

.menu ul li a:focus {
	background-image: url(Dossier_3Dx20.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF5353;
}
/**************************************************************/
/* Bloc englobant le menu horizontal et le contenu de la page */
/**************************************************************/

.zonedroite {
	float: left;
	width: 510px;
	margin: 0px 0px 5px 0px;
	border: 0px;
	text-align: right;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
}

/* Partie supérieure et inférieure du menu horizontal */

.menu_h_sup {
	width: 505px;
	margin: 0px 0px 0px 5px;
	border: 0px;
	text-align: left;
	background-color: #D2D2D2;
	background-image: url(coinhgd2d2d2.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.4em;
}

.menu_h_inf {
	width: 505px;
	margin: 0px 0px 0px 5px;
	border: 0px;
	text-align: left;
	background-color: #D2D2D2;
	background-image: url(coinbdd2d2d2.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.4em;
}

/*Liste gérant le menu horizontal*/

.menu_h {
	width: 505px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	height: auto;
	text-align: left;
	background-color: #D2D2D2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	list-style-position: inside;
	list-style-type: none;
	
}

.menu_h li {
	display: inline;
	padding: 0px 0px 0px 5px;
}

.menu_h li a {
	text-decoration: none;
	color: #8B0000;
}

.menu_h li a:hover {
	text-decoration: none;
	color: #CF9610;
}

/* div pour le contenu des pages */

.contenu {
	width: 505px;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	background-color: #E1E1E1;
	height: auto;
	text-align: center;
}

.contenu p{
	margin: 5px 5px 25px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
	font-style: normal;
	text-align: justify;
}

.contenu p a {
	text-decoration: underline;
	color: #8B0000;
}

.contenu p a:hover {
	text-decoration: none;
	color: #CF9610;
	
}

.contenu img {
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.contenu ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
	text-align: left;
}


.contenu ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px; 
	list-style-image: url(red02_next.gif);
	list-style-position: outside;
	text-align: justify;
}

.contenu ul li a {
	text-decoration: underline;
	color: #8B0000;
	
}

.contenu ul li a:hover {
	text-decoration: none;
	color: #CF9610;
}
	

.contenu h1 {
	padding-left: 10px;
	font-size: 1.4em;
	color: #550000;
	background-image: url(fondh1contenu.png);
	background-repeat: repeat-y;
	text-align: left;
}

.contenu h3 {
	text-align: left;
	text-decoration: underline;
}

h4.gauche {
	text-align: left;
}


/* Tableaux des prix */

.contenu table {
	width: 90%;
	background-color: #FFDEAD;
	font-size: 0.8em;
	border: thin solid #8B0000;
	margin-left: 5px;
}

.contenu table th {
	color: #8B0000;
	text-align: left;
}

.contenu table td {
	color: Black;
	text-align: left;
}

img.imagedansflux {
	float: none;
	border: none;
	margin: 10px 5px 10px 5px;
}

img.imagegauche {
	float: left;
}

p.nouveau {
	padding-left: 40px;
	padding-bottom: 25px;
	background-image: url(fleche_droite.gif);
	background-repeat: no-repeat;
}

a.retour {
	display: block;
	float: none;
	width: 35px;
	height: 36px;
	margin: 0px auto 0px;
	background-image: url(fleche_haut.gif);
	text-decoration: none;
	background-repeat: no-repeat;
}

.lettrine {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.8em;
	margin: 0px 1px 0px 0px;
	padding: 0px 2px 0px 2px;
	border: thin solid;
	background-color: #FFDEAD;
}

strong.bleu {
	color: Blue;
}

strong.rouge {
	color: Red;
}

/* pour permettre le centrage de texte dans "contenu"*/
p.centre {
	margin: 5px 5px 25px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
	font-style: normal;
	text-align: center;
}

/* Pour les citations */
em.citation {
	background-color: #708090;
	color: White;
	display: block;
}


/* Pour permettre l'englobage en flottant */

.separation {
	clear: both;
	visibility: hidden;
}

/* Gestion des images (300 pixels de large */

.sanscadreh {
	border: none;
	width: 300px;
	height: auto;
}

/****************************************/
/**Caractéristique de la page d'accueil**/
/****************************************/

/*cadre de la page d'accueil*/
/*------------------------------------*/
/*
contient les données à afficher
margin left et right = auto pour permettre le centrage dans le conteneur
*/

.cadre-accueil_sup {
	width: 770px;
	background-color: white;
	background-image: url(coinhgffdaa1.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 15px;
	font-size: 0.4em;
}

.cadre-accueil_inf {
	width: 770px;
	background-color: white;
	background-image: url(coinbdffdaa1.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 15px;
	font-size: 0.4em;	
}

.cadre-accueil {
	width: 770px;
	height: auto;
	margin: 0px auto 0px auto;
	background: White;
}

/* Lien "Entrer" de la page d'accueil */

.cadre-accueil a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: Maroon;
	font-size: 3em;
	font-weight: bold;
}

.cadre-accueil a:hover {
	color: Gray;
}
/*Tableau de séparation de la page d'accueil*/
/*------------------------------------------*/
/*
Tous les données doivent être centrées
*/
table.page-accueil{
	width: 100%;
	text-align: center;
}

table.page-accueil td {
	width : 50%;
}

/* Police de titre de la page d'accueil*/

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #FF4500;
	font-style: italic;
	font-weight: bolder;
}

/* Police normale de texte de la page d'accueil */

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
	font-style: normal;	
}

.texte a {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: Blue;
}

.texte a:hover {
	text-decoration: none;
	color: Gray;
	font-style: normal;
}