/*!
 * Theme BMW Motorrad Assurance * Author : FMA ASSURANCES
   2021 Mises à jour
 */

@font-face{font-family:"mnm-font-bmw";font-style:normal;font-weight:400;src:url("../fonts/bmwtypewebbo_all.eot?#iefix") format("embedded-opentype"),url("../fonts/bmwtypewebbo_all.woff") format("woff"),url("../fonts/bmwtypewebbo_all.ttf") format("truetype"),url("../fonts/bmwtypewebbo_all.svg#mnm-font-bmw") format("svg"),local("Arial"),local("sans-serif")}
@font-face{font-family:"mnm-font-bmw";font-style:italic;font-weight:bold;src:url("../fonts/BMWTypeWebBoldAll-Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/BMWTypeWebBoldAll-Italic.woff") format("woff"),url("../fonts/BMWTypeWebBoldAll-Italic.ttf") format("truetype"),url("../fonts/BMWTypeWebBoldAll-Italic.svg#mnm-font-bmw") format("svg"),local("Arial"),local("sans-serif")}
@font-face{font-family:"mnm-font-bmw";font-style:normal;font-weight:100;src:url("../fonts/bmwtypewebli_all.eot?#iefix") format("embedded-opentype"),url("../fonts/bmwtypewebli_all.woff") format("woff"),url("../fonts/bmwtypewebli_all.ttf") format("truetype"),url("../fonts/bmwtypewebli_all.svg#mnm-font-bmw") format("svg"),local("Arial"),local("sans-serif")}


body {
	font-family:"mnm-font-bmw";
	line-height:1.6;
	background: #FFF;
}

.splash-screen .spinner .rect1 {
    background-color: #0062ff;
}

.splash-screen .spinner .rect2 {
    background-color: #0062ff;
}

.splash-screen .spinner .rect3 {
    background-color: #0062ff;
}

.splash-screen .spinner .rect4 {
    background-color: #0062ff;
}

.splash-screen .spinner .rect5 {
    background-color: #0062ff;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.contacterNous {
    text-align: center;
    background: #0062ff;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
}
.contacterNousTelephone {
    display: inline-block;
    font-weight: bold;
    background: #fff;
    color: #0062ff;
    padding: 0 10px;
}

h1 {
	font-size: 43px;
    line-height: 53px;
    color: #16171a;
    font-family: mnm-font-bmw,"Noto Sans",sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-variant-numeric: proportional-nums;
}
p {
	font-family: mnm-font-system,"Noto Sans",sans-serif;
    font-weight: normal;
    text-transform: none;
    font-variant-numeric: proportional-nums;
    font-size: 16px;
    line-height: 24px;
    color: #16171a;
    margin-top: 0;

}

.puce {
	width: 12px;
	height: 12px;
	background: #fff;
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 15% 100%, 50% 50%, 25% 15%, 75% 50%, 25% 85%, 11% 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 15% 100%, 50% 50%, 25% 15%, 75% 50%, 25% 85%, 11% 100%, 100% 100%, 100% 0%);
	    margin-right: 15px;
    margin-top: 6px;
    float: left;
}
.puce-bleu {
	width: 12px;
	height: 12px;
	background: #0062ff;
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 15% 100%, 50% 50%, 25% 15%, 75% 50%, 25% 85%, 11% 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 15% 100%, 50% 50%, 25% 15%, 75% 50%, 25% 85%, 11% 100%, 100% 100%, 100% 0%);
	    margin-right: 15px;
    margin-top: 6px;
    float: left;
}
.puce-noire {
	width: 12px;
	height: 12px;
	background: #0062ff;
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 15% 100%, 50% 50%, 25% 15%, 75% 50%, 25% 85%, 11% 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 15% 100%, 50% 50%, 25% 15%, 75% 50%, 25% 85%, 11% 100%, 100% 100%, 100% 0%);
	    margin-right: 15px;
    margin-top: 6px;
    float: left;
}


#HP-gestionnaire {
	width:100%;
	background-color:#FFF;
}
#HP-gestionnaire .row {
	max-width:1170px;
	margin:0 auto;
}
#header-gestionnaire {
 	width:100%;
 	min-height:250px;
 	background-image:url("../img/bg-header-gestionnaire.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
}
 #header-gestionnaire .row {
	max-width:1170px;
	margin:0 auto;
}

h3 { 
font-size:20px !important; 
}


span.bienvenue {
    padding-right: 25px;
    font-size: 10px;
    margin-top: 3px;
    display: inline-block;
}

@media screen and (max-width: 767px) {
h1 { font-size:30px !important; }
h3 { font-size:18px !important; }
p  { font-size:13px !important; }
span.bienvenue { display:none;}
} 


/* -----Header -----*/
/*
#header-top {
    width: 100%;
    position: relative;
    padding: 0;
    background: fff;
}
 #header-top .row {
	margin:0 auto;
}
*/

#logo {
    display: block;
    float: right;
    width: 150px;
    height: 110px;
    text-indent: -3000px;
    background: url(/contain-bmw/img/bmw-motorrad-assurance.svg) no-repeat;
    position: relative;
    top: -30px;
    right: 29px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
#logo {    
    height: 80px;
	/*top: -30px;*/
}
}

@media screen and (max-width: 768px) {
#logo {    
    padding: 0;
    float: none;
    margin: 0 auto;
    position: relative;
    top: -30px;
}	
}


#menu-bmw {
    display: inline-block;
    height: 60px;
    width: 100%;
	margin-top: -30px;
}

 

.formButton.seConnecter { 	
 	line-height: 30px;
 	padding: 4px 0px;
 	text-align: right;
}
.formButton.seConnecter a {
 	color:#FFFFFF;
 	padding:5px 10px;
 	text-decoration:none;
 	margin: 5px;
 	font-size:11px;
 	text-transform: uppercase;
}
.formButton.seConnecter a:hover {
 	color:#ccc;
 	text-decoration:none;
}


.baseline-header {
    font-size: 9px;
    text-align: left;
    padding: 12px 0;
    color: #e8ecef;
	font-weight: lighter;
}

@media screen and (max-width: 1110px) {
.baseline-header { display:None; }
}
@media screen and (max-width: 766px) {
.connect { display:None; }
}

/* -----Main Nav Small Screen -----*/
/*
@media screen and (min-width: 540px) and (max-width:766px) {
	.navbar #ToggleRSP { display:none; }
}
@media screen and (min-width: 540px) and (max-width:766px) {
	#MenuConnectRSP { display:none; }
}*/

#MenuConnectRSP {
 	margin:0;
 	line-height: 30px;
 	padding: 10px 20px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
 	text-align:center;
}
.navbar-default .navbar-nav>li> a:hover {
 	color:#0062ff;
}
/*
#ConnectRSP-bt a {
 	color: #FFFFFF;
    background-color: #0062ff;
    padding: 3px 20px 5px 20px;
    text-decoration: none;
    margin: 5px;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    right: 0;
}
#ConnectRSP-bt a:hover {
 	color:#2b2e33;
 	background-color:#FFFFFF;
 	padding:5px 20px;
 	text-decoration:none;
 	margin: 5px;
}*/
#ToggleRSP {
	position:absolute;
	top:0;
	left:0;
}



	
.table>tbody>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>tfoot>tr>th, .table>thead>tr>th, .table>thead>tr>th {
    padding: 5px 0.1em;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
	font-size:10px;
	font-weight: lighter; 
}
}
.navbar{
	position:relative;
    min-height: 20px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media screen and (max-width: 767px) {
.navbar{
	position:relative;
    min-height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
	background:none;
}
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 6px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color:#202020;
}
.navbar-default .navbar-toggle {
  border-color:#202020;
}
.navbar-collapse {
  border-top:0;
  box-shadow:none;
  overflow-x:visible;
  padding-left:15px;
  padding-right:15px;
}

/* -----Main Nav Large Screen -----*/

#MainNav {
 	font-family:"mnm-font-bmw";
 	text-align: left;
 	float:left;
}
#MainNav a {
 	margin: 10px 15px;
 	color: #000000;
 	font-size: 14px;
	font-weight: lighter;
}

