@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 */
}
.box_direct_access {
	display:inline-block;
	/*margin:10px;*/
}
.BoxGoogleLeft{
	float:left;	
	padding-left:10px
}
.BoxGoogleCenter{
	display:inline;
	padding:10px;
}
.BoxGoogleRight{
	float:right;	
	padding-right:10px;
}
.BoxMenuTop {
	display:inline-block;
	min-width:90px;
	/*max-width:9.0vw;*/
	width:8.8vw;
	max-width:250px;
	/*margin-left:5px;
	margin-right:5px;*/
}
.BoxMenuTopWebcam {
	display:inline-block;
	width:100px;
	height:100px;
}
.BoxMenuTop150 {
	display:inline-block;
	min-width:90px;
	/*max-width:9.0vw;*/
	width:8.8vw;
	max-width:150px;
	/*margin-left:5px;
	margin-right:5px;*/
}
.BoxMenuTown {
	 display:inline-block;
	 min-width:98px; 
	 width:8.8vw;
	 max-width:250px;
	 padding:2px; 
	 text-align:left;
}
.BoxMenuTopRight {
	float:right;
	min-width:90px;
	width:8.8vw;
	max-width:250px;
	/*margin-right:15px;*/
}
.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: 16px;
    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);
	}
.BoxTitle01 {
    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);
	}	
.category_title {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	/*line-height: 1.0;*/
    font-weight: 300;
	/*height:35px;*/
	padding-top:5px;
	/*background-color:#CF0;*/
	 
    /*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);*/
	}
.category_idiomas {
    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;*/
}
.BoxCategorie2 {
	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:200px
	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;
}
.basicos {
	background-color:#FFF;
	border-radius:5px;
	
}
.basicos:hover {
	background-color:#FFC;
}
.basicos:after {
	background-color:#FFF;
}
.basicos {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.3;
    font-weight: 300;
    font-size: 24px;
    color: #333;
    -webkit-font-smoothing: antialiased;
  } 
/*.content_negocios {
	margin-left:20px;
	margin-right:20px;
} */
.categoria_negocios {
	background-color:#333;
	color:#FC0;
}
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: 200;
    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.4);
    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;
  }
a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 1.0;
  }

a.hovertext_nego {
	font-family: 'Lato', Calibri, Arial, sans-serif;
    position: relative;
	font-weight: 200;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
  }
a.hovertext_nego_basic {
	/*font-family: 'Lato', Calibri, Arial, sans-serif;*/
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
    position: relative;
	font-weight: 100;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
  }
a.hovertext_nego:after {
    content: attr(alt);
    position: absolute;
    left: 0;
    bottom: 10px;
	border-radius:5px;
    padding: 0.5em 0px 10px 0px;
    width: 100%;
    background: rgba(0,0,0,0.4);
    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_nego_basic:after {
    content: attr(alt);
    position: absolute;
    left: 0;
    bottom: 10px;
	border-radius:5px;
    padding: 0.5em 0px 10px 0px;
    width: 100%;
    background: rgba(0,0,0,0.4);
    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_nego:hover:after, a.hovertext_nego:focus:after {
    opacity: 1.0;
  }
a.hovertext_nego_basic:hover:after, a.hovertext_nego_basic: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;
    }



#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;
	max-width:1400px;
	min-width:960px; 
	/*background-image: url(../banner_sites/base.jpg);*/
	/*background-repeat:no-repeat;*/
	background : rgba(251,248,241, 0.8);
	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;
	max-width:1400px; 
    min-width:960px; 
	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;
	max-width:1400px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.8);
	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;
	max-width:1400px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.8);
	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;
    max-width:1400px; 
	min-width:960px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.8);
	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;
	max-width:1400px; 
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.8);
	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;
	max-width:1400px; 
	width:90%;
	min-width:960px;
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.8);
	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.8);
	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.8);
	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;
	max-width:1400px; 
	min-width:960px;
	/*background-image:url(images/bord01.jpg)*/
	background : rgba(251,248,241, 0.8);
	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;
}

.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 -------*/
/*----------------------------------------------------------------------- new full css --------------------------------*/

