* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	outline: medium none;
	padding: 0;
	text-decoration: none;
}

body {
	font-size:11px;
	color:#333333;

	background-color: #06667D;
	background-image: url(../images/fond_haut.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#page {
	max-width:1280px;
	min-width:750px;
	width:100%;
	padding-bottom:50px;
	margin:0px auto;
}

#header {
	width:100%;
	top:0;

	z-index:999;
	color:#FFF;
	box-shadow: 0px 0px 5px #555;
}
#header_int {
	padding:5px;
	max-width:1280px;
	width:100%;
	margin:0 auto;
}

#header .infostxt {
	float:left;
	padding-top:20px;
	padding-left:15px;
	font-size:1.1em;
	color:#CCC;
}

#footer {
	width:100%;
	border-top:solid 1px #333;
	background:#054a5a;
	z-index:998;
	bottom:-1px;
	left:0;
	box-shadow: 0px 0px 12px #555;
}

#footer-int {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}

#content {
	min-height:800px;
}

img {
	border:0px;
}

.colpub {
	float:right;
	width:170px;
	position:relative;
}

.colpub .inner {
	width:170px;
	position:absolute;
	background:#FFF;
	left:0px;
	padding:5px;

}

.contentMenu {
	padding:10px;
}

.content .inner {
	width:100%;
	background:#FFF;
	padding:15px;
}


.content .spot-header {

}

.content .inner.floatable {
	padding-top:0px;
	position:relative;
}

.content .inner.floatable .spot-header {
	position:fixed;
	top:0px;
	z-index:100;
	width:100%;
	left:0;
}

.content .inner.floatable .spot-header #btnWindHeader, .content .inner.floatable .spot-header #btnNoWindHeader, .content .inner.floatable .spot-header .spot-stitle  {
	display:none;
}

.content .inner.floatable .spot-header .titre {
	border:none;
	padding-bottom:0px;
	margin-bottom:5px;
}

.content .inner.floatable .spot-header .smenu {
	margin:0;
}

.content .inner.floatable .spot-header .int {
	padding-right:15px;
	padding-left:15px;
	margin:0 auto;
	max-width: 1280px;
}

.content .inner.floatable .spot-header .int .int2 {
	background:#FFF;
	padding-top:5px;
}

.content .inner .anchor{
	display: block;
	height: 115px; /*same height as header*/
	margin-top: -115px; /*same height as header*/
	visibility: hidden;
}

a {
	color:#333;
}

/*
#page-top {width:1060px; height:30px; text-align:left;}
#page-bottom {width:1060px; height:35px;}
*/
#col-droite {padding-left:10px; float:right;}
#col-droite-int {width:300px;}
#contenu {float:left; width:670px;}

/*#pave_haut {height:30px; background-image:url(images/pave_haut.jpg); background-repeat: no-repeat;}*/
.pave_titre {
	font-size: 16px;
	font-weight:normal;
	color: #F90;
	text-decoration: none;
	text-transform:uppercase;
	padding-left:0px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:solid 3px #EEE;
	display:block;}
#pave_centre { padding:0px 0px 0px 0px;}
#pave_bas {height:25px; margin-bottom:0px;}

#pub_inscription {font-size:11px; color:#444; margin-bottom:5px;}
.imgpub {
	height:90px !important;
}

.imglink img {
	height:90px !important;
}


