/*--

COLOR SWATCH

BLEU FONCE:     #4847A7
ROUGE:          #ED1C24
BLEU CLAIR:     #55A7D8
JAUNE:          #FDF237

NOUVEAU BLEU:	#2079a6  / 32,121,166

GREY:			#f1f2f2


/*================== BUTTONS  ================================--*/

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/NexaLight.eot');
	src: url('../fonts/NexaLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NexaLight.woff2') format('woff2'), url('../fonts/NexaLight.woff') format('woff'), url('../fonts/NexaLight.ttf') format('truetype'), url('../fonts/NexaLight.svg#NexaLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/NexaBold.eot');
	src: url('../fonts/NexaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NexaBold.woff2') format('woff2'), url('../fonts/NexaBold.woff') format('woff'), url('../fonts/NexaBold.ttf') format('truetype'), url('../fonts/NexaBold.svg#NexaBold') format('svg');
	font-weight: bold;
	font-style: normal;
}

* {
	box-sizing: border-box;
	font-family: 'Nexa';
}

body {
	margin: 0px;
}

p {
	text-align: justify;
}

.container {
	max-width: 100%;
	margin: 0px auto;
	width: 960px;
}

form {
	text-align: center;
}

.button {
	text-decoration: none;
	color: white;
	padding: 2% 4%;
	border-radius: 5px;
	background-color: #55A7D8;
	text-transform: uppercase;
}

.menuicon {
	margin-top: 10px;
	margin-right: 45px;
}

.academy {
	display: block;
	position: absolute;
	right: 270px;
	width: 150px;
	top: 32px;
	font-size: 14px;
	color: white;
}

.login {
	display: block;
	position: absolute;
	right: 160px;
	width: 150px;
	top: 32px;
	font-size: 14px;
	color: white;
}

.loginBt{
	display: block;
	position: absolute;
	right: 115px;
	width: 40px;
	top: 15px;
}

.service a {
	text-decoration: none;
	font-size: 90%;
	color: white;
	padding: 12px 4%;
	border-radius: 5px;
	margin-left: 15px;
	background-color: #55A7D8;
	text-transform: uppercase;
	text-transform: uppercase;
}

a.button:hover,
.service a:hover {
	background-color: white;
	color: #55A7D8;
}
/*================== HEADER  ================================--*/

.headCont {
	background-color: #2079a6;
	width: 100%;
}

header {
	margin: 0px auto;
	max-width: 960px;
}

header.home {
	font-size: 45px;
	background-size: cover;
	height: 170px;
	position: relative;
	background-color: #2079a6;
	width: auto;
}
/* =============================== TOP RIGHT  ================================ */

.topRight {
	position: relative;
	height: 55px;
	font-size: 120%;
	margin-top: 20px;
	width: 300px;
	float: right;
}

.language {
	font-size: 12px;
	padding: 10px;
}

.hidden {
	display: none;
}

.flag {
	text-align: center;
	height: 50px;
	margin-top: 10px;
}

.flag form {
	height: 100%;
	border: 2px solid;
}

.lang_arrow {
	margin-top: 6px;
}

.flag a {
	text-decoration: none;
	color: white;
	margin-top: 10px;
	float: left;
}

.flag a:hover {
	color: #55A7D8;
}

.flag img {
	padding-left: 10px;
}

.connect {
	font-size: 25%;
	padding: 10px;
	margin-left: 15px;
	margin-top: 0px;
	float: left;
}
/* =============================== END TOP RIGHT  ================================ */

.logo {
	height: 110px;
	position: absolute;
	padding: 10px;
}

nav {
	float: left;
	width: 100%;
	margin: 1% auto;
	margin-top: 75px;
}

nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

nav ul li {
	display: inline;
	font-size: 30%;
}

nav ul li a {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 2%;
	display: block;
	float: left;
	line-height: 30px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #2079a6;
}

nav ul li a:hover {
	border-radius: 5px;
	border: 1px solid white;
}

.quoteHeader {
	display: block;
	width: 100%;
	background: white;
	opacity: 0.5;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 2%;
	color: black;
}

.quoteHeader p {
	text-align: right;
	font-size: 180%;
	line-height: 100%;
	margin: 3px 2%;
}

