@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");

/*
	Solarize by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */

iframe{
    height: 400px;
    width: 100%;
    border: none;
}

	body {
		background: #222222;
	}

		body.loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body, input, select, textarea {
		color: #555555;
		font-family: 'Lato', sans-serif;
		font-size: 12pt;
		font-weight: 400;
		line-height: 1.65em;
	}

	a {
		color: #82b440;
		text-decoration: underline;
	}

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 0em 0;
	}

	p {
		line-height: 1.8em;
	}

		p.medium {
			font-size: 1.4em;
		}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 700;
		font-family: 'Merriweather', sans-serif;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1.25em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px #82b440;
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em #82b440;
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	section.special, article.special {
		text-align: center;
	}

	header.major {
		padding-bottom: 3em;
		text-align: center;
	}

		header.major h2 {
			font-size: 2.6em;
			font-weight: 700;
		}

		header.major .byline {
			display: block;
			padding-top: 1em;
			letter-spacing: 1px;
			font-size: 1.4em;
		}

	footer > :last-child {
		margin-bottom: 0;
	}

	footer.major {
		padding-top: 3em;
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px #82b440;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #82b440;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	.formerize-placeholder {
		color: rgba(85, 85, 85, 0.5) !important;
	}

/* Image */

	.image {
		border: 0;
		position: relative;
	}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

		.image.feature {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.feature img {
				display: block;
				width: 100%;
			}

/* Icon */

	.icon {
		position: relative;
	}

		.icon:before {
			content: "";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* Lists */

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

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

		ul.default li {
			padding: 0.40em 0em;
		}

	ul.icons {
		cursor: default;
		padding-bottom: 2em;
	}

		ul.icons li {
			display: inline-block;
			line-height: 1em;
			padding: 0.5em 1em;
		}

			ul.icons li:first-child {
				padding-left: 0;
			}

			ul.icons li span {
				display: none;
			}

			ul.icons li a {
				text-decoration: none;
				font-size: 2em;
				color: inherit;
				opacity: 0.2;
				-moz-transition: all 0.35s ease-in-out;
				-webkit-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				-ms-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
			}

			ul.icons li a:hover {
				color: inherit;
				opacity: 1;
			}

	ul.actions {
		cursor: default;
	}

		ul.actions:last-child {
			margin-bottom: 0;
		}

		ul.actions li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}

			ul.actions li:first-child {
				padding: 0;
			}

		ul.actions.vertical li {
			display: block;
			padding: 1.5em 0 0 0;
		}

			ul.actions.vertical li:first-child {
				padding: 0;
			}

	ul.special-icons {
		margin: 0em;
		padding: 0em;
	}

		ul.special-icons > li {
			position: relative;
			padding: 0.50em 0em 0.50em 0em;
		}

		ul.special-icons > li:before {
			position: absolute;
			left: 0;
			top: 2em;
			display: block;
			background: none;
			font-size: 2em;
			border-radius: 5px;
		}

		ul.special-icons > li:first-child {
			border-top: none;
		}

		ul.special-icons h3 {
			margin-bottom: 0.80em;
			line-height: 2em;
			text-transform: uppercase;
			font-weight: 700;
			font-size: 1.2em;
		}

		ul.special-icons span {
			line-height: 190%;
		}

		ul.special-icons .fa {
			float: left;
			display: inline-block;
			padding-right: 1em;
			font-size: 1.4em;
			color: #82b440;
		}

		ul.special-icons p {
			padding-left: 2.7em;
		}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px #82b440;
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 700;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #555555;
				color: #fff;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border-radius: none;
		border: 2px solid;
		border-color: #82b440;
		color: #82b440;
		cursor: pointer;
		display: inline-block;
		padding: 0.90em 1.2em;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.4em;
		-moz-transition: all 0.35s ease-in-out;
		-webkit-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background: #82b440;
			color: white;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			border-color: inherit;
			color: inherit;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background: white;
				color: #82b440;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

/* Wrapper */

	.wrapper {
		padding: 3em 0em 0em 0em;
	}

		.wrapper.clinique {
			padding: 0em;
			background-color: #F0FFFF;
			background-size: cover;
			background-position-x: center;
		}

    .wrapper.toilettage {
			padding: 0em;
			background-color: #F0FFFF;
			background-size: cover;
		}

    .wrapper.boutique {
			padding: 0em;
			background-color: #F0FFFF;
			background-size: cover;
		}

		.wrapper.style2 {
			background: #b6924c;
		}
		.wrapper.style2 img, .wrapper.style2-boutique img, .wrapper.style2-toilettage img{
				max-width: 100%;
				border-radius: 10px;
		}


		.wrapper.style2.nousjoindre {
			background: cadetblue;
		}
        .wrapper.style2.service1 {
			background: aliceblue;
		}
        .wrapper.style2.service2 {
			background: beige;
		}
        .wrapper.style2.service3 {
			background: antiquewhite;
		}
        .wrapper.style2.service4 {
			background: gainsboro;
		}
        .wrapper.style2.service5 {
			background: palegoldenrod;
		}
        .wrapper.style2.service6 {
			background: cornsilk;
		}
        .wrapper.style2.service7 {
			background: navajowhite;
		}
		.wrapper.style2.service-left, .wrapper.style2.service-left h2 a, .wrapper.style2.service-left .byline {
				color:white;
				background: #b6924c;
				text-align: justfy;
}
.wrapper.style2.service .link {
		color:#333;
}
		.wrapper.style2.service, .wrapper.style2.service-toilettage {
			color: black;
			padding-top:3em;
			padding-bottom: 3em;
}
        .wrapper.style2.service-right,
        .wrapper.style2.service-right h2,
        .wrapper.style2.service-right h2 a,
        .wrapper.style2.service-right .byline {
            color:black;
						background: white;
            text-align: left;
		}
        .wrapper.style2.service7 ul{
			list-style-type: disc;
            margin-left: 40px;
            margin-top: 10px;
            color: #555555;
            font-weight: bold;
		}
		/*
        .wrapper.style2.service .major h2 a{
			background: none;
            color: black;
		}
		.wrapper.style2.service .major .byline {
			background: none;
            color: black;
		}
		.wrapper.style2.service .major a {
            color: white;
            text-decoration: none;
		}
        */
        .wrapper.style2 .major .byline {
            letter-spacing: normal;
            line-height: 1.6em;
            text-transform: none;
            font-size: 1.3em;
						font-weight: 300;
        }

			.wrapper.style2 .major {
				text-align: left; /*!important;*/
			}

				.wrapper.style2 .major h2 {
					display: block;
					/* margin-bottom: 0.70em; */
					letter-spacing: 1px;
					line-height: 1.4em;
					text-transform: initial;
					font-size: 1.8em;
					font-weight: 600;
          color: white;
				}

				.wrapper.style2.nousjoindre .major h2 {
					margin-bottom: 20px;
					font-weight: 800;
				}

				.wrapper.style2.nousjoindre .major .byline {
					letter-spacing: normal;
					line-height: 1.6em;
					text-transform: none;
					font-size: 1.4em;
                    color: white;
				}

                #clinique-description{
										display: inline-block;
                }

                #heures-ouverture span{
                    float: right;
                }

                #heures-ouverture li span{
                    font-weight: bold;
                }

                #heures-ouverture-container{
                    padding: 0px !important;
                    background: white;
                    border-radius: 10px 10px 0px 0px;
										margin-top: 40px;
                }

                #heures-ouverture-container div{
                    margin: 40px;
                    background: white;
                }
                #heures-ouverture-container iframe{
                    position: relative;
                    top: 8px;
                }
			.wrapper.style2 h3 {
				display: block;
				margin-bottom: 1em;
				letter-spacing: 1px;
				line-height: 1.4em;
				text-transform: inherit;
				font-size: 1.4em;
				font-weight: 400;
                text-align: center;
			}
			.wrapper.style2.nousjoindre h3 {
				text-align: left;
				margin-top: 20px;
			}
			.wrapper.style2 li.coords {
                color: white;
			}
			.wrapper.style2 li.coords a {
                color: white;
                text-decoration: none;
			}
			.wrapper.style2 li.coords img{
                max-height: 1em;
			}
			.wrapper.style2 li.coords.details {
                font-size:20px;
			}

		.wrapper.style2-boutique {
			background: #e9ddc7;
		}

		.wrapper.style2 .coords-left {
			color: white;
			float: left;
		}
		.wrapper.style2 .coords-right {
            float: right;
            position: relative;
		}
		.wrapper.style2 ul.services {
            list-style-type: disc;
            margin-left: 15px;
            margin-top:20px;
            font-weight: bold;

		}

		.wrapper.style2 ul.labo {
			list-style-type: disc;
			margin-left: 15px;
			margin-top:20px;
			font-weight: bold;
			color: white;
		}
        .wrapper.style2.service7 ul.services {
            color: #555555;
        }

		.wrapper.style2 ul.services a{
			color:#333;
			text-decoration: underline;
			font-size: 1em;
			font-weight: 700;
		}



		.wrapper.style2 ul.services a:hover{
			text-decoration: underline;
		}

			.wrapper.style2-boutique .major {
				text-align: left !important;
			}

				.wrapper.style2-boutique .major h2 {
					display: block;
					margin-bottom: 0.70em;
					letter-spacing: 1px;
					line-height: 1.4em;
					text-transform: uppercase;
					font-size: 1.8em;
					font-weight: 600;
                    color: #555555;
				}

				.wrapper.style2-boutique .major .byline {
					letter-spacing: normal;
					line-height: 1.6em;
					text-transform: none;
					font-size: 1.2em;
                    color: #555555;
				}

			.wrapper.style2-boutique h3 {
				display: block;
				margin-bottom: 1em;
				letter-spacing: 1px;
				line-height: 1.4em;
				text-transform: uppercase;
				font-size: 1.6em;
				font-weight: 400;
                text-align: center;
			}


		.wrapper.style2-toilettage {
			background: #65c4c4;
            padding-bottom: 2em;
		}

			.wrapper.style2-toilettage .major {
				text-align: left !important;
			}

				.wrapper.style2-toilettage .major h2 {
					display: block;
					margin-bottom: 0.70em;
					letter-spacing: 1px;
					line-height: 1.4em;
					font-size: 1.8em;
					font-weight: 600;
          color: white;
				}

				.wrapper.style2-toilettage .major .byline {
					letter-spacing: normal;
					line-height: 1.6em;
					text-transform: none;
					font-size: 1.4em;
          color: white;
				}

			.wrapper.style2-toilettage h3 {
				display: block;
				margin-bottom: 1em;
				letter-spacing: 1px;
				line-height: 1.4em;
				text-transform: uppercase;
				font-size: 1.6em;
				font-weight: 400;
                text-align: center;
			}
		.wrapper.style3 {
			padding-bottom: 6em;
			background: #82b440;
			text-align: center;
			color: white;
		}

			.wrapper.style3 .container {
				padding-left: 6em;
				padding-right: 6em;
			}

			.wrapper.style3 p {
				font-size: 1.6em;
			}

		.wrapper.style4 {
			background: white;
		}

		.wrapper.style5 {
			background: white;
			text-align: center;
			color: #555555;
            padding-bottom: 25px;
		}

        .wrapper.style5 p {
            font-size: 20px;
            font-weight: 500;
            margin:0px;
        }

			.wrapper.style5 .image {
				display: block;
				/*width: 60%;
				1em auto 0em auto;*/
			}

				.wrapper.style5 .image img {
					border-radius: 50%;
					border: 10px solid;
					border-color: white;
				}

                .wrapper.style5 .image.dmv img {
                    max-height: 300px;

                }

                .wrapper.style5 .image.equipe img {
                    max-height: 300px;

                }

                .wrapper.style5 .image.equipe {
                    margin-top: 20px;

                }

		.wrapper.style5-boutique {
			background: white;
			text-align: center;
			color: #555555;
      padding-bottom: 6em;
		}

		.wrapper.style5-boutique li {
			text-align: left;
			font-size: 1.4em;
		}

		.wrapper.style5-boutique ul {
			margin-left: 20px;
		}

			.wrapper.style5-boutique .image {
				display: block;
				/*width: 60%;*/
				margin: 0em auto 2em auto;
			}

				.wrapper.style5-boutique .image img {
					border-radius: 20px;
					border: 10px solid;
					border-color: white;
                    max-height: 250px;
				}

                .wrapper.style5-boutique .left {
                    text-align: left;
				}

		.wrapper.style5-toilettage {
			background: white;
			text-align: center;
			color: #555555;
            padding-bottom: 6em;
		}

			.wrapper.style5-toilettage .image {
				display: block;
				/*width: 60%;*/
                max-width: 250px;
                max-height: 250px;
				margin: 0em auto 2em auto;
			}

				.wrapper.style5-toilettage .image img {
					border-radius: 20px;
					border: 10px solid;
					border-color: white;
                    max-height: 250px;
				}

                .wrapper.style5-toilettage .left {
                    text-align: left;
				}

                .wrapper.style5-toilettage h4 a {
                    color: #65c4c4;
				}
