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

/* ========================================================================
   Global  
 ========================================================================== */
.uk-article-title
{
	color : #326715;
	margin  : 4px;
	}

 
.uk-panel-box-primary {
    background: #326715;
}


 .tm-logo-center .tm-nav-logo img { display: none; }
 .tm-cover-content h1, .tm-cover-content .uk-article-lead { color: #333333; }
 .tm-cover-content > div { padding-top: 44%; }
 .uk-dropdown { min-width: 220px; }

.uk-slideshow-fullscreen,  
.tm-fullscreen .uk-cover-background,  



.tm-fullscreen .uk-slideshow-fullscreen > li { height: 680px; }    

.uk-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #444444;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: rgb(236, 159, 49);
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 0.6rem;
    text-decoration: none;
    text-align: center;
    border: 2px solid #444444;
    font-family: 'Montserrat';
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: border-color 0.1s, background 0.1s, color 0.1s ease-in-out;
    transition: border-color 0.1s, background 0.1s, color 0.1s ease-in-out;
}



/* ========================================================================
   Fullscreen logo
 ========================================================================== */
@media (min-width: 768px) {
    .tm-cover-content {
        height: 600px;
        width: 600px;
        padding: 0;
        background: url("../../../images/logos/logo.svg") 50% 50% no-repeat;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		
    }
}
   Fullscreen logo
 ========================================================================== */
.tm-content-padding .tm-block-middle {
    padding-top: 20px!important;
    padding-bottom: 0px!important;
}
.tm-block:first-child, .tm-block-image, .tm-block-alt, .tm-block-image + .tm-block, .tm-block-alt + .tm-block, .tm-bottom-c + .tm-footer {
    padding-top: 20px!important;
}

/* ========================================================================
   Dropdown Login MainMenu
 ========================================================================== */
   .tm-cover-content {
   
	  margin-top : 60px!important;
   
   }
 
 
 
 /* ===============================================================	=========
   Reglages divers
 ========================================================================== */
.uk-list {
    padding: 12px!important; 
    list-style: none;
}
@media (min-width: 768px) {
  .tm-article-blog {
    /* Alterning order */
  }
  .tm-article-blog .tm-leading-article + .uk-grid,
  .tm-article-blog .uk-article + .uk-article {
    margin-top: 0;
  }
  .tm-article-blog .uk-article .tm-article-blog-content {
    position: relative;
    min-height: 500px;
  }
  .tm-article-blog .uk-article .tm-article-blog-content > div {
    -ms-flex-negative: 1;
    /* Force text wrap in IE10 */
    padding: 30px;
  }
   .tm-article-blog .uk-article .tm-article-blog-content .uk-article-title {
  	 max-width: 75ch;
  	 
   }
   .tm-article
   {
   
   
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
   
    }
  .tm-article-blog .uk-article .tm-article-blog-content:before {
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    top: 50%;
    left: -13px;
    margin-top: -13px;
    background: #f7f7f7;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
  }
  .tm-article-blog.tm-content-boxed .uk-article .tm-article-blog-content:before {
    background: #ffffff;
  }
  .tm-article-blog .tm-article-blog-image {
    position: relative;
  }
  .tm-article-blog .tm-article-blog-image > a,
  .tm-article-blog .tm-article-blog-image > div {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
  }
  .tm-article-blog .uk-article:nth-child(even) > .uk-grid > .tm-article-blog-content:before {
    left: auto;
    right: -13px;
	z-index : 2;
  }
  .tm-article-blog .tm-leading-article + .uk-grid .uk-article:nth-child(odd) .tm-article-blog-content:before {
    left: auto;
    right: -13px;
	z-index : 2;
  }
  .tm-article-blog .tm-leading-article + .uk-grid .uk-article:nth-child(even) .tm-article-blog-content:before {
    left: -13px;
	z-index : 2;
  }
}
/*---------------------------------------------------------------------*/
/*  TIMELINE
/*---------------------------------------------------------------------*/
#resume h3 { text-align: center; }

@media (min-width: 768px) {
  #resume h3 { text-align: left; }
}

#resume .education { margin-top: 30px; }
#resume .work-experience { margin-top: 50px; }
.panel-group.resume { position: relative; margin-top: 30px; }
.panel-group.resume .resume-item { position: relative; margin-bottom: 40px; }

@media (min-width: 568px) {
  .panel-group.resume .resume-item { margin-bottom: 20px; }
}

