@charset "utf-8";

@font-face {
    font-family: MinionPro;
    src: url('../font/MinionPro-Bold.eot');
    src: url('../font/MinionPro-Bold.woff') format('woff'),
    	 url('../font/MinionPro-Bold.ttf') format('truetype'), 
    	 url('../font/MinionPro-Bold.svg') format('svg');


    font-family: MinionPro;
    src: url('../font/MinionPro-Regular.eot');
    src: url('../font/MinionPro-Regular.woff') format('woff'),
    	 url('../font/MinionPro-Regular.ttf') format('truetype'), 
    	 url('../font/MinionPro-Regular.svg') format('svg');


    font-family: 'MyriadPro';
    src: url('../font/MyriadPro-Bold.eot');
	src: url('../font/MyriadPro-Bold.woff') format('woff'), url('../font/MyriadPro-Bold.ttf') format('truetype'), url('../font/MyriadPro-Bold.svg') format('svg');


   	font-family: 'MyriadPro';
    src: url('../font/MyriadPro-Regular.html');
    src: url('../font/MyriadPro-Regular.woff') format('woff'),
    	 url('../font/MyriadPro-Regular.ttf') format('truetype'), 
    	 url('../font/MyriadPro-Regular.svg') format('svg');


}

/* STYLE TAJMOUATI */

body {
	font-family: MinionPro, MyriadPro, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	width:100%;
}

.container {
	float:left;
	margin:0;
	padding:0;
	margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
}

.clear {
	clear: both;
}

/* HEADER */