div#BannerBlocLeft{
	position:relative;
	border-radius:0px 0px 0px 0px;
	width:160px;
	height:600px;
	/*background-color:#6666FF;*/
}
div#BannerBlocRight{
	position:relative;
	border-radius:0px 0px 0px 0px;
	width:160px;
	height:600px;
	/*background-color:#6666FF;*/
	/*border-radius:0px 0px 0px 0px;*/
	
}
.BoxNegociosFull {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
}
.BoxNegociosBasic {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
}

.BoxCategorie2 {
	display:inline-block;
	padding:2px;
	text-align:left;
}
.webcam01 {
	font-size:16px;
}
.category_title{
	font-size:20px;
}

.categories {
	font-size:16px;
}
.BoxTitle01 {
	font-size:24px;
} 
@media screen and (min-width: 400px){
.ShowingOutRight{
	display:none;
}
.ShowingOutPartners{
	display:none;
}
.webcam01 {
	font-size:10px;
}

.BoxCategorie2 {
	max-width:140px; /*9.0vw*/
	min-width:100px; /*114*/
}
.BoxCategorieMini {
	width:175px;
	height:175px;
}
.ShowingOutWelcome{
	display:none;
}
a.hovertext:after {
    opacity: 1;
	font-size:16px;
  }
a.hovertext_nego:after {
    opacity: 1;
	font-size:20px;
  }
a.hovertext_nego_basic:after {
    opacity: 1;
	font-size:16px;
  }
.box_out {
	display:none;
}
.box_view_out {
	display:none;
}
.box_in {
	display:block;
} 

.base_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);
}
.category_title {
/*font-size: 1.6vw;*/
font-size: 20px;
}
.category_details {
font-size: 24px;
}
.ShowingOutLeft{
	display:none;
}
.ShowingOutRight{
	display:none;
}
.BoxMenuTop {
	width:98px;
	height:98px;
}
.BoxMenuTopWebcam {
	width:125px;
	height:125px;
}
.BoxMenuTopRight {
	width:98px;
	height:98px;
}
.BoxNegociosFull {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:200px;
	 height:200px;
}
.BoxNegociosBasic {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:150px;
	 height:150px;
} 
.BoxMenuTown {
	 width:150px; /*7.5vw*/
	 height:150px;
	/* min-width:100px; /*104*/
} 
.TownName {
	font-size:24px
}
/*.ShowingOutPartners{
	display:none;
}pour afficher les sponsors ou pas*/ 
}
@media screen and (min-width: 1024px){

.webcam01 {
	font-size:1.5vw;
}

.BoxCategorieMini {
	width:175px;
	height:175px;
}
.ShowingOutPartners{
	display:block;
}
.ShowingOutWelcome{
	display:inline;
}
a.hovertext:after {
    opacity: 1;
	font-size:16px;
  }
a.hovertext_nego:after {
    opacity: 1;
	font-size:20px;
  }
a.hovertext_nego_basic:after {
    opacity: 1;
	font-size:16px;
  }
.box_out {
	display:none;
}
.box_view_out {
	display:inline-block;
} 
.box_in {
	display:none;
}
.category_title {
/*font-size: 1.8vw;*/
font-size: 18px;
}
.category_details {
font-size: 12px;
}
.ShowingOutLeft{
	display:block;
}
.ShowingOutRight{
	display:none;
}
.BoxTitleCat {
	font-size:12px;
	padding-left:10px;
}
.BoxCategorieMini {
	width:100px;
	height:100px;
}
.BoxCategorie2 {
	width:120px; /*9.0vw*/
	height:120px;
}
div.container_group,form.container_group {
	font-size:12px;
}
.BoxMenuTop {
	width:98px;
	height:98px;
}
.BoxMenuTopWebcam {
	width:125px;
	height:125px;
}
.BoxMenuTopRight {
	width:98px;
	height:98px;
}

.BoxNegociosFull {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:200px;
	 height:200px;
}
.BoxNegociosBasic {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:150px;
	 height:150px;
} 
.BoxMenuTown {
	 width:125px; /*7.5vw*/
	 height:125x;
	/* min-width:100px; /*104*/
} 
.TownName {
	font-size:14px
}
}
@media screen and (min-width: 1280px){
.patrocinadores_default{
 max-height:143px
}	
.webcam_title{
	font-size:20px;
	padding-bottom:10px
}
.bottom_link{
	font-size:12px;
}
.ShowingOutLeft{
	display:block;
}
.ShowingOutRight{
	display:block;
}
.BoxMenuTown {
	 /*max-width:120px; /*7.5vw*/
	width:100px; /*104*/
	height:100px;
}
.BoxMenuTop {
	width:115px;
	height:115px;
}
.BoxMenuTopWebcam {
	width:115px;
	height:115px;
}
.BoxMenuTopRight {
	width:115px;
	height:115px;
}
.TownName {
	font-size:16px
}
.BoxTitleCat {
	font-size:16px;
	padding-left:20px;
}
.BoxCategorieMini {
	width:100px;
	height:100px;
}
.BoxCategorie2 {
	width:120px; /*9.0vw*/
	height:120px;
}
a.hovertext:after {
    opacity: 1;
	font-size:16px;
  }
a.hovertext_nego:after {
    opacity: 1;
	font-size:20px;
  }
a.hovertext_nego_basic:after {
    opacity: 1;
	font-size:16px;
  }.box_out {
	display:none;
}
.box_view_out {
	display:inline-block;
} 
.box_in {
	display:none;
}  
.BoxNegociosFull {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:200px;
	 height:200px;
}
.BoxNegociosBasic {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:125px;
	 height:125px;
} 
}
@media screen and (min-width: 1440px){
.patrocinadores_default{
 max-height:143px
}	
.webcam_title{
	font-size:24px;
	padding-bottom:10px
}
.bottom_link{
	font-size:16px;
}
.BoxMenuTown {
	 width:115px; /*7.5vw*/
	 height:115px;
	/* min-width:100px; /*104*/
}
.BoxMenuTop {
	width:105px;
	height:105px;
}
.BoxMenuTopWebcam {
	width:105px;
	height:105px;
}
.BoxMenuTopRight {
	width:105px;
	height:105px;
}
.BoxCategorieMini {
	width:130px;
	height:130px;
}
.TownName {
	font-size:18px
}
.BoxTitleCat {
	font-size:18px;
	padding-left:20px;
}
a.hovertext:after {
    opacity: 1;
	font-size:16px;
  }
a.hovertext_nego:after {
    opacity: 1;
	font-size:20px;
  }
a.hovertext_nego_basic:after {
    opacity: 1;
	font-size:16px;
  }
.box_out {
	display:none;
}

.BoxNegociosFull {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:180px;
	 height:180px;
}
.BoxNegociosBasic {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:125px;
}   
}
@media screen and (min-width: 1680px){
.patrocinadores_default{
 max-height:160px
}	
.webcam_title{
	font-size:26px;
	padding-bottom:10px
}
.bottom_link{
	font-size:18px;
}

.BoxTitleCat {
	font-size:18px;
	padding-left:20px;
}
.BoxMenuTown {
	 width:125px; /*7.5vw*/
	 height:125px; /*104*/
}
.BoxMenuTop {
	width:100px;
	height:100px;
}
.BoxMenuTopWebcam {
	width:100px;
	height:100px;
}
.BoxMenuTopRight {
	width:100px;
	height:100px;
}
.BoxCategorieMini {
	width:150px;
	height:150px;
}
.TownName {
	font-size:18px
}

a.hovertext:after {
    opacity: 1;
	font-size:16px;
  }
a.hovertext_nego:after {
    opacity: 1;
	font-size:20px;
  }
a.hovertext_nego_basic:after {
    opacity: 1;
	font-size:16px;
  }
.box_out {
	display:none;
} 
.BoxNegociosFull {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:180px;
	 height:180px;
}
.BoxNegociosBasic {
	 display:inline-block; 
	 padding:2px; 
	 text-align:left;
	 width:125px;
}    
}
.BoxPeriodicosMobil {
	max-width:280px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
h1 {
    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);
	} 
