/*
font-family: 'Open Sans', sans-serif;
*/

html, body {
	width:100%;
	height:100%;
	display:table;
	
    
    font-family: 'Roboto', sans-serif;
	line-height: 24px;

	color: #034330;
	background: #c3e4db;
	-webkit-animation: fadeIn 1s; /* Safari 4.0 - 8.0 */
    animation: fadeIn 1s;
	
}

body {
	font-size: 14px;
	padding-bottom: 50px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
}

h1 {font-size: 18px;}
h2 {font-size: 17px;text-transform: uppercase;}


input {color:#074a7f;}

a { 
	color:#034330;
	text-decoration: none;
 }
a:hover {color: #0f65aa; text-decoration: none;} 

.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}

.narrow {font-family: 'Roboto Condensed', sans-serif;}

.orange-txt {color: #e1a200;}
.gold, .gold a  {color: #A36C23;}


.gold-clair, .gold-clair a {color: #ce9b57;}
.cursive {font-style: italic;}
.bold { font-weight: bold}
 
.active, .active a {color:#2D5982}

.bg_e4e4e4 {background: #e4e4e4;}
.bg_efefef {background: #efefef;}
.bg_fff {background: #fff;overflow: hidden;}
.bg_f9f9f9 {background: #f9f9f9;}
.bg_7c7c7c {background: #7c7c7c;}
.bg_686868 {background: #686868;}

.txt_blanc, .txt_blanc a { color: #fff}
.txt_blue, .txt_blue a { color: #009FE3}
.txt_gris, .txt_gris a { color: #999}
.txt_vert, .txt_vert a { color: #589e4b}
.txt_rouge, .txt_rouge a { color: #d00e10}
.txt_noir, .txt_noir a {color: #000;}

.dblock {
	display: block;
}

.upper {
	text-transform: uppercase;
}
.no_upper {
	text-transform:none;
}



.page-wrapper {background: transparent;padding: 0;}

#Logo {padding: 50px 0 0;max-width: 155px;margin: 0 auto;}

header #Logo {max-width: 160px;margin: 0;padding-top: 0;}

header #Logo {
width: 110px;
padding: 7px 7px 7px 7px;
display: block;
float: left;
margin: 8px 0px 6px 0px;
background-color: white;
border-radius: 5px;
}




header #Menu_sous {margin: 0px 15px 15px;width: 70%;text-align: right;}
header #Menu_sous a {padding: 0 15px;position: relative;color: #fff;}

#Menu_sous .count-info .label {right: -10px;top:-10px;}


#Menu_sous .count-info {
color: #666666;
font-size: 13px;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #f0f0f8 !important;
padding: 2px 6px;
margin-right: 15px;
}

#Menu_sous .label {display: table;float: right;padding: 9px;position: relative;top:10px;font-size: 11px;}

input, select, textarea {width: 100%;background: #daece8;color: #007958;border: 0;padding: 15px;letter-spacing:2px;font-size: 15px;line-height: 25px;
    
    font-family: 'Roboto', sans-serif;

}

.btn-primary {background: #074a7f;border: 0;}
.btn-danger {background: #EF0C43;}
.btn-danger:hover {background: #f12e5e;}
.btn {padding: 5px 15px;width: 100%;font-size: 14px;max-width: 250px;margin: 0 auto;display: block;}

.text-center input, .text-center select, .text-center textarea  {text-align: center;}

form .form-group {position: relative;}
.ic_form {position: absolute;top: 22px;left: 12px;color: #47AE92;}
.ic_form:not(*:root) {top:22px;left: 20px;}

input:target + .ic_form, input:focus + .ic_form {opacity: 0.3}

.ic_form i.fa-arrow-right {position: relative;
top: 6px;
left: -100px;
z-index: 9;}

.ic_form i.fa-arrow-right:not(*:root) {top:-5px;}

#Logo_footer {margin: 20px auto 0;max-width: 200px;}

#Menu_footer {position: fixed;bottom: 0;left: 0;width: 100%;background: #194879;padding: 15px;text-align: center;color: #fff;}

#Menu_footer a{color: #fff;display: inline-block;text-align: center;text-transform: uppercase; font-size: 9px;}

#Menu_footer i {font-size: 30px;position: relative;margin-bottom: 4px;display: block;}
#Menu_footer .fa-layers.fa-fw i.fa-plus {font-size: 9px;position: absolute;/*left: 26.5px;*/top:11.5px;margin-left: 10px;}
#Menu_footer a:hover, #Menu_footer a:hover i.fa-plus, #Menu_footer a.active {color:#EF0C43 }
/*#Menu_footer div.col-xs-2 {width: 20%;}*/

header.header {/*position: fixed;top:0;left: 0;*/width: 100%;background:#555;color: #fff;padding:0px 7px; z-index: 9;}

/*header.header i {font-size: 25px;color: #fff;z-index: 99;position: relative;}*/

.dropdown > a::before {display: none;}

#Titre_top {position: relative;background:#47AE92; 
top: 0;
width: 100%;
z-index: 1;
color: #fff;
left: 0;
padding: 8px 15px;
margin-bottom: 15px;}


#Titre_top.bg-success {background: #7EBF4C}
#Titre_top.bg-info {background: #59ACE2}
#Titre_top.bg-violet {background: #e11b8c}
#Titre_top.bg-primary {background: #074A7F}
#Titre_top.bg-danger {background: #EF0C43}
#Titre_top.bg-warning {background: #FF9900}
#Titre_top.bg-modDef {background: #407e2c}
#Titre_top.bg-nservices {background: #998617}
#Titre_top.bg-attcomp {background: #7f48c7}
#Titre_top.bg-cartehab {background: #48be9f}
#Titre_top.bg-doccond {background: #4288d2}
#Titre_top.bg-refcond {background: #685ed1}
#Titre_top.bg-docEm {background: #bd69bf}
#Titre_top.bg-livretForm {background: #e6904e}
#Titre_top.bg-autres {background: #e7b049}
#Titre_top.bg-docTps {background: #ed664e}




.square {width: 100%;display: block;padding: 15px;color: #fff;text-align: center;text-transform: uppercase;font-size: 11px}
.bg-white {background: #fff;color:#074a7f }
.bg-primary {background: #074a7f;}
.bg-danger {background: #EF0C43;}

.bg-primary:hover {color: #fff;}


.col-p5 {padding:0 0 0 5px;}


.page-padding {padding: 0 17%;}

.square i {font-size: 40px;position: relative;margin-bottom: 4px;display: block;}
.square i.fa-plus {font-size: 15px;position: relative;/*left: 26.5px;*/top:-32px;margin-bottom: -15px}

table.bg-primary tbody {background: #074a7f;}
.bloc-info {padding: 25px 25px;min-height: 250px;}
.bloc-info h2 {margin-top: 0}

#Flash_ic, #Drop_ic {position: absolute;text-align: center;display: block;width: 100%;z-index: 9;}
#Flash_ic img, #Drop_ic img {text-align: center;margin: 0 auto;display: block;width: 40px;margin-top: 80px; }

#donutchart > div > div, #donutchart2 > div > div {margin: 0 auto;}

#Res_N {font-size: 90px;line-height: 90px;}

.col-md-6.no-padding {padding: 0;}
.line-table {line-height: 29px;}

#Bonjour_message {position: absolute;left: 30px;top:170px;}
#Bourne_id {position: absolute;right: 30px;top:130px;}

.btn {min-width: auto;}

.text-primary {color:#074a7f }

.btn.fs24 {font-size: 24px;}

.stats-bloc {overflow: hidden;}

.article_aide {padding: 15px;position: relative;width: 49%;display: inline-block;background: #074A7F;margin-bottom: 15px;}
.article_aide i {position: absolute;right: 15px; top:40%;}

/*.article_aide:nth-child(odd) + .article_aide:nth-child(even) {float: right;}*/

.article_aide:hover {background: #075798}

#Content_Articles .article_aide:nth-child(even) {float: right;}

#Recherche_footer {display: none;width: 520px;padding: 25px;background: #fff;border: 1px solid #fff;right: 5px;z-index: 9999;box-shadow: 0 0 5px #666;background: #fff;border-radius: 10px;}
#Recherche_footer.in {display: block;}

#Recherche_footer i.fa-caret-up {
	font-size: 40px;
color: #fff;
position: absolute;
right: 9px;
top: -26px;
z-index: 99;
}

#Recherche_footer .btn {padding: 13px 22px;background:#0879BB;color: #fff; position: relative;/*left:-15px;*/min-width: inherit;}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#Tracker {background: #fafafa;border-bottom: 2px solid #efefef; padding: 7px 25px;margin-top: -7px;font-size: 12px;list-style: none;}
#Tracker li {list-style: none;margin-bottom: 0;}
#Tracker a {color: #bcbcbc;padding-right: 7px;}

#Tracker .dropdown a {color: #0879BB;}


.form-signin h2.form-signin-heading {
    margin: 0;
    padding: 20px 15px;
    text-align: center;
    background: #41cac0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.form-signin .btn-login {
    background: #f67a6e;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 4px #e56b60;
    margin-bottom: 20px;
    font-style: normal;
}


.form-control {border-radius: 5px;}

.ibox-title.label {
	margin: 0;
    padding: 0px 15px;
    text-align: center;
    background: #41cac0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    overflow: hidden;
}
.ibox-title.label i {font-size: 25px;line-height: 40px;}
.ibox-title.label h5 {color: #fff;font-weight: bold;font-size: 20px;line-height: 37px;margin-bottom: 0;}

.ibox-title.label.label-violet {background: #e11b8c}
.ibox-title.label.label-success {background: #A9D86E}
.ibox-title.label.label-primary {background: #47AE92}
.ibox-title.label.label-danger {background: #EF0C43}

.text-violet {color: #e11b8c;}

.btn-light-grey {background: #ececec;color: #999;border-bottom: 4px solid #e0e0e0;}

.form-group {display: block;width: 100%;padding: 5px;border-radius: 3px;}

.label-violet, .bg-violet {background: #e11b8c;color: #fff;}
.bg-warning {background: #FF9900;}

.label-blanc {background: #f6f6f6;color: #676A6C;}
.label-jaune {background: #f8ff40;color: #676A6C;}
.label-noir {background: #000;color: #fff;}
.label-vert {background: #00c325;color: #fff;}


.btn-action {border:1px solid #f0f0f8 !important;padding:2px 6px;border-radius: 4px;
    -webkit-border-radius: 4px;}
    
.table > thead > tr > th {background: #194879 !important;}

.fixed-header-on .header.fixed {background: rgba(25,72,121,0.9);padding-bottom: 0;position: fixed !important}
.fixed-header-on .header.fixed #Logo {width: 120px;margin: 0 15px;}

.btn-default i {color: #999;}
.btn-default:hover {background: #194879;color: #fff;}
.btn-default:hover i {color: #fff;}

#Nav_fix {background: #2f9c7f;position: fixed;bottom: 0;left: 0;width: 100%;height: 50px;display: table;border-top: 2px solid #e7eaec;z-index: 99;}
#Nav_fix a{display: inline-block;width: 80px;text-align: center;vertical-align: middle;font-size: 30px;color:#dddddd;padding: 5px 0;height: 48px;}

#Nav_fix .fa-arrow-left {font-size: 20px;position: relative;top:-4px;}

#Nav_fix a.active, #Nav_fix a:hover {color: #1AB394;}



#Menu_aside a.inactive, #Nav_fix a.inactive, a.inactive, .inactive {color: #e7eaec;cursor: pointer;}


#Nav_fix #Menu_actions a {width: auto;font-size: 15px;color: #fff;padding: 5px 15px;}
 #Menu_actions {text-align: center;


padding:10px 0; }

#Recherche_footer {display: none;width: 600px;padding: 25px;background: #fff;border: 1px solid #fff;position: fixed;bottom:52px;left: 10px;z-index: 9999;box-shadow: 0 0 5px #666;background: #efefef;border-radius: 10px;}
#Recherche_footer.in {display: block;}

#Recherche_footer i.fa-caret-down {
	font-size: 40px;
	color: #efefef;
	position: absolute;
	left: 200px;
	bottom: -21px;
	z-index: 99;
	display: none;
}

#Recherche_footer .btn {padding: 13px 22px;background:#0879BB;color: #fff; position: relative;width:100%;}
#Recherche_footer .label-lg {width: 100%;display: block;}

#Recherche_footer .btn.btn-success {background: #A9D86E;}
#Recherche_footer .btn.btn-info {background: #47AE92;}
#Recherche_footer .btn.btn-violet {background: #e11b8c;}

#Recherche_footer hr {border-color: #d8d8d8}

#Recherche_footer input {width: 100%;padding: 10px 15px 13px;}
#Recherche_footer input[type="checkbox"] {width: inherit}
#Recherche_footer DIV[CLASS^="col-md"] {padding-left: 0;padding-right: 5px;}

.btn-info, a.btn-info, #Menu_aside .btn-info {color: #fff;}
.btn-table, #Menu_aside .btn-table {display: table;width: auto;min-width: inherit;}

#Menu_aside .btn-table {margin: 0;}

#Menu_aside {border: 1px solid #efefef;}
#Menu_aside a.inactive, #Nav_fix a.inactive, a.inactive, .inactive {color: #e7eaec;cursor: pointer;}

body { -webkit-animation:fadein 0.7s; animation:fadein 0.7s }
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }

#Menu_aside {width: 600px;position: fixed;right: 0;bottom:0;height: 400px;background: #efefef;z-index: 99;padding: 0;display: none;box-shadow: 0 0 5px #999;}
#Menu_aside.in {display: block;-webkit-animation:fadeinRight 0.7s; animation:fadeinRight 0.7s}
@-webkit-keyframes fadeinRight { from {opacity:0;right: -400px;} to {opacity:1;right:0;} }
@keyframes fadeinRight { from {opacity:0;right: -400px;} to {opacity:1;right:0;} }


#Menu_aside > div {background: #fff;border-left: 2px solid #e7eaec;padding: 25px 15px 70px;}

#Menu_aside strong {color:#194879;}
#Menu_aside strong.active {color:#194879;}

#Menu_aside a {display: block;width: 100%;font-size: 15px;line-height: 25px;color:#9da4a7;}
#Menu_aside a i {font-size: 25px;width: 45px;text-align: center;display: block;float: left;}

#Menu_aside a.active, #Nav_fix a:hover {color: #0879BB;}
#Menu_aside a.active {color:#676a6c;font-weight: bold; }
#Menu_aside a.gris {color: #676a6c;}

#Menu_aside a + div {border-left: 2px solid #83D6E2}

#Menu_aside a + div a {font-size: 12px;padding-left: 10px;display: block;line-height: 20px;}
#Menu_aside hr + a {font-weight: bold;}

.ibox-content .table > tbody > tr > td{padding: 6px;vertical-align: middle;}
.ibox-content .table .btn {margin-bottom: 0;}

.form-margin {margin: 5px 0;width: 100%;padding: 15px;}

h6.label-lg {padding: 10px 15px;}

.btn {
    padding: 15px;
    width: 100%;
    font-size: 14px;
    max-width: 250px;
    margin: 0 auto;
    display: block;
}

#Bienvenue .btn {
    padding: 7px;
    width: 100%;
    font-size: 14px;
    max-width: 250px;
    margin: 0 auto;
    display: block;
    min-width: inherit;
}

input[type="checkbox"], input[type="radio"] {width: inherit;margin-left: 0;}
/*.checkbox-inline input[type="checkbox"] {width: inherit;margin-left: -20px;margin-top: -1px;}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-left: 0;}*/

.radio-inline {font-size: 11px;margin-right: 0px;margin-left: 4px;}
.radio-inline + .radio-inline {margin-left: 4px;}
.radio-inline input[type="radio"] {position: relative;right: 2px;margin-left: 0;margin-top: -3px;}

.btn.btn-sm.dim {width: inherit;min-width: inherit;}
.ibox-content {overflow: hidden;}

.ibox-title h5 {color: #194879}

.pt-10 {padding-top: 10px;}

.btn.btn-sm.dim.btn-pd {padding: 10px 25px;}

.btn-form {padding: 13px 15px;
margin-top: 5px;}

.btn-danger i.fa-map-marker {line-height: 7px;position: relative;top: 3px;top: 2px;font-size: 18px;}

p {max-width: inherit;}

select {color: #5B94B3}

.label-align {width: 120px;display: inline-block;}

select {

-webkit-appearance: none; 
-moz-appearance: none;
appearance: none;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url(../imgz/pointer.png) no-repeat;
background-size: 12px auto;
background-position: 98% center;
background-color: #daece8;
color: #0d9477;
border: 1px solid #daece8;

}

.label-sousfile {position: absolute;
right: 15px;
z-index: 99;
top: 15px;
color: #fff;
background: #4e89ba;
padding: 5px;border-radius: 4px;}

.min-height-200 {min-height: 200px}


.mr-10 {margin-right: 10px}

.btn.btn-xs.btn-left {width: 150px;min-width: inherit;padding: 5px 10px;max-width: inherit;font-size: 12px;margin: 10px 0 0 auto;}

.btn.btn-xs.btn-left i {font-size: 15px;line-height: 25px}

.dinline {display: inline;}

.btn-violet {background: #e11b8c;color: #FFF;}
.btn-violet:hover {background: #d5598d;color: #FFF;}


.ibox-title.label i.fs14 {font-size: 14px;}

.btn {min-width: inherit;}

.fa-cogs.txt-success {color: #9fd34b}
.fa-power-off.txt-danger {color: #e7003b}

.modal-content .modal-header.bg-danger {background: #e7003b;}

.btn-info {background: #59ACE2;border: 0;}
.btn-info:hover {background: #3795d4;}

#Tracker {padding-left: 0;}

.bg-success {background: #7ebf4c}

.text-default, .text-default a {color: #666;}
.content {padding: 10px;}

.box_white {background: #fff;border-radius: 7px;box-shadow: 0 0 5px #666;border-bottom: 4px solid #ccc;width: 100%;display: block;overflow: hidden;font-size: 14px;padding: 15px 15px 25px;color: #666;}

.box_white h4 {color: #666;border-bottom: 2px solid #ccc;text-transform: uppercase;margin: 0 0 15px;font-size: 16px;}

.alertes, .message {display: block;width: 100%;overflow: hidden;border-bottom: 1px dashed #ccc;padding: 5px 0;color: #666;}

.btn-dashboard, .btn-documents {width: 47%;display: inline-block;text-align: center;max-width: inherit;min-width: inherit;margin-bottom: 10px;margin-left: 2%}

.btn-dashboard i {display: block;font-size: 35px;}

.btn-documents {font-size: 15px;min-height: 80px}

.no-padding {padding: 0;}

.label-img {width: 100%;display: block;line-height: 50px;font-size: 17px;}

.border-left-danger {border-left: 4px solid #f4b2be;}
.border-left-warning {border-left: 4px solid #edda4b;}
.border-left-info {border-left: 4px solid #59ACE2;}

.message {border-radius: 0;padding-left: 7px;border-bottom: 2px solid #fff;background: #f7f7f7;color: #999;line-height: 18px;}  
.message i.fa-arrow-right {position: relative;top:20px;}

.message.actif {font-weight: bold;background: #fff;color: #555;}

.message .label {padding: 2px 3px;}


.messagerie .info_ball_content {position: relative;width: 72px;margin: 0 auto;}
.messagerie .info_ball {background: #1AB394;position: absolute;bottom: 7px;right: 0px;border: 2px solid #fff;border-radius: 50%;width: 15px;height: 15px;}

.messagerie .event {line-height: 16px;border-right: 0;}

.messagerie .media-body {display: table-cell;}

.messagerie .media.event {width: 100%;display: table;background: #fff;border-bottom: 1px dashed #ccc;padding: 0 10px;margin: 0;text-align: justify;}

.messagerie .media.event.moi {background: #f5f5f5;}

.messagerie .event .media-left {width: 15%;}
.messagerie .event .media-body {width: 85%;text-align: left}

.messagerie .media.event h4 {color: #555;font-size: 14px;}

#Message_chat {padding-top: 25px;overflow: hidden;}
#Message_chat figure img {margin-top: 10px;}
#Message_chat textarea, textarea.noborder {border: 0;font-style: italic;box-shadow: none;}


.btn-doc1 {background: #59ACE2}
.btn-doc2 {background: #58d3e3}
.btn-doc4 {background: #7dd6d6}
.btn-doc3 {background: #8d94db}
.btn-doc5 {background: #82a6e6}
.btn-doc6 {background: #1e96e6}


.label-white {background: #fff;color: #000;}

.modal-content .modal-header {
    background-color: #59ACE2;
    padding: 5px 15px;
}

.modal-content .modal-header.bg-success {background: #7EBF4C}
.modal-content .modal-header.bg-warning {background:#FCB322 }
.modal-content .modal-header.bg-danger {background: #ED5565}

.modal-content .modal-title {font-size: 16px;text-transform: uppercase;}

.modal-content .modal-header i {font-size: 16px;position: relative;top:-3px;}

.modal-content .btn-xs {padding: 5px 15px 3px;font-size: 13px;margin: 0 auto;display: table;float: none !important
}

.modal-header button {background: none;border: 0;float: right;}

.label-primary {background: #074A7F}

#Tab_absences .nav-tabs > li > a {display: block !important; background: #efefef;}
#Tab_absences .nav-tabs > li.active > a {background: #FFF;}
#Tab_absences .nav-tabs > li {margin-left: 0;}

.absence_article {border-bottom: 1px solid #ccc;padding: 10px 10px;position: relative;}
.absence_article:nth-child(odd) {background: #efefef;}

.mr-10 {margin-right: 10px}

.datetimepicker.datetimepicker-dropdown-bottom-right {margin-left: -90px;min-width: 250px;font-size: 13px;}
.datetimepicker.datetimepicker-dropdown-bottom-right table {font-size: 12px;width: 100%;}



.messagerie .info_ball_content {position: relative;width: 72px;margin: 0 auto;}
.messagerie .info_ball {background: #1AB394;position: absolute;bottom: 7px;right: 0px;border: 2px solid #fff;border-radius: 50%;width: 15px;height: 15px;}

.messagerie .event {line-height: 16px;border-right: 0;}

.messagerie .media-body {display: table-cell;}

.messagerie .media.event {width: 100%;display: table;}
.messagerie .event .media-left {width: 15%;}
.messagerie .event .media-body {width: 85%;text-align: left}

#Message_chat {padding-top: 25px;overflow: hidden;}
#Message_chat figure img {margin-top: 10px;}
#Message_chat textarea, textarea.noborder {border: 0;font-style: italic;box-shadow: none;}
#Message_chat textarea {border: 2px solid #ccc;font-style: italic;box-shadow: none;}

#Recipient_cadre {background: #fff;border: 1px solid #efefef;padding: 10px 0 0;overflow: hidden;}
#Recipient_cadre i.ion-ios-plus-outline {position: relative;top:-7px;font-size: 25px;}

figure.img_ronde {position: relative;}
.img_ronde img {border-radius: 50%;display: block;margin: 0 auto;border:1px solid #efefef;}
.messagerie span.label {margin-top: 3px;display: table;margin-right: 5px;}

.btn-ronde-message {position: relative;border-radius: 50%;font-size: 24px;width: 50px !important;height: 50px;line-height: 40px}

.btn-ronde-message2 {
	margin: 0;
    position: relative;
    border-radius: 50%;
    font-size: 24px;
    width: 30px !important;
    height: 30px;
    line-height: 35px;
    padding: 0 !important;

}

.messagerie .label-success {background: #1BBFA3}

.info-ball-footer {color: #F00;position: relative;left:10px;font-size: 11px;top:-17px}

#Nav_fix .col-xs-3 {position: relative;}

select[multiple], select[size] {width: 100%;}

.btn-modDef {background: #407e2c;color:#fff;}
.btn-nservices {background: #998617;color:#fff;}
.btn-attcomp {background: #7f48c7;color:#fff; }
.btn-cartehab {background: #48be9f;color:#fff;}
.btn-doccond {background: #4288d2;color:#fff;}
.btn-refcond {background: #685ed1;color:#fff;}
.btn-docEm {background: #bd69bf;color:#fff;}
.btn-livretForm {background: #e6904e;color:#fff;}
.btn-autres {background: #e7b049;color:#fff;}
.btn-docTps {background: #ed664e;color:#fff;}

.btn-attcomp:hover {background: #9959eb;color: #fff;}

.ic-doc {float: left;width: auto;padding: 5px 15px;}
.message .ic-doc label {padding: 10px 15px 5px;}

#BTN-s1md {position: absolute;right:15px;top:20px;}
#BTN-s1md .btn-sm {margin-right: 15px;}

.document-ligne {position: relative;}
.message .ic-doc label.sem-label {line-height: 30px;padding-bottom: 10px;}

.bg-box {display: block;}

.btn-documents .label {border: 2px solid #fff;}
.btn-documents .label-white {border-color: #ccc;}

.btn-dashboard {position: relative;}
.btn-dashboard .info-boule {display: inherit;
font-size: 16px;
color: #f00;
position: absolute;
top: 13px;
left: 50%;
margin-left: -20px;}

.table-danger {border-left: 4px solid #f00;font-size: 12px;}
.table-danger th {background: #f13737;color:#FFF;padding-left:5px;text-align: left;text-transform: uppercase;font-size: 12px;}

.text-danger {color: #f13737;}
.upper {text-transform: uppercase;}


#mail_template_acces {
	border: 1px solid #efefef;
	width: 450px;
	margin: 30px auto;
	padding: 20px;
}

#mail_template_acces2 {
	border: 1px solid #efefef;
	width: 500px;
	margin: 30px auto;
	padding: 20px;
}

#mail_template2 td { border-bottom: 1px solid #efefef;}



.table-warning {border-left: 4px solid #ffab00;}
.table-warning th {background: #ffab00;color:#FFF;padding-left:5px;text-align: left;text-transform: uppercase;font-size: 12px;}

.text-warning {color: #ffab00;}


.table-success {border-left: 4px solid #8fba52;}
.table-success th {background: #8fba52;color:#FFF;padding-left:5px;text-align: left;text-transform: uppercase;font-size: 12px;}

.text-success {color: #8fba52;}

.cadre-announce {background: #EFEFEF;text-align: center;font-size: 16px;text-transform: uppercase;padding: 30px;}
label.text-left {text-align: left;width: 100%;display: block;margin-bottom: 0;}


.nonLu {background: #fff1f1;font-weight: bold;color: #555;}
.nonLu figure img{border-right: 4px solid #f22f4f;}

#Doc_overlay {background: rgba(0,0,0,0.7);position: fixed;top:0;left: 0;width:100%;height: 100%;z-index: 999;}
#Doc_overlay_body {background: #FFF;border-radius: 5px;box-shadow: 0 0 5px 4px #000;min-height: 200px;padding: 25px;width: 800px;margin-left: -400px;left:50%; position: absolute;top:5%;z-index: 9999;}

#Doc_overlay_body i.fa-exclamation-circle {color: #FCB322;font-size: 45px;text-align: center;}
#Doc_overlay_body h1 {color: #FCB322;}

.document {background: #efefef;width: 100%;display:block;padding: 20px;text-align: left;margin-bottom: 5px;border-radius: 5px;position: relative;line-height: 10px;}
.document h6 {font-size: 15px;color: #333}
.document + .collapse {background: #efefef;width: 100%;position: relative;top:-10px;padding: 35px 25px;border-top: 2px solid #ccc;overflow: hidden;}

#Doc_overlay_body .btn {min-width: 156px;width: auto;display: table;/*position: absolute;right: 10px;bottom: 10px;*/}

#Doc_overlay_body .btn-documents-plus {position: relative;right: auto;top:auto;display: table;margin: 0 auto;font-size: 10px;padding: 10px;margin-top: 15px;}

#Back_efefef .inactive, #Back_efefef a.inactive, #Back_efefef  .inactive a {color: #c4c4c4 }

.width-max {max-width: inherit;display: table;width: auto;}

.icon_violet {background: #c29bca;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.icon_blue {background: #94b1cb;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.icon_rouge {background: #d0959d;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.icon_vert {background: #99bb88;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.icon_gris {background: #acacac;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.icon_rose {background: #da9cca;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.icon_orange {background: #ddb35a;color: #fff;border-radius: 5px;line-height: 30px;display: block;padding: 15px 2px;text-align: center;}

.padding-right-0 {padding-right: 0}

#Action_boutons .btn-arrow {border-radius: 50%;width: 50px;height: 50px;line-height: 10px;text-align: center;color: #fff;font-size: 20px;background: #999;display: block;margin: 0 auto;padding-top:9px; position: relative;top:12px;}
#Action_boutons span 	{display: block;font-size: 7px;text-align: center;text-transform: uppercase;}
#Action_boutons .btn-sauvegarder {border-radius: 50%;width: 80px;height: 80px;line-height: 10px;text-align: center;color: #fff;font-size: 30px;display: block;background: #79d067;margin: 0 auto;padding-top:18px; }


/* .squaredThree */
.squaredThree {
  width: 20px;
  position: relative;
  margin: 20px auto;
  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(top, #222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 4px;
      border: 3px solid #fcfff4;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    }    
  }
}
/* end .squaredThree */

.titre_conversation {background: rgba(255,255,255,0.8);border-bottom: 2px solid #72b461;color:#72b461;text-align: center;padding: 10px;width: 100%;margin-top: -15px;text-transform: uppercase; }
.fixed-header-on .titre_conversation {position: fixed;top: 65px;z-index: 9999;}

#Top_page {background: rgba(255,255,255,0.8);padding: 5px;text-align: center;position: fixed;right: 0px;bottom: 50px;width: 40px;}


.notification-piece {position: absolute;z-index: 999;right: 0;top:5px;}

.width-100 {width: 90%;}

.btn-small {width:100%;max-width:90%;font-size:11px}

.modal-body {overflow: hidden;}
.modal-footer .col-xs-9 .btn {min-width: inherit;width: auto;}


.btn.inactive {opacity: 0.7;background:#adadad;border: #ccc;}

.box_white h4.fs14 {font-size: 14px}
.conge {background: #efefef;padding: 15px;font-size: 14px; text-transform: uppercase;margin: 5px 0;color: #fff;text-align: left;overflow: hidden;}
.conge span {display: block;font-size: 11px;}

.conge_paye {background:  #7cc65a}
.eve_familial {background: #b77dde}
.rtt {background:  #7bb0dd}
.sansolde {background: #d69c35}
.enf_malade {background: #d675be}
.rec_jour {background: #7bb0dd}
.attente {background: #db6565}

.status-right {position: absolute;right: 10px;top:5px;}

DIV[ID^="suggesstion-box"] ul {list-style: none;background: #fff;box-shadow: 0 0 5px #999;width: 100%;}
DIV[ID^="suggesstion-box"] ul li {margin: 0;line-height: 30px;border-bottom: 1px dashed #ccc;list-style: none;padding: 5px;}
DIV[ID^="suggesstion-box"] ul li:hover 	{background: #DAECE8}

.form-control {background: #DAECE8 !important;border: 0;border-radius: 3px;padding: 5px;height: auto;padding: 15px;}

.btn-inline {display: inline-block;margin: 15px;text-align: center;}

#LiveChat {width: 100%;padding: 5px;background: #fff;border: 1px solid #fff;position: fixed;bottom:60px;left: 0px;z-index: 9999;box-shadow: 0 0 5px #666;background: #e5e5e5;border-radius: 10px;}


#Nav_fix .col-xs-2 {width: 19.99%}


.select-align #debutJour, .select-align #debutMois, .select-align #debutAnnee,
.select-align #finJour, .select-align #finMois, .select-align #finAnnee {width: 30%;float: left;margin-right: 3px;}