/**********************************************/
/*	Standard Definition	*/
/**********************************************/

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

BODY {
	margin: 0; 
	padding: 0em; /* Remettre à zéro si nécessaire. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* À adapter pour la police choisie. (3) */
	line-height:18px;
	color: #990000;
    background: white;
    text-align:justify;
} 

* {margin: 0; padding: 0;}	

img { border: 0 none; }

.clear {clear:both;}



/* Titres */
	h1, h2, h3, h4, h5, h6 {
	   /* margin: 0 0 8px 0; *//* Rapproche le titre du texte. (5) */
	    font-weight: bold; /* Valeur par défaut. (6) */
	    font-style: normal;
	    color:#c10135;
	    padding:0;
	    text-align:left;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	h1 {
	   	font : bold 16px Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;
	    /*font-size: 18px; */
		/*border-bottom:1px #494a4a solid;*/
	}
	h1 a {
	   	font : bold 16px Georgia, "Times New Roman", Times, serif;
	}
	h2 {
		font-weight:normal;
	    font-size: 16px;
	}
	h2 a {
	   	font : normal 16px Georgia, "Times New Roman", Times, serif;
	}
	h3 {
	    font-size: 14px;
	}
	h4 {
	    font-size: 13px;
		font-weight:normal;
		background:url(/caselle_images/structure/puceCarre.gif) no-repeat 0px 7px;
		padding:0 0 0 12px
	}
	
	h1 small {
			font: normal normal 14px Georgia, "Times New Roman", Times, serif;
	}

/* Listes */

	ul, ol {
	    margin: 0 0 12px 32px;
	    padding: 0;
	}	

	ul,ol {
		/*list-style: none;*/
	}
	ul li { 
		/*background: transparent url(/hsi_images/site/puce-liste.gif) 5px left no-repeat;*/
	}
	ol li { 
		/*background: transparent url(/hsi_images/site/puce-liste.gif) 5px left no-repeat;*/
	}
	li {margin-left: 0; padding-left: 10px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 3px;
	}


/* Liens */
	a {
   		text-decoration: underline;
    	color:#ffb82f;
	}
	li,li a  {
		
	}

/* Paragraphes */
	p {
		/*font: normal 12px Verdana , Verdana, Helvetica, sans-serif;  */
		padding-bottom : 10px;
		line-height:15px;
		color:#990000
		/*border-bottom:1px black solid;*/
	}
	address {
	    margin: 0 0 0px 0;
	    font-style: normal;
	}
	blockquote {
		margin: 0 0 0px 35px;
	}	

/* Forumulaires */
	
	form, fieldset {
	    margin: 0;
	    padding: 0;
	    border: none;
	}
	input, button, select {
	    vertical-align: middle; /* Solution pb. d'alignement. (9) */
	}


/* Divers éléments de type en-ligne (8) */
	em {
	    font-style: italic;
	}
	strong {
	    font-weight: bold;
	}



/* Valeurs custom site */

	.TresPetite { font-family:Arial, Helvetica, sans-serif ; font-size:9px; }
	.Petite 	{ font-family:Arial, Helvetica, sans-serif ; font-size:10px; }
	.Normal 	{ font-family:Arial, Helvetica, sans-serif ; font-size:12px; }
	.Moyenne 	{ font-family:Arial, Helvetica, sans-serif ; font-size:13px; }
	.Grande 	{ font-family:Arial, Helvetica, sans-serif ; font-size:14px; }
	.TresGrande { font-family:Arial, Helvetica, sans-serif ; font-size:16px; }	
	.TresTresGrande { font-family: Arial, Helvetica, sans-serif; font-size:18px; }	
	
	.Vert , .Vert a{ color:#3a7067 ;}
	.Rouge , .Rouge a{	color:#eb293a ; }
	.Gris , .Gris a{	color:#494a4a; }
	p.sousTitre { 
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#c10135;
		font-size:12px;
		font-weight:bold;
		line-height:20px;
		padding:10px 0;
	}
	h2.bandeTitre {
		color:#fff;	
	}

/**********************************************/
/* Header 		*/
/**********************************************/
	.HeaderTR {
		background: url(/caselle_images/structure/header_bg_tr.gif) top left no-repeat;
	}
	.HeaderBR {
		background: #FFFAE2 url(/caselle_images/structure/header_bg_br.gif) top right no-repeat;
	}
	
#conteneur {
	width:960px;
	margin:0 auto;
}
.rectTop {
	background:url(/caselle_images/structure/bgTop.png) no-repeat top right;
	width:616px;
	height:93px;
}
.drapeaux {
	float:right;
	margin:20px 21px 0 0;
}
.drapeaux a {
	margin-left:2px;
	text-decoration:none;
}
.baseline p 	{
	clear:both;
	text-align:right;
	font-size:18px;
	font-weight:bold;
	color:#a51a29;
	margin:0px 0px 0 0;
	padding:0px;
}
.baseline p span {
	font-weight:normal !important;
}
.baseline {
	text-align:right;
	float:right;
	margin:33px 21px 0 0;
	clear:both;
	display:inline;
	 
}
.menu {
	background:url(/caselle_images/structure/barre_nav.png) no-repeat top left;
	height:36px;
	margin:15px 0 0 0;
	padding:0 30px;
	text-align:center;
}
.menu a {
	color:#ffd82e;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.menu ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.menu li {
	padding:0px;
	margin:0px;
}

/********************* SOUS NAV *********************************/

	ul.nav {
		margin: 0; padding:0;
	}
	ul.nav li{
		margin: 0; padding:0; 	
	}
	ul.nav li  {
		list-style:none;
		/*position:relative;*/
		margin:0;
		/*text-align:center;*/
		background:none;
		height:29px;
		_height:28px;
		padding:5px 0 0 0;
		_padding:0px 0 5px 0;
		line-height:12px;
	}
	ul.nav li:hover ,
	ul.nav li.hover ,
	ul.nav li a:hover,
	ul.nav li a.hover,
	ul.nav li.Selected,
	ul.nav li a.Selected {
		color:#3a0409 !important;
		/*background:#0C4067;*/
	}
	/*ul.nav li:hover a, ul.nav li.hover a {
		color:#fff;	
	}*/
	ul.nav li a  {
		color:#ffd82e;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		margin: 0;
		padding:5px 0 0 0;
		_margin:7px 0 0 0;	
		cursor:pointer;
		display:block;
	}
	.sous_nav{
		z-index: 9999 !important;
		position: absolute;
		top:143px;
		margin:0;
		border:1px solid #720e1a;
		display:none;
		width:169px;
		background:#9b022c;
		padding:3px 0 0 0;
	}
	.sous_nav ul {
		position: relative;
		margin:0;
		width:169px;
		padding:0 0 0 0px
	}	
	.sous_nav ul li{
		margin:0px;
		padding:0px 0 0 10px;
		height:auto;
		list-style: none;
	}
	.background_sousnav {
		width:169px;
		padding:0 0 10px 0;
		height:auto
	}
	.sous_nav ul li a {		
		color:#fff !important;
		margin:0px;
		_margin:3px 0 0 0;
		_width:100%;
		text-align:left;
		text-transform:none;
		line-height:16px;
		font:bold 11px Arial, Helvetica, sans-serif;
	}
	.sous_nav ul li a:hover,
	.sous_nav ul li.Selected  {
		color:#272a28 !important;
		/*background:#155C92;*/
	}
	ul.nav li:hover div,
	ul.nav li.hover div  {
		display: block;
	}

/*****************************************************/



/**********************************************/
/* Page centrale 		*/
/**********************************************/
	#page{
		background-color: #FFFAE2;
	}
	
	.AlignJustify p {
		text-align: justify;
	}
	.AlignRight p {
		text-align: right;
	}
	.TitreTabBg {
		background: #FFFAE2;
	}
	.TitreSouligne {
		padding-bottom: 4px;  background: url(/caselle_images/structure/separateur_bg.gif) bottom repeat-x;
	}
	.TitreBg {
		/*background: #FFFAE2 url(/caselle_images/structure/titre_bg_1px.gif) top left repeat-y;*/
		background:#9b042d;
	}
	.TitreBgInv {
		/*background: #FFFAE2 url(/caselle_images/structure/titre_bg_1px_inv.gif) top right repeat-y;*/
		background:#9b042d;
		color:#fff;
	}
	
	.BgRouge {
		background-color: #8E0934;
	}
	
	
/**********************************************/
/* Contenu 		*/
/**********************************************/
	#contenu {
		margin: 0;
		padding: 0;	
	}
	#contenu .Titre {
		margin: 38px 0 0 0;
		padding: 0;
	}
	#contenu .Texte {
		margin: 20px 20px 10px 20px;
	}
		
	.tableau_tarifs {
		background-color: #FBEABC;
	}
	.titres_tarifs {
		text-align: center;
		background-color: #F8DE96;
	}
	.texte_tarifs {
		font-family: Arial;
		font-size: 12px;
		color: #660624;
		font-style: normal;
		font-weight: normal;
		vertical-align: middle;
	}
	.gauche	{
		text-align: left;
	}
	.centre	{
		text-align: center;
	}
	.droite	{
		text-align: right;
	}
	.marge {
		padding: 0 2px;
	}
	
	