#MainNav #active {
 	color: #0062ff;
}
#MainNav a:hover {
 	color:#0062ff;
 	text-decoration:none;
 	border-bottom:3px solid #0062ff;
}
#MainNav a:selected {
 	color:#0062ff;
 	text-decoration:none;
}

@media screen and (max-width: 992px) {
#MainNav a { 
 	font-size:11px;
	margin: 5px 10px;
}

}

#Discover {
    background-color: rgba(33,35,38,0.9);
   margin-top: 30px;
    max-width: 500px;
    padding: 20px 26px;
    position: absolute;
    float: right;
    z-index: 99;
}

.pastille {
    display: inline-block;
    background: #0062ff;
    color: #fff;
    font-size: 10px;
    padding: 5px;
    line-height: 9px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 5px;
}
@media screen and (max-width: 540px) {
	#Discover { float: none;
	  max-width: 90%; }
}
#Discover h2 {
    color: #FFF;
    font-size: 26px;
    margin-top: -5px;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    #Discover h2
    { font-size:20px; }
}
#Discover h3 {
    color: #FFF;
    font-size: 18px !important;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 0px;
    letter-spacing: .8px;
}
@media screen and (max-width: 768px) {
    #Discover h3
    { font-size: 11px; letter-spacing: 0.4px; margin-bottom: 5px; }
}
#Discover p { 
	color:#fff;
	font-size:14px;
	margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
	#Discover p
	{ font-size:10px; }
}

.Devis-HP {
	position: relative;
    bottom: -35px;
    margin: 0 auto;
    text-align: center;
}
.Devis-HP p a {	
    background-color: #0062ff;
    color: #fff;
    font-size: 28px;
    width: 300px;
    height: 57px;
    text-transform: uppercase;
    z-index: 102;
    padding: 0.5em 1em;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
	.Devis-HP p a
	{ font-size: 24px;
    width: 100%;
    padding: 0.5em 0.3em; }
}

.Devis-HP p a:hover{
	background-color: #fff;
	color: #0062ff;
	border:1px solid #0062ff;
}

#focus-HPbmw{
	background-color: #2b2e33;
	 padding: 20px;		
}


.focus-HPbmw-flex-01 {	
 	height:400px;
 	background-image:url("../img/actu-homepage-01.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}

.focus-HPbmw-flex-02 {	
 	height:400px;
 	background-image:url("../img/actu-homepage-02.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}

.focus-HPbmw-flex-03 {	
 	height:400px;
 	background-image:url("../img/actu-homepage-03.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}


.focus-HPbmw-flex-04 {	
 	height:400px;
 	background-image:url("../img/actu-homepage-04.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}

.focus-HPbmw-flex-05 {	
 	height:400px;
 	background-image:url("../img/actu-homepage-05.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}


.focus-HPbmw-flex-06 {	
 	height:400px;
 	background-image:url("../img/actu-homepage-06.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}

.focus-HPbmw-flex-07 {
    height: 500px;
    background-image: url("../img/actu-homepage-07.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0px;
}

.wall__item-inner-wrapper {
	padding: 20px;
    max-width: 50%;
	min-height: 60px;
	background: #fff;
	bottom: 0px;
    position: absolute;
}

.wall__item-inner-middle {
	padding: 20px;
    max-width: 100%;
	min-height: 60px;
	background: #fff;
	bottom: 0px;
    position: absolute;
	min-height: 140px;
}


.wall__item-headline {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.wall__item-copy {
    font-size: 12px;
	line-height: 15px;
}

/* ----- PRE FOOTER -----*/ 


#HP-secondrow {
	width:100%;
	text-align:center;
	color:#919191;
	padding: 30px 0;
	background: #212326;
}
#HP-secondrow .row {
	max-width:1170px;
	margin:0 auto;
}


#HP-secondrow h4{
	color: #fff;
}
#HP-secondrow p{
	font-size:13px ;
	font-family:"mnm-font-bmw";
	font-weight: lighter;
	color: #fff;
	line-height: 16px;
}
#HP-secondrow p a{
	font-size:11px;
	font-family:"mnm-font-bmw";
	text-decoration: none;
	color:#FFFFFF;	
	background-color:#0062ff;
	padding:5px;
	text-transform:uppercase;
	font-weight: lighter;
}
#HP-secondrow p a:hover{
	color:#2b2e33;	
	background-color:#FFFFFF;
	border:1px solid #2b2e33;
	font-weight: lighter;
}


#HP-infos .row {
	max-width:1170px;
	margin:0 auto;
}
#HP-infos {
 	width:100%;
 	background:#e8ecef;
	padding: 30px 0;
}
#HP-infos .row p{
 	height:100px;
 	margin:0 auto;
 	vertical-align:middle;
 	text-align:center;
}
#HP-infos img{
 	display:inline-block;
}
#HP-infos span{
 	color:#2b2e33;
 	display:inline-block;
 	vertical-align:middle;
 	text-align:left;
 	font-size:14px;
	font-weight: lighter;
}


#connect {
	width:100%;
	background:#16171a;
	color:#FFFFFF;
	text-align:center;
}
#connect .row {
	max-width:1170px;
	margin:0 auto;
}

#HP-devis-bmw {
	width:100%;
	bbackground: #FFF;
}
#HP-devis-bmw .row {
	max-width:1170px;
	margin:0 auto;
}

#HP-choisir-bmw {
	width:100%;
	background: #2b2e33;
	color:#FFFFFF;
	text-align:center;
	padding: 40px 0;
	font-weight: lighter;
}
#HP-choisir-bmw .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Footer -----*/ 

 #footer1 {
 	width:100%;
 	height:300px;
 	background-image:url("../img/bg-footer1.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
}

 #footer2 {
 	width: 100%;
    height: 80px;
    background: #16171a;
    padding-top: 25px;
}
 #footer2 .row {
	max-width:1170px;
	margin:0 auto;
}
#FooterNav {
	text-align:center;
	width:100%;
}
#FooterNav a {
	font-size:13px;
	color:#919191;
	margin:0 20px;
	text-decoration:none;
}
#FooterNav a:hover{
	color:#0062ff;
}

/* -----Page ACCUEIL ----- */



 #header {
 	width:100%;
    height: 500px;
 	background-image:url("../img/bg-header-homepage.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
    margin: 0px auto;
}
 #header .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Page DEVIS -----*/ 

 #header-devis {
 	width:100%;
 	min-height:400px;
 	background-image:url("../img/bg-header-devis.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
    cursor: pointer;
	 margin: 0px auto;
}
 #header-devis .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Page COMMUNES (MENTIONS _ DOCUMENTS -----*/ 

 #header-commun {
 	width:100%;
 	min-height:400px;
 	background-image:url("../img/bg-header-commun.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	 margin: 0px auto;
}
 #header-commun .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Page FORMULES-----*/ 

 #header-formules {
 	width:100%;
 	min-height:400px;
 	background-image:url("../img/bg-header-formules.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	 margin: 0px auto;
}
 #header-formules .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Page QUI SOMMES NOUS-----*/ 

 #header-quisommesnous {
 	width:100%;
 	min-height:400px;
 	background-image:url("../img/bg-header-quisommesnous.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	 margin: 0px auto;
}
 #header-quisommesnous .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Page CONTACT -----*/ 

 #header-contact {
 	width:100%;
 	min-height:400px;
 	background-image:url("../img/bg-header-contact.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	 margin: 0px auto;
}
 #header-contact .row {
	max-width:1170px;
	margin:0 auto;
}

