@charset "utf-8";
/*@media (prefers-color-scheme: dark) {*/

/*    :root {*/
/*        --cadre-background-color: #37393a;*/
/*        --text-background-color: #272727;*/
/*        --hover-background-color: #2c2e30;*/
/*        --homepage-background-color: #37393A;*/
/*        --table-hover-background-color: #20296f;*/
/*        --titre-color: #c8c8c8;*/
/*        --text-color: #a8a8a8;*/
/*        --footer-color: #98a4b1;*/
/*    }*/

/*}*/

/*@media (prefers-color-scheme: light) {*/

/*    :root {*/
/*        --cadre-background-color: #0e45b3;*/
/*        --text-background-color: #f8f8f8;*/
/*        --hover-background-color: #e5e5e5;*/
/*        --homepage-background-color: #dbdbdb;*/
/*        --table-hover-background-color: #b0b9ff;*/
/*        --titre-color: #000000;*/
/*        --text-color: #272727;*/
/*        --footer-color: #000000;*/
/*    }*/

/*}*/

:root {
    --text-color: #b71a5d;
    --titre-color: #b71a5d;
    --footer-color: #ffffff;
    --date-color: #111111;
    --link-color: #111111;
    --biblio-color: #111111;
    --text-background-color: #fff9e8;
    --cadre-background-color: #52062f;
    --navbar-background-color: #933355;
    --navbar-color: #ffffff;
    --navbar-hover-background-color: #c66d68;
    --navbar-hover-color: #933355;
    --dropdown-background-color: #a34365;
    --dropdown-color: #ffffff;
    --dropdown-hover-background-color: #c66d68;
    --dropdown-hover-color: #933355;
    --important-text-color: #ff0000;
}

body {
    background: var(--cadre-background-color);
    color: var(--text-color);
    font-family: "Franklin gothic", sans-serif;
}

h1 {
    font-size: 24px;
}

h2 {
    margin-top: 50px;
    font-size: 28px;
}

h3 {
    margin-top: 50px;
}

.template_color {
    color: var(--text-background-color);
}

.template_border_color {
    border-color: var(--text-background-color);
}

.template_backgroundcolor {
    color: var(--text-background-color);
}

.titre, .titre a {
    color: var(--titre-color);
    border-bottom: 0px;
    font-size: 24px;
    margin-bottom: 50px;
}

.template_external {
    color: var(--text-background-color);
}


#template_wrapper {
    background-color: var(--cadre-background-color);
    border: 1px solid var(--cadre-background-color);
}

#template_main {
    background-color: transparent;
    margin-top: 0px;
}

#template_content {
    background-color: var(--text-background-color);
    padding-left: 100px;
    padding-bottom: 50px;
    padding-right: 100px;
    padding-top: 50px;
}

#template_foot {
    background-color: var(--cadre-background-color);
    border: solid var(--cadre-background-color);
    color: var(--footer-color);
}

a {
    color: var(--link-color);
}

div#header {
    border: solid var(--text-background-color);
}

#template_menu {
    padding: 0px;
}

#template_link {
    background-color: transparent;
    border-bottom: 0px;
    margin-top: -80px;

}

#template_header {
    padding-top: 10px;
    padding-bottom: 50px;

}

.tpl_nav_h {
    margin-bottom: 0px
}

div#mainmenu {
    background-color: transparent;
    height: 39.2px;
}

div#mainmenu ul {
    margin: 0px;
}

div#mainmenu ul li {
    border-left: 1px dotted var(--navbar-color);
}

div#mainmenu ul li a {
    color: var(--navbar-color);
}

div#mainmenu ul li:hover {
    background-color: var(--navbar-hover-background-color);
    color: var(--navbar-hover-color);
    border-radius: 4px;
}

div#mainmenu ul li:hover > a {
    color: var(--navbar-hover-color)
}

div#mainmenu ul li a:hover {
    background-color: var(--navbar-hover-background-color);
    color: var(--navbar-hover-color)
}

div#mainmenu ul ul {
    background-color: var(--dropdown-background-color);
    width: 210px;
}

div#mainmenu ul ul li {
    border-left: 1px solid var(--dropdown-color);
    border-bottom: 1px dotted var(--dropdown-color);
    background-color: var(--dropdown-background-color);
    width: 200px;
}

div#mainmenu ul ul li a {
    color: var(--dropdown-color);
}

div#mainmenu ul ul li a:hover {
    background-color: var(--dropdown-hover-background-color);
    color: var(--dropdown-hover-color);
}

.fll {
    margin-bottom: 0px
}

.dropdown-content {
    background-color: var(--dropdown-background-color);
    border: 1px solid var(--dropdown-color);
}

.dropdown-content a {
    color: var(--dropdown-color);
}

.dropdown-content a:hover {
    background-color: var(--dropdown-hover-background-color);
    color: var(--dropdown-hover-color)
}

.formcontent, .divhover {
    border: 1px solid var(--text-color);
}

.divhover:hover, #div_login {
    background-color: var(--hover-background-color);
}

.tableau tbody tr:nth-child(odd), .tableau tbody tr.nohover:hover:nth-child(odd), .tableau tbody tr.nohover:nth-child(odd) table tbody tr {
    background-color: var(--homepage-background-color);
}

