/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
 
 /*
 sommaire:
 0- all viewport      @media only screen
 1-  Desktops/laptops @media only screen and (min-width: 1025px) 
 2- tablet landscape @media only screen and (min-width: 768px) and (max-width: 1025px)
 2.1- breakpoint responsive menu  @media only screen and (max-width: 1140px)
 3- Tablet portrait @media only screen and (min-width:581px) and (max-width:768px) 
 4- Smalltouch landscape @media only screen and (min-width:321px) and (max-width:580px) 
 5- Smalltouch portrait @media only screen and (max-width:320px)
 
 */
 
 
  /*
 *   0- all viewport      @media only screen
 */

/*base */

/*table {*/
    /*border-collapse: collapse;*/
    /*margin-bottom: 1.4285714285714286em;*/
/*}*/


/*table tr th, table tr th a, table tr th a:hover {*/
    /*color: #fff;*/
    /*font-weight: bold;*/
/*}*/
/*table tr th {*/
    /*background: rgba(0, 0, 0, 0.51) none repeat scroll 0 0;*/
    /*border-bottom-style: none;*/
/*}*/
/*tr td, tr th {*/
    /*border: 1px solid #fff;*/
    /*padding: 4px 9px;*/
    /*text-align: left;*/
/*}*/

 
 /*header*/
 .region-header{
   float: right;
    position: relative;
    right: -1px;
 }
  
  .region-header .block {
    float: left;
    font-size: 0.857em;
    margin: 0 10px;
    padding: 0;
}


.region-header .block ul {
    margin: 0;
    padding: 0;
}

.region-header .block-locale ul li {
    display: inline;

}
.region-header .block li {
    list-style: outside none none;
    padding: 0;
}
.region-header, .region-header a, .region-header li a.active, #name-and-slogan, #name-and-slogan a, #secondary-menu-links li a {
    color: #565353;
}


.language-switcher-locale-url {
    font-size: 1.2em;
    text-transform: uppercase;
}

.language-switcher-locale-url .active a {
    border-bottom: 1px dotted;
    font-weight: bold;
}

.language-switcher-locale-url .en::before {
    content: "| ";
}

/*menu font awesome*/
.menu__icon::before {
    font-family: "FontAwesome";
    font-size: 18px;
}

.menu__icon--contact::before {
    content: "\f0e0   ";
}

.menu__icon--localisation::before {
    content: "\f08d   ";
}

.menu__icon--galerie::before {
    content: "\f03e   ";
}

.menu__icon--videos::before {
    content: "\f16a   ";
}

.menu__icon--intranet::before {
    content: "\f023   ";
}


/*front page*/

.image-style-carrousel {
    width: 100%;
}

#logo img {
    max-width: 100%;
}

.slice a{
    padding:0;
    text-decoration:none;
}

/*#block-system-main-menu.is-closed{*/
  /*height:0;*/
/*}*/


/*node galery/phototheque*/
.galerie-image {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
 
 
/*
 *  1-  Desktops/laptops @media only screen and (min-width: 1025px) 
 */

@media only screen and (min-width: 1025px) {
  #branding,
  #header {
    position: relative;
  }
  #branding:before,
  #header:before {
    content: '';
    position: absolute;
    top: 0;
  }
  #branding::before {
    background: url(images/bg-header-right.png) no-repeat;
    background-position: top;
    top: 0px;
    right: -10px;
    width: 149px;
    height: 61px;
  }
  #header::before {
    background: url(images/bg-header-left.png) no-repeat;
    background-position: top;
    left: 0px;
    width: 82px;
    height: 33px;
  }

  #page {
    padding: 0 10px;
    position: relative;
  }
  #page:before,
  #page:after {
    content: '';
    position: absolute;
    top: 0;
  }
  #page::before {
    background: url(images/bg-left.png) no-repeat;
    background-position: bottom;
    left: -85px;
    width: 85px;
    height: 400px;
  }
  #page::after {
    background: url(images/bg-right.png) no-repeat;
    background-position: bottom;
    right: -85px;
    width: 85px;
    height: 400px;
  }
  #logo img {
    max-width: 88%
  }
  #logo {
    padding-left: 1.6em;
    padding-bottom: 0.7em;
    padding-top: 1em;
  }
  #name-and-slogan {
    padding-top: 1.8em;
    padding-right: 3.5em;
  }
  

  
  .front .region-sidebar-second,.front .region-sidebar-first  {
    margin-left: -35%;
    width: 35%;
}
  
  .front #main-content{
   width: 100%; 
  }
  
   .front .sidebar-second .content-inner {
    margin-left: 0;
    margin-right: 35%;
}
  
 .front  #columns #main-content {
   margin-left:0;
 }
  
  .front  #columns #main-content #content
  {
    /*padding-top:10px;*/
  }
  
  
  .region-header .block {
    float: left;
    font-size: 0.857em;
    margin: 0 10px;
    padding: 0;
}

	
#block-locale-language {
/*     margin-top: 68px; */
}
  
}