/* Foot */

	#foot {
		color: white;
        font-size: 1.5em;
		background: rgba(0, 0, 0, 0.8);
	}

    #foot .container {
        position: relative;
    }

    #foot h2.logo{
        display: block;
        text-align: center;
        font-family: 'Lato', cursive;
				font-size: 1.2em;
    }
#foot img{
    width: 45px;
    float: left;
    margin-top:5px;
    margin-right: 5px;
}

/* Header */

	#header {
		color: white;
		background: rgba(0, 0, 0, 0.8);
	}

    #header .container {
        position: relative;
        width: 1024px;
				padding-top: 12px;
				padding-bottom: 12px;
    }

    #header h2.logo{
        display: inline-block;
        float: left;
        margin-top: 5px;
    }
#header img{
    width: 60px;
    float: left;
    margin-right: 10px;
}

	.homepage #logo {
		/*display: none;*/
	}

	.homepage #nav {
		position: static;
		right: none;
		text-align: center;
	}

	#logo {
		line-height: 2em;
		font-weight: 400;
    font-size: 0.75em;
	}

		#logo h1 {
			display: inline-block;
			margin: 0;
			padding: 0;
		}

		#logo a {
			color: inherit;
		}

	#nav {
		position: absolute;
		top: 0;
		right: 0;
	}

		#nav > ul {
			margin: 0;
		}

			#nav > ul > li {
				border-radius: 4px;
				display: inline-block;
				margin-left: 0.5em;
				padding: 0 0.5em;
			}

				#nav > ul > li a {
					color: inherit;
					line-height: 4em;
					letter-spacing: 2px;
					text-decoration: none;
					text-transform: inherit;
					font-weight: 600;
					font-size: 0.8em;
				}

				#nav > ul > li:first-child {
					margin-left: 0;
				}

				#nav > ul > li.clinique.active a {
					color: #b6924c;
				}
				#nav > ul > li.boutique.active a {
					color: brown;
				}
				#nav > ul > li.toilettage.active a {
					color: #65c4c4;
				}

                #nav > ul > li.clinique a:hover {
                    color: #b6924c;
                }

                #nav > ul > li.boutique a:hover {
                    color: #e9ddc7;
                }

                #nav > ul > li.toilettage a:hover {
                    color: #65c4c4;
                }

				#nav > ul > li > ul {
					display: none;
				}

