/* ==========================================================================
   Base
   
   colors : #167bd7
   ========================================================================== */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.glyphicon:empty {
  width: 1em;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-briefcase:before {
  content: "\1f4bc";
}

.glyphicon-calendar:before {
  content: "\1f4c5";
}

.glyphicon-pushpin:before {
  content: "\1f4cc";
}

.glyphicon-paperclip:before {
  content: "\1f4ce";
}

.glyphicon-camera:before {
  content: "\1f4f7";
}

.glyphicon-lock:before {
  content: "\1f512";
}

.glyphicon-bell:before {
  content: "\1f514";
}

.glyphicon-bookmark:before {
  content: "\1f516";
}

.glyphicon-fire:before {
  content: "\1f525";
}

.glyphicon-wrench:before {
  content: "\1f527";
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('fonts/gothic.eot');
    src: url('fonts/gothic.eot') format('embedded-opentype'),
         url('fonts/gothic.woff') format('woff'),
         url('fonts/gothic.ttf') format('truetype'),
         url('fonts/gothic.svg#CenturyGothicRegular') format('svg');
    
}

@font-face {
    font-family: 'CenturyGothicBold';
         src: url('fonts/gothicb.eot');
         src: url('fonts/gothicb.eot') format('embedded-opentype'),
              url('fonts/gothicb.woff') format('woff'),
              url('fonts/gothicb.ttf') format('truetype'),
              url('fonts/gothicb.svg#CenturyGothicBold') format('svg');
}
strong{
	font-family: 'CenturyGothicBold';
}

blockquote, blockquote p{
	background-color: #f7f7f7;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	
}
body {
font-family: 'CenturyGothicRegular';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'CenturyGothicBold';
text-transform: uppercase;
color: #167bd7;
}

.blocpage h3, .blocpage h4 {

}

.caption{
	font-size: 11px;
}


.bspacer{
	margin-bottom: 15px;
}

/* =============================================================================
   Header
   ========================================================================== */

.breadcrumb {
	background: #fff;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
}

.banner { }

.navbar-nav>.dropdown>a:hover .caret, .navbar-nav>.dropdown>a:focus .caret, .navbar-nav>.dropdown>a .caret {
border-top-color: white;
border-bottom-color: white;
}

.caret {
border-top: 4px solid #FFF;
}

#flags_language_selector img{
	float: right;
	margin-left:10px;
	margin-top: 5px;
}
.replace {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background: url(../img/logo-port-capbreton.png);
width: 500px;
height: 51px;
float: left;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left:40px;
max-width: 500px;
margin-top: 10px;
margin-bottom: 15px;
}

.navbar {
background-color: transparent!important;

}


.mak2com img{
	margin-top: 16px;
	margin-bottom: 10px;
	
}
.fp-logo {
   display: block;
   opacity: 0!important;
}
.navbar-nav>li>a {
text-transform: uppercase;
color: #fff!important;

}

.sitename{
	font-family: 'CenturyGothicBold';
	font-size: 50px;
	text-transform: uppercase;
	color: white;
}

.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus ,.navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus {
font-style: italic;
background-color: transparent;
}

