html, body {
    /*background: url("../img/bg-menu.png") repeat;*/
	background-color: #ecf0f1 !important;
    height: 100%;
	font-family: "Lato", Helvetica, Arial, sans-serif !important;
	line-height: 1.72222;
	font-size: 18px;
	color:#34495e;
}

.hidden{
     display: none;
} 


.table {
	font-size : 1em !important;
}


#box_gestion_role  {
	margin-bottom : 10px;
}

#header {
	padding-bottom: 10px;
}

#aide_en_ligne {
	display: none;
}

.popover {
	max-width: 600px;
}

.popover-content p {
	font-size: 0.8em !important;
}

.popover-title h3 {
	font-size: 1.17em !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

#content_title {
    background: white;
    /*box-shadow: 0 0 15px #BBBBBB;*/
    height: auto !important;
    margin: 0px auto;
    padding : 15px 0px 0px 0px;
    max-width: 768px;
}

#content_foot {
    /*background: #F2F2F2;*/
    /*box-shadow: 0 0 15px #BBBBBB;*/
    height: auto !important;
    margin: 5px auto;
    padding : 15px;
    max-width: 768px;
}

#push{
    height: 80px;
}
	  
#wrap {
    min-height: 100%;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -70px;
	padding:0 0 70px;
	display: table;
	width:100%;
}
	  
#content {
/*	background: #F2F2F2;*/
	background: #ecf0f1;
	/*box-shadow: 0 0 15px #BBBBBB;*/
	height: auto !important;
	margin: 5px auto;
	padding : 15px 0px 0px 0px;
	max-width: 768px;
/*	background-image: url(../img/Logo_EasyRmm_gris.png);
	background-repeat: no-repeat;
	background-position: right;
*/
}

.box_div {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
    color: #333333;
    float: left;
    min-height: 320px;
    overflow: hidden;
    width: 255px;
	margin-left:35px;
	padding:10px;
}
h1{
	font-size:24px;
}


#title{
	width:90%;
	margin-top:2%;
	margin-left:18%;
}
#form_connexion
{
margin-left:50%;
}

#center{
margin-top:8%;
margin-bottom:3%;
}

#bold
{
font-weight:bold;
}

.rouge-gras {
	color : red;
	font-weight : bold;
}

.red
 {
 color:red;
 }
/*--Chronogramme--*/

#chronogramme_information {
}

#div_chargement_evenement{
	text-align: center;
	height: 20px;
}

		
/*
	Présentation événement
*/
/*
#information_evenement .titre {
	border-bottom: 1px solid #ACACAC;
	border-top: 1px solid #ACACAC;
	color: #2B292D;
	float: left;
	font-size: 20px;
	padding: 12px 0 10px;
	text-align: left;
	width: 100%;
}
#information_evenement .titre_rouge {
	color: #B9121B;
	font-size: 20px;
	font-family: "Trajan Pro";
}
#information_evenement #menu_plus,#information_evenement #menu_plus_image {
	margin-top: 2px; 
        width: 15px;
        height: 15px;
        cursor: pointer;
}
#information_evenement .img_evenement_info{
	max-width: 100%;
	max-height:400px; 
}

#information_evenement .sous_titre{
	color:#C03000;
	font-size: 1.5em;
	font-family: Serif;
}

#information_evenement .box,#information_evenement #box_image{
	margin-top: 25px;
}
#information_evenement #box_commentaire{
    height:100% !important;
	border-right: 1px silver solid;
}
#information_evenement{
	padding: 5px;
	font-family: 'Imprima';
}
*/
/* **************************************** */

#filedrag{
	border: 1px dashed #ABC8E2;
	border-radius: 7px 7px 7px 7px;
	color: #375D81;
	cursor: default;
	display: none;
	font-weight: bold;
	margin: 1em 0;
	padding: 1em 0;
	text-align: center;
	width: 100%;
}

#filedrag.hover{
	 color: #183152;
	 border-color: #375D81;
	 border-style: solid;
}
.inserer_image{
	border:1px solid #DADBDB;
	padding:10px;
}
.modifier_propriete_evenement,.modifier_propriete_cas, .highmesure, .delmesure,.updatemesure {
	cursor: pointer;
}

#aide1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
}
#texte1 {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	margin:20px;
}

.style_modifier {
	font-size : 0.7em;
	color : #08c;
	font-weight : normal;
	cursor: pointer;
}

.lien_modifier {
	font-size : 0.7em;
	color : #08c;
	font-weight : normal;
}

