mmsc_app/app/assets/stylesheets/public.scss

@import "vendor/flipclock";
@import "bootstrap";

@import "fontawesome/fontawesome";

@import "fontawesome/v4-shims";
@import "fontawesome/regular";
@import "fontawesome/solid";
@import "fontawesome/brands";

@import "qi_grids";

@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Fugaz+One|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Russo+One');



#contenu{
	padding-top:108px !important;
}



.center_content{
	max-width: 1140px;
    margin: auto;

}

img{
	max-width:100%;
}

/*.row_programme:first-child .block_top:first-child:after{
    content:'';
    background-color:#000;
    display:block;
    position:absolute;
    width:150px;
    top:0px;
    bottom:0px;
    right:0px;
    z-index:1000;
    margin-right:-20px;

}*/
/*.row_programme:nth-child(2) .block_top:nth-child(2):before{
    content:'';
    background-color:#fd0;
    display:block;
    position:absolute;
    width:100px;
    top:0px;
    z-index:1;
    bottom:0px;
    left:0px;
    margin-left:-10px;

}*/
/* clean */
/* Titres */
/* Listes */
/* Paragraphes */
/* Formulaires */
/**********/
/* Boites */
/**********/
/* =============================================================================
 * MENU   
 * ===========================================================================*/
/*******************************/
/* specific to non IE browsers */
/* =============================================================================
 * End of Menu
 * ===========================================================================*/
/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/
/**********/
/* DROITE */
/**********/
/********/
/* PIED */
/********/
/**********/
/* HTML */
/**********/
/**************/
/* Modules */
/***********/
/* Liens */
/* Pas de bordure autour des images dans les liens */
/**********************/
/* Villes Suggestion */
/***************************/
/*     Recherche           */
/***************************/
/* Tag clouds Couleurs 
orange  #e3721f => 0,3
marron #603b0b => 1,4
marron clair #ac741a =>2,5
Bleu #3d9bde
*/
/* Immo */
/*.group_complement input[type="checkbox"]{
    display:inline-block!important;
    vertical-align:middle;
    margin:0;

}
.group_complement input[type="checkbox"] + label{
    display:none;
}*/
/*!
*  - v1.2.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
/* Thumbnails
--------------------------------------------------*/
/* Horizontal thumbnails
------------------------*/
/* Vertical thumbnails
----------------------*/
/* Right thumbnails with pointer
--------------------------------*/
/* Left thumbnails with pointer
-------------------------------*/
/* Bottom thumbnails with pointer
---------------------------------*/
/* Layers
--------------------------------------------------*/
/* Touch Swipe
--------------------------------------------------*/
/* Caption
--------------------------------------------------*/
/* Full Screen
--------------------------------------------------*/
/* Thumbnail Arrows
--------------------------------------------------*/
/* Video
--------------------------------------------------*/
/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
/* Arrows
--------------------------------------------------*/
.bo_paragraphe {
	border: 1px dashed #C00000;
	margin-bottom: 5px;
	p.bo_barre_boutons {
		font-size: 0.85em;
		background: #FAFAFA;
	}
}

