/*!
Theme Name: Theme enfant
Description: Theme enfant de elegant-magazine
Author: JM ESCHENLAUER
Author URI: elegant-magazine
Template: elegant-magazine
Version: 0.1.01
*/
/***
    The new CSS reset - version 1.6.0 (last updated 29.4.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
html 
{
  font-size: 62.5%;
}
*:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
nav ol, nav ul, menu {
  list-style: none;
}

ul,ol
{
  margin: 0 6rem 1rem;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

.flexrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

body {
  font-size: 2rem;
  /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
  font-family: "Arial", sans-serif;
  /* font-family: "Times New Roman", Times, serif; */
}


.nomargin
{
  margin: 0px;
}
.marginauto
{
  margin:auto
}

.margintop5px
{
  margin-top:5px;
}

.margintop10px
{
  margin-top:10px;
}

.margintop20px
{
  margin-top:20px;
}

.marginleft10px
{
  margin-left:10px;
}

.marginleft20px
{
  margin-left:20px;
}

.marginleft15px {
  margin-left: 15px;
}

.marginleft20px {
  margin-left: 20px;
}

.marginright20px
{
  margin-right:15px;
}

.marginleft50px
{
  margin-left:50px;
}


h1 {
  font-size: 4rem;
}

h1 {
  font-size: 3rem;
}

.textcenter
{
  text-align: center;
}

.listarrowinside
{
  list-style  :url(asset/img/arrow-right-red-16px.png) inside;
}

.listdefault,
.ulinitial
{
  list-style: disc inside;
}

.listdecimal
{
  list-style  : decimal;
  margin-left : 50px
}

ul, ol,
.listdefaultinside
{
  list-style: disc;
}

.legendeimg
{
  font-size: 1.3rem;
}
figcaption
{
  font-size : 1.3rem;
}
.noborder
{
  border: none!important;
}
.borderorange3px
{
  border: 3px solid rgb(227, 108, 10);
}




.menu-toggle
{
  display :none;
  margin: auto;
  border: 1px solid darkgray;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
  /* visibility: hidden; */

}

#navmenutop {
  background-color: #999966;
  color: white;
}

#navmenutop > div > ul {
  color: white;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 0;
}

#navmenutop > div > ul li a,
#navmenutop > div > ul li a i,
#navmenutop > div > ul li span i {
  color: white;
  font-size: 2rem;
}

ul.menu
{
  position: relative;
}
/* .menu-item:hover .sub-menu
{
  display:block;
} */
.sub-menu
{
  position: absolute;
  background-color: rgba(153,153,102,0.95);
  
  top: 38px;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display:none;
}

.itemsearch {
  display: flex;
}

.menusearch:hover {
  cursor: pointer;
}

#menusearchform input,
#menusearchform button * {
  font-size: 2rem;
}

.search-field {
  border-bottom: 1px solid lightgray;
  width: 120px;
}

.bodyfrontpage {
  background-color: black;
}

.mainfrontpage {
  position: relative;
}

.colorfrontpage {
  color: white;
}

.textblue
{
  color: #89ccff!important;
  font-style: italic;
}

.heighterfrontpage {
  height: calc(100vh - 110px - 60px);
}




.headerfrontpage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  padding: 10px 0;
}


.headerfrontpage img {
  /* width: 45%; */
}

.frontpagesubtitle p {
  font-size: 2.6rem;
  font-style: italic;
  color: white;
  font-weight: bold;
  /* margin-right: 17%; */
}


.logosite
{
  width: 280px;
}
.mainfrontpage .chipfrontpage {
  color: white;
  width: 650px;
  height: max-content;
  position: absolute;
  background-color: black;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mainfrontpage .chipfrontpage h1 {
  color: white;
  text-align: center;
}

.mainfrontpage .chipfrontpage > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}

.mainfrontpage .chipfrontpage > div article:first-of-type {
  width: 52%;
  text-align: justify;
}

.mainfrontpage .chipfrontpage > div article p,
.mainfrontpage .chipfrontpage > div article a,
.mainfrontpage .chipfrontpage > div article a i {
  font-size: 2.4rem;
  color: white;
  margin-bottom: 5px;
}

.btn-grad {
  background-image: linear-gradient(to right, #1e3c72 0%, #2a5298 51%, #1e3c72 100%);
  padding: 10px 10px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  width: 120px;
}

.btn-grad span {
  transform: rotate(45deg);
  display: block;
  width: 10%;
}

.btn-grad:visited {
  color: white;
}

.btn-grad:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}