/* Dropotron */

	.dropotron {
		top: 2em;
		background: rgba(32, 32, 32, 0.75);
		border-radius: 4px;
		color: inherit;
		min-width: 12em;
		padding: 1em 0;
		color: white;
	}

		.dropotron > li {
			line-height: 2em;
			padding: 0 1em;
		}

			.dropotron > li > a {
				color: inherit;
				letter-spacing: 2px;
				text-decoration: none;
			}

			.dropotron > li.active > a, .dropotron > li:hover > a {
				color: #b6924c;
			}

		.dropotron.level-0 {
			border-radius: 0 0 4px 4px;
			font-size: 1em;
			margin-left: -0.5em;
		}

/* Banner */

	#banner {
		padding: 6em 3em 3em 3em;
		text-align: center;
		text-transform: uppercase;
		color: white;
        overflow: hidden;
        min-height: 400px;
	}

		#banner .container {
			padding: 0em 8em;
		}

		#banner h2 {
			display: inline-block;
			padding: 0.50em 0.30em;
			background: #82b440;
			font-size: 3em;
			font-weight: 400;
		}

		#banner span, #banner p {
			display: block;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-size: 1.6em;
			font-weight: 300;
		}

		#banner span {
			padding: 1em 0em;
		}

		#banner img {
			max-height: 350px;
			max-width: 350px;
			margin-left: 30px;
 			margin-right: 30px;
			vertical-align: middle;
		}

