@charset "UTF-8";

#minisite {
	font-family: 'Arial', 'Helvetica', sans-serif;
	background: #fff;
}
#minisite a { color: #24428f;}
#minisite a:hover { color: #9a0014;}

#minisite #header {
	box-shadow: 0 2px 20px #595959;
	z-index: 1;
}

#minisite #header .centering  {
	background-color: #fff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	box-shadow: none;  
}
#minisite #fixedHeader .centering {
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0 2px 20px #595959;
}
#minisite #header #site-banner {
	font-family: 'Dosis', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
	color: #19171c;
}
#minisite #header #site-slogan {
	font-family: 'Dosis', sans-serif;
	margin-top: -4%;
	font-size: 20px;
	color: #3083bf;
	font-weight: bold;
}
#minisite #header .kap-link .site {
    padding-left:2.5em;
	margin-left: 5px;
}
#minisite #header .kap-link.banner {display : none ;}
#minisite #header .kap-link.slogan { display: flex; }
#minisite #header .kap-link.between-menu { display : none ; }
#minisite .kap-link {
	width: 30%;
	color: #000;
    text-decoration: none;
    font-weight: bold;
}
#minisite .user-box {
    font-weight: bold;
    background: #fff;
    border: 0;
    border-radius: 0;
	padding: 0px;
}
#minisite .user-box #logoUser {
}
#minisite .user-box #accountLogo {

}
#minisite .cart-box {
	background: #699bd6;
	border: 1px solid #1379c1;
    color: white;
    padding: 10px 0;
    height: auto;

}
#minisite .user-box a#account:hover {
	color: #24428f;
	text-decoration: none;
}
#minisite .cart-box #cart-logo {
    background: url(../img/picto-cart.png) no-repeat center;
    background-size: contain;
}
#minisite #site-phone,
#minisite #fh-site-phone {
	font-size: 20px;
	color: #d22625;
	font-family: 'Arial Black', sans-serif;
	
}

/* menu pricipal et sous menu */
#minisite #header .wrapper,
#minisite #main-menu {
    justify-content: space-between;
}
#minisite #main-menu-left a,
#minisite #main-menu-right a,
#minisite #btn-s-m {
	background: #3083bf;
	color: white;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 1em;
	border: 0;
	border-radius: 4px;
}
#minisite #main-menu-left a:hover,
#minisite #main-menu-right a:hover {
	background: #c7def2;
	color: black;
	box-shadow: none;
	border: 0;
}
#minisite #fixedHeader #main-menu-left,
#minisite #fixedHeader #main-menu-right,
#minisite #header #main-menu-left,
#minisite #header #main-menu-right{
	background: white;
}
#minisite #btn-show-menu {
	background: #3083bf;
	color: white;
	border: 0;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 4px;
	margin-top: 2px;
}
#minisite #btn-show-menu a {
	color: white;
}
/* FIN menu pricipal et sous menu */

#minisite h1 {
	font-family: 'Dosis', sans-serif;
	background: none;
    font-size: 24px;
	margin-top: 1em;
	color: #416085;
}

#minisite .cart-container h1 {
	font-family: 'Dosis', sans-serif;
	background: none;
    font-size: 24px;
	margin-top: 1em;
	color: #416085;
}

#minisite .salesterms h2,
#minisite h2 {
	background: none;
    font-size: 18px;
	font-variant: normal;
    text-transform: none;
	color: #24428f;
}

/* footer */

#minisite #footer {
    background: #fff;
    padding: 1em 0;
	margin: 0;
}
#minisite #footer .centering {
	background: none;
	box-shadow: none;
}
#minisite #footer nav,
#footer .footer-links {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
#minisite #footer nav a,
#footer .footer-links a {
    display: inline;
    margin: 3px;
    color: #1c1c1c;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    border: 0;
    min-width: 0px;
    padding: 0;
}
#minisite #footer .copyright {
    text-align: right;
    color: #1c1c1c;
    font-style: italic;
    font-size: 12px;
    padding: 5px 1em 0px 1em;
    margin-left: auto;
}
#minisite #footer .footer-links-fix {
    justify-content: space-around;
    flex-grow: 1;
}
#minisite #footer nav,
#footer .footer-links {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}




