body {
	margin: 0 auto;
	font-family: 'principalFont';
	color: black!important;
	min-height:100vh;
	display:flex;
	flex-direction:column;
}
main {
	display: flex!important;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
}
@font-face {
	font-family: 'principalFont';
	src: url('../../../wp-content/themes/cruisr/public/assets/font/ITCKabelStd-Bold.otf');
}
@font-face {
	font-family: 'semiBoldFont';
	src: url('../../../wp-content/themes/cruisr/public/assets/font/ITCKabelStd-Demi.otf');
}
@font-face {
	font-family: 'ligtherFont';
	src: url('../../../wp-content/themes/cruisr/public/assets/font/ITCKabelStd-Book.otf');
}
@font-face {
	font-family: 'logoEcobit';
	src: url('../../../wp-content/themes/cruisr/public/assets/font/ChangaOne-Regular.ttf');
}

/*HEADER*/
	header nav {
		text-transform: uppercase;
		font-family: principalFont;
		color: black;
		font-size: 22px;
		background-color: #DDE0E4;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 1;
	}
	#navBarre {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding-top: 5px;
	}
	.nav_detail_menu p {
		margin: 0px 10px 5px 0px!important;
		align-self: center;
	}

	#navBarre img {
		width: 170px;
		margin-left: 45px;
		margin-right: 55px;
	}
	.nav_detail_menu {
		display: flex;
		flex-direction: row;
		align-self: center;
		justify-content: center;
		margin-top: 5px;
	}
	.nav_detail_menu a {
		display: flex;
		flex-direction: row;
		justify-content: center;
		text-decoration: none!important;
		color: black!important;
		padding-right: 28px;
		margin-left: 5px;
	}

	.nav_detail_menu .circle_nav, .vehicule_gauche .circle_nav  {
		border-radius: 50%;
	  border: solid 3px black;
	  padding: 2px;
	  width: 18px;
		height: 18px;
	  color: white;
		cursor:pointer;
		margin-right: 5px;
	}
	.nav_detail_menu .circle_background , .vehicule_gauche .circle_background{
		background: #00A1D6 content-box!important;
	}
	.nav_detail_menu a:hover {
		text-decoration: none!important;
	}
/*HEADER*/

/*ACTIVITES*/

#container_activites {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 55px;
}

#container_activites img {
	width: 100%;
}
.text_global {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 72%;
}

.text_detail h1 {
	text-transform: uppercase;
	font-size: 36px;
	margin-bottom: 10px;
	font-family: semiBoldFont;
	font-weight: bold;
}
.text_detail h2 {
	font-family: semiBoldFont!important;
	font-weight: bold;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.text_detail h2 strong {
	color: #00A1D6;
}
.text_detail p {
	font-family: ligtherFont;
	font-size: 18px;
	margin-top: 0px;
}
/*ACTIVITES*/

/*VEHICULES*/
#container_vehicule {
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	margin-top: 55px;
}
#container_vehicule img:first-child {
	width: 100%;
}
#container_vehicule nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-self: center;
	font-size: 19px;
	width: 55%;
	margin-top: 20px;
	font-family: ligtherFont;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(0,161,214,0.8);
}
.myclass-voiture {
	color: white;
	background-color: #00A1D6;
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	opacity: 0.8;
}

#container_vehicule nav p {
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	margin: 0px;
	cursor: pointer;
}


