@import url(http://fonts.googleapis.com/css?family=Muli:400,300italic,400italic,300|Questrial);

/* V2 CSS */
#videobox, #videobox2 { width:652px;height:358px;margin: 0 0 10px 0 !important;padding:0 !important; }

#iosvideobox { width:100% !important;margin: 0 0 10px 0 !important;padding:0 !important; }

#androidvideobox { width:100% !important;margin: 0 0 10px 0 !important;padding:0 !important; }

#videobox .moduletable { margin: 0 !important;padding: 0 !important; }

#videoboxday { width:300px;height:169px; }

#videoboxday .moduletable { }

#player { width:662px;height:358px;margin: 0 0 10px 0;padding:0;z-index:-0;position:absolute !important;z-index:4 !important;left:0 !important; }

#player2 { width:662px;height:358px;margin: 0 0 10px 0;padding:0;z-index:-0;position:absolute !important;z-index:4 !important;left:0 !important; top:380px !important; }

#player99 { width:300px;height:169px;margin: 0 0 10px 0;padding:0;z-index:-0;position:absolute !important;z-index:4 !important;left:17px !important; }

#videobox { width:100%;height:100%;margin: 0 !important;padding:0 !important; }

#iosvideobox { width:100% !important;height:100%;margin: 0 !important;padding:0 !important; }

#player { width:100%;height:100%;margin: 0;padding:0;z-index:-0;position:absolute !important;z-index:4 !important;left:0 !important; }

/* BOUTON EMBED */
.boutonembedinnercam { position: absolute; top:7px; right: 13px !important; z-index: 99; margin: 0 !important; padding: 0 !important; width: 52px !important; height: 52px !important; }

/* PARTAGE FB CUSTOM POUR CAMERAS */
.partagefbcustom { position: absolute; top: 10px; right: 10px !important; z-index: 999; background:#47c0eb;text-align:center;padding: 0.3em 0.6em;letter-spacing: 1px;margin: 0;border-radius: 2px; width: 53px !important;height: 35px !important; opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s; }
.webcamContainer:hover .partagefbcustom { opacity: 1 !important; }
.partagefbcustom:hover { background:#009bd2; }
.partagefbcustom img{ margin: 2px auto !important; }
.partagefbcustom a { font-family: 'Lato',Calibri,Arial,sans-serif !important; text-transform: uppercase; font-size: 9px; color: #FFF; }
.partagefbcustom a:hover { color: #FFF !important; }

#ja-topsl li, #ja-botsl li {
  background: none;
  padding-left: 0px;
}

#forecast {
  width:100%;
  height: auto;
  background: transparent !important;
  overflow:hidden !important;
}

#forecastleft {
  width:61%;
  height: auto;
  float:left !important;
  background: transparent !important;
  overflow:hidden !important;
}

#forecastright {
  width:39%;
  height: auto;
  float:left !important;
  background: transparent !important;
  overflow:hidden !important;
}

/* Liens Footnav ---*/
.ja-footnav li
{
  display: inline;
  padding: 0px 10px 0 0;
  background: none;
}

/* Recherche ---*/
#ja-right1 form label
{
  display: none;
}

#ja-right1 input.inputbox
{
  padding-top:6px !important;
  height:30px !important;
}

/* SHAPES SIDE ADS
--------------------------------------------------------- */
body.bd .main {
z-index: 3 !important;
position:relative !important;
max-width:1020px !important;
}
div.moduletable_left_quotes {
background: transparent;
position: absolute;
top:39px;
left:50%;
width:100% !important;
max-width:1020px !important;
z-index: 2 !important;
float:center !important;
margin-left:-720px !important;
margin-right:auto !important;
text-align:center !important;
}

/* SHAPES SHOM
--------------------------------------------------------- */
.tableaumarees td {
border: 3px solid #fff;
padding: 6px 10px;
}
.titre1 td {
background:#47c0eb;
color:#fff;
font-weight:normal;
text-transform: uppercase;
}
.titre2 td {
background:#ccc;
color:#fff;
}
.infos td {
background:#eee;
}
.tableaumarees2 {
  width: 100% !important;
}
.tableaumarees2 td {
border: 3px solid #fff;
padding: 6px 10px;
}
.infos2 td {
background:#efefef;
}

/* OVERRIDE QUIKSILVER LIVE
--------------------------------------------------------- */
#live-panel,
#player-container {
  padding: 0px !important;
  width: 300px !important;
}
#live-panel#player,
.external-panels#player {
  max-width: 300px !important;
}

/* Style pour les croisements de caméras
--------------------------------------------------------- */
#shapes-morecams { 
  padding:10px 0 0 0 !important; 
  margin: 0 0 30px 0 !important; 
  text-align: left !important;
}

#shapes-morecams .moduletable { 
  padding:0 !important; 
  margin:0 !important; 
}

#shapes-morecams .ja-slidenews-item {
	clear:none;
	float:left;
	min-height:163px !important;
	height:163px !important;
	margin-top:0;
	position:relative;
	width:25%;
}

.ja-slidenews-item img {  }

#shapes-morecams .ja-slidenews-item .ja-item-content {
	position: absolute;
	left: 0px;
	bottom: 10px;
}

#shapes-morecams .ja-slidenews-item .ja-createdate {
	background: #E31837;
	color: #fff;
	display: inline-block;
  	font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin:0;
	padding: 0 10px;
}

#shapes-morecams .ja-slidenews-item h4.item-title {
	font-size: 1em;
	margin: 0;
	padding: 0 10px;
}

#shapes-morecams .ja-slidenews-item h4.item-title a {
	background: #000;
	box-shadow: 10px 0 0 #000, -10px 0 0 #000;
	color: #fff;
	display: inline;
  	font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height:1.3em;
	padding: 2px 0px;
	text-transform: uppercase;
}

#shapes-morecams .ja-slidenews-item h4.item-title a:hover {
	background: #bc9a6a;
	box-shadow: 10px 0 0 #bc9a6a, -10px 0 0 #bc9a6a;
	color: #fff;
	text-decoration: none;
}

#shapes-morecams .ja-slidenews-item a.readon { color: #fff; }

#shapes-morecams .ja-slidenews-item a:hover { color: #bc9a6a; }





