/*!
 * Theme HARLEY DAVIDSON ASSURANCE
 * Author : FMA ASSURANCES
 */
 
@media (min-width: 992px)
.container {
    width: 100%;
}
@media (min-width: 768px)
.container {
    width: 100%;
}

body {
	/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Lato', sans-serif;
	line-height:1.6;
	background: #fff !important;
}
h1 {
	/*font-size:40px;*/
	color:#ff6600;
}

.splash-screen .spinner .rect1 {
    background-color: #ff6600 !important;
}

.splash-screen .spinner .rect2 {
    background-color: #ff6600 !important;
}

.splash-screen .spinner .rect3 {
    background-color: #ff6600 !important;
}

.splash-screen .spinner .rect4 {
    background-color: #ff6600 !important;
}

.splash-screen .spinner .rect5 {
    background-color: #ff6600 !important;
}

.container {
   width: 100%;
}

.contacterNous {
    text-align: center;
    background: #000 !important;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
	padding: 10px 0;
}
.contacterNousTelephone {
    display: inline-block;
    font-weight: bold;
    background: #fff;
    color: #F60;
    padding: 0 10px;
}

.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-orange {
	width: 12px;
	height: 12px;
	background: #ff6600;
	-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: #000;
	-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%;
}
#HP-gestionnaire .row {
	max-width:1170px;
	margin:0 auto;
}
#header-gestionnaire {
	display: none;
}
#HP-gestion.container {
	width: 100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:30px 0px;
	margin-bottom:20px;
    background: #fff;
}
#HP-gestion.container .row {
	max-width:1170px;
	margin:0 auto;
}

#HP-gestion {
	max-width:1170px;
	margin:0 auto;
}

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

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

.copyright {
    color: #7f7f7f;
    font-size: 10px !important;
    text-align: center;
}

@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: #f2f2f2;
}
 #header-top .row {
	max-width:1170px;
	margin:0 auto;
}
#logo {
    display: block;
    float: left;
    width: 90%;
    height: 65px;
    text-indent: -3000px;
    background: url(/contain-harley/img/harley-davidson-insurance-services.svg) no-repeat;
    position: relative;
    z-index: 99;
	/*top: -30px;*/
    background-size: contain;
}

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

@media screen and (max-width: 768px) {
#logo {    
    padding: 0;
    float: none;
    margin: 0 auto;
    position: relative;
    width: 300px;
    top: -30px;
}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 0.1em;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
	font-size:10px;
}
}

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

.formButton.seConnecter {
    float: right;
	text-align: right;
}
button.formButton.seConnecter a { 	
 	color:#fff;
 	padding:5px 10px;
 	text-decoration:none;
 	margin: 5px;
 	font-size:10px;
 	text-transform: uppercase;
}
button.formButton.seConnecter a:hover {
 	color:#ccc;
 	padding:5px 10px;
 	text-decoration:none;
 	margin: 5px;
}

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

button.formButton.seDeconnecter,
button.formButton.espacePersonnel {
	margin-top: 2px;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 10px;
    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: 20px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    padding: .2em 1em 0.1em 1em;
	border:none;
	float: right;
}



#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:#f60;
}

#ToggleRSP {
	position:absolute;
	top:0;
	left:0;
}

.navbar{
	position:relative;
    min-height: 0px;
    margin-bottom: 20px;
    border: 1px solid transparent;
	background:none !important;
}

@media screen and (max-width: 767px) {
.navbar{
	position:relative;
    min-height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
	background:none !important;
}
}

.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:#000;
}
.navbar-default .navbar-toggle {
  border-color:#000;
}
.navbar-collapse {
  border-top:0;
  box-shadow:none;
  overflow-x:visible;
  padding-left:15px;
  padding-right:15px;
}


.boutonConnexion {
    border: 0px solid #000 !important;
}
.BoutonConnexionTopHeader {
    float: right;
	text-align: right;
}
.connexion {
    text-align: left;
}


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


#headerHD {
   max-width: 1250px;
   width:100%;
}

#MainNav {
 	font-family: 'Lato', sans-serif;
 	text-align: right;
 	float:right;
	top:-40px;
	z-index: 9999;
}
#MainNav a {
 	margin: 10px 10px;
 	color: #000;
 	font-size: 1em;
	text-decoration:none;
}

