.row{
  margin-left: 30px !important;
  margin-right: 30px !important;
}
 .navbar {
  height: 45px;
}

  .select_join {
   
	width: 225px;
	height: 28px;
	font-size:11pt;
	overflow: hidden;
	/*background: url('http://s24.postimg.org/lyhytocf5/dropdown.png') no-repeat right #FEFEFE;*/
	border: #FEFEFE 1px solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
	box-shadow: inset 0px 0px 10px 1px #FEFEFE;
   }
   
.select_join select {
  
   background: #e5e6e8;
   width: 225px;
   font-size:11pt;
   color:grey;
   border: 0;
   border-radius: 0;
   height: 28px;
   -webkit-appearance: none;
   
   }
   .select_join select:focus {
    outline: none;

}
.select_join option {
    font-size:13px;
}

.select_join2 {
   
	width: 120px;
	height: 28px;
	font-size:11pt;
	overflow: hidden;
	/*background: url('http://s24.postimg.org/lyhytocf5/dropdown.png') no-repeat right #FEFEFE;*/
	border: #FEFEFE 1px solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
	box-shadow: inset 0px 0px 10px 1px #FEFEFE;
   }
   
.select_join2 select {
  
   background: #e5e6e8;
   width: 120px;
   font-size:11pt;
   color:grey;
   border: 0;
   border-radius: 0;
   height: 28px;
   -webkit-appearance: none;
   
   }
   .select_join2 select:focus {
    outline: none;

}
.select_join2 option {
    font-size:13px;
}


a[href] {
	color:black; /* modif pour l'affichage des concordances et des contextes des coocs */
}

a[href], input[type='submit'], input[type='image'], label[for], select, button .pointer {
       cursor: pointer;
}

div.py-1 a{
    color: white;
}

div.py-1 {
    height: 37px;
}

table, th , td {
    /*border: 1px solid grey;*/
    border: thin solid #ccc;
    border-collapse: collapse;
    padding: 5px;
    text-align:center;
    font-size:11px
}
table tr:nth-child(odd) {
    background-color: #dfdfdf;
}
table tr:nth-child(even) {
    background-color: #ffffff;
}
th {
    background:#7eb5ff   ;
}
table td, table th {
    border-right: thin solid #eee; border-bottom: thin solid #eee;
}

#SpecifPartie  td:nth-child(1) {cursor: pointer;}
#specifsTotalesParties  td:nth-child(1) {cursor: pointer;}


#placeholder {
    width: 800px;
    margin: 1em auto;
}
#placeholder2 {
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    height:0px;
/*margin: 1em auto;*/
/*display:table;*/
}
#placeholder2 #placeholderSource {
    float:left;
    width:49%; /* modif bitexte avril 2018 */
}
#placeholder2 #placeholderCible {
    margin-left:51%   /* modif bitexte avril 2018 */
}



#contextehtml {
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    border: 3px;
/*font-size:0.7em;*/
}


#contextehtml #placeholderSource1 {
    float:left;
    width:48%;
}
#contextehtml #placeholderCible1 {
    margin-left:52%
}


#contextehtml ins {
     text-decoration: underline  red;
}

#contextehtml #placeholderSource1 ins {
     text-decoration: underline  red;

}

#contextehtml #placeholderCible1 ins  {
    text-decoration: underline  red;
}



#Global {
    margin-right: auto;
    margin-left: auto;
    width: 98%;
    border: 3px;
    display:table;
}
#Global2 {
    margin-right: auto;
    margin-left: auto;
    width: 98%;
    border: 3px;
}




.audiojs { height: 22px; background: #404040;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
        background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
        -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojs .play-pause { width: 15px; height: 20px; padding: 0px 8px 0px 0px; }
.audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
.audiojs .scrubber { background: #5a5a5a; width: 310px; height: 10px; margin: 5px; }
.audiojs .progress { height: 10px; width: 0px; background: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
        background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { height: 10px; background: #000;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
        background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 25px; line-height: 25px; }
.audiojs .error-message { height: 24px;line-height: 24px; }

.track-details { clear: both; height: 20px; width: 448px; padding: 1px 6px; background: white; color:  #2fcf2d; font-family: monospace; font-size: 11px; line-height: 20px;
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); }
.track-details:before { content: '♫ '; font-size:20px;color:black}
.track-details em { font-style: normal; color: red; }


.passage-audio {
    height: 2em;
}
#passage-audio {
    width: 100%;
    max-height: 2em;
}
#passage-text.speaking {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.autofocus-current-word,
.playback-rate {
    font-size: smaller;
}
.autofocus-current-word label,
.playback-rate label {
    font-weight: bold;
}

.btnV {
height: 26px;
width: 26px;
background-image:url('../images/ventilation.png');
background-repeat:no-repeat;
}
.btnS {
height: 26px;
width: 26px;
background-image:url('../images/section.png');
background-repeat:no-repeat;
}
.btnC {
height: 26px;
width: 26px;
background-image:url('../images/concordance.png');
background-repeat:no-repeat;
}
.btnA {
height: 26px;
width: 26px;
background-image:url('../images/select.png');
background-repeat:no-repeat;
}


svg.ct-chart-bar, svg.ct-chart-line{
    overflow: visible;
}
.ct-chart-bar .ct-label.ct-label.ct-horizontal.ct-end {
    position: relative;
    justify-content: flex-end;
    text-align: right;
    transform-origin: 100% 0;
    transform: translate(-60%) rotate(-45deg);
    white-space:nowrap;
}
.ct-chart-line .ct-label.ct-label.ct-horizontal.ct-end {
    position: relative;
    justify-content: flex-end;
    text-align: right;
    transform-origin: 100% 0;
    transform: translate(-100%) rotate(-45deg);
    white-space:nowrap;
}

/* Mise à jour Line pour Accroissement vocab */
/* Use this selector to override the line style on a given series */
.ct-point {
  /* Colour of your points */
  stroke: red;
  /* Size of your points */
  stroke-width: 2px !important;
  /* create modern looking rounded donut charts */
  stroke-linecap: round;
 }
/*-----------------------------*/
#graph-analysis1 svg {
    overflow: visible;
}
#graph-analysis2 svg {
    overflow: visible;
}
#graph-analysis3 svg {
    overflow: visible;
}

/* couleur des boutons a reporter dans les tableaux et dans chargement en cours */

  body .btn-success {
	font-size:0.8em;  /* test en cours */
	padding: 0.2em 0.2em 0.2em 0.2em;

    background-color: #1879fd   ;
    border-color:  #1879fd   ;
    color: #FFF; }
    body .btn-success:hover, body .btn-success:focus {
      border-color:  #1879fd   ;
      background-color:  #7eb5ff   ;
      color: #FFF; }
    body .btn-success:active, body .btn-success:visited, body .btn-success:active:focus, body .btn-success:active:hover {
      border-color: #1879fd  ;
      background-color: #1879fd  ;
      color: #FFF; }
	  
	  
body .btn-outline-success {
		font-size:0.8em;  /* test en cours */
		padding: 0.2em 0.2em 0.2em 0.2em;
		border-color:  #1879fd   ;
		color: #1879fd   
	}
	body .btn-outline-success:hover, body .btn-outline-success:focus{
      border-color: #1879fd  ;
      background-color: #7eb5ff  ;
      color: #FFF; 
	}
   body .btn-outline-success:active, body .btn-outline-success:visited, body .btn-outline-success:active:focus, body .btn-outline-success:active:hover {
      border-color: #1879fd  ;
      background-color: #1879fd  ;
      color: #FFF; 
	}