/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
h1, h2, h3, h4, h5, h6, .uk-article-lead {
	font-weight: 400; /*template, .uk-article-title: 300 */
}
h2.utac:before, h3.utac:before {
    content: "";
    background: url(../../../images/bullet30.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 6px;
    margin-right:6px;
}
h4.utac:before, h5.utac:before {
    content: "";
    background: url(../../../images/bullet25.png) no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 8px;
    margin-right:6px;
}
.utac:before {
    content: "";
    background: url(../../../images/bullet25.png) no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 8px;
    margin-right:6px;
}
.utac{
 	font-weight: 400;
	font-size: 24px;
	color: #004680;
	line-height: 36px;
	margin: 0 0 15px 0;
	font-family: 'Open Sans';
	color: #004680;
	text-transform: none;
	text-rendering: auto; 
}

 /* fixing bandeau */
@media (min-width: 1243px) {
	.bandeau {
		width: 100%;
		height: 120px;
	}
} 
@media (max-width: 480px) {
	.top-parallax {
		min-height:30px;
	}
}

 .tm-headerbar .tm-container {
	max-width: 1200px;
}
 /*
 * Dropdown
 */
.tm-dropdown {
  min-width: 250px;
  width: auto;
}

.tm-parallax-teaser-container {
  width: 750px;
  margin-left: -375px;
}

.tm-parallax-teaser-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

/* reduce height of menus */
.uk-navbar-nav > li > a {
    height: 60px; /*80px, 120*/
    line-height: 60px;	/*80px, 120*/
}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    height: 60px; /*80px, 120*/
}
.uk-navbar-nav .uk-navbar-nav-subtitle {
    line-height: 50px; /*70, 120*/
}
.uk-navbar-nav-subtitle > div {
    margin-top: -11px; /*-21, -40 */
}

/* side navigation adjustments */
.uk-nav-side .uk-nav-header {
	color: #8d8d8d;
}
ul.uk-nav-side ul.uk-nav-sub > li > ul > li {
	font-size: 14px;
}

ul.uk-nav-side ul.uk-nav-sub li > a,
ul.uk-nav-side ul.uk-nav-sub li > a:hover,
ul.uk-nav-side ul.uk-nav-sub li > a:active {
	border-left-width: 2px;
}
ul.uk-nav-side > li li.uk-active > a {
	color: #004680;
	border-left-color: #004680;
}
ul.uk-nav-sub > li > ul {
	border-left: none;
	padding-top: 5px;
}
ul.uk-nav-side ul.uk-nav-sub > li > a,
ul.uk-nav-side ul.uk-nav-sub > li > ul > li > a {
	padding-left: 7px;
}

/*
 * Width multiplier for dropdown columns
 */
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 500px; /* 460, 400 */
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 690px; /* 600 */
}
/*
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 800px;
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1000px;
}*/

/* fix the logo-small in mobile mode */
.uk-navbar-brand {
	line-height: normal;
}

.uk-panel-box-primary .uk-text-muted {
	color: #dbdbdb !important;
}

/* fix the search in tool bar */
/* some parameters are changed in the template customizer */
.tm-toolbar input.uk-search-field {
	padding: 0 10px 0 30px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 15px;
	font-size: 15px;
	/*height: 23px;  origin 50*/
    /*line-height: 23px;
	background-color: #e0e0e0;background: none repeat scroll 0 0 #ededed;
	width: 150px;*/
}
.uk-search-field:focus, .uk-search.uk-active .uk-search-field {
	padding: 0 10px 0 30px;
}

/* this for the search icon*/
.tm-toolbar .uk-search:before {
	top: 2px;
	line-height: 23px;
	width:  25px;
	/*font-size: 18px;*/
	z-index: 10;
}

.tm-toolbar form.uk-search {
	_margin-top:2px
}
.tm-toolbar .uk-dropdown-search {
	z-index: 1300; /*uk-dropdown=1200 but the slant is above search results */
}
.tm-toolbar .uk-search-close {
	line-height: 20px;
}

.uk-offcanvas-bar .uk-search:before {
	top: 2px;
	line-height: 20px;
	width:20px;
}
.uk-offcanvas-bar input.uk-search-field {
	height: 20px; /*50px*/
	padding:0 30px; /*0 50px*/
}
.ps-panel-search { /*class added to the module */
	margin: 0; /*20px 15px*/
}

.tm-block > .uk-container > .uk-grid {
	padding: 20px 0 40px 0;
}
.tm-block > .uk-container > .tm-footer {
	padding: 15px 0;
}

