/* TOUS DROITS RESERVES - www.com3pom.com */ @font-face {font-family:calibri; src:url(ressources/font_calibri.woff) format("woff"), url(ressources/font_calibri.ttf) format("truetype"); } @font-face {font-family:calibri;font-weight:bold; src:url(ressources/font_calibri_bold.woff) format("woff"), url(ressources/font_calibri_bold.ttf) format("truetype"); } @font-face {font-family:chalk1; src:url(ressources/font_chalk1.woff) format("woff"), url(ressources/font_chalk1.ttf) format("truetype"); } @font-face {font-family:chalk2; src:url(ressources/font_chalk2.woff) format("woff"), url(ressources/font_chalk2.ttf) format("truetype"); } * {margin:0;padding:0; outline:none;border:none; transform-style:inherit; } html {font-family:calibri;width:100%;height:100%; scroll-behavior:smooth; } body {text-align:center;padding:0;overflow-x:none;overflow-y:scroll; } a {text-decoration:none;color:blue;cursor:pointer; } img {vertical-align:middle; } h1 {font-family:chalk1;font-size:300%;text-align:center;font-weight:normal; } h2 {font-family:chalk1;font-size:300%;text-align:center;font-weight:normal; } h3 {font-family:chalk2;font-size:140%;line-height:1.6;text-align:center;font-weight:normal; } h4 {font-family:chalk2;font-size:100%;line-height:1.6;text-align:center;font-weight:normal; } @media only screen and (max-width:799px) { body {font-size:18px; } h1 {font-size:50px; } h2 {font-size:36px; } h3 {font-size:18px; } h4 {font-size:18px; } .max_one {width:100%; } .max_lef {margin:0 20px; } .max_rig {margin:0 20px; } .min_one {width:400px;margin:0 auto; } .min_lef {margin:0; } .min_rig {margin:0; } } @media only screen and (min-width:800px) { body {font-size:19px; } h1 {font-size:64px; } h2 {font-size:60px; } h3 {font-size:30px; } h4 {font-size:20px; } .max_one { max-width:1200px;margin:0 auto; } .max_lef {float:left;width:calc(50% - 30px);margin-left:20px; } .max_rig {float:right;width:calc(50% - 30px);margin-right:20px; } .min_one {width:800px;margin:0 auto; } .min_lef {float:left;width:400px;text-align:left; } .min_rig {float:right;width:400px;text-align:left; } } .men_all {width:100%;text-align:center;position:fixed;background:white;border-bottom:3px solid silver;z-index:5; } .men_lef {float:left; } .men_non {display:inline-block;padding:10px;color:black;letter-spacing:1px;margin-bottom:-3px; } .men_non:hover {animation:non 2s ease-out 0s 1; } @keyframes non { 0% {background:whitesmoke; } 80% {background:whitesmoke; } 100% {background:white; } } .men_oui {display:inline-block;padding:10px;color:black;letter-spacing:1px;background:whitesmoke;margin-bottom:-3px;border-bottom:3px solid blue; } .men_rig {float:right; } .men_rig a {display:inline-block;padding:10px;color:blue;letter-spacing:1px;margin-bottom:-3px; } .men_rig a:hover{animation:non 3s ease-out 0s 1s; } .men_lin {height:50px; } .met_all {width:100%;text-align:center;background:#eaeaeb url(ressources/image_piece.jpg) bottom repeat-x; } .met_txt {padding-top:250px; } .met_all .min_one .min_lef {padding-top:300px; } .met_slo {position:absolute;opacity:0;width:400px;text-align:center; } .met_sl1 {animation:slo 12s ease-in-out infinite 0s; } .met_sl2 {animation:slo 12s ease-in-out infinite 3s; } .met_sl3 {animation:slo 12s ease-in-out infinite 6s; } .met_sl4 {animation:slo 12s ease-in-out infinite 9s; } .met_img {margin-top:100px;width:400px;height:600px;animation:enf 1s ease-out 0s; } @keyframes slo { 0% {opacity:0; } 7% {opacity:1; } 14% {opacity:1; } 20% {opacity:0; } } @keyframes enf { from {opacity:0;margin-left:300px; } to {opacity:1;margin-left:0; } } .que_img {width:800px; max-width:100%;margin:50px 0; } .que_all {width:100%;text-align:center;color:white;padding:30px 0;background:whitesmoke;border-top:1px solid gainsboro;border-bottom:1px solid gainsboro; } .que_all h3 {color:OliveDrab; } .car_img {width:800px; max-width:100%;margin:20px 0; } .bon_all {width:100%;text-align:center;margin-top:50px; overflow:hidden; } .bon_pos {position:relative; width:100%;height:400px; transform-style:preserve-3d; perspective:4000px; transform-origin:center; } .bon_img {position:absolute;margin-left:-230px;width:400px;height:400px;z-index:2; } .bon_rot_all {position:absolute;margin-left:50%;top:140px;animation:rot_all 20s infinite linear; } .bon_rot_one {position:absolute;height:200px;transform:rotateX(20deg); } .bon_cad {position:absolute;margin-left:-150px;width:300px;animation:rot_one 20s infinite linear; } @keyframes rot_all { 0% {transform:rotateX(-20deg) rotateY(0deg); } 100% {transform:rotateX(-20deg) rotateY(-360deg); } } @keyframes rot_one { 0% {z-index:1;transform:rotateY(0deg); } 49% {z-index:1; } 50% {z-index:3; } 100% {z-index:3;transform:rotateY(360deg); } } .bon_bleu {z-index:1;transform:translate3d( 250px, 0, 0px); } .bon_vert {z-index:1;transform:translate3d( 0px, 0, -250px); } .bon_rouge {z-index:1;transform:translate3d(-250px, 0, 0px); } .bon_jaune {z-index:1;transform:translate3d( 0px, 0, 250px); } .ico {margin:10px; } .ico_vert {border:1px solid DarkSeaGreen;background:HoneyDew; } .ico_rouge {border:1px solid Pink;background:LavenderBlush; } .ico_bleu {border:1px solid LightBlue;background:AliceBlue; } .ico_jaune {border:1px solid Gold;background:Ivory; } .slo_all {width:100%;text-align:center;color:white;padding:30px 0;background:OliveDrab; } .slo_all h3 {color:white; } .exe_cad {padding:20px;margin:20px 0;text-align:justify;border:1px solid silver;background:#FBFBFB; } .exe_img {width:100%;margin-bottom:20px; } .equ_img {width:1000px; max-width:100%;margin:20px 0; } .equ_cad {padding:20px;margin:20px 0;text-align:justify;border:1px solid silver;background:#FBFBFB; } .mic_img {width:600px; max-width:100%;margin:20px 0; } .mic_cad {border-radius:20px;margin:20px 0;padding:20px;text-align:justify; } .min_one .min_lef .mic_cad {margin-right:10px; } .min_one .min_rig .mic_cad {margin-left:10px; } .con_all {padding:100px 0;background:#ebebed;border-top:1px solid silver; } .con_lef {float:left;text-align:left;width:400px;height:400px;background:url(ressources/image_france.png) center right no-repeat; } .con_cib {animation:cib 3s infinite linear; } .con_rig {float:right;width:400px;padding-top:30px; } .con_rig a {display:inline-block;margin:10px;padding:10px 20px;color:blue;background:white;border:1px solid silver; } .con_rig a:hover{border:1px solid blue; } @keyframes cib { 0% {width:100px;height:100px;margin-left:240px;margin-top:180px; } 5% {width:60px;height:60px;margin-left:260px;margin-top:200px; } 10% {width:100px;height:100px;margin-left:240px;margin-top:180px; } 100% {width:100px;height:100px;margin-left:240px;margin-top:180px; } } @media only screen and (max-width:799px) { .men_lef {float:none;font-size:14px; } .men_rig {display:none; } .met_all .min_one .min_lef {padding:100px 0; } .met_img {margin-top:0; } .que_img {margin:50px 0; } .bon_all {margin-top:50px; } .min_one .min_lef .mic_cad {margin-right:0; } .min_one .min_rig .mic_cad {margin-left:0; } .con_all {padding:50px 0; } } .bbc_red {color:#5b791e; } .bbc_cen {text-align:center; } .bbc_doc {padding:2px 10px;border:1px solid silver; } .bbc_doc:hover {background:gainsboro; } .bbc_url {padding:2px 10px;border:1px solid silver; } .bbc_url:hover {background:gainsboro; }