.nav-item #active {
 	color: #ff6600;
}
#MainNav a:hover {
 	color:#ff6600;
 	text-decoration:none;
}
#MainNav a:selected {
 	color:#ff6600;
 	text-decoration:none;
}
@media screen and (max-width: 1004px) {
#MainNav a { 
 	font-size:13px;
	margin: 5px 10px;
}
}

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

@media screen and (max-width: 840px) {
#MainNav a { 
 	font-size:12px;
	margin: 5px 4px;
}
}

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

@media screen and (min-width: 928px) and (max-width: 992px) {
#MainNav {
    top: 0px;
}
}
@media screen and (min-width: 824px) and (max-width: 855px) {
#MainNav {
    top: 0px;
}
}


h2 span {
    color: #ff6600;
}

#Discover h2 {
    color: #ff6600;
    font-size: 28px;
    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: #ccc;
    font-size: 20px !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:16px;
	margin: -4px 0 5px 30px;
}
@media screen and (max-width: 768px) {
	#Discover p
	{ font-size:12px; }
}

.Devis-HP {
	position: relative;
    bottom: -35px;
    margin: 0 auto;
    text-align: center;
}
.Devis-HP p a {	
    background-color: #f60;
    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: #f60;
	border:1px solid #f60;
}


/* ----- HOMEPAGE -----*/ 

#subheader {
    background: #F60;
    color: #fff;
    font-size: 12px;
    padding: 9px 0 3px 0;
}

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

.hero-marquee__star-line {
    padding: 0;
    line-height: 0;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    position: relative;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon--star {
    margin-left: 6px;
    margin-right: 6px;
    width: 1rem;
    height: 1.2rem;
    background: url(../img/star.png) no-repeat center;
    background-size: contain;
}

#homepage h1 {
        font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-family: arial;
    display: block;
    float: left;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    #homepage h1 {
        font-size: 48px;
    line-height: 48px;
    }
}

#homepage h1 span {
	color: #f60;
}
#homepage h4 {	
	color: #fff;
    font-weight: 300;
    font-size: 4rem !important;
    line-height: 4rem;
    font-family: 'Lato', sans-serif;
	padding-top: 30px;
}
#homepage h4 span {
	color: #f60;
}


#homepage h3 {
	font-size: 1.5em !important;
    line-height: 1em;
    color: #fff;
    font-family: 'Lato', sans-serif;
	font-weight: 700;
}


#homepage p {
	 color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    margin-bottom: 35px;
	text-align: left;
    font-weight:600;
}
#homepage p span {
	color:#f60;
}
.bottom {
    top: 150px;
}
@media screen and (min-width: 350x) and (max-width: 825px) {
	.bottom {
    top: 150px;
}
}
#homepage .button {
	    padding: 9px 16px;
    background: #fff;
    margin: 0 auto;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    float: left;
    border-radius: 5px;
    font-weight: 800;
    font-family: arial;
    width: auto;
}
#homepage .button a {
    color: #000;
	text-decoration:none;
}
#homepage .button a:hover {
    color: #333;
	text-decoration:none;
}



/*-------- OPECO HOMEPAGE ---------- */


.static-billboard {
    position: relative;
    padding: 3rem 0;
}


.static-billboard__image-wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, transparent 20%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%, transparent 20%);
    background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, transparent 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=1 );
    z-index: 1;
}

.static-billboard__image-wrapper {
    position: relative;
    float: right;
    width: 62%;
    padding: 0;
    min-height: 40rem;
    margin-top: 0;
    display: block;
}
@media screen and (min-width: 461px) and (max-width: 768px) {
.static-billboard__image-wrapper {
    position: relative;
    float: none;
    width: 70%;
    top: 200px;
}
}
@media screen and (min-width: 316px) and (max-width: 460px) {
.static-billboard__image-wrapper {
    position: relative;
    float: none;
    width: 100%;
    top: 200px;
}
}
@media screen and (min-width: 200px) and (max-width: 315px) {
.static-billboard__image-wrapper {
    position: relative;
    float: none;
    width: 100%;
    top: 300px;
}
}

.static-billboard__image {
    width: 100%;
    float: right;
}

