/*COLONNES***********************************/

.row {
    margin-right: -10px;
    margin-left: -10px
}
.masonry_container{
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px
}

.col_sans_marge{
  padding-right: 0px;
  padding-left: 0px  
}

.row img, .embed-responsive{
	margin-bottom:5px;
}
/*FIN COLONNES***********************************/



.navbar-nav, .dropdown-menu{
	font-size:22px;
	line-height:28px;
}

.container .col ul li{
	padding-left: 10px !important;
	list-style:disc !important;
	margin-left: 20px !important;
	
}

.copyright a:hover{
    text-decoration: none;
}


/*FIN TYPO**************************************************************************************************/


/*NAVIGATION**************************************************************************************************/


body { 
    padding-top: 95px;
}

.navbar-brand{
	height:70px;
	padding-left:15px;
	padding-right:0px;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    overflow-y: scroll;
    max-height: 450px;
}

.navbar-nav{
	padding-top:0px;
	padding-left:0px;
}



#navbar{
	padding-top:10px !important;
}

.navbar-nav>li>a{
	padding-top:5px;
	padding-bottom:5px;
}

.nav>li>a {
	padding-right:5px;
}

.nav ul.children{
    margin-left: 20px !important;
}

.nav ul.children li:before{
    content: "– ";
}

.sous_menu>li>a{
	padding-right:0px;
}

.navbar-default {
    background-color: #fff;
    border-color: #000;
    opacity: 0.95;
  -webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.5);
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 23px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}






.navbar {
    border: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: transparent;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #fff;
}

.dropdown-menu>li>a{
    padding-left: 10px;
    padding-right: 10px;
    
}

.navbar-collapse {
    border-top: 0px solid;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}


.navbar-nav {
	margin-bottom:0px;
	margin-top:0px;
}
.collapsing{
	margin-bottom:-10px;
}
.in .dropdown-menu{
	padding-top:0px;
	padding-bottom:0px;
}

/*HAMBURGER*/
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .active .icon-bar{
 	background-color: #F00;
}
/* ANIMATION HAMBURGER*/
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 200ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
	  -ms-transform: rotate(45deg); /* IE 9 */
    	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
	   -ms-transform: rotate(-45deg); /* IE 9 */
    	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height: 400px;
}

/*DROPDOWN*/

.dropdown-menu{
	border: 2px #000 solid;
	border-radius: 0px;
    border-left: none;
    border-right: none;
    background-color: #fff;
}

/* FIN HAMBURGER*/
/*FIN NAVIGATION**************************************************************************************************/


/**/

/**/

/* Large devices (large desktops, 1200px and up) */
.ligne_1colonne{
	display:none;
}

.flip{
    height: 600px;
}

@media(max-width:650px){
    .flip{
        height: 400px;
    }
}

@media(max-width:450px){
    .flip{
        height: 350px;
    }
}


@media(max-width:400px){
    .flip{
        height: 300px;
    }
}



@media(max-width:375px){
    .logo_typo{
        display: none;
    }
}


.navbar-nav>li>a{
	padding-top:10px;
	padding-bottom:10px;
}

.navbar-right{
        margin-right: -10px !important;
}


@media(max-width:767px){
    
    .nav>li>a{
        padding-left: 15px;
    }
    
    .liste_archives{
            height:auto;
            margin-bottom: 20px;
            overflow: hidden;
    }
    .liste_2016_2017, .liste_2017_2018{
    height:auto;
    }
        .home .liste_2017_2018{
        height:600px;
    }
    .liste_image{
            height: 300px;
            overflow: hidden;
    }

    .liste_image_big{
            height: 300px;
            overflow: hidden;
    }

    div.fond{
                margin-bottom:0px !important;
      }
      ul.nav.navbar-nav.navbar-left.sous_menu{
                width:100%;
        }

    .navbar-collapse ul li{
        border-top: 2px solid #000;
        
    }

    .navbar-collapse ul li ul li{
        border-top: 1px solid #000;
        font-family: 'LLCircularWeb-Mono';
        font-size:16px;
	line-height:21px;
       
    }
        .navbar-collapse .navbar-left ul li{
        font-size: 15px;
        line-height: 20px;
    }
    .sousmenu a{
        padding-left: 20px;
    }
    .sousmenu li{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
}



@media(min-width:768px){
    
    .nav>li>a {
    padding-left:10px;
}
	
.liste_archives{
		height:auto;
		margin-bottom: 20px;
		overflow: hidden;
}
	.liste_2016_2017{
	height:600px;
}
.liste_2017_2018{
	height:550px;
}
.liste_image{
		height: 380px;
		overflow: hidden;
}
.liste_image_big{
		height: 400px;
		overflow: hidden;
}
ul.nav.navbar-nav.navbar-left.sous_menu{
	width:500px;
}
.liste_2016_2017_autour{
	height:280px;
}
	.ligne_menu{
		display: none;
	}
    #navbar{
	padding-top:19px !important;
}

}



@media(min-width:992px){
	.liste_archives{
		height:500px;
		margin-bottom: 20px;
		overflow: hidden;
}
	
	.liste_2016_2017{
	height:550px;
}
.liste_2017_2018{
	height:400px;
}
.liste_image{
		height: 380px;
		overflow: hidden;
}
.liste_image_big{
		height: 480px;
		overflow: hidden;
}
ul.nav.navbar-nav.navbar-left.sous_menu{

}
ul.nav.navbar-nav.navbar-left.sous_menu{
	width:850px;
}
.liste_2016_2017_autour{
	height:300px;
}
.ligne_menu{
		display: none;
	}
.nav>li>a{
        padding-left: 25px;
    }
}


@media (min-width: 1200px) { 
.menu{
	width: 900px;
}
	.liste_archives{
		height:500px;
		margin-bottom: 20px;
		overflow: hidden;
}
	
.liste_2016_2017{
	height:380px;
}
.liste_2017_2018{
	height:400px;
}
.liste_image{
		height: 380px;
		overflow: hidden;
}
.liste_image_big{
		height: 680px;
		overflow: hidden;
}

ul.nav.navbar-nav.navbar-left.sous_menu{
	width:900px;
}
.liste_2016_2017_autour{
	height:200px;
}
.ligne_menu{
		display: none;
	}	

}@media(max-width:768px){
    
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}  
.navbar-nav .open .dropdown-menu>li>a {
padding: 10px 15px 10px 30px;
}

}