/* Main */

	#main {
		padding: 4em 0;
	}

		#main #content .major, #main #sidebar .major {
			text-align: left;
		}

		#main #sidebar section {
			margin-top: 4em;
		}

			#main #sidebar section:first-child {
				margin-top: 0;
			}

		#main #sidebar .major {
			padding-bottom: 2em;
		}

			#main #sidebar .major h2 {
				font-size: 1.8em;
			}

/* Footer */

	#footer {
		padding: 3em 0 2em 0;
		text-align: center;
		color: white;
	}

		#footer hr {
			border-bottom: 1px solid;
			border-color: inherit;
			opacity: .05;
		}

		#footer .major h2 {
			color: inherit;
		}

		#footer .major .byline {
			color: inherit;
			opacity: .4;
		}

		#footer .copyright {
			margin-top: 3em;
			text-align: center;
		}

#footer div.contact{
    float:left;
    line-height: 1.2em;
}

#footer div.left{
    text-align:left;
		padding-left: 25%;
}
#footer div.right{
    text-align:right;
		padding-right: 25%;
}
#footer h2{
	margin-bottom: 20px;
}

#footer img.facebook{
	height: 20px;
	width: 20px;
	border-radius: 10px;
}

#footer a{
	color: white;
	text-decoration: none;
}

