/*Corps___________________________________*/
:root{ font-size:62.5%; font-family: Helvetica Neue,Helvetica,Arial,sans-serif,roboto,open sans, Segoe UI;
--scalevar: 1;
--BorderColorWhite:13px solid rgb(255,255,255);

--BorderColorWhiteTransp:18px solid rgba(255,255,255,0.05);
--BorderColorTransp:18px solid rgba(255,255,255,0);
--BorderRadiusA:15px;
--BorderRadiusB:10px;
--BorderRadiusC:5px;


}
body { padding:0;  background: rgba(220,220,220,1);}
.segoe {font-family:Segoe UI;}


img {border-width: 0; margin:0; padding:0;}
* {padding:0; margin:0;}
div.spacer { clear:both;}



div.ui-loader{display:none;}


/* Index
=================================================================================================================================================*/

div.page{margin: -12px auto 0 auto ; background: rgba(220,220,220,1);}
	div.content { width:985px; background: rgba(255,255,255,1); box-shadow: 0 0 3px 4px rgb(150,150,150); margin: 0 auto; }
		div.header{ width:985px;  background: rgba(255,255,255,1); clip-path: content-box; overflow: hidden;}
			div.header_top {position:relative; width:100%; max-width:985px; margin:0; padding:0; background: var(--Dark_Blue); z-index:400; }
				div.title_logo {background: var(--Dark_Blue); display:flex; flex-direction:row; position:relative; width:915px; height:150px; margin:0; padding: 20px 20px 0 50px;}
					div.title{width:795px; margin:0;}
						h1.titlea{font-size:60px; line-height:60px; color:rgba(255,255,255,1); text-align:left; align-items:center; font-family:segoe UI; }
						h1.titleb{font-size:35px; line-height:40px; color:var(--Clear_Blue); text-align:left; align-items:center; font-family:segoe UI; }
					div.logo {width:120px; height:90px; margin:0;}
						img.logo{ width:120px; height:90px;}

				div.defisc_mobile{ display:none;}
				
				div.wrapper_menu_mobile { display:none; }
				
				div.menu {display:flex; flex-direction: row;  margin:0 50px 0 0; align-items:center; height:25px; justify-content: flex-end; padding:0; postion:relative;}
					span.menu{border-top: 2px solid rgba(255,255,255,0); padding: 3px 0 0 0; margin: 0 10px;  line-height:1.6rem; font-weight:bold; min-width:52px;  text-align:center; font-size:1.5rem; box-sizing: border-content; }
						span.menu_active, a.menu_active{display:none;}
						span.menu:hover{border-top: 2px solid rgba(255,255,255,1); transition: ease 0.1s; }
						:is(.menu, .menu:hover, .menu:visited) a{ text-decoration:none; color:#ffffff; margin:0; padding:0;}
				
				div.header_bottom{width:985px; height:600px; position:relative;  margin:0; background:rgb(255,255,255); }
					h1.header_page_title {position: absolute; left:0; top:470; font-size:35px; line-height: 35px; color:var(--Clear_Blue); text-align:center; width:100%; z-index:400;}
					h1.content_page_title {display:none;}
	
	
		div.footer {background: var(--Dark_Blue); min-height:60px; margin: 20px 0 0 0; box-shadow: 1px 1px 2px 2px rgb(150,150,150); width:100%; padding: 5px 0 0 0;}
			div.tarifs_majoration {color:rgb(255,255,255);  margin:10px 0 0 20px; }
				div.tarifs_majoration :is(p,a) {color:rgb(255,255,255); font-size:0.8rem; line-height:0.9rem;}
				
			div.footer_coord{ display:none;}
				
			div.support{  margin:25px 25px 0 0; text-align:right;}
				a.support, a.support:visited{font-size:1.1rem; line-height:2rem;  margin:8px 0 0 10px; padding:0; color:rgb(255,255,255);}


/*Tablette_________________________________*/
@media(max-width :984px){

	
div.page{width:100vw; margin: -15px 0 0 0; }
	div.content{margin:0; width:100%; }
		div.header{width:100vw;}
		div.title_logo{transform:scale(var(--scalevar));  transform-origin: top left; height: calc(150px * var(--scalevar));}
		div.header_bottom{transform:scale(var(--scalevar));  transform-origin: top left; margin:0; height: calc(600px * var(--scalevar)); }
		
	
	
		div.footer{}
			div.footer_coord{ display:block; margin:5px 0 0 0; width:100%; text-align:center;}
			div.footer_coord :is(p,a) {color:rgb(255,255,255); font-size:1.4rem; line-height:1.8rem; text-align:center;}
			div.support{display:none;}
			
}





/*Mobile_________________________________*/
@media(max-width :780px){
:root{font-size:75%; }
		div.wrapper_menu_mobile{ background: var(--Dark_Blue); display:block; margin: 0 ; min-width:180px; padding:0 15px 10px 0; z-index:300;}
			div.nav-mobile {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap:5px; width:100%; height:40px; margin:0; align-items:center;}
				span.nav-mobile{height:38px; width:38px; margin:0; border:1px solid rgba(230,230,250,0.75); border-radius:5px; background:rgba(255,255,255,0.1); }
				input.nav-toggle{display:none;}
				label.nav-mobile{height:38px; width:38px; border:1px solid rgba(230,230,250,0.75); border-radius:5px; background:rgba(255,255,255,0.1); }
				
				.nav-toggle:checked~div.menu-mobile {transform: scale(1,1);}
					.nav-toggle:checked~div.menu-mobile a {opacity:1; transition: opacity 250ms ease-in-out 250ms;}
					div.menu-mobile {display:flex; flex-direction: column;  z-index:100; margin:0 0 0 15px; background:rgba(255,255,255,1); padding:0; width:100%; transform: scale(1,0);  transform-origin:top; transition:transform 400ms ease-in-out;}
						
						a.menu-mobile{border: 1px solid var(--Dark_Blue);text-align:center; opacity: 0; transition: opacity 100ms ease-in-out;}
						span.menu-mobile {padding:0; line-height:3.5rem; font-size:1.5rem; font-weight:bold; color:var(--Dark_Blue); width:50px; height:50px;}
						a.menu-mobile_active{display:none;}
						:is(.menu-mobile, .menu-mobile:hover, .menu-mobile:visited) a{text-decoration:none; color:var(--Dark_Blue); margin:0; padding:0; width:100%;}
						
						
		div.defisc_mobile{display:block; position:relative;}
			div.defisc_mobile_txt{position: absolute; top: -45px; left:10; z-index:20; width:calc(50% - 20px); }
			div.defisc_mobile_txt > * {font-weight:bold; text-align:center; color: rgba(235,235,0,1); animation-name: defisc_mobile_text_pulse;  animation-duration: 15s; animation-iteration-count: infinite; text-shadow: 0 0 3px rgba(0,0,0,0.8);}
				div.defisc_mobile_txt p.defisc_big{font-size: 1.8rem; line-height:1.8rem; }
				div.defisc_mobile_txt p.defisc_medium{font-size: 1.2rem; line-height:1.4rem; }
				div.defisc_mobile_txt p.defisc_small{ font-size: 1.0rem; line-height:1.2rem; }	
					@keyframes defisc_mobile_text_pulse { 0% {color:rgba(235,235,0,0); text-shadow: none;} 15% {color:rgba(235,235,0,0); text-shadow: none;}  25% {color:rgba(235,235,0,1); text-shadow: 0 0 2px rgba(0,0,0,1);} 75% {color:rgba(235,235,0,1);text-shadow: 0 0 2px rgba(0,0,0,1);} 85% {color:rgba(235,235,0,0);text-shadow: none;} 100% {color:rgba(235,235,0,0);text-shadow: none;}}
			

		div.Square_A03_defisc, div.Square_A03_defisc_txt, div.menu{display:none;}
		
		h1.content_page_title {display:block; position: relative; font-size:2.2rem; line-height:2.2rem; color:var(--Clear_Blue); text-align:center; left:0; top:0; width:100%; top:-10px;}
		h1.header_page_title {display:none;}
		
		}


/*Impression________________________________*/
@media print {
body {  background:rgba(255,255,255,1); }
div.page{ margin: -12px 0 0 0 ; }
	div.content{margin:0; width:100%; width:985px;}
		div.header{width:100%; max-width:985px;position:relative; }
		div.title_logo{transform:scale(clamp(0,var(--scalevar),1));  transform-origin: top left; height: calc(150px * clamp(0,var(--scalevar),1));}
		div.header_bottom{transform:scale(clamp(0,var(--scalevar),1));  transform-origin: top left; margin:0; height: calc(600px * clamp(0,var(--scalevar),1)); }

		div.wrapper-mobile {display:none !important;}
		div.menu{display:none !important;}
		
	h1.page_title {position: relative; font-size:2.2rem; line-height:2.2rem; color:var(--Clear_Blue); text-align:center; left:0; top:0; width:100%;}
	div.support{display:none;}
}



/*HEADER_______________________*/

div.Square_A01{width:250px; height:250px; transform:rotate(-45deg); background:rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:180px; left:-105px; z-index:200;}
div.Square_A01_img{width:250px; height:250px; transform:rotate(-45deg); background: no-repeat url("img/header/header01.jpg"); background-size: 250px 250px; border: var(--BorderColorWhite); border-radius:20px; position:absolute; top:180px; left:-105px; z-index:205;}
div.Square_A01_shadows{width:250px; height:250px; transform:rotate(-45deg); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:180px; left:-105px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:195;}

div.Square_A02{width:250px; height:250px; transform:rotate(45deg); background:rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:125px; left:215px;  z-index:200;}
div.Square_A02_img{width:250px; height:250px; transform:rotate(45deg); background: no-repeat url("img/header/header02.jpg"); background-size: 250px 250px; border: var(--BorderColorWhite); border-radius:20px; position:absolute; top:125px; left:215px;  z-index:205;}
div.Square_A02_shadows{width:250px; height:250px; transform:rotate(45deg); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:125px; left:215px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:195;}

div.Square_A03{width:250px; height:250px; transform:rotate(45deg); background:rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:210px; left:600px; z-index:200;}
div.Square_A03_img{width:250px; height:250px; transform:rotate(-45deg); background: no-repeat url("img/header/header04.jpg"); background-size: 250px 250px; border: var(--BorderColorWhite); border-radius:20px; position:absolute; top:210px; left:600px; z-index:205;}
div.Square_A03_shadows{width:250px; height:250px; transform:rotate(45deg); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:210px; left:600px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:195;}
div.Square_A03_defisc{width:250px; height:250px; transform:rotate(45deg); background-color:var(--Dark_Blue_0); border: var(--BorderColorWhite); border-radius:20px; position:absolute; top:210px; left:600px; z-index:206; animation-name: defisc_background_pulse;  animation-duration: 15s;animation-iteration-count: infinite;}
			@keyframes defisc_background_pulse { 0% {background-color:var(--Dark_Blue_0);} 15% {background-color:var(--Dark_Blue_0);} 25% {background-color: var(--Dark_Blue_85);} 75% {background-color: var(--Dark_Blue_85);} 85% {background-color:var(--Dark_Blue_0);} 100% {  background-color: var(--Dark_Blue_0);}}
div.Square_A03_defisc_txt{width:250px; height:250px; position:absolute; top:295px; left:610px; z-index:207;}
	div.Square_A03_defisc_txt > * {font-weight:bold; text-align:center;color: rgba(235,235,0,1); animation-name: defisc_text_pulse;  animation-duration: 15s; animation-iteration-count: infinite;}
		div.Square_A03_defisc_txt p.defisc_big{ font-size: 3rem; line-height: 3.5rem;}
		div.Square_A03_defisc_txt p.defisc_medium{ font-size: 2.3rem; line-height: 2.4rem;}
		div.Square_A03_defisc_txt p.defisc_small{font-size: 1.7rem; line-height: 1.7rem; }
			@keyframes defisc_text_pulse { 0% {color:rgba(235,235,0,0);} 15% {color:rgba(235,235,0,0);}  25% {color:rgba(235,235,0,1);} 75% {color:rgba(235,235,0,1);} 85% {color:rgba(235,235,0,0);} 100% {color:rgba(235,235,0,0);}}

div.Square_B01{width:170px; height:170px; transform:rotate(45deg); background:rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:80px; left:490px; z-index:200;}
div.Square_B01_img{width:170px; height:170px; transform:rotate(45deg); background: no-repeat url("img/header/header03.jpg"); background-size: 170px 170px; border: var(--BorderColorWhite); border-radius:20px; position:absolute; top:80px; left:490px; z-index:205;}
div.Square_B01_shadows{width:170px; height:170px; transform:rotate(45deg); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:80px; left:490px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:195;}

div.Square_C01{width:110px; height:110px; transform:rotate(45deg); background: rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:150px; left:815px; z-index:200;}
div.Square_C01_img{width:100%; height:100%; background:rgba(200,200,200,1); border-radius:5px; z-index:190;}

div.Square_C02{width:110px; height:110px; transform:rotate(45deg); background: rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:420px; left:805px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:200; }
div.Square_C02_img{width:100%; height:100%; background:rgba(200,200,200,1);  border-radius:5px; z-index:205;}

div.Square_D01{width:85px; height:85px; transform:rotate(45deg); background: rgb(255,255,255); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusB); position:absolute; top:435px; left:62px; z-index:200;}
div.Square_D01_img{width:100%; height:100%; background:rgba(200,200,200,1);  border-radius:5px; z-index:205;}
div.Square_D01_shadows{width:85px; height:85px; transform:rotate(45deg); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusB); position:absolute; top:435px; left:62px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:195;}