.banner {
	height: 400px;
	background-image: url('../images/5.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-top: 10px;
}

div.puce {
	width: 120px;
	height: 20px;
	position: absolute;
	top: 185px;
	left: 15px;
}

.puceQuote {
	width: 96px;
	height: 27px;
	float: right;
	margin-right: 10px;
	margin-top: 23px;
	background-image: url('../images/puce.png');
	background-repeat: no-repeat;
}
/* =========================== SEARCH BAR =======================*/

#search {}

#search input[type="text"] {
	background: url('../images/search.png') no-repeat 10px 6px #ffffff;
	background-size: 12px 12px;
	border: 0 none;
	color: black;
	width: 17%;
	padding: 6px 15px 6px 35px;
	border-radius: 5px;
}

#search input[type="text"]:focus {
	widthd: 200px;
}
/* =========================== SERVICE =======================*/

.service {
	height: 360px;
	background-size: cover;
	background-image: url('../images/service_1.jpg');
	background-repeat: no-repeat;
	margin-bottom: 15px;
	overflow: hidden;
}

.service h2 {
	font-size: 100%;
	color: white;
	margin-left: 15px;
}

.service.s1 {
	background-image: url('../images/service_1.jpg');
	width: 65.66%;
	float: left;
	margin-right: 1%;
}

.service.s2 {
	background-image: url('../images/service_2.jpg');
	background-position: -100px;
	width: 32.33%;
	float: right;
	margin-left: 1%;
}

.service.s3 {
	background-image: url('../images/service_3.jpg');
	background-position: -229px -1px;
	width: 32.33%;
	float: left;
	margin-right: 1%;
}

.service.s4 {
	background-image: url('../images/service_4.jpg');
	width: 65.66%;
	float: right;
	margin-left: 1%;
}

.service.s5 {
	background-image: url('../images/service_5.jpg');
	width: 65.66%;
	float: left;
	margin-right: 1%;
}

.service.s6 {
	background-image: url('../images/service_6.jpg');
	background-position: -177px;
	width: 32.33%;
	float: right;
	margin-left: 1%;
}

.service.s7 {
	background-image: url('../images/service_7.jpg');
	width: 100%;
	float: left;
	margin-right: 1%;
}

.service.s8 {
	background-image: url('../images/service_8.jpg');
	width: 49%;
	float: right;
	margin-left: 1%;
}

.service .transbox {
	width: auto;
	height: 100%;
	background-color: rgba(32, 121, 166, 0.9);
	top: 273px;
	padding-top: 1px;
	position: relative;
}

.emot {
	background-image: url('../images/banniere_Emot.gif');
	width: 100%;
	/*float: left;*/
	background-size: 100%;
	background-repeat: no-repeat;
	height: 90px;
}

.para {
	display: none;
}

.service p {
	color: white;
	font-size: 79%;
	text-align: left;
	margin: 0px 10px 0 15px;
}
/*================= FOOTER ===============================--*/

footer {
	float: left;
	width: 100%;
	background-color: #2079a6;
	color: white;
	height: 160px;
	display: block;
	position: relative;
}

footer .footer-margin {
	max-width: 960px;
	margin: 0px auto;
	padding: 0px 1%;
}

footer h3 {
	font-size: 24px;
	position: relative;
	left: 70px;
	top: -90px;
	width: 233px;
}

footer p {
	font-size: 18px;
}

footer img {
	margin-top: 30px;
}

footer .contact {
	padding: 15px;
}

footer .copyright {
	font-size: 12px;
	text-align: center;
}

.tabMenu {
	display: none;
}
/*======================= SIDE NAV STYLING  ================================--*/

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	background-color: #55A7D8;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	display: none;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 22px;
	color: white;
	display: block;
	transition: 0.3s
}

.sidenav a:hover,
.offcanvas a:focus {
	color: #f9f9f9;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.service a.closebtn {
	position: absolute;
	top: 305px;
	left: 240px;
}
/*-- ============================== PAGE TYPE  ================================--*/

