@media only screen and (min-device-width: 1200px){ /* desktop */
.radio{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: var(--radio-background-color);
color: var(--radio-color);
top: 10px;
height: 30px;
width: 30px;
border: 0;
border-radius: 50px 50px 50px 50px;
cursor: pointer;     
margin-right: 7px;
outline: none;
}
.radio:checked::before{
position: absolute;
font: 13px/1 'Open Sans', sans-serif;
left: 11px;
top: 7px;
color:var(--radio-color-checked-before);
content: '\02143';
transform: rotate(40deg);
}
.radio:hover{
background-color:var(--radio-background-color-hover);
}
.radio:checked{
background-color:var(--radio-background-color-checked);
}

#BarreDroiteSearch{
position:fixed;
top:0px;
width:100%;
height:95px;
float:right;
right:0px;
z-index: 3;
background:var(--primary-background-C);
}
#IconeBarreSearch{
position:relative;
top:25px;
right:50px;
float:right;
}
#IconeBarreSearchHaut{
position:fixed;
top:15px;
right:110px;
float:right;
}
.SearchConnexion{
position:relative;
top:30px;
float:right;
right:50px;
color:var(--primary-color);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
cursor:pointer;
}
#SearchConnexionHaut{
position:fixed;
top:20px;
float:right;
right:50px;
}
.SearchMenu{
position: fixed;
top: 20px;
float: right;
right: 5%;
display: inline-flex;
margin: 10px;
flex-direction: row-reverse;
align-content: stretch;
flex-wrap: nowrap;
align-items: stretch;
}
.Button1{
margin:10px;
background:var(--secondary-background);
width:40px;
height:40px;
display: flex;
justify-content: center;
align-items: center;
border-radius:var(--border-radius);
box-shadow:var(--box-shadow);
}
.Button1 img{
vertical-align: middle;	
max-width: 70%;
max-height: 70%;
object-fit: contain; 
margin: 30px;
}
.CelluleMenu{
position:relative;float:right;right:5px;	
}
.button3{
padding:6px 0 6px 0;
font:bold 13px Arial;
background:var(--primary-background);
color:var(--primary-color-A);
border-radius:2px 2px 2px 2px;
width:100px;
cursor:pointer;
border:none;
}
.button8{
padding:6px 0 6px 0;
font:bold 13px Arial;
background:var(--primary-background-K);
color:var(--primary-color-A);
border-radius:2px 2px 2px 2px;
width:100px;
cursor:pointer;
border:none;
}
#SearchTxt{
Position:absolute;
top:25%;
left:0px;
right:0px;
width:600px;
height:160px;
margin:auto;
text-align:center;
z-index:4;
}
#SearchDestination{
position:fixed;
top:26px;
right:90px;
display: inline;
}
.DestSearch{
position:relative;
border-top:none;
border-left:none;
border-right:none;
text-align:center;
border-radius:15px 15px 15px 15px;
height:35px;
border:none;
color:var(--primary-color);
background: var(--secondary-background);
font-size:var(--font-size-A);
min-width:80px;
max-width:80%;
margin:15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline;
cursor:pointer;
}
.DestSearch option {
background-color:var(--primary-background-C);
color:var(--primary-color);
}
#SearchTitre{
position:relative;
left:0px;
right:0px;
margin:auto;
text-align:center;
}
.SearchTitre1{
font-size:var(--font-size-B);
color:var(--primary-color);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
text-shadow:var(--text-shadow);
}
.SearchTitre2{
font-size:var(--font-size-B);
color:var(--primary-color-B);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
text-shadow:var(--text-shadow);
}
#TitreHautSmart,.SearchTitre1Haut{
display:none;
}
#Search{
position:relative;
top:25px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:550px;
height:48px;
border-radius:var(--border-radius);
background: var(--Background-barre-search);
box-shadow:var(--box-shadow-A);
}
#SearchHaut{
position:relative;
top:10px;
left:150px;
width:550px;
height:48px;
border-radius:var(--border-radius);
background: var(--Background-barre-search);
box-shadow:var(--box-shadow-A);
z-index:99;
}
#SearchChamp{
position:relative;
top:0px;
left:10px;
right:0px;
text-align:left;
width:430px;
height:30px;
border:none;
background: var(--Background-barre-search);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
color: inherit;
}
#SearchChamp:active{
background: var(--primary-background-B);	
}
.ImgSearchHaut{
position:relative;
top:-2px;
left:8px;
width:50px;
}
.ImgSearch{
position:relative;
top:-2px;
left:-5px;
width:50px;
}
#SearchChampHaut{
position:relative;
top:-20px;
left:20px;
right:0px;
text-align:left;
width:430px;
height:30px;
border:none;
background: var(--primary-background-B);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
}
#SearchChamp{
position:relative;
top:-20px;
left:10px;
right:0px;
text-align:left;
width:430px;
height:30px;
border:none;
background: var(--Background-barre-search);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
color: inherit;
}
#SearchChamp:active{
background: var(--primary-background-B);	
}
#IconeLoupeSearch{
position:relative;
top:12px;
float:right;
right:10px;
}
#ResultatSearch{
position:absolute;
top:100px;
left:160px;
background:var(--primary-background-B);
width:75%;
text-align:left;
z-index: 0;
overflow-x:hidden;
}
#CountResultat{
position:relative;
left:2px;
top:-10px;
width:100%;
color: var(--primary-color-D);
}
#CelluleSearchdetails{
width:100%;
background: var(--primary-background-C);
box-shadow: var(--box-shadow);
border-radius:var(--border-radius);
overflow:hidden;
}
#LogoCelluleSearch{
position: relative;
top: 5px;
border-radius:2px 2px 2px 2px;
width: 30px;
height: 30px;
object-fit: cover;
}
#TitreCelluleSearch{
position: relative;
top: -30px;
left: 40px;
height: 100%;
width: 94%;
color:var(--primary-color);
font-size:var(--font-size-D);
word-wrap: break-word;
cursor: pointer;
}
#TitreLieuSearch{
word-wrap: break-word;
}
#TitreLieu2Search{
position: relative;
top: -4px;
left: -7px;
font-size:var(--font-size-C);
font-style:Normal;
color:var(--primary-color-D);
word-wrap: break-word;
font-weight:var(--font-weight-B);
}
#CommentaireLieuSearch{
position:relative;
top:-10px;
left:5px;
width:98%;
height:100%;
font-size:var(--font-size-C);
text-align:justify;
word-wrap:break-word;
border:none;
resize:none;
color:var(--primary-color-D);
}
#ImageLieuSmall{
width:100px;
height:100px;
border-radius:10px 10px 10px 10px;
text-align: center;
}
.buttonPlusSearch{
padding: 6px 0 6px 0;
font: bold 13px Arial;
background: var(--primary-background-D);
color: var(--primary-color-A);
border-radius:2px 2px 2px 2px;
width: 130px;
border: none;
cursor: pointer;
}
#DetailResultat,#LecteurRadios{
position: fixed;
top: 0px;
left:0px;
right:0px;
margin:auto;
width:100%;
height:100%;
z-index:99999;
overflow-x:hidden;
overflow-y:hidden;
background: var(--primary-background-C);
-webkit-animation:ViewerAni 0.5s;
-moz-animation:ViewerAni 0.5s;
-ms-animation:ViewerAni 0.5s;
}
@keyframes ViewerAni {
0% { transform: translate(5000px, 0px);}
100% { transform: translate(0px, 0px);}
}
#BandeauHautDetailResultat{
position:relative;
top:0px;
z-index:2500;
display:block;
background:var(--primary-background-B);
}
#ClearSearch{
display:block;
border-radius:5px 5px 5px 5px;
width:40px;
height:40px;
background:var(--primary-background-B);
}
#DetailResultatBody{
position:absolute;
top:0px;
float:left;
left:0px;
z-index: 2000;
background-color:var(--primary-background-C);
font-size:var(--font-size-E);
overflow-x: hidden;
overflow-y:auto;
border-radius:0px 10px 10px 0px;
height:100%;
width:450px;
}
#DetailLecteurBody{
position:absolute;
top:0px;
float:left;
left:0px;
z-index: 2000;
background-color:var(--primary-background-C);
font-size:var(--font-size-E);
overflow-x: hidden;
overflow-y:auto;
border-radius:0px 10px 10px 0px;
height:100%;
width:450px;
}
#BtReduire{
position:absolute;
top:5px;
left:390px;	
right:5px;
float:right;
cursor:pointer;
width:42px;
background-color:var(--primary-background-B);
border-radius:2px 2px 2px 2px;
}
#BtAfficherDetails{
position:absolute;
top:5px;
left:5px;
float:left;
cursor:pointer;
width:42px;
background-color:var(--primary-background-C);
border-radius:2px 2px 2px 2px;
z-index:1;
}
#DetailResultatBody2{
position:absolute;
top:0px;
left:0px;
float:left;
width:100%;
z-index: 1500;
border-radius:0px 0px 0px 0px;
height:100%;
overflow:hidden;
}
#StarDetailResultat{
position: absolute;
top: 290px;
right: 10px;
margin: auto;
text-align: right;
}
.IMGStar{
width:70px;
}
#NoteStars{
position: relative;
top: -53px;
right: 20px;
margin: auto;
text-align: right;
}
.NoteStar{
font-weight:var(--font-weight-A);
font-size:var(--font-size-F);
color: var(--primary-color-A);
}
.PhotosSLieu {
width: 100%;
height: 100%;
}
#TitreDetailResultat{
position:relative;
top:-35px;
width:100%;
width:90%;
color: var(--primary-color);
}
#TitreView{
position:relative;
top:12px;
left:5px;
width:80%;
font-size:var(--font-size-D);
}
#ImgDetailResultat{
position:relative;
top:0px;
width:100%;
height:350px;
}
#ImageLieuViewer{
position: relative;
left:0px;
width:100%;
max-height:350px;
object-fit: cover;
}
.ImageLieuViewerVideo{
width:100%;
height:350px;
}
#ImageLieuViewer2{
width:100%;
height:100%;
}
#CommentaireDetailResultat,#LocalisationDetailResultat{
position:relative;
left:0px;
right:0px;
margin:5px;
font-size:var(--font-size-C);
color:var(--primary-color-D);
text-align:left;
width:95%;
}
#PrixMoyenLieu{
position:relative;
top:-10px;
right:15px;
float:right;
width:30%;
height:100%;
font-size:var(--font-size-E);
color:var(--primary-color);
border:var(--border-color-H);
border-radius:3px 3px 3px 3px;
resize:none;
text-align:center;
word-wrap: break-word;
}
.RubPrixMoyen{
position:relative;
top:12px;
left:8px;
font-size:var(--font-size-G);
}
.ComplementDetailResultat{
position:relative;
left:0px;
right:0px;
background-image: linear-gradient(to right, rgba(0, 85, 164,1), rgba(0, 85, 164,0));
text-align:left;
font-size:var(--font-size-C);
width:95%;
}
#TitreLocalisationDetailResultat,#TitreComplementDetailResultat{
position:relative;
top:-10px;
font-weight:var(--font-weight-A);
color:var(--primary-color);
}
.PointDetailResultat{
position:relative;
top:0px;
left:5px;
font-weight:var(--font-weight-A);
color:var(--primary-color-A);
font-size:var(--font-size-D);
}
.ElementDetailResultat{
position:relative;
top:-5px;
left:5px;
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
.LienElementDetailResultat{
cursor:pointer;
text-decoration:none;
}
.IconeMenuViewer{
width:30px;
}
.Tab{
position:relative;
top:0px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:50%;
}
#ViewerTable{
position:relative;
left:10px;
font-size:var(--font-size-C);
width:95%;
}
.TitreViewerTable{
font-weight:var(--font-weight-A);
color:var(--primary-color);
font-size:var(--font-size-C);
}
.DataViewerTable{
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
#bandeauFixeRap{
position:fixed;
top:67px;
left:125px;
right:0px;
margin:auto;
width:90%;
height:35px;
overflow-y:auto;
z-index:3;
background-color:var(--primary-background-B);
}
#BandeauFixeRapCel{
position:absolute;
left:0px;
height:35px;
width:1000px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: var(--primary-background-B);
}
li {
float: left;
}
li a {
display: block;
color: var(--primary-color-D);
text-align: center;
padding: 5px 25px;
text-decoration: none;
}
li a:hover {
color:var(--primary-color-D);
cursor:pointer;
}
.TitreItemsRappFixe{
text-align:center;
}
.TitreRubRap{
font-size:var(--font-size-C);
color:var(--primary-color-D);
}
.TitreRubRap:hover{
font-size:var(--font-size-C);
color:var(--primary-color-D);
}
#TousIndex{
position:fixed;
top:105px;
left:225px;
max-height:250px;
overflow-x:hidden;
overflow-y:auto;
width:200px;
background-color:var(--primary-background-B);
z-index:3;
}
#AnnoncesIndex{
position:fixed;
top:105px;
left:305px;
max-height:250px;
overflow-x:hidden;
overflow-y:auto;
width:280px;
background-color:var(--primary-background-B);
z-index:3;
}
#FiltrerIndex{
position:fixed;
top:105px;
left:155px;
min-height:140px;
max-height:70%;
overflow-x:hidden;
overflow-y:auto;
border:var(--border-color-C);
width:300px;
background-color:var(--primary-background-C);
box-shadow:var(--box-shadow-B);
z-index:3;
}
input[type=checkbox] {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-border-radius:4px 4px 4px 4px;
height:15px;
width:15px;
background: var(--primary-background-C);
border:var(--border-color-C);
}
input[type="checkbox"]:checked {
background: var(--primary-background);
font-family:var(--ckeckbox-font-family);
content:'\f00c';
display:block;
color: var(--primary-color-E);
font-size:var(--font-size-C);
display:inline-block;
}
.SearchTitre{
position:relative;
top:-3px;
font-size:var(--font-size-C);
color:var(--primary-color-D);
}
.TitreIndexAccueil{
color:var(--primary-color-D);
font-size:var(--font-size-C);
width:95%;
margin:auto;
}
.ItemIndexAccueil{
width:75px;
height:75px;
display:inline-block;
margin:6px;
border-radius: 5px 5px 5px 5px;
background-color:var(--primary-background-C);
color:var(--primary-color-D);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ItemIndexAccueil:hover{
background-color:var(--primary-background-H);
color:var(--primary-color-D);	
}
.IconItemIndexAccueil{
position:relative;
top:5px;
left:0px;
right:0px;
margin:auto;
width:40px;
height:40px;
background-size: cover;
background-repeat:no-repeat; 
background-position:center;	
}
.LbIconItemIndexAccueil{
position:relative;
top:10px;
left:0px;
right:0px;
margin:auto;
text-align:center;
font-size:var(--font-size-G);
}
#MenuIndexAccueil{
display:none;
position:fixed;
top:75px;
right:50px;
float:right;
width: 300px;
height:500px;
background-color:var(--primary-background-C);
cursor:pointer;
z-index: 5;
border-radius:5px 5px 5px 5px;
box-shadow:var(--box-shadow);
}
#MenuIndexAccueilbody{
position:relative;
top:15px;
left:0px;
right:0px;
margin:auto;
width:100%;
height:95%;
overflow-x:hidden;
overflow-y:auto;
}
.ColorAnnonce{
position:relative;
top:-1px;
float:right;
right:0px;
width: 0;
height: 0;
border-style: solid;
border-width: 1px 70px 70px 1px;
border-color: transparent #0055A4 transparent transparent;
color:var(--primary-color-A);
}
.ColorAnnonce2{
position:relative;
top:-1px;
float:right;
right:0px;
width: 0;
height: 0;
border-style: solid;
border-width: 1px 70px 70px 1px;
border-color: transparent #EF4135 transparent transparent;
color:var(--primary-color-A);
}
.IconBandeauAnnonceCelluleSearch{
position:relative;
top:5px;
left:33px;
}
#PlanningCompDetailResultat{
position:relative;
top:0px;
left:5px;
}
.GeranceDetailResultat{
position:relative;
left:5px;
}
.ElementGeranceDetailResultat{
position:relative;
top:-4px;
left:3px;
font-size:var(--font-size-C);
color: var(--primary-color-D);
}
.TitreItemFilter{
position: relative;
left: 0px;
right: 0px;
text-align: left;
height:25px;
font-size:var(--font-size-A);
font-weight:var(--font-weight-A);
color:var(--primary-color);
width: 95%;
cursor:pointer;
border-bottom:var(--border-color-C);
}
.TitreItemFilterText{
position:relative;
left:5px;
}
.BtEffacerFilter,.BtLocationFilter{
position:relative;
left:0px;
right:0px;
margin:auto;
width:100px;
}