/*------------------------------------------------
 breakpoint responsive menu                 
 -------------------------------------------------------*/
@media only screen and (max-width: 1140px) {
	
		#block-views-carrousels-block-2{
			display:none;
	}
	
	.custom-sidebar {    
    margin-left: 0;    
}

.region-leaderboard {
/*     float: left; */
}
	
	#page .region-sidebar-second, #page .region-sidebar-first {
    	margin-left: 0;
   		 width: 100%;
   		 clear:both;
	}
	
		#page .content-inner{
    	margin-left: 0;
   		 width: 100%;
   		 clear:both;
	}

    #block-menu-menu-tools-menu ul.menu {
        font-size: 0.9em;
    }
    
    #block-menu-menu-tools-menu ul li {
    float:left;
    }
    
	#block-menu-block-1 .block-title {
  	  display: block;
	}


    .region-leaderboard
    {
        /*display:none;*/
    }
    
   

    .region-header {
        right: 63px;
    }

    /*  superfish menu*/

    #menu-bar li.first {
        text-align:left;
    }

    #menu-bar .menu li{
        display: block;
        float:none;
        width:100%;
        min-width: unset;
        height:37.5px;
        margin:4px 0 !important;

        border-top-color: unset;
        border:none;
        background: rgb(237,237,237);

    }

    #menu-bar .menu li:nth-child(1){
        background:rgb(255,136,0);
    }
    #menu-bar .menu li:nth-child(1):hover,#menu-bar .menu li:nth-child(1).active-trail{
/*         background:rgb(205,136,0); */
 background:rgb(255,136,0);
    }

    #menu-bar .menu li:nth-child(2){
        background:rgb(251,186,0);
    }
    #menu-bar .menu li:nth-child(2):hover,#menu-bar .menu li:nth-child(2).active-trail{
/*         background:rgb(201,186,0); */
background:rgb(251,186,0);
    }

    #menu-bar .menu li:nth-child(3){
        background:rgb(124,182,31);
    }
    #menu-bar .menu li:nth-child(3):hover,#menu-bar .menu li:nth-child(3).active-trail{
/*         background:rgb(74,182,31); */
  background:rgb(124,182,31);
    }

    #menu-bar .menu li:nth-child(4){
        background:rgb(34,187,234);
    }
    #menu-bar .menu li:nth-child(4):hover,#menu-bar .menu li:nth-child(4).active-trail{
/*         background:rgb(34,137,234); */
background:rgb(34,187,234);
    }

    #menu-bar .menu li:nth-child(5){
        background:rgb(0,113,185);
    }
    #menu-bar .menu li:nth-child(5):hover,#menu-bar .menu li:nth-child(5).active-trail{
/*         background:rgb(0,63,185); */
background:rgb(0,113,185);
    }

    #menu-bar .menu li:nth-child(6){
        background:rgb(89,67,255);
    }
    #menu-bar .menu li:nth-child(6):hover,#menu-bar .menu li:nth-child(6).active-trail{
/*         background:rgb(49,67,255); */
   background:rgb(89,67,255);
    }

    #menu-bar .menu li:nth-child(7){
        background:rgb(178,67,255);
    }
    #menu-bar .menu li:nth-child(7):hover,#menu-bar .menu li:nth-child(7).active-trail{
/*         background:rgb(138,67,255); */
        background:rgb(178,67,255);
    }

    #menu-bar .menu li:nth-child(8){
        background:rgb(200,67,179);
    }
    #menu-bar .menu li:nth-child(8):hover,#menu-bar .menu li:nth-child(8).active-trail{
/*         background:rgb(150,67,179); */
 background:rgb(200,67,179);
    }

    #menu-bar .menu li:nth-child(9){
        background:rgb(200,67,130);
    }
    #menu-bar .menu li:nth-child(9):hover,#menu-bar .menu li:nth-child(9).active-trail{
/*         background:rgb(150,67,130); */
background:rgb(200,67,130);
    }

    #menu-bar ul.menu li{

    }

    #menu-bar .menu li:hover, #menu-bar .menu li.active-trail {
        background-color: unset;
        border-top-color: unset;
        border:none;
        top:-2px;
        /*padding:0;*/
        background-color: rgb(184, 184, 184);
    }
    #menu-bar .menu li.active-trail a {
       font-size:120%;
        margin:0 0 0 40%;
    }

    #menu-bar .menu li:hover,  #menu-bar .menu li.active-trail{

    }

    #menu-bar .sf-menu.sf-style-white a {
        background-color: unset !important;
        color:rgb(255,255,255);
    }

    #menu-bar nav a.toggle-nav-wrapper {
        display: block;
        position: relative;
        top:-40px;
      float:right;
        padding: 0.3rem;
        color: #333;
        margin-bottom: 2px;
    }

    #menu-bar nav{
        border-top: none;
    }

    #menu-bar .menu .mobile-only {display:block;}

    /* Theming closed nav */

    #menu-bar nav.is-closed ul {
        max-height: 0;
        overflow: hidden;
    }

    #menu-bar #toggle-nav{
        font-size:28px;
    }

    /*menu block*/
    #block-menu-block-1 {
    	margin:60px 0 0 0;
    }

   

    /*actus*/

    ol.band .ml17 {
        display: inline;
        padding-left: 10px;
    }

    /*ol.band .ml17 .h2-like {*/
        /*float:left;*/
    /*}*/



    .pic{
        margin:0 10px;
    }


	/*blocks*/
	.custom-sidebar {
		width: 100%;
	}
	
	.node-type-structure #content-column.content-column {
    width: 100%;
	}
	
}