header.template {
	font-size: 45px;
	height: 160px;
	background-color: #4847A7;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
p,
li,
quote {
	margin-bottom: 14px;
}

h1 {
	font-size: 32px;
	margin-bottom: 28px;
	color: #2079a6;
}

h2 {
	font-size: 24px;
	margin-bottom: 18px;
	color: #2079a6;
}

h3 {
	font-size: 16px;
	margin-bottom: 16px;
	margin-top: 40px;
}

h4 {
	font-size: 12px;
	margin-bottom: 14px;
	color: #2079a6;
}

p {
	font-size: 14px;
	line-height: 140%;
}

li {
	font-size: 14px;
	line-height: 140%;
}
/*==========================    ASIDE   ===========================*/

.linkbox {}

ul.linkbox {
	list-style: none;
	padding-left: 0px;
}

ul.linkbox li {
	margin: 0px;
}

.linkbox li a {
	border: 1px solid #CCCCCC;
	line-height: 50px;
	width: auto;
	padding: 8px 22px;
	display: block;
	text-decoration: none;
	font-size: 110%;
	color: black;
	background: url(../images/arrow_right.png) right no-repeat;
}

.linkbox li a:hover {
	color: white;
	background: url(../images/arrow_right_hover.png) right no-repeat;
	background-color: #55A7D8;
}

.linkbox li a.active {
	color: white;
	background: url(../images/arrow_left.png) right no-repeat;
	background-color: #2079a6;
}
/*==========================    PAGE LAYOUT   ===========================*/

section {
	float: left;
	width: 70%;
	padding-left: 2%;
	padding-right: 2%;
}

.full_width {
	width: auto;
	background-color: #4847A7;
	height: 170px;
}

quote {
	display: block;
	color: #55A7D8;
	text-align: center;
	font-style: italic;
	margin: 40px 0px;
}

hr {
	margin: 50px 0px;
}

.row {
	overflow: auto;
	width: 100%;
}

.col {
	float: left;
	width: 30%;
	margin-right: 3%;
}

.col.dupuy {
	margin-top: 53px;
}

.col img {
	width: 55%;
}

.col h2 {
	font-size: 18px;
}

.col h3 {
	font-size: 14px;
}

.cola {
	float: left;
	width: 50%;
}

.cola h3 {
	margin-top: 262px;
	margin-left: 9px;
	color: white;
}

.vehic {
	width: 31%;
	height: 300px;
	border: 1px solid #55A7D8;
	margin-right: 2%;
	overflow: hidden;
	background-image: url(../images/valeurs/auto.jpg) center no-repeat;
	background-size: cover;
}

.vehic h3 {
	font-weight: bold;
	font-size: 24px;
	top: 24px;
}

.auto {
	background-image: url(../images/valeurs/auto.jpg);
	background-position: 353px;
}

.moto {
	background-image: url(../images/valeurs/moto.jpg);
	background-position: 196px;
}

.camion {
	background-image: url(../images/valeurs/camion.jpg);
	background-position: 196px;
}

.velo {
	background-image: url(../images/valeurs/velo.jpg);
	background-position: 210px;
}

.vdl {
  background-image: url(../images/valeurs/camping-car.jpg);
  background-position: 210px;
}

.velo a:hover, a:visited, a:link, a:active
{
	text-decoration: none;
}

.telephone_financo {
	background-image: url(../images/partenaires/telephone_financo.png);
	left: 200px;
	top: -30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	position: relative;
}

.frame {
	margin-top: -59px;
	width: 100%;
	height: 71px;
	background-color: #55A7D8;
}
/*==========================    ACCORDION   ===========================*/

.tab {
	position: relative;
	margin-bottom: 1px;
	width: 100%;
	color: #fff;
	overflow: hidden;
}

input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

label {
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	background: #16a085;
	font-weight: bold;
	line-height: 2;
	cursor: pointer;
}

.blue label {
	background: #2079a6;
	font-size: 20px;
}

.tab-content {
	max-height: 0;
	overflow: hidden;
	background: #1abc9c;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
}

.blue .tab-content {
	background: #f1f2f2;
}

.tab-content p {
	margin: 1em;
}
/* :checked */

input:checked ~ .tab-content {
	max-height: 40em;
}
/* Icon */

label::after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 3em;
	height: 2.5em;
	line-height: 3;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
}
}
input[type=checkbox] + label::after {
	content: "+";
}
input[type=radio] + label::after {
	content: "\25BC";
}
input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
	transform: rotateX(180deg);
}
.paraleft {
	width: 50%;
	float: left;
	color: black;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	list-style-type: none;
}

.parafull {
	width: 100%;
	float: left;
	color: black;
	padding: 20px;
	list-style-type: none;
}

