﻿@font-face {
    font-family: 'honey_scriptsemibold';
    src: url('./polices/honeyscript-semibold-webfont.eot');
    src: url('./polices/honeyscript-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/honeyscript-semibold-webfont.woff2') format('woff2'),
         url('./polices/honeyscript-semibold-webfont.woff') format('woff'),
         url('./polices/honeyscript-semibold-webfont.ttf') format('truetype'),
         url('./polices/honeyscript-semibold-webfont.svg#honey_scriptsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirvyregular';
    src: url('./polices/kirvy-regular-webfont.eot');
    src: url('./polices/kirvy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/kirvy-regular-webfont.woff2') format('woff2'),
         url('./polices/kirvy-regular-webfont.woff') format('woff'),
         url('./polices/kirvy-regular-webfont.ttf') format('truetype'),
         url('./polices/kirvy-regular-webfont.svg#kirvyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kirvylight';
    src: url('./polices/kirvy-light-webfont.eot');
    src: url('./polices/kirvy-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/kirvy-light-webfont.woff2') format('woff2'),
         url('./polices/kirvy-light-webfont.woff') format('woff'),
         url('./polices/kirvy-light-webfont.ttf') format('truetype'),
         url('./polices/kirvy-light-webfont.svg#kirvylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('./polices/MyriadPro-BoldIt.eot');
    src: url('./polices/MyriadPro-BoldIt.eot') format('embedded-opentype'),
         url('./polices/MyriadPro-BoldIt.woff') format('woff'),
         url('./polices/MyriadPro-BoldIt.ttf') format('truetype'),
         url('./polices/MyriadPro-BoldIt.svg#MyriadProBoldItalic') format('svg');
}

img {
  border: none;
  max-width: 1718px;
  width:80%;
}
	
h1 {
	text-align: center;
	margin-top:40px;
	font-weight: normal;
	margin-bottom:0px;
	font-size: 4em;
	position:relative;
}
h2 {
	text-align: center;
	font-weight: normal;
	font-size: 2.3em;
}
.images{
    position:relative;
	width:100%;
	text-align: center;
}
.imagetitrejaune{
	width:100%;
}
.imagetitre{
    position:absolute;
	top:0px;
	width:100%;
}
#gauche {
	margin-right:10%;
	text-align:right;
}
#droite {
	margin-left:10%;
	text-align:left;
}
#formulaire {
  	width: 100%;
}
.total {
  	width: 80%;
}
.moitie {
  	width: 50%;
}
#fading{
	opacity: 0;/* l'opacite que vous voulez au depart jusqu'a 1.*/
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 jusqu'a 100 */
    filter: alpha(opacity = 0); /* Hack IE 5-7 jusqu'a 100*/
    -webkit-transition: opacity 2s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 2s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 2s ease-in-out;/* transition pour Opéra */
    transition: opacity 2s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
 	
}
#errorbox {
		font-size:0.8em;
}

