.cookies{ background-color:#252E39; background-color:#fff; color:#252E39; width: 100%; z-index:9999999; position: fixed; box-shadow: 0em 10em 1em 2000em rgba(0,0,0,0.9); padding:2em; font-family:helvetica, sans-serif; } .checkbox { border: solid white; border-width: 0 3px 3px 0; } .cadrecheck{ padding:0.2em; color:#000; background-color:#14A7D0; background-color:#fff; border-radius:1em; margin-bottom:-1em; } .validcookies{ background-color:#2EB631; border-radius:0.2em; border: 0; color:#fff; font-size:1em; width:40%; padding:0.5em; margin:1em; margin-left:0em; box-shadow: 1px 1px 12px #555; } .validparam{ background-color:#D1CCB9; border-radius:0.2em; border: 0; color:#fff; font-size:1em; width:40%; padding:0.5em; margin-left:1em; margin-left:0em; box-shadow: 1px 1px 12px #555; } .topcookies{margin-top:0.5em; margin-bottom:2em;} .downcookies{margin-top:1em; } .cadrecheckvalid{ padding:0.5em; margin:0.2em; background-color:#2EB631; border-radius:0.2em; } .ensavoirplus{ color:#252E39;;} .titrecookies{ font-weight:bold; } .titre1cookies{ font-size:1.5em; font-weight:bold; } .imgno{padding-left:2em;} .imgyes{ padding-right:2em; } .range{ width:40%; } .cadrelabel{ width:300px; display: inline-block; } input{ font-size:1em; } .divacacher{ display:none; } .cookiesagora{ float:right; font-size:0.9em; padding:1em; } .cookiesagora a{ color:#A4A4A4; } .gdpr{ border-radius:0.5em; float:left; margin-right:1em; box-shadow: 1px 1px 12px #555; } @media screen and (max-width: 700px) { .topcookies{margin-top:0.2em; margin-bottom:1em;} .cadrelabel{ display:block; width:250px; } .cookies{ padding:1em; } .range{ width:60%; } .cadrecheck{ margin-bottom:0.2em; margin-left:0em; } .validcookies{ padding:0.2em; margin:0.2em; } .validparam{ padding:0.1em; } } .txtok{ display:inline-block; margin-right:0.5em; padding:0.2em; margin-bottom:0.8em; vertical-align:top; } .txtno{ display:inline-block; margin-right:0.5em; padding:0.2em; margin-bottom:0.8em; vertical-align:top; } .divinfos{ padding:0.5em; }