a {
	text-decoration: none !important;
	text-decoration: none;
	color: #CC4B14;
	&:hover {
		color: #000000;
		text-decoration: underline;
	}
	&:focus {
		color: #000000;
		text-decoration: underline;
	}
	&:active {
		color: #000000;
		text-decoration: underline;
	}
	img {
		border: none;
	}
}
.main-slider {
	padding-top: 140px;
}
.visu_partenaire {
	img {
		width: 100%;
		height: auto;
	}
}
#conteneur {
	z-index: 1;
	position: relative;
}
body {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	position: relative;
}
.datepicker {
	table {
		tr {
			td.active.active {
				background: #cc4b14 !important;
			}
		}
	}
}
.alerte_gestion {
	color: red;
	margin-bottom: 10px;
}
.bloc_gestion {
	h4 {
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	td {
		padding: 10px 0px;
		vertical-align: middle;
	}
	tr {
		td {
			input[type="text"] {
				padding: 5px 10px;
				font-size: 14px;
			}
			select {
				padding: 5px 10px;
				font-size: 14px;
			}
			br {
				display: none;
			}
		}
		&:nth-child(3) {
			td {
				text-align: center;
				font-weight: 800;
				font-size: 30px;
			}
		}
		&:last-child {
			td {
				text-align: right;
			}
		}
	}
	max-width: 900px;
	margin: auto;
	background-color: #eee;
	padding: 30px;
	border: 1px solid #ddd;
	table {
		width: 100%;
	}
}
.item_carousel {
	position: relative;
	width: 100%;
	background-size: cover;
	height: 100%;
	img {
		min-width: 100%;
		width: auto !important;
		height: auto !important;
		min-height: 100%;
	}
}
.carousel_home {
	.owl-controls {
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: 20px !important;
	}
	max-height: 750px;
	padding-top: 100px;
	overflow: hidden;
	.owl-next {
		margin-right: 0px !important;
		font-size: 40px !important;
		width: 50px;
		height: 50px;
		right: 0;
		position: absolute;
		background-color: rgba(0,0,0,0.5) !important;
		border-radius: 0px !important;
	}
	.owl-prev {
		margin-right: 0px !important;
		font-size: 40px !important;
		width: 50px;
		height: 50px;
		right: 0;
		position: absolute;
		background-color: rgba(0,0,0,0.5) !important;
		border-radius: 0px !important;
		right: auto;
		left: 0;
		margin-left: 0px !important;
	}
}
.slider_home {
	.main-slider__title {
		position: relative;
		display: inline-block;
		padding: 10px;
		font-size: 40px;
		font-weight: 400;
		line-height: 45px;
		text-transform: uppercase;
		color: #fff;
		font-family: 'Fugaz One', cursive;
		a {
			color: #fff !important;
		}
		&:before {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			border: 1px solid rgba(255, 255, 255, 0);
			bottom: 0px;
			content: " ";
			display: block;
			margin: 0 auto;
			position: relative;
			-webkit-transition: all 280ms ease-in-out;
			transition: all 280ms ease-in-out;
			width: 0;
		}
		&:after {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			border: 1px solid rgba(255, 255, 255, 0);
			bottom: 0px;
			content: " ";
			display: block;
			margin: 0 auto;
			position: relative;
			-webkit-transition: all 280ms ease-in-out;
			transition: all 280ms ease-in-out;
			width: 0;
		}
		&:hover {
			background-color: transparent;
			&:before {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				border-color: #ffdd00;
				-webkit-transition: width 350ms ease-in-out;
				transition: width 350ms ease-in-out;
				width: 70%;
			}
			&:after {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				border-color: #ffdd00;
				-webkit-transition: width 350ms ease-in-out;
				transition: width 350ms ease-in-out;
				width: 70%;
			}
		}
	}
	.main-slider__wrap {
		&:hover {
			background-color: transparent;
			.bg_black {
				background-color: transparent;
			}
		}
		position: absolute;
		padding: 20px;
		text-align: left;
		z-index: 2;
		margin-left: 7%;
		width: 375px !important;
	}
	position: relative;
	z-index: 1;
	.owl-item {
		padding-bottom: 0px !important;
	}
	.bg_black {
		>a {
			padding: 10px;
			color: #ffdd00 !important;
			font-family: 'Archivo Narrow', sans-serif;
			display: block;
			font-weight: 600 !important;
			font-size: 20px !important;
		}
	}
}
.row_programme {
	font-size: 0;
	max-width: 1140px;
	margin: auto;
	&:nth-child(2) {
		.block_top {
			&:nth-child(1) {
				color: #000;
				background-color: #fd0;
				&:after {
					content: '';
					background-color: #fd0;
					display: block;
					position: absolute;
					width: 1000px;
					top: 0px;
					bottom: 0px;
					margin-right: -1000px;
					z-index: 1;
				}
				&:hover {
					z-index: 10;
					transform: skew(-13deg) scale(1.05);
				}
				a {
					color: #000;
				}
			}
			&:nth-child(2) {
				&:after {
					content: '';
					background-color: #fff;
					display: block;
					position: absolute;
					width: 1000px;
					top: 0px;
					bottom: 0px;
					margin-left: -1000px;
				}
				float: left;
				margin-left: -20px;
				width: calc(50% - 20px);
				background-color: #fff;
				padding: 20px 20px;
				text-align: center;
				a {
					img {
						transform: skew(0deg);
					}
					font-size: 30px;
					text-transform: uppercase;
					font-weight: bold;
					color: #CC4B14;
					display: inline-block;
				}
			}
		}
	}
	&:first-child {
		.block_top {
			&:first-child {
				&:before {
					content: '';
					background-color: #000;
					display: block;
					position: absolute;
					width: 1000px;
					top: 0px;
					bottom: 0px;
					margin-left: -1000px;
					content: '';
					background-color: #000;
					display: block;
					position: absolute;
					width: 1000px;
					top: 0px;
					bottom: 0px;
					margin-left: -1000px;
				}
			}
			&:nth-child(2) {
				&:after {
					content: '';
					background-color: #fff;
					display: block;
					position: absolute;
					width: 1000px;
					top: 0px;
					bottom: 0px;
					margin-right: -1000px;
				}
			}
		}
	}
	.block_top {
		transform: skew(-13deg);
		* {
			transform: skew(13deg);
			text-transform: uppercase;
		}
	}
	&:nth-child(1) {
		.block_top {
			&:nth-child(1) {
				margin-left: 20px;
				width: calc(50% - 20px);
				&:hover {
					z-index: 10;
					transform: skew(-13deg) scale(1.05);
				}
			}
			&:nth-child(2) {
				background-color: #fff;
			}
		}
	}
}
.block_top {
	>* {
		z-index: 1000;
		position: relative;
	}
	display: inline-block;
	width: 50%;
	padding: 40px 40px;
	position: relative;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	img {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	}
}
.color_orange {
	color: #cc4b14;
}
.num_programme {
	background-color: #cc4b14;
	padding: 30px 0px;
}
.chiffre {
	font-size: 30px;
	vertical-align: middle;
	display: inline-block;
	color: #fff;
	font-family: 'Fugaz One', cursive !important;
}
.left-pres {
	display: inline-block;
	width: 50%;
	position: relative;
	img {
		min-height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		min-width: 1000px;
		width: auto;
		height: auto;
	}
}
.pres_programme {
	position: relative;
	overflow: hidden;
}
.right-pres {
	display: inline-block;
	position: relative;
	width: 50%;
	padding: 40px;
	vertical-align: top;
	>* {
		position: relative;
		z-index: 10;
	}
	h4 {
		font-family: 'Montserrat' !important;
		font-size: 30px;
		font-weight: 700;
		color: #111111;
		text-transform: uppercase;
		margin-bottom: 20px;
		span {
			display: inline-block;
			width: calc(100% - 30px);
			vertical-align: top;
		}
		&:before {
			content: '-';
			display: inline-block;
			margin-right: 15px;
			vertical-align: middle;
			color: #ffdd00;
			font-size: 30px;
		}
	}
	p {
		font-size: 16px;
		margin-bottom: 20px;
		&:nth-child(3) {
			margin-bottom: 0px;
		}
	}
	.orange {
		color: #cc4b14;
	}
	ul {
		margin-bottom: 0px;
		font-size: 16px;
		margin-left: 30px !important;
		padding: 0px;
		li {
			&:before {
				content: '>';
				color: #cc4b14;
				font-weight: 600;
				padding-right: 6px;
			}
			padding: 0px;
			margin: 0px;
			list-style: none;
		}
	}
	&:before {
		content: '';
		background-color: #fff;
		display: block;
		position: absolute;
		width: 250px;
		top: 0px;
		z-index: 1;
		bottom: 0px;
		left: 0px;
		margin-left: -110px;
		transform: skew(-10deg);
	}
}
.soulign {
	color: #000;
	text-decoration: underline !important;
	font-weight: 700;
}
.num_p {
	font-weight: 600;
	color: #cc4b14;
}
#paragraphe336 {
	.right-pres {
		&:before {
			display: none;
		}
	}
	.left-pres {
		img {
			width: 100%;
			height: auto;
			display: block;
			margin: 0px auto;
			margin-bottom: 10px;
			padding: 10px;
			position: relative;
			min-width: auto;
		}
	}
}
.label-chiffre {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 15px;
}
.block_num {
	display: inline-block;
	width: 25%;
}
.center_programme {
	font-size: 0;
	max-width: 1140px;
	margin: auto;
	.primes_left {
		display: inline-block;
		width: 70%;
		vertical-align: middle;
		.bloc_primes_img {
			width: 100%;
			display: block;
			margin-bottom: 30px;
			.primes_img {
				display: inline-block;
				vertical-align: bottom;
			}
			.primes_legende_img {
				display: inline-block;
				vertical-align: bottom;
				font-size: 16px;
				padding-left: 10px;
				font-size: 20px;
				font-style: italic;
			}
		}
		p {
			font-size: 16px;
			margin-bottom: 20px;
		}
		p.chevrons {
			&:before {
				content: '>';
				color: #cc4b14;
				font-weight: 600;
				padding-right: 6px;
			}
		}
		span {
			font-size: 26px;
			font-style: italic;
			color: #e40011;
			font-weight: 800;
			text-transform: uppercase;
		}
		.soulign {
			color: #000;
			text-decoration: underline !important;
		}
	}
	.primes_right {
		display: inline-block;
		width: 30%;
		vertical-align: middle;
		a {
			font-family: 'Fugaz One', cursive !important;
			background-color: #ffe500;
			font-size: 20px;
			color: #000;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 22px;
			padding: 5px 15px;
			display: inline-block;
			margin-top: 10px;
		}
	}
}
.catch_programme {
	padding: 40px 0px;
	background-color: #cc4b14;
}
#paragraphe337 {
	.catch_programme {
		padding: 40px 0px;
		background-color: transparent;
		img {
			max-width: 100%;
			height: auto;
			margin: 0 auto;
			display: block;
		}
	}
}
.left_catch {
	display: inline-block;
	width: 40%;
	text-align: center;
	vertical-align: middle;
	img {
		max-width: 100%;
		height: auto;
	}
}
.right_catch {
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	h5 {
		color: #fff;
		font-family: 'Montserrat' !important;
		font-style: italic;
		font-weight: 800;
		text-transform: uppercase;
		font-size: 45px;
		line-height: 50px;
		a {
			color: #fff !important;
		}
		span {
			font-size: 30px;
			line-height: 40px;
		}
	}
}
.desc_prog {
	font-size: 23px;
	display: inline-block;
	width: calc(100% - 200px);
	font-style: italic;
	font-weight: 700;
	margin-bottom: 0px;
	vertical-align: middle;
	margin-left: 10px;
}
#paragraphe331 {
	.left-pres {
		img {
			min-height: 100%;
			position: relative;
			right: 0;
			top: 0;
			min-width: auto;
			width: auto;
			height: auto;
			padding: 40px 0;
			max-width: 100%;
		}
	}
	.right-pres {
		&:before {
			display: none;
		}
	}
}
.num_prog {
	font-size: 70px;
	font-style: italic;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
}
.block_top.bg_black {
	padding: 40px 40px;
	color: #ffdd00;
	a {
		color: #ffdd00;
	}
}
.hover_carousel {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 100;
	margin-top: -100px;
	.promo_dunlop {
		position: absolute;
		max-width: 100%;
		left: 50%;
		margin-left: -520px;
		top: 260px;
	}
}
.bg_all.active {
	background-color: rgba(0,0,0,0.5);
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
}
.PGS_ROULAGE {
	#centreetdroite {
		width: 100%;
		padding-top: 0px;
	}
	#contenu {
		width: 100%;
		padding-top: 0px;
	}
}
.centre_filtre {
	max-width: 1140px;
	margin: auto;
	font-size: 0;
	form {
		margin: 0 -15px;
	}
}
.mor_date {
	display: block;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	border-bottom: 2px solid #fff;
	span {
		display: inline-block;
		background-color: #cc4b14;
		margin-bottom: -8px;
		padding: 0 10px;
	}
}
.content_more_date {
	position: absolute;
	background-color: #cc4b14;
	width: 225px;
	padding: 10px;
	left: 5px;
	z-index: 100000;
}
.extend_date {
	input {
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0px;
		}
	}
	height: 0;
	overflow: hidden;
}
.list_lien_row {
	max-width: 1140px;
	margin: auto;
}
.recherche_filtre {
	padding-top: 40px;
	padding-bottom: 30px;
	background: #cc4b14 url('/fond-recherche.jpg?m=mm') no-repeat center top;
	.group_valider {
		text-align: right;
		margin-top: 20px;
		input {
			background-color: #000;
			font-size: 20px !important;
			width: calc(20% - 30px);
			margin-right: 15px;
		}
	}
	.group_form {
		input[type="submit"] {
			background-color: #000;
			font-size: 20px !important;
			width: calc(20% - 30px);
			margin-right: 15px;
			width: 100%;
		}
		display: inline-block;
		width: 20%;
		vertical-align: top;
		padding: 0 15px;
		position: relative;
	}
	input[type="text"] {
		font-size: 15px;
		padding: 15px 20px;
		line-height: 16px;
		border: 0px;
		width: 100%;
	}
	h4 {
		font-family: 'Montserrat' !important;
		font-size: 30px;
		font-weight: 700;
		color: #111111;
		text-transform: uppercase;
		margin-bottom: 30px;
		&:before {
			content: '-';
			display: inline-block;
			margin-right: 15px;
			vertical-align: middle;
			color: #ffdd00;
			font-size: 30px;
		}
	}
}
.villeSuggestionBox {
	cursor: pointer;
	background-color: #fff;
	position: relative;
	top: calc(100% + 5px);
	left: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #000;
	color: #000;
	position: absolute;
	z-index: 1000000;
	li {
		list-style: none;
		border-bottom: 1px solid #ddd;
		padding: 5px;
		&:hover {
			color: #650000;
		}
	}
}
.PGS_ANNUAIRE_CIRCUIT {
	.recherche_filtre {
		padding-bottom: 40px;
	}
	#centreetdroite {
		width: 100%;
		padding-top: 0px;
	}
	#contenu {
		width: 100%;
		padding-top: 0px;
	}
}
.PGS_ANNUAIRE_ORGA {
	.recherche_filtre {
		padding-bottom: 40px;
	}
	#centreetdroite {
		width: 100%;
		padding-top: 0px;
	}
	#contenu {
		width: 100%;
		padding-top: 0px;
	}
}
.bg_all {
	z-index: 0;
	position: absolute;
	background-color: rgba(0,0,0,0);
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
	z-index: 2;
	position: absolute;
	background-color: rgba(0,0,0,0);
}
.bg_black {
	background-color: #000;
	padding: 20px;
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
	background-color: #000;
	padding: 20px;
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
}
.right_info {
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 60px;
	text-align: right !important;
	margin-left: 0px !important;
	margin-right: 150px;
	position: absolute;
	right: 0;
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 60px;
	text-align: right !important;
	margin-left: 0px !important;
	margin-right: 7%;
}
.intro_form {
	background-color: #efefef;
	border: 1px solid #ddd;
	text-align: center;
	padding: 30px 20px;
	font-size: 0;
}
.left_form {
	display: inline-block;
	width: 50%;
	font-size: 16px;
	vertical-align: top;
	span {
		color: #111;
		font-size: 20px;
	}
}
.right_form {
	display: inline-block;
	width: 50%;
	font-size: 16px;
	vertical-align: top;
	span {
		color: #111;
		font-size: 20px;
	}
}
.desc_1 {
	font-size: 20px;
	margin-bottom: 30px;
}
.row1 {
	.block_intro {
		&:first-child {
			background-color: #000;
			padding: 50px 0px;
			padding-right: 120px;
			&:before {
				content: '';
				background-color: #000;
				display: block;
				position: absolute;
				width: 1000px;
				top: 0px;
				bottom: 0px;
				margin-left: -1000px;
			}
			h3 {
				color: #fd0;
				margin-bottom: 20px;
				font-family: 'Fugaz One', cursive !important;
				text-transform: uppercase;
				letter-spacing: 0.08em;
				font-size: 22px !important;
				line-height: 27px !important;
				font-weight: 700;
			}
			p {
				font-family: 'Montserrat', sans-serif !important;
				font-weight: 500 !important;
				font-size: 16px !important;
				line-height: 21px !important;
				color: #FFFFFF;
			}
			&:after {
				content: '';
				background-color: #000;
				display: block;
				position: absolute;
				width: 100px;
				top: 0px;
				bottom: 0px;
				right: 0px;
				margin-right: -31px;
				transform: skew(-10deg);
			}
		}
		&:nth-child(2) {
			padding-top: 60px;
			img {
				max-width: 800px;
				margin-bottom: -50px;
				margin-left: -180px;
			}
		}
	}
	position: relative;
	z-index: 100;
}
.row_home {
	font-size: 0;
	display: flex;
}
.block_intro {
	display: inline-block;
	width: 50%;
	position: relative;
	vertical-align: top;
	a {
		font-family: 'Fugaz One', cursive !important;
		background-color: #CC4B14;
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 22px;
		padding: 10px 15px;
		display: inline-block;
		margin-top: 10px;
	}
}
.row2 {
	.block_intro {
		&:nth-child(2) {
			&:after {
				content: '';
				background-color: #fd0;
				display: block;
				position: absolute;
				width: 1000px;
				top: 0px;
				bottom: 0px;
				margin-right: -1000px;
				z-index: 1;
			}
			>* {
				position: relative;
				z-index: 2;
			}
			padding-top: 70px;
			padding-left: 50px;
			position: relative;
			background-color: #fd0;
			p {
				margin-bottom: 25px;
			}
			&:before {
				content: '';
				background-color: #fd0;
				display: block;
				position: absolute;
				width: 100px;
				top: 0px;
				z-index: 1;
				bottom: 0px;
				left: 0px;
				margin-left: -31px;
				transform: skew(-10deg);
			}
		}
		h3 {
			color: #fd0;
			margin-bottom: 20px;
			font-family: 'Fugaz One', cursive !important;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			font-size: 22px !important;
			line-height: 27px !important;
			font-weight: 700;
			color: #000;
		}
		&:first-child {
			img {
				width: 220px;
				display: inline-block;
				position: relative;
				margin-top: 40px;
			}
		}
		p {
			font-family: 'Montserrat', sans-serif !important;
			font-weight: 500 !important;
			font-size: 16px !important;
			line-height: 21px !important;
			color: #FFFFFF;
			color: #000;
		}
		&:nth-child(1) {
			p {
				margin-bottom: 30px;
			}
		}
	}
}
.avantage {
	background-image: url(http://mamotosurcircuit.com/images/interface/slide5.jpg);
	background-size: cover;
	padding: 70px 0px;
	position: relative;
	text-align: center;
	&:after {
		background-color: rgba(0, 0, 0, 0.7);
		content: '';
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		left: 0;
		top: 0;
		bottom: 0;
	}
	.center_home {
		position: relative;
		z-index: 3;
	}
	h4 {
		font-size: 40px;
		color: #fff;
		font-family: 'Fugaz One', cursive !important;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 60px;
		text-align: center;
		margin-top: 0px;
	}
}
.recherche_home {
	h5 {
		font-size: 40px;
		color: #fff;
		font-family: 'Fugaz One', cursive !important;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 60px;
		text-align: center;
		margin-top: 0px;
	}
	form {
		font-size: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	.group_form {
		width: 25%;
		font-size: 16px;
		padding: 0 15px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 30px;
		position: relative;
		input[type="text"] {
			font-size: 15px;
			padding: 15px 20px;
			line-height: 16px;
			border: 0px;
			width: 100%;
			&:first-child {
				margin-bottom: 30px;
			}
		}
		div.cs-select {
			&:first-child {
				margin-bottom: 30px;
			}
		}
		input[type="submit"] {
			background-color: #000;
			border: 0px;
			line-height: 18px;
			width: 100%;
			font-weight: bold !important;
			padding: 14px 20px;
		}
		&:nth-child(2) {
			input {
				&:nth-child(2) {
					margin-bottom: 30px;
				}
			}
		}
	}
	background-color: #CC4B14;
	padding: 60px 0px;
	.villeSuggestionBox {
		position: relative;
		top: calc(51px);
		left: 15px;
		margin: 10px 0px 0px 0px;
		padding: 0;
		width: 200px;
		background-color: #FFFFFF;
		border: 1px solid #000;
		color: #000;
		position: absolute;
		z-index: 1000000;
	}
}
.actualites {
	h3 {
		font-size: 40px;
		color: #fff;
		font-family: 'Fugaz One', cursive !important;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 60px;
		text-align: center;
		margin-top: 0px;
		color: #cc4b14 !important;
	}
	padding: 100px 0px;
	.lien_home {
		margin-top: 100px;
		a {
			border-color: #222;
			color: #222;
		}
	}
}
.row_avantage {
	font-size: 0;
	margin-left: -1.5%;
	margin-right: -1.5%;
}
.container_picto {
	position: relative;
	text-align: center;
	height: 100px;
	display: inline-block;
	width: 70px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.block_avantage {
	&:nth-child(1) {
		.container_picto {
			width: 70px;
		}
		&:hover {
			.container_picto {
				width: 90px;
				height: 120px;
			}
		}
		background-image: url(http://mamotosurcircuit.com/images/interface/background_bloc_left_transp.png);
	}
	&:nth-child(2) {
		.container_picto {
			width: 88px;
		}
		&:hover {
			.container_picto {
				width: 112px;
				height: 120px;
			}
		}
		background-image: url(http://mamotosurcircuit.com/images/interface/background_bloc_left2_transp.png);
	}
	&:nth-child(3) {
		.container_picto {
			width: 73px;
		}
		&:hover {
			.container_picto {
				width: 94px;
				height: 120px;
			}
		}
		background-image: url(http://mamotosurcircuit.com/images/interface/background_bloc_right2_transp.png);
	}
	&:last-child {
		.container_picto {
			width: 149px;
		}
		&:hover {
			.container_picto {
				width: 191px;
				height: 120px;
			}
		}
	}
	vertical-align: top;
	display: inline-block;
	width: 22%;
	background-color: #fff;
	margin: 0 1.5%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 10px;
	padding-bottom: 20px;
	min-height: 330px;
	&:hover {
		background-color: #000;
		h5 {
			color: #cd4a12;
			font-size: 18px;
		}
		.img_av_hover {
			opacity: 1;
		}
		.img_av {
			opacity: 0;
		}
		img {
			max-height: 90px;
			position: absolute;
			top: 0px;
			left: 0;
		}
		p {
			color: #fff;
			font-size: 20px !important;
		}
	}
	&:nth-child(4) {
		background-image: url(http://mamotosurcircuit.com/images/interface/background_bloc_right_transp.png);
	}
	img {
		max-height: 70px;
		margin-top: 30px;
		-webkit-transition: max-height 0.3s;
		-moz-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		transition: max-height 0.3s;
		left: 0;
		position: absolute;
	}
	h5 {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		font-size: 25px;
		font-weight: 500;
		font-family: 'Russo One', sans-serif !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	p {
		font-size: 18px !important;
		line-height: 20px !important;
		color: #CC4B14;
		font-family: 'Montserrat', sans-serif !important;
		font-weight: 700 !important;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
}
.img_av_hover {
	opacity: 0;
}
.right_intro {
	text-align: right;
	padding-top: 70px;
	display: inline-block;
	width: calc(100% - 220px);
	vertical-align: top;
	padding-left: 30px;
	padding-right: 70px;
	a {
		font-family: 'Fugaz One', cursive !important;
		background-color: #CC4B14;
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 22px;
		padding: 10px 15px;
		display: inline-block;
		margin-top: 10px;
	}
}
.tab-content {
	padding: 40px;
	border: 1px solid #ddd;
	ul {
		ul {
			margin-top: 0px;
		}
	}
}
.nav-tabs {
	border: 0px;
}
.quisommenous {
	position: relative;
}
.nav_qsn {
	position: fixed;
	left: 100%;
	margin-left: -300px;
	bottom: 200px;
	background-color: #CC4B14;
	ul {
		margin: 0px;
		padding: 0px;
		li {
			list-style: none;
		}
	}
	a {
		font-size: 15px;
		color: #fff;
		padding: 10px 20px;
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: 2px solid #fff;
	}
}
.mdl_formulaire {
	.annonce {
		+ {
			script {
				+ {
					script {
						+ {
							h3 {
								+ {
									form {
										margin-top: 20px;
										input[type="text"] {
											display: inline-block;
											box-sizing: border-box;
											padding: 6px 6px;
											font-size: 16px;
											color: #555555;
											background-color: #ffffff;
											background-image: none;
											border: 1px solid #cccccc;
											border-radius: 7px;
										}
										textarea {
											display: inline-block;
											box-sizing: border-box;
											padding: 6px 6px;
											font-size: 16px;
											color: #555555;
											background-color: #ffffff;
											background-image: none;
											border: 1px solid #cccccc;
											border-radius: 7px;
										}
										fieldset {
											border: 1px solid #ddd;
											padding: 30px;
										}
										label {
											font-size: 16px;
											display: block;
										}
										p {
											&:nth(4) {
												float: right;
											}
										}
									}
								}
								display: block;
								margin-top: 40px;
							}
						}
					}
				}
			}
		}
	}
	.link_list {
		font-size: 15px;
	}
	h3 {
		display: none;
	}
	.bloc_list_lien {
		h3 {
			display: block;
		}
	}
}
.PGS_QUI_SOMMES_NOUS {
	#centreetdroite {
		width: 100%;
		padding-bottom: 0px;
	}
	#contenu {
		width: 100%;
		padding-top: 0px;
	}
	.paragraphe {
		margin-bottom: 0px !important;
	}
	#contenu_scroller {
		>br {
			display: none;
		}
	}
}
.center_qsn {
	max-width: 1200px;
	margin: auto;
	font-size: 0;
	h3 {
		font-weight: 900;
		position: relative;
		text-transform: uppercase;
		font-size: 29px;
		padding-bottom: 30px;
		margin-bottom: 30px;
		&:after {
			display: block;
			position: absolute;
			content: '';
			bottom: 0px;
			width: 110px;
			height: 1px;
			background-color: #cbded5;
		}
	}
	h4 {
		font-weight: 900;
		position: relative;
		text-transform: uppercase;
		font-size: 29px;
		padding-bottom: 30px;
		margin-bottom: 30px;
		&:after {
			display: block;
			position: absolute;
			content: '';
			bottom: 0px;
			width: 110px;
			height: 1px;
			background-color: #cbded5;
		}
	}
	img {
		-webkit-box-shadow: -4px 2px 27px 0px rgba(72, 197, 110, 0.51);
		-moz-box-shadow: -4px 2px 27px 0px rgba(72, 197, 110, 0.51);
		box-shadow: -4px 2px 27px 0px rgba(72, 197, 110, 0.51);
		max-width: 100%;
		height: auto;
	}
	h5 {
		background-color: #CC4B14;
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		padding: 10px 20px;
		font-size: 18px;
	}
	.intro {
		font-size: 22px;
		color: #6e6e6e;
		padding: 0 15px;
	}
	.col4 {
		vertical-align: top;
		width: 33.3333333%;
		display: inline-block;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.col8 {
		vertical-align: top;
		width: 66.66666666%;
		display: inline-block;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.col6 {
		vertical-align: top;
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		padding: 0 15px;
	}
}
.img_annonce {
	display: inline-block;
	width: 550px;
	img {
		height: auto !important;
	}
}
.mdl_annonce {
	font-size: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	>p {
		&:first-child {
			font-size: 18px;
		}
	}
	.annonce {
		margin-top: 40px;
	}
	.link_list {
		font-size: 15px;
	}
	.list_lien_row {
		.annonce {
			margin-top: 0px;
		}
	}
}
.desc_annonce {
	display: inline-block;
	padding-left: 40px;
	width: calc(100% - 550px);
	vertical-align: top;
	box-sizing: border-box;
	font-size: 15px;
	h3 {
		margin-bottom: 10px;
		font-size: 24px;
		color: #333333;
		font-weight: 900;
	}
	p.date_annonce {
		font-family: 'PT Serif', serif;
		font-style: italic;
		font-size: 14px;
		margin-bottom: 30px;
		color: #979797;
	}
	.info_annonce {
		margin-top: 30px;
		line-height: 25px;
	}
}
.text_annonce {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.info_annonce {
	strong {
		color: #8b8b8b;
	}
}
.link_annonce {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ccc;
	a {
		display: inline-block;
		background-color: #CC4B14;
		color: #fff;
		font-weight: bold;
		padding: 10px 20px;
		margin-right: 20px;
		&:nth-child(2) {
			float: right;
			margin-right: 0px;
		}
	}
}
.title_qsn {
	.num_qsn {
		display: block;
		font-size: 30px;
		color: #a8a9a8;
		font-weight: 900;
	}
	padding: 0 15px;
}
.section2 {
	padding: 80px 0px;
	background-color: #ecf4f1;
	ul {
		margin: 0px;
		padding: 0px;
		li {
			font-size: 20px;
			list-style: none;
			font-style: italic;
			padding: 10px 0px;
		}
	}
	.num_chiffre {
		color: #CC4B14;
		font-style: normal;
		padding-right: 20px;
		font-size: 36px;
	}
}
.section1 {
	padding: 100px 0px;
	p {
		font-size: 17px;
		line-height: 30px;
	}
	p.italic_intro {
		font-style: italic;
	}
	ul {
		font-size: 17px;
		line-height: 30px;
		margin-top: 20px;
	}
}
.section3 {
	padding: 80px 0px;
	.intro {
		margin-bottom: 40px;
	}
	img {
		margin-top: 60px;
	}
	ul {
		li {
			font-size: 20px;
			list-style: none;
			padding: 10px 0px;
		}
	}
}
.top-bar {
	background-color: #000;
	font-size: 0;
	padding: 10px 0px;
	padding-bottom: 0px;
	font-family: Poppins;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	height: 27px;
	overflow: hidden;
	i {
		color: #fff;
		opacity: 0.6;
		padding: 0px 10px;
		font-size: 15px;
    padding-right:0px;
	}
	a {
		color: rgba(255, 255, 255, 0.7);
	}
}
.header-topbarbox-1 {
	display: inline-block;
	width: 50%;
	font-size: 13px;
	vertical-align: top;
	ul {
		margin: 0px;
		li {
			display: inline-block;
		}
	}
}
.header-topbarbox-2 {
	display: inline-block;
	width: 50%;
	font-size: 13px;
	vertical-align: top;
	text-align: right;
	ul {
		margin: 0px;
		li {
			display: inline-block;
		}
	}
}
.problematique {
	.col6 {
		margin-bottom: 40px;
	}
	margin-top: 160px;
	h4 {
		span {
			display: block;
			font-size: 18px;
			font-weight: 600;
			padding-top: 15px;
		}
	}
}
ul.round_puce {
	li {
		font-size: 20px;
		list-style: none;
		padding: 10px 0px;
	}
}
.round_puce {
	margin: 0px;
	margin-bottom: 20px;
	li {
		&:before {
			content: "\f1db";
			padding-right: 10px;
			display: inline-block;
			color: #CC4B14;
			font-size: 13px !important;
			font-family: FontAwesome;
			font-size: inherit;
			font-weight: 300;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}
}
.section4 {
	.intro {
		margin-bottom: 100px;
	}
	padding: 80px 0px;
	background-color: #ecf4f1;
	.col6 {
		margin-bottom: 60px;
	}
}
.section5 {
	padding: 80px 0px;
	.intro {
		margin-bottom: 60px;
	}
	.catch_prob {
		font-size: 22px;
		color: #CC4B14;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	p {
		font-size: 22px;
		padding: 7px 0px;
		margin: 0;
		strong {
			font-weight: 900;
		}
		span {
			color: #8c8c8c;
		}
	}
	.sep {
		width: 100%;
		height: 1px;
		background-color: #e6e6e6;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.link_prob {
		color: #4a4a4a;
		font-size: 18px;
		margin-top: 20px;
		font-weight: 900;
	}
	.col6 {
		margin-bottom: 60px;
		&:nth-child(5) {
			margin-bottom: 0;
		}
	}
}
.chiffre_qsn {
	.intro {
		padding: 0px !important;
	}
	.round_puce {
		li {
			padding: 20px 0px;
		}
	}
}
.chiffre_big {
	font-size: 36px !important;
}
.big_bold_chiffre {
	margin-top: 130px !important;
	font-size: 36px !important;
	font-weight: 900;
	margin-bottom: 60px !important;
}
.desc_obli {
	text-align: right;
	font-style: italic;
	font-size: 20px !important;
	.obli {
		color: #CC4B14;
	}
}
.obli {
	color: #CC4B14;
}
.link_prob {
	font-size: 14px;
	color: #7c7c7c;
	font-weight: 900;
	text-transform: uppercase;
	&:before {
		content: "\f0da";
		padding-right: 10px;
		display: inline-block;
		color: #7c7c7c;
		font-size: 20px !important;
		font-family: FontAwesome;
		font-size: inherit;
		font-weight: 300;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
.catch_prob {
	font-size: 15px;
	font-style: italic;
	margin-bottom: 10px;
}
.num_list {
	color: #CC4B14;
}
.PGS_SPECIALE_5 {
	#centreetdroite {
		>br {
			display: none;
		}
		width: 100%;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#contenu {
		>br {
			display: none;
		}
		width: 100%;
		width: 100%;
		padding-top: 0px;
	}
	#contenu_scroller {
		>br {
			display: none;
		}
	}
	.paragraphe {
		margin-bottom: 0px !important;
	}
}
.clr {
	clear: both;
}
#ariane {
	width: 100%;
	margin: auto;
	font-size: 14px;
	padding: 20px 0px;
	background-color: #d0cfd2;
}
.ariane {
	max-width: 1170px;
	margin: auto;
	text-align: center;
	color: #CC4B14;
	text-transform: uppercase;
	font-weight: bold;
	a {
		color: #111;
	}
}
.arrow_ariane {
	background-image: url(arrow_ariane.png);
	display: inline-block;
	width: 10px;
	vertical-align: top;
	height: 12px;
	padding-right: 2px;
	box-sizing: content-box;
	margin-top: 4px;
	background-position: center;
	background-repeat: no-repeat;
}
ul {
	margin: .75em 0 .75em 32px;
	padding: 0;
}
ol {
	margin: .75em 0 .75em 32px;
	padding: 0;
}
address {
	margin: .75em 0;
	font-style: normal;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
form {
	margin: 0;
	padding: 0;
	border: none;
	p {
		&:last-child {
			margin: 0px !important;
		}
	}
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#form_editer_annonce {
	fieldset {
		border: 1px solid #ccc;
		box-sizing: border-box;
		padding: 30px;
		display: block !important;
		position: relative;
		margin-bottom: 20px;
		legend {
			display: block;
			width: 100%;
			padding: 0;
			margin-bottom: 20px;
			font-size: 21px;
			line-height: inherit;
			color: #333;
			border: 0;
			border-bottom: 1px solid #e5e5e5;
			float: left;
		}
		&:first-child {
			input[type="text"] {
				display: inline-block;
				width: auto;
				&:last-child {
					background-color: #e6e6e6 !important;
					border: 2px solid #e6e6e6 !important;
				}
			}
		}
		>table {
			>tbody {
				>tr {
					>td {
						padding: 12px 0px;
						text-align: left;
					}
				}
			}
		}
		&:nth-child(2) {
			table {
				width: 800px;
			}
		}
	}
	input[type="text"] {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	input[type="password"] {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	select {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	textarea {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	p {
		label {
			display: block;
			font-size: 18px;
			color: #232323;
			font-weight: 300;
			width: 200px;
			display: inline-block;
		}
		padding: 12px 0px;
		input[type="text"] {
			display: inline-block;
			width: calc(100% - 204px);
		}
	}
}
form[name="form_ecrire_commentaire_message"] {
	fieldset {
		border: 1px solid #ccc;
		box-sizing: border-box;
		padding: 30px;
		display: block !important;
		position: relative;
		margin-bottom: 20px;
		legend {
			display: block;
			width: 100%;
			padding: 0;
			margin-bottom: 20px;
			font-size: 21px;
			line-height: inherit;
			color: #333;
			border: 0;
			border-bottom: 1px solid #e5e5e5;
			float: left;
		}
	}
	label {
		display: block;
		font-size: 18px;
		color: #232323;
		font-weight: 300;
		margin-bottom: 0px;
		width: 300px;
	}
	p {
		label {
			display: block;
			font-size: 18px;
			color: #232323;
			font-weight: 300;
			margin-bottom: 0px;
			width: 300px;
		}
		padding: 12px 0px;
		text-align: left;
	}
	input[type="text"] {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	textarea {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
}
#annonce_extra {
	>table {
		>tbody {
			>tr {
				>td {
					padding: 12px 0px;
					text-align: left;
				}
			}
		}
	}
}
#ANNONCE_CATEGORIE {
	select {
		display: inline-block;
		width: auto;
	}
}
.label-editer-annonce {
	label {
		display: block;
		font-size: 18px;
		color: #232323;
		font-weight: 300;
		width: 200px;
	}
}
input {
	vertical-align: middle;
	font-size: 0.85em;
}
button {
	vertical-align: middle;
}
select {
	vertical-align: middle;
	font-size: 0.85em;
}
.bucheron {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.closed_buch {
	bottom: -64px;
	.btn_reduire {
		display: none;
	}
	.bulle_aide {
		p {
			margin-top: 50px;
			font-size: 0;
		}
		width: 100px;
		padding: 10px 20px;
		&:after {
			display: none;
		}
	}
	.btn_aide {
		padding-bottom: 60px;
		display: block;
		position: absolute;
		top: 10px;
		left: 15px;
		color: #5f5047;
		font-weight: bold;
		cursor: pointer;
		text-transform: uppercase;
		color: #fff;
		line-height: 24px !important;
		img {
			vertical-align: top !important;
			margin-bottom: 0;
			padding-top: 0px;
			padding-top: 0px;
			padding-right: 7px;
		}
	}
	.img_bucheron {
		img {
			width: 0;
		}
	}
}
.center_bucheron {
	width: 1170px;
	position: relative;
	margin: auto;
	text-align: right;
}
.bulle_aide {
	max-width: 600px;
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
	background-color: rgba(36, 36, 36, 0.96);
	width: 600px;
	text-align: justify;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	margin-bottom: 40px;
	padding: 30px;
	&:after {
		content: '';
		width: 52px;
		height: 30px;
		background-image: url(http://mamotosurcircuit.com/images/interface/forme_bulle.png);
		display: block;
		position: absolute;
		right: 65px;
		bottom: -30px;
	}
	p {
		margin-bottom: 0;
		color: #b4b3b3;
		font-size: 14px;
	}
}
.btn_reduire {
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: underline;
	color: #5f5047;
	font-weight: bold;
	cursor: pointer;
	color: #b4b3b3;
	em {
		font-style: normal;
		color: #b4b3b3;
		text-decoration: none !important;
		font-size: 20px;
		display: inline-block;
		width: 18px;
		text-align: center;
		height: 18px;
		margin-right: 5px;
	}
}
.block-bucheron {
	margin-right: 0px;
}
.img_bucheron {
	&:before {
		content: '';
		width: 20px;
		height: 20px;
		background-color: #fff;
		border: 2px solid #CC4B14;
		display: block;
		border-radius: 50%;
		position: absolute;
		left: -5px;
		bottom: 82px;
	}
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	img {
		width: 206px;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
}
.open_buch {
	.btn_aide {
		display: none;
	}
}
#conteneur_contenu {
	min-width: 1000px;
	width: 100%;
	margin: 0 auto;
	z-index: 6;
}
.par_style_3 {
	form {
		background-color: #ededed;
		padding: 60px 120px;
		p {
			&:nth-child(19) {
				label {
					width: 100%;
				}
			}
			&:nth-child(15) {
				label {
					width: 100%;
				}
			}
			&:nth-child(20) {
				
				margin-top: 20px;
			}
			&:last-child {
				padding-left: 0px;
				margin-top: 20px !important;
			}
		}
		div {
			margin-bottom: 20px !important;
		}
		.input_ville {
			display: inline-block;
			width: calc(100% - 350px) !important;
			margin-bottom: 0 !important;
			position: relative;
		}
	}
	.obl {
		color: #CC4B14;
	}
	.mdl_formulaire {
		form {
			select {
				padding: 10px 15px !important;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
				border-color: #ddd;
				border: 1px solid #cccccc;
				font-size: 16px;
				width: calc(100% - 350px) !important;
				width: auto !important;
			}
			textarea {
				padding: 10px 15px !important;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
				border-color: #ddd;
				border: 1px solid #cccccc;
				font-size: 16px;
				width: calc(100% - 350px) !important;
			}
		}
	}
	label {
		display: inline-block;
		color: #222;
		width: 320px;
		font-size: 17px;
		vertical-align: top;
		margin-top: 7px;
		&:before {
			content: '';
			border: 3px solid #222;
			width: 12px;
			height: 12px;
			display: inline-block;
			border-radius: 50%;
			margin-right: 5px;
		}
	}
	p {
		
	}
	h4 {
		text-transform: uppercase;
		font-weight: bold;
		color: #222;
		font-size: 20px;
		margin-top: 40px;
		display: inline-block;
		margin-bottom: 25px;
		vertical-align: middle;
		&:before {
			width: 3px;
			height: 20px;
			content: '';
			display: inline-block;
			background-color: #ec7f20;
			margin-right: 10px;
			vertical-align: top;
			margin-top: 2px;
		}
	}
}
.blocAlerte {
	p {
		color: #CC4B14;
	}
	li {
		color: #CC4B14;
	}
}
#contenu {
	.par_style_3 {
		form {
			p {
				&:nth-child(20) {
					input {
						width: auto !important;
						margin: 0px;
						vertical-align: middle;
						display: inline-block;
						margin-right: 10px;
					}
				}
				&:last-child {
					input {
						width: 200px !important;
					}
				}
			}
		}
		.mdl_formulaire {
			form {
				input {
					padding: 10px 15px !important;
					-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					border-color: #ddd;
					border: 1px solid #cccccc;
					font-size: 16px;
					width: calc(100% - 350px) !important;
				}
				.input_ville {
					input {
						width: 100% !important;
					}
				}
			}
		}
	}
	.par_fixe {
		.mdl_formulaire {
			form {
				input {
					padding: 10px 15px !important;
					-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					border-color: #ddd;
					border: 1px solid #cccccc;
					font-size: 16px;
					width: calc(100% - 350px) !important;
				}
			}
		}
	}
	margin: 0;
	padding: 0;
	padding-top: 20px;
	position: relative;
	width: 1170px;
	margin: auto;
	z-index: 1000;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.formulaire_equipe {
	.input_ville {
		display: inline-block;
		width: 50% !important;
		box-sizing: border-box;
		padding: 0 15px;
		margin-bottom: 30px;
		position: relative;
	}
}
#header {
	min-width: 1000px;
	width: 100%;
	background-color: #000;
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 100000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	#logo {
		z-index: 1000;
		margin: 0px;
		display: inline-block;
		width: 30%;
		margin-bottom: -25px;
		vertical-align: bottom;
		text-align: left;
		img {
			z-index: 39;
			width: 100%;
		}
	}
	h1 {
		margin: 0px;
		padding: 0px;
		font-size: 1.65em;
	}
	img {
		margin: 0;
		padding: 0;
		background-image: none;
	}
}
.scroll_down {
	#header {
		position: fixed;
		background-color: rgba(0,0,0,0.8);
		#logo {
			margin-bottom: 0px;
		}
	}
	.top-bar {
		height: 0px;
		padding: 0px;
	}
	#conteneur_header {
		padding-top: 10px;
	}
	.logo_scroll {
		display: block;
	}
	.logo_top {
		display: none;
	}
}
.slider {
	position: relative;
}
.recherche {
	position: absolute;
	bottom: 120px;
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 40px;
	padding-bottom: 55px;
	form {
		font-size: 0;
	}
	input[type="text"] {
		font-family: 'PT Serif', serif;
		border-radius: 5px;
		font-style: italic;
		border: 0px;
		font-size: 22px;
		width: calc((100% - 210px)/2);
		padding: 15px 15px !important;
		vertical-align: middle;
	}
	span {
		color: #fff;
		font-weight: 900;
		text-transform: uppercase;
		font-size: 20px;
		display: inline-block;
		padding: 0 15px;
		vertical-align: middle;
	}
	button {
		&:before {
			display: inline-block;
		}
		background-color: #CC4B14;
		border: 0;
		width: 100px;
		height: 60px;
		display: inline-block;
		font-size: 28px;
		color: #fff;
		position: relative;
		margin-left: 40px;
		border-radius: 5px;
		overflow: hidden;
	}
	input[type="submit"] {
		background-color: transparent;
		position: absolute;
		border: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0 !important;
	}
	h5 {
		color: #fff;
		font-weight: bold;
		margin-bottom: 40px;
		font-size: 26px;
		text-transform: uppercase;
		font-weight: 900;
		margin-top: 0px;
	}
}
.page-heading {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;
	padding-top: 250px;
	text-align: left;
	background-image: url(http://mamotosurcircuit.com/images/interface/slide2.jpg);
	position: relative;
	background-position: top center;
	&:after {
		position: absolute;
		content: '';
		background-color: #000;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		opacity: 0.6;
		z-index: 1;
	}
	.container {
		margin: auto;
		position: relative;
		z-index: 2;
		max-width: 1170px;
	}
	.page-title {
		h2 {
			font-size: 40px;
			font-weight: 900;
			text-transform: uppercase;
			text-align: center;
			color: #cc4b14;
			padding-bottom: 0;
			margin-bottom: 0px;
			letter-spacing: 2px;
			&:after {
				background-color: #1059a6 !important;
				width: 90px !important;
			}
		}
		.line-dec {
			margin: 10px 0px;
			width: 90px;
			height: 1px;
			background-color: #1059a6;
			display: none;
		}
		span {
			font-size: 24px;
			font-weight: normal;
			color: #2d3031;
			line-height: 36px !important;
		}
	}
}
#conteneur_header {
	width: 1170px;
	font-size: 0;
	margin: auto;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 10px 0px;
	padding-top: 0px;
}
.img_covid {
	max-width: 100%;
}
.covid_img {
	background-color: #fff;
	text-align: center;
}
.connexion {
	img {
		width: 50px;
	}
	display: inline-block;
	width: 5%;
}
.center_home {
	max-width: 1140px;
	margin: auto;
	.desc_actu {
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
}
.carousel_partenaire {
	max-width: 1140px;
	margin: auto;
	img {
		opacity: 0.5;
		&:hover {
			opacity: 1;
		}
	}
	.block {
		img {
			width: auto !important;
			display: block;
			margin: auto;
			width: 100% !important;
			padding: 0 15px;
			height: auto !important;
		}
		a {
			display: inline-block;
		}
		text-align: center;
	}
}
.style_arrow {
	.owl-controls {
		position: absolute;
		left: -80px;
		top: 50%;
		right: -80px;
		margin-top: -40px !important;
	}
	.owl-prev {
		left: 0;
		position: absolute;
		background-color: transparent !important;
		i {
			color: #aaa;
			font-size: 60px;
			transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
		}
		&:hover {
			i {
				color: #cc4b14;
			}
		}
	}
	.owl-next {
		right: 0;
		position: absolute;
		background-color: transparent !important;
		&:hover {
			i {
				color: #cc4b14;
			}
		}
		i {
			color: #aaa;
			font-size: 60px;
			transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
		}
	}
}
.fiche_lien {
	h3 {
		font-family: 'Montserrat' !important;
		font-size: 30px;
		font-weight: 700;
		color: #111111;
		text-transform: uppercase;
		margin-bottom: 20px;
		&:before {
			content: '-';
			display: inline-block;
			margin-right: 15px;
			vertical-align: middle;
			color: #ffdd00;
			font-size: 30px;
		}
	}
	h4 {
		font-family: 'Montserrat' !important;
		font-size: 30px;
		font-weight: 700;
		color: #111111;
		text-transform: uppercase;
		margin-bottom: 20px;
		&:before {
			content: '-';
			display: inline-block;
			margin-right: 15px;
			vertical-align: middle;
			color: #ffdd00;
			font-size: 30px;
		}
	}
	font-size: 0;
	margin-top: 30px;
	padding-bottom: 60px;
}
.presentation {
	padding: 100px 0px;
	p {
		text-align: center;
		font-family: 'PT Serif', serif;
		font-style: italic;
		font-size: 18px;
		margin-bottom: 65px;
		line-height: 35px;
		max-width: 1100px;
		margin: auto;
	}
}
.title_section {
	text-align: center;
	h3 {
		margin-top: 0;
		margin-bottom: 40px;
		font-weight: 900;
		text-transform: uppercase;
		font-size: 35px;
		color: #222;
	}
	p {
		text-align: center;
		font-family: 'PT Serif', serif;
		font-style: italic;
		font-size: 18px;
		margin-bottom: 65px;
	}
}
.picto {
	margin-bottom: 35px;
}
.prof {
	padding: 70px 0px;
	.lien_home {
		a {
			border-color: #222;
			color: #222;
		}
		margin-top: 80px;
	}
}
.chiffre_home {
	h4 {
		position: relative;
		text-align: center;
		font-size: 26px !important;
		margin-bottom: 30px;
		padding-bottom: 20px;
		font-weight: 900;
		&:after {
			width: 120px;
			height: 1px;
			background-color: #cbded5;
			content: '';
			display: block;
			margin: auto;
			margin-top: 30px;
		}
	}
	margin-bottom: 30px;
	font-size: 0;
	margin-top: 60px;
	text-align: center;
}
.block_chiffre {
	display: inline-block;
	width: 33.33333%;
	margin-bottom: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	font-style: italic;
	font-family: 'PT Serif', serif;
	font-size: 20px;
	vertical-align: top;
	.num_home {
		display: block;
		font-weight: bold;
		font-size: 26px;
		padding-bottom: 10px;
	}
}
.desc_num {
	font-size: 18px !important;
}
.lien_home {
	text-align: center;
	a {
		display: inline-block;
		color: #CC4B14;
		border: 2px solid #CC4B14;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 18px;
		line-height: 18px;
		padding: 20px 30px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		&:hover {
			background-color: rgb(0, 166, 91);
			color: #fff !important;
			border-color: #CC4B14 !important;
		}
	}
}
.row_actu {
	font-size: 0;
	text-align: center;
}
.block_actu {
	text-align: left;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	overflow: hidden;
	padding: 25px 10px;
	padding-bottom: 50px;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	img {
		width: 100%;
		width: 364px;
		height: 364px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
	}
}
.hover_actu {
	&:hover {
		-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.6);
		width: 96%;
	}
	width: 90%;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.block_prof {
	position: relative;
	display: block;
	vertical-align: top;
	img {
		width: 100%;
	}
	.desc_prof {
		border-left: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		padding-top: 35px;
		padding-bottom: 20px;
		text-align: center;
		h4 {
			margin-top: 0;
			text-align: center;
			margin-bottom: 25px;
			a {
				color: #222;
				font-weight: 900;
				font-size: 28px;
			}
		}
		.club {
			text-align: center;
			font-size: 18px;
			font-family: 'PT Serif', serif;
			font-style: italic;
			margin-bottom: 10px;
			span {
				color: #222;
			}
			a {
				color: #94949d;
			}
			img {
				display: inline-block;
				width: auto;
			}
		}
		.lieu {
			text-align: center;
			font-size: 18px;
			font-family: 'PT Serif', serif;
			font-style: italic;
			span {
				color: #222;
			}
			a {
				color: #94949d;
			}
			img {
				display: inline-block;
				width: auto;
			}
		}
	}
}
.img_prof {
	a {
		display: block;
		position: relative;
		&:after {
			content: '\f002';
			position: absolute;
			top: 50%;
			bottom: 50%;
			left: 50%;
			width: 0;
			background-color: rgba(0, 166, 91, 0.4);
			transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			color: #fff;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			box-sizing: border-box;
		}
	}
	&:hover {
		a {
			&:after {
				top: 0;
				padding-top: 47%;
				padding-left: 47%;
				left: 0;
				font-size: 30px;
				width: 100%;
				bottom: 0;
			}
		}
	}
}
.prof-carousel {
	.owl-dots {
		.owl-dot {
			span {
				width: 15px !important;
				height: 15px !important;
			}
		}
		.owl-dot.active {
			span {
				background-color: #CC4B14 !important;
			}
		}
	}
	.block {
		padding: 12px;
	}
	.owl-stage-outer {
		padding-bottom: 30px !important;
	}
}
.desc_actu {
	padding-top: 15px;
	font-size: 16px !important;
	padding-bottom: 15px !important;
	h4 {
		margin: 0px;
		a {
			color: #cc4b14;
			font-weight: 400;
			font-family: 'Russo One', sans-serif !important;
			font-size: 22px !important;
			padding-top: 10px !important;
		}
	}
	p {
		color: #000000;
		font-size: 15px !important;
		line-height: 18px !important;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 500 !important;
		>br {
			display: none;
		}
	}
	>a {
		&:hover {
			color: #CC4B14 !important;
			text-decoration: underline !important;
		}
	}
}
.actu_sec {
	.desc_actu {
		background-color: #fff;
		text-align: left;
		padding: 15px 20px;
	}
	background-color: #d0cfd2;
}
.row_prof {
	font-size: 0;
}
.partenaires {
	padding: 80px;
	padding-bottom: 120px;
}
.row_good_deals {
	font-size: 0;
}
#menu_haut {
	list-style-type: none;
	width: 100%;
	font-size: 0;
	>ul {
		>li {
			display: inline-block;
			text-transform: uppercase;
			font-size: 14px;
			position: relative;
			transition: 0.5s all ease;
			-webkit-transition: 0.5s all ease;
			>ul {
				top: 100px;
			}
		}
		display: inline-block;
	}
	ul {
		margin: 0 !important;
		padding: 0 !important;
		ul {
			left: -9999px;
			opacity: 0;
			-webkit-transition: top .2s ease, opacity .2s ease;
			-moz-transition: top .2s ease, opacity .2s ease;
			-ms-transition: top .2s ease, opacity .2s ease;
			-o-transition: top .2s ease, opacity .2s ease;
			transition: top .2s ease, opacity .2s ease;
		}
	}
	li {
		&:first-child {
			border-left: 0px;
		}
		padding: 5px 15px;
		a {
			display: block;
			padding: 0px 0px;
			padding-bottom: 5px;
			color: rgba(255, 255, 255, 0.7);
			transition: 1s all ease;
			-webkit-transition: 1s all ease;
			outline: none;
			text-decoration: none;
			border-bottom: 1px solid #000;
			font-family: "Roboto Condensed", sans-serif;
			text-transform: uppercase;
			&:hover, &.active {
				border-bottom: 1px solid #fd0;
			}
		}
	}
}

.social-links{
  font-family: "Roboto Condensed", sans-serif;
}
.menu-sub {
	position: absolute;
	top: 49px;
	z-index: 999;
	padding: 0 0;
	background-color: #fff;
	text-align: right;
	left: -17px;
	list-style-type: none;
	>li {
		display: block !important;
		border-top: 1px solid #ccc;
	}
	a {
		min-width: 200px;
		color: #222 !important;
		text-align: left;
		font-weight: normal !important;
		text-transform: none;
		padding: 10px 13px 10px 15px !important;
	}
}
#header_popup {
	display: none;
}
.PGS_PNEUS {
	#contenu {
		width: 100%;
	}
}
.PGS_PRIMES {
	#contenu {
		width: 100%;
	}
	#centreetdroite {
		width: 100%;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
.page_liquid {
	#contenu {
		width: 100% !important;
	}
	#centreetdroite {
		width: 100% !important;
		padding-bottom: 0px;
	}
}
.pageAccueil {
	#contenu {
		padding: 0px;
		width: 100%;
	
	}
	#ariane {
		display: none;
	}
	#centreetdroite {
		padding-bottom: 0;
		height: auto !important;
		width: 100% !important;
	}
}
.mdlPanier {
	h3 {
		+ {
			p {
				+ {
					table {
						>tbody {
							>tr {
								>td {
									display: inline-block;
									width: 47% !important;
									border: 1px solid #ccc;
									box-sizing: border-box;
									padding: 30px;
									&:nth-child(1) {
										margin-right: 4%;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
a[name="formIdentificationLog"] {
	+ {
		h3 {
			+ {
				p {
					+ {
						table {
							>tbody {
								>tr {
									>td {
										display: inline-block;
										width: 47% !important;
										border: 1px solid #ccc;
										box-sizing: border-box;
										padding: 30px;
										&:nth-child(1) {
											margin-right: 4%;
										}
									}
								}
							}
							input[type="text"] {
								display: block;
								width: 250px !important;
								background-color: #fff;
								border: 1px solid #ccc;
								padding: 15px;
								display: inline-block;
								width: 100% !important;
								box-sizing: border-box;
								padding: 10px 15x;
								font-size: 16px;
								color: #555555;
								background-color: #ffffff;
								background-image: none;
								border: 1px solid #cccccc;
								border-radius: 7px;
								transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
								margin-bottom: 0px !important;
							}
							input[type="password"] {
								display: block;
								width: 250px !important;
								background-color: #fff;
								border: 1px solid #ccc;
								padding: 15px;
								display: inline-block;
								width: 100% !important;
								box-sizing: border-box;
								padding: 10px 15x;
								font-size: 16px;
								color: #555555;
								background-color: #ffffff;
								background-image: none;
								border: 1px solid #cccccc;
								border-radius: 7px;
								transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
								margin-bottom: 0px !important;
							}
							label {
								display: inline-block;
								margin-top: 10px;
							}
						}
					}
				}
			}
		}
	}
}
form[name="form_recherche2"] {
	input[type="text"] {
		padding: 10px 15px;
	}
}
input[type="submit"] {
	color: #fff !important;
	background-color: #CC4B14;
	font-size: 16px !important;
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	font-weight: normal !important;
	display: inline-block;
	border: #CC4B14 0.5px solid;
	-webkit-transition: 0.5s all ease;
	font-family: 'Fugaz One', cursive;
	text-transform: uppercase;
}
input[type="reset"] {
	color: #fff !important;
	background-color: #CC4B14;
	font-size: 16px !important;
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	font-weight: normal !important;
	display: inline-block;
	border: #CC4B14 0.5px solid;
	-webkit-transition: 0.5s all ease;
	font-family: 'Fugaz One', cursive;
	text-transform: uppercase;
}
#formCreationLog {
	a {
		color: #fff !important;
		background-color: #CC4B14;
		font-size: 16px !important;
		padding: 10px 20px;
		cursor: pointer;
		border: none;
		font-weight: normal !important;
		display: inline-block;
		border: #CC4B14 0.5px solid;
		-webkit-transition: 0.5s all ease;
		font-family: 'Fugaz One', cursive;
		text-transform: uppercase;
	}
}
.submit {
	color: #fff !important;
	background-color: #CC4B14;
	font-size: 16px !important;
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	font-weight: normal !important;
	display: inline-block;
	border: #CC4B14 0.5px solid;
	-webkit-transition: 0.5s all ease;
	font-family: 'Fugaz One', cursive;
	text-transform: uppercase;
	&:hover {
		background-color: transparent;
		color: #CC4B14 !important;
	}
}
.btn-panier {
	color: #fff !important;
	background-color: #CC4B14;
	font-size: 16px !important;
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	font-weight: normal !important;
	display: inline-block;
	border: #CC4B14 0.5px solid;
	-webkit-transition: 0.5s all ease;
	font-family: 'Fugaz One', cursive;
	text-transform: uppercase;
}
.btn_gestion {
	a {
		color: #fff !important;
		background-color: #000;
		font-size: 16px !important;
		padding: 10px 20px;
		cursor: pointer;
		border: none;
		font-weight: normal !important;
		display: inline-block;
		border: #000 0.5px solid;
		vertical-align: top;
		margin-right: 10px;
		-webkit-transition: 0.5s all ease;
		font-family: 'Fugaz One', cursive;
		text-transform: uppercase;
	}
}
a.infobulle {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
	border: none;
	border: none;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: content-box;
	img {
		border: none;
		text-decoration: none;
		padding-left: 5px;
		padding-right: 5px;
		box-sizing: content-box;
	}
	&:hover {
		background: none;
		z-index: 25;
		span {
			display: block;
			position: absolute;
			top: 0;
			left: 3em;
			padding: 2px;
			width: 20em;
			border: 1px solid #7F9DB9;
			background-color: #EDEDED;
			color: #000000;
			text-align: left;
			font-size: 0.8em;
			font-weight: normal;
		}
	}
	span {
		display: none;
	}
}
input[type=checkbox] {
	margin: 0;
}
input[type=radio] {
	margin: 0;
}
.picto_inscription {
	text-align: left;
	font-size: 0;
	a {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-bottom: 30px;
		box-sizing: border-box;
		margin-right: 30px;
		&:nth-child(3) {
			margin-bottom: 0px;
			img {
				max-width: 100px;
				margin-top: 30px;
				margin-bottom: 20px;
			}
		}
		&:nth-child(4) {
			margin-bottom: 0px;
		}
		span {
			font-size: 18px;
			display: block;
		}
		&:last-child {
			margin-right: 0;
		}
		&:nth-child(2) {
			margin-right: 0;
		}
	}
	img {
		width: 100%;
		max-width: 90px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
}
#contenu_scroller {
	&:after {
		content: '';
		display: table;
		clear: both;
	}
}
#gauche {
	float: right;
	margin: 0;
	padding: 0;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 262px;
	h4 {
		a {
			color: #36b5e4 !important;
		}
	}
	p {
		color: #1a333c !important;
	}
	#paragraphe146 {
		.suite {
			position: absolute;
			background-color: #36b5e4;
			&:hover {
				background-color: #36b5e4;
				color: #fff !important;
				border: none;
			}
		}
	}
	.mdl_billet {
		p {
			padding-bottom: 40px;
		}
	}
	h3 {
		text-transform: uppercase;
	}
}
#centre {
	width: 620px;
	margin: 0;
	margin-left: 30px;
	padding: 0;
	p {
		img {
			padding: 0 5px;
			margin: 0;
		}
	}
	div.paragraphe {
		margin: 0 0 10px 0;
	}
	.mdl_immo {
		table {
			.insertion {
				display: block;
				text-align: center;
				background-color: transparent;
				padding: 0px;
				padding-left: 5px;
				margin: 0px;
				margin-right: -3px;
			}
		}
	}
}
#centreetdroite {
	width: 1170px;
	margin: auto;
	padding-bottom: 20px;
	.news {
		h4 {
			a {
				font-size: 18px !important;
			}
		}
	}
	div.paragraphe {
		margin: 0 0 10px 0;
	}
	.mdl_immo {
		table {
			.insertion {
				display: block;
				text-align: center;
				background-color: transparent;
				padding: 0px;
				padding-left: 5px;
				margin: 0px;
				margin-right: -3px;
			}
		}
	}
}
.center_partenaire {
	max-width: 1140px;
	margin: auto;
	font-size: 0;
}
.right_middle {
	h4 {
		font-family: 'Montserrat' !important;
		font-size: 30px;
		font-weight: 700;
		color: #111111;
		text-transform: uppercase;
		margin-bottom: 20px;
		span {
			display: inline-block;
			width: calc(100% - 30px);
			vertical-align: top;
		}
		&:before {
			content: '-';
			display: inline-block;
			margin-right: 15px;
			vertical-align: middle;
			color: #ffdd00;
			font-size: 30px;
		}
	}
	li {
		font-size: 16px;
	}
	ul {
		margin: 0px;
	}
	>ul {
		>li {
			list-style: none;
			margin-bottom: 20px;
			&:before {
				content: '>';
				color: #cc4b14;
				font-weight: 600;
				padding-right: 6px;
			}
			>ul {
				margin-left: 30px;
				>li {
					margin: 0px;
					list-style: none;
					margin-top: 15px;
				}
				span {
					font-weight: 600;
					color: #cc4b14;
				}
			}
		}
	}
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding-left: 50px;
}
.left_top {
	vertical-align: middle;
	display: inline-block;
	width: 370px;
	max-width: 100%;
	img {
		max-width: 100%;
		height: auto;
	}
}
.right_top {
	img {
		margin-bottom: 20px;
		max-width: 100%;
		height: auto;
	}
	h4 {
		font-size: 40px;
		margin: 0;
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #cc4b14;
	}
	vertical-align: middle;
	display: inline-block;
	width: calc(100% - 370px);
}
.left_middle {
	display: inline-block;
	width: 50%;
	img {
		max-width: 100%;
		height: auto;
	}
}
#paragraphe330 {
	.left_middle {
		img {
			width: 100%;
			height: auto;
			display: block;
			margin: 0px auto;
			margin-bottom: 10px;
			padding: 10px;
		}
	}
}
.right_buttons {
	display: block;
	width: 100%;
	font-size: 0;
	height: 50px;
	padding: 30px 0;
	.buttons {
		display: inline-block;
		width: 50%;
		text-align: left;
		a {
			display: inline-block;
			font-size: 20px;
			background-color: #ffe500;
			color: #000;
			font-family: 'Fugaz One', cursive;
			text-transform: uppercase;
			padding: 5px 30px;
		}
	}
}
div.facebook-myconnect {
	text-align: center;
	padding-bottom: 30px;
}
#img-facebook-myconnect {
	cursor: pointer;
	padding-bottom: 30px;
}
div.facebook-myconnect-otherchoice {
	width: 80%;
	text-align: center;
	border-bottom: 1px solid #808080;
	line-height: 0.1em;
	margin: auto;
}
.facebook-myconnect-otherchoice {
	span {
		background: #fff;
		color: #808080;
		padding: 0 15px;
		font-weight: bold;
	}
}
#droite {
	width: 300px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	img.immo {
		padding: 0 4px;
		border: 1px solid #000000;
		background-color: #FFFFFF;
	}
	img.immo_vignette {
		padding: 0 4px;
		border: 1px solid #000000;
		background-color: #FFFFFF;
	}
	form {
		margin: 0px;
		padding: 0px;
	}
	fieldset {
		margin: 0px;
		border: none;
		padding: 0px;
		padding-left: 5px;
		p {
			padding: 0px;
			border: none;
		}
		legend {
			border: none;
			padding: 0px;
			padding-top: 10px;
			padding-bottom: 5px;
			color: #cd1671;
			font-weight: bold;
			background: transparent;
		}
	}
	h3 {
		color: #eb6c0e;
	}
	label {
		color: #666666;
		float: left;
		font-size: 10px;
		font-weight: normal;
	}
	input {
		float: right;
		font-size: 10px;
		margin-top: -18px;
		border: 1px #666666 solid;
	}
	textarea {
		float: right;
		font-size: 10px;
		margin-top: -18px;
		border: 1px #666666 solid;
	}
	input.submit {
		float: right;
		font-size: 10px;
		margin-top: 10px;
		border: none;
	}
	a {
		&:link {
			color: #d96918;
		}
		&:visited {
			color: #d96918;
		}
	}
}
#pied {
	#conteneur_pied {
		color: #fff;
		background-repeat: no-repeat;
		background-position: center top;
		width: 1140px;
		margin: 0 auto;
		z-index: 100;
		position: relative;
		height: auto;
		padding-top: 50px;
		padding-bottom: 50px;
		&:after {
			content: '';
			display: table;
			clear: both;
		}
		>div {
			&:nth-child(2) {
				li {
					padding: 20px 0px;
					border-bottom: 1px solid #585858;
					a {
						font-size: 16px;
					}
					&:last-child {
						border: 0px;
					}
				}
			}
			&:nth-child(1) {
				p {
					font-size: 14px;
					margin-top: 20px;
				}
			}
			&:nth-child(3) {
				li {
					font-family: 'roboto condensed', serif;
					font-style: italic;
					color: #7e7e7e;
					padding: 10px 0;
					span {
						display: block;
					}
				}
				ul {
					margin: 0;
					padding: 0;
				}
			}
		}
	}
	h5 {
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-size: 18px;
	}
	li {
		font-size: 14px;
		a {
			color: #fff;
		}
	}
	h3 {
		margin-top: 28px;
		margin-bottom: 27px;
		font-size: 18px;
		font-weight: 600;
		color: white;
		text-transform: uppercase;
		font-family: "Roboto Condensed", sans-serif;
		&:before {
			display: inline-block;
			width: 10px;
			height: 3px;
			margin-right: 15px;
			content: '';
			vertical-align: middle;
			background-color: #ffe500;
		}
	}
	.footer-section_list-columns {
		margin-left: 40px;
	}
	width: 100%;
	margin: auto;
	background-color: #151515;
	color: #fff;
	font-size: 0;
	padding-top: 60px;
	color: #888;
	background: url(http://mamotosurcircuit.com/images/interface/bg-footer.jpg);
	background-size: cover;
	position: relative;
	&:after {
		opacity: .9;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		background-color: #0d0d0d;
	}
	ul {
		margin: 0;
		padding: 0;
	}
}
.footer-list_columns {
	a {
		position: relative;
		padding-left: 20px;
		&:after {
			position: absolute;
			top: 7px;
			left: 0;
			width: 7px;
			height: 7px;
			content: '';
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			border-top: 2px solid #ccc;
			border-right: 2px solid #ccc;
		}
	}
}
.social-net__item {
	margin-right: 12px;
}
.footer-contact {
	position: relative;
	margin-bottom: 9px;
	padding-left: 38px;
	letter-spacing: .02em;
	color: #fff;
	font-size: 14px;
	a {
		&:hover {
			color: #CC4B14 !important;
		}
	}
	.icon {
		position: absolute;
		top: 0;
		left: 0;
		margin-right: 10px;
		font-size: 16px;
		text-align: center;
		color: #ccc;
	}
	.icon-xs {
		font-size: 14px;
	}
	.icon-lg {
		font-size: 18px;
	}
}
.footer-contact_lg {
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0;
}
.footer__info {
	margin-bottom: 30px;
	line-height: 1.86;
	font-size: 14px;
	color: #bbb;
}
.footer__logo {
	display: block;
	margin-bottom: 27px;
}
img.imgtitre {
	margin-left: 0px !important;
	padding: 9px !important;
	padding-left: 0px !important;
}
img.mdl_billet {
	box-sizing: border-box;
	padding-bottom: 40px !important;
	width: auto !important;
	float: right;
	height: auto;
	padding-left: 40px !important;
}
h2 {
	img.imgtitre {
		margin-left: 0px !important;
		padding: 0px !important;
	}
	font-size: 1.25em;
	color: #3A4046;
	margin-top: 0;
}
h3 {
	font-size: 1.25em;
	color: #3A4046;
	margin-top: 0;
	font-size: 20px;
	margin-bottom: 10px;
}
.user_gestion {
	h3 {
		text-transform: uppercase;
		color: #222;
	}
}
.link_gestion {
	text-align: right;
	a {
		margin-left: 10px;
		background-color: #CC4B14;
		color: #fff !important;
		display: inline-block;
		margin-bottom: 10px;
		padding: 5px 10px;
		font-weight: 600;
		text-transform: uppercase;
		border-radius: 3px;
	}
}
img.picto {
	padding: 2px 2px 0 0;
}
img.immo {
	padding: 0 4px;
	background-color: #FFFFFF;
}
img.immo_vignette {
	padding: 0 4px;
	background-color: #FFFFFF;
}
html {
	>body {
		#pied {
			ul {
				margin: 0;
				list-style: none;
			}
		}
	}
}
legend {
	font-weight: bold;
}
label {
	font-weight: bold;

}
label.intitule {
	display: inline;
	float: left;
	width: 120px;
}
.fake_check {
	margin-bottom: 10px;
	input[type="checkbox"] {
		&:checked {
			left: -10000px !important;
		}
		&:not(:checked) {
			left: -10000px !important;
		}
	}
	input[type="radio"] {
		&:checked {
			left: -10000px !important;
			position: absolute;
			z-index: 1;
		}
		&:not(:checked) {
			left: -10000px !important;
			position: absolute;
			z-index: 1;
		}
	}
	[type="checkbox"] {
		&:checked {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #ccc;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						opacity: 1;
						transform: scale(1);
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -13px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #cc4b14;
						transition: all .2s;
						opacity: 1;
						transform: scale(1);
					}
				}
			}
		}
		&:not(:checked) {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #ccc;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -13px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #cc4b14;
						transition: all .2s;
						opacity: 0;
						transform: scale(0);
					}
				}
			}
		}
	}
	[type="radio"] {
		&:not(:checked) {
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px;
					text-align: center;
					display: inline-block;
					vertical-align: top;
					margin: 0;
					height: 20px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: 0px;
						top: 0px;
						margin-left: 0px;
						width: 21px;
						border: 2px solid #9a9a9a;
						height: 21px;
						border-radius: 50%;
						background: #f8f8f8;
					}
					&:after {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						margin-left: 4px;
						margin-top: 4px;
						font-size: 20px;
						background-color: #cc4b14;
						transition: all .2s;
						z-index: 20;
						height: 13px;
						width: 13px;
						border-radius: 50%;
						opacity: 0;
						transform: scale(0);
					}
				}
			}
		}
		&:checked {
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px;
					text-align: center;
					display: inline-block;
					vertical-align: top;
					margin: 0;
					height: 20px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: 0px;
						top: 0px;
						margin-left: 0px;
						width: 21px;
						border: 2px solid #9a9a9a;
						height: 21px;
						border-radius: 50%;
						background: #f8f8f8;
					}
					&:after {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						margin-left: 4px;
						margin-top: 4px;
						font-size: 20px;
						background-color: #cc4b14;
						transition: all .2s;
						z-index: 20;
						height: 13px;
						width: 13px;
						border-radius: 50%;
						opacity: 1;
						transform: scale(1);
					}
				}
			}
		}
	}
}
.fake_check.radio {
	margin-right: 15px;
	display: inline-block;
}
.par_fixe {
	form {
		background-color: #ededed;
		padding: 60px 120px;
	}
	p {
		margin-top: 20px;
		>label {
			display: inline-block;
			color: #222;
			width: 100%;
			font-size: 17px;
			vertical-align: top;
			margin-top: 7px;
		}
	}
}
.affinez-recherche {
	font-size: 0px;
	border: 1px solid #ccc;
	padding: 30px;
	margin-bottom: 30px;
	legend {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		font-size: 21px;
		line-height: inherit;
		color: #333;
		border: 0;
		float: left;
		border-bottom: 1px solid #e5e5e5;
	}
	input[type="text"] {
		font-family: 'PT Serif', serif;
		font-style: italic;
		color: #222;
		border: 1px solid #ddd;
		padding: 10px;
		border-radius: 5px;
		font-size: 18px;
		width: 100%;
	}
	select {
		font-family: 'PT Serif', serif;
		font-style: italic;
		color: #222;
		border: 1px solid #ddd;
		padding: 10px;
		border-radius: 5px;
		font-size: 18px;
		width: 100%;
		padding-left: 10px;
	}
	.group_form_annonce {
		display: inline-block;
		width: 25%;
		margin-bottom: 15px;
		padding: 0 15px;
	}
	.prix_ba {
		width: 50%;
		font-size: 18px;
	}
	form {
		margin-left: -15px;
		margin-right: -15px;
	}
	.valid_form {
		margin-right: 15px;
		text-align: right;
		input {
			border-radius: 5px;
		}
	}
	label {
		font-size: 18px;
		color: #222;
		display: block;
	}
}
.prix_ba {
	select {
		display: inline-block;
		width: 30%;
		&:nth-child(1) {
			margin-right: 30px;
		}
	}
}
#paragraphe332 {
	.center_programme {
		max-width: 952px;
	}
	.primes_right {
		vertical-align: bottom !important;
		text-align: right;
		a {
			margin: 0px;
			margin-bottom: 25px;
		}
	}
	.chevrons {
		font-style: italic;
		font-size: 20px;
	}
}
#paragraphe333 {
	.center_programme {
		max-width: 952px;
	}
	.primes_right {
		vertical-align: bottom !important;
		text-align: right;
		a {
			margin: 0px;
			margin-bottom: 25px;
		}
	}
	.chevrons {
		font-style: italic;
		font-size: 20px;
	}
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 30px;
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.mdl_paragraphe2Colonne {
	li {
		text-align: left !important;
	}
}
.mdl_image_aleatoire {
	margin: -2px 0 0 0;
}
.mdl_citation_aleatoire {
	p {
		padding: 0 10px;
		color: #3d9bde;
	}
	em {
		font-weight: bold;
	}
}
.promo_dunlop {
	img {
		max-width: 100%;
	}
	display: block;
	margin-bottom: 15px;
	text-align: center;
}
.img_partenaire {
	display: inline-block;
	width: 200px;
	img {
		width: 100%;
		height: auto;
	}
}
.list_partenaire {
	td {
		font-size: 0;
		border: 0px;
		padding: 20px 0px;
		border-bottom: 1px solid #ccc;
	}
	border: 0px;
	width: 100%;
	tr {
		border: 0px;
	}
	a.suite {
		display: inline-block;
		color: #fff;
		background-color: #CC4B14 !important;
		border: 0px;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
		padding: 15px 30px;
		font-size: 16px !important;
		&:hover {
			color: #fff !important;
		}
	}
}
.right_part {
	display: inline-block;
	width: calc(100% - 200px);
	vertical-align: top;
	padding-left: 50px;
	box-sizing: border-box;
	h4 {
		a {
			color: #222;
			font-size: 25px;
		}
		margin-top: 0px;
		margin-bottom: 40px;
	}
}
.login_btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	margin-bottom: -10px;
	img {
		width: 320px;
	}
}
.login_btn.float {
	float: right;
}
a.glossaire {
	color: #808080;
	text-decoration: underline;
	&:visited {
		color: #808080;
		text-decoration: underline;
	}
}
a.alt {
	font-weight: bold;
}
a.suite {
	background-color: #97bf0d;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: inline-block;
	&:hover {
		background-color: transparent;
		border: 1px solid #97bf0d;
		color: #97bf0d !important;
	}
	&:visited {
		color: #ffffff;
	}
}
.villeSuggestionList {
	margin: 0px;
	padding: 0px;
	li {
		list-style: none;
		font-size: 14px;
		padding: 3px;
		cursor: pointer;
		&:hover {
			background-color: #c0c0c0;
		}
	}
}
#liste_mcl {
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px #AAAAAA solid;
	background-color: #F9F9F9;
	color: #808080;
	a {
		color: #808080;
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}
#mdl_TopMCL {
	a {
		color: #fff !important;
		text-decoration: none !important;
		font-weight: normal;
		display: inline-block;
		background-color: #2d343e;
		padding: 5px;
		border-radius: 3px;
	}
	.mcl0 {
		margin-bottom: 5px;
		display: inline-block;
	}
	.mcl5 {
		margin-bottom: 5px;
		display: inline-block;
	}
	.mcl1 {
		margin-bottom: 5px;
		display: inline-block;
	}
	.mcl2 {
		margin-bottom: 5px;
		display: inline-block;
	}
	.mcl3 {
		margin-bottom: 5px;
		display: inline-block;
	}
	.mcl4 {
		margin-bottom: 5px;
		display: inline-block;
	}
}
.mdl_immo_selecteur {
	position: relative;
	width: 918px;
	margin-right: -40px;
	table {
		width: 100%;
	}
	th {
		color: #be8f05;
		text-align: left;
		padding-left: 20px;
		border-bottom: 1px solid #be8f05;
		font-size: 1.25em;
	}
	ul {
		margin: 0px;
		padding: 0px;
	}
	li {
		background-image: url(http://mamotosurcircuit.com/images/interface/fleche.gif);
		background-position: left top;
		background-repeat: no-repeat;
		list-style: none;
		padding-left: 20px;
		padding-right: 40px;
		margin-bottom: 5px;
	}
}
div.mdl_immo {
	img.immo {
		background-color: #FFFFFF;
		padding: 6px !important;
		margin-right: 10px;
	}
}
p.bloc_tri {
	background-color: #544d47;
	color: white;
	padding: 5px;
	a {
		color: white;
		font-weight: bold;
	}
}
form.bloc_tri {
	background-color: transparent;
	color: white;
	font-size: 14px;
	text-align: right;
	margin-bottom: 5px;
	select {
		border: 0px;
		font-size: 14px;
		padding: 5px;
		color: #222;
		border: 1px solid #ccc;
	}
}
tr.annonce {
	padding-top: 5px;
	&:hover {
		background-color: #fce8cd;
	}
	h4 {
		margin: 0px !important;
		a {
			color: #ff6600;
		}
	}
	td {
		border-top: 1px #AFAFAF dotted;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
td.footerannonce {
	background-color: #AFAFAF;
	padding-left: 2px;
	vertical-align: bottom;
	p {
		margin: 0px !important;
		padding: 0px !important;
	}
	a {
		background-color: #000000;
		color: #FFFFFF;
		padding: 2px;
		padding-left: 4px;
		padding-right: 4px;
	}
}
.prix {
	color: #e3721f;
	font-size: 1.25em;
	font-weight: bold;
}
div.mdl_modele_fiche {
	h2 {
		text-align: right;
		margin: 0 !important;
		margin-right: 18px !important;
		span {
			color: #fff;
			padding: 8px !important;
		}
	}
}
div.modeles_similaires {
	img {
		padding: 4px;
	}
}
.mdl_ligne_cev {
	margin-bottom: 0 !important;
}
.rechercher_modeles {
	#frm_surface {
		width: 200px;
	}
	#frm_nb_pieces {
		width: 200px;
	}
	#frm_etage {
		width: 200px;
	}
	td {
		width: 387px;
	}
}
.prev_fred {
	background-image: url(http://mamotosurcircuit.com/images/interface/prev_fred.png);
	height: 55px;
	width: 46px;
	display: block !important;
	position: absolute;
	top: 210px;
}
.next_fred {
	background-image: url(http://mamotosurcircuit.com/images/interface/next_fred.png);
	height: 55px;
	width: 46px;
	display: block !important;
	position: absolute;
	top: 210px;
	right: 0px;
}
.pager {
	a {
		span {
			display: none;
		}
		background-color: #fff;
		width: 16px;
		height: 16px;
		display: inline-block;
		margin-left: 10px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		line-height: 40px;
		vertical-align: middle;
	}
	a.selected {
		background-color: #97bf0d;
		width: 16px;
		height: 16px;
		display: inline-block;
		margin-left: 10px;
		line-height: 15px;
		vertical-align: middle;
	}
}
#pager2 {
	position: absolute;
	width: 1920px;
	text-align: center;
	top: 400px;
	width: 100%;
	bottom: 10px;
	top: auto;
}
#position-menu {
	position: relative;
	width: 70%;
	display: inline-block;
	vertical-align: bottom;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-align: right;
}
.sub {
	display: inline-block;
	a {
		background-color: #000000;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		font-family: 'Roboto';
		display: inline-block;
		padding: 0px 25px;
		font-weight: bold;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		border: 2px solid #000000;
		font: 600 14px/40px Poppins;
		&:hover {
			background-color: transparent;
		}
	}
}
#carousel_p {
	div {
		text-align: center;
	}
}
.logo_scroll {
	display: none;
}
#totop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: -999px;
	background-image: url(http://mamotosurcircuit.com/images/interface/uitotop.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 900000;
	background-color: transparent;
	&:hover {
		background: url(http://mamotosurcircuit.com/images/interface/uitotop.png) no-repeat left -51px;
		width: 51px;
		height: 51px;
		display: block;
		overflow: hidden;
		float: left;
		cursor: pointer;
	}
}
.prevnext {
	color: #b6b4b4;
	margin: 0;
	max-width: 1140px !important;
	margin: auto !important;
	margin-top: 30px !important;
	a, .selected {
		font-style: normal;
		display: inline-block;
		text-align: center;
		font-style: italic;
		border: 1px solid #ccc;
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin: 5px;
		color: #aaa;
		font-size: 18px;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		text-decoration: none;
		&:first-child {
			margin-left: 0px;
		}
		&:hover {
			color: #fff;
			background-color: #CC4B14;
		}
	}
	.current {
		font-style: normal;
		display: inline-block;
		text-align: center;
		font-style: italic;
		border: 1px solid #ccc;
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin: 5px;
		color: #aaa;
		font-size: 18px;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		text-decoration: none;
		color: #fff;
		background-color: #CC4B14;
	}
}
.first {
	font-size: 30px;
}
.list_lien {
	h5 {
		text-align: center;
		color: #2a2a2a;
		text-transform: uppercase;
		font-weight: 900;
		font-size: 18px;
		margin-bottom: 40px;
	}
}
.filtre_top {
	font-size: 0;
	.prevnext {
		display: inline-block;
		vertical-align: middle;
		padding-left: 30px;
		padding-top: 5px;
		float: right;
		+ {
			h3 {
				+ {
					p {
						font-size: 15px;
					}
				}
			}
		}
	}
}
.resultat_filtre {
	display: inline-block;
	vertical-align: middle;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-size: 18px;
	color: #2a2a2a;
	font-weight: bold;
	padding: 15px 0px;
	border-right: 1px solid #ccc;
	padding-right: 40px;
	letter-spacing: 2px;
	span {
		color: #898888;
		font-weight: normal !important;
	}
}
.filtre_annonce {
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
	.input_club {
		background-image: url(http://mamotosurcircuit.com/images/interface/picto_golf_input.png);
		background-repeat: no-repeat;
		background-position: 15px center;
	}
	.input_lieu {
		background-image: url(http://mamotosurcircuit.com/images/interface/picto_loca_input.png);
		background-repeat: no-repeat;
		background-position: 15px center;
	}
	input[type="text"] {
		font-family: 'PT Serif', serif;
		font-style: italic;
		color: #ccc;
		border: 1px solid #e6e6e6;
		padding: 10px;
		border-radius: 5px;
		font-size: 18px;
		padding-left: 50px;
		margin-right: 20px;
	}
	input[type="submit"] {
		background-color: #CC4B14;
		color: #fff;
		border: 0px;
		border-radius: 5px;
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Lato', sans-serif;
		font-weight: bold;
		padding: 10px 12px;
	}
}
.ville_form {
	display: inline-block;
	position: relative;
}
.info_lien {
	>div {
		a {
			color: #979797;
			display: inline-block;
			line-height: 1em;
			vertical-align: bottom;
			color: #cc4b14;
			display: inline-block;
			vertical-align: middle;
			font-weight: 600;
		}
		img {
			vertical-align: bottom;
			padding-right: 7px;
			display: inline-block;
			margin-right: 10px;
			max-height: 30px;
			width: auto;
			height: auto;
			vertical-align: middle;
		}
		margin-right: 50px;
		display: inline-block;
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
		&:nth-child(4) {
			margin-right: 0px;
		}
		.label {
			line-height: 1em;
			display: inline-block;
			vertical-align: bottom;
			color: #2d2d2d;
			font-size: 18px;
			font-family: 'PT Serif', serif;
			font-style: italic;
			font-weight: normal;
			padding: 0px;
		}
	}
	margin-top: 25px;
	position: relative;
}
.btn_fiche {
	position: relative;
	right: 0;
	margin: 0px !important;
	text-align: right;
	display: block !important;
	padding-top: 20px;
	a {
		background-color: #fff;
		color: #000;
		font-size: 16px;
		display: inline-block;
		font-family: 'Fugaz One', cursive;
		text-transform: uppercase;
		font-weight: 500 !important;
		padding: 10px 20px;
		margin: 0px !important;
	}
}
.list_pneus_all {
	.info_lien {
		>div {
			a {
				color: #fff;
				display: inline-block;
				vertical-align: middle;
				font-weight: 600;
				background-color: #e3000b;
			}
		}
		width: 20%;
		display: inline-block;
		vertical-align: bottom;
		padding: 10px 20px;
	}
	.titre_list {
		margin-bottom: 20px;
		color: #e3000b;
		font-size: 32px;
		text-transform: uppercase;
		font-style: italic;
		font-weight: 800;
		img {
			width: 10%;
			height: auto;
		}
	}
	.bloc_list_lien {
		background-color: #ffdd00;
		display: block;
		margin-bottom: 30px;
	}
	.img_lien {
		display: inline-block;
		width: 268px;
		position: relative;
		vertical-align: top;
		height: 268px;
		border: 1px solid #ccc;
		border-right: 0px;
		overflow: hidden;
	}
	.intro_lien {
		font-size: 20px;
		color: #000;
		font-style: italic;
		font-weight: 500;
		img {
			max-width: 20%;
			height: auto;
		}
		.rouge {
			margin-bottom: 20px;
			color: #e3000b;
			font-size: 30px;
			text-transform: uppercase;
			font-style: italic;
			font-weight: 800;
		}
	}
	.desc_list_lien {
		width: 80%;
	}
}
.club {
	display: inline-block;
	font-size: 18px;
	font-style: italic;
}
.localisation {
	display: inline-block;
	font-size: 18px;
}
.bloc_list_lien {
	background-color: #000;
	position: relative;
	margin-top: 30px;
	font-size: 0;
	display: flex;
}
.list_roulage {
	.bloc_list_lien {
		background-color: #ffdd00;
	}
	.img_lien {
		background-color: #fff;
		height: auto;
		width: 160px;
		border: 1px solid #ccc;
		border-right: 0px;
		img {
			max-width: 100% !important;
			position: relative !important;
			height: auto !important;
			left: 0px !important;
		}
	}
	h3 {
		color: #111;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 20px !important;
		font-weight: 600;
		span {
			font-family: 'Fugaz One', cursive;
			text-transform: uppercase;
			font-size: 24px;
			font-weight: 500;
		}
	}
	.desc_list_lien {
		width: calc(100% - 180px);
	}
	.titre_list {
		margin-bottom: 15px;
	}
	.intro_lien {
		margin-bottom: 10px;
		color: #000;
		font-size: 16px;
		font-weight: 600;
	}
}
.list_pneus {
	font-size: 0;
	width: 100%;
	display: block;
	padding: 30px 0;
	border-bottom: 5px solid #000;
	.desc_list_pneus {
		font-size: 15px;
		width: 60%;
		display: inline-block;
		vertical-align: top;
		.titre_pneus {
			margin-bottom: 30px;
			img {
				width: 100%;
				height: auto;
			}
		}
		.intro_pneus {
			font-size: 16px;
			font-weight: 500;
		}
		.video_pneus {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
			margin-top: 30px;
			iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			object {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			embed {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}
		.orange {
			color: #cc4b14;
		}
	}
	.img_pneus {
		font-size: 15px;
		width: 40%;
		display: inline-block;
		vertical-align: top;
		padding-left: 40px;
		.barre_pourcent {
			background-color: #ccc;
			width: 100%;
			height: 20px;
			position: relative;
		}
		.p10 {
			position: absolute;
			height: 20px;
			width: 10%;
			background-color: #cc4b14;
			bottom: 0;
			left: 0;
		}
		.p20 {
			position: absolute;
			height: 20px;
			width: 20%;
			background-color: #cc4b14;
			bottom: 0;
			left: 0;
		}
		.p30 {
			position: absolute;
			height: 20px;
			width: 30%;
			background-color: #cc4b14;
			bottom: 0;
			left: 0;
		}
		.p40 {
			position: absolute;
			height: 20px;
			width: 40%;
			background-color: #cc4b14;
			bottom: 0;
			left: 0;
		}
		.p50 {
			background-color: #cc4b14;
			width: 50%;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.p60 {
			background-color: #cc4b14;
			width: 60%;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.p70 {
			background-color: #cc4b14;
			width: 70%;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.p80 {
			background-color: #cc4b14;
			width: 80%;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.p90 {
			position: absolute;
			height: 20px;
			width: 90%;
			background-color: #cc4b14;
			bottom: 0;
			left: 0;
		}
		.p100 {
			background-color: #cc4b14;
			width: 100%;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		p {
			margin: 10px 0 20px 0;
			font-weight: 600;
			font-size: 16px;
		}
		.bloc_btn {
			text-align: right;
		}
		.btn_fiche_pneus {
			background-color: #ffdd00;
			color: #000;
			font-size: 16px;
			display: inline-block;
			font-family: 'Fugaz One', cursive;
			text-transform: uppercase;
			font-weight: 500 !important;
			padding: 10px 20px;
			margin: 20px 0;
			a {
				color: #000;
			}
		}
		img {
			max-width: 100%;
			margin-bottom: 30px;
			padding: 10px;
			height: auto;
		}
	}
}
.left_roulage {
	vertical-align: bottom;
	display: inline-block;
	width: 60%;
	p {
		font-size: 16px;
		font-weight: 500;
		span {
			color: red;
			font-weight: bold;
		}
	}
}
.right_roulage {
	display: inline-block;
	width: 40%;
	text-align: right;
	a {
		color: #fff !important;
		background-color: #000000;
		font-size: 20px !important;
		padding: 7px 50px;
		cursor: pointer;
		border: none;
		font-weight: normal !important;
		display: inline-block;
		-webkit-transition: 0.5s all ease;
		font-family: 'Fugaz One', cursive;
		text-transform: uppercase;
	}
  
  .absolute_logo {
  	position: absolute;
  	top: 0px;
  	right: 0px;
  	background-color: #fff;
  	padding: 5px;
  	img {
  		max-height: 35px;
  		width: auto;
  	}
  }
  
}

.img_lien {
	a {
		position: relative;
		width: 268px;
		height: 268px;
		overflow: hidden;
		display: block;
	}
	img {
		width: 100%;
		position: absolute;
		height: auto;
	}
}
.desc_list_lien {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 268px);
	padding: 20px;
	padding-bottom: 10px;
}
.new_membre {
	position: absolute;
	top: -1px;
	left: -1px;
}
.link_list {
	position: absolute;
	top: 10px;
	right: 15px;
	a {
		font-size: 20px;
		margin-left: 15px;
	}
}
.titre_list {
	h3 {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		margin-right: 2px;
		a {
			font-family: 'Fugaz One', cursive;
			color: #ffe500 !important;
			text-transform: uppercase;
			font-size: 24px;
		}
	}
	.star {
		vertical-align: middle;
		display: inline-block;
		margin-left: 15px;
		font-size: 12px;
		vertical-align: top;
		img {
			padding: 0 2px !important;
			vertical-align: top;
			padding-top: 2px !important;
		}
	}
	margin-bottom: 20px;
}
.star {
	.vote {
		font-size: 11px;
		vertical-align: middle;
		padding-left: 10px;
	}
}
.intro_lien {
	font-size: 15px;
	color: #fff;
	br {
		display: none;
	}
}
.desc_lien {
	p {
		font-size: 16px;
		color: #111;
		font-weight: 600;
		line-height: 30px;
	}
	margin-bottom: 20px;
	+ {
		.last_roulage {
			margin-top: 40px;
		}
		.recherche_filtre {
			margin-top: 40px;
		}
	}
}
.last_roulage {
	margin-bottom: 50px;
	+ {
		.recherche_filtre {
			padding-left: 30px;
			padding-right: 30px;
			margin-top: 50px;
		}
	}
}
.link_journe {
	a {
		text-decoration: underline;
		margin-top: 30px;
		display: inline-block;
		font-size: 16px;
	}
}
.site_lien {
	+ {
		.last_roulage {
			margin-top: 40px;
		}
		.recherche_filtre {
			margin-top: 40px;
		}
	}
	a {
		display: inline-block;
		font-size: 20px;
		background-color: #000;
		color: #fff;
		font-family: 'Fugaz One', cursive;
		text-transform: uppercase;
		padding: 10px 30px;
		margin-right: 20px;
	}
}
.slide_lien {
	+ {
		.last_roulage {
			margin-top: 40px;
		}
		.recherche_filtre {
			margin-top: 40px;
		}
	}
	margin-bottom: 30px;
}
.info_top {
	+ {
		.last_roulage {
			margin-top: 40px;
		}
		.recherche_filtre {
			margin-top: 40px;
		}
	}
	margin-bottom: 40px;
	.localisation {
		font-size: 20px;
		font-weight: 500;
		width: 80%;
		vertical-align: middle;
		img {
			vertical-align: middle;
			margin-right: 15px;
		}
	}
}
.longeur_piste {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	text-align: right;
	color: #d0cfd2;
	font-size: 20px;
	font-weight: 500;
	span {
		color: #222;
	}
}
.list_commentaire {
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding: 15px 0px;
	&:last-child {
		border-bottom: 0px;
	}
}
.center_lien {
	max-width: 1170px;
	margin: auto;
}
.contact_lien {
	border: 1px solid #1ca664;
	padding: 35px 0px;
	text-align: center;
	-webkit-box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06);
	box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06);
	margin-bottom: 50px;
}
.right_fiche_lien {
	.annonce {
		border-top: 1px solid #e6e6e6;
		padding-top: 30px;
		h4 {
			margin: 0;
			font-size: 19px;
			color: #343535;
			margin-bottom: 40px;
			img {
				vertical-align: bottom;
				padding-right: 15px;
			}
		}
	}
	width: calc(100% - 380px);
	display: inline-block;
	vertical-align: top;
	padding-left: 100px;
	>h3 {
		&:first-child {
			margin-bottom: 10px !important;
			font-weight: 700;
			text-transform: uppercase;
			border-bottom: 1px solid #ddd;
			padding-bottom: 40px;
		}
	}
}
.annonce {
	.bloc_list_lien {
		.img_lien {
			width: 100px;
		}
		.desc_list_lien {
			width: calc(100% - 100px);
		}
		.titre_list {
			margin-bottom: 15px;
		}
		h3 {
			a {
				font-size: 16px;
			}
		}
		margin-top: 0px;
		margin-bottom: 50px;
		padding: 25px 30px;
		position: relative;
		&:last-child {
			margin-bottom: 0px;
		}
		.modifier_annonce {
			font-size: 13px;
			position: absolute;
			bottom: 10px;
			right: 10px;
			i {
				padding-right: 5px;
			}
			a {
				margin-right: 10px;
			}
		}
	}
	.intro_lien {
		font-size: 12px;
		margin-bottom: 0px;
	}
	.info_lien {
		margin-top: 20px;
		>div {
			font-size: 14px;
			.label {
				font-size: 14px;
			}
			img {
				width: 20px;
			}
		}
	}
	.date_annonce {
		font-size: 12px;
		vertical-align: middle;
	}
	.link_list {
		a {
			vertical-align: middle;
		}
	}
}
.right_panel {
	.annonce {
		.bloc_list_lien {
			padding-bottom: 40px;
		}
	}
	display: inline-block;
	width: calc(100% - 380px);
	vertical-align: top;
	padding-left: 40px;
	.titre {
		margin-top: 30px;
		border-bottom: 1px solid #d3d3d3;
		margin-bottom: 30px;
		padding-left: 20px;
		padding-bottom: 10px;
		h4 {
			font-size: 19px !important;
			color: #3b3a3a !important;
			line-height: 10px !important;
			text-transform: uppercase;
			a {
				font-size: 19px !important;
				color: #3b3a3a !important;
				line-height: 10px !important;
				text-transform: uppercase;
			}
			i {
				font-size: 30px;
				vertical-align: middle;
				padding-right: 15px;
			}
			img {
				vertical-align: middle;
				display: inline-block;
				padding-right: 15px;
			}
		}
	}
}
.annonce_user {
	.date_annonce {
		font-size: 12px;
		vertical-align: middle;
	}
	.bloc_list_lien {
		.modifier_annonce {
			font-size: 13px;
			position: absolute;
			bottom: 10px;
			right: 10px;
			a {
				margin-right: 10px;
			}
			i {
				padding-right: 5px;
			}
		}
	}
}
.nav_annonce_user {
	text-align: right;
	a {
		color: #fff;
		background-color: #CC4B14;
		display: inline-block;
		margin-left: 10px;
		padding: 10px 20px;
		border-radius: 5px;
	}
}
.right_contact {
	display: inline-block;
	vertical-align: middle;
	a {
		background-color: #1ca664;
		font-size: 17px;
		font-weight: bold;
		color: #fff;
		padding: 15px 40px;
		display: inline-block;
		i {
			padding-right: 12px;
			font-size: 24px;
			vertical-align: middle;
		}
		span {
			vertical-align: middle;
		}
	}
}
.map_fiche {
	margin-top: 70px;
	border-top: 1px solid #d6d6d6;
	#map {
		width: 100% !important;
		height: 600px !important;
	}
	.title_map_fiche {
		text-align: center;
		padding-top: 35px;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 20px;
		h5 {
			font-size: 20px;
			margin: 0;
			color: #222;
			text-transform: uppercase;
			margin-bottom: 15px;
		}
	}
}
.left_contact {
	display: inline-block;
	vertical-align: middle;
	padding-right: 50px;
	text-align: left;
	h5 {
		margin: 0px;
		margin-bottom: 10px;
		a {
			font-size: 17px;
			font-weight: 600;
			strong {
				font-weight: 900;
			}
		}
	}
}
.taux_rp {
	margin: 0;
	font-size: 12px;
	font-family: 'PT Serif', serif;
	font-style: italic;
	color: #5a5a5a;
}
.center_contact {
	display: inline-block;
}
.left_fiche_lien {
	width: 380px;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-top: 5px solid #1ca664;
	border-bottom: 5px solid #1ca664;
	text-align: center;
}
.nav_annonce {
	display: inline-block;
	float: right;
	padding-top: 0px;
	a {
		color: #fff;
		background-color: #CC4B14;
		display: inline-block;
		margin-left: 10px;
		padding: 10px 20px;
		border-radius: 5px;
		i {
			font-size: 25px;
			vertical-align: middle;
			padding-right: 10px;
		}
	}
}
.panel_annonce {
	h4 {
		display: inline-block;
	}
}
.info_fiche {
	padding: 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d3d3d3;
	.img_fiche {
		img {
			width: 100%;
			height: auto;
			border-radius: 50%;
			-webkit-box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15);
		}
		margin-bottom: 50px;
	}
	.date_membre {
		font-size: 11px;
		color: #5a5a5a;
		text-align: center;
	}
	h4 {
		font-size: 24px;
		color: #1d1d1d;
		text-align: center;
		margin-bottom: 15px;
	}
	.star {
		text-align: center;
		font-size: 12px;
		vertical-align: middle;
		line-height: 20px;
		img {
			padding: 0 2px !important;
			vertical-align: middle;
		}
	}
}
.block_avis {
	border-bottom: 1px solid #d3d3d3;
	padding: 40px 15px;
	&:last-child {
		border-bottom: 0px;
	}
	p {
		font-size: 12px;
		color: #858585;
		text-align: justify;
	}
}
.left_avis {
	a {
		display: block;
		img {
			-webkit-box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26);
			-moz-box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26);
			box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26);
			border-radius: 50%;
		}
	}
	display: inline-block;
	vertical-align: top;
	padding-top: 25px;
}
.right_avis {
	display: inline-block;
	padding-left: 20px;
	width: calc(100% - 74px);
	vertical-align: middle;
	text-align: left;
	.date_avis {
		margin-bottom: 0px;
		color: #bbbbbb;
		font-size: 11px;
	}
}
.more_avis {
	text-align: right;
	a {
		color: #1ca664;
		font-size: 13px;
		margin-right: 10px;
		&:first-child {
			float: left;
			margin-left: 10px;
		}
	}
}
.title_avis {
	margin-bottom: 10px;
	text-align: left;
	h6 {
		margin: 0;
		margin-right: 10px;
		vertical-align: middle;
		display: inline-block;
		a {
			text-transform: uppercase;
			font-weight: 900;
			font-size: 11px;
			color: #5a5a5a;
		}
	}
}
.connexion.on {
	background-color: #97e823;
}
.connexion.off {
	background-color: #d11f02;
}
.img_info {
	display: inline-block;
	width: 30px;
	text-align: center;
}
.avis {
	h4 {
		margin-bottom: 0 !important;
		font-size: 24px;
		color: #1d1d1d;
		text-align: center;
		margin-bottom: 15px;
	}
	padding: 20px 10px;
	.nb_avis {
		font-size: 14px;
	}
	>a {
		font-size: 15px;
		margin-top: 20px;
		display: inline-block;
	}
}
.center_info {
	display: inline-block;
	text-align: left !important;
	width: 280px;
	margin-top: 35px;
	.label {
		line-height: 1em;
		display: inline-block;
		vertical-align: bottom;
		color: #2d2d2d;
		font-size: 18px;
		font-family: 'PT Serif', serif;
		font-style: italic;
		font-weight: normal;
		padding: 0px;
	}
	a {
		color: #979797;
		display: inline-block;
		line-height: 1em;
		vertical-align: bottom;
	}
	.index {
		display: inline-block;
		font-size: 18px;
		font-family: 'PT Serif', serif;
		font-style: italic;
	}
	>div {
		margin-bottom: 15px;
	}
}
.block_list_actu {
	&:nth-child(even) {
		background-color: #f7f7f7;
	}
	.center_actu {
		padding: 70px 0px;
		border-bottom: 1px solid #e6e6e6;
	}
}
.right_actu {
	display: inline-block;
	width: calc(100% - 300px);
	vertical-align: top;
	padding-left: 55px;
	box-sizing: border-box;
	h4 {
		margin: 0;
		text-transform: uppercase;
		font-family: 'Lato', sans-serif;
		margin-bottom: 10px;
		a {
			color: #222;
		}
	}
}
.lin_actu {
	a.suite {
		display: inline-block;
		color: #fff;
		background-color: #CC4B14 !important;
		border: 0px;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
		padding: 15px 30px;
		&:hover {
			color: #fff !important;
		}
	}
}
.date_actu {
	color: #222 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	margin-bottom: 20px !important;
}
.center_actu {
	max-width: 1140px;
	margin: auto;
	img {
		display: inline-block;
		width: 300px;
		height: auto;
		-webkit-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
		box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
	}
}
.panel_user {
	margin-top: 40px;
}
.edition_user {
	tr {
		&:nth-child(14) {
			input {
				width: auto !important;
			}
		}
		&:nth-child(13) {
			input {
				width: auto !important;
			}
		}
	}
	label {
		display: block;
		font-size: 18px;
		color: #232323;
		font-weight: 300;
		width: 200px;
	}
	fieldset {
		>table {
			>tbody {
				>tr {
					>td {
						&:nth-child(1) {
							width: 210px;
						}
						padding: 12px 0px;
						text-align: left;
					}
				}
			}
		}
		+ {
			h4 {
				text-transform: uppercase;
				margin-top: 40px;
				font-size: 20px;
			}
		}
	}
	img {
		margin-bottom: 10px;
	}
	input[type="text"] {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	input[type="password"] {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	select {
		border: 2px solid #e6e6e6;
		font-size: 18px;
		width: 100%;
		padding: 12px 15px;
	}
	table {
		margin-bottom: 30px;
	}
}
.nav_user {
	border-bottom: 1px solid #ddd;
	text-align: right;
	a {
		color: #fff;
		background-color: #cc4b14;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 10px 20px;
		border-radius: 5px;
		i {
			font-size: 22px;
			padding-right: 10px;
			vertical-align: bottom;
			display: inline-block;
		}
	}
	.disconnect {
		background-color: #d0cfd2;
		color: #222;
	}
	h3 {
		display: inline-block;
		margin: 0px;
		padding-bottom: 10px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 24px;
		color: #232323;
		vertical-align: bottom;
		float: left;
	}
}
.link_user {
	a {
		color: #fff;
		background-color: #cc4b14;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 10px 20px;
		border-radius: 5px;
		display: inline-block;
		margin-right: 10px;
	}
}
.intro_user {
	padding: 40px;
	width: 50%;
	display: inline-block;
}
.abonnement {
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;
}
.abonnement.prof {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 20px;
	.block_abonnement {
		display: inline-block;
		margin-right: 30px;
	}
}
.block_abonnement {
	display: block;
	margin-bottom: 20px;
	font-size: 0;
}
.left_abo {
	display: inline-block;
	background-color: #f3f3f3;
	padding: 17px 25px;
	padding-right: 40px;
	p {
		font-size: 20px;
		color: #878787;
		strong {
			font-weight: 900;
			display: block;
			color: #333333;
		}
	}
}
.right_abo {
	display: inline-block;
	background-color: #333333;
	vertical-align: top;
	height: 100px;
	box-sizing: border-box;
	padding: 27px 30px;
	position: relative;
	&:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11.5px 15px 11.5px 0;
		border-color: transparent #333333 transparent transparent;
		display: block;
		position: absolute;
		left: -15px;
		top: 50%;
		margin-top: -11.5px;
	}
	p {
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		span {
			font-size: 20px;
			font-weight: normal;
		}
	}
}
#formIdentificationLog {
	.nav_user {
		h3 {
			float: none;
		}
		text-align: left;
	}
	input[type="checkbox"] {
		&:not(:checked) {
			left: -10000px !important;
		}
		&:checked {
			left: -10000px !important;
		}
	}
	[type="checkbox"] {
		&:not(:checked) {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #9a9a9a;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -19px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #CC4B14;
						transition: all .2s;
						opacity: 0;
						transform: scale(0);
						margin-left: -14px;
					}
				}
			}
		}
		&:checked {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #9a9a9a;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						opacity: 1;
						transform: scale(1);
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -19px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #CC4B14;
						transition: all .2s;
						margin-left: -14px;
						opacity: 1;
						transform: scale(1);
					}
				}
			}
		}
	}
}
.fake_label {
	display: block;
	font-size: 18px;
	color: #232323;
	font-weight: 300;
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 40px);
}
.row_last_roulage {
	font-size: 0px;
	margin: 0 -27.5px;
}
.block_next_roulage {
	margin: 0 27.5px;
	display: inline-block;
	width: calc(33.33333% - 55px);
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
}
.desc_roulage {
	padding: 10px;
	h5 {
		color: #cc4b14;
		margin-bottom: 10px;
		font-size: 20px;
	}
	p {
		font-size: 16px;
		font-weight: 500;
	}
}
.detail_roulage {
	margin-top: 20px;
	text-align: right;
	a {
		display: inline-block;
		font-size: 16px;
		background-color: #000;
		color: #fff;
		font-family: 'Fugaz One', cursive;
		text-transform: uppercase;
		padding: 5px 20px;
	}
}
.edition_lien {
	label {
		width: 300px;
	}
	.group_complement {
		input[type="text"] {
			width: calc(100% - 300px);
			display: inline-block;
		}
		input[type="password"] {
			width: calc(100% - 300px);
			display: inline-block;
		}
		select {
			width: calc(100% - 300px);
			display: inline-block;
		}
		label {
			display: inline-block;
		}
		&:first-child {
			padding-top: 0;
		}
		&:last-child {
			padding-bottom: 0px;
		}
		vertical-align: top;
		font-size: 0;
		padding: 12px 0px;
	}
	input[type="checkbox"] {
		&:checked {
			left: -10000px !important;
		}
		&:not(:checked) {
			left: -10000px !important;
		}
	}
	[type="checkbox"] {
		&:checked {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #9a9a9a;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						opacity: 1;
						transform: scale(1);
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -19px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #CC4B14;
						transition: all .2s;
						margin-left: -14px;
						opacity: 1;
						transform: scale(1);
					}
				}
			}
		}
		&:not(:checked) {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #9a9a9a;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -19px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #CC4B14;
						transition: all .2s;
						opacity: 0;
						transform: scale(0);
						margin-left: -14px;
					}
				}
			}
		}
	}
	[type="radio"] {
		&:checked {
			+ {
				label {
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 22px;
						border: 2px solid #9a9a9a;
						height: 22px;
						border-radius: 50%;
						background: #f8f8f8;
					}
					&:after {
						content: '';
						position: absolute;
						top: 0;
						left: 50%;
						margin-left: -13px;
						margin-top: 4px;
						font-size: 20px;
						background-color: #CC4B14;
						transition: all .2s;
						z-index: 20;
						height: 14px;
						width: 14px;
						border-radius: 50%;
					}
				}
			}
		}
		&:not(:checked) {
			+ {
				label {
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 22px;
						border: 2px solid #9a9a9a;
						height: 22px;
						border-radius: 50%;
						background: #f8f8f8;
					}
					&:after {
						content: '';
						position: absolute;
						top: 0;
						left: 50%;
						margin-left: -13px;
						margin-top: 4px;
						font-size: 20px;
						background-color: #CC4B14;
						transition: all .2s;
						z-index: 20;
						height: 14px;
						width: 14px;
						border-radius: 50%;
					}
				}
			}
		}
	}
	table {
		width: 100%;
	}
	.btn_form {
		padding-left: 300px;
	}
}
.img_roulage {
	img {
		width: 100%;
		height: 100%;
	}
}
.fav_circuit {
	select {
		width: auto;
		display: inline-block;
		font-size: 14px;
		width: calc((100% - 60px) / 3 );
		margin-left: 30px;
		&:first-child {
			margin-left: 0px;
		}
	}
}
.complement_lien {
	font-size: 0;
}
.group_complement {
	input[type="checkbox"] {
		&:checked {
			left: -10000px !important;
		}
		&:not(:checked) {
			left: -10000px !important;
		}
	}
	input[type="radio"] {
		&:checked {
			left: -10000px !important;
		}
		&:not(:checked) {
			left: -10000px !important;
		}
	}
	[type="checkbox"] {
		&:checked {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #9a9a9a;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						opacity: 1;
						transform: scale(1);
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -19px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #CC4B14;
						transition: all .2s;
						margin-left: -14px;
						opacity: 1;
						transform: scale(1);
					}
				}
			}
		}
		&:not(:checked) {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 25px;
						border: 2px solid #9a9a9a;
						height: 25px;
						background: #f8f8f8;
					}
					&:after {
						content: '\f00c';
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						top: 0;
						left: 50%;
						margin-left: -19px;
						margin-top: 2px;
						font-size: 20px;
						z-index: 1000;
						color: #CC4B14;
						transition: all .2s;
						opacity: 0;
						transform: scale(0);
						margin-left: -14px;
					}
				}
			}
		}
	}
	[type="radio"] {
		&:checked {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 22px;
						border: 2px solid #9a9a9a;
						height: 22px;
						border-radius: 50%;
						background: #f8f8f8;
					}
					&:after {
						content: '';
						position: absolute;
						top: 0;
						left: 50%;
						margin-left: -13px;
						margin-top: 4px;
						font-size: 20px;
						background-color: #CC4B14;
						transition: all .2s;
						z-index: 20;
						height: 14px;
						width: 14px;
						border-radius: 50%;
						opacity: 1;
						transform: scale(1);
					}
				}
			}
		}
		&:not(:checked) {
			position: absolute;
			left: 0px;
			z-index: 1;
			+ {
				label {
					position: relative;
					cursor: pointer;
					width: 30px !important;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					height: 25px;
					margin: auto;
					z-index: 2;
					&:before {
						content: '';
						position: absolute;
						left: -2px;
						top: 0px;
						margin-left: 0px;
						width: 22px;
						border: 2px solid #9a9a9a;
						height: 22px;
						border-radius: 50%;
						background: #f8f8f8;
					}
					&:after {
						content: '';
						position: absolute;
						top: 0;
						left: 50%;
						margin-left: -13px;
						margin-top: 4px;
						font-size: 20px;
						background-color: #CC4B14;
						transition: all .2s;
						z-index: 20;
						height: 14px;
						width: 14px;
						border-radius: 50%;
						opacity: 0;
						transform: scale(0);
					}
				}
			}
		}
	}
}
.p_obli {
	font-size: 18px;
	color: #adaaab;
	padding-top: 15px;
	padding-bottom: 30px;
}
.btn_form {
	padding-left: 200px;
	input[type="submit"] {
		border-radius: 5px;
		font-size: 19px !important;
	}
	input[type="reset"] {
		border-radius: 5px;
		font-size: 19px !important;
		background-color: #5e605f;
		border-color: #5e605f;
	}
}