body {
	font-family: 'kirvyregular', Arial, Helvetica, sans-serif;
    font-size:1em;
	
}
a {
	text-decoration:none;
	color: #000;
	font-size: 1em;
	z-index:10;
}
a:hover {
	color: #000;
	text-decoration:underline;
}
.entete{
	/*background: url(./images/mosaique-small-fushia.jpg) repeat center;*/
	font-size: 0.8em;
	text-align:right;
	height: 30px;
	width: 60%;
	left:20%;
	top:10px;
	position: fixed; 
	z-index: 130;
}
.langueactive{
	text-decoration:underline;
}
.langueinactive:hover{
	text-decoration:underline;
}
.lienfidelite {
	position:absolute;
	background: url(./images/fidelite.png) no-repeat center;
	margin-top:50px;
	left:-91px;
	height:218px;
	width:91px;
}
.lienfidelite:hover {
	background: url(./images/fidelite2.png) no-repeat center;
}
.lienfideliteselect {
	position:absolute;
	background: url(./images/fidelite2.png) no-repeat center;
	margin-top:50px;
	left:-91px;
	height:218px;
	width:91px;
}
.menutext {
	width: 200px;
	color: #FEEDB6;
}
.menutext:hover {
	width: 200px;
	background: url(./images/surligne.png) no-repeat center;
	font-size: 1em;
	text-decoration:none;
	color: #FFF;
	font-weight: bold;
	cursor:pointer;
}
.menutextselect {
	width: 200px;
	background: url(./images/surligne.png) no-repeat center;
	font-size: 1em;
	text-decoration:none;
}
.menutextselect:hover {
	width: 200px;
	background: url(./images/surligne.png) no-repeat center;
	font-size: 1em;
	color: #FFF;
	cursor:pointer;
	font-weight: bold;
	text-decoration:none;
}
.fondcitation{
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:30px;
	background:#A2195B;
	left: 0px;
	top: 0px;
}
.textecitation{
	padding-top:3px;
	text-align: center;
	color: #FEEDB6;
	margin-left:50px;
	margin-right:50px;
}
.fondimagespreload{
	width:1px;
	height:1px;
	left: 0px;
	top: 0px;
	position: fixed;
	overflow:hidden;
	z-index:1;
}
.fond{
	width: 100%;
	height:100%;
	background: url(./images/fondnoir.jpg) no-repeat center;
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #000;
	left: 0px;
	top: 0px;
	position: fixed;
	min-height:780px;
	z-index:90;
}
.fondtransi{
	width: 100%;
	height:100%;
	background: url(./images/fondnoir.jpg) no-repeat center;
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #000;
	left: 0px;
	top: 0px;
	position: fixed;
	min-height:780px;
	z-index:100;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 1s;
}
.bande{
	width: 200px;
	height: 100%;
	min-height:780px;
	font-family: 'kirvylight', Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	text-align: center;
	color: #FEEDB6;
	margin: auto;
	position: absolute;
	left: 50%;
	top: 0px;
	z-index:130;
	margin-left: -200px;
	background: url(./images/mosaique-small-fushia.jpg) repeat center;
	/*background-color: #A2195B;	*/																																																												
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	letter-spacing: 1px;
	line-height:1.5em;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: margin-left;
    -webkit-transition-duration: 1s;
    /*-webkit-transition-timing-function: ease-in-out;*/
    -webkit-transition-delay: 1s;
    /* Standard syntax */
    transition-property: margin-left;
    transition-duration: 1s;
    /*transition-timing-function: ease-in-out;*/
    transition-delay: 1s;
}
.menuu{
	background: url(./images/back_trans.png) no-repeat center ;
	font-size: 1em;
	margin-top: 7px;
	z-index:200;
}
.logo{
	
	margin-left: -7px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.slogan{
	margin-top: 20px;
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
}
.coord-bandeau{ 
	font-style: italic;
	margin-top: 30px;
	font-size: 1em;
}
.page{
	width: 615px;
	height:100%;
	min-height:780px;
	font-family: 'kirvylight', Verdana, Geneva, sans-serif;
	text-align: center;
	overflow:hidden;
	left: 50%;
	margin-left:-200px;
	font-size: 1.1em;
	color: #A2195B;
	position: absolute;
	top: 0px;
	z-index:110;
	letter-spacing: 1px;
	line-height:1.5em;
}
.masquepage{
	width: 615px;
	left: -700px;
	height:100%;
	position: absolute;
	overflow:auto;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: left;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    /* Standard syntax */
    transition-property: left;
    transition-duration: 1s;
    transition-timing-function: ease-out;
}
.conteneurpage{
	width: 600px;
	left: 0px;
	height:100%;
	position: absolute; 
	background: url(./images/mosaique-small-beige.jpg) repeat center;
	/*background-color: #A2195B;	*/																																																												
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.titreprix{
	font-family: 'MyriadProBoldItalic', Verdana, Geneva, sans-serif;
	text-align: left;
	margin-top:20px;
	margin-left:50px;
	margin-right:40px;
	font-size: 1.4em;
}
.imgcolle{
	text-align: left;
}	
		
.imageombre{																																																										
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;	
}
.textepageaccueil{
	text-align: justify;
	margin-top:25px;
	margin-bottom:35px;
	margin-left:50px;
	margin-right:65px;
	font-weight: bold;
	font-size: 1em;
}	
.textepagequi{
	text-align: justify;
	margin-top:30px;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagemassages{
	text-align: justify;
	margin-top:10px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagebiblio{
	text-align: justify;
	margin-top:30px;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
#livredor{
	text-align: left;
	margin-top:0px;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagecontact{
	font-weight: bold;
	font-size: 0.8em;
}
.textepagesoins{
	text-align: justify;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagehypnonatal{
	text-align: justify;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagereiki{
	text-align: justify;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagecoaching{
	text-align: justify;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.textepagecercles{
	text-align: justify;
	margin-bottom:14px;
	margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-size: 1em;
}
.footer{
	background: url(./images/mosaique-small-fushia.jpg) repeat center;
	font-size: 1em;
	color: #FEEDB6;
	height: 30px;
	width: 600px;
	left:50%;
	margin-left:-200px;
	bottom:-30px;
	position: fixed; 
	z-index: 130;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-webkit-transition-delay: 0.5s;
    /* Standard syntax */
    transition-property: bottom;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
	transition-delay : 0.5s;
}
/* Pour ie6*/
* html .footer{
    position:absolute;
	font-size: 1em;
	color: #FEEDB6;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
	background: url(./images/mosaique-small-fushia.jpg) repeat center;
	height: 30px;
	width: 600px;
	margin-left:-200px;
	left:50%;
	z-index: 100002;
}	
.coord{ 
	background: url(./images/back_trans.png) 100% 30px ;
	font-style: italic;
	font-size: 1em;
  	line-height:30px;
}
.mention{
	font-weight: normal;
	font-size: 2em;
	font-family: 'honey_scriptsemibold', Verdana, Geneva, sans-serif;
}
.mentions{
	left:100%;
	height: 65px;
	bottom:0px;
	margin-left:-77px;
	position: fixed;
	z-index: 100002;
}
#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #000;
     z-index: 99999;
    height: 100%;
}

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(./images/loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }
 