/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1#accueil
{
	height:40px;
	width: 97%;
	background: url(../images/titres/accueil.png) no-repeat left top;
    margin: 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
	
}
h1#beaute
{
	height:40px;
	width: 97%;
	background: url(../images/titres/beaute.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#sauna
{
	height:40px;
	width: 97%;
	background: url(../images/titres/sauna-lyon.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#hammam
{
	height:40px;
	width: 97%;
	background: url(../images/titres/hammam-lyon.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#maquillage
{
	height:40px;
	width: 97%;
	background: url(../images/titres/maquillage-permanent.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#massage
{
	height:40px;
	width: 97%;
	background: url(../images/titres/massage-masque.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#coiffure
{
	height:40px;
	width: 97%;
	background: url(../images/titres/salon-de-coiffure.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#tarifs
{
	height:40px;
	width: 97%;
	background: url(../images/titres/tarifs.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#contact
{
	height:40px;
	width: 97%;
	background: url(../images/titres/contact.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#lexique
{
	height:40px;
	width: 97%;
	background: url(../images/titres/lexique.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#liens
{
	height:40px;
	width: 97%;
	background: url(../images/titres/liens.png) no-repeat left top;
    margin: 15px 10px 10px 10px;
	padding:0;
	border-bottom:1px solid #8D5621;
}
h1#accueil span, h1#beaute span, h1#sauna span, h1#hammam span, h1#coiffure span, h1#liens span, h1#massage span, h1#tarifs span, h1#contact span
{
	display:none;
}


/* STYLE CONTENU */
#contenu p{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color: #630303;
padding:12px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#368e00;
}

#contenu a:link, #contenu a:visited{
text-decoration:none;
color: #C42206;
}

#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#FFAB2D;
}

#menuBas a:link, #menuBas a:visited{
font:normal 1.0em/1.1em Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #C42206;
}

#menuBas a:hover, #menuBas a:active{
text-decoration:underline;
color:#FFF6BC;
}

#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #7d7d7d;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:none;
color: #fff;
}

#footerMenu p{
font:normal 1.1em/25px Arial, Helvetica, sans-serif;
text-align:center;
}
/************* Images ********************************/
.imageright {
	float: right;
	margin:1em 1.2em 1em 1em;
	border:none;

}
.imageleft {
	float:left;
	margin:1em 1em 1em 1.2em;
	border:none;
	/*padding-top: 20px;*/
}
.imagecentre {
   display: block;
   margin-left: auto;
   margin-right: auto 
}
.imagerightcentre {
	float:right;
	margin:1em 10.2em 1em 3em;
	border:none;
	/*padding-top: 20px;*/
}

/* LETTRINES */
.lettrine-a
{
	float:left;
	height:41px;
	width:36px;
	background: url(../images/lettrines/a.jpg) no-repeat left bottom;
}
.lettrine-b
{
	float:left;
	height:41px;
	width:36px;
	background: url(../images/lettrines/b.jpg) no-repeat left bottom;
}
.lettrine-e
{
	float:left;
	height:41px;
	width:39px;
	background: url(../images/lettrines/e.jpg) no-repeat left bottom;
}
.lettrine-l
{
	float:left;
	height:35px;
	width:36px;
	background: url(../images/lettrines/l.jpg) no-repeat left top;
}
.lettrine-n
{
	float:left;
	height:41px;
	width:39px;
	background: url(../images/lettrines/n.jpg) no-repeat left bottom;
}
.lettrine-u
{
	float:left;
	height:41px;
	width:39px;
	background: url(../images/lettrines/u.jpg) no-repeat left bottom;
}
.lettrine-a span, .lettrine-b span , .lettrine-c span ,.lettrine-e span , .lettrine-l span, .lettrine-n span, .lettrine-p span, .lettrine-u span
{
	display:none;
}

/* STYLES*/
#contenu .grand
{
	font-weight:bold;
	font-size:1.2em;
}

#contenu ul{
list-style-type: none; 
margin-left:25px;
}
#contenu ul li{
background: url(../images/charte/puce.png) center left no-repeat; 
padding: 10px 0 6px 23px; 
font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
color:#7A412B;
}

.separateur
{
	width: 93%;
	margin: 0px 5px 10px 11px;
	padding:0;
	border-bottom:1px solid #8D5621;
}

/* Formulaires */
form{
margin-left:40px;
}

.form_line label {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:95px;
font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
color:#7A412B;
}

.form_line {	
margin:5px 0px 5px 0px;
float:left;
}

.form_line input {	
font-size: 1.3em;	
width:146px;
height:16px;
margin:0px;
border:1px solid #6D6D6D;
background-color:#FFF094;
color:#545454; 
}

.form_line .long {	
font-size: 1.3em;		
width:395px;
height:16px;
margin:0px;
border:1px solid #6D6D6D;
background-color:#FFF094;
color:#545454; 
}

.form_line textarea {	
width:395px;
height:43px;
margin:4px 0px 4px 0px;
border:1px solid #6D6D6D;
background-color:#FFF094;
color:#545454; 
}

.ok{
float:right;
margin-right:91px;
width:120px;
height:18px;
border:1px solid #6D6D6D;
background-color:#FFBC3C;
color:#414141;
font-weight:bold;
}


#alerte{
position:fixed;
left: 40%;
top:40%;
z-index:1;
padding:15px;
background-color:#FFF094;
border:1px solid #6D6D6D;
font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
color:#DA0000;
}


table#tarifs, table#horaires {
    width: 360px;
	background-color: #FDD04A;
	font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	color:#7A412B;
	margin:10px auto;
	border:2px solid #C32206;
	border-collapse:collapse;
}

table#tarifs td, table#horaires td{
padding:2px;
text-align:center;
border:1px solid #FFF7B1;
}

table#tarifs td a:hover, table#horaires td a:hover{
color:#8D5920;
}

.titre {
font-weight:bold;
font-style: italic;
text-align: center;
background-color: #C32206;
color:#FFF;
}

/*
 * MENU
 */

ul#menu
{
	width:150px;
	left:90px;
	margin:0;
	padding:0;
	font:bold 1.3em Arial;
	list-style-type: none;
}
ul#menu li
{
	text-align: right ;
	margin:5px 0 6px 0!important;
	margin:4px 0 4px 0;
}

ul#menu li a
{
	width: 160px ;
	line-height: 20px ;
	letter-spacing: 1px ;
	color: #FFAB2D ;
	display: block ;
	text-decoration: none ;

}
ul#menu li a:hover
{
	color: #C42206;
	background: url(../images/charte/fd_menu_actif.png) repeat-x 0 0 ;
	border-right: 5px solid #CD2707 ;
}