/* 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;border-bottom:3px solid silver; } .men_non:hover {margin-bottom:-3px;background:whitesmoke;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{background:whitesmoke;border-bottom:3px solid blue; } .men_lin {height:50px; } .met_all {width:100%;text-align:center;background:#e6e6e6; } .met_img {width:500px; max-width:80%;padding:120px 0 80px 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:#155EAA; } .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:#155EAA; } .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:20px 0;background:#ebebed;border-top:1px solid silver; } .con_lef {float:left;text-align:left;margin-left:200px;width:200px;height:200px;background:url(ressources/image_france.png) center right no-repeat; } .con_cib {animation:cib 3s infinite linear; } .con_rig {float:right;width:200px;margin-right:200px;padding-top:10px; } .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:50px;height:50px;margin-left:120px;margin-top:90px; } 5% {width:30px;height:30px;margin-left:130px;margin-top:100px; } 10% {width:50px;height:50px;margin-left:120px;margin-top:90px; } 100% {width:50px;height:50px;margin-left:120px;margin-top:90px; } } @media only screen and (max-width:799px) { .men_lef {display:none; } .men_rig {float: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; } .con_lef {margin-left:0; } .con_rig {margin-right:0; } } .bbc_red {color:FireBrick; } .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; }