/* V3 CSS */
body {
  width:100%;
  overflow-x: hidden;
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
}
.t3-mainbody {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  line-height: 14px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 28px;
  padding-right: 28px;
}

/* PROMO BAR */
.ja-promo-bar {
  transition: height 1s ease;
  font-size: 14px !important;
  padding-bottom: 12px !important;
}
.scrollUp .ja-promo-bar {
  display: none !important;
}
.ja-promo-bar .inner {
  padding: 16px 0 12px 0 !important;
}
.scrollDown .ja-promo-bar .inner {
  -moz-box-shadow: 0px 4px 5px 0px #333;
  -webkit-box-shadow: 0px 4px 5px 0px #333;
  -o-box-shadow: 0px 4px 5px 0px #333;
  box-shadow: 0px 4px 5px 0px #333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#333, Direction=180, Strength=5);
}
.ja-promo-bar a {
  font-size: 16px !important;
  color: #FFF !important;
  text-decoration: underline !important;
}
.ja-promo-bar a:hover {
  color: #333 !important;
  textdecoration: underline !important;
}
.ja-promo-bar .buttons span {
  background-image: url("../images/icon-arrow.png") !important;
  width: 40px !important;
  height: 28px !important;
}
.ja-promo-bar .buttons .opened {
  margin-top: 14px !important;
}
.ja-promo-bar .buttons .closed {
  padding-top: 0 !important;
}

/* TOP */
#top-header {
  height: 25px !important;
  width: 100%;
  margin: 0 !important;
  position: relative !important;
}

#top-header .pull-right {
  margin-right: 35px !important;
}

.head-social {
  height: 25px !important;
}
.head-social .social-list {
  margin: 0 !important;
}
.head-social li {
  display: inline-block;
  list-style: none;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.head-social li a {
  color: #333;
  padding: 1px 20px 0px 0px;
  margin: 0 !important;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  text-transform: none;
}
.head-social li a:hover {
  color: #47c0eb;
}

#ja-topnav {
  float: right;
  text-align: right;
}
#ja-topnav ul { float: right; margin-right:12px; }

#ja-topnav ul li {
  display: inline-block;
  float: left;
  padding: 0;
}
#ja-topnav ul li:last-child { }
#ja-topnav ul li a {
  color: #333;
  font-size: 12px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  padding: 3px 5px;
}
#ja-topnav ul li:nth-of-type(1) a {
  padding: 5px 5px 3px;
}
#ja-topnav ul li a:hover,
#ja-topnav ul li a:focus,
#ja-topnav ul li a:active { color: #47c0eb; text-decoration:none; }

.head-login {
  height: 25px !important;
  float: right;
  padding-top: 0;
  margin-top: 0 !important;
}
#login-form {
  padding-top: 0;
  margin-top: 0 !important;
}
.poplogout, .poplogin {
  background: #FFF !important;
  font-size: 12px !important;
  padding: 5px 5px 0!important;
  margin: 0 !important;
  color: #333 !important;
  border: 0 !important;
}
.poplogout {
  padding: 2px 5px 0!important;
}
.poplogout:hover, .poplogin:hover {
  background: #FFF !important;
  color: #47c0eb !important;
}
#fade {
  position: absolute !important;
  z-index: 98 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
#tppoplogin {
  z-index: 99999 !important;
  background: #333 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.poplogin {
  z-index: 999 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tpdiv1 {
  width: 320px !important;
  background: #333 !important;
  font-size: 12px !important;
}
.tpdiv2 {
  width: 220px !important;
  background: #333 !important;
  font-size: 14px !important;
}
.tpsignin {
  background: #333 !important;
  font-size: 16px !important;
}
.tppoploginh1 {
  font-size: 16px !important;
  padding-top: 5px !important;
  font-weight: normal !important;
}
#tppoplogin img {
  display: none !important;
}
.tppoploginremember {
  padding-bottom: 0 !important;
}
.tppopsigninbutton {
  background: url('../images/bgtppoploginbutton.png') no-repeat right 50% #bc9a6a !important;
  width: 170px !important;
  margin-top:2px !important;
  float:right !important;
}
.tppopsigninbutton:hover {
    background: url('../images/bgtppoploginbutton.png') no-repeat right 50% #47c0eb !important;
}
.tppoploginbutton {
    background: url('../images/bgtppoploginbutton.png') no-repeat right 50% #47c0eb !important;
}
.tppoploginbutton:hover {
  background: url('../images/bgtppoploginbutton.png') no-repeat right 50% #bc9a6a !important;
}

/* HEADER */
.t3-header {
  top: 0;
  width: 100%;
  z-index: 100;
  background: #333;
}
.scrollDown .t3-header, .scrollUp .t3-header {
  background: #333 !important;
}
.scrollUp .t3-header {
  -moz-box-shadow: 0px 4px 5px 0px #333;
  -webkit-box-shadow: 0px 4px 5px 0px #333;
  -o-box-shadow: 0px 4px 5px 0px #333;
  box-shadow: 0px 4px 5px 0px #333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#333, Direction=180, Strength=5);
}
.t3-header .col-md-3 {
  width: 178px;
  padding-right: 0;
}
.t3-header .col-md-9 {
  width: 966px;
  background: url('../images/menu-bg-surf-2.jpg') top left no-repeat;
  padding-right: 0;
}
.logo-image {
  padding: 2px;
  background: url('../images/sable-webcam-hd.png');
  height: 138px;
  width: 138px;
}
.head-right {
  top: 40px;
  right: 24px;
  width: 40px !important;
}
.scrollUp .t3-header .head-right {
  top: 10px;
}
.off-canvas-toggle {
  width: 60px;
  background: url('../images/webcam-hd-vip.png') top center no-repeat #333;
  font-style: normal !important;
  padding-top: 22px;
  height: 60px;
}
.off-canvas-toggle:after {
  width: 60px;
  background: url('../images/webcam-hd-vip.png') top center no-repeat #333;
  font-style: normal !important;
  padding-top: 22px;
  height: 60px;
}
.off-canvas-toggle i {
  font-size: 12px;
  font-style: normal !important;
  font-weight: normal !important;
}
.languageswitcherload .mod-languages a.dropdown-toggle,
.scrollUp .t3-header .languageswitcherload .mod-languages a.dropdown-toggle {
  background: #333;
}

