@import "reset.css";
@import "skeleton.css";
@import "superfish.css";


/*
#b6c1cc 210-11-80  (gris)	ligne apres header
#004f9e 210-100-62 (bleu)	background body, titres, liens
#001e80 226-100-50 (bleu)	menu over, fleche
*/
/* 	Polices Google utilisées 
	font-family: 'Droid Sans', sans-serif;
	font-family: 'Droid Serif', serif;
	.arial { font: 13px/18px  Arial, Helvetica, sans-serif; }
	.arialI { font: 13px/18px  Arial, Helvetica, sans-serif; font-style:italic; }
	.arialB { font: 13px/18px  Arial, Helvetica, sans-serif; font-weight:bold; }
	.droid { font: 13px/18px  'Droid Sans', sans-serif;  }
	.droidI { font: 13px/18px  'Droid Sans', sans-serif; font-style:italic; letter-spacing:1px;}
	.droidB { font: 13px/18px  'Droid Sans', sans-serif; font-weight:bold; }
*/

html {
	width: 100%;
}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}
* {
	-webkit-text-size-adjust: none;
}
body {
	font: 13px/18px  'Droid Sans', Arial, Helvetica, sans-serif; /* 13px/18px */
	color: #727272;
	position: relative;
	min-width: 960px;
	/*padding-top: 15px;*/
	border-top:15px solid #004f9e;
	/*background: #eeeeee;*/
	/*background: #004f9e /*url(../images/bg_body.png) 0 0 repeat #393939*/;
	background: url(../images/bot_bg.png) 0 0 repeat ;
}

address {
	font-style: normal;
}

p {
	margin-bottom: 20px;
}


input {
	border-radius: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #4b4b4b;
	font-style: italic;
	font-weight: normal;
	letter-spacing:1px; /* Ajoute par VPI */ 
}

h2 { /* Modifié par VPI */
	font-size: 26px /*22px*/;
	line-height: 30px /*26px*/;
	color: #004f9e /*001e80 /*3e3e3e*/;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 25px;
	padding-top: 49px;
	margin-bottom: 27px
}

.page1 h2 {
	font-size: 26px;
	line-height: 28px;
	color: #8595a6 /*909090*/;
	border-bottom: none;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 27px;
}

h3 {  /* Modifié par VPI */
	font-size: 18px;
	line-height: 24px;
	color: #3e3e3e;
	padding-top: 20px;
	padding-bottom: 20px;
}

.page1 h3 {
	font-size: 22px;
	line-height: 26px;
	color: #004f9e;
	border-bottom: 1px solid #e8e8e8;
	padding-top: 49px;
	padding-bottom: 25px;
	margin-bottom: 28px;
}

h3.biographie { /* Ajouté par VPI */
	font-size: 22px;
	color: #004f9e;
	padding-top:3px;
}

/*h3.head1 {
	padding-top: 41px;
}*/

h4 {
	font-size: 22px;
	line-height: 26px;
	color: #3e3e3e;
	padding-top: 43px;
}

img {
	max-width: 100%;
}

strong {
	color: #5c5c5c;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list.l1 {
	margin-top: -2px;
}

ul.list li{
	text-transform: uppercase;
	padding-left: 22px;
	background: url(../images/marker.png) 0 4px no-repeat;
	font-size: 11px;
}
ul.list.l2 li {
	background:none;
	list-style: disc;
	padding-left:0px;
	margin-left:15px;
}
.bioFormation ul.list li { /* Ajoute par VPI */
	background: url(../images/marker.png) 0 2px no-repeat;
	font-size: 13px; line-height:16px; text-transform:none;
}
ul.list.listeReiki li { /* Ajoute par VPI */
	background:none;
	text-align:center;
	padding-left:0px;
}

ul.list li+li {
	margin-top: 8px;
}

/* list2 - ajoute par VPI */
ul.list2  {
	/*margin-left: 20px;*/
	list-style: disc;
}
ul.list2 li  {
	margin-left: 20px;
	padding-top:5px;
}

ol { list-style-type: decimal; margin-left:20px; }
ol li { padding-left:5px; }


a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #004f9e /*FE2745*/;
}