/* 2- tablet landscape @media only screen and (min-width: 768px) and (max-width: 1025px) */
@media only screen and (min-width: 768px) and (max-width: 1025px) {
	
		.custom-sidebar {    
   			 margin-left: 0;    
	}
	
	.region-leaderboard {
    float: left;
}
	
	.region-leaderboard .block {
  		  float: left;  
   }
	
	
  #logo img {
    max-width: 75%
  }
  #site-name {
    font-size: 1.3em;
  }
  #name-and-slogan {
    max-width: 500px;
  }
  #block-menu-menu-tools-menu ul.menu {
    font-size: 1em;
  }
  #site-slogan {
    font-size: 1em;
  }
  

    ol.band .ml17 .h2-like {
        float:left;
    }

	#page .content-inner {
   		 margin-left: 0;
   		 margin-right: 0;
	}
	
	#block-views-carrousels-block-2{
	display:none;
	}

}






/* 3- Tablet portrait @media only screen and (min-width:581px) and (max-width:768px) */
@media only screen and (min-width:581px) and (max-width:768px){
	
		.custom-sidebar {    
   			 margin-left: 0;    
		}
		
		.region-leaderboard {
    float: left;
}

	  .region-leaderboard .block {
    	float: left;
   		 margin-bottom: 0;
   		 padding-top: 0.4em;
	}
	
	#block-block-24{
		margin-bottom:10px;
	}

    /*--------------Caroussel  ---------------*/
    	#block-views-carrousels-block-2{
	display:none;
	}
	
  #views_slideshow_cycle_main_carrousels-block_2,
  .views-slideshow-controls-bottom,
  #views_slideshow_controls_text_carrousels-block_2
  {
   max-width:700px; 
  }
  
  #logo img {
    max-width: 90%
  }
  #logo {
    padding: 3px;
    max-width:150px;
  }

  #site-name {
    font-size: 1.1em;
  }
  #site-slogan {
    font-size: 0.9em;
  }
  
   #name-and-slogan {
    padding-right: 2em;
     max-width: 500px;
     float:left;
  }

    ol.band .ml17 .h2-like {
        float:left;
    }
  


 /* Hide alternate text except from screen readers */

 .visually-hidden {
   position: absolute !important;
   clip: rect(1px, 1px, 1px, 1px);
   overflow: hidden;
   height: 1px;
   width: 1px;
 }
  
  /*--------------Sidebar Blocks ---------------*/
  
   .sidebar
  {
    width:100%;
    margin-top: 0;
  }
  
  .region-sidebar-second .block, .region-sidebar-first .block{
    clear: both;  
}

}

/* 4- Smalltouch landscape @media only screen and (min-width:321px) and (max-width:580px) */
@media only screen and (min-width:321px) and (max-width:580px){
	
	.region-leaderboard {
    float: left;
}
	
	  .region-leaderboard .block {
    	float: left;
   		 margin-bottom: 0;
   		
	}
	
	#block-block-24{
		margin-bottom:10px;
	}
	
	#search-block-form input.form-submit {
  height: 26px;
}
	
 
  
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
 
  
    #name-and-slogan {
    width: 100%;
    padding: 0;
  }

  #block-views-carrousels-block-2
  {
    display:none;
  }
  
  .carousel-caption {
   bottom:0.7em;
    width: 94%;
    left:0.7em;
  }
  
  #views_slideshow_controls_text_carrousels-block_2 {
    left:5%;
  }
  
  
.left {
    /*clear: left;*/
}
.pic {
   /*display: none;*/
}
  .ml17 {
    margin-left: 0;
} 

 
  
     #footer #block-menu-menu-menu-footer ul.menu > li {   			
    		float: none;   
    		width:100%; 	
	}
  

  
}

/*  5- Smalltouch portrait @media only screen and (max-width:320px) */
@media only screen and (max-width:320px) {
	
	.region-leaderboard {
    float: left;
}
	
	  .region-leaderboard .block {
    	float: none;
   		 margin-bottom: 0;
   		 padding-top: 0.4em;
	}
	
	#block-block-24{
		margin-bottom:10px;
	}
	
    #block-views-carrousels-block-2 {
        display: none;
    }
    
    #search-block-form input.form-submit {
  		height: 26px;
	}

    .pic {
        display: none;
    }
    
    #footer #block-menu-menu-menu-footer ul.menu > li {   			
    		float: none;   
    		width:100%; 	
	}
}