.btn-delete-upload {	
    display: block;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin: 8px auto 0 auto;
    width: fit-content;	
}

.btn-type-download {	
    display: block;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin: 8px auto 0 auto;
    width: fit-content;
    float: right;
    margin-top: -45px;	
}

.btn-type-download-2 {	
    display: inline;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin: 8px auto 0 auto;
    width: fit-content;	
}

.btn-type-create-file {	
    display: inline;
    padding: 6px 6px;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin: 8px auto 0 auto;
    width: fit-content;	
}

.btn-type-form {	
    display: block;
    padding: 6px 15px;
    margin: 10px auto 10px auto;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin-top: 8px;
    width: fit-content;	
}

.btn-type-upload {	
    display: inline-block;
    padding: 6px 15px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid transparent;
    margin-top: 8px;
    width: fit-content;	
}

.btn-type-large {	
    display: inline-block;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin-top: -25px;
    width: fit-content;	
}

.btn-type-large-prem {	
    display: inline-block;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin-top: -25px;
    width: fit-content;	
}

.btn-type-trier {
    display: inline-block;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin: 10px auto 0px auto;
    width: fit-content;
	color: white;
}

.btn-type-trier svg {
    color: lightgreen;	
}

.bouton-trier {
    width: fit-content;
    margin: 0px auto 0px auto;
}

.btn-type-membre {	
    display: inline-block;
    padding: 3px 5px;
	margin-left: 4px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;	
}

.btn-type-outils {	
    display: inline-block;
    padding: 6px 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin-top: 8px;
    width: fit-content;	
	
	
}

.btn-type-outils-2 {	
    display: inline-block;
    padding: 6px 10px;
    margin-right: 6px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;	
	
	
}

.btn-type-creation {
    display: inline-block;
    padding: 6px;
	color: white;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;
    float: right;
    vertical-align: middle;
}

.btn-type-creation-2 {
    display: block;
    padding: 6px;
    color: white;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;
	margin: 8px 0 0 5px;
}

.btn-type-creation-delete {
    display: inline-block;
    padding: 6px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;
    float: right;
    vertical-align: middle;
	color: lightcoral;
}

.btn-type-creation-delete:hover  {
    color: red;
    border-color: red;
    background: #313131;
}

.btn-type-creation:hover, .btn-type-creation-2:hover  {
    color: lightgreen;
    border-color: lightgreen;
    background: #313131;
}

.btn-type-outils-mini {	
    display: inline-block;
    padding: 3px 4px;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin-top: 8px;
    width: fit-content;	
}

.btn-type-com {
    display: inline-block;
    padding: 12px 5px;
    margin: 1px 0 0 4px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;
}

.btn-type-inline-discleaner {
    display: inline-block;
    padding: 13px 25px;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    margin-top: 8px;
    width: fit-content;	
}

.btn-type-inline {
    display: inline-block;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #121212;
    border: 1px solid #212121;
    width: fit-content;
}

.btn-type-edition {
    display: inline-block;	
	padding: 4px 6px 4px 6px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	border: 1px solid #212121;
    background: #121212;
	color: grey;
}

.btn-type-creation-large {
    display: inline-block;	
	padding: 4px 6px 4px 6px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	border: 1px solid #212121;
    background: #121212;
	color: white;
}

.btn-type-creation-large-prem {
    display: block;	
	padding: 4px 6px 4px 6px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	border: 1px solid #212121;
    background: #121212;
	color: white;
	margin-top: 20px;
}

.right-align {
	float: right;
	margin-right: 8px;
}

.btn-type-edition:hover, .btn-type-creation-large:hover, .btn-type-creation-large-prem:hover {
	background: #313131;
	border-radius: 4px;
	color: lightgreen;
}

.btn-type-trier:hover {
	background: #313131;
	border-radius: 4px;
	color: lightgreen;
	border: 1px solid lightgreen;
}

.btn-info {
  color: #fff;
  border-color: #313131;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #39b3d7;
  border-color: #39b3d7;
  background: #313131;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-success {
  color: #fff;
  border-color: #313131;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: lightgreen;
  border-color: lightgreen;
  background: #313131;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: lightgreen;
  border-color: #4cae4c;
}

.btn-danger {
  color: #fff;
  border-color: #313131;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #d2322d;
  border-color: #d2322d;
  background: #313131;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-warning {
  color: #fff;
  border-color: #313131;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ed9c28;
  border-color: #ed9c28;
  background: #313131;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-black {
  color: #fff;
  border-color: #313131;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: lightcoral;
  border-color: lightcoral;
  background: #313131;
}
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-purple {
  color: #fff;
  border-color: #313131;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
  color: #ffd433;
  border-color: #ffd433;
  background: #313131;
}
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
  background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-delete-upload svg {
  margin-right:6px;
  color: red;
}

.btn-success svg {
  margin-right:6px;
  vertical-align: middle;
  color: lightgreen;
}

.btn-danger svg {
  margin-right:6px;
  vertical-align: middle;
  color: #d2322d !important;
}

.btn-info svg {
  margin-right:6px;
  vertical-align: middle;
  color: #39b3d7;
}

.btn-black svg {
  margin-right:6px;
  vertical-align: middle;
  color: lightcoral;
}

.btn-warning svg {
  margin-right:6px;
  vertical-align: middle;
  color: #ed9c28;
}

.btn-type-edition svg, .btn-type-creation-large svg, .btn-type-creation-large-prem svg {
  margin-right:6px;
  vertical-align: middle;
  color: lightgreen;
}

.btn-type-creation-large-prem svg {
  color: lightgreen;
}

.btn-purple svg {
  margin-right:6px;
  vertical-align: middle;
  color: #ffd433;
}

.btn-type-creation svg, .btn-type-creation-2 svg {
  margin-right:6px;
  vertical-align: middle;
  color: lightgreen;
}

.btn-type-creation-delete svg {
  margin-right:6px;
  vertical-align: middle;
  color: lightcoral;
}


@media(max-width: 1205px){	
.btn-type-outils {
   font-size: 14px;
}	
}

@media(max-width: 1135px){
.btn-type-com {
    margin: 6px 0 0 0;	
}
}

@media(max-width: 1095px){
.btn-type-outils {
   padding: 4px 8px;
   font-size: 12px;
}	
}

@media(max-width: 858px){	
.btn-type-membre {
   font-size: 12px;
}		
}

@media(max-width: 768px){	
.btn-type-membre {
   margin-top: 8px;
}

.btn-type-large-prem {	
    padding: 5px 10px;
    font-size: 14px;
    margin-top: 10px;
}
		
}

@media(max-width: 550px){
    .btn-type-download {
        float: left;
        margin-top: 11px;
    }
}