/* Votre Style */
/* My cyan blue (from ellipse graphic):     #278391 */
/* My 'Toilet' Pink (from ellipse graphic): #d77868 */
/* My ultralight pink:                      #f4d8d4 */
/* My ultralight blue:                      #b1e1ea */
body {
 background: #278391;
 color: rgba(0,0,0,0.8);
}
/* --------------------------------------------------------------- */
/* -----     HEADER     ------------------------------------------ */
/* --------------------------------------------------------------- */
header {
 margin:0;
 padding:0;
 border-bottom:0.25em solid rgba(0,0,0,0);
}
.headertable {
 /*background: rgba(255,255,255,0.8);*//* <<<<  Clarté de la bannière */
 background: linear-gradient(to bottom right, rgba(255,255,255,0.9) , rgba(255,255,255,0.6));
 padding:0;
 margin:0;
 border-collapse:collapse;
 border:none; 
}
.headertr {
 border:none;
 padding:0;
 margin:0;
}
.headerimg {
 margin:0;
/* padding-top:1%;
 padding-bottom:1%;
 padding-left:1%;
 padding-right:1%; */
 padding:0;
 vertical-align:middle;
/* width:3em; */
 width:300px;
/* border:1px solid black; */
 border:none;
}
.headertitle {
 font-size: 1.2em;
 margin:0;
 padding:0;
 text-align:center;
 vertical-align:middle;
 white-space:nowrap;
 border:none;
}
.longtitle {
 display:none;
}
.longtitlebis {
 display:none;
}
.headerside {
 font-size:0.8em;
 width:8em;
 margin:0;
 padding:0 0.5em 0 0;
 text-align:right;
 vertical-align:middle;
 white-space:nowrap;
 border:none;
}
@media (min-width: 20em) { 
 .headertitle{font-size:1.4em;} 
/* .headerimg{padding-right:1em;width:4em;}*/
 .headerimg{width:300px;}
}
@media (min-width: 30em) { 
 .longtitlebis {display:inline;}
}
@media (min-width: 35em) { 
 .headertitle{font-size:1.6em;text-align:center;white-space:normal;} 
 .headerside{font-size:1em;width:8em;} 
 .longtitle{display:none;}
/* .headerimg{width:5em;}*/
 .headerimg{width:300px;}
}
@media (min-width: 45em) { 
/* .headertitle{font-size:1.4em;text-align:left;} */
 .headertitle{font-size:1.4em;text-align:center;} 
 .headerside{font-size:0.8em;width:14em;} 
 .longtitle{display:inline;}
/* .headerimg{width:7em;}*/
 .headerimg{width:300px;}
}
@media (min-width: 52em) { 
 .headertitle{font-size:1.6em;} 
 .headerside{font-size:1em;width:14em;} 
}
/* --------------------------------------------------------------- */
/* -----     END HEADER     -------------------------------------- */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* -----     SIDE MENU & MAIN BLOCK    --------------------------- */
/* --------------------------------------------------------------- */
/* small screen: one onto another */
main {
 border-radius: 0.5em;
 background: linear-gradient(to right, #ffedc4 , #ffe6af );
 font-size: 1.1em;
 padding:2%;
 padding-bottom:0em;
 /*margin:0.25em 0em 0em 0em;*/
}
aside {
 border-radius: 0.5em;
 background: linear-gradient(to right, rgba(0,0,0,0.2) , rgba(255,255,255,0.2));
 margin: 0px;
 padding: 0 0.25em;
 display: block;
 width: 10em;
 font-size:0.8em;
 text-align: center;
}
@media (min-width: 60em) { /* large screen: larger menu, larger padding */
 main{
  padding-bottom:0em;
  padding-top:2em;
  padding-left:2em;
  padding-right:4em;
 }
 aside{
  width:17.5em;
  font-size:1em;
  text-align: left;
 }
}
/* --------------------------------------------------------------- */
/* -----     SIDE MENU     --------------------------------------- */
/* --------------------------------------------------------------- */
nav {
 background: none;
 margin: 0;
 padding: 0;
 width: 100%;
 display: block;
}
.ulmenu {
 background: none;
 padding: 0px;
 margin: 0px;
 width: 100%;
}
li, [class*="grid"] > * {
 background: none;
 margin: 0px;
 display: inline-block;
 vertical-align: top;
 /*width: 100%;*/
}
.amenu {
 /*background: rgba(255,255,255,0.3);*/ /* <<<<<  Clarté des boutons de navigation */
 background: linear-gradient(to bottom right, rgba(255,255,255,0.4) , rgba(255,255,255,0.2));
 border-radius: 0.5em;
 text-decoration: none;
 font-size: 1.2em;
 margin:0.1em 0;
 padding: 0.1em 0.74em;
}
.amenucurrent {
 /*background: rgba(255,255,255,0.6);*/ /* <<<<<  Clarté des boutons de navigation */
 background: linear-gradient(to bottom right, rgba(255,255,255,0.8) , rgba(255,255,255,0.6));
}
.amenu:hover {
 /*background: rgba(255,255,255,0.8);*/ /* <<<<<  Clarté des boutons de navigation */
 background: linear-gradient(to bottom right, rgba(255,255,255,0.9) , rgba(255,255,255,0.7));
}
.submenu{
 font-size:0.9em;
 padding:0em;
 background:rgba(255,255,255,0.1);
}
@media (min-width: 575px) { /* large screen: larger menu, larger padding */
 .amenu {
  margin:0 0 0.25em 0;
  padding: 0.74em;
 }
 .submenu{
  font-size:0.9em;
  padding:0.2em;
 }
}
/* --------------------------------------------------------------- */
/* -----     END SIDE MENU     ----------------------------------- */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* -----     MAIN     -------------------------------------------- */
/* --------------------------------------------------------------- */

h1 {
 color: #278391;
 font-size: 2em;
 text-align: center;
 background: url("../img/mysine2.svg") no-repeat left bottom;
 padding: 2%;
 padding-bottom: 3.2%;
 margin: 2% 0;
}

h2 {
 font-size: 1.7em;
 margin-top: 1.5em;
 margin-bottom: 1em;
 text-align: center;
}
@media (min-width: 575px) { 
 h2 { text-align:left; }
}

h3 {
 font-size: 1em;
 margin:0;
 /*display:inline;*/
 /*margin-top: 1em;
 margin-bottom: 0em;*/
}

p {
 color: black;
 text-align:justify;
 display:block;
}

.imgsvg{
 /*width:110%;*/ /* I dont know how to scale all my svg formulae by 1.1 factor...*/
}
.inlineformula{
 margin-top:0.5em;
}

/* Text colors for amplitudes (blue), phase (red), */
/*            and Hilbert/Riesz transforms (green) */
.mybl { color: #002dff; }
.myrd { color: #c30000; }
.mygr { color: #26a022; }

/*table {
 border-collapse: collapse;
}
table, th, td {
 border:none;
}*/

.floatornot{ } /*for JS detection*/
.floatright {
 text-align:right;
 margin-left:2em;
 float:right;
 /*max-width:30em;*/
}
.mycenter { /* unused... */
 text-align:center;
 margin:0 auto;
 float:none;
}

table.ftab {
  border-collapse: collapse;
  border: none;/*1px solid black;*/
  table-layout:fixed;
  /*float:right;
  margin-left:2em;*/
  padding: 0px;
  width:auto;
}
th.ftab, td.ftab {
  border: none;/*1px solid black;*/
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size:0.8em;
}
figure.ftab {
 /*background: rgba(0,0,0,0.2);*/
 border: 1px solid black;
 vertical-align:top;
 width:9em;
 margin: 0.5em 0.1em;
 display: inline-block;
}

figcaption.ftab {
 text-align: center;
 font-size: 0.8em;
 padding:0.5em 0em 1em 0em;
 color: black;
}
img.ftab {
  width:100%;
}

/* -----    REFERENCES &    -------------------------------------- */
/* -----    MATLAB CODES    -------------------------------------- */
.aicon {
 text-decoration: none;
}
.aicon:hover {
 opacity:0.4;
}
.imgicon {
 width:1.5em;
 margin-right:0.4em;
 margin-left:0.4em;
 margin-top:0.15em;
 margin-bottom:0.2em;
}
.reference {
 /*background: #278391;*/
 border-radius: 0.5em;
 background: linear-gradient(to bottom right, rgba(39,131,145,0.9) , rgba(39,131,145,0.7) );
 color: rgba(255,255,255,0.8);
 /*font-size: 0.8em;*/
 padding:0.2em;
 margin-top: 0.2em;
 margin-bottom: 0.8em;
 vertical-align: center;
}
.matlabcode {
 /*background: #278391;*/
 border-radius: 0.5em;
 background: linear-gradient(to bottom right, rgba(39,131,145,0.9) , rgba(39,131,145,0.7) );
 color: rgba(255,255,255,0.8);
 font-size: 0.8em;
 padding:0.3em;
 margin: 1em 0;
 vertical-align: center;
}
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
.divfooter {
 table-layout: auto;
 font-size: 1.8vw; /* see JS */
 margin-top:5%;
 padding-top:2.5%;
 padding-bottom:2%;
 text-align:center;
 background: url("../img/mysine2.svg") no-repeat left top;
}
.afooter {
 color: white;
 background: linear-gradient(to bottom right, rgba(39,131,145,0.9) , rgba(39,131,145,0.7) );
 border-radius: 0.2em;
 text-decoration: none;
 padding-top: 0.3%;
 padding-bottom:0.6%;
 padding-left:0.6%;
 padding-right:0.6%;
 margin-right:0.2%;
}
.afootercurrent {
 background: linear-gradient(to bottom right, rgba(39,131,145,0.6) , rgba(39,131,145,0.4) );
}
.afooter:hover {
  background: linear-gradient(to bottom right, rgba(39,131,145,0.3) , rgba(39,131,145,0.1) );
}



.footparag {
 border-radius: 0.5em;
 background: rgba(0,0,0,0.2);
 font-size: 0.8em;
 padding: 1em;
}