@charset "utf-8";
/* CSS Document */
 body { 
  margin:0;
  padding:0;
  -webkit-background-size:  auto, cover; /* pour Chrome et Safari */
  -moz-background-size: auto, cover; /* pour Firefox */
  -o-background-size: auto, cover; /* pour Opera */
  background-size: auto, cover; /* version standardisée */
}
.BoxGoogleLeft{
	float:left;
	padding-left:10px
}
.BoxGoogleCenter{
	display:inline;
	padding:10px;
}
.BoxGoogleRight{
	float:right;
	padding-right:10px;
}
.BoxMenuTop {
	display:inline-block;
	min-width:80px;
	/*max-width:9.0vw;*/
	/*width:8.8vw;*/
	/*max-width:200px;*/
	max-width:115px;
	/*margin-left:5px;
	margin-right:5px;*/
}
.BoxMenuTopRight {
	display:inline-block;
	min-width:80px;
	max-width:115px;
	/*max-width:200px;*/
	/*margin-right:15px;*/
}
.BoxNego {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 0.95;
    font-weight: 300;
    font-size: 18px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 
.BoxNegoMini {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 0.95;
    font-weight: 300;
    font-size: 14px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 	
.webcam00 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 0.95;
    font-weight: 300;
    font-size: 1.2vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 
.TownName {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 0.95;
    font-weight: 300;
    font-size: 18px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 	
.webcam01 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.3;
    font-weight: 300;
    font-size: 1.5vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}
.bigtext {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.3;
    font-weight: 300;
    font-size: 1.2vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 
.webcam02 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.3;
    font-weight: 300;
    font-size: 2.0vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}
	.buscar_title {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.3;
    font-weight: 300;
    font-size: 2.2vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}	
.category_title {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.0;
    font-weight: 300;
    /*font-size: 1.6vw;*/
    color: #fff;
    -webkit-font-smoothing: antialiased;
    /*text-shadow: 0 1px 0 rgba(255,255,255,0.8);*/
	}
.category_details {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.0;
    font-weight: 300;
    /*font-size: 1.6vw;*/
    color:#666;
    -webkit-font-smoothing: antialiased;
    /*text-shadow: 0 1px 0 rgba(255,255,255,0.8);*/
	}
.categories {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.3;
    font-weight: 300;
    font-size: 1.1vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 
.BoxCategorie {
	max-width:9.0vw;
	min-width:114px;
	/*min-width:104px*/
	/*float:left;*/
	display:inline-block;
	padding:2px;
	text-align:left;
	/*margin-left:10px;
	margin-right:10px;*/
}
.BoxCategorieMini {
	max-width:8.0vw;
	min-width:100px;
	/*min-width:104px*/
	/*float:left;*/
	display:inline-block;
	padding:2px;
	text-align:left;
	margin:5px;
	/*margin-left:10px;
	margin-right:10px;*/
}
.BoxNegocios {
	max-width:200px;
	min-width:150px;
	width:12vw;
	/*min-width:104px*/
	/*float:left;*/
	display:inline-block;
	padding:2px;
	text-align:left;
	/*margin-left:10px;
	margin-right:10px;*/
}
div.container_group,form.container_group {
	position:relative;
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	/*font-size:24px;*/
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 7px;
	text-align:left;
	border-radius: 7px;
	padding:6px;
	margin:0px;
}	  
a:link {
	text-decoration: none;
	/*color: #0033FF;*/
}
a:visited {
	text-decoration: none;
	/*color: #0033FF;*/
}
a:hover {
	/*text-decoration: underline;*/
	color: #FF9900;
	/*color: #FFFF00;*/
}
a:active {
	text-decoration: none;
}
a.hovertext {
	font-family: 'Lato', Calibri, Arial, sans-serif;
    position: relative;
	font-weight: 300;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
  }
a.hovertext:after {
    content: attr(alt);
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 0.5em 0px 10px 0px;
    width: 100%;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
	font-size:16px;
	/*font-size:1.2vw;*/
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 1.0;
  }
.sombra {
	border: 1px #888888 solid;
border-radius:7px 7px 7px 7px;	
-moz-box-shadow: 0px 0px 15px 1px #888888;
-webkit-box-shadow: 0px 0px 15px 1px #888888;
box-shadow: 0px 0px 15px 1px #888888;
}

a.button{
  display: inline-block;
  line-height: 2.5rem;
  padding: 0 1.5rem;
  margin-top: 1rem;
  color: white;
  background: #3c3c3c;
  text-decoration: none;
}
#ThumbCat {
		float:left;
		/*width: 226px;*/
		padding-right:10px;
	}

.BoxStats {
	    display:inline-block;
		padding-left:20px;
		padding-right:20px;
    }

.BoxMenuTown {
	 max-width:7.5vw;
	 min-width:104px; 
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
}

#codepen {
display: block;
clear: both;
background: rgba(0,0,0,.2);
font-size: 1.2rem;
color: #000;
margin-top: 2rem;
margin-bottom: 0;
border-bottom: 0;
padding: .6rem;
-webkit-transition: .6s all;
transition: .6s all;
}
/* container slide auto */
#containerTestimonials {
	position:relative;
	margin: 0x;
	background-color:#FFF;
	border-radius:<%=box_radius%>px;
	/*border: 15px solid #FFF;*/
	/*box-shadow: 0px 0px 2px #000;*/
		border: 1px #888888 solid;
/*border-radius:7px 7px 7px 7px;*/	
-moz-box-shadow: 0px 0px 15px 1px #888888;
-webkit-box-shadow: 0px 0px 15px 1px #888888;
box-shadow: 0px 0px 15px 1px #888888;

	height:250px;
}

