@import "../fonts/roboto/stylesheet.css";

/*-----------------Affichage programme---------------------*/
    .ja-message {
    
      display:none;
 
  }
  
.tss-techline-icons.tiny-format {
     margin-bottom: 15px;
    
}

 .personal-info h3 {
 
 line-height:20px;
 }

.ja-sl-1 .module a {
color: #1ba1e2;
text-transform:uppercase;


}
.ja-sl-1 .module a:hover{
color: #1ba1e2;
text-transform:uppercase;
                                                                                        

}
.ja-sl-1 .module a:active {
color: #fff;
text-transform:uppercase;


}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
color: #fff;
background-color: #1ba1e2;}


/* bf*/


.bfQuickMode legend {
 color: #fff;
font-family: 'robotobold';
font-size: 21px;
font-size: normal;
padding: 0 0 0 8px;
text-shadow: 1px 1px 0 #1681b4;
   text-transform: uppercase;
   background-color:#2CAAE1;
  background-position:initial initial;
  background-repeat:initial initial;

  position:relative;
}

 .bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
  width:95%; max-width:95%;
}

.bfQuickMode .controls .control-label {
  min-width:110px;
  vertical-align:text-top;
  width:95%;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #666;
font-weight:bold; 
  
  
}


.hero-unit{
padding: 10px 60px  ;
}


/**/


 .legend{
}


.ja-navhelper {
  background-color:#FFFFFF;

}

/* Events item list ---*/
.event-infor {
  padding: 0 0 0 200px;
  position: relative;
}

.event-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
}

.event-time span {
  display: block;
  font-size: 1.250em;
  margin-bottom: 5px;
}

.event-time span.time {
  background: url(../images/icon-clock.png) no-repeat 0px 3px;
  padding-left: 22px;
}

.event-time span strong {
  color: #666;
}

.event-infor .tag {
  background: url(../images/tag-mask.png) no-repeat left top #333;
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 5px;
  left: -3px;
  height: 19px;
  width: 43px;
  line-height: 15px;
  text-transform: uppercase;
}

.event-infor .tag-hot {
  background-color: #d42b1e;
}

.event-infor .tag-free {
  background-color: #096;
}

.item-page.events .event-intro {
  font-size: 1.250em;
  line-height: 1.5;
}

.item-page.events p {
  padding: 0 0 0 200px;
}


.event-infor {
  padding-left: 0;
}

.event-time {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
   background-color: #f7fafe;
}

.event-time span.time {
  background-position: 0 2px;
}

.event-time a.btn-book {
  margin-left: 0;
}

.item-page.events p {
  padding-left: 0;
}

/*------------affichage player Audio et video --------- */
  video {
	max-width: 100%;
	height: auto;
}
    

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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


.html5-video-container iframe,
.html5-video-container object,
.html5-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



 /*---------------Module et composants ---------------*/
 /**/
 
 
/* bf survey  */