div.Square_E01{width:105px; height:105px; transform:rotate(45deg); background:var(--Clear_Blue); border-radius:var(--BorderRadiusB); position:absolute; top:270px; left:172px; z-index:210;}
div.Square_E02{width:90px; height:90px; transform:rotate(45deg); background:var(--Clear_Blue); border-radius:var(--BorderRadiusB); position:absolute; top:355px; left:835px; z-index:210;}
div.Square_E03{width:55px; height:55px; transform:rotate(45deg); background:var(--Clear_Blue); border-radius:var(--BorderRadiusC); position:absolute; top:440px; left:640px; z-index:210;}
div.Square_E04{width:35px; height:35px; transform:rotate(45deg); background:var(--Clear_Blue); border-radius:var(--BorderRadiusC); position:absolute; top:105px; left:435px; z-index:210;}
div.Square_E05{width:30px; height:30px; transform:rotate(45deg); background:var(--Clear_Blue); border-radius:var(--BorderRadiusC); position:absolute; top:550px; left:780px; z-index:210;}
div.Square_F01{width:110px; height:110px; transform:rotate(-45deg); background: no-repeat url("img/header/qrcode_tel.png"); background-size: 110px 110px; border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:260px; left:390px; z-index:215;}
div.Square_F01_shadows{width:110px; height:110px; transform:rotate(45deg); border: var(--BorderColorWhite); border-radius:var(--BorderRadiusA); position:absolute; top:260px; left:390px; box-shadow: 0 0 30px rgba(0,0,0,0.5); z-index:195;}
div.Square_F02{width:78px; height:78px; transform:rotate(45deg); background:rgba(235,235,235,1); border-radius:var(--BorderRadiusC); position:absolute; top:375px; left:550px; z-index:196;}
div.Square_F03{width:130px; height:130px; transform:rotate(45deg); background:rgba(235,235,235,1); border-radius:var(--BorderRadiusB); position:absolute; top:430px; left:660px; z-index:196;}
div.Square_G01{width:45px; height:45px; transform:rotate(45deg); border: var(--BorderColorClearBlue); border-radius:var(--BorderRadiusC); position:absolute; top:60px; left:700px; z-index:200;}
div.Square_H01{width:150px; height:150px; transform:rotate(45deg); border: var(--BorderColorWhiteTransp); border-radius:var(--BorderRadiusA); position:absolute; top:105px; left:55px; z-index:199;}
div.Square_H02{width:150px; height:150px; transform:rotate(45deg); border: var(--BorderColorWhiteTransp); border-radius:var(--BorderRadiusA); position:absolute; top:40px; left:800px; z-index:200;}

