@charset "utf-8";
/* donckey.CSS Document */

.fond {
		font-family: Inter, Roboto, Arial, sans-serif;
	background-color: #f4f4f4;
	background-repeat: repeat;
	font-size: 18px;
	color: #000091;
	background-image: url(../../z_pix/iDosKa_fond.jpg);
}

.formBig select,
.formBig input {
    font-size:20px;
}

.imgBorder {
    border:6px solid #1e5fd8;   /* blue */
    border-radius:12px;        /* optional */
}


.imgBox{
  position:relative;
  display:inline-block;
}
.imgBase{
  display:block;         /* removes small gaps under image */
  width:425px;           /* or keep your width/height attributes */
  height:570px;
}
.copyright {
	left:200px;
	top:120px;
	font-size:9px;
	color: #C00;
}
.t{
	position:absolute;
	z-index:10;
	color:#F00;
	font-size:24px;
	font-weight:bold;
	text-shadow:0 1px 3px #000;  /* readable on photo */
	width: 428px;
	left: 219px;
}
.tX {
	z-index:10;
	color:#F00;
	font-size:24px;
	font-weight:bold;
	text-shadow:0 1px 3px #000;
}
.tGreen {
	z-index:10;
	color:#080;
	font-size:24px;
	font-weight:bold;
	text-shadow:0 1px 3px #000;
}
.tGreenBig {
	z-index:10;
	color:#080;
	font-size:44px;
	font-weight:bolder;
	text-shadow:0 1px 3px #000;
	border: thick solid #080;
}



.m18 {
	font-size: 18px;
}
.m24 {
	font-size: 24px;
}
.m24Green {
	font-size: 24px;
	color: #080;
}

.m36 {
	font-size: 36px;
}
.m36Titre {
	font-size: 38px;
	background-color: #FFF;
	font-weight: bolder;
}





/* each text has its own position + font */
.t1{ left:20px; top:30px; font-size:28px; }
.t2{ left:200px; top:120px; font-size:18px; }

.t2Copy {
	left:200px;
	top:120px;
	font-size:12px;
}


.t3{
	left:302px;
	bottom:20px;
	font-size:22px;
	
.t4{
  left:150px;
  top:420px;
}
.t5 {
	left:200px;
	top:120px;
	font-size:24px;
}
.red {
	color: #F00;
}

/* Mobile first */
@media (max-width: 360px) {
    /* S9 safe zone */
}