* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%; }

body {
background:#91268F url(img/body_fond.png) repeat-x top;
/*text-align:justify;*/
color:#666666;
font:100%/1.5 Arial, "Times New Roman", sans-serif; }


/***** Stylage *****/

form#connexion {
width:298px;
margin:0 auto; }

form#connexion p {
position:relative;
height:60px; }

form#connexion p.log {
width:298px;
background:transparent url(img/connexion/login_fond.png) no-repeat; }

form#connexion p.motdepasse {
width:298px;
background:transparent url(img/connexion/mdp_fond.png) no-repeat; }

form#connexion input.txt {
width:140px;
height:17px;
font-size:90%;
background-color:#B8D9FF;
border:1px solid #fff;
position:absolute;
top:17px;
right:18px; }

form#connexion input.txt:hover {
background-color:#D7EAFF; }

form#connexion input.sub {
border:0;
cursor:pointer;

letter-spacing:0.3px;
font-weight:bold;
width:108px;
height:30px;
background-color:#CCCCCC;
	color:#000000;
 }

form#connexion input.sub:hover {
color:#608000; }
/* Calendrier Reservation */

table#reservation {
background-color:#fff;
font-size:80%;}

table#reservation tr#date {
color:#F65E13;
font-size:95%;
font-weight:bold;
background-color:#FFD83D; }

table#reservation tr#date td {
padding:3px;
width:70px; }

table#reservation tr.heure {
color:#6F6F6F;
background-color:#DFDFDF;}

table#reservation tr.heure td div.indisponible{
color:#DF0009;
font-weight:bold;
background-color:#FFD83D;}

table#reservation a {
color:#0094B9;
}

/* Page massages */

ul#liste_massages {
overflow: auto;
width:500px;
margin:20px auto;
text-align:center;
 }
	
.liste_massages {
color:#EF3785;
}
ul#liste_massages li {
margin-left:40px;
list-style:circle;
margin-bottom:10px;
color:#EF3785;
}

ul#liste_massages li a {
color:#EF3785;
list-style:circle;
margin-bottom:10px;
text-decoration:none;
font-size:130%;
}

ul#liste_massages li a:hover {
text-decoration:underline;
}

ul#liste_tarifs {
overflow: auto;
width:500px;
margin:20px auto;
text-align:center;
}
	
.liste_tarifs {
color:#00CCFF;
}
ul#liste_tarifs li {
margin-left:40px;
list-style:circle;
margin-bottom:10px;
color:#00CCFF;
}

ul#liste_tarifs li a {
color:#00CCFF;
list-style:circle;
margin-bottom:10px;
text-decoration:none;
font-size:130%;
}

ul#liste_location {
overflow: auto;
width:500px;
margin:20px auto;
text-align:center;
 }
	
.liste_location {
color:#0094B9;
}
ul#liste_location li {
margin-left:40px;
list-style:circle;
margin-bottom:10px;
color:#0094B9;
}

ul#liste_location li a {
color:#0094B9;
list-style:circle;
margin-bottom:10px;
text-decoration:none;
font-size:130%;
}

ul#liste_location li a:hover {
text-decoration:underline;
}

/* Mise en page */
	
img#right {
float:right;
margin-left:15px;}

img#left {
float:left;
margin-right:15px;}

#spacer {
clear:both;
}

/* Liste tarifs */

ul.liste_tarifs {
margin-bottom:10px; }

ul.liste_tarifs li {
margin-bottom:5px;
width:100%;
font-size:80%;
list-style:disc;
margin-top:10px;}

ul.liste_tarifs li span.left {
float:left;
width:350px;}

ul.liste_tarifs li span.right {
font-weight:bold;
font-weight:bold; }

.ligne_forfait
{
	border-bottom:1px solid #0099cc;
}

/* Liste accueil */

ul.liste_accueil {
margin-left:15px;
margin-bottom:15px;
}

ul.liste_accueil li{
list-style:disc;
margin-bottom:5px;
}

div.img {
text-align : center;
margin-left: 5px;
}

div#accueil {
float:right;
margin-left: 15px;
overflow-x:hidden;
}

div#hote img {
float:left;
margin-right: 15px;
}

/* Styles textes */

div#accueil b{
color:#91268F;
}

div#sophro strong{
color:#A667F1;
}

div#sophro a{
color:#A667F1;
}

