body
{
	margin:0px;	
	font-family:Tahoma, Geneva, sans-serif;
background:#efefef url(img/gray_jean.png);
}

.powerpoint
{
	width:170px;
	height:110px;
	border:1px solid lightgray;	
}

.footer-bar {


	display: flex;
	justify-content: center;
	align-items: center;	
}
.footer-bar li {color: #fff; padding: 8px; padding-left:40px; padding-right:40px;list-style: none; background: white;}

.cadrevitesseprevium
{
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:200px;
	display:block;
	
	background-image:url(../img/panneauvitessevide.jpg);
	
}

#msgbox
{
	width:400px;
	height:200px;
	background-color:white;
	position:absolute;
	  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
	z-index:1000;	
	border-radius: 10px 10px 10px 10px;	
	border:1px dotted lightgray;
	font-size:12px;
	padding:10px;
}

input[type="range"] {
    position: relative;
    margin-left: 1em;
	border:0px;
}
input[type="range"]:after,
input[type="range"]:before {
    position: absolute;
    top: 1em;
    color: #aaa;
}
input[type="range"]:before {
    left:0em;
    content: attr(min);
}
input[type="range"]:after {
    right: 0em;
    content: attr(max);
}

.vitesseprevium
{
	
	width:100px;
	height:100px;
	left:50px;
	top:50px;
	position:relative;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:80px;
	text-align:center;
}

#login-section {
 	 border-radius: 5px 10px 0 5px;
  	border:1px dashed #999;
  	padding:20px;
  	width:400px;
  	text-align:center;
  	display: inline-block;
	vertical-align: top;  
	margin-left:50px;
	background-color:white;	
	height:300px;  		
}

#main
{
	margin-left:auto;
	margin-right:auto;	
	width:1100px;
	padding-top:10px;
}

.text
{
	font-size:12px;
	margin:10px;
	color:#333;
}

#presentation-section
{
 	 border:1px dashed #999;
 	 border-radius: 5px 10px 0 5px; 
  	width:370px; 
  	display: inline-block;
  	vertical-align: top;  
  	padding:10px;
	background-color:white;	
	height:300px;  

}

[draggable=true]{
    cursor: move;
}
[draggable=true]:hover{
    box-shadow:0 0 5px green; /* CSS3 */
}

[draggable=true], [dropzone]{
    transition:
        box-shadow linear 0.2s,
        background-color linear 0.2s;
}

.widget
{
 	 border:1px solid #3e7108;
 	 border-radius: 5px 10px 0 5px; 
	 width:100%;
	 height:100px;
	background-image:-moz-linear-gradient(30deg, #3e7108, #46923c);
	background-image:-webkit-linear-gradient(30deg, #3e7108, #46923c);
	background-image:-o-linear-gradient(30deg, #3e7108, #46923c);
	background-image:linear-gradient(60deg, #3e7108, #46923c);
	color:white;
	padding:5px;
	margin:5px;
}

.widget h2
{
	font-size:16px;	
	font-weight:bold;
}

.widget h3
{
	font-size:12px;	
	color:white;
}

.thlinput
{
	height:100%;
	width:100%;
	font-size:40px;
}

#features-section
{
 	 border:1px dashed #999;
 	 border-radius: 5px 10px 0 5px; 
  	width:220px; 
  	display: inline-block;
  	vertical-align: top;  
  	padding:20px;
	margin-left:50px;	
	background-color:white;	  
	height:300px;  
}



#inscription-section
{
 	 border:1px dashed #999;
 	 border-radius: 5px 10px 0 5px; 
  	width:370px; 
  	vertical-align: top;  
	background-color:white;
	margin-left:auto;
	margin-right:auto;	
	margin-top:10px;	
	padding:10px;	  

}

.logout
{
	background-color:red;
}

.historique
{
	background-color:blue;
}


.footer-bar a, .small a
{
	text-decoration:none;
	font-size:12px;
	color:#CCC;	
}

.footer-bar a:hover, .small a:hover
{
	color:#333;	
	
}

h1
{
	font-size:16px;
}

label,h3
{
	font-size:12px;
	color:#666;
	font-weight:bold;
}

h4
{
	font-size:10px;
	color:#999;
}

h5
{
	font-size:14px;
	color:#999;
}


.col_9, .col_2, .col_3, .col_12, .col_10, .col_1, .col_10, .col_4, .col_5, .col_6, .col_7, .col_8, .col_11
{
	border:1px dashed #999;
 	border-radius: 5px 10px 0 5px; 
	background-color:white;	
	padding:10px;	
	font-family:arial;	
}

h6
{
	font-size:10px;
	color:#999;	
}

.leg-plan
{
  display: block;
  width: 50px;
  height: 15px;
  cursor: pointer;
  background-color: #900;
}