/* Ecrans  petits */
@media (min-width: 992px) and (max-width: 1066px) {
    body{
        min-width:0 !important;
    }
}


/* lg */
@media (min-width: 1200px) {


}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}


/* <= à sm -> Tablettes & Smartphones */
@media (max-width: 991px) {

	.mobile{
		display: block;
	}

	.container .sixteen.columns,
    .container{
        width: 100% !important;
        margin:0;
    }

    #navigation{
        position: fixed;   
        left: -50.5%;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: 100000000;
        border-right: 3px solid #057c85;
        -webkit-transition: 0.5s left;
        -o-transition: 0.5s left;
        transition: 0.5s left;
    }

    #navigation .container{
		overflow: auto;
		height:100%;
    }

	.menu_prin{
		padding-top: 50px;
	}

    #navigation.active{
    	left: 0;
    }

    .btn_mobile{
    	position: absolute;
    	left: 100%;
    	top: 2em;
    	width: 50px;
    	height: 50px;
    	background:#FFF url(images/btn_menu.png) no-repeat top left;
    	background-size: 100% 100%;
    	z-index: 100000000;
    	border: 3px solid #057c85;
    	cursor: pointer;
    }

    #menu-aldherer-don{
    	display: block;
    	width: 100%;
    	text-align: center !important;
    	float:none;
    }

    #menu-aldherer-don a{
		display: inline-block;
    }

    #navigation #don_ad_re{
    	position: absolute;
    	top:0;
    	left: 0;
    	width: 100%;
    	text-align: center;
    	padding: 0.5em 0;
    }

    #header-v5 #navigation ul li{
        display: block;
    }

    #header-v5 #navigation .sub-menu{
        display: block !important;
        visibility: visible !important;
        position: relative;
        top: auto !important;
        left:auto;
    }

    .menu_re{
        width: 100%;
    }

    #header-v5 #navigation .sub-menu a{
        color:#000;
    }

    #header-v5 .header-v5-container{
    	height: auto;
    }

    .header-v5-container .sixteen.columns{
    	padding:1em;
    	padding-left: 9%;
    	width: 89% !important;
    }

    #page-wrap{
        padding: 0;
    }

    .bg_sh{
        background:none;
    }

    .logo{
        width: 25%;
        display: inline-block;
        float:left;
    }

    .logo img{
        width: 100%;
        height: auto;
    }

    #compteurDons{
        width: 25%;
        display: inline-block;
        vertical-align: top;
        margin:0 1em;
        float:none;
    }

    #compteurTop{
        float:none;
        display: inline-block;
        margin-top: 0;
        float: right;
        width: 25%;
        vertical-align: top;
        margin:0 1em;
    }

    .layout-text-left .img_sh{
        width: 64%;
    }
    .layout-text-left .slide-excerpt{
        width: 36%;
        margin-top: 0;
    }

    .home>.eight>.social-icons{
        top: auto;
        bottom:5%;
        z-index: 10000;
    }

    .slide-excerpt h2{
        margin: 0;
        padding:1em 1em 0 1em; 
        font-size: 1.6vw !important;
    }

    .lire_s{
        margin: 0;
        position: absolute;
        right: 2em;
        bottom: 5em;
    }

    .wooslider-control-nav{
        left: auto !important;
        right:2em;
        top:auto !important;
        bottom:0.6em;
    }

    .bg_sh .container{
        margin-top: 1em;
    }

    .breves2{
        margin-top: 2em;
        width: auto;   
    }

    .breves-container{
        width: 74%;
    }

    .cl_breves{
        width: 100%;
    }

    #ul_ex-charte{
        padding: 1%;
    }

     #ul_ex-charte li{
        display: inline-block;
        width: 21.3%;
        margin:1%;
        min-width: 0;
        vertical-align: top;
        padding:0.5em;
        font-size: 0.9em;
     }

    #alaune iframe{
        width: 44%;
    }
   

    .conf-title{
        line-height: 1.3em;
    }

    #delegue{
        text-align: center;
    }

    #upr_vous_1_2 .upr_vous1{
        width: 46%;
        margin:0 2%;
    }

    #ul_chiffre{
        text-align: center;
    }

    #ul_chiffre li{
        float:none;
        display: inline-block;
    }


    #upr_vous_2 .upr_vous2,
    #upr_vous_2 .upr_vous2_2{
        width: 100%;
        float:none;
        margin: 2em 0;
    }

    .upr .colUprL,
    .upr .colUprR{
        float:none;
        width: auto;
        padding:2em;
        margin-left: 0;
    }

    #upr_vous_1_2 .upr_vous1 > div{
        width: auto !important;
    }

    #upr_vous_1_2 .upr_vous1 iframe{
        width: 100% !important;
    }

    body{
        min-width:0 !important;
    }

    #menu-haut{
        display: none;
    }

    #tabs-1 .conferences, #tabs-2 .conferences, #tabs-3 .conferences, #tabs-4 .conferences, #tabs-5 .conferences, #tabs-6 .conferences{
        float:none;
        display: inline-block;
        height: 245px;
    }

    
    .container .in_cont .menu-haut-container #menu-haut,
    .bord_g,
    .bord_d,
    .upr .bord_g,
    .upr .bord_d,
    .wooslider-direction-nav{
        display: none !important;
    }

    #menu-menu-principal{
        width: 100%;
    }

    #page_art #content{
    	width: 100%;
    	margin: 0;
    	padding: 0 1em;
    }

    #page_art .sidebar-on-right{
    	width: auto;
    	margin: 0;
    	padding: 0 1em;
    	float:none;
    }

	.container .four.columns{
		width: auto !important;
	}

	#sidebar .widget{
		margin-top: 2em;
	}

	#sidebar .widget ul li{
		width: 45%;
		margin: 1%;
		display: inline-block;
		height: 150px;
		vertical-align: top;
	}

	.dpe-flexible-posts li{
		height: auto;
		
	}

	.dpe-flexible-posts li img{
		width: 30%;
		height: auto;
		
	}

	#header-v5 #navigation ul.sub-menu li a{
		display: block;
		width: auto;
	}

	.post-content,
	.container .twelve.columns{
		width: 100% !important;
		padding:0 1em;
	}

}


