/* =Media Queries
-------------------------------------------------- */
@media (min-width: 741px) {
	.focus-comparator { width: 700px; margin-left: auto; margin-right: auto; }
	.focus-macronometre p { padding-right: 50px; }
}

@media (min-width: 960px) {
	.focus-comparator 		{ width: 940px; padding: 10px 30px; }
	.focus-comparator .figure	{ text-align: left; }
	.focus-comparator .figure .heading { margin-right: 20px; }
}

@media only screen and (min-width: 1150px) {

	header .wrapper 		{ width: 1150px; }
	.btn-menu 			{ margin-right: 20px; }
	.identity 			{ margin-right: 20px; }
	.baseline 			{ margin-right: 14px; width: auto; }
	.baseline br 			{ display: block; }
	.actions p a 			{ margin: 0 5px; }
	.actions p .youtube 		{ margin-right: 30px; }
	.quick-search-button 		{ margin-left: 15px; }

}

@media only screen and (max-width: 1080px) {

	.social 			{ position: relative; top: auto; width: auto; }
	.social a,
	.social span 			{ display: inline-block; margin-right: 10px; text-decoration: none; }
	.social .dropdown		{ display: inline-block; width: auto; }
	.social-fold 			{ position: relative; top: -3px; left: -13px; display: inline-block; }
	.social .open > .dropdown-fold 	{ display: inline-block; }

}

@media only screen and (max-width: 959px) {

	img 				{ width: auto; }

	.social a.respond,
	.social a.cosiness 		{ display: none; }

	.summary.stuck 			{ position: static; top: auto; left: auto; z-index: 42; margin-left: 0; width: auto; }

	.wrapper 			{ width: 700px; }
	header .wrapper 		{ width: 738px; }
	.baseline 			{ display: none; }
	.actions p a 			{ display: none; }
	.focus .heading 		{ padding: 10px 25px 10px 0; }
	.focus .date 			{ padding: 10px 20px 10px 5px; width: 120px; }
	.focus figure 			{ width: 390px; }
	.focus img 			{ display: none; }
	.focus figcaption 		{ padding: 9px 0; }

        .focus.donation .figure img     { display: none; }
        .focus.donation .figure p       { font-size: 14px; }

	.content 			{ float: none; margin-right: 0; width: auto; }
	.context 			{ float: none; width: auto; }

	.footer .size1of4 		{ width: 50%; }
	.footer .size1of2 		{ width: 100%; text-align: center; }

	.home .size1of2 		{ width: 66.6666%; }
	.home .size1of2:first-child 	{ width: 33.3333%; }

	.videos a 			{ width: 350px; }
	.videos a.big 			{ width: 700px; }

	.home .size1of2 .list li:nth-child(4) 	{ display: none; }

	.list-2 ul li			{ margin-left: 0; width: 50%; }
	.list-2 ul li:nth-child(3) a,
	.list-2 ul li:nth-child(5) a	{ display: block; margin-left: 10px; }
	.list-2 ul li:nth-child(2) a,
	.list-2 ul li:nth-child(4) a	{ display: block; margin-right: 10px; }
	.list-2 ul li:first-child	{ float:none; width: auto; }

	.list-4 			{ padding-bottom: 0; }
	.list-4 .heading 		{ margin-bottom: 40px; }
	.list-4 .baseline		{ display: none; }
	.list-4 ul 			{ margin-left: 1%; margin-right: 1%; width: 48%; }

	.list-5 li 			{ width: 48%;  }

	/*bloc video*/
	.iframe-wrap .video,
	.iframe-wrap .iframe		{ position: relative; padding-bottom: 56.25%; padding-top: 30px; width: auto; height: 0; overflow: hidden; }
	.iframe iframe,
	.video iframe,
	.video object,
	.video embed 			{ position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; }

	/*home de rubrique*/
	.home .main .size3of4 		{ float: none; width: auto; }
	.home .main .size1of4 		{ float: none; width: auto; }
	.home .main .bg-blue-3 figure 		{ float: none; width: auto; }
	.home .main .bg-blue-3 .actions 	{ float:none; width: auto; }
	.home .main .bg-blue-3 .actions .btn 	{ display: inline-block; }

	.list-actions .btn 		{ padding: 10px; }
	.list-actions .btn-download 	{ padding: 0; }

	.list-6 .actions 		{ display: block; visibility: visible; }

	.form-don .size1of3 		{ float: none; width: auto; }
	.form-don .size1of3 fieldset 	{ min-height: inherit }
	.form-don fieldset.red .align-center { display: inline-block; }

	.nav-tunnel span, .nav-tunnel strong, .nav-tunnel a { margin-left: 0; }

	.tunnel .list-6 ul li > a img 	{ margin: 0 0 20px; max-width: 100% }

	.spip_documents_left		{ float: none !important; width: auto !important; }

}

