/* TC Cossonay-------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
*{
  outline:none;
}
html, body{
  height:100% !important;
}
body {
  background-color: #ffffff;
  margin-top: 0px;
  /*text-align:center;*/
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size:14px;  
  overflow-x:hidden;
  overflow-y:scroll;
    
}

a:link,
a:hover,
a:active,
a:visited{
  text-decoration:none;
}
p, h1, h2, h3, .bodytext{
   color: #3465a4;
}
.col-no-pad{
margin:0px !important;
padding:0px !important;
}
@media all and (max-width:599px){
  
body {
    background-image:url(../images/elements/fond-small.jpg);
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:top center;
  margin-top: 0px;
  background-attachment:fixed;
  
}
.content-wrapper{
    /*background-color:rgba(255,255,255,0.5);  */    
    margin:0;
    /*height:calc(100% - 125px);*/
    
}
.content{
    /*background-color:rgba(255,255,255,0.8);*/
    padding  : 30px 23px;
    /*height:100%;*/
}
}
@media all and (min-width:600px){
  
body {
  margin-top: 0px;
  background: url(../images/elements/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
.content-wrapper{
    background-color:rgba(255,255,255,0.5);      
    margin:0;
    /*height:100% ;*/
    
}
.content{
    background-color:rgba(255,255,255,0.8);
    padding  : 30px 23px;
    height:100%;
}
}
}
a:focus{
    outline:0; 
   border: none;}

a img{
    border: none;}

html {
    position: relative; 
   min-height: 100%;}


/* HEADER*******************************************************************/
.header {
    width: 100%; 
}

.header-container {
    width: auto; 
   max-width: 960px; 
   padding: 0 ; 
   margin: auto; 
   background-color: rgba(255, 255, 255, 0.8);
   
    height: 139px;
}

.header-menu{
    display: block; 
   height: 139px;}

.header-line{
    display: block; 
   width: 87%; 
   background-image: url(../images/elements/ligne-header.png); 
   background-repeat: repeat-x; 
   height: 16px; 
   float: right;}

ul, ol {
padding-left: 12px;
position:relative;}

.flexslider ul {
padding-left: 0px;}

.flexslider .flex-control-nav{
  bottom:0;
}

/* MAIN MENU*******************************************************************/
.logo{
    width: 30%; 
   background-image: url(../images/logo/logo-tc.png); 
   background-repeat: no-repeat; 
  background-size:85% auto;
   height: 139px ; 
   float: left; 
   background-position: center ; 
   cursor: pointer;}

.top-menu{
    margin-top: 25px; 
   width: 70%; 
   float: right;}

#menu {
    height:65px; 
   width: 100%;
   padding-right:1px;}

#menu ul {
    margin: 0;
   padding:0; 
   list-style-type:none; 
   text-align:center; 
  float: right;}

/*#menu li.level1:first-child{
    visibility: hidden; 
   display: none;} */

#menu li.level1 {
    float:left; 
   margin:auto; 
   padding:0; 
   background-color:#3c81d6; 
   margin-left: 2px;
}

#menu li.level1:last-child{
  /*  margin-right: 2px;*/
}

#menu li.level1 a {
    display:block; 
   color:white; 
   text-decoration:none; 
   padding:6px 10px 6px 10px;}
#menu li.level2 a {
    display:block; 
   color:white; 
   text-decoration:none; 
   padding:2px 10px 2px 10px;
   margin-left:2px;
   white-space:nowrap;
 }
#menu li.level1 a:hover {
    color:#fff; 
   background-color: #4c88e4;}

#menu ul li.active {
    background-color: #bad1f1; 
   display:block; 
   margin-top: 0px;
   }

#menu ul li ul {
    display:none;}

#menu ul li:hover ul {
    display:block; 
   margin-top: 20px;
}

ul.sous-menu{
    /*float:right;*/
}

#menu ul li:hover ul.sous-menu {
    margin-top:20px;
    display:table; 
   margin-right: 0; 
}

#menu ul li ul.sous-menu li {
   display:table-cell; 
margin-top:20px;
   padding: 0 ;
}
#menu ul li ul.sous-menu li a {
   background-color:#bad1f1;
    color :#3465a4; 
}
#menu ul li:hover ul.sous-menu li a:hover {
   background-color:#bad1f1;
    color :#ffffff; 
}
#menu ul li:hover ul.sous-menu li.active {
   background-color:#bad1f1;
    color :#ffffff; 
}
#menu li:hover ul li {
   }

#menu ul.actif{
    display:table;  
  right:0;}