.border_tab {
	display: flex;
	flex-direction: column;
	align-self: center;
	justify-content: center;
}
.vehicule_gauche {
	margin-top: 10px;
}
.vehicule_gauche ul li {
	list-style-type: none;
	padding: 2px 5px 2px 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 5px 20px 5px 26px;
	font-family: ligtherFont;
	font-size: 15px;
}
.vehicule_gauche ul {
	padding-left: 0px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 0px;
}
.vehicule_gauche ul li:hover{
	background-color: #E7E9EA;
}
.vehicule_gauche ul img {
	width: 15%!important;
}
.vehicule_droite {
	width: 650px;
	height: 380px;
	padding-left: 40px;
	border-bottom: 1px solid #d0d3d4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}
.vehicule_droite_50 {
	height: 570px;
}
.vehicule_droite img {
	width: 70%!important;
}
.special_position_tesla img {
	padding-top: 70px;
}
.special_position_teramoto img {
	padding-top: 20px;
}
.special_image_droite img {
	width: 50%!important;
}
.marque_globale {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.marque_vehicule {
	display: flex;
	flex-direction: column;
	width: 385px;
	border-top: 1px solid #d0d3d4;
	border-right: 1px solid #d0d3d4;
}
.title_marque_detail p {
	margin: 0px;
	padding-top: 5px;
	font-family: semiBoldFont;
	font-size: 15px;
	font-weight: bold;
}
.title_marque_detail {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: bold;
}
.vehicule_gauche .circle_marque {
	width: 12px!important;
	height: 12px!important;
	border: 2px solid black;
	padding: 1px;
}
#container_vehicules_detail {
	text-align: center;
}
#container_vehicules_detail h2 {
	font-family: ligtherFont;
	font-size: 17px;
	font-weight: lighter;
	margin-bottom: 40px;
	margin-top: 20px;
}
#container_vehicules_detail h2 > a {
	color: black;
}

