/*Debut page single-event.php*/
#primary{
    width: 100%;
    padding-top: 200px;
}

.formation_partenaire,
.formation_smc{
    display: flex;
    padding: 25px;
    background-color: white;
}

.col_droite_1,
.col_droite_2,
.col_droite_2_intra,
.col_droite_explication{
    display: flex;
}
.col_droite_inter, .col_droite_intra{
    width: 49% !important;
    display: inline-block;
}

.col_droite_2 div{
    width: 95%;
    background-color: #e9eaf3!important;
    border-radius: 8px;
    margin: 10px;
    padding: 5px;
    text-align: -webkit-center;
}

.col_droite_2_inter{
    background-color: #e9eaf3!important;
    padding: 15px!important;
    width: 100%!important;
    margin: 10px!important;
    border-radius: 8px!important;
}

.btn_intra{
    font-family: "Helvetica", Sans-serif;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #F39424;
    border: solid 2px #F39424!important;
    border-radius: 5px;
    padding: 10px;
    display: block;
    width: 95%;
    margin: 10px;
    text-align: center;
}

.btn_intra:hover{
    color: #F39424!important;
    background-color: #FFFFFF;
    border: solid 2px #F39424!important;
}

.btn_intra_inter{
    font-family: "Helvetica", Sans-serif;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #002440 !important;
    border: solid 2px #002440 !important;
    border-radius: 5px;
    padding: 10px;
    display: block;
    width: 95%;
    margin: 10px;
    text-align: center;
}

.btn_intra_inter:hover{
    color: #002440!important;
    background-color: #ffffff !important;
    border: solid 2px #002440 !important;
}

.btn_explication_inter{
    font-family: "Helvetica", Sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #002440;
    border: solid 2px #002440 ;
    border-radius: 5px;
    padding: 5px;
    width: 90%;
    margin: 10px;
    position: relative;
    display: inline-block;
    text-align: center;
}

.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}


.tooltip .tooltiptext {
visibility: hidden;
font-weight: normal;
width: 250px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 15px;
margin: 5px;
position: absolute;
z-index: 1;
top: -5px;
right: 110%;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
width: 180px;
top: 50%;
left: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}

.tooltiptext li{
list-style:none;
}

.btn_explication{
    font-family: "Helvetica", Sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #F39424;
    border: solid 2px #F39424;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    width: 90%;
    margin: 10px;
    text-align: center;
}

.title_formation{
font-family: 'Josefin Sans', sans-serif;
font-size: 35px;
color: #014882;
font-weight: 600;
}

.col_gauche{
width: 60%;
padding: 45px;
}

.col_droite{
width: 44%;
display: inline-block;
}

.col_gauche h3{
font-family: 'Josefin Sans', sans-serif;
font-size: 32px;
color: #014882;
font-weight: 600;
}

.col_gauche hr{
width: 15%;
background-color: #F39424;
height: 5px;
display: inline-block;
margin: 15px 0px;
}

.col_gauche p{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #020101;
font-weight: 400;
}

/* .programmeFormation{
font-family: "Helvetica", Sans-serif;
color: #ffffff!important;
background-color: #002440;
border: solid 2px #002440!important;
border-radius: 15px;
width: 50%;
text-align: center;
padding: 10px;
margin-bottom: 15px;
}

.programmeFormation:hover{
background-color: #FFFFFF;
color: #002440!important;
border: solid 2px #002440!important;
} */

.programmeFormation {
    font-family: "Helvetica", Sans-serif;
    color: #ffffff !important;
    background-color: #002440;
    border: solid 2px #002440 !important;
    border-radius: 15px;
    width: 50%;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
}

