:root {
  --primary0: #9ccbf7;
  --primary: #C0DDF4;
  --primary-text: #1a1a1a;
  --secondary: #000000;
  --secondary-text: #ffffff;
  --accent: #9ccbf7;
  --accent1: #9cf7a4;
  --accent2: #f7e29c;
  --accent3: #da9cf7;
  --accent4: #f79ca8;
  --accent5: #4f4cf3;
  --accent-text: #ffffff;
}

body{
  margin: 0;
  padding:0;
  background: #C0DDF4;
  font-family: Cochin, Cambria, Georgia, Times, 'Times New Roman', serif;
  line-height: 0;
  text-align: center;

  margin-left: auto;
  margin-right: auto;

}

.navbar ul{
  font-family: Cochin, Cambria, Georgia, Times, 'Times New Roman', serif;
    list-style: none;
    background: #C0DDF4;
    padding: 0;
    margin: 100;
    text-align: center;
    line-height: 1;
    width: 100%;

}

.navbar li{
  display: inline-block;
}

.navbar a{
  text-decoration: none;
  color: black;
  width:auto ;
  display: block;
  padding: 5px 30px 5px 30px;
  font-size: 20px;
  text-transform: none;
  font-weight: none;
  text-align: center;
}

.navbar a:hover{
  background: none;

}
a:link { text-decoration: none; }


.textbodyBOLD{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top: 2%;
  line-height: 1;
  text-align: center;
  width:60%;
  font-size: 170%;
  font-weight: bolder;
  font-variant-caps:small-caps;
  color:rgba(255, 0, 0, 0.719);
  

}



.SMbar ul{
  
  list-style: none;
  background: #C0DDF4;
  padding: 0;
  margin: 100;
  text-align: center;
  line-height: 1;
  width: 100%;

}

.SMbar li{
display: inline-block;
}

.SMbar a{
text-decoration: none;
color: black;
width:auto ;
display: block;
padding: 0px 5px 50px 5px;
font-size: 10px;
text-transform: none;
font-weight: bold;
text-align: center;
}




.SMbar img{
  width:20px;
  height:20px;
  
}

.texte a{
  line-height: 1;
  text-align: end;
  
}
.bloc-fixe {
text-align: justify;
font-size: 20; 
  position:relative;
  padding: 15px 15px;
  margin: 0px 40% ;
  border:solid 0px;
  border-radius: 20px;
  border-color:red;
  width:50%;
  line-height: 1.5;
}
.bloc-gauche {
   

  position:fixed;
  margin: 0 0% 0 5%;
  padding: 15px 15px;
  border:solid 0px;
  border-radius: 0px;
  border-color:red;
  width:15%;
  height: 50px;
  overflow: hidden;

  
  
}
.pic {
  transform: scaleX(-1);
  width:600px;
  height:600px;
  margin: 0px 0px 0px -100%;
  display: block;

  
}

.pic-cropped {
  
  width:10px;
  height:10px;
 
  

  
}
.textbody{
    position:relative;
    margin-left:15%;
    margin-top: 10%;
    line-height: 1.5;
    text-align: justify;
    width:60%;

}
.textbody a{
    text-align: center;
}