.container_main { background-color: #2E2E2E; } .tableau { width:100%; background-color: white; table-layout: fixed; border-collapse: collapse; /* border-spacing: 1px; // pour contrer les style de base */ } /* EntĂȘte */ .tableau th { border-spacing: 0; border-collapse: collapse; padding: 0rem; text-align: center; border-left: lightgray 1px solid; background-color:#999690; color:#fff; } .tableau .colonne_image { padding: 0; !important; } .tableau td { border-bottom: solid 1px black; border-left: lightgray 1px solid; padding-left: 0.7rem; } .align_droite { text-align: right; padding-right: 2rem; } .breadcrumb { font-size: 1rem; } .toggle_radio { position: relative; background: rgba(0,0,0,.1); margin: -3px auto 4px 10px; overflow: hidden; padding: 0 !important; border-radius: 50px; height: 28px; width: 215px; } .toggle_radio > * { float: left; } .toggle_radio input[type=radio]{ display: none; } .toggle_radio label{ color: rgba(0,0,0,.9); z-index: 0; display: block; width: 100px; height: 20px; margin: 3px 3px; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; } .toggle_option_slider{ width: 100px; height: 20px; position: absolute; top: 4px; border-radius: 50px; transition: all .4s ease; } #first_toggle:checked ~ .toggle_option_slider{ background: rgba(0,0,0,.3); left: 3px; } #second_toggle:checked ~ .toggle_option_slider{ background: rgba(0,0,0,.3); left: 109px; }