/* Page */
html {
	font-size: 100%; /* evite un bug d'IE 6-7. (1) */
[if IE]
	width: 636px ;
    [endif]
}

/* --- STYLES DE BASE --- */


/*@font-face {
	font-family: "Cochin";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Cochin.ttf") format("TrueType");
}
@font-face {
	font-family: "Cochin";
	font-style: normal;
	font-weight: bold;
	src: url("../font/Cochin_Bold.ttf") format("TrueType");
}
@font-face {
	font-family: "Cochin";
	font-style: italic;
	font-weight: normal;
	src: url("../font/Cochin_Italic.ttf") format("TrueType");
}
@font-face {
	font-family: "Cochin";
	font-style: italic;
	font-weight: bold;
	src: url("../font/Cochin_Bold_Italic.ttf") format("TrueType");
}
@font-face
	{font-family:"Times New Roman", "Trebuchet MS", Verdana, Arial;
	panose-1:2 4 5 2 5 4 5 2 3 3;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:647 0 0 0 159 0;}
*/
body {
    margin: 10px 0 ;
    padding: 0; /* Remettre a zero si necessaire. */
    /* Pensez a utiliser une collection de polices (2), par ex: */
    font-family: "Times New Roman", "Trebuchet MS", Arial, Cochin, Georgia, Arial, Helvetica, FreeSans, sans-serif;
    font-size: .8em; /* a adapter pour la police choisie. (3) */
    line-height: 1.4; /* a adapter au design. (4) */
    background: #4d1a34 ;
    text-align: center ;
    color: #512b1b ;
}

/* Titres */
h1, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par defaut. (6) */
    font-style: italic;
    /*font-family: "Cochin";*/
}
h1 {
    font-size: 1.75em;
	text-align: center ;
}
h2 {
 /*   font-size: 1.5em;
	text-align: center ;*/
	margin:0px;
	padding:0px;
	 font-size: 18px;
	
}
h2 a {
 /*   font-size: 1.5em;
	text-align: center ;*/
	margin:0px;
	padding:0px;
	 font-size: 18px;
	
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: 0;  /*Marges plus faibles que par d2faut. (7)*/
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration: none;
}
a:link {
    color: #512b1b ;
}
a:visited {
    color: #512b1b ;
}
a:hover, a:focus, a:active {
    color: #512b1b ;
    text-decoration: underline;
}
a img {
   /* border: none; */
}

/* Divers �l�ments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
	font-weight: bold;
	/*font-size: 0.9em;*/
}
div#warning {
    text-align: center;
    font-weight: bold;
    background-color: yellow ;
    border: 1px solid red ;
    margin-right: 5px ;
}

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


/* --- STYLES DE BASE SUPPL�MENTAIRES --- */

q {
	font-family: Arial ;
	color: #512b1b ;
	quotes: none; /* Supprime les guillemets automatiques */
}
q:before, q:after {
    content: ""; /* Supprime les guillemets dans Safari/Chrome */
}



/* Mise en forme simple pour les tableaux */
table {
	margin: 0;
	border: 0px; /* Pas de bordure = "none". */
	border-collapse: collapse; /* Valeur par d�faut: "separate". */
	border-spacing: 0;
	border-color: #FFF;
	visibility: visible;
	border-width: 0;
}
table td, table th {
	padding: 4px; /* Pas de retrait autour du texte = "0". */
	border: 1px solid #ccc; /* Pas de bordure = "none". */
	vertical-align: top; /* Valeur par d�faut: "middle" */
	text-align: left;
	font-size: 1.0em;
}

