body {
background: linear-gradient( to left, #d920202e 40%, #ffd7003d 15% 60% 
  );
}

a img:hover {
opacity: 1;
}



.retour {
position: fixed;
left:38;
bottom:72;
}


.refresh {
transform: rotate(-30deg);
position: fixed;
left:40;
top:500;
z-index: 3;
background: none;
border: none;
}

.refresh:hover{
filter: invert(100);
} 


.panorama_button_prev {
  display: table-cell;
  background-image: url("images/pt/triangle-gauche.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20;
  height: 45;
  }

.panorama_button_next {
  display: table-cell;
  background-image: url("images/pt/triangle-droite.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20;
  height: 45;
  }
  
body {
      margin: 0;
      min-height: 100vh;

      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;

      transition: background-image 1s ease-in-out;
    }
  
  
@font-face {
font-family: 'mistral';
src: url('Mistral.otf');
font-weight: normal;
font-style: normal;
}

.hr_style{
	background-color:black;
}

.doctext_C_1, .gdtitrerubrique, .titrerubrique, .textedate, .lien_couleur, .lien_couleur:link, .lien_couleur:active, .lien_couleur:visited {
		color:black;
}

.lien_extern, .lien_extern:link, .lien_extern:active, .lien_extern:visited {
color:black;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}

.lien_extern:hover {
color:white;
}

.menu_burger:before, .menu_burger:after, .menu_burger div{
   background: black;
}

.header_img, .mobile_icon, .panorama_buttons_img {
   filter: invert(8%) sepia(84%) saturate(100%) hue-rotate(235deg) brightness(83%) contrast(126%);
}

#slogan_home, .legende, .mistral, .gdtitrerubrique, .titrerubrique {
	font-family: 'mistral';
}

.gdtitrerubrique, .titrerubrique {
text-transform: lowercase;
}

.gdtitrerubrique {
	font-size:50;
  line-height: 1.5;
}

.mistral, .titrerubrique {
	font-size:35;
  line-height: 1.1;
}


.notice {
font-size: 13pt;
}

#slogan_home {
	font-size:50;
}

#home img, #home_mobile img {
filter: grayscale(100%);
}

#home img:hover {
filter: grayscale(100%);
}

.underline, .menu:hover { 
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}

.legende {
font-size:70; /*afficher 100 sur grand ecran*/
line-height:1em;
z-index: 2;
position:absolute;
left:0;
margin-top:-120;
width:100%;
color:white;

}


@media all and (min-width: 100px) and (max-width:1200px) {

.legende {
display: none;
}
.langue {
position: fixed;
left:30;
bottom:70;
}
}

@media all and (min-width: 100px) {
img.responsive {
  width: 800px;
}
#home {
  width: 600px;
}
}

@media all and (min-width: 1000px) {
#home {
  width: 800px;
}
}


@media all and (min-width: 1200px) {
img.responsive, #home {
  width: 1000px;
}
.langue {
position: fixed;
right:30;
bottom:30;
}
}

.legende {
display: none;
}

.legende p {
margin-top:30;
}


.survol:hover .legende {
display: block;

} 

/*
.survol:hover .legende {
display: block;
transition: all 0.6s ease;
font-size:40;
z-index: 2;
position:fixed;
left:0;
top:0;
height:120;
width:100%;
color:white;
background-color: black;
} 
}
*/

@media all and (min-width: 1400px){
img.responsive {
  width: 1100px;
}
}

@media all and (min-width: 1600px){
.responsive_home {
  width: 1500px;
}
#home {
  width: 1000px;
}
}

@media all and (min-width: 1900px){
.responsive_home {
  width: 1900px;
}
#home {
  width: 1500;
}
}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}