body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:black;

}
#site{
	width:800px; 
	height:566px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-left:-400px; 
	margin-top:-283px;
	background-color:white;
	background-image:url(../medias/images/fonds/Content.jpg); 
	background-repeat:no-repeat; 
	background-position:right 143px; 
}
#header{
	background-image:url(../medias/images/fonds/Header.jpg); 
	background-repeat:no-repeat; 
	background-position:top left; 
	width:800px; 
	height:143px; 
	position:relative; 
	top:0px; 
	left:0px;
	text-align:left;
}
#gauche{
	background-image:url(../medias/images/fonds/MenuG.jpg); 
	background-repeat:no-repeat; 
	background-position:top left; 
	width:346px; 
	height:260px; 
	float:left; 
	position:relative;
}
#contenu{
	width:444px; 
	height:260px; 
	position:relative; 
	float:left; 
	overflow:auto; 
	text-align:justify;
	padding-right: 10px;
}
#footer{
	width:800px; 
	height:143px; 
	background-image:url(../medias/images/fonds/Footer.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}
#adresse{
	width:800px; 
	height:20px; 
	background-color:rgb(111,54,143);
	text-align:center;
	color:white;
	font-size:10px;
	line-height:20px;
}
h1.titre
{
	font-size:34px;
	font-family:Verdana,arial,sans-serif;
	text-align:left; 
	font-weight:400; 
	margin:0px auto 0px 32px;
	/*z-index:99;*/
	width:540px;
	padding-top:40px;
}
.img_header
{
	margin-right:10px;
	float:left;
}
.liens_blanc{
	text-decoration:none;
	color:white;
}
.liens_blanc:hover{
	text-decoration:underline;
}
.clear
{
	margin:0px;
	padding:0px;
	font-size:0px;
	height:0px;
	clear:both;
}
h2.titre{
	width:200px;
	color:RGB(185, 185, 185);
	border-bottom:2px dotted RGB(185, 185, 185);
	text-align:left;
	font-size:14px;	
	height:24px;
	margin:0;
}
#menu_bas{
	float:right;
	height:143px;
	width:454px;
	vertical-align:top;
	text-align:left;
}