#containerTestimonials img.carouselBullet {
	width: 13px;
	height: 13px;
	border: none;
	margin: 0px 2px 2px 0px;
	background-image: url('images_slider/carouselBullet.png');
	background-size:100%;
}

#containerTestimonials img.carouselBulletOn {
	background-image: url('images_slider/carouselBulletOn.png');
}

.nav {
	cursor:pointer;
}
/* fin container slide auto */
div.container_top_banner,form.container_top_banner {
	position:relative;
	width:90%px;
	max-width:1720px;
	/*min-width:960px;*/
	/*background-image: url(../banner_sites/base.jpg);*/
	/*background-repeat:no-repeat;*/
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:0px 0px 0px;
	width:90%;
	margin:10px auto 10px;
}
div.container_google,form.container_google {
	position:relative;
	width:90%px;
	max-width:1720px;
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:0px 0px 0px;
	width:90%;
	margin:10px auto 10px;
}
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-container-banner { position: relative; padding-bottom: 351px; padding-top: 3px; padding-left:3px; padding-right:3px; height: 0; overflow: hidden; }
.responsive-container-banner iframe { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
div.container_logo,form.container_logo {
	position:relative;
	max-width:258px; 
	/*background-image:url(images/bord01.jpg)*/
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin:215px 30px 10px 30px;
}

div.container_welcome,form.container_welcome {
	position:relative;
	width:90%px;
	max-width:1720px;
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	margin:0px auto 10px;
}
div.container_maps,form.container_maps {
	position:relative;
	width:90%px;
	max-width:1720px;
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	width:90%;
	margin:0px auto 10px;
}
div.container_central,form.container_central {
	position:relative;
    width:90%px;
	max-width:1720px;
	/*min-width:960px;*/ 
	/*background-image:url(images/bord01.jpg)*/
    background : rgba(251,248,241, 0.9);
	/*background : rgba(26, 37, 36, 0.7);*/
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width:90%;
	padding:10px 0px 10px;
	margin:0px auto 10px;*/
}

div.container_Webcam_link,form.container_Webcam_link {
	position:relative;
	width:90%px;
	max-width:1720px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	margin:0px auto 10px;
}
div.container_keywords,form.container_keywords {
	position:relative;
	width:90%px;
	max-width:1720px;
	width:90%;
	min-width:960px;
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	margin:0px auto 10px;
}
div.container_link_source,form.container_link_source {
	position:relative;
	max-width:1400px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	margin:0px auto 10px;
}
div.container_link_provenance,form.container_link_provenance {
	position:relative;
	max-width:1400px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	margin:0px auto 10px;
}

div.container_addfreestats,form.container_addfreestats {
	position:relative;
	width:90%px;
	max-width:1720px; 
	/*min-width:960px;*/
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.9);
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px 10px;
	width:90%;
	margin:0px auto 0px;
}

