/*##entete, #formulaire, #iframe, #pied {
padding:0px 0;
}*/
html {
  height: 100%;
  width: 100%;
  margin: 0;
}
body {
  width: 100vw;
  margin: 0;
}

@font-face{
	font-family: 'MuseoSansCyrl-500';
	src: url('../FONTS/MuseoSansCyrl-500.woff') format('woff'),
	url('../FONTS/MuseoSansCyrl-500.woff2') format('woff2');
	
}


#formulaire  {
float:left;
/*width:500px;*/
margin:0;
font-size: 18px;
width:100%; 
overflow: auto; 
margin-top:250px;
 
}

#iframe1 {
position: absolute;
    top: 150px;
    left: 910px;
    right: 0px;
    bottom: 50px;
}
#ifram1p{
	border: 2px solid #2196F3;
}
 #iframe2{
	position: absolute;
	/*position: relative;*/
    top: 650px;
    left:906px;
/*    right: 0px;
    bottom: 100px;*/
	z-index: 1;
 }
 #iframe21{
	 /*div input voisin*/
	position: absolute;
    top:390px;
    left: 620px;
    right: 0px;
    /*bottom: 100px;*/
	display:none;
 }

#iframe3 {
margin-left:800px;
background-color:#9966FF;
}
#pied {
background-color:#87CEEB80;
text-align:left;
clear:both;
}

.champ3{
height:22px;
font-size: 13px;
 border: 0;
 /*background-color:#87CEEB80 ;*/
  margin-left:0px;
  /*margin-left:auto+70px;*/
   border-bottom : 1px solid blue;
}
.champ2{
	 
height:18px;
font-size: 13px;
border: 0;
/*background-color:#87CEEB80 ;*/
margin-left:267px;
border-bottom : 1px solid blue;
}
.champ21{
	 
/*height:8px;
font-size: 13px;*/
width: 65px;
border: 0;
/*background-color:#87CEEB80 ;
margin-left:168px;*/
border-bottom : 1px solid blue;
}
.champ211{
	 
/*height:8px;
font-size: 13px;*/
top:570px;
width: 65px;
border: 0;
/*background-color:#87CEEB80 ;*/
margin-left:650px;
border-bottom : 1px solid blue;
}
.champ212{
	 
/*height:8px;
font-size: 13px;*/
top:7px;
width: 65px;
border: 0;
/*background-color:#87CEEB80 ;*/
margin-left:650px;
border-bottom : 1px solid blue;
}

.champ214{
	 
/*height:8px;
font-size: 13px;*/

height:22px;
font-size: 16px;
border: 0;
margin-left:1px;
border-bottom : 1px solid blue;
}
.champ215{
font-size: 13px;*/
top:170px;
height:22px;
font-size: 16px;
border: 0;
margin-left:300px;
border-bottom : 1px solid blue;
}
.champ216{
	 
/*height:8px;
font-size: 13px;*/
top:170px;
height:22px;
font-size: 16px;
border: 0;
margin-left:42px;/*97*/
border-bottom : 1px solid blue;
}
.champ217{
	 
/*height:8px;
font-size: 13px;*/
width:350px;
height:22px;
font-size: 16px;
border: 0;
margin-left:145px;
border-bottom : 1px solid blue;
}
.champ99{
	 
/*height:8px;
font-size: 13px;*/
width: 380px;
border: 0;
/*background-color:#87CEEB80 ;
margin-left:168px;*/
border-bottom : 1px solid blue;
}
.areat{
	font-family: "Helvetica Neue", Helvetica; 
	 background-color: #FFEBCD;
	 border-width:2px;
border-color : red ;
border-style:inset;
	font-size: 20px;
}

#divf{
	/* margin-left:3px;*/
	 /*margin-left:auto;*/
	 display:block;
	  position: absolute;
      top: 120px;
 }
#divf2{
	 position: absolute;
    top: 1100px;
    left: 300px;
    width:100%;
   
 }
.btn_reset{
    border:none; 
	width: 100px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #0000FF;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}
}
.btn_reset:hover {  
	cursor:pointer;
}
	.btn_resetvert{
    border:none; 
	width: 350px; 
    height:25px; 
	color: 	#FFFFFF; 
	background: green;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}
}
 .btn_resetvert:hover {  
	background-color: #008CBA;
	color: white; 
	
	}
 
 
