/* Start Ouverture Avantage and Font*/
.section-ouverture {
background-color: #006caf;
background-image: -webkit-linear-gradient(-315deg,#b2b3b5 0,#006caf 100%);
background-image: linear-gradient(45deg,#006caf 0,#006caf 100%);
}
section section h2.home-title, .home-section p.home-title {
font-family: "OpenSans-ExtraBold";
cursor: default;
margin: 0;
font-weight: 400;
}
section h2.home-title {
font-size: 36px;
font-family: SansCondensed;
}
.home-section {
padding: 35px 2.4%;
}
.section-ouverture__avantages-block p {
margin: 20px 0 0;
font-size: 36px;
font-family: SansCondensed;
text-transform: uppercase;
text-align: center;
color: #fff;
line-height: 36px;
}
.home-section p.home-title {
font-weight: 600;
font-family: "OpenSans-ExtraBold";
font-size: 15px;
}
section .home-section h2.home-title, .home-section p.home-title {
cursor: default;
margin: 0;
font-weight: 400;
}
.section-ouverture>h2, .section-ouverture>p {
color: #fff;
}
.section-ouverture__avantages {
display: flex;
align-items: center;
margin: 40px 12%;
justify-content: space-between;
align-items: baseline;
}
.section-ouverture__avantages-block p span {
font-family: SansCondensed;
font-size: 36px;
}
.section-ouverture__formulaire {
max-width: 960px;
min-height: 394px;
margin: 0 auto;
border-radius: 2px;
background: #fff;
flex-direction: column;
display: flex;
align-items: center;
}
.section-ouverture__formulaire>h2 {
font-size: 36px;
line-height: 1;
margin-top: 40px;
margin-bottom: 22px;
position: relative;
}
.section-ouverture__avantages-container {
display: flex;
justify-content: space-around;
}
.section-ouverture__avantages-block {
display: flex;
flex-direction: column;
align-items: center;
width: 158px;
}
.section-ouverture__avantages-picto-container {
width: 79px;
height: 79px;
background-color: #fff;
box-shadow: inset 0 2px 3px 0 rgb(0 0 0 / 20%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.section-ouverture__formulaire {
max-width: 960px;
min-height: 394px;
margin: 0 auto;
border-radius: 2px;
background: #fff;
flex-direction: column;
display: flex;
align-items: center;
}
.section-ouverture__formulaire-instruction {
display: flex;
align-items: stretch;
width: 80%;
justify-content: space-around;
}
.section-ouverture__formulaire-instruction-bloc {
position: relative;
text-align: center;
padding-top: 53px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.section-ouverture__formulaire-instruction-bloc h4 {
font-family: Type-Regular;
text-align: left;
}
/* Additionnel col import */
[class*=col-] {
float: left
}
.col-4 {
width: 23.5%;
margin-right: 2%
}
.col-50 {
width: 50%;
}
.col-100 {
width: 100%
}
/* End Additionnel col import */
h4, h5 {
font-weight: 400;
}
h4 {
font-size: 17.5px;
}
.section-ouverture__formulaire>h2>img {
float: left;
position: relative;
top: 0;
right: 15px;
}
.section-ouverture__formulaire-instruction-bloc span {
color: #006caf;
font-size: 50px;
font-family: SansCondensed;
margin-right: 10px;
}
.section-ouverture__formulaire>h2 span {
float: left;
margin-top: 15px;
}
.section-ouverture__formulaire-info {
font-family: Type-Regular,arial,sans-serif;
font-size: .9rem;
font-weight: 600;
width: 100%;
display: flex;
justify-content: space-around;
padding: 10px 2%;
}
.section-ouverture__formulaire-info span:nth-child(2) {
color: #006caf;
text-decoration: underline;
font-weight: 400;
cursor: pointer;
}
.section-ouverture__formulaire-info span:last-child .icon {
top: 2px;
right: 3px;
position: relative;
}
.section-ouverture__formulaire-info span:nth-child(2) {
color: #006caf;
text-decoration: underline;
font-weight: 400;
cursor: pointer;
}
h1, h2, h3, h4 {
font-weight: 400;
text-transform: uppercase;
font-family: SansCondensed, Arial, sans-serif;
margin: .6em 0;
line-height: 1;
}
.green {
color: #008000;
}
.violet {
color: #9d265c;
}
.section-bienvenue__texte h1 {
cursor: default;
font-size: 22px;
margin: 0;
text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
/* sprite icon */
.flag {
display: inline-block;
height: 14px;
width: 21px;
margin-right: 5px;
margin-right: 0.5rem;
background: url("<?php echo $urlsite;?>/assets/images/flag.png") no-repeat;
vertical-align: middle;
}
.SansCondensed {
font-family: SansCondensed;
}
.Open_Sans {
font-weight: 600;
font-family: "OpenSans-ExtraBold";
font-size: 15px;
}

/* sprite icon */
.flag {
display: inline-block;
height: 14px;
width: 21px;
margin-right: 5px;
margin-right: 0.5rem;
background: url("<?php echo $urlsite;?>/assets/images/flag.png") no-repeat;
vertical-align: middle;
}

/* Footer Default Content */
#wcm-l-footerHome {
max-width: 1400px;
margin: 0 auto;
}
#default-footer-refresh {
position: relative;
z-index: 1;
background-color: #373737;
padding: 36px 2.1% 47px;
overflow: auto;
font-family: "OpenSans-ExtraBold";
}
#default-footer-refresh .footer-section_reseaux-sociaux {
display: flex;
justify-content: center;
}
#default-footer-refresh .footer-section_reseaux-sociaux .footer-section_reseaux-sociaux-container {
width: 428px;
display: flex;
justify-content: space-between;
padding-bottom: 50px;
}
#default-footer-refresh .footer-section_reseaux-sociaux .footer-section_reseaux-sociaux-container span {
color: #ff8000;
font-size: 15px;
}
#default-footer-refresh .footer-section:nth-child(2) {
border-bottom: solid 1px rgba(153,153,153,.5);
}
#default-footer-refresh .footer-section_container1 {
padding: 0 1.4% 0 1.4%;
color: #fff;
font-family: "OpenSans-ExtraBold";
cursor: pointer;
}
.footer-section .footer-section_container3 {
padding: 0 1.4% 0 1.4%;
color: #fff;
font-family: "OpenSans-ExtraBold";
}
#default-footer-refresh .footer-section_titre1 {
color: #e7e7e7;
font-family: "OpenSans-ExtraBold";
text-transform: uppercase;
font-weight: 800;
font-size: 15px;
border-left: solid 2px #e7e7e7;
padding: 0 6.1% 0 6.1%;
}
#default-footer-refresh .footer-section_titre1 p {
font-family: regular,Arial,sans-serif;
margin: 0 0 10px;
}
#default-footer-refresh .footer-section {
overflow: auto;
}
#default-footer-refresh .footer-section_titre2 {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
font-size: 13px;
font-family: "OpenSans-ExtraBold";
color: #006caf;
font-weight: 700;
text-transform: uppercase;
border-left: solid 2px #006caf;
padding: 0 6.1% 0 6.1%;
}
#default-footer-refresh .footer-section_container2 span {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
font-size: 15px;
font-family: "OpenSans-ExtraBold";
color: #006caf;
font-weight: 700;
text-transform: uppercase;
border-left: solid 2px #006caf;
padding: 0 6.1% 0 6.1%;
}
#default-footer-refresh .footer-section_liens {
margin-top: 9px;
list-style-Type: none;
padding: 0 6.1% 0 6.1%;
}
#default-footer-refresh .footer-section_liens-el {
color: #999;
font-family: "OpenSans-ExtraBold";
/* font-size: 13px; */
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
}
a {
background: 0 0;
}
#default-footer-refresh .section_mentions-legales p {
width: 78%;
text-align: center;
margin: auto;
margin-top: auto;
margin-top: 27px;
color: #999;
font-size: 13px;
font-family: "OpenSans-ExtraBold";
}
#default-footer-refresh .footer-section .footer-section_mentions-legales p {
color: #999;
font-family: "OpenSans-ExtraBold";
padding: 0 1.4% 0 1.4%;
}
#default-footer-refresh .footer-section .footer-section_mentions-legales p span {
font-family: "OpenSans-ExtraBold";
}
#default-footer-refresh .footer-section_liens-el:hover {
color: #ff8000
}

