.hidden{
	display: none;
}
@media (max-width:1200px){
	.container-paragraph-134{
		background: url(../images/background/background-securite.jpg) top left;
	}
	.container-paragraph-101{
		background: url(../images/background/background-permanents.jpg) top left;
	}
	#block-menu-menu-menu-grand-public .nav > li > a{
		padding: 15px 30px;
	}
	#block-block-4 ul.list-fa{
		font-size: 40px;
	}
	.fa-calendar-o{
		font-size: 35px;
	}
	span.jour{
		left: 71px;
    	top: 25px;
	}
	#block-block-6 h3{
		font-size: 14px;
	}
	.accueil-grid h3, .accueil-grid ul{
		font-size: 14px;
	}
	#paragraphe-5 .field-name-field-contenu ul li a:link, #paragraphe-5 .field-name-field-contenu ul li a:visited{
		padding: 8px 7px !important;
	}
	#paragraphe-5 .field-name-field-contenu ul li{
		margin-left: 2px;
		margin-right: 2px;
	}
	span.jour {
    	left: 59px;
    	top: 20px;
	}
	#card-7 iframe{
		width: 463px;
    	height: 255px;
	}
	#slider-logo .flex-viewport{
		width: 100%;
	}
	#block-block-4 ul.list-fa{
		font-size: 30px;
	}
	.fa-calendar-o{
		font-size: 25px;
    }
    .navbar-default .navbar-nav > li > a.espace-adherent{
        margin-top: 0;
        width: 95px;
    }
    .hidden-sm {
    	padding-right: 0;
    }
}
@media (max-width:1200px) and (min-width:1100px){
  .navbar-default .navbar-nav > li > a{
    padding:0 6px 8px 6px;
  }
}
@media (max-width:1100px) and (min-width:992px){
  .navbar-default .navbar-nav > li > a{
    padding:0 6px 8px 6px;
  }
}
@media (max-width:992px)
{
    .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }
	#block-menu-menu-menu-grand-public .nav > li > a {
    	padding: 7px 15px;
    	font-size: 14px;
	}
  .navbar-header{
    width:100%;
    position:relative;
  }
  .navbar-collapse.collapse{
    display:none!important;
    overflow:visible!important;
  }
  .navbar-collapse.in{
    display:block!important;
    overflow:visible!important;
  }
  .navbar-toggle{
    display:block;
    z-index:999;
    margin:0;
    border-radius:0;
    border:1px solid #fff;
    background:#778188;
    position:absolute;
    right:15px;
  }
  .navbar-toggle .icon-bar{
    color:#fff;
    border:1px solid #fff;
  }
  .navbar-nav > li{
    float:none;
  }
  .navbar-default .navbar-collapse.in ul{
    width:60%;
  }
  .navbar-default .navbar-collapse.in ul li{
    float:none;
    clear:both;
    width:50%;
    text-align:left;
    display:block;
  }
  .navbar-default .navbar-nav > li > a{
    font-size:1.2em;
    font-weight:400;
    padding:5px 15px;
    color:#778188;
    display:block;
  }
  .menu-grand-public h2.block-title{
    background:#777;
    color:#fff;
    padding:5px 5px 5px 30px;
    position:relative;
    cursor:pointer;
  }
  .menu-grand-public h2.block-title:before{
    position:absolute;
    content:"+";
    left:10px;
  }
  .menu-grand-public h2.block-title:after{
    position:absolute;
    content:"=";
    right:10px;
  }
  .block-search{
  	display:none;
  }
  #card-157{
  	margin-left: 15px;
  }
  
  #navbar{
	 background: none;
	}
  .navbar-toggle{
	top: 10px;
	border: none;
	background: transparent;
}
   .navbar-toggle:hover{
	 background: transparent;
	}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	 background: transparent;
    }
    .menu-background{
	 background: #00569d;
	 height: 50px;
    }
    #navbar{
	 height: 0;
    }
    .flexslider-top .slides{
	 display: none;
	}
	.navbar-default .navbar-nav > li > a.espace-adherent{
        width: 170px !important;
    }
	.navbar-nav{
		margin: 10px auto;
	}
	.logo img{
		margin-left: 0;
	}
	#navbar-collapse{
		margin-top: 50px;
		border-color: rgb(13, 28, 64);
	}
	.logo img{
		height: 35px;
	}
	.navbar-default .navbar-collapse.in ul li a{
		color: #fff;
		font-size: 14px;
	}
	.navbar-default .navbar-collapse.in ul li a:hover{
		text-decoration: none;
	}
	.navbar-default .navbar-collapse.in ul li.last:hover{
		background: rgb(26, 41, 76);
	}
	.navbar-default .navbar-collapse.in ul li{
		width: 100%;
		text-align: center;
		margin-left: 0;
	}
	.navbar-default .navbar-collapse.in ul li:hover{
		background: rgb(43, 66, 119);
	}
	.navbar-default .navbar-nav > li > a.espace-adherent{
		color: #a4ccd0 !important;
		position: relative;
		margin: 10px auto;
	}
	.navbar-default .navbar-nav > li > a.espace-adherent:hover{
		color: #fff !important;
	}
	.menu .nav .navbar-nav{
		background: rgb(26, 41, 76);
		width: 580px;
	}
	.navbar-header{
		margin-left: 0;
		margin-right: 0;
	}
	.nav-background{
		z-index: 100;
		background: rgb(26, 41, 76);
		/*max-height: 130px;*/
	}
	#page-header{
		z-index: 50;
		background-color: rgb(0, 86, 157);
	}
	#page-header .col-sm-9{
		padding-right: 0;
		padding-left: 0;
	}
	#block-menu-menu-menu-grand-public ul li{
		float: none;
		text-align: center;
	}
	#block-menu-menu-menu-grand-public ul li a{
		font-size: 15px;
		border-right: none;
	}
	#block-menu-menu-menu-grand-public ul{
		margin: 50px 0 10px 0;
	}
	#navbar-collapse-bis{
		top: 270px;
		position: fixed;
		left: 0;
		right: 0;
		z-index: 997;
		background: rgb(0, 86, 157);
		box-shadow: 2px 2px 3px #211f1f;
		}
}
@media (max-width:992px) and (min-width:768px){
  .user-menu .nav > li > a{
    padding:0 5px;
    font-size:0.9em;
  }
  #block-views-accueil-actualite-block img{
	  transform: scale(1.28);
  }
  #card-7 iframe{
    width: 350px;
    height: 193px;
  }	
}
@media (max-width:768px)
{	
	#navbar-collapse-bis{
		top: 250px;
	}
	.navbar-default .navbar-collapse.in ul{
		width:100%;
	  }
	#paragraphe-165{
		margin: 0 20px;
	}
	.container-paragraph-164 .field-name-field-contenu{
		padding-right: 0;
		margin-bottom: 10px;
	}
	ul.quicktabs-tabs.quicktabs-style-sky li a, ul.quicktabs-tabs.quicktabs-style-sky li a:visited {
    	margin: 20px 10px;
	}
	#block-quicktabs-publi li{
		width: 300px;
	}
	.block-entry-img{
		margin: 0 0 20px 0;
	}
	.container-paragraph-120 .card-body, .container-paragraph-149 .card-body, .container-paragraph-109 .card-body{
		border-right: 1px solid transparent;
	}
	.container-paragraph-109 .grid .grid-item:first-child .card-body{
		border-left: 1px solid transparent;
	}
	#paragraphe-5 .field-name-field-contenu ul li{
		display: block;
		margin: 10px auto;
		width: 300px;
	}
	#card-7 iframe{
		width: 100%;
	}
	#card-157{
		margin: 0 auto;
	}
	#card-160{
		margin: 20px 0 0 0;
	}
	#block-block-2{
		margin: 20px 0;
	}
	#paragraphe-25{
		margin: 0 10px;
	}
}
@media (max-width:570px)
{
	
	#block-block-4 ul.list-fa{
		font-size: 20px;
		padding: 18px !important;
	}
	.fancybox-wrap{
		width: 400px !important;
		left: 0 !important;
	}
	.fancybox-inner{
		width: 380px !important;
	}
	.paragraph-type-paragraphe .row .col-sm-3 img{
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#block-block-6 h3{
		padding: 20px;
	}
	#card-7{
		margin-right: 0;
	}
	.container-paragraph-134{
		background: url(../images/background/background-securite.jpg) top left;
	}
	#paragraphe-123 img{
		width: 70%;
		height: 70%;
	}
	#paragraphe-123 a{
		font-size: 12px;
	}
	#container-paragraph-14{
		margin-bottom: 70px;
	}
	#paragraphe-177 a > h3{
		font-size: 20px;
	}

	.container-paragraph-76 .row.grid .card:after{
	position:absolute;
	content:'';
	background: #fff;
	}
	.container-paragraph-76 .col-md-2{
	width: 100%;
	}
	span.jour{
		position: absolute;
    	left: 65px;
    	top: 25px;
    	font-size: 15px;
	}
	#block-block-4 ul.list-fa{
		font-size: 34px;
		padding: 4px;
	}
	.fa-calendar-o{
		font-size: 32px;
	}
	#block-block-6 a{
		font-size: 14px;
	}
	#block-block-6 h3{
		padding: 18px;
	}
	.flexslider{
		margin: 0;
	}
	#block-views-accueil-actualite-block .slides{
		padding: 0;
	}
	.hidden-mobile{
		display: inline;
	}
	.hidden-large{
		display: none;
	}
}
@media (max-width:420px)
{
	#card-7 iframe{
		width: 100%;
		height: 100%;
	}
	.accueil-grid h3{
		font-size: 15px;
	}
	#block-block-4 ul.list-fa{
		font-size: 22px;
		padding: 6px;
	}
	.pdfpreview-image-wrapper a, .pdfpreview-image-wrapper a > img{
		width: 100%;
	}
	ul.quicktabs-tabs.quicktabs-style-sky{
		margin-bottom: 100px;
	}
	.node-publication{
		margin-bottom: 80px;
	}
	.container-paragraph-134{
		background: none;
	}
	.panel-group{
		margin: 0 10px;
	}
	.container-paragraph-156{
		margin: 0;
	}
	#card-160{
		text-align: justify;
	}
	.container-paragraph-124{
		background: none;
		padding: 0;
	}
	#paragraphe-162 p, #paragraphe-162 ul{
		text-align: justify;
		width: 100%;
	}
	.container-paragraph-101{
		background: none;
	}
	.container-paragraph-98{
		background: none;
	}
	.accueil-grid{
		margin: 0 10px;
	}
	.fa-calendar-o{
		font-size: 23px;
	}
	span.jour{
		left: 52px;
		top: 19px;
		font-size: 13px;
	}
	#block-block-5 h3{
		padding: 10px 15px;
	}
	#block-block-6 h3{
		padding: 12px;
	}
	#block-block-6 a{
		font-size: 	11px;
	}
	#block-views-accueil-actualite-block img{
		transform: scale(1.3);
		margin-bottom: 10px;
	}
	#block-block-4 h3, #block-block-6 h3{
		padding: 10px 15px;
	}
	.accueil-grid h3{
		font-size: 12px;
	}
	.vertical-bottom h3{
		bottom: 0;
	}
}