@charset "UTF-8";
abbr,article,aside,audio,canvas,datlist,details,figure,dialog,footer,header,hgroup,mark,menu,meter,mark,nav,output,progress,section,time,video {display:block;}


body{
background: #2a353f;
margin:0;
padding:0;
width:100%;
}
ul,ol{
	list-style-type:none;
	margin:0;
	padding:0;
	}
a{
text-decoration:none;
}
#conteneur{
margin:0;
width:90%;
height:auto;
margin:0 auto;
/*border:1px dotted #ccc;*/
padding:0 10px 10px 10px;
}
.decon{
float:right;
margin:0 30px 0 0;
background:#000 url(images/bg_decon.png) no-repeat right;
padding:4px 24px 5px 16px;
border:3px solid #fff;
border-top:none;
border-radius:0 0 8px 8px;
box-shadow:1px 1px 3px #ccc;
}
.decon a{
color:#fff;

}
.decon:hover{
background:#000 url(images/bg_decon2.png) no-repeat right;
}
.decon a:hover{
color:red;
}

#banner{
float:left;
margin:0px auto;
width:auto;
padding:10px 5px;
height:auto;
}
.ogo{
width:100px;
height:100px;
float:left;
padding:40px 0 20px 46px;
background:url(images/CAISSE02.png) no-repeat;
}
#banner h1{
color:#0a3b5b;
font:24px impact,arial;
float:left;
margin:auto;

}

nav{
float:right;
margin:30px 0 0 0;
}
nav#menu ul{
padding:16px 0 16px 24px;
border:1px solid #353e48;
border-radius:15px;
    background: rgb(174,188,191); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
color:#FF9D1E;
font:14px arial;
box-shadow:1px 1px 3px #151515;
}
nav#menu li{
display:inline;
color:#000;
padding:0 24px 0 0;
}
nav#menu li a{
color:#000;
font-weight:bold;
padding:0 0 12px 0;
}

nav#menu li a:hover{
color:orange;
background:url(images/border-nav.png) repeat-x bottom;
}
section{
width:100%;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0px 0px 4px #c0c0c0;
float:left;
background:#fff;
padding:1%
}

#content{
/* margin:5px; */
border:1px solid #eee;
padding-bottom:10px;
background:url(images/bg_content.png) left;
display:block;
float:left;
width:100%;
}

.form{
width:45%;
margin:auto;
padding:10px;
}

input,select{
border:1px solid #ccc;
border-radius:4px;
padding:4px 8px;
font:24px arial bold;
color:#000;
width:auto;
overflow:hidden;
/*text-transform: uppercase;*/
}
input.upper { text-transform: uppercase; }

textarea{
border:1px solid #ccc;
border-radius:4px;
padding:4px 8px;
font:18px arial;
color:#000;
width:43%;

}

#ulform li,#ulf li{
margin-top:20px;font: 14px arial;
width:auto;
}