/* Ok font Ouverture Avantage */

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('/css/fonts/OpenSans-ExtraBold.eot');
    src: url('/css/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('/css/fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('/css/fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SansCondensed';
    src: url('/css/fonts/SansCondensed.eot');
    src: url('/css/fonts/SansCondensed.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/SansCondensed.woff2') format('woff2'),
        url('/css/fonts/SansCondensed.woff') format('woff'),
        url('/css/fonts/SansCondensed.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Type';
    src: url('/css/fonts/Type.eot');
    src: url('/css/fonts/Type.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Type.woff2') format('woff2'),
        url('/css/fonts/Type.woff') format('woff'),
        url('/css/fonts/Type.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Type-Regular';
    src: url('/css/fonts/Type-Regular.eot');
    src: url('/css/fonts/Type-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Type-Regular.woff2') format('woff2'),
        url('/css/fonts/Type-Regular.woff') format('woff'),
        url('/css/fonts/Type-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Ok fin font */

/* End Ouverture Avantage */
@media screen and (max-width: 1300px) {
.section-ouverture__avantages h2 {
font-size:2rem;
padding-left: 3%
}
}
@media screen and (max-width: 1024px) {
.section-ouverture__formulaire h2 {
font-size:2rem
}
}
@media screen and (max-width: 768px) {
.section-ouverture p.home-title {
font-size:13px;
font-weight: 400px
}
.section-ouverture__formulaire {
margin: 0 3%
}
.section-ouverture__formulaire h2 {
text-align: center;
width: 75%;
padding: 0;
margin: 25px 0 0 0
}
.section-ouverture__formulaire h2 img {
width: 70px;
display: block;
margin: 0 auto;
float: none
}
.section-ouverture__formulaire h2 span {
margin-top: 11px;
font-size: 32px
}
.section-ouverture__formulaire button.btn-primary {
margin-top: 0;
margin-bottom: 30px
}
.section-ouverture__formulaire-instruction {
flex-direction: column;
margin-top: 44px
}
.section-ouverture__formulaire-instruction-bloc {
width: 100%;
margin-right: 0;
border-right: none;
padding: 37px 0 37px 72px;
justify-content: flex-start
}
.section-ouverture__formulaire-instruction-bloc:before {
top: 0
}
.section-ouverture__formulaire-instruction-bloc:after {
bottom: 0
}
.section-ouverture__formulaire-instruction-bloc:first-child {
padding-top: 0
}
.section-ouverture__formulaire-instruction-bloc:first-child:before {
width: 0;
height: 0
}
.section-ouverture__formulaire-instruction-bloc:last-child:after {
width: 0;
height: 0
}
.section-ouverture__formulaire-instruction-bloc:nth-child(1) img {
top: calc(50% - 37px);
left: 0
}
.section-ouverture__formulaire-instruction-bloc:nth-child(2) img {
top: calc(50% - 22px);
left: 1px
}
.section-ouverture__formulaire-instruction-bloc:nth-child(3) img {
top: calc(50% - 8.5px);
left: -3px
}
.section-ouverture__formulaire-instruction-bloc:nth-child(4) img {
top: calc(50% - 23.5px);
left: 0
}
.section-ouverture__formulaire-instruction-bloc h4 {
text-align: left;
margin: 0
}
.section-ouverture__formulaire-instruction-bloc span {
top: -3px;
right: 14px
}
.section-ouverture__formulaire-instruction-bloc img {
top: 41px;
left: 7px;
padding: 0;
position: absolute
}
.section-ouverture__formulaire-container {
height: auto!important
}
.section-ouverture__avantages {
margin: 35px 1%;
flex-direction: column;
overflow: hidden
}
.section-ouverture__avantages-block p {
font-size: 32px
}
.section-ouverture__avantages-container {
width: 100%
}
.section-ouverture__avantages-container:first-child {
margin-bottom: 27px
}
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}