.bfsurvey_plusQuestion {
    background-color: #4e72AA;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}



/* ic calendar */
 
.categories-list{
font-size:16px;
padding:20px 0;
}




.icrounded_eventlist .cityDiv {
  display:block;

}

.categories-list li{
  text-transform:uppercase;
  -webkit-box-shadow:#FFFFFF 0 1px 3px inset, #CCCCCC 0 0 3px;
  background-color:#FFFFFF;
  background-image:url(../images/grey-bg.png);
  background-position:0 0;
  background-repeat:repeat no-repeat;
  border:1px solid #CCCCCC;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-shadow:#FFFFFF 0 1px 3px inset, #CCCCCC 0 0 3px;
  clear:both;
  margin:10px 0;
  padding:15px; 

}


.list-title{
  font-size:16px;
  text-transform:uppercase;
  font-weight:bold;
 -webkit-box-shadow:#FFFFFF 0 0px 0px inset, #CCCCCC 0 0 0px;
  background-color:none;
  background-image:none;
  background-position:0 0;
  background-repeat:repeat no-repeat;
  border:0px solid #CCCCCC;
  clear:both;
   display: block;

}

.cat-list-row0{
  font-size:12px;
  /*text-transform:normal;*/
  -webkit-box-shadow:#FFFFFF 0 1px 3px inset, #CCCCCC 0 0 3px;
  background-color:#FFFFFF;
  background-image:url(../images/grey-bg.png);
  background-position:0 0;
  background-repeat:repeat no-repeat;
  border:1px solid #CCCCCC;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-shadow:#FFFFFF 0 1px 3px inset, #CCCCCC 0 0 3px;
  clear:both;
  margin:10px 0;
  padding:15px;  

}

.cat-list-row1{
  font-size:12px;
  /*text-transform:normal;*/
  -webkit-box-shadow:#FFFFFF 0 1px 3px inset, #CCCCCC 0 0 3px;
  background-color:#FFFFFF;
  background-image:url(../images/grey-bg.png);
  background-position:0 0;
  background-repeat:repeat no-repeat;
  border:1px solid #CCCCCC;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-shadow:#FFFFFF 0 1px 3px inset, #CCCCCC 0 0 3px;
  clear:both;
  margin:10px 0;
  padding:15px;  

}




/* ---------------body-------------- */         

body {

background-image: url('../images/bk.png');

background-repeat:no-repeat;

border-bottom: 0px;

}


h2 {

  line-height:20px;

}

/* --------------- k2-------------- */

div.itemListCategory {

  border:0;

  color:#666666;

  font-family:sans-serif;

  font-size:14px;

  font-weight:bold;

}
div.itemToolbar {
  -webkit-box-shadow:#EEEEEE 0 0 0px;
  background-color:#FFFFFF;
  background-position:initial initial;
  background-repeat:initial initial;
  border:0 solid #DDDDDD;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  box-shadow:#EEEEEE 0 0 0px;
  margin:0 0 0px;
  padding:0px;
}

/*-------------th-----------------------*/



th {
   /* background: none repeat 0 0 #fff;*/
    color: #666666;
    font-weight: bold;
}


/* -------------ja-header------------ */

.ja-header {

  background-color:transparent;
  border-bottom-style:solid;
  border-bottom-width:0;
  padding-bottom:10px;
  padding-top:0;
}

/* --------------  headercontainerglobal ---------------------*/

 .headercontainerglobal {

  -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 6px;

  background-color:#FFFFFF;

  border-bottom-left-radius:5px;

  border-bottom-right-radius:5px;

  border-top-left-radius:0;

  border-top-right-radius:0;

  box-shadow:rgba(0, 0, 0, 0.2) 0 0 6px;

  margin:0 auto;

  max-width:1256px;

  min-height:63px;

  position:relative;

  z-index:1001;

}

.headercontainer{
  margin-left:120px;
  background-color:#fff;   
  max-width:980px;
  min-height:63px;
  padding-left:10px;
  position:relative;
  z-index:1001;
  
}

/* -----------logo -----------------*/



.logo-image {

  overflow:visible;

}

.logo-image a {

  background-repeat:no-repeat no-repeat;
  width:302px;
  height:87px;

}



/*----------------menu mainnav--------------*/



.t3-mainnav{

  float:right;
  height:28px;
  margin-right:-170px ;
  padding-top:10px;
  
  }



/* Mega Menu */

.t3-megamenu ul.mega-nav > li.mega-group:first-child > a {
  padding-top:0;
  color:#000;
}

.t3-megamenu .dropdown-menu .mega-nav li > a {
  border-top-color:#EEEEEE;
  border-top-style:solid;
  border-top-width:1px;
  color:#1BA1E2;
  display:block;  
  font-weight:bold;
  line-height:20px;
  padding:5px 0;
}

.t3-mainnav .navbar .nav > li > .dropdown-menu:after {
background: none;

}


/* head-search */



 .head-search {

  float:right;
  margin-top:40px;
  /*margin-left:-100px*/

}

.head-search form {
  /*margin:0 100px 0 0;*/
}

/*  Languageswitch */


.mod-languages {

margin-top:5px;
  text-align:right;


  }

  
/* container */

.container {

  background-color:#FFFFFF;

  margin-left:auto;

  margin-right:auto;

  padding-left:15px;

  padding-right:15px;

}

/* ja-mainbody */

.ja-mainbody {
  padding-bottom:5px;
  padding-top:5px;
}

/* ja-slideshow */
.ja-slideshow .container {
 padding:0px 0 0 0;     
 width: 100%;
 background-color:transparent;
}

/*ja-masshead*/
.ja-masshead {
      background: #2caae1 ;
      margin:0 auto 10px;
      max-width:1256px;
      position:relative;     
}
 
.ja-masshead  h3  {
  padding:0;  margin-left:-30px 
}
.ja-masshead .container{
  background-color:transparent;
  background-image:none;

}
.ja-masshead .row {
 background-color:transparent;
 background-image:none;
}

/* jasl */
.ja-sl {
  padding-bottom:0;
  padding-top:0;
}
.ja-sl-1 { 
 background: transparent;
 color:#666;  
}

.ja-sl-1 .module {                 
  text-align:left;
  color:#666;
  text-shadow:none;
}

 .ja-sl-1 .module {

  background-color:transparent;

  background-position:initial initial;

  background-repeat:initial initial;

  border-left-color:#Ebeded;

  border-left-style:solid;

  border-left-width:1px;

  color:#666;

  border-top: 0px solid #Ebeded;

  margin-bottom:0;

  margin-left:-16px;

  padding-left:16px;

 

}

.ja-sl-1 .module .module-title {           

 color : #444;   text-align:center;

 }

.ja-sl-2 {
  text-align:left;
} 
.ja-sl-2 h3{
  text-align:center;
}

.ja-sl-2 .module {

  background-color:transparent;

  background-position:initial initial;

  background-repeat:initial initial;

  border-left-color:#Ebeded;

  border-left-style:solid;

  border-left-width:1px;

  color:#666;

  border-top: 0px solid #Ebeded;

  margin-bottom:0;

  margin-left:-16px;

  padding-left:16px;

}

.ja-sl-2 .item-first .module{border-left:none;}

.ja-sl-3{

   background-color:transparent;

   border-top:0px;

}

.ja-sl-3 .module{

   background-color:transparent;

  background-position:initial initial;

  background-repeat:initial initial;

  border-left-color:#Ebeded;

  border-left-style:solid;

  border-left-width:1px;

  color:#666;

  border-top: 0px solid #Ebeded;

  margin-bottom:0;

  margin-left:-16px;

  padding-left:16px;

}

.ja-sl-3 .item-first .module{border-left:none;}



.ja-sl-4 .module {

text-align:center;


}



.ja-sl-1 .module  .video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}

