body{
	background-color:;
	color:#000000;
	font: 1em "Tahoma",Arial,sans-serif;
}
 
body a{
	color:#000000;
	font: 1em "Tahoma",Arial,sans-serif;
}


#formulaire_connect #input_ok {
    border: medium none;
    font-size: 9pt;
    text-align: left;
    white-space: nowrap;
    width: 140px;
}

##formulaire_craccount_fb{
    border: medium none;
    font-size: 9pt;
    text-align: left;
    white-space: nowrap;
    width: 280px;
}

#bandeau-craccount_fb{
	width:200px;
	margin-top:-10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	list-style-type:none;
}

#bandeau-craccount_fb li{
	display:inline;
	width:330px;
	margin-left:-40px;
	float:left; /*pour IE*/
}

#bandeau-craccount_fb a{
	color:black;
	font: 0.8em Arial,sans-serif;
	width:80px;
}

#bandeau-craccount_fb #input_submit{
	width:200px;
	margin-left:0px;
	margin-top:20px;
}

#input_co_fb {
	border: medium none;
	position:absolute;
	right:0px;
	font-size: 9pt;
	text-align: left;
	white-space: nowrap;
	width: 150px;
	border:1px solid #333;
      padding:2px;
}

#formulaire_date .input_ok {
    border: medium none;
    font-size: 9pt;
    text-align: left;
    white-space: nowrap;
    width: 140px;
}

#formulaire_comment .input_ok {
    border: medium none;
    font-size: 9pt;
    text-align: left;
    white-space: nowrap;
    width: 140px;
}

#bandeau-connect{
	position:absolute;
	width:200px;
	margin-top:-10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	list-style-type:none;
}

#bandeau-connect li{
	display:inline;
	margin-right:60px;
	float:left; /*pour IE*/
}

#bandeau-connect #input_ok{
	border:1px solid #333;
	height:20px;
	padding:2px;
	border-radius:5px 5px 5px 5px;
}

#bandeau-connect a{
	color:black;
	font: 0.8em "Tahoma",Arial,sans-serif;
}

#bandeau-connect #input_submit{
	width:140px;
}


#titre_stations{
	position:absolute;
	top:5px;
	text-align: left;
	float:left;
	margin-left:10px;
	font-size:1.2em;
	font-family:Arial;
}

#titre_modules{
	position:absolute;
	top:5px;
	text-align: left;
	float:left;
	margin-left:250px;
	font-size:1.2em;
	font-family:Arial;
}

#onglets-stations{
	width:150px;
}

#onglets-stations-button{
	position:absolute;
	margin-top:-8px;
	text-align: left;
	float:left;
	margin-left:70px;
}

#onglets-stations-menu{
	z-index:2000;
}

#onglets-modules{
	width:150px;
}

#onglets-modules-button{
	position:absolute;
	margin-top:-8px;
	text-align: left;
	float:left;
	margin-left:335px;
	
}

#onglets-modules-menu{
	z-index:2000;
}

#page{
      width: 1180px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#lien_webcam{
	position:absolute;
	height: 48px;
	width: 47px;
	margin-left: 905px;
	float:left;
	background-image:url('../img/webcam.png');
	background-repeat:no-repeat;
	top:10px;
	z-index:49;
}

#lien_webcam:hover{
	top:20px;
}


#titre_membre{
	position:absolute;
	width: 330px;
	height: 20px;
	margin-top: 5px;
	margin-left: 860px;
	text-align: left;
	z-index:10;
}

#contenu{
	position:absolute;
	width: 500px;
	height: 400px;  
	top:30px;	
}

#contenu_droit{
	position:absolute;
	top:0px;
	width: 300px;
	height: 400px;
	margin-left: 490px;
	font-size:0.9em;
}

#contenu_droit_filtre{
	position:absolute;
	width: 280px;
	height: 25px;
	margin-top:10px;
	margin-left: -30px;
	font-size:0.9em;
	text-align:center;
}

#contenu_droit_filtre .input_ok{
	border: medium none;
	font-size: 9pt;
	text-align: center;
	white-space: nowrap;
	border:1px solid #999;
      padding:2px;
	padding-bottom:4px;
	border-radius:2px 2px 2px 2px;
	width:75px;
	margin-top:-2px;
}

#contenu_droit_filtre #input_submit{
	position:absolute;
	width:40px;
	margin-top:-2px;
	margin-left:2px;
	text-align:center;
}

#contenu_droit_filtre .filtreRetour{
	position:relative;
	width:60px;
	margin-top:-2px;
	left:40px;
	text-align:center;
	float:left;
}

#contenu_droit_liste{
	font-size:1.2em;
	font-family:Arial;
	position:absolute;
	margin-top:65px;
}


#gallery{
	padding:10px;
}

#sharing{
	width:430px;
	height:60px;
	position:absolute;
	margin-top:-385px;
	z-index:1500;
	display:none;
}