.pagesearch
{    
  background-color: white;
  color: black;
  width: 95%;
  margin: 20px auto 0;
  padding: 25px;
}

.footerfrontpage {
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: auto;
  font-size: 1.6rem;
}

.footerfrontpage p {
  font-style: italic;
}

.footerfrontpage a {
  text-decoration: none;
  color: white;
}


.textcolorred {
  color: red;
}

.fontsize1-6rem {
  font-size: 1.6rem;
}

.fontsize2rem {
  font-size: 2rem;
}

.fontsize2-5rem {
  font-size: 2.5rem;
}

.fontsize3rem {
  font-size: 3rem;
}

.fontsize3-5rem {
  font-size: 3.5rem;
}

.fontsize4rem {
  font-size: 4rem;
}



strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

div.allnomargin p
{
  margin: 0;
}

div.touchagues main {
  width: 80%;
  margin: auto;
  text-align: justify;
  /* background-color:white; */
  padding: 10px;
  font-size: 2.5rem;
}



div.touchagues h1 {
  font-size: 4rem;
  color: red;
  font-weight: bold;
}

div.touchagues h2 {
  font-size: 3rem;
  margin-top: 10px;
  color: red;
}

div.touchagues h3 {
  font-size: 2.7rem;
  /* margin-top: 10px; */
  color: red;
}

div.touchagues h4 {
  font-size: 2.6rem;
  /* margin-top: 10px; */
  color: red;
}

img.alignleft {
  float: left;
}

p.alignleft {
  text-align: left;
}

img.alignright {
  float: right;
}

p.alignright {
  text-align: right;
}

.clear {
  clear: both;
}

.w15p {
  width: 15%;
}
.w20p
{
  width: 20%;
}
.w30p {
  width: 30%;
}

.w80p {
  width: 80%;
}

.w90p {
  width: 90%;
}


.w95p {
  width: 95%;
}


td.alignright {
  text-align: right;
  padding-right: 10px;
}

div.center {
  margin: auto;
}

div.center img {
  display: inline-block;
}

a.link {
  color: blue;
  font-weight: bold;
  text-decoration: none;
}

div.touchagues table tr td {
  border: none;
}

div.touchagues table tr td:first-of-type {
  width: 15%;
}

div.touchagues table tr td:last-of-type {
  width: 80%;
}

#primary1 {
  width: 100%;
  margin: 0;
  padding: 0;
}

.heighteraccueilpage {
  height: calc(100vh - 160px - 84px);
}


div.wp-block-columns
{
  margin-top: 20px;
}

div.wp-block-column p:first-of-type
{
  margin-top: 5px;
}

.pagecontacttouchagues
{
  width: 100%;
  background-color: #F7F2B8;
  /* background-image: url(asset/img/fond1.jpg); */
  color: black;
  padding: 10px;
}

.pagetouchagues {
  width: 100%;
  background-color: whitesmoke;
  /* background-image: url(asset/img/fond1.jpg); */
  color: black;
  padding: 10px;
}

.illustrations_1 td
{
  width: 100%;
}

.illustrations_2 td
{
  width: 50%;
}

.illustrations_3 td
{
  width: 33.33%;
}
.illustrations_4 td
{
  width: 25%;
}
.illustrations_5 td
{
  width: 20%;
}


.tablebio table tbody tr td:nth-of-type(2)
{
  width: 35%;
}


.cgu {
  line-height: 1.2;
}

.cgu h1
{
  font-size: 4rem;
  color: red;
  font-weight: bold;
}

footer p,
footer a {
  color: white;
  font-size: 1.9rem;
}

.is-style-border
{
  border:1px solid black;
}
.is-style-border table tbody tr td
{
  border:1px solid black;
}
.is-style-border table tbody tr:first-of-type td
{
  border:1px solid black;
  background-color: #999966;
}





.borderred
{
  border : 2px solid red;
}
.padding5px
{
  padding: 5px;
}

.padding10px
{
  padding: 10px;
}


div.touchagues .arlequin table tr {
  border-bottom: 1px dotted black;
}
div.touchagues .arlequin table tr td:nth-of-type(2) {
  width: 20%;
}
div.touchagues .arlequin table tr td:last-of-type {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}
div.touchagues .frise table tr td 
{
  /* width: fit-content; */
  color: white;
  padding: 10px 0px !important;

}
div.touchagues .frise table tr td a
{
  border: 1px solid black;
  
  background-color: rgba(19,29,146,1);
  text-decoration: none;
    color: white;
    padding: 10px;
}
div.touchagues .frise2 table
{
  margin-bottom:20px;    
  width: 98%;
  overflow: hidden;
  margin: auto;
}
div.touchagues .frise2 table tr td
{
  padding: 10px 0px !important;
  width: max-content !important;
  background-color: rgba(19,29,146,1);
  border: 1px solid whitesmoke;
}