.bouton_perso{
background:url('chemin/vers/ton/image.jpg');
 background: #2196F3;
 background-image: -webkit-linear-gradient(top, #2079b0, #eb94d0);  
	 background-image: -moz-linear-gradient(top, #2079b0, #eb94d0);  
	 background-image: -ms-linear-gradient(top, #2079b0, #eb94d0);  
	 background-image: -o-linear-gradient(top, #2079b0, #eb94d0);  
	 background-image: linear-gradient(to bottom, #2079b0, #eb94d0);
}
/***************************POPUP************************************/
.btnPopup{
 background-color:#87CEEB;
 padding: 1em 2em;
 font-size:10pt;
 color:#F0FFFF;
}
.btnPopup:hover{
background-color: blue;

}
.overl{
 position:absolute;
 left:800px;
 top:100px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
width:50%;
height:30%;
display:none;
}


.popupx{
	position:absolute;
	margin-left:130px;
	top:0px;
	left:0px;
	width: 60%;
    height: 60%;
	
background-color:#DCDCDC;
border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
padding:1em;
border-style:inset;

/*display: inline;*/
}

.btnclose{
float:right;
cursor:pointer;

}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
}
.aide{
	position:absolute;
 left:580px;
 top:150px;
	
  font-size:12pt;
 color:blue;
 
}
.aide:hover{
cursor: pointer;

}
.text1{
	text-align : left;
}
.overl2{
 position:absolute;
 left:580px;
 top:300px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
width:30%;
height:15%;
display:none;
}
.popup2{
margin:20% auto;
width:50%;
/*background-color: rgb(228,228,228);*/
/*background-color: white;*/
/*background-color:red;*/
background-color:white;
border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
/*padding:1em;*/
padding:5px;

border-width:3px;
border-color : red ;
border-style:inset;

}
.text2{
	text-align : left;
	font-size: 35px;
	color : black /*color : white;*/
	font-weight:bold;
}
.grid-container2 {
  display: grid;
  /*grid-template-columns: auto auto;*/
  grid-gap: 2px;
  /*background-color: #2196F3;*/
  background-color: white;
  padding: 2px;
}

.grid-container2 > div {
 /* background-color: rgba(255, 255, 255, 0.8);*/
 /*background-color: red;*/
 background-color: white;
  text-align: left;
  padding: 5px 0;
  font-size: 15px;
}
.btn_valid{
    border:none; 
	width: 50px; 
    height:25px; 
	color: 	#FFFFFF; 
	background: #0000FF;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 13px;
	}
}
 .btn_valid:hover {  
	background-color: #008CBA;
	color: white; 
	}
 .grid-container1 {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px;
}

.grid-container1 > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 10px 0;
  font-size: 15px;
}
.overl3{
 position:absolute;
 left:180px;
 top:10px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
width:50%;
height:30%;
display:none;
}
.text3{
	text-align : left;
	font-size: 35px;
	color : black /*color : white;*/
	font-weight:bold;
}
.popup3{
margin:20% auto;
width:50%;
/*background-color: rgb(228,228,228);*/
/*background-color: white;*/
/*background-color:red;*/
background-color:white;
border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
/*padding:1em;*/
padding:5px;

border-width:3px;
border-color : red ;
border-style:inset;

}
.particulier {
position:absolute;
top:530px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
width:300px;
 margin-left:30px;
 display:none;
}


.collect {
position:absolute;
top:450px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
/*width:50%;*/
 margin-left:30px;
 display:none;
}



.prof {
position:absolute;
top:450px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
/*width:50%;*/
 margin-left:30px;
 display:none;
}
.admin {
position:absolute;
top:450px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
/*width:50%;*/
 margin-left:30px;
 display:none;
}
.collect2 {
 position:absolute;
 left:180px;
 top:100px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
width:50%;
      
	  display:none;
}


.lib22{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : blue;
 font-size:22px;
	
}
.lib_droite{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 margin-left:1px;
 color : blue;
 font-size:22px;
 left:1px;
	
}
.lib23{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : black;
 font-size:23px;
	
}
.lib18{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : black;
 font-size:16px;
	
}
.lib24{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : black;
 font-size:24px;
	
}
.lib231{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : red;
 font-size:22px;
	
}
.lib232z{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : red;
 font-size:18px;
	
}
.libred_22{
 /*position:absolute;
 left:50px;
 width : 300px;*/
 left:10px;
 color : red;
 font-size:22px;
	
}
.lib2{
 position:absolute;
 left:180px;
 width : 220px;
 color : grey;
 font-size:18px;
	
}
.grid-cont {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
}
.sel{
 font-size:18px;	
 height:20px;
 border: 0;
 background-color:#87CEEB80 ;
 
	text-align:center;
}

 
 #COLL_LOCAL{
 width: 50px;
 border: 0;
 /*background-color:#87CEEB80 ;*/
 border-bottom : 1px solid blue;
 }
 #COLL_LOCAL_ACC{
 width: 50px;
 border: 0;
 /*background-color:#87CEEB80 ;*/
 border-bottom : 1px solid blue;
 }
 .TAB1AX {
  border-spacing: 0;
}
.lig_espA{
border-collapse : separate;
 border-spacing : 0.5px;	
}
divf.scroll { 
                margin:4px, 4px; 
                padding:4px; 
                background-color: green; 
                width: 500px; 
                height: 110px; 
                overflow-x: hidden; 
                overflow-y: auto; 
                text-align:justify; 
            } 

divf2.scroll { 
                margin:4px, 4px; 
                padding:4px; 
                background-color: green; 
                width: 500px; 
                height: 110px; 
                overflow-x: hidden; 
                overflow-y: auto; 
                text-align:justify; 
            } 
			
.status{
	height:25px;
 width: 600px;
 border: 0;
 border-bottom : 1px solid blue;
	
}		
.voi {
position:absolute;
top:0px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
width:300px;
 /*margin-left:650px;*/
 display:none;
}
.grid-containerAA {
	/*top:400px;*/
  display: grid;
  /*grid-template-columns: auto auto auto auto auto auto;*/
  grid-template-columns: 80px 80px 80px 80px 80px 80px;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px;
  width:490px;
  height:200px;
  margin-left:1px;
}

.grid-containerAA > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
}

.champlect{
height:23px;
font-size: 18px;
 border: 0;
 /*font-family:verdana, sans-serif;*/
 font-family: "Helvetica Neue", Helvetica; 
 /*background-color:#87CEEB80 ;*/
    margin-left:350px;
  /*border-bottom : 1px solid #ADD8E6;*/
  /*border-bottom : 1px solid blue;*/
  /*border-bottom : 5px;
  border-color:#87CEEB80 ;*/
}	

 
.lib_com{

 position:absolute;
 left:10px;
 width : 350px; /*290*/
 color : blue;
 font-size:19px;
 text-align:left;
}
.lib_carte{
 position:absolute;
 left:1px;
 width : 400px; /*290*/
 color : blue;
 /*font-size:19px;*/
 text-align:center;
margin-left:110px;
	
}
.LIBSIRET{
 position:absolute;
 left:1px;
 margin-left:80px;
 width : 250px; 
 color : darkgreen;
 font-size:19px;
 text-align:right;
	
}
.LIBCOULEUR{
 position:absolute;
 left:1px;
 margin-left:100px;
 width : 700px; 
 color : blue;
 font-size:19px;
 text-align:right;
	
}
.LIBCOULEURR{
 position:absolute;
 left:1px;
 margin-left:100px;
 width : 700px; 
 color : RED;
 font-size:22px;
 text-align:right;
	
}
.libred{
 position:absolute;
 left:1px;
 width : 290px;
 color : red;
 font-size:19px;
 text-align:right;
	
}
.libs{
 position:absolute;
 left:0px;
 width : 290px;
 color : blue;
 font-size:16px;
 text-align:right;
	
}
.libr{
 /*position:absolute;
 left:1px;
 width : 290px;*/
 color : red;
 font-size:28px;
 text-align:right;
 
	
}