@media only screen and (max-width: 740px) {
	.wrapper 			{ margin: 0 10px; width: auto; }
	header .wrapper 		{ width: auto; }

        .focus.donation .heading        { float: none; display: block; width: 280px; }
        .focus.donation .figure         { display: block; width: auto; padding-left: 0; margin: 10px 0; }

	.focus-comparator .figure .heading	{ display: block; }

	.tunnel .list-6 ul li 		{ width: 50%; }
	.tunnel .list-6 ul li:nth-child(2n+1) { clear: left; }
	.tunnel .list-6 ul li:nth-child(3n+1) { clear: none; }

	.standfirst figure img 		{ max-width: 310px }

	.tab .list-8 			{ margin: 0; }

	.list-2 ul 			{ margin: 0 -1%; }
	.list-2 ul li 			{ margin: 0 1%; width: 48%; }
	.list-2 ul li:first-child 	{ margin: 0 1%; width: auto; }

	.videos a 			{ width: 50%; }
	.videos a.big 			{ float: none; display: block; width: auto; }

	.focus-comparator .line 	{ flex-direction: column; }

	.focus-comparator .figure 	{ margin-bottom: 20px; }

	.focus-comparator .text 	{ margin-bottom: 20px; text-align: center; }

	.focus-comparator .unit 	{ display: block; width: auto; float: none; }

}

@media only screen and (max-width: 640px) {

	.social 			{ display: none; }

	.quick-search input 		{ width: 248px; }
	header .identity		{ margin-right: 0; width: 63%; }
	header .identity img		{ margin: 0 auto; }
	.header .actions  		{ display: none; }
	.focus .date 			{ padding-right: 0; }
	.focus figure 			{ width: auto; }
	.focus figcaption br		{ display: none; }

        .list-2 ul 			{ margin: 0; }
	.list-2 ul li:first-child,
	.list-2 ul li			{ float: none; margin: 0; width: auto; }

	.list-2 ul li:nth-child(3) a,
	.list-2 ul li:nth-child(5) a	{ margin-left: 0; }
	.list-2 ul li:nth-child(2) a,
	.list-2 ul li:nth-child(4) a	{ margin-right: 0; }

	.videos .big figcaption strong 	{ font-size: 16px; }

	.home .size1of2:first-child,
	.home .size1of2 		{ float: none; width: auto;  }
	.home .size1of2 > div		{ margin-left: 0; height: auto !important; }

	.bg-blue figure img 		{ float: none; margin: 0 auto 10px; }
	.bg-blue figcaption 		{ overflow: visible; }

	.list-3 ul li,
	.list-4 ul			{ clear: left; float: none; margin: 0 0 20px; width: auto; }
	.home .list-4 ul + ul li:first-child 	{ padding-top: 0; background: none; }

	.link + .link 			{ margin-top: 10px; }

	.table 				{ overflow-x: auto; width: 100%; }

	.list-4 .heading-recommend	{ font-size: 30px; text-align: left; }
	.list-4 .heading-recommend span	{ display: block; padding-left: 0; }

	.main .heading-medias		{ font-size: 30px; text-align: left; }
	.main .heading-medias span	{ display: block; padding-left: 0; }

	.list-6 ul li 			{ width: 50%; }
	.list-6 ul li:nth-child(5n) 	{ clear: inherit; }
	.list-6 ul li:nth-child(2n+1) 	{ clear: left; }

	.bg-gray form 			{ margin: 0 20px; }
	.bg-gray input[type="text"] 	{ margin-bottom: 20px; width: 100%; }

	.paginate .first,
	.paginate .previous 		{ margin-right: 5px; }
	.paginate .next,
	.paginate .last 		{ margin-left: 5px; }

	.main .form-don .bigger 	{ margin-bottom: 20px; padding-top: 0; }
	.main .form-don .bigger +p 	{ margin-bottom: 0px; }

	.basket 			{ width: auto; }

}