/* -----Page GARANTIES-----*/ 

 #header-garantie {
 	width:100%;
 	min-height:400px;
 	background-image:url("../img/bg-header-garantie.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	 margin: 0px auto;
}
 #header-garantie .row {
	max-width:1170px;
	margin:0 auto;
}
#assist-bottom-white {
 	width:100%;
 	min-height:150px;
 	background-image:url("../img/bg-hp-row3-top.png");
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#2b2e33;
}

#Title-Box2 {
	border-bottom:2px solid #0062ff;
	padding: 0px 30px;
	min-height:60px;
}
#Title-Box2 h2 {
	color:#0062ff;
	font-size:26px;
	margin-bottom:0;
	margin: 10px 0px 0px 0px;
}
    #Title-Box2 h2 svg{
        margin-right: 15px;
    }
@media screen and (max-width: 767px) {
	#Title-Box2 h2 { font-size:20px; }
}


#Title-Box {
	border-bottom:2px solid #0062ff;
	padding: 0px 30px;
	min-height:40px;
}
#Title-Box h2 {
	color:#0062ff;
	font-size:26px;
	margin-bottom:0;
}
@media screen and (max-width: 767px) {
	#Title-Box h2 { font-size:20px; }
}
#BlocTxt {
 	background-color:rgba(255, 255, 255, 0.8);
 	margin:0 auto;
 	padding:40px 60px;
 	background-color:#f9f9fa;
}
#BlocTxt p {
	font-size:16px;
	font-weight: lighter;
}
 #illus-contact {
 	width:100%;
 	background-image:url("../img/bg-illus-contact.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding: 100px 60px
}
#illus-contact .row {
	max-width:1170px;
	margin:0 auto;
}


@media screen and (max-width: 767px) {
#illus-contact {
    width: 100%;
    padding: 20px 0;
}
}




#illus-garantie {
 	width:100%;
 	background-image:url("../img/bg-illus-garantie.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding: 80px 0;
    margin: 45px 0;
}
#illus-garantie .row {
 	max-width:1170px;
	margin:0 auto;
}

#Contact-Bloc {
 	    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 auto 45px;
    padding: 20px 20px;
    position: relative;
    float: none;
    max-width: 525px;
    min-height: 300px;
}
#Contact-Bloc h3{
	color:#0062ff;
	font-size: 26px;
	margin-bottom:20px;
	margin-top:0;
	padding-bottom:0;
	letter-spacing:0.5px;
}
@media screen and (max-width: 767px) {
	#Contact-Bloc h3 { font-size:21px; }
}
 
#Contact-Bloc p { 
	color:#2b2e33;
	font-size:14px;
	text-align:justify;
}



#Gar-Bloc {
 	    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 auto 45px;
    padding: 20px 40px;
    position: relative;
    float: none;
    max-width: 525px;
    min-height: 380px;
}
#Gar-Bloc h3{
	color:#0062ff;
	font-size: 26px;
	margin-bottom:20px;
	margin-top:0;
	padding-bottom:0;
	letter-spacing:0.5px;
}
@media screen and (max-width: 767px) {
	#Gar-Bloc h3 { font-size:21px; }
}
 
#Gar-Bloc p { 
	color:#2b2e33;
	font-size:14px;
	text-align:justify;
	font-weight: lighter;
}



#Garantie-Bloc {
 	    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 auto 45px;
    padding: 20px 40px;
    position: relative;
    float: none;
    max-width: 525px;
    min-height: 300px;
}
#Garantie-Bloc h3{
	color:#0062ff;
	font-size: 24px;
	margin-bottom:20px;
	margin-top:0;
	padding-bottom:0;
	letter-spacing:0.5px;
}
#Garantie-Bloc h2{
	    font-size: 20px;
}
#Garantie-Bloc p { 
	color:#2b2e33;
	font-size:14px;
	text-align:justify;
	font-weight: lighter;
}
@media screen and (max-width: 767px) {
	#Garantie-Bloc h3 { font-size:18px; }
}
@media screen and (max-width: 540px) {
	#Garantie-Bloc {
 	margin:0 auto 45px;
 	padding: 20px 10px;
	min-height:350px;
	}
	#Garantie-Bloc p { 
	    margin: 0 20px 8px;
}
}
 