.line{
    background: url(../img/line.png) no-repeat 0 0;
    height: 16px;
	width: 94%;
	max-height: 15px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.flipped{
margin-top: 20px;

margin-bottom: 0px!important;
	-moz-transform: scaleX(-1);
	       -o-transform: scaleX(-1);
	       -webkit-transform: scaleX(-1);
	       transform: scaleX(-1);
	      /* filter: FlipH;
	       -ms-filter: "FlipH";	*/
}

.carousel-indicators {
display: none;
}
/* ==========================================================================
   Content
   ========================================================================== */

dt{
	font-family: 'CenturyGothicBold';
	color: #167bd7;
}

a{
	color: #167bd7;
}
.content { }

.blochome{
	background: transparent url('../img/home-background-bloc.png') no-repeat center center;
	font-size: 18px;
	padding: 15px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 15px;
	margin-bottom: 10px;
}

.blochome img {
padding-left: 18px;
padding-right: 6px;
}

.bloccontact{
	margin-top: 8px;
}
.blocrub{
	background: transparent url('../img/rub-background-bloc.png') no-repeat center center;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 8px;
}

.blocrub img, .blocpage img{
	padding: 6px;
	border-radius: 10px;
}
.blocpage img{
display: inline-block;
height: auto;
max-width: 100%;
}
.blocpage h4,.blocpage h3{
	clear: both;
}
.blocpage{

background: transparent url('../img/page-background-bloc.png') no-repeat center center;
width: auto;  height: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-left: 3%;
padding-right: 3%;
padding-top: 1%;
padding-bottom: 2%;
}

body.page-id-114 div.blocpage ul li a, body.page-id-480 div.blocpage ul li a, body.page-id-478 div.blocpage ul li a{
	display: inline;
	padding: .25em .6em;
	font-size: 75%;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #167bd7;
	border-radius: .25em;
	text-transform: uppercase;
}
.page-header {
padding-bottom: 0px;
margin: 0px;
border-bottom: 0px solid #eee;
}

.blocrub h2, .webcam h2, .bloccontact h2 {
text-align: center;
border-bottom: 2px solid #d8e9f8;
margin: 10px;
padding-bottom: 8px;

/*font-size: 24px;*/

}

.popover-content {

}
h2.meteo-es{
	font-size: 100%!important;
}
.blocrub, .blochome{
	text-align: justify;
}

.stroke
{
   
    text-shadow:
    -1px -1px 0 #d8e9f8,
    1px -1px 0 #d8e9f8,
    -1px 1px 0 #d8e9f8,
    1px 1px 0 #d8e9f8;
    }

div.webcam h2, div.bloccontact h2 {
position: absolute;
text-align: center;
border-bottom: 2px solid #d8e9f8;
padding-bottom: 10px;
margin-left: 26%;
}

.thumbnail{
	padding: 0px;
	margin: 4px;
}

ul.page-numbers{
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

div.ppt{
	color: black;
	visibility: hidden;
}

.pp_content_container  {

/*margin-top: -20px;*/
}

ul.meteo-infos, ul.meteo-infos li {
padding: 0;
margin-bottom: 0;
list-style: none;
float: left;
margin-top: 0;
}

ul.meteo-infos img{
	padding: 0;
	margin-bottom: 5px;
	width: 90px;
}

.meteo{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.bigtxt{
	font-size: 56px;
}

.big24{
	font-size: 24px;
}

video{
	width: 100%;
	max-height: 400px;
	height: 100%;
}


ul.share{
	float: right;
	list-style:none;
padding-left: 0;
margin-bottom: 0;
background: #f5f5f5;
padding: 5px;
border-radius: 4px;
}
 ul.share li{
float:left;

}
ul.share .glyphicon{
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	
}
/* ==========================================================================
   Primary Content
   ========================================================================== */

.main.col-sm-9.col-lg-9 {

}


/* Gallery Shortcode */
.row.gallery-row { padding: 15px 0; }


/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { }



/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

.content-info { }



/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

/* ==========================================================================
   webcam
   ========================================================================== */
.webcam{
	margin-top: 8px;	
}   
/* ==========================================================================
   plugins vegas - wpml - cyclone accueil
   ========================================================================== */
.vegas-loading {
	/* Loading Gif by http://preloaders.net/ */
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	background:#000 url(../img/loading.gif) no-repeat center center;
	background:rgba(0, 0, 0, 0.7) url(../img/loading.gif) no-repeat center center;
	height:32px;
	left:20px;
	position:fixed;
	top:20px;
	width:32px; 
	z-index:0;
}

/*.vegas-overlay {
	background:transparent url(../01.png);
	opacity:0.5;
	z-index:-1;
}*/

.vegas-background {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	z-index:-2;
    /* counteracts global img modification by twitter bootstrap library */
    max-width: none !important;
}

#lang_sel {
float: right!important;
}


.frame img {
position: absolute;
/*background: transparent url('../img/slider-frame.png') no-repeat 34px -20px;*/
z-index: 101!important;
width: 99%;
left: 2px;
top: -11px;
}

.cycloneslider-template-sivom {

}

.cycloneslider-template-sivom .cycloneslider-caption {
position: absolute;
right: 0;
bottom: 20%;
width: auto;
left: auto;
z-index: 99;
background: none;
color: #000;
background-color: white;
}

.cycloneslider-template-sivom .cycloneslider-caption-title {
padding: 15px 30px 0px 10px;
font-size: 60px;
line-height: 1;
margin-bottom: 0;
font-family: 'CenturyGothicRegular';
font-style: italic;
text-transform: uppercase;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */


@media  (max-width: 767px) {

.wp-image-127 {
width: 65%;
}
 h1 {
      font-size: 2em;
   }

   h2 {
      font-size: 1.5em;
   }
   h3 {
      font-size: 1em;
   }
   
.pull-right{
	float: none;
}
.blocpage{
padding-top: 0;
margin-top: 55px;
background-image: none;
background-color: white;

}	
body{
	background: #1463a1;
	font-size: 12px;
	}
.sitename{	
	font-size: 45px;	
}

#flags_language_selector{
position: absolute;
top: 45px;
right: 0;
}

#flags_language_selector img {
width: 30px;
height: 20px;

}

.navbar-nav {
margin-top: 80px
}

.replace {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background: url(../img/logo-port-capbreton-small.png);
width: 300px;
height: 31px;
float: left;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-left: 40px;
max-width: 300px;
margin-top: 0px;
margin-bottom: 15px;
position: absolute;
top: 0;
left: -35px;
}

div.blocrub h2, .blochome h2 {
padding-bottom: 10px;
font-size: 14px;
}
.bigtxt {
font-size: 24px;
}

.navbar-toggle {
z-index: 9999;
position: absolute;
top: 36px;
width: 48px;
left: 5px;
}

div.webcam h2,div.bloccontact h2{
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	border: none;
}

ul.meteo-infos li {
float: left;
}

.frame img {
width: 97%;
left: 10px;
top: -4px;
}

.blocrub,.blochome,.webcam,.bloccontact {
margin-top: 8px;
font-size: 11px;
}


.cycloneslider-template-sivom .cycloneslider-caption-title {
padding: 5px 20px 0px 5px;
font-size: 24px;

}



}

@media screen and (min-width: 1200px){
/* menu fr */
	#menu-menu-top.nav.navbar-nav>li>a {
font-size: 32px;
padding-left: 40px;
padding-right: 40px;

}

.dropdown-menu {
left: 50px;
}
/*menu es + en */
	#menu-menu-en.nav.navbar-nav>li>a,#menu-menu-es.nav.navbar-nav>li>a {
font-size: 46px;
padding-left: 40px;

}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	#menu-menu-top.nav.navbar-nav>li>a {
font-size: 26px;
padding-left: 23px;
padding-right: 30px;
}