/* Happy Hand*/

		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			text-align: left ;
			border: 3px solid #ffeeee ;
			background: white ;
			font-family: Georgia,serif;
		}
		
		#header
		{
			height: 150px ;
			margin: 0 ;
			background: url(../images/Logo.jpg) no-repeat center;
			/*font-family: Cochin,georgia ;*/
		}
		
		#header a
		{
			/*width: 400px ;*/
			/*left: 175px ;*/
			height: 150px ;
			display: block ;
			position: relative ;
			background: url(../images/Logo.jpg) no-repeat center;
			font-style: italic;
			font-weight: bold;
			letter-spacing: 2px ;
			font-size: 3.4em ;
			color: #512b1b ;
		}
		
		#header a span
		{
			display: none ;
		}
		
		div#contenu
		{
			padding: 0 25px 0 100px ;
			background: url(../images/Happy_Hand_logo.png) no-repeat 15px 15px ;
			min-height:375px;
		}
		
		.top_m
		{
			padding-left: 100px ;
			padding-right: 10px ;
			padding-top: 24px ;
			height: 36px ;
			/*font: 1.5em "Cochin";*/
			font-style: italic;
			font-weight: bold;
			background: url(../images/top_m.png) no-repeat left top ;
			color: black ;
			text-align: left ;
		}
		.top_accueil
		{
			padding-left: 10px ;
			padding-right: 10px ;
			padding-top: 24px ;
			height: 36px ;
			/*font: 1.5em "Cochin";*/
			font-style: italic;
			font-weight: bold;
			background: url(../images/top_accueil.png) no-repeat left top ;
			color: black ;
			text-align: center ;
		}
		.top_m_warning
		{
			/*padding-left: 100px ;*/
			padding-right: 10px ;
			padding-top: 22px ;
			height: 38px ;
			font: 1.5em "Cochin";
			font-style: italic;
			font-weight: bold;
			background: url(../images/top_m_warning.png) no-repeat left top ;
			color: white ;
			text-align: center ;
		}

		/*.top_m a {font: .5em "Cochin";text-decoration: none;vertical-align : top ;}
		.top_m a:hover {font: .5em "Cochin";text-decoration: none;vertical-align : top ;}
*/
		.top_m q
		{float: right;font: 0.75em "Arial"; margin-right: 10px ;margin-top: 1px ;color: #512b1b ;padding-right:5px;padding-left:5px;border: 1px solid #512b1b ;}	

		.top_msg
		{
			padding-left: 80px ;
			padding-right: 10px ;
			padding-top: 18px ;
			height: 32px ;
			/*font: 1.5em "Cochin";*/
			font-style: italic;
			font-weight: bold;
			background: url(../images/top_msg.png) no-repeat left top ;
			color: #512b1b ;
			text-align: left ;
		}
		#top_form
		{
			margin-left: auto;
			margin-right: auto;
			width: 550px;
			background: url(../images/top_form.png) no-repeat left top ;
		}
		.corp_m
		{
	padding-left: 30px;
	padding-right: 30px;
	text-indent: 30px;
	background: url(../images/corp_m.png) repeat-y left;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
		}
		.corp_msg
		{
			padding-left: 30px ;
			padding-right: 30px ;
			background: url(../images/corp_msg.png) repeat-y left ;
			font-size: 1.3em ;
			text-align: center;	
		}
		#corp_form
		{
			margin-left: auto;
			margin-right: auto;
			width: 550px;
			background: url(../images/corp_form.png) repeat-y left ;
		}
		.reservation_m
		{
			padding-left: 10px ;
			padding-right: 20px ;
			background: url(../images/recommand_m.png) repeat-y left ;
			font-size: .7em ;
			font-style: italic;
			/*font-color: #512b1b ;*/
			text-align: center ;
		}
		.retour_top
		{
			padding-left: 10px ;
			padding-right: 20px ;
			background: url(../images/recommand_m.png) repeat-y left ;
			font-size: .7em ;
			font-style: italic;
			/*font-color: #512b1b ;*/
			text-align: right ;
		}
		.date_msg
		{
			padding-left: 10px ;
			padding-right: 20px ;
			background: url(../images/corp_msg.png) repeat-y left ;
			font-size: .7em ;
			font-style: italic;
			/*font-color: #512b1b ;*/
			text-align: right ;
		}
		.bas_m
		{
			padding-left: 30px ;
			background: url(../images/bas_m.png) no-repeat left top ;
		}
		.bas_msg
		{
			padding-left: 30px ;
			background: url(../images/bas_msg.png) no-repeat left top ;
		}
		#bas_form
		{
			margin-left: auto;
			margin-right: auto;
			width: 550px;
			background: url(../images/bas_form.png) no-repeat left top ;
		}
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #512b1b ;
			border-left: 3px solid #512b1b ;
			color: #9b2e55 ;
		}
		
		div#contenu p
		{
	text-align: justify;
	font-size: 0.9em;
	font-style: normal;
		}
		
		div#contenu a
		{color: #4d1a34 ;}
		div#contenu a:hover
		{color: #4d1a34 ;}

		div#accueil
		{
			width: 640px ;
			/*background: url(../images/accueil_bg_corp.png) no-repeat center top ;*/
			padding: 0 25px 0 65px ;
		}

		div#accueil h1
		{
			font-size: 2em ;
			border-bottom: 1px solid #512b1b ;
			color: #512b1b ;
			text-align: left ;
			background: url(../images/pierre.png) no-repeat left center ;
			padding-left: 40px ;
		}
		div#accueil p
		{
	font-size: 1.0em;
	text-align: center;
	color: #000;
		}
		div#accueil a
		{
			font-size: 1em ;
			color: #4d1a34 ;
		}
		#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			padding-left: 30px ;
			line-height: 28px ;
			text-align: center ;
			color: #512b1b ;
		}
		.partenaires
		{
			text-align: center ;
			text-indent: 0px ;
		}


/*Gestion du menu*/
#cont_menu {
	position:relative;
	height: 35px ;
	margin: 0 ;
	background: url(../images/bg_menu.png) repeat-x 0 -25px ;
	list-style-type: none ;
}
#menu {
	position:absolute;
