/*
Theme Name:rakuklo
Author:lechef
Author URI: http://www.rakuklo.ovh
Description: raku raku
Version:16fevrier OK

! KNACSS Reborn: Just keep it simple! @author: Alsacreations v1.0.0 2020/11 Licence WTFPL http://www.wtfpl.net/ 

changer les couleurs,
*/




:after,:before{box-sizing:border-box;min-width:0;min-height:0}html{font-size:62.5%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}

body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.5;background-color:#e8fdff}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,

body,h1,h2,h3,h4,h5,h6{color:#0B173B}


  



/* mon code css---------------------------*/

aside {

  width: 20%;
  max-width:200px;
  margin-right:10px;
  float: right;
  text-align: center;
box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.6);
}

#banniere {
        float: left;
        margin-left: 20px;
        margin-right: 35px;
box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.6);
}

#imageflottante {
  float: left;
  border-radius: 10px;
  margin-right: 10px;
  box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.6);
}




/* mon code css---------------------------*/





.miniature {
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.6);
  border-radius: 10px;
}
dl#photo {
  vertical-align: top;
  text-align: center;
  font: italic 1.5em Georgia serif;
  color: #330000;
}

dl#photo img {
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.6);
}


ul {
  list-style-type: none;

}

/*-- --------------------------------------boutons --------------------- */

nav a {
  display: inline;
  margin-bottom: 5px;
  padding: 5px 0px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #330000;
}


nav a: hover, nav a:visited {
  color: #330000;
}

nav {
  text-align: center;
}

nav ul {
  list-style-type: none;
}

nav li {
  display: inline-block;
  margin-right: 20px;
  color: #330000;
}

#barrebouton {
  display: block;
  margin: auto;
  text-align: center;
  line-height: 2.5;
}

.buttonactif {
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #999999;
  padding: 4px 10px;
  color: #330000;
  font-family: arial, serif;
text-shadow: 1px 1px 5px white;
  font-size: 16px;
  border-radius: 5px;
box-shadow: 1px 1px 4px #003300 inset;
 
  background-image: linear-gradient(-90deg, rgba(255, 255, 204, 0.75), rgba(204, 204, 204, 0.75));
}

.button {
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #999999;
  padding: 4px 10px;
  color: #0B173B;
  font-family: arial, serif;
text-shadow: 2px 2px 5px white;
  font-size: 16px;
  border-radius: 5px;
box-shadow: 2px 2px 3px #003300;

  background-image:linear-gradient(-90deg, rgba(51, 0, 0, 0.2), rgba(255, 255, 204, 0.75));
}

.button:hover {
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #999999;
  padding: 4px 10px;
  color: #330033;
  font-family: arial, serif;
text-shadow: 0px 0px 5px white;
  font-size: 16px;
  border-radius: 5px;
box-shadow: 2px 2px 7px #003300;

  background-image: linear-gradient(-90deg, rgba(255, 255, 204, 0.75), rgba(204, 204, 204, 0.75));
}


        /*---------------------------------------------boutons----------------*/



a{color:#454d5d;text-decoration:underline}

a:active,a:focus,a:hover{color:#212529;text-decoration:underline}

abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.h1-like,.h2-like,

h1,h2{margin-top:0;margin-bottom:2rem}.h3-like,.h4-like,.h5-like,.h6-like,

address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0;margin-bottom:1rem}

li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:2rem}

nav ol,nav ul{list-style:none;padding:0}

audio,canvas,iframe,img,svg,video{vertical-align:middle}

blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video{max-width:100%}

iframe,img,input,select,textarea{height:auto}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}

svg:not(:root){overflow:hidden}

hr{box-sizing:initial;height:0;overflow:visible;border:0;border-top:1px solid;margin:2rem 0;clear:both;color:inherit}

table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:2rem}.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}

[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}
[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}
[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}
button,input,select,textarea{margin:0;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:middle}
button,input:not([type=radio]):not([type=checkbox]),select,textarea{border:0}

code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

pre{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;line-height:normal;overflow:auto;-ms-overflow-style:scrollbar}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
fieldset,form{border:none}
fieldset{margin:0;padding:2rem}
legend
{display:table;max-width:100%;padding:0 .5rem;border:0;color:inherit;white-space:normal}
label{display:inline-block;cursor:pointer}
textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap}
progress{width:100%;vertical-align:initial}
output,progress{display:inline-block}
summary{display:list-item}
template{display:none}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}.layout-maxed{display:grid}.layout-maxed>*{grid-column:2}.layout-hero{grid-column:1/-1;display:grid;grid-template-columns:inherit}.layout-hero>*{grid-column:2}.layout-hero-img{grid-column:1/-1;justify-self:center;max-width:100%}

/* mes ajouts @media --en dessous--------------------*/

@media only screen and (min-width: 800px), only screen and (min-device-width: 800px){
    #menubas { display: none;}
}


/** Mobile **/
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {

aside { display: none;}

#menubas { display: inline-block;
           text-align: center;
       padding-right: 30%;
       padding-left: 30%;     
 
 }
}

/* --------------------ajouts- mes @media -au dessus-------------------*/


@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media print{*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}

@media (min-width:576px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,576px) minmax(1rem,1fr)}}


@media (min-width:768px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,768px) minmax(1rem,1fr)}}
@media (min-width:1024px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,1024px) minmax(1rem,1fr)}}
@media (min-width:1330px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,1330px) minmax(1rem,1fr)}}