@font-face{
    font-family:'muliregular';
    src:url('fonts/muli-regular-webfont.woff2') format('woff2'),
         url('fonts/muli-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}

@font-face{
    font-family:'mulilight';
    src:url('fonts/muli-light-webfont.woff2') format('woff2'),
         url('fonts/muli-light-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}

@font-face{
    font-family:'mulibold';
    src:url('fonts/muli-bold-webfont.woff2') format('woff2'),
         url('fonts/muli-bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}

body{
	background-image:url('images/background/background.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100% 100%;
	font-family:muliregular;
	font-style:normal;
	font-weight:normal;
	font-size:normal;

	/* background-color:white; */
	/* font:85% "Trebuchet MS", sans-serif; */
}

html, body{
	margin:0;
	padding:0;
}

/* suppression du contour bleu sur Chrome lors du focus sur un champ */
input:focus,
select:focus,
textarea:focus,
button:focus{
    outline: none;
}

button, select, input, textarea{
	margin:0px;
	border:1px #A0A0A0 solid;
	border-radius:30px;
	font-size:normal;
	font-family:muliregular;
	font-style:normal;
	font-weight:normal;
	font-size:15px;

	/* permet d'avoir la largeur sans decalage pour tous les elements */
    -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing:border-box;    /* Firefox, other Gecko */
    box-sizing:border-box;         /* Opera/IE 8+ */
}

input[type="radio"]{
	width:30px;
}

button{
	background:black;
	color:white;
	cursor:pointer;
	transition:all 0.5s;
}

button:hover{
	background-color:#E42A14;
}

select{
	padding-left:15px;
}

input{
	padding-left:18px;
}

hr{
	/* border:1px black dashed; */
}

h1, h2, h3{
	font-weight:bold;
	color:black;
}

h4, h5, h6{
	font-weight:normal;
	color:#7A7B81;
}

table{
	border-spacing:0;
	border-collapse:collapse;
}

table tr,td{
	padding:0px;
	margin:0px;
}




.button_params{
	/* margin:10px 0; */
	/* padding:10px; */
	/* width:30%; */
}

.button_params_titre{
	/* text-transform:uppercase; */
	/* font-size:larger; */
	/* font-weight:bold; */
	/* padding:5px 0; */
}

.button_params_ssmenu{
	/* font-weight:bold; */
}

.colonnes_params_infos{
	/* display:inline-block; */
	/* vertical-align:top; */
}

.saisie_zone_ocr{
	/* width:35px; */
}

.zone_ocr, *[id^="zone_ocr_"]{
	border-color:#E42A14;
	/* border:solid; */
	/* border-width:0px; */
}

.message{
	color:#E42A14;
	/* font-weight:bold; */
}

.tooltip{
	display:inline-block;
	background-image:url('images/icones_pages/Icon-feather-info-inactif.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:14px;
	height:14px;
	cursor:pointer;
}

.tooltip:hover{
	display:inline-block;
	background-image:url('images/icones_pages/Icon-feather-info-actif.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:14px;
	height:14px;
	cursor:pointer;
}

.no_rounded{
	border-radius:0px;
}

.bold{
	font-weight:bold;
}

.hidden{
	display:none;
}

.inline-block{
	display:inline-block;
}

.no_wrap{
	white-space:nowrap;
}

/************************/
/***** MENU HEADER *****/
/************************/

#header{
	background-color:white;
	color:black;
	height:58px;
	padding:0px;
	margin-bottom:20px;
}

#header_logo{
	background-image:url('images/icones_menu/logo header.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

/* boutons */
#header_logo #btn_archiver{
	position:absolute;
	left:55px;
	background-image:url('images/icones_menu/Icon feather-archive.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:22px;
	height:19px;
	margin-top:19.5px;
}

#header_logo #btn_archiver:hover, .btn_archiver_active{
	background-image:url('images/icones_menu/Icon feather-archive-red.png') !important;
}


#header_logo #btn_rechercher{
	position:absolute;
	left:100px;
	background-image:url('images/icones_menu/Icon ionic-ios-search.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:18px;
	height:18px;
	margin-top:20px;
}

#header_logo #btn_rechercher:hover, .btn_rechercher_active{
	background-image:url('images/icones_menu/Icon ionic-ios-search-red.png') !important;
}



#header_logo #btn_home{
	position:absolute;
	right:145px;
	background-image:url('images/icones_menu/Icon feather-home.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:17px;
	height:18px;
	margin-top:20px;
}

#header_logo #btn_home:hover{
	background-image:url('images/icones_menu/Icon feather-home-grey.png');
}


#header_logo #btn_parametres{
	position:absolute;
	right:100px;
	background-image:url('images/icones_menu/Icon feather-settings.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:19px;
	height:19px;
	margin-top:19.5px;
}

#header_logo #btn_parametres:hover{
	background-image:url('images/icones_menu/Icon feather-settings-grey.png');
}


#header_logo #btn_exit{
	position:absolute;
	right:55px;
	background-image:url('images/icones_menu/Icon ionic-ios-log-out.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:22px;
	height:19px;
	margin-top:19.5px;
}

#header_logo #btn_exit:hover{
	background-image:url('images/icones_menu/Icon ionic-ios-log-out-grey.png');
}


/* dividers */
#header_logo #divider_left1{
	position:absolute;
	left:90px;
	background-image:url('images/icones_menu/divider.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:1px;
	height:58px;
}

#header_logo #divider_right1{
	position:absolute;
	right:90px;
	background-image:url('images/icones_menu/divider.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:1px;
	height:58px;
}

#header_logo #divider_right2{
	position:absolute;
	right:130px;
	background-image:url('images/icones_menu/divider.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:1px;
	height:58px;
}
/************************/
/************************/
/************************/


/************************/
/***** PAGE CHARGEMENT *****/
/************************/

#page_chargement{
	/* margin:0 auto; */
	/* padding:0; */
	/* display: table; */
    /* vertical-align: middle; */
}

#container_logo{
	/* margin:0 auto; */
	/* padding:0; */
	/* width:400px; */
	/* width:100%; */
	/* display: table; */
    /* vertical-align: middle; */
	/* text-align:center; */
	/* border:1px black solid; */
}

#container_logo div{
	/* border:1px red solid; */
	/* margin:0 auto; */

	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

#contour_logo{
	background-image:url('images/logo_components/CORNER.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:221px;
	height:232px;

	top:250px;
}

#content_logo{
	background-image:url('images/logo_components/Groupe 90.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:204px;
	height:178px;

	top:calc(250px + 27px);
}

#texte_logo{
	background-image:url('images/logo_components/LOGO ARCHIBOX.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:387px;
	height:51px;

	top:calc(250px + 232px + 50px);
}

#powered_logo{
	background-image:url('images/logo_components/POWERED BY.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:178px;
	height:24px;

	top:calc(250px + 232px + 50px + 51px + 20px);
}

/************************/
/************************/
/************************/


/************************/
/***** CONTAINER *****/
/************************/

#content{
	margin:0;
	padding:0;
}

/************************/
/************************/
/************************/


/************************/
/***** PAGE DE CONNEXION *****/
/************************/
#div_form_connexion{
	height:100%;
}
#div_form_connexion h3{
	color:#7A7B81;
	font-weight:normal;
}