#footer li.title{
	padding-bottom: 10px;
}

/* Copyright */

	#copyright {
		position: relative;
		text-align: center;
		padding: 3em 0em 3em 0em;
		color: inherit;
		opacity: .40;
		clear: both;
		line-height: 1.2em;
	}

		#copyright a {
			text-decoration: none;
			color: inherit;
		}

/* Extra */

	#extra1 h2 {
		display: block;
		margin-bottom: 1em;
		letter-spacing: 1px;
		line-height: 1.4em;
		text-transform: uppercase;
		font-size: 1.8em;
		font-weight: 400;
	}

	#extra1 h3 {
		display: block;
		margin-bottom: 1em;
		letter-spacing: 1px;
		line-height: 1.4em;
		text-transform: uppercase;
		font-size: 1.6em;
		font-weight: 400;
	}

/* Team */

	#team h3 {
		margin-bottom: 0.50em;
		letter-spacing: 2px;
		font-weight: 700;
	}

   .arrow-down {
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 4px solid white;
        display: inline-block;
				margin-bottom: 2px;
    }


    li.active .arrow-down {
        border-top: 4px solid #b6924c;
    }


		.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-color: #fefefe;
			margin: auto;
			padding: 20px;
			border: 1px solid #888;
			width: 80%;
		}
		
		/* The Close Button */
		.close {
			color: #aaaaaa;
			float: right;
			font-size: 28px;
			font-weight: bold;
		}
		
		.close:hover,
		.close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}