#menu ul li ul{
    margin-left:0px;
  margin-top:20px;}



#menu ul.actif li{
    display:table-cell; 
  margin-top:20px; 
   border-right: none; 
   padding: 0;}

.level1 {
 
   font-weight: 400; 
   font-size: 14px; 
   text-transform: uppercase;}

.level2 {
   font-weight: 400; 
   font-size: 14px; 
   text-transform: none;}

 #menu li ul {
            position:absolute; 
      right:0;
       }
.l2-act a:link,
.l2-act a:hover,
.l2-act a:active,
.l2-act a:visited{
  color:#ffffff !important;
}

/* SLIDER*******************************************************************/
.slider{

}

 .carousel, .carousel-slider{
     max-width:960px;
      max-height: 300px;
    padding: 0px;
    margin: auto;
    background-color: #ffffff;
   }

.slider-wrapper{
    margin:auto;
    border:none;
}

.theme-bar.slider-wrapper, .theme-default.slider-wrapper, .theme-light.slider-wrapper, .theme-dark.slider-wrapper  {
    border:none;
}

.nivoSlider img{
    height: auto;
}

.nivo-main-image{
    width: 960px;
  
    height: 300px;
}

/* on restyle les boulettes de transition pour enlever l'effet auto-hide et le background */
.theme-bar .nivo-controlNav {
    bottom : 0; 
   background: none; 
   filter: none; 
   opacity : 1; 
   -webkit-transition: none; 
   -moz-transition: none; 
   -o-transition: none; 
   transition: none; 
   border:none;}

/* CONTENT*******************************************************************/
.content {
    width: auto; 
   max-width: 960px; 
   padding-bottom: 35px; 
   margin: auto; 
   padding-left: 15px; 
   padding-top:70px; 
   background-repeat: no-repeat; 
 min-height:540px;}

.content img {
    max-width: 100%;
    height: auto;
    }

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 8px;
}

/* CONTENT SUR 2 COLONNES*******************************************************************/
#col-gauche h1{
   font-weight: 700; 
   font-size: 1.4em; 
   color: #3465a4;
   text-align:left !important;
   margin-bottom:20px;}

#col-gauche p{
   font-weight: 600; 
   text-align: justify; 
   color: #3465a4;
   padding-bottom: 12px;}

#col-droite{
  max-width:320px;
  }
#col-droite .bloc-droit{
    /*background-color: #ffffff;*/
}

#col-droite
.news .article .news-img-wrap a {
  padding: 0; 
 
}
#col-droite .bloc-droit img{
    width: 90%; 
   margin-left: 5%;}

#col-droite .csc-header{
    height: 46px; 
   background-color: #FFFFFF;}

#col-droite h1{
  /*  font-family: 'Arimo', sans-serif; */
   text-transform: uppercase; 
   letter-spacing: 0.1em; 
   font-weight: 700; 
   font-size: 0.9em; 
   background-color: #e15c11; 
   background-image: url(../images/elements/col-droite-h3.jpg); 
   background-repeat:no-repeat;
   background-position:top left;
   height: 46px; 
   padding: 18px 0 0 58px; 
   margin-bottom: 0; 
  color: #FFFFFF; 
   background-color: #FFFFFF;
  }

#col-droite .csc-textpic-text{
  background-color:#ffffff;
}
/*
#col-droite h1:after{
width: 100%;content: "                  ";background-image: url(../images/elements/fleche-actu.png);background-repeat: no-repeat;background-position: bottom;display: block;height: 19px;}
*/

#col-droite p{
 /* font-family: 'Arimo', sans-serif; */
   font-size: 0.9em; 
   font-weight: 700; 
  
   padding:5px 10px 5px 10px;}
/*
.newsslider{
    padding : 10px 0 0 0; 
   background-color: #ffffff; 
   min-height: 200px;}

.newsslider .caption{
  display:none;}

.newsslider img{
}

.nivo-controlNav{
    padding: 0;}

h3.caption-title{
    font-size: 14px; 
   font-weight: bold; 
   text-decoration: none;}
*/
#col-droite .newsslider{
    padding : 0; 
  
   min-height: 200px;}
#col-droite .caption, #col-droite .nivo-html-caption{
  display:block;
  }
.newsslider img{
}
.nivo-controlNav{
    padding: 0;}
h3.caption-title {
    font-size: 14px; 
   font-weight: bold; 
   text-decoration: none;}
.flex-caption{
  position:relative;
  text-shadow:none;
  background-color:#ffffff;
  padding:5px;
  text-align:center;
    color: #3465a4;
  }