.static-billboard__details {
    position: absolute;
    width: 38%;
    top: 50px;
    padding: 0 0 0 6.25%;
	z-index:999;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.static-billboard__details {   
	position: absolute;
    top: 20px;
}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
.static-billboard__details {   
	position: absolute;
    top: 0px;
	width: 100%;
}
}
.static-billboard  h1 {
	font-size: 4.2em !important;
    line-height: 1em;
    color: #f60;
	font-weight: 700;
    font-family: 'Lato', sans-serif;
	text-transform:uppercase;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
	.static-billboard  h1 {
	font-size: 2.5rem !important;
    line-height: 1rem;
}
}
.static-billboard  h1 span {
	color: #f60;
}
.static-billboard  h3 {
	font-size: 2.5rem !important;
    line-height: 1em;
    color: #000;
	font-weight: 700;
    font-family: 'Lato', sans-serif;
	text-transform:uppercase;
}
.static-billboard  p {	
	color: #000;    
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}
.static-billboard  p span {
	color: #f60;
}

.static-billboard a {
	padding: 1.6rem 1.5em;
    width: 240px;
    background:#fff;	
	color:#000;
    text-decoration: none;
	font-size: 1.6rem;
	text-transform:uppercase;
	font-weight:700;
	    display: block;
}
.static-billboard a:hover {
	background: #f60;
    color: #000;
	text-decoration:none;
}



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





#HP-BlocNoir-top {
	width:100%;
	text-align:center;
	max-width:1170px;
	margin:0 auto;
	z-index:100;
}
#HP-BlocNoir-top h1 {
	font-size: 2.1em !important;
    line-height: 1em;
    color: #000;
    font-family: 'Lato', sans-serif;
    text-align: left;
    padding-bottom: 20px;
    margin-top: -5px;
}
#HP-BlocNoir-top h1 span {
	color: #f60;
}
#HP-BlocNoir-top h4 {	
	color: #000;
    font-weight: 300;
    font-size: 1.3em !important;
    line-height: 1em;
    font-family: 'Lato', sans-serif;
    text-align: left;
	padding-top: 30px;
}
#HP-BlocNoir-top h4 span {
	color: #f60;
}

#HP-BlocNoir-top h4:before {
    content: '';
    position: absolute;
    height: 1rem;
    width: 100%;
    max-width: 9rem;
    background-color: #f60;
   margin-top: -2.2rem;   
}
#HP-BlocNoir-top h3 {
	font-size: 1.2em !important;
    line-height: 1em;
    color: #000;
    font-family: 'Lato', sans-serif;
    text-align: left;
    padding-bottom: 20px;
}
#HP-BlocNoir-top p {
	color:#000;
	font-family:'Lato', sans-serif;
	text-align:left;
	padding-left: 25px;
	margin-top: -4px;
	font-size:14px;
}
#HP-BlocNoir-top p span {
	color:#f60;
}
#HP-BlocNoir-top img {
    max-width: 100%;
	margin-left:20px;
}
#HP-BlocNoir-top a {
	padding: 1.6rem 1.5em;
    min-width: 240px;
    background:#fff;
	color:#000;
    text-decoration: none;
	font-size: 1.6rem;
    float: right;
	text-transform:uppercase;
	font-weight:700;
	text-align:left;
}
#HP-BlocNoir-top a:hover {
	background: #fff;
    color: #000;
	text-decoration:none;
}

@media screen and (min-width:769px) and (max-width:991px) {
#HP-BlocNoir-top a {
    position: relative;
    top: -100px;
}
}

@media screen and (max-width:768px) {
#HP-BlocNoir-top a {
    padding: 1.6rem 1.5em;
    min-width: 240px;
    background: #ff6600;
    color: #000;
    text-decoration: none;
    font-size: 1.6rem;
    float: none !important;
    margin: 20px auto;
    width: 240px;
    text-transform: uppercase;
}
#HP-BlocNoir-top img {
    max-width: 100%;
	margin:20px 0;
}
}



#HP-BlocNoir-second {
	z-index:100;    	
 background: #eeeceb;
        padding: 0px;
    margin: 0px;
}
#HP-BlocNoir-second .row {
    max-width: 1250px;   
    margin: 0 auto;
}
#HP-BlocNoir-second h4 {	
	color: #000;
    font-size: 20px !important;
    font-family: arial;
    text-align: left;
    padding: 30px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}