.ButtonEffacerFilterIndex{
position:relative;
left:0px;
right:0px;
margin:auto;
background-color:var(--primary-background-F);
}
#LoadIndex{
position:fixed;
top:50%;
transform: translateY(-50%);
left:0px;
right:0px;
margin:auto;
text-align:center;
background-color:var(--primary-background-C);
opacity:0.9;
height:125px;
width:225px;
border-radius:10px 10px 10px 10px;
box-shadow:var(--box-shadow);
z-index:9999999;
}
.filter{
border-top: none;
border-left: none;
border-right: none;
text-align: center;
border-radius: 15px 15px 15px 15px;
height: 30px;
border: none;
color: var(--primary-color-D);
background-color: var(--primary-background-G);
font-size: var(--font-size-E);
min-width: 80px;
max-width: 220px;
margin: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
align-items: center;
flex-direction: row;
justify-content: center;
}
#AutoSearch-list{
float:left;
list-style:none;
margin-top:-3px;
padding:0;
width:550px;
position: absolute;
top:55px;
left:-1px;
font-size:var(--font-size-C);
border-radius:0px 0px 5px 5px;
box-shadow:var(--box-shadow-A);
}
#AutoSearch-list li{
padding: 10px; 
background: var(--primary-background-C);
color:var(--primary-color-D);
width:100%;
text-align:left;
}
#AutoSearch-list li:hover{
background:var(--primary-background-H);
cursor: pointer;
}
#AutoSearch-list li label{
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
.DrapselectionAuto{
position:relative;
top:2px;
width:15px;
}
.ProfilselectionAuto{
position:relative;
top:8px;
width:30px;
border-radius:3px 3px 3px 3px;
}
.LinkImages{
margin:5px;	
cursor:pointer;
}
.Images{
margin:5px;
background: var(--primary-background-C);
border-radius: 8px 8px 8px 8px;
border: var(--border-color-D);
display: inline-block;
position: relative;
overflow: hidden;
overflow-x: auto;
transform-origin: top left;
vertical-align: middle;
width: 120px;
height: 170px;
white-space: nowrap;
}
.ImagesRubrique{
margin:5px;
background: var(--primary-background-C);
border-radius:var(--border-radius);
box-shadow:var(--box-shadow);
display: inline-block;
position: relative;
overflow: hidden;
overflow-x: auto;
transform-origin: top left;
vertical-align: middle;
width: 200px;
height: 170px;
white-space: nowrap;
}
.VoirPlus{
position:relative;
top:0px;
left:0px;
right:0px;
margin:auto;
border:var(--border-color-D);
border-radius:17px 17px 17px 17px;
height:35px;
width:300px;
}
.VoirPlus:hover{
background-color:var(--primary-background-G);
color:var(--primary-color-D);
}
.LabelVoirPlus{
position:absolute;
top:7px;
left:0px;
right:0px;
bottom:0px;
margin:auto;
text-align:center;
color:var(--primary-color);
}
#UserComCheckpoint {
position: relative;
top: -6px;
font-size:var(--font-size-E);
font-weight:var(--font-weight-A);
color:var(--primary-color-G);
}
#dateComCheckpoint {
position: relative;
top: 9px;
right:10px;
font-size:var(--font-size-J);
font-weight:var(--font-weight-A);
color:var(--primary-color-G);
float: right;
}
#ComCheckpoint {
position: relative;
top: 0px;
font-size:var(--font-size-E);
color:var(--primary-color-D);
margin: 5px;
word-wrap: break-word;
width: 98%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){ /* ipad */
.radio{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color:var(--radio-background-color);
color: #666;
top: 10px;
height: 30px;
width: 30px;
border: 0;
border-radius:50px 50px 50px 50px;
cursor: pointer;     
margin-right: 7px;
outline: none;
}
.radio:checked::before{
position: absolute;
font: 13px/1 'Open Sans', sans-serif;
left: 11px;
top: 7px;
color:var(--primary-color);
content: '\02143';
transform: rotate(40deg);
}
.radio:hover{
background-color: var(--radio-background-color-hover);
}
.radio:checked{
background-color: var(--radio-background-color-checked);
}

#BarreDroiteSearch{
position:fixed;
top:0px;
width:100%;
height:95px;
float:right;
right:0px;
z-index: 3;
background:var(--primary-background-C);
}
#IconeBarreSearch{
position:relative;
top:25px;
right:50px;
float:right;
}
#IconeBarreSearchHaut{
position:fixed;
top:15px;
right:110px;
float:right;
}
.SearchConnexion{
position:relative;
top:30px;
float:right;
right:50px;
color:var(--primary-color);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
cursor:pointer;
}
#SearchConnexionHaut{
position:fixed;
top:20px;
float:right;
right:50px;
}
.SearchMenu{
position: fixed;
top: 20px;
float: right;
right: 5%;
display: inline-flex;
margin: 10px;
flex-direction: row-reverse;
align-content: stretch;
flex-wrap: nowrap;
align-items: stretch;
}
.Button1{
margin:10px;
background:var(--secondary-background);
width:40px;
height:40px;
display: flex;
justify-content: center;
align-items: center;
border-radius:var(--border-radius);
box-shadow:var(--box-shadow);
}
.Button1 img{
vertical-align: middle;	
max-width: 70%;
max-height: 70%;
object-fit: contain; 
margin: 30px;
}
.CelluleMenu{
position:relative;float:right;right:5px;	
}
.button3{
padding:6px 0 6px 0;
font:bold 13px Arial;
background:var(--primary-background);
color:var(--primary-color-A);
border-radius:2px 2px 2px 2px;
width:100px;
cursor:pointer;
border:none;
}
#SearchTxt{
Position:absolute;
top:25%;
left:0px;
right:0px;
width:600px;
height:160px;
margin:auto;
text-align:center;
z-index:4;
}
#SearchDestination{
position:fixed;
top:26px;
right:90px;
display: inline;
}
.DestSearch{
position:relative;
border-top:none;
border-left:none;
border-right:none;
text-align:center;
border-radius:15px 15px 15px 15px;
height:35px;
border:none;
color:var(--primary-color);
background: var(--secondary-background);
font-size:var(--font-size-A);
min-width:80px;
max-width:80%;
margin:15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline;
cursor:pointer;
}
.DestSearch option {
background-color:var(--primary-background-C);
color:var(--primary-color);
}
#SearchTitre{
position:relative;
left:0px;
right:0px;
margin:auto;
text-align:center;
}
.SearchTitre1{
font-size:var(--font-size-B);
color:var(--primary-color);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
text-shadow:var(--text-shadow);
}
.SearchTitre2{
font-size:var(--font-size-B);
color:var(--primary-color-B);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
text-shadow:var(--text-shadow);
}
#TitreHautSmart,.SearchTitre1Haut{
display:none;
}
#Search{
position:relative;
top:25px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:550px;
height:48px;
border-radius:var(--border-radius);
background: var(--Background-barre-search);
box-shadow:var(--box-shadow-A);
}
#SearchHaut{
position:relative;
top:10px;
left:20px;
width:550px;
height:48px;
border-radius:var(--border-radius);
background:var(--Background-barre-search);
box-shadow:var(--box-shadow-A);
z-index:99;
}
#SearchChamp{
position:relative;
top:-20px;
left:0px;
right:0px;
text-align:left;
width:420px;
height:30px;
border:none;
background: var(--Background-barre-search);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
color: inherit;
}
#SearchChamp:active{
background: var(--primary-background-B);	
}
.ImgSearchHaut{
position:relative;
top:-2px;
left:8px;
width:50px;
}
.ImgSearch{
position:relative;
top:-2px;
left:-5px;
width:50px;
}
#SearchChampHaut{
position:relative;
top:-20px;
left:5px;
right:0px;
text-align:left;
width:430px;
height:30px;
border:none;
background:var(--primary-background-B);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
}
#IconeLoupeSearch{
position:relative;
top:12px;
float:right;
right:10px;
}
#ResultatSearch{
position:absolute;
top:100px;
left:15px;
background:var(--primary-background-B);
width:100%;
text-align:left;
z-index: 0;
overflow-x:hidden;
}
#CountResultat{
position:relative;
left:2px;
top:-10px;
width:100%;
color: var(--primary-color-D);
}
#CelluleSearchdetails{
width:100%;
background:var(--primary-background-C);
box-shadow: var(--box-shadow);
border-radius:var(--border-radius);
overflow:hidden;
}
#LogoCelluleSearch{
position: relative;
top: 5px;
border-radius:2px 2px 2px 2px;
width: 30px;
height: 30px;
object-fit: cover;
}
#TitreCelluleSearch{
position: relative;
top: -30px;
left: 40px;
height: 100%;
width: 85%;
color:var(--primary-color);
font-size:var(--font-size-D);
word-wrap: break-word;
cursor: pointer;
}
#TitreLieuSearch{
word-wrap: break-word;
}
#TitreLieu2Search{
position: relative;
top: -4px;
left: -7px;
font-size:var(--font-size-C);
font-style:Normal;
color:var(--primary-color-D);
word-wrap: break-word;
font-weight:var(--font-weight-B);
}
#CommentaireLieuSearch{
position:relative;
top:-10px;
left:5px;
width:98%;
height:100%;
font-size:var(--font-size-C);
text-align:justify;
word-wrap:break-word;
border:none;
resize:none;
color:var(--primary-color-D);
}
#ImageLieuSmall{
width:100px;
height:100px;
border-radius:10px 10px 10px 10px;
text-align: center;
}
.buttonPlusSearch{
padding: 6px 0 6px 0;
font: bold 13px Arial;
background:var(--primary-background-D);
color:var(--primary-color-A);
border-radius:2px 2px 2px 2px;
width: 130px;
border: none;
cursor: pointer;
}
#DetailResultat,#LecteurRadios{
position: fixed;
top: 0px;
left:0px;
margin:auto;
width:100%;
height:100%;
z-index:99999;
overflow-x:hidden;
overflow-y:hidden;
background:var(--primary-background-C);
-webkit-animation:ViewerAni 0.5s;
-moz-animation:ViewerAni 0.5s;
-ms-animation:ViewerAni 0.5s;
}
@keyframes ViewerAni {
0% { transform: translate(5000px, 0px);}
100% { transform: translate(0px, 0px);}
}
#BandeauHautDetailResultat{
position:relative;
top:0px;
z-index:2500;
display:block;
background:var(--primary-background-B);
}
#ClearSearch{
display:block;
border-radius:5px 5px 5px 5px;
width:40px;
height:40px;
background:var(--primary-background-B);
}
#DetailResultatBody{
position:absolute;
top:0px;
left:0px;
float: left;
margin:auto;
z-index: 2000;
background-color:var(--primary-background-C);
font-size:var(--font-size-E);
border-radius:0px 10px 10px 0px;
overflow-x: hidden;
overflow-y:auto;
height:100%;
width:350px;
}
#DetailLecteurBody{
position:absolute;
top:0px;
left:0px;
float: left;
margin:auto;
z-index: 2000;
background-color:var(--primary-background-C);
font-size:var(--font-size-E);
border-radius:0px 10px 10px 0px;
overflow-x: hidden;
overflow-y:auto;
height:100%;
width:350px;
}
#BtReduire{
position:absolute;
top:5px;
left:290px;	
right:5px;
float:right;
cursor:pointer;
width:42px;
background-color:var(--primary-background-B);
border-radius:2px 2px 2px 2px;
}
#BtAfficherDetails{
position:absolute;
top:5px;
left:5px;
float:left;
cursor:pointer;
width:42px;
background-color:var(--primary-background-C);
border-radius:2px 2px 2px 2px;
z-index:1;
}
#DetailResultatBody2{
position:absolute;
top:0px;
left:0px;
float:left;
z-index: 1500;
border-radius:0px 0px 0px 0px;
width:100%;
height:100%;
overflow:hidden;
}
#StarDetailResultat{
position: absolute;
top:290px;
right: 10px;
margin: auto;
text-align: right;
}
.IMGStar{
width:70px;
}
#NoteStars{
position: relative;
top: -53px;
right: 20px;
margin: auto;
text-align: right;
}
.NoteStar{
font-weight:var(--font-weight-A);
font-size:var(--font-size-F);
color:var(--primary-color-A);
}
.PhotosSLieu {
width: 100%;
height: 100%;
}
#TitreDetailResultat{
position:relative;
top:-35px;
width:100%;
width:90%;
color:var(--primary-color);
}
#TitreView{
position:relative;
top:12px;
left:5px;
width:80%;
font-size:var(--font-size-D);
}
#ImgDetailResultat{
position:relative;
top:0px;
width:100%;
height:350px;
}
#ImageLieuViewer{
position: relative;
left:0px;
width:100%;
max-height:350px;
object-fit: cover;
}
.ImageLieuViewerVideo{
width:100%;
height:350px;
}
#ImageLieuViewer2{
width:100%;
height:100%;
}
#CommentaireDetailResultat,#LocalisationDetailResultat{
position:relative;
left:0px;
right:0px;
margin:5px;
font-size:var(--font-size-C);
color:var(--primary-color-D);
text-align:left;
width:95%;
}
#PrixMoyenLieu{
position:relative;
top:-10px;
right:15px;
float:right;
width:30%;
height:100%;
font-size:var(--font-size-E);
color:var(--primary-color);
border:var(--border-color-H);
border-radius:3px 3px 3px 3px;
resize:none;
text-align:center;
word-wrap: break-word;
}
.RubPrixMoyen{
position:relative;
top:12px;
left:8px;
font-size:var(--font-size-G);
}
.ComplementDetailResultat{
position:relative;
left:0px;
right:0px;
background-image: linear-gradient(to right, rgba(0, 85, 164,1), rgba(0, 85, 164,0));
text-align:left;
font-size:var(--font-size-C);
width:95%;
}
#TitreLocalisationDetailResultat,#TitreComplementDetailResultat{
position:relative;
top:-10px;
font-weight:var(--font-weight-A);
color:var(--primary-color);
}
.PointDetailResultat{
position:relative;
top:0px;
left:5px;
font-weight:var(--font-weight-A);
color:var(--primary-color-A);
font-size:var(--font-size-D);
}
.ElementDetailResultat{
position:relative;
top:-5px;
left:5px;
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
.LienElementDetailResultat{
text-decoration:none;
}
.IconeMenuViewer{
width:30px;
}
.Tab{
position:relative;
top:0px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:50%;
}
#ViewerTable{
position:relative;
left:10px;
font-size:var(--font-size-C);
width:95%;
}
.TitreViewerTable{
font-weight:var(--font-weight-A);
color:var(--primary-color);
font-size:var(--font-size-C);
}
.DataViewerTable{
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
#bandeauFixeRap{
position:fixed;
top:66px;
left:0px;
width:90%;
height:35px;
overflow-y:auto;
z-index:3;
background-color:var(--primary-background-B);
}
#BandeauFixeRapCel{
position:absolute;
left:0px;
height:35px;
width:1000px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:var(--primary-background-B);
}
li {
float: left;
}
li a {
display: block;
color:var(--primary-color-D);
text-align: center;
padding: 5px 25px;
text-decoration: none;
}
li a:hover {
color:var(--primary-color-D);
cursor:pointer;
}
.TitreItemsRappFixe{
text-align:center;
}
.TitreRubRap{
font-size:var(--font-size-A);
color:var(--primary-color-D);
}
.TitreRubRap:hover{
font-size:var(--font-size-C);
color:var(--primary-color-D);
}
#TousIndex{
position:fixed;
top:105px;
left:115px;
max-height:250px;
overflow-x:hidden;
overflow-y:auto;
width:200px;
background-color:var(--primary-background-B);
z-index:3;
}
#AnnoncesIndex{
position:fixed;
top:105px;
left:200px;
max-height:250px;
overflow-x:hidden;
overflow-y:auto;
width:250px;
background-color:var(--primary-background-B);
z-index:3;
}
#FiltrerIndex{
position:fixed;
top:105px;
left:20px;
min-height:140px;
max-height:70%;
overflow-x:hidden;
overflow-y:auto;
border:var(--border-color-C);
width:250px;
background-color:var(--primary-background-C);
box-shadow:var(--box-shadow-B);
z-index:3;
}
input[type=checkbox] {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-border-radius:4px 4px 4px 4px;
height:15px;
width:15px;
background:var(--primary-background-C);
border:var(--border-color-C);
}
input[type="checkbox"]:checked {
background:var(--primary-background);
font-family:var(--ckeckbox-font-family);
content:'\f00c';
display:block;
color:var(--primary-color-E);
font-size:var(--font-size-C);
display:inline-block;
}
.SearchTitre{
position:relative;
top:-3px;
font-size:var(--font-size-C);
color:var(--primary-color-D);
}
.TitreIndexAccueil{
color:var(--primary-color-D);
font-size:var(--font-size-C);
width:95%;
margin:auto;
}
.ItemIndexAccueil{
width:75px;
height:75px;
display:inline-block;
margin:6px;
border-radius: 5px 5px 5px 5px;
background-color:var(--primary-background-C);
color:var(--primary-color-D);	
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ItemIndexAccueil:hover{
background-color:var(--primary-background-H);
color:var(--primary-color-D);	
}
.IconItemIndexAccueil{
position:relative;
top:5px;
left:0px;
right:0px;
margin:auto;
width:40px;
height:40px;
background-size: cover;
background-repeat:no-repeat; 
background-position:center;	
}
.LbIconItemIndexAccueil{
position:relative;
top:10px;
left:0px;
right:0px;
margin:auto;
text-align:center;
font-size:var(--font-size-G);
}
#MenuIndexAccueil{
display:none;
position:fixed;
top:75px;
right:50px;
float:right;
width: 300px;
height:500px;
background-color:var(--primary-background-C);
cursor:pointer;
z-index: 5;
border-radius:5px 5px 5px 5px;
box-shadow:var(--box-shadow);
}
#MenuIndexAccueilbody{
position:relative;
top:15px;
left:0px;
right:0px;
margin:auto;
width:100%;
height:95%;
overflow-x:hidden;
overflow-y:auto;
}
.ColorAnnonce{
position:relative;
top:-1px;
float:right;
right:0px;
width: 0;
height: 0;
border-style: solid;
border-width: 1px 70px 70px 1px;
border-color: transparent #0055A4 transparent transparent;
color:var(--primary-color-A);
}
.ColorAnnonce2{
position:relative;
top:-1px;
float:right;
right:0px;
width: 0;
height: 0;
border-style: solid;
border-width: 1px 70px 70px 1px;
border-color: transparent #EF4135 transparent transparent;
color:var(--primary-color-A);
}
.IconBandeauAnnonceCelluleSearch{
position:relative;
top:5px;
left:33px;
}
#PlanningCompDetailResultat{
position:relative;
top:0px;
left:5px;
}
.GeranceDetailResultat{
position:relative;
left:5px;
}
.ElementGeranceDetailResultat{
position:relative;
top:-4px;
left:3px;
font-size:var(--font-size-C);
color: var(--primary-color-D);
}
.TitreItemFilter{
position: relative;
left: 0px;
right: 0px;
text-align: left;
height:25px;
font-size:var(--font-size-A);
font-weight:var(--font-weight-A);
color:var(--primary-color);
width: 95%;
cursor:pointer;
border-bottom:var(--border-color-C);
}
.TitreItemFilterText{
position:relative;
left:5px;
}
.BtEffacerFilter,.BtLocationFilter{
position:relative;
left:0px;
right:0px;
margin:auto;
width:100px;
}
.ButtonEffacerFilterIndex{
position:relative;
left:0px;
right:0px;
margin:auto;
background-color:var(--primary-background-F);
}
#LoadIndex{
position:fixed;
top:50%;
transform: translateY(-50%);
left:0px;
right:0px;
margin:auto;
text-align:center;
background-color:var(--primary-background-C);
opacity:0.9;
height:125px;
width:225px;
border-radius:10px 10px 10px 10px;
box-shadow:var(--box-shadow);
z-index:9999999;
}
.filter{
border-top: none;
border-left: none;
border-right: none;
text-align: center;
border-radius: 15px 15px 15px 15px;
height: 30px;
border: none;
color: var(--primary-color-D);
background-color: var(--primary-background-G);
font-size: var(--font-size-E);
min-width: 80px;
max-width: 220px;
margin: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
align-items: center;
flex-direction: row;
justify-content: center;
}
#AutoSearch-list{
float:left;
list-style:none;
margin-top:-3px;
padding:0;
width:550px;
position: absolute;
top:55px;
left:-1px;
font-size:var(--font-size-C);
border-radius:0px 0px 5px 5px;
box-shadow:var(--box-shadow-A);
}
#AutoSearch-list li{
padding: 10px; 
background:var(--primary-background-C);
color:var(--primary-color-D);
width:100%;
text-align:left;
}
#AutoSearch-list li:hover{
background:var(--primary-background-H);
cursor: pointer;
}
#AutoSearch-list li label{
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
.DrapselectionAuto{
position:relative;
top:2px;
width:15px;
}
.ProfilselectionAuto{
position:relative;
top:8px;
width:30px;
border-radius:3px 3px 3px 3px;
}
.LinkImages{
margin:5px;	
cursor:pointer;
}
.Images{
margin:5px;
background:var(--primary-background-C);
border-radius:8px 8px 8px 8px;
border: var(--border-color-D);
display: inline-block;
position: relative;
overflow: hidden;
overflow-x: auto;
transform-origin: top left;
vertical-align: middle;
width: 120px;
height: 170px;
white-space: nowrap;
}
.ImagesRubrique{
margin:5px;
background:var(--primary-background-C);
border-radius:var(--border-radius);
box-shadow:var(--box-shadow);
display: inline-block;
position: relative;
overflow: hidden;
overflow-x: auto;
transform-origin: top left;
vertical-align: middle;
width: 200px;
height: 170px;
white-space: nowrap;
}
.VoirPlus{
position:relative;
top:0px;
left:0px;
right:0px;
margin:auto;
border:var(--border-color-D);
border-radius:17px 17px 17px 17px;
height:35px;
width:300px;
}
.VoirPlus:hover{
background-color:var(--primary-background-G);
color:var(--primary-color-D);
}
.LabelVoirPlus{
position:absolute;
top:7px;
left:0px;
right:0px;
bottom:0px;
margin:auto;
text-align:center;
color:var(--primary-color);
}
#UserComCheckpoint {
position: relative;
top: -6px;
font-size:var(--font-size-E);
font-weight:var(--font-weight-A);
color:var(--primary-color-G);
}
#dateComCheckpoint {
position: relative;
top: 9px;
right:10px;
font-size:var(--font-size-J);
font-weight:var(--font-weight-A);
color:var(--primary-color-G);
float: right;
}
#ComCheckpoint {
position: relative;
top: 0px;
font-size:var(--font-size-E);
color:var(--primary-color-D);
margin: 5px;
word-wrap: break-word;
width: 98%;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2){ /*iphone */
.radio{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color:var(--radio-background-color);
color: var(--radio-color);
top: 10px;
height: 30px;
width: 30px;
border: 0;
border-radius:50px 50px 50px 50px;
cursor: pointer;     
margin-right: 7px;
outline: none;
}
.radio:checked::before{
position: absolute;
font: 13px/1 'Open Sans', sans-serif;
left: 11px;
top: 7px;
color:var(--radio-color-checked-before);
content: '\02143';
transform: rotate(40deg);
}
.radio:hover{
background-color:var(--radio-background-color-hover);
}
.radio:checked{
background-color:var(--radio-background-color-checked);
}

#BarreDroiteSearch{
position:fixed;
top:0px;
width:100%;
height:120px;
right:0px;
left:0px;
margin:auto;
background:var(--primary-background-C);
z-index:3;
}
#IconeBarreSearchHaut{
position:absolute;
top:10px;
right:10px;
float:right;
width:25px;
z-index:3;
color:var(--primary-color);
z-index:99;
}
#SearchConnexionHaut{
position:fixed;
top:-15px;
float:right;
right:17px;
}
.SearchMenu{
position: fixed;
top: 20px;
float: right;
right: 5%;
display: inline-flex;
margin: 10px;
flex-direction: row-reverse;
align-content: stretch;
flex-wrap: nowrap;
align-items: stretch;
}
.Button1{
margin:10px;
background:var(--secondary-background);
width:40px;
height:40px;
display: flex;
justify-content: center;
align-items: center;
border-radius:var(--border-radius);
box-shadow:var(--box-shadow);
}
.Button1 img{
vertical-align: middle;	
max-width: 70%;
max-height: 70%;
object-fit: contain; 
margin: 30px;
}
.CelluleMenu{
position:relative;float:right;right:5px;	
}
.button3{
padding:6px 0 6px 0;
font:bold 13px Arial;
background:var(--primary-background);
color:var(--primary-color-A);
border-radius:2px 2px 2px 2px;
width:100px;
cursor:pointer;
border:none;
}
#SearchTxt{
Position:absolute;
top:23%;
left:0px;
right:0px;
width:100%;
height:150px;
margin:auto;
text-align:center;
z-index:4;
}
#SearchDestination{
position: fixed;
top: 26px;
right: 60px;
display: inline;
}
.DestSearch{
position:relative;
border-top:none;
border-left:none;
border-right:none;
text-align:center;
border-radius:15px 15px 15px 15px;
height:35px;
border:none;
color:var(--primary-color);
background: var(--secondary-background);
font-size:var(--font-size-A);
min-width:80px;
max-width:80%;
margin:5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline;
cursor:pointer;
}
.DestSearch option {
background-color:var(--primary-background-C);
color:var(--primary-color);
}
#SearchTitre{
position:relative;
left:0px;
right:0px;
margin:auto;
text-align:center;
}
.SearchTitre1{
font-size:var(--font-size-B);
color:var(--primary-color);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
text-shadow:var(--text-shadow);
}
.SearchTitre2{
font-size:var(--font-size-B);
color:var(--primary-color-B);
font-weight:var(--font-weight-A);
font-family:var(--font-family);
text-shadow:var(--text-shadow);
}
#TitreHautSmart{
position:absolute;
top:0px;
left:0px;
right:0px;
width:70%;
height:25px;
text-align:center;
margin:auto;
display:block;
}
.SearchTitre1Haut{
position:relative;
left:0px;
font-size:var(--font-size-K);
color:var(--color-Name1-plaform);
display:block;
font-weight:var(--font-weight-A);
display:block;
font-family:var(--font-family);
}
#Search{
position:relative;
top:25px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:320px;
height:48px;
border-radius:var(--border-radius);
background: var(--Background-barre-search);
box-shadow:var(--box-shadow-A);
}
#SearchHaut{
position:relative;
top:40px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:95%;
height:48px;
border-radius:var(--border-radius);
background:var(--Background-barre-search);
box-shadow:var(--box-shadow-A);
z-index: 99;
}
.ImgSearchHaut{
position:relative;
top:-2px;
left:2px;
float:left;
width:50px;
z-index:3;
}
.ImgSearch{
position:relative;
top:-2px;
left:0px;
float:left;
width:50px;
z-index:3;
}
#SearchChamp{
position:relative;
top:6px;
left:-15px;
width:225px;
height:30px;
border:none;
background: var(--Background-barre-search);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
color: inherit;
}
#SearchChamp:active{
background: var(--primary-background-B);	
}
#SearchChampHaut{
position:absolute;
top:5px;
left:50px;
right:0px;
text-align:left;
width:250px;
height:30px;
border:none;
background:var(--primary-background-B);
outline: none;
font-family:var(--font-family);
font-size:var(--font-size-C);
z-index:3;
}
#IconeLoupeSearch{
position:absolute;
top:12px;
float:right;
right:10px;
}
#ResultatSearch{
position:relative;
top:115px;
left:0px;
right:0px;
margin:auto;
background:var(--primary-background-B);
width:100%;
height:100%;
z-index:0;
overflow:hidden;
}
#CountResultat{
position:relative;
left:2px;
top:-10px;
width:100%;
color:var(--primary-color-D);
}
#CelluleSearchdetails{
width:100%;
background-color:var(--primary-background-C);
box-shadow: var(--box-shadow);
border-radius:var(--border-radius);
overflow:hidden;
}
#LogoCelluleSearch{
position: relative;
top: 5px;
border-radius:2px 2px 2px 2px;
width: 30px;
height: 30px;
object-fit: cover;
}
#TitreCelluleSearch{
position: relative;
top: -20px;
left: 40px;
height: 100%;
width: 85%;
word-wrap: break-word;
cursor: pointer;
}
#CommentaireLieuSearch{
position:relative;
top:-10px;
left:5px;
width:90%;
height:100%;
font-size:var(--font-size-C);
text-align:justify;
word-wrap:break-word;
border:none;
resize:none;
color:var(--primary-color-D);
}
#ImageLieuSmall{
width:100px;
height:100px;
border-radius:10px 10px 10px 10px;
text-align: center;
}
#TitreLieuSearch{
position:relative;
top:-5px;
word-wrap: break-word;
}
#TitreLieu2Search{
position: relative;
top: -4px;
left: -7px;
font-size:var(--font-size-C);
font-style:Normal;
color:var(--primary-color-D);
word-wrap: break-word;
font-weight:var(--font-weight-B);
}
#CelluleImageLieuSearch{
position:relative;
top:30px;
float:right;
}
#ImageLieuSearch{
width:150px;
height:150px;
}
#DetailResultat,#LecteurRadios{
position:fixed;
top:0px;
left:0px;
z-index:99999;
width:100%;
height:100%;
z-index:99999;
background:var(--primary-background-C);
-webkit-animation:ViewerAni 0.5s;
-moz-animation:ViewerAni 0.5s;
-ms-animation:ViewerAni 0.5s;
overflow-x:hidden;
overflow-y:hidden;
}
@keyframes ViewerAni {
0% { transform: translate(-1000px, 0px);}
100% { transform: translate(0px, 0px);}
}
#Message_Zero_Resultat{
height:500px;
}
#BandeauHautDetailResultat{
position:relative;
top:0px;
z-index:2500;
display:block;
background:var(--primary-background-B);
}
#ClearSearch{
display:block;
border-radius:5px 5px 5px 5px;
width:40px;
height:40px;
background:var(--primary-background-B);
}
#DetailResultatBody{
position: absolute;
top:0px;
left:0px;
right:0px;
margin:auto;
width: 100%;
height:80%;
z-index:2000;
background-color:var(--primary-background-C);
font-size:var(--font-size-E);
overflow-y:auto;
height:100%;
overflow-x: hidden;
}
#DetailLecteurBody{
position: absolute;
top:0px;
left:0px;
right:0px;
margin:auto;
width: 100%;
height:80%;
z-index:2000;
background-color:var(--primary-background-C);
font-size:var(--font-size-E);
overflow-y:auto;
height:100%;
overflow-x: hidden;
}
#BtReduire{
position:absolute;
top:5px;
left: 85%;
cursor:pointer;
width:42px;
background-color:var(--primary-background-B);
border-radius:2px 2px 2px 2px;
}
#BtAfficherDetails{
position:absolute;
top:5px;
left:5px;
float:left;
cursor:pointer;
width:42px;
background-color:var(--primary-background-C);
border-radius:2px 2px 2px 2px;
z-index:1;
}
#DetailResultatBody2{
position: absolute;
top:0px;
left:0px;
right:0px;
margin:auto;
width: 100%;
height:80%;
z-index:1500;
background-color:var(--primary-background-E);
font-size:var(--font-size-E);
overflow-y:auto;
height:100%;
overflow-x: hidden;
}
#StarDetailResultat{
position: absolute;
top: 210px;
right: 10px;
margin: auto;
text-align: right;
}
.IMGStar{
width:70px;
}
#NoteStars{
position: relative;
top: -53px;
right: 20px;
margin: auto;
text-align: right;
}
.NoteStar{
font-weight:var(--font-weight-A);
font-size:var(--font-size-F);
color:var(--primary-color-A);
}
.PhotosSLieu {
width: 100%;
height: 100%;
}
#TitreDetailResultat{
position:relative;
top:-15px;
width:100%;
width:90%;
color:var(--primary-color);
}
#TitreView{
position:relative;
top:12px;
left:5px;
width:80%;
font-size:var(--font-size-D);
}
#ImgDetailResultat{
position:relative;
top:0px;
width:100%;
height:250px;
}
#ImageLieuViewer{
position: relative;
left:0px;
width:100%;
max-height:350px;
object-fit: cover;
}
.ImageLieuViewerVideo{
width:100%;
height:350px;
}
#ImageLieuViewer2{
width:100%;
height:100%;
}
#CommentaireDetailResultat,#LocalisationDetailResultat{
position:relative;
left:0px;
right:0px;
margin:5px;
font-size:var(--font-size-C);
color:var(--primary-color-D);
text-align:left;
width:95%;
}
#PrixMoyenLieu{
position:relative;
top:-10px;
right:15px;
float:right;
width:30%;
height:40px;
font-size:var(--font-size-E);
color:var(--primary-color);
border:var(--border-color-H);
border-radius:3px 3px 3px 3px;
resize:none;
text-align:center;
word-wrap: break-word;
}
.RubPrixMoyen{
position:relative;
top:12px;
left:8px;
font-size:var(--font-size-G);
}
.ComplementDetailResultat{
position:relative;
left:0px;
right:0px;
background-image: linear-gradient(to right, rgba(0, 85, 164,1), rgba(0, 85, 164,0));
text-align:left;
font-size:var(--font-size-C);
width:95%;
}
#TitreLocalisationDetailResultat,#TitreComplementDetailResultat{
position:relative;
top:-10px;
font-weight:var(--font-weight-A);
color:var(--primary-color);
}
.PointDetailResultat{
position:relative;
top:0px;
left:5px;
font-weight:var(--font-weight-A);
color:var(--primary-color-A);
font-size:var(--font-size-D);
}
.ElementDetailResultat{
position:relative;
top:-5px;
left:5px;
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
.LienElementDetailResultat{
text-decoration:none;
}
.IconeMenuViewer{
width:30px;
}
.Tab{
position:relative;
top:0px;
left:0px;
right:0px;
margin:auto;
text-align:center;
width:50%;
}
#ViewerTable{
position:relative;
left:10px;
font-size:var(--font-size-C);
width:95%;
}
.TitreViewerTable{
font-weight:var(--font-weight-A);
color:var(--primary-color);
font-size:var(--font-size-C);
}
.DataViewerTable{
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
#bandeauFixeRap{
position:relative;
top:37px;
left:0px;
right:0px;
margin:auto;
width:90%;
height:35px;
overflow-y:auto;
z-index:3;
background-color:var(--primary-background-B);
}
#BandeauFixeRapCel{
position:absolute;
left:0px;
height:35px;
width:1200px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color:var(--primary-background-B);
}
li {
float: left;
}
li a {
display: block;
color:var(--primary-color-D);
text-align: center;
padding: 5px 25px;
text-decoration: none;
}
li a:hover {
color:var(--primary-color-D);
cursor:pointer;
}
.TitreItemsRappFixe{
text-align:center;
}
.TitreRubRap{
font-size:var(--font-size-A);
color:var(--primary-color-D);
}
.TitreRubRap:hover{
font-size:var(--font-size-A);
color:var(--primary-color-D);
}
#TousIndex{
position:fixed;
top:125px;
left:93px;
max-height:250px;
overflow-x:hidden;
overflow-y:auto;
width:250px;
background-color:var(--primary-background-B);
z-index:3;
}
#AnnoncesIndex{
position:fixed;
top:125px;
left:100px;
max-height:250px;
overflow-x:hidden;
overflow-y:auto;
width:250px;
background-color:var(--primary-background-B);
z-index:3;
}
#FiltrerIndex{
position:fixed;
top:125px;
left:0px;
right:0px;
margin:auto;
min-height:140px;
max-height:70%;
overflow-x:hidden;
overflow-y:auto;
border:var(--border-color-C);
width:98%;
background-color:var(--primary-background-C);
box-shadow:var(--box-shadow-B);
z-index:3;
}
input[type=checkbox] {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-border-radius:4px 4px 4px 4px;
height:15px;
width:15px;
background:var(--primary-background-C);
border: var(--border-color-C);
}
input[type="checkbox"]:checked {
background: var(--primary-color);
font-family:var(--ckeckbox-font-family);
content:'\f00c';
display:block;
color:var(--primary-color-E);
font-size:var(--font-size-C);
display:inline-block;
}
.SearchTitre{
position:relative;
top:-3px;
font-size:var(--font-size-C);
color:var(--primary-color-D);
}
.TitreIndexAccueil{
color:var(--primary-color-D);
font-size:var(--font-size-C);
width:95%;
margin:auto;
}
.ItemIndexAccueil{
width:75px;
height:75px;
display:inline-block;
margin:10px;
border-radius: 5px 5px 5px 5px;
background-color:var(--primary-background-C);
color:var(--primary-color-D);	
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ItemIndexAccueil:hover{
background-color:var(--primary-background-H);
color:var(--primary-color-D);
}
.IconItemIndexAccueil{
position:relative;
top:5px;
left:0px;
right:0px;
margin:auto;
width:40px;
height:40px;
background-size: cover;
background-repeat:no-repeat; 
background-position:center;		
}
.LbIconItemIndexAccueil{
position:relative;
top:10px;
left:0px;
right:0px;
margin:auto;
text-align:center;
font-size:var(--font-size-G);
}
#MenuIndexAccueil{
display:none;
position:fixed;
top:75px;
right:17px;
float:right;
width: 300px;
height:500px;
background-color:var(--primary-background-C);
z-index: 5;
border-radius:5px 5px 5px 5px;
box-shadow:var(--box-shadow);
}
#MenuIndexAccueilbody{
position:relative;
top:15px;
left:0px;
right:0px;
margin:auto;
width:100%;
height:95%;
overflow-x:hidden;
overflow-y:auto;
}
.ColorAnnonce{
position:relative;
top:-1px;
float:right;
right:0px;
width: 0;
height: 0;
border-style: solid;
border-width: 1px 70px 70px 1px;
border-color: transparent #0055A4 transparent transparent;
color:var(--primary-color-A);
}
.ColorAnnonce2{
position:relative;
top:-1px;
float:right;
right:0px;
width: 0;
height: 0;
border-style: solid;
border-width: 1px 70px 70px 1px;
border-color: transparent #EF4135 transparent transparent;
color:var(--primary-color-A);
}
.IconBandeauAnnonceCelluleSearch{
position:relative;
top:5px;
left:33px;
}
#PlanningCompDetailResultat{
position:relative;
top:0px;
left:5px;
}
.GeranceDetailResultat{
position:relative;
left:5px;
}
.ElementGeranceDetailResultat{
position:relative;
top:-4px;
left:3px;
font-size:var(--font-size-C);
color: var(--primary-color-D);
}
.TitreItemFilter{
position: relative;
left: 0px;
right: 0px;
text-align: left;
height:25px;
font-size:var(--font-size-A);
font-weight:var(--font-weight-A);
color:var(--primary-color);
width: 95%;
cursor:pointer;
border-bottom:1px solid var(--primary-color-E);
}
.TitreItemFilterText{
position:relative;
left:5px;
}
.BtEffacerFilter,.BtLocationFilter{
position:relative;
left:0px;
right:0px;
margin:auto;
width:100px;
}
.ButtonEffacerFilterIndex{
position:relative;
left:0px;
right:0px;
margin:auto;
background-color:var(--primary-background-F);
}
#LoadIndex{
position:fixed;
top:50%;
transform: translateY(-50%);
left:0px;
right:0px;
margin:auto;
text-align:center;
background-color:var(--primary-background-C);
opacity:0.9;
height:125px;
width:225px;
border-radius:10px 10px 10px 10px;
box-shadow:var(--box-shadow);
z-index:9999999;
}
.filter{
border-top: none;
border-left: none;
border-right: none;
text-align: center;
border-radius: 15px 15px 15px 15px;
height: 30px;
border: none;
color: var(--primary-color-D);
background-color: var(--primary-background-G);
font-size: var(--font-size-E);
min-width: 80px;
max-width: 220px;
margin: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
align-items: center;
flex-direction: row;
justify-content: center;
}
#AutoSearch-list{
float:left;
list-style:none;
margin-top:-3px;
padding:0;
width:300px;
position: absolute;
top:55px;
left:-1px;
font-size:var(--font-size-C);
border-radius:0px 0px 5px 5px;
text-align:left;
box-shadow:var(--box-shadow-A);
z-index:99;
}
#AutoSearch-list li{
padding: 10px; 
background:var(--primary-background-C);
color:var(--primary-color-D);
width:100%;
text-align:left;
}
#AutoSearch-list li:hover{
background:var(--primary-background-H);
cursor: pointer;
}
#AutoSearch-list li label{
color:var(--primary-color-D);
font-size:var(--font-size-C);
}
.DrapselectionAuto{
position:relative;
top:2px;
width:15px;
}
.ProfilselectionAuto{
position:relative;
top:8px;
width:30px;
border-radius:3px 3px 3px 3px;
}
.LinkImages{
cursor:pointer;
}
.Images{
margin:5px;
background:var(--primary-background-C);
border-radius:8px 8px 8px 8px;
border: var(--border-color-D);
display: inline-block;
position: relative;
overflow: hidden;
overflow-x: auto;
transform-origin: top left;
vertical-align: middle;
width: 120px;
height: 170px;
white-space: nowrap;
}
.ImagesRubrique{
margin:5px;
background:var(--primary-background-C);
border-radius:var(--border-radius);
box-shadow:var(--box-shadow);
display: inline-block;
position: relative;
overflow: hidden;
overflow-x: auto;
transform-origin: top left;
vertical-align: middle;
width: calc(50% - 10px);
height: 170px;
white-space: nowrap;
}
.VoirPlus{
position:relative;
top:0px;
left:0px;
right:0px;
margin:auto;
text-align:center;
border:var(--border-color-D);
border-radius:17px 17px 17px 17px;
height:35px;
width:80%;
max-width:300px;
}
.VoirPlus:hover{
background-color:var(--primary-background-G);
color:var(--primary-color-D);
}
.LabelVoirPlus{
position:absolute;
top:7px;
left:0px;
right:0px;
bottom:0px;
margin:auto;
text-align:center;
color:var(--primary-color);
}
#UserComCheckpoint {
position: relative;
top: -6px;
font-size:var(--font-size-E);
font-weight:var(--font-weight-A);
color:var(--primary-color-G);
}
#dateComCheckpoint {
position: relative;
top: 9px;
right:10px;
font-size:var(--font-size-J);
font-weight:var(--font-weight-A);
color:var(--primary-color-G);
float: right;
}
#ComCheckpoint {
position: relative;
top: 0px;
font-size:var(--font-size-E);
color:var(--primary-color-D);
margin: 5px;
word-wrap: break-word;
width: 98%;
}
}