/*
Theme Name: MS Thème Child
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 1.0
Text Domain:  mstheme-child
Template: mstheme
*/

/* vars 






*/

/* ------------------ Include Styles ------------------ */
/* fonts : */

/*
		Open sans
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);*/
/*
font-family: 'Open Sans', sans-serif;
*/
/*
		Lato
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);*/
/*
font-family: 'Lato', sans-serif;
*/
/*
		Merienda
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700);*/
/*
font-family: 'Merienda', cursive;
*/
/*
		Niconne
@import url(https://fonts.googleapis.com/css?family=Niconne);*/
/*
font-family: 'Niconne', cursive;
*/
/*
		Baumans
@import url(https://fonts.googleapis.com/css?family=Baumans);*/
/*
font-family: 'Baumans', cursive;
*/
/*
		Courgette
@import url(https://fonts.googleapis.com/css?family=Courgette);*/
/*
font-family: 'Courgette', cursive;
*/
/*
		Droid sans
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*
font-family: 'Droid Sans', sans-serif;
*/
/*
		Droid sans Mono
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/
/*
font-family: 'Droid Sans Mono', 'Droid Sans', sans-serif;
*/
/*
		Lobster
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
/*
font-family: 'Lobster Two', cursive;
*/
/*
		Pinyon script
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);*/
/*
font-family: 'Pinyon Script', cursive;
*/
/*
		Poiret one
@import url(https://fonts.googleapis.com/css?family=Poiret+One);*/
/*
font-family: 'Poiret One', cursive;
*/
/*
		Quicksand*/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);
/*
font-family: 'Quicksand', sans-serif;
*/

/* Bug of multiple validation error messages in CF7 when spamming submit */
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {
	display: none;
}

/* ------------------ General ------------------ */
html {
	height: 100%;
}
body {
	color: #3c3c3c;
	line-height: 22px;
	font-size: 15px;
	font-weight: 400;
	height: 100%;
}
* {
	font-family: "Quicksand", sans-serif;
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: inherit;
	text-decoration: underline;
}

/* prehome */

.prehome {
	text-align: center;
	font-size: 20px;
	min-height: 100%;
	background-image: linear-gradient(#eaeaea, #dbdbdb);
	line-height: 30px;
}
.prehome .blocTelAdresse {
	margin-top: 20px;
	display: block;
}
.bande3logos {
	margin-top: 50px;
	border-top: 10px solid #e7e7e7;
	border-bottom: 10px solid #e7e7e7;
	background: #fff;
	padding: 25px 0 15px 0;
}
.bande3logos .row {
	display: flex;
}
.bande3logos a {
	padding: 10px;
	display: block;
	border-radius: 10px;
}
.bande3logos a img {
	width: 330px;
	max-width: 80% !important;
}
.bande3logos a:first-child img {
	max-width: 60% !important;
}
.bande3logos a:hover {
	background: #e7e7e7;
}
.bande3logos a:last-child img {
	max-width: 410px;
}

.prehome header a {
	padding-top: 150px;
	padding-bottom: 60px;
	display: block;
}

/* style téléphone */

.telBleu {
	font-size: 28px;
	color: #002156;
	font-weight: bold;
}
.telBleu:hover {
	text-decoration: none;
	color: #d7172f;
}
.blocTelAdresse .telBleu:after {
	content: " | ";
	color: #3c3c3c;
}
.villeRouge {
	font-size: 28px;
	color: #d7172f;
	font-weight: bold;
}

/* ------------------ Header ------------------ */

.interne .site-header {
	text-align: center;
}
.logoMarque img {
	max-width: 49%;
	padding: 0 5px;
}
.citroenTypePage .logoMarque img {
	max-width: 90%;
}
.interne #slider {
	overflow: hidden;
}
.interne #logo img {
	max-width: 305px;
}
.interne .headLogos {
	padding: 10px 15px;
	line-height: 60px;
}
/* ----------- Menu ---------- */

.interne #navbar {
	background-image: linear-gradient(#fefefe, #eaeaea);
	font-size: 14px;
	text-transform: uppercase;
	border-top: 1px solid #d7172f;
	line-height: 45px;
}
.interne.peugeotTypePage #navbar {
	border-top: 1px solid #002156;
}

.interne .navbar-inverse .navbar-nav > li > a:hover {
	color: #d7172f;
}
.interne.peugeotTypePage .navbar-inverse .navbar-nav > li > a:hover {
	color: #002156;
}

#main ul.slides {
	margin: 0;
	padding: 0;
}

/* ------------------ Main ------------------ */

#main {
	padding-top: 20px;
}

/* ---------- Headings ---------- */
h1 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	color: #d7172f;
	text-align: center;
}
h1:after {
	content: " ";
	font-size: 0;
	width: 200px;
	height: 3px;
	background: #d7172f;
	display: block;
	margin: 30px auto;
}
.peugeotTypePage h1 {
	color: #002156;
}
.peugeotTypePage h1:after {
	background: #002156;
}
h2 {
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color: #d7172f;
}
.peugeotTypePage h2 {
	color: #0873C5;
}
h3 {
	font-size: 17px;
	color: #d7172f;
	margin-bottom: 17px;
}
.peugeotTypePage h3 {
	color: #0873C5;
}
h4 {
	font-size: inherit;
	font-weight: bold;
}
h5 {
}
h6 {
}