#form_connexion{
	height:100%;
}

#table_connexion_container{
	height:100%;
	width:650px;
	background-color:white;
	text-align:center;
}

#table_connexion{
	height:100%;
	margin:0 auto;
}

#table_connexion_content select,#table_connexion_content input,#table_connexion_content button{
	width:250px;
	height:45px;
}

#table_connexion_logo{
	background-image:url('images/logo_components/Groupe 49.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:35px;
}

#table_connexion_titre{
	margin-top:35px;
}

#table_connexion_choix_user{
	margin-top:40px;
}

#table_connexion_password
{
	margin-top:30px;
}

#table_connexion_btn_submit{
	margin-top:30px;
}

#table_connexion_message{
	margin-top:35px;
}

#table_connexion_message_maintenance{
	margin-top:60px;
}

#footer_connexion{
	background-color:white;
	background-image:url('images/logo_components/POWERED BY small.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:24px;
	padding-top:10px;
	padding-bottom:10px;
}

#footer_connexion a{
	display:block;
	height:24px;
	width:15%;
	margin:0 auto;
}
/************************/
/************************/
/************************/



/************************/
/****** CHOIX PAGE ******/
/************************/

.message_important{
	background-color:black;
	text-align:center;
	margin-top:-20px;
	margin-bottom:-20px;
	cursor:pointer;
}

