/**
*
*		Media queries
**/


/* Portrait tablets to landscapes and desktops */
@media only screen and (max-width:61.188em), only screen and (max-width: 979px), all and (max-width:1025px) and (orientation:landscape) {
html { font-size: 90%; padding: 0; margin: 0; }	
body { font-size: 90%; padding: 0; margin: 0; }    
.timeglider-logo{
display:none !important;
}  
}


/* Phones and little tablets */
@media only screen and (max-width:47.938em) and (orientation:portrait), only  screen and (max-width: 767px) and (orientation:portrait),only screen and (max-width:47.938em) and (orientation:landscape), only  screen and (max-width: 767px) and (orientation:landscape) {
  
html { font-size: 80%; padding: 0; margin: 0; }
body { font-size: 80%; padding: 0; margin: 0; }
.timeglider-logo{
display:none !important;
}
	
}


/* Smart Phones */
@media handheld, only screen and (max-device-width: 31.250em), only screen and (max-device-width: 641px), only screen and (max-width: 641px) and (orientation:landscape), only screen and (min-width: 321px) and (max-width: 500px), only screen and (max-width:321px) and (orientation:portrait) {
	
}
	

/* Petits écrans */
@media handheld,  media all and (max-width: 640px), media all and (max-width:321px) and (orientation:portrait)  {
}



/* 641 paysage uniquement*/
@media all and (max-width:641px) and (orientation:landscape)  {
#p1 {
			margin:10px;
			margin-bottom:0;
			height:400px;
		}
h1{
font-size:1em;line-height:0.8em;
padding:0;
margin-top:0;
margin-bottom:0;
}
h2 {
font-size:1em;line-height:0.9em;
}
h3 {
font-size:15px;line-height:15px;
}
h4{
font-size:15px !important;
}
.tg-modal-video, .tg-modal_map {
	display:none;
}

.tg-full_modal h4 {
	width:100%!important;
}

.tg-full_modal-body img {
display:block;
clear:both;
position:relative;
}

.method ul li a {
  font-size:11px !important;
  margin:8px 8px 0 0 !important;
  padding:2px 6px;
}
.timeglider-logo{
display:none !important;
}

.timeglider-filter-box {
  width:80% !important;
}

.timeglider-filter-bt {
	right:5% !important; 
}

.timeglider-settings-bt {	
	left:5% !important;  	
}


}


/* 321 portrait uniquement*/
@media all and (max-width:321px) and (orientation:portrait)  {
#p1 {
			width:100%!important;
			margin:0px !important;
			margin-bottom:0;
			height:600px !important;
		}
h1{
font-size:1em;line-height:0.8em;
padding:0;
margin-top:0;
margin-bottom:0;
}
h2 {
font-size:1em;line-height:0.9em;
}
h3 {
font-size:15px;line-height:15px;
}
h4{
font-size:15px !important;
}
.tg-timeline-modal {
  background-color:#201E1B;
  border:2px solid rgba(114, 109, 98, 0.901961);
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  height:auto;
  padding:0;
  margin:0;
  margin-top:2%;
  width:320px !important;
  height:auto ! important;
  z-index:99999999905;
 }
 
 .ui-widget-content >div {
 width:200px ! important;
 }
 
.tg-timeline-modal p img{
  max-width:90%;
  display:block;
  clear:both;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
  text-align:justify;
}

.timeglider-ev-modal p img { 
  width:90%; 
  height:auto !important;
  display:block;
  clear:both;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
}

.tg-modal-video, .tg-modal_map {
	display:none;
}

.tg-full_modal h4 {
	width:100%!important;
}


.tg-full_modal p {
	width:100% !important;
	float:right;
	margin-right:2%;
	margin-top:12px;
}

.tg-full_modal-vidimg {
display:none !important;
}


.tg-full_modal-body img {
display:none !important;
}

.tg-date-display noselect{
font-size:.8em;
}
.timeglider-logo{
display:none !important;
}
.timeglider-filter-box {
   width:80% !important;
}
.timeglider-filter-bt {
	right:1% !important;
}

.timeglider-settings-bt {	
	left:1% !important; 	
}
}


@media all (max-width: 40.000em), media all (max-width: 640px) {

}

@media all (max-width: 37.500em), media all (max-width: 600px) {

	

}


@media all (max-width: 28.125em), media all (max-width: 450px) {

	

}

@media all (max-width: 21.875em), media all (max-width: 350px) {

	

}