@font-face {
font-family: 'Qanelas-Bold';
src: url('fonts/Qanelas-Bold.eot');
src: url('fonts/Qanelas-Bold.otf') format('truetype'),
     url('fonts/Qanelas-Bold.woff') format('woff'),
     url('fonts/Qanelas-Bold.woff2') format('woff2'),
     url('fonts/Qanelas-Bold.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-Bold.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Qanelas-Light';
src: url('fonts/Qanelas-Light.eot');
src: url('fonts/Qanelas-Light.otf') format('truetype'),
     url('fonts/Qanelas-Light.woff') format('woff'),
     url('fonts/Qanelas-Light.woff2') format('woff2'),
     url('fonts/Qanelas-Light.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-Light.svg#QuadrantaLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Qanelas-Medium';
src: url('fonts/Qanelas-Medium.eot');
src: url('fonts/Qanelas-Medium.otf') format('truetype'),
     url('fonts/Qanelas-Medium.woff') format('woff'),
     url('fonts/Qanelas-Medium.woff2') format('woff2'),
     url('fonts/Qanelas-Medium.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-Medium.svg#QuadrantaMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Qanelas-Regular';
src: url('fonts/Qanelas-Regular.eot');
src: url('fonts/Qanelas-Regular.otf') format('truetype'),
     url('fonts/Qanelas-Regular.woff') format('woff'),
     url('fonts/Qanelas-Regular.woff2') format('woff2'),
     url('fonts/Qanelas-Regular.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-Regular.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Qanelas-Black';
src: url('fonts/Qanelas-Black.eot');
src: url('fonts/Qanelas-Black.otf') format('truetype'),
     url('fonts/Qanelas-Black.woff') format('woff'),
     url('fonts/Qanelas-Black.woff2') format('woff2'),
     url('fonts/Qanelas-Black.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-Black.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Qanelas-SemiBold';
src: url('fonts/Qanelas-SemiBold.eot');
src: url('fonts/Qanelas-SemiBold.otf') format('truetype'),
     url('fonts/Qanelas-SemiBold.woff') format('woff'),
     url('fonts/Qanelas-SemiBold.woff2') format('woff2'),
     url('fonts/Qanelas-SemiBold.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-SemiBold.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Qanelas-Thin';
src: url('fonts/Qanelas-Thin.eot');
src: url('fonts/Qanelas-Thin.otf') format('truetype'),
     url('fonts/Qanelas-Thin.woff') format('woff'),
     url('fonts/Qanelas-Thin.woff2') format('woff2'),
     url('fonts/Qanelas-Thin.eot?#iefix') format('embedded-opentype'),
     url('fonts/Qanelas-Thin.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family:"Qanelas-Regular";
    /* border: 1Px solid red; */
    padding-bottom: 0px!important;
}

.header {
    width: 1400px;
    background: url(../img/fond-header.jpg);
    max-width: 100%;
    margin: auto;
    height: 616px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.content {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    /* border: 1Px solid; */
}
.logo, .box1{width:58%;float:left;display:inline-block;/* border: 1Px solid; */padding-top: 0px;}
.num-tel,.box2 {
    width: 41%;
    display:inline-block;
    text-align:center;
    color:white;
    font-family:"Qanelas-Light";
    line-height:20px;
    height: 140px;
    font-size:18px;
}
.num-tel strong {
    font-family: "Qanelas-BLack";
    font-weight:normal;
    font-size: 27px;
}
.num-tel p {
    margin-top:40px;
    text-transform: uppercase;
    font-size: 15px;
 }
p.bx1-p {
    color: #0fe3ff;
    font-size: 52px;
    font-family:"Qanelas-Bold";
    line-height: 52px;
    margin-top: 62px;
}
p.bx2-p {
    color: white;
    font-size: 18px;
    font-family:"Qanelas-Light";
    line-height: 29px;
    margin-top: -12px;
}
p.bx2-p strong {
    color: white;
    font-size: 23px;
    font-family: "Qanelas-bold";
    line-height: 19px;
    font-weight: normal;
}
.frm {
    width: 320px;
    /* border: 1Px solid black; */
    margin: auto;
    /* height: 286px; */
}
p.bx-quand {
    width: 185px;
    /* border: 1Px solid; */
    margin-top: 0px;
    margin-left: 28%;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 17px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    font-family: "Qanelas-Light";
}

p.bx-ou {
    width: 154px;
    margin-top: 93px;
    margin-left: 468px;
    text-align: center;
    font-size: 17px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    font-family: "Qanelas-Light";
    }
	p.bx-quand strong,p.bx-ou strong {
    color: #12a8d6;
    font-family: "Qanelas-Bold";
    font-size: 23px;
    display: block;
    width: 100px;
    max-width: 128px;
    text-transform: uppercase;
    margin: auto;
    padding: 0px;
    line-height:13px;
    text-align: center;
    margin-bottom: 6px;
    display: block;
    padding: 0px 10px;
    /* border: 1Px solid; */
}

p.bx-quand .nbr {
    font-size: 40px;
    font-family: "Qanelas-Bold";
    line-height: 40px;
}

p.bx-quand strong:after,p.bx-ou strong:after {
    border-bottom: 1Px dashed;
    content:' ';
    display:inline-block;height:10px;
    width: 70px;margin:auto;color:black;
}
p.bx-ou strong {color: #ea6e31;/* margin-bottom: 6px; */}
p.bx-ou strong:after {width:50px;}
.section1 {
    clear: left;
    margin-bottom: 59px;
    padding-top: 51px;
}
.section1 .content {
    width: 860px;
    margin: auto;
    max-width: 100%;
    text-align: center;
}

.section1 h1 {
    font-family: "Qanelas-Bold";
    font-size:30px;
    line-height:32px;
    color: #002e5b;
    padding-top: 34px;
    clear: left;
    width: 760px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 20px;
}
.section1 p {width: 700px;max-width: 100%;margin:auto;font-family: "Qanelas-Light";font-size:18px;line-height: 25px;/* color: black; */}
.section2 {
    background-color: #244058;
    color: white;
    padding: 10px 0px;
    margin-top: 20px;
    max-width: 100%;
    /* margin-bottom: 50px; */
}

.section2 .content {
    max-width: 100%;
    width: 900px;
    margin: auto;
    min-height: 200px;
}
.section2 .content:before{content:"";background:url(../img/sticker1.png);height:150px;display:block;
width:150px;background-size:100%;position:absolute;margin-top:-100px;margin-left:800px;background-repeat:no-repeat;
}

.section2 h2 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px!important;
    font-family: 'Qanelas-Bold';
    font-weight: normal;
}

.section2 .bx1 {
    width: 24%;
    display: inline-block;
    float: left;
    /* border-right: 1Px solid; */
    text-align: center;
}
.bx1 p {
    width: 167px;
    margin: auto;
    font-family: 'Qanelas-Light';
    min-height: 80px;
    font-size:15px;
    max-width: 100%;
    /* border-bottom: 1px dashed; */
}

.bx1 strong {
    font-size: 40px;
    padding-bottom: 4px;
    display: inline-block;
    color:#00c3ff;
    font-family: 'Qanelas-Bold';
}
.bx1 span {
    border-right: 1px dashed;
    display: inline-block;
    float: right;
    height: 50px;
    margin-top: -74px;
}
p.txt-b {
    margin: 10px auto;
    font-size: 12px;
    width: 900px;
    text-align: right;
    max-width: 100%;
    font-family: 'Qanelas-Light';

}
.section3 {background: url(../img/fond-footer.jpg);background-size:100%;background-repeat:no-repeat;background-position:bottom;margin-bottom: 0px!important;margin-top: 20px;max-width: 100%;}
.section3 .content {
    /* border: 1Px solid; */
    width: 600px;
    max-width: 100%;
    background-color: white;
    padding: 10px 60px;
    min-height: 330px;
}

.section3 h2 {
    text-align: center;
    color: #a7b1b5;
    font-family: 'Qanelas-Bold';
}

.col {
    width: 32.6%;
    float: left;
}

.col strong {
    font-size: 18px;
    font-family: 'Qanelas-Bold';
    display: block;
}
.col p p {border:1Px solid;}
p.col2 span {
    border: 2px solid;
    width: 70px;
    display: inline-block;
    color: #00c3ff;
}
p.col3 span {
    border: 2px solid;
    width: 70px;
    display: inline-block;
    color: #ff4500;
}
p.col4 span {
    border: 2px solid;
    width: 70px;
    display: inline-block;
    color: #debd8f;
}
p.col5 span {
    border: 2px solid;
    width: 70px;
    display: inline-block;
    color: #c7dee8;
}
p.col1 span {
    border: 2px solid;
    width: 70px;
    display: inline-block;
    color: #9ab1b9;
}
.section3 em {
    width: 163px;
    display: inline-block;
    font-style: normal;
    font-family: 'Qanelas-Light';
    font-size:16px;
    line-height: 23px;
}
.col5 em {
    /* border: 1Px solid; */
    width: 180px;
}
.section3 h2:before {
    border-top: 1Px dashed;
    content: ' ';
    display: inline-block;
    width: 80px;
    margin-right: 30px;
    height: 5px;
}
.section3 h2:after {
    border-top: 1Px dashed;
    content: ' ';
    display: inline-block;
    width: 80px;
    margin-left: 30px;
    height: 5px;
}
.col span.lign {
        /* border-right: 1px dashed #a7b1b5; */
        display: inline-block;
        float: right;
        height: 150px;
        margin-top: -190px;
        margin-right:15px;
}
.powerd {
    text-align: right;
    margin-right: 20px;
    font-family: 'Qanelas-bold';
    font-size:12px;
    color:#244058;
    clear: left;
    /* border: 1Px solid; */
    height: 62px;
}
.powerd p{line-height:50px;/* border:1px solid; */height: 50px;margin-bottom: 0px;}
.powerd img{line-height:30px;/* border:1px solid; */padding-top:10px;width: 100px;}
.powerd span,.powerd a {
    display: block;
}
.powerd span {
    display: block;width:100px;float:left;
}
.powerd a {
    display: block;width:100px;float:left;max-height:50px;
}
.powerd p {
   width:210px;margin-left:calc(100% - 200px)!important;
}
/*mautic*/
.mauticform_wrapper { max-width: 600px; margin: 10px auto; }
						.mauticform-innerform {
    margin-top: -40px;
}
						.mauticform-post-success {}
						.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
						.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
						.mauticform-error { margin-bottom: 10px; color: red; }
						.mauticform-message {margin-bottom: 50px;color: white;/* padding-top: 20px; *//* padding-bottom: 30px; */margin-top: 35px;line-height: 33px;}
						.mauticform-row {display: block;margin-bottom: 10px;}
						.mauticform-label {font-size: 15px;display: block;/* font-weight: bold; */margin-bottom: 5px;}
						.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
						.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
						.mauticform-errormsg {display: block;background-color: red;margin-top: 2px;font-size: 11px;margin-bottom: -10px;padding: 0px;height: 14px;line-height: 14px;}
						.mauticform-selectbox, .mauticform-input, .mauticform-textarea {width: 100%;padding: 0.5em 0.3em;border: 1px solid #CCC;background: #fff;box-shadow: 0px 0px 0px #fff inset;border-radius: 4px;box-sizing: border-box;height: 29px;}
						.mauticform-checkboxgrp-row {}
						.mauticform-checkboxgrp-label { font-weight: normal; }
						.mauticform-checkboxgrp-checkbox {}
						.mauticform-radiogrp-row {}
						.mauticform-radiogrp-label { font-weight: normal; }
						.mauticform-radiogrp-radio {}
						.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
						.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
						.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
						.mauticform-pagebreak-wrapper .mauticform-button-wrapper {  display: inline; }
/*mautic*/

div#mauticform_wrapper_frm1artemis {
    background-color: #02192c;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: 1Px 1px 6px  #02192cab;
}

div#mauticform_wrapper_frm1artemis form {
    max-width: 240px;
    margin: auto;
    text-align: left;
}

div#mauticform_wrapper_frm1artemis button#mauticform_input_frm1artemis_submit {
    background-color:#f53816;
    color:white;
    border-radius:20px;
    text-transform:uppercase;
    padding:10px;
    margin:auto;
    border: none;
    width: 100%;
    font-family:'Qanelas-Bold';
    margin-top: 10px;
    font-size: 15px;
    }

div#mauticform_frm1artemis_submit {
    text-align: center;
}
.mauticform-post-success .mauticform-innerform {
    display: none;
}
.box1-row1 {
    padding-top: 0px;
    margin-top: -40px;
}
.logo img {
    width: 207px;
}

p.bx-quand strong {
    /* margin-top: 10px; */
}

p.col4 em {
    width: 171px;
}

.col span {
    margin-bottom: 3px;
}

p.col5 {
    padding-left: 18px;
}
p.place-l {
    color: black;
    text-transform: uppercase;
}

p.place-l:before {    border-top: 1Px dashed;
    content: ' ';
    display: inline-block;
    width: 50px;
    margin-right: 20px;
    height: 5px;
}
p.place-l:after {    border-top: 1Px dashed;
    content: ' ';
    display: inline-block;
    width: 50px;
    margin-left: 20px;
    height: 5px;
}
.mbl{display:none;}
.mbl a{color: white;text-decoration:none;line-height: 29px;}
.mbl img {
    display:inline-block;
    height:25px;
    float:left;
    margin-right:5px;
}

.mbl a {
    display:inline-block;
}
p.prix {
    position: absolute;
    top: 10px;
    width: 131px;
    margin-left: 600px;
}

p.prix img {
    max-width: 100%;
}
@media screen and (min-width:1340px){
	
	.header{height:640px;background-repeat:no-repeat;}
p.bx-ou {margin-top: 110px;}

p.bx-quand {
    width: 200px;
    margin-left: 176px;
}}
@media screen and (max-width:1300px) and (min-width:1200px){
	p.bx1-p {
    font-size: 42px;
    line-height: 40px;
}
p.prix {
    width: 120px;
    margin-left: 545px;
}

.header {
    background-size: cover;
    width: 1200px;
}

.header .content {
    max-width: 100%;
    width: 1100px;
}

p.bx2-p {
    font-size: 16px;
    line-height: 16px;
}


p.bx2-p strong {
    font-size: 20px;
}
p.bx-ou {margin-top: 143px;margin-left: 488px;}

p.bx-quand {
    width: 200px;
    margin-left: 31%;
    /* border:1px solid; */
}
    .box2 {
    margin-top: -30px!important;
}
}
@media screen and (max-width:1199px) and (min-width:1100px){
	p.bx1-p {
    font-size: 42px;
    line-height: 40px;
}

.header {
    background-size: contain;
    width: 1100px;
    background-repeat: no-repeat;
}
p.prix {
    width: 120px;
    margin-left: 490px;
}
.header .content {
    max-width: 100%;
    width: 1000px;
}

p.bx2-p {
    font-size: 16px;
    line-height: 16px;
}


p.bx2-p strong {
    font-size: 20px;
}
p.bx-ou {margin-top: 62px;margin-left: 383px;}

p.bx-quand {
    width: 200px;
    margin-left: 25%;
    /* border:1px solid; */
}
    .box2 {
    margin-top: -30px!important;
}
}
@media screen and (max-width:1100px) and (min-width:1000px){
p.prix {
    width: 131px;
    margin-left: 450px;}
	.header .content {
    max-width: 100%;
    width: 927px;
 }
	p.bx1-p{font-size: 31px;line-height:30px;margin-top: 20px;}
	p.bx2-p{font-size:17px;line-height:17px;}
	p.bx2-p strong{font-size:18px;line-height:17px;}
	.num-tel p{font-size:13px;}
	.header{background-size: contain;background-repeat:no-repeat;/* background-position-x: -89px; */width: 1000px;}
	p.bx-quand{
    margin-left: 24%;
}
p.bx-ou{margin-left: 347px;margin-top: 75px;}
.box1-row1{margin-top:20px;}
.section1 h1{margin-top:34px;font-size:22px;}
.section1 p{font-size:15px;}
.section2 .content:before{margin-left:700px;}
}
@media screen and (max-width:1000px) and (min-width:700px){
	.dsk,.num-tel strong.dsk{display:none!important;}
	p.prix{margin-left: 485px;top: 89px;}
	.mbl{display:block;}
	.header{width:700px;/* border:1Px solid; */background-size: 100%!important;background-repeat: no-repeat!important;background: url(../img/header-mobile.jpg);}
	.box1 {
    float: none;
    width: 100%;
}
.section2 h2{padding-top:30px;}
.section2{padding-bottom:30px;}
.section2 .content:before{margin-left:80%;width: 120px;margin-left: 40%;/* width: 77px; */margin-top: -92px;}
.section3 .content{padding: 10px 40px;width: 500px;}
.box1-row1 {
    max-width: 400px;
    margin-left: 20px;
    margin-top: -26px;
    text-align: center;
}

.top {
    height: 77px;
}

p.bx2-p {
    display: none;
}

.box2 {
    clear: both!important;
    float: none!important;
    height: 530px;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px!important;
}

.num-tel p {
    display: none;
}
strong.mbl img {
    float: none;
}

.num-tel strong {
    height: 86px;
    display: inline-block;
    /* border: 1px solid; */
    line-height: 91Px;
}

.section1 {
    clear: left!important;
    margin-top: 276px;
}
p.bx1-p {
    font-size: 30px;
    line-height: 30px;
    margin-top: 35px;
}
p.bx-quand {
    margin-left: 22%;
}

p.bx-ou {
    margin-left: 390px;
}
.section1 h1{width:600px!important;margin-top:40px;}
.section1 p{width:600px!important;}

}

@media screen and (max-width:700px) {
	.mbl{display:block;color:white!important;text-decoration:none;}
	
	.dsk{display:none!important;}
	.header{width:400px;/* border:1Px solid; */background-size: 100%!important;background-repeat: no-repeat!important;background: url(../img/header-mobile.jpg);}
	.box1 {
    float: none;
    width: 100%;
}
.header{width:400px;/* border:1Px solid; */background-size: 100%!important;background-repeat: no-repeat!important;height: auto;background: url(../img/mbl-header.jpg);}
	.logo img{width: 150px;}
	p.prix {
    width: 80px;
    margin-left: 150px;
    top: 25px;
}
	.box1 {
    float: none;
    width: 100%;
}
.section2 .content:before{margin-left: calc(50% - 50px);width:100px;margin-top: -80px;}
.section2 h2{padding-top: 35px;}
.section3 .content{padding: 15px 15px;width: 79%;/* border: 1px solid; */min-height: 500px;}
.box1-row1 {
    max-width: 400px;
    margin: auto;
    margin-top: -26px;
    text-align: center;
}
.header .content{max-width:100%;width:380px;}
.top {
    height: 60px;
}

p.bx2-p {
    display: none;
}

.box2 {
    clear: both!important;
    float: none!important;
    height: auto;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px!important;
}

.num-tel p {
    display: none;
}

.num-tel strong {
   height: 30px;
   display: inline-block;
   margin-top: 26px;
   /* border: 1px solid; */
   line-height: 11Px;
   font-size: 15px;
}

.section1 {
    clear: left!important;
    /* margin-top: 165px; */
    padding-top: initial;
}
p.bx1-p {
    font-size: 23px;
    line-height: 22px;
    width: 301px;
    font-size: 24px;
    line-height: 27px;
    width: 317px;
    margin: auto;
    margin-top: 66px;
}
p.bx-quand {
    margin-left: 19%;
    font-size: 12px;
    line-height: 6px;
    width: 113px;
}
p.bx-quand .nbr{font-size:24px;}
p.bx-ou strong:after{display:block;}
p.bx-quand strong, p.bx-ou strong{font-size: 18px;/* width: 50px; *//* margin: auto; *//* display: block; */}
p.bx-quand strong{margin-bottom:0px;}
p.bx-quand strong:after, p.bx-ou strong:after{height:5px;}
p.bx-ou {
    margin-left: 200px;
    margin-top: 55px;
    font-size: 12px;
    /* border: 1px solid; */
    text-align: center;
    width: 126px;
}
.section1 h1{width:400px!important;margin-top:40px;font-size: 20px;line-height: 20px;}
.section1 p{width: 362px!important;font-size: 16px;line-height: 22px;}
.section2 .bx1{width:48%;}
.section2 .content {
    min-height: 350px;}
    .section3 h2,.section2 h2{font-size: 21px;}
    .section3 h2:before{display:none;}
        .section3 h2:after{display:none;}
        
.col{width:49%;/* border:1Px solid; */}
.col-f{width:99%;/* border:1Px solid; */}
.bx1.bx-s span {
    display: none;
}.section3 em {
    width: 79%;
}
p.col5{padding-left:0px;margin-top: 0px;}
    
}
@media screen and (max-width:400px) {
	.header .content{max-width:100%;width:300px;/* border: 1Px solid; */}
	.num-tel strong{font-size: 18px!important;}
.num-tel{width:50%;text-align: right;}
.logo{width:49%}
p.bx1-p{font-size:20px;}
p.bx1-p {
    font-size: 20px;
    line-height: 20px;
    width: 302px;
    margin: auto;
    margin-top: 81px;
}
p.bx-quand {
    margin-left: 14%;
    font-size: 12px;
    line-height: 6px;
    width: 106px;
    /* border: 1Px solid; */
}
p.bx-quand .nbr{font-size: 21px;line-height: 30px;}
p.bx-ou strong{width: 80px;}
p.bx-quand strong, p.bx-ou strong{font-size: 12px;/* width: 50px; *//* margin: auto; *//* display: block; */}
p.bx-quand strong{margin-bottom:0px;width: 80px!important;}
p.bx-quand strong:after, p.bx-ou strong:after{height:5px;width: 45px;display: block;}
p.bx-ou {
    margin-left: 166px;
    margin-top: 49px;
    font-size: 11px;
    /* border: 1px solid; */
    text-align: center;
    width: 103px;
}
div#mauticform_wrapper_frm1artemis,.frm {
    max-width: 100%;
    width: 280px;
    margin-top: 20px;
}

.section1 h1 {
    margin-top: 0px;
    max-width: 100%;
    width: 300px!important;
    font-size: 18px;
    padding-top: 0px;
}

.section1 {
    margin-top: auto;
    padding-top: initial;
}

.section1 p{max-width:100%;width: 300px!important;font-size: 15px;line-height: 20px;}
.section2 .bx1{width:100%;margin:auto;}
.section2 .content:before{margin-left: calc(50% - 60px);width: 120px;margin-top: -81px;padding-bottom: 10px;}
.section2 h2 {padding-top: 45px;}
.section3 h2{margin:0px;}
.powerd img{width:80px;}
.powerd a{max-height:30px;line-height:30px;}
.powerd p{line-height:30px;height:30px;}
.powerd span{max-height:30px;line-height:36px;}
.powerd{height:40px;padding-top:30px;padding-bottom:20px;}
.section3 h2, .section2 h2 {
    font-size: 18px;
}
.bx1 span {
    border-right:none;
    border-bottom: 1px dashed;
    display: block!important;
    float: right;
    margin-left: -900px!important;
    width: 50px;
    margin-top: -74px;
    display: none!important;
    }
    .section2 .bx1:last-child p{border-bottom:none!important;}
    .section2{
    	padding-bottom:19px;}
    .section2 .content{height: 635px;}
    .bx1 p {
    border-bottom: 1px dashed;min-height:auto;padding-bottom:24px;margin-bottom:20px;}

p.txt-b {
    font-size: 11px;
    text-align: center;
    margin-top: 0px!important;
    height: 20px;
    line-height: 20px;
    /* border: 1Px solid; */
    display: inline-block;
}

.section3 .content {
    width: 90%;
    padding: 0px 10px;
    min-height: 406px;
}
.section3{padding-top:0px;margin-top: 0px;}

.section3 em {
    font-size: 14px;
    line-height: 19px;
}
}

@media screen and (max-width:370px) {
	p.bx-ou {
    margin-left: 154px;
    margin-top: 31px;
    font-size: 11px;
    text-align: center;
    width: 102px;
}
.box1-row1 {
    max-width: 400px;
    margin: auto;
    margin-top: -30px;
    text-align: center;
}
p.bx-quand {
    font-size: 11px;
    width: 100px;
    margin-left: 16%;
}
}
@media screen and (max-width:340px){
	p.bx1-p {
    font-size: 19px;
    line-height: 20px;
    width: 293px;
    margin: auto;
    margin-top: 67px;
}
p.bx-ou{margin-top:38px;}
}

@media screen and (max-width:400px){
	p.prix {
    width: 72px;
    margin-left: 116px;
    top: 29px;
    }
    .header .content{width:300px;}
    .header {
    width: 380px;
    }
    .logo img{max-width:120px;}
    .num-tel strong {
    height: 20px;
    display: inline-block;
    margin-top: 20px;font-size:15px!important;}
}
@media screen and (max-width:380px){
	.header .content{width:300px;}
    .header {
    width: 350px
    }

    p.bx-quand {
    margin-left: 14%;
    font-size: 12px;
    line-height: 6px;
    width: 106px;
    /* border: 1Px solid; */
}
p.bx-ou {
    margin-left: 160px;
    margin-top: 38px;
    font-size: 11px;
    text-align: center;
    width: 103px;
}
}
@media screen and (max-width:348px){
	.header .content{width:300px;}
    .header {
    width: 320px
    }

    p.bx-quand {
    margin-left: 15%;
    font-size: 12px;
    line-height: 6px;
    width: 106px;
    /* border: 1Px solid; */
}
p.bx-ou {
    margin-left: 159px;
    margin-top: 37px;
    font-size: 11px;
    text-align: center;
    width: 103px;
}
p.prix {
    width: 60px;
    margin-left: 116px;
    top: 27px;
}
}