/* Copyright (C) Ideal Conception, Ideal Conception Proprietary Use License (http://www.idealconception.com) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/*body, #tm-top-a {background: url(http://cinema.idealconception.com/images/afrique/about_us_bg.jpg);}*/
.uk-button-primary, .tm-popover-item {
    background-color: orange;}

#tm-main {margin-top: -59px; }

/* navbar*/ 

.uk-navbar-nav {
    background: yellow none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 9px 9px 0;
	transition:all 0.5s;
}
.uk-navbar-nav:hover {box-shadow: 0 9px 8px rgba(0, 0, 0, 0.37); }
/*animation navbar*/
.uk-navbar-nav, .tm-logo{
  

  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}





































  .tm-navbar {
  /*background: rgba(255, 251, 0, 1) none repeat scroll 0 0;*/
   border-top: 7px solid yellow;
   }
	
/* navbar au scroll*/	
.uk-navbar-attached .tm-navbar {
   /* background: rgba(53, 149, 235, 0.73) none repeat scroll 0 0;*/
   /* background: rgba(53, 149, 235, 0.88) none repeat scroll 0 0;*/
	background: #abc915 none repeat scroll 0 0;
	border-top: 7px solid rgba(255, 251, 0, 1);
}

.uk-navbar-attached .uk-navbar-nav {background: none;}