/* OFF CANVAS */
.t3-off-canvas .close {
  background-image: url('../images/offcanvas-close.png') !important;
  width: 30px;
  height: 30px;
  top: 15px;
  right: 7px;
  font-size: 16px !important;
}
.t3-off-canvas a {
  color: #333 !important;
}

/* NAVIGATION PRINCIPALE */
.t3-mainnav {
  float: left !important;
  margin: 0;
  padding: 0;
}
.t3-mainnav .t3-navbar {
  margin: 0;
  padding: 0;
}
.navbar-default .navbar-nav li.dropdown {
  background: #333;
  margin: 0;
  height: 138px;
  width: 138px;
  color: #FFF;
  padding: 0;
  position: relative;
}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
  display: none;
}
.navbar-default .navbar-nav li > a {
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-size: 12px;
  line-height: 12px;
  padding: 0;
}
.navbar-default .navbar-nav li.dropdown > a {
  position: absolute;
  padding: 0;
  border: 0 !important;
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #FFF;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(1) {
  background: #333;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(1) > a {
  top: 12px;
  left: 12px;
  text-align: left;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(2) {
  background: #47c0eb;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(2) > a {
  bottom: 12px;
  right: 12px;
  text-align: right;
  margin-left: 60px;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(3) {
  background: url('../images/menu-bg-surf.jpg') no-repeat;
  background-size: 100%;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(3) > a {
  top: 12px;
  left: 12px;
  text-align: left;
  margin-right: 60px;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(4) {
  background: url('../images/menu-bg-events.jpg') no-repeat;
  background-size: 100%;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(4) > a {
  bottom: 12px;
  right: 12px;
  text-align: right;
  margin-left: 30px;
  color: #333;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(4) .dropdown-menu {
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(5) {
  background: url('../images/sable-webcam-hd.png');
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(5) > a {
  top: 12px;
  left: 12px;
  text-align: left;
  margin-right: 60px;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(6) {
  background: #47c0eb;
}
.navbar-default .navbar-nav li.dropdown:nth-of-type(6) > a {
  bottom: 12px;
  right: 12px;
  text-align: right;
  margin-left: 50px;
}
.navbar-default .navbar-nav > .active > a:before,
.navbar-default .navbar-nav > .active > a:hover:before,
.navbar-default .navbar-nav > .active > a:focus:before {
  border-top: 0 !important;
}
/* sous menu */
.t3-megamenu .mega-dropdown-menu {
  padding: 0;
}
.dropdown-menu {
  font-size: 12px;
}
.dropdown-menu .col-xs-1,
.dropdown-menu .col-xs-2,
.dropdown-menu .col-xs-3,
.dropdown-menu .col-xs-4,
.dropdown-menu .col-xs-5,
.dropdown-menu .col-xs-6,
.dropdown-menu .col-xs-7,
.dropdown-menu .col-xs-8,
.dropdown-menu .col-xs-9,
.dropdown-menu .col-xs-10,
.dropdown-menu .col-xs-11,
.dropdown-menu .col-xs-12 {
  padding: 10px;
}
.t3-megamenu .mega-group-ct .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

/* MODULE BIG BANNER */
.ja-masthead {
  position: relative;
  background: #FFF !important;
  margin-top: 0px;
  height: 230px;
  overflow:hidden !important;
  width: 100% !important;
  transition: height 1s ease;
  text-align: center !important;
}
.ja-masthead.collapsed {
  height: 230px;
}
.ja-masthead .bannergroup {
  margin: 0;
}
.ja-masthead.open {
  margin-top: 0px;
  height: 850px;
  max-width: 100% !important;
  overflow:hidden !important;
}
.ja-masthead img {
  width: 100% !important;
}
.boutonMasthead {
  position: absolute !important;
  bottom: 15px;
  left: 50%;
  width: 100px !important;
  text-align: center;
  margin-left: -70px;
}
.boutonMasthead button {
  background: transparent;
  font-size: 11px;
  border: 2px solid #47c0eb;
  width: 100px !important;
  text-align: center;
  color: #fff;
  padding: 3px 0 1px 0;
  transition: all 0.5s ease;
  display: none !important;
}
.boutonMasthead button:hover {
  background: #fff;
  font-size: 11px;
  border: 2px solid #47c0eb;
  width: 100px !important;
  text-align: center;
  color: #47c0eb;
}
.topcams .ja-masthead {
  position: relative !important;
  margin-top: 0px;
  height: 850px;
  overflow:hidden !important;
  width: 100% !important;
  transition: height 1s ease;
}
.ja-masthead iframe {
  margin: 0 auto;
  float: none;
}

/* TOP CAMERA DANS BIG BANNER */
.sgs-mastheadcam {
  position: absolute;
  top: 130px;
  left: 0;
  width: 100% !important;
  text-align: center;
}

/* MODULE TOP BANNER */
.t3-top-banner {
  background: #fff;
  height: 109px !important;
  margin-bottom: 10px;
  text-align: center;
}
.t3-top-banner .bannergroup {
  margin: 0 auto;
}
.t3-top-banner .bannergroup img {
  /* width: 765px !important;
  height: 95px !important; */
}
ins.adsbygoogle {
  /* width: 765px !important;
  height: 95px !important; */
}

/* CONTENT MASS TOP */
.pageaccueil .t3-content-mass-top {
  background: #fff;
  width: 612px !important;
  height: 306px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: left !important;
  border: 0 !important;
}
.pageaccueil .t3-content-mass-top2 {
  background: #fff;
  width: 153px !important;
  height: 306px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: left !important;
  border: 0 !important;
}
.pageaccueil .t3-content-mass-top3 {
  background: #fff;
  width: 100% !important;
  height: 612px !important;
  margin-bottom: 10px;
  text-align: left;
  margin: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: left !important;
  display: block !important;
  border: 0 !important;
}

/* T3 CONTENT */
.t3-content {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* MODULE ACCUEIL AFFICHAGE K2 MASONRY */
.block {
  float:left !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0px solid #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  width: 153px !important;
  height: 306px !important;
}
.block:nth-of-type(1) {
  background: #47c0eb !important;
}
.block:nth-of-type(2) {
  background: #333 !important;
}
.block:nth-of-type(3) {
  background: url('../images/sable-webcam-hd.png') !important;
}
.block:nth-of-type(4) {
  background: #333 !important;
}
.block:nth-of-type(5) {
  background: url('../images/sable-webcam-hd.png') !important;
}
.block:nth-of-type(6) {
  background: url('../images/sable-webcam-hd.png') !important;
}
.block:nth-of-type(7) {
  background: #333 !important;
}
.block:nth-of-type(8) {
  background: #47c0eb !important;
}
.block:nth-of-type(9) {
  background: url('../images/sable-webcam-hd.png') !important;
}
.block:nth-of-type(10) {
  background: #333 !important;
}
.block:nth-of-type(11) {
  background: #47c0eb !important;
}
.block:nth-of-type(12) {
  background: url('../images/sable-webcam-hd.png') !important;
}
.block:nth-of-type(13) {
  background: #333 !important;
}
.block:nth-of-type(14) {
  background: #47c0eb !important;
}
.block:nth-of-type(15) {
  background: #333 !important;
}
.block:hover { background-color:#fff; box-shadow: none !important; }
.last {margin: 0;}
.block h2.title {
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  text-transform: uppercase;
  background: transparent;
  color: #fff !important;
  padding: 10px !important;
  margin:0 0 10px 0;
  letter-spacing:0;
}
.block:nth-of-type(1) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(2) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(3) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(4) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(5) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(6) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(7) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(8) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(9) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(10) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(11) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(12) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(13) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block:nth-of-type(14) h2.title {
  position: absolute !important;
  right: 0px !important;
  bottom: 0px !important;
  text-align: right !important;
}
.block:nth-of-type(15) h2.title {
  position: absolute !important;
  left: 0px !important;
  top: 153px !important;
}
.block h2.title a {
  color: #fff !important;
}
.block h2.title a:hover {
  color: #333 !important;
}
p.minik2-simple-intro {
  display: none !important;
}
.block img{
  border:none;
  display:block;
  max-height: 153px !important;
}
.block span.itemCategory, .block span.itemDateCreated {display:inline; font-size:80%; color:#ccc; padding-bottom:0px;}
.thumbs-wrapper{
	margin: 0 0 10px 0;
	overflow:hidden;
	position:relative;
}
.thumbs img{ float:left; }

/* MODULES CUSTOM CAMERAS */
/* Cameras player box ---*/
#shapes-sgscambox { 
  padding:0 !important; 
  margin:0 !important; 
}

#shapes-sgscambox .moduletable { 
  padding:0 !important; 
  margin:0 !important; 
}

/* Shapes below cam ---*/
#shapesbelowcambox { 
  padding:0 !important; 
  margin:5px 0 10px 0 !important; 
  width: 100% !important;
  border-bottom: 1px solid #efefef !important;
  display: block !important;
  clear: both;
}
#shapesbelowleft { 
  padding:0 !important; 
  margin:0 5px 0 0 !important; 
  width: 60% !important;
  display: inline-block !important;
}
#shapesbelowtitle { 
  padding:0 !important; 
  margin:0 !important; 
}
#shapesbelowtitle h1 { 
  padding:0 !important; 
  margin:0 !important;
  font-size: 18px !important;
  color: #47c0eb !important;
}
#shapesbelowright { 
  padding:0 !important; 
  margin:10px 0 0 0 !important; 
  width: 38% !important;
  display: inline-block !important;
}

/* Cameras partners ---*/
#shapes-campartners { 
  padding: 0 !important; 
  margin: 5px 0 10px 0 !important; 
}
#shapes-campartners .moduletable { 
  padding: 0 0 5px 0 !important; 
  margin:0 !important; 
}
#shapes-campartners h4 { 
  font-size: 13px !important; 
  color: #444 !important; 
  margin-top: 3px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#shapes-campartners p { 
  font-size: 11px !important; 
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#shapes-campartners a { 
  color: #444 !important; 
}
#shapes-campartners a:hover { 
  color: #bc9a6a !important; 
}