z-index:50;}

#menu dl{
	display:block;
	float: left;
	padding: 0; margin: 0 ;
	text-align: center ;
	height: 35px;
}
#menu dt{
	display:block;
	width: 125px ;
	border-right: 2px solid #512b1b ;
	line-height:25px;
	cursor:pointer;

	font-size: 1.2em ;
	font-weight: bold ;
	/*font-style: italic ;*/
	/*letter-spacing: 2px ;*/
	color: #ffeeee ;
	text-decoration: none ;
	border-right: 2px solid #512b1b ;
}

#menu dt a{
	color: #ffeeee;
	text-decoration: none ;
}
#menu dt a:hover{
	color: #ffeeee;
	text-decoration: none ;
}

#menu dt:hover {
	background: url(../images/bg_menu.png) repeat-x 0 0 ;
	color: #fff ;
}

#menu dd {
	display:block;
	padding: 0; margin: 0 ;
}

#menu dd ul{
	padding:0; margin:0;
	list-style:none;
	text-align: center;
}
#menu dd ul li { display:block; margin:0; padding:0;} /*for ie */

#menu dd ul li a{
			width: 125px ;
			line-height: 25px ;
			font-size: 0.8em ;
			font-weight: bold ;
			/*font-style: italic ;*/
		/*	letter-spacing: 2px ;*/
			color: #512b1b ;
			display: block ;
			text-decoration: none ;
			border-bottom: 1px solid #512b1b ;
			background-color: #ffeeee;
}

#menu dd ul li a:hover{
			border-bottom: 2px solid #512b1b ;
			background-color: #a27089;
}

#menu dl dd{
	display: none;
}
#menu dl:hover dd{
	display:block;
}


/*gestion du defilement de la pense Happy Hand*/
#conteneur_defil { 
	border:2px dotted #CCCCCC;
	width:82%; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;

}
#cadre_defil {
	position:relative; 
	width:100%; 
	height:20px; 
	overflow:hidden;
}
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile { 
	position:absolute;
	width:100%;
	color:black ;
	display:block;
	height: 36px ;
	font: 1.5em "Cochin";
	font-style: italic ;
	font-weight: bold ;
}
#defile .liens {
	text-decoration:underline;
	color:#660000;
}
#conteneur #contenu .corp_m {
	font-family: Arial, Helvetica, sans-serif;
}
#conteneur #contenu .corp_m p {
	font-weight: bold;
}
#conteneur #contenu .corp_m p {
	font-weight: normal;
}