div.Square_I01{width:800px; height:800px; transform:rotate(-45deg);  background:var(--Dark_Blue); position:absolute; top:-320px; left:630px; z-index:190;}
div.Square_I02{width:500px; height:1000px; transform:rotate(45deg); background:var(--Dark_Blue); position:absolute; top:-510px; left:50px; z-index:190;}
div.Square_I03{width:50px; height:50px; transform:rotate(45deg); background:var(--Dark_Blue); position:absolute; top:465px; left:-25px; z-index:190;}



/*Contenu______________________________________*/

div.contenu {width:100%; max-width:985px;  margin:0; min-height:450px; padding:0 0 10px 0; position:relative;}

h1 {font-size:2rem; color:var(--Dark_Blue); line-height:2.5rem; text-align:center;  margin:0 0 15px 0; text-shadow: 1px 1px 2px rgba(100,100,100,0.5);}
h2 {font-size:2rem; color:var(--Dark_Blue); line-height:2.5rem; text-align:center;  margin:0 0 15px 0;}
h2.old{ color:var(--Dark_Blue); text-decoration:none; list-style-type:none; text-align:left; padding:0; font-size:1.6rem; line-height:2.5rem; font-weight:bold;  margin:0 0 7px 0; vertical-align:center;}

h2 a{ text-decoration:none;}
h2 a:hover{ text-decoration:underline; color:#000000;}
h3 {font-size:1.6rem; line-height:2.4rem; text-align:center; margin:10px 20px 10px 20px; text-decoration:none; list-style-type:none; padding-left:25px;  line-height:auto; font-weight:bold; color:rgba(30,30,30,1);  margin:10px 0 10px 0; /*text-shadow: 2px 2px 2px rgb(255,255,255), -2px -2px 2px rgb(255,255,255), -2px 2px 2px rgb(255,255,255), 2px -2px 2px rgb(255,255,255);*/}
h6 {text-decoration:none; font-size:1rem; color:var(--Dark_Blue); line-height:14px; text-align:left; list-style-type:none; margin:10px auto 0 0; border-bottom: 1px solid var(--Dark_Blue);  padding:0 3px 4px 3px; display:inline-block; text-shadow: 1px 1px 2px rgb(100,100,100)}
p { font-size:1.4rem; line-height:1.8rem; text-align:left; margin:0; color:rgb(45,45,45);}

.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.justify {text-align:justify;}
.mini { font-size:1rem; line-height:1.1rem;}
.center {text-align:center; }
.ts {text-shadow: 0 0 1px rgba(0,0,0,0.875);}
.ts2 {text-shadow: 0 0 2px rgba(0,0,0,0.875);}
.white {color:rgb(255,255,255);}

.list{padding:0; margin-bottom:2px;}

.very_dark_grey{color:rgba(45,45,45,1);}
.dark_grey{color:rgba(60,60,60,0.9);}
.clear_grey{color:rgba(60,60,60,0.5);}
.dark_blue{color:var(--Dark_Blue);}
.clear_blue{color:var(--Clear_Blue); }
.clear_blue_txt{color:rgb(118,170,209); }

p.intro{margin:5px 0 0 0;}


a {color:rgb(0,0,0); text-decoration:none;}
a:visited {color:rgb(0,0,0);}
a img {text-decoration:none; color:rgb(255,255,255); border: 0;}
img {text-align:center; margin:5px; border:0;}


.bgcolor_clear_blue{border-top: 3px solid var(--Clear_Blue);}
.bgcolor_clear_grey{border-top: 3px solid rgba(60,60,60, 0.3);}
.bgcolor_dark_grey{border-top: 3px solid rgba(60,60,60, 0.9);}
.bgcolor_dark_blue{border-top: 3px solid var(--Dark_Blue);}

img.illustration {float:left; width:16px; height:16px; padding:0; margin:5px;} /* icones*/




/*Les Pages
=================================================================================================================================================*/

/*Accueil__________________________________________*/

div.columns {display:flex; flex-direction: row; gap:15px; margin: 0 30px 0 30px;}
div.columns_margin {display:flex; flex-direction: row; gap:15px; margin: 30px 0 0 0;}
div.col{width:100%; }
div.col-intro {width:82%; margin: 0; padding: 0;}
div.col-coord{width: 18%; margin: 0; padding: 5px; position: relative; clip-path: inset(-70px -30px -50px 0);}


div.coord_1{background: var(--Dark_Blue); border-radius: 4px; transform:rotate(45deg); height:170px; width:170px; position:absolute; top:-40px; left:35px; border-radius:13px;}
div.coord_2{ position:relative; left: 25px; top:-10px;}
h4.coord { font-size:1.4rem; line-height:14px; text-align:center; margin:0 0px 5px 0; padding:0; } 
p.coord {margin: 5px 0 0 0; text-align:center;}



div.categorie_1{text-align:center;}
h2.categorie_1 {font-size:1.8rem; text-align:center; padding-bottom:15px;}

div.categorie_2{display:flex; flex-direction: row; margin:10x 0 10px 20px; gap:10px; padding: 3px 10px 0 10px; border:1px solid rgba(60,60,60,0); }
div.categorie_2:hover{border:1px solid rgba(60,60,60,0.3); box-shadow: 0 0 3px 3px rgba(60,60,60,0.2);}
h3.categorie_2 {font-size:1.4rem; text-align:left; text-decoration:none; list-style-type:none; font-weight:bold; margin:0; text-shadow:none; vertical-align:center; line-height:30px; padding:0 0 3px 0 ;  }


/*Services*/
div.columns_services{display:flex; flex-direction: row; gap:50px; margin: 20px 30px; flex-wrap:wrap;}
div.col_services{ padding:10px 0; width:100%; flex:1; flex-basis:25%;}
h3.services{font-size:1.4rem; color:var(--Clear_Blue_txt); font-weight:bold; text-align:justify; vertical-align:center; line-height:1.8rem; margin:0; padding:5px 0;}
div.categories_3 {margin: 15x 0; padding:0;}
p.services{margin:7px 0 7px 0; padding:0; line-height:}
p.services::before { font-family: "Material Icons Outlined"; content: "\e834"; margin: 0 5px 0 0; padding:0; color:var(--Clear_Blue_txt); font-size:1.8rem; line-height:1.8rem; vertical-align: bottom;}



@media(max-width :984px){
div.columns_services{display:flex; flex-direction: row; gap:50px; margin: 20px 30px; flex-wrap:wrap;}
div.col_services{ padding:10px 0; width:100%; flex:1; flex-basis:40%;}
div.col-coord {display:none;}

div.col-intro {width:100%; margin: 0; padding: 0;}
}
@media(max-width :780px){
div.columns {display:block; margin: 0 20px;}
div.col{margin:20px 0 0 0;}

div.columns_services{display:block; margin: 20px 20px;}

div.col-coord {display:none;}

div.col-intro {width:100%; margin: 0; padding: 0;}

}



/*Tarifs*/

div.columns_tarifs {display:flex; flex-direction: row; gap:15px; margin: 0 auto 0 auto; max-width:750px;}

h2.tarifs {font-size:2.3rem; line-height:2.5rem; text-align:center;  margin:30px 0 15px 0; width:100%;/*text-shadow: 1px 1px 2px rgba(100,100,100,0.5);*/}


table.tarifs {font-size:1.2rem; color: rgba(60,60,60,0.9); font-weight:bold; margin:10px auto 10px auto; border-spacing:0px; max-width:750px; border-collapse:collapse; border: 1px solid #000000; background:rgb(255,255,255);}
table.tarifs th.section{font-size:1.5rem;  border: 1px solid rgba(200,200,200,0.7); padding:5px; font-weight:bold; width:33%;}
table.tarifs th{  border: 1px solid rgba(200,200,200,0.7); padding:5px; font-weight:bold; width:33%;}
table.tarifs td{font-size:1.3rem; border: 1px solid rgba(200,200,200,0.6); padding:5px; width:33%; text-align:center; }
table.tarifs td.normal{font-size:1.2rem; border: 1px solid rgba(200,200,200,0.6); padding:5px; width:33%; text-align:center; font-weight:normal;}
span.tarifs_small {font-size:1rem; color:rgba(60,60,60,0.8); font-weight:normal;}
span.prix_barre {text-decoration: line-through; font-weight:normal; font-size:0.9rem;}

p.tarifs_asterisk {font-size:1rem; color:rgba(60,60,60,0.8); font-weight:normal; text-align:center;}

div.col_tarifs_img{border-radius:10px; margin:5px 0 0 0;}
div.col_tarifs_img img {border-radius:10px; width:180px;}
div.col_tarifs_empty {min-width:190px;}


h3.tarifs_defisc{font-size:1.6rem; text-align:justify; line-height:1.6rem; margin:10px 0 0 0; padding:0;}
div.tarifs_defisc{margin: 0 0 0 25px;}
div.tarifs_defisc p {font-size:1.4rem; text-align:justify; line-height:1.4rem; margin:10px 0 0 0; padding:0;}
div.tarifs_defisc p::before { font-family: "Material Icons Outlined"; content: "\e834"; margin: 0 5px 0 0; padding:5px 0 0 0; color:var(--Clear_Blue); font-size:1.8rem; line-height:1.8rem; vertical-align: bottom; font-weight:normal;}
img.paiements{width:40%; text-align:center; margin:40px auto 0 30%;}


@media(max-width :984px){
div.columns_tarifs {display:flex; flex-direction: row; gap:15px; margin: 0 auto 0 auto; padding: 0 30px; width:auto; max-width:750px;}
div.col_tarifs_empty, div.col_tarifs_img{display:none;}
h3.tarifs_defisc{font-size:1.4rem; text-align:justify; line-height:1.6rem; margin:10px 0 0 0; padding:0;}
p.tarifs_defisc {font-size:1.2rem; text-align:justify; line-height:1.4rem; margin:10px 0 0 0; padding:0;}

}


@media(max-width :750px){
	div.columns_tarifs {display:block; margin: 0 auto; width:auto;}
	img.paiements{width:70%; text-align:center; margin:5vw auto 0 15vw;}
	}

@media print {
	div.col_tarifs_empty, div.col_tarifs_img{display:none;}

}



/*Zone Intervention*/

div.col-intervention01{ width: 75%; margin: 10px 0 0 0;}
div.col-intervention02 {width: 25%; margin: 10px 0 0 0;}
.intervention{width:100%; height:585px; border:0;  margin:0; overflow:none;}
div.columns_maplist {display:block; margin:10px 0;}
div.col_maplist {margin: 0; padding:0;}
div.col_maplist p {text-align:left; margin:0; padding:0; line-height:1.6rem; font-size:1.3rem;}
div.col_maplist a {text-align:left; color:rgb(45,45,45);}

input.mail {width:100%; height:30px; background: rgba(255,255,255,1); border:1px solid rgba(60,60,60,0.3); border-radius:2px; margin:3px 0 0 0; padding:2px; font-size:1.3rem;}
textarea.mail{width:100%; height:193px; font-size:1.3rem; background: rgba(255,255,255,1); border:1px solid rgba(60,60,60,0.3); border-radius:2px; margin:3px 0 0 0; padding:2px; overflow:hidden;}
textarea.adresse{width:100%; height:58px; font-size:1.3rem; background: rgba(255,255,255,1); border:1px solid rgba(60,60,60,0.3); border-radius:2px; margin:3px 0 0 0; padding:2px; overflow:hidden;}
input[placeholder] {font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:1.3rem;}
textarea[placeholder] {font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:1.3rem;}
input.button { border:0; width:100%; height:40px; cursor:pointer; line-height:2rem; font-size:1.4rem; border: 1px solid rgb(80,80,80); margin:3px 0 0 0;  padding:2px; color:rgba(255,255,255,1);  background: var(--Dark_Blue); font-weight:bold;}
input.button:hover { background: rgba(6,46,103,0.7);}
div.g-recaptcha{margin:0 auto 10px auto !important;}

@media(max-width :984px){
div.col-intervention01{width: 96%; margin: 10px 2% 0 2%;}
div.col-intervention02{width: 96%; margin: 10px 2% 0 2%;}
.intervention{width:100%; height:75vw; border:0;  margin:0; overflow:none;}
div.columns_maplist {display:flex; flex-direction:row;}
div.col_maplist {margin: 0; padding:0; width:100%;}
div.col_maplist p {font-weight: normal; text-align:left; list-style-type:none; padding-left:20px; }
div.col_maplist a  {text-align:left; list-style-type:none; padding:0; font-size:1.2rem; color:rgb(45,45,45);}
}


/*Contacts*/
div.columns_mail {display:flex; flex-direction: row; gap:15px; margin: 0;}
div.col-contact01{width: 72%; }
div.col-contact02{width: 28%; }
div.col-contact{width:100%; margin: 20px 0 0 0; border:1px solid rgba(150,150,150,0.4);  background: rgba(250,250,250,0.9);}

div.captcha_custom1{max-height:58px; background:#f9f9f9; border:1px solid rgba(60,60,60,0.3); border-radius:2px; overflow:hidden; margin:0;}
div.captcha_custom2{max-height:58px; width:215px; margin: -17px 0 0 -2px; overflow:hidden;}

.gmap{width:100%; height: 400px; overflow:none; border:0;}
h2.contact{font-size:2rem; color:var(--Dark_Blue); line-height:2.5rem; text-align:center;  margin:30px 0 15px 0;}
h3.contact{text-decoration:none; list-style-type:none; text-align:left; padding:0; font-size:1.6rem; line-height:2.5rem; font-weight:bold;  margin:0 0 7px 0; vertical-align:center;}

h2.mail_error {color:red; font-size: 1.8em; line-height:1.8em; margin: 10px 0 0 0; padding:0;}
p.mail_error {text-align:center; color:red; margin: 0 0 10px 0; padding:0;}
.mail_sent {color:green;}

@media(max-width :984px){
div.columns_mail {display:block; margin:0;}
}

@media(max-width :780px){
div.col-contact01, div.col-contact02, div.col-contact{width: 96%; margin: 0 2% 0 2%;}
.gmap{width:100%; height: 60vw; overflow:none; border:0; margin-bottom:20px;}
}


/*teleassistance__________________________________________________________*/
div.columns_assist {display:flex; flex-direction:row; gap:15px; margin: 0; justify-content: center; padding:40px 0 0 0;}
button.teleassistance{width:auto;  height:35px; margin:0 auto; font-weight:bold;  vertical-align:center;  padding:0 10px; 	box-shadow: 0px 5px 7px -4px rgb(138,190,229); background:rgba(42,53,75,1); border-radius:5px; border:1px solid rgb(138,190,229); display:inline-block; cursor:pointer; color:#ffffff; text-decoration:none;}
button.teleassistance:hover{background:rgba(42,53,75,0.9);}
span.teleassistance{font-size:1.4rem; margin:0 10px; line-height:25px; font-size:1.4rem; text-align:left;}
img.teleassistance{width:40%;}


/*Icons*/
span.icons20{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:20px; line-height:20px; vertical-align: bottom; margin:0 5px 0 0;}
span.icons20_middle{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:20px; line-height:20px; vertical-align: middle; margin:0 5px 0 0;}
span.icons20_top{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:20px; line-height:20px; vertical-align: top; margin:0 5px 0 0;}
span.icons24{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:24px; line-height:24px; vertical-align: bottom;}
span.icons26{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:26px; line-height:26px; vertical-align: bottom;}
span.icons30{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:30px; line-height:30px; vertical-align: bottom; margin-top:7px;}
span.icons36{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:36px; line-height:36px; vertical-align: bottom;}
span.icons42{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:42px; line-height:42px; vertical-align: bottom;}
span.icons48{ font-family: "Material Icons"; margin: 0; padding:0;  font-size:48px; line-height:48px; vertical-align: bottom;}