header {
	height: 100px;
}

header.longtitle {
    /*margin-left: 14px;*/
}

h2 {
    font-size: 2.5em;
    margin-bottom: 50px;
    line-height: 40px;
}
    
h2.heading {
    line-height: 40px;
}
    
h2.subResource {
	/*margin-left: 14px;*/
	margin-top: 20px !important;
	margin-bottom: 30px !important;
}
    
h3 {
    font-size: 1.5em;
    margin-bottom: 20px;
}

.container {
	width: 98%;
	max-width: 1200px;
}

.slicknav_menu {
    display:none;
}

h1 a {
	line-height: 1em;
}

.actu-video {
	width: 100%;
	max-width: 640px;
	height: auto;
	min-height: 360px;
	text-align: left;
}

.align-right {
	text-align: right;
}

@media screen and (max-width: 1024px) {
    #menu {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }
}

@media screen and (max-width: 625px) {
    #menu {
        display:none;
    }
    
    header {
        height: inherit;
        margin-bottom: 2em;
    }

    #header .container {
        margin-left: 2%;
        width: 85%;
        padding-bottom: 0em;
        text-align: left;
    }

    .slicknav_menu {
        display:block;
    }

    h1 a {
        margin-top: 0px !important;
	    line-height: 1em;
	}
	
	#logo {
	   margin-top: -45px !important;
	}
	
	#logo h1 a {
	   font-size : 24px;
	}
	
	#banner {
	   /*display: none;*/
	   margin-top: -40px;
	   padding: 60px !important;
	   max-height: 30px !important;
	}
	
	#page {
	   padding-top: 30px !important;
	}
	
	.small-center {
	   margin: auto !important;
	   text-align: center !important;
	}
	.actu-video {
	    min-height: 250px;
	}
	#featured, #copyright {
	   display: none;
	}
	
	#footer {
	   margin-top: 30px;
	}
}


@media screen and (max-width: 400px) {
    #logo h1 a {
       font-size : 18px;
    }
}