@charset "utf8";
/* CSS andy-voyance.fr */

*{
	box-sizing: border-box;
}

html, body{
		height:100%;
   		font-family: 'Merriweather', serif;
    	}

html, ul{
	margin:0;
	padding:0;
	}
	
a{
	text-decoration:none;
	color:#d13f6c;
	}
	
	a:hover{
	text-decoration:underline;
	opacity:0.7;
	}	
	
#container{
	position:relative;
	height:auto!important;
	min-height:100%;
	height:100%;
	margin:0 auto;
	padding:0;
}

#alt, #clear{
	clear:both;
	}	
	
h1, h2, h3, h4, h5, h6{
	font-family: 'Playfair Display', serif;
	}		
	
h2{
	color:#7e5f5d;
	}	

	
body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/structure/bg_site_09-20.jpg) top center no-repeat fixed;
	background-color:#000;
	color:#414141;
	}
	
	
	
.marquee-rtl {
  max-width: 100%;                      /* largeur de la fenêtre */
  padding:10px 0 10px 0;
  overflow: hidden;                     /* masque tout ce qui dépasse */
  position: fixed;
  top:0;
  right:0;
  left:0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  z-index: 10000;
  margin-bottom: 15px;
}

/* le bloc défilant */
.marquee-rtl > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-rtl 20s infinite linear;
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}
	
@media screen and (min-width:240px) and (max-width:640px){
		
}

@media screen and (min-width:640px) and (max-width:960px){
	
}

@media screen and (min-width:960px) and (max-width:1200px){
	
}
	
@media screen and (min-width:1200px){
#header{
	width:100%;
	height:150px;
	}
}	

	
#wrapper{
	text-align:left;
	margin:0 auto;
	width:100%;
	padding-bottom:100px;
	max-width:980px;
	min-width:240px;
	min-height: 100%;
	position:relative;
	margin-top:50px;
	}	
	

	
#footer{
	margin:0 0 0 0;
	font-size:12px;
	color:#fff;
	background: linear-gradient(#704b49, #7d605e);
	/*position:absolute;*/
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:20px 0;
	}
	
	#footer a{
		color:#fff;
	}
	
	#footerContent{
		width:100%;
		max-width:980px;
		margin:0 auto;
		}

#ariane {
	
	}
	
	#ariane a{
		
		}	
	
	

	
#content{
	background-color:#fff;
	padding:15px;
	font-size:14px;
	border-radius:10px;
	box-shadow:1px 1px 15px #d2587d;
	}	
	



#adresse{display:none;}				
	
	
	
	
/*Partie du menu */	
#mainMenu{
	width:100%;
	}
	
	#mainMenu ul{
		list-style-type:none;
		padding:0;
		width:100%;
		text-align:center;
		margin:0 auto;
		}
		
	#mainMenu ul li{
		background-color:#aaa;
		display:inline-block;
		}		
	
	#mainMenu ul li a{
		color:#fff;
		transition:all 0.2;
		}
		
		#mainMenu ul li:hover{
			background-color:#724d4c;
			
			}
			
			#mainMenu ul li#pageActive{
			background-color:#724d4c;
			}


@media screen and (min-width:240px) and (max-width:640px){
	#mainMenu ul{
		border-radius:0 0 10px 10px;
		}
	
	#mainMenu li{
	text-align:center;
	padding:5px 0;
	}

}
	

@media screen and (min-width:640px) and (max-width:960px){	
#mainMenu li{
	float:left;
	padding:5px 10px;
	}
	
}

@media screen and (min-width:960px) and (max-width:1200px){	
#mainMenu li{
	float:left;
	padding:5px 15px;
	}
}

@media screen and (min-width:1200px){
#mainMenu li{
	float:left;
	padding:5px 15px;
	}
}
	
	

/* Formulaire inscription */

form{
	width:100%;
	text-align:center;
	}