#contenu {
	background:#fff;
	padding:20px
}
.intro {
	margin-bottom:15px;
}
h2.titreRes {
	float:left;
	width:500px;
	margin-bottom:7px;
}
.rectGaucheJaune {
	background:url(/caselle_images/structure/bgJauneImg.gif) no-repeat top left;
	width:674px;
	padding:4px 3px 0 4px;
	float:left;
}
.reservation {
	background:url(/caselle_images/structure/bg_resa.gif) no-repeat top left;
	width:229px;
	float:left;
	margin:-17px 0 0 0;
	padding:10px 0 0 10px
}
.rectGaucheJaune p { margin:0px; padding:0px;}
p.txtJaune {
	 font-size:26px;
	 line-height:25px;
	 padding:5px 0 3px 0;
	 margin:0;
	 color:#ff962f;
	 font-family:Georgia, "Times New Roman", Times, serif
}
.reservation p.titre {
	color:#c10135;
	font:bold 22px Georgia, "Times New Roman", Times, serif
}
.reservation ul { margin:0px; padding:0px}
.reservation li {
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	color:#c10135;
	list-style:none;
	margin:4px 0px;
	padding:0px 0 0 9px;
	background:url(/caselle_images/structure/puceResa.gif) no-repeat 0px 7px;
}
.reservation li a {
	color:#c10135;
	text-decoration:underline;
}
.imghome {
	clear:both;
	padding:3px 0px 0 0px;
}
.imghome img {
	float:left;
	display:inline;
	margin:0 0 0 3px
}
.footerJaune {
	background:url(/caselle_images/structure/bgCarte.gif) no-repeat top left;
	padding:17px 13px 0 13px;
	margin:10px 0 0 0;
}
.rectGauche_footerJaune {
	width:415px;
	padding-right:27px;
}
.rectGauche_footerJaune p {
	font-size:11px;
	line-height:14px;
	padding:1px 0 3px 12px	
}
.accesHome {
	padding:0px 0 0 0
}
.accesHome p {
	font-size:12px;
	color:#c10135;
}
.accesHome p.titre {
	font:normal 18px Georgia, "Times New Roman", Times, serif
}
.rectJaune_intro {
	background:#FFFAE2;
	padding:10px;
	margin-bottom:15px;
}
h3.titreVideo {
	text-align:right;
	margin:0 0 5px 0;
}
.btnVideo {
	float:right;
	padding:0 0 0 10px;
	background:url(/caselle_images/structure/btnvideo.gif) no-repeat 0 1px;
	width:340px;
}
.btnVideo a {
	font-size:11px;
	font-weight:bold;
	display:block;
	color:#ffd82e;
	text-decoration:none;
}