.message_important h2{
	padding:5px;
}

#block_admin_general{
	background-image:url('images/icones_pages/icon-general.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:300px;
	margin-top:50px;
}

.div_page,
#div_choix_page,
#div_page_choix_separateur,
#div_page_archiver_documents_vide{
	margin:0 auto;
	padding-top:80px;
	text-align:center;
	display:table;
	border-spacing:80px;
    border-collapse:separate;
}

.block_choix_page{
	display:table-cell;
	vertical-align:middle;
	background-color:white;
	color:black;
	width:225px;
	height:270px;
	padding:50px;
	cursor:pointer;
}

.block_choix_page h2{
	margin-top:20px;
	line-height:30px;
	color:#E42A14;
}

.block_choix_page button{
	margin-top:40px;
	height:45px;
	background-color:#7A7B81;
}

#block_choix_page_archiver .img_choix_page_archiver{
	background-image:url('images/icones_pages/Icon feather-archive-GREY.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:93px;
}

#block_choix_page_archiver:hover > .img_choix_page_archiver{
	background-image:url('images/icones_pages/Icon feather-archive-RED.png');
	transition:all 0.5s;
}

#block_choix_page_archiver:hover > button{
	background-color:#E42A14;
	transition:all 0.5s;
}





#block_choix_page_rechercher .img_choix_page_rechercher{
	background-image:url('images/icones_pages/Icon ionic-ios-search-GREY.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:93px;
}

#block_choix_page_rechercher:hover > .img_choix_page_rechercher{
	background-image:url('images/icones_pages/Icon ionic-ios-search-RED.png');
	transition:all 0.5s;
}

#block_choix_page_rechercher:hover > button{
	background-color:#E42A14;
	transition:all 0.5s;
}


/* block aucun doc à scanner */
#block_page_rechercher_documents_vide{
	cursor:default;
}

#block_page_rechercher_documents_vide h2{
	color:#E42A14;
}

#block_page_rechercher_documents_vide .img_choix_page_rechercher_documents_vide{
	background-image:url('images/icones_pages/ICON-SCAN.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:144px; /* hauteur idem image separateur pour equilibre visuel */
}

#block_page_rechercher_documents_vide:hover > .img_choix_page_rechercher_documents_vide{
	background-image:url('images/icones_pages/ICON-SCAN.png');
	transition:all 0.5s;
}

#block_page_rechercher_documents_vide:hover > button{
	background-color:#E42A14;
	transition:all 0.5s;
}

#block_page_rechercher_documents_vide > #paramsScan{
	color:#7A7B81;
	text-align:left;
}

#div_container_infos_scan{
	color:#7A7B81;
	text-align:left;
}


/* block separateur de docs */
#div_page_choix_separateur{
	display:none;
}

#block_choix_separateurs{
	cursor:auto;
}

#block_choix_separateurs h2{
	color:#7A7B81;
}

#block_page_rechercher_imprimer_separateur h2{
	color:#E42A14;
}

#block_page_rechercher_imprimer_separateur .img_choix_page_rechercher_imprimer_separateur{
	background-image:url('images/icones_pages/icon-separateur-grand.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:144px;
}

#block_page_rechercher_imprimer_separateur:hover > .img_choix_page_rechercher_imprimer_separateur{
	background-image:url('images/icones_pages/icon-separateur-grand.png');
	transition:all 0.5s;
}