.blocrub #myTab-1.nav>li>a {
padding: 8px 4px;
}
#menu-menu-en.nav.navbar-nav>li>a,#menu-menu-es.nav.navbar-nav>li>a{
	font-size: 30px;
	padding-left: 40px;
	padding-right: 40px;
}
div.webcam h2,div.bloccontact h2  {
font-size: 20px;
margin-left: 28%;
}
div.blocrub h2 {
font-size: 20px;
padding-bottom: 10px;
}

.bigtxt{
	font-size: 46px;
}
ul.meteo-infos img{
	padding: 0;
	margin: 0;
	width: 65px;
}

ul.meteo-infos,ul.meteo-infos li{
	height: 60px;
	
}

}

@media screen and (min-width: 768px) and (max-width: 992px){

.cycloneslider-template-sivom .cycloneslider-caption-title {
padding: 10px 20px 0px 5px;
font-size: 40px;
}

.frame img {
width: 98%;
left: 5px;
top: -8px;
}
.blocrub #myTab-1.nav>li>a {
padding: 6px 4px;
}

ul.meteo-infos img{
	padding: 0;
	margin: 0;
	width: 40px;
}

ul.meteo-infos, ul.meteo-infos li {
height: 45px;
}

h2{
	font-size: 28px;
}
.blocrub #myTab-1 a {
	font-size: 11px;
}
.bigtxt{
	font-size: 32px;
}

.blochome{
	font-size: 14px;

}
.navbar-toggle {
top: 20px;
}

/* menu fr */
#menu-menu-top.nav.navbar-nav>li>a {
font-size: 21px;
}
/*menu es + en */
#menu-menu-en.nav.navbar-nav>li>a,#menu-menu-es.nav.navbar-nav>li>a {
font-size: 28px;
}

.sitename{	
	font-size: 30px;	
}

.replace{
	margin-left: 15px;
}
.blocrub {
font-size: 11px;
}
.blocrub h2{
font-size: 18px;	
}
.blocrub h5{
font-size: 11px;	
}
.webcam h2, .bloccontact h2 {
font-size: 18px;
margin-left: 21%;
}

}


@media (max-width:480px) and (orientation : portrait) {

.cycloneslider-template-sivom .cycloneslider-caption-title {
padding: 5px 10px 0px 5px;
font-size: 16px;
}
.blochome{
margin-bottom: 0;
}
.frame img {
width: 93%;
left: 13px;
top: -2px;
}
}

@media (max-width:480px) and (orientation : landscape) {

.blochome{
margin-bottom: 0;
}
.frame img {
width: 95%;
left: 13px;
top: -2px;
}
}

@media (max-width: 320px){
.frame img {
width: 92%;
left: 12px;
top: -2px;
}
}