#HP-BlocNoir-second h5 {	
	color: #000;
    font-size: 18px !important;
    line-height: 20px;
    font-family: arial;
    text-align: left;
    font-weight: bold;
}
#HP-BlocNoir-second h2 {	
	color: #000;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif;
    text-align: left;
	line-height: 26px;
}
#HP-BlocNoir-second h1 {
	font-size: 2.2em !important;
    line-height: 1em;
    color: #000;
    font-family: 'Lato', sans-serif;
    text-align: left;
    padding-bottom: 20px;
	margin-top: -10px;
}
#HP-BlocNoir-second h1 span {
    color: #f60;
}
#HP-BlocNoir-second p {
	color:#000;
	font-family:'Lato', sans-serif;
	text-align:left;
	font-size:14px;
}
#HP-BlocNoir-second img {
    max-width: 100%;
	margin-right:0px;
	text-align: right;
	padding-right: 0px;
}
#HP-BlocNoir-second a {
    color: #f60;
}
#HP-BlocNoir-second a:hover {
	color:#000;
	text-decoration:none;
}



#HPBlocBlanc {
	text-align:center;
	margin:0 auto;
	z-index:99;
	padding: 30px 0;
}
#HPBlocBlanc .row {
	max-width:1170px;
	margin:0 auto;
}
#HPBlocBlanc h4 {	
	color:#000;
	font-weight: 300;
	font-size: 2.4rem !important;
    line-height: 2.8rem;
	font-family:'Lato', sans-serif;
	text-align:left;
}
#HPBlocBlanc h1 {
	font-size: 3.5rem !important;
    line-height: 3.8rem;
	color:#000;
	font-family:'Lato', sans-serif;
	text-align:left;
	padding: 50px 0;
}

#HPBlocBlanc h1:before {
    content: '';
    position: absolute;
    height: 1rem;
    width: 100%;
    max-width: 9rem;
    background-color: #f60;
   margin-top: -2.2rem;   
}

#HPBlocBlanc p {
	color:#000;
	font-family:'Lato', sans-serif;
	text-align:left;
	font-size:14px;
}
#HPBlocBlanc a {
	margin-top: 4.3rem;
    padding: 1.6rem 5.6rem 1.6rem 1.5rem;
    min-width: 240px;
	background:#000;
	color:#fff;
	text-decoration:none;
}
#HPBlocBlanc span {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
}



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


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

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



#HPCTAHarley {
	width:100%;
	color:#FFFFFF;
	text-align:left;
	padding: 40px 0 40px 0;
	background: #000;
}
#HPCTAHarley .row {
	max-width:1170px;
	margin:0 auto;
}
#HPCTAHarley  h5 {
    font-size: 3.4rem;
	line-height: 3.2rem;
	display: block;
    margin-bottom: 20px;
    color: #fff;
}
#HPCTAHarley h5 span {
    color: #f60;
}
#HPCTAHarley  p {	
    font-size: 1.8rem;
	line-height: 2.1rem;
}
#HPCTAHarley a {
	background: #f60;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    float: right;
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;
    display: inherit;
    padding: 0.75rem 2rem;
}
#HPCTAHarley a:hover {
	text-decoration:none;
    color: #ECEDE5;
}




#HPChoisirHarley {
	width:100%;
	color:#FFFFFF;
	text-align:center;
	padding: 0 0 40px 0;
	background: #000;
}
#HPChoisirHarley .row {
	max-width:1170px;
	margin:0 auto;
}
#HPChoisirHarley  h5 {
    font-size: 2.4rem;
	line-height: 3.2rem;
	display: block;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
#HPChoisirHarley h5 span {
    color: #f60;
}
#HPChoisirHarley  p {
    text-align: center;
	font-size: 1.8rem;
    line-height: 2.1rem;
}



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

 #footer1 {
 	width:100%;
	max-width:1170px;
 	height:300px;
 	background-image:url("../img/bg-footer1.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	margin:25px auto;
}
@media screen and (max-width:400px) {
 #footer1 {
 	height:100px;
}
}

#footer2 {
 	width:100% !important;
 	background: #000 !important;
} 

#footer2 .row {
	max-width:1170px !important;
	margin:0 auto!important;	
    max-width: 1170px;
}


#footerHarley{
 	width:100%;
 	background: #000 !important;
	padding: 20px 0;
} 

