body
	{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


	}
	
*
	{
	box-sizing: border-box;
	}
	
.shake 
	{
	animation: shake 1s cubic-bezier(.36,.07,.19,.97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	}
	
a
	{
	color:#cc0000;
	}

h1
	{
	background: #cc0000;
	color:#fff !important;
	padding:10px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 35px !important;
	font-weight: 900;
	margin-top:0px;
	margin-bottom:60px;
	transform: rotate(-1deg)
	}
	
/*h2
	{
	background: #fff;
	border:3px solid #cc0000;
	color:#cc0000 !important;
	padding:5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 28px !important;
	font-weight: 900;
	margin-top:0px;
	margin-bottom:45px;
	transform: rotate(-1deg)
	}*/
	
h2.norotate
	{
	transform: rotate(0);
	}
	
h2.droit, h2
	{
	background: none;
	border:0;
	color:#cc0000 !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px !important;
	font-weight: 800;
	margin-bottom:45px;
	transform: rotate(0)
	}
	
h2.rectangle_gris
	{
	border:0;
	color:#cc0000 !important;
	padding:5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px !important;
	font-weight: 800;
	margin-top:0px;
	margin-bottom:60px;
	transform: rotate(0)
	}
	
/* HEADER */

	#header
		{
		position: relative;
		background: #cc0000;
		z-index: 70;
		}
		
	#header #header_menu
		{
		display: none;
		vertical-align: middle;
		cursor: pointer;
		}
		
	#header #header_logo
		{
		color:#fff;
		display: inline-block;
		vertical-align: middle;
		height:55px;
		margin-top:10px;
		}
		
	#header #header_logo img.logo_large
		{
		width:400px
		}
		
	#header #header_logo img.logo_small
		{
		width:90px;
		display:none;
		}
		
	#header #header_texte
		{
		position: absolute;
		right:10px;
		top:15px;
		font-size:15px;
		font-weight: 700;
		color:#fff;
		font-family: 'Montserrat', sans-serif;
		z-index:35;
		}
		
	#header #header_texte a
		{
		display: inline-block;
		color:#fff;
		text-decoration: none;
		padding:8px;
		border-radius: 20px;
		}
		
	#header #header_texte a.menu_inverse
		{
		color:#E40E1F;
		background: rgba(255, 255, 255);
		}
		
	#header #header_texte a:hover
		{
		background: rgba(255, 255, 255, 0.3);
		}
		
	#header #header_texte a.menu_inverse:hover
		{
		background: rgba(255, 255, 255, 1);
		}
		
/* HP */

	#hp_part_one
		{
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		height:695px;
		}

	#hp_part_one_under
		{
		height:710px;
		background:#fff;
		}

	#hp_part_one #hp_part_one_left
		{
		position: absolute;
		top:0px;
		left:0px;
		bottom:0px;
		width:50vw;
		background:#cc0000;
		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
		z-index:50;
		}

	#hp_part_one #hp_part_one_right
		{ 
		position: absolute;
		top:0px;
		right:0px;
		bottom:25px;
		width:50vw;
		background-image:url('/img/bg_travaux.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		z-index:20;
		}
		
	#hp_part_one #hp_part_one_left #hp_part_one_left_txt
		{
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		width:100%;
		max-width:500px;
		padding:0px 20px 0px 50px;
		text-align:left;
		margin:190px auto 0px auto;
		bordder:1px solid green;
		}
		
	#hp_part_one #hp_part_one_left #hp_part_one_left_txt_1
		{
		font-size:30px;
		line-height: 45px;
		font-weight:800;
		}
		
	#hp_part_one #hp_part_one_left #hp_part_one_left_txt_2
		{
		font-size:35px;
		line-height: 45px;
		font-weight:800;
		}
		
	#hp_part_one #hp_part_one_left #hp_part_one_left_txt_2 h1
		{
		background: none;
		font-size:35px;
		line-height: 45px;
		font-weight:800;
		font-family: 'Montserrat', sans-serif;
		transform: rotate(0);
		padding:0px;
		text-transform: none;
		margin:0px;
		}
		
	#hp_part_one #hp_part_one_left #hp_part_one_left_txt_3
		{
		margin-top:20px;
		font-size:22px;
		line-height: 27px;
		font-weight:600;
		}
		
	#hp_part_one #hp_part_one_left .hp_part_one_left_txt_4
		{
		display: inline-block;
		margin-top:50px;
		color:#cc0000;
		padding:15px;
		background: #fff;
		font-size:22px;
		line-height: 22px;
		font-weight:600;
		text-ddecoration: none;
		}
		
	#hp_part_one #hp_part_one_left_prix
		{
		position: absolute;
		left:50%;
		bottom:100px;
		z-index:70;
		transform: rotate(3deg) translateX(-60px);
		}
		
	#hp_part_one #hp_part_one_left_prix_iphone
		{
		width:max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		margin:30px auto;
		transform: rotate(3deg) translateX(-60px);
		display: none;
		}
		
	#hp_part_one .hp_part_one_left_prix
		{
		background: #fff;
		transform: rotate(3deg);
		padding:30px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		text-align:center;
		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
		}
		
	#hp_part_one #hp_part_one_left_prix_1
		{
		font-family: 'Montserrat', sans-serif;
		font-size:19px;
		line-height: 22px;
		font-weight: 500;
		white-space: nowrap;
		}
		
	#hp_part_one #hp_part_one_left_prix_2
		{
		font-family: 'Montserrat', sans-serif;
		font-size:45px;
		font-weight: 700;
		line-height: normal;
		color:#cc0000;
		}
		
	#hp_part_two
		{
		text-align: center;
		padding-bottom:70px;
		background:#fff;
		}
		
	#hp_part_two #hp_part_two_promo
		{
		margin:0px auto 70px auto;
		padding:15px;
		text-align: left;
		position: relative;
		font-family: 'Montserrat', sans-serif;
		height:90px;
		max-width: 1000px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_price
		{
		position: absolute;
		left:10px;
		top:50%;
		transform: translateY(-50%) rotate(-3deg);
		background: #cc0000;
		padding:10px;
		color:#fff;
		font-size:15px;
		width:175px;
		text-align: center;
		box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_bouton
		{
		position: absolute;
		right:10px;
		top:50%;
		transform: translateY(-50%);
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_texte
		{
		position: absolute;
		left:210px;
		right:140px;
		top:50%;
		font-size:21px;
		font-weight:900;
		transform: translateY(-50%);
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_price b
		{
		display: block;
		font-size:45px;
		}
		
	#hp_part_two h2, #hp_part_three h2, #hp_part_five h2
		{
		display: inline-sblock;
		width:max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		background: #cc0000;
		color:#fff !important;
		padding:10px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		font-size: 35px !important;
		font-weight: 900;
		margin-top:0px;
		margin-bottom:60px;
		transform: rotate(-1deg);
		margin:auto;
		}
		
	#hp_part_two ul
		{
		display: block;
		list-style-type: none;
		width:100%;
		margin:auto;
		margin-top:75px;
		text-align: center;
		padding:0px;
		margin-bottom:50px;
		}
		
	#hp_part_two li
		{
		display: inline-block;
		vertical-align: top;
		list-style-type: none;
		margin:auto;
		margin:0px 2vw 25px 2vw;
		text-align: center;
		width:190px;
		}
		
	#hp_part_two .hp_part_two_content_image
		{
		display: block;
		background: #fff;
		border-radius: 50%;
		height:100px;
		width:100px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
		padding:25px;
		margin:auto;
		margin-bottom:30px
		}
		
	#hp_part_two .hp_part_two_content_image img
		{
		width:100%;
		height:100%;
		}
		
	#hp_part_two .hp_part_two_content_texte_gras
		{
		display: block;
		font-weight:bold;
		font-size:20px;
		height:65px;
		}
		
	#hp_part_two .hp_part_two_content_texte_fin
		{
		display: block;
		font-weight:normal;
		font-size:14px;
		}
		
	#hp_part_two a, #hp_part_three a, #hp_part_five a
		{
		display: block;
		width:max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		background:#cc0000;
		color:#fff;
		padding:10px;
		border-radius:20px;
		margin:auto;
		font-weight:700;
		font-size:16px;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
		}
		
	#hp_part_two a.hp_part_two_simple_link
		{
		display: inline;
		width:auto;
		background:none;
		color:#cc0000;;
		padding:0px;
		border-radius:0px;
		font-weight:normal;
		font-size:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration: underline;
		box-shadow: none;
		font-size: 14px;
		}
		
	#hp_part_three
		{
		background: #ede3e6;
		padding:30px;
		padding-top:70px;
		padding-bottom:50px;
		}
		
	#hp_part_three #hp_part_three_video
		{
		margin-top:80px;
		background: #000000;
		background-image: url('/img/fond_video.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		width:100%;
		margin-bottom:45px;
		min-height:400px;
		padding:10px;
		cursor:pointer;
		}
		
	#hp_part_four
		{
		background: #cc0000;
		padding:50px 70px;
		color:#fff;
		}
		
	#hp_part_four h2
		{
		width:max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		background: #fff;
		color:#cc0000 !important;
		padding:10px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		font-size: 35px !important;
		font-weight: 900;
		margin:0px auto 70px auto;
		transform: rotate(-1deg);
		}
		
	#hp_part_four ul
		{
		display: block;
		list-style-type: none;
		width:100%;
		margin:auto;
		margin-top:75px;
		text-align: center;
		padding:0px;
		margin-bottom:10px;
		}
		
	#hp_part_four li
		{
		display: inline-block;
		vertical-align: top;
		list-style-type: none;
		margin:auto;
		margin:0px 2vw;
		text-align: left;
		margin-bottom:40px;
		}
		
	#hp_part_four li .hp_part_four_content_chiffre
		{
		width:max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		display: block;
		font-size:40px;
		font-family: 'Montserrat', sans-serif;
		font-weight:800;
		background:#fff;
		transform: rotate(-1deg);
		padding:10px 30px;
		color:#cc0000;
		margin-bottom:15px;
		}
		
	#hp_part_four li .hp_part_four_content_texte
		{
		display: block;
		text-align:left;
		font-size:18px;
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		white-space: nowrap;
		}
		
	#hp_part_four a
		{
		display: block;
		width:max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		background:#fff;
		color:#cc0000;
		padding:10px;
		border-radius:20px;
		margin:auto;
		font-weight:700;
		font-size:16px;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		}
		
	#hp_part_five
		{
		text-align: center;
		background:#fff;
		padding:50px 70px;
		}
		
	#hp_part_five
		{
		text-align: center;
		background:#fff;
		padding:50px 70px;
		}
		
	#hp_part_five ul
		{
		display: block;
		list-style-type: none;
		width:100%;
		margin:auto;
		margin-top:75px;
		text-align: center;
		padding:0px;
		margin-bottom:50px;
		}
		
	#hp_part_five li
		{
		position:relative;
		display: inline-block;
		width:400px;
		max-width:90%;
		vertical-align: top;
		list-style-type: none;
		margin:auto;
		margin:0px 10px 20px 10px;
		text-align: left;
		padding:10px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
		padding-left:85px;
		}
		
	#hp_part_five li .hp_part_five_chantier_logo
		{
		display: block;
		position: absolute;
		top:0px;
		left:0px;
		bottom:0px;
		width:70px;
		border-radius: 0px 0px 50% 0px;
		float:left;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		}
		
	#hp_part_five li .hp_part_five_chantier_titre
		{
		font-family: 'Montserrat', sans-serif;
		display: block;
		font-size:18px;
		font-weight:800;
		color:#cc0000;
		margin-bottom:5px;
		margin-top:5px;
		}
		
	#hp_part_five li .hp_part_five_chantier_lieu
		{
		font-family: 'Montserrat', sans-serif;
		display: block;
		font-size:14px;
		}
		
	#hp_part_five li .hp_part_five_chantier_date
		{
		font-family: 'Montserrat', sans-serif;
		display: block;
		font-size:14px;
		text-align: right;
		color:#c1c1c1;
		margin-top:7px;
		}
		
	#hp_part_five li .hp_part_five_chantier_prix
		{
		font-family: 'Montserrat', sans-serif;
		font-weight:800;
		color:#fff;
		padding:5px;
		background: #cc0000;
		display: block;
		position: absolute;
		left:-10px;
		top:-10px;
		transform: rotate(3deg)
		}
		
	
/* CONTENT */

	#content
		{
		margin-top:30px;
		width:100%;
		margin:0px auto;
		padding:20px;
		}

	.content_double
		{
		max-width: 1280px;
		}

	.content_simple
		{
		max-width: 1000px;
		}
		
/* PAGE DOUBLE PRO */

	#pro_tableau
		{
		display: table;
		width: 100%;
		min-height:80vh;
		}

	#pro_tableau_menu
		{
		display: table-cell;
		width: 280px;
		vertical-align: top;
		padding-right:30px;
		}

	#pro_tableau_content
		{
		display: table-cell;
		vertical-align: top;
		padding:15px;
		background: #fff;
		}

	#pro_content
		{
		padding:15px;
		background: #fff;
		min-height:85vh
		}
		
	#pro_menu_mobile
		{
		position:absolute;
		top:0px;
		left:-300px;
		z-index: 5;
		width:280px;
		background: #333333;
		padding:25px;
		padding-top:80px;
		display: none;
		}
		
	#pro_menu_mobile_down
		{
		position:fixed;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		top:0px;
		z-index: 3;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		}
		
	.pro_menu_chiffre_box
		{
		margin-bottom:25px;
		}
		
	.pro_menu_chiffre
		{
		display: list-item;
		margin:3px;
		display: inline-block;
		text-align: center;
		background: #EBEBEB;
		width:30%;
		position: relative;
		margin-top:45px;
		vertical-align: top;
		}
		
	.pro_menu_chiffre .pro_menu_chiffre_present
		{
		padding:7px 15px;
		font-size:17px;
		color:#fff;
		background: #3A5B74;
		}
		
	.pro_menu_chiffre .pro_menu_chiffre_stats
		{
		padding:50px 20px 10px 20px;
		font-fdamily: 'Raleway', sans-serif;
		font-size:50px;
		font-weight: bold;
		text-align: center;
		}
		
	.pro_menu_chiffre .pro_menu_chiffre_stats img
		{
		width:38px;
		}
		
	.pro_menu_chiffre .pro_menu_chiffre_picto
		{
		top:-45px;
		left:50%;
		transform: translateX(-50%);
		position: absolute;
		padding:10px;
		width:94px;
		height:94px;
		text-align: center;
		border:7px solid #fff;
		margin: auto;
		background: #3A5B74;
		border-radius: 50%;
		}
		
	.pro_menu_chiffre .pro_menu_chiffre_picto img
		{
		width:60px;
		}
		
		
	/* MENU */
	
	.pro_menu .pro_menu_link .rectangle_gris
		{
		display: inline-block;
		margin-right: 5px;
		filter: grayscale(100%);
		background: #f3f3f3;
		}
		
	.pro_menu a.pro_menu_link
		{
		text-decoration: none;
		color:#000;
		font-weight:900;
		font-family: 'Raleway', sans-serif;
		padding:0px;
		background:#fff;
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
		margin-bottom:15px;
		display: block;
		cursor: pointer;
		transition: all ease 0.1s;
		}
		
	.pro_menu a.pro_menu_link:hover, .pro_menu a.pro_menu_link_selected
		{
		background:#cc0000;
		color:#fff;
		}
		
	.pro_menu a.pro_menu_link:hover .rond_rouge, .pro_menu a.pro_menu_link_selected .rond_rouge
		{
		background: #fff;
		color:#cc0000;
		}
		
	.pro_menu a.pro_menu_link:hover  .rectangle_gris, .pro_menu a.pro_menu_link_selected  .rectangle_gris
		{
		filter: grayscale(0%);
		background: #fff;
		cursor: pointer;
		}
	
	.pro_menu .pro_menu_link .rectangle_gris img	
		{
		vertical-align: -9px;
		height:32px;
		}
	
/* FOOTER */

	#footer:before
		{
		position: absolute;
		left:0px;
		right:0px;
		content: "";
		background:#cc0000;
		display: block;
		transform: rotate(-1deg);
		height:40px;
		top:-15px;
		}

	#footer
		{
		position: relative;
		padding:10px;
		text-align: center;
		color:#ffffff;
		font-size:12px;
		background:#cc0000;
		padding:35px 0px;
		margin-top:60px;
		}

	#footer a
		{
		color:#ffffff;
		}
		
	#footer_content
		{
		max-width:1000px;
		padding:0px 20px;
		margin: 0px auto;
		}
		
/* LOGIN */

	.login_box
		{
		display: inline-block;
		text-align: left;
		position: relative;
		margin-bottom:10px;
		}
		
	.useradd_input_login_pretext
		{
		position: absolute;
		left:5px;
		font-size:13px;
		color:#7b7b7b;
		top:5px;
		}
		
	.useradd_input_affiche_password
		{
		position:absolute;
		bottom:6px;
		right:10px;
		cursor:pointer;
		}
		
	.useradd_input_affiche_password img
		{
		height:18px;
		vertical-align: -4px;
		}
	
	.login_box input.useradd_input
		{
		font-size:20px;
		padding:20px 6px 6px 35px;
		width:300px;
		max-width: 100%;
		
		background-size: 23px;
		background-repeat: no-repeat;
		background-position: 5px 22px;
		}
		
/* FORM NEW */

	.form_new_box
		{
		display: block;
		text-align: left;
		position: relative;
		margin:0px auto 10px auto;
		max-width:400px;
		
		}
		
	.useradd_input_form_new_pretext
		{
		position: absolute;
		left:5px;
		font-size:15px;
		color:#6c6c6c;
		top:5px;
		}
	
	.form_new_box input.useradd_input, .form_new_box select.useradd_input
		{
		font-size:20px;
		padding:25px 6px 6px 35px;
		width:100%;
		
		background-size: 23px;
		background-repeat: no-repeat;
		background-position: 5px 27px;
		}
		
/* AUTRE */

	#iban_checker
		{
		margin-left:-21px;
		display: none;
		}
		
/* CGC */

	.cgc
		{
		text-align: justify;
		}

	.cgc li
		{
		margin-bottom:5px;
		}
		
/* PAGE D'INSCRIPTION TEMPORAIRE */

	#add_page h1
		{
		margin-top: 0px;
		text-align: center;
		text-transform: uppercase;
		font-size:50px !important;
		line-height: 60px;
		codlor:#CC0000 !important; 
		}

	#add_page h1 b
		{
		co lor: #09506f;
		font-size:40px !important;
		line-height: 40px;
		}

	#add_page h2
		{
		margin-top: 0px;
		}

	#add_page .v128
		{
		width:100px !important;
		}
		
	#add_page .inscription_formulaire_cell
		{
		margin-bottom:10px;
		}
	
/* SLIDERS */

	.slidecontainer {
		  width: 100%; /* Width of the outside container */
		}
		
		/* The slider itself */
		.slider {
			-webkit-appearance: none;  /* Override default CSS styles */
			appearance: none;
			width: 100%; /* Full-width */
			height: 16px; /* Specified height */
			background: #ebebeb; /* Grey background */
			outline: none; /* Remove outline */
			-webkit-transition: .2s; /* 0.2 seconds transition on hover */
			transition: opacity .2s;
			border:1px solid #bcbcbc;
			border-radius: 8px;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,cc0000+100 */
			/*background: #e2e2e2;
			background: -moz-linear-gradient(left,  #e2e2e2 0%, #cc0000 100%); 
			background: -webkit-linear-gradient(left,  #e2e2e2 0%,#cc0000 100%);
			background: linear-gradient(to right,  #e2e2e2 0%,#cc0000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#cc0000',GradientType=1 ); *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a9e02a+0,a9e02a+28,e8de25+29,e8de25+64,e57e00+65,e57e00+100 */
background: #a9e02a; /* Old browsers */
background: -moz-linear-gradient(left,  #a9e02a 0%, #a9e02a 28%, #e8de25 29%, #e8de25 64%, #e57e00 65%, #e57e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a9e02a 0%,#a9e02a 28%,#e8de25 29%,#e8de25 64%,#e57e00 65%,#e57e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a9e02a 0%,#a9e02a 28%,#e8de25 29%,#e8de25 64%,#e57e00 65%,#e57e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e02a', endColorstr='#e57e00',GradientType=1 ); /* IE6-9 */


		}
		
		
		/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
		.slider::-webkit-slider-thumb {
		  -webkit-appearance: none; /* Override default look */
		  appearance: none;
		  width: 40px; /* Set a specific slider handle width */
		  height: 40px; /* Slider handle height */
		  cursor: pointer; /* Cursor on hover */
		  background-image: url('/img/icpa/position_s.svg');
		  background-size: 40px 40px;
		}
		
		.slider::-moz-range-thumb {
		  width: 10px; /* Set a specific slider handle width */
		  height: 25px; /* Slider handle height */
		  background: #348FD1; /* Green background */
		  cursor: pointer; /* Cursor on hover */
		   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		}
		
/* PAGE CHOIX METIER */

	.choix_categorie .mini_rectangle_gris, .choix_categorie .mini_rectangle_rouge, .choix_categorie .mini_rectangle_vert
		{
		font-size:17px;
		font-weight:normal;
		background:#e6e6e6;
		color:#000;
		border-radius: 3px;
		}

	.choix_categorie .mini_rectangle_rouge
		{
		font-size:15px;
		color:#cc0000;
		border-radius: 5px;
		opacity: 0.5;
		}

	.choix_categorie .mini_rectangle_vert
		{
		font-size:15px;
		color:#62AB2F;
		border-radius: 5px;
		opacity: 0.5;
		}
		
	.choix_categorie .mini_rectangle_vert:hover, .choix_categorie .mini_rectangle_rouge:hover
		{
		opacity: 1;
		}

	.choix_categorie .mini_rectangle_bleu
		{
		font-size:15px;
		font-weight:normal;
		background:#348FD1;
		color:#fff;
		border-radius: 3px;
		padding:2px;
		}
		
		
	#choix_categorie_res
		{
		background:#ffffff;
		border-top:4px solid #bfbfbf;
		padding:5px;
		box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
		position: fixed;
		bottom:-100px;
		left:0px;
		width:100vw;
		transition: all ease 1s;
		z-index:1000;
		min-height:100px;
		}
		
	#choix_categorie_res #bouton_mobile
		{
		display:none;
		}
		
	#choix_categorie_res #choix_categorie_res_table_box
		{
		}
		
	#choix_categorie_res #choix_categorie_res_table_box table
		{
		}
		
	#choix_categorie_res #cell_res_liste .liste_metier
		{
		font-size:13px;
		background: #acacac;
		padding:3px;
		color:#fff;
		border-radius: 3px;
		display: inline-block;
		margin:1px;
		}
		
	#choix_categorie_res #cell_res_liste
		{
		max-width:600px;
		margin:auto;
		margin-top:10px;
		max-height:50vh;
		text-align: center;
		overflow: auto;
		}
		
	#choix_categorie_res #cell_res_estimation
		{
		line-height: 13px;
		margin-top:5px;
		}
	
	.choix_categorie .choix_categorie_h2
		{
		padding-left:90px !important;
		}
	
	.choix_categorie .choix_categorie_h2 .h2_logo
		{
		position: absolute;
		top:50%;
		left:-5px;
		height:90px;
		width:90px;
		transform: translateY(-50%);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		border:2px solid white;
		border-radius: 50%;
		}
		
/* PAGE BUDGET */

	.input_budget_mensuel_max
		{
		font-size:25px;
		padding:10px;
		width:150px;
		text-align: right;
		background-image: url('/img/icpa/eurosimple_s.svg');
		background-size: 25px 25px;
		background-position: 115px center;
		background-repeat: no-repeat;
		padding-right:35px;
		}
		
/* ANIMATION */

	#ccm_animation
		{
		width:800px;
		margin:0px auto;
		height:650px;
		background: #fff;
		position: relative;
		overflow:hidden;
		}
		
	#ccm_animation_load
		{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		font-family: 'Raleway', sans-serif;
		font-size:20px;
		text-align: center;
		}
		
	#ccm_animation_loader
		{
		width:100%;
		margin-top:25px;
		background:#fff;
		border:3px solid #afafaf;
		border-radius: 5px;
		position: relative;
		overflow: hidden;
		}
		
	#ccm_animation_loader_bar
		{
		top:0px;
		left:0px;
		width:1%;
		background:#cc0000;
		height:15px;
		}
		
	.ccm_animation_steps
		{
		position: absolute;
		bottom:-600px;
		left:0px;
		width:100%;
		}
		
	.ccm_animation_steps_hidden
		{
		position: absolute;
		bottom:50px;
		left:0px;
		width:100%;
		display: none;
		}
		
	#ccm_animation_diapo
		{
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		overflow: hidden;
		border:3px solid #ddd;
		}
	
	#ccm_animation_cmc
		{
		display: none;
		
		position: absolute;
		top:52%;
		left:47%;
		transform: translate(-50%,-50%);
		width:
		}
	
	#ccm_animation_cmc img
		{
		width:300px;
		}
		
	#ccm_animation_website
		{
		position: absolute;
		z-index:1;
		}
		
	#ccm_animation_texte
		{
		displday: none;
		position: absolute;
		bottom:0px;
		left:0px;
		right:150px;
		padding:10px;
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-size:20px;
		font-weight:bold;
		z-index:100;
		}
		
	#ccm_animation_suivant
		{
		display: none;
		position: absolute;
		bottom:10px;
		right:0px;
		padding:10px;
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-size:20px;
		font-weight:bold;
		z-index:100;
		}
		
	#ccm_animation_suivant a
		{
		background: #cc0000;
		padding:10px;
		border-radius: 5px;
		color:#fff;
		text-decoration: none;
		}
		
	#ccm_animation_bloc_0, #ccm_animation_bloc_5
		{
		position: absolute;
		left:5vw;
		right:5vw;
		top:-200px;
		z-index:200;
		transform: translateY(-50%);
		text-align: center;
		}
		
	#ccm_animation_bloc_0 img
		{
		height:60px;
		}
		
	#ccm_animation_bloc_1, #ccm_animation_bloc_2, #ccm_animation_bloc_3, #ccm_animation_bloc_4
		{
		position: absolute;
		left:5vw;
		right:5vw;
		top:-200px;
		z-index:200;
		background: #cc0000;
		padding:10px;
		color:#fff;
		font-size:20px;
		border-radius: 10px;
		padding-left:90px;
		background-position: 15px center;
		background-repeat: no-repeat;
		background-size: 64px 64px;
		transform: translateY(-50%);
		height:95px;
		}
		
	#ccm_animation_bloc_1 b, #ccm_animation_bloc_2 b, #ccm_animation_bloc_3 b, #ccm_animation_bloc_4 b
		{
		color:#fff;
		font-size:25px;
		font-family: 'Raleway', sans-serif;
		}
		
	#ccm_animation_bloc_0
		{
		transition: all 0.5s ease;
		}
		
	#ccm_animation_bloc_1
		{
		background-image: url('/img/icpa/like_s.svg');
		transition: all 0.6s ease;
		}
		
	#ccm_animation_bloc_2
		{
		background-image: url('/img/icpa/artisan_s.svg');
		transition: all 0.8s ease;
		}
		
	#ccm_animation_bloc_3
		{
		background-image: url('/img/icpa/villes_s.svg');
		transition: all 1s ease;
		}
		
	#ccm_animation_bloc_4
		{
		background-image: url('/img/icpa/euro_s.svg');
		transition: all 1.2s ease;
		}
		
	#ccm_animation_bloc_5
		{
		transition: all 1.4s ease;
		}
		
	.affiche400, .affiche400_inline
		{
		display: none;
		}
		
		
/* BARRE ONGLET */

	.barre_onglet
		{
		display: block;
		margin:0px 0px 20px 0px;
		list-style: none;
		padding:0px;
		border-bottom:2px solid #cc0000;
		}

	.barre_onglet li
		{
		margin:5px 0px 0px 10px;
		display: inline-block;
		border:2px solid #cc0000;
		border-bottom:0px;
		background: #fff;
		padding:5px 10px;
		vertical-align: bottom;
		border-radius: 5px 5px 0px 0px;
		color:#cc0000;
		cursor:pointer;
		font-family: 'Raleway', sans-serif;
		position: relative;
		}
		
	.barre_onglet li img
		{
		width:40px;
		height:40px;
		border-radius: 50%;
		border:2px solid #cc0000;
		position: absolute;
		background: #fff;
		top:-5px;
		left:5px;
		opacity: 0;
		left:5px;
		top:-1px;
		transition: all 0.5s ease;
		}
		
	.barre_onglet li span
		{
		position: absolute;
		font-size:11px;
		background: #cc0000;
		padding-top:1px;
		border-radius: 50%;
		top:-10px;
		right:-1px;
		color:#fff;
		width:15px;
		height:15px;
		text-align: center;
		}
		
	.barre_onglet li.onglet_selected span
		{
		display: none;
		}
		
	.barre_onglet li.onglet_selected img
		{
		border:2px solid #fff;
		position: absolute;
		opacity: 1;
		}

	.barre_onglet li:hover
		{
		background: #cc0000;
		color:#fff;
		}

	.barre_onglet li.onglet_selected
		{
		margin-top:0px;
		border:2px solid #cc0000;
		background: #cc0000;
		padding:10px 10px;
		transform: translateY(5px);
		border-radius: 5px;
		color:#fff;
		font-weight: bold;
		padding-left:50px;
		}
		
/* AUTRES */
		
	h2 .zone_rectangle_bleu
		{
		background:#cc0000;
		color:#fff;
		font-weight:normal;
		font-size:15px;
		display: inline-block;
		border-radius: 5px;
		padding:5px;
		vertical-align: 4px;
		}
		
/* PAIEMENT CB */

	.paiement_cb_bloc
		{
		background: #EBEBEB;
		padding:10px;
		border-radius: 15px;
		margin-bottom:10px;
		}

	.paiement_cb_bloc_table
		{
		display: table;
		width:100%;
		}

	.paiement_cb_bloc_td_price
		{
		display: table-cell;
		vertical-align: middle;
		width:150px;
		background: #348FD1;
		border-radius: 10px;
		color:#fff;
		padding:10px 15px;
		text-align: center;
		}
		
	.paiement_cb_bloc_td_price_txt
		{
		font-size:14px;
		}
		
	.paiement_cb_bloc_td_price_txt b
		{
		font-size:30px;
		font-weight:700;
		font-family: Montserrat, sans-serif;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		}
		
	.paiement_cb_bloc_td_price_ttc
		{
		font-size:12px;
		}
		
	.paiement_cb_bloc_td_texte
		{
		display: table-cell;
		padding-left:15px;
		vertical-align: middle;
		}
		
	.paiement_cb_bloc_td_texte b
		{
		font-weight:bold;
		font-size:20px;
		}
		
	.paiement_cb_bloc_td_bouton
		{
		padding-left:15px;
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		}

	.paiement_cb_bloc_td_price input
		{
		width:60px;
		margin-right:5px;
		font-size:25px;
		font-weight:bold;
		font-family: Montserrat, sans-serif;
		text-align: center;
		}
	

@media (max-width:1100px)
	{
	/* TABLETTES */
	
		
		#header #header_menu
			{
			display: inline-block;
			}
			
		#pro_tableau_menu
			{
			display: none;
			}
			
		#pro_tableau_content
			{
			}
			
		#hp_part_two #hp_part_two_promo #hp_part_two_promo_texte
			{
			position: absolute;
			left:210px;
			right:140px;
			top:50%;
			font-size:19px;
			font-weight:900;
			transform: translateY(-50%);
			}
	
	}

@media (max-width:1000px)
	{
	/* TABLETTES */
				
			
		#header #header_logo img.logo_large
			{
			width:250px;
			margin-top:10px
			}
			
		#hp_part_one
			{
			position: absolute;
			top:0px;
			left:0px;
			right:0px;
			height:695px;
			}
	
		#hp_part_one_under
			{
			height:710px;
			background:#fff;
			}
	
		#hp_part_one #hp_part_one_left
			{
			width:100%;
			}
	
		#hp_part_one #hp_part_one_right
			{ 
			display:none;
			}
			
		#hp_part_one #hp_part_one_left #hp_part_one_left_txt
			{
			margin:90px auto 0px auto;
			padding:0px 10px;
			}
			
		#hp_part_one #hp_part_one_left_prix
			{
			display: none;
			}
			
		#hp_part_one #hp_part_one_left_prix_iphone
			{
			display: block;
			margin:30px auto 0px auto;
			transform: rotate(3deg) translateX(0);
			
			}
			
		#hp_part_one .hp_part_one_left_txt_4
			{
			width:max-content;
			width: -moz-max-content;
			width: -webkit-max-content;
			display: block !important;
			margin-left:auto;
			margin-right:auto;
			}
			
		.hp_hide_under_1000
			{
			display: none !important;
			}
	
	}

@media (max-width:900px)
	{
	/* TABLETTES */
				
		#header #header_logo img.logo_large
			{
			width:200px;
			margin-top:11px
			}
	
		
		
	/* BARRE ONGLET */
	
		.barre_onglet
			{
			white-space: nowrap;
			margin:0px 0px 20px 0px;
			list-style: none;
			padding:0px;
			border-bottom:0;
			max-width: 90vw;
			overflow-x:auto;
			overflow-y:hidden;
			padding-bottom:5px;
			}
	
		.barre_onglet li
			{
			margin:0px 0px 0px 5px;
			display: inline-block;
			border:2px solid #cc0000;
			border-bottom:2px solid #cc0000;
			padding:5px 10px;
			font-size:14px;
			vertical-align: bottom;
			border-radius: 5px;
			color:#cc0000;
			cursor:pointer;
			font-family: 'Raleway', sans-serif;
			position: relative;
			}
			
		.barre_onglet li img
			{
			width:26px;
			height:26px;
			border-radius: 50%;
			border:2px solid #cc0000;
			position: absolute;
			background: #fff;
			opacity: 0;
			left:5px;
			top:0px;
			transition: all 0.5s ease;
			}
			
		.barre_onglet li span
			{
			position: relative;
			top:0px;
			left:0px;
			display: inline-block;
			margin-left:5px;
			vertical-align: 3px;
			}
			
		.barre_onglet li.onglet_selected img
			{
			border:2px solid #fff;
			position: absolute;
			opacity: 1;
			}
	
		.barre_onglet li:hover
			{
			background: #cc0000;
			color:#fff;
			}
	
		.barre_onglet li.onglet_selected
			{
			margin-top:0px;
			border:2px solid #cc0000;
			background: #cc0000;
			padding:5px 10px;
			transform: translateY(0px);
			font-weight: bold;
			padding-left:38px;
			}
			
		#hp_part_two #hp_part_two_promo
			{
			height:120px;
			}
	}
	

@media (max-width:800px)
	{
	/* TABLETTES */
		.cache800
			{
			display:none !important;
			}
				
	#header #header_logo img.logo_large
		{
		display: none;
		}
				
	#header #header_logo img.logo_small
		{
		display: inline;
		margin-top: 0px;
		}
		
	#hp_part_three, #hp_part_four, #hp_part_five
		{
		padding-left:10px;
		padding-right:10px;
		}
		
	#hp_part_two #hp_part_two_promo
		{
		height:auto;
		padding-top:100px
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_price
		{
		position: absolute;
		left:50%;
		top:-35px;
		transform: translateX(-50%) rotate(-3deg);
		margin:auto;
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_bouton
		{
		position: relative;
		right:0px;
		top:0;
		margin-top:50px;
		transform: translateY(-50%);
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_texte
		{
		position: relative;
		left:0;
		right:0;
		top:0;
		font-size:21px;
		font-weight:900;
		transform: translateY(0);
		}
		
	#hp_part_two #hp_part_two_promo #hp_part_two_promo_price b
		{
		display: block;
		font-size:45px;
		}
	}
	
@media (max-width:930px) and (hover: none) and (pointer: coarse) 
	{
    /* SEULEMENT LES TOUCH SCREEN */
    
    
    
	}

@media (max-width:700px)
	{
	/* PETITS ECRANS, PHABLETTE */
	
		
	#header #header_logo img
		{
			width:200px;
			margin-top:11px
		}
		
	.cache700
		{
		display: none !important;
		}
		
	#header #header_menu img
		{
		height:25px;
		}
		
	/*700*/
	
		#hp_part_two h2, #hp_part_three h2, #hp_part_five h2, #hp_part_four h2
			{
			width: 90% !important;
			text-align: center;
			}
			
		#hp_part_four li
			{
			display: block !important;
			}
			
		#hp_part_four li span
			{
			margin-left:auto;
			margin-right:auto;
			text-align: center !important;
			}
			
		#choix_categorie_res td
			{
			text-align: center;
			}
			
		#choix_categorie_res #bouton_mobile
			{
			display: block;
			text-align: center;
			margin-top:10px;
			margin-bottom:10px;
			}
			
		#choix_categorie_res #bouton_desktop
			{
			display: none;
			}
	}

@media (max-width:600px)
	{
	/* PETITS ECRANS, PHABLETTE */
	
	.cache600
		{
		display: none !important;
		}
		
	#content
		{
		padding:0px 0px;
		}

	#header
		{
		margin-bottom:0px;
		}

	}

@media (max-width:500px)
	{
	/* PETITS ECRANS, PHABLETTE */

	.cache500
		{
		display: none !important;
		}
		
	.choix_categorie .choix_categorie_ligne
		{
		white-space: nowrap;
		}
		
	.choix_categorie .choix_categorie_ligne .choix_categorie_ligne_texte
		{
		font-size:14px;
		max-width: 80vw;
		display: inline-block;
		overflow: hidden;
		}
				
	#header #header_logo img.logo_small
		{
		width:75px;
		margin-top: 2px;
		}
				
	#header #header_logo
		{
		height:40px;
		margin-top: 2px;
		}
		
	#header #header_texte a
		{
		font-size:13px !important;
		}
		
	#header #header_texte
		{
		top:5px;
		}
	
	#header #header_texte a.menu_inverse_bouton
		{
		padding:0px;
		border:3px solid white;
		vertical-align: -2px;
		}
		
	#header #header_texte a.menu_inverse .v16
		{ 
		width:24px;
		height:24px;
		}
		
	
		
	#hp_part_one #hp_part_one_left_prix
		{
		bottom:-25px;
		transform: rotate(3deg) translateX(-50%);
		}
	
	#hp_part_two h2, #hp_part_three h2, #hp_part_five h2, #hp_part_four h2
		{
		font-size:25px !important;
		}
		
	.choix_categorie .choix_categorie_h2 .h2_logo
		{
		display: none;
		}
		
	.choix_categorie .choix_categorie_h2
		{
		padding-left:10px;
		}
		
	.choix_categorie .choix_categorie_h2 h2.droit
		{
		font-size:20px !important;
		}
	}

@media (max-width:400px)
	{


	.cache400
		{
		display: none !important;
		}
		
	.affiche400
		{
		display: inherit;
		}
		
	.affiche400_inline
		{
		display: inline;
		}
		
	#hp_part_one #hp_part_one_left_prix_1
		{
		font-size:14px;
		}
			
	#hp_part_one #hp_part_one_left_prix_iphone
		{
		padding:10px 20px;
		}
		
	#hp_part_two li
		{
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		padding:10px;
		width:90%;
		margin-top:30px;
		padding-top:70px;
		position: relative;
		}
		
	#hp_part_two li .hp_part_two_content_image
		{
		position: absolute;
		top:-40px;
		left:50%;
		transform: translateX(-50%);
		}
	}

@media (max-width:330px)
	{
	/* IPHONE */

	.cache330
		{
		display: none !important;
		}
	}

@media (max-width:300px)
	{
	/* PETITE RESILUTION DE MOBILES */

	.cache300
		{
		display: none !important;
		}
	}
	

	
@keyframes shake {
  10%, 90% {
    transform: translate3d(-2px, 3px, -5px);
  }
  
  20%, 80% {
    transform: translate3d(-4px, -5px, 3px);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 3px, -6px);
  }

  40%, 60% {
    transform: translate3d(2px, -3px, -5px);
  }
}