/* Cameras weather boxes ---*/
#shapes-sgscamweather { 
  padding: 0 !important; 
  margin: 0 !important; 
  width: 100% !important;
}
#shapes-sgscamweather h3 { 
  font-size: 1.4em !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
#sgscamweather-box1 { 
  padding: 0 30px 0 0 !important; 
  margin: 0 !important; 
  height: 208px !important;
  overflow: hidden !important;
  width: 30% !important; 
  float: left !important; 
  border-bottom: 2px solid #bc9a6a;
}
#sgscamweather-box1 h3 {
  color: #bc9a6a;
}
div.meteoDate {
  padding: 0 !important; 
  margin: 0 !important; 
  float: left;
  width: 50%;
} 
div.meteoDate p {
  margin-bottom: 2px !important; 
} 
div.leverSoleil,
div.coucherSoleil {
  padding: 0 !important; 
  margin: 0 !important; 
  width: 100%;
  height: 35px !important;
} 
div.leverSoleil img,
div.coucherSoleil img {
  width: 55px;
} 
div.meteoPicto {
  padding: 2px 0 0 0 !important; 
  margin: 0 !important; 
  float: left;
  width: 50%;
} 
div.meteoPicto img {
  float: right;
  width: 95px;
  margin-bottom: 0;
  padding-bottom: 0;
}
div.meteoTempMin {
  padding: 0 !important; 
  margin: 9px 0 0 0 !important; 
  float: left;
  width: 50%;
  color: #47c0eb;
  font-size: 16px;
  font-weight: bold;
} 
div.meteoTempMax {
  padding: 0 !important; 
  margin: 9px 0 0 0 !important; 
  float: left;
  width: 50%;
  color: #bc9a6a;
  font-size: 16px;
  font-weight: bold;
} 
div.meteoTempMin img,
div.meteoTempMax img {
  width: 25px;
} 
#sgscamweather-box2 { 
  padding: 0 20px !important; 
  margin: 0 !important; 
  height: 208px !important;
  overflow: hidden !important;
  width: 40% !important; 
  float: left !important; 
  border-bottom: 2px solid #47c0eb;
}
#sgscamweather-box2 h3 {
  color: #47c0eb;
}
#sgscamweather-box2 p {
  line-height: 16px !important;
  padding: 0 !important; 
  margin: 0 !important; 
}
p.surfDirectTempEau strong {
  color: #47c0eb;
  font-size: 16px;
  font-weight: bold;
} 
div.surfDirectHoule {
  background: url('../images/bg-vague.png') center center no-repeat;
  background-size: 100% auto;
  padding: 0 !important; 
  margin: 10px 0 0 0 !important; 
  float: left;
  width: 33%;
  text-align: center;
} 
p.surfDirectHoule strong {
  color: #47c0eb;
  font-size: 16px;
  font-weight: bold;
} 
div.surfDirectHoule img {
  width: 40%;
  padding: 12px 0;
} 
div.surfDirectVent {
  background: url('../images/bg-vent.png') center center no-repeat;
  background-size: 100% auto;
  margin: 10px 0 0 0 !important; 
  float: left;
  width: 33%;
  text-align: center;
} 
p.surfDirectVent strong {
  color: #bc9a6a;
  font-size: 16px;
  font-weight: bold;
} 
div.surfDirectVent img {
  width: 40%;
  padding: 12px 0;
} 
div.surfDirectPeriode {
  background: url('../images/bg-periode.png') center center no-repeat;
  background-size: 100% auto;
  padding: 0 !important; 
  margin: 10px 0 0 0 !important; 
  float: left;
  width: 33%;
  text-align: center;
}
p.surfDirectPeriode strong {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  line-height: 60px !important; 
} 
div.surfDirectPeriode img {
  width: 40%;
  padding: 12px 0;
} 
#sgscamweather-box3 { 
  padding: 0 0 0 20px !important; 
  margin: 0 !important; 
  height: 208px !important;
  overflow: hidden !important;
  width: 30% !important; 
  float: left !important; 
  border-bottom: 2px solid #333;
}
#sgscamweather-box3 h3 {
  color: #333;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  line-height: 16px !important;
}
.tableaumarees {
}
.tableaumarees p {
  line-height: 16px !important;
  padding: 0 !important; 
  margin: 0 !important; 
}
.hautemer {
}
.hautemer h3 {
  color: #47c0eb !important;
  font-size: 1.0em !important;
  margin-top: 0px !important;
  margin-bottom: 14px !important;
}
.bassemer {
}