div.touchagues .frise2 table tr td a
{
 
  
  /* background-color: rgba(19,29,146,1); */
  text-decoration: none;
    color: white;
    padding: 10px;
}
div.touchagues .frise2 table tr td:hover
{
 
  transform: scale(1.2);
}

.h3
{
  color: rgb(79,129,189);
}

.cgu main
{
    line-height: 16px;
    font-size: 16px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/* div.containerfigure
{position:relative;} */


div.containerfigurelegend div,
div.containerfigure150pxlegend div,
div.containerfigure div,
div.containerfigure150px div
{
  width: max-content 
  /* !important; */
  margin: auto;
}

div.containerfigure figure,
div.containerfigure150px figure
{
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

div.containerfigure160pxlegend figure
{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  height: 160px;
} 
div.containerfigurelegend figure,
div.containerfigure150pxlegend figure
{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  height: 245px;
}
div.containerfigurelegend figure img,
div.containerfigure150pxlegend figure img,
div.containerfigure figure img,
div.containerfigure150px figure img,
div.containerfigure160pxlegend figure img
{
  max-width: 100%;
  height: 150px;
  max-height: 100%;
  width: auto;
  
}
div.containerfigure figure img
{
  /* position:relative; */
  /* max-width: 100%;
  height: 210px;
  max-height: 100%;
  width: auto; */

} 
div.containerfigurelegend figure figcaption,
div.containerfigure150pxlegend figure figcaption
{
  text-align: center;
  width: 65%;
}

.scale1_5:hover
{
  transform: scale(1.5);
  z-index: 1000;
}

.imgtouchagues:hover,
div.containerfigurelegend figure img:hover,
div.containerfigure150pxlegend figure img:hover,
div.containerfigure figure img:hover,
div.containerfigure150px figure img:hover,
div.containerfigure160pxlegend figure img:hover
{
  transform: scale(2.5);
  /* width: 95%; */
  /* height:auto; */
  /* max-width: 100%; */
  z-index: 1000;
}
.buttonnav
{
  display: flex;
  justify-content: space-around!important;
  flex-direction: row;
  flex-wrap: wrap!important;;
}
.buttonnav a
{
  border-radius: 5px;
  font-size: 20px;
  text-decoration: none;
  margin-bottom: 10px;
  -webkit-box-shadow: 1px 3px 3px 0px #000000; 
  box-shadow: 1px 3px 3px 0px #000000;
}

.buttonnav a:hover
{
  border-radius: 5px;
  font-size: 20px;
  color: white;
  -webkit-box-shadow: none; 
  box-shadow: none;
}


.wp-container-core-columns-layout-2.wp-container-core-columns-layout-2 
{
  flex-wrap: wrap;
}


.wp-lightbox-container button:focus, .wp-lightbox-container button:hover, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
    display: none;
}

@media (max-width: 768px) {
  .headerfrontpage {
    width: 100%;
    flex-direction: column;
  }
  .frontpagesubtitle {
    width: 95%;
    margin: 0;
    text-align: justify;
  }
  .headerfrontpage img {
    width: 95%;
    margin: auto;
    display: block;
  }

  .mainfrontpage .chipfrontpage
  {
    color: white;
    width: auto;
    height: 249px;
    
  }
  #navmenutop
  {
    background-color: rgba(0,0,0,1);
    font-size: 20px;
  }

  .menu-toggle
  {
    display :block;
    margin: auto;
    border: 1px solid darkgray;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    
  }

  #navmenutop > div > ul 
  {
    flex-direction: column;
    width: max-content;
    margin: auto;
  }
  #navmenutop > div > ul li
  {
    display:flex;
    flex-direction: column;
    align-items: center;

  }
  #navmenutop > div > ul li a,
  #navmenutop > div > ul li a i,
  #navmenutop > div > ul li span i
  {
    /* font-size:35px; */
    font-size: 18px;
    padding: 3px 0px;
  }
  #navmenutop > div > ul li span i
  {
    color:rgba(153,153,102,0.95);
    
  }
  .sub-menu
  {
    position: initial;
    display: flex;
    background-color: black;
    flex-direction: column;
    flex-direction: column;
    align-items: center;
    padding :0 0 10px 0;
  }
}