/*
	Theme Name: terre de peyre - portail
*/


  body  { background-color: #eee;  font-size:12px; line-height:20px;  font-family: Helvetica, sans-serif; margin:0px; background-image:url(../../wp-content/themes/tdp/libs/images/bg.png); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;  }
  .gridly-image { height:160px; overflow:hidden; }
.gridly-image1 { height:320px; overflow:hidden; }
  #wrap { width:98%; margin-left:1%;margin-bottom: 100px;}
  #accTitre { margin:auto; width:50%; max-width:980px; text-align:center; }
  #accTitre h1 { color:#FFFFFF !important; text-shadow:1px 1px 3px #666 !important; }
/* font styles */	
  h1  { font-size:36px; line-height:41px; color:#000000; padding:0px; margin:0px; font-weight:bold; padding-bottom:5px; padding-top:5px; }
  h2  { font-size:20px; line-height:23px; color:#000000; padding:0px; margin:0px; font-weight:bold; }
  h3  { font-size:15px; line-height:25px; color:#858585; padding:0px; margin:0px; font-weight:normal;   }
  h4  { font-size:15px; line-height:25px; color:#000000; padding:0px; margin:0px; font-weight:normal; font-weight:bold;  } 
  h5  { font-size:13px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal;  }
  h6  { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal;  } 
  p   { font-size:12px; color:#454545; line-height:22px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif; text-align:justify; }

/* list Styles */
  ul 	{ padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ul li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:square;}
  ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px;  list-style-type: decimal; }
  hr 	{ background:url(https://www.terredepeyre-lozere.com/popup-tdp/libs/images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;}
	
/* link styles */	
  a:link 		{color:#444444; text-decoration: none;} 
  a:visited 	{color:#444444; text-decoration: none;}
  a:hover 		{color:#000000; text-decoration: none;}
  a:active 		{color:#444444; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	
	img {border:none}
/* header nav styles */ 
  #header 			 { width:100% }
  #logo 			 { margin-top:35px; margin-bottom:15px; }
  #nav 				 { width:100%; background:url(https://www.terredepeyre-lozere.com/popup-tdp/libs/images/bg-row.png) top left repeat-x; height:57px; overflow:hidden;   }
  #nav ul 			 {	display: inline; list-style: none;  margin:0px; padding:0px; height:42px; line-height:42px; clear:both;   }
  #nav ul li 		 { float: left;  display: inline;  font-size: 12px; margin:0px; padding:0px;   }
  #nav ul li a 		 { display:block; height:42px; margin-right:20px; text-decoration:none; margin-top:10px;  }
  #nav ul li a:hover { }
  	
/* footer styles */
  #footer-area 					{ width:100%; display:inline; padding-top:10px; margin-top:20px; }
  #footer-area .widget 			{ width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  #footer-area .widget h3 		{ color:#858585;}
  #footer-area .widget p    	{ color:#000;}
  #footer-area .widget ul   	{ margin-left:0px;}
  #footer-area .widget li   	{ color:#858585; }
  #footer-area .widget a 		{ color:#444444;}
  #footer-area .widget a:hover  { color:#000;}
  #footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} 

/* copyright styles */ 
  #copyright { width:100%; }
  #copyright p { padding-top:15px; color:#4f5356; font-size:12px; }
  #copyright a 	{color:#858585;	text-decoration: none;} 
  #copyright a:hover 	{color:#000000; text-decoration: underline;}
 
 


/* css de la pour masonry */
#container {
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px;
  clear: both;
}

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 5px;
  background: #fff;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.gridly-image img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}





/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}
  
  
  
.liresuite {
    float: right !important;
    text-decoration: underline !important;
}
.liresuite:hover{
    float: right !important;
    text-decoration: none !important;
}
  
  


.col1 { width: 80px; height:500px}
.col2 { width: 180px; height:500px}
.col3 { width: 280px; height:300px}
.col4 { width: 280px; height:620px}
.col5 { width: 580px; height:620px}

.col1 img { max-height: 80px; }
.col2 img { max-height: 180px; }
.col3 img { max-height: 200px; }
.col4 img { max-height: 250px; }
.col5 img { max-height: 380px; }

/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; height:500px}
.has-gutters .col2 { width: 230px; height:270px}
.has-gutters .col3 { width: 370px; height:200px}
.has-gutters .col4 { width: 550px; height:620px}
  
  
	.iconminisite ul{display:block;}
	.iconminisite ul li{  
		display: inline;
		list-style: none outside none;
		margin: 0;
		padding: 0;
	}	


	.iconminisite{
	float:left;
	bottom:0px;
	position:absolute;
	display:inherit;
	}
/***********Recherche************/
.plus {
	float: right;
    padding-right: 60px;
}
.moins{
	float: left;
    padding-right: 60px;
}	
 
  
  
  
/*tdp */

.radius{ 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;	
	}
	
	.radius_bottom{ 
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	.radius_top{
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		 border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;	
	}
.shadow{-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
box-shadow: 0 0 3px rgba(0,0,0,.5);  }


#topbar{background-color:#fff; width:100%; position:fixed; top:0px; z-index:100000; height:110px;}
#topbar .reseaubtn, #topbar .infoicone, #topbar .mapicone, #topbar .diapoicone{ float:left;}
#topbar .reseaubtn{margin-right:20px;}

#topbar span{    float: right;
    font-size: 13px;
    margin-right: 30px;
    padding-top: 34px;
    width: 175px;
	color:#666;}
#topbar #nav{ float:left; width:auto;}

#topbar .recherchehead {
	background-color: #f5f5f5;
    height: 50px;
    margin: 10px;
    padding: 5px 31px 34px 10px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 246px;}

#topbar .recherchehead #searchform {background-color:#fff; border:1px solid #ccc; width: 265px;}	
#topbar .recherchehead #searchform input{border:none; padding:8px;}
#topbar .recherchehead #searchform #searchsubmit{background-color:#fff; background-image:url(https://www.terredepeyre-lozere.com/popup-tdp/libs/images/icone-recherche.png); background-position:center center; background-repeat:no-repeat;  float: right; margin-right: 10px;
    padding: 6px 13px 6px 6px;}
.lgInputSearch { width: 210px;  border-radius: 15px 15px 15px 15px;}


.carte, .diapo{position:absolute; width:100%; height:100%; left:0px; top:110px;}	
.camera_pag{   left: 25%;position: absolute; top: 40px;width: 50%;}
.camera_pag_ul {text-align: center !important;}
.camera_loader {position:absolute !important; top:200px !important; }
.icondiapofull, .icondiapofullreset{  left: 25%;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 50%;
  }
	.icondiapofullreset{display:none;}
	
	.camera_wrap .camera_pag .camera_pag_ul li {
    background: none repeat scroll 0 0 #666666 !important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: none repeat scroll 0 0 #EEE !important;
}
.camera_pie{display:none !important}
	

	
.footerpanel{background-color:#fff;margin-top: 20px;  position:fixed;
    width: 100%; height:50px; bottom:0px;}	
.insidefooterpanel{width:90%; margin-left:auto; margin-right:auto; }
.openfooter img, .closefooter img{padding:11px; float:left; position:absolute; left:0px}
.closefooter img {opacity:0; display:none;}

#modalreseau{width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;z-index: 10000000; display:none;}
.modalinsinde{width:50%; min-height:25%; background-color:#fff; padding:20px;z-index: 10000001; position:absolute; left:25%; top:25%; display:none; opacity:0;}
.closemodal { float:right; cursor:pointer;}
.modalinsinde  h2 {
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    margin: 15px 0 0;
    padding: 0;
}

@media (max-width: 1224px) {
	#topbar span{ 
    font-size: 12px;
    margin-right: 3px;
    width: 120px;
	}
}
@media (max-width: 1050px) {
	#topbar span {display:none;}
	#topbar .reseaubtn, #topbar .infoicone, #topbar .mapicone, #topbar .diapoicone {    margin-right: 90px;}	
}
@media (max-width: 1024px) {		
	#post-area .post {margin-right: 30px;}
	#footer-area .widget { width:auto; margin-right:auto; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
	#footer-area .widget-copy 	{ width:auto; overflow:hidden; display:inline; float:left; margin-left:10px;} 
	.footerpanel{background-color:#fff;margin-top: 20px;  position:relative;	width: 100%; height:250px; bottom:0px;}
	.openfooter{display:none;}
}
@media (max-width: 920px) {
	#topbar .reseaubtn, #topbar .infoicone, #topbar .mapicone, #topbar .diapoicone {    margin-right: 30px;}	
	#topbar span{ margin-right: 3px;	}
	.lgInputSearch {   width: 95px;}
	#topbar .recherchehead #searchform { width: 250px;}
}
@media (max-width: 750px) {
	#topbar .reseaubtn, #topbar .infoicone, #topbar .mapicone, #topbar .diapoicone {    margin-right: 30px;}	
	#topbar span{ margin-right: 3px;	}
	#topbar .infoicone img, #topbar .mapicone  img, #topbar .diapoicone  img {height:60px; width:40px;}
	#topbar .reseaubtn img{ height:65px; width:65px;}
	.recherchehead img{display:none;}
	#topbar .recherchehead {	background-color:#fff;	height:5px;}
	#topbar .shadow {	box-shadow: none}	
	#topbar {height: 65px;}
	.lgInputSearch {   width: 145px;}
	#topbar .recherchehead #searchform { width: 200px;}
	#topbar .recherchehead { width: 200px;}
}
@media (max-width: 590px) {
	#topbar span{ margin-right: 0px;	}
	.lgInputSearch {   width: 95px;}
	#topbar .recherchehead #searchform { width: 150px;}
	#topbar .recherchehead { width: 150px;}
}

@media (max-width: 495px) {
	html { margin-top: 70px;}
	body{background-image:none;}
	#topbar {height: 65px;}
	#topbar .infoicone img, #topbar .mapicone  img, #topbar .diapoicone  img {height:60px; width:40px;}
	#topbar .reseaubtn img{ height:65px; width:65px;}
	#topbar .recherchehead {padding-right:2px;}
	#copyright p {padding-left: 20px;}
	#topbar .reseaubtn, #topbar .infoicone, #topbar .mapicone, #topbar .diapoicone {    margin-right: 3px;}	
	#post-area .post {width: 90%;}
	#post-area .post .gridly-image img{ width:100%; height:auto;}
	.modalinsinde {  left: 1%;  top: 10%; width: 85%;}
}
@media (max-width: 375px) {
	#topbar span, #topbar .recherchehead {display:none;}
}

@media (max-width: 638px) {
	.col1 { width: 280px; height:310px;}
	.col2 { width: 280px; height:auto !important;}
	.col3 { width: 280px; height:300px;}
	.col4 { width: 280px;}
	.col5 { width: 280px;}

	
	/**** Gutters ****/

	.has-gutters .box {
	  margin: 5px 0;
	}

	.has-gutters .col1 { width: 280px; }
	.has-gutters .col2 { width: 280px; }
	.has-gutters .col3 { width: 280px; height:300px;}
	.has-gutters .col4 { width: 280px; }
}