.voi {
position:absolute;
top:300px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
/*width:100px;
 margin-left:650px;*/
 display:none;
}
.iframeA2 {
position:absolute;
top:300px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
/*width:100px;
 margin-left:650px;*/
 display:none;
}
.CLASS_VOISIN{
	top:385px;
 position:absolute;
 left:620px;
 width : 270px;
 color : blue;
 font-size:16px;
 text-align:left;
	
}
.CLASS_VOISIN1{
	top:460px;
 position:absolute;
 left:620px;
 width : 270px;
 color : blue;
 font-size:16px;
 text-align:left;
	
}
.CLASS_VOISIN2{
	top:560px;
 position:absolute;
 left:620px;
 width : 270px;
 color : blue;
 font-size:16px;
 text-align:left;
	
}
#PORTAIL1{
	position:absolute;
/*top:700;	*/
/*height:8px;
font-size: 13px;*/
/*top:1870px;*/
width: 65px;
border: 0;
/*background-color:#87CEEB80 ;*/
margin-left:800px;
margin-top:415px;
border-bottom : 1px solid blue;
}	
#VOISIN{
	 position:absolute;
/*height:8px;
font-size: 13px;
top:1870px;*/
width: 65px;
border: 0;
/*background-color:#87CEEB80 ;*/
margin-left:800px;
margin-top:500px;
border-bottom : 1px solid blue;
}	
#VOISIN_NOM{
position:absolute;
height:22px;
font-size: 13px;
border: 0;
width: 300px;
border: 0;
margin-left:800px;
margin-top:395px;
border-bottom : 1px solid blue;
z-index: 1;
}	
.grid-containerAA {
	/*top:400px;*/
  display: grid;
  /*grid-template-columns: auto auto auto auto auto auto;*/
  grid-template-columns: 80px 80px 80px 80px 80px 80px;
  grid-gap: 2px;
  background-color: #2196F3;
  padding: 2px;
  width:490px;
  height:200px;
  margin-left:1px;
}

.grid-containerAA > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
}




.BAC_DIV{
 display:none;
}
.NUM_BAC_DIV{
 display:none;
}
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}
#infos{	font-size:13px;}

.selom{

 font-size:16px
}
#sellog{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:350px;
}
.sellogA1{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:500px;
 /*font-size:16px*/
}
.libac{
 /*left:40px;*/
 margin-left:0px;
 width : 60px;
 color : blue;
 font-size:19px;
 text-align:center;

}

.sellogA2{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:70px;
margin-left:10px;
 /*font-size:16px*/
}
.sellogA3{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:370px;
margin-left:5px;
 /*font-size:16px*/
}
.sellog1{
font-family:verdana, sans-serif;
width:450px;
 font-size:16px
}


#divimb{
	position:absolute;
	top:720px;
	/*margin-left:710px;*/
	width:80%;
	padding-left: 5px;
	padding-right:5px;
 border-width:3px;
 border-style:ridge;
 border-color:RED;
 text-align: center;
z-index:300; 
background-color: white; 
	
}
#divimb2{
	position:absolute;
	top:670px;
	margin-left:710px;
	width:530px;
	
 border-width:3px;
 border-style:ridge;
 border-color:RED;
 text-align: center;	
	
}
#divimb3{
	position:absolute;
	top:670px;
	margin-left:710px;
	width:530px;
	
 border-width:3px;
 border-style:ridge;
 border-color:RED;
 text-align: center;	
	
}
#divprop{
	
}
#divassoc{
	margin-left:200px;
}
.divmb:hover {  
	background-color: #008CBA;
	color: white; 
	
	}


#divrecl{
	margin-left:200px;
	border: 3px solid #00008B;
	background: #ADD8E6;
}

#divinvariant{
	position:absolute;
	top:0%;
	left:0%;

	width:100%;
	height:200%;
	padding-left: 3px;
	padding-right: 3px;
 border-width:3px;
 border-style:ridge;
 
 text-align: center;
z-index:300; 
background-color: white; 
	
}

#divinvariant_sauv{
	position:absolute;
	top:100px;
	margin-left:100px;
	width:600px;
	padding-left: 3px;
	padding-right: 3px;
 border-width:3px;
 border-style:ridge;
 border-color:RED;
 text-align: center;
z-index:300; 
background-color: white; 
	
}

.btn_reset1{
    border:none; 
	width: 150px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #0000FF;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}

 .btn_reset1:hover {  
	background-color: #008CBA;
	color: white; 
	
	}
	.btn_reset3{
    border:none; 
	width: 150px; 
    height:30px; 
	color: 	#FFFFFF; 
	
	/*background: #0000FF;*/
	background: RED;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 12px;
	text-align: center;	
	margin-left: 50px;
	}
}
 .btn_reset3:hover {  
	background-color: #008CBA;
	color: white; 
	
	}
	.video1AAA {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.popup video {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
}
.popupWWW{
/*position:absolute;*/
	position:fixed;
	margin:0;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width: 100%;
    height: 98%;
background-color:#DCDCDC;
/*border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
/*padding:1em;
border-style:inset;
 background-color: white;
  background-position: center;
  background-size: contain;*/
}
.videoA{
	/*height:100%;
	width: 100%;
	background-color:BLACK;*/
	position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    opacity: 0.7;
    background: black;
    
}
#vidvid{
	position:fixed;
	margin:0;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width: 100%;
    height: 100%;
/*background-color:#DCDCDC;*/
background-color:BLACK;
z-index:10;
	
}
#divplan{
	position:absolute;
	margin-left:150px;
	top:780px;
	z-index:8;
}

#ADRMESS{
 position:absolute;
 left:300px;
 top:220px;
/*background-color:rgba(0,0,0,0.5);*/
/*background-color:#87CEEB;*/
/*width:50%;
height:30%;*/
/*display:block;*/
display:none;
 font-size:12pt;
 color:blue;
}
.popupp{
/*margin:20% auto;*/
width:30%;
/*background-color: rgb(228,228,228);*/
/*background-color: white;*/
background-color:#DCDCDC;
border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
padding:1em;
border-style:inset;

}
#sellog{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:350px;
}