#block_page_rechercher_imprimer_separateur:hover > button{
	background-color:#E42A14;
	transition:all 0.5s;
}

.qte_separateur{
	width:50px;
	padding:5px;
	text-align:center;
}


/* block_page_rechercher_imprimer_separateur */

#block_page_rechercher_imprimer_separateur h2{
	color:#E42A14;
}

#block_choix_separateur_mfp .img_choix_separateur_mfp{
	background-image:url('images/icones_pages/icon-multi.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:154px;
}

#block_choix_separateur_mfp:hover > .img_choix_separateur_mfp{
	background-image:url('images/icones_pages/icon-multi.png');
	transition:all 0.5s;
}

#block_choix_separateur_mfp:hover > button{
	background-color:#E42A14;
	transition:all 0.5s;
}


/* block_page_rechercher_imprimer_separateur */

#block_page_rechercher_imprimer_separateur h2{
	color:#E42A14;
}

#block_choix_separateur_scanner .img_choix_separateur_scanner{
	background-image:url('images/icones_pages/icon-scanbureau.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:154px;
}

#block_choix_separateur_scanner:hover > .img_choix_separateur_scanner{
	background-image:url('images/icones_pages/icon-scanbureau.png');
	transition:all 0.5s;
}

#block_choix_separateur_scanner:hover > button{
	background-color:#E42A14;
	transition:all 0.5s;
}



/************************/
/************************/
/************************/



/************************/
/******** PAGE ARCHIVER / RECHERCHER *******/
/************************/

.div_page_archiver_rechercher{
	display:none;
	height:97%;
	padding-left:15px;
	padding-right:15px;
}

.table_archiver_rechercher{
	margin:0 auto;
	height:100%;
}

.table_archiver_rechercher_row_titre{
	height:40px;
}

.table_archiver_rechercher_row_content{
	height:100%;
}

.table_archiver_rechercher td{
	vertical-align:top;
}

.table_archiver_rechercher select,
.table_archiver_rechercher input{
	width:100%;
}

.table_archiver_rechercher .tooltip{
	float:right;
}

.table_archiver_rechercher h1,
.table_archiver_rechercher h2,
.table_archiver_rechercher h3,
.table_archiver_rechercher h4,
.table_archiver_rechercher h5,
.table_archiver_rechercher h6{
	margin-top:10px;
	margin-bottom:5px;
}

.table_archiver_rechercher .important{
	color:#E42A14;
	font-weight:bold;
	margin-top:20px;
}

#table_archiver_documents_doc_type td{
	vertical-align:bottom;
}

#container_criteres_recherche{
	width:290px;
	padding-right:20px;
	border-right:1px #EBEBF2 solid;
}

#liste_criteres_recherche{
	overflow-x:hidden;
	overflow-y:auto;
}


#container_criteres_recherche button,
#container_criteres_recherche select,
#container_criteres_recherche input{
	height:45px;
}

#button_search_archives{
	background-color:#E42A14;
	width:100%;
	margin-top:30px;
}

#button_search_archives:hover{
	background-color:black;
}

#txt_btn_search_archives{
	margin-left:-30px;
}

.icon_search{
	background-image:url('images/icones_pages/Icon ionic-ios-search-blanc.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-origin: content-box;
	padding-left:30px;
}


#container_image_document{
	padding-left:40px;
	padding-right:10px;
}

#container_options_document{
	padding-right:10px;
	border-right:1px #EBEBF2 solid;
}

#container_criteres_archivage{
	padding-left:40px;
}

.tab_infos_doc_col_1,
#container_message_criteres_archivage{
	width:300px !important;
	padding-left:5px;
}

#liste_criteres_archivage{
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	color:#7A7B81;
}

#liste_criteres_archivage h4{
	font-weight: bold;
    margin-top: 25px;
    margin-bottom: 0px;
}

#container_validite_requis_type_doc{
	margin-left:-3px; /* correction bug decalage */
	display:inline-block;
}

.tab_infos_doc_col_1{
}