.flex-caption .hidden-xs {
  color: #3465a4;
  font-size:12px;
}
.caption-title a:link,
.caption-title a:active,
.caption-title a:visited,
.caption-title a {
    color: #3465a4;
  text-decoration:none;
  font-size:12px;
}
.caption-title a:hover{
    color: #3465a4;
}
.flexslider .hidden-xs{
  display:block!important;
}
.flex-direction-nav a:before{
  display:none;
}
.flexslider{
  border:none;
  box-shadow:none;
  
}
.flexslider .slides img{
  min-height:100px;
  height:auto !important;
  }
/* NEWS COLONNE GAUCHE (Détail)*******************************************************************/
#col-gauche .news .header {
    background-color: none; 
   background-image: none; 
   height: auto; 
   margin: 0; 
 /*  font-family: 'Arimo', sans-serif; */
   font-weight: 700; 
   font-size: 1.4em; 
   border: none;}
#col-gauche .news .footer{
    background-image: none; 
   background-color: none; 
   position : relative; 
   margin : auto; 
   height:auto; 
   border: none;}
#col-gauche div.news-img-wrap{
    width:100%; 
   display:block; 
   clear:both; 
   background-color: none;}
#col-gauche .news .article .news-img-wrap img{
    margin:auto; 
   /*height:50px; 
   width:auto;*/
    width:100%;}
/* NEWS COLONNE GAUCHE : LISTE*******************************************************************/

#col-gauche .csc-header-n2{
  margin-top : 40px;  }
#col-gauche .news-list-view .header h3{
  margin-top:0;  }
#col-gauche .news .article{
  margin-bottom: 0; 
   padding-bottom: 0;}
#col-gauche .news-list-view .article .header h3 a:link, .article .header h3 a:hover {
  font-size:14px;  font-weight:bold;  margin-top:0;}
#col-gauche .news-list-view .footer, #col-gauche .news-list-view a.more{
  display:none;}
#col-gauche .mediaelement-image {
margin-bottom:10px;}
/* NEWS COLONNE DROITE (Liste)*******************************************************************/
.news .facebook{
    display: none; 
   visibility: hidden;}

#col-droite .news .header {
/*
    background-color: #e15c11; 
   background-image: url(../images/elements/col-droite-h3.jpg); 
   background-repeat:no-repeat;
   background-position:top left;
   height: 46px; 
   padding:0; 
   margin: 0; 
   border: none;*/
   
    display: none; 
   visibility: hidden;
   }

/*
#col-droite .news .article .header:after {
    width: 100%; 
   content: "                  "; 
   background-image: url(../images/elements/fleche-actu.png); 
   background-repeat: no-repeat; 
   background-position: bottom; 
   display: block; 
   height: 17px;}
*/
/*
.news .article h3 {
  padding: 8px 0 0 50px;
}
.news .article h3 a {  content : "ACTU"; }
#col-droite .news .header h3 a:link,#col-droite .news .header h3 a:active,#col-droite .news .header h3 a:visited,#col-droite .news .header h3 a:hover{
    font-family: 'Arimo', sans-serif; 
   text-transform: uppercase; 
   letter-spacing: 0.1em; 
   font-weight: 700; 
   font-size: 0.5em; 
   color: #FFFFFF; 
   text-decoration: none; 
   margin: 10px 0 0 10px ;}
*/
#col-droite .news .footer{
    visibility:hidden;
  display:none;}

#col-droite .news .article{
   background-color: #ffffff; 
 }

#col-droite div.news-img-wrap{
  width:100%; 
   display:block; 
 clear:both; 
background-color: none; 
   top:50px;}

#col-droite .news .article .news-img-wrap{
     background-color: #ffffff; 
  }

#col-droite .news .article .news-img-wrap a{
  background-color: #ffffff; 
 border:none; 
}

#col-droite .news .article .news-img-wrap img{
 margin:auto; 
 /*height:50px; 
 width:auto;*/
  width:100%; 
background-color: #ffffff;}

#col-droite .outer{
  border:solid 2px #000; 
 height:120px; 
 margin-bottom:10px; 
 background-color:#fff;}

.more {
margin-left: 10px;}

#col-droite .csc-textpic-image img {
display:block; 
max-width:267px; 
height:auto; 
margin-top:25px; 
margin-bottom:25px; 
alignment-adjust:central;}

#col-droite .csc-textpic-image  {
margin-right:auto; 
margin-left:auto;}

#col-droite .csc-textpic .csc-textpic-imagecolumn {
float:none;}