.uk-navbar-attached .uk-navbar-nav > li.uk-active > a {color: #fff;}

.uk-navbar-nav > li > a {font-weight:bold;}


.uk-navbar-nav > li > a {
   /* background: rgba(255, 255, 255, 0.93) none repeat scroll 0 0;*/
   /* border: 1px solid #ddd;*/
   /* border-radius: 8px;*/
   /* box-shadow: 0 0 11px #ffffff;*/
    box-sizing: border-box;
    color: #00000;
    display: block;
    font-family: "Source Sans Pro";
    font-size: 17px;
    font-weight: bold;
    margin-left: 10%;
    margin-top: 11px;
    padding: 0px 14px;
    text-decoration: none;
    text-transform: uppercase;
	height: 48px;
    line-height: 47px;
	text-shadow: 1px 1px rgba(255, 251, 251, 0.25);
}

.uk-navbar-attached .uk-navbar-nav > li:hover > a, .uk-navbar-attached .uk-navbar-nav > li > a:focus, .uk-navbar-attached .uk-navbar-nav > li.uk-open > a {color:#FFFB00;}

/* sous menus*/
.uk-dropdown-navbar {
    /*background: #3596eb;*/
	background:yellow;
	margin-left: 8px;
    margin-top: 9px;}
.uk-dropdown-navbar:a {color:#000;}
.uk-nav-navbar > li > a {
    color: #000;
}

/* image scroller*/
.idealhome .tm-top-a {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#abc915+0,889e11+100 */
background: #abc915; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #abc915 0%, #889e11 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #abc915 0%,#889e11 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #abc915 0%,#889e11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc915', endColorstr='#889e11',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
/* réduire espace avec top a */
div#tm-top-a.uk-block {margin:0; padding:0;}


.uk-text-large {
    background: rgba(0, 0, 0, 0.17) none repeat scroll 0 0;
   /* box-shadow: 0 0 11px #fff;*/
    color: #fff;
    font-size: 21px;
    padding: 5px 12px;
    text-shadow: 1pt 1pt #000;
}
/* les flèches*/
.uk-slidenav-previous::before, .uk-slidenav-next::before {
    font-size: 45px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
}

.uk-heading-large {font-weight:bold; color:yellow !important;
text-shadow: 1px 1px #000;}

/*.tm-text-clip {-webkit-text-fill-color: yellow !important;}*/
/* thumbs scroller*/
.uk-thumbnav > * > *, .uk-thumbnav > * > * > img {
    background: #ffffff none repeat scroll 0 0;
    /*border-radius: 80px;*/}
.uk-thumbnav > .uk-active > * > img { box-shadow: 5px 4px 11px rgba(7, 7, 7, 0.39);}


/* shape scroller*/

.tm-block-texture.uk-block-secondary {
    background: url("../images/africa_shape.png") repeat-x scroll 50% -53px, #f3f3f3 url("../images/workspace/block_texture_secondary.png") repeat scroll 50% 0 padding-box;
	 border-top: 52px solid transparent;
	 margin-top:-54px;
}



/* affiches scrollers */
.tm-top-b .uk-slider-container .uk-h5 {
    font-size: 12px;
    line-height: 0;
	color: #4ea2ed !important;
    font-weight: bold;
}



/* module news top C derniers dissiers scrollers*/

.derniers_dossiers_scroller  {border-radius: 8px;box-shadow: 0 0 11px #e7e7e7; padding: 15px;}

/*.uk-container { max-width: 100%;}*/
.bt-inner {border: 1px solid #EDEDED; padding:5px !important; margin:3px !important; border-radius:8px; transition: all 0.8s; }
.bt-inner:hover {border-color:#E9E5E5;  /*transform: scale(1.2);z-index: 55;*/ background: #FBFBFB;}
/*.bt-cs .bt-row {float: left; overflow: visible;}
.slides_container {overflow: visible !important;}*/


/* les puces des news*/
.bt_handles li a {background-image:none; background:#939393; border-radius:8px; margin-right: 9px; padding: 9px 0 0 !important;
    width: 9px;}
.bt_handles li.current a{ background:#d67900;}
.bt_handles li a:hover {background: #3a8694;}

/*le titre des news*/
.bt-cs .bt-inner .bt-title {color: orange;}
.derniers_dossiers_scroller .readmore { margin-left:55%}
.derniers_dossiers_scroller h3 { border-bottom: 1px solid orange;
    font-weight: bold;}
	
.derniers_dossiers_scroller h3:before {content: '\f07b'; /* FontAwesome char code inside the '' http://astronautweb.co/snippet/font-awesome/ */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0.2em; /* same as padding-left set on li */
  padding-right: 3px;
  color:#FFA700;}






	
/*block twitter*/
.afriquetwitter	 {width:165%;}
	
/*footer*/
#tm-footer {/*background:url("../images/africa_shape_yellow.png") repeat-x scroll 50% -53px, #ffff14 repeat scroll 50% 0 padding-box ;*/
background:url("../images/africa_shape_green.png") repeat-x scroll 50% -53px, #abc915 repeat scroll 50% 0 padding-box ;
	 border-top: 52px solid transparent;
	 margin-top:-54px;
	 color:#000;
	 padding-bottom: 5ox;
	 padding-bottom: 0;
	 /*font-weight:bold;*/
}
	   
	   
.tm-footer {color: #333;}
/*#tm-footer a {color:#45C892; text-decoration:none;}*/
#tm-footer a {color:#000; text-decoration:none; /*text-shadow: 1px 1px rgba(0, 0, 0, 0.49);*/}
#tm-footer a:hover {color:#333; text-decoration: underline;}
.tm-totop-scroller {color:#000; text-decoration:none !important;}
	 
abc915	 
	 
/* blog*/
#tm-main .uk-container {border:solid 1px #CCCCCC; box-shadow:0 0 11px #CCCCCC; padding:8px;}
.presentation #tm-main .uk-container {border:none; box-shadow:none;}

.uk-article {border:solid 1px #CCCCCC; box-shadow:0 0 11px #CCCCCC; padding:8px;
background: rgba(255, 255, 255, 0.53);
min-height: 96%;
transition:0.8s all;
}
.uk-article:hover { background:#fff; box-shadow:0 0 11px #999999;}

/* Les boutous*/
.bt-inner .readmore a, .btn_ideal_sobi a, .dossiers .tm-leading-article p a, .dossiers .uk-article p a, .dossiers .field-item p a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #4b4b4b;
    box-sizing: border-box;
    color: #4b4b4b;
    display: inline-block;
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 1rem;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: 35px;
    margin: 0;
    min-height: 35px;
    overflow: visible;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
	transition:0.8s all;}
.bt-inner .readmore a:hover, .btn_ideal_sobi a:hover, .dossiers .tm-leading-article p a:hover, .dossiers .uk-article p a:hover, .dossiers .field-item p a:hover { border: 1px solid #9CF; color:#9CF;box-shadow:0 0 11px #CCCCCC; text-decoration:none !important; }

.derniers_dossiers .readmore { margin-left:63%}



























/* SobiPro*/

/* la barre du haut */
.SobiPro .topmenu .navbar-inner {border-radius:8px;     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.41); }
/* recherche barre sobi*/
.SobiPro .topmenu .navbar-search input {width: 200px;}

/* les puces en haut */
.SobiPro .alpha .pagination ul li a {border-radius: 3px; box-shadow: 0 0 11px rgba(0, 0, 0, 0.26);;}
.SobiPro .well, .SobiPro .pagination ul > .disabled > span, .SobiPro .pagination ul > .disabled > a, .SobiPro .pagination ul > .disabled > a:hover, .SobiPro .pagination ul > .disabled > a:focus { background-color: #f8f8f8;
    color: #9ca1a4;
	   border-color: #e6e6e6;
	   box-shadow: none !important;
    

}
.SobiPro .alpha .pagination ul li a:before { content: '\f144'; /* FontAwesome char code inside the '' http://astronautweb.co/snippet/font-awesome/*/
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  /*width: 1.2em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
  position: relative;
  font-size:15px;
 /* margin-top: -20px;*/
  color:#fff;
  color: #f8f8f8;
 
}
/*SobiPro .well, .SobiPro .pagination ul > .disabled > span, .SobiPro .pagination ul > .disabled > a, .SobiPro .pagination ul > .disabled > a:hover, .SobiPro .pagination ul > .disabled > a:focus*/

/* vcard*/
.spClassViewText {padding:15px; border:1px solid #CCC; box-shadow:0 0 11px #CCC;}
.ideal_vcard {padding:0 15px; margin-bottom: 10px; border:1px solid #CCC; box-shadow:0 0 11px #CCC;}
.short_desc {text-align:justify;}
.affiche_vcard img {margin-left:8px;border: 1px solid #ccc;
    box-shadow: 0 0 11px #ccc;
    padding: 3px;}
.affiche_vcard {text-align:right;}
/*details*/
.SobiPro .review-rating-stars {float:right;}

.affiche_sobipro {float:left; margin-right:10px; padding:5px; border:1px solid #CCC; box-shadow:0 0 11px #CCC;}

.SobiPro .spEntryCats {font-size: 100%;}
.SobiPro .spEntryCats a {color: #00B8FF;}
/*tabs*/
.nn_tabs {
    position: relative;
    z-index: 2;
}
.SobiPro .tab-content { background:#fff;}
.SobiPro .tab-content::after {
	  border-radius: 100%;
    bottom: 16px;
    box-shadow: 0 0 11px 19px rgba(0, 0, 0, 0.15);
    content: "";
    height: 1%;
    left: 5.5%;
    position: absolute;
    width: 90%;
    z-index: -1;} 
	


/* youtube*/
.iframe_youtube {border-radius: 8px;
padding: 13px; 
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%) repeat scroll 0 0;
box-shadow: 0 0 11px;}
.iframe_youtube::after {
	  border-radius: 100%;
    bottom: 16px;
    box-shadow: 0 0 11px 19px rgba(0, 0, 0, 0.15);
    content: "";
    height: 1%;
    left: 5.5%;
    position: absolute;
    width: 90%;
	z-index: -1;} 
	
/* Pays*/
a.sobi_pays {
   text-transform: capitalize;
}
	
/* module sobipro */
.modal-body .spField img {padding-right: 27px !important;}

.ctrl-sobi-emod li {   border-bottom: 1px solid #a19f9f;
    list-style: outside none none;
    padding-bottom: 8px;
    padding-top: 8px;}
.ctrl-sobi-emod li:before {
  content: '\f008'; /* FontAwesome char code inside the '' http://astronautweb.co/snippet/font-awesome/*/
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
}
/* sidebar derniers_films sobipro  */
.derniers_films h3 { border-bottom: 1px solid #4EA2ED;
    font-weight: bold;}
	
.derniers_films h3:before {content: '\f008'; /* FontAwesome char code inside the '' http://astronautweb.co/snippet/font-awesome/ */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0.2em; /* same as padding-left set on li */
  padding-right: 3px;
  color:#4EA2ED;}







/* sidebar derneirs dossiers de sobipro  */
.derniers_dossiers h3 { border-bottom: 1px solid orange;
    font-weight: bold;}
	
.derniers_dossiers h3:before {content: '\f07b'; /* FontAwesome char code inside the '' http://astronautweb.co/snippet/font-awesome/ */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0.2em; /* same as padding-left set on li */
  padding-right: 3px;
  color:#FFA700;}

	
.derniers_dossiers li {   /*border-bottom: 1px solid #a19f9f;
    list-style: outside none none;
    padding-bottom: 8px;
    padding-top: 8px;*/}
	
.derniers_dossiers li:before{
  content: '\f07b'; /* FontAwesome char code inside the '' http://astronautweb.co/snippet/font-awesome/*/
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0.2em; /* same as padding-left set on li */
  padding-right: 3px;
  color:#FFA700;
  transition:all 0.5s;
} 	
.derniers_dossiers li:hover:before  {content: '\f07c';}