
.section-03 {
max-width:100%;
height:auto;
background-color:white;
margin-top:95px;
padding:120px 120px 145px 120px;
display:grid;
grid-template-columns:43% auto;
gap:55px;
position:relative;
z-index:5;
}

.section-03-container-01 {
max-width:77%;
}

.section-03-image-1 {
width:100%;
max-width:871px;
height:auto;
float:right;
display:block;
}

.section-03-image-2 {
width:500px;
max-width:517px;
height:auto;
top:455px;
left:37.5%;
display:block;
position:absolute;
z-index:6;
}


.section-03-title {
font-family: 'Ubuntu', sans-serif;    
font-size:49px;
line-height:1.18;
color:#191513;
opacity:0.80;
}

.section-03-subtitle {
font-family: 'Ubuntu', sans-serif;    
font-size:30px;
line-height:1.30;
color:#191513;
opacity:0.75;
}


.section-03-text {
font-family: 'Ubuntu', sans-serif;   
font-size:24px;
line-height:1.35;
text-decoration:none;
color:#191513;
opacity:0.65;
}

.section-03-texte a {
text-decoration:none;	
color:#191513;
opacity:0.65;
}

.section-03-texte a:hover{
text-decoration:none;	
color:#ff2321;
opacity:1.00;
}


.section-03-bouton {
font-family: 'Ubuntu', sans-serif; 
width:auto;
color:#ffffff;
background-color:#fc5810;
font-size:19px;
text-transform:uppercase;
border-radius:0px 10px 0px 10px;
letter-spacing:1px;
border:none;
padding:21px 31px;
text-align:center;
display:inline-block;
cursor:pointer;
font-weight:bolder;
text-decoration:none;
opacity:1.00;
transition:750ms;
}

.section-03-bouton a {
text-decoration:none;
color:#ffffff;
}

.section-03-bouton:hover {
color:#ffffff;
background-color:#191919;
text-decoration:none;
opacity:1.00;
transition:750ms;
}


.section-03-fleche {
height:100%;
max-height:15px;
width:auto;
margin-left:5px;
display:inline-block;
}



.section-03-interligne-01 {
height:27px;
width:5px;
display:block;
}

.section-03-interligne-02 {
height:50px;
width:5px;
display:block;
}



.section-03-spacer-01 {
height:18px;
display:block;
}

.section-03-spacer-02 {
height:35px;
display:block;
}





.section-03-background-001 {
background-image:url("IMAGE.jpg");
background-position:center top;
}

.section-03-background-002 {
background-image:url("IMAGE.jpg");
background-position:center top;
}

.section-03-conteneur-01 {
text-align:left;
}

.section-03-conteneur-02 {
width:80%;
text-align:left;
}

.section-03-image-mobile {
width:100%;
height:auto;
display:none;
}







@media only screen and (max-width: 1850px) {

.section-03 {
margin-top:90px;
padding:117px 115px 140px 115px;
grid-template-columns:43% auto;
gap:54px;
}


.section-03-image-2 {
width:495px;
top:455px;
left:38.5%;
}

}



@media only screen and (max-width: 1800px) {

.section-03 {
margin-top:78px;
padding:107px 110px 140px 110px;
grid-template-columns:43% auto;
gap:53px;
}

.section-03-image-2 {
width:480px;
top:450px;
left:39%;
}

}




/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {

.section-03 {
margin-top:80px;
padding:100px 90px 130px 90px;
grid-template-columns:45% auto;
}

.section-03-image-1 {
width:88%;
}

.section-03-image-2 {
width:420px;
top:375px;
left:42%;
}


.section-03-title {
font-size:48px;
line-height:1.16;
}

.section-03-subtitle {
font-size:29px;
line-height:1.28;
}

.section-03-text {
font-size:22px;
line-height:1.30;
}


.section-03-interligne-01 {
height:23px;
width:5px;
display:block;
}

.section-03-interligne-02 {
height:47px;
width:5px;
display:block;
}

}