.bassemer h3 {
  color: #47c0eb !important;
  font-size: 1.0em !important;
  margin-top: 16px !important;
  margin-bottom: 14px !important;
}

/* More services boxes ---*/
#shapes-sgsmoreweather {
  width: 100%;
  margin-bottom: 30px !important; 
}
#sgsmoreweather-box1 {
  padding: 8px 0px 4px 0 !important; 
  margin: 0 !important; 
  height: 30px !important;
  overflow: hidden !important;
  width: 30% !important; 
  float: left !important; 
  border-bottom: 2px solid #bc9a6a;
  color: #bc9a6a !important; 
}
#sgsmoreweather-box1 a {
  font-size: 14px !important; 
  color: #bc9a6a !important; 
}
#sgsmoreweather-box2 {
  padding: 8px 20px 4px 20px !important; 
  margin: 0 !important; 
  height: 30px !important;
  overflow: hidden !important;
  width: 40% !important; 
  float: left !important; 
  border-bottom: 2px solid #47c0eb;
  color: #47c0eb !important; 
}
#sgsmoreweather-box2 a {
  font-size: 14px !important; 
  color: #47c0eb !important; 
}
#sgsmoreweather-box3 {
  padding: 8px 0 4px 20px !important; 
  margin: 0 !important; 
  height: 30px !important;
  overflow: hidden !important;
  width: 30% !important; 
  float: left !important; 
  border-bottom: 2px solid #333;
  color: #333 !important; 
}
#sgsmoreweather-box3 a {
  font-size: 14px !important; 
  color: #333 !important; 
}

/* TOP CAMS - More services boxes ---*/
#sgstopcammoreweather {
  width: 100%;
  max-width: 800px;
  background: #FFF !important;
  padding: 0 !important;
  margin: 0 auto !important;
  margin-top: -10px !important;
  height: 44px !important;
}
#sgstopcammoreweather #sgsmoreweather-box1,
#sgstopcammoreweather #sgsmoreweather-box2,
#sgstopcammoreweather #sgsmoreweather-box3 {
  height: 44px !important;
}

/* Cameras shom box ---*/
#shapes-shomdata { 
  padding:10px 0 0 0 !important; 
  margin:0 !important;
  height: 130px !important;
}

#shapes-shomdata .moduletable { 
  padding:0 !important; 
  margin:0 !important; 
}

.shapes-shomcredits p {
  font-size: 9px !important; 
  line-height: 10px !important;
  color: #aaa !important; 
  padding: 5px 0 0 0 !important; 
  margin:0 !important; 
}

/* Cameras newsscroller ---*/
#shapes-camnewsscroller { 
  padding: 0 !important; 
  margin: 0 !important;
}

#shapes-camnewsscroller .moduletable { 
  padding: 0 !important; 
  margin: 0 !important;
}

#shapes-camnewsscroller #ja-headline {
	float: left;
	width: 100%;
}

#shapes-camnewsscroller .ja-healineswrap {
	float: left;
	padding: 0;
	width: 95%;
	margin-bottom:15px;
}

#shapes-camnewsscroller .ja-headlines {
	height: 12px;
	margin-top: 11px;
	padding-bottom:5px;
}

#shapes-camnewsscroller .ja-healineswrap em {
	background: none;
	color: #333;
	display: block;
	font-weight: bold;
	font-style: normal !important;
	float: left;
	margin: 10px 10px 0 0;
	padding: 1px 5px 1px 0;
	text-transform: uppercase !important;
}

#shapes-camnewsscroller .ja-headlines .ja-headlines-item {
	height: auto;
}

/* Cameras ads ---*/
#shapes-camads { 
  width: 100% !important;
  padding: 0 !important; 
  margin:0 !important;
  float: left !important;
}