/**********************************************/
/* Gamme et produit */
/**********************************************/
	#produit {
		margin: 20px 20px 10px 20px;
	}
	#produit p {
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
	}
	#produit .Description p {
		font: normal bold 11px Arial, Verdana, Helvetica, sans-serif;
	}
	#produit .DescriptionLong {
		
	}
	#produit .DescriptionLong p {
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
	}
	#produit .Panorama {
		width: 272px;
	}
	#produit ul,ol {
		font-size: 11px;
	}
	#produit .Picto img {
		margin-right: 2px;
	}
	


/**********************************************/
/* Footer */
/**********************************************/
	.Footer p {
		margin: 0;
		padding: 4px 20px 8px 20px;
		font: normal normal 9px Arial, Verdana, Helvetica, sans-serif;
		color: #FDF4CD;
		background-color: #8E0934;
		text-align: center;
	}
	.Footer a {
		color: #F9D015;
	}
	.Footer a:hover {
		color: #A73E56;
	}
	.Clikeo { 
		margin: 10px 0;
		width:750px;
		color :#DEB4B0;
	}
	.Clikeo a,.Clikeo a:visited,.Clikeo a:hover,.Clikeo a:active { 
		color :#DEB4B0;
		font: normal normal 7pt Verdana;
	}
	
#footer {
	background:#9b042d url(/caselle_images/structure/imgFooter.gif) no-repeat top center;
	padding:60px 0 3px 0;
	text-align:center
}
#footer p, #footer a {
	margin:0px;
	padding:0px;
	color:#ffd82e;
	font-size:11px;
}


/**********************************************/
/*	General 	*/
/**********************************************/
	.Smaller{
		font-size: 95%;
	}
	.Larger{
		font-size: 105%;
	}
	.PngBehavior {
		behavior: url("/js/pngbehavior.htc");
	}



/**********************************************/
/* Formulaire Contact */
/**********************************************/
	form{
		margin:0; padding:0;
	}
	input,select,textarea{
		margin:1px 3px 0 0; padding:0;
		font: normal 10px Arial, Verdana, Helvetica, sans-serif;
	}
	.FormContact,.FormContact td,.FormReponse{
		font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	}
	.FormSubmit {
		font: normal bold 13px Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #FFFAE2;
		padding: 0px 6px;
		border:0px;
		background-color:#971D42;
	}
	.LargeInput{
		width:400px;
	}
	.SmallInput{
		width:200px;
	}
	.MediumInput{
		width:193px;
	}
	.chkBoxes{
		background-color:white;border-width:0;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:196px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		border: 1px dotted;
	}
	.Legende p {
		font: normal 9px Arial, Verdana, Helvetica, sans-serif;
	}

/**********************************************/
/* Plan du site */
/**********************************************/
	.Plan {
		margin: 10px 30px;
	}
	.Plan a {
		font-style: normal;
	}
	.Plan ul, ol {
		font: italic bold 13px Arial, Verdana, Helvetica, sans-serif;
		text-align: left;
		margin: 2px 0 4px 50px;
		padding: 0;
		list-style-type: square;
	}
	.Plan li { 
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		color: #852D34;
		vertical-align: middle;
		line-height: 20px;
	}