#container_vehicules_detail h2 strong {
	font-family: semiBoldFont;
}
.vehicule_droite_photo {
	height: 253px!important;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.special_image_vehicule_droite {
	max-width: 55%;
}
.special_image_vehicule_droite_oxygen {
	max-width: 95%;
}
.icones {
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	justify-content: center;
}
.icone_detail {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 15px;
}
.icone_detail_plus {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #01A2D6 content-box;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 0.5px solid #CECECE;
	padding: 2px;
	box-shadow: 2px 2px 2px #CECECE;
}
.icone_detail_plus img {
	border-radius: 50%;
	width: 18px!important;
	height: 18px;
}
.icone_detail p {
	margin: 0px;
	font-family: ligtherFont;
	font-size: 13px;
	padding-left: 10px;
	margin-top: 3px;
}
.price {
	position: absolute;
	top: 50px;
	right: 40px;
	color: #00A1D6;
	font-family: ligtherFont;
}
.price p {
	font-size: 22px;
	font-family: semiBoldFont;
}
.price_h2 {
	right: 20px;
}
.price_voiture {
	top: 20px;
	right: -30px;
}

.superchargeur p {
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: ligtherFont;
}
/*VEHICULES*/

/*EQUIPE*/
#container_equipe {
	margin-top: 55px;
}
.equipe_globale {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.equipe_globale_text {
	width: 85%;
	margin-bottom: 30px;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.equipe_globale_text p {
	font-size: 25px;
	font-family: semiBoldFont;
	margin: 0px;
	width: 60%;
}
.equipe_globale_text h2 {
	width: 30%;
	margin: 0px;
}
.equipe_globale_text h2 span {
	color: #2DA1D9;
}
.equipe_globale_text h2 ,.equipe_detail h2 {
	font-family: principalFont;
	font-size: 36px;
}
.equipe_detail_global {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 95%;
}
.equipe_detail {
	width: 30%;
	text-align: center;
}
.equipe_detail p {
	text-align: justify;
	font-family: ligtherFont;
}
.equipe_detail h3 {
	color: #2DA1D9;
	font-family: principalFont;
	margin-top: 10px;
	margin-bottom: 20px;
}
.equipe_detail h2 span {
	white-space: nowrap;
}




/*EQUIPE*/

/*GROUPE*/
#container_groupe {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 55px;
}
.groupe_detail {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 75%;
	margin-top: 20px;
	position: relative;
}
.groupe_detail h1 {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: semiBoldFont;
	font-weight: bold;
}
.groupe_detail_societe p {
	font-family: ligtherFont;
	text-align: justify;
	font-size: 18px;
	margin: 0px 20px 20px 20px;
}
.groupe_detail strong {
	font-weight: bolder;
	font-family: semiBoldFont;
}
.groupe_detail img {
	width: 80%;
}
.groupe_detail_societe {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	/*justify-content: space-between;*/
}
.groupe_detail_societe a {
	color: black;
}
.groupe_detail_societe p {
	width: 38%;
}
.groupe_detail_societe a:hover {
	color: black!important;
	text-decoration:underline!important;
}
.lien_cruisrent {
	position: absolute;
	top: 260px;
	left: 210px;
	color: transparent;
	padding: 30px 20px 30px 20px;
}
.lien_mob-ion {
	position: absolute;
	top: 260px;
	right: 210px;
	color: transparent;
	padding: 30px 20px 30px 20px;
}
.groupe_detail a:hover, .groupe_detail a:focus {
	text-decoration: none;
	color: transparent;
}
/*GROUPE*/

/*VENTE*/
.container_vectrix {
	margin-top: 40px;
}
.color_vectrix {
	display: flex;
	flex-direction: row;
}
.vx1_color, .vx2_color {
	width: 25px;
	height: 25px;
	margin: 0px 10px 20px 10px;
	cursor: pointer;
	box-shadow: 2px 2px 2px grey;
	border-radius: 50%;
}
.point_color {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 20px;
}
.blue {
	background-color: #004DA8;
}
.red {
	background-color: #600101;
}
.black {
	background-color: black;
}
.white {
	background-color: #F5F5F5;
}
.green {
	background-color: #58AB46;
}
.yellow {
	background-color: #D4B324;
}
#vehicule_droite_vectrix img {
	width: 100%!important;
}
.vectrix_price p {
	font-size: 30px;
	margin-bottom: 30px;
	font-family: semiBoldFont;
}
.vectrix_price {
	top: 30px;
	right: 0px;
}
.container_vectrix_global nav {
	justify-content: space-between;
	width: 29%!important;
}
.vehicule_gauche_vectrix {
	display: flex;
	flex-direction: column;
}
.vehicule_gauche_vectrix ul {
	border-bottom: 0px;
}
.vehicule_gauche_vectrix ul li {
	text-align: right;
}
.detail_bonus_2017 {
	border-radius: 5px;
	box-shadow: inset 2px 2px 9px -1px rgba(50, 50, 50, 0.55);
	font-size: 15px;
	width: 80%;
	padding: 10px;
	align-self: center;
	margin: 20px 20px;
}
.detail_bonus_2017 h3 {
	font-size: 15px;
	font-family: semiBoldFont;
	margin: 0px;
	line-height: 25px;
}
.caracteristiques_et_accessoires {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}
.caracteristiques_et_accessoires img {
	width: 100px!important;
	margin-left: 20px;
}
.caracteritiques_techniques_vectrix, .accessoires_vectrix {
	font-family: ligtherFont ;
}
.caracteritiques_techniques_vectrix_details h3, .accessoires_vectrix h3 {
	font-family: semiBoldFont;
	font-size: 16px;
	margin: 20px 0px 5px 0px;
}
#modal-title {
	font-family: semiBoldFont!important;
	font-size: 30px!important;
	text-align: center!important;
	margin-bottom: 20px!important;
}
.modal-body {
	text-align: left;
}
.caracteritiques_techniques_vectrix_details {
	width: 50%;
}
.caracteritiques_techniques_vectrix_details ul, .accessoires_vectrix ul {
	list-style-type: none;
	padding-left: 15px;
}
.caracteritiques_techniques_vectrix_details li:before, .accessoires_vectrix li:before{
	content: "- ";
}
.modal-bbody-vectrix {
	display: flex;
	flex-direction: row;
}
.modal-dialog {
	width: 70%!important;
}

.caracteritiques_techniques_vectrix button, .accessoires_vectrix button {
	background-color: #DDE0E4;
	opacity: 0.8;
	border: none;
	margin: 0px 30px;
	font-size: 16px;
}
.btn-info:hover {
  color: black!important;
	background-color: #DDE0E4!important;
  border-color: none;
}
.btn-info {
  color: black!important;
	background-color: #DDE0E4!important;
  border-color: none;
}
.modal-footer button {
	background-color: #CECECE;
}




