#f1{
padding-left:10px;
padding-right:10px;

}

#f2 {
/*display:none;*/
padding-left:10px;
padding-right:10px;
}
#f3 {
/*display:none;*/
padding-left:10px;
padding-right:10px;
}

#f1 h2{
font-size:18px;
color:#000000;
text-transform: uppercase;
font-weight:bold;
text-align: left;
}

#f2 h2{
font-size:18px;
color:#000000;
text-transform: uppercase;
font-weight:bold;
}
#f3 h2{
font-size:18px;
color:#000000;
text-transform: uppercase;
font-weight:bold;
}
/******************* FORMULAIRE *****************************/

.PLrSurImg{
float:right;
font-weight:bold;
margin-right:7px;
}

#formulaire1{
  border-radius: 15px;
  width: 1000px !important;
  font-family: Arial,Verdana,sans-serif;
  font-size: 14px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  width: 100%;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  border: solid 1px #efc03e;
}

#formulaire1 .form_row{
  margin-bottom: 8px;
}

#formulaire1 .form_content input{
  width: 250px;
  height: 25px;
}
#formulaire1 .form_row label{
  float: left;
  width: 150px;
  color:#5c5c5c;
  margin-top: 0px;
  margin-right: 2px;
  padding-right: 20px;
  padding-left: 0px;
  background-color: #ffffff;
  font-weight: bold;
  text-align: right;
}
#formulaire1 .btn_submit, #formulaire1 .btn_submit img
{
  width: 180px;
  height: 30px;
  display: block;
  margin-top: 30px;
  margin-left: 170px;
  font-weight: 700;
  color: #5c5c5c;
  background-color: #e20720;
}
#formulaire1 h2{
font-size:14px;
color:#5c5c5c;
}
#formulaire1 .separator{
  display: block;
  width: 450px;
  height: 1px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eeeeee;
}

#formulaire1 .bouton{
  border: solid 1px #efc03e;
  width:90px;
  height: 25px;
  background-color: #d9d9d9;
  text-align:center;
  padding-top:10px;
  color: #5c5c5c;
  margin-left:auto;
  margin-right:auto;
}
#formulaire1 .bouton a{
 text-decoration:none;
 color: #5c5c5c;
}

#formulaire1 label{
  margin-bottom: 8px;
}


/******************* PAGE2 ****************/


.f2H3{
font-size:14px;
color:#5c5c5c;
text-align:center;
}

.f2H2{
font-size:14px;
color:#000000;
margin-top:2px;
margin-bottom:2px;

}


#tablef2{
margin:auto;
margin-top:200px;
border: #efc03e 1px solid ;
height:100px;
width:320px;
background-color:#ffffff;
font-size:12px;
}
#tablef2 td{
text-align:left;
padding-left:10px;
padding-top:6px;
padding-bottom:6px;
padding-right:4px;
}
#tablef2 .quantite{
width:60px;
text-align:center
}
#tablef2 .type{
width:640px;
text-align:left;
padding-left:10px;
}
#tablef2 .produit{
width:80px;
}
#tablef2 .score{
width:395px;
}
#tablef2 .mesure{
width:396px;
}



.tableContainer{
margin:auto;
width:800px;
}

.CCFTable td {
border: #efc03e 1px solid ;
text-align:left;
padding-left:10px;
padding-top:6px;
padding-bottom:6px;
padding-right:4px;
}

.CCFTable th {
border: #efc03e 1px solid ;
height:35px;
color:#5c5c5c;
background-color:#d9d9d9;
}


.CCFTable{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
  font-family: Arial,Verdana,sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
}



.f2quantite{
width:60px;
text-align:center
}
.f2type{
width:640px;
text-align:left;
padding-left:10px;
}
.f2produit{
width:80px;
}
.f2score{
width:395px;
}
.f2mesure{
width:396px;
}

.InputCCF{
width:60px;
padding:6px;

}

#f2 .bouton{
  border: solid 1px #efc03e;
  width:90px;
  height: 25px;
  background-color: #d9d9d9;
  text-align:center;
  padding-top:10px;
  color: #5c5c5c;
margin-left:auto;
margin-right:auto;
}
#f2 .bouton a{
 text-decoration:none;
 color: #5c5c5c;
}





/******************* PAGE3 ****************/





#tabPrint{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
font-family:"Century Gothic", Verdana, sans-serif;
font-size:14px;
margin-top:5px;
margin-bottom:5px;
clear:both;
margin:auto;
}

