@charset "utf8";

*{
	box-sizing: border-box;
}

html, body{
		height:100%;
		}

html, ul{
	margin:0;
	padding:0;
	}
	
body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/structure/bg_site.jpg) top left no-repeat fixed;
	background-color:#18171c;
	color:#414141;
	font-family: 'Quicksand', sans-serif;
	position:relative;
	}	
	
h3{
	background-color:#53557d;
	border-radius:25px;
	padding:10px;
	color:#fff;
	}	
	
h3.entete{
	background-color:#fff;
	padding:10px;
	color:#53557d;
	}	
	
#moreForm{
	background-color:#53557d;
	border-radius:25px;
	padding:10px 15px;
	color:#fff;
	text-align:center;
	width:100%;
	max-width:
	margin:0 auto;
	}	
	
	#moreForm a{
		text-decoration:none;
		color:#fff;
		}
	


	
#formCivilite{
	width:100%;
}

#formNaissance{
	width:100%;
	}	
	
			

@media screen and (min-width:240px) and (max-width:640px){
#formCivilite{
	
}

#formNaissance{
	}		
}

@media screen and (min-width:640px) and (max-width:960px){
#formCivilite{
	float:left;
	max-width:200px;
}

#formNaissance{
	float:left;
	max-width:350px;
	}
}

@media screen and (min-width:960px) and (max-width:1200px){
#formCivilite{
	float:left;
	max-width:200px;
}

#formNaissance{
	float:right;
	max-width:350px;
	}
}
	
@media screen and (min-width:1200px){
#formCivilite{
	float:left;
	max-width:200px;
}

#formNaissance{
	float:right;
	max-width:350px;
	}

}

		
	
h2{
	background-color:#d21a3b;
	color:#fff;
	}	
	
a{
	text-decoration:none;
	color:#7540c3;
	}	
	
#container{
	position:relative;
	height:auto!important;
	min-height:100%;
	height:100%;
	margin:0 auto;
	padding:0;
}

#alt, #clear{
	clear:both;
	}		

#topSiteSecond{
	background: linear-gradient(#5855a4, #53557d);
	position:fixed;
	padding:15px 0;
	margin:0 auto;
	border-bottom:1px solid #fff;
	width:100%;
	z-index:10;
	}			

#wrapper{
	text-align:left;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	min-width:240px;
	min-height: 100%;
	position:relative;
	top:80px;
	z-index:0;
	}	
	
#footer{
	margin:30px 0 0 0;
	font-size:12px;
	color:#fff;
	background: linear-gradient(#5855a4, #53557d);
	/*position:absolute;*/
	border-top:1px solid #fff;
	box-shadow:#000 5px 1px 1px;
	bottom:0;
	margin-top:80px;
	left:0;
	right:0;
	width:100%;
	padding:20px 0;
	}
	
	#footer a{
		color:#fff;
	}
	
		#footer ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
	#footer ul li{
		display:inline-block;
		}
	

#ariane {
	
	}
	
	#ariane a{
		color:#d21a3b;
		}	

#contentLeft{
background-color:#fff;
	}

#contentRight{

	}


@media screen and (min-width:240px) and (max-width:640px){
#contentLeft{
	width:100%;
	display:block;
	}

#contentRight{
	visibility:hidden;
	display:none;
	height:0;
	}	

#imgForm{
	visibility:hidden;
	display:none;
	height:0;
	}		
}

@media screen and (min-width:640px) and (max-width:960px){
#contentLeft{
	width:68%;
	float:left;
	max-width:560px;
	}
	
#contentRight{
	width:30%;
	float:right;
	max-width:220px;
	margin-left:10px;
	}	
	
#imgForm{
	visibility:hidden;
	display:none;
	height:0;
	}		
}

@media screen and (min-width:960px) and (max-width:1200px){
#imgForm{
	float:left;
	}		
	
	#contentLeft{
	width:70%;
	float:left;
	max-width:710px;
	margin:0;
	padding:0;
	}
	
#contentRight{
	width:30%;
	float:right;
	max-width:250px;
	margin:0;
	padding:0;
	}	
}
	
@media screen and (min-width:1200px){
#contentLeft{
	width:100%;
	float:left;
	/*max-width:850px;*/
	}

#contentRight{
	width:30%;
	float:right;
	max-width:300px;
	}

#imgForm{
	float:left;
	overflow:hidden;
	}	
}
	
#content{
	background-color:#fff;
	padding:25px;
	font-size:14px;
	}	
	
	#content h1{
		font-size:34px;
		margin:0 0 15px 0;
		}
		
	#content h2{
		padding:5px;
		font-size:24px;
		}		
		
		

#adresse{
	display:none;
	}				
	