.ja-sl-1 .module .video-container iframe,

.ja-sl-1 .module .video-container object,

.ja-sl-1 .module .video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.ja-sl-4 {

    background-color: #fff;

  

}   

.ja-sl-6 {

    background-color: #fff;

    color: #666666;

    padding: 0;

    text-shadow:0;

    }

.ja-sl-6 .module-title  {

    

  background: none repeat scroll 0 0 transparent;

  color: #666;

    

}





/*---blockquote --*/

blockquote{

 

   color: #444; 

    border-left: 0px solid #EEEEEE;

    margin: 5px 0 0 0px;

    padding: 0 0 0 15px;  

 }



blockquote p {

 

    background-image: url('../images/testimonial_bg.png');

    background-repeat:no-repeat;

    border-left: 0px solid #EEEEEE;

    margin: 0 0 10px;

    padding: 0 0 0 45px;

    color: #9e9e9e; 

    

  font-size:14px;

  font-style:italic;

  font-weight:300;

  line-height:22px;

  margin-bottom:0;    

 }



/* --video responsive --*/ 

 .video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}









/*--------- footer -----------*/



/*ja-footnav*/



.ja-footnav{

  background: #2caae1 ;

  color: #fff;

  font-size: 11px;

  padding: 20px 0 0;

  margin-top:10px;

  max-width:1256px;

  margin:0 auto 0px;

  max-width:1256px;

  position:relative;

  z-index:1001;

}

.ja-footnav .container{

    background: none ;

    color: #fff;

    font-size: 11px;

    font-style: bold

}

.ja-footnav  a{

    color: #fff;

    font-size: 11px;

}

.ja-footnav  a: hover{

   color: #fcfcfc;

    font-size: 11px;

}

.ja-footnav li {

    border-right: 1px solid #fff;

    display: inline-block;

    line-height: 1;

    padding: 0 10px;   text-align: left;     float : left

}

/* ja-footer*/

 .ja-footer {

  background-color:#2CAAE1;

  background-position:initial initial;

  background-repeat:initial initial;

  font-size:11px;

  margin:0 auto;

  max-width:1256px;

  position:relative;

  z-index:1001;

}



  

.ja-copyright {

  padding:0;

  text-align:right;

}



.ja-copyright .container {

  background-color:transparent;

}





.ja-footer a {

  color:#FFFFFF;

}



   .ja-message {
  display:none;
    
  }


    
  


/* ********************MAX WIDTH: 976px******************* */


 }

 @media (max-width: 976px) {       

    

/* -----------logo -----------------*/


 

.logo-image{

  background-position: left;
  background-repeat: no-repeat;

}


.logo-image {

  overflow:visible;

  background-image: url('../images/logo4Msmall.jpg');

}

.logo-image a {

  /*background-image: url('../images/logo4Msmall.jpg');*/

  background-repeat:no-repeat;

  width:93px;

  height:65px;    background-size :0% auto;

}    


.head-search form {
  margin: -15px 0 0 0;
}


/*headercontainerglobal*/

.headercontainerglobal{

  padding:10px

 }          



/*----------------menu mainnav--------------*/



.t3-mainnav{
  float:right;
  height:28px;
  margin-right:-10px ;
  padding-top:10px;
}
 .t3-mainnav .navbar .nav > li > a {
  padding:5px 8px;
}

/* head-search */



/*  Languageswitch */


  
   .ja-message {
   display:none;
    
  }

}

