/* CSS Sandra Voyance */

*{box-sizing:border-box;}


body{
	margin:0;
	padding:0;
	background-color:#a1ddfd;
	font-family:"Arial", Helvetica, sans-serif;
	position:relative;
	}

h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Serif', serif;
	}
	
h2{
	font-size:24px;
	color:#c8007d;
	}	

h3{
	font-size:18px;
	color:#c8007d;
	}

a{
	color:#234181;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}	
	
#clear{
	clear:both;
	}
	
			#content p.intro{
			font-family: 'Noto Serif', serif;
			font-size:24px;
			text-align:center;
			}		

#container{
	width:100%;
		background:url(../images/structure/bg_wrapper.png) bottom center no-repeat;
		margin:0 auto;
		padding-bottom:25px;
		}

#wrapper{
	margin:0 auto;
	padding:0;
	min-width:280px;
	max-width:980px;
	width:100%;
	}	
	
	#wrapper h1{
		font-size:48px;
		}

#header{
	width:100%;
	min-height:90px;
	padding:0;
	max-width:980px;
	}
	
	#header img{
		width:100%;
		max-width:980px;
		}
	
	#boutiqueHeader{
		float:left;
		background-color:#aaa;
		width:252px;
		min-height:90px;
		}
	
#footer{
margin:0 auto;
	text-align:center;
	clear:both;
	font-size:11px;
	color:#fff;
	padding:30px 0 20px 0;
	background: linear-gradient(#487dcc, #234181);
	}	
	
	#footer a{
		text-decoration:none;
		color:#fefefe;
		}
		
		
			#footer ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
	#footer ul li{
		display:inline-block;
		}
		
		
#footerContent{
	width:100%;
		margin:0 auto;
	max-width:980px;
	}		
		
	
#logoSite{
	display:block;
	color:#fff;
	}
	
/*Menu */

#mainMenu{
	margin:0 0 15px 0;
	width:100%;
	background-color:#91004d;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	}	
	
	#mainMenu ul{
		list-style-type:none;
		margin:0;
		padding:0;
		}
		
		#mainMenu li{
			float:left;
			font-size:15px;
			width:20%;
			padding:12px 15px;
			border-right:1px solid #fff;
			text-align:center;
			}
		
		
			#mainMenu li a{
				text-decoration:none;
				color:#fff;
				
				text-transform:uppercase;
				font-family: 'Noto Serif', serif;
				}

			#mainMenu li:hover{
				background-color:#c8007d;
				}
				


#content{
	background-color:#fefefe;
	color:#414141;
	padding:10px 15px;
	margin-bottom:10px;
	font-size:14px;
	position:relative;
	}
	
	#btnBack{
		position:fixed;
		transition:all 1s;
		opacity: 0;
		cursor:pointer;
		}
		
		#btnBack:hover{
		position:fixed;
		bottom:120px;
		transition:all 0.5s;
		}
	
#content img.banIntro{
	width:100%;
	min-with:260px;
	height:auto;
	}	


#content h1{
	font-size:30px;
	text-transform:uppercase;
	}
	
#content h2{
	font-size:20px;
	text-transform:uppercase;
	padding:10px;
	color:#c8007d;
	border-bottom:2px solid #c8007d;
	}	

#content p.titreForm{
	font-size:18px;
	font-family: 'Noto Serif', serif;
	text-align:left;
	padding-left:10px; 
	color:#234181;
	border-left:2px solid #234181;
	}

#content a{
	text-decoration:none;
	}

#adresse{
	display:none;
	}	
	
#confidentialite{
	margin:15px 0 0 0;
	border-radius:5px;
	border:1px solid #ccc;
	padding:10px 15px;
	font-size:11px;
	float:left;
	width:450px;
	}	
	
					
input[type=text], select{
	width:100%;
	font-size:15px;
	padding:5px 10px;
	font-family: 'Josefin Sans', sans-serif;
	border:1px solid #414141;
	border-radius:5px;
	}
	
	input[type=text]{
		
		}
	
	
input[type=text]:hover, select:hover{
	border:1px solid #efa96e;
	}