.mapbtn {
	display:inline-block;
	padding:5px 10px;
	margin-right:10px;
	color:#555;
	text-decoration: none;
	background-image: url(../images/icon-empty.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 28px;
}

.mapbtn.selected {
	font-weight:bold;
	color:#333;
	background-image: url(../images/icon-ok.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 28px;
}


.cl {
	clear:both;
}

.lien_annonce {
	text-decoration: none;
	font-weight:bold;
	color:#444;
}

.lien_annonce:hover{
	color:#F60;
}

.txt, .txt2 {

	font-size: 11px;
	text-decoration: none;
	color:#333;
}

.txt:hover {
	color:#F60;
}

.titre_liste_annonce {

	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
	color:#333;
}

.titre_liste_annonce:hover {
	color:#F60;
}

.titre {

	font-size: 20px;
	font-weight:normal;
	color: #F90;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:5px;
	border-bottom:solid 2px #EEE;
	margin-bottom:10px;
}

.titre_spot {

	font-size: 16px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:3px;
}

.titre_annonce {

	font-size: 16px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:3px;
	border-bottom:solid 2px #666;
	margin-bottom:7px;
}


.titre2 {

	font-size: 11px;
	font-weight:bold;
	color: #F90;
	text-decoration: none;
	text-transform:uppercase;
	margin:3px 0px;
}

.titre3 {

	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	color:#FF5500;
}

.titre_jour {

	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	color:#27404a;
	padding-bottom:5px;
	border-bottom:solid 1px #999;
}

.lien {

	font-size: 11px;
	text-decoration: none;
	color:#333;
	display:block;
}

.lien:hover { color: #F70 }


.lien_spot {

	font-size: 11px;
	text-decoration: none;
	color:#333;
	display:block;
}

.lien_spot:hover { color: #F70 }


.lien_spot2 {

	font-size: 9px;
	text-decoration: none;
	color:#333;
}

.lien_spot2:hover { color: #F70 }


.txt_liste_region {

	font-size: 11px;
	text-decoration: none;
	color:#333;

	padding: 2 7 2 7;
	line-height:16px;
}

.txt_liste_region:hover {
	color: #F50;
	background-color:#EEE;
	font-weight:bold;
}



.titre_infos_spot {

	font-size: 11px;
	width:180px;
	text-decoration: none;
	text-align:left;
	padding-right:3px;
	font-weight:bold;
	float:left;
	clear:both;
}

.txt_infos_spot {

	font-size: 11px;
	width:200px;
	text-decoration: none;
	float:left;
}


.txt_infos_spot_bas {

	font-size: 11px;
	width:350px;
	text-decoration: none;
	float:left;
}

a.button {
    background: transparent url('images/b1c.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 40px;
	margin-right: 8px;
	padding-right: 25px;
	margin-top:5px;
	text-decoration: none;
	text-transform: uppercase;
	color: #B00;

	font-size:12px;
	font-weight:bold;
}

a.button span {
	background: transparent url('images/b1.png') no-repeat;
	display: block;
	line-height: 23px;
	padding: 8px 0px 6px 24px;
}

a.button:hover span{
	color: #333;
}

.bouton {

	font-size: 10px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
	background-color:#F90;
	padding: 5px 8px;
	line-height:20px;
}

.bouton:hover {
	color:#333;
	background-color:#FC0;
}

.bouton img{
	vertical-align:-20%;
	padding-right:5px;
	display:inline-block;
}

.bouton.pays {
	color:#333;
	background-color:#EEE;
}

.bouton_login {

	font-size: 9px;
	font-weight:bold;
	color: #F90;
	text-decoration: none;
	text-transform:uppercase;
	background-color:#333;
	padding: 4 7 3 7;
	line-height:22px;
	border:solid 1px #000;
}
.bouton_login:hover {
	color: #F50;
	background-color:#666;
	border:solid 1px #333;
}

.bouton_compte a {

	font-size: 11px;
	color: #666;
	text-decoration: none;
	background-color:#FFF;
	padding: 4px 7px 4px 7px;
	margin-bottom:5px;
	line-height:16px;
	text-align:right;
	display:block;
}
.bouton_compte a:hover, #menu_selected a {
	font-weight:bold;
	color: #FFF;
	background-color:#F90;
}

.bouton_logout, .bouton_simple {
	font-size: 10px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
	background-color:#F90;
	padding: 2px 5px 2px 5px;
}
.bouton_logout:hover, .bouton_simple:hover {
	font-weight:bold;
}

/*
.bouton_simple {

	font-size: 9px;
	font-weight:normal;
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
	padding: 2px 5px 2px 5px;
}
.bouton_simple:hover {
	color: #666;
}
*/

.hide {
	display:none;
}

input {
	font-size: 1em; padding: 6px 10px; border: 0px; border:solid 1px #CCC; display: block; margin: 0px 0; width:100%; background:#EEE;
}

textarea {
	font-size: 1em; padding: 6px 10px; border: 0px; border:solid 1px #CCC; display: block; margin: 0px 0; width:100%; background:#EEE;
}

.input_form {
	border:1px solid #CCCCCC;

	font-size:11px;
	margin-top:2px;
	padding:5px;
	/*height:22px;*/
}

.login_form {
	border:1px solid #999;
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:11px;
	padding:3px;
	height:22px;
	display: inline-block;
}

.err_form {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:11px;
	color:#ff0000;
}

.txtpp {

	font-size: 10px;
	text-decoration: none;
	color:#999;
}

.txtinfos {

	font-size: 10px;
	text-decoration: none;
	color:#666;
}

.txtobs {

	font-size: 10px;
	text-decoration: none;
	color:#666;
}

.txtload {

	font-size: 10px;
	text-decoration: none;
	color:#333;
	font-weight:bold;
}

.txtfoot {

	font-size: 10px;
	text-decoration: none;
	color:#FFF;
}

.txtfoot:hover {
	color:#F90;
}

.txtlogin {
	font-size: 10px;
	text-decoration: none;
	color:#FFF;
}

.txtlogin:hover{
	color:#000;
}


.txtstitre {

	font-size: 10px;
	text-decoration: none;
	color:#666;
}

.lientxt {

	font-size: 10px;
	text-decoration: none;
	color:#F70;
	font-weight:bold;
}

.lientxt:hover {
	color:#333;
}

.infosvent{
	font-size:30px;
	line-height:45px;
}

.infosvent img {
	float:left;
}

.infosvent2{
	font-size:20px;
}


.quote {
	display:inline;
	height:11px;
	margin-right:5px;
	position:relative;
	top:-2px;
	width:13px;
}



/* Menu */

.menu {
	max-width:1280px;
	width:100%;
	padding:0px;
	margin:0 auto;
	list-style:none;
	position:relative;
	color:#FFF;
	display:block;
};

.menu li {float:left;}
.menu li.right {float:right;}
.menu li a {display:block; float:left; color:#FFF; text-decoration:none; font-size:12px;  font-weight:bold; text-align:center; padding:3px 15px; cursor:pointer;}
.menu li.current a {color:#FFF; background:#F90}
.menu li a:hover {color:#FFF; background:#F90}
.menu li.current a:hover {color:#FFF; cursor:default;}
.menu li a.fav img {
	width:18px;
	margin-right:5px;
	vertical-align:top;
}







/* sMenu */

.smenu {
	display:block;
	padding:5px;
	list-style:none;
	position:relative;
	background:#000;
	margin-top: 10px;
}

.smenu li {display:inline-block;}
.smenu li a {display:inline-block; color:#CCC; text-decoration:none; font-size:11px;  font-weight:bold; text-align:center; cursor:pointer; padding:3px 10px;}
.smenu li.selected a {color:#FFF; background:#F90}
.smenu li a:hover {color:#FFF; background:#F90}
.smenu li.selected a:hover {color:#FFF; cursor:default;}


.smenu li .ssmenu {
	background:#000;
	display:none;
	position:absolute;
	top:27px;
	width:200px;
	padding-top:0px;
	box-shadow: 0px 0px 8px #555;
	z-index:997;
}

.smenu li .ssmenu a {
	text-align:left;
	background:#000;
	font-size:11px;
	display:block;
	color:#CCC;
	padding:3px 6px;
	border-bottom:solid 1px #999;
}


.smenu li .ssmenu a:hover {
	color:#F90;
}


.smenu li:hover .ssmenu {
	display:block;
}





/* onglets */


ul.tabs_nav {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/nav_bkg.gif) repeat-x scroll 0 31px;
	margin:0;
	overflow:hidden;
}
ul.tabs_nav {
	height:32px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:5px;
	position:relative;
}
ul.tabs_nav:after {
	clear:both;
	content:" ";
	display:block;
}
ul.tabs_nav li {
	border-bottom:1px solid #CCCCCC;
	float:left;
	margin:0 5px 0 0;
	min-width:70px;
}
ul.tabs_nav a, ul.tabs_nav a span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/tab.png) no-repeat scroll 0 0;
	display:block;
	padding:0 10px;
	position:relative;
	font-family:arial,sans-serif;
	letter-spacing:0px;
}

ul.tabs_nav a {
	color:#64676E;
	font-size:11px;
	font-weight:bold;
	line-height:1.2;
	margin:0 1px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding-left:0;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
ul.tabs_nav li.selected a {
	border-bottom:1px none #FFFFFF;
	color:#FF6600;
	margin-top:0;
}
ul.tabs_nav a span {
	height:18px;
	min-height:18px;
	min-width:50px;
	padding:9px 1px 4px 9px;
	width:50px;
}
* > ul.tabs_nav a span {
	height:auto;
	width:auto;
}
ul.tabs_nav li.selected {
	position:relative;
	top:1px;
}
ul.tabs_nav li.selected a, ul.tabs_nav a:hover, ul.tabs_nav a:focus, ul.tabs_nav a:active {
	background-position:100% -150px;
}
ul.tabs_nav a, ul.tabs_nav li.disabled a:hover, ul.tabs_nav li.disabled a:focus, ul.tabs_nav li.disabled a:active {
	background-position:100% -100px;
}
ul.tabs_nav li.selected a span, ul.tabs_nav a:hover span, ul.tabs_nav a:focus span, ul.tabs_nav a:active span {
	background-position:0 -50px;
}
ul.tabs_nav a span, ul.tabs_nav li.disabled a:hover span, ul.tabs_nav li.disabled a:focus span, ul.tabs_nav li.disabled a:active span {
	background-position:0 0;
}
ul.tabs_nav li.selected a:link, ul.tabs_nav li.selected a:visited, ul.tabs_nav li.disabled a:link, ul.tabs_nav li.disabled a:visited {
	cursor:text;
}
ul.tabs_nav a:hover, ul.tabs_nav a:focus, ul.tabs_nav a:active, ul.tabs_nav li.tabs_nav_unselect a:hover, ul.tabs_nav li.tabs_nav_unselect a:focus, ul.tabs_nav li.tabs_nav_unselect a:active {
	cursor:pointer;
}
ul.tabs_nav li.disabled {
	opacity:0.4;
}
ul.tabs_nav li.empty_tab {
	border:1px solid #FFFFFF;
}

#tips {
	position:absolute;
    display:none;
    background:transparent url(/images/black_arrow_bottom.png);
    font-size:11px;
    height:122px;
    width:209px;
    color:#fff;

    z-index:1;
}


#overlay {
    background-image:url(images/fond_overlay.png);
    color:#efefef;
    height:250px;
    display:none;
    z-index:4;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
    height:230px;
    width:400px;
	overflow-y:auto;
}


.labelTable {width:200px; font-size:10px; float:left; margin:0px;}
.labelTable .lab {text-align:left; margin-bottom:1px; height:16px; padding-top:3px;}
.dataTable {width:32px; font-size:10px; font-weight:bold; float:left; margin:0px;}
.dataTable .cell {text-align:center; margin-left:1px; margin-bottom:1px; height:16px; padding-top:3px;}

.spot_titre_mini_pave {
	padding-bottom:5px; text-align:right; background:#EEE; padding:4px 7px;
}

.rowabo {
	background:#F5F5F5;
}

#abo_recap td {
	padding:5px;
}

.table_padding td {
	padding:5px;
}

.tableau {
	border-spacing : 0;
	border-collapse : collapse;
}

.tableau tr.title {
	height:30px;
	background:#999;
	font-size:1em;
}

.tableau tr.title td {
	color:#FFF;
	font-weight:bold;
}

.tableau td {
	padding:2px 5px;
}

.tableau tr.selected td {
	color:#F70;
	font-weight:bold;
}


.video_link{
	display:block;
	border-bottom:solid 4px #FFF;
}

.video_link:hover, .video_link.selected{
	border-bottom:solid 4px #F90;
}

.pub_inscription{
	padding:5px;
	display:block;
}

#embed_code {
	width:100%;
	height:100px;
}

#api .element, #api label {
	display:block;
	width:100%;
	padding:5px;
	position:relative;
	margin-top:0;
}

#api input[type='checkbox'] {
	position:absolute;
	right:-10px;
	top:5px;
}

:checked + span {
   font-weight: bold;
}

.w33 {
	width:33.333333333333%;
}

.tooltipmap {
	border:thin 1px #eee;
	background-color:#FFF;
	padding:5px;
	box-shadow: 0px 0px 10px #666;
	text-align:left;
	padding:4px 8px;
	padding-left:40px;
	white-space: nowrap;
	position:relative;
}

.tooltipmapcam {
	border:thin 1px #eee;
	background-color:#FFF;
	padding:3px;
	box-shadow: 0px 0px 10px #666;
}


.tooltipmap img {
	width:30px;
	top:3px;
	left:5px;
	position:absolute;
}

.tooltipmap .txtlight {
	font-size:11px;
	color:#777;
}

.tooltipmap .txtredlight {
	font-size:11px;
	color:#C00;
}

.tooltipmap .abo {
	color:#F60;
	display:block;
}



.legend {
	padding:5px 0px;
}

.legend div {
	display:inline-block;
	width:3.8461538%;
	text-align:center;
	font-size:10px;
	color:#FFF;
	font-weight:bold;
	padding:1px;
}

.btnzone {
	cursor:auto;
}

.btnzone:hover {
	cursor:pointer;
	background:#F6F6F6;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 4px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #FF6600; }

#spotsearch input { font-size: 13px; padding: 5px; border: 1px solid #CCC; display: block; margin: 0px 0; width:400px; }
#spotsearch img {
	margin:0;
	margin-right:5px;
	width:26px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999;
}

input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
    color: #999;
}

.maplist {
	padding:0px;
	margin:0 auto;
	list-style:none;
	position:relative;
	color:#333;
	display:block;
	line-height: 1;
};



.maplist li {
	display:block;
}

.maplist li a {
	font-size:10px;
	display:block;
	color:#333;
	padding:2px 0px 2px 10px;
}

.maplist li a:hover, .maplist li.selected a {
	background:#F90;
}

.maplist li a.disabled {
	color:#CCC;
}


.menuimgsat a {
	display:block;
}

.menuimgsat a img {
	border-bottom:solid 5px rgba(0,0,0,0);
}

.menuimgsat a:hover img, .menuimgsat a.selected img {
	border-color:#F90;
}


.menuimgzones a {
	display:block;
}

.menuimgzones span {
	display:block;
	margin-bottom:3px;
}

.menuimgzones a img {
	border-bottom:solid 5px rgba(0,0,0,0);
}

.menuimgzones a:hover img, .menuimgzones a.selected img {
	border-color:#F90;
}


.forceRatio {
	display:block;
	width:100%;
	height:20px;
	overflow:hidden;
	position:relative;
}

.forceRatio.top30 img {
	top:-30%
}

.forceRatio.top20 img {
	top:-20%
}

.forceRatio.top10 img {
	top:-10%
}

.forceRatio img {
	width:100%;
	position:relative;
}

.title {
	font-size: 18px;
	font-weight:normal;
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:5px;
	border-bottom:solid 1px #EEE;
	margin-bottom:5px;
}



.title span {
	color: #69C;
}

.titledate {
	font-size: 18px;
	font-weight:normal;
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:5px;
}

.title-small {
	font-size: 15px;
	font-weight:normal;
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:5px;
	border-bottom:solid 1px #EEE;
	margin-bottom:5px;
	display:inline-block;
}

.stitle {
	font-size: 15px;
	font-weight:normal;
	color: #69C;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom:5px;
}

.title span {
	color: #69C;
}

.title.graph {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	color: #F90;
}

.graph .title {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	color: #F90;
}

.mo:hover {
	background:#EEE;
	cursor:pointer;
}

.mo.linkAbo:hover .btn {
	background:#69C;
}


.btn {
	display:inline-block;
	padding:4px 8px;
	background:#333;
	border:solid 1px #FFF;
	color:#FFF;
}

.btn:hover {
	background:#F90;
}


/* cartelist */
#cartelistImg {
	position:relative;
}

#cartelistImg .date {
	position:absolute;
	top:10px;
	left:10px;
	color:#FFF;
	display:block;
	font-size:2.5em;
}

#cartelistList{
	height:500px;
}

.cartelist {
	padding:0px;
	margin:0 auto;
	list-style:none;
	position:relative;
	color:#333;
	display:block;
	line-height: 1;
}

.cartelist li {
	display:block;
}

.cartelist li a {
	font-size:10px;
	display:block;
	color:#333;
	padding:2px 0px 2px 10px;
}

.cartelist li a .date{
	display:none;
}


.cartelist li a:hover, .cartelist li.selected a {
	background:#69C;
	color:#FFF;
	padding:5px 0px 5px 7px;
	font-size:11px;
}

.cartelist li a:hover .date, .cartelist li.selected a .date {
	display:inline;
}

.cartelist li a.disabled {
	color:#CCC;
}

.pave {
	background:#FFF;
	margin-bottom:20px;
}

.tabrecap {
	width:100%;
	position: relative;
	margin-bottom:15px;
}

.tabrecap .date {
	font-weight:bold;
	padding-bottom:4px;
	font-size:1.2em;
}

.tabrecap .date .part {
	width:33.333333%;
	display:inline-block;
	text-align:left;
	padding-left:5px;
	border-left:solid 3px #AAA;
}

.tabrecap .legend {
	width:15%;
	display:inline-block;
	position: relative;
	padding:3px 0px;
	padding-left:5px;
}

.tabrecap .heures {
	background:#EEE;
	padding:2px 0px;
	font-weight:bold;
}

.tabrecap .vent {
	/*color:#FFF;*/
}

.tabrecap .now {
	color:#F90;
	font-weight:bold;
}

.tabrecap .heures .now {
	color:#000;
	background:#F90;
}

.tabrecap .infos {
	width:85%;
	display:inline-block;
	position: relative;
}

.tabrecap .infos.pression {
	font-size:0.8em;
	color:#999;
}

.tabrecap .part {
	width:4.15%;
	display:inline-block;
	text-align:center;
	padding:3px 0px;
}

.tabrecap .orientation .part {
	padding:0px 0px;
}

.tabrecap .orientation .part img {
	width:80%;
}

.promotel {
	padding-left:735px;
	padding-top:9px;
	height:90px;
	font-size:1.4em;
	background:#FFF;
	color:#333;
	text-transform:uppercase;
	text-align:center;
}

.promotel .num {
	font-size:2em;
	color:#F90;
	display:block;
}

.promotel .price {
	font-size:0.8em;
	color:#999;
	display:block;
	text-transform:none;
}

.pubhaut {
	width:728px;
	height:90px;
	float:left;
}

.popup{
	background:#FFF;
	padding:10px;
	min-width:350px;
	max-width:600px;
	color:#333;
}

.fancybox-skin {
	background: #000;
	color:#999;
}


.orderSpot a img {
	width:18px;
	opacity: 0.3;
}

.orderSpot a:hover img {
	opacity: 1;
}


.orderSpot {
	text-align:right;
}



@media screen and (max-width: 1200px) {
 	.promotel {
		padding-top:15px;
		font-size:1.2em;
	}
}

@media screen and (max-width: 1150px) {
 	.promotel {
		padding-top:20px;
		font-size:1em;
	}

	.promotel .num {
		font-size:1.5em;
	}
}



@media screen and (max-width: 1080px) {
	.pubhaut {
		float:none;
		margin:0px auto;
	}

 	.promotel {
		text-align:center;
		padding:5px;
		width:100%;
		height:auto;
		font-size:1em;
		margin-top:5px;
		background:#FFF;
		color:#000;
		font-weight:bold;
		border-top:solid 2px #DDD;
	}

	.promotel .num {
		display:inline;
		font-size:1.5em;
		padding:0 5px;
	}

	.promotel .price {
		display:inline;
		font-weight:normal;
	}
}

@media screen and (max-width: 1000px) {
	#header .infostxt {
		font-size:0.9em;
	}
}