.contactbmw {
	margin-left: auto;
    margin-right: auto;
	top: auto;
   	width: 65px;
    height: 60px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.4 72.8"><path fill="#919191" d="M55.27,24.62H24.68c-2.59,0-5.28,1.6-5.28,4.19V47.63a5.71,5.71,0,0,0,5.28,5.22h0.6v9.41h2.93l9.41-9.41H55.27c2.59,0,4.13-2.63,4.13-5.22V28.8A3.84,3.84,0,0,0,55.27,24.62Z"></path><path fill="#919191" d="M74.12,13c1.31,0,2.78.72,2.78,1.69V33.55a3.27,3.27,0,0,1-2.78,2.72H71v8.8L62.95,37l-0.73-.73H43.53c-1,0-1.63-1.41-1.63-2.72V14.73c0-1.41.62-1.69,1.63-1.69H74.12m0-2.5H43.53a3.84,3.84,0,0,0-4.13,4.19V33.55c0,2.59,1.54,5.22,4.13,5.22H61.18l9.41,9.41h2.93V38.77h0.6a5.71,5.71,0,0,0,5.28-5.22V14.73c0-2.59-2.69-4.19-5.28-4.19h0Z"></path></svg>');
}
.assistance {
	margin-left: auto;
    margin-right: auto;
	top: auto;
   	width: 65px;
    height: 60px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.4 72.8"><polygon fill="#919191" points="27.09 53.13 51.7 64.75 51.7 23.74 27.09 12.13 27.09 53.13"></polygon><polygon fill="#919191" points="34.86 12.71 51.7 20.66 51.7 17.88 34.86 9.93 34.86 12.71"></polygon><polygon fill="#919191" points="43.28 10.83 51.7 14.81 51.7 12.03 43.28 8.05 43.28 10.83"></polygon><polygon fill="#919191" points="54.78 23.74 79.4 12.13 79.4 53.13 54.78 64.75 54.78 23.74"></polygon><polygon fill="#919191" points="54.78 17.88 71.63 9.93 71.63 12.71 54.78 20.66 54.78 17.88"></polygon><polygon fill="#919191" points="54.78 12.03 63.2 8.05 63.2 10.83 54.78 14.81 54.78 12.03"></polygon></svg>');
}
.concession {
	margin-left: auto;
    margin-right: auto;
	top: auto;
   	width: 65px;
    height: 60px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.4 72.8"><path fill="#919191" d="M39.65,7A19.63,19.63,0,0,0,20,26.55c0,10.8,19.6,39.3,19.6,39.3s19.6-28.4,19.6-39.3A19.57,19.57,0,0,0,39.65,7Zm0,28.4a9,9,0,1,1,9-9A9,9,0,0,1,39.65,35.35Z"></path><path fill="#919191" d="M67.75,19.15a12.28,12.28,0,0,0-5.4,1.3,15.47,15.47,0,0,1,.6,3.1,8.8,8.8,0,0,1,4.8-1.5,8.49,8.49,0,0,1,8.5,8.5c0,3.1-4.4,11.2-8.5,17.6A109.87,109.87,0,0,1,61,36l-1.5,3.6a139.49,139.49,0,0,0,8.4,13.9s11.4-16.5,11.4-22.8A11.5,11.5,0,0,0,67.75,19.15Z"></path><circle fill="#919191" cx="67.75" cy="30.55" r="4.4"></circle><path fill="#919191" d="M11.55,47.35c-5.5-8.6-8-14.8-8-16.7a8,8,0,0,1,8-8,8.22,8.22,0,0,1,4.7,1.5,20.85,20.85,0,0,1,.7-3.6,10.79,10.79,0,0,0-5.4-1.3A11.39,11.39,0,0,0,.15,30.65c0,6.3,11.4,22.9,11.4,22.9a139.49,139.49,0,0,0,8.4-13.9c-0.7-1.5-1.3-2.9-1.8-4.3A108.3,108.3,0,0,1,11.55,47.35Z"></path><circle fill="#919191" cx="11.55" cy="30.55" r="4.4"></circle></svg>');
}
.gestion {
	margin-left: auto;
    margin-right: auto;
	top: auto;
   	width: 65px;
    height: 60px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.4 72.8"><rect  fill="#919191" x="28.1" y="10.75" width="12.8" height="12.8"></rect><rect  fill="#919191" x="47.3" y="10.75" width="12.8" height="12.8"></rect><rect  fill="#919191" x="66.6" y="10.75" width="12.8" height="12.8"></rect><rect  fill="#919191" x="28.1" y="30.05" width="12.8" height="12.8"></rect><rect  fill="#919191" x="47.3" y="30.05" width="12.8" height="12.8"></rect><rect  fill="#919191" x="66.6" y="30.05" width="12.8" height="12.8"></rect><rect  fill="#919191" x="28.1" y="49.25" width="12.8" height="12.8"></rect><rect  fill="#919191" x="47.3" y="49.25" width="12.8" height="12.8"></rect><rect  fill="#919191" x="66.6" y="49.25" width="12.8" height="12.8"></rect></svg>');
}
.sinistre {
	margin-left: auto;
    margin-right: auto;
	top: auto;
   	width: 65px;
    height: 60px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.4 72.8"><path fill="#919191 d="M56.2,35.4H56V30.6l-1.7-6.4L52,30l-0.2.6-0.6.3-1.4.6-1.3,1.7-0.4.5-0.6.1-7.4,1.6-0.3.1-0.3-.1L32,33.8l-0.6-.1L31,33.2l-1.3-1.7-1.4-.6-0.6-.3L27.6,30,25,23.6l-1.9,7v4.8H22.8l-2.3,3.4v3.3l2.3,1.7h4.4l3.4,6.9v4.9L32.5,56l2.2,0.4h0.1l0.3,10c0,1.7,2,3.2,4.5,3.2s4.5-1.4,4.5-3.2l0.3-10.1,2.5-.4,2.1-.4V49.7l2.6-6.1H56l2.3-1.7V38.6ZM32.4,42.1V35.6h0l3.4,0.8v2.4a5.48,5.48,0,0,0-2.6,3.4H32.4V42.1Zm0.8,11.5V42.2a14.72,14.72,0,0,1,2.2-1,2.35,2.35,0,0,0-.2.8L34.8,53.8Zm14.3-18v6.5H46.7V53.6l-2,.3L44.3,42a1.88,1.88,0,0,0-.2-0.8,24.43,24.43,0,0,1,2.4,1,6,6,0,0,0-3.1-3.9V36.2l4.1-.6h0Z"></path><path fill="#919191 d="M65.8,7.7h0A5.22,5.22,0,0,0,61.9,6,5,5,0,0,0,58,7.8V7.6h0l0.5,1-2.6,1.5-2.2,2.4,0.1-.6-2.3-.3,0.8-2.1L50.7,5.4l-2.5-3L39.9,3.8,31.6,2.4l-2.5,3L27.5,9.5l0.8,2.1a25.12,25.12,0,0,0-2.7.4v0.2l-1.8-2L21.2,8.7l0.5-1h0V7.9a5.32,5.32,0,0,0-3.9-1.8,4.75,4.75,0,0,0-3.9,1.7h0l1.9,2.3,2.4,1,2.3-.9,0.4-.7,2.5,1.3,1.9,2c-3.8.6-6.4,1.2-6.5,1.2l0.3,1.6c0.1,0,2.9-.6,6.9-1.2l0.1,0.8c0.4-.1.8-0.1,1.2-0.2l-2.9,2.1,4.8,12.3,1.7,0.8,1.5,2,7.4,1.6,7.4-1.6,1.5-2,1.7-.8,4.8-12.3L52.4,15c0.3,0,.5.1,0.8,0.1l0.1-.8a53.82,53.82,0,0,1,6.9,1.3L60.6,14c-0.1,0-2.5-.6-6.2-1.2l1.9-2,2.5-1.3,0.4,0.7,2.3,0.9,2.4-1,1.9-2.4h0ZM34,30.7l-3.4-2.9-0.5-2.6L29,22.8l0.5-2.2L32.8,22l3.9,4,0.7,5.4Zm15.4-5.5-0.5,2.6-3.4,2.9-3.5.5,0.7-5.4,3.9-4,3.3-1.4,0.5,2.2Z"></path><path d="M10.4,41.3h5V40L7.8,32.6,0.2,40v1.3H5.3a24.18,24.18,0,0,0,17,21.9l1.3-4.9A19.19,19.19,0,0,1,10.4,41.3Z"></path><path fill="#919191 d="M71.6,32.5L64.1,40v1.3h5A19.24,19.24,0,0,1,56.2,58.2l1.3,4.9A24.26,24.26,0,0,0,74.1,41.3h5.1V40Z"></path></svg>');
}


<!-- CONTACT -->

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


#chevron-illus-h {
    display: none;
}
#chevron-illus-b{
    display: none;
}


/* Modal Content */


.modal-dialog {
    width: 80%;
    margin: 30px auto;
}

@media (min-width: 540px)
.modal-dialog {
    width: 90%;
    margin: 30px auto;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    padding: 10px;
}

h4.modal-title {
    color: #0062ff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-top: 20px;
}

.pi-produit[_ngcontent-c0] h1[_ngcontent-c0] {
    color: #0062ff !important;
    font-size: 23px;
    font-weight: 500 !important;
    margin: 0;
    margin-top: 20px;
}

.bouton-contact-formulaire {  width: 90%;
    height: 57px;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    z-index: 102;
    background-color: #0062ff;
    color: #FFFFFF;
    font-size: 24px;
    text-decoration: none;
    border: 1px solid #0062ff;
    text-transform: uppercase;
    bottom: 40px;
	padding: 0;
}
.bouton-contact-formulaire:hover {
    background-color:#FFFFFF;
	color:#0062ff;
	border:1px solid #0062ff;
}




.espacePersonnel a {
 	color:#FFFFFF !important;
 	background-color:#0062ff !important;
    border: none !important;
	padding: 1.5px 1px 1px 10px;
}
.espacePersonnel  a:hover {
 	color:#495963 !important;
 	background-color:#FFFFFF !important;
	border:1px solid #0062ff !important;
}


/*  Popup de connexion  */

 
/*
.ui-button, .ui-widget-content .ui-button, .ui-widget-header .ui-button, .ui-widget.ui-button {
    border: 1px solid 0062ff;
    background: 0062ff;
}
a:hover.ui-button, .ui-widget-content .ui-button, .ui-widget-header .ui-button, .ui-widget.ui-button {
 	color:#495963;
 	background-color:#FFFFFF;
	border:1px solid #0062ff;
}*/

button.formButton.seDeconnecter,
button.formButton.espacePersonnel {
	margin-top: 1px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    padding: 2px 10px;
    font-size: 11px;
    background: #0062ff;
    border: none;
    float: right;
    margin-left: 5px;
}
button.formButton.seConnecter.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
	     margin-top: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    padding: .2em 1em 0.1em 1em;
	background:transparent;
	border:none;
}

button.formButton.motDePasseOublie.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	background: none;
    border: none;
    color: #0062ff;
    font-size: 10px;
    float: left;
    text-decoration: underline;
}
.ui-button, .ui-button:enabled:hover, .ui-button:focus, .ui-widget-content .ui-button, .ui-widget-content .ui-button:enabled:hover, .ui-widget-content .ui-button:focus, .ui-widget-header .ui-button, .ui-widget-header .ui-button:enabled:hover, .ui-widget-header .ui-button:focus, .ui-widget.ui-button, .ui-widget.ui-button:enabled:hover, .ui-widget.ui-button:focus {
    border: 0;
    background: #ccc;
}

