#pave-dossier-audition-new {
display:none;
}

#col-appareil, #col-gamme, #col-marque, #col-options {
float: left;
background: #F5F5F5;
width: 226px;
/*height: 410px;*/
height: 236px;
}

#critere , #critere a {
color: #6E6E6E;
font-size:16px;
margin: 0 5px;
}

h2 {
font-size:16px;
color: #6E6E6E;
margin-bottom: 10px;
}

#jerecherche {
background:#F5F5F5; padding:10px;color:#6E6E6E;text-align:center;font-size:18px;font-weight:bold;margin: 0 5px;
}

#picto-app {
float: left;
width: 54px;
background: url(images/picto-moteur.png) no-repeat 22px 0px;
height: 27px;
}

#picto-gamme {
float: left;
width: 54px;
background: url(images/picto-moteur.png) no-repeat 22px -27px;
height: 27px;
}

#picto-marque {
float: left;
width: 54px;
background: url(images/picto-moteur.png) no-repeat 22px -54px;
height: 27px;
}

#picto-options {
float: left;
width: 54px;
background: url(images/picto-moteur.png) no-repeat 22px -81px;
height: 27px;
}

.lib-critere {
float: left;
width: 156px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 15px;
font-weight: bold;
}

#picto-contour {
float: left;
width: 54px;
background: url(images/picto-oreille.png) no-repeat 22px 0px;
height: 39px;
}

#picto-micro-contour {
float: left;
width: 54px;
background: url(images/picto-oreille.png) no-repeat 22px -39px;
height: 39px;
}

#picto-intra {
float: left;
width: 54px;
background: url(images/picto-oreille.png) no-repeat 22px -78px;
height: 39px;
}

.picto-vide {
float: left;
width: 54px;
height: 39px;
}

.picto-vide-marque {
background: none;
float: left;
width: 23px;
height: 39px;
}

.bt-moteur {
float: left;
padding-left: 10px;
padding-bottom: 12px;
margin-top: 3px;
}

.bt-contour , .bt-contour1, .bt-modele {
border: 1px solid #ddd;
border-radius: 3px;
display: block;
padding-left: 10px;
width: 142px;
height: 24px;
padding-top: 3px;
padding-bottom: 2px;
background: white;
cursor:pointer;
transition: background-color 0.15s ease-in-out;
}

.bt-contour:hover, .bt-contour1:hover {
border:1px solid #EE821D;
border-radius: 3px;
background:#E6E6E6;
}

.bt-contour-on {
border: 1px solid #EE821D;
border-radius: 3px;
display: block;
padding-left: 10px;
width: 142px;
padding-top: 3px;
padding-bottom: 2px;
background-image: url(images/coche-verte.png);
cursor: pointer;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-position: 132px 4px;
background-size: 15px;
}

.bt-contour1-on {
border: 1px solid #EE821D;
border-radius: 3px;
display: block;
padding-left: 10px;
width: 142px;
padding-top: 3px;
padding-bottom: 2px;
cursor: pointer;
background-image: url(images/coche-verte.png);
background-color: #e6e6e6;
background-repeat: no-repeat;
background-position: 162px 4px;
background-size: 15px;
}

#siemens, #resound, #oticon, #widex, #hansaton, #starkey, #beltone, #phonak, #invisible, #rechargeable, #bluetooth {
width: 172px!important;
}

.input-orange {
float: left;
margin-left: 30px;
padding: 5px 22px;
background: #EF7B10;
border-radius: 3px;
color: white!important;
margin-top: 3px;
margin-bottom: 3px;
display:block;
}

.input-orange:hover {
cursor:pointer;
background:#EF6910;
}

.input-gris  {
float: left;
margin-left: 30px;
padding: 5px 20px;
background: #C8CACA;
border-radius: 3px;
color: white!important;
margin-top: 3px;
margin-bottom: 3px;
display:block;
background: #BEBEBE;
}

.input-gris:hover {
cursor:pointer;
background:#C1C1C1;
background: #A5A5A5;
}


.table-head {
background-color: white;
margin-bottom: 10px;
height: 50px;
border: 1px solid #E6E6E6;
border-right: none;
}

.table-head td {
border-right: 1px solid lightGrey;
background: #E6E6E6 url(images/fond-tab-da.jpg) 50% 50% repeat-x;
text-align: center;
font-weight: bold;
height: 30px;
letter-spacing: 2px;
font-size: 16px;
text-transform: uppercase;
text-shadow: 1px 1px white;
}

#etape {
clear: both;
margin-top: 10px;
margin-bottom: 17px;
height: 50px;
background: white;
font-size: 15px;

}

