.toolbox {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff0f0f0', GradientType=0);
    border: 1px solid #e6e5e5;
    margin-bottom: 10px;
    padding: 7px;
    display: inline-block;
    margin-bottom: 0;
}
.toolbox img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    float: left;
}
.toolbox .tooldescription {
    margin: 10px 0px 0px 15px;
    width: 50%;
    float: left;
}
.toolbox .tooldescription h2{
  margin-top: 0px !important;
}
.stage-wrapper {
    margin-top: 0px;
    min-height: auto;
    position: relative;
    display: table;
    border-spacing: 16px;
    margin-left: -16px;
    width: 970px;
}
.stage-wrapper .stage {
    display: table-cell;
    width: 20%;
    background-color: #f9f7f7;
    background-image: -moz-linear-gradient(top, #fefcfc, #f1efef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefcfc), to(#f1efef));
    background-image: -webkit-linear-gradient(top, #fefcfc, #f1efef);
    background-image: -o-linear-gradient(top, #fefcfc, #f1efef);
    background-image: linear-gradient(to bottom, #fefcfc, #f1efef);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefcfc', endColorstr='#fff1efef', GradientType=0);
    border: 1px solid #e6e5e5;
    font-size: 1em;
    line-height: 1.2307em;
    height: 100%;
    padding: 20px 10px 10px 10px;
    position: relative;
    z-index: 1;
    margin-right: 16px;
}
.stage-wrapper .stage-pdf {
    display: table-cell;
    width: 280px;
    float: left;
    background-color: #f9f7f7;
    background-image: -moz-linear-gradient(top, #fefcfc, #f1efef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefcfc), to(#f1efef));
    background-image: -webkit-linear-gradient(top, #fefcfc, #f1efef);
    background-image: -o-linear-gradient(top, #fefcfc, #f1efef);
    background-image: linear-gradient(to bottom, #fefcfc, #f1efef);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefcfc', endColorstr='#fff1efef', GradientType=0);
    border: 1px solid #e6e5e5;
    font-size: 1em;
    line-height: 1.2307em;
    height: 100%;
    padding: 10px;
    position: relative;
    z-index: 1;
    margin: 5px;
}
.stage-wrapper .stage-pdf .icone{
  float: left;
  margin: 10px 5px;
}
.stage-wrapper .stage-pdf h3{
  margin-top: 1em !important;
}


.stage-wrapper .stage .icone{
  margin-bottom: 20px;
  text-align: center;
}

.stage-wrapper a{
    text-decoration: none;
}
.stage-wrapper a p{
    color: #333 !important;
}
.stage-wrapper a:hover{
    color: #000 !important ;
    text-decoration: underline !important;
}

.stage-wrapper .stage h3,
.stage-wrapper .stage p{
    text-align: center;

}
.section-abc h2{
    margin-top: 0px !important;
    font-size: 2.4em !important;
    font-weight: bold !important;
    line-height: 1.3em;
    letter-spacing: -0.4px;
    color: #00884e !important;
}
.section-abc .stage-descp {
    display: table-cell;
    width: 50%;
    background-color: #f9f7f7;
    background-image: -moz-linear-gradient(top, #fefcfc, #f1efef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefcfc), to(#f1efef));
    background-image: -webkit-linear-gradient(top, #fefcfc, #f1efef);
    background-image: -o-linear-gradient(top, #fefcfc, #f1efef);
    background-image: linear-gradient(to bottom, #fefcfc, #f1efef);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefcfc', endColorstr='#fff1efef', GradientType=0);
    line-height: 1.2307em;
    height: auto;
    padding: 20px 10px 10px 10px;
}
.section-abc .stage-descp .icone-lf{
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.section-abc .stage-descp h3{
  margin-top: 0em !important;
}

.table.tableau-donnees.cybersecurite thead tr{
    background-color: #fff;
}
.table.tableau-donnees.cybersecurite thead th{
    border: 1px solid #cccbcb;
}
.table.tableau-donnees.cybersecurite .cell-image{
    text-align: left;
    width: 20%;
}

.table.tableau-donnees.cybersecurite tbody td{
    padding:10px;
}


/************ Mobile *************/

@media screen and (max-width: 768px) {

  .toolbox .tooldescription{
    width: 100%;
    margin: 10px 0px 0px 0px;
  }
  .stage-wrapper{
    width: 100%;
    border-spacing: 13px;
    margin-left: -10px;
  }
  .stage-wrapper .stage{
    float: left;
    width: 100%;
    margin-top: 10px;
  }
.section-abc .stage-descp {
    width: 95%;
    float: left;
  }
.stage-wrapper .stage-pdf{
  width: 97%;
}

}