/*  Popup de connexion  */

.BoutonConnexionTopHeader {
    float: right;
	text-align: right;
	    padding-top: 10px;
}

.connexion {
    text-align: left;
}


.boutonConnexion {
    border: 0px solid #16171a !important;
    background: #FFF !important;
}

@media screen and (max-width: 767px) {
button.formButton.seConnecter.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
	  float: right;
	 color: #202020; 
}
}
@media screen and (max-width: 360px) {
button.formButton.seDeconnecter {
	display:none;
}
}





.PictoMoto {
	position: absolute;
	top: auto;
   	width: 80px;
    height: 40px;
	margin: -8px 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><path fill="#0062ff;" d="M31.245,27.505c0.18,0.606,0.413,1.089,0.719,1.296l-2.81,0.11c0.12-0.43,0.212-0.873,0.267-1.327	L31.245,27.505z M20.744,32.607c-3.344,0-6.064-2.721-6.064-6.063c0-3.345,2.721-6.064,6.064-6.064c2.571,0,4.767,1.61,5.647,3.873	c-3.216,0.684-6.406,1.364-6.406,1.364l0.411,2.268l6.296-0.278C26.15,30.495,23.69,32.607,20.744,32.607z M56.41,20.479	c3.344,0,6.063,2.72,6.063,6.063c0,3.344-2.72,6.064-6.063,6.064c-3.345,0-6.064-2.721-6.064-6.064S53.065,20.479,56.41,20.479z	 M20.744,17.799c-4.829,0-8.743,3.915-8.743,8.745c0,4.828,3.914,8.743,8.743,8.743c3.526,0,6.558-2.092,7.94-5.1l2.077,1.602	c0,0,15.265,0.109,16.104-0.365c0,0-1.895-5.173,0.51-7.36c0.254-0.23,0.571-0.493,0.922-0.771c-0.404,1.004-0.63,2.099-0.63,3.25	c0,4.829,3.913,8.743,8.743,8.743c4.828,0,8.742-3.916,8.742-8.743c0-4.83-3.914-8.744-8.742-8.744c-0.08,0-0.155,0.01-0.234,0.012	c0.632-0.41,1.035-0.667,1.035-0.667l-0.656-0.583c0,0,1.895-0.437,1.458-1.384c-0.438-0.948-5.028-6.631-5.028-6.631	s0.814-1.749-0.867-2.988l-0.809,1.749c0,0-2.059-1.421-2.877-1.147c-0.82,0.273-2.049,0.41-2.434,1.01l-0.381,0.356	c0,0-0.109,0.629,0.519,1.558c0,0,6.312,1.94,6.612,3.36c0,0,0.438,0.903-1.447,1.12l-0.383,0.493l-1.012,0.055l-1.83-4.181	c0,0-1.75,0.464-2.65,1.174l0.137,0.71c0,0-7.35-5-14.263,2.405c0,0-5.109,1.475-8.689-3.061c0,0-0.055-1.475-8.689-1.202	l0.602,0.628c0,0-0.602,0.055-0.847,0.438c-0.245,0.382,0.137,0.792,2.104,0.792c0,0,4.455,5.082,7.87,4.782l4.862,2.351l2.16,3.688	c0,0,0.003,0.317,0.025,0.802c-0.501,0.107-1.062,0.225-1.658,0.352C27.883,20.311,24.61,17.799,20.744,17.799z"/></svg>')
}

.PictoOptions {
	position: absolute;
	top: auto;
   	width: 80px;
    height: 40px;
	margin: -8px 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g>	<g>		<path fill="#0062ff;" d="M17.684,23.279L16.77,11.116c0.066-1.12-0.833-1.953-1.888-1.953c-1.054,0-1.953,0.833-1.953,1.88			l-0.914,13.15c-0.066,1.055,0.066,1.395,0.767,1.954l7.549,6.429v2.307c0,0.494,0.42,0.833,0.914,0.833h5.108			c0.494,0,0.914-0.354,0.914-0.833v-5.175c-0.015-0.272-0.154-0.546-0.36-0.7L17.684,23.279z"/>		<path fill="#0062ff;" d="M57.1,24.113l-0.913-13.145c0-0.98-0.834-1.812-1.888-1.812s-1.887,0.832-1.887,1.887l-0.914,12.163			l-9.223,5.728c-0.214,0.141-0.354,0.428-0.354,0.701v5.174c0,0.48,0.42,0.834,0.914,0.834h5.035c0.494,0,0.914-0.34,0.914-0.834			v-2.307l7.549-6.428C57.042,25.514,57.174,25.174,57.1,24.113z"/>		<path fill="#0062ff;" d="M50.173,17.895c0-2.803-2.272-5.074-5.074-5.074c-0.046,0-0.09,0.006-0.136,0.007			c0.366-0.237,0.6-0.388,0.6-0.388l-0.38-0.338c0,0,1.099-0.254,0.847-0.804c-0.255-0.55-2.918-3.849-2.918-3.849			s0.472-1.015-0.504-1.733L42.139,6.73c0,0-1.195-0.824-1.67-0.666c-0.477,0.158-1.189,0.238-1.412,0.587l-0.223,0.206			c0,0-0.062,0.365,0.302,0.904c0,0,3.663,1.126,3.837,1.95c0,0,0.255,0.524-0.84,0.649l-0.221,0.287l-0.588,0.031l-1.062-2.427			c0,0-1.016,0.27-1.538,0.682l0.079,0.412c0,0-4.265-2.901-8.277,1.396c0,0-2.966,0.856-5.043-1.775c0,0-0.031-0.856-5.043-0.698			l0.35,0.364c0,0-0.35,0.032-0.492,0.254c-0.142,0.223,0.08,0.46,1.222,0.46c0,0,2.585,2.95,4.567,2.775l2.822,1.364l1.253,2.141			c0,0,0.002,0.184,0.016,0.465c-0.291,0.062-0.617,0.131-0.963,0.204c-0.671-2.019-2.57-3.476-4.814-3.476			c-2.803,0-5.074,2.271-5.074,5.075c0,2.802,2.271,5.074,5.074,5.074c2.046,0,3.806-1.214,4.608-2.96l1.205,0.93			c0,0,8.859,0.064,9.346-0.211c0,0-1.1-3.003,0.297-4.271c0.146-0.135,0.331-0.286,0.534-0.447			c-0.233,0.582-0.365,1.218-0.365,1.885c0,2.803,2.271,5.074,5.074,5.074C47.901,22.969,50.173,20.696,50.173,17.895z M24.4,21.414			c-1.94,0-3.52-1.578-3.52-3.519c0-1.941,1.579-3.52,3.52-3.52c1.492,0,2.767,0.935,3.277,2.247			c-1.866,0.397-3.718,0.793-3.718,0.793l0.238,1.315l3.654-0.161C27.538,20.188,26.11,21.414,24.4,21.414z M29.281,19.27			c0.07-0.25,0.123-0.507,0.154-0.771l1.06-0.046c0.104,0.352,0.239,0.633,0.417,0.752L29.281,19.27z M41.58,17.895			c0-1.94,1.579-3.52,3.52-3.52s3.52,1.579,3.52,3.52c0,1.941-1.579,3.52-3.52,3.52S41.58,19.835,41.58,17.895z"/>	</g></g></svg>')
}


