@font-face {
    font-family: Toyota;
    src: url("/reprise/static/font/ToyotaType-BookIt.ttf");
    font-style: italic;
}
@font-face {
    font-family: Toyota;
    src: url("/reprise/static/font/ToyotaType-Book.ttf");
    font-style: normal;
}


body {
    font-family : Toyota;
}
/* Forms */
.select-date select,
.select-kilometers input  {
    border-color: #282830;
}

/* ACCUEIL */


.select-parcours {
	background-image: url('/images/reprise_assets/file_reprise_W13274639.jpg');
	background-position: top center;
    background-size: initial;
    background-color: #fff;
    background-repeat: no-repeat;
}

.select-parcours video {
 	display:none;
}


.select-parcours {
	background-size:cover;
}

/* Header*/
header {
    background: #ffffff;
    color: #e50000;
}

/* Fil d'ariane */
.stepline .progress-bar {
    background-image: linear-gradient(to right, #ff0022,#ff0022);
}

/* Alphabet Marques*/
.search-mark .search-engine .selected,
.search-mark .search-engine button:hover {
    border-color: #ff0022;
    background: #ff0022;  
}

/* Section */
.custom-bg {
    background: #282830;
    color:  #ffffff;
}


section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card:not(.promo-argus) .content-bottom {
    background: #fff;
    border: 1px solid #282830;
}
section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card:not(.promo-argus) .content-bottom {
    color: #282830;
}
section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card.selected {
    border-color:  #ff0022;
}
section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card.selected .content-bottom {
    background: #ff0022 !important;
	border-color: #ff0022;
	color: #FFFFFF;
}


section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card:hover .content-bottom {
    background: #ff0022 !important;
	border-color: #ff0022;
	color: #FFFFFF;
}
section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card:hover {
    border-color: #ff0022;
}


section.search-outer-color a.card:hover,
section.search-inboard-color a.card:hover,
section.search-coating-seats a.card:hover {
    border: 4px solid #ff0022;
}
section.search-outer-color .card:not(.white) .content-bottom,
section.search-outer-color .card:not(.white):hover .content-bottom,
section.search-inboard-color .card .content-bottom,
section.search-inboard-color .card:hover .content-bottom,
section.search-coating-seats .card .content-bottom,
section.search-coating-seats .card:hover .content-bottom {
	color: #FFFFFF;
}
section.search-outer-color a.card.selected,
section.search-inboard-color a.card.selected,
section.search-coating-seats a.card.selected, {
    border: 4px solid #22d67b;
}


section.select-pictures .card.selected .content-bottom {
    background: #ff0022;
}
section.select-pictures .card.selected {
    border-color: #ff0022;
}


/*Liens*/
.select-body a:not(.card) {
    border:1px solid #ff0022;
}



button {
    border-color:#ff0022;  
    background: #ffffff;    
    color: #ff0022;   
}
button:hover {
	border-color:#4caf50;    
    background: #4caf50;    
    color: #ffffff;   
}
button:focus {
    border-color:#4caf50;    
}
.link-style {
    color: #282830;
}


.waiting .spinner:after {
  border: 2px solid #ff0022;
  border-color: #ff0022 transparent #ff0022 transparent;
}

section:not(.search-outer-color):not(.search-inboard-color):not(.search-coating-seats) a.card.selected.waiting .content-bottom .spinner:after {
	border: 2px solid #FFF;
	border-color: #FFFFFF transparent #FFFFFF transparent;
}




.accordeon input[type=checkbox]:checked+label {
    border-color: #282830; 
}


.lbl:after {
	    content: 'OU' !important;
}