.tab_infos_doc_col_2{
	font-size:85%;
	color:#7A7B81;
	vertical-align:bottom !important;
	padding-bottom:10px;
	padding-left:10px;
}

.container_validite_requis{
	display:table;
	width:130px;
}

	.container_validite{
		vertical-align:middle;
	}

	.container_requis{
		vertical-align:middle;
		white-space:nowrap;
	}

.champ_valide{
	display:inline-block;
	background-image:url('images/icones_pages/Icon awesome-check-circle.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-origin: content-box;
	width:18px;
	height:18px;
	padding-right:5px;
}

.champ_invalide{
	display:inline-block;
	background-image:url('images/icones_pages/Icon ionic-md-close-circle.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-origin: content-box;
	width:18px;
	height:18px;
	padding-right:5px;
}

.libelle_champ{
	margin:20px 0 5px 0px;
	/* margin:55px 0 55px 0px; */
}

#container_doc_type_doc,
.container_validite_champ{
	display:inline-block;
}

#container_criteres_archivage button,
#container_criteres_archivage select,
#container_criteres_archivage input{
	height:45px;
	width:100%;
}

#container_criteres_archivage textarea{
	width:100%;
	height:100px;
	padding:15px;
}

#button_archiver{
	background-color:#E42A14;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}

#button_archiver:hover{
	background-color:black;
}

#txt_btn_archiver{
	margin-left:-30px;
}

.icon_archiver{
	background-image:url('images/icones_pages/archive-blanc.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-origin: content-box;
	padding-left:30px;
}

/* liste choix document / archive */
#container_choix_archive{
	width:180px;
}

#container_choix_document{
	width:120px;
	padding-right:20px;
	border-right:1px #EBEBF2 solid;
	height:100%;
}


#select_choix_archive,
#select_choix_document{
	height:100%;
}

#container_choix_archive #select_choix_archive,
#container_choix_document #select_choix_document{
	overflow-x:hidden;
	overflow-y:auto;
	font-size:80%;
	width:100%;
}

#container_choix_archive #table_container_vignettes_archives,
#container_choix_archive #table_container_vignettes_documents{
	width:100%;
}

#container_choix_archive *[id^="liste_archive_"]{
	padding:5px 10px 5px 20px;
	cursor:pointer;
    -webkit-transition: 0.5s all;
}

#container_choix_document *[id^="liste_document_"]{
	padding:0px;
	margin:5px 10px 15px 0;
	cursor:pointer;

}

#container_choix_archive .archive_affiche{
	background-color:#FFFFFF;
	box-shadow: 0px 0px 5px #aaa;
}

#container_choix_document .document_affiche{
	border:1px black solid;
	box-shadow: 5px 5px 10px 0px #aaa;
	padding:1px;
}


#container_choix_archive .container_vignettes_archives{
	vertical-align:middle;
	padding-right:10px;
	width:20px;
}

#container_choix_document .container_vignettes_documents{
	vertical-align:middle;
	padding:0px;
	width:100%;
}

#container_choix_archive .container_vignettes_archives img{
	display:block;
	width:100%;
	height:auto;
}

#container_choix_document .container_vignettes_documents img{
	display:block;
	width:100%;
	height:auto;
}

#container_choix_archive .vignettes_archives{
	height:30px;
	box-shadow: 0px 0px 10px #aaa;
}

#container_choix_document .vignettes_documents{
	width:100%;
}

#container_choix_archive .nom_doc_archive,
#container_choix_document .nom_doc_document{
	vertical-align:middle;
}

#container_choix_archive .date_archive,
#container_choix_document .date_document{
	vertical-align:middle;
}

#container_choix_archive #texte_nb_archives_trop_nombreux div,
#container_choix_document #texte_nb_archives_trop_nombreux div{
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}
/* fin liste choix document / archive */


#container_image_archive{
	padding-left:40px;
	padding-right:20px;
}

#nom_archive_affiche,
#doc_confidentiel{
	display:inline-block;
}

#doc_confidentiel{
	color:#E42A14;
}

#container_image_archive_image{
	text-align:center;
}

