body,table,td,th{
  font-family:Arial,Verdana,sans-serif;
}
body {
margin:0;text-align:left;color:black;
background:none !important;
}
input,textarea,body,table,td,th {
  font-size:12px;
}
textarea {
  width:99%;
  padding:0;
  margin:0;
}
input,textarea {
  border:1px solid #ccc;
  background-color:white;
}
select {
  border:1px solid #ccc;
  background-color:white;
  font-size:11px;
}
a {
	color:#333333;
}
a:hover {
	color:black;
}
table {
  border:0;
  width:100%;
  border-collapse:collapse;
}

header {
 position:relative;
 z-index:100;
 width:100%;
 background-color: #ddd;
 margin:0;
}
nav {
 /*position:absolute;*/
 background-color: #ddd;
 color: #222;
 font-size: 14px;
 padding:1px 0;
}
#navigation {
margin:0;
}
#navigation div {
	margin: -2px 10px 10px 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #999999;
    border-top:0;
    padding:0;
    background-color: #FFFFFF;
    overflow:hidden;
}
#navigation div div {
	border:none;
	margin:-1px;
	position:relative;
}
#navigation ul {
    list-style: none;
    margin:0;
    padding: 0;
}
#navigation ul li {
	float:left;
    width:33.33%;
}
#navigation ul li a {
    color: #222222;
    border: 1px solid #999999;
    height:32px;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 -1px -1px;
    padding: 5px;
    text-decoration: none;
    text-align:center;
}
#navigation ul li .rech {
 border-bottom:0;
 padding-top:5px;
}
#navigation li.hide {
 display:none;
}
/*
#navigation ul li:first-child a{
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#navigation ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
*/
#bandeau {
  width:100% !important;
  height: auto!important;
}
#bdm {
	padding:3px 10px 2px 0;
}
#lg {
  float:right;
  color:white;
  text-align:right;
  
}
#lg .sel {
  color:white;
  font-weight:bold;
}
#lg a {
  color:white;
  text-decoration:none;
}
#lg a:hover {
  color:white;
  font-style:italic;
  text-decoration:underline;
}
header div.leftButton {
	float:left;
	margin-left:12px;
	font-weight:bold;
	text-align: left;
	color: white;
	font-size:12px;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	cursor:pointer;
}
#slider,#slider ul {
margin:0;
padding:0;
overflow-y:auto !important;
}
#slider {
	margin-top:5px;
}
#slider li {
	position:relative;
	padding:0 5px;
	margin:0;
}
#slider .tab50 {
clear:both;
padding:3px 0;
}
#slider .tab50 label {
 display:block;
 float:left;
 clear:both;
 width:40%;
 border-top:2px solid #ccc;
}
#slider .tab50 div {
	padding-top:3px;
}

#slider #profil img {
width:100%;
}

#botmain {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#888888;
  height:20px;
  z-index:5;
}
#botmain a {
	color:black;
}
#botmain a:hover {
  font-style:italic;
}
.dcsns-toolbar {
	display:none;
}

div.smalltab table {
	width:100%;
}
div.smalltab table th {
	background-color:#555555;
	color:white;
	font-weight:bold;
	padding:2px;
}
div.smalltab table td {
	background-color:white;
	color:black;
	padding:2px;
}
div.smalltab table tr.even td{
	background-color:#ededed;
}



 
#main {
  background-color:white;
  width:100%;
  margin:0;
  padding:5px 0 20px 0;
  text-align:left;
}
.tit {
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  margin:0 0 3px 0;
  padding:5px 0 2px 0;
  border-bottom:1px solid #ccc;
}
.tit2px {
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  margin:0 0 3px 0;
  padding:5px 0 2px 0;
  border-bottom:2px solid #ccc;
}
.bouton {
  border:none;
  background-color:transparent;
  color:white;
}
.valider {
  /* image de fleche à droite... */
  padding-left:20px;
}
.lrech table {
  text-transform:uppercase;
  color:#38b64a;
  font-weight:bold;
  vertical-align:bottom;
}
.lrech {
  padding-top:3px;
  background-color:white;
}
.rech {
text-align:center;
}
.rech input{
  border:0 !important;
  color:black;
  padding-left:8px;
  line-height:20px;
  background:url(im/spr24.png) top left no-repeat transparent;
  height:20px;
  width:45%;
  max-width:160px;
}
.rech .btnfd{
  width:30px;
  padding:0;
  height:22px;
  background:url(im/spr24.png) top right no-repeat transparent;
  vertical-align:-1%;
}

