*{
box-sizing: border-box;
}

/*1803-2024 rgaa (assure focus quoi qu'il en soit du css du site*/
.paiprox *:focus{
border:1px dotted #000; 
}

.container.test{
width:auto;
}

#paiprox label{
width: 16em;
}

#paiprox select{
width:300px;
max-width:100%;
}

#paiprox input{
display:inline-block;
width:300px;
}

#paiprox #select,
#paiprox #intro {
margin:0 -10px;
}


#paiprox #intro {
	padding: 15px;
	background: #E9F1F7;	
	font-size: 16px;
	min-height: 196px;	
}


#paiprox #intro .logo{
margin:0 auto 1em auto;
display:block;
}

#paiprox #select {
	background: #2A73AD;
	color: #fff;
	padding: 1px 15px 15px 15px;	
}

#paiprox #select h2{
font-weight: bold;
text-align: center;
border-bottom: 1px solid #ccc;
padding: 0 0 12px 0;
font-size: 1.286em;
margin-top: 10px;
color: #fff;
}


#paiprox #select select {
	color: #000;
	display: inline-block;
	margin: 0 0 0 .5em;
}

#niv-dep,
#niv-comm{
min-height: 2em;
margin-top: 2em;
}


.niv{
}

#listedep option{
background:#efefef;
color:#555;
}

#listedep option.actif{
background:inherit;
color:inherit;
}


#resultats{

}

#niv-comm,
#listeRes{
opacity:0;
}

#niv-comm.changed,
#listeRes.changed{
    opacity: 1;
    transition: opacity 2s;
}

#separator-scrollto{
height:45px;
}

#listeRes{
padding-right: 0;
}


/*19-03-2024 conversion en h2 pour rgaa*/
h2.refgeo {
  font-size: 1em;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: normal;
}


#res-comm{
height: 40px;
font-size: 20px;
line-height: 1.2em;
margin-bottom: 10px;
}

#res-list{
margin-bottom:30px;
}

#niv-bur{
	max-height: 552px;
	overflow-y: scroll;
	
}

/*18-03-2024 rgga convesion div en li dans le script pour affichage liste des résultats*/
#niv-bur {
list-style-type: none;  
padding:0;
}



.sans-carte #niv-bur{
	max-height:none;
	overflow-y:visible;
	
}

.sans-carte .rank {
    display: none;
}

.sans-carte .bur {
    padding-left: 0;
}

.sans-carte .bur:hover {
    background:none;
	cursor:default;
}


.bur {
	border-bottom: 2px solid #ccc;
	padding: 15px 15px 10px 30px;
	/*margin-bottom: 15px;*/
position: relative;
margin-left: 5px;
}

.bur:last-of-type{
border:0;
}

.bur p{
margin:0;
text-transform:uppercase;
}

.bur:hover{
background: rgba(239,239,239,0.72);
cursor:pointer;
}

.bur .nom {
	font-weight: bold;
	text-transform: uppercase;
}
.bur .voie{}
.bur .compl-adr-1{}
.bur .compl-adr-1{}
.bur .cp-ville{}

.rank {
	background: #2a73ad;
	border-radius: 100%;
	display: inline-block;
	width: 30px;
	height: 31px;
	text-align: center;
	font-size: 15px;
	line-height: 29px;
	margin-right: 1em;
	position: absolute;
	left: -5px;
	color: #fff;
	top: 10px;
}

.nogeo{
background:#efefef;
color:#777;;
}

p.nogeo{
padding:5px;
font-size:10px;
font-style:italic;
background:none;
line-height: 10px;
text-transform:none;
}

.doublon-ville-meme-insee{
color:#777;
font-size:.75em
}

.col-carte{
padding: 0 5px;
}


/*.mov_mrk{
margin-top:0px;
}*/

/*.mov_mrk .mrk{
background:#fff;
z-index:9999;
}*/

.mov_mrk .mrk{
background:#fff;
box-shadow:0 0 15px 5px #000;	
color:#2a73ad;	
}

.mov_mrk .mrk:after{
border-top-color:#fff;
}

.mov_mrk{
animation-name:animrk;
animation-duration: .1s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

.mini .mov_mrk{
animation-name:animrkmini;
animation-duration: .1s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

@keyframes animrkmini{
  0%   {margin-top:-6px;}  /*-6*/
  100% {margin-top:-20px;}

}


@keyframes animrk{
  0%   {margin-top:-4px;}  
  100% {margin-top:-20px;}

}

@media(min-width:500px){
#paiprox #intro .logo{
float:left;
margin:0 30px 15px 0;
}
}