#image_document,
#image_archive{
	width:100%;
	display:block;
	/* height:100%; ne pas imposer de hauteur car sinon bug visuel des docs en paysage */
	box-shadow: 0px 0px 10px #aaa;
	cursor:pointer;
}

#img_loading_archive{
	width:128px;
	height:128px;
}

#container_options_document,
#container_options_archive{
	width:90px;
	text-align:center;
	margin:0 auto;
}

#container_option_suppr_all_documents{
	width:100px;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
}
#container_option_separateur{
	/* width:100px; */
	/* text-align:center; */
	/* margin:0 auto; */
	/* margin-top:10px; */
}

#bouton_archiv_all_docs{
	margin-top:15px;
	margin-bottom:0px;
	padding:5px 10px 5px 10px;
	font-size:90%;
}

#bouton_suppr_all_docs{
	margin-bottom:0px;
	padding-bottom:0px;
}


#container_image_document_titre_btn_retour button,
#container_image_archive_titre_btn_retour button{
	background-color:transparent;
	border:0px;
	border-radius:0px;
	height:auto;
	/* width:100%; */
	color:black;
	font-size:80%;
	margin-bottom:10px;
	text-align:center;
}


#container_image_document_titre_btn_retour .icon_back,
#container_image_archive_titre_btn_retour .icon_back{
	background-image:url('images/icones_pages/Icon material-navigate-PREV.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:18px;
}

#container_image_document_titre_btn_retour .icon_back:hover,
#container_image_archive_titre_btn_retour .icon_back:hover{
	background-image:url('images/icones_pages/Icon material-navigate-PREV-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:18px;
}

#container_image_document_titre_btn_retour div,
#container_image_archive_titre_btn_retour div{
	display:inline-block;
}

#container_image_document_titre_btn_retour_titre,
#container_image_archive_titre_btn_retour_titre{
	display:inline-block;
}


.container_options_document_archive button{
	background-color:transparent;
	border:0px;
	border-radius:0px;
	height:auto;
	width:100%;
	color:black;
	font-size:80%;
	margin-bottom:10px;
	text-align:center;
}

