/*

jaune clair : #E6E2AF
gris beige : #A7A37E
blanc : #EFECCA
turquoise : #046380
bleu foncé : #002F2F

*/



/* ======= General : deb ======= */
body{margin:0 0 0 0;padding:0 0 0 0;background-color:#E6E2AF;}
/* ======= General : deb ======= */




.image_accueil_div{
	width: 90%;
	margin: auto;
	margin-top:10px;
  text-align: center;
  position: relative;
  z-index:-100;
}

.image_accueil_img{
	width: 95%;
	margin: auto;
	border: 2px black solid;
	position: relative;
	z-index:-100;
}



/* ======= Index : deb ======= */
.tab_index{border:solid 0px black;width:100%;height:100%;margin:0 0 0 0;padding:0 0 0 0;border-collapse:collapse;}
.td_index_entete{border:solid 1px black;width:100%;height:35px;margin:0 0 0 0;padding:0 0 0 0;background-color:#A7A37E;}
.td_index_menu{border:solid 0px black;width:13%;margin:0;padding:0;padding-left:8px;vertical-align:top;}
.td_index_corps{border:solid 0px black;margin:0 0 0 0;padding:0 0 0 0;text-align:center;vertical-align:top}
.td_index_pied{border:solid 1px black;width:100%;height:35px;margin:0 0 0 0;padding:0 0 0 0;background-color:#A7A37E;}

.tab_index_page{border:1px solid black;width:95%;background-color:#046380;}
.td_index_page{border:1px solid black;background-color:#EFECCA;vertical-align:top}

.titre_page{font-weight:bold;font-size:14pt;color:#046380;}
@media all and (max-width: 991px){
	.titre_page{font-weight:bold;font-size:3em;color:#046380;}
}
/* ======= Index : fin ======= */

/* ======= Connexion : deb ======= */
.tab_connexion{width:300px;height:125px;background-color:#046380;color:#EFECCA;}
.rouge{color:red;}
.bleu{color:blue;}
.turquoise{color:#046380;}
.noir{color:#002F2F;}
.vert{color:green;}
.vertFonce{color:darkgreen;}
.vertClair{color:lightgreen;}
.td_con_left {text-align:right;}
.td_con_right{text-align:left;}
.boutons{color:#000000;font-weight:bold;}

@media all and (max-width: 991px){
	.rouge{color:red;font-size:3em;}
	.tab_connexion{width:90%;height:400px;background-color:#046380;color:#EFECCA;}
	.td_con_left {text-align:right;font-size:3em;width:50%;}
    .td_con_right{text-align:left;padding-right:10px;}
	.boutons{color:#000000;font-weight:bold;font-size:2em;}
	.input_con_text{font-size:3em;}
}
/* ======= Connexion : fin ======= */

/* ======= Menu : deb ======= */
.hr_menu{text-align:center;width:90%;margin:0;padding:0;}
/* ======= Menu : fin ======= */

/* ======= Entete : deb ======= */
/*.div_deco{position:absolute;padding:0px;padding-top:10px;padding-left:5px;margin:0px;top:0px;left:0px;height:24px;font-style:italic;z-index:2;font-weight:bold;}*/
.div_deco{padding:0px;padding-top:10px;padding-left:5px;margin:0px;top:0px;left:0px;height:24px;font-style:italic;z-index:2;font-weight:bold;}
@media all and (max-width: 991px){
	.div_deco{padding:0px;padding-top:10px;padding-left:5px;margin:0px;top:0px;left:0px;height:24px;font-style:italic;z-index:2;font-weight:bold;font-size:2em;}
}.titre_haut{position:relative;text-align:center;font-size:16pt;color:#002F2F;font-weight:bold;padding:0px;margin:0px;top:0px;left:0px;z-index:1;}
.lien1{color:#375D81;font-weight:normal;}
.lien1:hover{color:#5F8CA3;font-weight:normal;}
@media all and (max-width: 991px){
	.titre_haut{text-align:center;font-size:3em;margin: auto;width: 90%;height: 60px;}
}
/* ======= Entete : fin ======= */

/* ======= Pied : deb ======= */
.phrase_pied{text-align:center;font-size:8pt;font-style:italic;}
/* ======= Pied : fin ======= */

/* ======= Gestion compte : deb ======= */
.tab_ges_cpt_list_cpt{border:solid 1px black;background-color:#A7A37E;}
.td_ges_cpt_list_cpt{border:solid 1px black;text-align:center;font-weight:bold;background-color:#046380;color:#E6E2AF;padding-right:10px;padding-left:10px;}
.td_ges_cpt_list_cpt_supr{border:solid 1px black;text-align:center;font-weight:bold;background-color:gray;color:#E6E2AF;padding-right:10px;padding-left:10px;}
.img_bouton{vertical-align:middle;width:20px;height:20px;border:none;}
.td_ges_cpt_form{font-weight:bold;color:#002F2F;}
.lien2{color:#002F2F;font-style:italic;font-weight:bold;text-decoration:none;}
.lien2:hover{color:#046380;font-style:italic;font-weight:normal;text-decoration:none;}
/* ======= Gestion compte : fin ======= */

/* ======= Onglet : deb ======= */
.tab_onglet{border:1px solid black;border-collapse:collapse;width:95%;background-color:#EFECCA;}
.td_onglet_non{cursor:pointer;text-align:center;border:1px solid black;background-color:#A7A37E;color:#002F2F;font-weight:bold;}
.td_onglet_oui{cursor:pointer;text-align:center;border:1px solid black;border-bottom:none;background-color:#EFECCA;color:#002F2F;font-weight:bold;}
.td_onglet_page{vertical-align:top;text-align:center;border:1px solid black;border-top:none;background-color:#EFECCA;}
/* ======= Onglet : fin ======= */

/* ======= Gestion Transaction : deb ======= */
.input_calendar{text-align:center;font-weight:bold;color:black;}
/* ======= Gestion Transaction : fin ======= */

/* ======= Detail compte : deb ======= */
.td_detail_reel      {background-color:#046380;color:#E6E2AF;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}
.td_detail_prev      {background-color:lightgrey;color:#002F2F;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}

.td_detail_reel_montant {background-color:#EFECCA;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}
.td_detail_prev_montant {background-color:lightgrey;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}

.td_detail_reel_titre      {background-color:#002F2F;color:#E6E2AF;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}
.td_detail_reel_titre_right{background-color:#002F2F;color:#E6E2AF;border:solid 1px black;text-align:right;font-weight:bold;padding-right:10px;padding-left:10px;}

.td_detail_prev_titre      {background-color:gray;color:#E6E2AF;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}
.td_detail_prev_titre_right{background-color:gray;color:#E6E2AF;border:solid 1px black;text-align:right;font-weight:bold;padding-right:10px;padding-left:10px;}

.td_detail_tab_prevision {background-color:lightgreen;color:black;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}

.img_detail_bouton{vertical-align:middle;border:none;}
.img_fleche{vertical-align:middle;border:none;width:20px;margin-bottom:9px;margin-top:7px;}
.select_detail_style{font-size:12pt;margin-bottom:8px;margin-top:8px;}

.lien3       {color:#E6E2AF;font-weight:bold;text-decoration:none;}
.lien3:hover {color:#A7A37E;font-weight:bold;text-decoration:none;}
.lien3_prev       {color:#002F2F;text-decoration:none;}
.lien3_prev:hover {color:#5F8CA3;text-decoration:none;}
/* ======= Detail compte : fin ======= */


.buttonTout{color:#046380;text-decoration:none;outline:none;background:none;border:none;cursor:pointer;}
.buttonTout:hover {color:#002F2F;text-decoration: none;background:none;border:none;cursor:pointer;}

/* ======= menu responsive pour mobile : deb =============== */
nav 
{
    margin: auto;
    width: 90%;
    height: 40px;
    background: #48435C;
}
 
nav .main_pages{display: flex;justify-content: space-around;align-items: center;}
 
nav .main_pages a 
{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    color: white;
	margin-right:5px;
	font-size: 18px;
}
 
nav a:hover{background: #5A5766;}
label, #toggle{display: none;}

@media all and (max-width: 991px)
{
    nav
    {
        height: 150px;
    }
 
    nav .main_pages 
    {
        display: none;
        flex-direction: column;
        background: #48435C;
        height: 560px; /* A changer si ajout de lien + 70px*/
		z-index:100;position:relative;
    }
 
    nav .main_pages a {
        width: 100%;
		height: 100px;
		font-size: 30px;
		
    }
 
    label 
    {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 100px;
        color: white;
        cursor: pointer;
		
    }
	#toggle:checked + .main_pages {display: flex;}

}
/* ======= menu responsive pour mobile : fin =============== */