/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/* Le style 
================================================== */
html {height: 100%; font-size: 100%;}
body { padding: 0 ; margin-left: auto; margin-right: auto; background: #0081ba url('images/fondhome3.jpg') repeat-x; line-height: 15px; font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family: arial, verdana, sans-serif; z-index: 10;  height: 100%; }




.fond4 {background: #509bd0 url('images/fondhome4.jpg') repeat-x;}
.fond5 {background: #509bd0 url('images/fondhome5.jpg') repeat-x;}
.fondgris2 {background: #f4f4f4;}
.fondblanc {background: #ffffff;}
img { border: 0; }
img, embed, object, video { 
    max-width: 100%; 
    #width: 100%; 
	height:auto;
}
.logoblock {}
figcaption {font-size:0.85em;}
header { position: relative; margin-left: auto; margin-right: auto; line-height: 30px ; width: 100%; max-width: 1024px; background: #000; height: 80px; font-family:Arial, Helvetica, sans-serif; margin-bottom: 30px;}
a {text-decoration: none;}
strong {font-weight: bold;}

nav#menu { position: absolute; bottom: -46px; margin-left: auto; margin-right: auto; width:100%; font-size: 0.9em ; line-height: 30px ; background: #000; height: 50px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 20000;}
nav#menu ul { list-style-type:none; display:inline; }
nav#menu li { margin-left:10px; margin-bottom: 7px; margin-top: 7px; list-style-type:none; float:left; padding:0px 10px 0px 20px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid; background: #ffd200; line-height: 30px ; color: #000000;}
nav#menu li:hover { font-size: 1.5em; line-height: 36px ; padding-left: 25px; margin-top: 5px; }
nav#menu li.grismenu { background: #3c3c3c url('images/menu-sprite2.png') no-repeat 0px -35px; }
nav#menu li.grismenu:hover { background: #3c3c3c url('images/menu-sprite2.png') no-repeat 0px 0px; }
nav#menu li.bleumenu { background: #3a7fa9 url('images/menu-sprite2.png') no-repeat 0px -165px; }
nav#menu li.bleumenu:hover { background: #3a7fa9 url('images/menu-sprite2.png') no-repeat 0px -130px; }
nav#menu li.violetmenu { background: #b30076 url('images/menu-sprite2.png') no-repeat 0px -100px;}
nav#menu li.violetmenu:hover { background: #b30076 url('images/menu-sprite2.png') no-repeat 0px -65px; }
nav#menu li.vertmenu { background: #5c8e0b url('images/menu-sprite2.png') no-repeat 0px -230px;}
nav#menu li.vertmenu:hover { background: #5c8e0b url('images/menu-sprite2.png') no-repeat 0px -195px; }
nav#menu li.mauvemenu { background: #a99bcc url('images/menu-sprite2.png') no-repeat 0px -295px;}
nav#menu li.mauvemenu:hover { background: #a99bcc url('images/menu-sprite2.png') no-repeat 0px -260px; }
nav#menu li.marronmenu { background: #713733 url('images/menu-sprite2.png') no-repeat 0px -360px;}
nav#menu li.marronmenu:hover { background: #713733 url('images/menu-sprite.png') no-repeat 0px -325px; }
nav#menu li.orangemenu { float: right; margin-right: 10px; background: #ff4429 url('images/menu-sprite2.png') no-repeat 0px -425px; }
nav#menu li.orangemenu:hover { background: #ff4429 url('images/menu-sprite2.png') no-repeat 0px -390px; }
nav#menu a:link { font-weight: bold; color: #F2F2F2; }
nav#menu li a:hover { color: #FFFFFF; }
nav#menu a:visited { color: #F2F2F2; }

.tabgris, .tabgris2 { background: #3c3c3c url('images/menu-sprite2.png') no-repeat 0px -35px; font-size: 0.9em;  line-height: 28px; color: #fff;}
.tabbleu, .tabbleu2 { background: #3a7fa9 url('images/menu-sprite2.png') no-repeat 0px -165px; font-size: 0.9em;   line-height: 28px; color: #fff;}
.tabviolet, .tabviolet2 { background: #b30076 url('images/menu-sprite2.png') no-repeat 0px -100px; font-size: 0.9em;  line-height: 28px; color: #fff;}
.tabvert, .tabvert2 { background: #5c8e0b url('images/menu-sprite2.png') no-repeat 0px -230px; font-size: 0.9em;  line-height: 28px; color: #fff;}
.tabmauve, .tabmauve2 { background: #a99bcc url('images/menu-sprite2.png') no-repeat 0px -295px; font-size: 0.9em; line-height: 28px; color: #fff;}
.tabmarron, .tabmarron2 { background: #713733 url('images/menu-sprite2.png') no-repeat 0px -360px; font-size: 0.9em;  line-height: 28px; color: #fff;}
.taborange, .taborange2 { background: #ff4429 url('images/menu-sprite2.png') no-repeat 0px -425px;  font-size: 0.9em;  line-height: 28px; color: #fff;}
.tabjaune, .tabjaune2 { background: #ffc50b url('images/menu-sprite2.png') no-repeat 0px -490px;  font-size: 0.9em;  line-height: 28px; color: #fff;}

.tabgris2, .tabbleu2, .tabviolet2, .tabvert2, .tabmauve2, .tabmarron2, .taborange2, .tabjaune2 {padding-left: 25px; }


nav#cfer { position: relative; float: left; font-size: 0.9em ; line-height: 23px ; padding: 5px; width: 100%; margin-top: -12px;}
nav#cfer ul { list-style-type:none; display:inline;}
nav#cfer li { margin-right:5px; list-style-type:none; float:left; padding:0; color: #1f1f1f; }
nav#cfer li.blancliste { color: #f2f2f2; }
nav#cfer li.jauneliste { color: #ffd51e; }
nav#cfer a:link { font-family: arial, verdana, sans-serif; float:left; font-weight: normal; color: #24506b; margin-right:5px; text-decoration:underline;}
nav#cfer a:hover { color: #3594ce; }
nav#cfer a:visited { color: #24506b; }

.large100 { margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; }
.large96-new { position: relative; float: right; margin-left: 2%; margin-right: 2%; width: 96%; max-width: 1024px; }
.large100black { margin-left: auto; margin-right: auto; width: 100%; background: #000; height: 80px;}

.titremeteohome { padding-left: 40px; line-height: 50px ; font-size: 1.1em ; font-variant:small-caps; color: #FFFFFF ; display : table-cell ; vertical-align: top; background: url('images/picto-meteo45.png') no-repeat;}
.titreneige { padding-left: 5px; line-height: 70px ; font-size: 1.3em ; font-variant:small-caps; color: #1F1F1F ; display : table-cell ; vertical-align: top; }
.titreneigebis { padding-left: 5px; line-height: 70px ; font-size: 1.3em ; color: #1F1F1F ; display : table-cell ; vertical-align: top; }
.titrebulletinmed, .titrebulletinmed2 { padding-left: 45px; line-height: 50px ; font-size: 1em ; font-variant:small-caps; color: #1F1F1F ; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px -100px; }
.titrebulletinmed2 {color: #FFF;}
.titrestationmed, .titrestationmed2 { line-height: 50px ; padding-left: 45px; font-size: 1em ; font-variant:small-caps; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px -150px;}
.titrestationmed2 {color: #FFF;}
.titremeteomed, .titremeteomed2 { padding-left: 45px; line-height: 50px ; font-size: 1em ; font-variant:small-caps; color: #1F1F1F ; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px 0px; }
.titremeteomed2 {color: #FFF;}
.titresejourmed, .titresejourmed2 { line-height: 50px ; padding-left: 45px; font-size: 1em ; font-variant:small-caps; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px -250px;}
.titresejourmed2 {color: #FFF;}
.titrewebcammed, .titrewebcammed2 { padding-left: 45px; line-height: 50px ; font-size: 1em ; font-variant:small-caps; color: #1F1F1F ; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px -200px; }
.titrewebcammed2 {color: #FFF;}
.titreotmed, .titreotmed2 { padding-left: 45px; line-height: 50px ; font-size: 1em ; font-variant:small-caps; color: #1F1F1F ; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px -350px; }
.titreotmed2 {color: #FFF;}
.titreskimed, .titreskimed2 { padding-left: 45px; line-height: 50px ; font-size: 1em ; font-variant:small-caps; color: #1F1F1F ; display : table-cell ; vertical-align: top; background: url('images/sprite-pictos.png') no-repeat 0px -300px; }
.titreskimed2 {color: #FFF;}
.titrestandard {margin: 15px; font-size: 1.1em ; color: #1F1F1F ; line-height: 25px; font-weight: bold;}
.titrestandard2 {margin: 20px; font-size: 1.2em ; color: #1F1F1F ; line-height: 25px; font-weight: bold; font-family: Roboto, Sans-serif;}
.grostitre {font-size: 1.4em ;}
.eval0 {background: url('images/sprite-eval.png') no-repeat 0px -0px;}


.styletop, .styletop2, .styletop3, .styletop4  { padding: 5px; font-size: 0.9em ; color: #1f1f1f ; text-align: justify; line-height: 16px;}
.styletop2 { padding: 8px; font-size: 0.8em ; }
.styletop3, .styletop4 { padding: 10px; font-size: 1em ; line-height: 20px;}
.styletop4 { text-align: left;}

.styletop2blanc { padding: 15px; font-size: 0.9em ; color: #ffffff ; text-align: justify; line-height: 16px;}
.styletop2blanc_bis { padding-top: 5px; padding-bottom: 13px; padding-right: 15px; padding-left: 15px; font-size: 0.9em ; color: #ffffff ; text-align: justify; line-height: 16px;}
.d5gauche { padding-left: 5px; }
.d15gauche { padding-left: 15px; }
.marg15gauche {margin-left: 15px;}
.d20haut, .margtop20 {margin-top: 20px;}
.marggauche20 {margin-left: 20px;}
.margdroite20 {margin-right: 20px;}
.margbas20 {margin-bottom: 20px;}
.d15global { padding-left: 15px; padding-right: 15px;}
.d15 { padding-left: 15px; padding-right: 15px; padding-top: 15px;}
.marghaut10, .dechaut10{ margin-top: 10px; }
.padtop10 {padding-top: 10px;}
.padbot10 {padding-bottom: 10px;}
.marg10 {margin: 10px;}
.marg20 {margin: 20px;}
.sel100 {width: 100%; line-height: 16px; }
.pdroite, .pdroite0, .adroite { text-align: right; font-size: 0.8em ; }
.pdroite0 {margin-right: 10px; margin-bottom: 10px;}
.pdroite {margin-right: 20px; margin-bottom: 10px;}
.teaserbas {position: relative; float: left; width: 100%; text-align: center; background: #1F1F1F; }
.arrondiimagetop {-moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
.margtop60 {margin-top: 60px;}
.margtop50pasmob {margin-top: 50px;}
.minheightpasmob300 {min-height: 500px;}
.fondnoir {background: #000000;}
.pdroite2 { text-align: right; margin-right: 20px; margin-bottom: 10px;}


#btn_gplus {position: absolute; top: 40px; right: 90px; }
#btn_fb {position: absolute; top: 40px; right: 10px;}

#btn_gplus1 {position: absolute; top: 30px; right: 95px; }
#btn_fb1 {position: absolute; top: 30px; right: 20px;}

.publong {margin-top: 15px; margin-left: 15px;}


.imgresp img {
  max-width: 100%;
  height: auto;
}

/* Home
================================================== */
#wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#global {position: relative; float: left; padding-bottom: 170px; }
#bandeau {position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 2048px; margin-top: -25px; z-index: -50000;}
#visuel {position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 2048px; margin-top: -25px; z-index: -50000; background: #1f1f1f;}
#visuel img {width: 100%; max-width: 100%; height: auto; }


#mainhome {position: relative; float: left; width: 100%; z-index: 10000; }
#secondhome {position: relative; float: left; width: 100%; margin-top: 10px; }
#maintxt {position: relative; float: right; margin-right: 10px; width: 60%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#maintab {position: relative; float: right; margin-right: 15px; margin-top: -90px; width: 36%; background:#1f1f1f; border: #000000 solid thin; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: -40000;}
#blocnoiractu {position: relative; float: right; margin-right: 15px; margin-bottom: 10px; width: 36%; min-height: 130px; background:#1f1f1f; border: #000000 solid thin; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#blocnoir36 {position: relative; float: right; margin-right: 15px; width: 36%; background:#1f1f1f; border: #000000 solid thin; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#bloc60 {position: relative; float: right; margin-right: 10px; width: 60%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#encartbleu {position: relative; float: right; width: 100%; display:inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #222222 thin solid; background:#3a7faa; filter: alpha(opacity=1); opacity: 1; }
#encartmauve, #encartblanc {position: relative; float: right; width: 100%; display:inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #222222 thin solid; background:#a99bcc; filter: alpha(opacity=1); opacity: 1; }
#encartblanc {margin-top: 10px; background:#fff;}
.encartbase {position: relative; float: right; width: 100%; display:inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #222222 thin solid; margin-top: 10px; margin-bottom: 10px; background:#fff; filter: alpha(opacity=1); opacity: 1; }
.encartbase2 {position: relative; float: right; width: 100%; display:inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #222222 thin solid; margin-top: 10px; margin-bottom: 5px; background:#fff; filter: alpha(opacity=1); opacity: 1; }
.encartbasenob {position: relative; float: right; width: 100%; display:inline; margin-top: 10px; margin-bottom: 10px; }
.encartbasenob96 {position: relative; float: right; width: 96%; margin-left: 2%; display:inline; margin-top: 10px; margin-bottom: 10px; }

.encartbasenob2 {position: relative; float: right; width: 100%; display:inline; margin-top: 10px; margin-bottom: 5px; }
.encartbasebleu {position: relative; float: right; width: 100%; display:inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #222222 thin solid; margin-top: 10px; margin-bottom: 10px; background:#3a7faa; filter: alpha(opacity=1); opacity: 1; }
.fondbleu {background:#3a7faa;}

.bloc32 {position: relative; float: left; width: 33%; margin-left: 0.33%; display:inline; background:#ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 5px; filter: alpha(opacity=90); opacity: 0.9;}

.bloc33 {position: relative; float: left; width: 32%; margin-left: 1%; display:inline; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 10px; }


.bloc31 {position: relative; float: left; width: 31%; margin-left: 1%; display:inline; background:#ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 5px; filter: alpha(opacity=100); opacity: 1; border: solid 1px black;}

.bloc47, .bloc47bis {position: relative; float: left; width: 48.5%; margin-left: 0.5%; display:inline; background:#ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 5px; filter: alpha(opacity=100); opacity: 1; border: solid 1px black;}

.bloc47bis {border: none;}

html>body div.bloc48 {height: 240px; }
.bloc48 {position: relative; float: left; margin-left: 1%; margin-bottom: 5px; width: 48%; display:inline; background:#fff; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #3a7faa thin solid; height: auto; min-height: 240px;}

html>body div.bloc48basd {height: 270px; }
html>body div.bloc48basg {height: 270px; }
.bloc48basg, bloc48bas {position: relative; float: left; margin-bottom: 0px; width: 49%; display:inline; background:#fff; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #3a7faa thin solid; height: auto; min-height: 270px;}
.bloc48basd {position: relative; float: right; margin-bottom: 0px; width: 49%; display:inline; background:#fff; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #3a7faa thin solid; height: auto; min-height: 270px;}

html>body div.bloc48bas2 {height: 230px; }
.bloc48bas2 {position: relative; float: left; margin-left: 1%; margin-bottom: 0px; width: 48%; display:inline; background:#f2f2f2; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #3a7faa thin solid; filter: alpha(opacity=90); opacity: 0.9; height: auto; min-height: 230px;}

.bloc100, .bloc100home {position: relative; float: left; margin-bottom: 10px; width: 100%; display:inline; margin-top: 5px;  }


#fondboule1 {position: absolute; top: -100px; left: -80px; background: url('images/fondboule2.png') no-repeat; z-index: -20000; width: 280px; height: 240px; display: none;}
#fondboule2 {position: absolute; top: -45px; right: -130px; background: url('images/fondboule4.png') no-repeat; z-index: 30000; width: 280px; height: 240px; display: none;}
#fondboule3 {position: absolute; top: -100px; left: -80px; background: url('images/fondboule2.png') no-repeat; z-index: -20000; width: 280px; height: 240px; display: none;}
#fondboule4 {position: absolute; top: -100px; left: -80px; background: url('images/fondboule2.png') no-repeat; z-index: -20000; width: 280px; height: 240px; display: none;}

#message1 {position: absolute; top: -200px; left: 80px; background: url('') no-repeat; z-index: 50000; width: 250px; height: 100px; display: none; }

#datebul {position: relative; float: left; display:inline; width:100%; height: 20px; text-align: left; color: #F2F2F2; font-size: 0.85em ; background: #222222;}
#selbul {position: relative; margin-top: 1px; display:inline; width:100%; height: 22px; text-align: left; color: #F2F2F2; }
#reshome { color: #F2F2F2; font-size: 0.80em; background-color: #3c3c3c; width: 100%; border:1px solid black; border-collapse:collapse; vertical-align: bottom; }
th.stationcol { width: 50%; text-align: left; padding-left: 5px; padding-top: 5px; background-color: #000000;}
th.autre { width: 16.66%; text-align: left; padding-left: 5px; padding-top: 5px; background-color: #000000; }
th.autre3 { width: 25%; text-align: left; padding-left: 5px; padding-top: 5px; background-color: #000000; }
th.stationcol2 { width: 40%; text-align: left; padding-left: 5px; padding-top: 5px; background-color: #000000;}
th.autre2,th.date2{ width: 10%; text-align: left; padding-left: 5px; padding-top: 5px; background-color: #000000; }
td { text-align: left; padding-left: 5px; padding-top: 5px; border:0px solid black;}
tr { height: 30px;}
td a { color: #F2F2F2; text-decoration: none; }

.vignettephoto {position: relative; float: left; display:inline; width:100%; height: 70%; max-height: 150px;}
.vignettetexte {position: relative; float: left; display:inline; width:100%; height: 30%; text-align: left; }
.bg_sejour {background: url('images/bg-sejour2.jpg') no-repeat; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;; border-radius: 3px 3px 0px 0px;}
.bg_webcam {background: url('images/bg-webcambis2.jpg') no-repeat; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;; border-radius: 3px 3px 0px 0px; }
.bg_webcamski {background: url('images/bg-webcambis3large.jpg') no-repeat; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;; border-radius: 3px 3px 0px 0px;}
.bg_webcamskifond {background: url('images/bg-webcambis4large.jpg') no-repeat; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;; border-radius: 3px 3px 0px 0px;}
.bg_meteo {background: url('images/bg-meteolarge.jpg') no-repeat; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;; border-radius: 3px 3px 0px 0px;}
.bg_enneigement {background: url('images/bg-enneigement.jpg') no-repeat; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;; border-radius: 3px 3px 0px 0px;}

.liste1 { padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.80em; color: #1F1F1F; list-style-type: square; width: 100%;}
.liste1 li { margin-top: 0; margin-bottom:0; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 20px; height: 20px; width: 100%;}
.liste1 li a { color: #24506b ; text-decoration: underline ;}

.liste1bis { margin-top: 10px; margin-bottom: 10px; font-size: 0.80em; color: #1F1F1F; list-style-type: square; text-align:justify; }
.liste1bis li { margin-left:10px; margin-right:10px; list-style-position: inside;  line-height: 20px; height: 20px; display: inline-block;}
.liste1bis li a { color: #24506b ; text-decoration: underline ;}

.liste1-new { padding: 0; margin-top: 10px; margin-bottom: 10px; color: #1F1F1F; list-style-type:circle ; width: 100%;}
.liste1-new li { margin-top: 3px; margin-bottom:3px; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 25px;  width: 90%;}
.liste1-new li a { color: #24506b ; text-decoration: underline ;}


.blanc {color: #F2F2F2;}
.blanc2 {color: #FFF;}
.u {text-decoration:underline; }
.gras { font-weight: bold;}
.noir { color: #1f1f1f;}
.violet2 {color: #fd1fa2;}
.bleulien {color: #24506b ; text-decoration: underline ; }
.petit { font-size: 0.8em;}
.gros { font-size: 1em;}
.gros2 { font-size: 1.4em;}
.jaune {color: #fcbe00;}
.orange {color: #ff4429;}

.vert { color: #339933 ;  }
.marron { color: #713733 ; }
.marron2 { color: #a63931 ; }
.blancss { color: #F2F2F2; text-decoration: underline;}
.bleu { color: #24506b ; }
.bleuclair {color: #3594ce;}
.violet { color: #87015a; }
.mauve { color: #5b5371; }
.mauve2 { color: #9b5371; }
.mauve3 { color: #ddcffe; }
.mauve4 {color: #b293ff;}
.vert2 { color: #355305 ; }
.vertbig { color: #339933 ; font-size: 1.1em ; font-variant:small-caps;}
.violet2big { color: #CC0066; font-size: 1.1em ; font-variant:small-caps;}
.gris2z {color: #888888;}
.tcenter {text-align: center;}

.lineh30 {line-height: 30px;}

.weathertab tr {height: 40px; line-height: 40px;}
.weathertab th {height: 40px; font-weight: bold; line-height: 40px;}
.weathertab td {height: 40px; line-height: 40px; vertical-align: middle; width:20%;}
.weathertab {width:96%; margin-left: 2%; background-color: #fff; margin-bottom: 5px;}

.fondgris {background-color: #DDDDDD;}
.fondnoir {background-color: #000000;}

#wrapfoot {position: relative; width: 100%; margin-top: -312px; height: 170px; clear:both;}
#wrapfoot2 {position: relative; width: 100%; margin-top: -192px; height: 50px; clear:both;}
#skyline { position: relative; width: 100%; z-index: -30000;}
#skyline2 { position: relative; width: 100%; background: url('images/fondskyline.png') no-repeat 0% 100%; height: 142px; z-index: -30000;}
footer { position: relative; width: 100%; background-color: #222222; margin-top: 0px; }
#corpsfooter {position: relative; width: 100%; margin-left: auto; margin-right: auto; max-width: 1024px; text-align: center; background-color: #222222; line-height: 25px; height: 170px;}
#corpsfooter2 {position: relative; width: 100%; margin-left: auto; margin-right: auto; max-width: 1024px; text-align: center; background-color: #222222; line-height: 25px; height: 80px;}
.stylefooter   { padding: 10px; font-size: 0.95em ; color: #f2f2f2 ; text-align: justify; line-height: 25px;}
.stylefooter2   { padding: 10px; font-size: 0.95em ; color: #f2f2f2 ; text-align: center; line-height: 25px;}
.titredufooter   { font-size: 0.95em ; text-align: center; line-height: 20px; padding-top: 15px;}

a.fb {display:inline-block; width:24px; height:24px; background:url(images/sprt-logo.png) no-repeat 0 0; z-index: 10000;}
a.gplus{display:inline-block; width:24px; height:24px; background:url(images/sprt-logo.png) no-repeat -48px 0;}
a.twt {display:inline-block; width:24px; height:24px; background:url(images/sprt-logo.png) no-repeat -24px 0; z-index: 10000;}
a.fb:hover {background:url(images/sprt-logo.png) no-repeat 0 -24px;}
a.gplus:hover {background:url(images/sprt-logo.png) -48px -24px;}
a.twt:hover {background:url(images/sprt-logo.png) -24px -24px;}

.fb1 {position: absolute; display:block; right:70px; top: -40px; width:24px; height:24px; }
.gplus1 {position: absolute; display:block; right: 40px; top: -40px; width:24px; height:24px; }
.twitter1 {position: absolute; display:block; right: 10px; top: -40px; width:24px; height:24px; }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}

#menu {display:block;}
.slicknav_menu {display:none;}

/* Pages rub
================================================== */
#global2 {position: relative; float: left; padding-bottom: 50px; margin-top: 60px;}
#coldroite {position: relative; float: right; width: 60%; margin-right: 1%;}
#colgauche  {position: relative; float: right; width: 36%; margin-right: 2%; }
.carregauche, .blocnoirgauche {position: relative; float: right; margin-top: 0px; width: 100%; background:#1f1f1f; border: #000000 solid thin; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#maintxt2 {position: relative; float: right; width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px;}
.blocnoirgauche {margin-top: 20px; }
.bloc96, .bloc96bis, .bloc96trans {position: relative; float: left; margin-left: 2%; width: 96%; display:inline; margin-top: 5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #1f1f1f thin solid; filter: alpha(opacity=90); opacity: 0.9; height: auto; background:#f9f9f9;}
.bloc96bis {margin-top: 10px; margin-bottom: 10px; }
.bloc96trans {margin-top: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.fondmauve {background:#a99bcc;}
.fondbleu {background:#3a7fa9;}
.fondviolet {background:#b30076;}
.fondmarron {background:#713733;}

.bloc96new {position: relative; float: left; margin-left: 3%; width: 94%; display:inline; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: auto; }

.bordernoir {border: solid 1px #090909}

.blocpubfit {position: relative; float: left; margin-left: 15px; margin-top: 15px; padding: 10px; border: #000000 solid thin; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.listebleuclair { float: left; ; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; color: #3594ce; list-style-type: square; width: 100%;}
.listebleuclair li { float: left; margin-top: 0; margin-bottom:0; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 20px; height: 20px; width: 100%;}
.listebleuclair li a { color: #3594ce ; }

.listevert { float: left; ; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; color: #339933; list-style-type: square; width: 100%;}
.listevert li { float: left; margin-top: 0; margin-bottom:0; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 20px; height: 20px; width: 100%;}
.listevert li a { color: #339933 ; }

.listeviolet { float: left; ; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; color: #87015a; list-style-type: square; width: 100%;}
.listeviolet li { float: left; margin-top: 0; margin-bottom:0; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 20px; height: 20px; width: 100%;}
.listeviolet li a { color: #87015a ; }

.listevioletclair { float: left; ; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; color: #fd1fa2; list-style-type: square; width: 100%;}
.listevioletclair li { float: left; margin-top: 0; margin-bottom:0; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 20px; height: 20px; width: 100%;}
.listevioletclair li a { color: #fd1fa2 ; }

.listemauve { float: left; ; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; color: #b293ff; list-style-type: square; width: 100%;}
.listemauve li { float: left; margin-top: 0; margin-bottom:0; margin-left:10px; list-style-position: inside; text-align: justify; line-height: 20px; height: 20px; width: 100%;}
.listemauve li a { color: #b293ff ; }


.mentionpub {position: absolute; top: -16px; left: 0px; background: url('images/mentionpub.png') no-repeat; width: 60px; height: 16px;}

.liste3c { float: left; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.80em; color: #1F1F1F; list-style-type: square; width: 100%; }
.liste3c li { float: left; margin-top: 0; margin-bottom:0; margin-left:4%; text-align: justify; line-height: 20px; height: 20px; width: 29%;}
.liste3c li a { color: #24506b ; text-decoration: underline ; display: block}

.liste2cvert { float: left; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; color: #ffffff; list-style-type: square; width: 100%; }
.liste2cvert li { float: left; margin-top: 0; margin-bottom:0; margin-left:6%; text-align: justify; line-height: 20px; height: 20px; width: 44%;}
.liste2cvert li a { color: #339933 ; display: block}

.liste2c { float: left; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 0.80em; color: #1F1F1F; list-style-type: square; width: 100%; }
.liste2c li { float: left; margin-top: 0; margin-bottom:0; margin-left:6%; text-align: justify; line-height: 20px; height: 20px; width: 44%;}
.liste2c li a { color: #24506b ; text-decoration: underline ; display: block}

.fb2 {position: absolute; display:block; right:85px; top: 37px; width:24px; height:24px; z-index: 50000;}
.gplus2{position: absolute; display:block; right: 55px; top: 37px; width:24px; height:24px; z-index: 50000; }
.twitter2{position: absolute; display:block; right: 25px; top: 37px; width:24px; height:24px; z-index: 50000; }

.fb3 {position: absolute; display:block; right:35px; top: 0px; width:24px; height:24px; z-index: 50000;}
.twitter3{position: absolute; display:block; right: 5px; top: 0px; width:24px; height:24px; z-index: 50000; }


#btn_gplus2 {position: absolute; bottom: -22px; right: 90px; }
#btn_fb2 {position: absolute; bottom: -19px; right: 10px;}

.bottom40 {padding-bottom: 40px;}
.centre {text-align: center;}
.w100 {width: 100%;}

.image-container {width: auto; max-width: 100%}
.image-container img {width: auto; display: block; height: auto;}

.rondot { background-color:#ff4429; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color: #fff; margin: 20px; font-weight: bold; font-size: 1em; text-align: center; display: block;}
.rondot a {text-decoration: none; color: #fff; display: block; width: 100%; line-height: 40px; }
.rondot:hover {background-color:#fd2000;}


.listestation-new { float: left; padding: 0; font-size: 0.95em; width: 100%;  text-align: center;}
.listestation-new li { float: left; margin-left:5%; margin-top: 20px; margin-bottom: 20px; line-height: 25px; height: 25px; width: 25%; display: inline-block; padding: 7px;  background: #000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.listestation-new li a { color: #fff ; display: block; }


/* Pages enneigement
================================================== */
.tabenneigement { color: #F2F2F2; font-size: 0.8em; background-color: #131313; width: 100%; border:1px solid black; vertical-align: bottom;}
.tabenneigement td {border:1px solid black;}

.tabenneigement2 { color: #F2F2F2; background-color: #000; width: 100%; vertical-align: bottom;}
.tabenneigement2 td, th {border:1px solid black; margin: 5px; height: 30px;}
.tabenneigement2 tr, thead {height: 30px; vertical-align: middle;}


/*Page site
================================================== */
.englob {position: relative; float: left; display: inline; width: 100%; padding: 10px; }
.vignette {position: relative; float: left; marging-left: 10px; display: inline; width: 20%;}
.textesite {position: relative; float: left; display: inline; width: 75%; font-size: 0.80em; color: #1F1F1F; text-align:justify;}

/* Page station
================================================== */

#carte {position: relative; float: left; width: 96%; margin-left: 2%; margin-top: 10px; margin-bottom: 10px; display:inline; min-height: 300px; text-align: left; background-color: #F2F2F2; }
#carte img { max-width:none; }
.blocimage {position: relative; float: left; width: 100%; display:inline; margin-bottom: 22px; height: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.blocimage img {width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.blocbulshort {position: relative; float: left; width: 100%; display:inline; }
.corpsbulstation {position: relative; float: left; display:inline; margin-left: 4%; width: 92%; border: #b30076 1px solid; background-color: #eee5eb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.corpsbulstation2 {position: relative; float: left; display:inline; margin-left: 4%; width: 92%; border: #b30076 1px solid; background-color: #eee5eb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.corpsbulstation, .corpsbulstation2 img {max-width: 100%; height: auto;}
.encartbulstation {position: relative; float: left; width: 75%; border: #C09 1px solid; margin-top: 20px; padding: 20px;}

/* Page webcam station
================================================== */
.bloccam {float: left; position: relative; width: 96%; margin-left: 2%; display:inline; margin-bottom: 10px;}
.photocam {float: left; position: relative; margin-left: 2%;}
.txtcam {float: left; position: relative; width: 100%; background-color: #d4cce9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

html>body div.bloc48bas3 {height: 180px; }
.bloc48bas3 {position: relative; float: left; margin-left: 1%; margin-bottom: 10px; width: 48%; display:inline; background:#f2f2f2; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #3a7faa thin solid; height: auto; min-height: 180px;}
.vignettetexte3 {position: relative; float: left; display:inline; width:100%; text-align: left; height: 50%;}

/* Pages annexes
================================================== */
.bloc_vignette {float: left; position: relative; width: 96%; margin-left: 2%; display:inline; margin-bottom: 10px;}
.photo_vignette {float: left; position: relative; margin-left: 2%; margin-top: 15px; margin-right: 2%; margin-bottom: 10px;}
.txt_vignette {float: left; position: relative; width: 100%; background-color: #cfe5f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.photo_vignette img {width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*Page Météo
================================================== */
.encartmaxmet {position: relative; float: left; display:inline; margin-top: 5px; margin-bottom: 0px; width: 100%;}
.encartmaxmet2 {position: relative; float: left; display:inline; margin-top: 5px; margin-bottom: 10px; width: 96%; background-color:#3a7faa; margin-left: 2%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.incertain {position: absolute; color: #87015a; top: 45px; right: 10px; font-weight: bold; font-size: 0.9em;}
.encartminmet {position: relative; float: left; display:inline; margin-top: 5px; width: 23%; margin-left: 1.25%; text-align: center; border: #b30076 1px solid; background-color: #d2e2ec; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.encartminmet2 {position: relative; float: left; display:inline; margin-top: 5px; width: 23%; margin-left: 1.25%; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.encartminmet img {max-width: 70%; height: auto;}
.norm {position: relative; float: left; display:inline; margin-top: 0px; line-height: 25px; width: 100%; }
.tp {text-align: center; font-size: 1.1em; color: #1f1f1f; }

.bleubig { color: #24506b ; font-size: 0.9em ; font-weight:bold; }
.bleufoncebig {color: #003352; font-size: 0.9em ; font-weight:bold;}
.blancbig { color: #FFF ; font-size: 0.9em ; font-weight:bold; }
.noirbig { color: #000 ; font-size: 0.9em ; font-weight:bold; }
.tempsdesc {font-size: 0.85em ;}

/* Page photos ou videos
================================================== */
.photocam2 {float: left; position: relative; margin-left: 2%; margin-top: 15px; margin-right: 2%;}
.photocam2 img {width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.photolarge {float: left; position: relative; margin-left: 2%; margin-top: 15px; margin-right: 2%;}
.photolarge img {width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 200px;}

.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}
.comments {margin-left: 2%; margin-right: 2%; width: 96%;}

.precsuiv {float: left; position: relative; margin-left: 3%; margin-right: 3%; margin-top: 10px; margin-bottom: 10px; display: inline; width: 94%;}
.prec {float: left; position: relative; font-weight: 0.8em;}
.suiv {float: right; position: relative; font-weight: 0.8em;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Page formulaire
================================================== */
input[type=text],
input[type=submit],
input[type=password],
textarea,legend,select { margin-top: 10px; margin-bottom: 10px; width: 100%; height: 25px;}
fieldset {border:solid 1px black; margin: 4%; padding-left: 4%; padding-right: 4%; background-color:#DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}


/*Pages OT zone
================================================== */
.content { background-color:#ff4429; width:86%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:auto; padding:25px; margin-top:10px; color: #FFF; position: relative; }
.content3 { background-color:#ff4429; width:92%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:auto; padding:5px; margin-top:10px; margin-bottom:10px; position: relative; }
.content2 {position: relative; float: left; margin-left: 2%; width: 96%; display:inline; background:#ff4429; margin-top: 5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #1f1f1f thin solid; height: auto; }
.connex { margin:auto; margin-top:15px; padding: 15px;}
.rond { background-color:#1F1F1F; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:auto; color: #FFF; padding: 10px; margin-top: 10px; margin-right: 10px; font-weight: bold; font-size: 1em;}
a.rond {text-decoration: none;}
.rond:hover {background-color:#007CB9;}
.message {-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; padding:20px; margin:auto; width:90%; color:#1f1f1f; text-align:center; font-weight:bold; margin-top:20px;}
#accordion { float: left; width:96%; margin-left: 2%; margin-right: 2%; margin-top: 10px; text-align: justify; font-size: 0.9em;}
#accordion h3 {font-size: 0.9em;}
.labelsta {background-color:#ff4429; color: #fff; border: none; font-weight: bold; }
.negtop20 {margin-top: -20px;}
.negtop5 {margin-top: -5px;}
label { font-size: 0.9em; }
.speech { width:100%; height: 100px; vertical-align:top; display : block; line-height: 18px; }
.speech2 { width:100%; height: 100px; vertical-align:top; display : block; line-height: 18px; }


.effect:hover{ background:#fff; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); color: #3A3A3A;}
.effect:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.effect2:hover{ background:#1f1f1f; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); color: #3A3A3A;}
.effect2:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.btnarticle, .btnarticle2 {display: inline-block; padding: 7px; min-width: 100px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 20px; border: 1px solid #000000;  background: #000;}
.btnarticle, .btnarticle2 a { text-decoration: none; color: #fff; font-size: 0.95em; } 
.btnarticle a:visited { color: #fff; }
.btnarticle a:link { color: #fff; }
.btnarticle2  { color: #000; background: #fff;}
.btnarticle2 a:visited { color: #000; }
.btnarticle2 a:link { color: #000; }



/* les specs Responsive
================================================== */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 2000px) {
#global {padding-bottom: 50px; }
}

@media screen and (max-width: 1200px) {
.fond4 {background: #509bd0 url('images/fondhome4bis.jpg') repeat-x;}
}


@media screen and (max-width: 1024px) {
.bloc31 {margin-right: 1.3%; margin-left: 1.3%; width: 47%; margin-top: 10px; margin-bottom: 10px;}		
body { background: #ffffff; }
.fond4 {background: #509bd0 url('images/fondhome4med.jpg') repeat-x;}

#maintxt, #maintab, #bloc60, #blocnoiractu, #blocnoir36 {position: relative; margin-right: 3%; width: 94%; margin-top: 10px; margin-bottom: 0px; }
#menu {display:none;}
.slicknav_menu {display:block;}
	


.titremeteohome, .titreneige, .titrebulletinmed, .titrebulletinmed2, .titrestationmed, .titrestationmed2, .titremeteomed, .titremeteomed2, .titresejourmed, .titresejourmed2, .titrewebcammed, .titrewebcammed2, .titreotmed, .titreotmed2, .titreskimed, .titreskimed2 { text-transform: uppercase;}

#coldroite {position: relative; margin: 0; width: 94%; margin-left: 3%; margin-right: 3%;}
#colgauche  {position: relative; margin: 0; width: 94%; margin-left: 3%; margin-right: 3%;}
.carregauche {margin-top: 20px; }
#global2 {margin-top: 10px;}

.listebleuclair li { margin-top: 0; margin-bottom:0; margin-left:3%; list-style-position: inside; text-align: justify; line-height: 17px; height: 17px; width: 45%;}
tr { height: 22px;}
.liste3c li { line-height: 22px; height: 22px; }
.liste2c li { line-height: 22px; height: 22px; }
.liste2cvert li { line-height: 22px; height: 22px; }
.liste1 li { line-height: 24px; height: 24px; }
.liste1bis li { line-height: 24px; height: 24px; }
.stylefooter   { line-height: 18px;}
.stylefooter2   { line-height: 18px;}

.bloc96trans {margin-top: 20px; }
	
.bloc33 {position: relative; float: left; width: 95%; margin-left: 2.5%; margin-top: 20px; }	
	
.margtop50pasmob {margin-top: 20px;}	
.minheightpasmob300 {min-heigh: 100px;}	

html>body div.bloc48 {height: 280px; }
.bloc48 {min-height: 280px;}
.listestation-new li { margin-left:5%; width: 40%; }		
}
@media screen and (max-width: 640px) {
.titreneige { font-size: 1em ;}
.titreneigebis { font-size: 1.1em ;}
.bloc31, .bloc47, .bloc47bis {margin-right: 3.8%; margin-left: 3.8%; width: 92%; margin-top: 10px; margin-bottom: 10px;}	
.listestation-new li { margin-left:5%; width: 90%; }	
.bloc47bis {border: #000 solid 1px;}
}

@media screen and (max-width: 620px) {
.fond4 {background: #509bd0 url('images/fondhome4small.jpg') repeat-x;}
.titremeteohome, .titrebulletinmed, .titrebulletinmed2, .titrestationmed, .titrestationmed2, .titremeteomed, .titremeteomed2, .titresejourmed, .titresejourmed2, .titrewebcammed, .titrewebcammed2, .titreotmed, .titreotmed2, .titreskimed, .titreskimed2 { font-size: 0.9em ;}
.liste3c li { margin-left:5%; width: 45%;}
.liste2c li { margin-left:5%; width: 95%;}
#carte {min-height: 200px; }
.encartminmet, .encartminmet2 {width: 48%; margin-left: 1%; }
.photo_vignette {margin-bottom: 0px;}	
}

@media screen and (max-width: 560px) {
.bloc48bas, .bloc48bas2, .bloc48 {width: 94%; margin: 3%;}
.bloc48basd, .bloc48basg {width: 100%;}
.bloc48basg {margin-bottom: 15px;}
.bloc48basd {margin-bottom: -5px;}
.pdroite0 {margin-right: 15px; margin-top: 10px; }
#wrapfoot {position: relative; width: 100%; margin-top: -392px; height: 250px; clear:both;}
#skyline { position: relative; width: 100%; z-index: -30000;}
#corpsfooter {position: relative; width: 100%; margin-left: auto; margin-right: auto; max-width: 1024px; text-align: center; background-color: #222222; line-height: 25px; height: 250px;}
.bg_sejour {background: url('images/bg-sejour.jpg') no-repeat;}
.bg_webcam {background: url('images/bg-webcambis.jpg') no-repeat;}
.bg_webcamski {background: url('images/bg-webcambis3large.jpg') no-repeat;}
.bg_webcamskifond {background: url('images/bg-webcambis4large.jpg') no-repeat;}
}
@media screen and (max-width: 480px) {
nav#cfer { width: 99%; }
.titreneige { font-size: 0.9em ; line-height: 40px;}
.titreneigebis { font-size: 0.9em ; line-height: 40px;}
html>body div.bloc48basd {height: 280px; }
html>body div.bloc48basg {height: 280px; }
.bloc48basd, .bloc48basg {min-height: 280px;}	
.liste3c li { margin-left:5%; width: 95%;}
}

@media screen and (max-width: 360px) {
.titreneige { font-size: 0.8em ; line-height: 40px;}
.titreneigebis { font-size: 0.85em ; line-height: 40px;}
}