#shapes-camads .moduletable {  
  width: 100% !important;
  padding:0 !important; 
  margin:0 !important; 
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}

#shapes-camads .banneritem {
  margin-left: 40px;
  margin-top: 25px !important;
  padding: 0 !important;
}

#shapes-camads .moduletable img {  
  margin: 0 !important; 
}

#pixriderwidg {   
  width: 100% !important;
  margin: 0 !important; 
}

#mareeswidg {    
  width: 100% !important;
  margin: 0 !important;
  padding: 50px 0;
}

#meteoville {    
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 20px 0;
}

#mareeswidg a { 
  font-weight: bold !important; 
}

#surfreportwidg {   
  width: 100% !important; 
  margin: 0 !important; 
}

/* OVERRIDES IFRAME CARTES METEO */
#shapes-cartemeteo {    
  padding: 0 !important; 
  margin: 0 !important; 
  position: relative !important; 
}
#shapes-cartemeteoinner {   
  padding: !important; 
  margin: 0 !important; 
}
iframe.noScrolling {
   width: 755px !important;   /*ou + mais pas - */
   height: 535px !important;  /*ou + mais pas - */
   overflow: hidden;
   border:0;
   frameborder:0;
}

/* OVERRIDES CONTENU JOOMLA */
.article-header .article-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 28px;
  color: #47c0eb;
}
.article-aside {
  display: none;
}

/* OVERRIDES K2 */

/* OVERRIDES DISQUS */
div.itemFullText .dq-powered {
  display: none !important;
}
div.itemFullText #footer .install a {
  display: none !important;
  color: #FFF !important;
}
div.itemFullText #footer .logo a {
  display: none !important;
}

/* WEBCAM HD PREMIUM */
.presentationpremium {
  padding-bottom: 50px;
}
.presentationpremium h2 {
  padding: 0;
  margin-top: 0;
  font-size: 20px !important;
  color: #bc9a6a;
}
.presentationpremium p {
}
.presentationpremium .arguments {
  color: #333;
  padding-bottom: 30px;
}
.pricing-table {
  padding-top: 10px;
  padding-bottom: 40px;
}
.pricing-table .col-md-3 {
    width: 25%;
}
.pricing-table .col.shadow {
  box-shadow: none;
}
.pricing-table .col .col-header {
  padding: 10px 15px;
  height: 160px;
}
.pricing-table .col-feature1 {
  margin-top: -28px;
}
.pricing-table .col-feature1 .col-header {
  background: url('../images/sable-webcam-hd.png') !important;
  height: 188px;
}
.pricing-table .col-feature2 .col-header {
  background: #47c0eb;
}
.pricing-table .col .col-header > h2 {
  margin-top: 18px;
  margin-bottom: 28px;
  font-size: 20px;
}
.pricing-table .col-feature1 .col-header > h2 {
  margin-top: 18px;
  margin-bottom: 43px;
  font-size: 26px;
}
.pricing-table .col .big-number {
  display: block;
  font-size: 60px;
}
.pricing-table .col .big-number sup {
  font-size: 24px;
  top: 0;
  color: #FFF;
}
.pricing-table .col ul li.row1 {
  background: #fbfbfb;
}
.pricing-table .col ul {
  border-color: #f6f6f6;
}
.pricing-table .col ul li {
  font-size: 14px;
  padding: 10px 15px;
  height: 44px !important;
  border-color: #f6f6f6;
}
.pricing-table .col ul li i {
  color: #47c0eb;
}
.pricing-table .col ul li.no i {
  color: #333;
}
.pricing-table .col .col-footer {
  background: #fff;
  border-color: #f6f6f6;
  font-size: 14px;
  padding: 10px 15px;
}
.pricing-table .col .btn {
  background: transparent;
  font-size: 16px;
  padding: 10px 15px;
  border: 0;
}
.pricing-table .btn-default {
  border: 0 !important;
  background: transparent !important;
}
.pricing-table .btn-default:hover,
.pricing-table .btn-default:focus,
.pricing-table .btn-default:active {
  color: #333;
  border: none !important;
  background: transparent !important;
}

.pricing-table .btn-default:after {
  background: #fff;
}
.pricing-table .btn-primary1 {
  color: #bc9a6a;
}
.pricing-table .btn-primary1:hover,
.pricing-table .btn-primary1:focus,
.pricing-table .btn-primary1:active {
  background: none;
  border-color: #bc9a6a;
  color: #333;
}
.pricing-table .btn-primary2 {
  color: #47c0eb;
}
.pricing-table .btn-primary2:hover,
.pricing-table .btn-primary2:focus,
.pricing-table .btn-primary2:active {
  background: none;
  border-color: #47c0eb;
  color: #333;
}