textarea{
	min-height:22px;
	margin:0 auto;
	font-family:"Georgia", Times New Roman, Times, serif;
	border-radius:5px;
	text-align:left;
	width:80%;
	border:1px solid #d13f6c;
	border-radius:25px;
	color:#38170e;
	font-size:14px;
	padding: 15px;
	transition: all 0.2s;
	}
	
	textarea:hover{
			color:#7d5e25;
		background-color: #fefefe;
		box-shadow:#d13f6c 1px 0 5px
		}
		
#form-group{
	width:100%;
	display:block;
	margin-bottom:10px;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  
	}		
		
label{
	width: 20%;
	max-width:200px;
	float:left;
	text-align:left;
	}		
	
input[type=text]{
	float:right;
	width: 70%;
	max-width:700px;
	text-align:left;
	border:1px solid #d13f6c;
	border-radius:25px;
	color:#38170e;
	font-size:14px;
	padding:15px;
	transition:all 0.2s;
	}
	
	input[type=text].rappel{
		float:inherit;
		width: 100%;
		max-width:500px;
		margin:0 auto;
		}
	
	input[type=text]:hover{
	color:#7d5e25;
		background-color: #fefefe;
		box-shadow:#d13f6c 1px 0 5px
		}
	
select{
	width: 80%;
	margin:0 auto;
	text-align:left;
border:1px solid #d13f6c;
	border-radius:25px;
	color:#38170e;
	font-size:14px;
	transition:all 0.2s;
	padding:8px;
	box-shadow:#555 1px 1px 5px
	}

	select:hover{
		color:#7d5e25;
		background-color: #fefefe;
		box-shadow:#d13f6c 1px 0 5px
		}
			
input[type=checkbox] { 
width:18px; 
border: none; 
margin:0 2px;
}	

input[type=radio] { 
	width:20px; 
	border: none; 
	margin:2px;
	}	
	
	
@media screen and (min-width:240px) and (max-width:640px){
	#promotionRight{
	
	}

}
	

@media screen and (min-width:640px) and (max-width:960px){	
#promotionRight{
	float:right;
	}
	
}

@media screen and (min-width:960px) and (max-width:1200px){	
#promotionRight{
	float:right;
	}
}

@media screen and (min-width:1200px){
#promotionLeft{
	float:left;
	width:100%;
	max-width:400px;
	height:100%;
	min-height:450px;
	background:url(../images/structure/bg_cadeau_andy.jpg) bottom center no-repeat;
	}	
	
#promotionRight{
	float:right;
	width:100%;
	max-width:500px;
	padding:20px;
	}
}	
	
	
	
	

	
/* formulaire Calendrier */

#questionCalendrier{
	background-color:#f1d8bb;
	width:100%;
	max-width:460px;
	margin:0 0 0 35px;
	box-shadow:#aaa 1px 1px 5px;
	border-radius:5px;
		}

form.calendrier{
	width:98%;
	max-width:430px;
	padding:15px;
	border-radius:5px;
	}	

	
#separationForm{
	height: 1px;
	width: 100%;
	background-color: #bcb3a4;
	box-shadow: #d1d1d1 0 1px 1px;
	opacity: 0.6;
	margin:10px 0;
}


select.dDisponible{
	width:300px;
	font-size:15px;
	}

input#addTel{
	width:400px;
	}	
	
	




/* Validation formulaire */ 
 

.superCapa {
	visibility:hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	}

#cajaRevalidate {
	background-color: #ebebeb;
	width: 370px;
	height: 150px;
	margin-left: -185px;
	position: absolute;
	top: 50%;
	left: 50%;
	visibility: hidden;
	border: 1px solid #dd54a5;
	}
	
	#cajaRevalidate a{
		font-size:13px;
		color:#dd54a5;
		text-decoration:none;
		}