.responsive_card_vectrix {
	height: 560px!important;
}
.marque_prix_loc_vectrix {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-top: 1px dotted #CECECE;
	border-bottom: 1px dotted #CECECE;
}
.marque_prix_loc h2 {
	font-size: 22px!important;
	margin-bottom: 15px!important;
	font-family: semiBoldFont!important;
}
.marque_prix_loc_vectrix p {
	font-size: 12px!important;
	text-align: left;
	margin: 3px 10px;
}
.photos_vectrix_responsive img {
	width: 100%;
	height: auto;
}
.panel-title-vectrix a {
	font-size: 13px!important;
}
.panel-heading-vectrix {
	padding: 5px 10px;
}
.vectrix_caracteristiques_responsive {
	font-size: 12px;
	font-family: ligtherFont;
	width: 100%!important;
	text-align: left;
}
.vectrix_caracteristiques_responsive h3 {
	font-size: 12px;
}
.vectrix_caracteristiques_responsive h3:first-child {
	margin-top: 5px;
}
.vectrix_caracteristiques_responsive ul {
	padding-left: 5px;
}
.vectrix_accessoires_responsive ul {
	list-style-type: none;
	padding-left: 10px;
}
.vectrix_accessoires_responsive ul li {
	font-size: 12px;
	font-family: ligtherFont ;
	text-align: left;
}
.vectrix_accessoires_responsive li:before {
	content: "- ";
}
.responsive_card_vectrix_vx2 {
	height: 470px!important;
}
.responsive_card_chic {
	height: 430px!important;
}
.bonus_responsive {
  width: 87%;
  margin: 5px 5px;
}
.bonus_responsive h3 {
  font-size: 12px;
	line-height: 20px;
}
.accordion_size {
	width: 90%;
}
.logo p {
	font-family: logoEcobit;
  font-size: 20px;
	margin-bottom: 0px;
}
/*VENTE*/

/*CONTACT*/

#container_contact {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 55px;
	height: 100%;
	width: 90%;
}
.contact_info_et_carte {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}
.contact_info_et_carte h2 {
	font-family: ligtherFont;
	font-size: 20px;
	text-align: center;
}
.contact_info_et_carte label {
	font-family: ligtherFont;
	font-weight: normal;
}
.contact_info_et_carte .form-group input {
    font-family: ligtherFont;
    font-weight: normal;
}
.contact_info_et_carte .form-group textarea {
    font-family: ligtherFont;
    font-weight: normal;
}
.button_submit {
    background-color: #DDE0E4 !important;
    border: 1px solid #DDE0E4 !important;
}
.align_submit_button {
    text-align: center !important;
    margin-left: -3.5px;
}
.contact_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.contact_info_detail {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 5px 0px 5px 0px;
}
.contact_info_detail a {
	color: black;
	text-decoration: none;
}