.tm-block > .uk-container > .tm-footer .uk-subnav > li > a {
    color: #d0d0d0;
    font-size: 80%;
}

/* reduce margin for bottom-b on HP for slogan */
.tm-block > .uk-container > .tm-bottom-b {
	padding: 15px 0;
}
/* Inverse colors for header */
/*.tm-slant-top {
,*/
.tm-headerbar {
	/*background-color: #004680;*/
}
.tm-headerbar.tm-slant-top + .tm-block > .tm-slant-block-top {
  /*border-color: transparent #004680 transparent transparent;*/
}
.tm-headerbar.tm-slant-bottom > .tm-slant-block-bottom {
  /*border-color: #004680 transparent transparent transparent;*/
}



/* PARISIAM 
 ========================================================================== */
/*
 * force colors
 */
.text-normal {
  color: #555555 !important;
}
.text-info {
  color: #004680 !important;
}


.uk-panel-box {
	/*padding-top: 20px;*/
	padding-bottom: 20px;
}
/*
 * Modifier: `uk-button-default`: an additional gray/neutral button
 */
.uk-panel-box .uk-button-default,
.uk-button-default {
  background-color: #eeeeee;
  color: #444444;
}
/* Hover */
.uk-panel-box .uk-button-default:hover,
.uk-panel-box .uk-button-default:focus,
.uk-button-default:hover,
.uk-button-default:focus {
  background-color: #f5f5f5;
  color: #444444;
}
/* Active */
.uk-panel-box .uk-button-default:active,
.uk-panel-box .uk-button-default.uk-active,
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: #dddddd;
  color: #444444;
}
/*.uk-panel-box-primary a {
  color: rgba(255, 255, 255, 0.7);
}
.uk-panel-box-primary a:hover {
  color: #ffffff;
}*/


/* Padding => copied and adapted from uk-margin (missing in uikit)
 ========================================================================== */
/* Padding
 ========================================================================== */
/*
 * Create a block with the same padding of a paragraph
 * Add padding if adjacent element
 */
.uk-padding {
  padding-bottom: 15px;
}
* + .uk-padding {
  padding-top: 15px;
}
.uk-padding-top {
  padding-top: 15px !important;
}
.uk-padding-bottom {
  padding-bottom: 15px !important;
}
.uk-padding-left {
  padding-left: 15px !important;
}
.uk-padding-right {
  padding-right: 15px !important;
}
/*
 * Larger paddings
 */
.uk-padding-large {
  padding-bottom: 30px;
}
* + .uk-padding-large {
  padding-top: 30px;
}
.uk-padding-large-top {
  padding-top: 30px !important;
}
.uk-padding-large-bottom {
  padding-bottom: 30px !important;
}
.uk-padding-large-left {
  padding-left: 30px !important;
}
.uk-padding-large-right {
  padding-right: 30px !important;
}
/*
 * Smaller paddings
 */
.uk-padding-small {
  padding-bottom: 5px;
}
* + .uk-padding-small {
  padding-top: 5px;
}
.uk-padding-small-top {
  padding-top: 5px !important;
}
.uk-padding-small-bottom {
  padding-bottom: 5px !important;
}
.uk-padding-small-left {
  padding-left: 5px !important;
}
.uk-padding-small-right {
  padding-right: 5px !important;
}
/*
 * Remove paddings
 */
.uk-padding-remove {
  padding: 0 !important;
}
.uk-padding-top-remove {
  padding-top: 0 !important;
}
.uk-padding-bottom-remove {
  padding-bottom: 0 !important;
}


/* Padding => copied and adapted from http://blog.templatemonster.com/2014/04/23/tutorial-build-vertical-timeline-archives-page-using-bootstrap/
 ========================================================================== */
/* Timeline
 ========================================================================== */
/*

/** timeline box structure **/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px;
}

.tldate {
  display: block;
  width: 100px;
  margin: 0 auto;
  padding: 10px;
  background: #004680;
  text-align: center;
  color: #ffffff;
  font-size: 26px;
  
  /*font-weight: bold;
uk-panel-box-primary
  border: 3px solid #212121;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
  */
}

.timeline li {
  margin-bottom: 25px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 38%;
  float: left;
  background: #f1f1f1;
  /*border: 1px solid #d4d4d4;*/
  padding: 20px;
  position: relative;
  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #f1f1f1;
  border-right: 0 solid #f1f1f1;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #f1f1f1;
  border-right: 0 solid #f1f1f1;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
  position: absolute;
  top: 23px;
  left: 50%;
  text-align: center;
  background: #0863a6;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-left: -21px;
  border: 3px solid #a3a3c2;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 99999;
}