#main p {
	text-align: justify;
}

.exergue {
	box-shadow: none;
	font-size: 18px;
	padding: 0;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}
#main .exergue * {
	text-align: center;
}
#main ul li {
	list-style-image: url(images/puce-citroen.png);
}
.peugeotTypePage #main ul li {
	list-style-image: url(images/puce-peugeot.png);
}
#main a {
	text-decoration: underline;
}

/* Red line reassurance */

.rassuLine {
	background: #d7172f;
	padding-top: 30px;
}
.rassuLine h2 {
	margin-bottom: 15px;
	color: #fff;
}
.peugeotTypePage .rassuLine {
	background: #002156;
}
.rassuLine * {
	color: #fff;
}
#main .rassuLine p {
	text-align: center;
}
#main .rassuLine ul li {
	list-style-image: url(images/puceB.png);
}

/* ligne menu picto */

.pictosLine {
	background: #eaeaea;
	padding: 15px 0;
}
.pictosLine .row {
	display: flex;
}
.pictosLine a {
	display: block;
	width: 20%;
	text-align: center;
	text-decoration: none !important;
	background: transparent url(images/fdPicto.png) no-repeat center center;
	min-height: 150px;
	padding: 15px 0;
}
.pictosLine a:nth-child(2),
.pictosLine a:nth-child(4) {
	background-image: url(images/fdPicto2.png);
}
.pictosLine a i {
	font-size: 3.3em;
}

/* footer */

.site-footer {
	background: #3c3c3c;
	color: #fff;
	text-align: center;
	padding: 10px 10px 3px 10px;
}

.site-footer .autreSite {
	text-align: right;
}
.site-footer .autreSite .autreSiteB {
	display: inline-block;
	overflow: hidden;
	clear: both;
	background: #fff;
	border-radius: 5px;
	padding: 5px;
}
.site-footer .autreSite .autreSiteB div {
	float: left;
	text-align: center;
	color: #3c3c3c;
	padding: 5px;
	font-size: 14px;
	line-height: 17px;
}
.site-footer .autreSite .autreSiteB img {
	max-width: 70px;
	margin: 0 10px;
}

.site-footer .fbtn {
	background-image: linear-gradient(#4b9afb, #4b4bfb);
	padding: 5px;
}

/* contact */
.wpcf7-form-control.wpcf7-submit {
}
.wpcf7-form-control.wpcf7-submit:hover {
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
}
.wpcf7-form-control.wpcf7-textarea {
	height: 187px;
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
}

/* btn */
.btn,
.wpcf7-form-control.wpcf7-submit {
	background: #d7172f;
	border: 1px solid #d7172f;
	text-decoration: none !important;
}
.btn:hover,
.wpcf7-form-control.wpcf7-submit:hover {
	background: white !important;
	color: #d7172f;
}
.peugeotTypePage .btn,
.peugeotTypePage .wpcf7-form-control.wpcf7-submit {
	background: #002156;
	border: 1px solid #002156;
}
.peugeotTypePage .btn:hover,
.peugeotTypePage .wpcf7-form-control.wpcf7-submit:hover {
	color: #002156;
}

.text-center {
	text-align: center !important;
}

/********FORM*********/
span.wpcf7-not-valid-tip {
	color: #f00 !important;
	font-size: 1em;
	font-weight: normal;
	display: block;
}
input[type="checkbox"] {
	vertical-align: sub;
}
#cookie-law-info-bar {
	padding: 5px 0;
}
.contain-textarea.cookie1 span {
	color: #716c6c;
	font-size: 1.2rem !important;
}
.contain-textarea.cookie1 a {
	color: #fca300 !important;
	font-size: 1.2rem !important;
}

.contain-textarea.cookie.c2 {
	font-style: italic;
	color: #585858 !important;
	font-size: 1.2rem !important;
}
.contain-textarea.cookie.c2 a {
	color: #e3061b !important;
}
/*
*******FORM*********/

/* galerie */

.gallery-icon a {
	overflow: hidden;
	display: block;
}
.gallery-icon a img {
	transition: all 0.2s;
}
.gallery-icon a:hover img {
	transform: rotate(7deg) scale(1.1);
}

/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1199px) {
	.bande3logos {
		margin-top: 30px;
	}
	.prehome header a {
		padding-top: 90px;
		padding-bottom: 40px;
	}
	.logoMarque img {
		max-width: 120px;
	}
	.interne .headLogos {
		line-height: 40px;
	}
	.site-footer .autreSite {
		text-align: center;
	}
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
	.pictosLine {
		display: none;
	}
	.navbar-inverse .navbar-nav > li > a {
		line-height: 40px;
	}

	.telBleu,
	.villeRouge {
		font-size: 20px;
	}
}
@media screen and (max-width: 450px) {
	.interne #logo img {
		max-width: 100%;
	}
}