/* PANZOLI 2017 -> Suppression de ça
.timeline-frame {
	margin-bottom : 15px;
	margin-top : 10px;
}
*/

.bouton_rubrique {
/*	padding-left: 10px !important;
	padding-right: 10px !important;
*/
}

.deux_colonnes {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	column-rule:1px outset #EEEEEE;
	-moz-column-rule:1px outset #EEEEEE; 
	-webkit-column-rule:1px outset #EEEEEE;
	margin-bottom: 15px;
}

/*.panel {
	margin-top : 10px !important;
}*/


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


.btn-link {
  color: #16A085 !important;
}

small a.btn-link{
font-size: 14px;
}

.btn-link2,
.btn-link2:active,
.btn-link2[disabled],
fieldset[disabled] .btn-link2 {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link2,
.btn-link2:hover,
.btn-link2:focus,
.btn-link2:active {
  border-color: transparent;
}
.btn-link2:hover,
.btn-link2:focus {
  color: #7f93be;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link2[disabled]:hover,
fieldset[disabled] .btn-link2:hover,
.btn-link2[disabled]:focus,
fieldset[disabled] .btn-link2:focus {
  color: #fff;
  text-decoration: none;
}

.alert-info {
  color: #FFFFFF !important;
  background-color: #7f93be !important;
  /*background-color: #7549ac !important;*/
  border: none;
}

legend {
  /*color: #7f93be !important;*/
  /*color: #7549ac !important;*/
  color: #400090 !important;
  border-bottom: none;
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: inherit;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  background-color: #bdc3c7 !important;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
}

.btn-danger {
color: #ffffff;
background-color: #e74c3c;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #ec7063;
border-color: #ec7063;
}

.btn:hover, .btn:focus , .btn:active:focus, .btn.active:focus {
  outline: none;
}

.btn:active, .btn.active {
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn-info {
  background-color: #34495e !important;
  border: none;
}

.radio,
.checkbox {
  display: inline !important;
}

label {
  font-weight: bold !important;
  line-height: 2 !important;
}

.help-block {
  font-size: 14px !important;
}

.checkbox .icons,
.radio .icons {
  line-height: 26px !important;
}

small,
.small {
  font-size: 14px !important;
  /*line-height: 42px !important;*/
}

/* TODO Cyrielle, pourquoi as-tu fais cela ??? */
.glyphicon{
/*line-height: 2 !important;*/
}

.btn {
border: none;
font-size: 15px;
font-weight: normal;
line-height: 1.4;
border-radius: 4px;
padding: 10px 15px;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.btn-primary {
color: #ffffff;
background-color: #1abc9c;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #48c9b0;
  border-color: #48c9b0;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background: #16a085;
  border-color: #16a085;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1abc9c;
  border-color: #1abc9c;
}

.btn-secondary{
  color: #fff;
  background-color: #904e6f;
  /*background-color: #400090;*/
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #a56886;
  border-color: #a56886;
  /*background-color: #7549ac;
  border-color: #7549ac;*/
}
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background: #733353;
  border-color: #733353;
  /*background: #2a015d;
  border-color: #2a015d;*/
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #904e6f;
  border-color: #904e6f;
  /*background-color: #400090;
  border-color: #400090;*/
}

.btn-secondary .badge {
  color: #428bca;
  background-color: #fff;
}
  
.btn-add {
  color: #fff;
  background-color: #e7501e;
  border-color: #e7501e;
}
.btn-add:hover,
.btn-add:focus,
.btn-add:active,
.btn-add.active,
.open .dropdown-toggle.btn-add {
  color: #fff;
  background-color: #eb673b;
  border-color: #eb673b;
}
.btn-add:active,
.btn-add.active,
.open .dropdown-toggle.btn-add {
  background-image: none;
}
.btn-add.disabled,
.btn-add[disabled],
fieldset[disabled] .btn-add,
.btn-add.disabled:hover,
.btn-add[disabled]:hover,
fieldset[disabled] .btn-add:hover,
.btn-add.disabled:focus,
.btn-add[disabled]:focus,
fieldset[disabled] .btn-add:focus,
.btn-add.disabled:active,
.btn-add[disabled]:active,
fieldset[disabled] .btn-add:active,
.btn-add.disabled.active,
.btn-add[disabled].active,
fieldset[disabled] .btn-add.active {
  background-color: #e15628;
  border-color: #e15628;
}
.btn-add .badge {
  color: #428bca;
  background-color: #fff;
}

/*.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
opacity: 0.5 !important;
}*/

/*
.panel-default > .panel-heading {
  color: #FFF;
  /*background-color: #3759a1 !important;
  background-color: #1abc9c !important;
  float:left;
  width: 100%;
}
*/
/*si le titre est trop long, la hauteur du panel-heading augmente pour laisser la place aux 2 boutons 'modifier' et 'supprimer'*/
/*.panel-default > .panel-heading :after {
  content: "";
  display: table;
  overflow: hidden;
  clear: both;
}*/

.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
padding-left: 25px !important;
}

.col-sm-6.col-sm-offset-3,.form-group .col-sm-6{
padding-right: 0px;
padding-left: 0px;
}

.padding{
	padding-left: 15px !important;
}

.nav>li>a{
	display: inline !important;
}

a {
color: #16a085;
text-decoration: none;
-webkit-transition: 0.25s;
transition: 0.25s;
}

a:hover {
	color: #16a085;
	text-decoration: underline;
}


.navbar-nav > li > a {
font-size: 16px;
padding: 15px 21px;
line-height: 23px;
font-weight: 700;
}

.navbar-nav>li>a,.light{
font-weight: 100 !important;
line-height:1,72222 !important;
}

.navbar-default{
/*background-color: #FFFFFF !important;*/
margin-bottom: 0px !important;

}

.navbar{
min-height: 65px!important;
background: #FFFFFF!important;
border: none;
}

/*.menu-button{
color: #34495E;
}*/

.verysmall{
font-size : 12px;
}


.navbar-nav li{
font-size: 18px;
display:block;
width:153px;
/*line-height:40px;*/
text-align:center;
vertical-align:middle;
text-decoration:none;
border-style: solid;
border-color: #34495E;
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
padding-bottom: 20px;
padding-top: 30px;
}

/*.navbar-nav li.end{
border-style: solid;
border-right-width: 1px !important;
}*/


.navbar-nav li a{
padding-left: 5px !important;
padding-right: 5px !important;
font-size: 16px;
}

.high{
font-size: 30px;
}

/*.test{
border-bottom-width: 6px !important;
border-style: solid;
border-color: #34495E;
border-top: none;
border-right: none;
}*/

/*.panel-title {
  margin-bottom: 5px;
}*/

.panel-group .panel{
overflow: visible;
}

/*menu*/

#content_title a>img, #content_title>div>div{
padding-left:20px;
padding-right:10px;
}

ul.navbar-nav li.active {
background-image: url("../img/menu_active.png");
background-position: center bottom;
background-repeat:no-repeat;
}

ul.navbar-nav li.active.done{
background-image: url("../img/menu_active.png"), url("../img/check.png");
background-position: center bottom, right top;
background-repeat:no-repeat;
}

ul.navbar-nav li.done {
background: url("../img/check.png") no-repeat;
background-position: right top;
color: #3759a1 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 700;
line-height: 1.1;
color: inherit;
}

h4, h5, h6 {
margin-top: 15px;
margin-bottom: 15px;
}

.form-group.focus .form-control,
.form-control:focus {
  border-color: #1abc9c;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #ffffff;
  border: none;
  color: #d5dbdb;
  cursor: default;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/*DescriptionCas*/

.form-control {
border: 2px solid #bdc3c7;
color: #34495e;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.467;
padding: 8px 12px;
height: 42px;
-webkit-appearance: none;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}


#texteareaDescription.form-control:focus {
  border-color: #904e6f !important;
}

#inputTitle.form-control:focus {
  border-color: #904e6f !important;
}