.buttonRevalidate {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../img/revalidateSendButton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 104px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #4577B2;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
	
input.newsletterButton {
	display:inline;
	transition:all 0.2s;
	text-align:center;
	margin:25px 0 25px 0;
	}	
	
input.newsletterButton.Question{
	padding:15px 40px 15px 40px;
	border-radius:50px;
	background-color:#d13f90;
	border:none;
	color:#fff;
		}	
	
	
	
	input.newsletterButton.Question:hover {
	opacity:0.7;
	cursor:pointer;
	}	
	
#formulaire img.pile{
	float:right;
	}	
	


#validation{
	width:600px;
	text-align:center;
	float:right;
	font-size:11px;
	}
	
/* TAROLOGIE */
#carteListing{
	width: 100%;
	margin:0 auto;
	text-align: center;
	right:0;
	left:0;
	
	} 

#carta0, #carta1, #carta2 {
	display: inline-block;
	margin:5px;
	width:100%;
	max-width:120px;
	height:auto;
	transition: all 0.2s;
	/*box-shadow:#555 1px 1px 5px;*/
	z-index:0;
	cursor: pointer;
	position: relative;
}



#carta0:hover, #carta1:hover, #carta2:hover {
z-index:100;
opacity:0.7;
}


.btn_tarot {
	height: 25px;
	width: 120px;
	border-style: none;
	}

#muestraError{
	text-align:right;
	color:#ccc;
	height:20px;
	padding: 3px;
	font-size:12px;
	}	
	
.errorForm {
	width:100%;
	color: #fff;
	background-color: #694e3b;
	border: solid 1px #38180f;
	text-align: center;
	padding: 3px;
	font-size: 12px;
	height:17px;
	}

.correo {
color: #154951;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: lighter;
}			

span.annonce{
	margin:2px 450px 0 5px;
	}
	
span.telephone{
	font-size:18px;
	font-weight:bold;
	color:#414141;
	}	
span.prix{
	font-size:14px;
	color:#333;
	}
	
span.telephone_principal{
	font-size:20px;
	text-align:center;
}

span.desinscriptionOFF{
font-weight:bold;
font-size:14px;
color:#e40e41;
	}	
	
span.desinscriptionON{
font-weight:bold;
font-size:14px;
color:#9be02f;
	}	

	
	
			/*  --------------------------- */ 
	
#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
    display:none;
}
#facebox .popup {
    position:relative;
    border:3px solid rgba(0,0,0,0);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
    box-shadow:0 0 18px rgba(0,0,0,0.4);
}
#facebox .content {
    display:table;
    width: 700px;
    background: #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}



#journal{/*display: none;*/margin: 0 auto;text-align: center;width: 400px; padding: 20px;}

#hablarDespues,#hablarAhora,#elegirCita {
	display: none;
	margin-top: 20px;
	font-size: 12px;
}
#hablarDespues select,#hablarAhora select,#elegirCita select {
	font-size: 12px;
	margin: 5px;
}

#formtel1{
  background-color: #E1E1E1;
  border: 5px solid #B03401;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  padding-top: 5px;
	}

#formtel2{width: auto!important;}



#cajaRevalidateCelular1,#cajaRevalidateCelular2{
	background-color: #ebebeb;
	width: 320px;
	margin-left: -160px;
	margin-top: -150px;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 3px solid #f9b61f;
	-webkit-border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	border-radius: 15px 0 15px 0;
	text-align:center;
}
#cajaRevalidateCelular1 select,#cajaRevalidateCelular2 select
{
	font-size:12px;
	text-align:center;
}
#overflow1, #overflow2 
{
	display: none;
	background-color: rgba(0,0,0,0.85);
	position:absolute;
	top:25px;
	left: 25px;
	bottom:25px;
	right:25px;
}
#cajaRevalidateCelular a{
	font-size:13px;
	color:#dd54a5;
	text-decoration:none;
}

#cajaRevalidateCelular1 a{
	font-size:13px;
	color:#dd54a5;
	text-decoration:none;
}