ul#hierarchie li {
float: left;
line-height: 50px;
color: #777;
position:relative;
}

a#etape1, a#etape1_on  {
display: block;
padding: 0 13px 0 10px;
background: #F5F5F5;
}

a#etape2, a#etape3, a#etape4, a#etape2_on, a#etape3_on, a#etape4_on  {
display: block;
padding: 0 26px 0 25px;
background: #F5F5F5;
padding: 0 13px 0 25px;
}


a#etape1:hover, a#etape2:hover, a#etape3:hover, a#etape4:hover, a#etape1_on, a#etape2_on, a#etape3_on, a#etape4_on  { 
display: block;
color: white;
background: #EF7B10;
}


.fleche-grise {
border-bottom: 26px solid transparent;  
border-left: 13px solid #F5F5F5;  
border-top: 26px solid transparent;
height: 0;  
right: -13px;
position: absolute;
z-index: 995;
width: 0;  
top: -1px;
}

.fleche-ombre {
border-bottom: 26px solid transparent;  
border-left: 13px solid #BEBEBE;  
border-top: 26px solid transparent;
height: 0;  
right: -15px;  
position: absolute;  
z-index: 994;
width: 0;  
top: -1px;
}

.fleche-orange {
border-bottom: 26px solid transparent;  
border-left: 13px solid #EF7B10;  
border-top: 26px solid transparent;
height: 0;  
right: -13px;
position: absolute;
z-index: 995;
width: 0;  
top: -1px;
}

.pave-gris {
text-align: left;
padding: 35px 40px;
background: #F5F5F5;
color: #6E6E6E;
margin: 0 5px;
font-size: 14px;
}

.table-secu td input{
font-size: 14px;
border: 2px solid #DFDFDF;
border-radius: 3px;
text-align: right;
color: inherit;
padding: 5px 3px;
font-weight: bold;
width: 40px;
}

.table-mut td.label {
width:72px;
height:50px;
}


.table-mut td input {
font-size: 14px;
border: 2px solid #DFDFDF;
border-radius: 3px;
color: inherit;
padding: 5px 3px;
width: 155px;
}

.table-mut td.label1 {
width:78px;
height:50px;
}

.table-mut td.label2 {
width:88px;
height:50px;
}

a#taux {
position: relative;
font-size: 14px;
margin-bottom: 14px;
width: 300px;
padding: 10px 40px;
background: #E0E0E0;
border-radius: 8px;
text-align: center;
font-weight: bold;
color: #5C5C5C;
display:block;
transition: background-color 0.5s ease-in-out;
}

a#taux:hover {
background: #EF7B10;
color:white;
}

.ajouter {
margin-left: 0px;
padding: 5px 0px;
font-size: 12px;
width: 195px;
float: none;
text-align: center;
text-transform: uppercase;
}

a.retour-etape {
color: #EF7B10;
text-decoration: underline;
font-size: 18px;
}

a.retour-etape:hover {
color: #EF6910;
}

.fleche-retour {
border-bottom: 8px solid transparent;
border-right: 12px solid #FFFFFF;
border-top: 8px solid transparent;
height: 0;
right: 129px;
position: absolute;
z-index: 995;
width: 0;
top: 10px;
}

#id_produit {
display: inline-block; font-style: italic; color: rgb(170, 170, 170); font-size: initial; width: 280px; position: relative; cursor: auto; outline: none; border-radius: 0px 3px 3px 0px; border-left-style: none;
}


li.choix-app {
list-style-type: none;
cursor: pointer;
padding: 1px;
background: #FFF;
border-bottom: 1px solid #DDD;
/*-webkit-animation: fadeIn 1.5s; */
-webkit-animation: fadeInUp .8s;
-moz-animation:fadeInUp .8s;
line-height: 40px;
}

li.choix-app:hover {
background: #EF7B10;
color: #FFF;
}



li.choix-app img {
width: 50px;
padding-right: 10px;
vertical-align: middle;
}

.selection {
border-radius: 0px 0px 5px 5px;
margin-left: 6px;
overflow-x: auto;
overflow-y: scroll;
height: 268px;
font-size: 16px;
color: #6E6E6E;
background-color: #F5F5F5;
border: 1px solid #DDD;
width: 500px;
border-top: none;
}

#ferme {
text-align: right;
background: #FFF;
margin-left: 5px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
line-height: 15px;
padding-top: 2px;
padding-right: 2px;
}

#ferme  img{
cursor: pointer;
width: 15px;
opacity:0.5;
}

#ferme  img:hover{
opacity:1.0;
}