@media only screen and (max-width: 480px) {
	.header 			{ min-width: 320px }

	.heading-top 			{ font-size: 30px; }

	.footer .btn 			{ margin-top: 10px; float: left; clear: left; }
	.subscriber strong 		{ display: none; }
	.tunnel .footer .line 		{ margin: 0; }

	.nav-main 			{ padding: 20px 10px; width: 260px; }
	.nav-main .nav-2 li:after	{ right: 0; }
	.mask span 			{ top: 0; left: 275px; }
	.nav-main .bg-blue 		{ margin: 0 -10px 20px; padding: 20px 10px; }
	.nav-main .bg-blue a img 	{ margin-right: 10px; }
	.nav-main .bg-blue a span,
	.nav-main .bg-blue a strong 	{ width: 150px; }

	.focus-comparator .figure 	{ margin-bottom: 20px; }
	.focus-comparator .text 	{ margin-bottom: 20px; text-align: center; }
	.focus-comparator .unit 	{ display: block; width: auto; float: none; }

	.home .bg-gray input[type="text"] { margin-right: 0; margin-bottom: 20px; }

	.alignleft, .alignright 	{ float: none; margin-left: 0; }
	blockquote.alignleft,
	blockquote.alignright 		{ width: auto; }

	.standfirst figure img 		{ float: none; margin: 0 0 20px; }

	.nav-page a 			{ width: auto; }

	.nav-tab a 			{ padding: 10px 15px; }

	.list-3 ul li img		{ width: 30%; }

	.list-8 ul 			{ margin: 0; }
	.list-8 ul li,
	.search .list-8 ul li		{ float: none; width: auto; }

	.footer .subscriber a strong { display: none; }

	.list-6 ul li 			{ float: none; width: auto; }

	.size1of3 			{ float: none; width: auto; }

	.tunnel .block-label 		{ margin-bottom: 20px; }
	.tunnel .block-label label 	{ padding-top: 10px; width: auto; }
	.tunnel .block-label label:after{ clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
	.tunnel .block-label input	{ left: 20px; }
	.tunnel .block-label span 	{ float: left; padding-left: 45px; }
	.tunnel .block-label span strong{ float: none; display: block; padding-left: 0; }
	.tunnel .block-label strong 	{ float: left; padding-left: 30px; }
	.tunnel .block-label input:checked + span:after 	{ bottom: 0; right: auto; width: 45px; height: auto; }

	.tunnel .list-6 ul li 		{ float: none; width: auto; }

	.nav-tunnel span, .nav-tunnel strong, .nav-tunnel a { display: none; }
	.nav-tunnel strong.active 	{ display: block; }

	.basket table .align-right img 	{ display: none; }

	.standfirst figure img 		{ max-width: 100%; }

	.videos a,
	.videos a.big 			{ display: block; float: none; width: auto; }

	.layer-newsletter 		{ width: auto; }

	.focus-macronometre p 			{ padding-top: 20px; padding-bottom: 20px;}
	.focus-macronometre p:after 	{ display: none; }
}

@media only screen and (max-width: 375px) {
	.focus-macronometre a 		{ flex-direction: column; }
	.focus-macronometre .figure 	{ padding: 20px; }
	.focus-macronometre p 		{ padding: 20px;}
	.focus-macronometre p:after 	{ display: none; }

	.focus-eurepeennes a 		{ flex-direction: column; }
	.focus-eurepeennes .figure 	{ padding: 20px; }
	.focus-eurepeennes p 		{ padding: 20px;}
	.focus-eurepeennes p:after 	{ display: none; }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}