#minisite .decorated {
    background: #cccccc;
    border: 1px solid #6f6f6f;
    border-radius: 8px;
    padding: 1em;
	margin-top:2em;
	margin-bottom: 2em;
}
#minisite .decorated h2 {
    margin: 0 0 .3em 0;
    background:none;
    text-align: center;
    font-family: 'Dosis', sans-serif;
	background: none;
    font-size: 24px;
	color: #416085;
}
#minisite form.simple-layout .grid-row {
	margin-bottom: .2em;
}
#minisite form.simple-layout input,
#minisite form.simple-layout textarea {
    margin: .8em 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 5px;
	border: 1px solid #164e76;
    background: #e5f1f9;
	color: #376f9c;

}
#minisite form.simple-layout input[type='submit'],
#minisite form.simple-layout input[type='button'],
#minisite input[type='reset'], #minisite a.button,
#minisite input[type="submit"].standout-button {
    background-color: #ce4d4d;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
	font-weight: bold;
    color: #fff;
    text-transform: none;
	margin: 1em;
	padding: 10px 20px;
}
#minisite a#cancel-button {
	background-color: #6b6c6d;
}
#minisite form.simple-layout .gender > *,
#minisite form.simple-layout .city,
#minisite form.simple-layout .field label {
	background: none;
	border: 0;
	
}
#minisite div#list-info div#period-select {
    width: 25em;
}
#minisite form + .form-options {
	padding: 10px;
}
#minisite form + .form-options a {
	color: #3083bf;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
#minisite form + .form-options a:hover {
	color: #000;
}
#minisite .cart-container {
	color: #fff;
}
#minisite .disclaimer {
    background: #f0cdcd;
	color: #000;
    border: 1px solid #a25050;
}
#minisite .explain {
    background: #f0cdcd;
	color: #000;
    border: 1px solid #a25050;
}
#minisite .shout {
    background: #f2ecd0;
	color: #8f5916;
    border: 1px solid #8f5916;
}
#minisite .disclaimer p {
    color: #000;
}
#minisite table.data {
    color: black;
}
#minisite table.data th {
    background-color: #538cb5;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    color: white;
}
#minisite table.data.double-row tr:nth-child(2n) {
    background-color: #fff;
}
#minisite table.data th,
#minisite table.data td {
    border: 1px solid #cee8fb;
}
#minisite #cart-display #total-card,
#minisite #total-price-row {
    background-color: #badffa;
}
#minisite table.data tfoot { background-color: #badffa;}

#minisite table.data tr:nth-child(2n),
#minisite table.data.double-row tr:nth-child(4n),
#minisite table.data.double-row tr:nth-child(4n-1) {
    background-color: #e9f4fd;
}
#minisite .bottom-links {
    margin-bottom: 1em;
	color: #000;
}
#minisite .cart-container #backlink {
    color: #24428f;
}
#minisite form#cart-display #sub-valid {
	margin-left: 10%;
}
#minisite form#cart-display #sub-recalc {
	margin-right: 10%;
	background: #7a7a7a;
	color: white;
	height: 3em;
	padding: 10px 20px;
}
#minisite .decorated {
	    background: #fff;
    border: 2px solid #ccc;
    border-radius: 8px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
}
#minisite .decorated .overlay {
    padding: 1em;
    background: #fff;
    border: 2px solid #ccc;
    
}
#minisite .cart-container > h2 {
    padding: .2em;
    background: none;
}
#minisite article#order-confirm h1,
#minisite #page-contents h1 {
	color: #416085;
	background: none;
	margin-top: 1em;
}
#minisite #page-contents .salesterms h1,
#minisite #page-contents .legalnotice h1,
#minisite #page-contents .privacy h1,
#minisite #page-contents .salesterms h1
{ color: #416085;}

#minisite .contact-form #main-address {
	border-color: #629ac2;
}
#minisite .contact-form #main-address h4 {
    background: #b0d4ee;
    color: #5088b1;
    border-radius: 5px;
    padding: 4px 10px;
}
#minisite .submenu {
	background: white; 
	margin-top: 2em;
	border: 2px solid #ccc;
	border-radius: 4px 4px 0 0;
}
#minisite .submenu h4 {
    margin: 0 -.3em;
    padding: .5em;
    background: #3083bf;
    border-radius: .2em .2em 0 0;
    color: #fff;
    font-variant: normal;
   
}
#minisite .submenu a.selected {
    background-size: .7em .9em;
    background-repeat: no-repeat;
    color: #24428f;
	font-weight: bold;
}
#minisite .submenu a {
    background-color: #e5f1f9;
}
#minisite .submenu a:hover {
	color: #3083bf;
}
#minisite #orderExpress-page h2,
#minisite #useraccount-page h2 {
    padding: .2em;
    background: none;
    border-radius: 3px;
    color: #333;
}