form.ulf{
    border-radius: 2px;
    margin: 20px auto;
    padding: 10px 15px 35px 15px;
    width: 175px;
	background:-moz-linear-gradient(top, #fff 0%,#dfdfdf 1%, #dfdfdf 1%,#dfdfdf 23%,#fff 23%,#eee 23.5%,#ededed 23.5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #fff 0%,#dfdfdf 1%, #dfdfdf 1%,#dfdfdf 23%,#fff 23%,#eee 23.5%,#ededed 23.5%, #ededed 100%);
	background:-o-linear-gradient(top, #fff 0%,#dfdfdf 1%, #dfdfdf 1%,#dfdfdf 23%,#fff 23%,#eee 23.5%,#ededed 23.5%, #ededed 100%);
	border:1px solid #c0c0c0;
	box-shadow:0 0 1px #ccc;
	min-width:200px;
}
form.ulf h4{
margin:0;
color:#8b8d91;
padding:0;
font:15px impact,arial;
}

form.ulf .butt{
margin:16px 20px 0 45px;
}

input.log{
min-width:180px;
background:-moz-linear-gradient(top, #f0f0f1 0%,#f0f0f1 10%,#fff 50%);
background:-webkit-linear-gradient(top, #f0f0f1 0%,#f0f0f1 10%,#fff 50%);
background:-o-linear-gradient(top, #f0f0f1 0%,#f0f0f1 10%,#fff 50%);
}


form label{
float:left;
width:40%;
font:20px arial;
font-weight:bold;
}
.butt{
display:block;
background:-moz-linear-gradient(top ,#fff 50%,#eee 100%);
background:-webkit-linear-gradient(top ,#fff 50%,#eee 100%);
background:-o-linear-gradient(top ,#fff 50%,#eee 100%);
border:1px solid #ccc;
border-radius:15px;
color:#052844;
font:14px impact;
box-shadow:0px 0px 3px #c0c0c0;
padding:5px 10px;
margin:16px 20px 0 10px;
float:left;
cursor:pointer;
}
.butt:hover{
background: -moz-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%);
background:-webkit-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
background:linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
color:#fff;
border-color:#fff;
}

.importer{
float:right;
margin-right:0px;
}
li#foot{
width:60%;
margin:10px auto;
list-style:none;
}

#content header{
width:90%;
margin:20px auto;
/* border:1px solid black;	
 */height:auto;
padding-bottom:10px;
}

label{
font:16px arial;
font-weight:normal;
color:#0a3456;

}
#content header .horiz{
float:right;
width:55%;
height:7px;
background:#0a3456;
margin-top:8px;
margin-right:2px;
}






table{
border-collapse:collapse;
width:90%;
margin:20px auto;
box-shadow:1px 3px 2px #eee;
}

table tr.entete td{
background:#1a4969;
color:#fff;
padding:8px 10px;
font-size:18px;
}

table td{
border:1px solid #fff;
padding: 5px 0 5px 12px;
font:14px arial;
    font-weight: bold;
text-align: center;
}
table th{
border:1px solid #fff;
}

table tr:nth-child(odd){
background:#f3f3f2;
}
table tr:nth-child(even){
background:#eeeeef;
}

table.rdv tr:nth-child(odd){
    background: rgba(230, 69, 50, 0.48);
}
table.rdv tr:nth-child(even){
    background: rgba(255, 76, 54, 0.21);
}
#banner .banner{
padding-right:4px;
}
#banner .banner img{

float:right;

}

/************************* Client Interface ******************************/
.choix:first-of-type{
border-bottom:1px solid #eee;
}
.choix{
width:70%;
margin:20px auto;
padding:0 0 20px 0;

}

.choix .butt{
float:right;
padding:15px 30px;
font:16px arial;
width:60%;
}

.select_marque{
width:90%;
margin:20px auto;
padding:0;
}

.select_marque label{
  margin: -15px 10px;
}
.marque {
height:80px;
width:28%;
border:4px solid #eee;
margin:2% 2%;
float:left;
display:block;
}
.marque a{
display:block;
height:100%;
width:100%;
padding-top:10px;
/* border:1px dotted red;
 */
 }
.marque a img{
display:block;
/* border:1px dotted #000;*/
height:auto;
width:auto;
margin:auto;

/* box-shadow:0 1px 2px #c0c0c0; */

}

.other {
border:none;
background:url(pic/arrow.jpg) no-repeat  right center ;
}
.other a{
font:20px impact;
color:#0a3456;
text-align:center;
margin-top:18px;

}

footer{
width:100%;
/* border:1px solid #000;
 */
display:block;
float:left;
padding:0 0 5px 0;
}
footer .retour{
display:block;
float:right;
}
footer .prec {
display:block;
float:left;
}
header label,header .butt,header input{
display:inline;
/* border:1px dotted red; */
float:none;
margin:10px 10px;
}

header .marque_header{
display:block;
background:#fff;
margin: auto;
max-width: 100px;
}
.marque_header img{
width:100%;
/* height:30px; */
padding:3px 5px;
border:3px solid #ccc;
/* float:left;
display:block; */
}

#tablo{
border:1px solid #e3e4e3;
border-radius:5px;
background:-moz-linear-gradient(top, #fff 0%, #efefef 3%, #dbdbda 99%, #c0c0c0 100%);
background:-webkit-linear-gradient(top, #fff 0%, #efefef 3%, #dbdbda 99%, #c0c0c0 100%);
background:-o-linear-gradient(top, #fff 0%, #efefef 3%, #dbdbda 99%, #c0c0c0 100%);
padding:10px;
margin:15px auto;
height:250px;
width:98%;
float:left;
}
#tablo ul{
overflow: scroll;
height:98%;
}
#tablo li{
background:-moz-linear-gradient(top, #ebeced 0%, #fff 20%);
background:-webkit-linear-gradient(top, #ebeced 0%, #fff 20%);
background:-o-linear-gradient(top, #ebeced 0%, #fff 20%);
padding:2px 10px;
border:1px solid #ccc;
border-radius:5px;
margin:5px 0 0 0;
float:left;
width:95%;
}

#tablo li a{
color:#414141;
font-weight:bold;
}

#tablo li a:hover{
color:#0669b2;
}

#tablo li a img{
padding:0 25px;
display:inline;
}
#tablo li span{
margin:0 0 0 35px;
}
#tablo li span img{
float:right;
margin:0 0 0 0;
padding:0;
}