.PictoFidelite {
	position: absolute;
	top: auto;
   	width: 80px;
    height: 40px;
	margin: -8px 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g>	<g>		<path fill="#0062ff;" d="M44.318,5.541c-1.854,0-3.627,0.339-5.267,0.951c3.955,3.393,6.468,8.436,6.468,14.049			c0,5.624-2.513,10.656-6.468,14.05c1.64,0.611,3.412,0.95,5.267,0.95c8.289,0,15-6.719,15-15			C59.318,12.261,52.598,5.541,44.318,5.541z"/>		<path fill="#0062ff;" d="M32.236,28.143c-0.447,0.205-0.921,0.379-1.396,0.506c-1.833,0.504-3.655,0.522-5.478-0.068			c-2.192-0.708-3.656-2.21-4.529-4.307c-0.164-0.406-0.281-0.834-0.407-1.26H18.71c-0.291,0-0.523-0.232-0.523-0.522v-1.165			c0-0.29,0.232-0.523,0.523-0.523h1.426v-0.94H18.71c-0.291,0-0.523-0.233-0.523-0.524v-1.163c0-0.291,0.232-0.524,0.523-0.524			h1.812l0.059-0.184c0.484-1.551,1.328-2.87,2.618-3.878c1.027-0.795,2.211-1.231,3.481-1.435c1.812-0.291,3.557-0.039,5.255,0.62			c0.106,0.04,0.214,0.097,0.319,0.156c0.407,0.242,0.515,0.543,0.33,0.979c-0.192,0.455-0.379,0.921-0.591,1.367			c-0.175,0.389-0.428,0.514-0.844,0.417c-0.572-0.125-1.136-0.31-1.716-0.427c-1.213-0.243-2.415-0.261-3.598,0.204			c-1.009,0.397-1.629,1.173-2.056,2.133c0,0.01-0.01,0.02-0.01,0.039h3.52c0.291,0,0.524,0.233,0.524,0.523v1.164			c0,0.291-0.233,0.523-0.524,0.523h-4.033v0.94h4.033c0.291,0,0.524,0.232,0.524,0.523v1.164c0,0.291-0.233,0.523-0.524,0.523			h-3.685c0.447,1.27,1.164,2.25,2.521,2.676c1.085,0.34,2.182,0.32,3.277,0.098c0.571-0.116,1.124-0.291,1.697-0.418			c0.445-0.096,0.687,0.021,0.872,0.428c0.213,0.456,0.406,0.921,0.591,1.387C32.789,27.609,32.672,27.949,32.236,28.143z M27,5.541			c-8.281,0-15,6.71-15,15s6.719,15,15,15c8.29,0,14.999-6.719,14.999-15C42.009,12.251,35.291,5.541,27,5.541z"/>	</g></g></svg>')
}


.PictoAvantage {
	position: absolute;
	top: auto;
   	width: 80px;
    height: 40px;
	margin: -8px 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g><g>		<path fill="#0062ff;" d="M28.209,14.334c0.005-0.768,0.622-1.161,1.563-1.161h11.414c2.545,2.214,5.306,6.473,7.203,11.087			c-1.953-0.439-3.795-0.918-5.488-1.425c-1.033-0.31-2.226-0.623-3.482-0.954c-2.726-0.717-5.814-1.529-7.147-2.322			C29.576,17.956,28.209,16.198,28.209,14.334z M24.25,32.713h-7.504c0.202,0.385,0.412,0.771,0.627,1.162			c0.367,0.662,1.065,1.105,1.822,1.105l31.495,0.006h0.002c0.559,0,1.08-0.217,1.475-0.61c0.396-0.394,0.609-0.917,0.609-1.476			v-5.211c0-0.197-0.039-0.392-0.082-0.582c-0.059-0.254-0.303-1.004-0.303-1.004c-1.431-4.332-4.68-10.77-7.884-14.167			c0,0-6.277-6.949-16.218-6.949c0,0-11.022-0.31-14.725,6.106c-2.633,4.562-1.959,11.099,2.123,19.533h8.562			c0.576,0,1.042,0.467,1.042,1.042C25.292,32.247,24.827,32.713,24.25,32.713z"/>		<circle fill="#0062ff;" cx="30.711" cy="15.101" r="1.042"/>	</g></g></svg>')
}


/** PARTIE GESTIONNAIRE MARQUE CLIENTS ****/

body .ui-button.deep-orange-btn, body .ui-datepicker-buttonpane > button.deep-orange-btn {
    background-color: #0062ff !important;
}

.pi-btn-base {
    background:  #0062ff !important;
    border: 1px solid  #0062ff !important;
    color: #fff !important;
    -webkit-box-shadow: inset 0 1px 0  #0062ff !important;
    box-shadow: inset 0 1px 0  #0062ff !important;
}

.titreOrange,
.titreOrange:visited,
.titreOrange1 {
    color:  #0062ff !important;
}
.juizdropdown a:hover { 
    color:  #0062ff !important;
}

.forceBoutonOrange, .forceBoutonOrange:hover, #ContentPlaceHolder_PnlFormulaire .spacer.boutonOrange.centrer, #ContentPlaceHolder_devis .spacer.boutonOrange.centrer, #basDevis .spacer.boutonOrange.centrer, .boutonsTarifs .boutonOrange.flottant, #ContentPlaceHolder_basDevis .boutonOrange.flottant, #ContentPlaceHolder_basDevis .boutonOrange.droite, #ContentPlaceHolder_PnlValidation .boutonOrange, .boutonOrange.flottant.droite, .boutonOrangeCenter, .boutonOrangeCenter:hover, .spacer.boutonOrange {
    background: url(../img/btBMW.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.ajax__myTab .ajax__tab_active .ajax__tab_tab {
    color: #0062ff !important;
}
.deco1 {
    background-color: #0062ff !important;
}
.orange {
    color: #0062ff !important;
}

.titreOrange14, .titreOrange14:visited {
   color: #0062ff !important;
}
.pi-fma-content b {
    color: #0062ff !important;
}
.pi-produit h1 {
    color: #0062ff !important;
}
.orangeMenu {
    color: #0062ff !important;
}
#contenuLargeur600 span, #contenuLargeur700 span, #contenuLargeur800 span, #contenuLargeur850 span, #HP-gestion span, #contenuLargeur900 span {
    line-height: normal !important;
}
.pi-produit .pi-sidebar {
    background: #999;
    margin-left: 75px;
    padding-left: 17px;
    padding-right: 17px;
    width: 25%;
}
.modalPopup.PnlSessionExpiree {
  height: 165px;
   background-color: #FFF;
   width: 330px;
   padding: 15px;
   border: 1px solid #000;
}
.modalPopup.PnlSessionCompteur {
   padding: 15px;
   border: 1px solid #000;
}

.center-col {float:none; margin-left:auto; margin-right:auto }
section { overflow: hidden;}
section.big-section {padding:90px 0;}

.margin-30px-bottom {
    margin-bottom: 30px;
}
.font-weight-600 {
    font-weight: 600;
}

.text-extra-dark-gray {
    color: #4A4949;
}



.btn.btn-deep-orange:hover, .btn.btn-deep-orange:focus {
    background: transparent;
    border-color: #0062ff;
    color: #0062ff;
}
.btn.btn-deep-orange {
    background: #0062ff;
    border-color: #0062ff;
    color: #ffffff;
}
.btn.btn-large {
    font-size: 13px;
    padding: 9px 34px;
    line-height: 25px;
}
.btn {
    display: inline-block;
    border: 2px solid transparent;
    letter-spacing: .5px;
    line-height: inherit;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.padding-60px-all {
    padding: 60px;
}
.border-color-medium-gray {
    border-color: #e4e4e4;
}
.border-width-1 {
    border-width: 1px;
}
.border-all {
    border: 1px solid #ededed;
}

.ZoneMenuPrincipalHaut {
    margin-bottom: 0px;
}


/* evolutions produits moto 2021 **********/

.footer-avantages .row {
	max-width:1170px;
	margin:0 auto;
}

.footer-avantages {
    width: 100%;
    padding-top: 45px;
    background-color: #e8ecef;
}

.avantages { 	
	float: left;  
	min-height:80px;
}

.avantages p {
    color: #2b2e33 !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-size: 10px !important;
    display: inline-block;
    line-height: 18px;
}

.avantages .avantages-icon {
    color: #2b2e33;
    padding-right: 8px;
    vertical-align: middle !important;
    float: left;
}

.avantages .avantages-icon:after {
    content: '';
    height: 50px;
    display: block;
    margin-top: -39px;
    padding: 0 24px;
    border-right: 1px solid #2b2e33;
}

@media screen and (max-width: 950px) {
    .avantages p {
        text-align: left !important;
    }

    .avantages .avantages-icon {
        display: none
    }

    .avantages .avantages-icon:after {
        display: none
    }
}

#contain-BMW {
    background: #2b2e33;
	margin-top: 0px;
    width: 100%;
    margin-bottom: 0px;
}
#contain-BMW-modalites {
    background: #fff;
	width: 100%;
    margin-bottom: 0px;
	padding: 20px 0;
}
#contain-BMW-tarif {
    background: #16171a;
	color: #fff;
	width: 100%;
	padding-top: 60px;
    margin-bottom: 0px;
}

