/* Copyright (C) SKYSOFT, http://www.skysoftci.com */

/*
bleu primary        #1a95cf
bleu bande menu     #007bb3
noir                #343434 
logo sub            #4a4a4a
 
Titre 1a95cf
intro 3e5356
film blue 005e8a
serie 4e93b8
jeune   8cc3dd
african 1a95cf

 */


 body { overflow-x: hidden; }

.uk-container { width: 100%; margin:0 auto;}

.tm-middle .uk-container .uk-article { max-width: 1100px; margin: 0 auto; padding: 15px 5px; }


.valign{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.size-auto { width: 100%; max-width: 100%; height: auto;}

.width10 { width:10%; max-width: 10%; }
.width14 { width: 14.2857%; max-width: 14.2857%; }
.width15 { width:15%; max-width: 15%; }
.width20 { width:20%; max-width: 20%; }
.width25 { width:25%; max-width: 25%; }
.width30 { width:30%; max-width: 30%; }
.width33 { width:33.3333%; max-width: 33.3333%; }

.width38 { width:38%; max-width: 38%; }

.width40 { width:40%; max-width: 40%; }
.width50 { width:50%; max-width: 50%;  }

.width50-margin { width: 41.6667%; max-width: 41.6667%; margin-left: 8.33333%;  }

.width60 { width:60%; max-width: 60%; }
.width62 { width:62%; max-width: 62%; }

.width66 { width:66.6666%; max-width: 66.6666%; }
.width70 { width:70%; max-width:70%; }
.width75 { width:75%; max-width:75%; }
.width80 { width:80%; max-width: 80%; }
.width85 { width:85%; max-width: 85%; }
.width90 { width:90%; max-width: 90%; }
.width99 { width:99%; max-width: 99%; }
.width100  { width:100%; max-width: 100%; }

.float-left { float: left;}
.float-right { float: right;}
.float-none { float: none;}

.pl5 { padding-left: 5px!important;}
.pr5 { padding-right: 5px!important;}

.pl10 { padding-left: 10px!important;}
.pr10 { padding-right: 10px!important;}

.pl15 { padding-left: 15px!important;}
.pr15 { padding-right: 15px!important;}

.pl20 { padding-left: 20px!important;}
.pr20 { padding-right: 20px!important;}

.pl25 { padding-left: 25px!important;}
.pr25 { padding-right: 25px!important;}

.pl30 { padding-left: 30px!important;}
.pr30 { padding-right: 30px!important;}

.pb10 { padding-bottom: 10px; }
.pt10 { padding-top: 10px; }

.pb15 { padding-bottom: 15px; }
.pt15 { padding-top: 15px; }

.pb20 { padding-bottom: 20px; }
.pt20 { padding-top: 20px; }

.pb30 { padding-bottom: 30px; }
.pt30 { padding-top: 30px; }

.pb50 { padding-bottom: 50px; }
.pt50 { padding-top: 50px; }

.pb70 { padding-bottom: 70px; }
.pt70 { padding-top: 70px; }

.pb100 { padding-bottom: 100px; }
.pt100 { padding-top: 100px; }

.pb150 { padding-bottom: 150px; }
.pt150 { padding-top: 150px; }

.pb200 { padding-bottom: 200px; }
.pt200 { padding-top: 200px; }

.pb300 { padding-bottom: 300px; }
.pt300 { padding-top: 300px; }


.container-large { max-width: 1600px; margin: 0 auto; width: 100%;  display: block;  position: relative;}

.container-medium { max-width: 1200px; margin: 0 auto; width: 100%;  display: block;  position: relative;}
.container-smedium { max-width: 1140px; margin: 0 auto; width: 100%;  display: block;  position: relative;}
.container-xmedium { max-width: 900px; margin: 0 auto; width: 100%;  display: block;  position: relative;}
.container-small { max-width: 980px; margin: 0 auto; width: 100%;  display: block;  position: relative;}
.container-msmall { max-width: 850px; margin: 0 auto; width: 100%;  display: block;  position: relative;}
.container-xsmall { max-width: 750px; margin: 0 auto; width: 100%;  display: block;  position: relative;}


.uk-container { max-width: 1190px;}
/*  Transition / General
----------------------------------------------------------------------------------------------------*/
*, *:after, *:before { box-sizing: border-box; }
a, .anim {  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
a, a img { outline: none!important; border: none; text-decoration: none;}

/*  Color
----------------------------------------------------------------------------------------------------*/

/* Layout
----------------------------------------------------------------------------------------------------*/

span.br { clear: left!important; display: block!important;}
div.header-logo, div.header-logo img { margin: 0; padding: 0;}
div.header-logo div.logo-slogan { }
div.header-logo div.logo-slogan p { margin: 0 0 0 8px; padding: 0 0 0 8px; border-left: 1px solid #343434; color: #343434;  font-size: 17px; line-height: 20px; text-transform: uppercase; }


.tm-headerbar { padding: 30px 25px 20px 25px; background: #fff url('../images/header_bg.png') top left repeat; }
/* Main menu */
nav.tm-navbar { border-bottom: 4px solid #7fbdd9;}
ul.uk-navbar-nav { display: block; width: 100%; margin: 0!important; padding: 0!important; text-align: center; }
ul.uk-navbar-nav li { float: none!important; display: inline-block!important; padding: 0!important; margin: 0!important; background: transparent; }
.uk-navbar-nav > li > a { height: auto!important;}
ul.uk-navbar-nav  li a { 
	position: relative; margin: 0!important; padding:7px 20px 5px 20px!important;display: block!important; text-transform: uppercase;
  font-size:15px;line-height: 30px!important; font-weight: 400!important; letter-spacing: 1px;
}
/*Border Active/Hover*/
ul.uk-navbar-nav  li a:after { content: ""; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s; }
nav.tm-navbar ul.uk-navbar-nav li.uk-active a:after,
nav.tm-navbar ul.uk-navbar-nav li a:hover:after { width: 100%!important; height:4px!important; background: #007bb3!important ; position: absolute!important; bottom: -4px!important; left: 0!important; }

/*dropdown*/
.uk-dropdown-navbar { background: #efefef!important; box-shadow: 2px 2px 6px #444;}
li.uk-parent ul.uk-nav-navbar li { float: none!important; display: block!important;color: #222!important; padding: 0!important; margin: 3px 5px!important; background: transparent; }
li.uk-parent ul.uk-nav-navbar li a { 
  border: 1px solid #cecece!important;
  color: #333;margin: 0!important; padding:8px 5px!important;display: block!important; text-transform: uppercase;
  font-size:13px;line-height: 16px!important; font-weight: 700!important; text-align: center;
}
li.uk-parent ul.uk-nav-navbar li a:hover { color: #bf1b21!important;  background: #fefefe!important; border: 1px solid #bf1b21!important; }
li.uk-parent ul.uk-nav-navbar li.uk-active  > a {  color: #bf1b21!important; }

/*BreakingNews*/
body.home .tm-top-a { background: #1a95cf; border-top: 1px solid #fff; border-bottom: 1px solid #fff;   }
body.home .tm-breakingnews {
    background: #1a95cf;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.mod-breaking { background: #1a95cf; }

.ias-noneleft { color: #9DA1A3; display: block; width: 100%; text-align: center; padding: 30px 0 10px 0!important; margin-top: 20px!important; }
.ias-spinner { background: #fff; display: block; width: 100%; text-align: center; margin-top: 15px; }
.spinner-img { margin: 0 auto!important; width: 20px!important; height: auto!important;}
/*Intro Home*/

body.home .tm-top-b { background: #fff url('../images/bg-section.png') 2% 0 no-repeat; position: relative; overflow: hidden; }
body.home .tm-top-b .shadow-top-large { position: absolute; top: 0; left: 50%; margin-left: -470px; width: 940px; height: 20px; background: transparent url('../images/shadow-up.png') top center no-repeat; }
body.home .tm-top-b .intro-block { padding: 60px 0;}

div.alshana-intro .inner { display: block; position: relative; overflow: hidden; }
div.alshana-intro .inner h1 { color: #1a95cf; font-size: 29px; line-height: 34px; text-transform: uppercase;  font-weight: 700; font-family: 'Roboto'; }
div.alshana-intro .inner p { color: #3e5356; font-size: 14px!important; line-height: 19px!important; font-family: 'Roboto'; font-weight: 400!important; text-align: justify; }
div.alshana-intro a { display: block; clear: both; border: none; overflow: hidden; }
div.alshana-intro a h2 { color: #fff; position: absolute; bottom: 0; height: 35px; width: 100%; line-height: 35px; padding: 0; margin: 0; opacity: 1.0 }
div.alshana-intro a h2 span{ display: block;position: relative; padding-left: 8px; color: #fff; text-transform: uppercase; font-size: 19px; line-height: 35px; }
div.alshana-intro a h2.color1 { background: #005e8a; }
div.alshana-intro a h2.color2 { background: #4e93b8; }
div.alshana-intro a h2.color3 { background: #8cc3dd; }
div.alshana-intro a h2.color4 { background: #1a95cf; }
div.alshana-intro a .view {  display: block; position: absolute; opacity:0; background: #000 url('../images/view.png') center center no-repeat; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
div.alshana-intro a img {  display: block; border: 0; outline: none;}
div.alshana-intro a:hover .view { opacity: 0.8; }
div.alshana-intro a:hover h2 { bottom: -35px; opacity: 0.0; }

a.view-more { font-size: 14px!important; line-height: 14px!important; font-family: "Roboto"; font-weight: 700; background: transparent url('../images/arrow.png') center right no-repeat; padding: 2px 15px 0 0;text-transform:uppercase; margin-top:15px }
.tm-bottom-a {  background: #46a1d6;  }

.tm-bottom-a div.lights { background: transparent url('../images/light.png') top center no-repeat; margin: 0 auto; display: block; width: 100%; }
.tm-bottom-a div.pattern-cross { background: transparent url('../images/pattern-cross.png') top left repeat; margin: 0 auto; display: block;  position: relative;  width: 100%; overflow: hidden; }
.tm-bottom-a div.shadow-top-large { position: absolute; top: 0; left: 50%; margin-left: -470px; width: 940px; height: 20px; background: transparent url('../images/shadow-up.png') top center no-repeat; }
.tm-bottom-a div.shadow-bottom-large {  position: absolute; bottom: -1px; left: 50%; margin-left: -470px; width: 940px; height: 20px; background: transparent url('../images/shadow-down.png') bottom center no-repeat; } 


body.contacts .tm-bottom-map { width: 100%!important; max-width: 100%!important;}
body.contacts .tm-bottom-map .uk-container { width: 100%!important; margin: 0 auto!important; max-width: 100%!important; min-width: 100%!important;}

div.mod_cover { margin: 0 auto; padding: 0; }
div.mod_cover h3.uk-title {  font-family: "Roboto"; font-size: 43px!important; line-height: 43px!important; display: block; text-align: center; margin: 55px 0 5px 0!important; padding: 0!important; color: #fff; font-weight: 300!important;  }
div.mod_cover h4.uk-subtitle { font-family: "Roboto"; font-size: 15px!important; line-height: 15px!important; display: block; text-align: center; margin: 0 auto!important; padding: 4px 0!important; color: #fff; font-weight: 400!important; position: relative; }


h3.uk-filtre {
display: block;
text-align: center;
font-family: "Helvetica";
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #1285BB;

}

div.mod_cover h4.uk-subtitle:before { position: absolute;top:50%; height:1px; width: 28%; left: 50%; margin-left: -39%; background: #fff; content: ""; opacity: 0.5; }
div.mod_cover h4.uk-subtitle:after { position: absolute;top:50%; height:1px; width: 28%; right: 50%; margin-right: -39%; background: #fff; content: ""; opacity: 0.5; }

div.mod_cover div.cover_items {  margin: 0 auto; padding: 40px 0 20px 0;  }
div.mod_cover div.cover_items .cover_item_inner { padding: 0 10px; display: block; margin: 0 auto; }

div.mod_cover .cover_item:not(.uk-item) { float: left; width: 14.2857%; max-width: 14.2857%; margin: 0 0 20px 0; padding: 0;  }
div.mod_cover .cover_item .cover_item_wrap { padding: 0 10px; }

div.mod_cover div.cover_items .cover_item a {  display: block; border: 0; outline: none; position: relative;overflow: hidden; }
div.mod_cover div.cover_items .cover_item .img_block { display: block; border: 0; outline: none; position: relative;overflow: hidden; background-repeat: no-repeat;  background-size: cover!important;  }
div.mod_cover div.cover_items .cover_item span { background: rgba(0,0,0,0.7) url('../images/plus.png') center center no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; opacity: 0.0; z-index: 100; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
div.mod_cover div.cover_items .cover_item img { display: block; border: 0; outline: none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }

div.mod_cover div.cover_items .cover_item img {
/*	min-width: 150px !important;
	max-height: 210px !important;	*/
}


div.mod_cover div.cover_items .cover_item a:hover span { opacity: 1.0; }
div.mod_cover div.cover_items .cover_item a:hover img {  -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15) }

div.mod_cover  .cover_item h3, div.mod_cover  .cover_item h4 { font-family:"Helvetica";font-size: 13px!important; line-height: 14px!important; margin:0!important; padding: 0!important; }
div.mod_cover  .cover_item h3 { color: #fffdfc;  font-weight: 500!important;  letter-spacing:0px;text-transform: uppercase; line-height: 15px!important; padding-top: 5px!important; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; }
div.mod_cover  .cover_item h4 { color: #c4daf1; font-weight: 400!important;  }


/*Liste Hiver*/
div.mod_cover .cover_item.uk-item .uk-panel { display: block; overflow: hidden; position: relative;}
div.mod_cover div.cover_items .cover_item.uk-item .uk-panel > a { position: relative; overflow: hidden;}
div.mod_cover div.cover_items .cover_item.uk-item .uk-panel > a::before { z-index: 100; content: ""; background: rgba(0,0,0,0.7) url('../images/plus.png') center center no-repeat!important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; opacity: 0.0;  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
div.mod_cover div.cover_items .cover_item.uk-item .uk-panel > a:hover::before { opacity: 1.0;}


#yoo-zoo .alpha-index { display: block; height: 40px!important;  width: 100%; background: transparent url('../images/ico_sep.png') bottom center no-repeat; padding: 15px 0 90px 0!important; margin-bottom: 10px!important;}

#yoo-zoo div.mod_cover div.cover_items {  margin: 0 auto; padding: 5px 0 20px 0;  }
#yoo-zoo  div.mod_cover  .cover_item h3 { margin: 0 0 8px 0!important; padding:0!important; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; text-align: center; }
#yoo-zoo  div.mod_cover  .cover_item img { width: 100%; height: auto;}
#yoo-zoo  div.mod_cover  .cover_item h3 a { color: #343434;  font-weight: 700!important;  letter-spacing:0px;text-transform: uppercase; line-height: 15px!important; padding-top: 5px!important; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; }
#yoo-zoo  div.mod_cover  .cover_item h4 { color: #1a95cf; font-weight: 400!important;  }

#yoo-zoo .zoo-pagination { padding: 5px 0; height: auto!important;margin-bottom: 15px!important;}
#yoo-zoo .zoo-pagination a { padding: 10px 15px; border: 1px solid #1a95cf;}
#yoo-zoo .zoo-pagination a:hover { background: #1a95cf; color: #fff;}

#yoo-zoo .item ul.pos-specification { border-top: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;}
/*Page Title*/

.header-bloc { text-align: center; margin: 0 auto; padding: 0!important; clear: both; overflow: hidden; background: #46a1d6 url('../images/pattern-cross.png') top left repeat;  }
.header-bloc .header-button { display: block; margin: auto; height: inherit; padding: 35px 0!important; overflow: hidden; }
.header-bloc h1 { position: relative;text-transform: uppercase;display: block; padding: 0!important; margin:0 auto!important;font-size: 39px; line-height: 43px!important;font-weight: 700;font-family: "Roboto";color: #fff; max-width: 70%; }


/*#yoo-zoo .categories h2.title a { display: block; border: 1px solid #343434; padding: 15px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 14px;  }
#yoo-zoo .categories h2.title a:hover { color: #fff; text-decoration: none; background: #1A95CF; border: 1px solid #1A95CF; }

#yoo-zoo .categories h2.title a span { font-size: 14px; line-height: 14px; padding-left: 5px; }
#yoo-zoo .categories h2.title a:hover span { color: #fff; }

#yoo-zoo .details { border-bottom: 0px solid #343434; }

#yoo-zoo .item { margin-top: -30px; padding-top: 60px; background: transparent url('../images/shadow-up.png') top center no-repeat;  }*/


#yoo-zoo .categories h2.title a { display: block; border: 1px solid #343434; padding: 15px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 16px;overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis;  }
#yoo-zoo .categories h2.title a:hover { color: #fff; text-decoration: none; background: #1A95CF; border: 1px solid #1A95CF; }

#yoo-zoo .categories h2.title a span { font-size: 14px; line-height: 14px; padding-left: 5px; }
#yoo-zoo .categories h2.title a:hover span { color: #fff; }

#yoo-zoo .details { border-bottom: 0px solid #343434; }

#yoo-zoo .item { margin-top: -30px; padding-top: 60px; background: transparent url('../images/shadow-up.png') top center no-repeat;  }



#yoo-zoo .item ul.pos-specification strong { width: 200px;}
/*.header-bloc h1:before { width: 60%; height: 2px; display: block; position: absolute; left: -120px; margin-left: -30%; top: 50%; content: " "; background: none repeat scroll 0% 0% #343434;  }
.header-bloc h1:after { width: 60%; height: 2px; display: block; position: absolute; right: -120px; margin-right: -30%; top: 50%; content: " "; background: none repeat scroll 0% 0% #343434;  }*/


.catalog-content {margin-left:-40px!important; margin-right: -40px!important;}
.catalog-content .catalog-left { background: transparent url('../images/reflet.png') top right no-repeat; }

#yoo-zoo .catalog-content .catalog_right .uk-panel { padding: 0 0 0 30px;}
#yoo-zoo .item .catalog-content {margin-left:0!important; margin-right: 0!important;}


.catalog-sidebar-title { margin-bottom: 15px!important; display: block; text-align: left; font-family: "Helvetica"; font-size: 18px!important; font-weight: bold; text-transform: uppercase; color: #1a95cf; }
.catalog-content .catalog-left .module-catalog { margin-bottom: 40px;}


ul.zoo-category-warp6, ul.zoo-category-warp6 ul.level2 { display: block; list-style-type: none; margin: 0; padding: 0;  }
ul.zoo-category-warp6 li a { text-transform: uppercase; display: block; color: #414141;}
ul.zoo-category-warp6 li a:hover { color: #007bb3;}
ul.zoo-category-warp6 li a span { display: block; padding: 6px 0; font-size: 13px; line-height: 16px!important; line-height: 13px; }
ul.zoo-category-warp6 ul.level2 { padding: 3px 0 3px 10px}
ul.zoo-category-warp6 li a.current { font-weight: 700; color: #343434;}
ul.zoo-category-warp6 li.level1.parent.active > a > span { background: #007bb3; padding-left: 5px; color: #fff;}

ul.zoo-category-warp6 ul.level2 li a span { text-transform: capitalize; padding: 1px 0 4px;  }


.videoWrapper .element-media {
    position: relative;
    overflow: hidden !important;
    padding-bottom: 56.25%;
    padding-top: 25px;

    z-index: 1 !important;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1 !important;
}



/*newsletter*/
.tm-bottom-b { padding: 0; margin:  0 auto; background: #fff; padding: 23px 0 10px 0;}
.tm-bottom-b .acymailing_module { padding: 0 20px!important;}
.tm-bottom-b span.acymailing_introtext { font-size: 15px; line-height: 17px; color: #1a95cf; font-style: italic; font-weight: 500; text-align: left; font-family: "Roboto"; padding-right: 2px; }
.tm-bottom-b form { margin-bottom: 0!important;}
.tm-bottom-b p.onefield { float: left; width: 33%;max-width: 35%; margin: 0!important; padding: 0!important; margin-right: 0.3333%!important;}
.tm-bottom-b p.onefield input { border: 1px solid #1a95cf!important; height: 33px; padding-left: 5px; padding-right: 5px; color: #1a95cf;}
.tm-bottom-b p.acysubbuttons { float: left; width: 33%; max-width: 33%; margin: 0!important; padding: 0!important;}
.tm-bottom-b p.acysubbuttons input.button { margin: 0!important; padding: 0!important; text-transform: uppercase; background: #005e8a; color: #fff; font-size: 11px; text-align: center; height: 33px; display: block; margin-left:2%!important; width: 98%;  }
.tm-bottom-b p.acysubbuttons input.button:hover { background: #1a95cf;}

footer.tm-footer { background: #000 url('../images/footer-bg.jpg') center center no-repeat; background-size: cover;}  
footer.tm-footer .footer-wrapper { background: transparent url('../images/footer-pattern.png') top left repeat; padding: 80px 0; margin: 0 auto; width: 100%; display: block; }
footer.tm-footer a { color: #fff!important;}
footer.tm-footer a:hover { color: #1a95cf!important;}
footer p.copyright-line { font-size: 13px!important; font-weight: normal!important; line-height: 20px!important; text-transform: uppercase; margin: 0 auto!important; padding: 0!important; color: #fff; font-family: 'Helvetica'!important;}

.tm-footer .uk-panel + .uk-panel { margin-top: 1px!important;}
.tm-footer ul.uk-subnav  { margin: 0 auto!important; text-align: center!important; }
.tm-footer ul.uk-subnav  li { color: #fff;  text-transform: uppercase; float:none!important;display: inline-block!important; font-family: 'Helvetica'; font-weight: normal!important;  }
.tm-footer .uk-subnav-line > :nth-child(n+2)::before {
    margin-right: 10px;
    border-left: none!important;
    content: "•"; vertical-align: middle; line-height: 8px; font-family: "Arial"; font-size: 14px;
}
.tm-footer ul.uk-subnav  li a { color: #fff; font-size: 13px!important; line-height: 13px!important; font-family: 'Helvetica'; font-weight: normal!important; }

footer.tm-footer .social-wrapper { display: block; margin-bottom: 10px!important; }
footer.tm-footer .social-wrapper .uk-icon-button { color: #fff; background: transparent; border: 2px solid #fff; font-size: 20px; width: 45px; height: 45px; line-height: 40px; }
footer.tm-footer .social-wrapper .uk-icon-button:hover { border: 2px solid #1a95cf; }

/*Innerpage*/
.kanga { color: #fff!important; font-size: 16px!important;line-height: 23px!important; font-family: "Roboto"!important;  font-weight: 300!important; display: block; text-align: center; padding: 10px 0 0 0; }
.tm-top-a  { position: relative; background: #fff url('../images/cats-bg.png') bottom left repeat-x; }
.tm-top-a.top-a-bg { border-top:1px solid #ddd; position: relative; background: #fff url('../images/cats-bg-bottom.png') bottom left repeat-x;  }
.tm-top-a .shadow-top-large { position: absolute; top: 0; left: 50%; margin-left: -470px; width: 940px; height: 20px; background: transparent url('../images/shadow-up.png') top center no-repeat; overflow: hidden; }
.tm-top-a .uk-container { max-width: 1100px;}


.tm-top-a.bottom-block { background: #f0F0F0; }
#yoo-zoo { padding: 30px 40px; max-width: 1100px;margin: 0 auto;}

/*K2*/
div.cat-posts { display: block; margin: 0 auto; padding: 0; }
div.cat-posts article.post, div.cat-posts header, div.cat-posts footer {  display: block; margin: 0 auto; padding: 0;  }
div.cat-posts article.post { text-align: center; border-bottom: 1px solid #DBDBDB; }

div.cat-posts a { padding: 55px 20px;text-decoration: none!important; outline: none; display: block; }
div.cat-posts article.post h2 {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 35px;
    color: #27282D;
    text-transform: uppercase;
    line-height: 1.14;
    margin: 0 0 40px 0;
}

div.cat-posts article.post h3 {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    background: #005e8a;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.14; display: inline-block!important;
    margin: 30px 0 10px 0; padding: 4px 10px;
}

div.cat-posts article.post footer time, div.cat-posts article.post footer span { margin: 0px 20px; color: #B6B6B6;}
div.cat-posts article.post i { font-size: 12px; line-height: 12px; }
div.cat-posts a:hover { background: #eaeaea;}
div.cat-posts a:hover i, div.cat-posts a:hover footer time, div.cat-posts a:hover footer span { color: #005e8a;  }

div.ic-event  { border-radius: 0px!important;}
div.ic-event div.cat-posts article.post { text-align: center; border-bottom: 0px solid #DBDBDB; }

div.ic-event span.cat-event { display: block; text-transform: uppercase;}
div.ic-event article.post footer time { display: block; text-transform: uppercase; font-size: 24px; line-height:24px; margin: 5px auto 40px auto;}
div.ic-event article.post footer time span { display: inline-block; padding: 8px 15px; border: 1px solid #343434; border-radius: 8px; color: #343434; }
div.ic-event div.cat-posts article.post h2 { margin: 20px 0 0 0;}

#icagenda + div, #icagenda + div + div p  { display: none;}
.ic-detail-map { margin-top: 15px;} 
div.ic-top-buttons { display: none;}

#icagenda  div.post-content .item-tools br { display: inline!important; float: left!important; }
/*Post Item*/
div.post-content .item-tools time, div.post-content .item-tools span {   margin: 0px 20px; color: #B6B6B6!important; }
div.post-content .item-tools i { font-size: 12px; line-height: 12px; color: #B6B6B6!important; }
div.post-content .item-tools { padding: 30px 10px;	border-bottom: 1px solid #DBDBDB; }
div.post-content .k2ContentWrap { max-width: 770px; margin: 0 auto!important; display: block; }
div.post-content .k2ContentWrap p {	 color: #4D4D4D;font-size: 22px;line-height: 1.7em; margin: 15px auto 30px; font-weight: 300; text-align: justify;  }

div.content-text { max-width: 800px; margin: 0 auto!important; display: block; }
div.content-text p { color: #4D4D4D;font-size: 16px;line-height: 1.4em; margin: 8px auto 15px; font-weight: 300; text-align: justify;  }

div.partenaires { display: block; margin: 0 auto; padding: 0 30px; }
div.partenaires div.img { float: left; width:33.3333%;}
div.partenaires div.inner { display: block; border: 1px solid #eee; margin: 0; margin: 5px;}
div.partenaires div img { display: block;  margin: 0 auto; opacity: 0.8; }
div.partenaires div.inner:hover { border: 1px solid #ddd; }
div.partenaires div.inner:hover img { opacity: 1.0;  }



/*  Contact
----------------------------------------------------------------------------------------------------*/

div.infos { text-align: center; display: block; padding: 5px 0 25px 0; margin: 0 auto;}
div.infos a { text-align: center; display: inline-block; width: 31%; border-radius: 16px; border: 1px solid #1285BB; margin: 0 4px; padding: 4px 15px; color: #1285BB;}
div.infos a span { font-size: 15px; line-height: 15px; font-family: "Roboto"; font-weight: 700; display: block; padding: 3px 0;}
div.infos a span:before { font-family: 'FontAwesome'; font-size: 15px; margin-right: 5px;}

div.infos a:hover{ background: #1285BB; color: #fff;}
div.infos a:hover span:before { color: #fff;}

#userForm .formContainer { margin: 0 auto!important; padding: 15px 5px; width: 100%!important; max-width: 770px; float: none; }
#userForm .formFieldset { border: none;} 
#userForm  li.rsform-block { display: block; width: 100%; margin: 0; margin: 0 0 15px 0!important;float: none!important;}

#userForm .formCaption2 { display: block; width: 100%; font-size: 13px;line-height: 14px; padding: 0 0 5px 0; color: #343434!important; }
#userForm .formRequired { font-size: 9px; line-height: 13px; color: #aaa;}
#userForm .formBody {  width: 100%;}
#userForm .formBody p { color: #333; line-height: 20px; font-size: 14px; text-align: center;}
#userForm .rsform-input-box { display: block!important; padding: 8px 5px 8px 8px; width: 98%;  }
#userForm .formDescription { }
#userForm .rsform-text-box { padding: 8px; width: 98%; height: 220px; }
#userForm .rsform-block-envoyer { display: block; text-align: center!important; width: 100%; }

#userForm input.rsform-submit-button,#userForm input.rsform-reset-button { 
    border-radius: 0px;
    text-decoration: none;
    padding: 12px 23px!important; margin-top: 22px!important;
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif!important;
    font-weight: 400!important;
    letter-spacing: 3px!important;  
    border: 1px solid #005790!important;
    background: #005E8A!important;
    color: #fff;
    display: inline-block!important; width: 30%;
    float: right;
    transition: all 0.5s ease 0s;

}

#userForm input.rsform-submit-button:hover { background: #1A95CF!important; border: 1px solid #1A95CF!important; color: #FFF!important; }
#userForm input.rsform-submit-button:active { margin-top: 23px!important; }


#rsform_error_1 { background: #fad5d8; border: 1px solid #fad5d8; text-align: center; padding: 20px 0; margin-bottom: 10px!important;}
#rsform_error_1 p { color: #e63f4a; font-size: 13px!important; line-height: 15px!important; text-align: center; margin: 0 auto!important; padding: 0 5px!important;}


#userForm .formCaption2 { display: none;}
#userForm .rsform-input-box, #userForm .rsform-text-box { 
    display:block;padding: 8px 5px 8px 5px; width: 99%; margin-bottom: 15px!important; border: none!important; background: none transparent!important; 
    border-bottom: 1px solid #1A95CF!important; font-family: 'Roboto'; font-weight: 300!important;  color: #343434!important;
    font-size: 15px!important; line-height: 15px!important; letter-spacing: 0px!important; height: 50px;
    transition: background-color 0.5s ease 0s,  border 0.5s ease 0s;
    -webkit-transition: background-color 0.5s ease 0s,  border 0.5s ease 0s;
    -moz-transition: background-color 0.5s ease 0s,  border 0.5s ease 0s;
    -o-transition: background-color 0.5s ease 0s,  border 0.5s ease 0s;
}

#userForm .rsform-text-box { height: 130px; }
#userForm .rsform-input-box:focus, #userForm .rsform-text-box:focus { border-bottom: 1px solid #efefef!important; background: #EFEFEF!important; }



/*  Responsive Layout
----------------------------------------------------------------------------------------------------*/

@media (max-width: 767px) {

  .width10, .width15, .width20,.width25,.width30, .width33,.width38,.width40,.width50,.width50-margin, .width60 ,.width62, .width66 ,.width70,.width75 ,.width80 ,.width85 , .width90 ,.width99, .width100 {  max-width:100%;width: 100%!important; clear:both; }
  .width50-margin { width: 100%; max-width: 100%; margin-left: 0%;  }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
 
  span.br { clear: both; display: block; padding-top: 12px;}
  div.mod_cover .cover_item { float: left; width: 33.3333%; max-width: 33.3333%; margin: 0 0 20px 0; padding: 0;  }

}

/* iPad Mini Landscape */
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  { 

  div.mod_cover .cover_item { float: left; width: 33.3333%; max-width: 33.3333%; margin: 0 0 20px 0; padding: 0;  }

  

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) { 
  .width10, .width15, .width20,.width25,.width30, .width33,.width38,.width40,.width50,.width50-margin, .width60 ,.width62, .width66 ,.width70,.width75 ,.width80 ,.width85 , .width90 ,.width99, .width100 {  max-width:100%;width: 100%!important; clear:both; }
  .width50-margin { width: 100%; max-width: 100%; margin-left: 0%;  }
}

/* Only Phones (Portrait) */
@media (max-width: 479px) { 
  .width10, .width15, .width20,.width25,.width30, .width33,.width38,.width40,.width50,.width50-margin, .width60 ,.width62, .width66 ,.width70,.width75 ,.width80 ,.width85 , .width90 ,.width99, .width100 {  max-width:100%;width: 100%!important; clear:both; }
  .width50-margin { width: 100%; max-width: 100%; margin-left: 0%;  }

  div.partenaires div.img { float: left; width:100%;}

}


/* Phone landscape and smaller */
@media (max-width: 767px) { 

  .width10, .width15, .width20,.width25,.width30, .width33,.width38,.width40,.width50,.width50-margin, .width60 ,.width62, .width66 ,.width70,.width75 ,.width80 ,.width85 , .width90 ,.width99, .width100 {  max-width:100%;width: 100%!important; clear:both; }
  .width50-margin { width: 100%; max-width: 100%; margin-left: 0%;  }

  span.br { clear: none!important; display: inline!important;}

  .shadow-top-large { display: none;}

  .tm-bottom-b p.acysubbuttons { width: 100%!important; max-width: 100%!important; margin-bottom: 25px!important;}
  .tm-bottom-b p.onefield, .tm-bottom-b p.acysubbuttons input.button { width: 100%!important; max-width: 100%!important; display: block; margin: 0 auto 10px auto!important;}
  .tm-bottom-b p.onefield { padding: 0!important;}
  .tm-bottom-b p.onefield input { width: 100%!important; max-width: 100%!important;}  



	div.alshana-intro .inner h1 { text-align: center; }
	div.alshana-intro .inner p { text-align: justify; }
	div.alshana-intro .inner { padding: 0 15px!important;}

	a.view-more { font-size: 14px!important; line-height: 14px!important; font-family: "Roboto"; font-weight: 700; background: transparent url('../images/arrow.png') center right no-repeat; padding: 2px 15px 0 0;text-transform:uppercase; margin-top:15px }

	div.infos a { display: block; width: 90%; margin: 5px auto 10px auto;}
	#userForm input.rsform-submit-button,#userForm input.rsform-reset-button { float: none; display: block; width: 100%;}

}

/* Large screen and bigger */
@media (min-width: 1220px) { }