@media (min-width: 768px) {
  .panel-group.resume .resume-item:before { position: absolute; content: ''; width: 1px; height: calc(100% + 20px); top: 0; left: 170px; border-left: 1px dashed #484848; }
}

.panel-group.resume .resume-item:last-child { margin-bottom: 0px; }
.panel-group.resume .resume-item:last-child:before { display: none; }
.panel-group.resume .resume-item .resume-year { display: block; position: relative; width: 130px; height: 40px; margin-bottom: -20px; margin-right: auto; margin-left: auto; line-height: 40px; background-color: #C36B50; text-align: center; font-weight: 700; text-transform: uppercase; border-radius: 4px; }

@media (min-width: 568px) {
  .panel-group.resume .resume-item .resume-year { position: absolute; top: 0; left: 0;  margin: 0; }
}

.panel-group.resume .resume-item .resume-btn { position: absolute; z-index: 5; top: 0; left: 150px; width: 40px; height: 40px; background-color: #2e2e2e; border-radius: 4px; }

@media (max-width: 767px) {
  .panel-group.resume .resume-item .resume-btn { display: none; }
}

.panel-group.resume .resume-item .resume-btn > a { display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 40px; height: 40px; }
.panel-group.resume .resume-item .resume-btn > a:before { display: block; position: absolute; z-index: 15; content: '-'; top: 0; left: 0; width: 40px; height: 40px; line-height: 38px; color: #ffffff; font-size: 30px; font-weight: 700; text-align: center; }
.panel-group.resume .resume-item .resume-btn > a.collapsed:before { content: '+'; }
.panel-group.resume .resume-item .panel { padding: 10px; width: 100%; background: transparent; order: 1px solid #6e6e6e; border-radius: 0px; }

@media (min-width: 568px) {
  .panel-group.resume .resume-item .panel { width: calc(100% - 140px); margin-left: 140px; } 
}

@media (min-width: 768px) {
  .panel-group.resume .resume-item .panel { width: calc(100% - 210px); margin-left: 210px; }
}

.panel-group.resume .resume-item .panel .http://dev.website-montpellier.fr/sudbabote/dossiers/videos/84-emmanuelle-duez-positive-economy-forumpanel-heading { position: relative; }
.panel-group.resume .resume-item .panel .panel-heading .panel-title { text-transform: uppercase; }

@media (max-width: 567px) {
  .panel-group.resume .resume-item .panel .panel-heading .panel-title { padding-top: 20px; }
}

.panel-group.resume .resume-item .panel .panel-collapse .panel-body { padding-top: 5px; border-top: none; }
.panel-group.resume .resume-item .panel .panel-collapse .panel-body p { margin-bottom: 0px; }

.sidebar .panel-group.resume .resume-item { margin-bottom: 20px; }
.sidebar .panel-group.resume .resume-item .panel .panel-heading .panel-title { padding-top: 20px; }
.sidebar .panel-group.resume .resume-item .panel { width: calc(100% - 140px); margin-left: 140px; }
.sidebar .panel-group.resume .resume-item .resume-year { position: absolute; top: 0; left: 0; margin: 0; }
/*---------------------------------------------------------------------*/
/*  / Vidéos
/*---------------------------------------------------------------------*/

/*
   Icons liens accueil
*/
.tm-fullscreen  .tm-icon-yootheme {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 48px;
    height: 48px;
    box-shadow: 100px 100px 0 0 #ffffff inset;
    border-radius: 50%;
    border: 2px solid #444444;
    background: #fe5e22;
    font-size: 30px;
    color: #326715;;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tm-fullscreen  [class^="tm-icon-yootheme-"], [class*=" tm-icon-yootheme-"] {
    font-family: 'yootheme';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tm-fullscreen  .uk-icon-heart-o {
    margin-top: 8px;
    font-weight: bold;
	  box-shadow: 100px 100px 0 0 #ffffff inset;
}

.tm-fullscreen  .tm-icon-yootheme-arrow-down::before {content: "\e063";}

.tm-fullscreen  .tm-icon-yootheme {
    font-size: 30px;
    color: #333333;
}
.tm-fullscreen .uk-search {
    display: inline-block;
    position: absolute;
    margin: 0;
    margin-top: -80px !important;
    background: rgba(255, 255, 255, 0.48);
    left: 5%;
  }
.start-content
{
	
	position : absolute;
	margin-top : 320px;
	
}
/*** Liens utiles maint-top ***/
.tm-main-top .open-buttons {
    padding-left: 0%!important;
    margin-top:  0!important;
    padding-right: 0%!important;
}
.tm-main-top   .tm-icon-yootheme {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px!important;
    width: 48px;
    height: 48px;
    box-shadow: 100px 100px 0 0 #ffffff inset;
    border-radius: 50%;
    border: 2px solid #444444;
    background: #fe5e22;
    font-size: 30px;
    color: #333333;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tm-main-top .uk-panel-space {
    padding: 0px!important;
	margin : 0!important
}
.tm-main-top  [class^="tm-icon-yootheme-"], [class*=" tm-icon-yootheme-"] {
    font-family: 'yootheme';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*---------------------------------------------------------------------*/
/*  / TIMELINE
/*---------------------------------------------------------------------*/

.attachmentsContainer .uk-panel * {
	line-height : 14px;
	text-decoration : none;
	
}
.attachmentsContainer .uk-panel a  {
	white-space: nowrap;
	width: 100%;
	float: left;
	overflow: hidden;
	
	}
.uk-width-medium-1-2.uk-float-right.uk-flex-order-last-medium.tm-article-blog-image{max-height: 240px;min-height: 180px!important;}  
.uk-width-medium-1-2.tm-article-blog-content.uk-flex.uk-flex-middle {max-height: 240px;min-height: 180px!important;}  
.uk-width-medium-1-2.uk-float-right.uk-flex-order-last-medium.tm-article-blog-image .uk-article-title {font-size : 18px!important;}  
.uk-width-medium-1-2.tm-article-blog-content.uk-flex.uk-flex-middle .uk-article-title {font-size : 18px!important;}  
.uk-search-field
{
    padding-left: 30%;
    margin-top: -120px;
    padding-right: 30%;
	
}

.open-buttons {
    padding-left: 30%;
    margin-top: -120px;
    padding-right: 30%;
}

.open-buttons h4, .open-buttons .uk-h4 {
    font-size: 14px;
    line-height: 10px;
    color: white;
    text-shadow: 2px 2px 2px #000000;
    font-family: arial;
}

/*---------------------------------------------------------------------*/
/*  ICALENDAR
/*---------------------------------------------------------------------*/
.ic_rounded.iccalendar {
    display: block;
    margin: auto;
    padding: 3px;
    border: inherit;
    border-radius:  inherit;
    min-width: 150px;
    max-width: 350px;
}
[class^="iCicon-"], [class*=" iCicon-"] {
    font-family: 'iCicons';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px;
    font-weight: 20px;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: large;
    color: orange;
}
[class^="iCicon-"]:hover, [class*=" iCicon-"]:hover {
    font-family: 'iCicons';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px;
    font-weight: 20px;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: large;
    color: #326715;
}
.ic_rounded .icnav .icagendabtn_197
{
    border: inherit;
    border-radius: inherit;
    line-height: 12px;
    margin: 0;
    padding: 2px 0;
    text-align: center;
    vertical-align: middle;
    width: 12%;
}
.ic_rounded.iccalendar .ic-table td div {
    text-align: center;
    font-size: 13px;
    border-radius: 3px;
    line-height: 20px;
    border: none;
    width: auto;
    font-family: arial;
    color: #326715;
}
.ic_rounded .icnav .icagendabtn_197:hover
{
    border: inherit;
    border-radius: inherit;
    line-height: 12px;
    margin: 0;
    padding: 2px 0;
    text-align: center;
    vertical-align: middle;
    width: 12%;
}
.ic_rounded.iccalendar .ic-table th {
    padding: 0;
    margin: 0;
    text-align: center;
    border: 0;
	color : orange;
	font-family : arial!important;
}
.ic_rounded .icnav .titleic {
    font-size: 16px;
    text-align: center;
    width: auto;
	font-family : arial!important;
}
.ic-table  thead {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px dotted rgba(255, 165, 0, 0.31);
    margin: 4px;
}

/*---------------------------------------------------------------------*/
/*  Banieres sud babotes
/*---------------------------------------------------------------------*/
.banniere-categorie
{
	
	background: orange;
	padding: 1em;
}
.banniere-categorie h1
{
	
	color 	: white;
}

.category-moduleseeto-category{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.category-moduleseeto-category li{
	border-top: 1px solid lightgray;
	margin: 0;
	padding: 0;
}
.category-moduleseeto-category  p 
{
	margin-top: 0px;
	font-size: 12px;
	color : grey;

	}
.category-moduleseeto-category h6
{
	margin: 5px 5px 5px 5px;
	color: #326715;
	text-align : right;
}
.category-moduleseeto-category img
{
	margin: 5px 5px 5px 5px;
	display : block;
}
h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
    letter-spacing: 0px;
	
}
.tm-bottom-c .acymailing_introtext {
text-align: center;
text-shadow: initial;

border-bottom: 1px solid white;
margin-bottom	:10px;
font-size: 19px;
line-height: 25px;
font-weight: normal;
font-style: italic;

}
.actualites-slide .readmore a
{
    font-size: 14px;
    color: #d67900;
	
}
.bt-introtext
{
	text-align : justify;
	
}
.slides_container
{
	padding : 1em;
}
em {
    color: #d67900;
}


 .videos article
 .youtube_embed{
	
	min-height : 180px!important;
	width : 100%!important;
	max-height :180px;
	
}
.videos article
{
	
	width : 38%;
	float : left;
}
.videos article .uk-article-title
{
	font-size : 12px;
	height : 3em;
	overflow : hidden;
	
 }

.acymailing_form input
{
	color : white!important;
	
}
.m4jTextArea {
	min-height : 280px; height : 280px; width : 70% 
}

#message
{   
   margin: 0px;
    height: 234px;
    width: 367px;
}