#footerHarley .row {
	margin: auto;
}

#footerHarley  h5 {
    font-size: 2.4rem;
	line-height: 3.2rem;
	display: block;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
#footerHarley h5 span {
    color: #f60;
}
#footerHarley  p {
    text-align: center;
	font-size:14px;
}


.FooterNav {
	text-align:center;
    padding: 0;
    display: inline-block;
}


.FooterNav p{
 	margin: 13px 0;
 	vertical-align: middle;
 	text-align: center;
	font-size:12px;
}
.FooterNav img{
 	display:inline-block;
}
.FooterNav span{
 	vertical-align:middle;
    padding: 0 5px;
	color: #fff;
}
.FooterNav a {
	color: #fff;
    text-decoration: none;
}

.FooterNav a:hover{
	color:#f60;
}




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

 #header {
 	 display:none;
}

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

 #header-devis {
	 width:100%;
	max-width:1170px;
 	height:231px;
 	background-image:url("../img/bg-header-devis.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    padding:0;
	margin-bottom:20px;
    cursor: pointer;
}
@media screen and (max-width:954px) {
 #header-devis {
 	height:210px;
}
}
@media screen and (max-width:400px) {
 #header-devis {
 	height:80px;
}
}


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

 #header-commun {
 	width:100%;
	max-width:1170px;
 	height:300px;
 	background-image:url("../img/bg-header-commun.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;	
	margin-bottom:20px;
}
@media screen and (max-width:400px) {
 #header-commun {
 	height:100px;
}
}

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

 #header-formules {
 	width:100%;
	max-width:1170px;
 	height:300px;
 	background-image:url("../img/bg-header-formules.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;	
	margin-bottom:20px;
}
@media screen and (max-width:400px) {
 #header-formules {
 	height:100px;
}
}

#contain-formules {
    background-image: url(../img/bg-form-angular.jpg);
    background-size: 100%;
	margin-top: 0px;
    width: 100%;
	margin-bottom: 30px;
    padding: 20px 0;
}
#contain-formules .row {
    max-width:1170px;
	margin:0 auto;
}

#contain-formules h2:before {
    content: '';
    position: absolute;
    height: 1rem;
    width: 100%;
    max-width: 9rem;
    background-color: #f60;
    margin-top: -2.2rem;
}




#contain-Titreformules {
    margin: 0 auto;
    background: linear-gradient(to right, #000000, #2b2e33);
    margin-top: 0px;
    width: 100%;
}
#contain-Titreformules h2 {
    color: #fff;
}
/*#contain-Titreformules h2:before {
    content: '';
    position: absolute;
    height: 1rem;
    width: 100%;
    max-width: 9rem;
    background-color: #f60;
    margin-top: -2.2rem;
}*/
#contain-Titreformules h3 {
    color: #000;
}




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

#Formules-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: 350px;
}
#Formules-Bloc h3{
	color:#ff6600;
	font-size: 26px;
	margin-bottom:20px;
	margin-top:0;
	padding-bottom:0;
	letter-spacing:0.5px;
}

 
#Formules-Bloc p { 
	color:#2b2e33;
	font-size:14px;
	text-align:justify;
}
@media screen and (max-width:400px) {
 #Formules-Bloc {
    padding: 20px 20px;
}
}




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

 #header-quisommesnous {
 	display: none;
}


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

 #header-contact {
 	width:100%;
	max-width:1170px;
 	height:300px;
 	background-image:url("../img/bg-header-contact.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:0;
	margin-bottom:20px;
}
@media screen and (max-width:400px) {
 #header-contact {
 	height:100px;
}
}

#HP-secondrow {
	background-image: url(../img/bg-form-angular.jpg);
    background-size: 100%;
	width:100%;
	text-align:center;
	color:#919191;
	padding: 30px 0;
	background: #fff;
}
#HP-secondrow .row {
	max-width:1170px;
	margin:0 auto;
}


#HP-secondrow p{
	font-size:12px !important;
	font-family:'Lato', sans-serif;
}
#HP-secondrow p a{
	font-size:11px;
	font-family:'Lato', sans-serif;
	text-decoration: none;
	color:#fff;	
	background-color:#000;
	padding:5px;
	text-transform:uppercase;
}
#HP-secondrow p a:hover{
	color:#fff;	
	background-color:#f60;
	border:1px solid #f60;
}


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