.resultext {
	font-size: 14px;
	font-weight: bold;
	color: #595959;
}
.imageright {
	float: left;
	width: 45%;
	min-height: 350px;
	max-height: 40em;
	margin: 20px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.image1 {
	background-image: url('../images/2019.jpg');
}
.image2 {
	background-image: url('../images/2017.jpg');
}
.image3 {
	background-image: url('../images/grancompte.png');
	margin: auto;
	margin-left: 200px;
	width: 500px;
	background-position: center center;
	background-size: contain;
}
.image2009 {
	background-image: url(../images/2015.jpg);
}

.campingcar_financement {
	float: left;
	width: 48%;
	min-height: 140px;
	/*max-height: 40em;*/
	margin: 5px 2px;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	background-image: url('../images/campingcar_financement.png');
}

.car_financement {
	float: left;
	width: 48%;
	min-height: 140px;
	/*max-height: 40em;*/
	margin: 5px 2px;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	background-image: url('../images/car_financement.png');

}

/*-- THE SVG MAPS ===============================================================================--*/
/*COLOR SWATCH ======BLEU FONCE: #4847A7 ======ROUGE: #ED1C24 ======BLEU CLAIR: #55A7D8 ======JAUNE: #FDF237 ======NOUVEAU BLEU: #2079a6 ======GREY: #f1f2f2 */

svg {
	width: 100%;
	height: 100%;
}
svg path {
	fill: #55a7d8;
	stroke: #D2D2De;
	stroke-width: 1px;
}
svg path:hover {
	fill: red;
}
.gpoly1 path {
	fill: #2079a6;
}
.gpoly2 path {
	fill: #55A7D8;
}
.gpoly3 path {
	fill: #4847A7;
}
.gpoly4 path {
	fill: #4AA7A7;
}
.gpoly5 path {
	fill: #48EEA7;
}
.sideform {
	display: none;
}
/*-- END THE SVG MAPS ===============================================================================--*/

.space {
	margin: 20px 0px;
	border: none;
	clear: both;
}
/* ------------------------ LE FORMULAIRE --------------------- */

.leform {
	height: 360px;
	border: 1px solid #55A7D8;
	margin-bottom: 15px;
	overflow: hidden;
	width: 65.66%;
	float: left;
	margin-right: 1%;
	border-radius: 5px;
	padding: 5px;
}
.champ {
	border: 1px solid #f1f2f2;
	float: left;
	border-radius: 5px;
	width: 49%;
	margin: 5px 2px;
	height: 30px;
	position: static;
	opacity: 1;
	z-index: auto;
	padding: 7px;
}
.lemessage {
	height: 150px;
	width: 100%;
	padding: 5px;
}
.envoi {
	text-decoration: none;
	font-size: 90%;
	color: white;
	padding: 12px 10%;
	border-radius: 5px;
	margin-left: 15px;
	background-color: #55A7D8;
	text-transform: uppercase;
	position: static;
	float: right;
	opacity: 1;
	border: none;
	margin-top: 15px;
	text-align: center;
}
.hold {
	width: 32.33%;
	float: left;
	margin-right: 1%;
}
.the1 {
	background-image: url(../images/Televente.jpg);
	background-size: cover;
}
.the2 {
	background-image: url(../images/Plateau-Technique.jpg);
}
.the3 {
	background-image: url(../images/Service-Relations-Clientele.jpg);
	background-position: -229px -1px;
}
.the4 {
	background-image: url(../images/Administration-Commerciale.jpg);
}
.part {
	float: left;
	width: 24%;
	margin: 9px 5px 0 0;
	overflow: hidden;
	height: 300px;
	border: 1px solid #f1f2f2;
	text-align: center;
}
.part .parten {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 200px;
	width: 140px;
	margin: auto;
}
.part .frame {
	height: 200px;
	background-color: #2079a6;
	width: 100%;
	position: relative;
	z-index: -17;
	top: 70px;
}
.part p {
	margin-top: 100px;
	padding: 0px 3%;
	color: white;
	font-size: 80%;
}
.part .parten.logo1 {
	background-image: url(../images/partenaires/vpauto.png);
}
.part .parten.logo2 {
	background-image: url(../images/partenaires/agenceautomobiliere.jpg);
}
.part .parten.logo3 {
	background-image: url(../images/partenaires/carventura.png);
}
.part .parten.logo4 {
	background-image: url(../images/partenaires/logo-okazium.png);
}
.part .parten.logo5 {
	background-image: url(../images/partenaires/cartegrise.jpg);
}
.part .parten.logo6 {
	background-image: url(../images/partenaires/wikicampers.png);
}
.part .parten.logo7 {
	background-image: url(../images/partenaires/emotors.png);
}
.part .parten.logo8 {
	background-image: url(../images/partenaires/willermin.png);
}
.part .parten.logo9 {
	background-image: url(../images/partenaires/sdvi.jpg);
}
.part .parten.logo10 {
	background-image: url(../images/partenaires/glastint.png);
}
.part .parten.logo11 {
	background-image: url(../images/partenaires/chanas.jpeg);
}
.part .parten.logo12 {
	background-image: url(../images/partenaires/bekeauto.jpg);
}
.part .button {
	padding: 4% 10%;
	margin: auto;
	top: -95px;
	position: relative;
	font-size: 100%;
}
.thePicture,
.theBox {
	height: 300px;
	float: left;
	margin-top: 15px;
}
.thePicture {
	width: 75%;
	background: url('../images/Notre_Equipe.jpg') no-repeat center;
	border-radius: 5px;
	margin-right: 1%;
	background-size: cover;
}
.theBox {
	width: 24%;
	border: 1px solid #f1f2f2;
}
.e1,
.e2,
.e3 {
	width: 33%;
	height: 5px;
	float: left;
}
.e1 {
	background-color: red;
}
.e2 {
	background-color: yellow;
}
.e3 {
	background-color: #2079a6;
	width: 34%;
}
.theBox h1 {
	margin: 30px 20px;
	padding: 8px 8px;
	color: white;
	background-color: #2079a6;
	width: auto;
	text-transform: uppercase;
	font-size: 35px;
	border-radius: 5px;
}
.theBox h2 {
	font-size: 26px;
	color: #2079a6;
	margin-left: 20px;
}
.theBox p {
	color: red;
	margin: 30px 20px;
}
.theBox a {
	margin: 20px;
	text-decoration: none;
	border-radius: 5px;
	background-color: red;
	color: white;
	text-transform: uppercase;
	padding: 10px 25px;
	cursor: auto;
}
.theBox a:hover {
	background-color: #2079a6;
}
.facebook {
	background-image: url(../images/fb-art.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	text-align: center;
	height: 30px;
	margin-top: 10px;
}
/*=======  STICKY  ===============================================================*/

.sticky {
	margin: 0;
	padding: 2px 0 0 12px;
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
	height: 340px;
	margin-left: 670px;
}
.contSticky {
	height: 3100px;
	z-index: 1;
}
.bigcont {
	margin-top: 30px;
	height: 500px;
	width: 800px;
	border: 2px solid green;
}
/*==== STICKY===============================================================*/
.whitebandeau{
	position: absolute;
	color: #005880;
	background-color: white;
	padding: 10px;
	padding-top: 10px;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
	width: 100%;
}

.cpgbanner {
	height: 340px;
	background-image: url(../images/service_1.jpg);
	background-size: cover;
	margin: 20px 0px;
}
.cpdescri {
	margin: 20px;
	top: 136px;
	position: relative;
	width: 65%;
	color: white;
	padding: 10px;
	padding-top: 0px;
	background-color: rgba(32, 121, 166, 0.5);
}
.cpdescri h2 {
	color: white;
	font-size: 20px;
	padding-top: 10px;
	font-size: 1.4em;
	margin-bottom: 0px;
}

.financo {
	margin: 20px;
	top: 42px;
	position: relative;
	width: 65%;
	color: white;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgba(32, 121, 166, 0.5);
}
.financo h2 {
	color: white;
	font-size: 20px;
	padding-top: 10px;
	font-size: 1.4em;
	margin-bottom: 0px;
}
.financo a:hover, a:visited, a:link, a:active
{
	/*text-decoration: underline;*/
	color: white;
}

.cpgbanner .devis {
	background-color: rgba(32, 121, 166, 0.5);
	width: 30%;
	height: 305px;
	float: right;
	margin: 15px 15px;
}
.cpgbanner .devis h1,
.cpgbanner .devis h2 {
	padding: 25px;
	color: white;
}
.cpgbanner .devis h1 {
	font-size: 25px;
	margin-bottom: -40px;
	margin-top: 0px;
}
.cpgbanner .devis h2 {
	font-size: 14px;
	margin-bottom: -20px;
}
.cpgbanner .devis select {
	width: 84%;
	float: none;
}
.cpgbanner .devis input {
	float: none;
	width: 84%;
	padding: 10px;
}
.cpgbanner .devis input.envoi {
	margin: auto;
	margin-top: 40px;
}
#Suisse {
	fill: white;
}
/*Laurent: 59  - 62
Deborah: 78 95 60 80
Jennifer 53 44 49 85*/
/*Laurent -------*/

#mapLaurent path {
	fill: #F0F1B5;
}
/*Deborah------*/