a.btn {
	color: #004f9e /*313131*/;
	display: inline-block;
	border: 1px solid #ececec;
	font: italic 12px/16px Georgia, 'Times New Roman', Times, serif;
	padding: 7px 19px 10px;
	margin-top: 26px;
	background-color: #fff;
}

a.btn:hover {
	background-color: #004f9e /*3C3C3C*/;
	color: #fff;
	border-color: #3C3C3C;
}
a.btn.btnGris 			{ background:#f2f2f2; font-size:115%; line-height:1.5; }
a.btn.btnGris:hover 	{ background:#004f9e; }
a.btn.btnSubmit 		{ background:#f2f2f2; }
a.btn.btnSubmit:hover 	{ background:#004f9e; }


a.link1 {
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	font: italic 12px/16px Georgia, 'Times New Roman', Times, serif;
	padding: 7px 19px 10px;
	margin-top: 37px;
	background-color: #004f9e /*474747*/;
}

a.link1:hover {
	background-color: #F5F5F5;
	color: #004f9e /*3C3C3C*/;
}

a.link2 {
		transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	display: inline-block;
	min-width: 9px;
	height: 20px;
	background: url(../images/link_arrow.png) 0 7px no-repeat;
}

a.link2:hover {
	background-position: right center;
}

a.link-1 {
	text-decoration: underline;
	color: #004f9e /*fe2745 (red) */;
}

a.link-1:hover {
	color: #000;
}

a.link-2 { /* Ajouté par VPI*/
	text-decoration: none;
	color: #004f9e;
}
a.link-2:hover {  /* Ajouté par VPI*/
	text-decoration: underline;
}

/****classes****/

.mb0 {
	margin-bottom: 0px !important;
}
.mb5 { /* Ajouté par VPI*/
	margin-bottom: 5px !important;
}
.mb10 { /* Ajouté par VPI*/
	margin-bottom: 10px !important;
}
.mb20 { /* Ajouté par VPI*/
	margin-bottom: 20px !important;
}
.m0 {
	margin: 0 !important;
}
.pad0 {
	padding: 0 !important;
}

/* Divers - ajoute par VPI */  
.gras			{ font-weight:bold; }
.ital			{ font-style:italic; }
.note			{ font-size:11px; font-style:italic; }
.padT10			{ padding-top:10px; }
.padT20			{ padding-top:20px; }
.essAll			{ font-size:16px; font-weight:bold; }
.ssTitre1		{ font-family: Georgia, 'Times New Roman', Times, serif;
				font-size:16px; line-height:22px; font-style:italic; padding-bottom:10px; }
.transformNo	{ text-transform:none; }
/* Page Biographie */
.bioFormation	{ margin-top:10px; padding-top:5px; border-top:1px solid #E8E8E8; }
/* Page Temoignages */
.temoignage p			{ margin-bottom:10px; }
.temoignage p.signature	{ width:40%; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #a6a6a6/*E8E8E8*/; }

/* Divers - fin */

.img_inner {
	max-width: 100%;
	margin-top: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.fleft {
	float: left;
	width: auto !important;
	margin-right: 24px;
	margin-bottom: 0;
	margin-top: 2px;
}

.bt_1 {
	padding-bottom: 4px;
	overflow: hidden;
}

.oh {
	overflow: hidden;
}
.fright {
	float: right !important;
}
.upp {
	text-transform: uppercase;
}
.rel {
	position: relative;
	overflow: hidden;
}
.alright {
	text-align: right;
}
.center {
	text-align: center;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}

.pb0 {
	padding-bottom: 0 !important;
}


/*header*/

header {
	display: block;
	position: relative;
	z-index: 998;
	background:  #fff;
	padding-top: 10px /*38px*/ ;
	padding-bottom: 10px /*27px*/;
}

header:after {
	height: 4px;
	background-color: #ccd9e5 /*b6c1cc /*#bababa*/;
	content: '';
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: -4px;
}

.page1 header:after {
	display: none;
}


header h1 {
	z-index: 910;
	float: left;
	text-align: center;
}
header h1 a {
	display: inline-block;
	overflow: hidden;
	width: 173px;
	height: 125px /*68px*/;
	text-indent: -999px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
header h1 a img {
	display: block;
}

.col1 {
	color: #004f9e /*313131*/;
}

a span.col1:hover { /* ajouté par VPI */ 
	text-decoration:underline;
}
.page1_block {
	background-color: #fff;
	padding-top: 49px;
	padding-bottom: 65px;
}

.page1_block .grid_16 {
	font: italic 14px/22px 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
	color: #8595a6 /*b9b9b9*/;
	letter-spacing:1px; /* Ajoute par VPI */
}

.page1_block img {
	margin-top: 51px;
}

.page1_block .title {
	border-bottom: 1px solid #e8e8e8;
	padding-top: 25px;
	padding-bottom: 17px;
	color: #004f9e /*444*/;
	margin-bottom: 19px;
	text-align: left;
	font: bold italic 18px/22px 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
}

.page1_block a.btn {
		/*padding: 7px 18px 10px 18px;*/
		padding: 12px 20px 10px 20px;
		margin-top: 10px; 
		background-color: #f9f9f9; /* Ajoute par VPI */
}
.page1_block a.btn:hover { /* Ajoute par VPI */
	background-color:#004f9e;
}


/**Content**/

.content {
	padding-bottom: 100px;
	background: #fff;
	min-height:400px; /* ajouté par vpi */
}

 .page1 .content {
	padding-bottom: 71px;
}

.car_div {
	margin: 0 -5px;
}

.carousel1 {
	margin-top: -2px;
	cursor: default !important;
}

.carousel1 li {
	float: left;
	margin: 0 5px;
}

.carousel1 li a.gal {
	display: block;
}

a.gal {
	background: url(../images/magnify.png) center center no-repeat #3C3C3C;
}

a.gal img {
		transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a.gal:hover img{
	opacity: 0.5;
}

.carousel1 li a+a {
	margin-top: 11px;
}

a.next1,a.prev1 {
	width: 28px;
	height: 28px;
	display: block;
	float: right;
	background: url(../images/prevnext1.png) 0 0 no-repeat;
	margin-top: 19px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;


}

a.next1 {
	margin-left: 3px;
	background-position: right bottom;
}

a.prev1:hover {
	background-position: 0 bottom;
}

a.next1:hover {
	background-position: right 0;
}

.f1 {
	display: block;
	margin-top: -2px;
	margin-bottom: 17px;
}

.f1 figcaption {
	display: block;
}



.f1 figcaption a {
	display: block;
	background-color: #f5f5f5;
	padding-top: 1px;
	padding-bottom: 3px;
	font: italic 18px/48px Georgia, 'Times New Roman', Times, serif;
	color: #3c3c3c;
	text-align: center;
}

.f1 figcaption a:hover {
	background-color: #004f9e /*#333*/;
	color: #fff;
}

.blog {
	overflow: hidden;
}

h
.blog .links {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.text1 {
	color: #3e3e3e /*444444*/ ;
/*	font: bold italic 18px/24px Georgia, 'Times New Roman', Times, serif;*/
	font: bold italic 17px/24px Georgia, 'Times New Roman', Times, serif;
	margin-bottom: 20px /*14px*/ ;
	padding-top:3px; /* Ajoute par VPI */ 
	letter-spacing:1px; /* Ajoute par VPI */ 

}
.text1Normal { /* Ajouté par VPI */
	font-size:16px;
	font-weight:normal;
	letter-spacing:0px; 
}

.blog a.btn {
	margin-top: 27px;
}

.blog+.blog {
	margin-top: 29px;
}

.blog+.blog+.blog {
	margin-top: 28px;
}

.pad1 {
	padding-right: 5px;
}

p.text1 {
	margin-bottom: 11px;
}

.clear.cl1 {
	height: 25px;
}

.off1 {
	margin-top: -3px;
	margin-bottom: 12px !important;
}

.btn.bt1 {
	margin-top: 27px;
}

.block1 {
	margin: 0 -6px;
}

.block1 img {
	margin: 0 6px 10px;
	display: block;
	float: left;
}

.ulinks .text1{
	margin-bottom: 11px;
}

.ulinks ul.list {
	padding-top: 14px;
}

.ulinks .clear {
	height: 25px;
}

.priv .text1 
{
	margin-top: -3px;
	margin-bottom: 15px /*11px*/;
}

.priv {
	padding-bottom: 42px;
}

.priv p {
	padding-bottom: 3px;
}

.priv a.link-1 {
	position: relative;
	/*top: 18px;*/
}
/**Map**/

.map {
	margin-bottom: 0 !important;
	padding-top: 2px;
	padding-right: 0 !important;
	overflow: hidden;
}

.map figure {
	padding-top: 0px;
	float: none !important;
	display: block;
	width: 100%;
	margin-bottom: 17px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.map figure iframe {
	width: 100%;
	height: 299px;
	max-width: 100%;
}
.map address {
	display: block;
}



.map address dd span {
	min-width: 85px;
	display: inline-block;
	text-align: left;
}

/**Footer**/

.f_top {
	background: url(../images/bot_bg.png) 0 0 repeat;
	box-shadow: inset 0 3px  3px  #dcdcdc;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #e7e7e7;
	/*padding-bottom: 44px;*/
}

.f_top>div>div {
	/*background: url(../images/bg_footer.png) 0 0 repeat-x;*/
}

footer {
	display: block;
	/*margin-bottom: 10px;*/
}

footer h4 { /* Ajoute par VPI */
	font-size: 16px;
	line-height: 36px;
	margin;0px; padding:10px 0px;
	color: #909090;

}

.copy {
	text-align: center;
	/*background-color: #fff;*/
	border-bottom: 1px solid #e7e7e7;
	font-size: 15px;
	font-family: 'Times New Roman', Times, serif;
	font-style: italic;
}

.socials {
	/*padding-top: 20px;*/
}

.socials a{
	display: inline-block;
	width: 36px;
	border-radius: 500px;
	height: 36px;
	margin-left: 1px;
	position: relative;
}

.socials a:before {
	background: url(../images/socials.png) 0 0 no-repeat;
	width: 36px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	height: 36px;
}

.socials a+a {
	margin-left: -1px;
}

.socials a+a:before {
	background-position: -39px 0;
}

.socials a+a+a:before {
	background-position: -78px 0;
}

.socials a+a+a+a:before {
	background-position: right 0;
}

.socials a.fb:before { /* Facebook */
	background-position: -39px 0;
}
/* Google+ */
/*.socials a.gp:before { 
	background-position: right 0
}

.socials a:hover:after {
	width: 34px;
	z-index: 1;
	height: 34px;
	content: '';
	display: block;
	left: 1px;
	top: 1px;
	position: absolute;
	border-radius: 500px;
	background-color: #004f9e;
}
.socials a.gp:hover:after {
	background-color: #dd4b39;
}*/

.copy {
		padding: 20px 0px /*37px 0*/;

}

/*
.copy span {
	display: inline-block;
	background: url(../images/footer_logo.png) 0 1px no-repeat;
	width: 11px;
	margin-top: 3px;
	height: 11px;
}
*/
.copy strong {
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #7e7e7e;
	margin: 8px 7px 0;
	border-radius: 2px;
}

/**To Top**/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 38px;
	left: 51%;
	margin-left: 500px;
	overflow: hidden;
	width: 41px;
	height: 41px;
	border: none;
	text-indent: -999px;
	z-index: 20;
	background: url(../images/totop.png) no-repeat left 0;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
#toTop:hover {
	outline: none;
	background-position: right 0;
}

@media only screen and (max-width: 1050px) {
	.camera_prev {
		left: 15px !important;
		margin-left: 0 !important;
	}

	.camera_next {
		margin-right: 0 !important;
		right: 15px !important;
	}
}


/* Pages d'erreurs */
/* Mettre ces styles dans les deux fichiers styles.css pour Essence et alliances et le sous-domaine Maryse*/
.bError header h1 		{ padding-top:20px; padding-bottom:20px; }
.bError p, .bError li 	{ font-size:15px; }
.bError ul.list2 li 	{ font-size:17px; line-height:1.6; color: #004f9e;  }
.bError ul.list2 a 		{ font-family: Georgia, 'Times New Roman', Times, serif;
   						font-style: italic; font-weight: normal; color: #004f9e; }
.bError ul.list2 a:hover { text-decoration:underline; }


/* Formulaire Inscriptions Ateliers TTouch */
#form.inscription fieldset		{ margin-bottom:0.5rem }
#form.inscription h3 			{ padding-bottom:1rem }
#form.inscription label 		{ width: 100%; margin-bottom:1rem; }
#form.inscription label.name,
#form.inscription label.adress,
#form.inscription label.email 	{ max-width: 350px; }
#form.inscription label.phone,
#form.inscription label.cell 	{ max-width: 200px; }
#form.inscription label.dateAtelier input 	{ max-width: 200px; }

#form.inscription .chienInfo { display:inline-block; max-width:700px; font-style:italic; }
#form.inscription label.chienNom,
#form.inscription label.chienRace,
#form.inscription label.chienAge,
#form.inscription label.chienAllergies 	{ max-width: 350px; }
#form.inscription label.chienNotes textarea { height:100px; }

input::placeholder { color: #cccccc; opacity: 1; /* Firefox */ font-style:italic; font-size:85%; } /* Chrome, Firefox, Opera, Safari 10.1+ */
input:-ms-input-placeholder { color: #cccccc; font-style:italic; font-size:85%; } /* Internet Explorer 10-11 */
input::-ms-input-placeholder { color: #cccccc; font-style:italic; font-size:85%; } /* Microsoft Edge */
input[type="date"]::-webkit-inner-spin-button { display:none; }

#form.inscription .error, #form.inscription .empty { top: 0px; }
#form.inscription label.dateAtelier .error, #form.inscription label.dateAtelier .empty { top: 30px; left: 220px; }

#form.inscription label.radio p  { margin-bottom:0px;   }
#form.inscription input[type="radio"]  { float:none; width:1.5rem !important; height:1.5rem; margin-bottom:0px; margin-right:0.5rem; }
#form.inscription input[type="radio"] + span  { line-height:2rem; }
#form.inscription .pmtInfo { display:inline-block; }

#form.inscription .success { width:100%; background: #F2F2F2; font-size:115%; line-height:1.5; position:relative; }
#form.inscription .requis  { color:#E02A05; padding-left:0.15rem; }

#form.inscription .btns 		{ padding-top:2rem; text-align:left; }
#form.inscription .btns a 		{ font-size:135%; line-height:1.5; }



/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
}


 .nowrap {
 white-space: normal;
}


 .map address {
 float: left;
 margin-right: 30px;
}

 .map address+address {
 	margin-top: 0;
 }
 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
 .extra_wrapper {
 overflow: visible;
}

.map figure {
	margin-bottom: 15px;
}

.block1 img {
	width: 104px;
}
}
@media only screen and (max-width: 767px) {
 body {
 min-width: 420px;
}

.block1 img {
	width: 100%;
	margin: 0 0 10px;
}

.block1 {
	margin: 0 !important;
}

.ulinks .clear {
	height: 0px;
}
.ulinks ul.list {
	margin-bottom: 25px;
}

.img_inner {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}



.img_inner img {
	width: 100%;
}

 header {
 position: relative;
}
 header h1 {
 	padding-top: 25px;
 margin-bottom: 10px;
 float: none;
 text-align: center;
}
 header h1 a {
 	width: auto;
 	display: inline-block;
 height: auto;
}
 header h1 a img {
}

 .map {
 	padding-right: 4px;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 	margin-right: 0;
}

 .map address+address {
 	margin-left: 20px;
 }
 .content .noresize {
 width: auto !important;
 float: left !important;
 margin-right: 20px !important;
 margin-top: 4px !important;
}


 .img_inner {
 margin-top: 20px;
}

.page1 img {
	width: 100%;
}



}
@media only screen and (max-width: 479px) {
 body {
 min-width: 300px;
}



 .map address {
 	float: none;
 }

 .map address+address {
 	margin-left: 0px;
 	margin-top: 20px;
 }

 .map figure iframe {
 width: 100%;
 height: 200px;
}


}