/* screen - contact-1100 */

.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}
.contact-1100 {
  background-color: transparent;
  background-image: url(../img/trac--1013-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 100vh;
  margin: 0px;
  min-height: 1071px;
  min-width: 1100px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.contact-1100 .a-4-rue-ali-dou-62-sfax-tunisie-8A0KHj {
  background-color: transparent;
  bottom: 0px;
  height: 23px;
  left: 0px;
  letter-spacing: 0.22px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}
.contact-1100 .composant-10-5-0B2XeP {
  background-color: transparent;
  bottom: 104px;
  height: 109px;
  left: calc(50.00% - 216px);
  position: absolute;
  width: 432px;
}
.contact-1100 .composant-11-5-0B2XeP {
  background-color: transparent;
  bottom: calc(25.00% - 10px);
  height: 39px;
  left: calc(49.98% - 71px);
  position: absolute;
  width: 141px;
}
.contact-1100 .composant-15-29-0B2XeP {
  background-color: transparent;
  height: 18px;
  position: absolute;
  right: 618px;
  top: 30px;
  width: 463px;
}
.contact-1100 .contact-GJqB01 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: -1px;
  white-space: nowrap;
  width: 67px;
}
.contact-1100 .contact-us-0B2XeP {
  background-color: transparent;
  height: 30px;
  letter-spacing: 0.30px;
  line-height: 132px;
  position: absolute;
  right: calc(49.94% - 84px);
  text-align: left;
  top: 117px;
  white-space: nowrap;
  width: 169px;
}
.contact-1100 .copyright-2021-rights-reserved-29mefg {
  background-color: transparent;
  color: rgba(0,21,110,1.0);
  font-family: 'Helvetica-Regular', Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}
.contact-1100 .e-contactnovelticomtn-8A0KHj {
  background-color: transparent;
  bottom: calc(48.84% - 11px);
  height: 23px;
  letter-spacing: 0.22px;
  line-height: 27px;
  position: absolute;
  right: calc(49.74% - 119px);
  text-align: left;
  white-space: nowrap;
  width: 239px;
}
.contact-1100 .ellipse-7-NzxGMS {
  background-color: var(--white);
  border-radius: 4.5px;
  height: 9px;
  left: 3px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 6px);
}
.contact-1100 .email-FuNIBZ {
  background-color: transparent;
  height: 24px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 39px;
}
.contact-1100 .enter-email-address-FuNIBZ {
  background-color: transparent;
  bottom: calc(23.53% - 6px);
  height: 24px;
  left: calc(24.66% - 33px);
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 135px;
}
.contact-1100 .enter-full-name-Wm4bxf {
  background-color: transparent;
  border: 0;
  bottom: calc(25.93% - 6px);
  height: 24px;
  left: calc(21.65% - 23px);
  letter-spacing: 0.00px;
  line-height: 22px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  white-space: nowrap;
  width: 104px;
}
.contact-1100 .enter-full-name-Wm4bxf::placeholder {
  color: rgba(255,255,255,0.6);
}
.contact-1100 .fdr-0B2XeP {
  background-color: transparent;
  bottom: 0px;
  height: 12px;
  left: calc(50.00% - 165px);
  position: absolute;
  width: 330px;
}
.contact-1100 .full-name-Wm4bxf {
  background-color: transparent;
  height: 24px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 71px;
}
.contact-1100 .gallery-GJqB01 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(32.70% - 19px);
  text-align: left;
  top: -1px;
  white-space: nowrap;
  width: 58px;
}
.contact-1100 .groupe-300-ihDrOp {
  background-color: transparent;
  height: calc(100.00% - 2px);
  left: 0px;
  position: absolute;
  top: 2px;
  width: 37px;
}
.contact-1100 .groupe-301-ihDrOp {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(49.31% - 19px);
  position: absolute;
  top: 1px;
  width: 38px;
}
.contact-1100 .groupe-302-ihDrOp {
  background-color: transparent;
  height: calc(100.00% - 1px);
  position: absolute;
  right: 0px;
  top: 0px;
  width: 38px;
}
.contact-1100 .groupe-303-ihDrOp {
  background-color: transparent;
  background-image: url(../img/trac--955-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 23px;
  position: absolute;
  right: 8px;
  top: calc(48.72% - 11px);
  width: 23px;
}
.contact-1100 .groupe-450-h2zyHx {
  background-color: transparent;
  background-image: url(../img/informatique-image-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100.00% + 116px);
  left: 0px;
  position: relative;
  top: -116px;
  width: 100%;
}
.contact-1100 .groupe-452-0B2XeP {
  background-color: transparent;
  background-image: url(../img/trac--964-22@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 24px;
  position: absolute;
  right: 548px;
  top: 30px;
  width: 24px;
}
.contact-1100 .groupe-455-bwbBjz {
  background-color: transparent;
  background-image: url(../img/groupe-de-masques-289-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100.00% + 1562px);
  left: -1120px;
  position: relative;
  top: -755px;
  width: calc(100.00% + 1426px);
}
.contact-1100 .groupe-472-0B2XeP {
  background-color: transparent;
  height: 78px;
  position: absolute;
  right: calc(49.87% - 179px);
  top: calc(27.52% - 21px);
  width: 358px;
}
.contact-1100 .groupe-473-0B2XeP {
  background-color: transparent;
  height: 75px;
  position: absolute;
  right: calc(49.87% - 179px);
  top: calc(38.28% - 29px);
  width: 358px;
}
.contact-1100 .groupe-474-0B2XeP {
  background-color: transparent;
  bottom: calc(47.33% - 68px);
  height: 144px;
  position: absolute;
  right: calc(49.87% - 179px);
  width: 358px;
}
.contact-1100 .groupe-475-0B2XeP {
  background-color: var(--white);
  border-radius: 18px;
  bottom: calc(35.95% - 13px);
  height: 35px;
  position: absolute;
  right: calc(49.87% - 179px);
  width: 358px;
}
.contact-1100 .groupe-485-C61RwL {
  background-color: transparent;
  height: calc(100.00% - 56px);
  left: -410px;
  position: relative;
  top: 36px;
  width: calc(100.00% + 820px);
}
.contact-1100 .groupe-de-masques-288-0B2XeP {
  background-color: transparent;
  height: calc(100.00% - 168px);
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 118px;
  width: 100%;
}
.contact-1100 .groupe-de-masques-290-kzWNZw {
  background-color: transparent;
  height: 852px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: -852px;
  width: calc(100.00% + 2158px);
}
.contact-1100 .groupe-de-masques-291-0B2XeP {
  background-color: transparent;
  bottom: 57px;
  height: 0px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  width: 0px;
}
.contact-1100 .home-GJqB01 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: -1px;
  white-space: nowrap;
  width: 41px;
}
.contact-1100 .icon-FuNIBZ {
  background-color: transparent;
  background-image: url(../img/trac--1019-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(29.92% - 5px);
  height: 15px;
  left: 18px;
  position: absolute;
  width: 22px;
}
.contact-1100 .icon-Wm4bxf {
  background-color: transparent;
  bottom: calc(29.55% - 5px);
  height: 18px;
  left: 21px;
  position: absolute;
  width: 15px;
}
.contact-1100 .icon-feather-message-square-kdk6ZZ {
  background-color: transparent;
  height: 20px;
  left: 18px;
  object-fit: cover;
  position: absolute;
  top: calc(34.76% - 7px);
  width: 20px;
}
.contact-1100 .logo-novel-ti-travail-1-copie-0B2XeP {
  background-color: transparent;
  height: 84px;
  left: 529px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 236px;
}
.contact-1100 .message-kdk6ZZ {
  background-color: transparent;
  height: 24px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 61px;
}
.contact-1100 .rectangle-148476-LxVl5n {
  background-color: rgba(3,15,110,0.553);
  height: 100%;
  left: 0px;
  position: relative;
  top: 1px;
  width: 100%;
}
.contact-1100 .rectangle-148483-Wm4bxf {
  background-color: var(--white-2);
  border-radius: 26px;
  bottom: 0px;
  height: 51px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.contact-1100 .rectangle-148484-FuNIBZ {
  background-color: var(--white-2);
  border-radius: 26px;
  height: calc(100.00% - 24px);
  left: 0px;
  position: absolute;
  top: 24px;
  width: 100%;
}
.contact-1100 .rectangle-148485-kdk6ZZ {
  background-color: var(--white-2);
  border-radius: 26px;
  height: calc(100.00% - 24px);
  left: 0px;
  position: absolute;
  top: 24px;
  width: 100%;
}
.contact-1100 .send-yxknHs {
  background-color: transparent;
  bottom: calc(36.36% - 9px);
  color: rgba(1,39,109,1.0);
  font-family: 'Renner*-Book', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 24px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  right: calc(49.53% - 18px);
  text-align: left;
  white-space: nowrap;
  width: 37px;
}
.contact-1100 .span0-IQQ1wA {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Bold', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.contact-1100 .span0-LuyAr5 {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Bold', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.contact-1100 .span0-WDOyni {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Bold', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.contact-1100 .span1-IQQ1wA {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Regular', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.contact-1100 .span1-LuyAr5 {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Regular', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.contact-1100 .span1-WDOyni {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Regular', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.contact-1100 .span2-WDOyni {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Bold', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.contact-1100 .span3-WDOyni {
  color: rgba(255,255,255,1.0);
  font-family: 'Galyon-Regular', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.contact-1100 .t-00216-74-661-0216-20-556-450-8A0KHj {
  background-color: transparent;
  height: 63px;
  left: 16px;
  letter-spacing: 0.22px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  top: -11px;
  width: calc(100.00% - 29px);
}
.contact-1100 .trac-51-NzxGMS {
  background-color: transparent;
  bottom: 0px;
  height: 8px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.contact-1100 .trac-54-8aF3Bt {
  background-color: transparent;
  height: 8px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}
.contact-1100 .trac-950-x6TqFO {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}
.contact-1100 .trac-951-x6TqFO {
  background-color: transparent;
  height: calc(100.00% - 19px);
  left: calc(50.00% - 5px);
  object-fit: cover;
  position: absolute;
  top: 9px;
  width: 9px;
}
.contact-1100 .trac-952-xxjxr4 {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 1px);
}
.contact-1100 .trac-953-xxjxr4 {
  background-color: transparent;
  height: 20px;
  object-fit: cover;
  position: absolute;
  right: calc(45.49% - 10px);
  top: calc(45.72% - 9px);
  width: 21px;
}
.contact-1100 .trac-954-lDyKzx {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}
.contact-1100 .type-your-message-here-kdk6ZZ {
  background-color: transparent;
  height: 24px;
  left: calc(28.65% - 48px);
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: calc(34.17% - 8px);
  white-space: nowrap;
  width: 166px;
}
.contact-1100 .who-are-we-GJqB01 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: calc(28.16% - 26px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: -1px;
  white-space: nowrap;
  width: 93px;
}
.euphemiaucas-normal-arapawa-14px {
  color: var(--arapawa);
  font-family: 'EuphemiaUCAS', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: None;
}
.euphemiaucas-normal-white-14px {
  color: var(--white);
  font-family: 'EuphemiaUCAS', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: None;
}
.futura-medium-resolution-blue-20px {
  color: var(--resolution-blue);
  font-family: 'Futura-Medium', Helvetica;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.galyon-bold-white-18px {
  color: var(--white);
  font-family: 'Galyon-Bold', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.galyon-regular-normal-white-25px {
  color: var(--white);
  font-family: 'Galyon-Regular', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}
.helvetica-regular-normal-white-10px {
  color: var(--white);
  font-family: 'Helvetica-Regular', Helvetica;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}
.renner-book-normal-delta-25px {
  color: var(--delta);
  font-family: 'Renner*-Book', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}
.renner-book-normal-star-dust-25px {
  color: var(--star-dust);
  font-family: 'Renner*-Book', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}
.renner-book-normal-white-16px {
  color: var(--white);
  font-family: 'Renner*-Book', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.renner-book-normal-white-25px {
  color: var(--white);
  font-family: 'Renner*-Book', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}
:root {
  --arapawa: rgba(15,15,112,1.0);
  --delta: rgba(162,162,162,1.0);
  --dove-gray: rgba(112,112,112,1.0);
  --fuzzy-wuzzy: rgba(3,9,107,1.0);
  --resolution-blue: rgba(11,35,137,1.0);
  --resolution-blue-2: rgba(1,28,144,1.0);
  --star-dust: rgba(160,160,160,1.0);
  --white: rgba(255,255,255,1.0);
  --white-2: rgba(255,255,255,0.392);
  --white-3: rgba(255,255,255,0.271);
}