div#conseil strong{
color:#4E48C3;
}

div#hote b{
color:#33CC99;
}

div#adresses a{
color:#FF6600;
font-weight:bold;
text-decoration:none;
}

div#location h5{
color:#0094B9;
}

div#location_suite a {
color:#0094B9;
}

div#location_suite {
text-align:center;
}

div#location_suite p strong {
font-size:130%;
}
div#mod_location h3 {
color:#0094B9;
}

div#mod_location a {
color:#0094B9;
}

.mod_location {
color:#0094B9;
}

.tarifs {
color:#0099CC;
}

.autres_prestations_img  li{
float:left;
text-align:center;
margin:13px;
}

.autres_prestations_txt li {
margin-bottom:7px;
}

div#tarifs  a{
text-align:center;
color:#0099CC;
}

div#tarifs  p strong{
font-size:130%;

}



.pourcent{
font-size: 70%;
color:#0099CC;
}

.texte_massage {
padding-top:50px;
font-size:13px;
}

.img {
height:275px;
}

/***** Typo *****/

h4, div#coordonnees dl dt {
position:absolute;
top:-9999px; }

h1 a {
text-indent:-9999px;
outline:none;
z-index:10;
display:block;
width:199px;
height:205px;
position:absolute;
top:0;
left:40px; }

h2 {
text-indent:-9999px;
height:57px;
position:absolute;
top:72px;
left:325px; }

h2.cemavi {
width:143px;
background:transparent url(img/h2_cemavi.png) no-repeat; }

h2.contact {
width:340px;
background:transparent url(img/h2_contact.png) no-repeat; }

h2.sophrologie {
width:380px;
background:transparent url(img/h2_sophrologie.png) no-repeat; }

h2.massage {
width:380px;/*143*/
background:transparent url(img/h2_massage.png) no-repeat; }

h2.location {
width:273px;
background:transparent url(img/h2_location.png) no-repeat; }

h2.conseil {
width:389px;
background:transparent url(img/h2_conseil.png) no-repeat; }

h2.tarifs {
width:258px;
background:transparent url(img/h2_tarifs.png) no-repeat; }

h2.hote {
width:181px;
background:transparent url(img/h2_hote.png) no-repeat; }

h2.curriculum {
width:390px;
background:transparent url(img/h2_curriculum.png) no-repeat; }

h2.lettre{
width:390px;
background:transparent url(img/h2_lettre.png) no-repeat; }



h2.prestations {
width:292px;
background:transparent url(img/h2_prestations.png) no-repeat; }

h2.adresses {
width:260px;
background:transparent url(img/h2_adresses.png) no-repeat; }

a {
color:#EF3785; }

a:hover {
color:#D51164;
text-decoration:none; } 	

.retour_ch {
margin-bottom:10px; }

.gras {
font-weight:bold; }

div#presentation_contenu p {
margin-bottom:10px; }

.nodeco a {
text-decoration:none; }

.nodeco2 a {
text-decoration:none;
color:#0099CC; }

/* Stylage Nico */

h3{
font-size:24px;
margin-bottom:10px;
color:#EF3785; }



/*Encart descpription*/

div#block_harmo {
	padding:15px;
	padding-bottom:0;}
	
div#block_harmo a {
	/*color:#91268f;*/
	color:#EF3785;}

div#block_harmo img {
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #91268f; }
	
div#block_harmo .img1 {
    float:left;
	}
div#block_harmo .img2 {
    float:right;
	margin-left:7px;
	margin-right:0px;
	}	
	

/* GALERIE*/

ul#galerie_harmo li {
	overflow:auto; }

ul#galerie_harmo li {
	float: left;
	margin:14px; }

ul#galerie_harmo img {
	padding:10px;
	width: 100px;
	height: 67px;
	border:1px solid #91268f; }
	
ul#galerie_harmo a {
	outline:none; }

ul#galerie_harmo img:hover {
	border-color: #000000;
	background-color:#91268f }

/***** Layout *****/

div#global {
width:996px;
margin:0 auto; }

div#entete {
width:100%;
height:211px;
position:relative;
background:transparent url(img/entete_fond.png) no-repeat right; }

div#logo {
width:199px;
height:211px;
position:absolute;
top:0;
left:40px; }

div#conteneur_centre {
position:relative;
width:100%; }

div#menu {
position:absolute;
top:0;
left:0;
width:229px;
height:489px;
background:transparent url(img/menu.png) no-repeat; }