/* sm - Tablettes */
@media (min-width: 768px) and (max-width: 991px) {

}


/* xs - Smartphones */
@media (max-width: 767px) {

	#header-v5 .sixteen .logo{
		display: block;
		width: 100%;
	}

	#header-v5 .sixteen .logo img{
		height: 100px;
		width: auto;	
	}

	#compteurDons,
	#compteurTop{
		display: none;      
	}

	#navigation{ 
        left: -85.5%;
        width: 85%;
        background:#FFF !important;
    }

    .header-v5-container .sixteen.columns{
    	padding-left: 0;
    	padding-right: 0;
    	width: 100% !important;
    }

    .img_sh{
    	float:none !important;
    	width: 100% !important;
    	height: auto !important;
    }

    .slide-excerpt{
    	float:none !important;
    	width: 100% !important;
    	height: 195px !important;
    }

    .wooslider{
    	height: auto !important;
    }

    .wooslider-control-nav{
    	display: none;
    }

    .slide-excerpt h2{
    	font-size: 3vw !important;
    }

    .lire_s{
    	bottom: 1em;
    	right: 1em;
    }

    .breves2{
    	display: none;
    }

	#ul_ex-charte li{
		width: 43%;
	}

	#alaune iframe{
		width: 100%;
		height:200px;
	}

	#tabs-1 .conferences, #tabs-2 .conferences, #tabs-3 .conferences, #tabs-4 .conferences, #tabs-5 .conferences, #tabs-6 .conferences{
		width: 80%;
		height: auto;
	}

	.conf-title{
		width: 100%;
		height: auto;
	}

	.conferences .thumbs img{
		height: auto;
	}

	#upr_vous_1_2 .upr_vous1{
		float:none;
		width: 100%;
		margin: 0;
	}

	ol.vcalendar{
		margin-left: 0;
	}

	.caroufredsel_wrapper{
		display: none;
	}

	.image_carousel{
		padding: 0;
		margin: 0 0 1em 0;
	}

	#conf-tabs .container > div{
		width: 100% !important;
	}

	#conf-tabs #ul_une li{
		width: 32% !important;
		display: inline-block;
	}

	#ul_une{
		display: block;
	}

	.home>.eight>.social-icons{
		display: none;
	}

	.conferences .thumbs{
		height: auto;
		
	}

}


/* very xs - petits Smartphones */
@media (max-width: 480px) {


}