/* Style Titre Principal Index */

.index .container /* Contient l'image et le texte du titre */ { 
  margin: 0 auto;
  max-width: 700px; 
  padding: 0;
}

.index header .container /* Lien fond et texte */ {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.index header /* Seulement le fond pour Page Index */ {
  background: url("Images/Fond%20Titre%20Accueil.png") no-repeat center center; 
  background-size: cover;
  height: 750px; 
  margin: -20px -10px auto -10px;
}

.index header h1 /* Seulement le titre principal */ {
  color: #8CFF8C;
  -webkit-text-stroke: 2px white;
  font-family: sans-serif;
  font-size: 60px;
  text-align: center;
}

.index header p /* Seulement le complément du titre principal */ {
  color: #8CFF8C;
  -webkit-text-stroke: 1px white;
  font-family: sans-serif;
  font-weight: 500;
  font-size: 40px;
  text-align: center;
}


/* Style Titre Principal Curation Presentation Multimedia */

.curation .container, .presentation .container, .multimedia .container /* Contient l'image et le texte du titre */ { 
  margin: 0 50px;
  max-width: 350px; 
  padding: 0;
  height: auto;
}


.curation header /* Seulement le fond pour Page Curation */ {
  background: url("Images/Fond%20Titre%20Curation.png") no-repeat center center; 
  background-size: cover;
  height: 750px; 
  margin: -20px -10px -20px -10px;
}

.presentation header /* Seulement le fond pour Page Présentation */ {
  background: url("Images/Fond%20Titre%20Presentation.png") no-repeat center center; 
  background-size: cover;
  height: 750px;
  margin: -20px -10px -20px -10px;
}

.multimedia header /* Seulement le fond pour Page Multimedia */ {
  background: url("Images/Fond%20Titre%20Multimedia.png") no-repeat center center; 
  background-size: cover;
  height: 750px;
  margin: -20px -10px -20px -10px;
}

.curation header .container, .presentation header .container, .multimedia header .container /* Lien fond et texte */ {
    position: absolute;
    top: 45%;
    left: 0%;
    transform: translate(0,-45%);
}

.curation header h1, .presentation header h1, .multimedia header h1 /* Seulement le titre principal */ {
  color: #FF5A96;
  -webkit-text-stroke: 1px white;
  font-family: sans-serif;
  font-size: 50px;
  text-align: left;
}

.curation header p, .presentation header p, .multimedia header p /* Seulement le complément du titre principal */ {
  color: #FF5A96;
  -webkit-text-stroke: 0.5px white;
  font-family: sans-serif;
  font-weight: 500;
  font-size: 30px;
  text-align: left;
}

/* Style Titre Principal Tableau Module */

.tableau .container, .module .container /* Contient l'image et le texte du titre */ { 
  margin: 0 50px;
  max-width: 350px; 
  padding: 0;
  height: auto;
}

.tableau header /* Seulement le fond pour Page Tableau */ {
  background: url("Images/Fond%20Titre%20Tableau.png") no-repeat center center; 
  background-size: cover;
  height: 750px;
  margin: -20px -10px -20px -10px;
}

.module header /* Seulement le fond pour Page Module */ {
  background: url("Images/Fond%20Titre%20Module.png") no-repeat center center; 
  background-size: cover;
  height: 750px;
  margin: -20px -10px -20px -10px;
}

.tableau header .container, .module header .container /* Lien fond et texte */ {
    position: absolute;
    top: 45%;
    right: 0%;
    transform: translate(0,-45%);
}

.tableau header h1, .module header h1 /* Seulement le titre principal */ {
  color: #FF5A96;
  -webkit-text-stroke: 1px white;
  font-family: sans-serif;
  font-size: 50px;
  text-align: right;
}

.tableau header p, .module header p /* Seulement le complément du titre principal */ {
  color: #FF5A96;
  -webkit-text-stroke: 0.5px white;
  font-family: sans-serif;
  font-weight: 500;
  font-size: 30px;
  text-align: right;
}


/* Style Navigations Ttes les pages */

nav {
  position: sticky;
  top: 0px;
  margin: 0px 0px 0px -10px;
  padding: 0;
  width: 101.5%;
  bottom: 50px;
}

@media
(prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

.navbar {
  float: left; 
  overflow: hidden;
  background-color: #FF5A96;
  border: 0;
  padding: 0;
  width: 100%;
}

.subnav {
  float: left;
  overflow: hidden;
  background-color: #FF5A96;
}

.mainbutton {
    border: none; 
    outline: none; 
    padding: 14px 16px;
    background-color: #FF5A96;
    margin: 0;
}

.mainbutton a {
   text-decoration: none; 
   color: white;
   font-size: 16px; 
    padding: 10px 10px 10px;
}

.active .mainbutton, .active .mainbutton a {
    background-color: #8CFF8C;
    color: #008CCC;
    cursor: not-allowed;
}

.navlink {
    float: left;
    font-size: 16px; 
    color: white; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
}

.navlink:hover, button:hover:not(.active) {
    background-color: #008CCC;
    color: white;
    transition: .3s ease all;
}

.subcontent {
    display: none; 
    position: absolute; 
    left: 0; 
    background-color: #008CCC;
    width: 100%; 
    z-index: 1;
}

.subcontent a {
    float: left; 
    color: white; 
    text-decoration: none; 
}

.subcontent a:hover {
    background-color: #8CFF8C;
    color: #008CCC;
}

.subnav:hover:not(.active) .subcontent {
    display: block; 
}



/* Style Formulaire Index */

input[type*=tel], input[type*=email], input[type*=text], input[type*=range]{
    width: 20%;
    height: 20px;
    transition: width 0.4s ease-in-out;
}

textarea:focus, input[type*=tel]:focus, input[type*=email]:focus, input[type*=text]:focus {
    background: #ffd4e4; 
}

input[type*=submit] {
    background-color: #FF5A96;
    color: white;
    font-size: 16px;
    border-width: medium; 
    border-color: #ffd4e4;
    border-style: outset;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    cursor: pointer;
}

input[type*=submit]:checked {   
    background-color: #ffd4e4; 
}

/* Style Main Ttes les Pages */


main {
    padding: 50px 50px;
    margin: 50px auto;
}

* { 
  font-family: sans-serif;
}

main a[target*="blank"] {
    color: #008CCC;
}

main a[target*="blank"]:hover {
    color: #FF5A96;
}

main a[target*="blank"]:visited {
    color: #ffd4e4;
}

main p, ol li {
    font-size: 16px;
    padding: 0; 
    text-align: justify;
}

main p #disclaimer /* Style Disclaimer Index */ {
    text-transform: uppercase;
    color: #FF5A96;
    background: #ffd4e4;
    display: block;
    font-style: normal;
    font-size: 15px;
    font-weight: 200;
    text-align: justify;
    padding: 10px 10px 10px 10px; 
    margin: 0 50px 0 50px;
}

main h2 /* Style Sous-titres Ttes les Pages */ {
    font-size: 22px;
    color: #FF5A96;
    padding: 20px 0px;
}

main h3 /* Style Sous-titres Ttes les Pages */ {
    font-size: 18px;
    color: black;
}

.embeddedvideos /* Style Videos Embed Ttes les Pages */ {
    padding-top: 20px; 
    padding-bottom: 20px;
    font-size: 12px;
    text-align: center;
}

iframe {
    padding-top: 20px; 
    padding-bottom: 20px;
}


.logos /* Style Logos Page Curation */ {
    float: left;
    padding: 0;
    margin-right: 20px;
}

h2 .clear {
    clear: both;
}

.logos2 /* Style Logos Autres Pages */ {
    padding-top: 20px; 
    padding-bottom: 20px;
    font-size: 12px;
    text-align: center;
}

.multimedia img {
    max-width: 100%;
}

/* Style Bas de pages Ttes les Pages */

footer {
    background:#008CCC; 
    margin: -10px -10px -10px -10px;
    padding: 30px 10px 30px 10px;
}
footer tbody td {
    background:#008CCC;
    color: white;
    width: 25%;
    text-align: center;
    padding: 0 10px 0 10px;
    margin: 0;
    border-right: 3px solid white;
}

footer a {
    color: white;
}


/* Style Des Tableaux Comparatifs */

.comparatif thead th {
  background-color: #FF5A96;
  color: white;
  font-family: sans-serif;
  font-size: 22px;
  font-weight: 200;
  text-transform: uppercase;
  text-align:center;
  letter-spacing: 2px;
  padding: 10px;
}

.comparatif tbody tr th {
  background-color: #8CFF8C;
  color: black;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 150;
  text-transform: uppercase;
  text-align:center;
  letter-spacing: 2px;
  padding: 10px;
}

.comparatif tbody td {
    background-color: #f3fbff;
    color: black;
    font-family: sans-serif;
    font-size: 16px;
    text-align:left !important;
}

.comparatif p {
    text-align: left;
    padding: 0 20px;
}