
/* Section consultation --------------------------------- */
#section_1_new_page {
    min-height: 500px;
}

#section_1_new_page .container_section {
    display: block;
}

/* Pour l'Affichage en douceur ----------------------------------------- */
#section_1_new_page .container_section {
    display: none;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .9s ease, transform .9s ease;
    z-index: 7;
}

#section_rv,
#section_rv_passes,
#section_fa_rv {
    min-height: 500px;
    background-color: #F4F6F7; 
}

#section_rv_passes,
#section_fa_rv {
    background-color: #F4F6F6; 
}

#section_dlc_cash {
    min-height: 300px;
    background-color: #F9F7F7; 
}

.container_titre_section {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #2B8325;
    margin-bottom: 12px;
}

.container_titre_section .content_text {
    display: flex;
    justify-content: flex-start;
    height: 25px;
    line-height: 25px;
}

.container_titre_section .content_text div.text {
    display: inline-block;
    font-family: Saira;
    font-size: 16px;
    letter-spacing: 1.2px;
    font-weight: 400;
    color: #fff;
    background-color: #2B8325;
    padding: 0 0 0 10px;
}

.triangle {
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #2B8325;
    margin-left: -1px;
}

.plus-sign {
    position: absolute;
    font-weight: 400;
    font-family: roboto;
    font-size: 40px;
    color: #2B8325;
    right: 0px;
    bottom: -24px;
}

.contenair_sous_menu_hori ul {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    font-size: 14px;
    padding: 0;
    margin-bottom: 26px;
}

.contenair_sous_menu_hori ul li {
    padding: 10px 0;
}

.contenair_sous_menu_hori ul a i {
    padding-right: 10px;
}

.contenair_sous_menu_hori ul a {
    position: relative;
    text-decoration: none;
    color: #074575;
    transition: color 0.3s ease;
    cursor: pointer;
}

.contenair_sous_menu_hori ul span {
    position: absolute;
    left: 50%;
    bottom: -2.5px;
    width: 0;
    height: 1px;
    transform: translateX(-50%);
    background: #90C404;
    transition: width 0.4s ease;
}

.contenair_sous_menu_hori ul li:first-child {
    margin-right: 36px;
}

.contenair_sous_menu_hori ul li:nth-child(3) {
    margin-left: 36px;
}


.contenair_sous_menu_hori ul li:first-child span {
    width: 100%; 
}

.contenair_sous_menu_hori ul li:first-child a {
    color: #2B8325;
}

.contenair_sous_menu_hori ul a:hover span {
    width: 100%; 
}

.container_details_section{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Saira;
    color: #444;
    letter-spacing: 1.2px;
    margin-top: 24px;
}

.container_details_section .content_text{
    max-width: 600px;
    width: 100%;
    font-size: 16px;
    text-align: justify;
}

#edit_date_rv{
    position: relative;
    display: block;
    z-index: 30;
}

/* Pour l'affichage en douceur -------------------------  */
#content_rv,
#content_rv_passes {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity .9s ease, transform .9s ease;
}

/* RV ------------------------------------------------------- */

.container_rv,
.container_fa {
    display: block;
    width: 100%;
    margin-bottom: 36px;
    background: transparent;
}

table.rv, table.fa {
	display: inline-block;
	width: 100%;
    border-collapse: collapse;
    border: .5px solid none;
    font-family: Saira;
    font-size: 14px;
    letter-spacing: 1.2px;
    font-weight: 400;
    color: #002845;
    background: transparent;
}

table.rv tr td,
table.fa tr td,
table.rv tr th,
table.fa tr th {
    text-align: center;
    border: .4px solid #F4F6F7;
    padding: 3px 10px;
}

table.fa tr th {
    padding: 6px 10px;
}

table.rv th,
table.fa th {
	font-weight: 400;
    background: #546C86;
    color: #fff;
}

table.rv td,
table.fa td {
    border-top: none;
    border-bottom: none;
}

table.rv td.tdLeft,
table.fa td.tdLeft {
	text-align: left;
}


table.rv tbody tr.tr_tbody:nth-child(even) td,
table.fa tbody tr.tr_tbody:nth-child(even) td {
/*    background-color: #FBFCFC;*/
}

table.rv tbody,
table.fa tbody {
    font-size: 90%;
/*    font-style: italic;*/
}
.rv thead th:nth-child(1) ,
.fa thead th:nth-child(1) {
    width: 3%;
}

.rv thead th:nth-child(2) ,
.fa thead th:nth-child(2) {
    width: 3%;
}

.rv thead th:nth-child(3){
    width: 25%;
}
.fa thead th:nth-child(3){
    width: 30%;
}

.rv thead th:nth-child(4) {
    width: 34%;
}
.fa thead th:nth-child(4){
    width: 25%;
}

.rv thead th:nth-child(5),
.fa thead th:nth-child(5){
    width: 10%;
}

.rv thead th:nth-child(6) {
    width: 25%;
}

.fa thead th:nth-child(6) {
    width: 12%;
}

.fa thead th:nth-child(7) {
    width: 17%;
}

.rv .lien_cons a {
    text-decoration: none;
    text-transform: none;
    font-family: Saira;
    letter-spacing: 1.2px;
    font-size: 12.5px;
    color: #002845;
    cursor: pointer;
}

.rv .lien_cons a:hover {
    color: #90C404;
}

.rv .check {
    position: relative;
    font-weight: 500;
    font-family: sans-serif;
    font-size: 17px;
    color: #1B5E20;
}

/* Bouton********************************************* */
.btn_div-Confirmer {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0 auto; padding: 0;
    background-color: transparent;
}

.rv button{
    display: flex;
    width: 100px;
    height: 20px;
    text-align: center;
    font-family: Saira;
    font-size: 12.5px;
    letter-spacing: 1.2px;
    border: .5px solid #90C404;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: background-color .28s, color .28s;
}

.rv button:hover {
    background-color: #90C404;
    color: #fff;
    border: .5px solid #90C404;
}