#journal{
	margin:0;
	padding:0;
	width:100%;
	}

#hablarDespues,#hablarAhora,#elegirCita {
	display: none;
	margin-top: 20px;
	font-size: 12px;
}
#hablarDespues select,#hablarAhora select,#elegirCita select {
	font-size: 12px;
	margin: 5px;
}

#formtel1{
  background-color: #c8e3ff;
  border:1px solid #aaa;
  border-radius:10px;
 margin:0 auto;
  padding: 15px;
  margin-top:20px;
  width:564px;
}

#formtel2{}

.agenda {
	text-align:center;

}
.agenda h2 
{
animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
.newsletterButton.agenda {
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:300;
background-color:#d13f88;
border-radius:25px;
border:none;
cursor: pointer;
color:#fff;
padding:15px 35px;
}

.newsletterButton.agenda:hover {
	background-color:#ab1043;
}

.newsletterButton.agendaRdv {
font-size:14px;
border:none;
background-color:#414141;
cursor: pointer;
border-radius:25px;
color:#ccc;
padding:10px 15px;
}

.newsletterButton.agendaRdv:hover {
	background-color:#aaa;
	color:#414141;
}

.agenda ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.agenda ul li{
	/*float:left;*/
	width:60%;
	border:1px solid #aaa;
	
	/*text-align:right;*/
	margin:0 0 15px 0;
	color:#fff;
	font-size: 18px;
	}	
	
	.agenda ul li.direct{
		/*border:1px solid #ffbf02;*/
		background: linear-gradient(#de8b32, #e95c15);
		border-radius:15px 0 15px 0;
		color:#fff;
		padding:10px 15px;
		}

	.agenda ul li.inscription{
		background-color:#414141;
		border-radius:0 0 15px 15px;
		padding:5px 15px;
		}


	
/*span.accroche{
	font: 300 18px/1em "Open Sans",Helvetica,Arial,sans-serif;	
	color:#fff;
	}	*/
	
.title{
	font-size:18px;
	clear:both;
	}
.date
{
	width:auto;
}

/* formulaire de contact*/
form.formContact label{
	display:block;
	} 	
	
form.formContact input[type=text]{
	width:100%;
	font-size:15px;
	border-radius:5px;
	border:1px solid #ccc;
	padding:5px 10px;
	height:35px;
	margin:0 0 10px 0;
}

form.formContact textarea{
	width:100%;
	font-size:13px;
	border-radius:5px;
	border:1px solid #ccc;
	padding:5px 10px;
}

form.formContact input[type=submit].btnValidation{
	background-color:#aaa;
	border:none;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
	font-size:16px;
	font-weight:300;
	cursor:pointer;
}

form.formContact input[type=reset].btnValidation{
	background-color:#ccc;
	border:none;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
	font-size:16px;
	font-weight:300;
	cursor:pointer;
}

.error-message{
	color:#C00;
}
	
	
form.formContact input:required{
	background:url(../images/structure/icon/asterisk_grey.png) 98% center no-repeat;
	}		
	





/*   Alert ---------------------------- */

.alert{
padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 12px;
	}	
	
	
.alert h4{
	margin:0 0 10px 0;
	padding:0;
	}
	
.alert-success{
	color: #3c763d;
	background-color: #c1e2b3;
	}	
	
.alert-danger{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
	}	
	
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}		



/* bouton recherche index */

.btn-index{
	margin-top:15px;
	padding:20px 30px;
	border-radius:10px;
	background:linear-gradient(#e95c15, #e95c15);
	}	
	
.btn-index a{
	color:#aaa;
	}	
	
	

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background:url(../images/structure/bg_agenda.jpg) no-repeat bottom right;
    background-color: #fefefe;
    margin:0 auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 900px;
    position: relative;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    right:10px;
    top:2px;
    font-size: 34px;
    font-weight: bold;
    position: absolute;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}	

h1.gift{
background-color: #f9b61f;
font-size: 20px;
color:#fff;	
text-align: center;
border-radius:20px 0 20px 0;
}

button.btn-menu{
	text-decoration: none;
	border:none;
	background-color:none;
	margin-bottom:150px;
	cursor: pointer;
}


/* quantcast */


       .qc-cmp-button {
          background-color: #744b47 !important;
          border-color: #744b47 !important;
        }
        .qc-cmp-button:hover {
          background-color: transparent !important;
          border-color: #744b47 !important;
        }
        .qc-cmp-alt-action,
        .qc-cmp-link {
          color: #744b47 !important;
        }
        .qc-cmp-button.qc-cmp-secondary-button:hover
         {
          border-color: transparent !important;
          background-color: #744b47 !important;
        }
        .qc-cmp-button {
          color: #ffffff !important;
        }
        .qc-cmp-button.qc-cmp-secondary-button {
          color: #ffffff !important;
        }
        .qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {
          color:#ffffff !important;
        }
        .qc-cmp-button.qc-cmp-secondary-button {
          border-color: #eee !important;
          background-color: #eee !important;
        }
        .qc-cmp-ui,
        .qc-cmp-ui .qc-cmp-main-messaging,
        .qc-cmp-ui .qc-cmp-messaging,
        .qc-cmp-ui .qc-cmp-beta-messaging,
        .qc-cmp-ui .qc-cmp-title,
        .qc-cmp-ui .qc-cmp-sub-title,
        .qc-cmp-ui .qc-cmp-purpose-info,
        .qc-cmp-ui .qc-cmp-table,
        .qc-cmp-ui .qc-cmp-table-header,
        .qc-cmp-ui .qc-cmp-vendor-list,
        .qc-cmp-ui .qc-cmp-vendor-list-title {
            color: #ffffff !important;
        }
        .qc-cmp-ui a,
        .qc-cmp-ui .qc-cmp-alt-action,
        .qc-cmp-toggle-status  {
          color: #ffffff !important;
        }
            .qc-cmp-ui {
                background-color: #aaaaaa !important;
            }
            .qc-cmp-publisher-purposes-table .qc-cmp-table-header {
              background-color: #aaaaaa !important;
            }
            .qc-cmp-publisher-purposes-table .qc-cmp-table-row {
              background-color: #aaaaaa !important;
            }
            .qc-cmp-vendor-list .qc-cmp-vendor-row {
              background-color: #aaaaaa !important;
            }
            .qc-cmp-vendor-list .qc-cmp-vendor-row-header {
                background-color: #aaaaaa !important;
              }
        .qc-cmp-small-toggle.qc-cmp-toggle-on,
        .qc-cmp-toggle.qc-cmp-toggle-on {
            background-color: #744b47 !important;
            border-color: #744b47 !important;
        }
		
/*Bouton Share */

#topArticle{
	margin:15px 0 15px 0; 
	line-height:35px; 
	height:35px; 
	border-top:1px solid #bbb; 
	border-bottom:1px solid #bbb;
	}

button{
	border:none;
	cursor:pointer;
	display:inline;
}			

button.share_twitter{
	background:none;
	color:#000;
	padding:2px;
	
	width:20px;
}

button.share_facebook{
	background-color: #000;
	color:#fff;
	border-radius:2px;
	padding:2px 0 2px 2px;
	
	width:20px;
}
	
	
	
#structure{}

	#structure ul{
		list-style-type:none;
		margin:0;
		padding:0;
		}		
	#structure ul li{
		padding-left:20px;
		background:url(../images/icone/pink_arrow_15x15.png) 0 0 no-repeat;
		margin-left:25px;
		margin-bottom:5px;
		}
		

img.plandusite{
	float:right;
	max-width:450px;
	width:100%;
	}
		
		
		
		.separationTitre{
	margin:0 25px 0 25px;
	}