/* CONTENT SUR 1 COLONNE*******************************************************************/
#une-colonne h1{
    font-weight: 700; 
   font-size: 1.4em; 
   color: #3465a4;
   text-align:left !important;
   margin-bottom:20px;}

#une-colonne p{
 font-weight: 600; 
   text-align: justify; 
   color: #3465a4;
   padding-bottom: 12px;}

#une-colonne .news .header {
     font-weight: 700; 
   font-size: 1.4em; 
   color: #3465a4;
   text-align:left !important;
   margin-bottom:20px;}
#une-colonne .news .footer{
    display:none;
  visibility:hidden;}
#une-colonne div.news-img-wrap{
    width:100%; 
   display:block; 
   clear:both; 
   background: none;}
#une-colonne .news .article .news-img-wrap img{
    margin:auto; 
   height:200px; 
   width:auto;
 /*   width:100%;*/}
 
.csc-header-alignment-center {text-align:center !important;}
 
 
 /******* TABLEAUX TARIFS ************/
.table-tarifs{
  width:80%;
  margin:auto;
  color:#3465a4;
  
 }
 .table-tarifs td{
   padding:5px;
 }
 .table-hiver td{
   text-align:center;
 }
  
.news-list-date{
  visibility:hidden;
  display:none;
}
/***** AFFICHAGE DES NEWS LISTE OU DETAILS ****************/
#col-droite .list-detail{
  visiblility:hidden;
  display:none;
}
#col-gauche .list-list, #une-colonne .list-list {
  visiblility:hidden;
  display:none;
}

/* MEDIA QUERIES*******************************************************************/
/*@media all and (max-width: 800px) {
    .logo{
        width: 40%; 
       background-image: url(../images/logo/logo-gabella-header-md.png); 
       background-repeat: no-repeat; 
       height: 139px ; 
       float: left; 
       background-position: center ; 
   }

    .top-menu{
        margin-top: 62px; 
       width: 59%; 
       background-color: #1c519e; 
       float: right; 
   }

}

*/
@media all and (min-width: 1000px) {
    .slicknav_menu {
         display:none; 
   }

}

@media all and (max-width: 1000px) {
    /* téléphones mode portrait ou android mini en paysage*/
    /* header */
    .logo{
        width: 40%; 
       background-image: url(../images/logo/logo-tc-header-lg.png); 
       background-repeat: no-repeat; 
       height: 139px ; 
       background-position: center ; 
   }

    .top-menu{
        visibility: hidden; 
       display:  none; 
   }

    .js #menu {
        display:none; 
   }

    .js .slicknav_menu {
        display:block; 
       visibility: visible; 
   }

    /*#menu li.level1:first-child    {
        visibility: visible; 
   }*/

    .newsslider{
        padding : 10px 0 0 0; 
       background-color: #ffffff; 
       max-height:420px; 
   }

    .newsslider img{
        max-height:350px; 
   }

    /* Fin header */
}

@media all and (max-width: 600px) {
    /* téléphones mode portrait ou android mini en paysage*/
.container-fluid {
padding-left:0px; 
padding-right: 0;}

    /* header */
    .logo{
        width: 100%; 
       background-image: url(../images/logo/logo-tc-header-md.png); 
       background-repeat: no-repeat; 
       height: 139px ; 
       background-position: center ; 
   }

    .top-menu{
        visibility: hidden; 
       display:  none; 
   }

    .js #menu {
        display:none; 
   }

    .js .slicknav_menu {
        display:block; 
       visibility: visible; 
   }

    /*#menu li.level1:first-child    {
        visibility: visible; 
   }*/

    .header-line {
        visibility: hidden; 
   }

    /* Fin header */
    /* pas de slider */
    .slider{
        visibility: hidden; 
       height: 0px; 
   }

    .content {
        background-image: url(../images/elements/ligne-header.png); 
       background-repeat: repeat-x; 
   }

    .newsslider{
        padding : 10px 0 0 0; 
       background-color: #ffffff; 
       max-height:300px; 
   }

    .newsslider img{
        max-height:240px; 
   }

    /* footer : logos partenaires les uns sous les autres */
    ul#footer-logos{
        display:block; 
       background-color: #ffffff; 
   }

    ul#footer-logos li{
        display:block; 
       text-align:center; 
   }

    ul#footer-logos img{
       width: auto; 
       margin-top: 20px; 
       margin-bottom: 10px; 
   }

    /* Fin footer */
}

 .copyright-fitsa{
  opacity:0.7;
  position:fixed;
  bottom:0;
  right:0;

}