/*
* ..::Tatos::..
* Thème Olivia Charlet
* ----------------
*/
.btn.big {
	height: 50px;
	line-height: 50px;
}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}



.cke_dialog_body select {display: block;}

.vert {color: #42b8b2}
.bkgvert {background: #42b8b2; color: #fff;}
.marron {color: #d1ad9d;}
.bkgmarron {background: #d1ad9d;}
/* ---------- Divers ---------- */
.btnOlivia,
.bout-lien {
	color: #FFF;
	background: #42b8b2;
	line-height: 36px;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 2px;
	display: block;
	max-width: 500px;
	margin: 0 auto;
} 
a .nosmart {color: #42b8b2;}
@media (max-width: 640px) {
	.nosmart {display: none;}
}
@media (min-width: 640px) {
	.fixed-action-btn {display: none;}
}
.side-nav.sidedev {
	width: 98%;
	padding: 0 20px 20px;
}
@media (min-width: 700px) {
	.side-nav.sidedev {
		width: 600px;
	}
}
#fermer {position: absolute; top: 10px; left: 10px;}
#fermer a {color: #42b8b2;}

.collapsetxt:hover,
.collapsetxt2:hover {cursor: pointer;}
.txttronk, .txttronk2 {display: none;}
.rel {position: relative;}
a img {border: 0;}
img {max-width: 100% !important; height: auto !important;}
.txtjustif {text-align: justify;}
.tel1 {text-decoration: none; display: none}
.tel2 {text-decoration: none; display: inline-block;}
a.bultel span{ 
	position: absolute;
	top: -2px;
  color:#42b8b2; 
  background:#fff;
  padding:1rem;
/*  margin-right: 2rem;*/
	margin-left: -128px;
	border: 1px solid #42b8b2;
  border-radius:.5rem;  
  -webkit-transform:scale(0) rotate(-180deg);  
          transform:scale(0) rotate(-180deg);
  -webkit-transition:all .25s;
  transition:all .25s; 
  opacity:0;
}          
a.bultel:hover span, a.bultel:focus span, a.foobultel:hover span, a.foobultel:focus span{ 
  -webkit-transform:scale(1) rotate(0); 
          transform:scale(1) rotate(0);
  opacity:1;
  font-weight: bold;
}

@media (max-width: 640px) {
  .tel1 {text-decoration: none; display: inline-block; margin: 0; padding: 0}
  .tel2 {display: none;}
}
@media (min-width: 601px) and (max-width: 992px) {
	.small-all {
    width: 100% !important;
    margin-left: 0;
		padding: 1rem;
  }
}
@media (min-width: 601px) and (max-width: 1200px) {
	.medium-all {
    width: 100% !important;
    margin-left: 0;
		padding: 1rem;
  }
}
/* ---------- HEADER ---------- */
header #olivia, #olivia2 {
	font-family: 'futurabold';
	font-size: 45px;
	line-height: 48px;
	margin: 0;
}
.slogan {
	font-family: 'futurabold';
	margin-top: 0;
	font-size: 18px;
}
.slogan2 {
	font-family: 'futurabold';
	margin: 0;
	font-size: 18px;
}
.slogan a, .slogan2 a {color: #7a7a7a;}

nav a#visible {
  display: block;
	float: none;
  margin: 0;
	color: #999;
}
nav a#visible:hover {color: #fff;}
.side-nav ul {padding: 0;}
.side-nav li {display: block;}
/* ---------- FOOTER ---------- */
.page-footer .h1 {
	font-family: 'futurabold';
	font-size: 45px;
	line-height: 45px;
	margin: 0;
	color: #fff;
}
.page-footer .h1 img {
	vertical-align: bottom;
  margin-right: 5px;
}
.page-footer a {
	color: #FFF;
}
#icofoo {margin-top: 10px; position: relative;}
#icofoo a {padding: 0 2px;}
.footer-copyright p {margin: 0;}
#hdp {
  position: fixed;
  display: none;
  width: 60px;
  right: 20px;
  bottom: 90px;
  cursor: pointer;
  z-index: 1
}
/*
@media (max-width: 600px) {
	#hdp {bottom: 182px;}
}
*/
/* ---------- Typesetter ---------- */
@font-face {
    font-family: 'futurabold';
    src: url('../fonts/futura_bold_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_bold_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'GothamLight';
  src: url(../fonts/GothamLight.eot);
  src: url(../fonts/GothamLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/GothamLight.woff2) format('woff2'),
       url(../fonts/GothamLight.woff) format('woff'),
       url(../fonts/GothamLight.ttf) format('truetype'),
       url(../fonts/GothamLight.svg#GothamLight) format('svg');
}

html {
  line-height: 1.5;
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
  color: #7a7a7a;
}

@media (min-width: 1660px) {
	main {
    background: url(../../../data/_uploaded/image/maquette/bkg1.jpg) left top repeat-y, url(../../../data/_uploaded/image/maquette/bkg2.jpg) right top repeat-y;
	}
}

hr {
    border: 0;
    height: 1px;
    background: #d1ad9d;
    background-image: -webkit-gradient(linear, left top, right top, from(#ccc), color-stop(#d1ad9d), to(#ccc));
    background-image: linear-gradient(to right, #ccc, #d1ad9d, #ccc);
}

h1, h2, h3, h4, h5, h6, .h2 {
  font-weight: 400;
  line-height: 1.1;
	text-align: center;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 34px;
  line-height: 110%;
  margin: 17px 0 14px 0;
    color: #42b8b2;
}

h2, .h2 {
  font-size: 25px;
  line-height: 110%;
  margin: 12px 0 10px 0;
	color: #d1ad9d;
}

h2 a {color: #42b8b2;}

h3 {
  font-size: 22px;
  line-height: 110%;
  margin: 11px 0 9px 0;
}

main {
	margin-top: 20px;
	padding-bottom: 20px;
}

img.imgleft, img.right {
	display: block;
  margin: 0 auto 20px;
}
@media (min-width: 601px) {
	img.imgleft {
		float: left;
		margin: 0 20px 0 0;
	}
	img.imgright {
		float: right;
		margin: 0 0 0 20px;
	}
}
main ul li {margin-bottom: 10px;}

/* ---------- ACCUEIL ---------- */
.ban-accueil {
	background: url(../../../data/_uploaded/image/maquette/ban-accueil.jpg) no-repeat center fixed;
  background-size: cover;
	height: 400px;
	position: relative;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom: 30px;
}
@media (max-width: 1200px) {
	.ban-accueil {background-attachment: scroll !important;}
}
.ban-accueil h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 10px;
	background: rgba(66, 184, 178, .8);
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
@media (max-width: 910px) {
	.ban-accueil h1 {font-size: 24px}
}
.ban-accueil p {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-shadow: 1px 2px 0 #000;
}
.multiple-items h3 {
  margin: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.8em;
}
.homecat #clicker {display: none;}
/* ---------- CONSULTATIONS ---------- */
.blocgps {
	position: relative;
	padding: 20px 20px 60px;
}
.gps {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
a.doctolib img {
	border-radius: 5px;
	border: 1px solid #4E98E0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a.doctolib:hover img {
	border-radius: 0;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.infopost2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.infopost2 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.tarif {
    text-align: center;
}
.tarif span {font-weight: bold; margin-bottom: 0;}