.btn {
  border:0;
  border-top: 4px solid #ccc;
  margin:0;
  margin-top:3px;
  padding:3px 0;
  text-transform:uppercase;
  color:#424242;
  font-weight:bold;
  background:transparent;
  text-decoration:none;
  font-size:12px;
}
#ictete {
  float:left;
  width:50px;
  height:50px;
  background:url(im/spr24.png) no-repeat 0 -47px white;
}
#gtete #ictete {
	background-position: -66px -47px;
}
#gtete h1 {
	margin:0;
	padding:5px 30px 0 5px;
	height:50px;
	text-transform:uppercase;
	font-size:16px;
}
#gtete .chx {
	padding:0;
	margin:0 5px;
}
#gtete .chx div {
	border-bottom:2px solid black;
	text-transform:uppercase;
}
#gtete .chx div, #gtete .chx p {
	font-size:10px;
	font-weight:bold;
	padding-bottom:1px;
	margin:0;
}
#gtete .chx p {
	margin-top:2px;
	color:#666666;
}
#gtete .chx select {
	display:block;
	margin-top:4px;
	width:100%;
}
#gtete .chx .keep {
	position:absolute;
	top:5px;left:0;
	font-size:9px;
}
#gtete .chx #keepok {
  display:none;
}
#gtete .chx a {
	text-decoration:none;
	color:#333333;
}
#gtete .chx a:hover {
	color:black;
	text-decoration:underline;
}
#endgtete {
	clear:both;
}
.noresult {
  margin:50px 10px;
  font-size:16px;
}


.vues {
  vertical-align:center;
  text-align:center;
  margin:0 0 10px 0;
}
.vues a {
  display:inline-block;
  background:url(im/spr24.png) no-repeat 0 -25px #424242;
  width:25px;
  height:25px;
  margin-left:5px;
  position:relative;
  top:9px;
  border-bottom:3px solid #CCC;
  padding-bottom:1px;
}
.vues a.prof {
  background-position:0 -22px;
}
.vues a.tab {
  background-position:-26px -22px;
}
.vues a.carto {
  background-position:-52px -22px;
}
.vues a.cam {
  background:url(im/camip.png) no-repeat center center #ffffff;
  background-color:white!important;
  background-size:contain;
}
.video-js {
	max-width:95vw;
	max-height:53.4375vw;
}
.ui-dialog {
	max-width:98vw;
	max-height:65vw;
}
#cam a {
	display:block;
	margin-top:15px;
}
#cam a span {
	display:block;
}
#cam a img {
	max-width:100%;
}

div#profil {
	clear:both;
	position:relative;
}
div#profil .pts {
	z-index:10;
	position:absolute;
	width:6px;
	height:6px;
	border:2px solid gray;
	-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
	background-color:white;
}
div#profil .lastPt {
	width:10px;
	height:10px;
	-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
	
}
#fav,#nofav {
	background:url(im/spr24.png) 0 -197px no-repeat transparent;
	width:18px;
	height:18px;
	display:inline-block;
	margin-top:-5px;
	float:right;
}
#nofav {
	background-position:-18px -197px;
}

table.thome {
	padding-top:10px;
	border-collapse:separate;
	border-spacing:20px 0;
	width:100%;
	border:0;
}
table.thome th {
	vertical-align:top;
	border-bottom:6px solid black;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	font-family: Impact,sans-serif;
	padding-left: 5px;
}
table.thome th h1 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: normal;
	font-family: Impact,sans-serif;
	color:inherit;
	padding:0; margin:0;
}
table.thome td {
	vertical-align:top;
	padding-left: 5px;
}
table.thome td span{
	text-transform: uppercase;
	font-size:12px;
}
table.thome td a {
  color:#333333;
}
table.thome td a:hover {
  color:black;
  text-decoration:underline;
}

.timer {
	background-color:yellow;
}

#bandeau .eventName {
        padding:1vw 10% 0.008vw 25%;
        font-size:3.1vw;
	line-height:1em;
        color:#568498;
        text-transform:uppercase;
        font-weight:bold;
	position:absolute;
	top:0;
	left:0;
}
#bandeau .eventDate {
        padding:0.8vw 10% 0.8vw 25%;
        color:black;
        font-size:3.8vw;
        text-transform:uppercase;
        font-weight:bold;
	position:absolute;
	top:6.8vw;
	left:0;
}