textarea{
	width:100%;
	border:1px solid #234181;
	border-radius:3px;
	padding:5px;
	font-family: 'Josefin Sans', sans-serif;
	}
	
#resultatTirage{
	margin:0 auto;
	text-align:center;
	height:200px;
	width:100%;
	right:0;
	left:0;
	margin-bottom:25px;
	}	
	

	

@media screen and (max-width: 960px) {
	#questionForm{
	clear:both;
	width:100%;
	
	}	
	
	#coordonnee{
	clear:both;
	width:100%;
	padding:0;
	}	
	
	#header, #confidentialite, #sandraIndex{
		display:none;
		visibility:hidden;
		height:0;
		}
		
		img.banIntro{
			display:none;
			visibility:hidden;
			height:0;
			}
			

			
	h1.introSecond{
		visibility:visible;
		text-align:center;
			}		
	
	select{
		clear:both;
	}
	
	#mainMenu{
		display:none;
		visibility:hidden;
		height:0;
		}
	
	#logoSite h1{
		font-size:16px;
		}
		
		#btnBack{
		bottom:100px;
		right: -50px;
		}
		
	#btnBack img{
		width:50%;
		}
	
}

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

	#questionForm{
	float:left;
	width:49%;	
	padding:10px;
	
	}	
	
	#coordonnee{
	float:right;
	width:49%;
	padding:10px;
	}	
	
	
	p.intro{
	font-family: 'Josefin Sans', sans-serif;
	font-size:20px;
	}	
	
	#logoSite h1{
		font-size:24px;
		}
		
			h1.introSecond{
				visibility:hidden;
				height:0;
				display:none;
			}
			
				#btnBack{
		
		bottom:100px;
		right: -100px;}
	
}

	
	
#sandraIndex{
	float:right;
	width:450px;
	margin:15px 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	}	
	
	#sandraIndex a{
		display:inline-block;
		padding:4px 11px;
		color:#fff;
		border-radius:5px;
		text-decoration:none;
		background-color:#234181;
		}
		
#encartValidation a{
		display:inline-block;
		padding:4px 11px;
		color:#fff;
		border-radius:5px;
		text-decoration:none;
		background-color:#3c2000;
		}		

	
	span.telephone{
			font-size:20px;
				margin:15px 0;
	

		}
		
		span.prix{
			font-size:10px;
			font-style:italic;
		}
		
span.lettrine{
	float:left;
	margin:0 7px 0 0;
	font-size:70px;
	font-weight:bold;
	color:#c4996f;
	line-height:57px;
	display:inline;
	}		
	
	
		
/* Formulaire */

form{
	font-size:12px;
	/*border-left:3px double #3c2000;
	border-right:3px double #3c2000;
	border-bottom:3px double #3c2000;
	border-radius:0 0 8px 8px;*/
	padding:0 5px 15px 5px;
	}
	


/* 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.btn_tarot{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:inline;
	padding:20px 25px;
	background-color:#234181;
	color:#fff;
	font-size:14px;
	text-align:center;
	margin:10px 0 0 0;
	border-radius:5px;
	cursor:pointer;
	}	
	
	input.btn_tarot:hover{
		background-color:#333945;
	}
	

#validation{
	width:600px;
	text-align:center;
	float:right;
	font-size:11px;
}
	
	
/* TAROLOGIE */
#carta0, #carta1, #carta2, #carta3 {
	width: 28%;
    margin: 15px 5px 15px 5px;
	display:inline-block;
	float: left;
	background-image: url(../image/tarot/cartas/backCard.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}


.errorForm {
	text-align: right;
	padding: 3px;
	margin-bottom: 5px;
	}
	
	
#muestraError{
	text-align:right;
	color:#aaa;
	height:20px;
	padding: 3px;
	}	
	
.errorForm {
	width:400px;
	color: #fff;
	background-color: #c56e0c;
	border: solid 1px #3c2000;
	text-align: center;
	border-radius:5px;
	padding: 5px 10px;
	font-size: 14px;
	margin:0 auto;
	}
	
#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;
}


