body{
	width :100%;
	height : 100%;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	color:black;
	  } 
	  
	  
	  
a{
	text-decoration:none;
	color :#337ab7;
	text-decoration :bold;
}

.lelabo{
	height:25%;
	width :25%;
}


.lb_menu{
	width :60px;
	margin-left : 5px;
}

.impressionetiquette{
	margin-bottom : 70px;;
	margin-top : 70px ; 
}

* {
    box-sizing: border-box;
}

html {
   font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
/*******************************************************************************************/
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-size : 12px;
}

.warning{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/warning.png');
}

.error{
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/error.png');
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
/*******************************************************************************************/
.header {
    color: black;
    padding: 15px;
	text-align : center;
}
/*******************************************************************************************/
.contenu_labo h1{
	font-size:1.5em; 	
	text-align : center;
}

.contenu_labo {
	background-color : white;
}

.contenu_labo p{
 font-size: .85em;

}
/*******************************************************************************************/

.contenu_connexion h1{
	font-size:1.5em;
	text-align : center;
}
/***********************************************************************************************/

.urgence{
	   height : 200px;
}

.raccourcis{
	width : 50%;
	margin : auto; 
}
/************************************************************************************************************/
.button-fill {
  text-align: center;
  background: #ccc;
  display: inline-block;
  position: relative;
  text-transform: uppercase;

}

.button-fill.rc1,
 .button-fill.rc2{
  background: #2083AD;
  color: #fff;
}

.button-fill.rc1{
	float: left;
}
.button-fill.rc1:hover, 
 .button-fill.rc2 :hover {
  background: #2493C1;
  color: #fff;
}
.button-fill.rc2{
float: right;
}
.button-text {
  padding: 0 25px;
  line-height: 56px;
  letter-spacing: .1em;
}

/***********************************************************************************************/
.connexion {
	width : 50%;
	margin : auto; 
}

.connexion input[type=text], input[type=password] {
    width: 100%;
    padding: 10px 15px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	background-color: white;
}

.connexion input[type=submit] {
    width: 100%;
    background-color: #1DAE50;
    color: white;
    padding: 14px 15px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.connexion input[type=submit]:hover {
    background-color: #0B5E2C;
}

/*******************************************************************************************/
.footer {
    background-color: #1DAE50;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
/************************************************************************************************************/
.row::after {
    content: "";
    clear: both;
    display: block;
}
/************************************************************************************************************/
[class*="col-"] {
    float: left;
    padding: 15px;
}
/************************************************************************************************************/
.navbar-inverse{
  background-color: #1DAE50;
  border-color: #1DAE50;
  color : white;
}
.navbar-inverse .navbar-nav > li > a{
	color :white;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
	 background-color:#red;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
		 background-color:#16873E;
}
.dropdown-menu > li > a{
  background-color: #1DAE50;
  border-color: #1DAE50;
  color : white;
}




.dropdown-menu{
	  background-color: #1DAE50;
  border-color: #1DAE50;
  color : white;
}

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #1DAE50;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
}

ul.topnav li a:hover {background-color: #1B9E48;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
/********************************************************************************************************/
.aside {
    background-color: #1DAE50;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.right ul {
    list-style-type: none;
	text-decoration : none;
    margin: 0;
    padding: 0;
	margin-right : 4px;
	margin-left : 4px;
}

.right p{
	color : black; 
	text-align : center ;
	font-size : 20px;
}
.right input[type=text]{
	color : black; 
}

a:link, a:visited {
    text-decoration: none;
	
}

.right li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#337AB7;
	text-decoration : none;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.right_bt{

    background-color :#337AB7;
	text-decoration : none;
    color: #ffffff;
	border : #337AB7;
	width : 100%;
	text-align:left;
}
.ac_hover li:hover {
    background-color: #438DCB;
}

.right li:hover{
	background-color :#337AB7;
}

.panel{
	color : black;
}
/***********************************************************************************************************/
.terminee{
	color:green;
}

.nonterminee{
	color:red;
}
.encours{
	color:orange;
}
.enattente{
	color:red;
}

.haccueil{
	margin-bottom : 20px;
	margin-top : 20px;
	text-align :center;
}

.haccueilaa{
	margin-bottom : 20px;
	margin-top : 25px;
	text-align :center;
}

.haccueil_client{
padding: 20px 25px;
font-size: 18px;
text-align:center;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
margin-left : 25%;
margin-right : 25%;
}

.haccueils , .haccueilsa{
float : left;
padding: 20px 25px;
font-size: 18px;
text-align:center;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;

}
.haccueilsa{
	margin-right : 4%;
}


.echref{
padding: 10px 10px;
font-size: 18px;
text-align:center;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}

/***********************************************************************************************************/
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 18%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 64%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 80%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

body > .row {
margin-right: 0;
margin-left: 0;
}

body > .row > .menu {
width: 2% !important;
}

body > .row > .contenu_labo {
width: 80% !important;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}