#tabPrint th{
/*border: #efc03e 1px solid ;*/
height:40px;
/*background-color:#d9d9d9;*/
}

#tabPrint a{
//color:#5c5c5c;
margin:5px;
}



#tableInfo{
border: #efc03e 1px solid ;
width:100%;
}
#tdInfosProj{
vertical-align:top;
width:33%;
padding-left:20px;
}
#tdInfosCon{
vertical-align:top;
width:33%;
padding-left:20px;
}
#tdInfosPL{
vertical-align:top;
width:34%;
padding-left:20px;
}





#MttfdTable td {
border: #efc03e 1px solid ;
}

#MttfdTable th {
border: #efc03e 1px solid ;
height:40px;
color:#5c5c5c;
background-color:#d9d9d9;
}


#MttfdTable{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
font-family:"Century Gothic", Verdana, sans-serif;
font-size:14px;
margin-left:auto;
margin-right:auto;
}

.champstxtqte{
width:30px;
margin:5px;
text-align:right;
}

.champsselectqte{
width:210px;
margin:5px;
}

.champsselectpro{
width:210px;
margin:5px;
}

.champstxtpro{
width:210px;
margin:5px;
}

.champstxtval{
width:50px;
margin:5px;
text-align:right;
}

.aDelRow{
margin:0px;
  cursor: pointer;
}

.quantite{
width:80px;
}
.type{
width:230px;
}
.produit{
width:230px;
}
.mttfd{
width:160px;
}
.dc{
width:80px;
}


#btnActu{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
font-family:"Century Gothic", Verdana, sans-serif;
font-size:14px;
float:left;
margin-top:10px;
margin-left:10px;
}
#btnActu th{
/*border: #efc03e 1px solid ;*/
height:40px;
/*background-color:#d9d9d9;*/
}

#btnActu a{
/*color:#5c5c5c;*/
margin:5px;
}


#AddRow{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
font-family:"Century Gothic", Verdana, sans-serif;
font-size:14px;
float:left;
margin-top:10px;
}

#AddRow th{
/*border: #efc03e 1px solid ;*/
height:40px;
/*background-color:#d9d9d9;*/
}

#AddRow a{

margin:5px;
}

#Recalc{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
font-family:"Century Gothic", Verdana, sans-serif;
font-size:14px;
float:left;
margin-top:10px;

}

#tableContainer{
margin:auto;
width:1000px;
}

#ResultTable{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
text-align:center;
font-family:"Century Gothic", Verdana, sans-serif;
font-size:14px;
float:right;
margin-top:10px;
}

#ResultTable td {
border: #efc03e 1px solid ;
}

#ResultTable th {
border: #efc03e 1px solid ;
height:40px;
color:#5c5c5c;
background-color:#d9d9d9;
width:100px;
}


.divB10d{
position:absolute;
display:none;
border: #efc03e 1px solid ;
height:60px;
width:220px;
background-color:#ffffff;
font-size:12px;
}

.aB10d{
  cursor: pointer;
}

/*
#divB10dMttfd{
position:absolute;
top:0px;
left:0px;
display:none;
height:100%;
width:100%;
background-color:#DDDDDD;
}
*/
#tableB10dMttfd{
margin:auto;
/*border: #efc03e 1px solid ;*/
background-color:#ffffff;
font-size:12px;
}


#DivimgResult{
display:none;
}

#DivtxtResult{
display:none;
text-align:center;
margin-top:15px;
}

.table-result{
  width: 100% !important;
}

.invisibleButPrint{
display:none;

}

.invisibleAndPrint{
display:block;

}


.helpButton{
display:inline;
cursor:pointer;

}


#recapEval {
    display: none;
}

#imgARB{
  float: right;
}

#MttfdTable{
  width: 100%;
}

#MttfdTable tbody tr td:first-child{
  width: 50px;
}
#MttfdTable tbody tr td:nth-child(0n+6){
 display: flex;
  align-items: center;
}

#MttfdTable tbody tr td:first-child a{
  display: flex;
  align-items: center;
  justify-content: center;
}
#MttfdTable tbody tr td:first-child{
  width: 50px;
}

#MttfdTable .champstxtqte{
  width: 100px !important;
}

.addTR{
  display: flex;
  justify-content: center;
  align-items: center;
}

.champstxtval.tMttfd{
  width: 60px !important;
}

label.disabled{
  opacity: 0.3;
}

.c-txt20{
  font-size: 20px;
}

.c-m20{
  margin: 20px;
}

.open{
  display: block;
}