#sharing ul{
	list-style: none;
	text-align:right;
}

#sharing li{
	display: inline;	
}

#sharing li a{
	opacity:0.5;	
}

#sharing li img{
	border:none;	
}


#filtrage_zone{
	position:absolute;
	width:15px;
	height:15px;
}

#filtrage_contenu{
	position:absolute;
	margin-top:30px;
	width:300px;
	height:25px;
}

#filtrage_contenu ul{
	list-style: none;
	margin-left:-30px;
	font-size:0.9em;
}

#filtrage_contenu li{
	float:left;
	width:55px;
	height:20px;
	font-size:0.9em;
	text-align:center;
}

#video-liste{
	margin-left:10px;
}

.pagination{
	text-decoration:underline;
	list-style-type:none;
	margin-top:-5px;
}

.pagination li{
	display:inline;
}

.pagination .prec{
	position:absolute;
	text-align:left;
	margin-left:-30px;
	font-size:0.8em;
}

.pagination .ou{
	position:absolute;
	text-align:center;
	margin-left:110px;
}

.pagination .suiv{
	position:absolute;
	text-align:right;
	width:125px;
	margin-left:130px;
	font-size:0.8em;
}

.pagination_rapide{
	margin-left:-22px;
	width:35px;
	text-align:right;
	border:1px solid #999;
}

#scrollbarvideo { width: 285px; overflow: hidden; margin: 0px 0 10px; }
#scrollbarvideo .viewport { width: 260px; height: 320px; overflow: hidden; position: relative; }
#scrollbarvideo .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbarvideo .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbarvideo .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; float: right;}
#scrollbarvideo .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbarvideo .thumb .end { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbarvideo .disable { display: none; }
#scrollbarvideo .loadtext p { clear: both; margin: 0; padding: 20px 0 0; } 

#input_suppr{
	border-radius: 5px 5px 5px 5px;
	background-color:red;
	color:white;
	position:relative;
	float:left;
	width:200px;
	margin-left:220px;
	margin-top:-30px;
}

.formulaire_contact{
	width:420px;
	font-family: Arial;
}

.formulaire_forfait{
	width:650px;
	font-family: Arial;
}

fieldset {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #000 -moz-use-text-color -moz-use-text-color;
	border-right: medium none;
	border-style: solid none none;
	border-width: 2px medium medium;
	margin: 10px 0;
	padding: 5px 5px 0;
	text-align: left;
}

legend {
	color:#000;
}

#labeleur{
	font-size: 9pt;
	height: 24px;
	margin: 0 20px;
	text-align: left;
	white-space: nowrap;
	width: 395px;
}

#texte {
	float: left;
	white-space: normal;
	width: 250px;
}

#input_ok {
	position:absolute;
	border: medium none;
	float: right;
	font-size: 9pt;
	text-align: left;
	white-space: nowrap;
	width: 140px;
	border:1px solid #333;
      padding:2px;
	border-radius:5px 5px 5px 5px;
}

#input_co {
	border: medium none;
	float: right;
	font-size: 9pt;
	text-align: left;
	white-space: nowrap;
	width: 140px;
	border:1px solid #333;
      padding:2px;
	border-radius:5px 5px 5px 5px;
}

#forfaits{
	max-height:280px; 
	overflow : auto;
}

#stats{
	max-height:530px;
	max-width:1080px;
	padding-bottom:20px;
	overflow : auto;
}

#fixeHeader thead tr{
	color:black;
	background:white;
}

#tableau_stats tbody tr:hover{
	color:black;
	background:white;
}

#tableau_stats tbody td{
	width:68px;
}

#tableau_stats td{  
	width:100%;
	white-space:nowrap;
}

#select_station{
	width:140px;
	margin-left:0px;
	margin-top:-5px; 
	font-size: 9pt;
	border:1px solid #333;
      padding:2px;
	border-radius:5px 5px 5px 5px;
}

.input_forfait_fb{
	text-align: left;
	white-space: nowrap;
	border:1px solid #333;
	width:35px;
	margin-left:5px;
}

#input_forfait_fictif{
	width:38px;
	border: medium 1px solid;
	margin-left:5px;
}

#input_forfait_axcess{
	width:95px;
	border: medium 1px solid;
	margin-left:5px;
}

#input_forfait_qrcode{
	width:140px;
	border: medium none;
	font-size: 9pt;
	text-align: left;
	white-space: nowrap;
	border:1px solid #333;
      padding:2px;
	border-radius:5px 5px 5px 5px;
}

.input_forfait{
	width:35px;
	border: medium 1px solid;
	margin-left:5px;
}