@media screen and (max-width: 540px) {
.bouton-contact-formulaire {
    width: 100%;
    height: 40px;
        position: relative;
    margin: 50px auto 0 auto;
    text-align: center;
    z-index: 102;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 0px !important;
}
}

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

 #header-garantie {
 	 display:none;
}

#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 #ff6600;
	padding: 0px 30px;
	min-height:60px;
}
#Title-Box2 h2 {
    color: #fff;
    font-size: 26px;
    margin: 10px 0px 0px 80px;
    padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
	#Title-Box2 h2 { font-size:20px; }
}
#Title-Box2 h2 span {
	color: #f60;
}

#Title-Box2 p {
	color: #000;
}
#Title-Box2 p span {
	color: #f60;
}



#Title-Box {
	padding: 0px 30px;
}
#Title-Box h2 {
	color:#ff6600;
	font-size:26px;
	margin-bottom:0;
}
@media screen and (max-width: 767px) {
	#Title-Box h2 { font-size:20px; }
}



#BlocTxt {
 	 margin: 0 40px;
    padding: 20px 0px 20px 0;
}
#BlocTxt p {
	font-size:15px;
	color:#000 !important;
}
#BlocTxt p span {
	color:#ff6600;
}
#BlocTxt p a {
	font-size:15px;
	color:#000 !important;
	cursor:pointer !important;
}
#BlocTxt p a:hover {
	color:#ff6600;
}


@media screen and (max-width:500px) {
#BlocTxt p {
	font-size:12px;
}
#BlocTxt p a {
	font-size:12px;
}
}



#BlocTxt3 {
 	background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 30px 20px 30px;
 	background-image: url(../img/bg-form-angular.jpg);
    background-size: 100%;
}
#BlocTxt3 p {
	font-size:14px;
	margin-left: 10px;
	padding-left: 10px;
	color:#000 !important;
}
#BlocTxt3 p span {
	color:#ff6600;
}



 #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:60px;
	margin-bottom: 30px;
}
#illus-contact .row {
	max-width:1170px;
	margin:0 auto;
}

@media screen and (max-width: 540px) {	
#illus-contact {
 	padding: 30px 0px;
    margin: 30px 0px;
}
}



#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: 45px 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 40px;
    position: relative;
    float: none;
    max-width: 525px;
    min-height: 300px;
}
#Contact-Bloc h3{
	color:#ff6600;
	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;
	margin-bottom:8px;
	text-align:justify;
}



#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:#ff6600;
	font-size: 26px;
	margin-bottom:20px;
	margin-top:0;
	padding-bottom:0;
	letter-spacing:0.5px;
}
@media screen and (max-width: 767px) {
	#Garantie-Bloc h3 { font-size:21px; }
}
 
#Garantie-Bloc p { 
	color:#2b2e33;
	font-size:14px;
	margin-bottom:8px;
	text-align:justify;
}
@media screen and (max-width: 767px) {
	#Garantie-Bloc h3 { font-size:21px; }
}
@media screen and (max-width: 540px) {
#Garantie-Bloc {
 	margin:0 auto 45px;
 	padding: 20px 10px;
	min-height:350px;
}
}




#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: 500px;
}
#Gar-Bloc h3{
	color:#ff6600;
	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;
	margin:0 0 8px;
	text-align:justify;
}
#Gar-Bloc p span { 
	color:#F60;
}




<!-- 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: #ff6600;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-top: 20px;
}

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






/*  Popup de connexion  */




button.formButton.motDePasseOublie.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	background: none;
    border: none;
    color: #ff6600;
    font-size: 10px;
    float: left;
    text-decoration: underline;
}


.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="#ff6600" 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="#ff6600" 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="#ff6600" 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="#ff6600" 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="#ff6600" 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="#ff6600" 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"><title>quickentries-production</title><path fill="#ff6600" 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="#ff6600" 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 fill="#ff6600" 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="#ff6600" 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>')
}