#minisite div#userInfoMenu {
    padding: .5em;
    position: absolute;
    min-width: 156px;
    z-index: 1000;
    top: 30px;
    right: 0;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: .2em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: stretch;
}
#minisite div#userInfoMenu a.connect {
    padding: .5em;
    text-decoration: none;
    color: #fff;
    background-color: #3083bf;
    border: 0;
    border-radius: 4px;
    color: white;
}
#minisite div#userInfoMenu a.connect:hover {
	background-color: #c7def2;
	color: #000;
}

#minisite form.simple-layout .password-check {
	border: none;
    background: transparent;
}
#minisite form.decorated label {
	font-size: 14px;
	font-weight: normal;
}

#minisite form.decorated *:invalid,
#minisite form.decorated .invalid {
    outline: 0;
}
#minisite h3.emptycart {
	color:#24428f;
}
#minisite #user-info {
	height: auto;
}

/* corrections spécifiques */

#minisite .car-info #vehicle-info .overlay .grid-row .blue-plate {
	min-width: 12em;
}

#minisite .car-info #vehicle-info .overlay .grid-row .blue-plate > input {
	margin: 0;
}

#minisite #adminaccount-page #usersTable .usersTd {
	text-align: center;
}

#minisite form.simple-layout .field > label,
#minisite form.simple-layout .subfield > label {
	max-width: 8em;
	min-width: 8em;
}

#minisite form.decorated .submits .conds label {
    white-space: pre-wrap;
    margin-left: .5em;
    line-height: 1.5em;
}

#

/***** styles responsive *****/

@media only screen and (min-width : 769px) and (max-width: 830px) {
	#minisite #header #site-banner {
		font-size: 22px;
	}
	#minisite #header #site-slogan {
		font-size: 18px;
		
	}
	#minisite .kap-link {
		width: auto;
	}
}

/*** tablette ***/
@media only screen and (max-device-width : 768px) , screen and (max-width: 768px) {
	
	#header #banner-container {
		flex: 0 0 21%;
	}
	#minisite #header #site-banner {
		font-size: 20px;
	}
	#minisite #site-phone {
		font-size: 16px;
	}
	
	#minisite #header #banner-container {
		flex: 0 0 20%;
	}
	
}

@media only screen and (max-device-width : 560px) , screen and (max-width: 560px) {	
	
	/*** Mobile ***/
	#minisite #site-phone {
		font-size: 14px;
	}
	#minisite #header #banner-container {
		display: none;
	}
	#minisite #header .centering {
		width: 90%;
	}
	#minisite #header #site-banner-small-screen {
		font-size: 10px;
	}
	#minisite #site-phone {
		font-size: 15px;
	}
	#header #secondRow .phone#site-phone {
		margin: 0;
	}
	#minisite #header {
		justify-content: space-between;
	}
	#header #logo-banner {
		flex-flow: column wrap;
	}
}