div#contenu {
position:relative;
width:767px;
height:570px;
margin-left:229px;
padding-top:20px;
background:transparent url(img/contenu_fond.png) no-repeat top; }

div#presentation_contenu {
font-size:90%;
margin-left:70px;
margin-right:58px;
padding-right:15px;
overflow:auto;
height:400px;
color:#666; }

div#deco_left {
position:absolute;
bottom:0;
left:0;
width:154px;
height:169px; }

div#deco_right {
position:absolute;
bottom:0;
right:0;
width:154px;
height:169px; }

/***** #coordonnees *****/

div#coordonnees {
position:absolute;
top:35px;
right:90px; }

div#coordonnees dl {
font-size:80%;
text-align:center;
color:#fff;
font-weight:bold; }

/***** #menu *****/

div#menu ul {
width:100%; }

div#menu ul li {
width:100%; }

div#menu ul li a {
cursor:pointer;
text-indent:-9999px;
display:block;
width:100%;
outline:none; }

div#menu ul li a.cemavi {
height:62px; }

div#menu ul li a.contact {
height:57px; }

div#menu ul li a.location, div#menu ul li a.adresses {
height:47px; }

div#menu ul li a.massage, div#menu ul li a.sophrologie, div#menu ul li a.conseil, div#menu ul li a.tarifs, div#menu ul li a.hote, div#menu ul li a.prestations {
height:46px; }

div#menu ul li a.cemavi:hover {
background:transparent url(img/hover_cemavi.png) no-repeat; }

div#menu ul li a.massage:hover {
background:transparent url(img/hover_massage.png) no-repeat; }

div#menu ul li a.sophrologie:hover {
background:transparent url(img/hover_sophrologie.png) no-repeat; }

div#menu ul li a.conseil:hover {
background:transparent url(img/hover_conseil.png) no-repeat; }

div#menu ul li a.location:hover {
background:transparent url(img/hover_location.png) no-repeat; }

div#menu ul li a.tarifs:hover {
background:transparent url(img/hover_tarifs.png) no-repeat; }

div#menu ul li a.hote:hover {
background:transparent url(img/hover_hote.png) no-repeat; }

div#menu ul li a.prestations:hover {
background:transparent url(img/hover_prestations.png) no-repeat; }

div#menu ul li a.adresses:hover {
background:transparent url(img/hover_adresses.png) no-repeat; }

div#menu ul li a.contact:hover {
background:transparent url(img/hover_contact.png) no-repeat; }

/***** #nav_sub *****/

div#nav_sub ul {
margin-left:155px;
width:455px;
padding-top:87px;
font-size:70%;
text-align:center; }

div#nav_sub ul li {
color:#FF9900;
margin-right:5px;
display:inline; }

div#nav_sub ul li a {
padding-right:5px;
color:#FF9900;
text-decoration:none; }

div#nav_sub ul li a:hover {
text-decoration:underline; }
/*******Ajouts seb*******/
.oblig
{
	font-weight:bold;
	color:#91268F;
}
.champ, .textfield
{
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}
.box
{	
	border:1px #CCCCCC solid;
}
.libele
{
	font-weight:bold;
}
.bouton
{
	background-color:#CCCCCC;
	color:#000000;
}
label
{
	font-weight:bold;
	color:#0AADC9;
}


p#modif{
width:450px;
font-size:75%;
position:absolute;
bottom:90px;
left:155px;}


div#lettre b {
font-weight:bold;
color:#007233;
}
div#lettre span {
color:#bdcd00;
}
div#curriculum b{
color:#33CC99;}

div#curriculum img {
float:left;
margin-right: 15px;
}
/*div#hote .rubrique {
margin-left:250px;}
div#hote .rubrique li{
padding-top:20px;
list-style:none;
}

*/

/*lettre*/
ul#rubrique {
overflow: auto;
width:500px;
margin:20px auto;
text-align:center;
 }
	
/*.liste_location {
color:#33cc99;
}*/
ul#rubrique li {
margin-left:40px;
list-style:circle;
margin-bottom:10px;
color:#33cc99;
}

ul#rubrique li a {
color:#33cc99;
list-style:circle;
margin-bottom:10px;
text-decoration:none;
font-size:130%;
}

ul#rubrique li a:hover {
text-decoration:underline;
}