/* ********************MAX WIDTH: 853px Xtablet******************* */

 @media (max-width: 853px) {       

 /*----------------menu mainnav--------------*/


.t3-mainnav{
  float:right;
  height:28px;
  margin-right:-70px ;
  padding-top:10px;
}

.t3-mainnav .navbar .nav > li > a {
  padding:5px 8px;
}

/* head-search */

.head-search {

  float:right;

  margin-top:50px;

  margin-left:-80px

}

.head-search form {

  margin:0 120px 0 0;

}



/*  Languageswitch */

.mod-languages {



  margin-top:-20px;

  position:relative;

  right:20px;

  text-align:right;

  top:70px;

  }
  
  .ja-sl-1 .module {

  margin-left:-8px;
  padding-left:8px;
}
  .ja-sl-2 .module {
  margin-left:-8px;
  padding-left:8px;
}
  
   .ja-message {
   display:none;
    
  }   
  .head-search form {
  margin: -15px 0 0 0;
} 

} 


/* ********************MAX WIDTH: 853px Xtablet******************* */

 @media (max-width: 767px) {    
       
 /*----------------menu mainnav--------------*/

/*body*/
body {

background-image: none;
background-repeat:no-repeat;
border-bottom: 0px;

}


.t3-mainnav .navbar {

color:#666666;
margin-bottom:0;
position : absolute;
top: 20px;
left: 10px    ;
}


/*ja-header*/

.ja-header {
background: #fff;
border-bottom: 1px solid #ddd;
padding-top: 10px;
padding-bottom: 10px;

}

/*ja-headercontainerglobal*/
 .headercontainerglobal {

  -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 0px;
  background-color:#FFFFFF;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  box-shadow:rgba(0, 0, 0, 0.2) 0 0 0px;
  margin:0 auto;
  max-width:1256px
  min-height:53px;
  position:relative;
  z-index:1001;

}
 .head-search {
  float: right;
  margin-top: 10px;
  margin-left:0px
}
.head-search form {
  margin: -15px 0 0 0;
}

.head-search form {
  margin: 0;
}

/*  Languageswitch */

.mod-languages {
  margin-top:-90px;
  text-align:right;
}

 
   
   .ja-message {
   display:none;
    
  }
 }


/* ********************MAX WIDTH: 650px kindle******************* */

@media (max-width: 600px) {       

   
 /*----------------menu mainnav--------------*/

/*body*/
body {

background-image: none;
background-repeat:no-repeat;
border-bottom: 0px;

}


.t3-mainnav .navbar {

color:#666666;
margin-bottom:0;
position : absolute;
top: 20px;
left: 10px    ;
}


/*ja-header*/

.ja-header {
background: #fff;
border-bottom: 1px solid #ddd;
padding-top: 10px;
padding-bottom: 10px;

}

/*ja-headercontainerglobal*/
 .headercontainerglobal {

  -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 0px;
  background-color:#FFFFFF;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  box-shadow:rgba(0, 0, 0, 0.2) 0 0 0px;
  margin:0 auto;
  max-width:1256px
  min-height:53px;
  position:relative;
  z-index:1001;

}
 .head-search {
  float: right;
  margin-top: 10px;
  margin-left:0px
}

.head-search form {
  margin: -15px 0 0 0;
}

/*  Languageswitch */

.mod-languages {
  margin-top:-90px;
  text-align:right;
}

.wrap ja-sl{
   /*margin-bottom:90px;*/

}
  .ja-sl{     /*
padding-top:120px ;
margin-bottom:-120px*/
}
 
 
 .ja-slideshow  {
     display: none; 
  }
  
  
  .ja-message {
    
      display: block;
      margin-top:100px;
  }
  
  
  .breadcrumb {

  padding:50px 0 0 0;
  margin: 0 0 -30px 0;
  }
  

 }

/* ********************MAX WIDTH: 360px Galaxy s3******************* */


 @media (max-width: 361px) {       

 
 .head-search {

  float:right;

  margin-top:100px;

  margin-left:-80px

  display:none;

}

.head-search form {

  /*display:none;*/
  /*margin:100px 200px 0 0;*/

}

/* ja-slideshow */
.ja-slideshow  {
 display: none; 
  }
  



blockquote{

display:none;
margin-bottom : 50px ;

}


.ja-sl{
/*padding-top:120px ;*/
/*padding-bottom:-120px*/
}

.ja-mainbody {
/*padding-top:100px*/

}

}      


th {
background: #fff; 

}
th a {color: #444;}

.ja slideshow .djslider-loader{

max-height:423px;

}



.bfQuickMode .pull-right {
    float: left;
}


.cbNewButton{ display: none;}