/* CSS Document */
/*****************/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/* --- reset --- */
html {
  font-size: 100%;
}
body {
    margin: 0;
    padding: 0; 
    font-family: 'Lato', sans-serif;
    font-weight:400;   
    font-size: 1em; 
    line-height: 1.6; 
    color: black;
    background: white;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 0.25em 0 .25em 0; 
    /*line-height: 1.2;*/  
    font-style: normal;
    font-family: 'Lato', sans-serif;  
    font-weight:300;
}
h1 {
  font-size: 1.75em;

}
h2 {
  font-size: 1.5em;
  color:#333333;
  text-transform:uppercase;
}
h3 {
  font-size: 1.35em;
  color:#272e33;  
  text-transform:uppercase;
}
h3 a:link, h3 a:visited {
  color:#272e33;  
}
h4 {
  font-size: 1.25em;
  color:#000000;
}
h4 a:link, h4 a:visited  {
  color:#000000;
}
h4 a:hover {
    color:#BFD7D4;
} 

/* Listes */
ul, ol {
  margin: .75em 0 .75em 32px;
  padding: 0;
}

/* Paragraphes */
p {
  margin: .75em 0;
}

/* Liens */
a {
  text-decoration: none;
}
a:link {
  color: #218379;
}
a:visited {
  color: #279c90;
}
a:hover, a:focus, a:active {
  color: #1a6961;
}
a img {
  border: none;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
/* Formulaires */
/*hack firefox fieldset*/
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
.form-control {
    width:auto;
}
#droite .form-control {
    width:100%;
}
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
fieldset {
    padding:5px 10px;
    border:1px solid #4d4848;
}
legend {
    /*margin-top:15px;*/
    margin-top:14px;    
    padding:2px 5px;    
    border:1px solid #4d4848;
    width:auto;
    font-size:1em;
}
input, button, select {
  vertical-align: top;
  font-size:0.85em; 
}
input.valider {        
    border:1px solid #C0C0C0;
    background-image: url(../images/interface/fond_bouton.gif);
    background-repeat: repeat-x;    
    background-position: left center ; 
}
/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  /*border: 1px solid gray;*/
  border:none; 
  border-collapse: collapse; 
  border-spacing: 0;
}
table td, table th {
    padding:2px;
  /*padding: 4px;*/ 
  /*border: 1px solid #ccc;*/ 
  /*vertical-align: top;*/ 
}
/* --- reset --- */
/*****************/
br.clr {            
    font-size:1px; 
    clear:both;     
}
label {
    font-weight:bold;
    padding-left:2px;
    padding-right:5px;
}
label.intitule {    
    display: inline; float: left; width: 120px;    
}
td.intitule {    
   text-align:right;
   font-weight:bold;  
}
a.lien_invisible:link, a.lien_invisible:visited{
    color:#218379 !important;
}
label.error { 
    display:none;    
    width: 100% !important;
    color: red;
    padding-left:20px;
    margin-left:5px;
    margin-top:5px;
    background-image:url(../images/non-valide.gif);
    background-repeat:no-repeat;
    background-position:top left;
    display:block;        
}
span.obl {
    color:#FF0000;    
}
img.align_left {
    float:left;
    margin-right:5px;
    margin-top:5px;
}
img.align_right {
    float:right;
    margin-left:5px;
    margin-top:5px;
}
/***************************************************/
/*     Bulle sur point d'interogation              */
/***************************************************/
a.infobulle {
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none;
  border:none; 
    padding-left:5px;
  padding-right:5px; 
}
	
a.infobulle img {
  border:none;
  text-decoration:none;
   
}
	
a.infobulle:hover {
	background: none;
	z-index:25
}
a.infobulle span {display: none}
a.infobulle:hover span { 
	display:block;
	position:absolute;
	top:0;
	left:3em;
	padding:2px;
	width:20em;
	border:1px solid #7F9DB9;
	background-color:#EDEDED;
	color:#000000;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}
/*************/
/* ui.jquery */
.toggle_div {display:none;
    background-color:#ceb7b6;    
    color:#413932;
    padding:5px 10px;
    margin:-5px -10px 10px -10px;        
    }
.toggle_link, .suite {
    background-image: url(../images/interface/arrow-blue.gif);
    background-repeat: no-repeat;     
    background-position: center left;
    padding-left:20px;         
}
.fermer {
    background-image: url(../images/interface/fermer.gif);
    background-repeat: no-repeat;     
    background-position: center left;
    padding-left:20px;         
}
/***************************************************/
/*     Affichage des erreurs                       */
/***************************************************/
.blocAlerte {
  padding: 10px; 
  margin: 5px;
  background-color: #FFCCCC!important;
  border:1px solid #FF0000!important;
  font-weight: bold;
 /*font-size: 12px;*/
 color:#C00000;
}

.blocAlerte .alerte {
  color:#000000!important;
  padding: 0!important;
  margin: 0!important;
}

.blocAlerte p{
  padding: 0!important;
  margin: 0!important;
}

.blocAlerte ul li strong, .blocAlerte ul li a{
  color:#FF0000!important;
  padding: 0!important;
  margin: 0!important;
}
select.alerte {
  background-color: #FFCCCC!important;
}
span.NOK {
    color:#C00000;
}
.petit {
    font-size:0.85em;
}

/***************/
/* Back-office */
/***************/

/***************/
/* Impression */
/***************/
#header_popup, #pied_popup {
    display:none;
}