.container_options_document_archive .icon_next{
	background-image:url('images/icones_pages/Icon material-navigate-next.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:18px;
}

.container_options_document_archive .icon_next:hover{
	background-image:url('images/icones_pages/Icon material-navigate-next-RED.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:18px;
}

.container_options_document_archive .icon_previous{
	background-image:url('images/icones_pages/Icon material-navigate-PREV.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:18px;
}

.container_options_document_archive .icon_previous:hover{
	background-image:url('images/icones_pages/Icon material-navigate-PREV-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:18px;
}


.container_options_document_archive .icon_rotation_gauche{
	background-image:url('images/icones_pages/Icon material-rotate-left.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:29px;
}

.container_options_document_archive .icon_rotation_gauche:hover{
	background-image:url('images/icones_pages/Icon material-rotate-left-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:29px;
}

.container_options_document_archive .icon_rotation_droite{
	background-image:url('images/icones_pages/Icon material-rotate-right.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:29px;
}

.container_options_document_archive .icon_rotation_droite:hover{
	background-image:url('images/icones_pages/Icon material-rotate-right-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:29px;
}


.container_options_document_archive .icon_open{
	background-image:url('images/icones_pages/Icon material-open-in-new.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:28px;
}

.container_options_document_archive .icon_open:hover{
	background-image:url('images/icones_pages/Icon material-open-in-new-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:28px;
}


.container_options_document_archive .icon_print{
	background-image:url('images/icones_pages/icon-print.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:33px;
}

.container_options_document_archive .icon_print:hover{
	background-image:url('images/icones_pages/icon-print-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:33px;
}


.container_options_document_archive .icon_edit{
	background-image:url('images/icones_pages/Icon-modif-archive-inactif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:23px;
}

.container_options_document_archive .icon_edit:hover{
	background-image:url('images/icones_pages/Icon-modif-archive-actif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:23px;
}


.container_options_document_archive .icon_delete{
	background-image:url('images/icones_pages/Icon feather-trash-2.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:33px;
}

.container_options_document_archive .icon_delete:hover{
	background-image:url('images/icones_pages/Icon feather-trash-2-red.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:33px;
}


.container_options_document_archive .icon_dossier_complet{
	background-image:url('images/icones_pages/icon-afficherdossier-inactif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:30px;
}

.container_options_document_archive .icon_dossier_complet:hover{
	background-image:url('images/icones_pages/icon-afficherdossier-actif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:30px;
}


.container_options_document_archive .icon_confidentiel{
	background-image:url('images/icones_pages/icon-confidentiel-inactif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:33px;
}

.container_options_document_archive .icon_confidentiel:hover{
	background-image:url('images/icones_pages/icon-confidentiel-actif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:33px;
}


.container_options_document_archive .icon_public{
	background-image:url('images/icones_pages/icon-public-inactif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:30px;
}

.container_options_document_archive .icon_public:hover{
	background-image:url('images/icones_pages/icon-public-actif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:30px;
}


.container_options_document_archive .icon_delete_all_docs{
	background-image:url('images/icones_pages/trash.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:41px;
}

.container_options_document_archive .icon_delete_all_docs:hover{
	background-image:url('images/icones_pages/trash.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:41px;
}



.container_options_document_archive .icon_separateur{
	background-image:url('images/icones_pages/icon-separateur-small.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:55px;
}

.container_options_document_archive .icon_separateur:hover{
	background-image:url('images/icones_pages/icon-separateur-small-actif.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-origin: content-box;
	width:100%;
	height:55px;
}


.container_options_document_archive .btn_text{
	margin-top:10px;
}

#container_infos_archive{
	width:250px;
	padding-left:20px;
}

#div_nom_doc_original{
	margin:20px 0px 20px 0px;
}

.detail_document_affiche,
.detail_archive_affichee{
	display:none;
}

/************************/
/************************/
/************************/



/************************/
/****** PARAMETRES ******/
/************************/

#container_page_parametres{
	margin:0 auto;
	width:700px;
	margin-bottom:20px;
}

#container_page_parametres.parametres_docs_infos,
#container_page_parametres.parametres_docs_types,
#container_page_parametres.parametres_docs_infos_recup,
#container_page_parametres.parametres_utilisateurs{
	width:95%;
}

#container_page_parametres .message{
	font-size:120%;
	margin:40px 0;
}

#container_page_parametres h3{
	color:#E42A14;
	font-weight:normal;
	/* text-decoration:underline; */
	margin-top:50px;
}

#container_page_parametres table{
	width:100%;
}

#container_page_parametres table th{
	border-top-color:transparent !important;
	border-left-color:transparent !important;
	border-right-color:transparent !important;
	background-color:black !important;
	color:white !important;
}

#container_page_parametres .no_border td,
#container_page_parametres .no_border th{
	border-width:0px !important;
}

#container_page_parametres table th,
#container_page_parametres table td{
	padding:10px;
	border:1px #EBEBF2 solid;
}

#container_page_parametres table select,
#container_page_parametres table input[type="text"],
#container_page_parametres table input[type="password"],
#container_page_parametres table textarea{
	width:100%;
	/* border:1px #EBEBF2 solid; */
}

#container_page_parametres table input[type="radio"],
#container_page_parametres table input[type="checkbox"]{
	width:20px;
	height:20px;
}

#container_page_parametres table input[type="number"]{
	width:80px;
	/* height:30px; */
}

#container_page_parametres table textarea{
	padding:10px;
	border-radius:5px;
}



#container_page_parametres th .important{
	color:#E42A14;
	font-weight:bold;
}



.clickable{
	cursor:pointer;
}

.types_docs_users{
	margin:10px;
}

.options_params{
	margin:10px;
}

.ligne_titre_menu_parametres{
	margin-top:40px;
	margin-bottom:15px;
}

.button_full{
	background-color:#B2B3B7 !important;
	border-radius:5px !important;
	padding:5px 10px !important;
	border:1px black solid !important;
	font-size:110% !important;
}

.button_action{
	background-color:transparent;
	color:black;
	border:0px;
	font-weight:bold;
	margin:10px 0;
	font-size:95%;
}

.button_action:hover{
	background-color:transparent;
	color:#E42A14;
	border:0px;
}

.button_action .text_bouton{
	display: table-cell;
    vertical-align: middle;
	padding-left:10px;
	padding-right:10px;
}



.button_transparent{
	background-color:transparent;
	color:#7A7B81;
	border:0px;
	font-size:95%;
}

.button_transparent:hover{
	background-color:transparent;
	border:0px;
}

.button_transparent .text_bouton{
	display: table-cell;
    vertical-align: middle;
	padding-left:10px;
	padding-right:10px;
}

.icon_retour{
	background-image:url('images/icones_parametres/Icon metro-keyboard-return.png');
	background-repeat:no-repeat;
	width:25px;
	height:16px;
	display: table-cell;
    vertical-align: middle;
}


.icon_save{
	background-image:url('images/icones_parametres/Icon feather-save.png');
	background-repeat:no-repeat;
	width:30px;
	height:33px;
	display: table-cell;
    vertical-align: middle;
}

button:hover > .icon_save{
background-image:url('images/icones_parametres/Icon-feather-save-actif.png');
		transition:all 0.5s;
}


/* icones menu parametres */
.icon_users{
	background-image:url('images/icones_parametres/Icon feather-user.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

.icon_saves{
	background-image:url('images/icones_parametres/Icon feather-save.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

.icon_depot{
	background-image:url('images/icones_parametres/Icon metro-files-empty.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

.icon_infos_docs{
	background-image:url('images/icones_parametres/Icon feather-info.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

.icon_options{
	background-image:url('images/icones_parametres/Icon material-settings.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

.icon_delete_archives{
	background-image:url('images/icones_parametres/Icon feather-trash-2.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}


#bouton_retour{
	float:right;
	margin-top:12px;
}

.table_bouton_menu_parametres{
	background-color:white;
	width:100%;
	cursor:pointer;
	display:table;
	margin-bottom:25px;
}

	.table_bouton_menu_parametres div{
		padding-top:15px;
		padding-bottom:15px;
	}

	.table_bouton_menu_parametres:hover{
		box-shadow: 5px 5px 10px 0px #aaa;
		transition:all 0.5s;
	}

	.table_bouton_menu_parametres:hover > .icon_users{
		background-image:url('images/icones_parametres/Icon feather-user-RED.png');
	}

	.table_bouton_menu_parametres:hover > .icon_saves{
		background-image:url('images/icones_parametres/Icon-feather-save-actif.png');
	}

	.table_bouton_menu_parametres:hover > .icon_depot{
		background-image:url('images/icones_parametres/Icon metro-files-empty-red.png');
	}

	.table_bouton_menu_parametres:hover > .icon_infos_docs{
		background-image:url('images/icones_parametres/Icon feather-info-red.png');
	}

	.table_bouton_menu_parametres:hover > .icon_options{
		background-image:url('images/icones_parametres/Icon material-settings-red.png');
	}

	.table_bouton_menu_parametres:hover > .icon_delete_archives{
		background-image:url('images/icones_parametres/Icon feather-trash-2-red.png');
	}

	.table_bouton_menu_parametres div:first-child{
		width:60px;
	}

	.table_bouton_menu_parametres div{
		display:table-cell;
		vertical-align:middle;
	}

	.table_bouton_menu_parametres h3,
	.table_bouton_menu_parametres h4{
		text-align:left;
		padding:0px;
		margin:0px;
		font-size:95%;
	}

	.table_bouton_menu_parametres h3{
		color:#E42A14;
		font-weight:bold !important;
		padding-bottom:5px;
		text-decoration:none !important;
		margin-top:10px !important;
	}

	.table_bouton_menu_parametres h4{
		color:#7A7B81;
	}



/************************/
/************************/
/************************/