#mapDeborah path {
	fill: #F6CD9F;
}
/*Jennifer------*/

#mapCru path {
	fill: #FFB9DD;
}
#mapCar path {
	fill: #FC7D86;
}
#mapBar path {
	fill: #00bcff;
}
#mapCor path {
	fill: #86C2C2;
}
#mapTov path {
	fill: #97DBFF;
}
#mapVir path {
	fill: #005880;
}
#mapPascal path{
	fill: #C2DAFC;
}
#mapDaniel path{
	fill: #E3C6C8;
}
#mapTristina path{
	fill: #FECCAB;
}
#mapMichel path{
	fill: #b5d7a3;
}

#mapPhilaire path{
	fill: #e2c5fd;
}

#mapThierry path{
	fill: #ffcfcf;
}

#mapPatrice path{
	 fill: #fdbd11;
 }

#mapChristophe path{
	fill: #86c2c2;
}
/* All hovers for maps */

a path#Suisse:hover,
#mapLaurent path:hover,
#mapDeborah path:hover,
#mapJennifer path:hover,
#mapCar path:hover,
#mapBar path:hover,
#mapCru path:hover,
#mapTov path:hover,
#mapVir path:hover,
#mapBar path:hover,
#mapDaniel path:hover,
#mapPascal path:hover,
#mapTristina path:hover,
#mapMichel path:hover,
#mapVir path:hover,
#mapMathieu path:hover,
#mapThierry path:hover,
#mapPatrice path:hover,
#mapChristophe path:hover
{
	fill: red;
}
/* Style the tab */