.inline_check {
	display: inline-block;
	width: 22%;
	margin-bottom: 10px;
	margin-right: 15px;
}
.link_nav {
	display: inline-block;
	vertical-align: bottom;
	text-align: right;
	a {
		text-align: left;
		display: inline-block;
	}
}
#lines {
	border-bottom: 17px double black;
	border-top: 6px solid black;
	content: "";
	height: 5px;
	width: 35px;
	display: block;
}
.btn-menu {
	display: none;
	cursor: pointer;
}
textarea {
	height: 150px !important;
	width: 100% !important;
}
input[type="button"] {
	color: #fff !important;
	background-color: #222;
	font-size: 16px !important;
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	font-weight: normal !important;
	display: inline-block;
	border: #222 0.5px solid;
	-webkit-transition: 0.5s all ease;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.slider-pro {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	img.sp-image {
		border: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
		-webkit-box-shadow: none !important;
		-mox-box-shadow: none !important;
		box-shadow: none !important;
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		margin-left: 0 !important;
		margin-top: 0 !important;
		min-width: 100% !important;
		height: auto !important;
		min-height: 100%;
		width: auto !important;
		position: absolute;
		left: -50%;
		margin-left: 50% !important;
	}
	img.sp-thumbnail {
		border: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
		-webkit-box-shadow: none !important;
		-mox-box-shadow: none !important;
		box-shadow: none !important;
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	a {
		padding: 10px;
		color: #ffdd00;
		font-family: 'Archivo Narrow', sans-serif;
		display: block;
		font-weight: 600 !important;
		font-size: 20px !important;
	}
	iframe {
		max-width: none;
		max-height: none;
	}
	object {
		max-width: none;
		max-height: none;
	}
	video {
		max-width: none;
		max-height: none;
	}
	embed {
		max-width: none;
		max-height: none;
	}
	canvas {
		max-width: none;
		max-height: none;
	}
	p.sp-layer {
		margin: 0;
	}
	h1.sp-layer {
		font-size: 32px;
		line-height: 1.4;
		margin: 0;
	}
	img.sp-layer {
		border: none;
	}
}
.sp-slides-container {
	position: relative;
	&:hover {
		.sp-fade-arrows {
			opacity: 1;
		}
	}
}
.sp-mask {
	position: relative;
	overflow: hidden;
}
.sp-slides {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.sp-slide {
	position: absolute;
	background-color: #C5C5C5;
}
.sp-image-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	&:after {
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
}
.sp-image {
	position: relative;
	display: block;
	border: none;
}
.sp-no-js {
	overflow: hidden;
	max-width: 100%;
}
.sp-thumbnails-container {
	top: 0;
	&:hover {
		.sp-fade-thumbnail-arrows {
			opacity: 1;
		}
	}
}
.sp-top-thumbnails {
	margin: 0 auto;
	right: 0;
	position: absolute;
	top: 0;
	margin-bottom: 4px;
	.sp-thumbnail-container {
		float: left;
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
	}
	.sp-thumbnail-arrows {
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -12px;
	}
	.sp-previous-thumbnail-arrow {
		left: 0px;
	}
	.sp-next-thumbnail-arrow {
		right: 0px;
	}
}
.sp-bottom-thumbnails {
	margin: 0 auto;
	right: 0;
	margin-top: 0;
	.sp-thumbnail-container {
		float: left;
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
	}
	.sp-thumbnail-arrows {
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -12px;
	}
	.sp-previous-thumbnail-arrow {
		left: 0px;
	}
	.sp-next-thumbnail-arrow {
		right: 0px;
	}
}
.sp-left-thumbnails {
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 4px;
	.sp-thumbnail-container {
		margin-top: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #fff;
		&:first-child {
			margin-top: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	.sp-thumbnail-arrows {
		height: 100%;
		top: 0;
		left: 50%;
		margin-left: -7px;
		.sp-thumbnail-arrow {
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
		}
	}
	.sp-previous-thumbnail-arrow {
		top: 0px;
	}
	.sp-next-thumbnail-arrow {
		bottom: 0px;
	}
}
.sp-right-thumbnails {
	position: absolute;
	top: 0;
	right: 8.33333333%;
	.sp-thumbnail-container {
		margin-top: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #fff;
		&:first-child {
			margin-top: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	.sp-thumbnail-arrows {
		height: 100%;
		top: 0;
		left: 50%;
		margin-left: -7px;
		.sp-thumbnail-arrow {
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
		}
	}
	.sp-previous-thumbnail-arrow {
		top: 0px;
	}
	.sp-next-thumbnail-arrow {
		bottom: 0px;
	}
}
.sp-thumbnails {
	position: relative;
}
.sp-thumbnail {
	padding: 25px 0 0 55px;
	overflow: hidden;
}
.sp-thumbnail-container {
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 20px;
	padding-right: 20px;
}
.sp-selected-thumbnail {
	background-color: white;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
	z-index: 10;
}
.sp-right-thumbnails.sp-has-pointer {
	margin-left: -13px;
	.sp-thumbnail {
		position: absolute;
		left: 18px;
		margin-left: 0 !important;
	}
}
.sp-left-thumbnails.sp-has-pointer {
	margin-right: 0;
}
.sp-bottom-thumbnails.sp-has-pointer {
	margin-top: 20px;
}
.sp-top-thumbnails.sp-has-pointer {
	.sp-thumbnail {
		position: absolute;
		bottom: 18px;
	}
}
.sp-layer {
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
}
.sp-black {
	color: #FFF;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}
.sp-white {
	color: #000;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
}
.sp-rounded {
	border-radius: 10px;
}
.sp-padding {
	padding: 10px;
}
.sp-grab {
	cursor: url(images/openhand.cur), move;
}
.sp-grabbing {
	cursor: url(images/closedhand.cur), move;
}
.sp-selectable {
	cursor: default;
}
.sp-caption-container {
	text-align: center;
	margin-top: 10px;
}
.sp-full-screen {
	margin: 0 !important;
	background-color: #000;
}
.sp-full-screen-button {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	&:before {
		content: '\2195';
	}
}
.sp-fade-full-screen {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
}
.sp-thumbnail-arrows {
	position: absolute;
}
.sp-fade-thumbnail-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.sp-thumbnail-arrow {
	position: absolute;
	display: block;
	width: 15px;
	height: 25px;
	cursor: pointer;
}
.sp-previous-thumbnail-arrow {
	&:before {
		content: '';
		position: absolute;
		width: 50%;
		height: 50%;
		background-color: #3e3e3e;
		left: 30%;
		top: 0;
		-webkit-transform: skew(145deg, 0deg);
		-ms-transform: skew(145deg, 0deg);
		transform: skew(145deg, 0deg);
	}
	&:after {
		content: '';
		position: absolute;
		width: 50%;
		height: 50%;
		background-color: #3e3e3e;
		left: 30%;
		top: 50%;
		-webkit-transform: skew(-145deg, 0deg);
		-ms-transform: skew(-145deg, 0deg);
		transform: skew(-145deg, 0deg);
	}
}
.sp-next-thumbnail-arrow {
	&:before {
		content: '';
		position: absolute;
		width: 50%;
		height: 50%;
		background-color: #3e3e3e;
		right: 30%;
		top: 0;
		-webkit-transform: skew(35deg, 0deg);
		-ms-transform: skew(35deg, 0deg);
		transform: skew(35deg, 0deg);
	}
	&:after {
		content: '';
		position: absolute;
		width: 50%;
		height: 50%;
		background-color: #3e3e3e;
		right: 30%;
		top: 50%;
		-webkit-transform: skew(-35deg, 0deg);
		-ms-transform: skew(-35deg, 0deg);
		transform: skew(-35deg, 0deg);
	}
}
.ie8 {
	.sp-thumbnail-arrow {
		width: 0;
		height: 0;
		&:before {
			content: none;
		}
		&:after {
			content: none;
		}
	}
	.sp-top-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-right: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-left: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
	}
	.sp-bottom-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-right: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-left: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
	}
	.sp-left-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-bottom: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-top: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
	}
	.sp-right-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-bottom: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-top: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
	}
}
.ie7 {
	.sp-thumbnail-arrow {
		width: 0;
		height: 0;
		&:before {
			content: none;
		}
		&:after {
			content: none;
		}
	}
	.sp-top-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-right: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-left: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
	}
	.sp-bottom-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-right: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-left: 12px solid #FFF;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
	}
	.sp-left-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-bottom: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-top: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
	}
	.sp-right-thumbnails {
		.sp-previous-thumbnail-arrow {
			border-bottom: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
		.sp-next-thumbnail-arrow {
			border-top: 12px solid #FFF;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
		}
	}
}
a.sp-video {
	text-decoration: none;
	img {
		-webkit-backface-visibility: hidden;
		border: none;
	}
	&:after {
		content: '\25B6';
		position: absolute;
		width: 45px;
		padding-left: 5px;
		height: 50px;
		border: 2px solid #FFF;
		text-align: center;
		font-size: 30px;
		border-radius: 30px;
		top: 0;
		color: #FFF;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.2);
		margin: auto;
		line-height: 52px;
	}
}
.cookie-notice {
	a.btn {
		font-family: 'Archivo Narrow', sans-serif;
		padding: 5px 10px !important;
		line-height: 1em;
		height: auto;
		display: inline-block;
	}
}
.btn {
	display: inline-block;
	height: 44px;
	margin-bottom: 0;
	padding: 0 20px;
	font: 600 Poppins;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 2px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	color: white;
	transition: all .3s;
	letter-spacing: .05em;
	border-radius: 2px;
	background-color: #020200;
	&:hover {
		box-shadow: 0 0 1px 0 #000;
		text-shadow: 0 0 1px #000;
	}
	&:focus {
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}
	&:active {
		&:focus {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
		}
	}
	&:active.focus {
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}
}
.btn.active {
	&:focus {
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}
}
.btn.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn-lg {
	height: 50px;
	font-size: 14px;
	line-height: 46px;
}
.btn-group-lg {
	>.btn {
		height: 50px;
		font-size: 14px;
		line-height: 46px;
	}
}
.sp-buttons {
	position: absolute;
	bottom: 130px;
	left: 0;
	width: 100%;
	text-align: center;
}
.sp-button {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	vertical-align: middle;
	border-radius: 50%;
	background-color: white;
	&:after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		content: '';
		-webkit-transition: all .3s;
		transition: all .3s;
		border-radius: 50%;
	}
	&:hover {
		width: 16px;
		height: 16px;
		opacity: 1;
		&:after {
			width: 8px;
			height: 8px;
			margin-top: -4px;
			margin-left: -4px;
		}
	}
}
.sp-selected-button {
	width: 16px;
	height: 16px;
	opacity: 1;
	&:after {
		width: 8px;
		height: 8px;
		margin-top: -4px;
		margin-left: -4px;
	}
}
.sp-arrows {
	position: absolute;
}
.sp-fade-arrows {
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: .5;
}
.sp-arrow {
	position: absolute;
	bottom: 0;
	display: block;
	padding-top: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	color: #fff;
}
.sp-horizontal {
	.sp-arrows {
		z-index: 10;
		top: 50%;
		right: 0;
		width: 100%;
		margin-top: 24px;
		text-align: right;
	}
	.sp-arrow {
		width: 50px;
		height: 50px;
		border-radius: 2px;
		background-color: rgba(0, 0, 0, 0.2);
		&:hover {
			background-color: black;
		}
		&:after {
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			width: 15px;
			height: 15px;
			margin-top: -7px;
			content: '';
			border-top: 4px solid #fff;
			border-left: 4px solid #fff;
		}
	}
	.sp-previous-arrow {
		left: 0;
		&:after {
			margin-left: -3px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}
	.sp-next-arrow {
		right: 0;
		&:after {
			margin-left: -11px;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
		}
	}
}
.sp-vertical {
	.sp-arrows {
		top: 0;
		left: 50%;
		height: 100%;
		margin-left: -10px;
	}
	.sp-previous-arrow {
		top: 20px;
	}
	.sp-next-arrow {
		bottom: 20px;
	}
}
.main-slider__wrap {
	position: absolute;
	white-space: normal !important;
}
.main-slider-2 {
	.main-slider__wrap {
		padding: 20px;
		text-align: left;
		z-index: 2;
		margin-left: 150px;
		width: 370px !important;
		&:hover {
			.bg_black {
				background-color: transparent;
			}
			background-color: transparent;
		}
	}
	.main-slider__title {
		position: relative;
		display: inline-block;
		padding: 10px;
		font-size: 40px;
		font-weight: 400;
		line-height: 45px;
		text-transform: uppercase;
		color: #fff;
		font-family: 'Fugaz One', cursive;
		&:before {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			border: 1px solid rgba(255, 255, 255, 0);
			bottom: 0px;
			content: " ";
			display: block;
			margin: 0 auto;
			position: relative;
			-webkit-transition: all 280ms ease-in-out;
			transition: all 280ms ease-in-out;
			width: 0;
		}
		&:after {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			border: 1px solid rgba(255, 255, 255, 0);
			bottom: 0px;
			content: " ";
			display: block;
			margin: 0 auto;
			position: relative;
			-webkit-transition: all 280ms ease-in-out;
			transition: all 280ms ease-in-out;
			width: 0;
		}
		&:hover {
			background-color: transparent;
			&:before {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				border-color: #ffdd00;
				-webkit-transition: width 350ms ease-in-out;
				transition: width 350ms ease-in-out;
				width: 70%;
			}
			&:after {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				border-color: #ffdd00;
				-webkit-transition: width 350ms ease-in-out;
				transition: width 350ms ease-in-out;
				width: 70%;
			}
		}
	}
	.main-slider__title-number {
		position: relative;
		display: inline-block;
		margin-top: -28px;
		padding: 0 4px;
		font-size: 102px;
		text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff;
		&:after {
			position: absolute;
			top: -40px;
			left: 50%;
			margin-left: -21px;
			font: 400 40px Flaticon;
			content: '\f100';
			color: #fff;
			text-shadow: none;
		}
	}
	.main-slider__price {
		margin-bottom: 12px;
		line-height: 1;
		color: #fff;
	}
	.main-slider__price-currency {
		display: inline-block;
		margin-right: 4px;
		font-size: 30px;
		vertical-align: super;
	}
	.main-slider__price-number {
		display: inline-block;
		font-size: 68px;
		font-weight: 600;
		vertical-align: middle;
		letter-spacing: .02em;
	}
	.main-slider__price-inner {
		display: inline-block;
		margin-left: 7px;
		text-align: left;
		vertical-align: middle;
	}
	.main-slider__price-title {
		display: block;
		margin-bottom: 4px;
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.main-slider__price-subtitle {
		display: block;
		font-size: 16px;
		font-weight: 500;
	}
	.main-slider__label {
		position: absolute;
		top: -32px;
		left: -46px;
		padding: 0 12px;
		font-size: 13px;
		font-weight: 500;
		line-height: 32px;
		white-space: nowrap;
		letter-spacing: .02em;
		background-color: #C30923;
	}
}
.new_compte {
	padding-top: 20px;
	h4 {
		font-style: normal;
		margin-bottom: 20px;
		margin-top: 20px;
	}
}
.nav_user_full {
	font-size: 0;
	margin-bottom: 35px;
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	>div {
		a {
			display: block;
		}
		display: inline-block;
		width: 33.33333%;
		font-size: 15px;
		vertical-align: top;
		padding: 20px;
		border: 1px solid #ccc;
		text-align: center;
		margin: 0 15px;
		background-color: #eee;
		span {
			&:first-child {
				font-size: 20px;
				color: #000;
				font-weight: bold;
				display: block;
				margin-bottom: 10px;
			}
		}
	}
}
.info_contact {
	font-size: 0;
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	>div {
		display: inline-block;
		width: 25%;
		font-size: 15px;
		vertical-align: top;
		padding: 20px;
		border: 1px solid #ccc;
		text-align: center;
		margin: 0 15px;
		background-color: #eee;
		a {
			font-size: 16px;
		}
	}
}
.picto_cmpt {
	display: block;
	font-size: 50px;
	height: 60px;
	margin-bottom: 10px;
}
.adresse_cpt {
	font-size: 30px;
	height: auto;
	display: inline-block;
	width: 30px;
	margin-right: 15px;
}
.inlince_adresse {
	width: calc(100% - 50px);
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #cc4b14;
}
.user_prime {
	label {
		display: block;
		font-size: 20px;
	}
	.tab-content {
		font-size: 20px;
	}
	padding-top: 20px;
	p {
		i {
			font-size: 20px;
			padding-right: 10px;
			color: #cc4b14;
		}
	}
	table {
		tr {
			&:first-child {
				th {
					color: #cc4b14;
				}
			}
		}
	}
	.nav-tabs {
		li {
			font-size: 14px;
			border: 1px solid #ccc;
			padding: 10px 20px;
			width: 50%;
			text-align: center;
		}
		font-size: 0px;
		margin: 0;
	}
	li.active {
		background-color: #cc4b14;
		color: #fff !important;
		a {
			color: #fff;
		}
	}
}
.block_prime+.block_prime {
	border-top: 1px solid #ccc;
}
.beneficier {
	img {
		display: inline-block;
		width: 150px;
		vertical-align: middle;
		max-width: 20%;
	}
	font-size: 0;
	padding: 20px;
	margin-top: 40px;
	border: 1px solid #ccc;
	span {
		font-size: 20px;
		border-left: 0px;
		padding: 20px 40px;
		padding-right: 20px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		width: 80%;
	}
}
#traitement {
	table {
		font-size: 16px;
		margin-top: 20px;
	}
}
#obtenu {
	table {
		font-size: 16px;
		margin-top: 20px;
	}
}
@media screen and (min-width: 1170px) {
	body {
		overflow-x: hidden;
	}
	#menu_haut {
		>ul {
			>li {
				&:hover {
					>ul {
						left: auto;
						top: 100%;
						opacity: 1;
					}
				}
			}
		}
	}
	.extend {
		display: none !important;
	}
}
@media screen and (max-width: 1170px) {
	.cookie-notice {
		.cookie-notice-inner {
			max-width: 100%;
		}
	}
	.recherche_home {
		.group_form {
			width: 50%;
		}
		h5 {
			font-size: 30px;
		}
		form {
			padding: 0 15px;
			margin: 0;
		}
	}
	.avantage {
		h4 {
			font-size: 30px;
		}
	}
	.actualites {
		h3 {
			font-size: 30px;
		}
		padding: 70px 20px;
	}
	a[name="formIdentificationLog"] {
		+ {
			h3 {
				+ {
					p {
						+ {
							table {
								>tbody {
									>tr {
										>td {
											width: 100% !important;
											padding: 15px;
											margin-bottom: 20px;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.picto_inscription {
		a {
			margin-right: 30px !important;
		}
	}
	#pied {
		#conteneur_pied {
			>div {
				padding: 0 20px;
				margin: 0;
			}
			width: 100%;
			box-sizing: border-box;
			padding: 20px 0px;
		}
		width: 100%;
		.footer-section_list-columns {
			margin-left: 0px;
			margin-bottom: 40px;
		}
	}
	.carousel-inner {
		width: 100% !important;
	}
	.icon-bar {
		background-color: #CC4B14;
	}
	#col1 {
		display: none;
	}
	#col3 {
		float: none;
	}
	.main-slider {
		padding-top: 0;
	}
	#header {
		min-width: 100%;
		position: relative;
		#logo {
			&:after {
				border: none;
			}
		}
	}
	.carousel_home {
		padding-top: 0px;
		.owl-controls {
			margin-top: -25px !important;
		}
	}
	.pageAccueil {
		h3 {
			font-size: 30px;
		}
		#centreetdroite {
			padding: 0px;
		}
	}
	#conteneur_contenu {
		min-width: 100%;
	}
	.list_lien_row {
		padding: 0 15px;
	}
	#contenu {
		width: 100%;
	}
	#conteneur_header {
		width: 100%;
	}
	.paragraphe {
		p {
			>img {
				display: block;
				max-width: 100%;
				height: auto;
				padding: 0px !important;
				margin: auto;
				margin-bottom: 20px !important;
			}
		}
	}
	#centreetdroite {
		.transport-king {
			.about-us {
				p {
					width: auto;
				}
			}
		}
		.block_top {
			display: block;
			width: 100% !important;
			padding: 30px 15px !important;
			margin: 0;
			transform: skew(0deg) !important;
		}
		width: 100% !important;
		width: 100% !important;
		margin: auto;
		padding: 0 15px;
		height: auto !important;
	}
	.SF {
		fieldset {
			p {
				display: inline-block;
				width: 100% !important;
				margin-left: 0px !important;
			}
		}
	}
	.row_programme {
		.block_top {
			* {
				transform: skew(0deg) !important;
				transform: skew(0deg);
			}
			transform: skew(0deg);
		}
		&:nth-child(1) {
			.block_top {
				&:nth-child(1) {
					&:hover {
						z-index: 10;
						transform: skew(0deg) scale(1);
					}
				}
			}
		}
		&:nth-child(2) {
			.block_top {
				&:nth-child(1) {
					&:hover {
						z-index: 10;
						transform: skew(0deg) scale(1);
					}
					&:after {
						display: none;
					}
				}
				&:nth-child(2) {
					width: 50%;
					margin: 0;
				}
			}
		}
		&:first-child {
			.block_top {
				&:nth-child(2) {
					&:after {
						display: none;
					}
				}
			}
		}
	}
	#logo {
		img {
			padding-top: 10px !important;
			max-width: 300px;
		}
	}
	.top-bar {
		display: none;
	}
	.recherche {
		width: 90%;
		left: 5%;
		margin: 0;
		box-sizing: border-box;
	}
	#recherche {
		top: 0px;
		right: 0px;
	}
	.resultat_filtre {
		display: none;
	}
	.filtre_annonce {
		width: 100%;
		padding: 0px;
		text-align: center;
	}
	#wrapper {
		top: 0px;
		width: 100%;
		margin-left: 0px;
		min-width: 100%;
		height: auto;
	}
	#carousel {
		div {
			height: auto;
			img {
				height: auto;
				width: 100%;
			}
		}
	}
	#pager2 {
		width: 100%;
		bottom: 10px;
		top: auto;
	}
	#ariane {
		padding: 25px 15px;
		margin: auto;
	}
	.PGS_QUI_SOMMES_NOUS {
		#centreetdroite {
			padding: 0px;
			.center_qsn {
				padding: 0 15px;
			}
		}
	}
	.PGS_ROULAGE {
		#centreetdroite {
			padding: 0px;
		}
		#contenu {
			padding: 0px;
		}
		.recherche_filtre {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	.PGS_ANNUAIRE_CIRCUIT {
		#centreetdroite {
			padding: 0px;
		}
		#contenu {
			padding: 0px;
		}
		.recherche_filtre {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	.PGS_ANNUAIRE_ORGA {
		#centreetdroite {
			padding: 0px;
		}
		#contenu {
			padding: 0px;
		}
		.recherche_filtre {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	.nav_qsn {
		display: none;
	}
	#gauche {
		width: 96%;
		margin: auto;
		padding: 0px;
		position: absolute;
		float: none;
		margin-left: 2%;
		h3 {
			font-size: 1.8em;
			font-weight: normal;
			text-transform: capitalize;
		}
		.mdl_billet {
			font-size: 1.2em;
			color: #1a333c;
		}
	}
	.right_fiche_lien {
		padding-left: 50px;
	}
	.login_btn {
		img {
			max-width: 100%;
			height: auto;
		}
	}
	.center_lien {
		padding: 0 20px;
	}
	.fiche_lien {
		.center_lien {
			padding: 0px;
		}
		.recherche_filtre {
			padding-left: 15px;
			padding-right: 15px;
			.group_form {
				width: 33.3333%;
				margin-bottom: 30px;
			}
		}
		.group_valider {
			width: 33.33333%;
			display: inline-block;
			margin-top: 0px;
			padding: 0 15px;
			input {
				width: 100%;
			}
		}
	}
	#col2 {
		>a {
			display: none !important;
		}
		width: 20%;
		margin-right: 0;
		margin-left: 5%;
		margin-left: 5%;
		width: 50%;
		margin-right: 0px;
		#reseaux {
			width: 100%;
			text-align: center;
			a {
				margin: auto !important;
				display: block !important;
				margin-bottom: 40px !important;
			}
		}
	}
	.row_home {
		display: block;
	}
	.page-heading {
		padding: 60px 0 60px 0px;
	}
	.sub {
		a {
			background-color: #fff;
			color: #222;
			padding: 16px 24px 14px 22px;
			border: 0;
			width: 100%;
		}
		width: 100%;
	}
	.presentation {
		padding: 70px 20px;
	}
	.block_actu {
		width: 100%;
		max-width: 500px;
		display: block;
		margin: auto !important;
		height: auto !important;
		margin-bottom: 40px !important;
		img {
			width: 100%;
			height: auto !important;
			&:hover {
				width: 100% !important;
				margin: 0px;
				height: auto !important;
			}
		}
		&:hover {
			img {
				width: 100% !important;
				margin: 0px !important;
				height: auto !important;
			}
		}
	}
	.partenaires {
		padding: 60px 20px;
		margin-left: 70px;
		margin-right: 70px;
	}
	.affinez-recherche {
		label {
			font-size: 16px;
		}
	}
	.row2 {
		.block_intro {
			&:nth-child(2) {
				&:before {
					display: none;
				}
				&:after {
					display: none !important;
				}
			}
		}
	}
	.row1 {
		.block_intro {
			&:first-child {
				&:before {
					display: none !important;
				}
				&:after {
					display: none !important;
				}
			}
			&:nth-child(2) {
				img {
					max-width: 100%;
				}
			}
		}
	}
	.row_avantage {
		margin: 0;
	}
}
@media screen and (max-width: 950px) {
	.par_fixe {
		form {
			background-color: #ededed;
			padding: 30px 15px;
		}
	}
	#contenu {
		.par_fixe {
			.mdl_formulaire {
				form {
					input {
						width: 100% !important;
					}
				}
			}
		}
	}
	.right_middle {
		width: 100%;
		padding: 0px;
	}
	.left_middle {
		width: 100%;
		padding: 0px;
		text-align: center;
		margin-bottom: 20px;
		img {
			display: inline-block;
			max-width: 100%;
			height: auto;
		}
	}
	.block_intro {
		display: block;
		width: 100%;
		padding: 30px 15px !important;
	}
	.row2 {
		.block_intro {
			&:first-child {
				img {
					margin-top: 30px;
				}
				padding-bottom: 0px !important;
			}
		}
	}
	.right_intro {
		padding-top: 0px;
		padding-right: 0px !important;
	}
	.row1 {
		.block_intro {
			&:nth-child(2) {
				img {
					margin: auto !important;
					margin-bottom: 0px !important;
					display: block;
					max-width: 100%;
				}
			}
		}
	}
	.left-pres {
		width: 100%;
		img {
			min-width: 100%;
			position: relative;
			width: 100%;
			min-height: auto;
		}
	}
	.right-pres {
		padding: 40px 20px;
		width: 100%;
	}
	.pres_programme {
		.center_programme {
			display: block;
		}
	}
	.block_num {
		width: 50%;
	}
	.PGS_ROULAGE {
		.recherche_filtre {
			.group_form {
				width: 33.33333%;
				margin-bottom: 30px;
			}
		}
		.group_valider {
			width: 33.33333%;
			display: inline-block;
			margin-top: 0px;
			padding: 0 15px;
			input {
				width: 100%;
			}
		}
	}
	.PGS_ANNUAIRE_CIRCUIT {
		.recherche_filtre {
			.group_form {
				width: 33.33333%;
				margin-bottom: 30px;
			}
		}
		.group_valider {
			width: 33.33333%;
			display: inline-block;
			margin-top: 0px;
			padding: 0 15px;
			input {
				width: 100%;
			}
		}
	}
	.PGS_ANNUAIRE_ORGA {
		.recherche_filtre {
			.group_form {
				width: 33.33333%;
				margin-bottom: 30px;
			}
		}
		.group_valider {
			width: 33.33333%;
			display: inline-block;
			margin-top: 0px;
			padding: 0 15px;
			input {
				width: 100%;
			}
		}
	}
	.par_style_3 {
		form {
			padding: 20px;
		}
	}
	.block_avantage {
		width: 47%;
		max-width: 350px;
		margin-bottom: 30px;
	}
	.row_avantage {
		padding: 20px;
	}
	.left_fiche_lien {
		width: 300px;
	}
	.right_fiche_lien {
		width: calc(100% - 300px);
	}
	.affinez-recherche {
		.group_form_annonce {
			width: 50%;
		}
	}
	.intro_user {
		width: 100%;
	}
	.abonnement {
		width: 100%;
	}
	.block_next_roulage {
		width: 50%;
		text-align: left;
		max-width: 300px;
	}
	.row_last_roulage {
		text-align: center;
	}
}
@media screen and (max-width: 850px) {
	.left_top {
		width: 100%;
		text-align: center;
	}
	.right_top {
		width: 100%;
	}
	.slider_home {
		.main-slider__wrap {
			display: none;
		}
	}
	.nav_user {
		a {
			font-size: 13px;
			margin-bottom: 10px;
		}
		h3 {
			float: none;
			display: block;
		}
		text-align: left;
	}
	.link_nav {
		text-align: left;
	}
	.left_fiche_lien {
		width: 100%;
		.img_fiche {
			display: inline-block;
			max-width: 200px;
		}
	}
	.right_panel {
		width: 100%;
		padding: 0px;
	}
	.block_info_fiche {
		display: inline-block;
		width: calc(100% - 200px);
		padding-left: 40px;
		vertical-align: top;
	}
	.right_fiche_lien {
		width: 100%;
		padding: 0px;
		margin-top: 50px;
	}
}
@media screen and (max-width: 790px) {
	.cookie-notice {
		.cookie-notice-inner {
			>div {
				&:last-child {
					>a {
						float: none !important;
						margin-top: 10px;
					}
				}
				display: block !important;
				width: 100% !important;
				text-align: center;
			}
		}
	}
	#header {
		#logo {
			position: relative;
			display: block;
			width: 100%;
			padding-left: 20px;
			left: 0px;
			padding-top: 0px;
		}
		#menu_haut {
			width: 100% !important;
			max-width: 100%;
			float: none;
			margin: 0;
			padding: 0;
			z-index: 160 !important;
			overflow: hidden;
			height: 0px;
		}
	}
	#menu_haut {
		>ul {
			>li {
				width: 100%;
				border-top: 1px solid #ccc;
				&:last-child {
					border-bottom: 1px solid #ccc;
				}
			}
		}
		ul {
			text-align: center;
			width: 100%;
			float: none;
			margin: auto;
			li {
				a {
					&:after {
						display: none;
					}
				}
				ul {
					display: block;
					height: 0px;
					overflow: hidden;
					padding: 0px !important;
					top: 0;
					li {
						a {
							font-size: 13px;
							font-weight: bold;
						}
					}
				}
			}
			li.open {
				ul {
					height: auto;
					top: 0px;
					opacity: 1;
					position: relative;
					width: 100% !important;
					border: none;
					padding-top: 9px;
					padding-bottom: 9px;
					display: block;
					left: 0px;
					li {
						width: 100% !important;
						text-align: center;
						color: #3e3e3e !important;
						background-color: #f5f5f5;
						a {
							width: 100% !important;
							text-align: center;
							color: #3e3e3e !important;
							background-color: #f5f5f5;
							display: block;
							color: #3e3e3e;
							box-sizing: border-box;
							height: auto;
							line-height: 30px;
							padding: 0px 8px;
							margin-bottom: 0px;
							width: 200px;
							font-size: 13px;
							font-weight: bold;
							background-image: none;
						}
					}
				}
			}
		}
		li {
			a {
				color: #222;
			}
		}
		.extend {
			padding: 0px;
			font-size: 25px !important;
			position: absolute;
			padding: 10px;
			right: 0px;
			text-align: center;
			top: 0px;
			height: 100%;
			line-height: 35px;
			width: 50px;
			color: #222 !important;
		}
		ul.menu-sub {
			>li {
				&:first-child {
					&:after {
						display: none;
					}
				}
			}
		}
	}
	#position-menu {
		background-color: #fff;
		position: absolute;
		top: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		-webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3);
	}
	.connexion {
		position: absolute;
		bottom: 25px;
		right: 110px;
		width: auto;
	}
	.btn-menu {
		z-index: 1000;
		display: inline-block !important;
		position: absolute;
		right: 20px;
		bottom: 20px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	.fiche_lien {
		h3 {
			font-size: 18px;
		}
		h4 {
			font-size: 18px;
		}
	}
	.img_annonce {
		width: 100%;
		#slider1_container {
			height: 50% !important;
			padding-bottom: 100%;
		}
	}
	.desc_annonce {
		padding: 0px;
		width: 100%;
		display: block;
		margin-top: 50px;
	}
	#slider1_container {
		width: 100% !important;
		>div {
			>div {
				>div[u="slides"] {
					img {
						width: 100% !important;
						height: auto !important;
					}
					width: 100% !important;
					height: auto !important;
					height: auto !important;
					padding-bottom: 100%;
					>div {
						width: 100% !important;
					}
					div {
						height: auto !important;
						padding-bottom: 100%;
					}
				}
				width: 100% !important;
				height: auto !important;
				height: 100% !important;
				>div[u="thumbnavigator"] {
					padding: 0px !important;
					position: absolute !important;
					bottom: 0% !important;
					div[u="slides"] {
						position: relative !important;
						left: 0px !important;
						top: 0px !important;
					}
				}
			}
			width: 100% !important;
			height: auto !important;
			height: 100% !important;
		}
	}
	.block_chiffre {
		width: 50%;
	}
	.right_actu {
		width: 100%;
		padding: 0px 20px;
	}
	.center_actu {
		img {
			display: block;
			margin: auto;
			margin-bottom: 30px;
		}
	}
	.intro_user {
		padding: 40px 0px;
	}
	.recherche {
		bottom: 50px;
		padding: 30px;
		h5 {
			font-size: 20px;
			margin-bottom: 20px;
		}
		input[type="text"] {
			padding: 5px 10px !important;
			font-size: 20px;
			width: calc((100% - 170px)/2);
		}
		button {
			height: 40px;
			width: 60px;
			font-size: 20px;
		}
	}
}
@media screen and (max-width: 740px) {
	.center_programme {
		.primes_left {
			width: 100%;
			.bloc_primes_img {
				margin-bottom: 0px;
			}
		}
		.primes_right {
			width: 100%;
			margin-bottom: 30px;
		}
	}
	.info_lien {
		width: 100% !important;
	}
	.desc_list_pneus {
		width: 100% !important;
	}
	.img_pneus {
		width: 100% !important;
		padding-left: 0px !important;
	}
	.right_catch {
		h5 {
			font-size: 30px;
			line-height: 30px;
		}
		width: 100%;
		padding: 20px;
	}
	.left_catch {
		width: 100%;
	}
	.right-pres {
		>img {
			max-width: 100%;
			height: auto;
		}
	}
	.block_next_roulage {
		width: 100%;
		text-align: left;
		max-width: 350px;
		margin-bottom: 30px;
	}
	.info_top {
		.localisation {
			width: 100%;
			font-size: 16px;
		}
	}
	.longeur_piste {
		font-size: 16px;
		text-align: left;
		width: 100%;
		margin-top: 15px;
	}
	.left_roulage {
		width: 100%;
	}
	.right_roulage {
		width: 100%;
	}
	.right_panel {
		.titre {
			padding-left: 0;
		}
	}
	.nav_annonce {
		float: none;
		a {
			margin-left: 0px;
			margin-right: 5px;
			margin-bottom: 15px;
		}
	}
	.center_qsn {
		.col8 {
			width: 100%;
			display: block;
			margin-bottom: 40px !important;
		}
		.col4 {
			width: 100%;
			display: block;
			margin-bottom: 40px !important;
		}
		.col6 {
			width: 100%;
			display: block;
			margin-bottom: 40px !important;
		}
	}
	#pied {
		#conteneur_pied {
			>div {
				width: 100%;
				margin-bottom: 20px;
			}
		}
	}
	.page-heading {
		.page-title {
			h2 {
				font-size: 24px;
			}
		}
	}
	.col1 {
		width: 100%;
		margin-bottom: 40px;
	}
	.col2 {
		width: 100%;
	}
	.carousel-inner {
		height: auto !important;
	}
	.carousel {
		height: auto !important;
	}
	#recherche {
		display: none;
	}
	#menu_haut {
		width: 100%;
		>ul {
			padding: 0px;
			text-align: center;
			>li {
				display: inline-block;
				float: none;
				width: 100%;
			}
		}
	}
	#logo {
		left: 30%;
		margin: 0px !important;
		padding: 0px;
	}
	#background-menu-right {
		height: 190px;
	}
	#col3 {
		width: 90%;
		margin-left: 5% !important;
		float: none;
	}
	#col2 {
		display: none;
	}
}
@media screen and (max-width: 670px) {
	.PGS_ROULAGE {
		.recherche_filtre {
			.group_form {
				width: 50%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 50%;
				margin-bottom: 30px;
			}
		}
	}
	.PGS_ANNUAIRE_CIRCUIT {
		.recherche_filtre {
			.group_form {
				width: 50%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 50%;
				margin-bottom: 30px;
			}
		}
	}
	.PGS_ANNUAIRE_ORGA {
		.recherche_filtre {
			.group_form {
				width: 50%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 50%;
				margin-bottom: 30px;
			}
		}
	}
	.fiche_lien {
		.recherche_filtre {
			.group_form {
				width: 50%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 50%;
				margin-bottom: 30px;
			}
		}
	}
	.par_style_3 {
		form {
			label {
				display: block;
			}
		}
		.mdl_formulaire {
			form {
				select {
					width: 100% !important;
				}
				textarea {
					width: 100% !important;
				}
			}
		}
	}
	#contenu {
		.par_style_3 {
			.mdl_formulaire {
				form {
					input {
						width: 100% !important;
					}
				}
			}
		}
	}
	.annonce {
		.bloc_list_lien {
			padding: 15px 20px;
			padding-bottom: 60px !important;
			.desc_list_lien {
				width: 100%;
				padding: 0px;
			}
		}
		.date_annonce {
			float: left;
		}
	}
	#form_editer_annonce {
		fieldset {
			padding: 15px;
		}
	}
	form[name="form_ecrire_commentaire_message"] {
		fieldset {
			padding: 15px;
		}
	}
	.mdl_formulaire {
		.annonce {
			+ {
				script {
					+ {
						script {
							+ {
								h3 {
									+ {
										form {
											fieldset {
												padding: 15px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.date_annonce {
		font-size: 12px !important;
	}
	.block_info_fiche {
		width: 100%;
		padding: 0px;
	}
	.img_lien {
		width: 100%;
		max-width: 180px;
		max-height: 180px;
		margin: auto;
		margin-bottom: 30px;
		display: block;
	}
	.desc_list_lien {
		width: 100% !important;
		padding: 10px;
	}
	.filtre_annonce {
		input[type="text"] {
			display: block;
			margin: auto;
			margin-bottom: 10px;
		}
	}
	.center_info {
		width: 100%;
		>div {
			display: block;
		}
	}
	.link_list {
		text-align: right;
		left: 10px;
	}
	.desc_lien {
		p {
			font-size: 15px;
		}
	}
	.left_contact {
		display: block;
		padding: 0px;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 0px) and (max-width: 600px) {
	.right_top {
		h4 {
			font-size: 20px;
		}
	}
	.row2 {
		.block_intro {
			&:first-child {
				img {
					display: none;
				}
			}
		}
	}
	.right_intro {
		width: 100%;
		padding-bottom: 20px;
	}
	.link_annonce {
		a {
			display: inline-block;
			float: none !important;
			margin-bottom: 0px;
		}
	}
	.edition_user {
		fieldset {
			>table {
				>tbody {
					>tr {
						>td {
							width: 100% !important;
							display: block !important;
							&:nth-child(1) {
								padding-bottom: 0px;
							}
							&:nth-child(2) {
								padding-top: 5px;
							}
						}
					}
				}
			}
		}
	}
	.edition_lien {
		.btn_form {
			padding: 0px;
		}
	}
	form[name="form_editer_bouclage"] {
		tr {
			td {
				display: block;
				width: 100%;
			}
		}
		tbody {
			display: block;
			width: 100%;
		}
		table {
			display: block;
			width: 100%;
		}
		td {
			display: block;
			width: 100%;
		}
	}
	.info_contact {
		>div {
			width: calc(100% - 30px);
			margin-bottom: 30px;
		}
		display: block;
	}
	.beneficier {
		img {
			display: block;
			margin: auto;
			max-width: 100%;
		}
		span {
			display: block;
			width: 100%;
		}
	}
}
@media screen and (max-width: 570px) {
	.block_chiffre {
		width: 100%;
	}
	.recherche {
		h5 {
			font-size: 16px;
		}
		input[type="text"] {
			width: 100%;
		}
		span {
			padding: 10px 0px;
		}
		button {
			width: 100%;
			margin: 0;
			margin-top: 20px;
		}
	}
}
@media screen and (min-width: 0px) and (max-width:600px) {
	.right_middle {
		h4 {
			font-size: 18px;
		}
	}
	.recherche_filtre {
		h4 {
			font-size: 17px;
		}
	}
	.block_avantage {
		width: 100%;
		max-width: 350px;
		margin-bottom: 30px;
	}
	.picto_inscription {
		a {
			margin: 20px 15px !important;
			width: calc((100% - 35px) / 2);
			height: 180px;
			&:nth-child(odd) {
				margin-left: 0px !important;
			}
			&:nth-child(even) {
				margin-right: 0px !important;
			}
		}
	}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
	.block_num {
		width: 100%;
	}
	.PGS_ROULAGE {
		.recherche_filtre {
			.group_form {
				width: 100%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 100%;
				margin-bottom: 30px;
			}
		}
	}
	.PGS_ANNUAIRE_CIRCUIT {
		.recherche_filtre {
			.group_form {
				width: 100%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 100%;
				margin-bottom: 30px;
			}
		}
	}
	.PGS_ANNUAIRE_ORGA {
		.recherche_filtre {
			.group_form {
				width: 100%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 100%;
				margin-bottom: 30px;
			}
		}
	}
	.fiche_lien {
		.recherche_filtre {
			.group_form {
				width: 100%;
				margin-bottom: 30px;
			}
			.group_valider {
				width: 100%;
				margin-bottom: 30px;
			}
		}
	}
	.recherche_home {
		.group_form {
			width: 100%;
		}
	}
	.left_abo {
		p {
			font-size: 14px;
		}
	}
	.right_abo {
		height: 82px;
		p {
			font-size: 20px;
		}
	}
	.affinez-recherche {
		.group_form_annonce {
			width: 100%;
		}
		padding: 15px;
	}
	.info_fiche {
		padding: 20px;
	}
	.block_top {
		img {
			width: 50px;
			height: auto;
		}
	}
	.row_programme {
		&:last-child {
			.block_top {
				&:last-child {
					img {
						max-width: 100%;
						width: auto;
					}
				}
			}
		}
	}
	.bloc_list_lien {
		padding: 00px;
	}
	.lien_home {
		a {
			font-size: 16px !important;
			padding: 15px 10px;
		}
	}
	#logo {
		left: 20%;
	}
	#col1 {
		width: 90%;
	}
	#col2 {
		width: 90%;
		#reseaux {
			a {
				display: inline-block !important;
				margin-left: 10px !important;
			}
			width: 100% !important;
		}
	}
	#pied {
		#conteneur_pied {
			height: auto;
		}
	}
}
@media screen and (max-width: 450px) {
	.login_btn {
		margin: 0;
		margin-top: 10px;
	}
	#pied {
		#conteneur_pied {
			>div {
				padding: 0 0px;
				margin: 0;
			}
		}
	}
	.row_programme {
		.block_top {
			text-align: center;
		}
	}
	.desc_prog {
		display: block;
		width: 100%;
		font-size: 18px;
	}
	#header {
		#logo {
			img {
				max-width: 200px;
			}
		}
	}
	.block_actu {
		.desc_actu {
			padding-top: 65%;
		}
	}
	.picto_inscription {
		a {
			margin-bottom: 20px;
			height: 160px;
			margin-left: 0px !important;
			img {
				width: 60px !important;
			}
			span {
				font-size: 16px;
			}
			&:nth-child(3) {
				img {
					margin-top: 20px;
				}
			}
		}
	}
}
@media screen and (min-width: 0px) and (max-width: 400px) {
	.center_home {
		.desc_actu {
			h4 {
				a {
					font-size: 15px !important;
				}
			}
		}
	}
	.bloc_list_lien {
		padding: 0px;
	}
}
@media screen and (min-width: 0px) and (max-width: 380px) {
	.picto_inscription {
		a {
			width: 100%;
			margin-top: 0px !important;
			width: 180px;
			height: 180px;
			margin-left: 0px !important;
			margin-right: 0px !important;
			img {
				width: 80px !important;
			}
		}
	}
}
@media screen and (min-width: 1000px) {
	.th_resp {
		display: none;
	}
}
@media screen and (max-width: 1000px) {
	.th_resp {
		display: inline-block;
		width: 30%;
	}
	.user_prime {
		table {
			display: block;
			width: 100%;
			tbody {
				display: block;
				width: 100%;
				tr {
					display: block;
					width: 100%;
					border: 2px solid #cc4b14;
					margin-bottom: 20px;
					td {
						display: block;
						width: 100%;
					}
					&:first-child {
						display: none;
					}
				}
			}
		}
	}
}
@media screen and (min-width: 0px) and (max-width: 740px) {
	.nav_user_full {
		>div {
			width: calc(100% - 30px);
			margin-bottom: 30px;
		}
		display: block;
	}
	.user_prime {
		li {
			display: block;
			width: 100% !important;
		}
		.tab-content {
			font-size: 16px;
		}
	}
	.tab-content {
		padding: 20px;
		>.active {
			padding: 0px;
		}
	}
}
@media screen and (min-width: 0px) and (max-width: 1170px) {
	.info_contact {
		>div {
			width: calc(50% - 30px);
			margin-bottom: 30px;
		}
		display: block;
	}
}



.right {
  float:right;
  }
  .m_event{
    position:relative;
    margin:20px 0;
    border:1px solid black;
    background:white;
    border:5px solid white;
    border-top:10px solid #cc4b14;
    border-left:10px solid #cc4b14;

    h3{
    text-transform:uppercase;
    color:black;
    }
    img{
 
    width:160px;
    margin:5px;
    float:left;
    }
    h3{
      font-weight:bold;
      display:inline;

    }

    .type, .organisateur_name, .circuit_name{
    font-weight:normal;
    strong{
    color:red;
    }
    a{
    color:black;
    }
    }

    .details{
    margin:10px 0;
    }

    .desc{
      margin-left:160px;
      padding:10px;
      font-weight:bold;
      p{
      margin:0;
      }
      }
  }




      .form-control{
        border-radius:0;
        font-size:1.2em;
        width:100%;
        box-sizing:border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        outline: 0;
        background: white;
        font-weight: 400;
        font-size: 14px;
        color: #333;
        box-shadow:0 0 0 white !important;
            padding: 5px 10px;
            
            &:focus{
              //border-color: #fdda26;
              
            }
      }
      .form_pannel{
        box-shadow:0 0 0 white !important;
        
      }
      
      

  .arrows, .pages{
  	display:inline;
  }

  .inline_check_boxes{
  input{position:relative;top:-3px;
  margin-left:10px;}
  }
  .recherche_filtre{
  	.select { position: relative; text-align: left; }
      
      
      .select select { 
        display: inline-block;
        width: 100%;
        height: 36px; 
        
        padding:0 14px;
        
        border: 1px solid transparent;
        border-radius: 0; outline: 0; background: #f6f6f6; font-weight: normal; font-size: 14px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
      
      
      
      
      select{
        
        
        padding-right: 40px;
        padding-left: 14px;
        
    
        border-radius:0 !important;
        -webkit-appearance: none;
        color:#333;
       
        
      }

  .submit{
  color: #fff !important;
    background-color: #000000;
    font-size: 20px !important;
    padding: 7px 50px;
    cursor: pointer;
    border: none;
    font-weight: normal !important;
    display: inline-block;
    -webkit-transition: 0.5s all ease;
    font-family: 'Fugaz One', cursive;
    text-transform: uppercase;
  }
  .group_valider{
  float:right;
  }
  .date{
  display:inline-block;
  }
  
  .inline_large_input{
  width:200px !important;
  display:inline-block;
  margin-right:5px;
  }

  .inline_input{
  width:200px !important;
  display:inline-block;
  margin-right:5px;
  }
    .centre_filtre{
    font-size:inherit;
    }
    .ins{
    float:right;
    img{
    width:300px;
    
    }
    }
    label{
    display:inline-block !important;
    }
  }

 .clear{
 	clear:both;
 }

 .new_btn{
    color: #fff !important;
    background-color: #000000;
    font-size: 16px !important;
    padding: 5px 20px;
    cursor: pointer;
    border: none;
    font-weight: normal !important;
    display: inline-block;
    -webkit-transition: 0.5s all ease;
    font-family: 'Fugaz One', cursive;
    text-transform: uppercase;
    
    &:hover{
      background-color:#ffe500;
      color:black !important;
    }
    
    &.yellow{
      background-color:#ffe500;
      
    }
    
    &.new_btn_red{
      background-color:#CC4B14;
      
    }
    
    &.new_btn_big{
      padding:10px 20px;
      
    }
    
 }

 h1{
 	  font-size: 30px;
    font-weight: 700;
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 30px;
 }




 .circuit{
    position:relative;
    margin:20px 0;
    background:black;
    display:block;
    
    min-height:180px;

    .absolute_logo{
    background:white;
    float:right;
    padding:5px;
    position:relative;
    top:-5px;
    right:-5px;
    margin-left:5px;
    img{
    max-height:100px;
    max-width:150px;
    }
    }
    h3{
    text-transform:uppercase;
    color:#ffe500;
    }
    .img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:250px;
    background:white no-repeat center;
    background-size:cover;
    }
    h3{
      font-weight:bold;
      display:inline;

    }

    .type, .organisateur, .circuit{
    font-weight:normal;
    strong{
    color:red;
    }
    a{
    color:black;
    }
    }

    .details{
    margin:10px 0;
    }

    .desc{
      color:white;
      margin-left:250px;
      padding:10px;
      font-weight:bold;
      p{
      margin:0;
      }
      }
  }


 .circuit_show{
  h1{
  margin-bottom:10px;
  }
  .localisation{
  margin-top:-40px;
  margin-bottom:30px;
  }
  .logo{
    max-width:250px;
    max-height:100px;
    position:absolute;
    right:10px;
    top:-30px;
    background:white;
    
    padding:20px ;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
  }

    .circuit_img{
    float:left;
    width:30%;
    margin-right:10px;

    }
    .info_lien{
    text-align:left;
    background:black;
    color:white;
    padding:10px 20px;
    margin-bottom:30px;
    min-height:50px;
    }
  }




 .organisateur{
    position:relative;
    margin:20px 0;
    background:black;
    display:block;
    min-height:180px;

    .info_lien{
    	color:#cc4b14
    }
    .absolute_logo{
    background:white;
    top:0;
    right:0;
    img{
    height:30px;
    }
    }
    h3{
    text-transform:uppercase;
    color:#ffe500;
    }
    .img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:250px;
    background:white no-repeat center;
    background-size:contain;
    }
    h3{
      font-weight:bold;
      display:inline;

    }

    .type, .organisateur, .circuit{
    font-weight:normal;
    strong{
    color:red;
    }
    a{
    color:black;
    }
    }

    .details{
    margin:10px 0;
    }

    .desc{
      color:white;
      margin-left:250px;
      padding:10px;
      font-weight:bold;
      p{
      margin:0;
      }
      }
  }

  
 .organisateur_show{
  h1{
  margin-bottom:10px;
  }
  .localisation{
  margin-top:-40px;
  margin-bottom:30px;
  }
  .logo{
    height:40px;
  }

    .organisateur_img{
    float:left;
    width:30%;
    margin-right:10px;

    }
    .info_lien{
    text-align:right;
    background:black;
    color:white;
    padding:10px 20px;
    margin-bottom:30px;
    }
  }


  .green{
    color:green;
  }
  
  .orange{
    color:orange;
  }
  
  .red{
    color:red;
  }
  
  td.state{
    text-align:right;
  }
  
  
  
  h1{
    font-weight: normal !important;
    
    text-align:center;
    font-family: 'Fugaz One', cursive;
    text-transform: uppercase;
    margin:20px 0px;
    
  }
  
  h3{
    font-weight: normal !important;
    
    
    font-family: 'Fugaz One', cursive;
    text-transform: uppercase;
    margin:20px 0px;
    
  }
  
  .marg_top{
    margin-top:20px;
  }
  
  
  .doc_pannel{
    background:rgba(0,0,0,0.05);
    
    border-top:4px solid #fd0;
    padding:20px;
    padding-bottom:30px;
    .empty{
      color:rgba(0,0,0,0.5);
      text-align:center;
      padding-bottom:20px;
    }
    margin:30px 0;
    h3{
      margin-top:0;
    }
    
  }
  
  .align_center{
    text-align:center;
  }