@media screen and (max-width: 940px) {
 	.colpub {
		display:none;
	}

	#header .infostxt {
		display:none;
	}

	.content {
		padding-right:0px;
	}
}

#videoPlayer  {
	width:100%;
}

.imgListWebcam {
	position:relative;
}

.imgListWebcam img {
	width:100%;
	display:none;
}

.noUi-handle {
	background:#F90;
	box-shadow:none;
}


.listPaiements {
	text-align:center;
	padding:50px 0;
}

.listPaiements h2 {
	font-size:16px;
	padding-bottom:20px;

}

.listPaiements .item {
	display:inline-block;
	width:250px;
	padding:10px;
	background:#F60;
	color:#FFF;
	margin: 5px 0px 0px 0px;
}

.listPaiements .item:hover {
	background:#F90;
	color:#FFF;
}

.listPaiements .item .title {
	color:#FFF;
}

.listPaiements .item .img {
	padding:20px 0px;
}






.listPack {
	text-align:center;
	padding:50px 0;
}

.listPack h2 {
	font-size:15px;
	padding-bottom:40px;
	margin-top:0;
}

.listPack h3 {
	font-size:17px;
	padding-bottom:00px;
}

.listPack .item {
	display:inline-block;
	width:250px;
	padding:40px 10px;
	background:#F60;
	color:#FFF;
	margin-bottom:5px;
}

.listPack .item:hover {
	background:#F90;
	color:#FFF;
}

.listPack .item .montant {
	color:#FFF;
	font-size:22px;
	font-weight:bold;
}

.listPack .item .credits {
	color:#FFF;
	font-size:14px;
}


#smsplus {
	display:inline-block;
}

.smsplus.ok {
	display:none;
}

.smsplus.error {
	display:none;
}