@charset "UTF-8";/* -------------------------------------------- *//* 					RESET						*//* -------------------------------------------- */*,*::after,*::before {	box-sizing: border-box;}/* -------------------------------------------- *//* 			MISE EN FORME GENERALE				*//* -------------------------------------------- */.motscles {	font-size:14px;}.inline {	display:inline;}.bgjaune { background:#ff0; }.bgred { background:#f00; }.bgblue { background:#00f; } .flex {	display:flex;	flex-direction:row;}.flexWrap {	flex-wrap:wrap;}.col20 { width:20%; }.col25 { width:25%; }.col50 { width:50%; }.col75 { width:75%; }.col80 { width:80%; }.col100 { width:100%; }.padl1 { padding-left:1em; }.padr1 { padding-right:1em; }.padt1 { padding-top:1em; }.padt2 { padding-top:2em; }.padt3 { padding-top:3em; }.padb1 { padding-bottom:1em; }input[type="text"], select {	margin:0 3px 3px 3px;	background-color:#fff;	font-size:1em;	border: 1px solid #E6E8ED;	border-radius: 4px;}input[type="text"]:invalid {	border:2px solid #f00;}textarea {	background-color:#fff;	font-size:1em;	border: 1px solid #E6E8ED;	border-radius: 4px;}.selectFailed {	border:2px solid #f00;}#content {	display: grid; 	width:100%;	padding:1em;	font-family: OpenSans, sans-serif;	overflow-x:auto;}body {	font-family: 'OpenSans', sans-serif;	margin:0px;	padding:0px;	display:flex;	flex-flow:column;	min-height:100vh;		background:#f2f2f2;}header {	background: #fff;	position:sticky;	top:0;	z-index:999;	box-shadow: 1px 1px 3px #dadce0;}#cadreLogo a {	text-decoration:none;}.logoRed {	background:#d60231;	color:#fff;}.logo {	color:#d60231;}.tagline {	color:#05233d ;	text-transform:uppercase;	}.telephone {	float:right; 	/*color:#02904b;*/	/*background-image: url("./images/numero_vert.jpg") ;	background-repeat: no-repeat;	background-clip: content-box;	background-size: contain ;	*/}.telephone > span {	display:flex;	flex-direction:column;	justify-content:space-evenly;}.telephone a {	color:#02904b;	text-decoration:none;}.titreGras {	background:#d60231;	color:#fff;}.centerText {	text-align:center;}.mt05em { margin-top:0.5em; }.mt1em { margin-top:1em; }.mt2em { margin-top:2em; }select:required:invalid {/*	border:1px solid #0f0; */   	color: gray;}option[value=""][disabled] {  display: none;}option {  color: black;}html{scroll-behavior:smooth}@keyframes fadeIn {        from {     	opacity: 0;     }      	to { 		opacity: 1; 	}}.ouverture {	display:flex;}.indicateur {	display:flex;	flex-direction:row;}	#telephoneDesktop > #cntnum .indicateurtxt {	color:#d60231;	font-weight:700;	display:flex;	flex-direction:column;	justify-content:center;}	#telephoneMobile .indicateurtxt {	color:#d60231;	font-weight:700;	display:flex;	flex-direction:column;	justify-content:center;}.circle {	display:block;	border-radius:50%;}.circle.open {	background:#0f0;}.circle.close {	background:#d60231;}/* ------------------------------------------------------------ *//*					ECRAN SOUS TRAITANT							*//* ------------------------------------------------------------ */	/*#estUrlMobile a:visited {	color:#4088d0;}*/#estWebsite > span > a,#estWebsite > span > a:visited,#estFacebook > span > a,#estFacebook > span > a:visited,#estYoutube > span > a,#estYoutube > span > a:visited {	color:#3e5764;}#estWebsite > span > a:hover,#estFacebook > span > a:hover,#estYoutube > span > a:hover {	color:#d60231;}	/* -------------------------------------------- *//* 			PAGE D'ACCUEIL						*//* -------------------------------------------- */#imagefond {	background-image:url("./images/imagefond.png") ;	display:flex;}#cadrerecherche div {	color:#fff;		font-family: 'OpenSans', sans-serif;	font-style: italic;}.colDepartement a  {	color:#3e5764 ;	text-decoration:none;}.colDepartement a:hover {	color:#d60231;}#dossiers {	padding:1em;	display:flex;	flex-direction:column ;		background:#f6f7f8;	width:100%;}#dossiers a {	color:#3e5764 ;}#dossiers a:hover {	color:#d60231;}@keyframes animColorUrgence {    10%      { background-color: #80011f; }    20%      { background-color: #960224; }    30%      { background-color: #ad022a; }    40%      { background-color: #c4022f; }    50%      { background-color: #d60131; }    60%      { background-color: #ed0239; }    70%      { background-color: #ff033d; }    80%      { background-color: #ed0239; }    90%      { background-color: #d60131; }}@keyframes animColorRecherche {    10%      { background-color: #01060a; }    20%      { background-color: #031424; }    30%      { background-color: #05233d; }    40%      { background-color: #01060a; }    50%      { background-color: #094070; }    60%      { background-color: #0b4f8a; }    70%      { background-color: #094070; }    80%      { background-color: #01060a; }    90%      { background-color: #05233d; }}/* -------------------------------------------- *//* 			ANNUAIRE							*//* -------------------------------------------- */.navypages {	display:flex;}	.navypages > div {	border: solid 1px #809098;	border-radius:4px;		color: #809098 ;	background:#fff;		font-size:20px;		min-width:40px;	max-width:40px ;		min-height:40px;	max-height:40px;		margin-left:10px;	display:flex;		justify-content:center;		padding-top:8px;}.navypages > .pageencours {	background:#809098;	color:#fff;}.navypages a {	text-decoration:none ;	color:#809098 ;}.navypages a:visited {	color:#809098 ;}			/* -------------------------------------------- *//* 			LANDING PAGE URGENCE				*//* -------------------------------------------- */.centerTitre {	display:flex;	flex-direction:row;	width:100%;	justify-content:space-evenly;}	/* ------------------------------------------------------------ *//*						RECHERCHE NEW							*//* ------------------------------------------------------------ */#containerRechercheArtisan {	display:flex;	flex-direction:column;	justify-content:center; }#cadreRechercheArtisan {	display:flex;	z-index:888;	background:#f2f2f2;}#cadreRechercheArtisan label {	color:#05233d;	font-weight:bolder;}#cadreRechercheArtisan #comboVille {	padding-top:4px;}#cadreRechercheArtisan #cadreRechercheArtisanAction {	display:flex;	justify-content:center;}#cadreRechercheArtisan #cadreRechercheArtisanAction > div {	display:flex;	flex-direction:column;	justify-content:center; 		background:#d60231;		-moz-user-select: none; 	-webkit-user-select: none; 	-ms-user-select: none; 	user-select: none; 		cursor:pointer;}#cadreRechercheArtisan #cadreRechercheArtisanAction > div > label {	color:#fff;	width:100%;	text-align:center;	cursor:pointer;}#cadreRechercheArtisan #cadreRechercheArtisanAction > div:hover {	background:#fd2756;}#cadreRechercheArtisan .input {	display:block ;		min-height:40px;	max-height:40px;	border-radius:4px;	background:#fff;	cursor:pointer;	border:solid 1px #05233d;		outline:none;		color:#05233d;	padding-left:5px;}#cadreRechercheArtisan .input.erreur, #cadreRechercheArtisan .input.erreur.placeholder {	background:#ffdbe3;	border:solid 1px #d60231;	color:#d60231;}#cadreRechercheArtisan .input.placeholder, #cadreRechercheArtisan .input::placeholder {	color:#b7b7b7 ;} #cadreRechercheArtisan > #metiers, #cadreRechercheArtisan > #prestations {	display:none;	position:absolute;	flex-direction:column;	background:#fff;		animation: fadeIn 0.5s;}#cadreRechercheArtisan > #metiers > div, #cadreRechercheArtisan > #prestations > div {	min-height:30px;	max-height:30px;	width:100%;	cursor:pointer;	padding-left:6px;	padding-top:6px;}#cadreRechercheArtisan > #metiers > div:hover, #cadreRechercheArtisan > #prestations > div:hover {	background:#d60231;	color:#fff;}#cadreRechercheArtisan #localisez-moi {	text-decoration:none;	color:#05233d ;}#cadreRechercheArtisan #localisez-moi:hover {	color:#d60231;}/* -------------------------------------------- *//* 			LANDING PAGE PAR PRESTATION			*//* -------------------------------------------- */.prestation-ville #comboVille.erreur {	background:#ffdbe3;	border:solid 1px #d60231;	color:#d60231;}	/* -------------------------------------------- */	/* 			NOS PRESTATIONS PAGE D'ACCUEIL		*/	/* -------------------------------------------- */		#accueilNosPrestations {		display:flex;	}		#accueilNosPrestations .col {		display:flex;		flex-direction:column;	}	#accueilNosPrestations .col a {		color:#344d5c;	}/* Portables */@media only screen and (max-width:768px) {	/* ------------------------------------------------------------ */	/*							COMMUN								*/	/* ------------------------------------------------------------ */			#content {		grid-template-columns: 1fr 1fr;	}					header {		display:flex;		flex-direction:column;		align-content:flex-start;		justify-content:center;	}		#cadreLogo {		padding:0.5em 0 0.3em 0;		text-align:center;	}		#tagline {		text-align:center;		font-size:1em;		line-height:1.8em;		font-weight:700;		color:#405966;	}		.logoRed, .logo {		font-size:1.6em;	 	font-weight:900;	}		.logoRed {		letter-spacing: 0.28px;	}		.logo {		letter-spacing: 0.28px;	}			.telephone {		font-weight:700;		font-size:2em;		padding-right:1em;		padding-bottom:0.3em;		background-position:bottom 0.2em right 0.7em;		background-size:108px 86px ;	}		.telephone img {		padding-right:0.5em;		height:1.2em;	}			.desktop {		display:none	}			h1 span {		/* height:1em; */		margin-left:1em;	}		h1 {		/*height:1em;*/		letter-spacing: 0.76px;		color:#002233;		font-size:1.2em;	}		.titreGras {		padding:0.2em;	}		#fond {		background:#f3f5f5;		padding-bottom:1em;		margin-top:1em;		flex-grow:2;		display:flex;		flex-direction:column;	}			#fondContent {		background:#f3f5f5;		margin-top: 1em ;		padding:0 1em 1em 1em;		flex-grow:2;		display:flex;		flex-direction:column;	}		#telephoneDesktop { display:none; }		#telephoneMobile {		display:flex;		flex-direction:column;		justify-content:center;		min-height:40px;	}		#telephoneMobile #cnttel {		display:flex;		flex-direction:row;		justify-content: center;		padding-bottom:10px;	}		#telephoneMobile #cnttel > #cntimg {		display:flex;		flex-direction:column;		justify-content:center; 	}		#telephoneMobile #cnttel > #cntimg > img {		min-width:30px;		max-width:30px;		height:auto;	}		#telephoneMobile #cnttel > #lnk {		display:flex;		flex-direction:column;		justify-content:center;		padding-left:10px;	}		#telephoneMobile #cnttel > #lnk > a {		color:#02904b;		font-size:22px;		font-weight:bolder;		text-decoration:none;	}			#telephoneMobile #visio {		margin-left:10px;		display:flex;		flex-direction:column;		justify-content:center;		color:#d60231;		font-size:12px;		text-align:center;	}				#telephoneMobile .indicateur {		padding-left:20px;	}		#telephoneMobile .circle {		min-width:15px;		max-width:15px;		min-height:15px;		max-height:15px;		margin-right:5px;	}			#telephoneMobile .ouverture {		flex-direction:row;		justify-content: center;		padding-bottom:5px;	}		#telephoneMobile > #ag {		padding-left:10px;		display:flex;		flex-direction:column;		justify-content:center;	}			.entreeFormulaire label {		font-size:0.8em;	}		.entreeFormulaire input[type="text"] {		width:100%;		height:2em;	} 		.entreeFormulaire select {		width:100%;		height:2em;	}			.entreeFormulaire textarea {		width:100%;		height:10em;		padding:0.5em;	}		.entreeFormulaire .groupeCheckbox {		padding:0.1em 0.5em 0.2em 0.2em;	}		.entreeFormulaire .groupeCheckbox label {		padding:0.2em 0.5em 0.2em 2em;		margin:0.4em 0em 0.4em 0;	}		/* ------------------------------------------------------------ */	/*							ACCUEIL								*/	/* ------------------------------------------------------------ */			#imageFondFiltre {		position:absolute;		width:100%;		background:#777; 		opacity:0.7;  		min-height:450px;	}		#cadrerecherche {		position:relative; 		left:0px;		top:1.5em;		width:100%;/*		height:17em; */		padding-left:30px;		padding-right:30px;	}		#cadrerecherche #vouscherchez {		padding-top: 0;		padding-bottom:0.6em;				color:#fff;		/*color:#05233d;*/				font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #vouscherchez > label {		font-weight:700;	}		#cadrerecherche #selPrestation {		height:2.5em;		display:bloc;		width:100%;	}		#cadrerecherche #rechercheou {		padding-top: 1em;		padding-bottom:0.4em;				color:#fff;		/* color:#05233d; */			font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #rechercheou > label {		font-weight:700;	}		#cadrerecherche #selOu {		width:100%;		height:2.5em;		padding-left:0.2em; 		padding-right:0.2em;	}		#cadrerecherche #frameOu {		height:3em;		width:100%;	}					#cadrerecherche #localisez-moi {		display:none;	}		#localisez-moi-mobile {		padding-left:30px;		font-size:0.6em;	}			#localisez-moi-mobile img {		height:25px;		width:auto;		padding-left:10px;		vertical-align:middle;	}		#localisez-moi-mobile a {		color:#fff;		text-decoration:none;	}		#localisez-moi a {		color:#fff;		text-decoration:none;	}				#cadreMobile {		width:100%;		z-index:888;	}		#actionMobile {		width:100%;						margin-top:2em;				justify-content:space-evenly;				display:flex;	}				.cadreUrgenceMobile, .cadreRechercheMobile {		max-width:9em;		color:#fff;		height:3em;		vertical-align:middle;		font-size:1.3em;		padding-top:0.9em;		text-align:center;	}		#actionMobile .colAccueilMobile {		display:flex;		flex-direction:column;		justify-content:start;				max-width:9em;		width:9em;	}		#actionMobile .cadreTexteBtn > div {		position:absolute ;		background:#05233d;	}		#actionMobile .cadreTexteBtn {		background:#05233d;		color:#fff;		opacity:0.7;		max-height:7em;		min-height:7em;		text-align:center;		padding:5px;	}		#actionMobile a {		text-decoration:none;	}		#actionMobile a .cadreUrgenceMobile {		background:#d60131;		animation: animColorUrgence 0.5s 1;	}		#actionMobile a:hover .cadreUrgenceMobile {		background:#f60037;	}		#actionMobile a .cadreRechercheMobile {		background:#05233d;		animation: animColorRecherche 0.5s 1;	}		#actionMobile a:hover .cadreRechercheMobile {		background:#07365e;	}		#cadremessage {		display:none;		position:relative;		height:17em;		top:40px;		width:100%;	}		#cadremessage .message {		color:#d60131;		padding-top:20px;		padding-left:25px;		padding-bottom:0.1em;		font-weight:700;		font-size:1.4em;	}		#cadremessage .bandeau {		height:3.5em;		width:100%;	}		.bandeauUrgence, .bandeauRecherche {		display:flex;	}		.bandeauRecherche {		margin-top:4em;	}		.cadreUrgence, .cadreRecherche {		width:180px;		color:#fff;		height:100%;		vertical-align:middle;		font-size:1.3em;		padding-top:0.8em;		text-align:center;		opacity:1;	}		.bandeauUrgence a {		text-decoration:none;		background:#d60131;		animation: animColorUrgence 0.5s 1;	}		.bandeauUrgence a:hover {		background:#f60037;	}			.bandeauRecherche a {		text-decoration:none;		background:#05233d;		animation: animColorRecherche 0.5s 1;	}		.bandeauRecherche a:hover {		background:#07365e;	}			.contentBandeau {		background:#809098 ;		width:100%;		color:#fff;		font-size:1.3em;		padding-left:0.4em;		padding-right:0.4em;		padding-top:0.8em;		opacity:0.8;	}		#cadrerassurance {		display:flex;		background:#fff;		width:100%;		margin:0.4em 0 0.3em 0 ;		justify-content: space-evenly;		color:#676767;		font-size:0.8em;	}		#cadrerassurance img {		max-width:5em;		width:5em;		max-height:4em;		height:auto;		margin:0;		padding:0;	}		#cadrerassurance > figure {		max-width:5em;		margin:0.1em auto 0 auto ;	}			#depaneursenfrance  {		padding:1em;		display:grid;		background:#f6f7f8;		width:100%;		grid-template-columns: 1fr 1fr;	}		#depanneursenfrance #cad1 {		grid-column:1;		grid-row:1 ;	} 		#depanneursenfrance #cad2 {		grid-column:1;		grid-row:2;	}		#depanneursenfrance #cad3 {		grid-column:2;		grid-row:1;	}		#depanneursenfrance #cad4 {		grid-column:2;		grid-row:2;	}		.colDepartement {		font-size:0.6em;		line-height: 1.6em;		padding-right:0.2em;	}	#cadrepromo {		padding-left:20px;		padding-right:20px;		display:flex;		flex-direction:column;		margin-bottom:1em;	}		#cadrepromo .containervideo {  		width: 100%;  		padding-top: 56.25%;   		position: relative;  		display:bloc; 	}		#cadrepromo .containervideo > iframe {		position:absolute;		top:0;		width:100%;		height:100%;	}		#cadrepromo p {		padding:0;		font-size:1em;		color:#344d5c;		text-align:justify;	}			.dossierItem {		display:flex;		flex-direction:column;				font-size:1.2em;		line-height: 1.2em;	}		.dossierItem > a {		text-decoration: underline;		margin:0;	}			.dossierItem > span {		font-size:0.7em;		margin:0;	}		/* ------------------------------------------------------------ */	/*							BANDEAU RECHERCHE					*/	/* ------------------------------------------------------------ */		#recherche {		display:none;		min-height:120px;		background:#809098;		margin-left:0.9em;		margin-right:0.9em;	}		#recherche .libelle{		color:#fff;		font-family: 'OpenSans', sans-serif;		font-style: italic;		font-size:18px;		line-height:23px;		font-weight:900;		padding-top:20px;/*		padding-bottom:0.2em; */ 	}		#recherche .colRecherche {		margin-left:10px;	}			#recherche .selection {		width:100%;		height:2.5em;	}			#recherche #selOu {		height:40px;		width:250px;	}		#recherche #selPrestation {		width:250px;	}		#recherche #frameOu {		display:flex;	}		#frameOu select {		padding:0;		margin:0;	}			#recherche #localisez-moi {		padding-left:5px;		padding-right:20px;		height:2em;		font-size:10px;		margin-left:auto;		margin-right:auto;	}		#localisez-moi a {		color:#fff;		text-decoration:none;	}	.btnUrgence, .btnRecherche, .btnPrestation {		width:7em;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:12px; 		text-align:center;		margin-top:43px;	}	.containerBtnRecherche a, .containerBtnUrgence a {		text-decoration:none;	} 		.btnUrgence {		background:#d60131;	}		.btnUrgence:hover {		background:#f60037;	}			.btnPrestation {		background:#02904b;	}		.btnPrestation:hover {		background:#06cf6d;	}			.btnRecherche {		background:#05233d;	}		.btnRecherche:hover {		background:#07365e;	}		.cadreLibelleAction {		display:flex;		flex-direction:column;		justify-content:center;		height:45px;		margin-top:43px; 		padding-left:1em;		font-size:0.8em;		color:#fff;	}			/* ------------------------------------------------------------ */	/*					FIL D'ARIANE / ZONE BACK					*/	/* ------------------------------------------------------------ */		#backMobile {		padding-bottom:10px;		padding-top:10px;		padding:10px;		border-bottom:1px solid #bfbfbf;	}		#backMobile a {		text-decoration:none;		color:#344d5c ;	}		#backMobile a:hover {		color:#d60231;	}		#ariane {		display:none;	}					/* ------------------------------------------------------------ */	/*							ANNUAIRE							*/	/* ------------------------------------------------------------ */			#filtres {		display:none;		min-width:270px;		max-width:270px;	}		#resultatRechercheGeo2 {		display:none;		width:20em ;		height:10em;		background:#fff;		position:absolute;		border:1px solid #7d8f98;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultats {		flex-grow:2;	}		#trier {		display:flex;		justify-content:center;		height:4em;	}		#trier h1 {		padding-top:0.7em;		margin-top:0;		color:#47495a;		font-size:1em;				text-align:center;	}		#listeSousTraitants {	}						.cadreAutoPromo {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:250px;		border-radius: 4px;		box-shadow: 1px 1px 2px #aaa;					display:grid;		grid-template-columns: 1fr ;		grid-template-rows: 80px 1fr 80px;	}				#pushurgence {		grid-row: 1 ;		display:flex;		flex-direction:column;		padding:5px;	}		#cadreautopromorassurance {		grid-row:3;				display:flex; 		justify-content:space-around;				background:#fff; 		color:#676767;		font-size:0.8em;		letter-spacing: 0.19px;	}		#cadreautopromorassurance img {				height:30px;		max-height:30px;	}		#cadreautopromorassurance > figure {		min-width:60px;		max-width:60px;		margin:0 0 0 0 ;		padding:0;	}				#titrepushurgence {		font-size:25px;		font-weight:bolder;		color:#c02208;		margin-bottom:5px;		text-align:center;	}		#textepushurgence {		font-size:12px;		font-weight:bolder;		color:#47495a;	}		#pushurgencebtn {		grid-row:2;		display:flex;		flex-direction: row;		justify-content:center ;	}		#pushurgencebtn > a {		width:250px;		height:70px;		background:#d60131;		color:#fff;		margin:10px;		text-decoration:none ;		text-align:center;		font-size:20px;		padding:13px 10px 10px 10px;	}			#pushurgencebtn > a:hover {		background:#f60037;	}			/* ------------------------------------------------------------ */	/*							NOTATION							*/	/* ------------------------------------------------------------ */		.rating {		display:flex;		max-width:7em;		height:1.4em;		flex-grow:1;		margin-top:0.3em;		margin-right:0.5em;		padding:0;	}		.rating img {		width:1.2em;		max-height:1.4em ;		margin:0;		padding-right:0.2em;	}		/* ------------------------------------------------------------ */	/*				ECRAN ANNUAIRE - CADRE SOUS TRAITANT			*/	/* ------------------------------------------------------------ */			.cadreSousTraitant {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:200px;		border-radius: 4px;		box-shadow: 1px 1px 2px #aaa;			display:grid;		grid-template-columns: 80px 1fr 95px ;		grid-template-rows: auto 80px 1fr 50px;	}		.cadreImageWorker {		grid-column:1;		grid-row:1 / 3;				padding: 0.5em 0.1em 0.1em 0.5em;				width:80px;		max-width:80px;				display:flex;		flex-direction:column;		justify-content:center;	}		.cadreImageWorker > img {		border-radius: 2px;		max-height:80px;		max-width:70px;	}		.cadreImageWorker .portrait {		width:auto;		height:80px ;	}		.cadreImageWorker .paysage {		width:70px;		height:auto ;	}		.cadreSousTraitant .presentation {		width:100%;		margin-left:0px;	}		.cadreSousTraitant .titre h3 {		display:inline;				padding-top:0;		margin:7px 0 0 6px;		font-size:0.9em;		letter-spacing:0em;		color: #47495a;		flex-grow:1;		text-transform:uppercase;				overflow:hidden;	}		.cadreSousTraitant .titre {		grid-column:2 / 4;		grid-row:1;				display:flex;		flex-direction:column;				overflow:hidden;		height:45px;	}		.cadreSousTraitant .rating {		margin:0;	}	.cadreSousTraitant .blocNotes {		display:flex;	}		.cadreSousTraitant .soustraitantMetiers {			grid-column:2/4 ;		grid-row:2;						color:#05233d;		font-size:0.8em;				padding:0.2em 0 0 0.1em;		display:flex;				/*color:#b7b8bd;*/		color:#05233d;				text-overflow: "���";		overflow:hidden;	}		.cadreSousTraitant .soustraitantMetiers .picto {		width:20px;		min-width:20px;	}			.cadreSousTraitant .soustraitantLocalisation {		grid-column: 1 / 3 ;		grid-row:3;				display:flex;		font-size:0.8em;				padding:0 0px 0 10px;				overflow:hidden;	}		.cadreSousTraitant .soustraitantLocalisation .picto {		width:20px;		min-width:20px;	}		.cadreSousTraitant .avis {		display:none;	}		.cadreSousTraitant .picto {		width:1.5em;		min-width:1.5em;	}		.nbavis {		color:#b7b8bd;		font-size:0.9em;		padding-top:3px;		margin:0; 	} 		.cadreSousTraitant .soustraitantUnAvis {		display:none;	}			.cadreSousTraitant .soustraitantPresentation {		display:none;	}		.cadreSousTraitant .btnsoustraitant {		grid-column:1 / 4;		grid-row:4 / 4;		display:flex;		flex-direction:row;		justify-content: center;			/*padding-left:0.4em;*/	}		.cadreSousTraitant .divAction {	}		.btnsoustraitant a {		text-decoration:none;		border-radius:3px;		width:80px;		height:1.8em;		font-size:1em;		padding-top:0.2em;		margin: auto 5px auto 5px;/*		margin-top:10px;*/		text-align:center;	}		.btnsoustraitant .linkContact {		background:#05233d;		color:#fff;	}			.btnsoustraitant .linkContact:hover {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil:hover {		background:#05233d;		color:#fff;	}					/* ------------------------------------------------------------ */	/*					ECRAN SOUS TRAITANT							*/	/* ------------------------------------------------------------ */		.disp3cols {		margin-top:1em;		background:#f3f5f5;		display:flex;		flex-direction:column;		flex-grow:2;	}		#estPresentation {		background:#fff;		margin-left:0.5em;		margin-right:0.5em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}			#estSites {		grid-column: 1 / 3; 		grid-row: 2;		display:flex;		flex-direction:column;		flex-wrap:wrap ;		background:#fff;		margin-left:0.5em;		margin-right:0.5em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;		padding:5px;	}		#estSites > iframe {		flex-basis:100%;		padding:10px;		height:400px;	}			#estPresentation #contactMobile {	}		#estPresentation #contactMobile #btnContact {		width:12.5em;		border-radius: 1em;		color:#fff;		height:2em;		font-size:1.2em;		padding-top:0.4em;		margin:0 0 1em 0;		text-align:center;		background:#05233d;				margin-left:auto;		margin-right:auto;	}			#estPresentation #contactMobile #btnContact:hover {		background:#07365e;	}	#estPresentation #contactMobile a {		text-decoration:none;	} 			#estPresentationGlobal {		display:flex;		margin-top:0em;		padding-bottom:1em;		border-bottom: 1px solid #e0e2e4;	}		#estPresentationGlobalContent {		margin-left:1em;		width:100%;	}		#estPresentationGlobalContent > h1 {		color:#05233d;		text-transform:uppercase;		font-size:1m;		margin:0.2em 0 0 0 ;		padding:0;	}		#estPresentationGlobalContent .rating {		margin:0;		padding:0;	}		/*	#estPresentationGlobal > img {		width:5em;		max-width:5em;		height:6em;		margin:0.5em 0 0 0.5em;		border-radius:0.3em;	}	*/			#estPresentationGlobal #imagePresentation {		width:5em;		max-width:5em;				height:6em;		max-height:6em;				display:flex;		flex-direction:column;		justify-content:center;						margin:0.5em 0 0 0.5em;	}			#estPresentationGlobal #imagePresentation > img {		border-radius:0.3em;		max-width:5em;		max-height:6em;	}		#estPresentationGlobal .portrait {		width:auto;		height:6em ;	}		#estPresentationGlobal .paysage {		width:5em ;		height:auto;	}		.estNbAvis {		margin-left:1em;		padding-top:0.2em;		color:#b3b3b9;	}		#estEntete {		background:#05233d;		color:#fff;		height:2em;		font-size:0.9em;		padding-top:0.4em;	}		#estEntete > a {		color:#fff;		text-decoration:none;		margin-left:1em;		margin-right:1em;		transition: all 0.2s linear;	}			#estEntete > a.select {		border-bottom:1px solid #fff;	}		/*	.estSection {		height:4em;		margin-right:1em;		color: #05233d ;	}		.estSection .divimg, #estPresentationDescription .divimg {		margin-right:0.5em;		margin-left:0.5em ;	}		.estSection .divimg > img, #estPresentationDescription .divimg > img {		width:1.5em;		height:auto;		}		*/			#estPresentationDescription {		display:flex;		font-size:0.7em;				color:#525b66;		padding:0.6em 1em 1em 1em;	}		#estPresentationDescription img {		width:1.5em;		height:1.5em;		margin-right:1em;	}		#estInterventionDesktop, #estNbInterventionsDesktop {		display:none;	}		#estInterventionMobile {		display:flex;		font-size:0.7em;		padding:0.6em 1em 0 1em; 	}			#estInterventionMobile img,	#estNbInterventionsMobile img {		width:1.5em;		height:1.5em;		margin-right:1em;	}		#estNbInterventionsMobile {		display:flex;		font-size:0.7em;		padding:1em 1em 0 1em;	}				#estExpertise,	#estFacebook,	#estYoutube,	#estWebsite {		display:flex;		font-size:0.7em;		margin-top:0.4em;		text-align:justify;		padding-right:1em;	}				#estExpertise .divimg > img,	#estFacebook .divimg > img,	#estYoutube .divimg > img,	#estWebsite .divimg > img {		width:1em;		height:auto;		margin:0.1em 1em 0 0;	}		#imgDescriptionMobile {		display:none;	}		#estPriseRDV {		display:none;	}				#estPriseRDVContent .btn {		background:#05233d;		width:350px;		border-radius: 20px;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.5em;		margin-top:0.8em;		text-align:center;	}		#estPriseRDVContent  #cntBtnRendezVous a {		text-decoration:none;	}				#estAvis {		grid-column: 1 / 3; 		grid-row: 2;		background:#fff;		margin-left:0.5em;		margin-right:0.5em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estAvis::target {		transition: all .5s ease-in;	}		#estAvis > h2 {		font-size:1.2em;		margin-left:0.8em;	}		#estAvis .cadreAvis {		min-height:5em ;		border-bottom:1px solid #dfe3e8 ;		margin-left:0.9em ;		padding-bottom:1em;	}		#estAvis .cadreAvis h3 {		margin-bottom:0;		padding-bottom:0;		font-size:1.1em;	}		#estAvis .cadreAvis .dateAvis {		color:#525b66;		padding-bottom:0.5em;		padding-top:0.5em;	}		#estAvis .cadreAvis .rating {		margin-top:0;		margin-bottom:0; 	}		#estAvis .cadreAvis .avisCommentaire {		color:#525b66;		font-weight:700;		font-style:italic;		margin-top:1em;	}		#estAvis .cadreAvis .avisCommentaire::before {		content:'\201c  ' ;	}		#estAvis .cadreAvis .avisCommentaire::after {		content:'  \201d';	}				#estPhotos {		background:#fff;		margin:1em 0.5em 1em 0.5em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estPhotos > h2 {		font-size:1.2em;		margin-left:0.8em;	}		#contentPhotos {		display:grid ;		grid-template-columns: 1fr 1fr 1fr;	}		#contentPhotos img {		width:85% ;		height:auto;		margin-left:auto;		margin-right:auto;		margin-bottom:2em;	}		#contentPhotos #p1 { grid-column:1; grid-row:1 ; }	#contentPhotos #p2 { grid-column:2; grid-row:1 ; }	#contentPhotos #p3 { grid-column:3; grid-row:1 ; }	#contentPhotos #p4 { grid-column:1; grid-row:2 ; }	#contentPhotos #p5 { grid-column:2; grid-row:2 ; }	#contentPhotos #p6 { grid-column:3; grid-row:2 ; }				/* ------------------------------------------------------------ */	/*					CONTACT / URGENCE							*/	/* ------------------------------------------------------------ */			#containerContact {		display:grid ;		grid-template-columns: 1fr;	}		#formulaireColGauche {		grid-column:1;		grid-row:1;				padding-left:10px;		padding-right:10px;				display:flex;		flex-direction:column;	}		#formulaireColDroite {		grid-column:1;		grid-row:2;				padding-left:10px;		padding-right:10px;	}		#contact {		margin:0.5em;		background:#fff;		heigth:30em;		box-shadow: 1px 1px 2px #aaa;		font-size:1.2em;		color:#05233d;	}		#titreContact {		width:100%;		background:#05233d;		color:#fff;		padding:0.4em;		font-size:1.2em;	}			#panelErreur {		background:#f4c2cd;		padding-top:1.5em;		font-size:1.5em;		font-weight:900;		text-align:center;		height:100%;	}			#titreUrgence {		width:100%;		background:#d60131;		color:#fff;		padding:0.4em;		font-size:1.2em;	}		#resultatRechercheUrgence {		margin-bottom:1em;		padding-left:1em;		margin-top:0.5em;	}		#divContact1 {		margin-top:1em;		padding-left:1em;	}			#divContact2 {		margin-top:1em;		padding-left:1em;		margin-bottom:1em;	}		#contactNom, #contactAdresse, #contactCodePostal, #contactVille, #contactTelephone  {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;		width:100%; 	}		.contactCodePostalMinWidth {		min-width:180px;	}		/*	#contactTelephone {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;	}	*/		#messageContactTelephone {		display:none;	}		#messageContactTelephoneMobile {		font-size:0.7em;		color:#d60131;	}		#contactDescriptif {		width:100%; 		height:10em;	}		#contact label {		text-transform:uppercase;		color:#47495a;		letter-spacing:0em;		font-size:0.9em;		font-weight:900;	}		select#idmetier {		height:40px;		width:100%;		margin-bottom:20px;	}	#contactAction {		grid-column:1;		grid-row:3;		display:flex;		justify-content:center;		flex-direction:column;		height:7em;		margin-bottom:1em;		padding-top:1em;	}				#contactAction a {		text-decoration:none;	}		#contactAction > span {		display:bloc;		text-align:center;		font-size:0.9em;	}			#contactAction .btn {		width:12.5em;		border-radius: 1em;		color:#fff;		height:2em;		font-size:1.2em;		padding-top:0.4em;		margin-top:0.6em;		text-align:center;				margin-left:auto;		margin-right:auto;	}			#centrageanimbtn {		width:180px;		margin-right:20px;		padding-top:20px;		float:right;	}			#contactAction .btnUrgence {		background:#d60131;	}			#contactAction .btnUrgence:hover {		background:#f60037;	}		#contactAction .btnContact {		background:#05233d;	}			#contactAction .btnContact:hover {		background:#07365e;	}		#rassuranceLarge {		height:8em;/*		width:100%; */				display:flex;		background:#fff;				justify-content: space-evenly;		 		color:#676767;		font-size:0.8em;		margin-top:1em;		margin-bottom:1em;	}			#rassuranceLarge > figure {		max-width:18%;				margin:0.1em auto 0 auto 	}		#rassuranceLarge > figure img {		height:4em;		max-height:4em;	}		/* ------------------------------------------------------------ */	/*							FOOTER								*/	/* ------------------------------------------------------------ */			#footer {		background:#344d5c;  		display:flex;		flex-direction:column;		justify-content: center; 				position:relative; 		padding:0;		bottom:0;	}		#rechercheParMetier > .flex {		display:inline;	} 		.footerColMetier {	}		#footer #spanLogo {		margin-left:auto;		margin-right:auto;		margin-bottom:10px;		margin-top:20px;	}		#footer .logoRed {		margin-left:0;		padding-left:5px;	}		#footer .logo {	}		#footer .logoRed, #footer .logo {		font-size:1.3em;	}		#footer a {		text-decoration:none;	}		#footer #vosdepanneurs {		width:100%;				display:flex;		flex-direction:column;		justify-content:center;				margin-left:auto;		margin-right:auto;	}		#footer #vosdepanneurs p {		color:#fff;		width:100%;		margin-top:5px;		padding:0 0.2em 0 0.2em;		text-align:center;	}				#footer #telephone img {		height:30px;		width:auto;		margin-right:10px;	}		#footer #telephone a {		color:#fff;		text-decoration:none;	}		#footer #telephone {				font-weight:700;		font-size:1.5em;		width:200px;				margin-left:auto;		margin-right:auto;		margin-bottom:10px;	}			#footer #listeRecherches {		display:flex;		flex-direction:column;		justify-content:center;	}		#listeRecherches #rechercheParMetier {		display:flex;		flex-direction:column;		justify-content:center;		margin-bottom:25px;		margin-left:20px;	}		#listeRecherches h3 {		color:#fff;	}		#rechercheParGeo {		margin-bottom:25px;		margin-left:20px;	}		#organique {		margin-bottom:15px;		margin-left:20px;	}		#footer #footerRecherches {		border-top:1px solid #fff;		color:#fff;		font-size:0.8em;	}		#footer #listeRecherches a {		text-decoration:none;		font-size:0.8em;		color:#fff;	}	#footer #listeRecherches a:hover {		color:#d60131;	}		#footer #footerRecherches p {		text-align:center;	}		#footer #calage {	}			/* ------------------------------------------------------------ */	/*						RECHERCHES PAR ZONE						*/	/* ------------------------------------------------------------ */			#fondRechercheZone {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		flex-grow:2;	}		.rechercheRegion {	}		.rechercheDepartement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheDepartement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheArrondissement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}			.rechercheArrondissement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheCommune {		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheCommune .bloclibelle {		grid-column:1;	}		.rechercheCommune table .nomCommune {		width:300px;	}		.rechercheCanton h1 {		padding-left:20px;		grid-column: 1 / 5 ;	}		.rechercheCommune h1 {		padding-left:20px;		grid-column: 1 / 6 ;		grid-row:1 ;	}		.rechercheCanton .bloclibelle, .rechercheCommune .bloclibelle, .rechercheRegion .bloclibelle {		padding-top:3px;		padding-left:50px;		font-size:1.3em;	}		.rechercheCanton .bloclibelle a, .rechercheCommune .bloclibelle a, .rechercheRegion .bloclibelle a {		text-decoration:none;		color:#344d5c;	}			.rechercheCanton .bloclibelle a:hover, .rechercheCommune .bloclibelle a:hover, .rechercheRegion .bloclibelle a:hover {		color:#d60231;	}			#fondRechercheZone table {		margin:1em auto 1em auto ;		border-spacing : 0;		border-collapse : collapse;		font-size:10px;	}		#fondRechercheZone table td {		padding:0 0 0 10px;		border-spacing:0;		height:30px;	}		#fondRechercheZone table .nom {		width:80px;	}		#fondRechercheZone table .num {		width:60px;		text-align:center;	}		#fondRechercheZone table thead tr {		background:#344d5c;		color:#fff;	}			#fondRechercheZone table tbody tr:nth-child(odd) {		background:#dddede;	}	#fondRechercheZone table tbody tr:nth-child(odd) a {		color:#344d5c;		text-decoration:none ;	}			#fondRechercheZone table tbody tr:nth-child(odd) a:hover {		color:#d60231;	}		#fondRechercheZone table tbody tr:nth-child(even) {		background:#fff;	}		#fondRechercheZone table tbody tr:nth-child(even) a {		color:#344d5c;		text-decoration:none ;	}		#fondRechercheZone table tbody tr:nth-child(even) a:hover {		color:#d60231;	}		#fondRechercheZone #table1 { grid-column:1; grid-row:2; }	#fondRechercheZone #table2 { grid-column:2; grid-row:2; }	#fondRechercheZone #table3 { grid-column:3; grid-row:2; }	#fondRechercheZone #table4 { grid-column:4; grid-row:2; }	#fondRechercheZone #table5 { grid-column:5; grid-row:2; }				#fondRechercheZone #r1 { grid-column:1; grid-row:1; }	#fondRechercheZone #r2 { grid-column:2; grid-row:1; }	#fondRechercheZone #r3 { grid-column:1; grid-row:2; }	#fondRechercheZone #r4 { grid-column:2; grid-row:2; }	#fondRechercheZone #r5 { grid-column:1; grid-row:3; }	#fondRechercheZone #r6 { grid-column:2; grid-row:3; }	#fondRechercheZone #r7 { grid-column:1; grid-row:4; }	#fondRechercheZone #r8 { grid-column:2; grid-row:4; }	#fondRechercheZone #r9 { grid-column:1; grid-row:5; }	#fondRechercheZone #r10 { grid-column:2; grid-row:5; }	#fondRechercheZone #r11 { grid-column:1; grid-row:6; }	#fondRechercheZone #r12 { grid-column:2; grid-row:6; }	#fondRechercheZone #r13 { grid-column:1; grid-row:7; }	#fondRechercheZone #r14 { grid-column:2; grid-row:7; }	#fondRechercheZone #r15 { grid-column:1; grid-row:8; }	#fondRechercheZone #r16 { grid-column:2; grid-row:8; }	#fondRechercheZone #r17 { grid-column:1; grid-row:9; }	#fondRechercheZone #r18 { grid-column:2; grid-row:9; }		/* ------------------------------------------------------------ */	/*						CONTENU TEXTUEL							*/	/* ------------------------------------------------------------ */	#fondPage {		background:#fff;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		font-size:1em;		color:#344d5c ;		flex-grow:2;		display:flex;		flex-direction:column;	}		#fondPage h1 {		font-size:1.3em;		color:#d60231;	}			#fondPage h2 {		font-size:1.2em;	}		#fondPage p {		text-align:justify ;	}		/* ------------------------------------------------------------ */	/*						AVIS CLIENT								*/	/* ------------------------------------------------------------ */		#fondAvis {		margin: 1em 0em 1em 0em;		padding:0em 1em 1em 1em;		background:#f3f5f5;		flex-grow:2;				display:flex;		flex-direction:column;	}		#fondAvis h2 {		font-size:0.9em;	}		#avisAction { 		display:flex;		flex-direction:row;		padding-top:1em;	}		#avisAction a {		display:inline;		margin-left:auto;		margin-right:auto;	}		#avisAction img {		margin-left:auto;		margin-right:auto;	}		#fondAvis label {		font-size:0.8em;	}		.btnAvis {		width:10em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		#fondAvis a  {		text-decoration:none ;	}		#fondAvis .notation {		display:flex;	}		#fondAvis .notation .rating {		margin:0;		padding:0;		background:#0f0;	}		.btnAvis:hover {		background:#07365e;	}			#avis {		width:100%;		height:10em; 	}			/* ------------------------------------------------------------ */	/*						CHECKBOX / RADIOBUTTON					*/	/* ------------------------------------------------------------ */			.containerInput {		display: block;		position: relative;		padding-left: 3em ;		cursor: pointer;		font-size: 1em;		-webkit-user-select: none;		-moz-user-select: none;		-ms-user-select: none;		user-select: none;	}	.containerInput input {		position: absolute;		opacity: 0;		cursor: pointer;		height: 0;		width: 0;	}	.checkmark {		position: absolute;		top: 0;		left: 0;		height: 18px;		width: 18px;		background-color: #ccc;	}		.containerInput input[type="radio"] ~ .checkmark {		border-radius: 50%;	}	.containerInput:hover input ~ .checkmark {		background-color: #fe3e68;	}	.containerInput input:checked ~ .checkmark {		background-color: #d60231;	}	.checkmark:after {		content: "";		position: absolute;		display: none;	}	.containerInput input:checked ~ .checkmark:after {		display: block;	}	.containerInput input[type="radio"] ~ .checkmark:after {		top: 5px;		left: 5px;		width: 8px;		height: 8px;		border-radius: 50%;		background: white;	}	.containerInput input[type="checkbox"] ~ .checkmark:after {		left: 6px;		top: 3px;		width: 5px;		height: 10px;		border: solid white;		border-width: 0 3px 3px 0;		-webkit-transform: rotate(45deg);		-ms-transform: rotate(45deg);		transform: rotate(45deg);	}				/* ------------------------------------------------------------ */	/*						INSCRIPTION ARTISAN						*/	/* ------------------------------------------------------------ */			#inscriptionSousTraitantAction {		margin-top:1em;	}	.btnInscriptionSousTraitant {		width:100%;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		.btnInscriptionSousTraitant:hover {		background:#07365e;	}		#inscriptionSousTraitantAction a  {		text-decoration:none ;	}					/* ------------------------------------------------------------ */	/*						CONTACT VOSDEPANNEURS					*/	/* ------------------------------------------------------------ */	.btnContact {		width:15em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}			.btnContact:hover {		background:#07365e;	}				#contactVosdepanneursAction {		margin-top:1em;	}			#contactVosdepanneursAction a  {		text-decoration:none ;	}			/* ------------------------------------------------------------ */	/*						RGPD									*/	/* ------------------------------------------------------------ */		#rgpd {		position: sticky;		width:100%;		background:#809098;		padding: 10px;		bottom:0px;		opacity:0.95;		border-top:1px solid #000;		z-index:1000;		/*box-shadow:0px -3px 5px #aaa;*/		}		.openrgpd {		display:flex;		flex-direction:column;		animation: animRgpd 0.5s 1;		height: 250px; 	}		.closergpd {		display:none;	}			#rgpd #texte {		text-align:justify;		color:#fff;		font-size:0.8em;	}		#rgpdaction {		display:flex;		flex-direction:row;		justify-content:space-around;		-webkit-justify-content:space-around;		padding-top:20px;	}		#rgpdaction a {		width:130px;		max-width:130px;		height:40px;		border-radius:5px;		text-align:center;		font-size:16px;		text-decoration:none;		padding-top:10px;	}		#rgpdaction .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdaction .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko:hover {		background:#05233d;		color:#fff;	}				@keyframes animRgpd {		from { height:0px; }		to { height:250px; }	}			#rgpdecran {		display:flex;		flex-direction:row;		justify-content:start;		-webkit-justify-content:start;	}		#rgpdecran a {		width:100%;		height:60px;		border-radius:5px;		text-align:center;		margin-top:10px;		margin-bottom:10px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdecran .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdecran .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}				/* -------------------------------------------- */	/* 			LANDING PAGE URGENCE				*/	/* -------------------------------------------- */				.centerTitre > h1 {		border-bottom:2px solid #d60231;	}		.urgence-desc {		display:flex;		flex-direction:column-reverse;	}		.urgence-desc .urgence-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:row;		justify-content:space-evenly;	}		.urgence-desc .urgence-img > img {		width:300px;		height:auto;				margin:10px;	}			.urgence-desc > .urgence-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.urgence-desc > .urgence-text .item {		display:flex;		flex-direction:row;	}		.urgence-desc > .urgence-text .item > img {		width:30px;		height:30px;		margin:10px;	}		.urgence-desc > .urgence-text > .item > .cnt {		font-size:1.4em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc > .urgence-text > .urgence-tel {		margin:10px 10px 10px 10px;		font-size:1.1em;		font-weight:900;	}		.urgence-desc > .urgence-text > .urgence-tel a {		font-size:1.2em;		color:#02904b;		text-decoration:none;	}		.urgence-desc > .urgence-text > .urgence-form {		margin:10px 10px 10px 10px;		font-size:1em;		font-weight:700;	}	.urgence-desc > .urgence-text > .urgence-form a {		color:#d60231;		text-decoration:none;	}			/* ------------------------------------------------------------ */	/*						RECHERCHE NEW							*/	/* ------------------------------------------------------------ */			#imagefond {		grid-column: 1 / 3; 		grid-row: 1;				justify-content:center; 		flex-direction:row;				background-repeat:no-repeat;		width:100%;		background-size:cover;		background-position: top right;		min-height:450px;	}			#resultatRechercheGeo, #resultatRechercheGeo2 {		display:none;		z-index:999;		width:20em ;		height:10em;		background:#fff;		position:absolute;/*		border:1px solid #7d8f98; */		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultatRechercheGeo .elemGeo, #resultatRechercheGeo2 .elemGeo {		color:#333;		height:1.5em;		cursor:pointer;		padding-top:0.4em;		margin-left:0.2em;		margin-right:0.2em;		height:2em;	}		#resultatRechercheGeo .elemGeo:hover, #resultatRechercheGeo .selected, #resultatRechercheGeo2 .elemGeo:hover, #resultatRechercheGeo2 .selected {		color:#fff;		background:#d60231;	}				/* ------------------------------------------------------------ */			#rechercheArtisanPromo {		display:none;	}			#containerRechercheArtisan {		min-height:450px;		width:100%; 	}			#cadreRechercheArtisan {		flex-direction:column;		width:100%;	}		#cadreRechercheArtisanMetier {		width:100%;		padding:10px 20px 0px 20px;	}		#cadreRechercheArtisan #comboMetier {		width:100%;	} 				#cadreRechercheArtisan label {		font-size:1.2em;	}		#cadreRechercheArtisanPrestation {		width:100%;		padding:10px 20px 0px 20px;	}		#cadreRechercheArtisan #comboPrestation {		width:100%;	}			#cadreRechercheArtisanVille {		width:100%;		padding:10px 20px 0px 20px;	}			#cadreRechercheArtisan #comboVille {		width:100%;	}			#cadreRechercheArtisan #cadreRechercheArtisanAction {		flex-direction:row;		width:100%;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div {		min-width:160px;		max-width:160px;		min-height:40px;		max-height:40px;				margin-top:20px;		margin-bottom:20px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div > label {		font-size:1.2em;	}		#cadreRechercheArtisan .input {				font-size:0.8em;		padding-top:12px;	} 		#cadreRechercheArtisan > #metiers > div, #cadreRechercheArtisan > #prestations > div {		font-size:0.8em;	}				/* -------------------------------------------- */	/* 			LANDING PAGE PAR PRESTATION			*/	/* -------------------------------------------- */			#resultatRechercheGeo, #resultatRechercheGeo2 {		display:none;		width:300px ;		height:200px;		background:#fff;		position:absolute;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultatRechercheGeo .elemGeo, #resultatRechercheGeo2 .elemGeo {		color:#333;		height:30px;		font-size:15px;		cursor:pointer;		padding-top:6px;		margin-left:5px;		margin-right:5px;	}		#resultatRechercheGeo .elemGeo:hover, #resultatRechercheGeo .selected, #resultatRechercheGeo2 .elemGeo:hover, #resultatRechercheGeo2 .selected {		color:#fff;		background:#d60231;	}			/* -------------------------------------------------------------------------------------- */		.prestation-titre {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.prestation-titre h1 {		width:100%;		text-align:center;	}			.prestation-desc {		display:flex;		flex-direction:column-reverse;	}		.prestation-desc .prestation-img {		background:#fff;		margin:20px 10px 0px 10px ; 		border-radius:8px;		display:flex;		position:relative;		flex-direction:column;	}		.prestation-desc .prestation-img > img {		display:none;	}			.prestation-desc .prestation-img > .prestation-bulle {		display:flex;		flex-direction:column;				left:320px;		top:50px;				border-radius:20px;				width:100%;				min-height:300px;		max-height:300px;				background:#fff;				padding:30px 15px 20px 15px;	}		.prestation-desc .prestation-img > .prestation-bulle h2 {		width:100%;		text-align:center;		font-size:1.2em;		margin:0 0 10px 0;		padding:0 0 10px 0;		border-bottom:solid 1px #7c7c7c;	}			.prestation-desc .prestation-img > .prestation-bulle .item {		display:flex;		flex-direction:row;	}			.prestation-desc .prestation-img > .prestation-bulle .item > img {		width:30px;		height:30px;		margin:10px;	}		.prestation-desc .prestation-img > .prestation-bulle .item > .cnt {		font-size:1em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}			.prestation-desc > .prestation-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}			.prestation-desc > .prestation-text > .prestation-label {		width:100%;		text-align:center;		font-size:1.3em;		font-weight:bolder;		padding-top:10px;		padding-bottom:10px;		background:#02904b;		color:#fff;	}		.prestation-desc > .prestation-text > .prestation-content {		margin-top: 10px;		display:flex;		flex-direction:column;		padding-left:20px;	}		.prestation-desc > .prestation-text > .prestation-content .titre {		font-size:1.2em;		margin-bottom:10px;	}		.prestation-desc > .prestation-text > .prestation-content .contenu {		padding-left:20px;		font-size:1em;		color:#7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif {		margin-top:20px;		padding:0 20px 10px 20px;		display:flex;		flex-direction:row;		border-bottom:solid 1px #7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif > .label {		font-size:1.2em;	}		.prestation-desc > .prestation-text > .prestation-tarif > .prix {		font-size:1.2em;		flex-grow:1;		text-align:right;	}		.prestation-desc > .prestation-text > .prestation-tel {		margin:20px 10px 10px 20px;		font-size:1.2em;		font-weight:900;		text-align:center;	}		.prestation-desc > .prestation-text > .prestation-tel a {		font-size:1.2em;		color:#02904b;		text-decoration:none;	}		.prestation-desc > .prestation-text > .prestation-form {		margin:10px 10px 10px 20px;		font-size:1em;		font-weight:700;	}		.prestation-desc > .prestation-text > .prestation-form .rmpl {		width:100%;		text-align:center;	}		.prestation-desc > .prestation-text > .prestation-form a {		color:#3940c8;	}		.prestation-ville {		display:flex;		flex-direction:column;		padding-bottom:10px;	}		.prestation-ville > .vert {		display:flex;		flex-direction:column;		justify-content:center;		padding-right:10px;	}		.prestation-ville #localisez-moi {		font-size:0.7em;		padding-left:10px;		text-decoration:underline;	}		.prestation-ville  #comboVille {		padding-top:4px;		width:300px;				display:block ;				min-height:40px;		max-height:40px;		border-radius:4px;		background:#fff;		border:solid 1px #05233d;				outline:none;				color:#05233d;		padding-left:5px;	}			/* -------------------------------------------- */	/* 			CONTACT PAR PRESTATION				*/	/* -------------------------------------------- */			#titrePrestation {		width:100%;		background:#02904b;		color:#fff;		padding:0.4em;		font-size:1.2em;	}				/* -------------------------------------------- */	/* 			ARTICLES							*/	/* -------------------------------------------- */		#articleCadreTitre {		display:flex;		flex-direction:column;	}		#articleCadreTitre > .img {		display:flex;		flex-direction:row;		justify-content:center;		padding-bottom:10px;	}		#articleCadreTitre > .img > .imgGlobal {		max-width:100px;		height:auto;	}		#articleCadreTitre > .cnt {		display:flex;		flex-direction:column;	}	#articleCadreTitre > .cnt > span {	}				/* -------------------------------------------- */	/* 			NOS PRESTATIONS PAGE D'ACCUEIL		*/	/* -------------------------------------------- */		#accueilNosPrestations {		flex-direction:column;		flex-wrap:wrap;	}		#accueilNosPrestations .col {		flex-basis:100%;	}		#accueilNosPrestations .col h2 {		font-size:1.2em;		margin:0;		padding:10px 0 5px 10px;	}		#accueilNosPrestations .col a {		margin:0;		padding:0 0 5px 20px;	}}@media screen and (max-width: 1175px) and (min-width: 769px) {	/* ------------------------------------------------------------ */	/*							COMMUN								*/	/* ------------------------------------------------------------ */			#content {		grid-template-columns: 1fr 1fr;	}			header {		display:flex;		flex-direction:column;		align-content:flex-start;		justify-content:center;	}		#cadreLogo {		padding:0.5em 0 0.3em 0;		text-align:center;	}		#tagline {		text-align:center;		font-size:1em;		line-height:1.8em;		font-weight:700;		color:#405966;	}		.logoRed, .logo {		font-size:1.6em;	 	font-weight:900;	}		.logoRed {		letter-spacing: 0.28px;	}		.logo {		letter-spacing: 0.28px;	}			.telephone {		font-weight:700;		font-size:2em;		padding-right:1em;		padding-bottom:0.3em;		background-size:contain ;	}		.telephone img {		padding-right:0.5em;		height:1.2em;	}				.desktop {		display:none	}				h1 span {		/* height:1em; */		margin-left:1em;	}		h1 {		/*height:1em;*/		letter-spacing: 0.76px;		color:#002233;		font-size:1.2em;	}		.titreGras {		padding:0.2em;	}		#fond {		background:#f3f5f5;		padding-bottom:1em;		margin-top:1em;		flex-grow:2;		display:flex;		flex-direction:column;	}			#fondContent {		background:#f3f5f5;		margin-top: 1em ;		padding:0 1em 1em 1em;		flex-grow:2;		display:flex;		flex-direction:column;	}		#telephoneDesktop { display:none; }			#telephoneMobile {		display:flex;		flex-direction:column;		justify-content:center;		min-height:40px;	}		#telephoneMobile #cnttel {		display:flex;		flex-direction:row;		justify-content: center;		padding-bottom:10px;	}		#telephoneMobile #cnttel > #cntimg {		display:flex;		flex-direction:column;		justify-content:center; 	}		#telephoneMobile #cnttel > #cntimg > img {		min-width:30px;		max-width:30px;		height:auto;	}		#telephoneMobile #cnttel > #lnk {		display:flex;		flex-direction:column;		justify-content:center;		padding-left:10px;	}		#telephoneMobile #cnttel > #lnk > a {		color:#02904b;		font-size:22px;		font-weight:bolder;		text-decoration:none;	}		#telephoneMobile #visio {		padding-left:10px;		display:flex;		flex-direction:column;		justify-content:center;		color:#d60231;		font-size:12px;		text-align:center;	}		#telephoneMobile > #ag {		padding-left:10px;		display:flex;		flex-direction:column;		justify-content:center;	}		#telephoneMobile .indicateur {		padding-left:20px;	}		#telephoneMobile .circle {		min-width:15px;		max-width:15px;		min-height:15px;		max-height:15px;		margin-right:5px;	}			#telephoneMobile .ouverture {		flex-direction:row;		justify-content: center;		padding-bottom:5px;	}				.entreeFormulaire label {		font-size:0.8em;	}		.entreeFormulaire input[type="text"] {		width:100%;		height:2em;	} 		.entreeFormulaire select {		width:100%;		height:2em;	}			.entreeFormulaire textarea {		width:100%;		height:10em;		padding:0.5em;	}		.entreeFormulaire .groupeCheckbox {		padding:0.1em 0.5em 0.2em 0.2em;	}		.entreeFormulaire .groupeCheckbox label {		padding:0.2em 0.5em 0.2em 2em;		margin:0.4em 0em 0.4em 0;	}		/* ------------------------------------------------------------ */	/*							ACCUEIL								*/	/* ------------------------------------------------------------ */			#imageFondFiltre {		position:absolute;		width:100%;		background:#777; 		opacity:0.7;  		min-height:450px;		z-index:2;	}		#cadrerecherche {		position:relative; 		left:0px;		top:1.5em;		width:100%;/*		height:17em; */		padding-left:30px;		padding-right:30px;	}		#cadrerecherche #vouscherchez {		padding-top: 0;		padding-bottom:0.6em;				color:#fff;		/*color:#05233d;*/				font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #vouscherchez > label {		font-weight:700;	}		#cadrerecherche #selPrestation {		height:2.5em;		display:bloc;		width:100%;	}		#cadrerecherche #rechercheou {		padding-top: 1em;		padding-bottom:0.4em;				color:#fff;		/* color:#05233d; */			font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #rechercheou > label {		font-weight:700;	}		#cadrerecherche #selOu {		width:100%;		height:2.5em;		padding-left:0.2em; 		padding-right:0.2em;	}		#cadrerecherche #frameOu {		height:3em;		width:100%;	}				#cadrerecherche #localisez-moi {		display:none;	}		#localisez-moi-mobile {		padding-left:30px;		font-size:0.6em;	}			#localisez-moi-mobile img {		height:25px;		width:auto;		padding-left:10px;		vertical-align:middle;	}		#localisez-moi-mobile a {		color:#fff;		text-decoration:none;	}		#cadrerecherche #localisez-moi a {		color:#fff;		text-decoration:none;	}				#cadreMobile {		width:100%;		z-index:888;	}		#actionMobile {		width:100%;						margin-top:2em;				justify-content:space-evenly;				display:flex;	}				.cadreUrgenceMobile, .cadreRechercheMobile {		max-width:9em;		color:#fff;		height:3em;		vertical-align:middle;		font-size:1.3em;		padding-top:0.9em;		text-align:center;	}		#actionMobile .colAccueilMobile {		display:flex;		flex-direction:column;		justify-content:start;				max-width:9em;		width:9em;	}		#actionMobile .cadreTexteBtn > div {		position:absolute ;		background:#05233d;	}		#actionMobile .cadreTexteBtn {		background:#05233d;		color:#fff;		opacity:0.7;		max-height:7em;		min-height:7em;		text-align:center;		padding:5px;	}		#actionMobile a {		text-decoration:none;	}		#actionMobile a .cadreUrgenceMobile {		background:#d60131;		animation: animColorUrgence 0.5s 1;	}		#actionMobile a:hover .cadreUrgenceMobile {		background:#f60037;	}		#actionMobile a .cadreRechercheMobile {		background:#05233d;		animation: animColorRecherche 0.5s 1;	}		#actionMobile a:hover .cadreRechercheMobile {		background:#07365e;	}		#cadremessage {		display:none;		position:relative;		height:17em;		top:40px;		width:100%;	}		#cadremessage .message {		color:#d60131;		padding-top:20px;		padding-left:25px;		padding-bottom:0.1em;		font-weight:700;		font-size:1.4em;	}		#cadremessage .bandeau {		height:3.5em;		width:100%;	}		.bandeauUrgence, .bandeauRecherche {		display:flex;	}		.bandeauRecherche {		margin-top:4em;	}		.cadreUrgence, .cadreRecherche {		width:180px;		color:#fff;		height:100%;		vertical-align:middle;		font-size:1.3em;		padding-top:0.8em;		text-align:center;		opacity:1;	}		.bandeauUrgence a {		text-decoration:none;		background:#d60131;		animation: animColorUrgence 0.5s 1;	}		.bandeauUrgence a:hover {		background:#f60037;	}			.bandeauRecherche a {		text-decoration:none;		background:#05233d;		animation: animColorRecherche 0.5s 1;	}		.bandeauRecherche a:hover {		background:#07365e;	}			.contentBandeau {		background:#809098 ;		width:100%;		color:#fff;		font-size:1.3em;		padding-left:0.4em;		padding-right:0.4em;		padding-top:0.8em;		opacity:0.8;	}		#cadrerassurance {		display:flex;		background:#fff;		width:100%;		margin:0.4em 0 0.3em 0 ;		justify-content: space-evenly;		color:#676767;		font-size:0.8em;	}		#cadrerassurance img {		max-width:5em;		width:5em;		max-height:4em;		height:auto;		margin:0;		padding:0;	}		#cadrerassurance > figure {		max-width:5em;		margin:0.1em auto 0 auto ;	}			#depaneursenfrance {		padding:1em;		display:grid;		background:#f6f7f8;		width:100%;		grid-template-columns: 1fr 1fr;	}		#depanneursenfrance #cad1 {		grid-column:1;		grid-row:1 ;	} 		#depanneursenfrance #cad2 {		grid-column:1;		grid-row:2;	}		#depanneursenfrance #cad3 {		grid-column:2;		grid-row:1;	}		#depanneursenfrance #cad4 {		grid-column:2;		grid-row:2;	}		.colDepartement  {		font-size:0.6em;		line-height: 1.6em;		padding-right:0.2em;	}	#cadrepromo {		padding-left:20px;		padding-right:20px;		display:flex;		flex-direction:column;		margin-bottom:1em;	}				#cadrepromo .containervideo {  		width: 100%;  		padding-top: 56.25%;   		position: relative;  		display:bloc; 	}		#cadrepromo .containervideo > iframe {		position:absolute;		top:0;		width:100%;		height:100%;	}		#cadrepromo p {		padding-left:15px;		font-size:1.2em;		color:#344d5c;	}		.dossierItem {		display:flex;		flex-direction:column;				font-size:1.2em;		line-height: 1.2em;	}		.dossierItem > a {		text-decoration: underline;		margin:0;	}			.dossierItem > span {		font-size:0.7em;		margin:0;	}			/* ------------------------------------------------------------ */	/*							BANDEAU RECHERCHE					*/	/* ------------------------------------------------------------ */		#recherche {		display:none;		min-height:120px;		background:#809098;		margin-left:0.9em;		margin-right:0.9em;	}		#recherche .libelle{		color:#fff;		font-family: 'OpenSans', sans-serif;		font-style: italic;		font-size:18px;		line-height:23px;		font-weight:900;		padding-top:20px;/*		padding-bottom:0.2em; */ 	}		#recherche .colRecherche {		margin-left:10px;	}			#recherche .selection {		width:100%;		height:2.5em;	}			#recherche #selOu {		height:40px;		width:250px;	}		#recherche #selPrestation {		width:250px;	}		#recherche #frameOu {		display:flex;	}		#frameOu select {		padding:0;		margin:0;	}			#recherche #localisez-moi {		padding-left:5px;		padding-right:20px;		height:2em;		font-size:10px;		margin-left:auto;		margin-right:auto;	}		#localisez-moi a {		color:#fff;		text-decoration:none;	}	.btnUrgence, .btnRecherche, .btnPrestation {		width:7em;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:12px; 		text-align:center;		margin-top:43px;	}	.containerBtnRecherche a, .containerBtnUrgence a {		text-decoration:none;	} 		.btnUrgence {		background:#d60131;	}		.btnUrgence:hover {		background:#f60037;	}			.btnRecherche {		background:#05233d;	}		.btnRecherche:hover {		background:#07365e;	}		.btnPrestation {		background:#02904b;	}		.btnPrestation:hover {		background:#06cf6d;	}		.cadreLibelleAction {		display:flex;		flex-direction:column;		justify-content:center;		height:45px;		margin-top:43px; 		padding-left:1em;		font-size:0.8em;		color:#fff;	}			/* ------------------------------------------------------------ */	/*					FIL D'ARIANE / ZONE BACK					*/	/* ------------------------------------------------------------ */		#backMobile {		padding-bottom:10px;		padding-top:10px;		padding:10px;		border-bottom:1px solid #bfbfbf;	}		#backMobile a {		text-decoration:none;		color:#344d5c ;	}		#backMobile a:hover {		color:#d60231;	}		#ariane {		display:none;	}					/* ------------------------------------------------------------ */	/*							ANNUAIRE							*/	/* ------------------------------------------------------------ */			#filtres {		display:none;		min-width:270px;		max-width:270px;	}		#resultatRechercheGeo2 {		display:none;		width:20em ;		height:10em;		background:#fff;		position:absolute;		border:1px solid #7d8f98;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultats {		flex-grow:2;	}		#trier {		display:flex;		justify-content:center;		height:4em;	}		#trier h1 {		padding-top:0.7em;		margin-top:0;		color:#47495a;		font-size:1em;				text-align:center;	}		#listeSousTraitants {	}					.cadreAutoPromo {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:180px;		border-radius: 2px;		box-shadow: 1px 1px 2px #aaa;		display:grid;		grid-template-columns: 260px 200px 1fr;/*		grid-template-rows: 40px 70px 70px; */	}				#pushurgence {		padding:30px 0px 30px 30px;		grid-column: 1 ;		grid-row: 1 ;		display:flex;		flex-direction:column;	}		#cadreautopromorassurance {		grid-column:3;		grid-row:1;		display:flex;		background:#fff; 		margin:65px 0 30px 0;		padding:0;		justify-content: space-around;		color:#676767;		font-size:10px;		letter-spacing: 0.19px;	}		#cadreautopromorassurance img {				height:30px;		max-height:30px;	}		#cadreautopromorassurance > figure {		min-width:40px;		max-width:40px;		margin:0 0 0 0 ;		padding:0;	}			#titrepushurgence {		font-size:20px;		font-weight:bolder;		color:#c02208;		margin-bottom:10px;	}		#textepushurgence {		font-size:15px;		font-weight:bolder;		color:#47495a;	}		#pushurgencebtn {		grid-column: 2;		grid-row:1;		display:flex;		flex-direction: column;		justify-content:center ;		margin-left:10px;	}		#pushurgencebtn > a {		width:180px;		height:70px;		background:#d60131;		color:#fff;		margin:0px;		text-decoration:none ;		text-align:center;		font-size:18px;		padding:14px 10px 10px 10px;	}			#pushurgencebtn > a:hover {		background:#f60037;	}			/* ------------------------------------------------------------ */	/*							NOTATION							*/	/* ------------------------------------------------------------ */		.rating {		display:flex;		max-width:7em;		height:1.4em;		flex-grow:1;		margin-top:0.3em;		margin-right:0.5em;		padding:0;	}		.rating img {		width:1.2em;		max-height:1.4em ;		margin:0;		padding-right:0.2em;	}		/* ------------------------------------------------------------ */	/*				ECRAN ANNUAIRE - CADRE SOUS TRAITANT			*/	/* ------------------------------------------------------------ */			.cadreSousTraitant {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:180px;		border-radius: 4px;		box-shadow: 1px 1px 2px #aaa;			display:grid;		grid-template-columns: 80px 1fr 95px ;		grid-template-rows: auto 1fr 1fr;	}		.cadreImageWorker {		grid-column:1;		grid-row:1 / 3;				padding: 0.5em 0.1em 0.1em 0.5em;				width:80px;		max-width:80px;				display:flex;		flex-direction:column;		justify-content:center;	}		.cadreImageWorker > img {/*		height:80px; */		border-radius: 2px;/*		width:70px; */		max-width:70px;		max-height:80px;	}		.cadreImageWorker .portrait {		width:auto;		height:80px ;	}		.cadreImageWorker .paysage {		width:70px;		height:auto ;	}		.cadreSousTraitant .presentation {		width:100%;		margin-left:0px;	}		.cadreSousTraitant .titre h3 {		display:inline;				padding-top:0;		margin:7px 0 0 6px;		font-size:0.9em;		letter-spacing:0em;		color: #47495a;		flex-grow:1;		text-transform:uppercase;				overflow:hidden;	}		.cadreSousTraitant .titre {		grid-column:2 / 4;		grid-row:1;				display:flex;		flex-direction:column;				overflow:hidden;		height:45px;	}		.cadreSousTraitant .rating {		margin:0;	}	.cadreSousTraitant .blocNotes {		display:flex;	}		.cadreSousTraitant .soustraitantMetiers {			grid-column:2 ;		grid-row:2;						color:#05233d;		font-size:0.8em;				padding:0.2em 0 0 0.1em;		display:flex;				/*color:#b7b8bd;*/		color:#05233d;				text-overflow: "���";		overflow:hidden;	}		.cadreSousTraitant .soustraitantMetiers .picto {		width:20px;		min-width:20px;	}			.cadreSousTraitant .soustraitantLocalisation {		grid-column: 1 / 3 ;		grid-row:3;				display:flex;		font-size:0.8em;				padding:0 0px 0 10px;				overflow:hidden;	}		.cadreSousTraitant .soustraitantLocalisation .picto {		width:20px;		min-width:20px;	}		.cadreSousTraitant .avis {		display:none;	}		.cadreSousTraitant .picto {		width:1.5em;		min-width:1.5em;	}		.nbavis {		color:#b7b8bd;		font-size:0.9em;		padding-top:3px;		margin:0; 	} 		.cadreSousTraitant .soustraitantUnAvis {		display:none;	}			.cadreSousTraitant .soustraitantPresentation {		display:none;	}		.cadreSousTraitant .btnsoustraitant {		grid-column:3;		grid-row:2 / 4;		display:flex;		flex-direction:column;		justify-content: start;			padding-left:0.4em;	}		.cadreSousTraitant .divAction {	}		.btnsoustraitant a {		text-decoration:none;		border-radius:3px;		width:80px;		height:1.8em;		font-size:1em;		padding-top:0.2em;		margin-top:10px;		text-align:center;	}		.btnsoustraitant .linkContact {		background:#05233d;		color:#fff;	}			.btnsoustraitant .linkContact:hover {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil:hover {		background:#05233d;		color:#fff;	}				/* ------------------------------------------------------------ */	/*					ECRAN SOUS TRAITANT							*/	/* ------------------------------------------------------------ */		.disp3cols {		margin-top:1em;		background:#f3f5f5;		display:flex;		flex-direction:column;		flex-grow:2;	}		#estPresentation {		background:#fff;		margin-left:0.5em;		margin-right:0.5em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estSites {		grid-column: 1 / 3; 		grid-row: 2;		display:flex;		flex-direction:column;		flex-wrap:wrap ;		background:#fff;		margin-left:0.5em;		margin-right:0.5em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;		padding:5px;	}		#estSites > iframe {		flex-basis:100%;		padding:10px;		height:400px;	}			#estPresentation #contactMobile {	}		#estPresentation #contactMobile #btnContact {		width:12.5em;		border-radius: 1em;		color:#fff;		height:2em;		font-size:1.2em;		padding-top:0.4em;		margin:0 0 1em 0;		text-align:center;		background:#05233d;				margin-left:auto;		margin-right:auto;	}			#estPresentation #contactMobile #btnContact:hover {		background:#07365e;	}	#estPresentation #contactMobile a {		text-decoration:none;	} 			#estPresentationGlobal {		display:flex;		margin-top:0em;		padding-bottom:1em;		border-bottom: 1px solid #e0e2e4;	}		#estPresentationGlobalContent {		margin-left:1em;		width:100%;	}		#estPresentationGlobalContent > h1 {		color:#05233d;		text-transform:uppercase;		font-size:1m;		margin:0.2em 0 0 0 ;		padding:0;	}		#estPresentationGlobalContent .rating {		margin:0;		padding:0;	}					#estPresentationGlobal #imagePresentation {		width:5em;		max-width:5em;				height:6em;		max-height:6em;				display:flex;		flex-direction:column;		justify-content:center;						margin:0.5em 0 0 0.5em;	}			#estPresentationGlobal #imagePresentation > img {		border-radius:0.3em;		max-width:5em;		max-height:6em;	}		#estPresentationGlobal .portrait {		width:auto;		height:6em ;	}		#estPresentationGlobal .paysage {		width:5em ;		height:auto;	}		.estNbAvis {		margin-left:1em;		padding-top:0.2em;		color:#b3b3b9;	}		#estEntete {		background:#05233d;		color:#fff;		height:2em;		font-size:0.9em;		padding-top:0.4em;	}		#estEntete > a {		color:#fff;		text-decoration:none;		margin-left:1em;		margin-right:1em;		transition: all 0.2s linear;	}			#estEntete > a.select {		border-bottom:1px solid #fff;	}		#estPresentationDescription {		display:flex;		font-size:0.7em;				color:#525b66;		padding:0.6em 1em 1em 1em;	}		#estPresentationDescription img {		width:1.5em;		height:1.5em;		margin-right:1em;	}		#estInterventionDesktop, #estNbInterventionsDesktop {		display:none;	}		#estInterventionMobile {		display:flex;		font-size:0.7em;		padding:0.6em 1em 0 1em; 	}				#estInterventionMobile img,	#estNbInterventionsMobile img {		width:1.5em;		height:1.5em;		margin-right:1em;	}		#estNbInterventionsMobile {		display:flex;		font-size:0.7em;		padding:1em 1em 0 1em;	}		#estExpertise,	#estFacebook,	#estYoutube,	#estWebsite {		display:flex;		font-size:0.7em;		margin-top:0.4em;		text-align:justify;		padding-right:1em;	}			#estExpertise .divimg > img,	#estFacebook .divimg > img,	#estYoutube .divimg > img,	#estWebsite .divimg > img {		width:1em;		height:auto;		margin:0.1em 1em 0 0;	}		#imgDescriptionMobile {		display:none;	}		#estPriseRDV {		display:none;	}				#estPriseRDVContent .btn {		background:#05233d;		width:350px;		border-radius: 20px;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.5em;		margin-top:0.8em;		text-align:center;	}		#estPriseRDVContent  #cntBtnRendezVous a {		text-decoration:none;	}				#estAvis {		grid-column: 1 / 3; 		grid-row: 2;		background:#fff;		margin-left:0.5em;		margin-right:0.5em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estAvis::target {		transition: all .5s ease-in;	}		#estAvis > h2 {		font-size:1.2em;		margin-left:0.8em;	}		#estAvis .cadreAvis {		min-height:5em ;		border-bottom:1px solid #dfe3e8 ;		margin-left:0.9em ;		padding-bottom:1em;	}		#estAvis .cadreAvis h3 {		margin-bottom:0;		padding-bottom:0;		font-size:1.1em;	}		#estAvis .cadreAvis .dateAvis {		color:#525b66;		padding-bottom:0.5em;		padding-top:0.5em;	}		#estAvis .cadreAvis .rating {		margin-top:0;		margin-bottom:0; 	}		#estAvis .cadreAvis .avisCommentaire {		color:#525b66;		font-weight:700;		font-style:italic;		margin-top:1em;	}		#estAvis .cadreAvis .avisCommentaire::before {		content:'\201c  ' ;	}		#estAvis .cadreAvis .avisCommentaire::after {		content:'  \201d';	}				#estPhotos {		background:#fff;		margin:1em 0.5em 1em 0.5em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estPhotos > h2 {		font-size:1.2em;		margin-left:0.8em;	}		#contentPhotos {		display:grid ;		grid-template-columns: 1fr 1fr 1fr;	}		#contentPhotos img {		width:85% ;		height:auto;		margin-left:auto;		margin-right:auto;		margin-bottom:2em;	}		#contentPhotos #p1 { grid-column:1; grid-row:1 ; }	#contentPhotos #p2 { grid-column:2; grid-row:1 ; }	#contentPhotos #p3 { grid-column:3; grid-row:1 ; }	#contentPhotos #p4 { grid-column:1; grid-row:2 ; }	#contentPhotos #p5 { grid-column:2; grid-row:2 ; }	#contentPhotos #p6 { grid-column:3; grid-row:2 ; }				/* ------------------------------------------------------------ */	/*					CONTACT / URGENCE							*/	/* ------------------------------------------------------------ */			#containerContact {		display:grid ;		grid-template-columns: 1fr;	}		#formulaireColGauche {		grid-column:1;		grid-row:1;				padding-left:10px;		padding-right:10px;				display:flex;		flex-direction:column;	}		#formulaireColDroite {		grid-column:1;		grid-row:2;				padding-left:10px;		padding-right:10px;	}		#contact {		margin:0.5em;		background:#fff;		heigth:30em;		box-shadow: 1px 1px 2px #aaa;		font-size:1.2em;		color:#05233d;	}		#titreContact {		width:100%;		background:#05233d;		color:#fff;		padding:0.4em;		font-size:1.2em;	}			#panelErreur {		background:#f4c2cd;		padding-top:1.5em;		font-size:1.5em;		font-weight:900;		text-align:center;		height:100%;	}			#titreUrgence {		width:100%;		background:#d60131;		color:#fff;		padding:0.4em;		font-size:1.2em;	}		#resultatRechercheUrgence {		margin-bottom:1em;		padding-left:1em;		margin-top:0.5em;	}		#divContact1 {		margin-top:1em;		padding-left:1em;	}			#divContact2 {		margin-top:1em;		padding-left:1em;		margin-bottom:1em;	}		#contactNom, #contactAdresse, #contactCodePostal, #contactVille, #contactTelephone  {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;		width:100%; 	}		.contactCodePostalMinWidth {		min-width:180px;	}		/*	#contactTelephone {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;	}	*/		#messageContactTelephone {		display:none;	}		#messageContactTelephoneMobile {		font-size:0.7em;		color:#d60131;	}		#contactDescriptif {		width:100%; 		height:10em;	}		#contact label {		text-transform:uppercase;		color:#47495a;		letter-spacing:0em;		font-size:0.9em;		font-weight:900;	}		select#idmetier {		height:40px;		width:100%;		margin-bottom:20px;	}	#contactAction {		grid-column:1;		grid-row:3;		display:flex;		justify-content:center;		flex-direction:column;		height:7em;		margin-bottom:1em;		padding-top:1em;	}				#contactAction a {		text-decoration:none;	}		#contactAction > span {		display:bloc;		text-align:center;		font-size:0.9em;	}			#contactAction .btn {		width:12.5em;		border-radius: 1em;		color:#fff;		height:2em;		font-size:1.2em;		padding-top:0.4em;		margin-top:0.6em;		text-align:center;				margin-left:auto;		margin-right:auto;	}			#centrageanimbtn {		width:180px;		margin-right:20px;		padding-top:20px;		float:right;	}			#contactAction .btnUrgence {		background:#d60131;	}			#contactAction .btnUrgence:hover {		background:#f60037;	}		#contactAction .btnContact {		background:#05233d;	}			#contactAction .btnContact:hover {		background:#07365e;	}		#rassuranceLarge {		height:8em;/*		width:100%; */				display:flex;		background:#fff;				justify-content: space-evenly;		 		color:#676767;		font-size:0.8em;		margin-top:1em;		margin-bottom:1em;	}			#rassuranceLarge > figure {		max-width:18%;				margin:0.1em auto 0 auto 	}		#rassuranceLarge > figure img {		height:4em;		max-height:4em;	}		/* ------------------------------------------------------------ */	/*							FOOTER								*/	/* ------------------------------------------------------------ */			#footer {		background:#344d5c;  		display:flex;		flex-direction:column;		justify-content: center; 				position:relative; 		padding:0;		bottom:0;	}		#rechercheParMetier > .flex {		display:inline;	} 		.footerColMetier {	}		#footer #spanLogo {		margin-left:auto;		margin-right:auto;		margin-bottom:10px;		margin-top:20px;	}		#footer .logoRed {		margin-left:0;		padding-left:5px;	}		#footer .logo {	}		#footer .logoRed, #footer .logo {		font-size:1.3em;	}		#footer a {		text-decoration:none;	}		#footer #vosdepanneurs {		width:100%;				display:flex;		flex-direction:column;		justify-content:center;				margin-left:auto;		margin-right:auto;	}		#footer #vosdepanneurs p {		color:#fff;		width:100%;		margin-top:5px;		padding:0 0.2em 0 0.2em;		text-align:center;	}				#footer #telephone img {		height:30px;		width:auto;		margin-right:10px;	}		#footer #telephone {		color:#fff;		font-weight:700;		font-size:1.5em;		width:200px;				margin-left:auto;		margin-right:auto;		margin-bottom:10px;	}		#footer #telephone a {		color:#fff;		text-decoration:none;	}			#footer #listeRecherches {		display:flex;		flex-direction:column;		justify-content:center;	}		#listeRecherches #rechercheParMetier {		display:flex;		flex-direction:column;		justify-content:center;		margin-bottom:25px;		margin-left:20px;	}		#listeRecherches h3 {		color:#fff;	}		#rechercheParGeo {		margin-bottom:25px;		margin-left:20px;	}		#organique {		margin-bottom:15px;		margin-left:20px;	}		#footer #footerRecherches {		border-top:1px solid #fff;		color:#fff;		font-size:0.8em;	}		#footer #listeRecherches a {		text-decoration:none;		font-size:0.8em;		color:#fff;	}	#footer #listeRecherches a:hover {		color:#d60131;	}		#footer #footerRecherches p {		text-align:center;	}		#footer #calage {	}			/* ------------------------------------------------------------ */	/*						RECHERCHES PAR ZONE						*/	/* ------------------------------------------------------------ */			#fondRechercheZone {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		flex-grow:2;	}		.rechercheRegion {	}		.rechercheDepartement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheDepartement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheArrondissement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}			.rechercheArrondissement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheCommune {		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheCommune .bloclibelle {		grid-column:1;	}		.rechercheCommune table .nomCommune {		width:300px;	}		.rechercheCanton h1 {		padding-left:20px;		grid-column: 1 / 5 ;	}		.rechercheCommune h1 {		padding-left:20px;		grid-column: 1 / 6 ;		grid-row:1 ;	}		.rechercheCanton .bloclibelle, .rechercheCommune .bloclibelle, .rechercheRegion .bloclibelle {		padding-top:3px;		padding-left:50px;		font-size:1.3em;	}		.rechercheCanton .bloclibelle a, .rechercheCommune .bloclibelle a, .rechercheRegion .bloclibelle a {		text-decoration:none;		color:#344d5c;	}			.rechercheCanton .bloclibelle a:hover, .rechercheCommune .bloclibelle a:hover, .rechercheRegion .bloclibelle a:hover {		color:#d60231;	}			#fondRechercheZone table {		margin:1em auto 1em auto ;		border-spacing : 0;		border-collapse : collapse;		font-size:10px;	}		#fondRechercheZone table td {		padding:0 0 0 10px;		border-spacing:0;		height:30px;	}		#fondRechercheZone table .nom {		width:80px;	}		#fondRechercheZone table .num {		width:60px;		text-align:center;	}		#fondRechercheZone table thead tr {		background:#344d5c;		color:#fff;	}			#fondRechercheZone table tbody tr:nth-child(odd) {		background:#dddede;	}	#fondRechercheZone table tbody tr:nth-child(odd) a {		color:#344d5c;		text-decoration:none ;	}			#fondRechercheZone table tbody tr:nth-child(odd) a:hover {		color:#d60231;	}		#fondRechercheZone table tbody tr:nth-child(even) {		background:#fff;	}		#fondRechercheZone table tbody tr:nth-child(even) a {		color:#344d5c;		text-decoration:none ;	}		#fondRechercheZone table tbody tr:nth-child(even) a:hover {		color:#d60231;	}		#fondRechercheZone #table1 { grid-column:1; grid-row:2; }	#fondRechercheZone #table2 { grid-column:2; grid-row:2; }	#fondRechercheZone #table3 { grid-column:3; grid-row:2; }	#fondRechercheZone #table4 { grid-column:4; grid-row:2; }	#fondRechercheZone #table5 { grid-column:5; grid-row:2; }				#fondRechercheZone #r1 { grid-column:1; grid-row:1; }	#fondRechercheZone #r2 { grid-column:2; grid-row:1; }	#fondRechercheZone #r3 { grid-column:1; grid-row:2; }	#fondRechercheZone #r4 { grid-column:2; grid-row:2; }	#fondRechercheZone #r5 { grid-column:1; grid-row:3; }	#fondRechercheZone #r6 { grid-column:2; grid-row:3; }	#fondRechercheZone #r7 { grid-column:1; grid-row:4; }	#fondRechercheZone #r8 { grid-column:2; grid-row:4; }	#fondRechercheZone #r9 { grid-column:1; grid-row:5; }	#fondRechercheZone #r10 { grid-column:2; grid-row:5; }	#fondRechercheZone #r11 { grid-column:1; grid-row:6; }	#fondRechercheZone #r12 { grid-column:2; grid-row:6; }	#fondRechercheZone #r13 { grid-column:1; grid-row:7; }	#fondRechercheZone #r14 { grid-column:2; grid-row:7; }	#fondRechercheZone #r15 { grid-column:1; grid-row:8; }	#fondRechercheZone #r16 { grid-column:2; grid-row:8; }	#fondRechercheZone #r17 { grid-column:1; grid-row:9; }	#fondRechercheZone #r18 { grid-column:2; grid-row:9; }		/* ------------------------------------------------------------ */	/*						CONTENU TEXTUEL							*/	/* ------------------------------------------------------------ */	#fondPage {		background:#fff;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		font-size:1em;		color:#344d5c ;		flex-grow:2;		display:flex;		flex-direction:column;	}		#fondPage h1 {		font-size:1.5em;		color:#d60231;	}		#fondPage h1 {		font-size:1.5em;	}		/* ------------------------------------------------------------ */	/*						AVIS CLIENT								*/	/* ------------------------------------------------------------ */		#fondAvis {		margin: 1em 0em 1em 0em;		padding:0em 1em 1em 1em;		background:#f3f5f5;		flex-grow:2;				display:flex;		flex-direction:column;	}		#fondAvis h2 {		font-size:0.9em;	}		#avisAction { 		display:flex;		flex-direction:row;		padding-top:1em;	}		#avisAction a {		display:inline;		margin-left:auto;		margin-right:auto;	}		#avisAction img {		margin-left:auto;		margin-right:auto;	}		#fondAvis label {		font-size:0.8em;	}		.btnAvis {		width:10em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		#fondAvis a  {		text-decoration:none ;	}		#fondAvis .notation {		display:flex;	}		#fondAvis .notation .rating {		margin:0;		padding:0;		background:#0f0;	}		.btnAvis:hover {		background:#07365e;	}			#avis {		width:100%;		height:10em; 	}			/* ------------------------------------------------------------ */	/*						CHECKBOX / RADIOBUTTON					*/	/* ------------------------------------------------------------ */			.containerInput {		display: block;		position: relative;		padding-left: 3em ;		cursor: pointer;		font-size: 1em;		-webkit-user-select: none;		-moz-user-select: none;		-ms-user-select: none;		user-select: none;	}	.containerInput input {		position: absolute;		opacity: 0;		cursor: pointer;		height: 0;		width: 0;	}	.checkmark {		position: absolute;		top: 0;		left: 0;		height: 18px;		width: 18px;		background-color: #ccc;	}		.containerInput input[type="radio"] ~ .checkmark {		border-radius: 50%;	}	.containerInput:hover input ~ .checkmark {		background-color: #fe3e68;	}	.containerInput input:checked ~ .checkmark {		background-color: #d60231;	}	.checkmark:after {		content: "";		position: absolute;		display: none;	}	.containerInput input:checked ~ .checkmark:after {		display: block;	}	.containerInput input[type="radio"] ~ .checkmark:after {		top: 5px;		left: 5px;		width: 8px;		height: 8px;		border-radius: 50%;		background: white;	}	.containerInput input[type="checkbox"] ~ .checkmark:after {		left: 6px;		top: 3px;		width: 5px;		height: 10px;		border: solid white;		border-width: 0 3px 3px 0;		-webkit-transform: rotate(45deg);		-ms-transform: rotate(45deg);		transform: rotate(45deg);	}				/* ------------------------------------------------------------ */	/*						INSCRIPTION ARTISAN						*/	/* ------------------------------------------------------------ */			#inscriptionSousTraitantAction {		margin-top:1em;	}	.btnInscriptionSousTraitant {		width:100%;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		.btnInscriptionSousTraitant:hover {		background:#07365e;	}		#inscriptionSousTraitantAction a  {		text-decoration:none ;	}					/* ------------------------------------------------------------ */	/*						CONTACT VOSDEPANNEURS					*/	/* ------------------------------------------------------------ */	.btnContact {		width:15em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}			.btnContact:hover {		background:#07365e;	}				#contactVosdepanneursAction {		margin-top:1em;	}			#contactVosdepanneursAction a  {		text-decoration:none ;	}			/* ------------------------------------------------------------ */	/*						RGPD									*/	/* ------------------------------------------------------------ */		#rgpd {		position: sticky;		width:100%;		background:#809098;		padding: 10px;		bottom:0px;		opacity:0.95;		border-top:1px solid #000;		}		.openrgpd {		display:flex;		animation: animRgpd 0.5s 1;		height: 200px; 	}		.closergpd {		display:none;	}			#rgpd #texte {		color:#fff;		font-size:0.9em;		display:flex;		flex-direction:column ;		justify-content:space-around;	}		#rgpd #texte p {		margin:0;		padding:0;	}		#rgpdaction {		display:flex;		flex-direction:column;		justify-content:space-around;		-webkit-justify-content:space-around;	}		#rgpdaction a {		width:200px;		height:60px;		border-radius:5px;		text-align:center;		margin-left:50px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdaction .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdaction .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko:hover {		background:#05233d;		color:#fff;	}				@keyframes animRgpd {		from { height:0px; }		to { height:200px; }	}			#rgpdecran {		display:flex;		flex-direction:row;		justify-content:start;		-webkit-justify-content:start;	}		#rgpdecran a {		width:200px;		height:60px;		border-radius:5px;		text-align:center;		margin-top:10px;		margin-bottom:10px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdecran .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdecran .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}				/* -------------------------------------------- */	/* 			LANDING PAGE URGENCE				*/	/* -------------------------------------------- */				.centerTitre > h1 {		border-bottom:2px solid #d60231;	}		.urgence-desc {		display:flex;	}		.urgence-desc .urgence-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc .urgence-img > img {		width:300px;		height:auto;				margin:10px;	}			.urgence-desc > .urgence-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.urgence-desc > .urgence-text .item {		display:flex;		flex-direction:row;	}		.urgence-desc > .urgence-text .item > img {		width:30px;		height:30px;		margin:10px;	}		.urgence-desc > .urgence-text > .item > .cnt {		font-size:1.4em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc > .urgence-text > .urgence-tel {		margin:10px 10px 10px 10px;		font-size:1.1em;		font-weight:900;	}		.urgence-desc > .urgence-text > .urgence-tel a {		font-size:1.2em;		color:#02904b;		text-decoration:none;	}		.urgence-desc > .urgence-text > .urgence-form {		margin:10px 10px 10px 10px;		font-size:1em;		font-weight:700;	}	.urgence-desc > .urgence-text > .urgence-form a {		color:#d60231;		text-decoration:none;	}			/* ------------------------------------------------------------ */	/*						RECHERCHE NEW							*/	/* ------------------------------------------------------------ */				#imagefond {		grid-column: 1 / 3; 		grid-row: 1;				justify-content:center; 		flex-direction:row;				background-repeat:no-repeat;		width:100%;		background-size:cover;		background-position: top right;		min-height:450px;	}			/* ------------------------------------------------------------ */					#rechercheArtisanPromo {		display:flex;		flex-direction:column;		justify-content:center;		min-height:60px;		min-width:760px;		max-width:760px;		background:#fff;		z-index:4;	}		#rechercheArtisanPromo > label {		width:100%;		text-align:center;		font-size:1.2em;		color:#05233d;	}			#containerRechercheArtisan {		min-height:450px;		min-width:760px;		max-width:760px; 	}			#cadreRechercheArtisan {		flex-direction:column;		min-width:760px;		max-width:760px;	}		#cadreRechercheArtisanMetier {		width:420px;		padding-top:10px;		padding-left:10px;		margin-left:10px;	}		#cadreRechercheArtisan #comboMetier {		min-width:420px;		max-width:420px;	} 				#cadreRechercheArtisan label {		font-size:1.2em;	}		#cadreRechercheArtisanPrestation {		width:420px;		padding-top:10px;		padding-left:10px;		margin-left:10px;	}		#cadreRechercheArtisan #comboPrestation {		min-width:420px;		max-width:420px;	}			#cadreRechercheArtisanVille {		width:420px;		padding-top:10px;		padding-left:10px;		margin-left:10px;	}			#cadreRechercheArtisan #comboVille {		width:420px;	}			#cadreRechercheArtisan #cadreRechercheArtisanAction {		flex-direction:column;		width:250px;		margin-left:20px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div {		min-width:160px;		max-width:160px;		min-height:40px;		max-height:40px;				margin-top:20px;		margin-bottom:20px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div > label {		font-size:1.2em;	}		#cadreRechercheArtisan .input {		font-size:1em;		padding-top:9px;	}				/* -------------------------------------------- */	/* 			LANDING PAGE PAR PRESTATION			*/	/* -------------------------------------------- */			#resultatRechercheGeo, #resultatRechercheGeo2 {		display:none;		width:300px ;		height:200px;		background:#fff;		position:absolute;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultatRechercheGeo .elemGeo, #resultatRechercheGeo2 .elemGeo {		color:#333;		height:30px;		font-size:15px;		cursor:pointer;		padding-top:6px;		margin-left:5px;		margin-right:5px;	}		#resultatRechercheGeo .elemGeo:hover, #resultatRechercheGeo .selected, #resultatRechercheGeo2 .elemGeo:hover, #resultatRechercheGeo2 .selected {		color:#fff;		background:#d60231;	}			/* -------------------------------------------------------------------------------------- */		.prestation-titre {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.prestation-titre h1 {		width:100%;		text-align:center;	}			.prestation-desc {		display:flex;	}		.prestation-desc .prestation-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		position:relative;		flex-direction:column;/*		justify-content:space-evenly; */	}		.prestation-desc .prestation-img > img {		display:none;	}			.prestation-desc .prestation-img > .prestation-bulle {		display:flex;		flex-direction:column;				left:320px;		top:50px;				border-radius:20px;				min-width:260px;		max-width:260px;				min-height:300px;		max-height:300px;				background:#fff;				padding:30px 15px 20px 15px;	}		.prestation-desc .prestation-img > .prestation-bulle h2 {		width:100%;		text-align:center;		font-size:1.2em;		margin:0 0 10px 0;		padding:0 0 10px 0;		border-bottom:solid 1px #7c7c7c;	}			.prestation-desc .prestation-img > .prestation-bulle .item {		display:flex;		flex-direction:row;	}			.prestation-desc .prestation-img > .prestation-bulle .item > img {		width:30px;		height:30px;		margin:10px;	}		.prestation-desc .prestation-img > .prestation-bulle .item > .cnt {		font-size:1em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}			.prestation-desc > .prestation-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}			.prestation-desc > .prestation-text > .prestation-label {		width:100%;		text-align:center;		font-size:1.5em;		font-weight:bolder;		padding-top:30px;		padding-bottom:30px;		background:#02904b;		color:#fff;	}		.prestation-desc > .prestation-text > .prestation-content {		margin-top: 20px;		display:flex;		flex-direction:column;		padding-left:20px;	}		.prestation-desc > .prestation-text > .prestation-content .titre {		font-size:1.2em;		margin-bottom:10px;	}		.prestation-desc > .prestation-text > .prestation-content .contenu {		padding-left:20px;		font-size:1em;		color:#7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif {		margin-top:30px;		padding:0 20px 30px 20px;		display:flex;		flex-direction:row;		border-bottom:solid 1px #7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif > .label {		font-size:1.7em;	}		.prestation-desc > .prestation-text > .prestation-tarif > .prix {		font-size:1.7em;		flex-grow:1;		text-align:right;	}		.prestation-desc > .prestation-text > .prestation-tel {		margin:20px 10px 10px 20px;		font-size:1.2em;		font-weight:900;	}		.prestation-desc > .prestation-text > .prestation-tel a {		font-size:1.2em;		color:#02904b;		text-decoration:none;	}		.prestation-desc > .prestation-text > .prestation-form {		margin:20px 10px 10px 20px;		font-size:1em;		font-weight:700;	}		.prestation-desc > .prestation-text > .prestation-form a {		color:#3940c8;		/*text-decoration:none; */	}		.prestation-ville {		display:flex;		flex-direction:row;		padding-bottom:10px;	}		.prestation-ville > .vert {		display:flex;		flex-direction:column;		justify-content:center;		padding-right:10px;	}		.prestation-ville #localisez-moi {		font-size:0.7em;		padding-left:10px;		text-decoration:underline;	}		.prestation-ville  #comboVille {		padding-top:4px;		width:300px;				display:block ;				min-height:40px;		max-height:40px;		border-radius:4px;		background:#fff;		border:solid 1px #05233d;				outline:none;				color:#05233d;		padding-left:5px;	}			/* -------------------------------------------- */	/* 			CONTACT PAR PRESTATION				*/	/* -------------------------------------------- */				#titrePrestation {		width:100%;		background:#02904b;		color:#fff;		padding:0.4em;		font-size:1.2em;	}				/* -------------------------------------------- */	/* 			ARTICLES							*/	/* -------------------------------------------- */		#articleCadreTitre {		display:flex;		flex-direction:row;	}		#articleCadreTitre > .img {	}		#articleCadreTitre > .img > .imgGlobal {		max-width:150px;		height:auto;	}		#articleCadreTitre > .cnt {		display:flex;		flex-direction:column;		justify-content:center; 	}	#articleCadreTitre > .cnt > span {		padding-left:20px;	}				/* -------------------------------------------- */	/* 			NOS PRESTATIONS PAGE D'ACCUEIL		*/	/* -------------------------------------------- */		#accueilNosPrestations {		grid-column: 1 / 3;		flex-direction:row;		flex-wrap:wrap;	}		#accueilNosPrestations .col {		flex-basis:50%;	}		#accueilNosPrestations .col h2 {		margin:0;		padding:10px 0 5px 10px;	}		#accueilNosPrestations .col a {		margin:0;		padding:0 0 5px 20px;	}}@media only screen and (min-width:1175px) and (max-width:1600px) {	/* ------------------------------------------------------------ */	/*							COMMUN								*/	/* ------------------------------------------------------------ */			#content {		grid-template-columns: 1fr 1fr;	}			header {		padding-top:0.8em; 		min-height:75px;		background:#fff;		}		#cadreLogo {	}			#tagline {		font-size:1.4em;		font-weight:700;		padding-left:1em;		color:#405966;		}		.logoRed, .logo {		font-size:1.9em;	 	font-weight:900;	}		.logoRed {		padding-left:0.5em;		margin-left:0.4em;		letter-spacing: 0.28px;	}		.logo {		margin-top:0.2em ;		letter-spacing: 0.28px;	}				.telephone {		margin-right:10px;	}			#telephoneDesktop {		display:flex;		flex-direction:row;				width:350px;		height:80px;	}		#telephoneDesktop > #cntimg {		display:flex;		flex-direction:column;		justify-content:center; 	}		#telephoneDesktop > #cntimg > img {		min-width:50px;		max-width:50px;		height:auto;	}			#telephoneDesktop > #cntnum {		display:flex;		flex-direction:column;			}		#telephoneDesktop > #cntnum > .numtel {		font-weight:900;		font-size:1.6em;		max-height:40px;	}		#telephoneDesktop > #cntnum .visio {		font-size:1em;		font-weight:700;		text-align:left;		padding-left:20px;		width:100%;		color:#405966;	}				.ouverture {		display:flex;		flex-direction:column;	}			#telephoneDesktop > #cntnum .indicateur {		padding-left:20px;	}		#telephoneDesktop > #cntnum .circle {		min-width:15px;		max-width:15px;		min-height:15px;		max-height:15px;		margin-right:5px;	}		.telephone > span {		height:60px;	}		.telephone a {		padding-left:20px;	}			#telephoneMobile { display:none; }				.mobile {		display:none;	}				h1 span {		/* height:1em; */		margin-left:1em;	}		h1 {		/*height:1em;*/		letter-spacing: 0.76px;		color:#002233;		font-size:1.8em;	}		.titreGras {		padding:0.2em;	}		#fond {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		flex-grow:2;		display:flex;	}		#fondContent {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding:0 1em 1em 1em;		flex-grow:2;		display:flex;		flex-direction:column;	}		.entreeFormulaire {		margin-top:0.5em;		display:grid;		grid-template-columns: 13em 1fr;	}		.entreeFormulaire > label {		padding-right:1em;		padding-top:0.4em;		padding-left:1em;		letter-spacing:0.1em;		grid-column:1;	}		.entreeFormulaire input[type="text"] {		width:20em;		height:2em;		padding:0 1em 0 1em;		grid-column:2;	} 		.entreeFormulaire select {		width:20em;		height:2em;		padding:0 1em 0 1em;		grid-column:2;	}			.entreeFormulaire textarea {		width:40em;		height:20em;		padding:0.5em;		grid-column:2;	}		.entreeFormulaire .groupeCheckbox {		padding:0.5em 0.5em 0.2em 2em;				grid-column:1/3;	}		.entreeFormulaire .groupeCheckbox label {		padding:0.2em 0.5em 0.2em 2em;		margin:0.4em 0em 0.4em 0;	}		/* ------------------------------------------------------------ */	/*							ACCUEIL								*/	/* ------------------------------------------------------------ */			#imageFondTitre, #actionMobile, #localisez-moi-mobile {		display:none;		visibility:hidden;	}			#cadrerecherche {		position:relative; 		left:0px;		top:40px;		width:450px;		min-width:450px;		height:17em;		background:#7d8f98;		border-top-right-radius:20px;	}		#cadrerecherche #vouscherchez {		padding-top: 40px;		padding-left:30px;		padding-bottom:0.4em;				font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #vouscherchez > label {		font-weight:700;	}		#cadrerecherche #selPrestation {		width:20em;		height:2.5em;		margin-left:30px;		display:bloc;	}		#cadrerecherche #rechercheou {		padding-top: 40px;		padding-left:30px;		padding-bottom:0.4em;				font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #rechercheou > label {		font-weight:700;	}		#cadrerecherche #selOu {		margin-left:30px;		width:20em;		height:2.5em;		padding-left:0.2em; 		padding-right:0.2em;	}		#cadrerecherche #frameOu {		display:flex;		height:3em;	}			#frameOu select {		padding:0;		margin:0;	}			#cadrerecherche #localisez-moi {		height:2em;		font-size:0.8em;		margin-left:auto;		margin-right:auto;	}		#cadrerecherche #localisez-moi a {		color:#fff;		text-decoration:none;	}				#cadremessage {		position:relative;		height:17em;		top:40px;		width:100%;	}		#cadremessage .message {		color:#d60131;		padding-top:20px;		padding-left:25px;		padding-bottom:0.1em;		font-weight:700;		font-size:1.4em;	}		#cadremessage .bandeau {		height:3.5em;		width:100%;	}		.bandeauUrgence, .bandeauRecherche {		display:flex;	}		.bandeauRecherche {		margin-top:4em;	}		.cadreUrgence, .cadreRecherche {		width:180px;		color:#fff;		height:100%;		vertical-align:middle;		font-size:1.3em;		padding-top:0.8em;		text-align:center;		opacity:1;	}		.bandeauUrgence a {		text-decoration:none;		background:#d60131;		animation: animColorUrgence 0.5s 1;	}		.bandeauUrgence a:hover {		background:#f60037;	}			.bandeauRecherche a {		text-decoration:none;		background:#05233d;		animation: animColorRecherche 0.5s 1;	}		.bandeauRecherche a:hover {		background:#07365e;	}			.contentBandeau {		background:#809098 ;		width:100%;		color:#fff;		font-size:1.3em;		padding-left:0.4em;		padding-right:0.4em;		padding-top:0.8em;		opacity:0.8;	}		#cadrerassurance {		display:flex;				background:#fff; 				width:50em;				margin:-60px 0 30px 0;		padding:0;		justify-content: flex-end;				min-height:7em;		color:#676767;		font-size:0.8em;		letter-spacing: 0.19px;	}		#cadrerassurance img {				height:6em;		max-height:6em;				padding:0;		margin:0.8em 0 0 0;	}		#cadrerassurance > figure {		min-width:10em;		max-width:10em;		margin:0 0 0 0 ;		padding:0;	}		#cadrerassurance > figure .desktop {		display:inline;		text-align:center;	}		#cadrerassurance figure.end {		border-right:3px solid #d60131;		border-bottom:3px solid #d60131;	}			#depaneursenfrance {		padding:1em;		display:flex;				background:#f6f7f8;		width:100%;	}			.colDepartement {		width:25%;		font-size:1.1em;		line-height: 1.6em;	}	#cadrepromo {		padding-left:20px;		padding-right:20px;		display:flex;		margin-bottom:1em;		flex-direction:row;	}				#cadrepromo .containervideo > iframe {		width:560px; 		height:315px;	}		#cadrepromo p {		margin-top:0px;		padding-left:15px;		font-size:1.2em;		color:#344d5c;	}			.dossierItem {		display:flex;		flex-direction:column;				font-size:1.4em;		line-height: 1.1em;	}		.dossierItem > a {		text-decoration: underline;	}			.dossierItem > span {		font-size:0.7em;		margin-bottom:0.5em;	}		/* ------------------------------------------------------------ */	/*							BANDEAU RECHERCHE					*/	/* ------------------------------------------------------------ */		#recherche {		display:flex;		min-height:120px;		background:#809098;		margin-left:0.9em;		margin-right:0.9em;	}		#recherche .libelle{		color:#fff;		font-family: 'OpenSans', sans-serif;		font-style: italic;		font-size:18px;		line-height:23px;		font-weight:900;		padding-top:20px;/*		padding-bottom:0.2em; */ 	}		#recherche .colRecherche {		margin-left:10px;	}			#recherche .selection {		width:100%;		height:2.5em;	}			#recherche #selOu {		height:40px;		width:250px;	}		#recherche #selPrestation {		width:250px;	}		#recherche #frameOu {		display:flex;	}		#frameOu select {		padding:0;		margin:0;	}			#recherche #localisez-moi {		padding-left:5px;		padding-right:20px;		height:2em;		font-size:10px;		margin-left:auto;		margin-right:auto;	}		#localisez-moi a {		color:#fff;		text-decoration:none;	}	.btnUrgence, .btnRecherche, .btnPrestation {		width:7em;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:12px; 		text-align:center;		margin-top:43px;	}	.containerBtnRecherche a, .containerBtnUrgence a {		text-decoration:none;	} 		.btnUrgence {		background:#d60131;	}		.btnUrgence:hover {		background:#f60037;	}			.btnPrestation {		background:#02904b;	}		.btnPrestation:hover {		background:#06cf6d;	}			.btnRecherche {		background:#05233d;	}		.btnRecherche:hover {		background:#07365e;	}		.cadreLibelleAction {		display:flex;		flex-direction:column;		justify-content:center;		height:45px;		margin-top:43px; 		padding-left:1em;		font-size:0.8em;		color:#fff;	}			/* ------------------------------------------------------------ */	/*					FIL D'ARIANE / ZONE BACK					*/	/* ------------------------------------------------------------ */		#backMobile { display:none; }		#ariane {		height:1.4em;		border-bottom:1px solid #7f9098;		margin-left:0.9em;		margin-right:0.9em;		display:flex;		color:#7f9098;		font-size:0.8em;		line-height:1.4em;	}		#ariane a {		text-decoration:none ;		color:#7f9098;	}		#ariane a::hover {		color:#f60037;	}		#ariane a:visited {		color:#7f9098;	}		#ariane #home {		background: url("./images/home.png") ;		height:0.9em;		width:auto;		margin-top:0.1em;	}			/* ------------------------------------------------------------ */	/*							ANNUAIRE							*/	/* ------------------------------------------------------------ */		#filtres {		min-width:270px;		max-width:270px;	}			#filtres #filtreTitre {		padding-top:0.7em;		padding-left:20px;		margin-top:0;	}		#filtres #filtreTitre .h2 {		color:#47495a;		font-size:1.5em;		font-family: 'OpenSans', sans-serif;	}		#filtres #filtreMetier {		padding-left:20px;		margin-top:2em;	}		#filtres #filtreNotes {		padding-left:20px;		margin-top:2em;	}			#filtres #filtreLieu {		padding-left:20px;		margin-top:2em;	}		#btnFiltreOu {		border: 1px solid #E6E8ED;		border-radius: 4px;		font-size:18px;		padding:6px 7px 9px 7px;		width: 38px;		background:#fff;	}		#filtres #filtreLieu a {		text-decoration:none;		color:#000;	}		#filtres #filtreLieu a:hover #btnFiltreOu {		border: 1px solid #344d5c;		color:#344d5c;	}		#filtres .checkbox {		display:flex;	}		#filtres #selOuFiltre {		margin-left:0px;		margin-top:0px;		width:200px;		height:38px;		padding-left:0.2em;		padding-right:0.2em;	}		#filtres .rating {		display:flex;		max-width:7em;		height:1em;		flex-grow:1;		margin-top:0em;		padding:0;	}			#resultatRechercheGeo2 {		display:none;		width:20em ;		height:10em;		background:#fff;		position:absolute;		border:1px solid #7d8f98;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#filtres .rating img {		width:1.5em;		max-height:1em ;		margin:0;		padding-right:0.2em;	}		#filtres h3 {		color:#47495a;		font-size:1em;		margin-top:0;		margin-bottom:0.2em;		text-transform:uppercase;	}		#filtres select {		width:16em;		height:2em;		margin:0;	}		#resultats {		flex-grow:2;	}		#trier {		height:4em;	}		#trier h1 {		padding-top:0.7em;		padding-left:1em;		margin-top:0;		color:#47495a;		font-size:1.5em;	}		#listeSousTraitants {	}			.cadreAutoPromo {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:180px;		border-radius: 2px;		box-shadow: 1px 1px 2px #aaa;		display:grid;		grid-template-columns: 300px 200px 1fr;/*		grid-template-rows: 40px 70px 70px; */	}				#pushurgence {		padding:30px 0px 30px 30px;		grid-column: 1 ;		grid-row: 1 ;		display:flex;		flex-direction:column;	}		#cadreautopromorassurance {		grid-column:3;		grid-row:1;				display:flex;				background:#fff; 						margin:50px 0 30px 0;		padding:0;				justify-content: space-around;				color:#676767;		font-size:12px;		letter-spacing: 0.19px;	}		#cadreautopromorassurance img {				height:50px;		max-height:50px;	}		#cadreautopromorassurance > figure {		min-width:70px;		max-width:70px;		margin:0 0 0 0 ;		padding:0;	}		#cadreautopromorassurance > figure .desktop {		display:inline;		text-align:center;	}			#titrepushurgence {		font-size:20px;		font-weight:bolder;		color:#c02208;		margin-bottom:10px;	}		#textepushurgence {		font-size:18px;		font-weight:bolder;		color:#47495a;	}		#pushurgencebtn {		grid-column: 2;		grid-row:1;		display:flex;		flex-direction: column;		justify-content:center ;	}		#pushurgencebtn > a {		width:180px;		height:70px;		background:#d60131;		color:#fff;		margin:0px;		text-decoration:none ;		text-align:center;		font-size:18px;		padding:14px 10px 10px 10px;	}			#pushurgencebtn > a:hover {		background:#f60037;	}	/* ------------------------------------------------------------ */	/*							NOTATION							*/	/* ------------------------------------------------------------ */		.rating {		display:flex;		max-width:7em;		height:2em;		flex-grow:1;		margin-top:0.3em;		margin-right:0.5em;		padding:0;	}		.rating img {		width:1.5em;		max-height:2em ;		margin:0;		padding-right:0.2em;	}		/* ------------------------------------------------------------ */	/*				ECRAN ANNUAIRE - CADRE SOUS TRAITANT			*/	/* ------------------------------------------------------------ */		.cadreSousTraitant {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:180px;		border-radius: 2px;		box-shadow: 1px 1px 2px #aaa;		display:grid;		grid-template-columns: 150px 300px 1fr 160px;		grid-template-rows: 40px 70px 70px;	}		.cadreSousTraitant .cadreImageWorker {		width:160px;		max-width:160px;				grid-column:1;		grid-row:1 / 4;				padding: 1em 1em 1em 1em;				display:flex;		flex-direction:column;		justify-content:center;	}		.cadreImageWorker > img {		border-radius: 2px;		max-width:120px;		max-height:150px;	}		.cadreImageWorker .portrait {		width:auto;		height:150px ;	}		.cadreImageWorker .paysage {		width:120px;		height:auto ;	}			.cadreSousTraitant .titre {		display:flex;				overflow:hidden;		height:40px;				padding:0;				grid-column:2 / 4 ;		grid-row:1;	}		.cadreSousTraitant .titre .rating {	}		.cadreSousTraitant .blocNotes {		display:flex;	}		.cadreSousTraitant h3 {				font-size:1.2em;				letter-spacing:0.1em;		color: #47495a;				flex-grow:1;				margin:10px 0 0 15px;				text-transform:uppercase;	}		.colDescriptif {		grid-column:3;		grid-row:2;				width:100%;		padding-left:20px;	}			.cadreSousTraitant .presentation {		max-width:300px;		min-width:300px;		margin-left:0px;				grid-column:2;		grid-row:2;	}			.cadreSousTraitant .soustraitantMetiers {		grid-column:2;		grid-row:2;				height:80px;		max-height:80px;		color:#05233d;		font-size:14px;		padding-top:10px;		display:flex;	}		.cadreSousTraitant .soustraitantMetiers .picto {		width:20px;		min-width:20px;	}			.cadreSousTraitant .soustraitantLocalisation {			grid-column:2;		grid-row:3;				height:60px;		max-height:60px;		display:flex;		font-size:12px;	}		.cadreSousTraitant .soustraitantLocalisation .picto {		width:20px;		min-width:20px;	}		.cadreSousTraitant .avis {		width:100%;		margin:0 0 0 10px;		padding-top:0;	}		.cadreSousTraitant .picto {		width:1.5em;		min-width:1.5em;	}		.nbavis {		color:#b7b8bd;		font-size:0.9em;		padding-top:15px;		margin:0;		padding:13px 10px 0 0;		min-width:60px; 	} 		.cadreSousTraitant .soustraitantUnAvis {		grid-column:3;		grid-row:2;				padding-top:10px;		height:80px;		max-height:80px;		color:#b7b8bd;		font-size:14px;		display:flex;	}			.cadreSousTraitant .soustraitantPresentation {			grid-column:3;		grid-row:3;				height:60px;		max-height:60px;		overflow:hidden;		font-size:14px;		color: #47495a;		display:flex;		overflow:hidden;	}		.cadreSousTraitant .btnsoustraitant {		grid-column:4;		grid-row:1 / 4;				width:170px;		display:flex;		flex-direction:column;		justify-content: center;			margin-left:10px;		margin-right:15px;	}		.cadreSousTraitant .divAction {	}		.btnsoustraitant a {		text-decoration:none;		border-radius:3px;		width:6em;		height:1.8em;		font-size:1.3em;		padding-top:0.2em;		margin-top:10px;		text-align:center;	}		.btnsoustraitant .linkContact {		background:#05233d;		color:#fff;	}			.btnsoustraitant .linkContact:hover {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil:hover {		background:#05233d;		color:#fff;	}					/* ------------------------------------------------------------ */	/*					ECRAN SOUS TRAITANT							*/	/* ------------------------------------------------------------ */		#estPresentation #contactMobile { display:none; }		.disp3cols {		background:#f3f5f5;		margin:1em 0.9em 2em 0.9em;		display:grid;		grid-template-columns: 1fr 1fr 1fr;		flex-grow:2;	}		#estPresentation {		grid-column: 1 / 3; 		grid-row: 1;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estSites {		grid-column: 1 / 3; 		grid-row: 2;		display:flex;		flex-direction:column;		flex-wrap:wrap ;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;		padding:10px;	}		#estSites > iframe {		flex-basis:100%;		padding:20px;		height:400px;	}		#estPresentationGlobal {		display:flex;		margin-top:1em;		padding-bottom:1em;		border-bottom: 1px solid #e0e2e4;	}		#estPresentationGlobalContent {		margin-left:1em;		width:100%;	}		#estPresentationGlobalContent > h1 {		color:#05233d;		text-transform:uppercase;		font-size:1.6em;		margin-bottom:0;	}			#estPresentationGlobal #imagePresentation {		width:15em;		max-width:15em;				height:20em;		max-height:20em;				display:flex;		flex-direction:column;		justify-content:center;						margin:1em ;	}			#estPresentationGlobal #imagePresentation > img {		max-width:15em;		max-height:20em;	}		#estPresentationGlobal .portrait {		width:auto;		height:20em ;	}		#estPresentationGlobal .paysage {		width:15em ;		height:auto;	}		.estNbAvis {		margin-left:1em;		padding-top:0.8em;		color:#b3b3b9;	}		#estEntete {		background:#05233d;		color:#fff;		height:2em;		font-size:1.1em;		padding-top:0.4em;	}		#estEntete > a {		color:#fff;		text-decoration:none;		margin-left:1em;		margin-right:1em;		transition: all 0.2s linear;	}			#estEntete > a.select {		border-bottom:1px solid #fff;	}		.estSection {		height:4em;		margin-right:1em;		color: #05233d ;	}			.estSection .divimg, 	#estPresentationDescription .divimg, 	#estInterventionDesktop .divimg,	#estWebsite .divimg,	#estFacebook .divimg,	#estYoutube .divimg,	#estExpertise .divimg, 	#estNbInterventionsDesktop .divimg {		margin-right:0.5em;		margin-left:0.5em ;	}			#estWebsite .divimg,	#estFacebook .divimg,	#estYoutube .divimg,	#estNbInterventionsDesktop .divimg {		display:flex;		flex-direction:column;		justify-content: center;	}			.estSection .divimg > img, 	#estPresentationDescription .divimg > img, 	#estInterventionDesktop .divimg > img, 	#estExpertise .divimg > img,	#estWebsite .divimg > img,	#estFacebook .divimg > img,	#estYoutube .divimg > img, 	#estNbInterventionsDesktop .divimg > img {		width:1.5em;		height:auto;		}			#estNbInterventionsDesktop > span,	#estFacebook > span,	#estYoutube > span,	#estWebsite > span {		margin-top:auto;		margin-bottom:auto;	}			#estPresentationDescription {		display:flex;		margin-top:1em;		color:#525b66;		padding-bottom:1em;	}		#estInterventionDesktop {		/*flex estSection mt1em*/		height:4em;		margin-right:1em;		color: #05233d ;				display:flex;		margin-top:1em;	}					#estInterventionMobile, #estNbInterventionsMobile { display:none; }		#estNbInterventionsDesktop {		/*flex estSection mt1em*/		display:flex; 		height:4em;		margin-right:1em;		color: #05233d ;				margin-top:1em;	}			#estWebsite {		/*flex estSection mt1em*/		display:flex; 		height:2em;		margin-right:1em;		color: #05233d ;				margin-top:1em;	}			#estFacebook {		/*flex estSection mt1em*/		display:flex; 		height:2em;		margin-right:1em;		color: #05233d ;				margin-top:1em;	}		#estYoutube {		/*flex estSection mt1em*/		display:flex; 		height:2em;		margin-right:1em;		color: #05233d ;				margin-top:1em;	}				#estExpertise {		/* flex estSection mt2em */		height:2em;		margin-right:1em;		color: #05233d ;				display:flex;		margin-top:2em;	}		#estPriseRDV {		grid-column:3;		grid-row: 1 / 2 ;		background:#fff;		margin-left:0.9em;		margin-right:2em;		margin-top:1em;		padding-bottom:1em;		box-shadow: 1px 1px 2px #aaa;	}		#estPriseRDVContent {		padding-left:15px;		padding-right:15px;		display:flex;		flex-direction: column;	}		#estPriseRDVContent label {		text-transform:uppercase;		color:#47495a;		letter-spacing:0em;		font-size:0.9em;		margin-top:15px;	}		#estPriseRDVContent #titreContact {		background:#fff;		color:#47495a;		padding-top:30px;		font-weight:900;		font-size:1.3em;	}		#estPriseRDVContent input[type="text"], #estPriseRDVContent select {		margin:0;	}		#estPriseRDVContent #contactTelephone {		width:100%;	}				#estPriseRDVContent .btn {		background:#05233d;		width:350px;		border-radius: 20px;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.5em;		margin-top:0.8em;		text-align:center;	}		#estPriseRDVContent  #cntBtnRendezVous a {		text-decoration:none;	}				#estAvis {		grid-column: 1 / 3; 		grid-row: 3;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estAvis::target {		transition: all .5s ease-in;	}		#estAvis > h2 {		margin-left:0.9em;	}		#estAvis .cadreAvis {		min-height:5em ;		border-bottom:1px solid #dfe3e8 ;		margin-left:0.9em ;		padding-bottom:1em;	}		#estAvis .cadreAvis h3 {		margin-bottom:0;		padding-bottom:0;	}		#estAvis .cadreAvis .dateAvis {		color:#525b66;		padding-bottom:0.5em;		padding-top:0.5em;	}		#estAvis .cadreAvis .rating {		margin-top:0;		margin-bottom:0; 	}		#estAvis .cadreAvis .avisCommentaire {		color:#525b66;		font-weight:700;		font-style:italic;		margin-top:1em;	}		#estAvis .cadreAvis .avisCommentaire::before {		content:'\201c  ' ;	}		#estAvis .cadreAvis .avisCommentaire::after {		content:'  \201d';	}				#estPhotos {		grid-column: 1 / 3; 		grid-row: 4;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estPhotos > h2 {		margin-left:0.9em;	}		#contentPhotos {		display:grid ;		grid-template-columns: 1fr 1fr 1fr;	}		#contentPhotos img {		width:85% ;		height:auto;		margin-left:auto;		margin-right:auto;		margin-bottom:2em;	}		#contentPhotos #p1 { grid-column:1; grid-row:1 ; }	#contentPhotos #p2 { grid-column:2; grid-row:1 ; }	#contentPhotos #p3 { grid-column:3; grid-row:1 ; }	#contentPhotos #p4 { grid-column:1; grid-row:2 ; }	#contentPhotos #p5 { grid-column:2; grid-row:2 ; }	#contentPhotos #p6 { grid-column:3; grid-row:2 ; }				/* ------------------------------------------------------------ */	/*					CONTACT / URGENCE							*/	/* ------------------------------------------------------------ */		#formBlocNom {		width:100%;		padding-left:1em;		padding-right:3em;	}		#formBlocTelephone, #formBlocLieuIntervention {		width:100%;		padding-left:1em;		padding-right:3em;		padding-top:1em;	}		#formBlocMetier, #formBlocDescriptif {		width:100%;	}		#formBlocCodePostalVille{		/*flex col100 padt1 padb1*/		display:flex;		width:100%;		padding-top:1em;		padding-bottom:1em;	}		#formBlocCodePostal {		/*margeGauche padr1 col20 contactCodePostalMinWidth*/		padding-left:1em;		padding-right:1em;		width:20%;		min-width:180px;	}		#formBlocVille {		/* col80 margeInterieureDroite */		width:80%;		padding-right:3em;	}		#formulaireColGauche {		width:50%;	}		#containerContact {		display:flex;	}		#formulaireColDroite {		width:50%;		padding-right:2em;	}			#contact {		width:100%;		margin:1em;		background:#fff;		heigth:30em;		box-shadow: 1px 1px 2px #aaa;		font-size:1.2em;		color:#05233d;	}		#titreContact {		width:100%;		background:#05233d;		color:#fff;		padding:0.4em;		font-size:1.2em;	}			#panelErreur {		background:#f4c2cd;		padding-top:1.5em;		font-size:1.5em;		font-weight:900;		text-align:center;		height:100%;	}			#titreUrgence {		width:100%;		background:#d60131;		color:#fff;		padding:0.4em;		font-size:1.2em;	}		#resultatRechercheUrgence {		margin-bottom:1em;		padding-left:1em;		margin-top:0.5em;	}		#divContact1 {		margin-top:1em;		padding-left:1em;	}			#divContact2 {		margin-top:1em;		padding-left:1em;		margin-bottom:1em;	}		#contactNom, #contactAdresse, #contactCodePostal, #contactVille  {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;		width:100%;	}		.contactCodePostalMinWidth {		min-width:180px;	}		#messageContactTelephoneMobile { display:none; }		#contactTelephone {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;		width:150px;	}		#messageContactTelephone {		margin-left:10px;		font-size:0.7em;		color:#d60131;	}		#contactDescriptif {		width:100%;		height:10em;	}		#contact label {		text-transform:uppercase;		color:#47495a;		letter-spacing:0em;		font-size:0.9em;		font-weight:900;	}		select#idmetier {		height:40px;		width:100%;		margin-bottom:20px;	}			#contact .margeGauche { padding-left:1em; }	#contact .margeInterieure { padding-right:1em; }	#contact .margeInterieureDroite { padding-right:3em; }	#contact .margeExterieureDroite { padding-right:2em; }		#contactAction {		width:20em;		float:right;		height:7em;		margin-bottom:1em;		padding-top:1em;	}		#contactAction span {		margin:0;		padding:0;		float:right;	}		#contactAction .btn {		width:350px;		border-radius: 20px;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.3em;		margin-top:0.6em;		margin-left:20px;		float:right;		text-align:center;	}			#centrageanimbtn {		width:180px;		margin-right:20px;		padding-top:20px;		float:right;	}			#contactAction .btnUrgence {		background:#d60131;	}		#contactAction .btnUrgence:hover {		background:#f60037;	}		#contactAction .btnContact {		background:#05233d;	}		#contactAction .btnContact:hover {		background:#07365e;	}		#rassuranceLarge {		height:8em;		width:100%;		display:flex;		background:#fff;		justify-content: space-evenly;		color:#676767;		font-size:0.8em;		letter-spacing: 0.19px;		margin-top:1em;		margin-bottom:2em;	}		#rassuranceLarge figure {		height:8em;	}		#rassuranceLarge img {		height:5em;	}		#rassuranceLarge figure.end {		border-right:3px solid #d60131;		border-bottom:3px solid #d60131;		height:8em;		padding-right:0.5em;	}				/* ------------------------------------------------------------ */	/*							FOOTER								*/	/* ------------------------------------------------------------ */			#footer {		background:#344d5c;/*		min-height:255px; */		display:flex;		justify-content: start;		/*		position:relative;		bottom:0;		*/ 		flex-grow:0;	}			.footerColMetier {		width:50%;	}		#footer #vosdepanneurs {		padding-top:30px;		margin-left:20px;		min-width:300px;	}		#footer #vosdepanneurs p {		color:#fff;		max-width:300px; 		padding-top:0.8em;	}		#footer .logoRed {		margin-left:0;	}		#footer .logo {		padding-top:0.1em;	}		#footer .logoRed, #footer .logo {		font-size:1.3em;	}		#footer a {		text-decoration:none;	}			#footer #telephone img {		height:20px;		width:auto;		margin-right:10px;	}		#footer #telephone a {		color:#fff;		text-decoration:none;	}			#footer #telephone {		color:#fff;		font-weight:700;		font-size:1.5em;		padding-right:1em;		padding-bottom:0.3em;	}		#footer #recherches {		width:100%; 		flew-grow:2;	}		#footer #listeRecherches {		/*height:80%; */		display:flex;	}		#listeRecherches #rechercheParMetier {		max-width:280px; 		display:bloc;		padding-bottom:20px; 	}		#listeRecherches h3 {		color:#fff;		margin:0;		padding:40px 0 20px 0;	}		#rechercheParGeo {/*		max-width:280px; */ 		flex-grow:2;/*		display:bloc; */	}		#organique {		max-width:250px;		display:bloc;	}		#footer #footerRecherches {/*		height:20%; */		border-top:1px solid #fff;		color:#fff;	}		#footer #listeRecherches a {		text-decoration:none;		font-size:0.8em;		color:#fff;	}	#footer #listeRecherches a:hover {		color:#d60131;	}		#footer #footerRecherches p {		text-align:right;		margin-top:0.2em;	}		#footer #calage {		width:2%;	}			/* ------------------------------------------------------------ */	/*						RECHERCHES PAR ZONE						*/	/* ------------------------------------------------------------ */			#fondRechercheZone {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		flex-grow:2;	}		.rechercheRegion {	}		.rechercheDepartement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheDepartement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheArrondissement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}			.rechercheArrondissement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheCommune {		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheCommune .bloclibelle {		grid-column:1;	}		.rechercheCommune table .nomCommune {		width:300px;	}		.rechercheCanton h1 {		padding-left:20px;		grid-column: 1 / 5 ;	}		.rechercheCommune h1 {		padding-left:20px;		grid-column: 1 / 6 ;		grid-row:1 ;	}		.rechercheCanton .bloclibelle, .rechercheCommune .bloclibelle, .rechercheRegion .bloclibelle {		padding-top:3px;		padding-left:50px;		font-size:1.3em;	}		.rechercheCanton .bloclibelle a, .rechercheCommune .bloclibelle a, .rechercheRegion .bloclibelle a {		text-decoration:none;		color:#344d5c;	}		.rechercheCanton .bloclibelle a:hover, .rechercheCommune .bloclibelle a:hover, .rechercheRegion .bloclibelle a:hover {		color:#d60231;	}			#fondRechercheZone table {		margin:1em auto 1em auto ;		border-spacing : 0;		border-collapse : collapse;		font-size:10px;	}		#fondRechercheZone table td {		padding:0 0 0 10px;		border-spacing:0;		height:30px;	}		#fondRechercheZone table .nom {		width:80px;	}		#fondRechercheZone table .num {		width:60px;		text-align:center;	}		#fondRechercheZone table thead tr {		background:#344d5c;		color:#fff;	}			#fondRechercheZone table tbody tr:nth-child(odd) {		background:#dddede;	}		#fondRechercheZone table tbody tr:nth-child(odd) a {		color:#344d5c;		text-decoration:none ;	}			#fondRechercheZone table tbody tr:nth-child(odd) a:hover {		color:#d60231;	}		#fondRechercheZone table tbody tr:nth-child(even) {		background:#fff;	}		#fondRechercheZone table tbody tr:nth-child(even) a {		color:#344d5c;		text-decoration:none ;	}		#fondRechercheZone table tbody tr:nth-child(even) a:hover {		color:#d60231;	}		#fondRechercheZone #table1 { grid-column:1; grid-row:2; }	#fondRechercheZone #table2 { grid-column:2; grid-row:2; }	#fondRechercheZone #table3 { grid-column:3; grid-row:2; }	#fondRechercheZone #table4 { grid-column:4; grid-row:2; }	#fondRechercheZone #table5 { grid-column:5; grid-row:2; }				#fondRechercheZone #r1 { grid-column:1; grid-row:1; }	#fondRechercheZone #r2 { grid-column:2; grid-row:1; }	#fondRechercheZone #r3 { grid-column:1; grid-row:2; }	#fondRechercheZone #r4 { grid-column:2; grid-row:2; }	#fondRechercheZone #r5 { grid-column:1; grid-row:3; }	#fondRechercheZone #r6 { grid-column:2; grid-row:3; }	#fondRechercheZone #r7 { grid-column:1; grid-row:4; }	#fondRechercheZone #r8 { grid-column:2; grid-row:4; }	#fondRechercheZone #r9 { grid-column:1; grid-row:5; }	#fondRechercheZone #r10 { grid-column:2; grid-row:5; }	#fondRechercheZone #r11 { grid-column:1; grid-row:6; }	#fondRechercheZone #r12 { grid-column:2; grid-row:6; }	#fondRechercheZone #r13 { grid-column:1; grid-row:7; }	#fondRechercheZone #r14 { grid-column:2; grid-row:7; }	#fondRechercheZone #r15 { grid-column:1; grid-row:8; }	#fondRechercheZone #r16 { grid-column:2; grid-row:8; }	#fondRechercheZone #r17 { grid-column:1; grid-row:9; }	#fondRechercheZone #r18 { grid-column:2; grid-row:9; }		/* ------------------------------------------------------------ */	/*						CONTENU TEXTUEL							*/	/* ------------------------------------------------------------ */	#fondPage {		background:#fff;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		font-size:1em;		color:#344d5c ;		flex-grow:2;		display:flex;		flex-direction:column;	}		#fondPage h1 {		font-size:1.5em;		color:#d60231;	}		#fondPage h2 {		font-size:1.3em;	}				/* ------------------------------------------------------------ */	/*						AVIS CLIENT								*/	/* ------------------------------------------------------------ */		#fondAvis {		margin: 1em 0.9em 1em 0.9em;		padding:0em 1em 1em 1em;		background:#f3f5f5;		flex-grow:2;				display:grid ;		grid-template-columns: 15em 1fr;	}		#titreAvis { grid-column:1/3; grid-row:1; }	#noteGlobale { grid-column:1; grid-row:2; }	#noteAppreciation { grid-column:2; grid-row:2; }		#avisAction { 		display:flex;		flex-direction:row;		grid-column:1/3; 		grid-row:3;		padding-top:1em;	}		#avisAction a {		display:inline;		margin-left:auto;		margin-right:auto;	}		#avisAction img {		margin-left:auto;		margin-right:auto;	}		#fondAvis label {		font-size:0.8em;	}		.btnAvis {		width:10em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		#fondAvis a  {		text-decoration:none ;	}		#fondAvis .notation {		display:flex;	}		#fondAvis .notation .rating {		margin:0;		padding:0;		background:#0f0;	}		.btnAvis:hover {		background:#07365e;	}			#avis {		width:40em;		height:10em; 	}			/* ------------------------------------------------------------ */	/*						CHECKBOX / RADIOBUTTON					*/	/* ------------------------------------------------------------ */			.containerInput {		display: block;		position: relative;		padding-left: 3em ;		cursor: pointer;		font-size: 1em;		-webkit-user-select: none;		-moz-user-select: none;		-ms-user-select: none;		user-select: none;	}	.containerInput input {		position: absolute;		opacity: 0;		cursor: pointer;		height: 0;		width: 0;	}	.checkmark {		position: absolute;		top: 0;		left: 0;		height: 25px;		width: 25px;		background-color: #ccc;	}		.containerInput input[type="radio"] ~ .checkmark {		border-radius: 50%;	}	.containerInput:hover input ~ .checkmark {		background-color: #fe3e68;	}	.containerInput input:checked ~ .checkmark {		background-color: #d60231;	}	.checkmark:after {		content: "";		position: absolute;		display: none;	}	.containerInput input:checked ~ .checkmark:after {		display: block;	}	.containerInput input[type="radio"] ~ .checkmark:after {		top: 9px;		left: 9px;		width: 8px;		height: 8px;		border-radius: 50%;		background: white;	}	.containerInput input[type="checkbox"] ~ .checkmark:after {		left: 9px;		top: 5px;		width: 5px;		height: 10px;		border: solid white;		border-width: 0 3px 3px 0;		-webkit-transform: rotate(45deg);		-ms-transform: rotate(45deg);		transform: rotate(45deg);	}				/* ------------------------------------------------------------ */	/*						INSCRIPTION ARTISAN						*/	/* ------------------------------------------------------------ */			#inscriptionSousTraitantAction {		margin-top:1em;	}	.btnInscriptionSousTraitant {		width:15em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		.btnInscriptionSousTraitant:hover {		background:#07365e;	}		#inscriptionSousTraitantAction a  {		text-decoration:none ;	}		#metiersArtisan {		width:40em;	}					/* ------------------------------------------------------------ */	/*						CONTACT VOSDEPANNEURS					*/	/* ------------------------------------------------------------ */	.btnContact {		width:15em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}			.btnContact:hover {		background:#07365e;	}				#contactVosdepanneursAction {		margin-top:1em;	}			#contactVosdepanneursAction a  {		text-decoration:none ;	}			/* ------------------------------------------------------------ */	/*						RGPD									*/	/* ------------------------------------------------------------ */		#rgpd {		position: sticky;		width:100%;		background:#809098;		padding: 10px;		bottom:0px;		opacity:0.95;		border-top:1px solid #000;		}		.openrgpd {		display:flex;		animation: animRgpd 0.5s 1;		height: 200px; 	}		.closergpd {		display:none;	}			#rgpd #texte {		color:#fff;		font-size:1.1em;		display:flex;		flex-direction:column ;		justify-content:space-around;	}		#rgpd #texte p {		margin:0;		padding:0;	}		#rgpdaction {		display:flex;		flex-direction:column;		justify-content:space-around;		-webkit-justify-content:space-around;	}		#rgpdaction a {		width:200px;		height:60px;		border-radius:5px;		text-align:center;		margin-left:50px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdaction .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdaction .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko:hover {		background:#05233d;		color:#fff;	}				@keyframes animRgpd {		from { height:0px; }		to { height:200px; }	}			#rgpdecran {		display:flex;		flex-direction:row;		justify-content:start;		-webkit-justify-content:start;	}		#rgpdecran a {		width:200px;		height:60px;		border-radius:5px;		text-align:center;		margin-top:10px;		margin-bottom:10px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdecran .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdecran .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}			/* -------------------------------------------- */	/* 			LANDING PAGE URGENCE				*/	/* -------------------------------------------- */				.centerTitre > h1 {		border-bottom:2px solid #d60231;	}		.urgence-desc {		display:flex;	}		.urgence-desc .urgence-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc .urgence-img > img {		width:450px;		height:auto;				margin:10px;	}			.urgence-desc > .urgence-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.urgence-desc > .urgence-text .item {		display:flex;		flex-direction:row;	}		.urgence-desc > .urgence-text .item > img {		width:30px;		height:30px;		margin:10px;	}		.urgence-desc > .urgence-text > .item > .cnt {		font-size:1.4em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc > .urgence-text > .urgence-tel {		margin:20px 10px 10px 10px;		font-size:1.3em;		font-weight:900;	}		.urgence-desc > .urgence-text > .urgence-tel a {		font-size:1.4em;		color:#02904b;		text-decoration:none;	}		.urgence-desc > .urgence-text > .urgence-form {		margin:20px 10px 10px 10px;		font-size:1.3em;		font-weight:700;	}	.urgence-desc > .urgence-text > .urgence-form a {		color:#d60231;		text-decoration:none;	}			/* ------------------------------------------------------------ */	/*						RECHERCHE NEW							*/	/* ------------------------------------------------------------ */			#imagefond {		grid-column: 1 / 3; 		grid-row: 1;				justify-content:center; 		flex-direction:row;				background-repeat:no-repeat;		width:100%;		background-size:cover;		background-position: top left;		min-height:450px;	}			/* -------------------------------------------------------------------------------------- */					#rechercheArtisanPromo {		display:flex;		flex-direction:column;		justify-content:center;		min-height:60px;		min-width:1100px;		background:#fff;	}		#rechercheArtisanPromo > label {		width:100%;		text-align:center;		font-size:1.3em;		color:#05233d;	}			#containerRechercheArtisan {		min-height:450px;		min-width:1100px;	}			#cadreRechercheArtisan {		flex-direction:row;		min-width:1100px;		max-width:1100px;		min-height:140px;		max-height:140px;	}		#cadreRechercheArtisanMetier {		width:230px;		padding-top:30px;		padding-left:10px;		margin-left:20px;	}		#cadreRechercheArtisan #comboMetier {		min-width:230px;		max-width:230px;	} 				#cadreRechercheArtisan label {		font-size:1.2em;	}		#cadreRechercheArtisanPrestation {		width:420px;		padding-top:30px;		padding-left:10px;		margin-left:10px;	}		#cadreRechercheArtisan #comboPrestation {		min-width:420px;		max-width:420px;	}			#cadreRechercheArtisanVille {		width:200px;		padding-top:30px;		padding-left:10px;		margin-left:10px;	}			#cadreRechercheArtisan #comboVille {		width:200px;	}			#cadreRechercheArtisan #cadreRechercheArtisanAction {		flex-direction:column;		width:250px;		margin-left:20px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div {		min-width:160px;		max-width:160px;		min-height:40px;		max-height:40px;				margin-top:4px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div > label {		font-size:1.2em;	}			#cadreRechercheArtisan .input {		font-size:1em;		padding-top:9px;	}			/* -------------------------------------------- */	/* 			LANDING PAGE PAR PRESTATION			*/	/* -------------------------------------------- */			#resultatRechercheGeo, #resultatRechercheGeo2 {		display:none;		width:300px ;		height:200px;		background:#fff;		position:absolute;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultatRechercheGeo .elemGeo, #resultatRechercheGeo2 .elemGeo {		color:#333;		height:30px;		font-size:17px;		cursor:pointer;		padding-top:6px;		margin-left:5px;		margin-right:5px;	}		#resultatRechercheGeo .elemGeo:hover, #resultatRechercheGeo .selected, #resultatRechercheGeo2 .elemGeo:hover, #resultatRechercheGeo2 .selected {		color:#fff;		background:#d60231;	}		/* -------------------------------------------------------------------------------------- */		.prestation-titre {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.prestation-titre h1 {		width:100%;		text-align:center;	}			.prestation-desc {		display:flex;	}		.prestation-desc .prestation-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		position:relative;		flex-direction:column;/*		justify-content:space-evenly; */	}		.prestation-desc .prestation-img > img {		width:600px;		height:auto;				margin:10px;	}			.prestation-desc .prestation-img > .prestation-bulle {		position:absolute;				display:flex;		flex-direction:column;				left:320px;		top:50px;				border-radius:20px;				min-width:260px;		max-width:260px;				min-height:300px;		max-height:300px;				background:#fff;				padding:30px 15px 20px 15px;	}		.prestation-desc .prestation-img > .prestation-bulle h2 {		width:100%;		text-align:center;		font-size:1.2em;		margin:0 0 10px 0;		padding:0 0 10px 0;		border-bottom:solid 1px #7c7c7c;	}			.prestation-desc .prestation-img > .prestation-bulle .item {		display:flex;		flex-direction:row;	}			.prestation-desc .prestation-img > .prestation-bulle .item > img {		width:30px;		height:30px;		margin:10px;	}		.prestation-desc .prestation-img > .prestation-bulle .item > .cnt {		font-size:1em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}			.prestation-desc > .prestation-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}			.prestation-desc > .prestation-text > .prestation-label {		width:100%;		text-align:center;		font-size:1.5em;		font-weight:bolder;		padding-top:30px;		padding-bottom:30px;		background:#02904b;		color:#fff;	}		.prestation-desc > .prestation-text > .prestation-content {		margin-top: 20px;		display:flex;		flex-direction:column;		padding-left:40px;	}		.prestation-desc > .prestation-text > .prestation-content .titre {		font-size:1.2em;		margin-bottom:10px;	}		.prestation-desc > .prestation-text > .prestation-content .contenu {		padding-left:40px;		font-size:1em;		color:#7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif {		margin-top:30px;		padding:0 40px 30px 40px;		display:flex;		flex-direction:row;		border-bottom:solid 1px #7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif > .label {		font-size:1.7em;	}		.prestation-desc > .prestation-text > .prestation-tarif > .prix {		font-size:1.7em;		flex-grow:1;		text-align:right;	}		.prestation-desc > .prestation-text > .prestation-tel {		margin:20px 10px 10px 40px;		font-size:1.2em;		font-weight:900;	}		.prestation-desc > .prestation-text > .prestation-tel a {		font-size:1.2em;		color:#02904b;		text-decoration:none;	}		.prestation-desc > .prestation-text > .prestation-form {		margin:20px 10px 10px 40px;		font-size:1.2em;		font-weight:700;	}		.prestation-desc > .prestation-text > .prestation-form a {		color:#3940c8;		/*text-decoration:none; */	}		.prestation-ville {		display:flex;		flex-direction:row;		padding-bottom:10px;	}		.prestation-ville > .vert {		display:flex;		flex-direction:column;		justify-content:center;		padding-right:10px;	}		.prestation-ville #localisez-moi {		font-size:0.7em;		padding-left:10px;		text-decoration:underline;	}		.prestation-ville  #comboVille {		padding-top:4px;		width:300px;				display:block ;				min-height:40px;		max-height:40px;		border-radius:4px;		background:#fff;		border:solid 1px #05233d;				outline:none;				color:#05233d;		padding-left:5px;	}				/* -------------------------------------------- */	/* 			CONTACT PAR PRESTATION				*/	/* -------------------------------------------- */				#titrePrestation {		width:100%;		background:#02904b;		color:#fff;		padding:0.4em;		font-size:1.2em;	}			/* -------------------------------------------- */	/* 			ARTICLES							*/	/* -------------------------------------------- */	#articleCadreTitre {		display:flex;		flex-direction:row;	}		#articleCadreTitre > .img {	}		#articleCadreTitre > .img > .imgGlobal {		max-width:150px;		height:auto;	}		#articleCadreTitre > .cnt {		display:flex;		flex-direction:column;		justify-content:center; 	}	#articleCadreTitre > .cnt > span {		padding-left:20px;	}			/* -------------------------------------------- */	/* 			NOS PRESTATIONS PAGE D'ACCUEIL		*/	/* -------------------------------------------- */		#accueilNosPrestations {		grid-column: 1 / 3;		flex-direction:row;		flex-wrap:wrap;	}		#accueilNosPrestations .col {		flex-basis:33%;	}		#accueilNosPrestations .col h2 {		margin:0;		padding:10px 0 5px 10px;	}		#accueilNosPrestations .col a {		margin:0;		padding:0 0 5px 20px;	}}@media only screen and (min-width:1600px) {	/* ------------------------------------------------------------ */	/*							COMMUN								*/	/* ------------------------------------------------------------ */			#content {		grid-template-columns: 1fr 1fr;	}			header {		padding-top:0.8em; 		min-height:85px;		background:#fff;		}			.logoRed, .logo {		font-size:2.2em;	 	font-weight:900;	}		.logoRed {		padding-left:0.5em;		margin-left:0.4em;		letter-spacing: 0.28px;	}		.logo {		margin-top:0.2em ;		letter-spacing: 0.28px;	}			#cadreLogo {	}			#tagline {		font-size:1.6em;		font-weight:700;		padding-left:2em;		color:#405966;		}			.telephone {		margin-right:30px;	}		#telephoneDesktop {		display:flex;		flex-direction:row;		width:350px;		height:67px;	}		#telephoneDesktop > #cntimg {		display:flex;		flex-direction:column;		justify-content:center; 	}			#telephoneDesktop > #cntimg > img {		min-width:50px;		max-width:50px;		height:auto;	}			#telephoneDesktop > #cntnum {		display:flex;		flex-direction:column;	}		#telephoneDesktop > #cntnum > .numtel {		font-weight:900;		font-size:2em;	}		#telephoneDesktop > #cntnum .visio {		font-size:1em;		font-weight:700;		text-align:right;		padding-left:20px;		width:100%;		color:#405966;	}		.ouverture {		display:flex;		flex-direction:row;	}		#telephoneDesktop > #cntnum .indicateur {		padding-left:20px;	}		#telephoneDesktop > #cntnum .circle {		min-width:15px;		max-width:15px;		min-height:15px;		max-height:15px;		margin-right:5px;	}		#telephoneMobile { display:none; }		.telephone > span {		height:67px;	}		.telephone a {		padding-left:20px;	}				.mobile {		display:none;	}			.desktop {		display:block ;	}		h1 span {		margin-left:1em;	}		h1 {		letter-spacing: 0.76px;		color:#002233;		font-size:1.8em;	}		.titreGras {		padding:0.2em;	}		#fond {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		flex-grow:2;		display:flex;	}		#fondContent {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding:0 1em 1em 1em;		flex-grow:2;		display:flex;		flex-direction:column;	}				.entreeFormulaire {		margin-top:0.5em;		display:grid;		grid-template-columns: 13em 1fr;	}		.entreeFormulaire > label {		padding-right:1em;		padding-top:0.4em;		padding-left:1em;		letter-spacing:0.2em;		grid-column:1;	}		.entreeFormulaire input[type="text"] {		width:20em;		height:2em;		padding:0 1em 0 1em;		grid-column:2;	} 		.entreeFormulaire select {		width:20em;		height:2em;		padding:0 1em 0 1em;		grid-column:2;	}		.entreeFormulaire textarea {		width:40em;		height:20em;		padding:0.5em;		grid-column:2;	}		.entreeFormulaire .groupeCheckbox {		padding:0.5em 0.5em 0.2em 2em;				grid-column:1/3;	}		.entreeFormulaire .groupeCheckbox label {		padding:0.2em 0.5em 0.2em 2em;		margin:0.4em 0em 0.4em 0;	}			/* ------------------------------------------------------------ */	/*							ACCUEIL								*/	/* ------------------------------------------------------------ */			#imageFondTitre, #actionMobile, #localisez-moi-mobile {		display:none;	}		#cadrerecherche {		position:relative; 		left:0px;		top:40px;		width:500px;		min-width:500px;		height:17em;		background:#7d8f98;		border-top-right-radius:20px;	}		#cadrerecherche #vouscherchez {		padding-top: 40px;		padding-left:50px;		padding-bottom:0.4em;				font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #vouscherchez > label {		font-weight:700;	}		#cadrerecherche #selPrestation {		width:20em;		height:2.5em;		margin-left:50px;		display:bloc;	}		#cadrerecherche #rechercheou {		padding-top: 40px;		padding-left:50px;		padding-bottom:0.4em;				font-size: 1.5em;		letter-spacing: 0.33px;		line-height: 15px;	}		#cadrerecherche #rechercheou > label {		font-weight:700;	}		#cadrerecherche #selOu {		margin-left:50px;		width:20em;		height:2.5em;		padding-left:0.2em;		padding-right:0.2em;	}		#cadrerecherche #frameOu {		display:flex;		height:3em;	}			#frameOu select {		padding:0;		margin:0;	}			#cadrerecherche #localisez-moi {		padding-left:1em;		height:2em;		font-size:0.8em;		margin-left:auto;		margin-right:auto;	}		#cadrerecherche #localisez-moi a {		color:#fff;		text-decoration:none;	}				#cadremessage {		position:relative;		height:17em;		top:40px;		width:100%;	}		#cadremessage .message {		color:#d60131;		padding-top:20px;		padding-left:25px;		padding-bottom:0.1em;		font-weight:700;		font-size:1.4em;	}		#cadremessage .bandeau {		height:3.5em;		width:100%;	}		.bandeauUrgence, .bandeauRecherche {		display:flex;	}		.bandeauRecherche {		margin-top:4em;	}		.cadreUrgence, .cadreRecherche {		width:190px;		color:#fff;		height:100%;		vertical-align:middle;		font-size:1.4em;		padding-top:0.6em;		text-align:center;		opacity:1;	}		.bandeauUrgence a {		text-decoration:none;		background:#d60131;		animation: animColorUrgence 0.5s 1;	}		.bandeauUrgence a:hover {		background:#f60037;	}			.bandeauRecherche a {		text-decoration:none;		background:#05233d;		animation: animColorRecherche 0.5s 1;	}		.bandeauRecherche a:hover {		background:#07365e;	}			.contentBandeau {		background:#809098 ;		width:100%;		color:#fff;		font-size:1.4em;		padding-left:0.3em;		padding-top:0.6em;		opacity:0.8;	}		#cadrerassurance {		display:flex;				background:#fff; 				width:50em;				margin:-60px 0 30px 0;		padding:0;		justify-content: flex-end;				min-height:7em;		color:#676767;		font-size:0.8em;		letter-spacing: 0.19px;	}		#cadrerassurance img {				height:6em;		max-height:6em;				padding:0;		margin:0.8em 0 0 0;	}		#cadrerassurance > figure {		min-width:10em;		max-width:10em;		margin:0 0 0 0 ;		padding:0;	}		#cadrerassurance > figure .desktop {		display:inline;		text-align:center;	}		#cadrerassurance figure.end {		border-right:3px solid #d60131;		border-bottom:3px solid #d60131;	}		#depaneursenfrance {		padding:1em;		display:flex;		background:#f6f7f8;		width:100%;	}		.colDepartement  {		width:25%;		font-size:1.1em;		line-height: 1.6em;	}	#cadrepromo {		padding-left:20px;		padding-right:20px;		display:flex;		flex-direction:row;		margin-bottom:1em;	}					#cadrepromo .containervideo > iframe {		width:560px; 		height:315px;	}		#cadrepromo p {		margin-top:0px;		padding-left:15px;		font-size:1.2em;		color:#344d5c;	}			.dossierItem {		display:flex;		flex-direction:column;				font-size:1.4em;		line-height: 1em;	}		.dossierItem > a {		text-decoration: underline;	}			.dossierItem > span {		font-size:0.7em;		margin-bottom:0.5em;	}		/* ------------------------------------------------------------ */	/*							BANDEAU RECHERCHE					*/	/* ------------------------------------------------------------ */		#recherche {		display:flex;		justify-content: space-around;		min-height:120px;		background:#809098;		margin-left:0.9em;		margin-right:0.9em;	}		#recherche .libelle{		color:#fff;		font-family: 'OpenSans', sans-serif;		font-style: italic;		font-size:1.2em;		font-weight:900;		padding-top:1.2em;		padding-bottom:0.2em;	}		#recherche .colRecherche {		width:20%;	}			#recherche .selection {		width:100%;		height:2.5em;	}				#recherche #selOu {		height:2.5em;		width:17em;	}			#recherche #frameOu {		display:flex;		height:3em;	}		#frameOu select {		padding:0;		margin:0;	}			#recherche #localisez-moi {		padding-left:1em;		height:2em;		font-size:0.6em;		margin-left:auto;		margin-right:auto;	}		#localisez-moi a {		color:#fff;		text-decoration:none;	}	.btnUrgence, .btnRecherche, .btnPrestation {		width:7em;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.6em;		text-align:center;		margin-top:50px;	}	.containerBtnRecherche a, .containerBtnUrgence a {		text-decoration:none;	} 		.btnUrgence {		background:#d60131;	}		.btnUrgence:hover {		background:#f60037;	}			.btnPrestation {		background:#02904b;	}		.btnPrestation:hover {		background:#06cf6d;	}			.btnRecherche {		background:#05233d;	}		.btnRecherche:hover {		background:#07365e;	}		.cadreLibelleAction {		display:flex;		flex-direction:column;		justify-content:center;		height:45px;		margin-top:4em; 		padding-left:1em;		font-size:0.8em;		color:#fff;	}		/* ------------------------------------------------------------ */	/*					FIL D'ARIANE / ZONE BACK					*/	/* ------------------------------------------------------------ */		#backMobile { display:none; }		#ariane {		height:1.4em;		border-bottom:1px solid #7f9098;		margin-left:0.9em;		margin-right:0.9em;		display:flex;		color:#7f9098;		font-size:0.8em;		line-height:1.4em;	}		#ariane a {		text-decoration:none ;		color:#7f9098;	}		#ariane a::hover {		color:#f60037;	}		#ariane a:visited {		color:#7f9098;	}		#ariane #home {		background: url("./images/home.png") ;		height:0.9em;		width:auto;		margin-top:0.1em;	}			/* ------------------------------------------------------------ */	/*							ANNUAIRE							*/	/* ------------------------------------------------------------ */		#filtres {		width:20em;		min-width:20em;		max-width:20em;	}			#filtres #filtreTitre {		padding-top:0.7em;		padding-left:2em;		margin-top:0;	}		#filtres #filtreTitre .h2 {		color:#47495a;		font-size:1.5em;		font-family: 'OpenSans', sans-serif;	}		#filtres #filtreMetier {		padding-left:2em;		margin-top:2em;	}		#filtres #filtreNotes {		padding-left:2em;		margin-top:2em;	}			#filtres #filtreLieu {		padding-left:2em;		margin-top:2em;	}		#btnFiltreOu {		border: 1px solid #E6E8ED;		border-radius: 4px;		font-size:18px;		padding:7px 7px 9px 7px;		width: 38px;		background:#fff;	}		#filtres #filtreLieu a {		text-decoration:none;		color:#000;	}		#filtres #filtreLieu a:hover #btnFiltreOu {		border: 1px solid #344d5c;		color:#344d5c;	}		#filtres .checkbox {		display:flex;	}		#filtres #selOuFiltre {		margin-left:0px;		margin-top:0px;		width:15em;		height:38px;		padding-left:0.2em;		padding-right:0.2em;	}		#filtres .rating {		display:flex;		max-width:7em;		height:1em;		flex-grow:1;		margin-top:0em;		padding:0;	}			#resultatRechercheGeo2 {		display:none;		width:20em ;		height:10em;		background:#fff;		position:absolute;		border:1px solid #7d8f98;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#filtres .rating img {		width:1.5em;		max-height:1em ;		margin:0;		padding-right:0.2em;	}		#filtres h3 {		color:#47495a;		font-size:1em;		margin-top:0;		margin-bottom:0.2em;		text-transform:uppercase;	}		#filtres select {		width:16em;		height:2em;		margin:0;	}		#resultats {		flex-grow:2;	}		#trier {		height:4em;	}		#trier h1 {		padding-top:0.7em;		padding-left:1em;		margin-top:0;		color:#47495a;		font-size:1.5em;	}		#listeSousTraitants {	}			.cadreAutoPromo {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:180px;		border-radius: 2px;		box-shadow: 1px 1px 2px #aaa;		display:grid;		grid-template-columns: 450px 300px 1fr;	}				#pushurgence {		padding:30px 30px 30px 30px;		grid-column: 1 ;		grid-row: 1 ;		display:flex;		flex-direction:column;	}		#cadreautopromorassurance {		grid-column:3;		grid-row:1;				display:flex;				background:#fff; 				width:50em;				margin:30px 0 30px 0;		padding:0;		justify-content: flex-end;				min-height:7em;		color:#676767;		font-size:0.8em;		letter-spacing: 0.19px;	}		#cadreautopromorassurance img {				height:6em;		max-height:6em;				padding:0;		margin:0.8em 0 0 0;	}		#cadreautopromorassurance > figure {		min-width:10em;		max-width:10em;		margin:0 0 0 0 ;		padding:0;	}		#cadreautopromorassurance > figure .desktop {		display:inline;		text-align:center;	}			#titrepushurgence {		font-size:22px;		font-weight:bolder;		color:#c02208;		margin-bottom:10px;	}		#textepushurgence {		font-size:20px;		font-weight:bolder;		color:#47495a;	}		#pushurgencebtn {		grid-column: 2;		grid-row:1;		display:flex;		flex-direction: column;		justify-content:center ;	}		#pushurgencebtn > a {		width:250px;		height:70px;		background:#d60131;		color:#fff;		margin:10px;		text-decoration:none ;		text-align:center;		font-size:20px;		padding:13px 10px 10px 10px;	}			#pushurgencebtn > a:hover {		background:#f60037;	}			/* ------------------------------------------------------------ */	/*							NOTATION							*/	/* ------------------------------------------------------------ */		.rating {		display:flex;		max-width:7em;		height:2em;		flex-grow:1;		margin-top:0.3em;		margin-right:0.5em;		padding:0;	}		.rating img {		width:1.5em;		max-height:2em ;		margin:0;		padding-right:0.2em;	}		/* ------------------------------------------------------------ */	/*				ECRAN ANNUAIRE - CADRE SOUS TRAITANT			*/	/* ------------------------------------------------------------ */		.cadreSousTraitant {		margin:0.4em 1em 2em 0.4em;		background:#fff;		height:180px;		border-radius: 2px;		box-shadow: 1px 1px 2px #aaa;		display:grid;		grid-template-columns: 150px 300px 1fr 160px;		grid-template-rows: 40px 70px 70px;	}		.cadreSousTraitant .cadreImageWorker {		width:160px;		max-width:160px;				grid-column:1;		grid-row:1 / 4;				padding: 1em 1em 1em 1em;				display:flex;		flex-direction:column;		justify-content:center;	}		.cadreImageWorker > img {/*		height:150px; */		border-radius: 2px;/*		width:120px; */		max-width:120px;		max-height:150px;	}		.cadreImageWorker .portrait {		width:auto;		height:150px ;	}		.cadreImageWorker .paysage {		width:120px;		height:auto ;	}			.cadreSousTraitant .titre {		display:flex;				overflow:hidden;		height:40px;				padding:0;				grid-column:2 / 4 ;		grid-row:1;	}		.cadreSousTraitant .titre .rating {	}		.cadreSousTraitant .blocNotes {		display:flex;	}		.cadreSousTraitant h3 {				font-size:1.2em;				letter-spacing:0.1em;		color: #47495a;				flex-grow:1;				margin:10px 0 0 15px;				text-transform:uppercase;	}		.colDescriptif {		grid-column:3;		grid-row:2;				width:100%;		padding-left:20px;	}			.cadreSousTraitant .presentation {		max-width:300px;		min-width:300px;		margin-left:0px;				grid-column:2;		grid-row:2;	}			.cadreSousTraitant .soustraitantMetiers {		grid-column:2;		grid-row:2;				height:80px;		max-height:80px;		color:#05233d;		font-size:14px;		padding-top:10px;		display:flex;	}		.cadreSousTraitant .soustraitantMetiers .picto {		width:20px;		min-width:20px;	}			.cadreSousTraitant .soustraitantLocalisation {			grid-column:2;		grid-row:3;				height:60px;		max-height:60px;		display:flex;		font-size:12px;	}		.cadreSousTraitant .soustraitantLocalisation .picto {		width:20px;		min-width:20px;	}		.cadreSousTraitant .avis {		width:100%;		margin:0 0 0 10px;		padding-top:0;	}		.cadreSousTraitant .picto {		width:1.5em;		min-width:1.5em;	}		.nbavis {		color:#b7b8bd;		font-size:0.9em;		padding-top:15px;		margin:0;		padding:13px 10px 0 0;		min-width:60px; 	} 		.cadreSousTraitant .soustraitantUnAvis {		grid-column:3;		grid-row:2;				padding-top:10px;		height:80px;		max-height:80px;		color:#b7b8bd;		font-size:14px;		display:flex;	}			.cadreSousTraitant .soustraitantPresentation {			grid-column:3;		grid-row:3;				height:60px;		max-height:60px;		overflow:hidden;		font-size:14px;		color: #47495a;		display:flex;		overflow:hidden;	}		.cadreSousTraitant .btnsoustraitant {		grid-column:4;		grid-row:1 / 4;				width:170px;		display:flex;		flex-direction:column;		justify-content: center;			margin-left:10px;		margin-right:15px;	}		.cadreSousTraitant .divAction {	}		.btnsoustraitant a {		text-decoration:none;		border-radius:3px;		width:6em;		height:1.8em;		font-size:1.3em;		padding-top:0.2em;		margin-top:10px;		text-align:center;	}		.btnsoustraitant .linkContact {		background:#05233d;		color:#fff;	}			.btnsoustraitant .linkContact:hover {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil {		background:#fff;		color:#05233d;		border:1px solid #05233d;	}		.btnsoustraitant .linkProfil:hover {		background:#05233d;		color:#fff;	}				/* ------------------------------------------------------------ */	/*					ECRAN SOUS TRAITANT							*/	/* ------------------------------------------------------------ */		#estPresentation #contactMobile { display:none; }		.disp3cols {		background:#f3f5f5;		margin:1em 0.9em 2em 0.9em;		display:grid;		grid-template-columns: 1fr 1fr 1fr;		flex-grow:2;	}		#estPresentation {		grid-column: 1 / 3; 		grid-row: 1;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estSites {		grid-column: 1 / 3; 		grid-row: 2;		display:flex;		flex-direction:column;		flex-wrap:wrap ;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;		padding:10px;	}		#estSites > iframe {		flex-basis:100%;		padding:20px;		height:720px;	}			#estPresentationGlobal {		display:flex;		margin-top:1em;		padding-bottom:1em;		border-bottom: 1px solid #e0e2e4;	}		#estPresentationGlobalContent {		margin-left:1em;		width:100%;	}		#estPresentationGlobalContent > h1 {		color:#05233d;		text-transform:uppercase;		font-size:1.6em;		margin-bottom:0;	}					#estPresentationGlobal #imagePresentation {		width:15em;		max-width:15em;				height:20em;		max-height:20em;				display:flex;		flex-direction:column;		justify-content:center;						margin:1em ;	}		#estPresentationGlobal #imagePresentation > img {		max-width:15em;		max-height:20em;	}		#estPresentationGlobal .portrait {		width:auto;		height:20em ;	}		#estPresentationGlobal .paysage {		width:15em ;		height:auto;	}		.estNbAvis {		margin-left:1em;		padding-top:0.8em;		color:#b3b3b9;	}		#estEntete {		background:#05233d;		color:#fff;		height:2em;		font-size:1.1em;		padding-top:0.4em;	}		#estEntete > a {		color:#fff;		text-decoration:none;		margin-left:1em;		margin-right:1em;		transition: all 0.2s linear;	}			#estEntete > a.select {		border-bottom:1px solid #fff;	}		.estSection {		height:4em;		margin-right:1em;		color: #05233d ;	}				.estSection .divimg, 	#estPresentationDescription .divimg, 	#estInterventionDesktop .divimg, 	#estExpertise .divimg, 	#estWebsite .divimg,	#estFacebook .divimg,	#estYoutube .divimg,	#estNbInterventionsDesktop .divimg {		margin-right:1em;		margin-left:0.5em ;	}	 	#estWebsite .divimg,	#estFacebook .divimg,	#estYoutube .divimg,	#estNbInterventionsDesktop .divimg {		display:flex;		flex-direction:column;		justify-content: center;	}		.estSection .divimg > img, 	#estPresentationDescription .divimg > img, 	#estInterventionDesktop .divimg > img, 	#estExpertise .divimg > img,	#estWebsite .divimg > img,	#estFacebook .divimg > img,	#estYoutube .divimg > img,	#estNbInterventionsDesktop .divimg > img {		width:1.5em;		height:auto;	}		#estNbInterventionsDesktop > span,	#estFacebook > span,	#estYoutube > span,	#estWebsite > span {		margin-top:auto;		margin-bottom:auto;	}			#estPresentationDescription {		display:flex;		margin-top:1em;		color:#525b66;		padding-bottom:1em;	}		#estInterventionDesktop {		/*flex estSection mt1em*/		height:4em;		margin-right:1em;		color: #05233d ;		display:flex;		margin-top:1em;	}			#estNbInterventionsDesktop {		/*flex estSection mt1em*/		display:flex; 		height:2em;		margin-right:1em;		color: #05233d ;				margin-top:1em;	}				#estWebsite {		/*flex estSection mt1em*/		display:flex; 		flex-direction:row;		height:2em;		margin-right:1em;		color: #05233d ; 				margin-top:1em;	}		#estFacebook {		display:flex; 		flex-direction:row;		height:2em;		margin-right:1em;		color: #05233d ; 				margin-top:1em;	}		#estYoutube {		display:flex; 		flex-direction:row;		height:2em;		margin-right:1em;		color: #05233d ; 				margin-top:1em;	}		#estInterventionMobile, #estNbInterventionsMobile { display:none; }			#estExpertise {		/* flex estSection mt2em */		height:4em;		margin-right:1em;		color: #05233d ;				display:flex;		margin-top:2em;	}		#estPriseRDV {		grid-column:3;		grid-row: 1 ;		background:#fff;		margin-left:0.9em;		margin-right:2em;		margin-top:1em;		padding-bottom:1em;		box-shadow: 1px 1px 2px #aaa;	}		#estPriseRDVContent {		padding-left:15px;		padding-right:15px;		display:flex;		flex-direction: column;	}		#estPriseRDVContent label {		text-transform:uppercase;		color:#47495a;		letter-spacing:0em;		font-size:0.9em;		margin-top:15px;	}		#estPriseRDVContent #titreContact {		background:#fff;		color:#47495a;		padding-top:30px;		font-weight:900;		font-size:1.3em;	}		#estPriseRDVContent input[type="text"], #estPriseRDVContent select {		margin:0;	}		#estPriseRDVContent #contactTelephone {		width:100%;	}				#estPriseRDVContent .btn {		background:#05233d;		width:350px;		border-radius: 20px;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.5em;		margin-top:0.8em;		text-align:center;	}		#estPriseRDVContent  #cntBtnRendezVous a {		text-decoration:none;	}				#estAvis {		grid-column: 1 / 3; 		grid-row: 3;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}		#estAvis::target {		transition: all .5s ease-in;	}		#estAvis > h2 {		margin-left:0.9em;	}		#estAvis .cadreAvis {		min-height:5em ;		border-bottom:1px solid #dfe3e8 ;		margin-left:0.9em ;		padding-bottom:1em;	}		#estAvis .cadreAvis h3 {		margin-bottom:0;		padding-bottom:0;	}		#estAvis .cadreAvis .dateAvis {		color:#525b66;		padding-bottom:0.5em;		padding-top:0.5em;	}		#estAvis .cadreAvis .rating {		margin-top:0;		margin-bottom:0; 	}		#estAvis .cadreAvis .avisCommentaire {		color:#525b66;		font-weight:700;		font-style:italic;		margin-top:1em;	}		#estAvis .cadreAvis .avisCommentaire::before {		content:'\201c  ' ;	}		#estAvis .cadreAvis .avisCommentaire::after {		content:'  \201d';	}				#estPhotos {		grid-column: 1 / 3; 		grid-row: 4;		background:#fff;		margin-left:2em;		margin-right:0.9em;		margin-top:1em;		box-shadow: 1px 1px 2px #aaa;	 	}			#estPhotos > h2 {		margin-left:0.9em;	}			#contentPhotos {		display:grid ;		grid-template-columns: 1fr 1fr 1fr;	}		#contentPhotos img {		width:85% ;		height:auto;		margin-left:auto;		margin-right:auto;		margin-bottom:2em;	}		#contentPhotos #p1 { grid-column:1; grid-row:1 ; }	#contentPhotos #p2 { grid-column:2; grid-row:1 ; }	#contentPhotos #p3 { grid-column:3; grid-row:1 ; }	#contentPhotos #p4 { grid-column:1; grid-row:2 ; }	#contentPhotos #p5 { grid-column:2; grid-row:2 ; }	#contentPhotos #p6 { grid-column:3; grid-row:2 ; }				/* ------------------------------------------------------------ */	/*					CONTACT / URGENCE							*/	/* ------------------------------------------------------------ */			#formBlocNom {		width:100%;		padding-left:1em;		padding-right:3em;	}		#formBlocTelephone, #formBlocLieuIntervention {		width:100%;		padding-left:1em;		padding-right:3em;		padding-top:1em;	}		#formBlocMetier, #formBlocDescriptif {		width:100%;	}		#formBlocCodePostalVille{		/*flex col100 padt1 padb1*/		display:flex;		width:100%;		padding-top:1em;		padding-bottom:1em;	}			#formBlocCodePostal {		/*margeGauche padr1 col20 contactCodePostalMinWidth*/		padding-left:1em;		padding-right:1em;		width:20%;		min-width:180px;	}			#formBlocVille {		/* col80 margeInterieureDroite */		width:80%;		padding-right:3em;	}			#formulaireColGauche {		width:50%;	}		#containerContact {		display:flex;	}		#formulaireColDroite {		width:50%;		padding-right:2em;	}		#contact {		width:100%;		margin:1em;		background:#fff;		heigth:30em;		box-shadow: 1px 1px 2px #aaa;		font-size:1.2em;		color:#05233d;	}		#titreContact {		width:100%;		background:#05233d;		color:#fff;		padding:0.4em;		font-size:1.2em;	}			#panelErreur {		background:#f4c2cd;		padding-top:1.5em;		font-size:1.5em;		font-weight:900;		text-align:center;		height:100%;	}			#titreUrgence {		width:100%;		background:#d60131;		color:#fff;		padding:0.4em;		font-size:1.2em;	}		#resultatRechercheUrgence {		margin-bottom:1em;		padding-left:1em;		margin-top:0.5em;	}		#divContact1 {		margin-top:1em;		padding-left:1em;	}			#divContact2 {		margin-top:1em;		padding-left:1em;		margin-bottom:1em;	}		#contactNom, #contactAdresse, #contactCodePostal, #contactVille  {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;		width:100%;	}		#messageContactTelephoneMobile { display:none; }		#contactTelephone {		font-size:1em;		padding-top:0.6em;		padding-bottom:0.6em;		padding-left:0.2em;		width:150px;	}		#messageContactTelephone {		margin-left:40px;		font-size:1.2em;		color:#d60131;	}		#contactDescriptif {		width:100%;		height:10em;	}		#contact label {		text-transform:uppercase;		color:#47495a;		letter-spacing:0em;		font-size:0.9em;		font-weight:900;	}		select#idmetier {		height:40px;		width:100%;		margin-bottom:20px;	}			#contact .margeGauche { padding-left:1em; }	#contact .margeInterieure { padding-right:1em; }	#contact .margeInterieureDroite { padding-right:3em; }	#contact .margeExterieureDroite { padding-right:2em; }		#contactAction {		width:20em;		float:right;		height:7em;		margin-bottom:1em;		padding-top:1em;	}		#contactAction span {		margin:0;		padding:0;		float:right;	}		#contactAction .btn {		width:350px;		border-radius: 20px;		color:#fff;		height:45px;		font-size:1.2em;		padding-top:0.3em;		margin-top:0.6em;		margin-left:20px;		float:right;		text-align:center;	}			#centrageanimbtn {		width:180px;		margin-right:20px;		padding-top:20px;		float:right;	}			#contactAction .btnUrgence {		background:#d60131;	}		#contactAction .btnUrgence:hover {		background:#f60037;	}		#contactAction .btnContact {		background:#05233d;	}			#contactAction .btnContact:hover {		background:#07365e;	}		#rassuranceLarge {		height:10em;		width:100%;		display:flex;		background:#fff;		justify-content: space-evenly;		color:#676767;		font-size:0.8em;		letter-spacing: 0.19px;		margin-top:1em;		margin-bottom:2em;	}		#rassuranceLarge figure {		height:8em;	}		#rassuranceLarge img {		height:5em;	}		#rassuranceLarge figure.end {		border-right:3px solid #d60131;		border-bottom:3px solid #d60131;		height:8em;		padding-right:0.5em;	}				/* ------------------------------------------------------------ */	/*							FOOTER								*/	/* ------------------------------------------------------------ */			#footer {		background:#344d5c;		/*min-height:300px;*/		display:flex;		justify-content: start;/*		position:relative;		bottom:0; */	}			.footerColMetier {		width:50%;	}		#footer #vosdepanneurs {		padding-top:30px;		margin-left:2em;		width:700px;	}		#footer #vosdepanneurs p {		color:#fff;		width:400px;		padding-top:0.8em;	}		#footer .logoRed {		margin-left:0;	}		#footer .logo {		padding-top:0.1em;	}		#footer .logoRed, #footer .logo {		font-size:1.5em;	}		#footer a {		text-decoration:none;	}			#footer #telephone img {		height:1.4em;		width:auto;		margin-right:0.5em;	}		#footer #telephone a {		color:#fff;		text-decoration:none;	}		#footer #telephone {		color:#fff;		font-weight:700;		font-size:1.5em;		padding-right:1em;		padding-bottom:0.3em;		padding-top:1.3em;	}		#footer #recherches {		width:100%;	}		#footer #listeRecherches {/*		height:80%; */ 		display:flex;	}		#listeRecherches #rechercheParMetier {		width:500px;		display:bloc;		padding-bottom:20px; 	}		#listeRecherches h3 {		color:#fff;		margin:0;		padding:30px 0 20px 0;	}		#rechercheParGeo {		width:500px;		display:bloc;	}		#organique {		width:250px;		display:bloc;	}		#footer #footerRecherches {/*		height:20%; */		border-top:1px solid #fff;		color:#fff;	}		#footer #listeRecherches a {		text-decoration:none;		color:#fff;	}	#footer #listeRecherches a:hover {		color:#d60131;	}		#footer #footerRecherches p {		text-align:right;		margin-top:0.2em;	}		#footer #calage {		width:2%;	}			/* ------------------------------------------------------------ */	/*						RECHERCHES PAR ZONE						*/	/* ------------------------------------------------------------ */			#fondRechercheZone {		background:#f3f5f5;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		flex-grow:2;	}		.rechercheRegion {	}		.rechercheDepartement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheDepartement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheArrondissement {		grid-template-columns: 1fr 1fr 1fr 1fr;		display:grid;	}			.rechercheArrondissement h1 {		padding-left:20px;		grid-column: 1 / 5 ;		grid-row:1;	}		.rechercheCommune {		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;		display:grid;	}		.rechercheCommune .bloclibelle {		grid-column:1;	}		.rechercheCommune table .nomCommune {		width:300px;	}		.rechercheCanton h1 {		padding-left:20px;		grid-column: 1 / 5 ;	}		.rechercheCommune h1 {		padding-left:20px;		grid-column: 1 / 6 ;		grid-row:1 ;	}		.rechercheCanton .bloclibelle, .rechercheCommune .bloclibelle, .rechercheRegion .bloclibelle {		padding-top:3px;		padding-left:50px;		font-size:1.3em;	}		.rechercheCanton .bloclibelle a, .rechercheCommune .bloclibelle a, .rechercheRegion .bloclibelle a {		text-decoration:none;		color:#344d5c;	}		.rechercheCanton .bloclibelle a:hover, .rechercheCommune .bloclibelle a:hover, .rechercheRegion .bloclibelle a:hover {		color:#d60231;	}			#fondRechercheZone table {		margin:1em auto 1em auto ;		border-spacing : 0;		border-collapse : collapse;	}		#fondRechercheZone table td {		padding:0 0 0 10px;		border-spacing:0;		height:30px;	}		#fondRechercheZone table .nom {		width:200px;	}		#fondRechercheZone table .num {		width:80px;		text-align:center;	}		#fondRechercheZone table thead tr {		background:#344d5c;		color:#fff;	}			#fondRechercheZone table tbody tr:nth-child(odd) {		background:#dddede;	}		#fondRechercheZone table tbody tr:nth-child(odd) a {		color:#344d5c;		text-decoration:none ;	}			#fondRechercheZone table tbody tr:nth-child(odd) a:hover {		color:#d60231;	}		#fondRechercheZone table tbody tr:nth-child(even) {		background:#fff;	}		#fondRechercheZone table tbody tr:nth-child(even) a {		color:#344d5c;		text-decoration:none ;	}		#fondRechercheZone table tbody tr:nth-child(even) a:hover {		color:#d60231;	}		#fondRechercheZone #table1 { grid-column:1; grid-row:2; }	#fondRechercheZone #table2 { grid-column:2; grid-row:2; }	#fondRechercheZone #table3 { grid-column:3; grid-row:2; }	#fondRechercheZone #table4 { grid-column:4; grid-row:2; }	#fondRechercheZone #table5 { grid-column:5; grid-row:2; }				#fondRechercheZone #r1 { grid-column:1; grid-row:1; }	#fondRechercheZone #r2 { grid-column:2; grid-row:1; }	#fondRechercheZone #r3 { grid-column:1; grid-row:2; }	#fondRechercheZone #r4 { grid-column:2; grid-row:2; }	#fondRechercheZone #r5 { grid-column:1; grid-row:3; }	#fondRechercheZone #r6 { grid-column:2; grid-row:3; }	#fondRechercheZone #r7 { grid-column:1; grid-row:4; }	#fondRechercheZone #r8 { grid-column:2; grid-row:4; }	#fondRechercheZone #r9 { grid-column:1; grid-row:5; }	#fondRechercheZone #r10 { grid-column:2; grid-row:5; }	#fondRechercheZone #r11 { grid-column:1; grid-row:6; }	#fondRechercheZone #r12 { grid-column:2; grid-row:6; }	#fondRechercheZone #r13 { grid-column:1; grid-row:7; }	#fondRechercheZone #r14 { grid-column:2; grid-row:7; }	#fondRechercheZone #r15 { grid-column:1; grid-row:8; }	#fondRechercheZone #r16 { grid-column:2; grid-row:8; }	#fondRechercheZone #r17 { grid-column:1; grid-row:9; }	#fondRechercheZone #r18 { grid-column:2; grid-row:9; }		/* ------------------------------------------------------------ */	/*						CONTENU TEXTUEL							*/	/* ------------------------------------------------------------ */	#fondPage {		background:#fff;		margin: 1em 0.9em 1em 0.9em;		padding-bottom:1em;		font-size:1em;		color:#344d5c ;		flex-grow:2;		display:flex;		flex-direction:column;	}		#fondPage h1 {		font-size:1.5em;		color:#d60231;	}		#fondPage h2 {		font-size:1.3em;	}		/* ------------------------------------------------------------ */	/*						AVIS CLIENT								*/	/* ------------------------------------------------------------ */		#fondAvis {		margin: 1em 0.9em 1em 0.9em;		padding:0em 1em 1em 1em;		background:#f3f5f5;		flex-grow:2;				display:grid ;		grid-template-columns: 15em 1fr;	}		#titreAvis { grid-column:1/3; grid-row:1; }	#noteGlobale { grid-column:1; grid-row:2; }	#noteAppreciation { grid-column:2; grid-row:2; }		#avisAction { 		display:flex;		flex-direction:row;		grid-column:1/3; 		grid-row:3;		padding-top:1em;	}		#avisAction a {		display:inline;		margin-left:auto;		margin-right:auto;	}		#avisAction img {		margin-left:auto;		margin-right:auto;	}		#fondAvis label {		font-size:0.8em;	}		.btnAvis {		width:10em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		#fondAvis a  {		text-decoration:none ;	}		#fondAvis .notation {		display:flex;	}		#fondAvis .notation .rating {		margin:0;		padding:0;		background:#0f0;	}			.btnAvis:hover {		background:#07365e;	}			#avis {		width:40em;		height:10em; 	}			/* ------------------------------------------------------------ */	/*						CHECKBOX / RADIOBUTTON					*/	/* ------------------------------------------------------------ */			.containerInput {		display: block;		position: relative;		padding-left: 3em ;		cursor: pointer;		font-size: 1em;		-webkit-user-select: none;		-moz-user-select: none;		-ms-user-select: none;		user-select: none;	}		.containerInput input {		position: absolute;		opacity: 0;		cursor: pointer;		height: 0;		width: 0;	}		.checkmark {		position: absolute;		top: 0;		left: 0;		height: 25px;		width: 25px;		background-color: #ccc;	}		.containerInput input[type="radio"] ~ .checkmark {		border-radius: 50%;	}		.containerInput:hover input ~ .checkmark {		background-color: #fe3e68;	}		.containerInput input:checked ~ .checkmark {		background-color: #d60231;	}		.checkmark:after {		content: "";		position: absolute;		display: none;	}		.containerInput input:checked ~ .checkmark:after {		display: block;	}		.containerInput input[type="radio"] ~ .checkmark:after {		top: 9px;		left: 9px;		width: 8px;		height: 8px;		border-radius: 50%;		background: white;	}		.containerInput input[type="checkbox"] ~ .checkmark:after {		left: 9px;		top: 5px;		width: 5px;		height: 10px;		border: solid white;		border-width: 0 3px 3px 0;		-webkit-transform: rotate(45deg);		-ms-transform: rotate(45deg);		transform: rotate(45deg);	}				/* ------------------------------------------------------------ */	/*						INSCRIPTION ARTISAN						*/	/* ------------------------------------------------------------ */			#inscriptionSousTraitantAction {		margin-top:1em;	}	.btnInscriptionSousTraitant {		width:15em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}		.btnInscriptionSousTraitant:hover {		background:#07365e;	}		#inscriptionSousTraitantAction a  {		text-decoration:none ;	}			#metiersArtisan {		width:40em;	}				/* ------------------------------------------------------------ */	/*						CONTACT VOSDEPANNEURS					*/	/* ------------------------------------------------------------ */	.btnContact {		width:15em;		border-radius:5em;		color:#fff;		height:2em;		font-size:1.4em;		padding-top:0.4em;		text-align:center;		background:#05233d;	}			.btnContact:hover {		background:#07365e;	}				#contactVosdepanneursAction {		margin-top:1em;	}			#contactVosdepanneursAction a  {		text-decoration:none ;	}			/* ------------------------------------------------------------ */	/*						RGPD									*/	/* ------------------------------------------------------------ */		#rgpd {		position:sticky; 		width:100%;		background:#809098;		padding: 20px;		bottom:0px;		opacity:0.95;		border-top:1px solid #000;		}		.openrgpd {		display:flex;		animation: animRgpd 0.5s 1;		height: 200px; 	}		.closergpd {		display:none;	}			#rgpd #texte {		color:#fff;		font-size:1.2em;		display:flex;		flex-direction:column ;		justify-content:space-around;	}		#rgpd #texte p {		margin:0;		padding:0;	}		#rgpdaction {		display:flex;		flex-direction:column;		justify-content:space-around;		-webkit-justify-content:space-around;	}		#rgpdaction a {		width:200px;		height:60px;		border-radius:5px;		text-align:center;		margin-left:50px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdaction .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdaction .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko {		background:#fff;		color:#000;		border:1px solid #05233d;	}		#rgpdaction .rgpdko:hover {		background:#05233d;		color:#fff;	}	@keyframes animRgpd {		from { height:0px; }		to { height:200px; }	}	#rgpdecran {		display:flex;		flex-direction:row;		justify-content:start;		-webkit-justify-content:start;	}		#rgpdecran a {		width:200px;		height:60px;		border-radius:5px;		text-align:center;		margin-top:10px;		margin-bottom:10px;		text-decoration:none;		font-size:25px;		padding-top:15px;	}		#rgpdecran .rgpdok {		background:#05233d;		color:#fff;	}		#rgpdecran .rgpdok:hover {		background:#fff;		color:#000;		border:1px solid #05233d;	}			/* -------------------------------------------- */	/* 			LANDING PAGE URGENCE				*/	/* -------------------------------------------- */				.centerTitre > h1 {		border-bottom:2px solid #d60231;	}		.urgence-desc {		display:flex;	}		.urgence-desc .urgence-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc .urgence-img > img {		width:600px;		height:auto;				margin:10px;	}			.urgence-desc > .urgence-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.urgence-desc > .urgence-text .item {		display:flex;		flex-direction:row;	}		.urgence-desc > .urgence-text .item > img {		width:40px;		height:40px;		margin:10px;	}		.urgence-desc > .urgence-text > .item > .cnt {		font-size:1.5em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}		.urgence-desc > .urgence-text > .urgence-tel {		margin:20px 10px 10px 10px;		font-size:1.5em;		font-weight:900;	}		.urgence-desc > .urgence-text > .urgence-tel a {		font-size:1.6em;		color:#02904b;		text-decoration:none;	}		.urgence-desc > .urgence-text > .urgence-form {		margin:20px 10px 10px 10px;		font-size:1.5em;		font-weight:700;	}	.urgence-desc > .urgence-text > .urgence-form a {		color:#d60231;		text-decoration:none;	}				/* ------------------------------------------------------------ */	/*						RECHERCHE NEW							*/	/* ------------------------------------------------------------ */			#imagefond {		grid-column: 1 / 3; 		grid-row: 1;				justify-content:center; 		flex-direction:row; 				background-repeat:no-repeat;		width:100%;		background-size:cover;		background-position: top left;		min-height:450px;	}							#rechercheArtisanPromo {		display:flex;		flex-direction:column;		justify-content:center;		min-height:60px;		min-width:1200px;		background:#fff;	}		#rechercheArtisanPromo > label {		width:100%;		text-align:center;		font-size:1.4em;		color:#05233d;	}			#containerRechercheArtisan {		min-height:450px;		min-width:1200px; 	}			#cadreRechercheArtisan {		flex-direction:row;		min-width:1500px;		max-width:1500px;		min-height:140px;		max-height:140px;	}		#cadreRechercheArtisanMetier {		width:300px;		padding-top:30px;		padding-left:10px;		margin-left:40px;	}			#cadreRechercheArtisan label {		font-size:1.4em;	}		#cadreRechercheArtisanPrestation {		width:460px;		padding-top:30px;		padding-left:10px;		margin-left:20px;	}		#cadreRechercheArtisanVille {		width:350px;		padding-top:30px;		padding-left:10px;		margin-left:20px;	}			#cadreRechercheArtisan #cadreRechercheArtisanAction {		flex-direction:column;		width:180px;		margin-left:20px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div { 		min-width:180px;		max-width:180px;		min-height:50px;		max-height:50px;				margin-top:10px;	}		#cadreRechercheArtisan #cadreRechercheArtisanAction > div > label {		font-size:1.4em;	}		#cadreRechercheArtisan .input {		font-size:1.1em;		padding-top:9px;	} 		#cadreRechercheArtisan #comboMetier {		min-width:300px;		max-width:300px;	} 		#cadreRechercheArtisan #comboPrestation {		min-width:460px;		max-width:460px;	}		#cadreRechercheArtisan #comboVille {		width:300px;	}				/* -------------------------------------------- */	/* 			LANDING PAGE PAR PRESTATION			*/	/* -------------------------------------------- */			#resultatRechercheGeo, #resultatRechercheGeo2 {		display:none;		width:300px ;		height:200px;		background:#fff;		position:absolute;		border-bottom-left-radius:3px;		border-bottom-right-radius:3px;	}		#resultatRechercheGeo .elemGeo, #resultatRechercheGeo2 .elemGeo {		color:#333;		height:30px;		font-size:17px;		cursor:pointer;		padding-top:6px;		margin-left:5px;		margin-right:5px;	}		#resultatRechercheGeo .elemGeo:hover, #resultatRechercheGeo .selected, #resultatRechercheGeo2 .elemGeo:hover, #resultatRechercheGeo2 .selected {		color:#fff;		background:#d60231;	}		/* -------------------------------------------------------------------------------------- */		.prestation-titre {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}		.prestation-titre h1 {		width:100%;		text-align:center;	}			.prestation-desc {		display:flex;	}		.prestation-desc .prestation-img {		background:#fff;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		position:relative;		flex-direction:column;		justify-content:space-evenly;	}		.prestation-desc .prestation-img > img {		width:900px;		height:auto;				margin:10px;	}			.prestation-desc .prestation-img > .prestation-bulle {		position:absolute;				display:flex;		flex-direction:column;				left:450px;		top:50px;				border-radius:20px;				min-width:400px;		max-width:400px;				min-height:300px;		max-height:300px;				background:#fff;				padding:30px;	}		.prestation-desc .prestation-img > .prestation-bulle h2 {		width:100%;		text-align:center;		font-size:1.3em;		margin:0 0 10px 0;		padding:0 0 10px 0;		border-bottom:solid 1px #7c7c7c;	}			.prestation-desc .prestation-img > .prestation-bulle .item {		display:flex;		flex-direction:row;	}			.prestation-desc .prestation-img > .prestation-bulle .item > img {		width:30px;		height:30px;		margin:10px;	}		.prestation-desc .prestation-img > .prestation-bulle .item > .cnt {		font-size:1.2em;		color:#000;		display:flex;		flex-direction:column;		justify-content:space-evenly;	}			.prestation-desc > .prestation-text {		background:#fff;		flex-grow:1;		margin:20px 10px 0 10px ;		border-radius:8px;		display:flex;		flex-direction:column;	}			.prestation-desc > .prestation-text > .prestation-label {		width:100%;		text-align:center;		font-size:2em;		font-weight:bolder;		padding-top:30px;		padding-bottom:30px;		background:#02904b;		color:#fff;	}		.prestation-desc > .prestation-text > .prestation-content {		margin-top: 30px;		display:flex;		flex-direction:column;		padding-left:80px;	}		.prestation-desc > .prestation-text > .prestation-content .titre {		font-size:1.7em;		margin-bottom:10px;	}		.prestation-desc > .prestation-text > .prestation-content .contenu {		padding-left:40px;		font-size:1.5em;		color:#7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif {		margin-top:50px;		padding:0 80px 40px 80px;		display:flex;		flex-direction:row;		border-bottom:solid 1px #7c7c7c;	}		.prestation-desc > .prestation-text > .prestation-tarif > .label {		font-size:2em;	}		.prestation-desc > .prestation-text > .prestation-tarif > .prix {		font-size:1.7em;		flex-grow:1;		text-align:right;	}		.prestation-desc > .prestation-text > .prestation-tel {		margin:20px 10px 10px 80px;		font-size:1.5em;		font-weight:900;	}		.prestation-desc > .prestation-text > .prestation-tel a {		font-size:1.4em;		color:#02904b;		text-decoration:none;	}		.prestation-desc > .prestation-text > .prestation-form {		margin:20px 10px 10px 80px;		font-size:1.5em;		font-weight:700;	}		.prestation-desc > .prestation-text > .prestation-form a {		color:#3940c8;		/*text-decoration:none; */	}		.prestation-ville {		display:flex;		flex-direction:row;		padding-bottom:10px;	}		.prestation-ville > .vert {		display:flex;		flex-direction:column;		justify-content:center;		padding-right:10px;	}		.prestation-ville #localisez-moi {		font-size:0.7em;		padding-left:10px;		text-decoration:underline;	}		.prestation-ville  #comboVille {		padding-top:4px;		width:300px;				display:block ;				min-height:40px;		max-height:40px;		border-radius:4px;		background:#fff;		border:solid 1px #05233d;				outline:none;				color:#05233d;		padding-left:5px;	}	/* -------------------------------------------- */	/* 			CONTACT PAR PRESTATION				*/	/* -------------------------------------------- */				#titrePrestation {		width:100%;		background:#02904b;		color:#fff;		padding:0.4em;		font-size:1.2em;	}			/* -------------------------------------------- */	/* 			ARTICLES							*/	/* -------------------------------------------- */		#articleCadreTitre {		display:flex;		flex-direction:row;	}		#articleCadreTitre > .img {	}		#articleCadreTitre > .img > .imgGlobal {		max-width:150px;		height:auto;	}		#articleCadreTitre > .cnt {		display:flex;		flex-direction:column;		justify-content:center; 	}	#articleCadreTitre > .cnt > span {		padding-left:20px;	}			/* -------------------------------------------- */	/* 			NOS PRESTATIONS PAGE D'ACCUEIL		*/	/* -------------------------------------------- */		#accueilNosPrestations {		grid-column: 1 / 3;		flex-direction:row;		flex-wrap:wrap;	}		#accueilNosPrestations .col {		flex-basis:33%;	}		#accueilNosPrestations .col h2 {		margin:0;		padding:10px 0 5px 10px;	}		#accueilNosPrestations .col a {		margin:0;		padding:0 0 5px 20px;	}	}