.tableau tbody tr:nth-child(even), #listPages > ol > li:nth-child(2n), .tableau tbody tr.nohover:nth-child(even), .tableau tbody tr.nohover:hover:nth-child(even) table tbody tr {
    background-color: var(--hover-background-color);
}

.tableau tbody tr:hover, .tableau tbody tr:hover tr, #listPages ol li:hover {
    background-color: var(--table-hover-background-color);
}

#header_logo {
    height: 116px;
}

#template_header #header_title {
    font-size: 36px;
}


.pr_10 {
    padding-top: 50px;
}

#important {
    font-size: 20px;
    font-weight: bold;
    color: var(--important-text-color);
    /*display: visible;*/
}

#main_content {
    width: 60%;
    vertical-align: top;
    text-align: justify;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

#secondary_content {
    width: 39vw;
    /*background-color: var(--dropdown-hover-background-color);*/
    /*color: var(--dropdown-hover-color);*/
    vertical-align: initial;
    text-align: center;
    font-weight: bold;
    padding: 20px;
    /*background: url("https://jjcaas2024.sciencesconf.org/data/boulepetanque.png") no-repeat top;*/
    background-size: 20vw;
    color: var(--date-color);
}

.infos_conf {
    text-align: justify;
}

.tpl_content_h {
    padding: 50px;
}

.portrait_container {
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 10px;
    /*vertical-align: center;*/
}

.portrait {
    max-width: 150px;
    max-height: 200px;
    height: 200px;
    width: auto;
    object-fit: cover;
    /*align-self: center;*/
    align-items: center;
}

#template_external {
    margin: 0px;
}

li {
    margin-bottom: 5px;
}

.logo_container {
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 30px;
}

.logo_sponsor {
    max-height: 180px;
    max-width: 320px;
    align-items: center;
}

div#sponsors {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
}

.titre_row {
    margin-top: 100px;
}

div#inscription {
    margin: 100px;
    text-align: center;
    display: none;
    color: var(--important-text-color);
    font-size: 40px;

}

div#inscription a {
    color: var(--important-text-color);
    font-size: 40px;
}

.date {
    margin-top: 10px;
}


.entreprise#entreprise_title {
    visibility: visible;
}

.entreprise#entreprise_line1 {
    visibility: visible;
}

.entreprise#entreprise_name1 {
    visibility: visible;
}

.entreprise#entreprise_line2 {
    visibility: visible;
}

.entreprise#entreprise_name2 {
    visibility: visible;
}

.tutelle {
    visibility: visible;
}

.labo {
    visibility: visible;
}

.sfa {
    visibility: visible;
}

td#prism {
    visibility: visible;
}

td#prism_name {
    visibility: visible;
}

td#cnrs {
    visibility: visible;
}

td#cnrs_name {
    visibility: visible;
}

td#amu {
    visibility: visible;
}

td#amu_name {
    visibility: visible;
}

td#ed353 {
    visibility: visible;
}

td#ed353_name {
    visibility: visible;
}

td#ed354_name {
    visibility: collapse;
}


td#ilcb {
    visibility: visible;
}

td#ilcb_name {
    visibility: visible;
}

td#inciam {
    visibility: visible;
}

td#inciam_name {
    visibility: visible;
}


#accueil_content {
    padding-left: 0px;
}

#administrative_message {
    display: none;
}

.img_monument {
    float: right;
    margin: 10px;
}

.portrait_description {
    text-align: center;
}

.btngrp {
    background: transparent;
}

.menu_niveau_1_on {
    background-color: transparent;
}

.programme {
    align-content: center;
    justify-content: center;
    display: flex;
    padding: 100px;
}

.img_programme {
    width: 60vw;
}

td.space {
    width: 100px;
}

.planning {
    justify-content: center;
    align-content: center;
    display: flex;
}

.tarif_value {
    padding-right: 5px;
    padding-left: 50px;
    justify-content: right;
    display: flex;
}

.tarif_entry {
    padding-right: 5px;
    padding-left: 5px;
}

.tarif_table {
    margin: 100px;
}

table#tarif_table {
    border: 1px solid black;
    border-collapse: collapse;

}

.text_cgv {
    padding-right: 5px;
    padding-left: 20px;
}

.entry_cgv {
    padding-right: 5px;
    padding-left: 5px;
}

.cgv_table {
    margin: 100px;

}

table#cgv_table {
    border: 1px solid black;
    border-collapse: collapse;
}

.solid_border {
    border: 1px solid black;
}

p.bio {
    margin-top: 0px;
    margin-bottom: 0px;
}

.session_flash {
    padding: 5%;
    justify-content: center;
    display: flex;
}

.session {
    padding: 2%;
    max-width: 96%;
    justify-content: inherit;
    display: flex;
}

.plan_container{
    padding: 5%;
    padding-top: 0px;
}
.plan {
    max-width: 40%;
}

div#photo_fin{
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 100px;

}

.photo_grand{
    max-width: 100%;
    /*max-height: 200px;*/
    /*height: 200px;*/
    /*width: auto;*/
    object-fit: cover;
    align-self: center;
    align-items: center;
}

div#bilan{
    vertical-align: top;
    text-align: justify;
}

.biblio{
    color: var(--biblio-color);
}