@media only screen and (max-width: 1650px) {

.section-03 {
margin-top:75px;
padding:95px 85px 115px 85px;
grid-template-columns:46% auto;
gap:50px;
}

.section-03-image-1 {
width:96%;
}

.section-03-image-2 {
width:410px;
top:365px;
left:43%;
}

.section-03-title {
font-size:48px;
line-height:1.15;
}

.section-03-subtitle {
font-size:27px;
line-height:1.25;
}

.section-03-text {
font-size:22px;
line-height:1.32;
}


.section-03-interligne-01 {
height:20px;
}

.section-03-interligne-02 {
height:40px;
}

}







/* 1600 x 900 */
@media only screen and (max-width: 1600px) {

.section-03 {
margin-top:60px;
padding:90px 82px 110px 82px;
grid-template-columns:46% auto;
gap:49px;
}

.section-03-image-2 {
width:395px;
top:370px;
left:40%;
}

.section-03-title {
font-size:47px;
line-height:1.16;
}

.section-03-subtitle {
font-size:25px;
line-height:1.26;
}

.section-03-text {
font-size:21px;
line-height:1.33;
}

.section-03-interligne-01 {
height:20px;
}

.section-03-interligne-02 {
height:37px;
}

}





@media only screen and (max-width: 1500px) {

.section-03 {
margin-top:60px;
padding:90px 80px 110px 80px;
grid-template-columns:46% auto;
gap:48px;
}

.section-03-image-2 {
width:390px;
top:375px;
left:41%;
}

.section-03-title {
font-size:46px;
line-height:1.16;
}

.section-03-subtitle {
font-size:24px;
line-height:1.26;
}

.section-03-text {
font-size:21px;
line-height:1.33;
}

.section-03-interligne-01 {
height:19px;
}

.section-03-interligne-02 {
height:35px;
}

}



/* 1440 x 900 */
@media only screen and (max-width: 1460px) {



}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

.section-03 {
margin-top:60px;
padding:90px 80px 110px 80px;
grid-template-columns:46% auto;
gap:48px;
}

.section-03-image-1 {
width:96%;
}

.section-03-image-2 {
width:450px;
top:410px;
left:42.5%;
}

.section-03-bouton {
font-size:18px;
border-radius:0px 10px 0px 10px;
border:none;
padding:20px 29px;
}

.section-03-title {
font-size:46px;
line-height:1.16;
}

.section-03-subtitle {
font-size:24px;
line-height:1.26;
}

.section-03-text {
font-size:20px;
line-height:1.33;
}

.section-03-interligne-01 {
height:19px;
}

.section-03-interligne-02 {
height:35px;
}

}







/* 1280 x 800 */
@media only screen and (max-width: 1300px) {



}


@media only screen and (max-width: 1350px) {



}





@media only screen and (max-width: 1200px) {
	
.section-03 {
margin-top:60px;
padding:85px 65px 100px 65px;
grid-template-columns:46% auto;
gap:40px;
}

.section-03-image-1 {
width:97%;
}

.section-03-image-2 {
width:450px;
top:410px;
left:42.5%;
}

.section-03-title {
font-size:43px;
line-height:1.16;
}

.section-03-subtitle {
font-size:23px;
line-height:1.26;
}

.section-03-text {
font-size:20px;
line-height:1.33;
}

.section-03-interligne-01 {
height:18px;
}

.section-03-interligne-02 {
height:33px;
}

}




@media only screen and (max-width: 1100px) {



}





/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

.section-03 {
margin-top:60px;
padding:86px 60px 96px 60px;
grid-template-columns:46% auto;
gap:38px;
}

.section-03-image-1 {
width:97%;
}

.section-03-image-2 {
width:390px;
top:360px;
left:45%;
}

.section-03-bouton {
font-size:18px;
border-radius:0px 9px 0px 9px;
border:none;
padding:17px 21px;
}

.section-03-title {
font-size:40px;
line-height:1.16;
}

