/* CRÉER UN IMAGE QUI S'ADAPTE EN TAILLE SUR UN TEMPLATE RESPONSIVE
max-widht: = taille de l'image à 100% (ou au maximum de son affichage possible)

<div class="rt-center largemarginbottom largepaddingtop ">
<img style="width: 100%; height: auto; max-width: 909px; max-height: 370px;" 
src="images/stories/demo/general/template-features/template-features-big.png" 
alt="Clarion" width="100%" height="auto" />
</div>
*/

/* exemple pour un trait de séparation fin
<div class="hr"><hr /></div>
*/
.logo-type-paradigm #rt-logo {
    height: 56px;
    width: 165px;
}

#rt-logo {
    display: block;
    margin: 10px 25px 8px 25px;
}


.fp-roksprocket-showcase .layout-showcase .readon, .fp-roksprocket-showcase .layout-showcase .readon2 {
 /*   display: inline-block;
    font-size: 18px;
    margin: 0 15px; */
    width: 195px;
}
.readon2 {
/*    background-color: rgba(0, 0, 0, 0) !important;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    color: #FFFFFF !important;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;*/
	padding: 15px 15px;
}
.fp-roksprocket-showcase .layout-showcase .readon3 {
    display: inline-block;
    font-size: 18px;
    margin: 0 15px;
    width: 145px;
}
.readon3 {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 4px;
    color: #FFFFFF !important;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
	padding: 15px 15px;
	
}

#rt-header-surround .rt-overlay {
    background-color: rgba(12, 12, 12, 0.1);
    background-image: linear-gradient(to right, rgba(12, 12, 12, 0.1), rgba(12, 12, 12, 0.1));
    background-repeat: repeat-x;
}