#contain-BMW.container,  #contain-BMW-tarif.container  {
    padding-right: 0;
    padding-left: 0;
	padding-bottom: 80px;
    margin-right: auto;
    margin-left: auto;
}

#contain-BMW.container h1 {
    font-size: 36px;
        padding-bottom: 0px;
	line-height: normal;
	color: #fff;
}

#contain-BMW.container h2 {
    font-size: 30px!important;
	padding-top: 5px;
    padding-bottom: 10px;
	color: #fff;
	    margin: 0px;
}


#contain-BMW.container h2:after {
	content: '';
    width: 40%;
    height: 5px;
    display: block;
    margin: 20px 0px 0px 0px;
    bottom: 20px;
    background-color: #919191;
    border-bottom: none;
}


#contain-BMW.container h3 {
    font-size: 24px;
	color: #000;
	padding-bottom: 20px;
}

#contain-BMW.container h3 span {
	color: #0062ff;
}
.row {
    margin-right: 0px; 
    margin-left: 0px;
}

.padding-80px-bottom {
    padding-bottom: 80px;
}

.no-padding {padding:0 !important}

/* list style 4 */

/* list style 4 */
.list-style-4 { list-style: none; margin: 0; padding: 0;line-height: 30px;}
.list-style-4 li { position: relative; padding: 0 0 0px 22px; margin: 0 0 5px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-4 li:before { font-family: "Font Awesome 5 Free";    
font-weight: 900; content: "\f00c";    position: absolute;    top: 1px;    left: 0;   }
.list-style-4 li:last-child {border-bottom: 0;}
.list-style-4.list-style-color li {border-color: rgba(255,255,255,.15);  padding-bottom: 13px;    border-bottom: 1px solid #ccc;}
.list-style-4.list-style-color li:before {color: #0062ff;}

.NavBar-module__subHeader_Element{
    margin: 4px 0;
    min-height: 50px;
    width: 20%;
    font-family: mnm-font-bmw,"Noto Sans",sans-serif;
    font-weight: bold;
    text-transform: uppercase;   
    display: inline-block;
    font-size: 12px;
    padding: 0px 20px;
    float: left;
    color: #000;
    border: 2px solid #2b2e33;
    background-color: #fff;
	position: initial;
}

@media screen and (max-width: 767px) {
	.NavBar-module__subHeader_Element{    
    font-size: 10px;
	padding: 0px;
}
}

@media screen and (max-width: 468px) {
	.NavBar-module__subHeader_Element{
	min-height: 80px;
}
}

.contain-advantages {    	   
	border: 2px solid #2b2e33;
	color: #000;
	padding: 20px;
	position: relative;
    top: 60px;
    height: auto;
	background: #fff;
}

.contain-advantages img {    
	max-height: none;
		width: 100%;
	float: right;
}

.titre_formule_garantie {
    background:#000;
	color: #fff !important;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #fff;	
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
border-top: 0;
    border-bottom: 0;
}

.table>tbody>tr>th h2 , .table>tbody>tr>th h2 , .table>tfoot>tr>th h2 , .table>tfoot>tr>th h2 , .table>thead>tr>th h2 , .table>thead>tr>th h2 {
	color: #0062ff;
}

.table>tbody>tr>th h2:after , .table>tbody>tr>th h2:after , .table>tfoot>tr>th h2:after , .table>tfoot>tr>th h2:after , .table>thead>tr>th h2:after , .table>thead>tr>th h2:after {
	content: '';
    width: 40%;
    height: 5px;
    display: block;
    margin: 20px 0px 0px 0px;
    bottom: 20px;
    background-color: #919191;
    border-bottom: none;
}
.table>tbody>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>tfoot>tr>th, .table>thead>tr>th, .table>thead>tr>th {
   font-weight: normal;
    padding: 8px 0;
    border-bottom: 1px solid #000;
    border-top: 0;
    font-size: 12px;
    line-height: 13px;
    vertical-align: inherit;
    color: #000;
    height: 45px;
}

.table>tbody>tr>th>empty, .table>tbody>tr>th>empty, .table>tfoot>tr>th>empty, .table>tfoot>tr>th>empty, .table>thead>tr>th>empty, .table>thead>tr>th>empty {
	
    border-bottom: 0px solid #fff;
}

.table>tbody>tr>th em, .table>tbody>tr>th em, .table>tfoot>tr>th em, .table>tfoot>tr>th em, .table>thead>tr>th em, .table>thead>tr>th em {
   font-weight:lighter;
	font-size: 10px;
	color : #000;
}
.table>tbody>tr>th span, .table>tbody>tr>th span, .table>tfoot>tr>th span, .table>tfoot>tr>th span, .table>thead>tr>th span, .table>thead>tr>th span {
   
	font-size: 11px;
	color : #000;
	vertical-align: super;
    text-align: center;
}

.table>tbody>tr:nth-child(even), .table>tfoot>tr:nth-child(even), .table>thead>tr:nth-child(even) {
 background: #f6f6f6;
}
.table>tbody>tr:nth-child(odd), .table>tfoot>tr:nth-child(odd), .table>thead>tr:nth-child(odd) { 
	background: #FFF;
}

.table>tbody>tr>th .fad, .table>tbody>tr>th .fad, .table>tfoot>tr>th .fad, .table>tfoot>tr>th .fad, .table>thead>tr>th .fad, .table>thead>tr>th .fad {
    color: #333;
}

.table>tbody>tr>th h3, .table>tbody>tr>th h3, .table>tfoot>tr>th h3, .table>tfoot>tr>th h3, .table>thead>tr>th h3, .table>thead>tr>th h3 {
	font-size: 16px!important;
    line-height: 20px;
    font-family: mnm-font-bmw,"Noto Sans",sans-serif;
    font-weight: bold;
    font-variant-numeric: proportional-nums;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 13px;
}
.table>tbody>tr>th h4, .table>tbody>tr>th h4, .table>tfoot>tr>th h4, .table>tfoot>tr>th h4, .table>thead>tr>th h4, .table>thead>tr>th h4 {
	font-size: 16px;
    line-height: 20px;
	font-family: mnm-font-bmw,"Noto Sans",sans-serif;
    font-weight: bold;
    font-variant-numeric: proportional-nums;
	text-transform: uppercase;
}


th.col-lg-6.col-sm-6.col-lg-offset-6 {
    padding-left: 20px;
}


.confirmationReprise button.boutonRepriseOui {
    border: 0;
    background: #0062ff;
    float: right;
    margin: 0 35px 20px 0;
}
#new {
    float: right;
    width: 70px;
    height: 42px;
    background: url(../img/new-bmw.svg) no-repeat;
    position: relative;
    top: 15px;
    margin-right: 15px;
    z-index: 99;
}

#nouveaute {
    position: absolute;
    float: right !important;
    top: 53px;
    margin: 0 auto;
    text-align: center;
    z-index: 99;
    width: 100%;
}

#nouveaute p {
    background-color: rgba(33,35,38,0.9);
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    z-index: 102;
    padding: 0.5em 2em;
    float: right;
    width: 300px;
}