#tableau_mes-forfaits {
    font: 0.8em "Tahoma",Arial,sans-serif;
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#tableau_mes-forfaits th {
    text-align:center;
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('../img/gradhead.png') repeat-x;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}
#tableau_mes-forfaits td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #333;
    text-align:center;
    border-top: 1px solid #fff;
    background: #fff url('../img/gradback.png') repeat-x;
}
#tableau_mes-forfaits tfoot tr td {
    background: #e6e6e6;
    font-size: 16px;
    color: #000;
    text-align:center;
}
#tableau_mes-forfaits tbody tr:hover td {
    background: #e5e5e5 url('../img/gradhover.png') repeat-x;
    color: #000;
}
#tableau_mes-forfaits a:hover {
    text-decoration:underline;
}

#sms{
	position:absolute; 
	margin-left:350px; 
	margin-top:-5px;
	font-size:0.7em;
}

#tableau_videos {
    font: Arial,sans-serif;
    font-size: 12px;
    width: 290px;
    text-align: left;
    border-collapse: collapse;
}


#tableau_videos tr td{
	height:100px;
	padding: 8px;
	color: #333;
	background: transparent;
	border-bottom: 1px solid #fff;
}

#tableau_videos tr td ul{
	float:left;
	height:80px;
	width:110px;
	margin-left:-80px;
	margin-top:5px;
	list-style-type:none;
	white-space: nowrap;
}

#tableau_videos tr td ul li img{
	border:none;
}

#tableau_videos tr td ul li{
	font-size:0.9em;
	color:#333
}

#tableau_videos tr td a{
	text-decoration:none;
}

#tableau_videos tr td:first-child a img{
	margin-top:-10px;
}

#tableau_videos .liste_publique{
	position:absolute;
	float:left;
	margin-left:-175px;
	margin-top:-12px;
}

#tableau_videos .liste_selection{
	position:absolute;
	float:left;
	margin-left:-100px;
	margin-top:-12px;
}

#tableau_videos .liste_suppression{
	position:absolute;
	float:left;
	margin-left:-25px;
	margin-top:-17px;
}

#tableau_videos .vignette:hover{
	/* Anciens navigateurs */
	/*background: #333 url("../img/gradient-bg.png") repeat-x top;*/
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #BFBFBF;
	background: #BFBFBF;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF727272, endColorstr=#FF##3333);
	/* Navigateurs récents */
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#BFBFBF),
		to(#9F9F9F)
	);
	background-image: -webkit-linear-gradient(
		top,
		#BFBFBF,
		#9F9F9F
	);
	background-image: -moz-linear-gradient(
		top,
		#BFBFBF,
		#9F9F9F
	);
	background-image: -o-linear-gradient(
		top,
		#BFBFBF,
		#9F9F9F
	);
	background-image: linear-gradient(
		top,
		#BFBFBF,
		#9F9F9F
	);
}

#BtnStats{
	position:absolute;
	width:150px;
	height:25px;
	padding:10px;
	top:78px;
	margin-left: 1000px;
	border:solid 1px #000;
	box-shadow: 0 0 3px #333333;
	text-align:center;
	text-decoration:none;
	background-image:url('../img/onglet_station-fond.png');
	background-repeat:no-repeat;
}

#BtnModifie_CSS{
	position:absolute;
	width:150px;
	height:25px;
	padding:10px;
	top:32px;
	margin-left: 1000px;
	border:solid 1px #000;
	box-shadow: 0 0 3px #333333;
	text-align:center;
	text-decoration:none;
	background-image:url('../img/onglet_station-fond.png');
	background-repeat:no-repeat;
}

#BtnClose{
	z-index:9999;
	display:none;
	position:absolute; 
}

#preloader{
	width:300px;
	height:150px;
	z-index:9999;
	display:none;
	position:absolute; 
	margin-left:450px;
	margin-top:150px;
	background-color:#FFF;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	padding-top:50px;
}


#mask {
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
	background-color:#000;
	display:none;
}
   
#boxes .window {
	position:absolute;
	width:950px;
	height:200px;
	display:none;
	z-index:9999;
}
 
#boxes #dialog {
	position:absolute; 
	margin:auto;
	width:950px;
	height:400px;
}

#commentaires{
	position:absolute;
	width: 820px;
	height:15px;
	margin-top: 467px;
	font-size: 0.9em;
}

#commentaires #modif_comment{
	width:550px;
	height:15px;
}

#commentaires #ajout_comment{
	width:485px;
	height:15px;
	margin-top:1px;
}

.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

#gestion_commentaire{
	width: 200px;
	margin-left: 660px;
	margin-top:-18px;
	text-align: right;
	list-style-type:none;
}

#gestion_commentaire li{
	display:inline;
	padding:0px 10px;
	margin-right:-1px;
	float:left;	
}

#gestion_commentaire a{
	color:white;
	font: 0.8em "Tahoma",Arial,sans-serif;
	text-decoration:none;
}

.facebook-login{
	text-align:center;
	height:50px;
	width:250px;
	margin-bottom:10px;	
}