@media (max-width:163px) {
    html{
        zoom: 0.3; 
        -moz-transform: scale(0.3); 
        -moz-transform-origin: 0 0;
    }
}
@media only screen and (max-width: 589px) and (min-width: 501px){
    html{
        zoom: 0.7; 
        -moz-transform: scale(0.7); 
        -moz-transform-origin: 0 0;
    }
}
@media only screen and (max-width: 785px) and (min-width: 589px){
    html{
        zoom: 0.9; 
        -moz-transform: scale(0.8); 
        -moz-transform-origin: 0 0;
    }
    .NewsTitle h4{
    font-size: 16px;
    }
    .NewsParagraph p{
        font-size: 14px;
    }
    .LeftCommentText p{
        font-size: 11px;
    }
    .LeftCommentName h4{
        font-size: 10px;
    }
    .RightCommentText p{
        font-size: 10px;
    }
    .RightCommentName h4{
        font-size: 10px;
    }
}
@media (min-width:786px) {
    html{
        zoom: 0; 
        -moz-transform: scale(0); 
        -moz-transform-origin: 0 0;
    }
}
@media (min-width:1500px) {
    html{
        zoom: 2; 
        -moz-transform: scale(2); 
        -moz-transform-origin: 0 0;
    }
}
@media (min-width:2000px) {
    html{
        zoom: 4; 
        -moz-transform: scale(2); 
        -moz-transform-origin: 0 0;
    }
}

body {
  overflow-x: hidden;
}

.EntrepriseNewsRow{
    width: 788px;
    height: 1135px;
    border: none;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 10px;
}
.EntrepriseNewsBox{
    /* border: 1px solid #F1E8DB; */
    border: 1px solid black;
    overflow-x: hidden;
}

/* Positionning */

.EntrepriseNewsWComm{
    width: 100%;
    height: 448px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: left;
    overflow: auto;
}
.EntrepriseNewsWoutComm{
    width: 100%;
    height: 292px;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 5px;
    text-align: left;
    overflow: auto;
}
.News{
    height: 250px;
    width: 768px;

}
.LeftNewsImage{
    position: absolute;
    width: 330px;
    height: 250px;
    z-index: 10;

}
.LeftNewsText{
    position: absolute;
    width: 438px;
    height: 250px;
    margin-left: 338px;
    padding-right: 10px;
    padding-left: 10px;
}
.RightNewsImage{
    position: absolute;
    width: 330px;
    height: 250px;
    margin-left: 438px;
    z-index: 10;

}
.RightNewsText{
    position: absolute;
    width: 438px;
    height: 250px;
    padding-right: 10px;
    padding-left: 10px;
}

.Comment{
    height: 156px;
    width: 768px;
    
}
.LeftCommentLogo{
    position: absolute;
    width: 100px;
    height: 156px;

}
.LeftCommentText{
    position: absolute;
    width: 538px;
    height: 121px;
    margin-left: 108px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 25px;
    font-family: 'MyriadPro-It';

}
.LeftCommentPhoto{
    position: absolute;
    width: 120px;
    height: 120px;
    margin-left: 648px;

}
.LeftCommentName{
    width: 120px;
    height: 36px;
    font-family: 'MyriadPro-It';
}
.RightCommentText{
    position: absolute;
    width: 528px;
    height: 121px;
    margin-left: 128px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 25px;
    font-family: 'MyriadPro-It';

}
.RightCommentPhoto{
    position: absolute;
    width: 120px;
    height: 120px;

}
.RightCommentName{
    width: 120px;
    height: 36px;
    font-family: 'MyriadPro-It';
}
.RightCommentLogo{
    position: absolute;
    width: 100px;
    height: 156px;
    margin-left: 668px;

}

.rowLine{
    position: absolute;
    background-color: #CCC;
    width: 768px;
    height: 2px;
    margin-top: 20px;

}

/* Text */
.NewsTitle h4{
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}
.NewsParagraph p{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.LeftCommentText p{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.LeftCommentName h4{
    font-size: 12px;
    padding-top: 5px;
    margin: 0px;
}
.RightCommentText p{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.RightCommentName h4{
    font-size: 12px;
    padding-top: 5px;
    margin: 0px;
}

/* Image */

.ImageNews{
    width: 330px;
    height: 250px;
    transition: transform 1s; /* Animation */
}
.ImageNews:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.ImageLogoComment{
    width: 100px;
    height: 156px;
}
.ImagePhotoComment{
    width: 120px;
    height: 120px;
}

@media only screen and (max-width: 785px) and (min-width: 589px){
    html{
        zoom: 0.9; 
        -moz-transform: scale(0.8); 
        -moz-transform-origin: 0 0;
    }
    .NewsTitle h4{
    font-size: 16px;
    }
    .NewsParagraph p{
        font-size: 14px;
    }
    .LeftCommentText p{
        font-size: 11px;
    }
    .LeftCommentName h4{
        font-size: 10px;
    }
    .RightCommentText p{
        font-size: 10px;
    }
    .RightCommentName h4{
        font-size: 10px;
    }
}