.navbar-brand{
padding: 18px 10px 75px 18px !important;
}


.big_padding{
padding-left: 60px;
}

.center_menu{
width: 80%;
right: 10%;
left: 10%;
margin: auto; 
}

.white{
	background: white !important;
	
}


/*Barre de navigation*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
color: #34495e !important;
}

.navbar-default .navbar-nav > li > a {
  color: #34495e;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  /*color: #7f93be !important;*/
  color: #7549ac !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #7549ac !important;
}


/*Lien déconnexion*/

.navbar-brand a {
  color: #7549ac;
}
.navbar-brand a:hover,
.navbar-brand a:focus {
  color: #400090;
}


.col-sm-6 .row{
font-size: 14px;
}

label.btn.btn-default,button.btn.btn-default{
line-height: 1.72222 !important;
background-color:#e9e8e7;
border-color:#e9e8e7;
color:#868889;
}


label.btn.btn-defaul.active,button.btn.btn-default.active{
color:white;
}

/*bilan*/

.control-label.col-sm-6{
padding-right: 15px;
}


.ms-sel-ctn .ms-sel-item{
background: #34495e !important;
font-size: 14px !important;
}

ul.nav-tabs li a{
color: #7549ac;
}


.tab-content{
background: white;
border:1px solid #ddd;
border-radius:4px;
padding:15px;
padding-bottom: 50px;
}