h2 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.0;
    font-weight: 300;
    font-size: 1.5vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}
h3 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.1;
    font-weight: 300;
    font-size: 2.0vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}
h4 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.2;
    font-weight: 300;
    font-size: 2.0vw;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	} 
div#MainPage{
	position:relative;
	width:98%;
	max-width:1400px;
	/*padding:5px;*/
	background-color:#FCF;

}
div#MainPage2{
	position:relative;
	width:98%;
	max-width:1400px;
	/*padding:5px;*/
	background-color:#63C;

}
div#BannerBlocLeft{
	position:relative;
	border-radius:0px 0px 0px 0px;
	width:160px;
	height:600px;
	/*background-color:#6666FF;*/
}
div#BannerBlocRight{
	position:relative;
	border-radius:0px 0px 0px 0px;
	width:160px;
	height:600px;
	/*background-color:#6666FF;*/
	/*border-radius:0px 0px 0px 0px;*/
	
}
div#TopContainerBody{ /*container top vert*/
	/*position:relative;*/
	width:98%;
	max-width:1400px;
	/*max-height:250px;*/
	/*padding-top:10px;*/
	padding-bottom:10px;
	margin-top:20px;
	background-color:#33FFCC;
}
div#ContainerInfoClient{ /*container central jaune*/
	/*position:relative;*/
	width:98%;
	max-width:1400px;
	min-height:620px;
	/*max-height:250px;*/
	/*padding-top:10px;*/
	padding:10px;
	margin-top:20px;
	background-color:#FFFF33;
}
div#ContainerInfoClientCenter{ /*container central gris*/
	background-color:#CCCCFF;
}
div#ClientFacade {
	display:inline-block;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
	min-width:150px;
	min-height:150px;
	background-color:#36F;
}
div#ClientInfo {
	display:inline-block;
	width:500px;
	min-height:200px;
	background-color:#999999;
}
div#ClientMap {
	display:inline-block;
	max-width:750px;
	min-width:250px;
	min-height:200px;
	background-color:#33FFCC;
}
.separateur-up{
	background-image:url(../images/separateur_up.png);
	background-repeat:no-repeat;
 	width:90%;
	padding:15px;
	max-width:940px;
}
.separateur{
	background-image:url(../images/separateur.png);
	background-repeat:no-repeat;
	width:90%;
	padding:15px;
	max-width:940px;
}
div.transbox {
	padding:10px;
	border: 1px solid #999999;
	border-radius:5px 5px 5px 5px;
	background-color:#FFF;
    
}
.imgMiniClient{
	width:125px;
	border:1px solid #999999;
	border-radius:5px 5px 5px 5px;
	padding:1px;
}
.imgBaseClient{
	width:250px;
	border:1px solid #999999;
	border-radius:5px 5px 5px 5px;
	padding:2px;
}
.imgClient {
	border:1px solid #999999;
	border-radius:3px 3px 3px 3px;
    padding:2px;
}
.MapClient{
	background-color:#FFF;
	border:1px solid #999999;
	border-radius:3px 3px 3px 3px;
	padding:2px;
}
#colorCycle { /*background-color: #C30;*/ 
/*border: medium solid #FFF;*/ 
/*padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/ 
color: #FFF;
text-align: center; 
animation-name: homeCycle; 
animation-duration:6s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle; 
-webkit-animation-duration:6s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	

@keyframes homeCycle 
{
0% {background-color:#006;} 
25% {background-color:#060;}  
50% {background-color:#CC3200;} 
75% {background-color:#603;} 
} 

@-webkit-keyframes homeCycle 
{ 
0% {background-color:#006;} 
25% {background-color:#060;}  
50% {background-color:#CC3200;} 
75% {background-color:#603;} 
}
.InfoBox {
	color:#333333;
	font-weight:400;
}
p {
    display: inline;
}
.boxImgExtra {
	max-width:150px;
	border:1px solid #999999;
	border-radius:5px 5px 5px 5px;
}
/*= EFFECTS
--------------------------------------------------------*/

.morph {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
   transition: all 1s ease;
}

.morph:hover {
  border: 10px solid #fff;
   border-radius: 50%;
  -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
  -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
  box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);

}

.zoom img {
  width: 200px;
  height: 200px;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
   transition: all 2s ease;
}
 
.zoom img:hover {
  width: 300px;
  height: 300px;
}

.zoom:hover{ 
 -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
 -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
  box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);

}

.tilt {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
   transform: rotate(10deg);
  -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
  -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
   box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
}


.color {
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 -ms-transition: all 1s ease;
  transition: all 1s ease;
}
 
.color:hover {
  -webkit-filter: grayscale(100%);
  -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
  -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
   box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);

}