.arg {
	top: 78px;
}
.d_arg {
	background-image: url('../images/service_3.jpg');
}
.cpg {
	top: 159px;
}
.d_cpg {
	background-image: url('../images/service_3.jpg');
}
.pfd {
	top: 175px;
}
.d_pfd {
	background-image: url('../images/service_5.jpg');
}
.d_cpf {
	background-image: url('../images/service_4.jpg');
}
.cg {
	top: 192px;
}

.cg a{
	text-decoration: none;
	color: white;
}
.d_cg {
	background-image: url('../images/service_6.jpg');
}
.d_cpa {
	background-image: url('../images/service_2.jpg');
}
div.tab {
	overflow: hidden;
	border-bottom: 1px solid #2079a6;
}
/* Style the buttons inside the tab */

div.tab button {
	background-color: white;
	border: 1px solid grey;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	font-size: 85%;
	margin-right: -3px;
	margin-top: 20px;
}
/* Change background color of buttons on hover */

div.tab button:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */

div.tab button.active {
	background-color: #2079a6;
	color: white;
	border: 1px solid #2079a6;
	border-top: 7px solid #2079a6;
}
/* Style the tab content */

.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
/* Accordion container styles ===================================================================== */

.ac-container {
	width: 100%;
	margin: 10px 0px 10px 0px;
	text-align: left;
	padding: 0px;
	float: none;
}
.ac-container label {
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	color: white;
	font-size: 14px;
	background: #2079a6;
	border-bottom: 2px solid white;
}
.ac-container label:hover {
	background: #f1f2f2;
	color: #2079a6;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover {
	background: #c6e1ec;
	color: #3d7489;
	border: none;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after {
	background-image: url(../images/arrow_up.png);
}
.ac-container input {
	display: none;
}
.ac-container article {
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p {
	font-size: 14px;
	padding: 10px;
	margin: 0px;
	border: 1px solid #c6e1ec;
}
.ac-container input:checked ~ article {
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small {
	height: 80px;
}
.ac-container input:checked ~ article.ac-medium {
	height: 100px;
}
.ac-container input:checked ~ article.ac-large {
	height: 120px;
}
.line {
	border-top: 1px solid grey;
	padding-top: 20px;
}
label.dra {
	display: inline;
	background: none;
	font-weight: normal;
}
.drap {
	float: none;
	text-align: center;
	margin: 20px 35%;
	width: 30%;
}
select#country option[value="fr"] {
	background-image: url(../images/sa.png);
	background-size: contain;
	padding-left: 30px;
}
.divLight {
	background-color: white;
	padding: 5px;
	padding-left: 10px;
}
.actDep {
	fill: grey;
}
.commercial {
	margin-bottom: 12px;
	padding: 15px;
	display: none;
}
.com_tof {
	width: 60px;
	margin-bottom: 7px;
}
.com_nom {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 12px;
	display: inline;
}
.com_titre {
	font-style: italic;
	display: inline;
}
.commercial p {
	margin-left: 0px;
}
.lepays {
	width: 50px;
	vertical-align: middle;
	margin-right: 15px;
}
.lespictos {
	display: block;
	position: absolute;
	height: 40px;
	width: 30px;
	left: 633px;
	top: 143px;
	background-size: contain;
	background-repeat: no-repeat;
	display: none;
	pointer-events: none;
}
.picto1 {
	top: 334px;
	left: 733px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}
.picto2 {
  top: 165px;
  left: 649px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}
.picto3 {
	top: 165px;
	left: 649px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}
.picto4 {
	top: 165px;
	left: 649px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}
.picto5 {
	top: 165px;
	left: 649px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}
.picto6 {
	top: 165px;
	left: 649px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}

.picto7 {
	top: 165px;
	left: 649px;
	background-image: url(../images/picto/organisation-operationnelle/arrow.png);
}

.pictocom {
	color: black;
}
.pictocom img {
	width: 25px;
}
.lespictosb {
	display: block;
	position: absolute;
	height: 30px;
	width: 30px;
	left: 633px;
	top: 143px;
	background-size: cover;
	background-image: url(../images/commercial.png);
	pointer-events: none;
}
.pictob1 {
	top: 164px;
	left: 624px;
}
.pictob2 {
	top: 176px;
	left: 524px;
}
.pictob3 {
	top: 328px;
	left: 604px
}
.pictob4 {
	top: 324px;
	left: 719px;
}
.divLight a {
	cursor: hand;
	cursor: pointer;
}
/*The flag selector part*/

.dropbtn {
	background-color: #55A7D8;
	color: white;
	padding: 13px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}
.drapeau {
	position: static;
	margin: 10px auto;
	text-align: center;
}
.drapeau-in {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	margin: 0px 5px;
	font-size: 13px;
}
.drapeau-in a {
	color: black;
	padding: 5px;
	text-decoration: none;
	display: block;
	float: left;
}
.drapeau-in a:hover {
	background-color: #55A7D8;
	color: white;
}
.drapeau:hover .drapeau-in {
	display: block;
}
.drapeau:hover .dropbtn {
	background-color: white;
	color: #55A7D8;
}
.drapeau-in a img {
	width: 15px;
	margin-right: 5px;
	margin-top: 0px;
}
/* START MEDIA QUERIES  =============================================================--*/
/* ===================================================================================--*/
/* Media tablette <946 PX  ===============================================================--*/
/* ===================================================================================--*/

@media only screen and (min-device-width: 0px) and (max-device-width: 946px),
(min-width: 0px) and (max-width: 946px) {
	nav {
		display: none;
	}

	.topRight {
		display: none;
	}

	header.home {
		height: 120px;
	}

	.service p {
		font-size: 80%;
	}

	.tabMenu {
		display: block;
		border-radius: 2px solid green;
		float: right;
		padding-right: 15px;
		padding-top: 15px;
		color: white;
	}

	.sidenav {
		display: block;
	}

	.contSticky {
		width: 320px;
		position: relative;
		right: 5px;
		display: none;
	}

	.sticky {
		margin-left: 0px;
		width: 230px;
		top: 240px;
	}

	.part {
		width: 30%;
	}

	.theBox {
		width: 100%;
		clear: both;
		margin: 5px;
	}

	.thePicture {
		width: 97%;
		margin: 5px
	}

	.cpgbanner .devis {
		float: left;
		width: 97%;
	}

	.cpgbanner {
		height: 595px;
		height: 595px;
	}

	.cpdescri {
		width: 97%;
		top: -15px;
		float: left;
		margin-left: 15px;
	}

	.financo{
		width: 97%;
		top: -50px;
		float: left;
		margin-left: 15px;
	}
	.whitebandeau{
		left : 0px;
	}

	.telephone_financo {
		left : 0px;
		top : -10px;
	}

	.service a.closebtn {
		left: 75%;
	}

	.image3 {
		margin-left: 20px;
		width: 95%;
		background-size: contain;
	}

	.academy{
		display : none;
	}

	.login{
		display : none;
	}
}
/* End Media for Tablette ==========================================*/
/* For MOBILE <600 PX ==================================================*/
/* =================================================================*/

@media only screen and (min-device-width: 0px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 0px) and (max-width: 600px) {
	.service.s1,
	.service.s2,
	.service.s3,
	.service.s4,
	.service.s5,
	.service.s6,
	.service.s7,
	.service.s8{
		width: 98%;
		height: 200px;
		margin: 1%;
		background-position: center;
	}

	.service .transbox {
		margin-top: 80px;
	}

	.banner {
		height: 170px;
	}

	aside.leCote {
		display: none;
	}

	section.laSection {
		width: 96%;
	}

	.logo {
		height: 75px;
	}

	p {
		margin-left: 10px;
		margin-right: 10px;
	}

	.contSticky {
		width: 320px;
		position: relative;
		left: 163px;
		height: 4350px;
		display: none;
	}

	.sticky {
		margin-left: 0px;
		width: 230px;
		top: 240px;
	}

	.v_cont {
		clear: both;
		margin-top: 25px;
	}

	.part {
		width: 45%;
		margin: auto 5px;
		margin-bottom: 3%;
	}

	.part .button {
		font-size: 100%;
		padding: auto;
	}

	.part .parten {
		width: 80%;
	}

	.hold {
		width: 98%;
		margin-left: 5px;
	}

	.service .transbox {
		top: 175px;
	}

	.service.s1 .transbox {
		top: 20px;
	}

	.service.s2 .transbox {
		top: 20px;
	}

	.service.s3 .transbox {
		top: 20px;
	}

	.service.s4 .transbox {
		top: 20px;
	}

	.service.s5 .transbox {
		top: 20px;
	}

	.service.s6 .transbox {
		top: 20px;
	}

	.service.s7 .transbox {
		top: 20px;
	}

	.service.s8 .transbox {
		top: 20px;
	}

	.the1,
	.the2,
	.the3,
	.the4 {
		background-position: center center;
	}

	.leform {
		width: 98%;
		margin-left: 5px;
		height: 444px;
	}

	.service a.closebtn {
		top: 220px;
	}

	.champ {
		width: 100%;
	}

	.paraleft {
		width: 95%;
	}

	.parafull {
		width: 95%;
	}

	.imageright {
		width: 95%;
	}

	.campingcar_financement {
		width: 95%;

		background-image: url('../images/campingcar_financement.png');
	}

	.car_financement {
		width: 95%;
		background-position: -80px;
		background-image: url('../images/car_financement.png');
	}

	.tab-content {
		overflow: auto;
	}

	.pictous {
		position: relative;
		left: 10px;
		top: -400px;
		width: 100%;
		height: 370px;
		/* border: 1px solid red; */

		pointer-events: none;
	}

	.picto1,
	.picto2 {
		top: 364px;
		left: 223px;
	}

	.picto3,
	.picto4 {
		top: 564px;
		left: 223px;
	}

	.picto5,
	.picto6 {
		top: 764px;
		left: 223px;
	}

	.divLight {
		pointer-events: none;
	}

	.picto1,
	.picto2,
	.picto3,
	.picto4,
	.picto5,
	.picto6 {
		display: none;
	}

	.pictob1 {
		top: 113px;
		left: 124px;
	}

	.pictob2 {
		top: 137px;
		left: 35px;
	}

	.pictob3 {
		top: 285px;
		left: 101px;
	}

	.pictob4 {
		top: 265px;
		left: 227px;
	}

	.pictocom {
		color: black;
		top: 384px;
		position: relative;
	}

	.cpgbanner {
	}

	.cpgbanner .devis,
	.cpdescri {
		margin: 0px;
		width: 100%;
	}

	.cpdescri {
		margin-top: 30px;
	}

	svg {
		width: 430px;
		height: 370px;
	}

	.academy{
		display : none;
	}

	.login {
		display: none;
	}
}
	/* END MEDIA for Mobile =============================================================*/
	/* ==================================================================================*/
	/* END MEDIA QUERIES ================================================================*/