.tuto {
  color: #71a416;
  box-shadow: inset 0 0 0 1px rgb(113, 164, 22);
  border-radius: 3px;
  font-size: medium;
  padding: 20px 20px 20px 70px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%234e8f00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E");
  background-position: 10px center;
  background-size: 50px;
}

.podcast {
  color: #71a416;
  box-shadow: inset 0 0 0 1px rgb(113, 164, 22);
  border-radius: 3px;
  font-size: medium;
  padding: 20px 20px 20px 70px;
  background-repeat: no-repeat;
  background-image: url(podcast.svg);
  background-position: 10px center;
  background-size: 50px;
}
/*
.podcast {background:url(podcast.svg) no-repeat left center;background-size:75px;color:#71a416;box-shadow:inset 0 0 0 1px rgba(132, 193, 24, 0.2), inset 4px 0 0 #ff9926;padding:10px;margin-bottom:20px;border-radius:3px;padding-left:80px;}
*/
.attention {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23cc0000' d='m13.299 3.148l8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0M12 4.898L4.232 18.352h15.536zM12 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1' stroke-width='0.5' stroke='%23cc0000'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 10px center;
    color: #c00;
    box-shadow: inset 0 0 0 1px rgb(204, 0, 0);
    border-radius: 3px;
    font-size: medium;
    padding: 20px 20px 20px 70px;
}
.calltoaction {
  color: #71a416;
  box-shadow: inset 0 0 0 1px rgb(113, 164, 22);
  border-radius: 3px;
  font-size: medium;
  padding: 20px 20px 20px 70px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%237ead68' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%237ead68' fill-opacity='0' stroke-dasharray='64' stroke-dashoffset='64' d='M8 3C8.5 3 10.5 7.5 10.5 8C10.5 9 9 10 8.5 11C8 12 9 13 10 14C10.3943 14.3943 12 16 13 15.5C14 15 15 13.5 16 13.5C16.5 13.5 21 15.5 21 16C21 18 19.5 19.5 18 20C16.5 20.5 15.5 20.5 13.5 20C11.5 19.5 10 19 7.5 16.5C5 14 4.5 12.5 4 10.5C3.5 8.5 3.5 7.5 4 6C4.5 4.5 6 3 8 3Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='64;0'/%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.6s' dur='0.15s' values='0;0.3'/%3E%3CanimateTransform attributeName='transform' begin='0.6s;lineMdPhoneCallTwotoneLoop0.begin+2.6s' dur='0.5s' type='rotate' values='0 12 12;15 12 12;0 12 12;-12 12 12;0 12 12;12 12 12;0 12 12;-15 12 12;0 12 12'/%3E%3C/path%3E%3Cpath stroke-dasharray='4' stroke-dashoffset='4' d='M14 7.04404C14.6608 7.34734 15.2571 7.76718 15.7624 8.27723M16.956 10C16.6606 9.35636 16.2546 8.77401 15.7624 8.27723' opacity='0'%3E%3Cset id='lineMdPhoneCallTwotoneLoop0' attributeName='opacity' begin='0.7s;lineMdPhoneCallTwotoneLoop0.begin+2.7s' to='1'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s;lineMdPhoneCallTwotoneLoop0.begin+2.7s' dur='0.2s' values='4;8'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1.3s;lineMdPhoneCallTwotoneLoop0.begin+3.3s' dur='0.3s' values='0;4'/%3E%3Cset attributeName='opacity' begin='1.6s;lineMdPhoneCallTwotoneLoop0.begin+3.6s' to='0'/%3E%3C/path%3E%3Cpath stroke-dasharray='10' stroke-dashoffset='10' d='M20.748 9C20.3874 7.59926 19.6571 6.347 18.6672 5.3535M15 3.25203C16.4105 3.61507 17.6704 4.3531 18.6672 5.3535' opacity='0'%3E%3Cset attributeName='opacity' begin='1s;lineMdPhoneCallTwotoneLoop0.begin+3s' to='1'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1s;lineMdPhoneCallTwotoneLoop0.begin+3s' dur='0.2s' values='10;20'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1.5s;lineMdPhoneCallTwotoneLoop0.begin+3.5s' dur='0.3s' values='0;10'/%3E%3Cset attributeName='opacity' begin='1.8s;lineMdPhoneCallTwotoneLoop0.begin+3.8s' to='0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: 10px center;
  background-size: 50px;
}
.success{background:url(success-agerix-blog.png) no-repeat left center;background-size:75px;color:#84c118;box-shadow:inset 0 0 0 1px rgba(132, 193, 24, 0.2), inset 4px 0 0 #84c118;padding:10px;margin-bottom:20px;border-radius:3px;padding-left:80px;}

.warning{background:rgba(255, 153, 38, 0.02);color:#ff9926;box-shadow:inset 0 0 0 1px rgba(255, 153, 38, 0.2), inset 4px 0 0 #ff9926;padding:10px;margin-bottom:20px;border-radius:3px;padding-left:20px;}

.danger{background:rgba(218, 49, 75, 0.02);color:#da314b;box-shadow:inset 0 0 0 1px rgba(218, 49, 75, 0.2), inset 4px 0 0 #da314b;padding:10px;margin-bottom:20px;border-radius:3px;padding-left:20px;}

.notes{background:url(notes-agerix-blog.png) no-repeat left center;background-size:75px;color:#ff9926;box-shadow:inset 0 0 0 1px rgba(132, 193, 24, 0.2), inset 4px 0 0 #ff9926;padding:10px;margin-bottom:20px;border-radius:3px;padding-left:80px;}

.blockquote{padding: 0 40px; font-style: italic; margin-bottom: -15px;}/* Using the :before pseudo-element to add the SVG content */
.blockquote:before{display: inline-flex; content: ''; /* Using the background-image and its related properties to add the SVG content */ background-image: url('agerix-quotes-before.svg'); background-size: 20px 20px; height: 20px; width: 20px;margin-right:5px;}/* Using the :after pseudo-element to add the SVG content */
.blockquote:after{display: inline-flex; content: ''; /* Using the background-image and its related properties to add the SVG content */ background-image: url('agerix-quotes-after.svg'); background-size: 20px 20px; height: 20px; width: 20px;margin-left:5px;}
.auteur-citation{padding: 0 40px; font-style: italic; font-size:14px;}/*.blockquote:before{font-family:FontAwesome;content:"\f10d";font-size:15px;display:inline-block;padding-right:15px;vertical-align:middle;}.blockquote:after{font-family:FontAwesome;content:"\f10e";font-size:15px;display:inline-block;padding-left:15px;vertical-align:middle;}*/

.source{background: url(fichier1.svg) no-repeat left center; background-size: auto; background-size: 75px; color: #71a416; box-shadow: inset 0 0 0 1px rgb(113, 164, 22); padding: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 3px; padding-left: 80px; font-size: medium;}/*.source{background:url(source.svg) no-repeat left center;background-size:75px;color:#71a416;box-shadow:inset 0 0 0 1px rgba(132, 193, 24, 0.2), inset 4px 0 0 #84c118;padding:10px;border-radius:3px;padding-left:80px;}*/


.update{background: url(update.svg) no-repeat left center; background-size: 75px; background-size: 60px; box-shadow: inset 0 0 0 1px rgb(113, 164, 22), inset 4px 0 0 rgb(113, 164, 22); padding: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 3px; padding-left: 80px; font-size: medium;}
.update-info {
  border-left: 4px solid #71a416;
  padding: 0.75em 1em;
  margin-top: 2em;
  background-color: #f9f9f9;
  font-style: italic;
  color: #333;
  font-size: 0.95em;
}