.sellog_PARA_2{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:400px;
margin-left:90px;
}

.libred_cl2{
 position:absolute;
 left:300px;
 width : 290px;
 color : red;
 font-size:22px;
 text-align:right;
	
}
.libred_cl3{
 position:absolute;
 left:10px;
 /*width : 500px;*/
 color : red;
 font-size:24px;
 text-align:right;
	
}
.libred_cl2_centre{
 position:absolute;
 left:300px;
 width : 290px;
 color : red;
 font-size:22px;
 text-align:center;
	
}
.libred_cl_long_centre{
 position:absolute;
 left:300px;
 width :550px;
 color : red;
 font-size:22px;
 text-align:center;
	
}

#img_quest{
margin-left:0px;
text-align:left;
	
}

#entete{display:block;float:left;width:100%;height:100px;text-align:center;}
.entete_old{
/*	display:block;*/
	/*float:left;*/
	width:100%;
	height:150px;
	text-align:center;
	
}

.rgpd{
/*	display:block;*/
	/*float:left;*/
	font-size:12px;
	width:90%;
	height:10px;
	text-align:left;
	
	
}
 
img {
	max-width:100%;
	max-height:100%;
}
#divplan3A{
	/*position:absolute;*/
	margin-left:150px;
	/*top:785px;*/
	z-index:38;
}

#divimbtri{
	position:absolute;
	top:760px;
	margin-left:710px;
	width:500px;
	padding-left: 15px;
	padding-right: 15px;
	
 border-width:3px;
 border-style:ridge;
 border-color:YELLOW;
 text-align: center;
z-index:300; 
background-color: white; 
	
}
#divimb2tri{
	position:absolute;
	top:185px;
	margin-left:710px;
	width:530px;
	
 border-width:3px;
 border-style:ridge;
 border-color:YELLOW;
 text-align: center;	
	
}
#divimb3tri{
	position:absolute;
	top:185px;
	margin-left:710px;
	width:530px;
	
 border-width:3px;
 border-style:ridge;
 border-color:YELLOW;
 text-align: center;	
	
}
#BAC_ENPLACE{
	margin-left:50px;
}
#BAC_ENPLACEOM{
	margin-left:50px;
}
#adm_lieu{
	margin-left:10px;
}

#BAC_OM_PLACE{
	margin-left:5px;
}

.popupaide{
/*margin:20% auto;*/
width:50%;
/*background-color: rgb(228,228,228);*/
/*background-color: white;*/
background-color:#DCDCDC;
border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
padding:1em;
border-style:inset;
z-index: 1010;

}
#AIDEINFO{
 position:absolute;
 left: 50%; /* Centre horizontalement */
    transform: translateX(-50%); /* Assure un centrage parfait */
 top:130px;
/*background-color:rgba(0,0,0,0.5);*/
background-color:#D3D3D3;
/*width:50%;
height:50%;*/
/*display:block;*/
display:none;
 font-size:12pt;
 color:black;
 opacity: 1;
 z-index: 1000; 
}
.btn_reset_orange{
    border:none; 
	width: 65px; 
    height:30px; 
	color: 	#FFFFFF; 
	
	/*background: #0000FF;*/
	background: Blue;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 12px;
	text-align: center;	
	}
	.btn_reset_orange:hover {  
	background-color: darkblue;
	color: white; 
}


 
 


 
 
 select{
 height:25px;
 width: 98%;
 border: 0;
 border-bottom : 1px solid blue;
 /*margin-left:290px;*/
 font-size:18px;
 background-color:white ;
 
 }
 
.ita{
 /*position:absolute;
 left:50px;
 width : 300px;*/
/*background-color:yellow;*/
 color : blue;
font-size: 18px;
 	
}

div.divitem {
  font-size: 15px;
}
.popupA{
top:1px;
width:800px;
height:800px;
background-color:#DCDCDC;
border-radius: 10px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
padding:1em;
border-style:inset;
}


#ifr_video{
/*position: absolute;
    top: 150px;
    left: 910px;
    right: 0px;
    bottom: 50px;*/
}





#sortie{
	border: 2px solid #2196F3;
	text-align: center;	
}
#img_sortieA{
	/*position: absolute;*/
    /*top: 100px;*/
    /*left: 400px;*/
	margin:auto;
	width:500px;
	height:40%;
	/*border: 2px solid #2196F3;*/
	text-align: center;	
}
#textev{
	/*position: absolute;*/
    /*top: 100px;*/
    /*left: 400px;*/
	margin:auto;
	width:500px;
	height:20%;
	/*border: 2px solid #2196F3;*/
	text-align: center;	
}
#img_sortieB{
	/*position: absolute;*/
    /*top: 100px;*/
    /*left: 400px;*/
	margin:auto;
	width:500px;
	height:40%;
	border: 2px solid DARKGREEN;
	text-align: center;	
}
#boutonv{
	margin:auto;
	width:500px;
	height:300px;
	border: 2px solid DARKGREEN;
	text-align: center;	
}
#boutonv img {
	margin-top:0px;
    width: 100%;
    height: 100%;
	
}
.boutonvid{
	margin-top:0px;
    width: 30%;
    height: 30%;
	
}
#div_video_A{
	/*position: absolute;
    top: 10px;*/
	margin:auto;
	/*width:500px;*/
	height:40%;
	/*border: 2px solid #2196F3;*/
	text-align: center;	
	
	
	}

.div_video_AA{
margin: 0 auto;
/*width:800px;
Height:600px;*/
width:100%;
Height:100%;

}

.div_video_AA video {
    /*position: absolute;
	margin: 0 auto;*/
	margin-top:0px;
    width: 100%;
    height: 100%;
}
.sellog_PARA_0{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:70px;
margin-left:162px;
}
.sellog_PARA_1{
font-family: "Helvetica Neue", Helvetica;
font-weight:lighter;
width:200px;
margin-left:162px;/*90*/
}




.champ213{
	 
/*height:8px;
font-size: 13px;*/
top:170px;
height:22px;
font-size: 16px;
border: 0;
margin-left:161px;/*97*/
border-bottom : 1px solid blue;
}




