/*
* ..::Tatos::..
* Thème de base
* TypeSetter + KNACSS (grillade) & Bootstrap
* ----------------
*/
/* ----------------------------- */
/* TK => Grillade + design  */
/* ----------------------------- */
[class*="grid-"] {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -1em;/* inline-block fallback for IE9 generation */letter-spacing: -0.31em;text-rendering: optimizespeed;}/* grid childs */[class*="grid-"] > * {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;width: calc(100% * 1 / 4 - 1em - .01px);margin-left: 1em;/* inline-block fallback for IE9 generation */display: inline-block;vertical-align: top;letter-spacing: normal;text-rendering: auto;}[class*="grid-2"] > * {width: calc(100% * 1 / 2 - 1em - .01px);}[class*="grid-2"] > .flex-item-double {width: calc(100% * 2 / 2 - 1em - .01px);}[class*="grid-3"] > * {width: calc(100% * 1 / 3 - 1em - .01px);}[class*="grid-3"] > .flex-item-double {width: calc(100% * 2 / 3 - 1em - .01px);}[class*="grid-4"] > * {width: calc(100% * 1 / 4 - 1em - .01px);}[class*="grid-4"] > .flex-item-double {width: calc(100% * 2 / 4 - 1em - .01px);}[class*="grid-5"] > * {width: calc(100% * 1 / 5 - 1em - .01px);}[class*="grid-5"] > .flex-item-double {width: calc(100% * 2 / 5 - 1em - .01px);}[class*="grid-6"] > * {width: calc(100% * 1 / 6 - 1em - .01px);}[class*="grid-6"] > .flex-item-double {width: calc(100% * 2 / 6 - 1em - .01px);}[class*="grid-7"] > * {width: calc(100% * 1 / 7 - 1em - .01px);}[class*="grid-7"] > .flex-item-double {width: calc(100% * 2 / 7 - 1em - .01px);}[class*="grid-8"] > * {width: calc(100% * 1 / 8 - 1em - .01px);}[class*="grid-8"] > .flex-item-double {width: calc(100% * 2 / 8 - 1em - .01px);}[class*="grid-10"] > * {width: calc(100% * 1 / 10 - 1em - .01px);}[class*="grid-10"] > .flex-item-double {width: calc(100% * 2 / 10 - 1em - .01px);}[class*="grid-12"] > * {width: calc(100% * 1 / 12 - 1em - .01px);}[class*="grid-12"] > .flex-item-double {width: calc(100% * 2 / 12 - 1em - .01px);}/* Responsive grid */@media (max-width: 960px) {[class*="-medium-4"] > * {width: calc(100% * 1 / 4 - 1em - .01px);}[class*="-medium-4"] > .flexitem-double {width: calc(100% * 1 / 2 - 1em - .01px);}[class*="-medium-3"] > * {width: calc(100% * 1 / 3 - 1em - .01px);}[class*="-medium-3"] > .flexitem-double {width: calc(100% * 2 / 3 - 1em - .01px);}[class*="-medium-2"] > * {width: calc(100% * 1 / 2 - 1em - .01px);}[class*="-medium-2"] > .flexitem-double {width: calc(100% - 1em - .01px);}[class*="-medium-1"] > * {width: calc(100% - 1em - .01px);}[class*="-medium-1"] > .flexitem-double {width: calc(100% - 1em - .01px);}}@media (max-width: 640px) {[class*="-small-4"] > * {width: calc(100% * 1 / 4 - 1em - .01px);}[class*="-small-4"] > .flexitem-double {width: calc(100% * 1 / 2 - 1em - .01px);}[class*="-small-3"] > * {width: calc(100% * 1 / 3 - 1em - .01px);}[class*="-small-3"] > .flexitem-double {width: calc(100% * 2 / 3 - 1em - .01px);}[class*="-small-2"] > * {width: calc(100% * 1 / 2 - 1em - .01px);}[class*="-small-2"] > .flexitem-double {width: calc(100% - 1em - .01px);}[class*="-small-1"] > * {width: calc(100% - 1em - .01px);}[class*="-small-1"] > .flexitem-double {width: calc(100% - 1em - .01px);}}@media (max-width: 320px) {[class*="-tiny-2"] > * {width: calc(100% * 1 / 2 - 1em - .01px);}[class*="-tiny-2"] > .flexitem-double {width: calc(100% - 1em - .01px);}[class*="-tiny-1"] > * {width: calc(100% - 1em - .01px);}[class*="-tiny-1"] > .flexitem-double {width: calc(100% - 1em - .01px);}}.grid-2-1 > *:nth-child(odd) {width: calc(66.66666666666666% - 1em - .01px);}.grid-2-1 > *:nth-child(even) {width: calc(33.33333333333333% - 1em - .01px);}@media (max-width: 640px) {.grid-2-1 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.grid-1-2 > *:nth-child(odd) {width: calc(33.33333333333333% - 1em - .01px);}.grid-1-2 > *:nth-child(even) {width: calc(66.66666666666666% - 1em - .01px);}@media (max-width: 640px) {.grid-1-2 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.grid-3-1 > *:nth-child(odd) {width: calc(75% - 1em - .01px);}.grid-3-1 > *:nth-child(even) {width: calc(25% - 1em - .01px);}@media (max-width: 640px) {.grid-3-1 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.grid-1-3 > *:nth-child(odd) {width: calc(25% - 1em - .01px);}.grid-1-3 > *:nth-child(even) {width: calc(75% - 1em - .01px);}.grid-1-3cm > *:nth-child(odd) {width: calc(25% - 1em - .01px);}.grid-1-3cm > *:nth-child(even) {width: calc(75% - 1em - .01px);}@media (max-width: 640px) {.grid-1-3 > *:nth-child(n) {width: calc(100% - 1em - .01px);}.grid-1-3cm > *:nth-child(odd) {width: calc(45% - 1em - .01px);}.grid-1-3cm > *:nth-child(even) {width: calc(55% - 1em - .01px);}}.grid-3-2 > *:nth-child(odd) {width: calc(60% - 1em - .01px);}.grid-3-2 > *:nth-child(even) {width: calc(40% - 1em - .01px);}@media (max-width: 640px) {.grid-3-2 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.grid-2-3 > *:nth-child(odd) {width: calc(40% - 1em - .01px);}.grid-2-3 > *:nth-child(even) {width: calc(60% - 1em - .01px);}@media (max-width: 640px) {.grid-2-3 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.grid-4-1 > *:nth-child(odd) {width: calc(80% - 1em - .01px);}.grid-4-1 > *:nth-child(even) {width: calc(20% - 1em - .01px);}@media (max-width: 640px) {.grid-4-1 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.grid-1-4 > *:nth-child(odd) {width: calc(20% - 1em - .01px);}.grid-1-4 > *:nth-child(even) {width: calc(80% - 1em - .01px);}@media (max-width: 640px) {.grid-1-4 > *:nth-child(n) {width: calc(100% - 1em - .01px);}}.pull {margin-right: auto;}.push {margin-left: auto;}
/* spacing helpers */.man {margin: 0;}.pan {padding: 0;}.mas {margin: 1rem;}.mam {margin: 2rem;}.mal {margin: 4rem;}.pas {padding: 1rem;}.pam {padding: 2rem;}.pal {padding: 4rem;}.mtn {margin-top: 0;}.mts {margin-top: 1rem;}.mtm {margin-top: 2rem;}.mtl {margin-top: 4rem;}.mrn {margin-right: 0;}.mrs {margin-right: 1rem;}.mrm {margin-right: 2rem;}.mrl {margin-right: 4rem;}.mbn {margin-bottom: 0;}.mbs {margin-bottom: 1rem;}.mbm {margin-bottom: 2rem;}.mbl {margin-bottom: 4rem;}.mln {margin-left: 0;}.mls {margin-left: 1rem;}.mlm {margin-left: 2rem;}.mll {margin-left: 4rem;}.ptn {padding-top: 0;}.pts {padding-top: 1rem;}.ptm {padding-top: 2rem;}.ptl {padding-top: 4rem;}.prn {padding-right: 0;}.prs {padding-right: 1rem;}.prm {padding-right: 2rem;}.prl {padding-right: 4rem;}.pbn {padding-bottom: 0;}.pbs {padding-bottom: 1rem;}.pbm {padding-bottom: 2rem;}.pbl {padding-bottom: 4rem;}.pln {padding-left: 0;}.pls {padding-left: 1rem;}.plm {padding-left: 2rem;}.pll {padding-left: 4rem;}
/* floating elements */
.fl {float: left;} img.fl {margin-right: 1rem;}
.fr {float: right;} img.fr {margin-left: 1rem;}
img.fl,
img.fr {margin-bottom: 0.5rem;}
/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w10 {width: 10%;} .w20 {width: 20%;} .w25 {width: 25%;} .w30 {width: 30%;} .w33 {width: 33.3333%;} .w40 {width: 40%;} .w50 {width: 50%;} .w60 {width: 60%;} .w66 {width: 66.6666%;} .w70 {width: 70%;} .w75 {width: 75%;} .w80 {width: 80%;} .w90 {width: 90%;} .w100 {width: 100%;}
.w50p {width: 50px;} .w100p {width: 100px;} .w150p {width: 150px;} .w200p {width: 200px;} .w300p {width: 300px;} 
@media (min-width: 400px) {
  .w400p {width: 400px;} .w500p {width: 500px;} .w600p {width: 600px;} }
@media (min-width: 700px) {
  .w700p {width: 700px;} .w800p {width: 800px;} }
@media (min-width: 960px) {
  .w960p {width: 960px;} .mw960p {max-width: 960px;} .w1140p {width: 1140px;} .mw1140p {max-width: 1140px;} }

/* - Bootstrap div même hauteur - */
.row-eq-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:         flex;
}
/* ---------- Divers ---------- */
a img {border: 0;}
img {border: 0; height: auto; max-width: 100%;}
.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;}
}
.inbl1, .inbl2 {display: inline-block;}
.inbl1 {width: 20%;}
.inbl2 {width: 80%;}
/* ---------- Grille Spe ---------- */
@media (min-width: 321px) and (max-width: 640px) {
  .small-all {
    width: 100% !important;
    margin-left: 0;
		padding: 1rem;

  }
}
/* ---------- TXTTronk ---------- */
.collapsetxt {cursor: pointer; margin: 1rem auto 2rem; width: 30px; height: 30px; background-image: url(picto_pus_gris.jpg);}
.collapsetxt:hover {background-image: url(picto_pus_noir.jpg);}
.txttronk {padding: 0 0 2rem;}

.columns2 {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.columns3 {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}
.columns2, .columns3 {
  /*-webkit-column-rule: 1px dotted #CCC;
  -moz-column-rule: 1px dotted #CCC;
  column-rule: 1px dotted #CCC;*/
  -webkit-column-gap : 2rem;
  -moz-column-gap : 2rem;
  column-gap : 2rem;
  text-align: justify;
}
.columns2 p, .columns3 p {text-align: justify;}
.columns2 a, .columns3 a {text-decoration: underline;}

@media (max-width: 960px) {
  .columns2, .columns3 {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  -webkit-column-rule: none;
  -moz-column-rule: none;
  column-rule: none;
  -webkit-column-gap : 0;
  -moz-column-gap : 0;
  column-gap : 0;
  text-align: justify;
  }
} 

/* ---------- Haut de page ---------- */
#hdp {
  position: fixed;
  display: none;
  width: 60px;
  right: 20px;
  bottom: 50px;
  cursor: pointer;
  z-index: 1
}

#hdp img {
  opacity: 0.4;
  filter:alpha(opacity=40);
}
#hdp img:hover {
  opacity: 1.0;
  filter:alpha(opacity=100);
}

/* --- NAVIGATION --- */

/* ---------- HEADER ---------- */

header a {color: #258FD6;}
header a:hover {color: #333;}


/* ---------- FOOTER ---------- */

.footer {
	margin-top: 0;
  border-top: 1px solid #000;
  padding-top: 1rem;
  text-align: center;
	font-size: 1.2rem;
}

.footer p { }

.footer a {color: #333;}

.footer a:hover { }

/* ---------- Typesetter ---------- */

p.EC_nav_links {margin-bottom: 0;}
.EC_nav_links {
	border-top: 1px solid #000;
	padding-top: 0;
}

#hdp {
	position: fixed;
	display: none;
	width: 60px;
	right: 20px;
	bottom: 50px;
	cursor: pointer;
	z-index: 1
}

#hdp img {
	opacity: 0.4;
	filter:alpha(opacity=40);
}
#hdp img:hover {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
h1 {font-weight: 600; letter-spacing: -1px; margin-bottom: 0;}
.fiche {display: flex; /* contexte sur le parent */
  flex-direction: column; /* direction d'affichage verticale */
  justify-content: flex-end; /* alignement vertical */
	text-align: right;}
.ficheB {}

@media (max-width: 640px) {
	.mbsmall {margin-bottom: 2rem;}
	.main {margin-top: 0;}
	.blocrezos {text-align: center !important; width: 100%;}
	.ficheB {position: relative; bottom: 0;}

}
.adresse {float: left; width: 300px;}
.blocrezos {text-align: right;}
.rezos {margin-left: 2px;}
.rezos:hover {
	opacity: 0.7;
  filter:alpha(opacity=70);
}
.margerezos {margin-top: 24px;}
#contakt a {display:block; margin: 2rem auto; padding: 1rem; border: 1px solid #000; width: 20rem; text-align: center;}
#contakt a:hover {text-decoration: none; color: #777;}