/* meyerweb ; eric
v2.0 | 20110126
License: none (public domain)
*/

 	
b, strong {
	font-family:VisbyBold;
} 

a:link{
	font-weight:normal;
		text-decoration:none;
color:#ffffff;
cursor:pointer;
}

a:active{
font-weight:normal;
cursor:pointer;

			text-decoration:none;
color:#ffffff;
}

a:visited{
font-weight:normal;
cursor:pointer;

			text-decoration:none;
color:#ffffff;
}

#navT ul li{
	-webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    -webkit-padding-start: 0px !important;
}
html, body, div, span, applet, object, iframe,
h1, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

font-family:Visby;
	margin:0 auto;
padding: 0;
border: 0;

}
p {

}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


@font-face{font-family:Visby;font-weight:normal;font-style:normal;src:url(../font/VisbyCF/VisbyCF-Medium.ttf)}
@font-face{font-family:VisbyBold;font-weight:normal;font-style:normal;src:url(../font/VisbyCF/VisbyCF-Bold.ttf)}

	body {
		text-decoration:none;
    padding-top: 40px;
	font-size:15px;
	line-height:20px;
}
 
header {
    background: #f5b335;
    height: 40px;
    position: fixed;
    top: -140px;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: 0px;
}

.arrow{
		display:none;
	}
	
.panelHome {
	margin:0;
	padding-top:40%;
	width: 100%;
	height:70%;
	background-color: #1d1d1d;
	color: black;
	background: no-repeat center center;
	background-size: cover;
}
#equipe2_mobile{
	display:none;
	
}
#equipe2_ipad{
	display:none;
	
}
#traitements2_mobile{
	display:none;
	
}
#traitements2_ipad{
	display:none;
	
}
	  	#accueil2_mobile{
	display:none;
	}
	
	
	
.mainnav{
	display:block;	
	}
.mobilenav{
	display:none;	
	}
	.ipadnav{
	display:none;	
	}
.divhover { 
	display:block;
		}
.divhovermobile { 
	display:none;
		}
		
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Visby;
	color: white;
}
a {
	font-weight:normal;

	word-wrap: break-word;
}
.panel {
	margin:0;
	padding-top:16%;
	width: 100%;
	height:54%;
	background-color: #1d1d1d;
	color: white;
	background: no-repeat fixed center center;
	background-size: cover;
}

.divhoveripad { 
	display:none;
}
  .divhover:hover {background-position:0px -20px;  color: rgba(255, 255, 255, 0.9);}
    .divhover { vertical-align:middle;line-height:200px;-webkit-transition-duration: 1s; 
    transition-duration: 1s;float:right;width:300px;height:200px;margin-left:8px;margin-bottom:16px;margin-right:8px
    ;color: rgba(255, 255, 255, 0);}
	.showme{ 
	-webkit-transition-duration: 1s; 
    transition-duration: 1s;
	opacity:0;
	visibility:hidden;
}
.showhim:hover .showme{
	-webkit-transition-duration: 1s; 
    transition-duration: 1s;
visibility:visible;
opacity:1;
	z-index:1;
	display:block;

}
.first{
-webkit-transition-duration: 2s; 
 transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:22px;
border-color:rgba(201, 171, 113, 0);
}
.second{
-webkit-transition-duration: 2s; 
transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:22px;
border-color:rgba(201, 171, 113, 0);


}
.third{
-webkit-transition-duration: 2s; 
transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:22px;
border-color:rgba(201, 171, 113, 0);


}
.fourth{
-webkit-transition-duration: 2s; 
transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:21px;
border-color:rgba(201, 171, 113, 0);


}
.fifth{
-webkit-transition-duration: 2s; 
transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:22px;
border-color:rgba(201, 171, 113, 0);


}
.sixth{
-webkit-transition-duration: 2s; 
transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:22px;
border-color:rgba(201, 171, 113, 0);


}
.last{
-webkit-transition-duration: 2s; 
transition-duration: 2s;	
border-style:solid;
border-width:0px 0px 4px 0px;
padding-bottom:22px;
border-color:rgba(201, 171, 113, 0);


}

.container{
	margin:0 auto;
	padding-bottom:60px;
	width:730px;
}
.container_logo{
	margin:0 auto;
	padding:16px 0;
	width:930px;
}
 
.panelbackground {
	padding-top:20px;
	width: 100%;
	background-color: #6f7072;
}
.panelhome {
	background-image:url(../img/photo-1.jpg);
}


.panel-h1{background-image:url(../img/photo-h1.jpg);}
.panel-h2{background-image:url(../img/photo-h2.jpg);}
.panel-h3{background-image:url(../img/photo-h3.jpg);}
.panel-h4{background-image:url(../img/photo-h4.jpg);}
.panel-h5{background-image:url(../img/photo-h5.jpg);}