.autre{
height:60px;
width:30%;
border-left:8px solid #0a3456;
float:left;
display:block;
margin:0 0 0 20px;
padding:5px 10px;
box-shadow:1px 0px 5px #ccc;
background:#fff;
}

.autre img{
float:left;
}



.autre p{
    font: bold 17px arial;
    text-align: center;
    text-transform: uppercase;
}

.demander{
width:40%;
border-left:8px solid #e10052;
text-align:left;
}

.onglet{
margin:50px 20px;
float:left;

}
.aide{
 background: #ea007d;

border-radius:15px;
box-shadow: 0 0 3px #C0C0C0;
color: #fff;
margin:10px 4px;
float:left;
padding: 10px 10px;
font: bold 11px arial;
}

.aide:hover{
color:#000;
 background:#fff;
border-color:#fff;
}

.install{
 background: #00ccff;
color:#000;
border-radius:15px;
}
.install:hover{
color:#000;
 background:#fff;
}

.err{
background:#F7DDDD;

}

#areaToPrint{
border-collapse:collapse;
width:90%;
margin:20px auto;
box-shadow:1px 3px 2px #eee;
text-transform: uppercase;

}

.corr{
margin:0 20px

}
th.corr{
background:#b8fad8;
}
.seuil1{
color:orange;
}

.seuil2{
color:red;
}

tr.entet th{
font:16px arial;
padding:2px 6px;
}
/*********************************** Buttons *******************************************************/
.edit{
background:url('images/edit.png') center left no-repeat;
padding:10px 10px 10px 30px;
}

.edit:hover{
background:url(images/edit.png) center left no-repeat, -moz-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%);
background:-webkit-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
background:linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
color:#fff;
border-color:#fff;
}

.save, .enre{
background:url('images/save.png') center left no-repeat;
padding:10px 10px 10px 40px;
}

.save:hover{
background:url(images/save.png) center left no-repeat, -moz-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%);
background:-webkit-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
background:linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
color:#fff;
border-color:#fff;
}

.imp{
background:url('images/imp.png') center left no-repeat;
padding:10px 10px 10px 40px;
}

.imp:hover{
background:url(images/imp.png) center left no-repeat, -moz-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%);
background:-webkit-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
background:linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
color:#fff;
border-color:#fff;
}

.rech{
background:url('images/rech.png') center left no-repeat;
padding:10px 10px 10px 40px;
}

.rech:hover{
background:url(images/rech.png) center left no-repeat, -moz-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%);
background:-webkit-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
background:linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
color:#fff;
border-color:#fff;
}
.verifier_all{
background:url('images/verif.png') center left no-repeat;
padding:10px 10px 10px 40px;
}

.verifier_all:hover{
background:url(images/verif.png) center left no-repeat, -moz-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%);
background:-webkit-linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
background:linear-gradient( top , #8EA4C1 0%, #8EA4C1 10%, #6380A9 50%, #486A9A 50%, #486A9A 100%) ;
color:#fff;
border-color:#fff;
}
/*******************************************************/

.actif{
color:orange;
background:url(images/border-nav.png) repeat-x bottom;
}

.doc{
background:#ccc;
padding:2px 8px;
width:auto;
float:left;
margin:3px;
border-radius:5px;
cursor:pointer;
}

.doc:hover{
background:red;
}

/*/////////////////////////////////////////////////////////////////////////*/

fieldset
{
  /*max-width:800px;*/
  padding:0;

    border:1px solid #c0c0c0;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	  
}

fieldset legend
{
    color: #ffffff;
  margin-bottom:0px;
  font-size:18px;
  font-weight:bold;
  background: #b3dae7;
  padding:8px;
      -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	 
		border:2px solid #fff;
		box-shadow:1px 1px 1px #c0c0c0;
}
.legend1
{
  margin-bottom:0px;
  margin-left:16px;
}

tr.total td{

font-size:20px;
}



.form label{
float: left;
width: 40%;
font: bold 20px arial;
}
.form li{
margin-top: 20px;
font: 14px arial;
width: auto;
}