.header {
	background-image:url(../img/bg-h.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:182px;
	position: relative;
	z-index: 1;
}

/* HEADER-TOP */

.header-top {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	position: fixed;
	background-image: url(../img/bg-h.jpg);
}

.logo {
	text-align:center;
}

.logo img{
	margin: 0 auto;
	width:707px;
	height:152px;
}

.login-form {
background-image: url(../img/login.png);
background-repeat: no-repeat;
width: 231px;
height: 135px;
top: -44px;
position: relative;
float: right;
margin-right: 14px;
margin-top: -108px;
}

.login-form .form-l{
	margin-top: 13px;
}

.login-form .login {
color: #1d84ca;
font-family: arial, tahoma, sans-serif;
border-radius: 10px;
border: none;
margin-left: 44px;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-indent: 9px;
outline: 0;
width: 168px;
}

.login-form .mdp {
color: #1d84ca;
font-family: arial, tahoma, sans-serif;
border-radius: 10px;
border: none;
margin-left: 44px;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-indent: 9px;
outline: 0;
width: 168px;
}

.login-form .btn-cnx {
	background-color: #387CB9;
	color: #ffffff;
	float: right;
	margin-right: 17px;
	margin-top: 9px;
	padding: 6px 12px 5px 12px;
	cursor: pointer;
	border: none;
	border-radius: 19px;
}

.login-form .btn-cnx:hover {
	background-color: #5590C5;
}

.login-form .mdp-forgot {
	text-align: right;
	margin-top: 40px;
	margin-right: 17px;
}

.login-form a {
	font-family: MyriadPro, Tahoma, sans-serif;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}

.login-form a:hover {
	color:#f2f2f2;
}


/* NEW LOGIN STYLE */

.login {
background-image: url(../img/login.png);
background-repeat: no-repeat;
width: 231px;
height: 135px;
top: -44px;
position: relative;
float: right;
margin-right: 14px;
margin-top: -108px;
}

.login .form-l{
	/*margin-top: 13px;*/
}
.form-l h5{
	font-size: 17px;
color: white;
padding-left: 20px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
}

.login input[type='text'] ,.login input[type='password']{
	width: 172px;
	margin-left: 10px;
}
.login input {
color: #1d84ca;
font-family: arial, tahoma, sans-serif;
border-radius: 10PX;
border: none;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-indent: 9px;
outline: 0;
}

.line-f{margin-left: 20px;margin-top: 3px;}

.login input[type="submit"] {
	background-color: #387CB9;
	color: #ffffff;
	float: right;
	margin-right: 17px;
	margin-top: 9px;
	padding: 4px 16px 4px 6px;
	cursor:pointer;
}

.login input[type="submit"]:hover {
	background-color: #5590C5;
}


.login .mdp-forgot {
	text-align: right;
	margin-top: 36px;
	margin-right: 17px;
}

.login a {
	font-family: MyriadPro, Tahoma, sans-serif;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}

.login a:hover {
	color:#f2f2f2;
}

/* MENU */
/*
.menu{
	background-image: url(../img/menu-bg.png);
	background-repeat: no-repeat;
	width: 1289px;
	height: 29px;
	margin: 0 auto;
	text-align:center;
}

.menu li {
	display: inline;
	position: relative;
	top: 5px;
}

.menu li a {
	display: inline;
	font-family: MyriadPro, Tahoma, sans-serif;
	font-size:17px;
	text-decoration:none;
	color:#ffffff;
	margin: 18px;
}

.menu li a:hover {
	color:#f2f2f2;
}*/
.menu{
	position: absolute;
	width: 100%;
	background-image: url(../img/menu-bg.png);
		background-repeat: no-repeat;
	background-position: center;
}

#primary_nav_wrap
{
	height: 29px;
	margin:  auto;
	width: 100%;


	width: 1101px;
	margin: 0 auto;
}

#primary_nav_wrap ul
{
	height: 29px;
	list-style: none;
	position: relative;
	padding: 0;
	top: 1px;	
		margin: 0 auto;
	width: 1388px;
}

#primary_nav_wrap ul a
{
	display: block;
color: #ffffff;
text-decoration: none;
padding: 0px 15px;
font-family: MyriadPro, Tahoma, sans-serif;
font-size: 17px;
}

#primary_nav_wrap ul li
{
	position: relative;
float: left;
margin: 0;
padding: 0;
height: 29px;
line-height: 29px;
list-style: none;
}

#primary_nav_wrap ul a.active-mi
{
	color:#63c2fe;
}

#primary_nav_wrap ul a:hover
{
	color:#63c2fe;
}

#primary_nav_wrap ul ul
{
	display: none;
	width: 201px;
	height: 273px;
	position: absolute;
	top: 100%;
	left: auto;
	background: #21457f;
	padding: 0;
	left: -48px;
	text-align: center;
	margin-top: -3px;
	z-index: 100;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color:#63c2fe;
}

#primary_nav_wrap ul ul a:hover
{
	background-image: url(../img/submenu-hover.png);
	color: #ffffff;
	background-position-x: -6px;
	background-position-y: -18px;
	background-repeat: no-repeat;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
}

/* SLIDER */

.slider {
	width: 100%;
	height: 587px;
	position: relative;
	overflow: hidden;
}

/* MAIN-CONTENT */

.main-content {
	display:inline;
	float:left;
	width:100%;
	min-height: 755px;
}

.profil {
background-image: url(../img/profil-bg.png);
background-repeat: no-repeat;
background-position-x: 880px;
width: 100%;
height: 413px;
background-color: #ffffff;
position: relative;
}

.profil strong{
	color: #2f467f;
}

.temoignage{
	background-color: #efefef;
	background-image: url(../img/temoignages-bg.png);
	background-repeat:no-repeat;
	background-position: center;
	height: 324px;
}

.temoignage h2{
	font-family: MyriadPro, Geneva, sans-serif;
	font-weight: bold;
	font-size: 35px;
	text-transform: none;
	text-shadow: 2px 2px 1px rgb(177, 177, 177);
}

.temoignage strong{
	color: #727171;
}

.container-test {
	background-image: url(../img/temoignages-bg-prez.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 88px;
	padding-bottom: 24px;
}

/* FOOTER */

.footer {
width: 100%;
height: 42px;
background-color: #002b4f;
}
.rs ul,.designed-by ul{
margin: 0;
padding: 0;
}


.footer .rs{
list-style: none;
padding: 0;
margin: 0;
width: 12%;
float: left;
padding-top: 5px;
}

.rs li {
	display: inline-block;
}

.rs .facebook{
	background-image: url(../img/fb.jpg);
}

.rs .youtube{
	background-image: url(../img/yt.jpg);
}

.rs .googleplus{
	background-image: url(../img/gp.jpg);
}

.rs .facebook, .rs .youtube, .rs .googleplus{
	display: block;
	height: 31px;
	margin-right: 5px;
	text-indent: -9999px;
	width: 32px;
	background-repeat: no-repeat;
}

.copyright {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
color: #4E8ABB;
width:71%;
margin: 0 auto;
float: left;
line-height: 44px;
text-align: center;
}

.designed-by li{
		list-style: none;
}
.designed-by {

padding: 0;
margin: 0;
position: relative;
float: right;
font-family: Verdana, Geneva, sans-serif;
color: #ffffff;
}

.designed-by li {
float: left;
height: 40px;
line-height: 40px;
padding-left: 13px;
}

.container-p-bg {
margin: 0 auto;
width: 100%;
background: url(../img/bg-tourisme.png) no-repeat center -4px;
min-height: 574px;
}
.container-p {
	margin: 0 auto;
	width: 1030px;
	padding-top: 40px;
}

/*--------------------- specialisations ---------------------*/
.specialisations
{
	font-family: MyriadPro;
}
.specialisations .sp-image{
	float: left;
	margin-right: 30px;
	width: 405px
}
.specialisations .sp-image img
{
	max-width: 100%;

}
.specialisations .sp-descrip{
float: left;
width: 574px;
}

.specialisations h2{
color: #2f467f;
font-size: 34px;
font-weight: 800;
margin-bottom: 10px;
}

.specialisations .sp-descrip p, .soins,.esthetiques{
font-family: "MinionPro";
font-size: 19px;
padding-bottom: 4px;
color: #7b7b7b;
text-align: justify;
line-height: 1.2;
}

.specialisations a, .sp-descrip p a, .soins a, .esthetiques strong{
	color: #525252;
}

.specialisations a, .sp-descrip p a, .soins a, .esthetiques a{
	font-family: "MinionPro";
	font-size: 19px;
	text-decoration: none;
	color: #383838;
	text-decoration: underline;
}


.special-p p {
	font-family: "MinionPro";
	font-size: 19px;
	padding-bottom: 4px;
	color: #7b7b7b;
	text-align: justify;
	line-height: 1.2;
}

.special-p h2 {
color: #2f467f;
font-size: 23px;
font-weight: 800;
margin-bottom: 10px;
}

.soins h2,.esthetiques h2{
margin: 0;padding: 0;
color: #1867b5;
display: inline-block;
font-weight: bold;
}

.specialisations .cyrcles{
	margin: 40px 0;
}

.specialisations .cyrcle {
float: left;
padding: 0 20px;
}
.specialisations .red,.specialisations .green{
font-size: 28px;
font-weight: bold;
text-align: center;
padding-top: 10px;
}
.specialisations .red{
	color:#c50b25;
}

.specialisations .green{
	color: #49a406;
	}

	strong{
		color: #575656;
font-weight: bold;
	}


/*---------------------------------- presse --------------------*/

.presse{
	border: 1px #ccc solid;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4);

width: 89%;
margin: 0 auto;
padding-bottom: 20px;
margin-bottom: 40px;
}

.presse h1{
	background: #41a9e6;
	color: white;
	font-size: 22px;
	padding-left: 20px;
	height: 35px;
line-height: 39px;
	-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: 20px;
}

.presse .imag,.presse .descripart{
	float: left;
}


.presse .srcArt{
float: right;
text-align: center;
font-size: 18px;
padding-top: 20px;
	}

.presse  .titleSrc{
color: #6f6f6f;
margin-bottom: 11px;
}
.presse .imag{
	margin-right: 20px;
}
.art-top,.art-bottom{
width: 96%;
margin: 0 auto;
padding: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(left,  #f1f1f1 0%, #f1f1f1 55%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1f1f1), color-stop(55%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f1f1f1 0%,#f1f1f1 55%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f1f1f1 0%,#f1f1f1 55%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f1f1f1 0%,#f1f1f1 55%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #f1f1f1 0%,#f1f1f1 55%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 0px 6px 0px rgba(0,0,0,0.2);
box-shadow:  0px 0px 6px 0px rgba(0,0,0,0.2);
}

.presse .descripart{
	width: 392px;

}

.presse .descripart h2{
text-transform: uppercase;
color: #006844;
font-size: 22px;
font-weight: bold;
margin-bottom: 5px;
padding-top: 11px;
}

.presse .descripart h3{
text-transform: none;
font-size: 15px;
color: #006844;
margin-bottom: 5px;
}

.presse .descripart p{
color: #333333;
font-size: 13px;
font-weight: bold;
font-family: Arial;
line-height: 23px;
text-align: justify;

}

.art-bottom{
	margin-top: 20px;
}

.imgbl{
	float: left;
}

.imgbr{
float: right;
text-align: center;
font-size: 18px;
padding-top: 20px;
width: 25%;
}



/*<----------------   Contact  ------------------------->*/

.frmContact .submit {
	margin-top: 6px;
	float: right;
}

.contact-form {
	margin: 0 auto;
	width: 965px;
	margin-bottom: 25px;
	background: white;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.contact-header{
	background-color: #ffffff;
	font-family: MyriadPro, Tahoma, sans-serif;
	font-weight:normal;
	font-size: 20px;
	color: #ffffff;
}

.contact-header1 h2{
width: 49%;
display: inline;
float: left;
background-color: #41a9e6;
padding: 9px 0px 9px 6px;
border-radius: 8px 0px 0px 0px;
margin: 2px;
margin-right: 0px;
}

.contact-headerC{
	display: none;
}
.contact-headerC h2{
width: 98%;
display: inline;
float: left;
background-color: #41a9e6;
padding: 9px 0px 9px 6px;
border-radius: 8px 8px 0px 0px;
margin: 2px;
margin-right: 0px;
color: white;
text-align: left;
margin-bottom: 15px;
}

.contact-header2 h2{
	width: 49.30%;
display: inline;
float: left;
background-color: #41a9e6;
padding: 9px 0px 9px 6px;
border-radius: 0px 8px 0px 0px;
margin: 2px;
margin-right: 0px;
}

.contact-header2C {
display: none;
width: 98%;
background-color: #41a9e6;
padding: 9px 0px 9px 6px;
border-radius: 8px 8px 0px 0px;
margin: 2px;
margin-right: 0px;
color: white;
margin: 0 auto;
margin-top: 19px;
text-align: center;
}

.contact-main {
	margin: 0 auto;
	width: 965px;
	margin-bottom: 25px;
	background-position: left bottom;
	border-radius: 8px;
	border: 1px #ccc solid;
}




.contact-demande table td:first-child {
	text-align: right;
}

.contact-demande input[type="text"],.contact-demande select {
	 width:98%;
	margin-bottom: 6px;
	margin-left: 4px;
	border: 1px solid #ccc;
	height: 25px;
	background-color: #f4f4f4;
	outline: 0;
	padding-left: 4px;
	color: #9B9B9B;
}

.contact-demande textarea {
color: #9B9B9B;
background-color: #f4f4f4;
border: 1px solid #ccc;
width: 98%;
margin-left: 5px;
outline: 0;
}

.contact-demande select {
	background: url(../img/select.png) no-repeat;
	background-color: #f4f4f4;
	-webkit-appearance: none;
	width: 100%;
	background-position-x: right;
	background-position-y: 2px;
	color: #9B9B9B;
}

.contact-demande .required {
	color: #272727;
}

.contact-besoins {
	display: inline;
	float: left;
	width: 610px;
}

.contact-demande{
color: #B6B6B6;
font-size: 18px;
}

.contatcs .frmContact{
float: left;
width: 45%;
padding: 15px;
}
.contatcs .maps{
	float: right;
	width: 50%;
}
.red{
	color: red;
}

.col1{
float: left;
width: 153px;
}

.col2{
float: right;
width: 61%;
}

.contact-demande input[type="submit"] {
font-family: MyriadPro, Tahoma, sans-serif;
font-size: 17px;
color: #ffffff;
background: #41a9e6;
padding: 6px 12px 6px 12px;
border: none;
cursor: pointer;
margin-right: -7px;
}

.infoContact{
background: #DBE4FA url('../img/bg_info_footer.png') no-repeat -30px;
width: 100%;
height: 204px;
color: #F6FBF6;
}

.infoContact b{
font-weight: bold;
text-align: right;
width: 66px;
display: inline-block;
padding-right: 7px;
}
.infoContact .cinfo{
	padding-bottom: 11px;
}

.infoContact .telc{
	padding-top: 23px;
	padding-left: 40px;
}

.videos{
	background: url('../img/bg_videos.png') no-repeat center;
	width: 86%;height: auto;
}
.vidLeft{
	float: left;
text-align: center;
width: 35%;
}

.vidRight{
float: right;
text-align: center;
width: 35%;
}

.videos .vid{
	margin-bottom: 20px;
}

.error-message {
	color: #D50000;
}

.success-message {
	color: #009D02;
}

.hidden {
    visibility: hidden;
}


.cyrclesL{
	float: left;
	border-right: 2px dashed #C7C4C4;
	padding-right: 35px;
}
.cyrclesR{
	float: right;
}

.cR_3{
	padding-left: 54px;
}



.conseils h2{
	font-size: 22px;
text-transform: capitalize;
margin-top: 0px;
}




.navbar-toggle {
  position: relative;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
  z-index: 10;
  margin: 0 auto;
  display: block;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  border: 1px solid;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 480px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}


.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
border: 1px solid;
}

.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}

.sliderM{
	width: 1000px;
margin: 0 auto;
}


.sliderM strong{
	color:#575656;
}


.mobile_trt{
	display: none;
}
.mobile_trt h5{
background: #41A9E6;
color: white;
padding: 12px;
font-size: 17px;
text-align: center;
}

.mobile_trt ul li{
background: #FAFAFA;
padding: 10px;
border-bottom: 1px solid #E7E7E7;
text-align: center;
}

.mobile_trt ul{
list-style: none;
padding: 0;
margin: 0;
}
.trait{
	font-size: 14px;
	margin-bottom: 10px;
}

.imgbl img {
max-width: 100%;
}

.imgbl {
float: left;
width: 73%;
}

.presse .descripart {
width: 41%;
}

.srcArt img {
max-width: 100%;
}

.devi-headerD{

width: 99%;
display: none;
margin: 0 auto;
float: left;
background-color: #41a9e6;
padding: 9px 0px 9px 6px;
border-radius: 8px 8px 0px 0px;
border-right: 1px solid #ffffff;
color: white;
font-size: 20px;
margin-bottom: 15px;
}
.devi-headerDD{
width: 99%;
display: none;
margin: 0 auto;
float: left;
background-color: #41a9e6;
padding: 9px 0px 9px 6px;
border-right: 1px solid #ffffff;
color: white;
font-size: 20px;
margin-bottom: 2px;
margin-top: 10px;
}

.descripS{
	width: 90%;
padding: 18px;
}

@media screen and (max-width: 742px) {
	.login {
		display: none;
	}
}
@media screen and (max-width: 479px) {
	.header {
		height: auto;
	}
}