#formtel2,#formtel1{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 #dd54a5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	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:0;
	left: 0;
	bottom:0;
	right:0;
}

#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{
}

#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 {
	background: linear-gradient(#c8007d, #91004d);
	padding: 15px 30px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	cursor:pointer;
	color:#fff;
	}

.classic{
	border:none;
	background: linear-gradient(#aaaaaa, #414141);
	padding: 15px 30px;
	cursor:pointer;
	font-size:12px;
	}

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


select.date {
	width: auto;
	}
	
span.accroche{
	font: 300 18px/1em "Open Sans",Helvetica,Arial,sans-serif;	
	color:#fff;
	}	
	
.title{
	font-size:18px;
	clear:both;
	}
		
#alertNumero{
	background-color:#c071a9;
	padding:10px;
	color:#fff;
	border-radius:5px;
	}
	

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

form.formContact textarea{
	width:40%;
	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;
	}	
	
	
.alert h2{
	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;
}		


/* Ariane -------------- */ 

#ariane{
	margin:10px 0;
	font-size:11px;
	}
	
	#ariane a{
		
		}
		
/* Top site ---------------- */
#topSite{
	margin:0 auto;
	height:auto;
	padding:20px 0;
	background-color:#fefefe;
	font-size:16px;
	color:#aaa;
	text-align:center;
	}		
	
	#topSite ul{
		list-style-type:none;
		padding:0;
		margin:0;
		}
		
		
		#topSite ul li{
			text-align:center;
			float:left;
			width:33%;
			}
		
#topSiteSecond{
	background: linear-gradient(#c8007d, #91004d);
	padding:15px 0;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #fff;
	}	


/*------ quantcast */


    .qc-cmp-button {
          background-color: #87a9c5 !important;
          border-color: #87a9c5 !important;
        }
        .qc-cmp-button:hover {
          background-color: transparent !important;
          border-color: #87a9c5 !important;
        }
        .qc-cmp-alt-action,
        .qc-cmp-link {
          color: #87a9c5 !important;
        }
        .qc-cmp-button.qc-cmp-secondary-button:hover
         {
          border-color: transparent !important;
          background-color: #87a9c5 !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: #144357 !important;
        }
        .qc-cmp-ui a,
        .qc-cmp-ui .qc-cmp-alt-action,
        .qc-cmp-toggle-status  {
          color: #333945 !important;
        }
                .qc-cmp-ui {
                    background-color: #d6e1eb !important;
                }
                .qc-cmp-publisher-purposes-table .qc-cmp-table-header {
                  background-color: #d6e1eb !important;
                }
                .qc-cmp-publisher-purposes-table .qc-cmp-table-row {
                  background-color: #d6e1eb !important;
                }
                .qc-cmp-vendor-list .qc-cmp-vendor-row {
                  background-color: #d6e1eb !important;
                }
                .qc-cmp-vendor-list .qc-cmp-vendor-row-header {
                    background-color: #d6e1eb !important;
                  }
                .qc-cmp-table {
                    border: 1px solid #291e14 !important;
                }
                .qc-cmp-table-row {
                    border-top: 1px solid #291e14 !important;
                }
                .qc-cmp-table-row:last-child {
                    border-bottom: 1px solid #291e14 !important;
                }
                .qc-cmp-toggle-status {
                    color: #291e14 !important;
                }
                .qc-cmp-arrow-down {
                    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#291e14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpolyline points='2 5 8 11 14 5'/%3E %3C/svg%3E") center no-repeat;
                }
				

/*Bouton Share */

button{
	border:none;
	cursor:pointer;
	display:inline;
	font-size:13px;
	padding:5px 10px;
	border-radius:5px;
	color:#fff;
	background-color:#3399FF;
	}


button.share_twitter{
	background-color: #5ea9dd;
	padding:20px;
	border-radius:50px;
	margin:5px;
	}

button.share_facebook{
	background-color: #3c5a98;
	padding:20px 23px 20px 23px;
	border-radius:50px;
	margin:5px;
	}

button.share_linkedin{
	background-color: #0077b5;
	padding:20px;
	border-radius:50px;
	margin:5px;
	}