/* 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;
	}	
	
	
form.question{
	width:100%;
	}	
	
@media screen and (min-width:240px) and (max-width:640px){
	form.question{
	margin:0 0 55px 0;
	}		
}

@media screen and (min-width:640px) and (max-width:960px){
	form.question{
	max-width:590px;
	}	
}

@media screen and (min-width:960px) and (max-width:1200px){
form.question{
	max-width:450px;
	float:right;
	margin-left:10px;
	}		
}
	
@media screen and (min-width:1200px){
form.question, #contentAgenda{
	max-width:620px;
	float:left;
	margin-left:120px;
	}	
	
}

textarea{
	min-height:22px;
	border-radius:15px;
	width:100%;
	border: #53557d 1px solid;
	font-size:14px;
	padding: 10px;
	transition: all 0.2s;
	}
	
	textarea:hover{
		color:#850606;
		
		}
	
input[type=text]{
	width: 100%;
	border: #53557d 1px solid;
	border-radius:5px;
	color:#38170e;
	font-size:14px;
	padding:10px;
	transition:all 0.2s;
	}
	
	input[type=text]:hover{
		color:#850606;
		}
	
select{
	width: 100%;
	border: #53557d 1px solid;
	border-radius:5px;
	color:#38170e;
	font-size:14px;
	padding:5px;
	}

	select:hover{
		color:#850606;
		}
	
#separationForm{
	height: 1px;
	width: 100%;
	background-color: #53557d;
	box-shadow: #d1d1d1 0 1px 1px;
	opacity: 0.6;
	margin:10px 0;
	}

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

input#addTel{
	width:400px;
	}	
		
input[type=checkbox] { 
width:18px; 
border: none; 
margin:0 2px;
}	

input[type=radio] { 
	width:20px; 
	border: none; 
	margin:2px;
	}	
	



/* 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:none;
	background-color: #4577B2;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
	
input.newsletterButton {
	border:none;
	display:inline;
	padding:15px 35px 15px 35px;
	background-color:#53557d;
	transition:all 0.2s ease-out;
	color:#fff;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin:25px 0 25px 0;
	}	
	
	input.newsletterButton:hover {
	background-color:#38335c;
	padding:15px 25px 15px 25px;
	}	
	
#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;
	width:100%;
	height:auto;
	transition: all 0.2s;
	z-index:0;
	cursor: pointer;
	position: relative;
	
}

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

@media screen and (min-width:240px) and (max-width:640px){
	#carta0, #carta1, #carta2 {
	margin:5px;
	max-width:75px;
	}	
}

@media screen and (min-width:640px) and (max-width:960px){
	#carta0, #carta1, #carta2 {
	margin:5px;
	max-width:90px;
	}
}

@media screen and (min-width:960px) and (max-width:1200px){
	#carta0, #carta1, #carta2 {
	margin:8px;
	max-width:100px;
	}
}
	
@media screen and (min-width:1200px){
#carta0, #carta1, #carta2 {
	margin:10px;
	max-width:120px;
	}
}

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

#muestraError{
	text-align:right;
	color:#ccc;
	height:20px;
	padding: 3px;
	
	}	
	
.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.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: 100%; 
	max-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 auto;
	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 {
	background-color:#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-color:#414141;
	padding: 10px 20px;
	border-radius:5px;
	cursor:pointer;
	font-size:13px;
	color:#fff;
	opacity:0.7;
	}
	
.classic:hover{
	opacity:1.0;
	background-color:#568203;
	}	

.newsletterButton.agenda:hover {
	background-color:#568203 ;
	}
	
.agenda ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.agenda ul li{
	width:60%;
	border:1px solid #aaa;
	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;
		}

.date{
	width:auto;
	}
.civilite{
	width:100%;
	max-width:100px;
	}	

/* 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;
	}		
	
	


@media screen and (min-width:1200px){
	#contentLeftBig{
	min-height:600px;
	}	
}
			
#infoBulleForfait{
	border-radius:20px;
	padding:15px 15px 10px 30px;
	  color: #3c763d;
 	 background-color: #dff0d8;
  	border-color: #d6e9c6;
 	 font-size:12px;
	}	
	
	#infoBulleForfait h3{
		margin:0;
		padding:0;
		}		
		
/*   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;
}		


/* bouton recherche index */

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

/* 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: #c00800 !important;
          border-color: #c00800 !important;
        }
        .qc-cmp-button:hover {
          background-color: transparent !important;
          border-color: #c00800 !important;
        }
        .qc-cmp-alt-action,
        .qc-cmp-link {
          color: #c00800 !important;
        }
        .qc-cmp-button.qc-cmp-secondary-button:hover
         {
          border-color: transparent !important;
          background-color: #c00800 !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: #c00800 !important;
            border-color: #c00800 !important;
        }
		
/*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;
	}
	
/*  Listing mediums Accueil */	
	
ul.mediumList{
	list-style-type:none;
	padding:0;
	margin:0 auto;
	width:100%;
	text-align:center;
	}	
	
ul.mediumList li{
		float:left;
		text-align:left!important;
		margin:5px;
		padding:5px 10px 5px 10px;
		background: linear-gradient(#f1f1f1, #f0f0f0);
		position:relative;
		width:100%;
		}
		
		ul.mediumList li p{
			font-size:13px;
			}
		
ul.mediumList li img.consultant{
			float:left;
			width:100%;
			max-width:90px;
			margin:0 5px 5px 0;
			}	
	
span.btn_appelIndex{
background:url(../images/icone/icon_call.png) center left 10px no-repeat;
background-color: #414141;
padding:10px 15px 10px 35px;
border-radius:5px;
position:absolute;
bottom:2px;
right:5px;
transition:all 0,2s;
cursor:pointer;
}

span.btn_appelIndex:hover{
	background-color: #7db100;
	}
	

ul.mediumListComplet{
	list-style-type:none;
	padding:0;
	margin:0 auto;
	width:100%;
	text-align:center;
	}	
	
ul.mediumListComplet li{
		float:left;
		text-align:left!important;
		margin:5px;
		padding:5px 10px 5px 10px;
		background: linear-gradient(#f1f1f1, #f0f0f0);
		position:relative;
		width:100%;
		max-width:270px;
		}	

ul.listSupportContact{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.listSupportContact li{
	float:left;
	width:100%; 
	max-width:300px;
	text-align:center;
}


@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){

}