.section-03-subtitle {
font-size:21px;
line-height:1.26;
}

.section-03-text {
font-size:17px;
line-height:1.33;
}

.section-03-interligne-01 {
height:18px;
}

.section-03-interligne-02 {
height:32px;
}

}




/* 960 x 600 */
@media only screen and (max-width: 980px) {

.section-03 {
margin-top:40px;
padding:86px 55px 96px 55px;
grid-template-columns:46% auto;
gap:38px;
}

.section-03-image-1 {
width:97%;
}

.section-03-image-2 {
width:370px;
top:320px;
left:45%;
}

.section-03-bouton {
font-size:17px;
border-radius:0px 9px 0px 9px;
border:none;
padding:15px 19px;
}

.section-03-title {
font-size:35px;
line-height:1.16;
}

.section-03-subtitle {
font-size:20px;
line-height:1.26;
}

.section-03-text {
font-size:16px;
line-height:1.27;
}

.section-03-interligne-01 {
height:17px;
}

.section-03-interligne-02 {
height:28px;
}

}





@media only screen and (max-width: 900px) {

.section-03 {
margin-top:35px;
padding:84px 50px 94px 50px;
grid-template-columns:46.5% auto;
gap:36px;
}

.section-03-image-1 {
width:98%;
}

.section-03-image-2 {
width:360px;
top:310px;
left:45%;
}

.section-03-bouton {
font-size:17px;
border-radius:0px 9px 0px 9px;
border:none;
padding:14px 19px;
}

.section-03-title {
font-size:31px;
line-height:1.15;
}

.section-03-subtitle {
font-size:19px;
line-height:1.26;
}

.section-03-text {
font-size:15px;
line-height:1.25;
}

.section-03-interligne-01 {
height:16px;
}

.section-03-interligne-02 {
height:25px;
}

}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) { 

.section-03 {
margin-top:15px;
padding:70px 5.5% 80px 5.5%;
grid-template-columns:51% auto;
gap:33px;
}

.section-03-image-1 {
width:98%;
}

.section-03-image-2 {
width:290px;
top:250px;
left:49%;
}

.section-03-bouton {
font-size:16px;
border-radius:0px 9px 0px 9px;
border:none;
padding:12px 17px;
}

.section-03-title {
font-size:25px;
line-height:1.15;
}

.section-03-subtitle {
font-size:17px;
line-height:1.20;
}

.section-03-text {
font-size:14px;
line-height:1.25;
}

.section-03-interligne-01 {
height:15px;
}

.section-03-interligne-02 {
height:23px;
}

}





@media only screen and (max-width: 700px) {

.section-03 {
margin-top:10px;
padding:55px 5.5% 85px 5.5%;
text-align:center;
grid-template-columns:1fr;
gap:47px;
}

.section-03-container-01 {
max-width:100%;
}

.section-03-image-1 {
width:85%;
}

.section-03-image-2 {
width:260px;
top:580px;
left:5.7%;
}

.section-03-bouton {
font-size:21px;
border-radius:0px 9px 0px 9px;
border:none;
padding:28px 28px;
}

.section-03-title {
font-size:35px;
line-height:1.15;
}

.section-03-subtitle {
font-size:20px;
line-height:1.20;
}

.section-03-text {
font-size:17px;
line-height:1.25;
}

.section-03-interligne-01 {
height:15px;
}

.section-03-interligne-02 {
height:23px;
}

}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.section-03 {
margin-top:10px;
padding:55px 5.5% 85px 5.5%;
text-align:center;
grid-template-columns:1fr;
gap:47px;
}

.section-03-container-01 {
max-width:100%;
}

.section-03-image-1 {
width:87%;
}

.section-03-image-2 {
width:240px;
top:580px;
left:5.6%;
}

.section-03-bouton {
font-size:20px;
border-radius:0px 9px 0px 9px;
border:none;
padding:26px;
}

.section-03-title {
font-size:35px;
line-height:1.15;
}