/* MODULES CORPO */
.t3-content-mass-bottom .t3-module {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.about-us h3 {
  color: #47c0eb;
}
.about-us h4 {
  color: #bc9a6a;
}
.ja-client-list {
  margin-top: 30px;
}
.ja-client-list img {
  margin-bottom: 30px;
}

/* SIDEBAR */
.t3-sidebar {
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-top: 0px;
  margin-left: -36px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.t3-sidebar .t3-module {
  margin: 0 0 10px;
  padding: 0;
  height: auto !important;
  overflow: hidden !important;
}
.t3-sidebar .banniereavecfooter {
  height: auto !important;
}
.t3-sidebar .banniereavecfooter2 {
  height: auto !important;
}
.t3-sidebar .bannergroup {
  margin: 0 !important;
}
.t3-sidebar .banneritem {
  margin: 0 auto !important;
  padding: 0 !important;
  width: 336px !important;
  min-height: 280px !important;
  text-align: center !important;
}
.t3-sidebar .banneritem img {
  margin: 0 auto !important;
}
ins {
  margin-left: 0 !important;
}
.bannerfooter {
  display: block !important;
  height: 18px !important;
  border: 0 !important;
  text-align: center;
  font-size: 10px !important;
  padding-top: 4px;
}

/* FOOTER */
.footer-info {
  padding-top: 0;
}
.t3-footer {
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  background: #fff;
  color: #333;
  font-size: 12px;
}
#secondfooter {
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  background: url('../images/fond-footer-wchdv3.jpg') top center no-repeat #fff;
  margin-top: 30px;
  padding-top: 120px;
  color: #333;
  font-size: 12px;
}
.footer-banner {
  margin: 20px auto 30px;
  text-align: center !important;
}

.col-md-2:nth-of-type(1) {
  padding-left: 40px;
  padding-right: 12px;
}
.col-md-2:nth-of-type(2) {
  padding-left: 12px;
  padding-right: 12px;
}
.col-md-2:nth-of-type(3) {
  padding-left: 12px;
  padding-right: 12px;
}
.col-md-2:nth-of-type(4) {
  padding-left: 12px;
  padding-right: 12px;
}
.col-md-2:nth-of-type(5) {
  padding-left: 12px;
  padding-right: 12px;
}
.col-md-2:nth-of-type(6) {
  padding-left: 12px;
  padding-right: 40px;
}
.t3-footnav .t3-module {
  background: #fff;
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;
}
.t3-footnav .t3-module .module-title {
  height: 24px !important;
  margin-bottom: 12px;
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-weight: normal;
  background: #fff;
  color: #47c0eb;
}
div.k2ItemsBlock ul li a.moduleItemTitle {
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  background: #fff;
  color: #333;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.t3-footnav .t3-module ul > li > a {
  font-family: "Questrial", Helvetica Neue, Helvetica, Arial, Sans-serif;
  background: #fff;
  color: #333;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
div.k2ItemsBlock ul li a.moduleItemTitle:hover,
.t3-footnav .t3-module ul > li > a:hover {
  color: #47c0eb;
  margin: 0;
  padding: 0;
}
table.acymailing_form {
  margin-top: 12px !important;
}
.t3-footnav .t3-module input {
  font-size: 12px;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 5px;
  height: 30px;
}
.t3-footnav .t3-module input:hover {
  border: 1px solid #47c0eb;
}
.t3-footnav .acysubbuttons {
  text-align: left;
  width: 100% !important;
}
.t3-footnav .btn {
  width: 100% !important;
  font-size: 12px !important;
  border: 1px solid #CCC !important;
  background: #CCC !important;
  padding: 9px 5px 4px 5px !important;
  height: 30px !important;
  text-align: center !important;
  color: #333 !important;
}
.t3-footnav .btn:hover {
  background: #47c0eb !important;
  border: 1px solid #47c0eb !important;
  color: #fff !important;
}
.footnav { padding: 0 0 20px 0; }
.footnav a { color: #999 !important; }

.t3-copyright {
  font-size: 10px;
  padding: 0;
  border-top: 0;
  line-height: 12px;
}
.t3-copyright .nav {
  margin: 0 0 20px 0;
}
.t3-copyright .nav li {
  display: inline !important;
  margin: 0;
  padding: 0 10px 0 0;
  color: #999;
  font-size: 10px;
  line-height: 10px;
}
.t3-copyright .nav li a {
  display: inline !important;
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 10px;
  line-height: 10px;
}
.t3-copyright .nav li a:hover {
  color: #47c0eb;
}

/* METEO SURF */
#shapes-forecastsurf { position: relative !important; width: 100%; min-height: 800px !important; overflow: hidden !important; }
#shapes-forecastsurfinner { position: absolute; top: 0; left: 0; z-index: 9; width: 100% !important; display: block !important; }
#canvas { width: 100%; float: left; display: block !important; background: url('../images/surfboards.png') left 85px no-repeat !important; background-size: 69px 205px !important; }
#tableauSurf4Jours { width: 810px !important; float: left; display: block; margin-left: 0; margin-top: 36px; font-size: 11px; font-family: Helvetica Neue, Helvetica, Arial, Sans-serif; }
.creneau { width: 4.8%; float: left; border: 1px solid #eee; border-right: 0; text-align: center; }
.creneau:last-child { width: 4.9%; border: 1px solid #eee!important; border-right: 1px solid #eee!important; }
.creneau img { width: 100%; margin: 0 auto; }
#tableauSurf4Jours .date { display: block; margin: 0; padding: 0; }
#tableauSurf4Jours .meteo { display: block; margin: 0; padding: 5px 0; background: #bc9a6a; }
p.surf4JoursTemp { color: #fff; font-size: 11px; margin: 0; }
#tableauSurf4Jours .houle { display: block; margin: 0; padding: 5px 0; background: #47c0eb; }
#tableauSurf4Jours .houle img { width: 50%; }
p.surf4JoursHoule { color: #fff; font-size: 11px; margin: 0; }
#tableauSurf4Jours .vent { display: block; margin: 0; border-bottom: 1px solid #eee; }
#tableauSurf4Jours .vent img { width: 50%;  }
p.surf4JoursVent { color: #333; font-size: 11px; }
#tableauSurf4Jours .periode { margin: 0; }
p.surf4JoursPeriode { color: #47c0eb; font-size: 11px; }
p.petit { font-size: 10px; }
#tableauSurf4Jours strong { font-size: 14px !important; }

/* METEO SURF */
#pagetableaushom { position: relative !important; }

/* CACHE METEO */
.masquemeteo { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.97);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF)"; z-index: 99; width: 103% !important; text-align: center; }
.masquemeteo .inner { background: transparent !important; padding-top: 0px; text-align: center }
.masquemeteo h3 { color: #bc9a6a; font-size: 18px; padding: 0 50px; }
.masquemeteo h3 span.marque { color: #47c0eb; font-weight: bold; }
.masquemeteo a { font-size: 14px; font-weight: bold; }
.masquemeteo h3 a { color: #47c0eb;  font-size: 22px; font-weight: bold; }

/* POPIN VIDEO BOX */
.popinvideo {
  position: relative;
  display: block !important;
  margin: 10px auto !important;
  width: 100%;
  height: 415px;
}
#popinvideobox {
  display: block !important;
  margin: 0 !important;
}
.boutoncachemeteo { border: 0; border-radius: 0; background: #47c0eb; color: #FFF; cursor: pointer; padding: 5px 10px 3px 10px; text-transform: uppercase; transition: background 1s ease; }
.boutoncachemeteo:hover { border: 0; border-radius: 0; background: #333; color: #FFF; }

/* OVERRIDES FORMULAIRES */
.formResponsive fieldset { margin-top: 40px !important; }
.formResponsive .formHorizontal .formControlLabel { width: 180px !important; margin-right: 20px !important; padding-top: 8px !important; }
.formResponsive .formHorizontal .rsform-block { margin-bottom: 8px !important; }
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
  display: inline-block;
  height: 28px;
  padding: 2px 5px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
  border-radius: 0 !important;
}
.formResponsive input, .formResponsive textarea {
  width: 72.8% !important;
}
.formResponsive textarea {
  height: auto !important;
}
.formResponsive input[type="button"], .formResponsive input[type="submit"], .formResponsive input[type="reset"] {
  display: inline-block;
  color: #333333;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-transform: uppercase;
  width: 140px !important;
}
.formResponsive input[type="submit"] {
  background: #47c0eb !important;
  color: #ffffff;
  text-shadow: none;
}
.formResponsive input[type="reset"] {
  background: #ddd !important;
  color: #333;
  text-shadow: none;
}
.formResponsive input[type="button"]:hover, .formResponsive input[type="reset"]:hover, .formResponsive input[type="submit"]:hover, .formResponsive input[type="button"]:active, .formResponsive input[type="reset"]:active, .formResponsive input[type="submit"]:active, .formResponsive input.active[type="button"], .formResponsive input.active[type="reset"], .formResponsive input.active[type="submit"], .formResponsive input.disabled[type="button"], .formResponsive input.disabled[type="reset"], .formResponsive input.disabled[type="submit"], .formResponsive input[type="button"][disabled], .formResponsive input[type="reset"][disabled], .formResponsive input[type="submit"][disabled] {
  background: #333 !important;
  color: #ffffff;
  text-shadow: none;
}

/* OVERRIDES MODULE CARTE */
.bt-googlemaps img { width: 200px; margin: 6px 0; }
.bt-googlemaps a { color: #333; font-size: 11px; line-height: 12px!important; padding: 0!important; margin: 0!important;  }
.bt-googlemaps a:hover { color: #47c0eb;  }

/* OVERRIDES XMAP */
.xmapexcl img { display: none !important; }
.xmapexcl ul ul, .xmapexcl ol ul, .xmapexcl ul ol, .xmapexcl ol ol { margin: 0 !important; list-style: none !important; }
.xmapexcl a { color: #333 !important; }
.xmapexcl a:hover { color: #47c0eb;  }

/* OVERRIDES MEMBERSHIP */
.dm_row {
  background: #FFF !important;
}
.com_osmembership h1,
.com_osmembership h2,
.dm_cat h1.dm_title {
  font-size: 24px;
}
#dm_docs dl {
  background: #47c0eb !important;
  color: #ffffff;
  border: 0 !important;
}
.com_osmembership td, .com_osmembership tr td {
  border: 0 !important;
}
.com_osmembership label,
.com_osmembership input {
  font-size: 12px;
  line-height: 14px;
  height: 28px;
}
.input-small {
  width: 64px !important;
  display: inline-block !important;
}
.input-append .add-on, .input-prepend .add-on {
  font-size: 12px;
  line-height: 14px;
  height: 28px;
  display: inline-block !important;
}
.com_osmembership input[type="radio"], .com_osmembership input[type="checkbox"] {
  display: inline-block !important;
  line-height: 14px;
  margin-top: 6px !important;
  margin-right: 6px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.com_osmembership .btn {
  margin-top: 12px !important;
}

/* AJOUTS ET OVERRIDES RESPONSIVE */
@media (min-width: 992px) and (max-width: 1199px) {
.t3-header .col-md-3 {
  width: 115px;
  padding-right: 0;
}
.t3-header .col-md-9 {
  width: 800px;
  background: transparent;
  padding-right: 0;
}
.logo-image {
  padding: 2px;
  background: url('../images/sable-webcam-hd.png');
  height: 125px;
  width: 125px;
}
.logo-img {
  width:125px;
}
.head-right {
  top: 40px;
  right: 24px;
  width: 40px !important;
}
.navbar-default .navbar-nav li.dropdown {
  background: #333;
  margin: 0;
  height: 125px;
  width: 125px;
  color: #FFF;
  padding: 0;
  position: relative;
}
.ja-masthead {
  height: 150px;
}
.ja-masthead.open {
  margin-top: 0px;
  height: 600px;
  max-width: 100% !important;
  overflow:hidden !important;
}
.col-md-9 {
  width: 66%;
}
.col-md-3 {
  width: 31%;
}
.t3-top-banner {
  display: none !important;
}
.t3-content-mass-top iframe {
  width: 560px !important;
}
.t3-content-mass-top2 {
  display: none !important;
}
.minik2 .k2item.block {
  width:112px !important;
}
}

@media (min-width: 1200px) and (max-width: 1300px) {
.ja-masthead.open {
  margin-top: 0px;
  height: 775px;
  max-width: 100% !important;
  overflow:hidden !important;
}	
}

@media (min-width: 1300px) and (max-width: 1499px) {
.ja-masthead.open {
  margin-top: 0px;
  height: 850px;
  max-width: 100% !important;
  overflow:hidden !important;
}	
}

@media (min-width: 1500px) and (max-width: 1699px) {
.ja-masthead.open {
  margin-top: 0px;
  height: 920px;
  max-width: 100% !important;
  overflow:hidden !important;
}	
}

@media (min-width: 1700px) and (max-width: 1899px) {
.ja-masthead.open {
  margin-top: 0px;
  height: 980px;
  max-width: 100% !important;
  overflow:hidden !important;
}	
}

@media (min-width: 1900px) {
.ja-masthead.open {
  margin-top: 0px;
  height: 1100px;
  max-width: 100% !important;
  overflow:hidden !important;
}	
}

#off-wrap {
  position: absolute !important;
  left: 50%;
  top: 433px !important;
  margin-left: -742px;
  width: 1560px !important;
}

.Followus {
  width: 100% !important;
  display: bloxk !important;
  margin: 20px 0 20px 0 !important;
}

#masthead-ad {
  position: relative !important;
  margin: 15px auto;
  width: 970px !important;
  height: 250px !important;
  text-align: center;
}