clean

assets/css/main.css

@@ -1,5 +1,3 @@
-/* MOBILE FIRST */
-
 * {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -49,12 +47,6 @@ h3{
 	font-size: 1em;
 }
 
-/*h2 + h3{
-	margin-top: 0.5em;
-	opacity: 0.8;
-	font-weight: normal;
-}*/
-
 h5, h6{
 	font-size: var(--textSize);
 	margin-top: 1mm;
@@ -133,198 +125,9 @@ figure[data-crop="false"] img {
   object-fit: contain;
 }
 
-.pagedjs_page_content table{ 
-	column-width: auto!important; 
-}
-
-.print-image{
-	position: relative;
-}
-
-.print-image div{
-	position: absolute;
-	top: 0;
-	left: 0;
-	mix-blend-mode: multiply;
-	vertical-align: top;
-}
-
-.print-image figcaption{
-	position: absolute;
-	bottom: 0;
-}
-
-.print-image .print-red{
-	position: relative;
-	background: var(--rouge);
-}
-
-.print-image .print-green{
-	background: var(--vert);
-}
-
-.print-image .print-blue{
-	background: var(--bleu);
-}
-
-.print-image > div > img{
-	mix-blend-mode: screen;
-  -webkit-filter: grayscale(100%) contrast(200%);
-  filter: grayscale(100%) contrast(200%);
-  opacity: 1;
-}
-
-body[data-template="print"] .print-image {
-	display: block;
-}
-
-body[data-template="print"] .web-image {
-	display: none;
-}
-
-table {
-  border-collapse: collapse;
-  width: 100%;
-  border: 1px solid grey;
-  font-size: 12px;
-  table-layout: fixed;
-  margin-top: 2em;
-}
-
-th {
-  color: var(--green);
-  font-weight: bold;
-  text-align: left;
-  border-bottom: 1px solid grey;
-}
-
-th, td {
-  padding: 12px 8px;
-  padding-bottom: 12px !important;
-  border-right: 1px solid lightgrey;
-}
-
-tr{
-	border-bottom: 1px solid lightgrey;
-}
-
-tr:last-child{
-	border: none;
-}
-
-tr > th:first-child, 
-tr > th:nth-child(2){
-	width:20%;
-}
-
-tr > td:first-child, 
-tr > td:nth-child(2){
-	width:20%;
-}
-
-td:last-child{
-	display: none;
-}
-
-
-/* Gestion des couches */
-body.isolate-red-layer .green-layer,
-body.isolate-red-layer .blue-layer,
-body.isolate-red-layer .black-layer { display: none; }
-
-body.isolate-green-layer .red-layer,
-body.isolate-green-layer .blue-layer,
-body.isolate-green-layer .black-layer { display: none; }
-
-body.isolate-blue-layer .red-layer,
-body.isolate-blue-layer .green-layer,
-body.isolate-blue-layer .black-layer { display: none; }
-
-body.isolate-black-layer .red-layer,
-body.isolate-black-layer .green-layer,
-body.isolate-black-layer .blue-layer { display: none; }
-
-/* Noir et blanc */
-body.mode-black .print-image > div {
-	background: transparent;
-}
-
-/* fade entre les pages */
-#fade{
-  opacity: 0;
-  transition: opacity 1s ease-out;
-}
-
-#fade.loaded{
-  opacity: 1;
-}
-
-.glightbox-clean .gslide-title{
-	font-family: var(--fontFamily);
-	font-weight: 600;
-	line-height: 1.2;
-}
-
-.show-for-small-only{
-	display: block;
-}
-
-.hide-for-small-only{
-	display: none;
-}
-
-/* ---- H E A D E R -----*/
-header{
-	position: fixed;
-	width: 100%;
-	top:0;
-	left:0;
-	right: 0;
-	padding: 15px;
-	z-index: 1000;
-	background: #FFF;
-}
-
-header.row{
-	margin:0;
-}
-
-header .mobile__menu_btn {
-  display: block;
-  position: absolute;
-  right: 15px;
-  top: 15px;
-  cursor: pointer;
-  height: 24px;
-  width: 24px; 
-}
-
-header .mobile__menu_btn span {
-  display: block;
-  background: #000;
-  height: 2px;
-  width: 26px;
-  position: absolute;
-  transition: all 0.5s ease;
-}
-
-header .mobile__menu_btn span:nth-child(1) { top: 0px; }
-header .mobile__menu_btn span:nth-child(2) { top: 8px; }
-header .mobile__menu_btn span:nth-child(3) { top: 16px; }
-header .mobile__menu_btn .transparent { opacity: 0; }
-
-header .mobile__menu_btn .rotate-top {
-  -ms-transform: rotate(45deg);
-  transform: rotatez(45deg);
-  -webkit-transform-origin: 0%;
-  left: 2px; 
-}
-
-header .mobile__menu_btn .rotate-bottom {
-  -ms-transform: rotate(-45deg);
-  transform: rotatez(-45deg);
-  -webkit-transform-origin: 15%; 
-}
+/* Classes pour le responsive  */
+.show-for-small-only{ display: block;}
+.hide-for-small-only{ display: none;}