@import "formulaire.css";

/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 28-10-2008 --*
 *------------------------------------------------*/


body, html {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #8a7a67;
	background-image: url(../images/fond.jpg);
	background-repeat:  repeat-x;
}

/* LIENS */
a:link {
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}

/* STYLES POUR LES TEXTES */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
	letter-spacing: 1px;
	background-image: url(../images/puce_h1.jpg);
	background-repeat: no-repeat;
	padding: 0px 50px 0px 30px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	margin: 0;
	padding-top:5px;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F59632;
	font-weight: bold;
	padding: 8px 0 0;
	margin: 0;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #BFE100;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFA212;
	text-align: left;
	margin-top: 20px;
	margin-right: 20px;
	background-image: url(../images/retourner.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 15px;
	margin-left: 195px;
}


img {
 border:0;
}

/* Styles generales */
#general {
	width: 950px;
	margin:auto;
	background-image: url(../images/general.jpg);
	background-repeat: no-repeat;
}

#header_content {
	width: inherit;
	height: 155px;
	background-repeat: no-repeat;
	background-position:top right;
}

#header_content img {
	margin:10px 15px 0;
}

.hammam {background-image: url(../images/hammam/header10.jpg);}

.amincissement {background-image: url(../images/amincissement/header09.jpg);}

.massages {background-image: url(../images/massages/header01.jpg);}

.uv {background-image: url(../images/uv/header07.jpg);}

.maquillage {background-image: url(../images/maquillage/header03.jpg);}

.epilation {background-image: url(../images/epilation/header02.jpg);}

.soins {background-image: url(../images/soins/header04.jpg);}

.bijoux {background-image: url(../images/bijoux/header03.jpg);}

.contact {background-image: url(../images/contact/header05.jpg);}


#map {
	float: right;
	width: 303px;
	background-image: url(../images/fond_map.jpg);
	background-repeat: no-repeat;
	padding: 30px 14px;
	background-position: 0px -1px;
}

/* MENU VERTICAL */

#menu {
	float: left;
	width: 167px;
}

ul#menu_vertical{
	margin:0;
	padding:0 7px;
	list-style:none;
}
ul#menu_vertical li{
	background-image: url(../images/fond_menu.jpg);
	background-repeat: no-repeat;
	
}
ul#menu_vertical li a {
	display:block;
	height:22px;
	padding:7px 0px 0px 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url(../images/puce.jpg);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}

ul#menu_vertical li a:hover, ul#menu_vertical li a.menu_actif {
	text-decoration:none;
	color: #FF9900;
}
/* FIN du Menu Vertical */

/* DEBUT Sous Menus */
ul#submenu{
	height: 28px;
	padding: 0 0 5px;
	margin: 0;
	list-style-type: none;
}
ul#submenu li{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	margin: 6px 8px 15px 0px;
}
ul#submenu li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	text-decoration:none;
	padding-left:0px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FEA211;*/
}
ul#submenu  li  a:hover, ul#submenu  li  a.menu_actif {
	color: #FFFFFF;
	text-decoration:none;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;*/
}
/* FIN du Sub Menu */


/*--------------- PAGES INTERNES ----------------------*/

#contenu {
	width: 390px;
	margin-left: 0px;
}

#contenu ul, #contenu-maquillage ul, #contenu-massages ul{
	color:#fff;
	padding:0;
}


#contenu li, #contenu-maquillage li, #contenu-massages li{
	background-image:url(../images/puce_liste.jpg);
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:5px 2px;
	padding:0 0 3px 20px;
}

#contenu li strong,  #contenu-maquillage li strong, #contenu-massages li strong{
	color: #BFE100;
}

#content {
	float: right;
	width: 740px;
}


/* DIV pour le diaporama */
#diaporama {
	float: right;
	width: 315px;
	padding-right: 14px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	background-image: url(../images/separation-texte.jpg);
	background-position: 45% bottom;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	margin: 10px 10px 0px 0px;
}

p strong {
	color: #BFE100;
}
p.plan{
	letter-spacing:-0.1px;
}


/*------------ page Massages u.v. -------------*/
#contenu-massages {
	width: 340px;
}
#droit-massages {
	float: right;
	width: 400px;
	padding: 50px 14px 0 0;
}

#contenu-uv {
	width: 380px;
	padding-top: 60px;
}
#droite-uv{
	float: right;
	width: 350px;
	margin-top: 55px;
}

#droit-massages p, #contenu-uv p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	margin: 0 0 10px;
	padding:0;
	font-weight: normal;
	background-image: none;
}

#ligthbox img {
	border: 2px solid #50473D;
	margin-bottom: 10px;
	margin: 5px 0 0;
	float:left;
}

#ligthbox {
	width: 125px;
	float: left;
}

/*--------   fin massages u.v ----*/

/*------------ page Maquillage -------------*/
#contenu-maquillage {
	float: right;
	width: 350px;
	margin-top: 55px;
	padding-right: 0px;
}
#diapo-maquillage {
	width: 282px;
	margin-left: 0px;
	margin-top: 5px;
}

/*------------ fin page Maquillage -------------*/


/* DIV footer */
#footer {
	height: 79px;
	width: 950px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	clear:both;
}

/* DEBUT Menu horizontal du Footer */

ul#menu_footer{
	list-style-type: none;
	margin: 0 0 5px;
	padding: 35px 0 0;
}
ul#menu_footer li{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	padding: 0 1px;
}
ul#menu_footer li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	text-decoration:none;
}
ul#menu_footer li a:hover, ul#menu_footer li a.menu_actif {
	color: #FFFFFF;
	text-decoration:none;
	}
/* FIN du Menu horizontal du Footer */


/* DEBUT INDEX */
#general_index {
	width: 850px;
	margin: 20px auto 0;
}
/* FIN du INDEX */

/* DIV Footer INDEX */
#footer_index{
	margin: 0 auto;
	width: 850px;
	background-image: url(../images/home/images/footer.jpg);
	background-repeat: no-repeat;
	height: 71px;
	text-align:center;
}
/* FIN du Footer INDEX */

/* DIV Menu Footer INDEX */
ul#menu_footer_index{
	list-style-type: none;
	margin:0;
	padding: 18px 0 0;
}
ul#menu_footer_index li{
	padding:1px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
}
ul#menu_footer_index li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	text-decoration:none;
}
ul#menu_footer_index li a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
/* FIN du Menu Footer INDEX */

 /*------------------------------------------------------*
  *--- CSS REFERENCEMENT  DEBUT   concerne les liens de l'index ----*
  *------------------------------------------------------*/

#referencement {
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	text-align: center;
	padding-top: 20px;
	color: #FF9900;
}

#referencement a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
}

#referencement a:hover {
	color: #fff;
}

#referencement a img {
	border: none;
	padding: 12px;
}
/*------------------------------------------------------*
*--------    CSS REFERENCEMENT  FIN                ----*
*------------------------------------------------------*/