.padding-top{
padding-top: 5px;
}

.nav>li.pull-right>a{
display:block !important;
}

.nav-tabs{
border-bottom: none;
}


/*chronogramme-description évènement*/

.form-horizontal .row{
margin-left:0px;
margin-right:0px;
}

.form-horizontal .col-sm-10.panel.panel-default{
padding-right:0px;
padding-left:0px;
}

.panel-heading .btn-link,.event-title .btn-link{
color:white !important;
padding:0px;
}

.event-title{
background-color: #4ed5ba !important;
padding: 10px 15px 10px 15px;
color:white !important;
}

.nav.control-label>li{
-webkit-margin-before: 0.7em;
-webkit-margin-after: 0.7em;
}

.form-horizontal .nav.control-label{
padding-top:0px;
}


.item_description{
padding-top: 12px !important;
}

/*.item_description>li{
-webkit-margin-before: 3em !important;
-webkit-margin-after: 3em !important;
}*/

#information_EIG legend,#information_evenement .panel-heading legend{
margin-bottom:0px !important;
color:white !important;
}

#information_EIG textarea,#information_evenement textarea{
color:#34495e;
}

legend .form-group.editer{
margin-bottom:0px;
}



/*analyse systémique*/
/*
.panel.panel-info{
margin-left: 15px;
margin-right: 15px;
border-color: #7f93be;
}

.panel.panel-info>.panel-heading{
color: white;
background-color: #7f93be;
border-color: #7f93be;
}
*/

.row .deux_colonnes{
margin-left:30px;
margin-right:30px;
}

.row .deux_colonnes .col-sm-6{
padding-left:0px;

}


.nav>li>a.bouton_rubrique,.nav>li>a.rubrique{
display: block !important;
margin-right:0px;
/*line-height: 0.75;*/
}

.nav>li>a.bouton_rubrique{
min-height: 83px!important;
}

.bouton_rubrique.done,.bouton_rubrique.cause {
opacity:0.5;
}

li.active>.bouton_rubrique.done,li.active>.bouton_rubrique.cause {
opacity:1 !important;
}

.container-fluid{
padding-right:0px;
padding-left:0px;
}

.lead{
color:#400090;
}

#content>.row{
margin-right:0px;
margin-left:0px;
}


/*réinitialisation*/

.col-sm-6 +.glyphicon{
padding-left:15px;
}

#mentionsLegales .modal-body h3,#mentionsLegales .modal-body h4 {
	font-size: 100% !important;
}

#mentionsLegales .modal-body p, #mentionsLegales .modal-body li {
	font-size: 0.9em !important;
	line-height: 1;
	margin: 0 0 8px 0;
	text-align: justify;
}
/*
.systemique_invite_icone {
	position: absolute;
	left: 0;
	top: 0;
}

.systemique_invite_commentaire {
	font-style:italic;
}

.systemique_invite_question {
	margin-bottom: 12px;
	padding-left: 32px;
	position: relative;
	font-size: 14px;
	line-height: 1.5
}
*/


.role_capsule {
    background: #555;
    color: #EEE;
    float: left;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
    margin-left: 5px;
    margin-top: 4px;
	font-size: 14px;
	cursor: default;
}

.role_capsule .supprimer_role {
	margin-left: 5px;
	cursor: pointer;
}

#input_roles {
	background-color: white !important;
}

.navbar-nav {
margin: 0;
}

.navbar-nav .high {
	font-size: 48px;
}

.champ_titre {
	background-color: #1abc9c;
	font-size: 24px !important;
	color: white !important;
	
}

.champ_titre:required{
background-color: #FFF;
color: #34495e !important;
}

/*
* Permet de faire fonctionner date-picker et flat-ui
*/
.datepicker.dropdown-menu {
  visibility: visible;
  opacity: 1;
  width: auto;
} 


small, .small {
font-size: 83%;
line-height: 2.067;
}


@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-light.eot');
  src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-regular.eot');
  src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

kbd {
    color: #333 !important;
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #fff;
    border-radius: 3px;
    border-bottom: solid 1px;
    border-right: solid 1px;
}

/************************* Modifs 2017 ****************************/
.modal-header h4 {
	font-size: 20px;
}

.datepicker { 
	z-index:1151 !important;
}