.sellog_PARA_E{
	font-family: "Helvetica Neue", Helvetica;
	font-weight:lighter;
	width:500px;
	margin-left:357px;
	height:25px;
	border: 0;
	border-bottom : 1px solid black;
	font-size:18px;
}
.champ{
	height:23px;
	font-size: 18px;
	border: 0;
	font-family: "Helvetica Neue", Helvetica; 
	margin-left:354px;
	border-bottom : 1px solid black;
}




#GINFO{
	position:absolute;
	left:2px;
	top:5px;
	width:80%;
	height:40%;
	display:none;
	font-size:12pt;
	color:blue;
	z-index: 2000;
	text-align:center;
}
#GINFO2{
	position:absolute;
	left:510px;
	top:300px;
	width:20%;
	height:20%;
	display:none;
	font-size:12pt;
	color:blue;
	z-index: 98;
}
.pop_GINFO{
/*margin:20% auto;*/
text-align:center;
width:20%;
/*background-color: rgb(228,228,228);*/
/*background-color: white;*/
background-color:#F0FFFF;
border-radius: 15px;
box-shadow:15px 20px 0 rgba(0,0,0,0.5);
padding:1em;
border-style:inset;

}
.main{
	
}
.main:hover {  
	/*background-color: #008CBA;*/
	/*color: white; */
	cursor: pointer;
	
	}

#ifr_carte{
	border: 2px solid #2196F3;
	z-index: 96;
	/*border-radius:0% 5% 0% 0%;*/
}
.btn_faq{
    border:none; 
	width: 200px; 
    height:35px; 
	color: 	WHITE; 
	background: DARKGREEN;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}
}
 .btn_faq:hover {  
	
background-color: #008CBA;
	color: white; 	
	
}
.lib_RENDEZ_VOUS{
font-family: "MuseoSansCyrl-500";
/*margin-left:calc(10px);
width:80px;*/
color : black;
font-size:21px;
	
}
#text_intro_2 {
	width: 90%;
	overflow: hidden;
	
	text-align:left;

}
.lib{
 font-family: "MuseoSansCyrl-500";
 position:absolute;
 left:1px;
 width : 360px; /*290*/
 color : black;
 font-size:19px;
 text-align:right;
}

.class_museo{
	font-family: "MuseoSansCyrl-500";
	
}

.class_museo_gras{
	font-family: "MuseoSansCyrl-500";
	font-weight:bold;
}
.sellog_PARA_NANTES {
    font-family: "MuseoSansCyrl-500";
    font-weight: lighter;
    width: 98%; /* Adapte la largeur à presque tout l'écran */
    max-width: 550px; /* Limite la largeur pour éviter qu'elle soit trop grande */
    height: 35px;
    border: 2px solid black;
    border-radius: 15px;
    font-size: 16px;

    /* Centrage horizontal */
    display: block;
    margin: 0 auto;
}



.btn_NANTES{
	font-family: "MuseoSansCyrl-500";
    border:none; 
	width: 150px; 
    height:35px; 
	color: 	#FFFFFF; 
	background-color: #067790;
	border-radius: 15px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
}

 .btn_NANTES:hover {  
	background-color: #008CBA;
	color: white; 
	cursor:pointer;
}

.sellog_PARA_1_NANTES {
  font-family: "MuseoSansCyrl-500";
  font-weight: lighter;
  height: 35px;
  width: 200px;
  margin: 0 auto;         /* Centre horizontalement */
  display: block;         /* Nécessaire pour margin auto */
  border: 2px solid black;
  border-radius: 15px;
  font-size: 18px;
}

.sellog_PARA_1_NANTES_GR {
  font-family: "MuseoSansCyrl-500";
  font-weight: lighter;
  height: 35px;
  width: 405px;
  margin: 0 auto;         /* Centre horizontalement */
  display: block;         /* Nécessaire pour margin auto */
  border: 2px solid black;
  border-radius: 15px;
  font-size: 18px;
}
.sellog_PARA_1_NANTES_GR_500{
font-family: "MuseoSansCyrl-500";
font-weight:lighter;
height:35px;
width:80%;
/*margin-left:88px;/*90*/
border : 2px solid black;
	border-radius :15px;
	font-size:18px;
}
.btn_faq_NANTES{
    border:none; 
	width: 200px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #067790;
	border-radius: 15px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}
}
 .btn_faq_NANTES:hover {  
	
background-color: #008CBA;
	color: white; 
	cursor:pointer;
	
}

.btn_reset1_NANTES{
	font-family: "MuseoSansCyrl-500";
    border:none; 
	width: 150px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #067790;
	border-radius: 15px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}

 .btn_reset1_NANTES:hover {  
	background-color: #008CBA;
	color: white; 
	cursor:pointer;
	
	}
.champ_NANTES{
	
	height:27px;
	font-size: 18px;
	border: 0;
	font-family: "MuseoSansCyrl-500";
	
	border : 2px solid black;
	border-radius :15px;
	width:95%;

}
.champ213_NANTES{
font-family: "MuseoSansCyrl-500"; 
/*top:170px;*/
height:35px;
font-size: 16px;
border: 0;

border : 2px solid black;
border-radius :15px;
width:95%;
}

.champ213_NANTES_20{
font-family: "MuseoSansCyrl-500"; 
/*top:170px;*/
height:35px;
font-size: 16px;
border: 0;
margin-left:2px;/*97*/
border : 2px solid black;
border-radius :15px;
width:30%;
}

.champ_planning_NANTES{
font-family: "MuseoSansCyrl-500"; 
height:35px;
font-size: 16px;
border: 0;
border : 2px solid black;
border-radius :15px;
width:80%px;
}
.NUM_BAC{
	font-family: "MuseoSansCyrl-500"; 
/*height:8px;
font-size: 13px;*/
margin-left:240px;/*97*/
border : 3px solid blue;
	border-radius :15px;
	
}






.lib_com_NANTES{
 font-family: "MuseoSansCyrl-500";
 position:absolute;
 left:10px;
 width : 450px; /*290*/
 color : black;
 font-size:19px;
 text-align:left;
}