.panel-1 {background-image:url(../img/photo-1.jpg);}
.panel-2 {background-image:url(../img/photo-2.jpg);}
.panel-3 {background-image:url(../img/photo-3.jpg);}
.panel-4 {background-image:url(../img/photo-4.jpg);}
.panel-5 {background-image:url(../img/photo-5.jpg);}
.panel-6 {background-image:url(../img/photo-6.jpg);}
.panel-7 {background-image:url(../img/photo-7.jpg);}
.panel-8 {background-image:url(../img/photo-8.jpg);}
.panel-9 {background-image:url(../img/photo-9.jpg);}
.panel-10 {background-image:url(../img/photo-10.jpg);}
.panel-11 {background-image:url(../img/photo-11.jpg);}
.panel-12 {background-image:url(../img/photo-12.jpg);}
.panel-13 {background-image:url(../img/photo-13.jpg);}
.panel-14 {background-image:url(../img/photo-14.jpg);}
.panel-15 {background-image:url(../img/photo-15.jpg);}
.panel-16 {background-image:url(../img/photo-16.jpg);}




hr {
	height: 0px;
	color:white;
	width: 75%;
	margin:auto;
	border:0;
	border-bottom:1px solid #fff;
}
hr.hrpagetexte {
	margin-top:26px;
	margin-bottom:26px;
	width:280px;
	border-bottom:1px solid #555;
}
hr.hrmenu {
	margin-top:10px;
	margin-bottom:10px;
	width:4%;
	border-bottom:1px solid #555;
}
hr.hrmenu2 {
	margin-top:0;
	margin-bottom:0;
	width:1px;
	border-bottom:1px solid #555;
}
hr.hrmenu3 {
	margin-top:0;
	margin-bottom:6px;
	width:80%;
	border-bottom:1px solid #555;
}

.text {
	text-align:justify;
	margin:auto;
	font-size: 16px;
	margin-top: 30px;
	width:250px;
}
.textmenu {
	text-align:center;
	margin:16px auto;
	font-size: 16px;
	margin-top: 16px;
	width:100%;
}
.smalltext {
	text-align:center;
	margin:auto;
	font-size: 16px;
	margin-top: 30px;
	color: #777;
}
.smallsubtitle {
	font-size:25px;
	line-height: 35px;
	padding-top: 40px;
	padding-bottom: 30px;
}
.menu {
	width:250px;
	margin:auto;
}
.line {
	display:inline-block;
	vertical-align:top;
	margin:auto;
	width:100%;
}
.blockline {
	margin:auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width:100%;
}

h1 {
	font-family:Visby;
    font-weight: normal;

	font-size: 17px;
	line-height: 20px;
}

h2 {
	font-family:Visby;
    font-weight: normal;

	font-size: 19px;
	line-height: 20px;
}

h3 {
	font-family:Visby;
    font-weight: normal;

	font-size: 21px;
	line-height: 20px;
}


h4 {
	font-family:Visby;
    font-weight: normal;

	font-size: 24px;
	line-height: 20px;
}

h5 {
	font-family:Visby;
    font-weight: normal;

	font-size:13px;
	line-height: 20px;
}

h6 {
	font-family:Visby;
    font-weight: normal;

	font-size: 11px;
	line-height: 20px;
}

br {
   display: block;

}

footer {
	display:block;
	margin:10px auto;
	color: black;
}

.nav{
		position:fixed;

	background-color:#6f7072;
	margin:auto;
	padding:0;
	width:100%;
	font-family: Visby;
	line-height:60px;
}

.nav a, .subnav a{
	letter-spacing: 0.1em;
	font-size:10px;
	font-weight:normal;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	margin-left:5px;
	margin-right:5px;
	vertical-align:34px;
	margin-bottom:-20px;
}


.nav li {
	display:inline;
	margin: 0 10px;
	text-align:center;
	list-style: none;
}
.nav li ul{
	width:100%;
	display: block;
	position: absolute;
	left: -999em;
	background:#7590bf;
	line-height:20px;
	margin:auto;
	text-align:center;
	padding:0;
}

.container a:link {
	cursor:pointer;
font-family:VisbyBold;
			text-decoration:none;
color:#ffffff;
}
.container a:visited {
	cursor:pointer;
font-family:VisbyBold;
			text-decoration:none;
color:#ffffff;
}
.container a:active {
	cursor:pointer;
font-family:Visby;
			text-decoration:none;
color:#ffffff;
}

 .title a:active {
	cursor:pointer;
font-family:Visby;
			text-decoration:none;
color:#ffffff;
}


@media (max-width: 420px) and (min-width: 101px) {
#tarifs_cell1{
	width:75%;
	
}
#tarifs_cell2{
	width:25%;
	
}
		.container_logo_ipad{
	display:none;
	}
	
img ipad{
	width:15px;
	height:auto;
}
		img{
	width:245px;
	height:auto;
	margin-left:-5px;
	}