/** timeline content **/
.tl-heading {
	margin-bottom: 10px;
}
.tl-heading h4 {
  margin: 0;
  color: #004680;
  font-size: 22px;
  line-height: 28px;
}

.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

/** DOCMan adjustment **/
.koowa .mod_docman ul{
	padding-left: 0;
}

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 40px;
  }
  
  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}
/**Ajout Mimo**/
.table_UTC_Accueil{
 width:160px;
 height:120px;
 padding:5;
}
.td_Txt_Accueil{
color:#ffffff;
font-size:1em;
line-height: 1em;
text-align: center;
background: #004680;
}
.td_Txt_Accueil:hover{
color:#ffffff;
font-size:1em;
line-height: 1em;
text-align: center;
background: #004680;
 opacity: 0.5;
}
.tm-block-bottom-c {
  background: #ffffff;
}
.text-menu-certification{
  font-size:0.8em;
  font-weight: bold;
}
/* Mise en forme tableau Catalogue*/
.td-formation-gauche{
vertical-align: top;
border-right: 1px solid #004680;
padding-right: 0.5em;
}
.td-formation-droit{
vertical-align: top;
border-left: 1px solid #004680;
padding-left: 1em;
}
.Paragraphe-Formation{
padding-left: 1em;	
}
ul.List-Paragraphe-Formation{
	padding-left: 3em;	
}

/* couleurs module catalogue*/
/* -- Green -- */
.uk-panel-box-green {
	/*padding-top: 20px;*/
	padding-bottom: 20px;
  padding: 25px;
  background: transparent;
  color: #92d050;
  border: 1px solid #92d050;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.uk-panel-box-green .uk-panel-title {
  color: #92d050;
  text-decoration: underline;
}
.uk-panel-box-green li.uk-active > a {
  background: #92d050;
  color: #ffffff;
}
.uk-panel-box-green li > a {
  color: #92d050;
}
.uk-panel-box-green li > a:hover,
.uk-panel-box-green li > a:focus {
  border: 1px solid #92d050;
  color: #92d050;
  background: transparent;
  /* 2 */
  outline: none;
}
.uk-button-green {
  background-color: #92d050;
  color: #ffffff;
}
/* Hover */
.uk-button-green:hover,
.uk-button-green:focus {
  background-color: #b1d090;
  color: #ffffff;
}
/* Active */
.uk-button-green:active,
.uk-button-green.uk-active {
  background-color: #92d050;
  color: #ffffff;
}
/* -- Blue -- */
.uk-panel-box-blue {
	/*padding-top: 20px;*/
	padding-bottom: 20px;
  padding: 25px;
  background: transparent;
  color: #4bacc6;
  border: 1px solid #4bacc6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.uk-panel-box-blue .uk-panel-title {
  color: #4bacc6;
  text-decoration: underline;
}
.uk-panel-box-blue li.uk-active > a {
  background: #4bacc6;
  color: #ffffff;
}
.uk-panel-box-blue li > a {
  color: #4bacc6;
}
.uk-panel-box-blue li > a:hover,
.uk-panel-box-blue li > a:focus {
  border: 1px solid #4bacc6;
  color: #4bacc6;
  background: transparent;
  /* 2 */
  outline: none;
}
.uk-button-blue {
  background-color: #4bacc6;
  color: #ffffff;
}
/* Hover */
.uk-button-blue:hover,
.uk-button-blue:focus {
  background-color: #8bbac6;
  color: #ffffff;
}
/* Active */
.uk-button-blue:active,
.uk-button-blue.uk-active {
  background-color: #4bacc6;
  color: #ffffff;
}
/* -- Purple -- */
.uk-panel-box-purple {
	/*padding-top: 20px;*/
	padding-bottom: 20px;
  padding: 25px;
  background: transparent;
  color: #b3a2c7;
  border: 1px solid #b3a2c7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.uk-panel-box-purple .uk-panel-title {
  color: #b3a2c7;
  text-decoration: underline;
}
.uk-panel-box-purple li.uk-active > a {
  background: #b3a2c7;
  color: #ffffff;
}
.uk-panel-box-purple li > a {
  color: #b3a2c7;
}
.uk-panel-box-purple li > a:hover,
.uk-panel-box-purple li > a:focus {
  border: 1px solid #b3a2c7;
  color: #b3a2c7;
  background: transparent;
  /* 2 */
  outline: none;
}
.uk-button-purple {
  background-color: #b3a2c7;
  color: #ffffff;
}
/* Hover */
.uk-button-purple:hover,
.uk-button-purple:focus {
  background-color: #c1bcc6;
  color: #ffffff;
}
/* Active */
.uk-button-purple:active,
.uk-button-purple.uk-active {
  background-color: #b3a2c7;
  color: #ffffff;
}
/* -- Orange -- */
.uk-panel-box-orange {
	/*padding-top: 20px;*/
	padding-bottom: 20px;
  padding: 25px;
  background: transparent;
  color: #f27a44;
  border: 1px solid #f27a44;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.uk-panel-box-orange .uk-panel-title {
  color: #f27a44;
  text-decoration: underline;
}
.uk-panel-box-orange li.uk-active > a {
  background: #f27a44;
  color: #ffffff;
}
.uk-panel-box-orange li > a {
  color: #f27a44;
}
.uk-panel-box-orange li > a:hover,
.uk-panel-box-orange li > a:focus {
  border: 1px solid #f27a44;
  color: #f27a44;
  background: transparent;
  /* 2 */
  outline: none;
}
.uk-button-orange {
  background-color: #f27a44;
  color: #ffffff;
}
/* Hover */
.uk-button-orange:hover,
.uk-button-orange:focus {
  background-color: #f2ad8d;
  color: #ffffff;
}
/* Active */
.uk-button-orange:active,
.uk-button-orange.uk-active {
  background-color: #f27a44;
  color: #ffffff;
}