.champ216_NANTES{
	 
/*height:8px;
font-size: 13px;*/
font-family: "MuseoSansCyrl-500";
top:170px;
height:35px;
font-size: 16px;
border: 0;
margin-left:42px;/*97*/
border : 2px solid black;
	border-radius :15px;
	width:700px;
}
.lib_NANTESXXX {
  font-family: "MuseoSansCyrl-500";
  position: static !important;   /* plus d'absolu */
  left: auto !important;
  transform: none !important;
  display: inline-block;         /* se centre via le <td align="center"> */
  width: auto !important;        /* plus de width:90% qui décale */
  max-width: 550px;
  color: black;
  font-size: 18px;
  text-align: center;            /* texte centré dans le label */
  white-space: normal;
}


.LIB_NANTES_SIRET{
 font-family: "MuseoSansCyrl-500";
 position:absolute;
 left:1px;
 width : 550px; /*290*/
 color : black;
 font-size:20px;
 text-align:left;
 /*margin-left:357px;*/
 margin-left:292px;
}


.lig_espace_NANTES{
/*border-collapse : separate;
border-spacing : 1px;*/
padding-bottom : 0px;
padding-top : 0px;

}
.margeEnBas
{
 height : 1px;
}
.margeEnHaut
 {
 padding-top : 5 px;
}
#adr_stgo:focus{
	outline: 2px solid blue;
  background-color:#F0FFFF;
}
select:focus {
  outline: 2px solid blue;
  background-color:#F0FFFF;
  
}
select:hover {
  outline: 2px solid blue;
  background-color:#F0FFFF;
  cursor: pointer;
  
}
input{
 padding: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
 }

input:focus {
  outline: 2px solid blue;
  background-color:#F0FFFF;
  
  
}
input:hover {
  outline: 2px solid blue;
  background-color:#F0FFFF;
  cursor: text;
  
  
}





.btn_reset_NANTES{
    border:none; 
	width: 100px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #067790;
	border-radius: 15px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}
}
 .btn_reset_NANTES:hover {  
	background-color: DARKBLUE;
	color: white; 
	
	}
	#ifr_carte{
	border: 2px solid #2196F3;
	z-index: 96;
	border-radius: 15px; 
	/*border-radius:0% 5% 0% 0%;*/
}
#divpartplan{
	margin-left:5px;
	width:95%;
	text-align:center;
}
#divplan1{
	
	width: 100%;
	padding-top:5px;
	padding-bottom:5px;
	border: 3px solid #00008B;
	text-align: center;
	/*background: #ADD8E6;"*/
	background:#DCDCDC;
	margin-left:1px;
	z-index:8;
	border-radius :15px;
	width:100%;
}
.label{
 font-family: "MuseoSansCyrl-500";
 color : black;
 font-size:19px;
 text-align:right;
}
.champ_OM_TABLEAU{
height:30px;
width: 60px;
border : 2px solid black;
border-radius :15px;
 /*border-bottom : 1px solid red;*/
 font-size: 20px;
 text-align:center;

 }
 .champ_OM_TABLEAU_FOIS{
height:30px;
width: 80px;
border : 2px solid black;
border-radius :15px;
 /*border-bottom : 1px solid red;*/
 font-size: 20px;
 text-align:center;

 }
 .item1{
 /*background-color:yellow;*/
 color : black;
 font-size:22px;
}
.item2{
 color : red;
 font-size:22px;
	
}
#DIV_CARTE {	height: 390px;	width: 100%;}
#ifr_carte{border: 2px solid #2196F3;display:table-cell;margin: auto;text-align:center;width: 100%;}

#VERIFICATION {
  border-width: 3px;
  border-style: ridge;
  border-radius: 15px;
  border-color: DARKBLUE;
  background-color: #F0FFFF;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.lib_NANTES_TEL {
  font-family: "MuseoSansCyrl-500";
  color: black;
  font-size: 18px;
  text-align: left;
  
   margin-left: 20px;
  transform: translateY(-50%);
  
}
.champ_SIZE_OFF{
	font-family: "MuseoSansCyrl-500"; 
	
	height:35px;
	font-size: 17px;
	border: 0;
	 margin-left: 20px;
	border : 2px solid black;
	border-radius :15px;
}
.btn_VERIF_TEL{
    border:none; 
	width: 100px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #067790;
	border-radius: 15px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	 margin-left: 20px;
}

 .btn_VERIF_TEL:hover {  
		cursor: pointer;
}	
.champ_court{
	
	height:27px;
	font-size: 18px;
	border: 0;
	font-family: "MuseoSansCyrl-500";
	margin-left:5px;
	border : 2px solid black;
	border-radius :15px;
	width:150px;

}
.champ_court2{
	
	height:27px;
	font-size: 18px;
	border: 0;
	font-family: "MuseoSansCyrl-500";
	
	border : 2px solid black;
	border-radius :15px;
	width:150px;

}
.lib_INDICE{
 font-family: "MuseoSansCyrl-500";
 position:absolute;
 left:1px;
 width : 100px; /*290*/
 color : black;
 font-size:19px;
 text-align:left;
 /*margin-left:357px;*/
 margin-left:400px;
}
.TEL_INTER2{
    border : 2px solid black;
	width: 100px; 
    height:35px; 
	/*color: 	white; */
/*	background: DARKBLUE;*/
	border-radius: 15px;
	font-size: 16px;
	text-align: center;	
	/*margin-left:26px;*/
	cursor:pointer;
}

.TEL_INTER2:hover {  
		cursor:pointer;
		
}

.TEL{
	font-family: "MuseoSansCyrl-500"; 
/*height:8px;
font-size: 13px;*/
	top:170px;
	height:35px;
	font-size: 16px;
	border: 0;
	/*margin-left:5px;/*97*/
	border : 2px solid black;
	
   border-radius: 15px;
	width:70%;
}
#DIV_INTERNATIONAL {
  position: fixed;
  /*background-color: #F0FFFF;*/
  background-color:green;
  z-index: 1030; 
  overflow-y: auto;
  height:60%;
 }
