/* 
 * CSS 02/10/2025
*/

/* ------ INITIALISATION ------ */
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0; padding: 0; font-size: 1em }
a img, :link img, :visited img { border: 0; text-decoration: none }
table { border-collapse: separate }
tr, td { margin: 0; padding: 0 }
th { font-weight: bold }
ul, li, .item-list ul li, .item-list ul, ul.menu li { margin: 0; padding: 0; list-style-type: none }
ul li.leaf, ul li.expanded { list-style-type: none; list-style-image: none }
textarea { resize: none; overflow: auto }
html { overflow-y: scroll; cursor: default; height: 100% }


/* ------ COMMON ------ */
body { min-height: 720px; height: 100%; margin: 0; padding: 0; color: #FFF; font: 300 normal 100% 'Roboto', sans-serif; line-height: 1.4em; background:  #006f91; background-size: 500px }
p { margin: 0 0 .8em }
li { margin: 0; padding: 0; list-style: none }
img { border: 0 }
h1 { font: 300 1.5em/1.2em 'Roboto',sans-serif; padding: 5px 0; margin: 0 0 25px; color: #FFF }
h2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font: 300 1.2em/1.2em 'Roboto',sans-serif; color: #FFF }
h2 span { padding: 0 10px; font: 400 0.55em/0 'Roboto',sans-serif  }
h3 { margin: 0 10px 15px; padding-bottom: 5px; font: 300 1.8em/1.2em 'Roboto',sans-serif; color: #FFF; border-bottom: 1px solid; text-transform: uppercase }
a { color: #00B9F2; text-decoration: none }
a:hover { color: #00B9F2; text-decoration: underline }


/* ------ STRUCTURE ------ */
#wrapper  { position: relative; overflow: hidden; width: 100%; height: 100% }
#header { overflow: hidden; width: 100%; text-align: center }
#header-inner { position: relative; overflow: hidden; width: 100%; margin: 70px auto }
#header-inner img { max-width: 385px; width: 90%; height: auto }
#page { position: relative; width: 75%; margin: auto }
#page-inner { width: 100%; margin: 0 auto; text-align: center;  }
#footer {  width: 100%; position: absolute; bottom: 0;   }
#footer-inner { width: 100%; margin: 0 auto; color: #EEE }


/* ------ CONTACT ------ */
.vcard {  width: 260px; padding: 35px; margin: 0 auto; background: rgba(255,255,255,.1); border-bottom: 6px solid #00B9F2; text-align: center }
.vcard a { color: #FFF }
.vcard a:hover { color: #00B9F2 }
.org { font-size: 1.2em; font-weight: 500 }
.tel { padding: 10px 0; font-size: 1.4em }
.url { font: 600 1em/2em 'Roboto',sans-serif }
.siret { font: 400 0.85em/3.5em 'Roboto',sans-serif  }