#coyote {
    background-color: rgba(33,35,38,0.9);
    position: absolute;
    float: right !important;
    top: 153px;
    /* margin: 0 auto; */
    text-align: left;
    z-index: 99;
    width: 287px;
    right: 0px;
    padding: 25px;
    color: #fff;
}

#coyote h2 {
    color: #FFF;
    font-size: 21px;
    margin-top: -5px;
    letter-spacing: 0;
    /* font-weight: 500; */
    margin-bottom: 20px;
    font-weight: normal;
}

#coyote .detaille {
    font-family: mnm-font-system,"Noto Sans",sans-serif;
    font-weight: normal;
    text-transform: none;
    font-variant-numeric: proportional-nums;
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
}
    /* OPECO CSS Homepage 04 2021 */
    #focus-HPbmw-opeco {
        background-color: #16171a;
        padding: 20px;
    }
.focus-HPbmw-flex-opeco {	
 	height:350px;
 	background-image:url("../img/actu-opeco-EQUIP1500.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0px;
}

#opeco {
    float: right;
    width: 100px;
    height: 46px;
    background: url(../img/opeco-bmw.svg) no-repeat;
    position: relative;
    top: 15px;
    margin-right: 15px;
    z-index: 99;
}

.OPECO-HP {
	position: relative;
    bottom: 20px;
    text-align: right;
}
.OPECO-HP p a {	
    background-color: #fff;
    color: #0062ff;    
    text-transform: uppercase;    
    padding: 0.5em 1em;
    text-decoration: none;
}

.wall__item-inner-wrapper-opeco {
	padding: 20px;
    max-width: 50%;
	min-height: 60px;
	background: #0062ff;
	bottom: 0px;
    position: absolute;
}

.wall__item-headline-opeco {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #fff;    
}

.wall__item-copy-opeco {
    font-size: 12px;
	line-height: 15px;
	color: #fff;  
}

.focus-HPbmw-flex-CE04 {
    height: 530px;
    background-image: url(../img/actu-homepage-CE04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0px;
}

@media screen and (max-width: 468px) {
	.focus-HPbmw-flex-CE04{
	height: 600px;
}
}

.wall__item-ce04 {
    padding: 20px;
    max-width: 100%;
    min-height: 60px;
    background: #fff;
    bottom: 0px;
    position: absolute;
    height: 100%;
    max-width: 360px;
}

#ce04 {
    float: right;
    width: 330px;
    height: 267px;
    background: url("../img/CE04.svg") no-repeat;
    position: relative;
    top: 15px;
    left: 15px;
    z-index: 99;
}

#header-ce04 {
    width: 100%;
    min-height: 400px;
    background-image: url(../img/bg-header-CE04.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
    margin: 0px auto;
}

.btn-bmw-home {
    border: 2px solid transparent;
    letter-spacing: .5px;
    line-height: inherit;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    font-weight: 600;
    background: #fff;
    color: #000;
    padding: 10px 30px;
    display: inline-block;
    margin: 40px;
}


.tunnelMoto .hautConnexion {
    position: relative;
    top: 0;
    width: 100%;
    /*height: 400px;*/
    background-color: #FFF !important;
}

    .tunnelMoto .hautConnexion .container {
        width: 100%;
        padding: 10px 20px;
        height: 80px;
    }

    .tunnelMoto .hautConnexion .logoGaucheHaut {
        position: relative;
        float: right;
        width: 210px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/contain-bmw/img/bmw_motorrad_logo.svg);
        margin-top: 0px;
    }

    .tunnelMoto .hautConnexion .BG {
        position: relative;
        width: 100%;
        background: #222;
        height: 55px;
        padding: 4px 50px;
    }

.tunnelMoto .btConnexion {
    float: left;
}

.tunnelMoto .hautBanniere {
    position: relative;
    width: 100%;
    height: 200px;
}

.tunnelMoto .hautBanniere .container {
    width: 100%;
}

.tunnelMoto .hautConnexion .devisSousTitre {
    color: #ffffff;
    font-family: 'Open sans';
    font-size: 22px;
    font-weight: normal;
    text-align: left;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 40"><g><path fill="white" d="M31.245,27.505c0.18,0.606,0.413,1.089,0.719,1.296l-2.81,0.11c0.12-0.431,0.212-0.873,0.267-1.327L31.245,27.505z M20.744,32.607c-3.344,0-6.064-2.721-6.064-6.063c0-3.345,2.721-6.064,6.064-6.064c2.571,0,4.767,1.61,5.647,3.874c-3.216,0.685-6.406,1.363-6.406,1.363l0.411,2.268l6.296-0.276C26.15,30.495,23.69,32.607,20.744,32.607z M56.41,20.479c3.344,0,6.062,2.72,6.062,6.063c0,3.345-2.721,6.063-6.062,6.063c-3.346,0-6.064-2.722-6.064-6.063S53.064,20.479,56.41,20.479z M20.744,17.799c-4.829,0-8.743,3.915-8.743,8.745c0,4.828,3.914,8.743,8.743,8.743c3.526,0,6.558-2.092,7.94-5.1l2.077,1.602c0,0,15.264,0.109,16.104-0.365c0,0-1.895-5.173,0.51-7.359c0.254-0.229,0.57-0.494,0.922-0.771c-0.404,1.004-0.63,2.101-0.63,3.25c0,4.829,3.913,8.743,8.743,8.743c4.828,0,8.742-3.916,8.742-8.743c0-4.83-3.914-8.744-8.742-8.744c-0.08,0-0.155,0.01-0.234,0.012c0.633-0.41,1.035-0.667,1.035-0.667l-0.656-0.583c0,0,1.896-0.437,1.459-1.384c-0.438-0.948-5.029-6.631-5.029-6.631s0.814-1.749-0.865-2.988l-0.811,1.749c0,0-2.059-1.421-2.877-1.147c-0.82,0.273-2.049,0.41-2.434,1.01l-0.381,0.356c0,0-0.109,0.629,0.52,1.558c0,0,6.311,1.94,6.611,3.36c0,0,0.438,0.903-1.447,1.12l-0.383,0.493l-1.012,0.055l-1.83-4.181c0,0-1.75,0.464-2.65,1.174l0.137,0.71c0,0-7.35-5-14.263,2.405c0,0-5.109,1.475-8.689-3.061c0,0-0.055-1.475-8.689-1.202l0.602,0.628c0,0-0.602,0.055-0.847,0.438c-0.245,0.382,0.137,0.792,2.104,0.792c0,0,4.455,5.082,7.87,4.782l4.862,2.351l2.16,3.69c0,0,0.003,0.315,0.025,0.801c-0.501,0.106-1.062,0.226-1.658,0.353C27.883,20.311,24.61,17.799,20.744,17.799z"/></g></svg>') !important;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    width: 360px;
    height: 50px;
    padding-left: 100px;
    line-height: 49px;
}

.tunnelMoto .boutonConnexion button {
    background: #000 !important;
    color: #FFF !important;
    text-transform: lowercase;
    padding: 4px 10px;
    border-radius: 10px;
    border: none;
}

    .tunnelMoto .boutonConnexion button svg {
        display: none;
    }

    .tunnelMoto .boutonConnexion button.ui-button-text-icon-left .ui-button-text {
        padding: .25em 1em .25em 1em !important;
    }

.hfooter .row {
    overflow: hidden;
    background: #000;
    height: 100px;
}

.hfooter .logoGaucheHaut {
    position: relative;
    float: left;
    width: 120px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background: url(/contain-bmw/img/bmw_motorrad_logo-blanc.svg) no-repeat;
    margin: 30px;
}

.hfooter .partieLogo {
    width: 50%;
    float: left;
}

.hfooter .partieTrustPilot {
    width: 50%;
    float: right;
}

    .hfooter .partieTrustPilot .ti-widget {
        text-align: right !important;
        margin-top: 20px;
        right: 60px !important;
        position: absolute;
    }