.section-03-subtitle {
font-size:20px;
line-height:1.20;
}

.section-03-text {
font-size:17px;
line-height:1.25;
}

.section-03-interligne-01 {
height:15px;
}

.section-03-interligne-02 {
height:23px;
}

}




@media only screen and (max-width: 550px) {

.section-03 {
margin-top:10px;
padding:55px 5.5% 85px 5.5%;
text-align:center;
grid-template-columns:1fr;
gap:47px;
}

.section-03-image-1 {
width:84%;
}

.section-03-image-2 {
width:240px;
top:67%;
left:5.6%;
}

}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

.section-03 {
margin-top:10px;
padding:50px 5% 80px 5%;
text-align:center;
grid-template-columns:1fr;
gap:45px;
}

.section-03-container-01 {
max-width:100%;
}

.section-03-image-1 {
width:85%;
}

.section-03-image-2 {
width:220px;
top:70%;
left:5.2%;
}

.section-03-bouton {
font-size:19px;
border-radius:0px 9px 0px 9px;
border:none;
padding:26px 22px;
}

.section-03-title {
font-size:35px;
line-height:1.15;
}

.section-03-subtitle {
font-size:20px;
line-height:1.20;
}

.section-03-text {
font-size:17px;
line-height:1.25;
}

.section-03-interligne-01 {
height:15px;
}

.section-03-interligne-02 {
height:23px;
}

}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

.section-03 {
margin-top:10px;
padding:45px 5% 70px 5%;
text-align:center;
grid-template-columns:1fr;
gap:45px;
}

.section-03-container-01 {
max-width:100%;
}

.section-03-image-1 {
width:85%;
}

.section-03-image-2 {
width:200px;
top:72%;
left:5.2%;
}

.section-03-bouton {
font-size:18px;
border-radius:0px 8px 0px 8px;
border:none;
padding:22px 16px;
}

.section-03-title {
font-size:35px;
line-height:1.15;
}

.section-03-subtitle {
font-size:20px;
line-height:1.20;
}

.section-03-text {
font-size:17px;
line-height:1.25;
}

.section-03-interligne-01 {
height:15px;
}

.section-03-interligne-02 {
height:23px;
}

}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

.section-03 {
margin-top:5px;
padding:40px 5% 60px 5%;
gap:40px;
}

.section-03-container-01 {
max-width:100%;
}

.section-03-image-1 {
width:85%;
}

.section-03-image-2 {
width:180px;
top:73%;
left:5.1%;
}

.section-03-bouton {
font-size:17px;
border-radius:0px 8px 0px 8px;
border:none;
padding:18px 12px;
}

.section-03-title {
font-size:32px;
line-height:1.15;
}

.section-03-subtitle {
font-size:19px;
line-height:1.20;
}

.section-03-text {
font-size:16px;
line-height:1.25;
}

.section-03-interligne-01 {
height:15px;
}

.section-03-interligne-02 {
height:22px;
}

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

.section-03 {
margin-top:5px;
padding:40px 5% 60px 5%;
gap:40px;
}

.section-03-container-01 {
max-width:100%;
}

.section-03-image-1 {
width:85%;
}

.section-03-image-2 {
width:150px;
top:77%;
left:5.1%;
}

.section-03-bouton {
font-size:16px;
border-radius:0px 8px 0px 8px;
border:none;
padding:16px 12px;
letter-spacing:0.50px;
}

.section-03-title {
font-size:29px;
line-height:1.15;
}

.section-03-subtitle {
font-size:18px;
line-height:1.20;
}

.section-03-text {
font-size:15px;
line-height:1.25;
}

.section-03-interligne-01 {
height:14px;
}

.section-03-interligne-02 {
height:21px;
}

}




@media only screen and (max-width: 300px) {

.section-03-bouton {
font-size:15px;
border-radius:0px 8px 0px 8px;
border:none;
padding:15px 12px;
letter-spacing:0.40px;
}


}










