/* 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-family:Calibri;margin:0;padding:0; outline:none;border:none; } body {text-align:center;color:black;font-size:16px;overflow-x:auto;overflow-y:scroll;background:rgb(218,238,243); background-size:cover; } a {text-decoration:none;color:black;font-weight:normal; } table { border-collapse:collapse; } img {vertical-align:middle; } input {vertical-align:middle; } .men_all {position:fixed;top:0;display:block;width:100%;background:whitesmoke;border-bottom:1px solid silver;z-index:1; } .men_lef {font-size:20px;letter-spacing:1px;font-weight:bold;float:left;padding:5px 10px;cursor:pointer;color:gray; } .men_rig {font-size:20px;letter-spacing:1px;font-weight:bold;float:right;padding:5px 10px;cursor:pointer;color:gray; } .men_lef:hover {color:black;background:white; } .men_rig:hover {color:black;background:white; } .men_tit:hover {color:black;background:white; } .men_pri {font-size:20px;font-style:italic;padding:5px; } .men_mes {position:fixed;top:0;display:block;width:100%;font-size:20px;color:darkred;background:pink; border-bottom:1px solid darkred;padding:5px;text-align:center;z-index:2;margin-top:-40px; animation:2s linear mes; } @keyframes mes { 0% {margin-top:-40px; } 10% {margin-top:0; } 90% {margin-top:0; } 100% {margin-top:-40px; } } .log_all {margin:100px 0;text-align:center;color:darkblue; } .log_all img {width:400px; } .log_nam {display:inline-block;width:150px;padding:5px 0;text-align:center;letter-spacing:1px;font-weight:bold;border:1px solid silver;border-radius:5px;color:black;background:white; } .log_pas {display:inline-block;width:150px;padding:5px 0;text-align:center;letter-spacing:1px;font-weight:bold;border:1px solid silver;border-radius:5px;color:black;background:white; } .log_but {display:inline-block;width:150px;color:gray;padding:5px 0;letter-spacing:1px;font-weight:bold;text-transform:uppercase;border:1px solid silver;border-radius:5px;background:whitesmoke;cursor:pointer; } .log_but:hover {color:black;background:white; } .log_non {padding:5px 10px;letter-spacing:1px;font-weight:bold;border:1px solid silver;background:white; } .gco_4 {color:rgb(119,147,060); } .gco_3 {color:rgb(079,129,189); } .gco_2 {color:rgb(192,080,077); } .gco_1 {color:rgb(247,150,070); } .gbo_4 {border:1px solid rgb(119,147,060); } .gbo_3 {border:1px solid rgb(079,129,189); } .gbo_2 {border:1px solid rgb(192,080,077); } .gbo_1 {border:1px solid rgb(247,150,070); } .gba_4 {background:rgb(215,228,189); } .gba_3 {background:rgb(220,230,242); } .gba_2 {background:rgb(242,220,219); } .gba_1 {background:rgb(253,234,218); } .gim_4 {background:rgb(215,228,189) url(ressources/gen_4.png) no-repeat; background-size:100px; background-position:center left 15px; } .gim_3 {background:rgb(220,230,242) url(ressources/gen_3.png) no-repeat; background-size:100px; background-position:center left 15px; } .gim_2 {background:rgb(242,220,219) url(ressources/gen_2.png) no-repeat; background-size:100px; background-position:center left 15px; } .gim_1 {background:rgb(253,234,218) url(ressources/gen_1.png) no-repeat; background-size:100px; background-position:center left 15px; } .hom_all {position:relative;margin:20px;padding:0 0 0 120px;border-radius:10px;text-align:left; } .hom_one {float:left;margin:10px;text-align:center; } .hom_mle {position:absolute;margin-left:-70px;margin-top:-13px;padding:3px;border:1px solid gray;border-radius:15px;background:white;opacity:0.5;cursor:pointer; } .hom_mri {position:absolute;margin-left: 46px;margin-top:-13px;padding:3px;border:1px solid gray;border-radius:15px;background:white;opacity:0.5;cursor:pointer; } .hom_mle:hover { border-width:2px;padding:2px;opacity:1; } .hom_mri:hover { border-width:2px;padding:2px;opacity:1; } .hom_par {margin:0 5px;background:none;border:none;height:40px;overflow:hidden; } .hom_enf {margin:0 5px;background:none;border:none; } .hom_lig {display:block;width:130px;height:20px;overflow:hidden; } .par_all {margin:20px;padding:0 10px;border-radius:10px;text-align:center; } .par_tit {font-size:20px;font-weight:bold;letter-spacing:2px; } .par_one {float:left;margin:10px; } .ind_cad {display:block;padding:7px;border-radius:5px;color:black;text-align:center;background:whitesmoke;cursor:pointer; } .ind_ima {display:block;width:130px;height:130px;border-radius:15px 15px 0 0; } .ind_txt {display:block;width:130px;height:24px;line-height:24px;overflow:hidden;border-radius:0 0 15px 15px; } .ind_hom { } .ind_oui { } .ind_non {opacity:.5; } .ind_hom:hover { border-width:3px;padding:5px; } .ind_oui:hover { border-width:3px;padding:5px; } .ind_non:hover { border-width:3px;padding:5px; } .edi_tit {margin-top:80px;margin-bottom:-10px;font-size:24px;letter-spacing:3px;font-weight:bold;text-align:center;color:rgb(079,129,189); } .edi_one {margin:20px auto;width:290px;padding:15px 0;border-radius:30px;text-align:center; } .edi_ima {width:260px;height:260px;border-radius:20px; } .edi_txt {padding-top:10px; } .edi_ask {display:block;margin:0 auto;width:260px;text-align:center;font-size:20px;padding:5px 0;border-radius:5px;letter-spacing:1px;border:1px solid silver; } .edi_ask:hover {background:white; } .edi_but {color:gray;background:whitesmoke;display:inline-block;padding:5px 15px;letter-spacing:1px;font-weight:bold;border:1px solid silver;border-radius:20px;cursor:pointer; } .edi_but:hover {color:black;background:white;border:1px solid gray; } .pri_cad {float:left;padding:2mm;color:black;text-align:left;border:1px solid silver;background:white; } .pri_ima {display:block;width:40mm;height:40mm;border-radius:5mm 5mm 0 0; } .pri_bot {position:relative;width:40mm;height:7mm;overflow:hidden;border-radius:0 0 5mm 5mm; } .pri_fon {position:absolute; } .pri_txt {position:absolute;width:40mm;line-height:7mm;overflow:hidden;text-align:center; }