/* CSS Document */
.show1080,.show980 , .show1140, .show780, .show660{display:none}

@media (max-height: 940px) {

}
@media (max-height: 720px) {

}

@media (max-height: 620px) {

}



@media (max-width: 1180px) {
.blocVimeo {
    height: 245px;
    width: 31%;
    margin: 10px 0.5%;

}
}

@media (max-width: 920px) {
.blocVimeo {
    height: 245px;
    width: 48%;
    margin: 10px 0.5%;

}
}


@media (max-width: 780px) {
	section {
    padding: 20px 0;
}
.hide780{ display:none !important}
.show780 {display:block;}
.gotoLeft {float:right !important; margin-right:15px !important}

.bloc1-2, .newsMain {width:96% !important; display:block !important; margin:0 0 20px 0 !important; padding:0 2%}
.bloc1-3, .bloc2-3, .bloc1-4 {width:98%; margin:0 1%;}

.bgHover { padding:34px; max-width:80%; margin:60px auto 0 auto; }
.bgHover .photo, .bgHover .content { display:inline-block; vertical-align:middle}
.bgHover .photo {width:100px; margin:0 auto; display:block}
.bgHover .content {width:100%; text-align:center}
.contactInfo {text-align:center}
.contactInfo img {float:none}

h1 {line-height: 32px;font-size: 22px; letter-spacing:0}
h1.grad {  padding:15px 18px 12px 15px; margin-bottom:10px; border-radius:2px }
h1.grad strong { font-size:28px;}

}


@media (max-width: 520px) {
	
	h1 {line-height: 32px;font-size: 18px; letter-spacing:-1px !important}
h1.grad {  padding:15px 18px 12px 15px; margin-bottom:10px; border-radius:2px }
h1.grad strong { font-size:24px;}

.blocVimeo {
    height: 245px;
    width: 98%;
    margin: 10px 0.5%;

}
.newsContainer .bloc1-4 {width: 96%;  margin: 0 2% 25px 2%;}
}

@media (max-width: 440px) {
	.hide520{ display:none !important}
	.hide480 { display:none !important}

}