.contact_info_detail .fa {
  font-size: 20px;
  margin-right: 10px;
  color: #DDE0E4 !important;
}
.contact_info_detail .fa-envelope {
	font-size: 25px;
}
.contact_info_detail p, .contact_info_detail a {
    font-family: ligtherFont;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.contact_space_marker p {
	padding-left: 8px;
}
	/*MAPS*/
	.angular-google-map {
		width: 100%;
		height: 100%;
	}
	.angular-google-map-container {
		width: 550px;
		height: 400px;
	}
	.contact .container-info-contact .carte-contact {
  width: 65%;
  height: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 99, sass/contact-style.scss */
.img-adress-main {
  background-color: rgba(255, 255, 255, 0.38);
  width: 90%;
  height: 90%;
}
/* line 103, sass/contact-style.scss */
.google-map-canvas {
  width: 100%;
  height: 100%;
}
	/*MAPS

/*CONTACT*/

/*FOOTER*/
.footer_contact {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 50px;
	background-color: #DDE0E4;
	margin-top: 20px;
}
.footer_contact p {
	font-size: 15px;
	font-family: ligtherFont;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
.footer_contact_mail_tel {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.footer_contact_mail_tel i {
	margin: 0px 5px 0px 10px;
}
.footer_contact a,.footer_contact a:hover {
	color: black;
}
.nowrap_mobbion, .nowrap_cruis_rent {
	white-space: nowrap;
}

/*FOOTER*/


/*RESPONSIVE*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #DDE0E4;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
	font-family: ligtherFont;
}

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

.sidenav a:hover {
  color: #00A1D6;
	font-weight: bold;
  text-decoration: none;
}

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

#responsive-menu-icone {
  transition: margin-left .5s;
  padding: 5px 16px 16px 16px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
#responsive-menu-icone span {
  font-size: 40px;
	cursor: pointer;
}
#responsiveMenu {
	display: none;
}
#responsive-menu-icone img {
	width: 200px;
	z-index: 1;
	margin-left: 40px;
	margin-top: 10px;
}

#accordion {
	display: none;
}
.responsive_vehicule_marque_detail {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 250px;
	height: 400px;
	box-shadow: 0px 0px 4px rgba(119, 119, 119, 0.75);
	border-radius: 15px;
	position: relative;
	margin: 15px 0px 15px 0px;
}
.responsive_vehicule_marque_detail_voiture {
	height: 360px;
}
.cadre_image img {
	width: 90%;
}
.cadre_image {
	background-color: #DDE0E4;
	width: 250px;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.logo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left: -40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	box-shadow: 0px 0px 4px 5px #CECECE;
}
.logo img {
	width: 80%;
	height: auto;
}
.logo_brammo img {
	width: 72%!important;
}

.marque_prix_loc p {
	font-size: 17px;
	margin-bottom: 2px;
	font-family: semiBoldFont;
}
.marque_prix_loc p:last-child {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #00A1D6;
}
.marque_prix_loc {
	text-align: center;
}
.panel-title a {
	text-decoration: none;
	font-family: semiBoldFont;
	font-size: 18px;
}
.panel-title:hover {
	color: #00A1D6;
	text-decoration: none;
	cursor: pointer;
}

.panel-title i:hover {
	color: #00A1D6;
}
.panel-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.panel-body h2 {
	font-size: 13px;
	font-family: ligtherFont;
	margin: 0px;
}
.panel {
	margin: 10px;
}


.icones_responsive {
	display: flex;
	flex-direction: row;
	position: absolute;
	top: 300px;
	left: 5px;
}

.icone_detail_responsive {
	text-align: center;
	width: 60px;
}
.icone_detail_plus_responsive img {
	/*border-radius: 50%;*/
	width: 18px!important;
	height: 18px;
}
.icone_detail_responsive p {
	margin-top: 7px;
	margin-bottom: 0px;
	font-family: ligtherFont;
	font-size: 9px;
}


/*MENTIONS LEGALES*/
#mentions_legale {
	margin-top: 55px;
}
.title-mentions h1 {
	font-family: semiBoldFont;
}
.container_mention_légale {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0px 20px 0px;
}
.mention_donnees_scociete {
  width: 80%;
}
.container_mention_légale h3,.mention_donnees_scociete p {
	font-family: principalFont;
}
.container_mention_légale p {
	font-family: ligtherFont;
}
.detail_mention_legale {
  display: flex;
  flex-direction: column;
  width: 80%;
  justify-content: center;
}
.detail_mention_legale h3 {
  margin-bottom: 0px;
  margin-top: 25px;
}
.mentions_legale {
  width: 100%;
}
.title-mentions {
	text-align: left;
	width: 80%;
}
.title-mentions h1 {
  font-size: 40px;
}
/*MENTIONS LEGALES*/

/*PLAN SITE*/
.container_plan_site {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 70px 0px 0px 0px;
	font-family: ligtherFont;
}
.container_plan_site h1 {
  width: 80%;
	font-family: semiBoldFont;
}
.container_plan_site ul {
  width: 80%;
  margin: 10px 0px;
}
.container_plan_site ul li {
  font-size: 16px;
}
.container_plan_site a {
  color: black;
}
.container_plan_site a:hover {
  color: #22A1DC;
}
.container_plan_site ul {
  list-style-type: none;
}
.container_plan_site > ul > li::before {
  content: ""!important;
  background-image:url(https://www.cruisr.fr/wp-content/uploads/2016/12/pastille_cruisr.png);
  background-size: 100% 100%;
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-right: 15px;
}
.container_plan_site ul li::before {
  content: "- ";
}
/*PLAN SITE*/

@media only screen and (min-width: 0px) and (max-width: 749px) {
	/*HEADER NAV*/
	#responsiveMenu {display:block;}
	#responsive-menu-icone {border-bottom: 1px solid #CECECE;}
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 22px;}
	#navBarre {display:none;}
	main {display: block!important;}

	/*ACTIVITÉS*/
	#container_activites img {display: none;}
	#container_activites {margin-top: 0px;}
	.text_global {width: 90%;}
	.text_detail h1 {font-size: 28px!important;margin-bottom: 10px;margin-top: 20px;text-align: center;font-family: principalFont!important;}
	.text_detail h2 {font-size: 19px!important;margin-top: 20px;text-align: center;}
	.text_detail p {font-size: 15px;text-align: justify;}
	.text_detail {margin-bottom: 15px;}

	/*FOOTER*/
	.footer_contact p {font-size: 12px;}

	/*VEHICULES*/
	#container_vehicule {display: none;}

	/*GROUPE*/
	.groupe_detail {width: 90%;margin-top:20px;}
	.groupe_detail h1 {font-size: 23px;text-align:center;font-family: principalFont!important;}
	.groupe_detail img {width: 100%;margin-bottom: 20px;}
	.groupe_detail_societe p {font-size: 15px;width: 100%;}
	.groupe_detail_societe {flex-wrap: wrap;}
	.lien_cruisrent {top: 190px;left: 40px;padding: 0px;font-size: 10px;}
	.lien_mob-ion {top: 190px;right: 40px;padding: 0px;font-size: 10px;}

	/*EQUIPE*/
	#container_equipe {margin-top: 0px;}
	.equipe_globale_text {width: 90%;margin-top: 20px;margin-bottom: 0px;flex-direction: column;}
	.equipe_globale_text h2 {width: 100%;font-size: 28px;text-align: center;margin-bottom: 10px;}
	.equipe_globale_text p {width: 100%;font-size: 20px;text-align: center;margin-bottom: 15px;}
	.equipe_detail_global {flex-direction: column;width: 90%;}
	.equipe_detail {width: 95%;margin-top: 20px;}
	.equipe_detail h2 {font-size: 20px;margin-top: 10px;}
	.equipe_detail img {padding: 5px;width: 160px!important;height: 160px!important;}

	/*CONTACT*/
	#container_contact {margin-top: 0px;}
	.contact_info {margin-right: 0px;margin-bottom: 20px;}
	.contact_info_et_carte {flex-direction: column;width: 90%;margin-top: 30px;}
	.contact_info_detail p, .contact_info_detail a {font-size: 15px;margin: 0px;}
	.contact_info_detail {margin-bottom: 10px;}
	.contact_info_detail .fa {font-size: 14px;margin-right: 5px;}
	.angular-google-map-container {width: 300px;height: 200px;margin-bottom: 20px;}

	#accordion {display: block;}
	/*PLAN SITE*/
	.container_plan_site h1 {width: 90%;}
	.container_plan_site ul {width: 90%;}
	.container_plan_site {margin: 20px 0px 20px 0px;}
	/*PLAN SITE*/
}
@media only screen and (min-width: 480px) and (max-width: 480px) {
	.lien_cruisrent {top: 180px;left: 60px;padding: 25px 10px 30px 10px;font-size: 10px;}
	.lien_mob-ion {position: absolute;top: 180px;right: 70px;padding: 25px 10px 30px 10px;font-size: 10px;}
}

@media only screen and (min-width: 640px) and (max-width: 749px) {
	.panel-body {flex-direction: row;flex-wrap: wrap;}
	.responsive_vehicule_marque_detail {margin: 10px 10px 10px 10px;}
	.angular-google-map-container {width: 500px;height: 250px;margin-bottom: 20px;}
	#container_contact {margin-top: 0px;}
	main {display: block!important;}
}

@media only screen and (min-width: 750px) and (max-width: 1024px) {
	/*HEADER NAV*/
	header nav {font-size: 17px;}
	#navBarre img {width: 130px;margin-left: 15px;margin-right: 10px;}
	.nav_detail_menu a {padding-right: 15px;}
	.nav_detail_menu .circle_nav, .vehicule_gauche .circle_nav  {border: solid 2px black;padding: 2px;width: 13px;height: 13px;}
	.nav_detail_menu p {margin: 0px 5px 5px 0px!important;}
	main {display: block!important;}


	/*ACTIVITES*/
	.text_global {width: 90%;}
	.text_detail h1 {font-size: 32px;margin-bottom: 20px;}
	.text_detail img {width: 70%!important;}
	.text_detail h2 {font-size: 19px!important;margin-top: 20px;}
	.text_detail p {font-size: 18px;}
	#container_activites {margin-top: 43.35px;}
	/*GROUPE*/
	.groupe_detail h1 {font-size: 22px;}
	.groupe_detail {width: 90%;}
	.groupe_detail img {width: 80%;margin-bottom: 20px;}
	.lien_cruisrent {top: 240px;left: 180px;padding: 25px 10px 30px 10px;font-size: 20px;}
	.lien_mob-ion {top: 240px;right: 210px;padding: 25px 10px 30px 10px;font-size: 20px;}

	/*EQUIPE*/
	.equipe_globale_text h2 {font-size: 32px;margin-bottom: 20px;margin-top: 0px;}
	.equipe_globale_text {width: 90%;margin-top: 20px;margin-bottom: 0px;}
	.equipe_globale_text p {font-size: 20px;margin-bottom: 15px;}
	.equipe_detail_global {width: 90%;}
	.equipe_detail h2 {font-size: 20px;margin-top: 10px;}
	.equipe_detail img {padding: 5px;border-radius: 50%;width: 160px!important;height: 160px!important;}

/*VEHICULES*/
	.marque_vehicule {width: 285px;}
	#container_vehicule {margin-top: 43.35px;}
	#container_vehicule nav {font-size: 15px;width: 80%;margin-top: 15px;}
	#container_vehicule nav p {padding-bottom: 5px;}
	#container_vehicules_detail h2 {font-size: 15px;margin: 20px 20px 30px 20px;}
	.vehicule_droite {width: 400px;height: 300px;padding-left: 10px;}
	.vehicule_droite_photo img {margin-top: 20px;}
	.price_voiture p {font-size: 13px;}
	.price_voiture {top: 10px!important;right: 0px;}
	.price p {font-size: 13px;}
	.vehicule_droite_photo {margin-bottom: 0px;}
	.price {top: 20px;}
	.icones {margin-top: 0px;margin-bottom: 0px;}
	.icone_detail {margin: 6px;}
	.icone_detail_plus {width: 25px;height: 25px;}
	.icone_detail p {font-size: 9px;padding-left: 5px;}
	.special_image_vehicule_droite_oxygen {max-width: 55%;}
	.image_vectrix {margin-left: 30px;}
	.vectrix_price p {font-size: 23px!important;}
	#vehicule_droite_vectrix {height: 380px;}
	.detail_bonus_2017 h3 {font-size: 13px!important;line-height: 20px!important;}
	.detail_bonus_2017 {font-size: 13px!important;}
	.caracteritiques_techniques_vectrix, .accessoires_vectrix {margin-top: 20px!important;}
/*CONTACT*/
	#container_contact {margin-top: 0px;}
	.contact_info_et_carte {flex-direction: column;width: 90%;}
	.contact_info_detail p, .contact_info_detail a {font-size: 15px;margin: 0px;}
	.contact_info {margin-top: 20px;margin-bottom: 20px;}
	.angular-google-map-container {width: 450px;height: 250px;}
}


@media only screen and (min-width: 980px) and (max-width: 1023px) {
	.marque_vehicule {width: 335px;}
	.vehicule_droite {width: 450px;height: 250px;}
}

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
	.marque_vehicule {width: 535px;}
	.vehicule_droite {width: 700px;height: 500px;}
}
/*RESPONSIVE*/