/*Apparence Générale*/
BODY{
	font-family:arial;
	font-size:10pt;
	color:#ffffff;
	background-color:#222222;
	text-align: center;
	margin: 0px;
	}

/*Positionnement*/
#centrer {
            width : 200px;
            margin : auto;
            }

FIELDSET{
			background-color:#444444;
			color:#FF6633;
			
	}
LEGEND{
			color:#ffffff;
	}


/*Style des tables*/
CAPTION
  {
	 font-family:arial;
	 font-size:12pt;
     background-color:#444444;
     color:#ff6633;
  }

  TABLE
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:10pt;
     background-color:#444444;
     width:100%;
     border-style:solid;
     border-width:0;

  }

  TH
  {
     font-size:10pt;
     background-color:#444444;
     color:#FF6633;
     border-style:solid;
     border-width:1px;
     border-color:#444444;
  }



  TD
  {  
     font-size:10pt;
     background-color:white;
     color:#444444;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }
.gras {
     font-size:10pt;
     background-color:#444444;
     color:#FF6633;
     border-style:solid;
     border-width:1px;
     border-color:#444444;
	 font-weight:bold;
 }
 .petit {
     font-size:8pt;
 }
 .gros {
     font-size:12pt;
 }
 .titre{
     font-size:30pt;
 }

/* Liens */
a {
  text-decoration: none;
}
a:link {
  color: #FF6633;
}
a:visited {
  color: #ff6633;
}
a:hover, a:focus, a:active {
  color: #ff6633;
}
td a:link {
color: #444444;
}
td a:hover, td a:focus, td a:active {
  color: #ff6633;
}
a img 
{
border: none; 
} 
img.infobulle-icone {
cursor: help;
vertical-align:top;
}

.infobulle {
position: relative;
}
 
.infobulle-texte {
position: absolute;
z-index: 4;
left: 0px;
width: 200px;
color: #ffffff;
padding: 5px;
font-size: 10px;
background-color: #444444;
border: 1px solid #ffffff;
}
/*Liens dans les TH*/
th a:link {
color: #FF6633;
}

/* Styles Openlayers*/
.olControlScaleLineTop {
    background: grey;
}
.olControlScaleLineBottom {
    opacity: 0;
}
.olControlScaleLine {
    opacity: 0.8;
    color: white;
    margin-bottom: -20px;
}
.olControlAttribution{
	margin: 1000px;
	padding: 1000px;
}

/* Styles Jquery */
.ui-datepicker{
 width:17em;
}
.ui-datepicker-header{
 background-color: #444444;
}
.ui-datepicker-prev{
 float: left;
}
.ui-datepicker-next{
 float: right;
}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #ff6633;}

	
	.boutonphoto {
	background:url(images/but.png) no-repeat;
    cursor:pointer;
    border:none;
    width:400px;
    height:400px;
	margin: 0 auto;
	display:block;} 

#icone{
    float: left;
	margin-top: 4px;
	margin-left: 4px;
	width:4%;
	}

#header {
    float: left;
    height: 75px;
    width: 1200px;
    background: #FF6633;
    background-image : url(images/logo_lootee.png);
    background-position: right top;
    background-repeat:no-repeat;
}
#wrapper {
	background-color: #444444;
    margin: 0 auto;
	min-height:980px;
    width: 1200px;
	text-align: left;
}

#content {
	background-color: #444444;
    float: left;
	min-height:900px;
    width: 920px;
}

#rightcolumn {
	background-color: #444444;
	min-height:900px;
	max-height:900px;
    width: 280px;
	text-align:right;
    float:right;

}
#fullcontent {
	background-color: #444444;
    float: left;
	min-height:900px;
    width: 1200px;
}
#footer {
	background-color: #FF6633;
    float: left;
	height: 30px;
    width: 100%;
}

#blocform {
width: 100%;
margin-bottom: 10px ;
float:left;
}
#rubrique {
width: 100%;
float:left;
margin-left:5px;
font-size:30px; 
color:white;
}
#element {
width: 100%;
clear:left;
float:left;
color:white;
margin-left:5px;
}

#liste{
height: 30px;
vertical-align: middle;
clear:left;
float:left;
margin:5px;
}

#challenge{
float:left;
width: 33.333%;
height: 170px;
padding: 5px;
overflow-y:auto;
}

#checkpoint{
height: 80px;
float:left;
width: 33.333%;
padding: 5px;
overflow-y:auto;
}

/* Style de l'affichage des traces */

#trace {
width: 600px;
height: 200px;
margin:0;
float:left;
background-color:white;
}
#gauchetrace {
width: 300px;
height: 200px;
float:left;
background-color:white;
}
#droitetrace {
width: 300px;
height: 200px;
float:left;
background-color:white;
}
#datetrace
{
height: 15px;
width: 300px;
color:#555555;
float:left;
text-align:center;
font-weight:bold;
} 

#maptrace
{
display:block;
position: bottom left;
}

/* Styles pour le pop up d'aide */
#volet {
	position: fixed;
	width:700px;
	height:600px;
	padding-left: 5px;
	left: -705px; top: 55px;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	background-color:#777777;
	border-radius: 0px 8px 8px 0px;
	text-align: left;
	z-index: 99999999;

}
#volet a:link {color:#ffffff;font-weight:bold;font-size:12pt;}
#volet a:visited {color:#ffffff;font-weight:bold;font-size:12pt;}
#volet a:hover {color:#ffffff;font-weight:bold;font-size:12pt;}
#volet a:active {color:#ffffff;font-weight:bold;font-size:12pt;}


#volet:target {
	left: 0;
}
#volet:target a.ouvrir {
	display: none;
}
#volet:target a.fermer {
	display: block;
}
#volet_clos:target #volet {
	left: -705px;
	background-color:#777777;

}
#volet a.fermer {
	display: none;
	position: absolute;
	right: -31px;
	top: 150px;

	/* quelques styles CSS3 */
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
    background-color:#777777;
	padding:5px;
	border-radius: 0 0 8px 8px;
}
#volet a.ouvrir {
	position: absolute;
	right: -31px;
	top: 150px;

	/* quelques styles CSS3 */
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
    background-color:#777777;
	padding:5px;
	border-radius: 0 0 8px 8px;
}

/* les colonnes et lignes de la page des segments */
#chrono{	
}
#ligne {
height:25px;
}
#g {
margin:5px;
width:48%;
max-height:500px;	
clear:left;
float:left;
overflow-y:auto;
}
#m {
margin:5px;
width:30%;
height:500px;
float:left;	
overflow-y:auto;
border-left:1px;
border-right:1px;
}
#d {
margin:5px;
width:48%;
max-height:500px;
float:left;	
overflow-y:auto;
}