#DIV_RECHERCHE_ADRESSE {
  position: absolute;
  background-color: #F0FFFF;
  z-index: 1025;
  left: 20px;
  top: 5px; /* Ajustez cette valeur pour déplacer la div vers le bas */
}
.FACTURE_MEME_ADR{
    border:none; 
	width: 200px; 
    height:30px; 
	color: 	white; 
	background: DARKGREEN;
	border-radius: 15px; 
	font-size: 15px;
	text-align: center;	
	margin-left:10px;
}
.FACTURE_MEME_ADR:hover {
color: 	white; 
	background: DARKGREEN;	
	cursor: pointer;
 }
 

.champ213_FACT{
	font-family: "MuseoSansCyrl-500"; 
	height:35px;
	font-size: 16px;
	border: 0;
	border : 2px solid black;
	border-radius :15px;
	width:80%;
}

.sellog_FACT_PAYS{
	font-family: "MuseoSansCyrl-500";
	font-weight:lighter;
	height:35px;
	width:80%;
	border : 2px solid black;
	border-radius :15px;
	font-size:18px;
}
.FACT_ADR{
	font-family: "MuseoSansCyrl-500"; 
	width:80%;
	height:35px;
	font-size: 17px;
	border: 0;
	border : 2px solid black;
	border-radius :15px;
} 
#FACTURATION {
  border-width: 3px;
  border-style: ridge;
  border-radius: 15px;
  border-color: #FFD700;
  background-color: #FFFFE0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#DIV_FAQ {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  background-color: #ffff9e;
  display: none;
  font-size: 12pt;
  color: black;
  z-index: 98;
}

.pop_FAQ {
  width: 80%;
  background-color: #ffff9e;
  border-radius: 10px;
  box-shadow: 15px 20px 0 rgba(0, 0, 0, 0.5);
  padding: 1em;
  border-style: inset;
}


.titre{
	   	display : block ;
	   	position : relative ;
	   	margin : -16px 0 0 20px ;
		float : left ;
		color : Blue ; 
		font-size : 15px ;
		background : white ;
}
.btn_reset2_NANTES{
	font-family: "MuseoSansCyrl-500";
    border:none; 
	width: 200px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #067790;
	border-radius: 15px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}

.btn_reset2_NANTES:hover {  
	cursor:pointer;
	color: 	#FFFFFF; 
	background: #067790;
}
.btn_reset_FAQ{
    border:none; 
	width: 100px; 
    height:35px; 
	color: 	#FFFFFF; 
	background: #0000FF;
	border-radius: 10px; 
	cursor: pointer;
	font-size: 14px;
	text-align: center;	
	}
}
.btn_reset_FAQ:hover {  
	cursor:pointer;
}	
.champ_PROF{
font-family: "MuseoSansCyrl-500"; 
/*top:170px;*/
height:35px;
font-size: 16px;
border: 0;
/*margin-left:2px;/*97*/
border : 2px solid black;
border-radius :15px;
width:80%;
}




#BAC_OM_PLACE{
	margin-left:5px;
}
#BAC_OM_SOUHAIT{
	margin-left:5px;
}
#BAC_CARTON_PLACE{
	margin-left:5px;
}
#BAC_CARTON_SOUHAIT{
	margin-left:5px;
}
#BAC_EMB_PLACE{
	margin-left:5px;
}
#BAC_EMB_SOUHAIT{
	margin-left:5px;
	
}

#iframeomp{
	/*position: absolute;
    top: 200px;*/
 border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:BLUE;
 /*background-color:#EFF5FB;*/
   width:80%;
   margin-left: auto;
  margin-right: auto;
 }
#iframeoms{
	/*position: absolute;
    top: 200px;*/
 border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:BLUE;
 /*background-color:#EFF5FB;*/
   width:80%;
   margin-left: auto;
  margin-right: auto;
 }
 
 
 
 #iframecartonp{
	border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:red;
 /*background-color:#FFEAF1;*/
   width:80%;
   margin-left: auto;
  margin-right: auto;
 } 
#iframecartons{
	border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:red;
 /*background-color:#FFEAF1;*/
    width:80%;
	margin-left: auto;
  margin-right: auto;
 }
 
 
 #iframemballagep{
	border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:green;
 /*background-color:#E1FEC5;*/
    width:80%;
	margin-left: auto;
  margin-right: auto;
 } 
#iframemballages{
	border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:green;
 /*background-color:#E1FEC5;*/
    width:80%;
	margin-left: auto;
  margin-right: auto;
 }
 #QUESTIONS_SUPPLEMENTAIRES{
 border-width:3px;
 border-style:ridge;
 border-radius:15px;
 border-color:#FEAC82;
 background-color:#EEACB;
 width:80%;
 margin-left: auto;
  margin-right: auto;
 }
 .grid_conom > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 8px 0;
  font-size: 22px;
}
 
.sellog_QUESTION_SUPP{
    font-family: "MuseoSansCyrl-500";
	font-weight:lighter;
	width:100px;
	margin-left:50px;
	height:35px;
	/*border: 0;*/
	border : 2px solid black;
	border-radius :15px;
	font-size:18px;
}
.lib_QUESTION_SUPP{
 font-family: "MuseoSansCyrl-500";
 position:absolute;
 left:1px;
 color : black;
 font-size:16px;
}
.areacom{
	font-family: "Helvetica Neue", Helvetica; 
	background: #fdfd96;
	border-width:2px;
	border-color : blue ;
	border-style:inset;
	font-size: 20px;
	box-sizing: content-box;
	width:80%;
	height:100px;
	margin-left: auto;
  margin-right: auto;
	
}


#table_INTERNATIONAL_list td {
  border-bottom: 1px solid grey;
}
#table_INTERNATIONAL_list tr:hover td {
  background-color: yellow; /* Couleur de fond lors du survol */
}

#table_INTERNATIONAL_list tr td:nth-child(even):hover {
  background-color: yellow; /* Couleur de fond des cellules paires lors du survol */
}

#adrlist td {
  border-bottom: 1px solid GREY;
}
#adrlist tr:hover td {
  background-color: yellow; /* Couleur de fond lors du survol */
}

#adrlist tr td:nth-child(even):hover {
  background-color: yellow; /* Couleur de fond des cellules paires lors du survol */
}

