#primary-nav {
  background-color: #525252;
}

.logo { margin: 1%; }

a { color: #900020; text-decoration: none; }
a:hover { color: #800000; text-decoration: underline; }

h1 { font-size: 31.5px; color: #3d2b1f; }
h2 { font-size: 24.5px; color: #3d2b1f; margin-top: 2%; }
h2 a { color: #cd5700 }
h2 a:hover { color: #cd5700 }
h3 { font-size: 17.5px; color: #3d2b1f; margin-top: 2%; }
h3 a { color: #cd5700 }
h3 a:hover { color: #cd5700 }
h4 { font-size: 14px; color: #3d2b1f; }
h4 a { color: #cd5700 }
h4 a:hover { color: #cd5700 }

.homeBackground {
	background: #8d451f url("https://www.landolia.com/design/home-bg-1.jpg") no-repeat top center;
}
/*
background: #8d451f url("https://www.landolia.com/design/home-bg-1.jpg") no-repeat top center;
background: #575256 url("https://www.landolia.com/design/home-bg-2.jpg") no-repeat top center;
background: #6083a3 url("https://www.landolia.com/design/home-bg-3.jpg") no-repeat top center;
background: #ab8761 url("https://www.landolia.com/design/home-bg-4.jpg") no-repeat top center;
background: #4a555f url("https://www.landolia.com/design/home-bg-6.jpg") no-repeat top center;
background: #d4c295 url("https://www.landolia.com/design/home-bg-7.jpg") no-repeat top center;
background: #bc0a22 url("https://www.landolia.com/design/home-bg-8.jpg") no-repeat top center;
background: #c1c3c8 url("https://www.landolia.com/design/home-bg-9.jpg") no-repeat top center;
background: #60922f url("https://www.landolia.com/design/home-bg-10.jpg") no-repeat top center;
background: #481a0b url("https://www.landolia.com/design/home-bg-11.jpg") no-repeat top center;
background: #123a58 url("https://www.landolia.com/design/home-bg-12.jpg") no-repeat top center;
*/




.avatar_large { border: #635147 1px solid; height:50px; width:50px; }
.avatar_small { border: #635147 1px solid; height:26px; width:26px; }
.imgavatarsmall { height:24px; width:24px; }
.imgavatarlarge { height:48px; width:48px; }

#home_logo_box { margin: 4% 2% 4% 2%; text-align: center; }
#home_logo_box .home_intro_text { margin-top: 40px; margin-bottom: 40px; font-size: 13px; color: #000; line-height: 25px; text-shadow: 1px 1px 1px #f5f5dc; }
#home_logo_box input.search { border-radius: 16px; font-size: 16px; background-color: #edc9af; border:2px solid #9a6139; padding:1% 2% 1% 2%; width: 90%; outline: none; box-shadow:none !important; }
#home_logo_box .inputValDefaut { color: #ac8a8d }
#home_logo_box .inputValDefautValeur { color: #953740 }


#footer { background-color: #f4f0ec; color: #483c32; font-size: 11px; padding: 15px; margin:0; }
#footer .copyright { text-align: center; padding-top: 30px }
@media (min-width: 768px) {
    #footer .row .col-md-3 .footer_vertical_split { border-right: 1px solid #d2d2d2; height: 150px; box-shadow: 1px 0px 0px #fff; }
}
@media (max-width: 767px) {
    #footer .row .col-md-3 .footer_vertical_split { border-bottom: 1px solid #d2d2d2; box-shadow: 0px 1px 0px #fff; padding-top: 8px; padding-bottom: 8px }
}
#footer div.oneLine { display: inline-block; margin-right: 5px; margin-top: 5px }

.pull-left-right-border { padding-right: 10px }
.pull-right-left-border { padding-left: 10px }
.text_align_center { text-align: center }
hr.blog { margin: 10px 0 2px 0 }



#pagination { padding: 1%; }
#pagination div { display: inline-block; margin-bottom: 30px; letter-spacing: 2px; }
#pagination .cell a { border-radius: 20px; font-size: 16px; color: #fff; padding: 10px; margin: 0 8px 0 0; text-decoration:none; background: #826c59; }
#pagination .cell a:hover { background: #4b3827; }

/*background-color: #f4f0ec;*/
ul#blog_aff_list { list-style-type: none; margin:0; padding:0; width: 100%; font-size:11px; font-family: "Helvetica Narrow"; }
@media (min-width: 979px) {
	ul#blog_aff_list li { display: inline-block; border-top: 1px dotted #f5deb3; padding: 1% 2% 1% 2%; width:46%; vertical-align: top; }
	ul#blog_aff_list li:hover { display:inline-block; background: #f4edec }
}
@media (max-width: 767px) {
	ul#blog_aff_list li { display:inline-block; background-color: #f4f0ec; border-bottom: 1px dotted #f5deb3; padding: 1% 2% 1% 2%; width:46%; vertical-align: top; }
	ul#blog_aff_list li:hover { display:inline-block; background: #f4edec }
}
@media (min-width: 768px) and (max-width: 978px) {
	ul#blog_aff_list li { display:block; border-top: 1px dotted #f5deb3; padding: 1% 2% 1% 2%; width:100%; }
	ul#blog_aff_list li:hover { display:block; background: #f4edec }
}

ul#blog_aff_list li a { display:block; color:#6c541e; text-decoration:none; }
ul#blog_aff_list li a:hover { text-decoration: underline }

/*block LI 2*/
ul#center_content_list { list-style-type: none; margin:0; padding:0; width: 100%; color: #333; }
ul#center_content_list li { border-bottom: 1px dotted #edc9af; padding: 1%; }
ul#center_content_list li:hover { background: #f4f0ec }
ul#center_content_list li a { color:#cd5700; text-decoration:none; }
ul#center_content_list li a:hover { text-decoration: underline }

/*pages right side UL*/
ul#page_right_side { list-style-type: none; margin:0; padding:0; width: 100%; }
ul#page_right_side li { display: block; border-bottom: 1px dotted #f5deb3; padding: 1% 2% 1% 2%; }
ul#page_right_side li:hover { display:block; background: #f4edec }
ul#page_right_side li a { display:block; color:#6c541e; text-decoration:none; }
ul#page_right_side li a:hover { text-decoration: underline }

a.blog_continue_reading { background: #f5deb3; color: #321414; padding: 2px 3px 2px 3px; font-size: 11px; margin-left: 5% }
a.blog_continue_reading:hover { background: #b8a893; color: #fff; text-decoration: none }

a.narrow_font { font-size:11px; font-family: "Helvetica Narrow"; color:#cd5700; text-decoration:none; }
a.narrow_font:hover { color:#3d2b1f; text-decoration:none; }
hr.isabelline_like { margin-top:1px; margin-bottom:4px; color: #f1ece8; background-color: #f1ece8; height: 1px; border: 0; }



.article_copyright { display: inline-block; border-radius: 8px 0 8px 0; margin: 0 0 2% 7%; background: #f7f7f7; color: #999999; font-size: 11px; padding: 3px 10px 3px 10px; }
.article_comment { float:right; display: inline-block; border-radius: 0 8px 0 8px; margin: 2% 7% 0 0; background: #f7f7f7; color: #999999; font-size: 11px; padding: 3px 10px 3px 10px; }
.block_info { display: inline-block; border-radius: 8px 0 8px 0; margin: 0 0 1% 7%; background: #f7f7f7; color: #9f8170; font-size: 11px; padding: 3px 10px 3px 10px; }


#breadcrumbs { display: inline-block; color: #9f8170; margin-top: 15px }
#breadcrumbs a { color: #635147; }
#breadcrumbs a:hover { text-decoration: underline }


#headBox { background-color: #c2b280; }
#headBox .searchBox { text-align: center; padding: 1%; }

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 0;
  background-color: #f4f0ec;
  border: 1px solid #c2b280;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail_photo {
  background-color: #1c1111;
}

.thumbnail_photo {
  display: block;
  padding: 4px;
  line-height: 0;
  background-color: #1c1111;
  border: 1px solid #1c1111;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.thumbnail_photo div.photoTitle { display: block; padding:4%; margin-bottom: 2px; white-space: nowrap; width:92%; overflow: hidden; text-overflow: ellipsis; }
.thumbnail_photo div.photoTitle a { color: #fff }
.thumbnail_photo div.photoTitle a:hover { text-decoration: underline; }
.thumbnail_photo table { background-color: #f4f0ec; width: 100%; margin-top:5px; }
.thumbnail_photo td { padding: 3px; line-height: 20px; }
.thumbnail_photo td a { color: #321414; }
.thumbnail_photo td a:hover { text-decoration: underline; }


#display_photo { border-radius: 4px; background-color: #000; color: #fff; padding: 5px 10px 5px 10px; margin-top: 10px; margin-bottom: 10px; }
#display_photo h1 { font-size: 31.5px; color: #fff; }
#display_photo a { color: #fff; }
#display_photo a:hover { color: #f5f5dc; text-decoration: underline }

#display_photo_info_bar { background-color: #fff; margin-top: 20px; }
#display_photo_info_bar .photo_owner { color: #900020; font-size: large }
#display_photo_info_bar .photostream { color: #e97451; font-size: 14px; margin-top: 8px }
#display_photo_info_bar input.field, textarea.field { font-size: 12px; background-color: #f5f5dc; border:#92896c 1px solid; padding:2px; width: 259px; outline: none; box-shadow:none !important; }
#display_photo_info_bar hr { margin-top:8px; margin-bottom:10px; color: #f1ece8; background-color: #f1ece8; height: 1px; border: 0; }

.diplay_coordinates { display: block; background-image: url(/design/icon-earth.png); background-repeat:no-repeat; padding-left: 20px; margin-top: 20px; margin-bottom: 20px; color: #edc9af; font-size: 16px; }

#h-carousel {
    position: relative;
    height: 80px;
}
#h-carousel .loading_bg {
    background: #FFF;
    position: absolute;
    width: 100%;
    height: 80px;
    opacity: 0.7;
    z-index: 1000;
}
#h-carousel .loading_mini {
    background: url(/images/loading.gif) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 80px;
    z-index: 1001;
}

#page_side_menu { display: block; border-radius: 8px 0 8px 0; width: 18%; margin: 0 0 4% 4%; background: #f7f7f7; color: #483c32; font-size: 11px; padding: 1%; float: right; }
#page_side_menu a { color: #635147; text-decoration: none }
#page_side_menu a:hover { color: #645452; text-decoration: underline }



/* Photo stream */
.arrow_left { display: block; background: url("/design/arrow-left.png") no-repeat; width: 23px; height: 23px; }
.arrow_left:hover { background-position: 0 -23px; width: 23px; height: 23px }
.arrow_right { display: block; background: url("/design/arrow-right.png") no-repeat; width: 23px; height: 23px; }
.arrow_right:hover { background-position: 0 -23px; width: 23px; height: 23px }

.photo { width: 60px; height: 60px; margin-left: 5px; margin-right: 5px; border: 0; }
#photostream { display: inline-block; }

#go-left { display: inline-block; }
#go-right { display: inline-block; }
/* End photo stream */

/* bootstrap4 card masonry */

@media (min-width: 992px) {
	.card-columns { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; }
}
@media (max-width: 991px) {
	.card-columns { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
}
@media (max-width: 575px) {
	.card-columns { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
}
/* end bootstrap4 card masonry */

/*Search box*/
@media (min-width:768px) {
	#form-wrapper {
		display: inline-block;
		text-align: center;
		width: 60%;
		padding: 1%;
		background: #444;
		background: rgba(0,0,0,.2);
		border-radius: 10px;
		
	}
}
@media (max-width: 767px) {
	#form-wrapper {
		display: inline-block;
		text-align: center;
		width: 90%;
		padding: 2%;
		background: #444;
		background: rgba(0,0,0,.2);
		border-radius: 10px;
		
	}
}
#search {
    position: relative;
    width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
#search input {
font: bold 15px 'Nunito', sans-serif;
border-radius:15px; 
-moz-border-radius:15px; 
-webkit-border-radius:15px;
width:100%;
background: #eee;
padding: 7px 15px 7px 20px;
border: 3px solid #999;
color: #999;
font-size: 16px;
margin: 0;
}
#search input:focus {
    outline: 0;
    background: #fff;
    
}
#search .searchbtn {
	border-radius:0 15px 15px 0; 
-moz-border-radius:0 15px 15px 0; 
-webkit-border-radius:0 15px 15px 0;
    position: absolute;
    top: 0px;
    right: 0px;
	width: 51px;
	/*height: 32px;*/
	padding: 9px;
    margin: 0;
	cursor: pointer;
	background: #800000;
	border: 1px solid #800000;
	background-image: url(../design/icon-loupe.png);
    background-repeat: no-repeat;
	background-position: center;
}

div#match { position: absolute; float: left; display:block; z-index: 9999; text-align: left; background-color: #f5f5f5; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  }
ul#search_list { list-style-type: none; margin:0; padding:2px; font-size:12px;  }
ul#search_list li { display:block; }
ul#search_list li a { display:block; color: #262626; padding: 1% 2% 1% 2%; text-decoration: none; }
ul#search_list li:hover { background: #00ade5; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
ul#search_list li.active { background: #00ade5; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
ul#search_list li a:hover { color: #fff; }
/*End search box*/