#equipe2{
	display:none;
	
}
#equipe2_mobile{
	display:block;
	
}
#equipe2_ipad{
	display:none;
	
}
#traitements2{
	display:none;
	
}
#traitements2_mobile{
	display:block;
	
}
#traitements2_ipad{
	display:none;
	
}
#accueil2_mobile{
	display:block;
	}
 #accueil2{
display:none;
}
 .container_logo{
display:none;
}
 .arrow{
		display:block;
	}
	
.tablemobile a{
text-decoration:none;
color:#ffffff;	 
}
.tablemobile:visited{
text-decoration:none;	
color:#ffffff;	
	
}
.divhoveripad { 
	display:none;
}
   .divhover { display:none;
		}
 .divhovermobile { display:block;
		}
		
	.nav{
	display:none;	
	}
	.ipadnav{
	display:none;	
	}
	.mobilenav{
		margin:0 auto;
	display:block;
	background-color:#707173;
		
	}
.nav a, .subnav a  {
	font-size:5px;	
	}


.panelHome {
	margin:0;
	padding-top:40%;
	width: 100%;
	height:100%;
	background-color: #1d1d1d;
	color: black;
	background: no-repeat center center;
	background-size: cover;
}
.panel {
	margin:0;
	padding-top:40%;
	width: 100%;
	height:30%;
	background-color: #1d1d1d;
	color: white;
	background: no-repeat center center;
	background-size: cover;
}
.container{
	width:100%;
}
.formular {
	width:90%;
}

p{
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	font-size: 10px;
}
.container a {
	font-size:10px;
}
.subtitle {
	margin-top:20px;
	font-size:22px;
	line-height: 20px;
}

.span3 {
	display:inline-block;
	vertical-align:top;
	min-height: 1px;
	margin: 3px;
	width: 90px;
}
.span2 {
	display:inline-block;
	vertical-align:top;
	min-height: 1px;
	margin: 3px;
	width: 135px;
}

.down {
	top:0;
}

.panelhome {


}

}

@media (max-width: 900px) and (min-width:421px) {
#traitements2_ipad{
	display:block;
	
}
#traitements2_mobile{
	display:none;
	
}
#traitements2{
	display:none;
	
}

	#equipe2{
	display:none;
	
}
#equipe2_mobile{
	display:none;
	
}
#equipe2_ipad{
	display:block;
	
}
.container_logo_ipad{
	display:block;
	}
		.container_logo{
	display:none;
	}
  .nav{
	display:none;	
	}
  .mobilenav{ 
	display:none;	
	}
	.ipadnav{
		margin:0 auto;
	display:block;
	background-color:#707173;
		
	}
  .panel {
	margin:0;
	padding-top:90%;
	width: 100%;
	height:30%;
	background-color: #1d1d1d;
	color: white;
	background: no-repeat center center;
	background-size: cover;
}
	.arrow{
		display:none;
	}
	 
.nav a, .subnav a{
	font-size:8px;
}
   
.divhoveripad { 
	display:block;
}
.divhover { 
	display:none;
}
		
.divhovermobile { 
	display:none;
}

.mainnav{
	display:block;	
}
	
.mobilenav{ 
	display:none;	
}
	
.container{
	width:620px;
}

h1 {
	font-size:40px;
	margin-top:50px;
	margin-bottom:25px;
}
h4 {
	font-size: 25px;
	line-height: 35px;
}
p{
	margin-top:8px;
	font-size: 10px;
}
.subtitle {
	margin-top:20px;
	font-size:30px;
	line-height: 35px;
}
.macaron {
	height:155px;
}
.span3 {
	display:inline-block;
	vertical-align:top;
	min-height: 1px;
	margin: 5px;
	width: 180px;
}
.span2 {
	display:inline-block;
	vertical-align:top;
	min-height: 1px;
	margin: 5px;
	width: 240px;
}



}


form {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
}
form ol li {
	background: #ECF2F7;
	border: 2px solid #F7F9FC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}
form label {
	display:inline-block;
    vertical-align: top;
	font: 13px Visby;
	line-height:0px;
	width: 300px;
	text-align:left;
}

form input {
	display:inline-block;
	background: #ffffff;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	font: italic 13px MinionPro;
	outline: none;
	padding: 5px;
	width: 63%;
}
form textarea {
	background: #ffffff;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	font: italic 13px MinionPro;
	outline: none;
	padding:5px;
	margin-top:1px;
	width: 63%;
	height:80px;
}
form input:not([type=submit]):focus,
form textarea:focus {
	background: #eee;
}
.submit{
	background: #555;
	border: none;
	color: #ffffff;
	display: block;
	font: 16px Visby;
	letter-spacing: 1px;
	margin: auto;
	margin-top:14px;
	width:30%;
	text-transform: uppercase;
}
.submit:hover {
	background: #777;
	cursor: pointer;
}
.flash-notice {
	font: italic 16px MinionPro;
	line-height:20px;
	margin:20px auto;
}




#page {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

@media (max-width: 3000px) and (min-width:900px) {
	.container_logo_ipad{
		display:none;
	}
}