.programmeFormation:hover {
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.programmeFormation a {
    color: #ffffff !important;
    text-decoration: none;
}

.programmeFormation:hover a {
    color: #002440 !important;
}

.col_gauche div a{
color: white!important;
font-weight: 600;
font-size: 16px;
}

.col_gauche ul li{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #020101;
font-weight: 400;
}

.col_droite_1 div{
width: 50%;
background-color: #e9eaf3;
border-radius: 8px;
margin: 10px;
padding: 0px;
text-align: -webkit-center;
}
.col_droite_1 div p{
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
color: #4054b2;
font-weight: 400;
text-align: center;
margin: 0px;
padding-bottom: 10px;
padding-top: -15px;
}

.favicon_1{
font-size: 40px;
fill: #4054b2;
color: #4054b2;
border-color: #4054b2;

}

.col_droite_3 div{
border-radius: 8px;
background-color: #e9eaf3;
padding: 10px 15px;
width: 95%;
margin: 20px 15px 10px 10px;
}

.col_droite_3 div h3{
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 20px;
color: #4054b2;
text-align: center;
margin-bottom: 15px;
}

.col_droite_3 div p{
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
font-size: 19px;
color: #4054b2;
text-align: center;
margin: 0px;
}

.col_droite_2 div h3{
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 18px;
color: #4054b2;
text-align: center;
padding-top: 15px;
}

.col_droite_2 div h4{
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 25px;
color: #4054b2;
text-align: center;
}

.col_droite_2 div p{
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
color: #4054b2;
text-align: center;
}

.civicrm-event-organiser-register-link{
margin-top: 0px;
font-family: "Helvetica", Sans-serif;
font-size: 13px;
font-weight: 600;
color: #FFFFFF!important;
background-color: #F39424;
border-color: rgba(2, 1, 1, 0.01);
border-radius: 5px;
padding-top: 10px;
padding-right: 40px;
padding-bottom: 10px;
padding-left: 40px;
display: block;
border: solid 1px #F39424!important;
}

.civicrm-event-organiser-register-link:hover{
background-color: #ffffff;
color:#F39424!important;
border: solid 1px #F39424!important;
}

.civicrm-event-register-link{
list-style: none;
content: "test";
display: flex;
justify-content: center;
align-items: center;
margin: auto;
text-align: center;
font-weight: 500;
width: 50%;
}

.col_droite_2 {
height: 450px;
}
@media screen and (max-width:700px){
.formation_partenaire,
.formation_smc {
    display: block;
    background-color: white;
    padding: 25px;
}

.title_formation {
    font-size: 34px;
}

.col_gauche {
    width: 100%;
    padding: 45px;
}

.programmeFormation {
    width: 100%;
}

.col_droite{
    width: 100%;
    padding: 30px;
}

.col_droite_1,
.col_droite_2 {
    display: block;
}

.col_droite_1 div {
    width: 95%;
    margin-bottom: 10px;
}

.col_droite_2 div {
    width: 95%;
    padding: 5px;
}

.col_gauche h3 {
    font-size: 27px;
}

.col_gauche hr {
    width: 40%;
}
.col_droite_2_intra {
    display: block;
}

.col_droite_explication {
    display: block;
}

.btn_intra {
    font-family: "Helvetica", Sans-serif;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #F39424;
    border: solid 2px #F39424!important;
    border-radius: 5px;
    padding: 10px;
    display: block;
    width: 95%;
    margin: 10px;
    text-align: center;
}

.btn_intra_inter{
    font-family: "Helvetica", Sans-serif;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #002440 !important;
    border: solid 2px #002440 !important;
    border-radius: 5px;
    padding: 10px;
    display: block;
    width: 95%;
    margin: 10px;
    text-align: center;
}

.btn_explication_inter{
    font-family: "Helvetica", Sans-serif;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #002440;
    border: solid 2px #002440!important;
    border-radius: 5px;
    padding: 10px;
    display: block;
    width: 95%;
    margin: 10px;
    text-align: center;
}

.btn_explication {
    font-family: "Helvetica", Sans-serif;
    font-weight: bold;
    color: #FFFFFF!important;
    background-color: #F39424;
    border: solid 2px #F39424!important;
    border-radius: 5px;
    padding: 10px;
    display: block;
    width: 95%;
    margin: 10px;
    text-align: center;
}
}

@media screen and (max-width:1420px) and (min-width:701px){
.formation_partenaire,
.formation_smc {
    display: flex;
    background-color: white;
    padding: 0px;
    padding-right: 15px;
}

.title_formation {
    font-size: 34px;
}

.col_gauche {
    width: 100%;
    padding: 45px;
}

.programmeFormation {
    width: 100%;
}

.col_droite{
    width: 100%;
}

.col_droite_1 {
    display: block;
}

.col_droite_1 div {
    width: 95%;
    margin-bottom: 10px;
}

.col_droite_2 {
    display: block;
}

.col_droite_2 div {
    width: 95%;
    padding: 5px;
}

.col_gauche h3 {
    font-size: 27px;
}

.col_gauche hr {
    width: 40%;
}


    .col_droite_2_intra {
        display: block;
    }

    .col_droite_explication {
        display: block;
    }

    .btn_intra {
        font-family: "Helvetica", Sans-serif;
        font-weight: bold;
        color: #FFFFFF!important;
        background-color: #F39424;
        border: solid 2px #F39424!important;
        border-radius: 5px;
        padding: 10px;
        display: block;
        width: 95%;
        margin: 10px;
        text-align: center;
    }

    .btn_intra_inter {
        font-family: "Helvetica", Sans-serif;
        font-weight: bold;
        color: #FFFFFF!important;
        background-color: #002440;
        border: solid 2px #002440!important;
        border-radius: 5px;
        padding: 10px;
        display: block;
        width: 95%;
        margin: 10px;
        text-align: center;
    }

    .btn_explication_inter {
        font-family: "Helvetica", Sans-serif;
        font-weight: bold;
        color: #FFFFFF!important;
        background-color: #002440;
        border: solid 2px #002440!important;
        border-radius: 5px;
        padding: 10px;
        display: block;
        width: 95%;
        margin: 10px;
        text-align: center;
    }

    .btn_explication {
        font-family: "Helvetica", Sans-serif;
        font-weight: bold;
        color: #FFFFFF!important;
        background-color: #F39424;
        border: solid 2px #F39424!important;
        border-radius: 5px;
        padding: 10px;
        display: block;
        width: 95%;
        margin: 10px;
        text-align: center;
    }
}

@media screen and (max-width:1000px) and (min-width:860px){
.programmeFormation {
    width: 100%;
}
}

@media screen and (max-width:650px){
.page-title{
    font-size: 30px;
}

.content-area-eventorganiseur {
    padding: 50px 5% 50px 5%!important;
}

.event_list_block_categorie {
    grid-template-columns: repeat(1, 90%);
    padding: 0px 0px 50px 0px;
}

.return_categorie {
    margin: 30px 0px 20px 6%;
}
}

@media screen and (max-width:550px){
.btn_ensavoir {
    width: 80%;
}

.event_list_block {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    text-align: center;
}

}

@media screen and (max-width:768px) and (min-width:551px){
.event_list_block {
    display: grid;
    grid-template-columns: repeat(2, 46%);
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    text-align: center;
}
}

@media screen and (max-width:1024px) and (min-width:650px){
.page-title{
    font-size: 30px;
}

.content-area-eventorganiseur {
    padding: 50px 5% 50px 8%!important;
}

.event_list_block_categorie {
    grid-template-columns: repeat(2, 40%);
    padding: 0px 0px 50px 0px;
}

.return_categorie {
    margin: 30px 0px 20px 6%;
}

.btn_ensavoir {
    width: 100%;
}

}

@media screen and (max-width:1440px) and (min-width:1024px){
.content-area-eventorganiseur {
    padding: 50px 10% 50px 10%!important;
}

.return_categorie {
    margin: 30px 0px 20px 6%;
}

.btn_ensavoir {
    width: 100%;
}

.event_Category_PetitDej {
    width: 60%;
}

}

@media screen and (max-width:1585px) and (min-width:1440px){
.content-area-eventorganiseur {
    padding: 50px 15% 50px 15%!important;
}

.btn_ensavoir {
    width: 80%;
}

}

@media screen and (max-width:1865px) and (min-width:1585px){
.btn_ensavoir {
    width: 80%;
}
}

@media screen and (min-width:2000px){
.event_list_block {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    text-align: center;
}

.btn_ensavoir {
    width: 80%;
}
}

@media screen and (max-width:425px){
.formation_partenaire,
.formation_smc {
    display: block;
    background-color: white;
    padding: 0px;
}

.col_gauche,
.col_droite {
    width: 100%;
    padding: 20px;
}

.formation {
    margin-left: auto!important;
    margin-right: auto!important;
    background-color: #002440!important;
    padding: 200px 10% 50px 10%!important;
}

.col_droite_3 div {
    border-radius: 8px;
    background-color: #e9eaf3;
    padding: 10px 15px;
    width: 95%;
    margin: 10px 15px 10px 10px;
}

.page-a {
    display: block;
    padding-bottom: 15px;
    font-size: 16px;
    padding: 30px 20px 0px 7%;
    background-color: white;
}

.col_droite_inter,
.col_droite_intra{
    width: 100% !important;
    display: block;
}
}
  /*Fin page single-event.php*/