/*Intranet
------------------------------------------------------------------------------------------------------------ */
/*---------------------------------------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------- */


/*Titres small
------------------------------------------------------------------------------------------------------------ */

.small_h1{font-size:16px!important; text-align:center!important;}
.small_h2{font-size:16px!important; text-align:center!important;}
.very_small_h2{font-size:12px!important; text-align:center!important;}



/*Formulaire de connexion
------------------------------------------------------------------------------------------------------------ */

#formLogin {margin:auto; text-align:center;}
#formLogin input.user, #formLogin input.password{outline:none; width:45%; display:inline-block; padding:1% 2%; height:30px; border: 1px solid #1f1f1f;}
#formLogin input.user:focus, #formLogin input.password:focus { background-color:#f4f4f4; border:1px solid #d46c2a;}
#formLogin .valider { outline:none; margin-top:15px; margin-right:5px; margin-left:5px;display: inline-block; font-weight:bold; padding:2% 10%; font-size:22px; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:none; background: rgba(0,0,0,0.5); position:relative; text-align:center;}
#formLogin .valider:hover {background-color:#af541a;}


/*Margins et classes génériques
------------------------------------------------------------------------------------------------------------ */
.mb100{margin-bottom:100px;}
.ali_cent{text-align:center;}

/*Margins
------------------------------------------------------------------------------------------------------------ */
.title_rappel{float:left;}
.date_rappel{float:right;}
.descriptif_rappel{text-align:center;}
.pour_rappels{font-size:12px;}

#formAjoutRappels p{margin:auto; text-align:center;}
#formAjoutRappels input#date:focus,#descriptos:focus, #formAjoutRappels input#titre_rappel:focus, #formAjoutRappels input#id:focus, #formAjoutRappels textarea:focus { background-color:#f4f4f4; border:1px solid #d46c2a;}
#formAjoutRappels input#date, #formAjoutRappels input#titre_rappel, #formAjoutRappels input#id {outline:none; width:25%; display:inline-block; padding:1% 2%; height:30px; border: 1px solid #1f1f1f;}
#formAjoutRappels textarea {outline:none;margin-top:20px; display:inline-block; padding:10px; width:86%;border: 1px solid #1f1f1f;resize: none;}
#formAjoutRappels .submit_btn { margin-top:15px; margin-right:5px; margin-left:5px;display: inline-block; font-weight:bold; padding:10px 14px; font-size:15px; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:none; background: rgba(0,0,0,0.5); position:relative; text-align:center;}
#formAjoutRappels .submit_btn:hover {background-color:#af541a;}
.submit_btn { margin-top:15px; margin-right:5px; margin-left:5px;display: inline-block; font-weight:bold; padding:10px 14px; font-size:15px; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:none; background: rgba(0,0,0,0.5); position:relative; text-align:center;}
.submit_btn:hover {background-color:#af541a;}
#formAjoutRappels input#descriptos{margin-top:15px;outline:none; width:84.2%; display:inline-block; padding:1% 2%; height:30px; border: 1px solid #1f1f1f;}
/*Présentation
------------------------------------------------------------------------------------------------------------ */
#formAjoutRappels input#id_article, #formAjoutRappels input#titre_article{outline:none; width:40%; display:inline-block; padding:1% 2%; height:30px; border: 1px solid #1f1f1f;}
#formAjoutRappels input#id_article:focus, #formAjoutRappels input#titre_article:focus{ background-color:#f4f4f4; border:1px solid #d46c2a;}

#main img{width:100%; margin-top:15px; margin-bottom:15px;} 

.Btn_classic{margin-top:15px; margin-right:5px; margin-left:5px;display: inline-block; font-weight:bold; padding:10px 14px; font-size:15px; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:none; background: rgba(0,0,0,0.5); position:relative; text-align:center;}
.Btn_classic:hover {background-color:#af541a; color:#fff;}

/*Erreurs Formulaire
------------------------------------------------------------------------------------------------------------ */
.erreur_form{text-align:center; margin-top:15px;}




/*Tableaux
------------------------------------------------------------------------------------------------------------ */
#tableGestion{border:none; position:relative; margin:auto; }
#tableGestion td{border:1px solid #000; padding:5px;}




.hidden_txt_area{display:block; outline:none;margin-top:30px;  padding:10px; width:86%;border: 1px solid #1f1f1f;resize: none; position:relative; margin:auto;}

.hidden_txt_area:focus{ background-color:#f4f4f4; border:1px solid #d46c2a;}


.hidden{display:none!important;}




@media screen and (min-width:1600px){

#main img{width:70%; position:relative; margin:auto;margin-top:35px; margin-bottom:35px;}
}