.arrow {
	float: right;
	top: auto;
   	width: 20px;
    height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M16.644,11.962c-0.938,0-1.676-0.738-1.676-1.676c0.016-0.922,0.754-1.66,1.676-1.676L30.689,8.61	c0.436,0,0.872,0.168,1.206,0.503c0.335,0.334,0.503,0.771,0.504,1.207l-0.001,14.045c0,0.938-0.738,1.676-1.676,1.676	s-1.676-0.738-1.676-1.676l0.017-10.041L11.212,32.177c-0.653,0.654-1.708,0.638-2.362-0.017c-0.653-0.653-0.653-1.692,0-2.346	L26.7,11.963L16.644,11.962z"/></svg>')
}




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

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

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

.titreOrange,
.titreOrange:visited,
.titreOrange1 {
    color: #f60 !important;
}
.juizdropdown a:hover {
    color: #f60 !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/btFMA.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.ajax__myTab .ajax__tab_active .ajax__tab_tab {
    color: #f60 !important;
}

#ContentPlaceHolder_CuParcActif_GrvParc {
    width:848px !important;
}
#ContentPlaceHolder_CuParcInactif_GrvParc {
    width:848px !important;
}
.deco1 {
    background-color: #f60 !important;
}
.orange {
    color: #f60 !important;
}

.titreOrange14, .titreOrange14:visited {
   color: #f60 !important;
}
.pi-produit h1 {
    color: #f60 !important;
}
.orangeMenu {
    color: #f60 !important;
}
#contenuLargeur600 span, #contenuLargeur700 span, #contenuLargeur800 span, #contenuLargeur850 span, #HP-gestion span, #contenuLargeur900 span {
    line-height: inherit !important;
}
.paneau_HD {
    background-color: rgba(224,220,209,1);
    background-image: url(images/FondHD.jpg);
    box-shadow: inset 0px 0px 85px rgba(0,0,0,.5), inset 0px 0px 3px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,.5), inset 0px 0px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 85px rgba(0,0,0,.5),inset 0px 0px 3px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    display: inline-block;
    color: rgba(0,0,0,1);
    padding: 10px;
    text-align: left;
    border: 1px solid #393939;
    margin-top: -705px;
}
.modalPopup.PnlSessionExpiree {
  height: 165px;
   background-color: #FFF;
   width: 330px;
   padding: 15px;
   border: 1px solid #000;
}
.modalPopup.PnlSessionCompteur {
   padding: 15px;
   border: 1px solid #000;
}
@media (min-width: 992px)
.container {
    width: 98% !important;
}
@media (min-width: 768px)
.container {
    width: 98%!important;
}

.center-col {float:none; margin-left:auto; margin-right:auto }
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: #F60;
    color: #F60;
}
.btn.btn-deep-orange {
    background: #F60;
    border-color: #F60;
    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;
}

nav.navbar.bootsnav li {
    font-family: 'Montserrat', 'Roboto', sans-serif !important;
}

#DivMenuHaut {
    background-color: #fff;
}

.layout-main {
    background-color: #fff;
}






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

.menu-avantage {
    max-width: 1170px;
    margin: 0px auto;
}


.footer-avantages .row {
	max-width:1170px;
	margin:0 auto;
}
.footer-avantages {
 	width:100%;
	padding-top: 25px;
	background-color:#000;
}

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

.avantages p {
    color: #fff !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-size: 11px !important;
    display: inline-block;
}




.avantages .avantages-icon {
    color: #f60 !important;
    vertical-align: middle !important;
    float: left;
}

.avantages .avantages-icon:after {
    content: '';
    height: 50px;
    display: block;
    margin-top: -30px;
    padding: 0 30px;
    border-right: 1px solid #000 !important;
}


@media(max-width:979px) {
	.avantages p {
		text-align: center!important;		
    font-size: 9px !important;
}
	.avantages .avantages-icon {
    display: none
}
	.avantages .avantages-icon:after  { 	
	display: none
}
}


    

#contain-HARLEY {
	background: linear-gradient(to right, #000000, #2b2e33);
    margin-top: 0px;
    width: 100%;
    margin-bottom: 80px;
    padding-bottom: 80px;
}

#contain-HARLEY-modalites {
    background: #fff;
	width: 100%;
    margin-bottom: 0px;
	padding: 20px 0;
}

#contain-HARLEY-tarif {
    background-color: #fff;
	color: #000;
	padding: 20px;
}

#contain-HARLEY-tarif h2 {
    color: #f60;
    font-size: 20px !important;
    line-height: 2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-weight: 500;
}