div.container_standar,form.container_standar {
	position:relative;
	/*background-image:url(images/bord01.jpg)*/
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px;
	margin:0px 50px 20px;
}
div.container_info,form.container_info {
	position:relative;
	/*background-image:url(images/bord01.jpg)*/
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 0px;
	margin:0px 10px 20px;
}

div.container03,form.container03 {
	position:relative;
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:16px;
	margin:0px;
}
div.container_menu,form.container_menu {
	position:relative;
	/*background-image:url(images/bord01.jpg)*/
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:16px;
	margin:0px;
}

div.container07,form.container07 {
	position:relative;
	background-color:#FBF8F1;
	border:1px solid #B0A89D;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:6px;
	margin:0px;
}



/*--------- slider ---------*/
#slide { 
height:auto; 
width:auto; 
position:relative; 
overflow:hidden; 
border-radius:7px; 
-moz-border-radius:7px;
-webkit-border-radius:7px;
z-index:2
}

.slider {
	width:auto;
	margin:0 auto;
	position:relative;
	border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
	z-index:2
}
.items {
	display:none;
	
}

.pagination {
		position:absolute;
		top:290px;
		left:40%;
		display:inline-block;
		height:20px;
		width:140px;
		border:1px solid #000;
		background:url(../images/pagination-bg.gif) left top repeat-x;
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		padding:5px 0 0 20px;
		z-index:60;
	}
	.pagination li {
		float:left;
		padding:0 3px 0 0;
		font-size:0;
		line-height:0;
		margin:0;
		color:#252525;
		background:none !important;
	}
		.pagination a {
			display:block;
			width:15px;
			height:15px;
			background:url(../images/pagination-a-bg.gif) left 0px no-repeat;
			font-size:0;
			line-height:0;
			text-decoration:none;
		}
			.pagination li.current a {
				background:url(../images/pagination-a-active.gif) left 0px no-repeat;
			}

.prev {
	display:block;
	width:25px;
	height:22px;
	background:url(../images/pagination-bg.gif) left top repeat-x;
	position:absolute;
	z-index:15;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	top:302px;
	left:34%;
	padding:2px 0 0 0;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
	.prev:hover {
		color:#999
	}
.next {
	display:block;
	width:25px;
	height:22px;
	background:url(../images/pagination-bg.gif) left top repeat-x;
	position:absolute;
	z-index:15;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	top:302px;
	left:61%;
	padding:2px 0 0 0;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
	.next:hover {
		color:#999
	}
	
.play {
	display:block;
	width:45px;
	height:22px;
	background:url(../images/pagination-bg.gif) left top repeat-x;
	position:absolute;
	z-index:15;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	top:302px;
	left:70%;
	padding:2px 0 0 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
	.play span {
		display:none;
	}
	.play em {
		font-style:normal;
		display:block;
	}
.paused span {
	display:block;
}
.paused em {
	display:none;
}
/*
.banner{
	width:260px;
	overflow:hidden;
	position:absolute;
	top:200px;
	color:#fff;
	right:0px;
	z-index:15;
	background:url(../images/png.png) left top repeat;
	padding:0px;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}

	.banner span {
		display:block;
		padding:20px;
	}
*/
.progbar {
	background:#000;
	width:100%;
	height:2px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
}
.numStatus {
	display:block;
	width:45px;
	height:22px;
	background:url(../images/pagination-bg.gif) left top repeat-x;
	position:absolute;
	z-index:15;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	top:551px;
	left:583px;
	padding:2px 0 0 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
/*-------- end slider -----------*/

.col-1 {
	float:left;
	width:400px;
	padding-right:50px
}
* + html .min {
	min-height:45px;
}
.col-2 {
	float:left;
	width:400px;
}
/*-------- end preset -------*/