/* PAGE RH*/
.RH-En-Bref-Labelle{
	color : #000000;
	text-align : center;
	font-weight: bold;
	font-size : 1.5em;
	line-height: normal;
}
.RH-En-Bref-Chiffre{
	color : #004680;
	text-align : center;
	font-weight: bold;
	font-size : 1.7em;
	line-height: normal;
}
.Titre-Annonce-rh{
	color: #ffffff;
	font-weight: bold;
	font-size : 1.5em;
}
/*
 * Sub-modifier: `uk-panel-box-secondary`
 */
.uk-panel-box-talent {
  background-color: #015e90;
  color: #ffffff;
}
.uk-panel-box-talent > a:not([class]),
.uk-panel-box-talent > :not([class*='uk-nav']) a:not([class]) {
  color: #bbbbd1;
}
.uk-panel-box-talent > a:not([class]):hover,
.uk-panel-box-talent > :not([class*='uk-nav']) a:not([class]):hover {
  color: #ffffff;
}
.uk-panel-box-talent a {
  color: rgba(255, 255, 255, 0.7);
}
.uk-panel-box-talent a:hover {
  color: #ffffff;
}
.uk-panel-box-talent .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger) {
  background: #616192;
}
.uk-panel-box-talent .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):hover {
  background: #7e7ea8;
}
.uk-panel-box-talent .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):active {
  background: #393954;
}
.uk-panel-box-talent .uk-nav > li > a:hover {
  background: #434364;
}
.uk-panel-box-talent-hover:hover {
  color: #ffffff;
}
.uk-panel-box-talent .uk-panel-title {
  color: #ffffff;
}
/*
 * Section Challenge
 */
 .TableEquipe {
	 width:100%;
	 border:1px solid;
	 text-align:center;
 }
 .TableEquipe th {
	 border:1px solid;
 }
 .TableEquipe tr {
	 border:1px solid;
 }
 .TableEquipe td {
	 border:1px solid;
 }

.TableCenter {
	width:80%;
  margin-left: auto;
  margin-right: auto;
}
.TableCellCenter {
  vertical-align: middle;
}
.NotationPlus{
	color:#004860;
	font-weight: bold;
	font-size : 1000%;
	text-align: center;
}
.NotationPourcent{
	color:#004860;
	font-weight: bold;
	font-size : 200%;
	padding-bottom:0.5em;
	text-align: center;
}
.NotationTitle{
	background-color:#004860;
	color:#ffffff;
	padding:0.5em;
}
.ChallengeTitle{
	color:#004860;
}
.ChallengeIntro{
	color:#004860;
	text-align: justify;
}
/* gestion des videos */
.container_youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.container_youtube iframe,  
.container_youtube object,  
.container_youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	max-width: 100%;
  	max-height:30%;
}