/*
* ..::Tatos::..
* Thème de base
* TypeSetter + grillade + materialize css
* ----------------
*/

.cke_dialog_body select {display: block;}

/* ---------- Divers ---------- */
a img {border: 0;}
img {max-width: 100%; height: auto !important;}
.txtjustif {text-align: justify;}
.tel1 {text-decoration: none; display: none}
.tel2 {text-decoration: none; display: inline-block;}
@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 ---------- */
.rivage {font-family: 'Raleway', sans-serif; font-weight: 200;}
.madinina {font-family: 'Raleway', sans-serif; font-weight: 700;}
nav i.left {margin-right: 0;}
@media (max-width: 1150px) {nav ul a {padding: 0 8px;}}
@media (max-width: 1080px) {nav ul a {padding: 0 6px;} nav ul li.accueil {display: none;}}
@media (max-width: 510px) {
	nav .brand-logo {font-size: 18px;}
}
#newban {
	position: relative;
	max-width: 2000px;
	margin: 0 auto;
}
#newban .blocban {
  position: absolute; /* postulat de départ */
  top: 50%; left: 0; /* à 50%/50% du parent référent */
  transform: translate(0, -50%); /* décalage de 50% de sa propre taille */
  width: 100%;
  z-index: 2;
  color: #FFF;
}
#newban span {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 3;
}
@media (max-width: 990px) {
	#newban h1 {
	 font-size: 35px !important;
	}
	#newban span {
		width: 80px !important;
	}
}
@media (max-width: 600px) {
	#newban h1 {
	  font-size: 25px !important;
	}
	#newban span {
		width: 60px !important;
		bottom: -30px;
		right: 5px;
	}
}
#holderban {
	    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 400px !important;
    background: url(../img/ban.jpg) no-repeat bottom fixed;
    background-size: cover;
    text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}
#holderban h1,
#newban h1 {margin: auto; text-shadow: 2px 2px 0 #000; font-weight: 700;}
#newban p {line-height: 30px;}
#newban p,
#newban p a {color: #FFF; margin: auto; text-shadow: 2px 2px 0 #000; font-weight: 700;}
#newban p a img {padding: 5px; width: 50px;}
#newban .fa-phone {
	transform: rotate(90deg);
} 

#holderban img {position: absolute; bottom: 20px; right: 20px;}
#navoffset {height: 64px;}
.side-nav.sidedev {z-index: 1000;}
.side-nav.sidedev a i.far {color: #7a7a7a;}
.side-nav.sidedev h3 {margin-top: .6rem;}
#croix {position: absolute; top:18px; left: 10px;}

.side-nav li div div a.button-collapse.sidedev {display: block; text-align: center; width: 90%;}

/* ---------- FOOTER ---------- */
#slogfoo, #slognav {margin-top: 0; font-weight: 200;}
.page-footer .fixed-action-btn {display: none;}
@media (max-width: 600px) {.page-footer .fixed-action-btn {display: block;}}
.page-footer i {font-size: 2rem !important;}
#tk {font-size: 70%;}
/* ---------- Typesetter ---------- */


/* ---------- ACCUEIL ---------- */
.choix {font-size: 1.64rem;}
.choix a {color: #7a7a7a;}
.imgchoix img {
	border: 1px solid #7a7a7a;
}
.imgchoix img, .card {
	-webkit-transition-duration: .2s;
	        transition-duration: .2s;
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
}
.imgchoix img:hover, .card:hover {
	-webkit-transform: scale(1.02);
	        transform: scale(1.02);
}

.hebs #filter-list li:nth-child(n+5) {display: none;}
.hebs #filter-list li:last-child {display: inline-block;}
/*.services #filter-list li:nth-child(-n+4) {display: none;}*/
.services #filter-list li {display: none;}
.bato #filter-list li {display: none;}
.card-content img {
	border: 1px solid #7a7a7a;
	-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}
.card-content h3 a {color: #7a7a7a;}

#cboxTitle {display: none !important;}

/* ---------- CROISIERES ---------- */
.main ul {padding-left: 40px;}
.main ul li {list-style-type: disc;}

h4.panel-title {text-align: left;}
h4.panel-title a {display: block; padding: 15px;}