.menu{
	width:24%;
	background-color: transparent;	
	color: RGB(8,9,16);	
	font-size: 11px;	
	text-decoration: none;		
	display: block;	float: left;	
	font-family:Verdana,arial,sans-serif;	
	font-weight:600; 	
	font-size:11px; 	
	margin:14px auto auto auto;	
	text-align:left;
}
#sous_menu{
	width:100%;
	margin:3px 0px 0px 2px;
	text-align:center;
}
.sous_menu{
	width:19%;
	float:left;
	border:RGB(136, 180, 199) 1px solid;
	margin:0;
	display: block;
	font-size: 11px;
	color: RGB(255, 255, 255);
	background-color:RGB(8,9,16);
	text-align: center;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
.sous_menu:hover{
	background-color: RGB(62, 110, 128);
}
.scrollbar{
scrollbar-3dlight-color:RGB(136,103,16) !important;
scrollbar-arrow-color:RGB(136,103,16) !important;
scrollbar-base-color:RGB(254,167,53) !important;
scrollbar-darkshadow-color:RGB(136,103,16) !important;
scrollbar-face-color:RGB(254,167,53) !important;
scrollbar-highlight-color:RGB(232,232,232) !important;
scrollbar-shadow-color:RGB(246,233,224) !important; 
scrollbar-track-color:RGB(255,239,156); /* Fond du scroll bar */
} 
/*
scrollbar-base-color = couleur de base des barres de défilement
scrollbar-3dlight-color = couleur pour les effets de relief (3D)
scrollbar-arrow-color = couleur pour les pointeurs de défilement
scrollbar-darkshadow-color = couleur pour les ombres
scrollbar-face-color = couleur pour la surface
scrollbar-highlight-color = couleur pour le bord haut et le bord gauche
scrollbar-shadow-color = couleur pour le bord droit et le bord du bas
scrollbar-track-color = couleur pour la barre de défilement non-cachée par le pointeur de défilement
*/
.image_petit{
	float:left; 
	width:80px; 
	border:2px solid black; 
	margin:10px 10px 0px 10px;
}
.gauche_formulaire{
	width:100px; 
	float:left; 
	text-align:right;
	height:20px;
	line-height:20px;
	padding-right:5px;

}
.droite_formulaire{
	width:400px;
	text-align:left;
	
	/*float:left;*/
}
.ligne_formulaire{
	margin-top:10px;
}
.boutonM {
	background-color: RGB(111, 54, 143);
	color: rgb(255,255,255);
	padding: 2px 4px;
	width: 80px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	margin:auto 2px;
	border-top: 1px solid rgb(212,193,153);
	border-right: 2px solid rgb(212,193,153);
	border-bottom: 2px solid rgb(212,193,153);
	border-left: 1px solid rgb(212,193,153);
}
.saisie{
	border:1px solid RGB(111, 54, 143);
}
/***********************************/
p:first-letter
{
font-weight:600;
color:rgb(228,140,17);
font-size:14px;
}
p
{
	margin:10px 20px 10px 0px;
	text-indent:10px;
	font-size:11px;
	text-align:justify;
	padding:0px;
}
.Titre
{
	font-weight:bold;
	font-family:Tahoma
	
	}
.Titres
{
	text-align:left;
	font-weight:600;
	font-size:16px; 
	color:rgb(228,140,17);
	padding:4px 2px;
	height:auto;
}
ul.ListHome
{
	height:100px;
	background-image:url(../medias/images/fonds/boules.gif);
	background-repeat: no-repeat;
	background-position:100% 100%;
}
ul
{
	list-style-image:url(../medias/images/boutons/puce8.gif); 
}
li
{font-size:11px;	
}
.pagination{
	width:45px !important;

	float:left; 
	margin-top:220px !important;
	margin-top:200px;
	margin-left:5px !important;
	margin-left:0px;
	/*position:fixed !important;
	position:absolute;
	background-color:#0000CC;*/
}
.news{
	width:370px !important;
	width:350px;
	margin-left:20px !important;
	margin-left:0px; 
	margin-top:10px;
	position:relative;
	float:left;
}
.tire_news{
	background-color:rgb(111,54,143); 
	color:white;
}
.letitre{
	float:left; 
	margin-left:5px;
}
.publie{
	float:right; 
	margin-right:5px;
}
.corp_annonce{
	background-color:RGB(247,246,246); 
	color:black; 
	padding-top:10px; 
	padding-right:5px; 
	padding-left:5px;
}
.img_popup{
	border:2px black solid;
	float:right;
	margin:5px;
}
/*************** Popup *******************************/
/*
fond_accueil	rgb(255,218,149)	#FFDA95
fonds	rgb(8,9,16)	#FAEDDA
texte	rgb(17,15,13) #110F0D
menu	rgb(216,180,166)	#D8B4A6
menu survol	rgb(219,192,149) #DBC095

marron courbe	rgb(85,57,46)	#55392E
beige courbe	rgb(149,118,83)	#8C6E49
 */
.imageRow
{
	text-align:center;
	padding:60px 0px 0px 0px;
	margin:auto;
	width:320px;
}
.imageRow img
{
	border:2px solid rgb(8,9,16);
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.popup
{
	width:420px;
	height:auto;
	position:absolute;
	text-align:center;
	left:10px;
	top:10px;
	z-index:100; 
	background-color:rgb(8,9,16);
	border:4px solid rgb(111,54,143);
	padding:10px;
}
.popup img
{
	margin:4px auto auto auto;
	display:block;
}
.titretempo{
	text-align:center;
	font-size:16px; 
	color:rgb(228,140,17);
}
.titrePopup
{
	text-align:center;
	font-weight:600;
	font-size:16px; 
	color:rgb(228,140,17);
	padding:4px 2px;
	height:auto;
	margin:4px auto;
}
.paraPopup
{
	text-align:left;
	color:#ffffff;
	margin:4px auto;
}
.popup a
{
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:400;
	color:rgb(255,255,255);
	background-color:rgb(111,54,143);
	border:0;
	height:auto;
	padding:2px 4px;
	width:32px;
	position:absolute;
	left:20px;

}
.Navigation
{
  text-align:center;
}
/*********************** Fin Pop Up *****************************/
/******************** Tarif *************************************/
#Tarifs
{
	border-collapse:separate;
	border-spacing:2px;
}
.TarifsCaption
{
	text-align:center;
	font-weight:600;
	font-size:16px; 
	color:rgb(228,140,17);
	letter-spacing:0.1em;
	padding:2px;
	height:24px;
}

.txt_12_blanc {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

th.Titres
{
	text-align:center;
	font-weight:600;
	font-size:11px;
	background-color:white;
	padding:4px 4px 18px 4px;
	border:2px dotted rgb(225,115,118);
	width:15%;
	background-image:url(../medias/images/fonds/flecheBas.gif);
	background-repeat: no-repeat;
	background-position:50% 98%;
}
th.vide
{
	border:0px solid;
	padding:0px;
}
.TarifsDates
{
	text-align:right;
	font-weight:600;
	font-size:11px;
	padding:4px;
	white-space:pre;
	background-color:white; 
	border:2px dotted rgb(82,141,197);
}
.TarifsPrix
{
	text-align:center;
	font-weight:600;
	font-size:11px;
	height:60px;
	color:White
	
	
	
}
.TarifsInfo
{
	text-align:center;
	font-weight:600;
	font-size:12px; 
	color:rgb(225,115,118);
	font-style:italic; 
}
.Red
{
background-color:rgb(225,115,118); 
}
.Orange
{
background-color:rgb(228,140,17); 
}
.Yellow
{
background-color:rgb(253,226,121); 
}
.Green
{
background-color:rgb(100,163,108); 
}
.Blue
{
background-color:rgb(82,141,197); 
}
.Azur
{
background-color:rgb(207,224,234); 
}
.Rose
{
background-color:rgb(255,178,180); 
}
.Mauve
{
background-color:Purple;
}
.Maroon
{
	background-color:Maroon;
}
.Beige
{
	background-color:Wheat;
}
.Vert
{
	background-color:#C0FFC0;
}
h1.tarif {
	font: bold 11px/11px ;
	color: black;
}

h1.tarif:after {
	display: block;
	margin-left: -5px;
	margin-top: -26px;
	color: white;
	content: attr(title);
}