#DIV_RECHERCHE_ADRESSE::-webkit-scrollbar {
  width: 20px; /* Largeur de la barre de défilement */
}
#DIV_RECHERCHE_ADRESSE::-webkit-scrollbar-thumb {
  background-color: darkblue; /* Couleur de la poignée */
  border-radius: 5px; /* Bordure arrondie de la poignée */
}
#DIV_RECHERCHE_ADRESSE::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Couleur du fond */
}

#DIV_INTERNATIONAL::-webkit-scrollbar {
  width: 20px; /* Largeur de la barre de défilement */
}
#DIV_INTERNATIONAL::-webkit-scrollbar-thumb {
  background-color: darkblue; /* Couleur de la poignée */
  border-radius: 5px; /* Bordure arrondie de la poignée */
}
#DIV_INTERNATIONAL::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Couleur du fond */
}
#DIV_RECHERCHE_NOM::-webkit-scrollbar {
  width: 20px; /* Largeur de la barre de défilement */
}
#DIV_RECHERCHE_NOM::-webkit-scrollbar-thumb {
  background-color: darkblue; /* Couleur de la poignée */
  border-radius: 5px; /* Bordure arrondie de la poignée */
}
#DIV_RECHERCHE_NOM::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Couleur du fond */
}
#table_nom_list td {
  border-bottom: 1px solid GREY;
}
#table_nom_list tr:hover td {
  background-color: yellow; /* Couleur de fond lors du survol */
}

#table_nom_list tr td:nth-child(even):hover {
  background-color: yellow; /* Couleur de fond des cellules paires lors du survol */
}

.main_fermer{
	
}
.main_fermer:hover {  
	background:red;
	color: white; 
	cursor: pointer;
	
	}
	
#VERIF_VOIE_NUM_NOM {
  border-width: 3px;
  border-style: ridge;
  border-radius: 15px;
  border-color: darkblue;
  background-color: #F0FFFF;
  height: 200px;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1500;
}

#VOIE_SAISIE{
	border-width: 3px;
  border-style: ridge;
  border-radius: 15px;
  border-color: darkblue;
  background-color: #F0FFFF;
  height: 300px;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
}
 .lib_VERIF{
 font-family: "MuseoSansCyrl-500";
 position:absolute;
 left:1px;
  color : black;
 font-size:18px;
 text-align:left;
 /*margin-left:357px;*/
 margin-left:16px;
}

#DIV_MENTIONS_LEGALES {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid grey;
  width: 98%;
  height: 50px;
  background: #e8e8e8;
  font-size: 10px;
  display: flex;
  align-items: center;
}

 .mentions_legales{
 border: none;
 left:10px;
 color : grey;
 font-size:10px;
 background: #e8e8e8;
 }
 .mentions_legales:hover{
	 border: none;
	 cursor:pointer
 }	 

 .champ_DATE_NAISSANCE{
	 font-family: "MuseoSansCyrl-500"; 
/*top:170px;*/
height:35px;
font-size: 16px;
border: 0;
margin-left:2px;/*97*/
border : 2px solid black;
border-radius :15px;
width:25%;
 }
 .champ_LIEU_NAISSANCE{
	 font-family: "MuseoSansCyrl-500"; 
/*top:170px;*/
height:35px;
font-size: 16px;
border: 0;

border : 2px solid black;
border-radius :15px;
width:50%;
 }
 .IMMATRICULATION{
	font-family: "MuseoSansCyrl-500"; 
/*height:8px;
font-size: 13px;*/
	top:170px;
	height:35px;

	font-size: 16px;
	border: 0;
	/*97*/
	border : 2px solid black;
	border-radius :15px;
	width: 60%;
}
.IMMATRICULATION_PROF{
	font-family: "MuseoSansCyrl-500"; 
/*height:8px;
font-size: 13px;*/
	top:570px;
	height:35px;

	font-size: 16px;
	border: 0;
	
	border : 2px solid black;
	border-radius :15px;
	width:60%;
}

#entete1 {
    width: 100vw; /* Prend toute la largeur de l'écran */
    height: auto; /* Ajuste automatiquement la hauteur */
    display: flex;
    justify-content: center; /* Centre le contenu horizontalement */
    align-items: center; /* Centre verticalement si nécessaire */
    overflow: hidden; /* Coupe tout dépassement */
}

#entete1 img {
    width: 80%; /* L'image prend 100% de la largeur de son conteneur */
    height: auto; /* Maintient les proportions */
    max-width: 100%; /* Empêche l'agrandissement excessif */
    display: block;
}
.CONJOINT_MEME_NOM{
    border:none; 
	width: 200px; 
    height:30px; 
	color: 	white; 
	background: #2C7C66;
	border-radius: 15px; 
	font-size: 15px;
	text-align: center;	
	margin-left:830px;
}

.CONJOINT_MEME_NOM:hover {
color: 	white; 
	background: #2C7C66;	
	cursor: pointer;
 }
 /* Corrige la règle existante #entete (height:100px + float) */
#entete{
  float: none !important;
  height: auto !important;
  overflow: visible !important;
}

/* Bandeau */
#entete img{
  width: 80vw !important;
  height: auto !important;
  max-height: 80vh !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Le formulaire doit passer dessous */
#formulaire{
  clear: both;
  margin-top: 0 !important;
}
/* ===== Correction mobile : texte coupé dans inputs/selects ===== */
@media (max-width: 768px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea {
    height: 48px !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  .sellog_PARA_NANTES,
  .sellog_PARA_1_NANTES,
  .sellog_PARA_1_NANTES_GR,
  .sellog_PARA_1_NANTES_GR_500,
  .champ213_NANTES,
  .champ_NANTES,
  .champ_PROF,
  .champ_SIZE_OFF,
  .champ_court,
  .champ_court2,
  .champ_DATE_NAISSANCE,
  .champ_LIEU_NAISSANCE,
  .TEL,
  .LONGUEUR_20,
  .IMMATRICULATION,
  .CHAMP_SIRET {
    height: 48px !important;
    min-height: 48px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  select {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: normal !important;
  }
}