Dans ce court moment qui débute avec le XXe siècle et qui se termine avec la première guerre mondiale, les Français ont vécu l'un des plus grands bouleversements culturel et technique de leur histoire.
');background-repeat: no-repeat;}.comm_star_note_2 {color: #fff;background-image:url('data:image/svg+xml;charset=UTF-8,');background-repeat: no-repeat;}.comm_star_note_3 {color: #000;background-image:url('data:image/svg+xml;charset=UTF-8,');background-repeat: no-repeat;}.comm_star_note_4 {color: #fff;background-image:url('data:image/svg+xml;charset=UTF-8,');background-repeat: no-repeat;}.comm_star_note_5 {color: #fff;background-image:url('data:image/svg+xml;charset=UTF-8,');background-repeat: no-repeat;}.article_bleu {color: #00679E;}.tvp_chapitre {border-left: 5px solid #75a0b2;padding-left: 5px;}.card_title:hover {text-decoration: underline;text-decoration-color: #75a0b2;}@media (width >= 576px) {.micro-card .img-micro-card {opacity: 0.75;transition: opacity 0.2s;}.micro-card:hover .img-micro-card {opacity: 1;}}.menu_ou_regarder { position: -webkit-sticky; position: sticky; top: -9px;z-index:1002;}.navbar-brand-tvp {background-image: linear-gradient(to right,#75a0b2,#ffffff 25%,#ea3323 50%,#ffffff 50%);background-size: 200% 100%;background-position: -100%;display: inline-block;position: relative;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: all 0.5s ease-in-out;}.navbar-brand-tvp:before {}.navbar-brand-tvp:hover { background-position: 0;}.navbar-brand-tvp:hover::before {width:100%;}.note_tvp {display: flex;flex-direction: row-reverse;justify-content: left;}.note_tvp input {display: none;}.note_tvp label {cursor: pointer;color: lightgray;}.note_tvp label:hover,.note_tvp label:hover ~ label {color: #6c8da0;}.note_tvp input:checked ~ label {color: #6c8da0;}/* ************************************************************************* *//* BACK TO TOP */#back-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; color: #444; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0;}#back-to-top:hover { background: #e9ebec;}#back-to-top.show { opacity: 1;}.sd-cmp-3jRLA {display:none;visibility:hidden;}.offcanvas { transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; contain: content;}.offcanvas.show { transform: translateX(0);}@media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; }}.lead2 {font-size: 1.1rem;}body {font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;margin-top: 90px;min-width: 360px;font-size: 1rem;color: #1f1f1f;}.container {max-width:1140px;}a {color: #2c3450;text-decoration: none ;}a:hover {color: #33607d;text-decoration: none;}.sticky-offset {position:sticky;top:5px;}a.anchorscroll { position: relative; top: -45px; display: block; visibility: hidden;}@media (width <= 400px) { .navbar1bis { font-size:0.6rem;padding-top:12px; } }@media (400px <= width <= 500px) { .navbar1bis { font-size:0.7rem;padding-top:10px; } }@media (500px <= width <= 800px) { .navbar1bis { font-size:0.85rem;padding-top:6px; } }@media (width >= 800px) { .navbar1bis { font-size:1rem;padding-top:2px; } }.navbar1bis .actived {background-color:#7e9fb0;color:#000;}.navbar1bis a {color:#7e9fb0;}.navbar1bis a:hover {color:#DDDDDD;}.logoChaine {aspect-ratio: 1/1;object-fit: contain;object-position: 50% 50%;}.blur_svg_light { filter: drop-shadow(0px 0px 2px rgb(255 255 255 / 0.5));}.blur_svg_dark { filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 0.5));}.tvp-list-item:hover {background-color: #dddddd;}/* SIDEBAR */.sidebar a {display: block;padding: 3px 10px;margin: 0px;color: #FFFFFF;}.sidebar a:hover {color: #68A2B4;background: #393A3F;}.sidebar a[aria-expanded="true"] {background: #393A3F;}/* GRILLE */.grille-item {position:relative;overflow:hidden;float:left;}.grille-item:hover {background:#D3D5D7;}.popover-header {padding-bottom:0;}.popover-body {padding-top:5px;}/* NAVBAR */.navbar {}.navbar .navbar-nav .nav-link {color:#fff;}/* ADs */.skyscraper { display:block; }@media (max-width: 800px) { .skyscraper { display: none; } }/*@media (min-width:800px) { .skyscraper { max-height:600px; width: 300px; } }*/
Dans ce court moment qui débute avec le XXe siècle et qui se termine avec la première guerre mondiale, les Français ont vécu l'un des plus grands bouleversements culturel et technique de leur histoire.