#contain-HARLEY-tarif h2:after {
    content: '';
    width: 40%;
    display: block;
    margin: 20px 0px 0px 0px;
    bottom: 20px;
   border-bottom: 5px solid #f60;
}

#contain-HARLEY-tarif h4 {
font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
#contain-HARLEY-tarif img {
    width: 100%;
	height: auto;
	max-width: 600px;
    float: right;
}





#contain-HARLEY.container  {
    padding-right: 0;
    padding-left: 0;
	padding-bottom: 65px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 0px;
}

.container h2 {
    font-size: 30px!important;
    padding-bottom: 0px;
	color: #fff;
}


#contain-HARLEY.container h3 {
    font-size: 24px;
	color: #fff;
	padding: 10px 0;
}
.contain-advantages h3 {
	color: #000 !important;
}

#contain-HARLEY.container h3 span {
	color: #f60;
}
/*.row {
    /*max-width:1170px;*/
	margin:0 auto;
/*}*/

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

.no-padding {padding:0 !important}



/* list style 3 */
.list-style-3 { list-style: none; margin: 0; padding: 0;line-height: 20px; text-align: left;}
.list-style-3 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-3 li:before { font-family: Font Awesome\ 5 Free;    font-weight: 900; content: "\f00c";    position: absolute;    top: 1px;    left: 0;   }
.list-style-3 li:last-child {border-bottom: 0;}
.list-style-3.list-style-color li {border-color: rgba(255,255,255,.15);  padding-bottom: 13px;    border-bottom: 1px solid #ccc;}
.list-style-3.list-style-color li:before {color: #f60;}


/* 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: #f60;}



#partenariat {
    background: #000;
	text-align: center;
	vertical-align: middle;
    color: #fff;
	padding: 20px;	
}
#partenariat h4 {
    color: #f60;
	
}

#partenariat a {
	margin-top: 30px;
    min-width: 240px;
    background: #f60;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    float: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    line-height: 20px;
}
#partenariat a:hover {
	background:#fff;
	color:#000;
	text-decoration:none;
}


.menu-avantage button.NavBar-module__subHeader_Element{
    margin: 4px 0;
    min-height: 50px;
    width: 20%;
    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: #eeeceb;
	position: initial;
}

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

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

.row {
    margin: 0 auto;
}

.hfooter .row {
    overflow: hidden;
    margin-right: -15px;
    margin-left: -15px;
}

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

.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>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>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:#000;
}

.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;
}


.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;
    border-bottom: 1px solid #000;
	border-top: 0;
	font-size: 12px;
	line-height: 13px;
	vertical-align: inherit;
	color: #000;
}

.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: 11px;
	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>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;
    line-height: 20px;
    font-weight: bold;
    font-variant-numeric: proportional-nums;
	text-transform: uppercase;
	color: #f60;
}
.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-weight: bold;
    font-variant-numeric: proportional-nums;
	text-transform: uppercase;
}
#new {
    float: right;
    width: 70px;
    height: 40px;
    background: url(../img/new-harley.svg) no-repeat;
    position: absolute;
    top: 30px;
    margin-left: 30px;
    z-index: 99;
}

#nouveaute {
    position: relative;
    float: left;
    color: #fff;
    bottom: -50px;
    margin: 0 auto;
    text-align: center;
    z-index: 99;
}

#nouveaute p {
    background-color: #f60 !important;
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
    z-index: 102;
    padding: 0.5em 2em;
    text-decoration: none;
}

.top {    top: 80px; }

.menuEditionAction a,
#ContentPlaceHolder_MenuContrat ul.dynamic {
    background-color: #F60 !important;
    color: white !important;
    z-index: 1000;
    opacity: 100 !important;
}

.confirmationReprise button.boutonRepriseOui {
    border: 0;
    background: #F60;
    float: right;
    margin: 0 35px 20px 0;
}


.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: left;
        width: 270px;
        height: 80px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/contain-harley/img/harley-davidson-insurance-services.svg);
        margin-top: 0px;
    }

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

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

.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: 460px;
    height: 39px;
    padding-left: 90px;
    line-height: 35px;
}

.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-x: hidden;
    background: #000;
    height: 100px;
}

.hfooter .logoGaucheHaut {
    position: relative;
    float: left;
    width: 200px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/contain-harley/img/harley-davidson-insurance-services-blanc.svg);
    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;
    }