#mobilezone{display: none;}
#etalon_menu select, #elevage_menu select{display: none;}


@media only screen and (max-width : 750px) {
	#header_bloc, #nav_search{display: none;}
	section{width: calc(100% - 20px); padding: 10px;}

	body{background: #EEE !important; margin: 0; padding: 0; overflow-x: hidden;}
	header{width: 100%; height: 55px;}
	#header{background: #FFF; border-bottom:2px solid #9d0a31; width: 100%; height: 55px;}
	#header{height: 55px;}
	#header #logo{position: absolute; top: 5px; left: 0px; right:0; text-align: center;}
	#header #bandeau{position: absolute; top: 10px; right: 10px; text-align: right; left: inherit;}
	#header #logo img{height: 45px;}
	#header #bandeau img{height: 35px; width: auto;}
	#header #logo a{display: block;}
	#section1{display: none;}
	#articles{float: none; width: calc(100% - 20px); margin: 0; padding: 5px;}
	#articles article{margin: 10px 0;}
	#sidebar{float: none; width: calc(100% - 10px); margin: 0; padding: 5px;}

	#sidebar article img{width:100%;}

	#section2 #articles *{float: none;}
	#section2 #articles h2{height: auto;}
	#section2 #articles article.page_1:nth-child(-n+2) div.articletxt, #section2 #articles article.full div.articletxt, #articles article div.articletxt{ float: none; width: 100%;}
	#section2 #articles article.page_1:nth-child(-n+2) p, #section2 #articles article.page_1:nth-child(-n+2) p, #section2 #articles article.full p, #articles article p{height: auto;}

	#section2 #articles article.page_1:nth-child(-n+2),#section2 #articles article.full{height: auto;}
	#section2 #articles article.page_1:nth-child(-n+2), #section2 #articles article.full, #section2 #articles article{width: calc(100%);}
	#section2 #articles article:not(.full){ height: auto;}

	#section2 #articles article.page_1:nth-child(-n+2) img, #section2 #articles article.full img, #articles article:not(.full) img{width: 100%;  height: auto;}

	#articles article div.link {padding: 5px 0 10px;}
	#articles article div.link a{display: none;}

	#sidebar article img{max-width: 100%;}

	#nav_page ul{ margin: 0; padding: 0; }

	#link{text-align: center;}

	#article{float: none; width: calc(100% - 10px); margin: 0; padding: 5px;}
	#article img, #article table, #article iframe { max-width: 100%; height: auto;}

	#article div.etablissement_single, #article div.etalons_single{width: calc(100% - 20px);}

	body footer #footer{width: 94%; display: block;}
	body footer #footer .bloc:nth-child(-n+1){display: none;}
	body footer #footer .bloc{border: 0; width: 100%; float: none;}

	body footer #footer .bloc input{width: 95%; padding: 5px 0;}
	body footer #footer .bloc #contact{margin: 0 auto; max-width: 50%}

	#newsletter2{margin: 0 auto;}

	nav{
		width: 250px;
		height: 100%;
		position: fixed;
		top: 105px;
		left: calc(-250px);
		background: #9d0a31;
		padding:0; z-index: 100;
	}
	nav.open{left: 0;}

	nav > ul{padding: 10px;}

	nav > ul > li a{color: #FFF !important;}
	nav > ul > li{float: none;}
	nav > ul > li:before{content:"";}
	nav > ul > li:hover > ul{display: none;}

	nav form{ background: #6d0722; padding: 14px;}
	nav select{display: none;}
	nav form input{width: 90%;
    margin: 0 auto;
    padding: 2px 5%;}

	/* Nav Trigger */
	.nav-trigger {
		/* critical styles - hide the checkbox input */
		position: absolute;
		clip: rect(0, 0, 0, 0);
	}

	header{position: fixed; top:0; z-index: 999;}
	#mobilezone{ background: #9d0a31; height: 50px; position: fixed; top: 55px; left: 0; width: 100%; z-index: 101; display: block;}

	#next_sales{color: #FFF;
		line-height: 15px;
		font-size: 11px;
		margin: -10px 5px 0 50px; text-transform: uppercase;}
	#next_sales > div{width: 100%;}
	#next_sales a{color:#FFF; text-decoration: none;}

	#next_sales strong{font-size: 15px;}


		body{margin-top: 100px;}


		label[for="nav-trigger"] {
			/* critical positioning styles */
			position: relative;
			left: 15px; top: 15px; display: block;
			z-index: 2;

			/* non-critical apperance styles */
			height: 20px;
			width: 20px;
			cursor: pointer;
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='20px' height='20px' fill='#FFF' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'><rect width='20' height='4'/><rect y='8' width='20' height='4'/><rect y='16' width='20' height='4'/></svg>");
			background-size: contain;
		}

		#etalon h1, #elevage h1{width: auto; font-size: 16px; margin-bottom: 10px; float: none; width: auto;}
		#etalon h1 span, #elevage h1 span{font-size: 12px;}
		#etalon  #info, #elevage #info{text-align: center; float: none; width: auto;}
		#zone_etalon, #zone_elevage{background: none; margin-top: 10px;}

		#zone_etalon div.form, #zone_elevage  div.form{width: 100%;}

		#etalon_menu, #elevage_menu{float:none; width: 100%; margin-bottom: 10px;}
		#etalon_menu ul, #elevage_menu ul{display: none;}
		#etalon_menu select, #elevage_menu select{display: block; width: 100%; padding: 5px; background: #333; color: #FFF; border: 0;}
		#etalon_content,#elevage_content{float: none; width: calc(100% - 20px); padding: 10px; background:#FFF;}
		#etalon_content img, #etalon_content table, #etalon_content iframe, #elevage_content img, #elevage_content table, #elevage_content iframe { max-width: 100%; height: auto;}

		#article iframe, #etalon_content iframe, #elevage_content iframe { height: calc(368px * 9/16);}

		#etalon_content #actu, #elevage_content #actu{display: none;}

		#etalons div.etalons_single, #etalon_content div.etalons_single, #elevage_content div.etablissement_single{width: calc(100% - 40px); min-height: 65px;}
		#etalon_content div.etalons_single.videostar, #etalon_content div.etalons_single.video, #elevage_content div.etablissement_single.videostar, #elevage_content div.etablissement_single.video{width: calc(100% - 85px); padding-right: 50px;}

		#elevage_content div.etalons_single div.prix{position: relative; top: inherit; right:inherit;}

		#etalon_content div.etalons_single h2, #elevage_content div.etablissement_single h2{font-size: 13px;}

		#etalon_content div.etalons_single div.prix{display: none;}

		#etalon_content div.etalons_single div{display: none;}

		.nomobile{display: none;}

		#etalon_content ul.pedigree_colonne{width: 24%; margin:0; padding: 0; }
		#etalon_content div > ul.pedigree_colonne:nth-child(1), #etalon_content div > ul.pedigree_colonne:nth-child(6){display: none;}
		#etalon_content ul.pedigree_colonne li{font-size: 8px; padding: 0;}
		#etalon_content ul.pedigree_colonne li span{font-size: 8px;}

		#etalon_content div.ventes{float: none; width: calc(100% - 20px); border: 0;}
		#etalon_content div.ventes h2{text-align: center;}

		#elevage_content div.ventes{float: none; width: calc(100% - 20px); border: 0;}
		#elevage_content div.ventes h2{text-align: center;}

		#etalon_content div.production{float: none; width: calc(100% - 20px); border: 0;margin-top: 10px;}
		#etalon_content div.production.saillies{width: calc(100% - 20px); margin-top: 10px;}
		#etalon_content div.production.jumenterie{width: calc(100% - 20px);margin-top: 10px;}

		#zone_elevage div.juments_single{width:calc(100% - 30px);}
		#zone_elevage div.juments_single div.info, #zone_elevage div.juments_single div.tableau{float:none; width:calc(100%);}

		#zone_elevage div.juments_single table{margin-top: 10px;}

		#zone_elevage div.juments_single div.info > div > a{text-align: center; float:none; }
		#zone_elevage div.juments_single div.info > div > a img{margin:10px auto; height: auto; width:80%;}

		#photos ul, #videos ul {
			margin: 0;
			padding: 0;
			white-space: nowrap;
			width: 100%;
			overflow-x: auto;
		}


		.ventes_list{width: 100%; }
		#ventes_past{display: none;}
		.ventes_list .list{width: 100%; height: auto; margin: 0;}
		#ventes_content li.ventes_single{width: auto; float: none;}

		#zone_annonces{float: none; width: 100%;}
		#annonces h1{width: auto; font-size: 16px; }
		#annonces_content .annonce_single #zone_img{height: auto;}
		#annonces_content .annonce_single #zone_img img{height: auto;}

		#club_content{padding: 10px; }
		#contactForm > input, #contactForm > select{width: 100%;}
		#recaptcha_area{width: 100%;}


		#search_content div.etalons_single, #search_content div.etablissement_single{min-height: 65px;}
		#search_content div.etalons_single.videostar, #search_content div.etalons_single.video, #search_content div.etablissement_single.videostar, #search_content div.etablissement_single.video{width: calc(100% - 21px);}

		#search_content div.etalons_single.videostar h2, #search_content div.etablissement_single.videostar h2{padding-right:40px;}

		#search_content *{float: none;}
		#search_content article div.articletxt{ float: none; width: 100%;}
		#search_content article.full p, #search_content article p{height: auto; overflow: visible;}

		#search_content article.full{height: auto;}
		#search_content article.full, #search_content article{width: calc(100%); background: #FFF;}
		#search_content article:not(.full){ height: auto;}

		#search_content #articles article.page_1:nth-child(-n+2) img, #search_content #articles article.full img, #search_content article:not(.full) img{width: 100%;  height: auto;}

		#articles article div.link {padding: 5px 0 10px;}
		#articles article div.link a{display: none;}

		#generateur_pedigree h1{width: auto; font-size: 16px; }
		#generateur_pedigree form.recherche table{width: 100%;}
		#generateur_pedigree form.recherche table td{padding: 2px;}
		#generateur_pedigree form.recherche input{width: 100%;}
		#generateur_pedigree form.recherche table tr:nth-child(2){display: none;}

		#generateur_pedigree ul.pedigree_colonne{width: 24%; margin:0; padding: 0; }
		#generateur_pedigree div > ul.pedigree_colonne:nth-child(5), #etalon_content div > ul.pedigree_colonne:nth-child(6){display: none;}
		#generateur_pedigree ul.pedigree_colonne li{font-size: 8px; padding: 0;}
		#generateur_pedigree ul.pedigree_colonne li div{font-size: 8px; padding: 0 2px;}
		#generateur_pedigree ul.pedigree_colonne li span{font-size: 8px;}

		#club h1{width: auto; font-size: 16px; float: none;}
		#club_form, #club_infos{width: 100% !important;}

		#club iframe { max-width: 100%;  height: calc(368px * 9/16);}


		#zone_videocourse .recherche{padding: 0; width: 100%;}
		#zone_videocourse .recherche table tr td:nth-child(2), #zone_videocourse .recherche table tr td:nth-child(n+6){display: none}
		#zone_videocourse .recherche table tr td:nth-child(9){display: inherit;}
		#zone_videocourse .recherche table tr td{width: 20%;}
		#zone_videocourse .recherche table tr td input{width: 96%; font-size: 11px;}
		/*#videocourse_list table th:nth-child(2), #videocourse_list table td:nth-child(2){display: none;}*/
		#videocourse_list table th:nth-child(n+6), #videocourse_list table td:nth-child(n+6){display: none;}

		#videocourse_content{padding: 5px;}

		#videocourse_details video, #videocourse_details img{width: 100%; height: auto;}
		#videocourse_details_nav li{width: 49%;}

		#videocourse_details table th:nth-child(n+5), #videocourse_details table td:nth-child(n+5){display: none;}
		#videocourse h1{width: auto; font-size: 16px; float: none;}
		#videocourse #info {
			float: none;
			text-align: center;
			width: 100%;
		}

		#webtv_teaser article{width: auto; float: none; height: auto;}
		#webtv_teaser img{width: 100%; height: auto;}
		#webtv_teaser div{width: 100%; height: auto; margin: 5px 0;}
		#webtv_articles article{float: none; text-align: center; width: auto;}
		#webtv_articles article img{width: 100%; height: auto;}

		.pub_premium{float: none; text-align: center;}

		.cols2{width: 100%; float: none;}

		.mobile_pub{display: block; text-align: center; margin: 10px 0;}

		/*table{
			display: block;
    overflow: auto;
		}*/


		#annonces_content li.annonces_single, #annonces_content li.annonces_noforfait{
	float: none;     width: 100%;
    margin-right: 0;
    height: 190px;
}





		article.elementsFS div.visuel {
		    width: 325px;
		    height: calc(325px * 9 / 16);
		}

		#zone_etalon div.production.saillies, #zone_etalon div.production.jumenterie{width: calc(100% - 20px);}


		.search table tr th:nth-child(1), .search table tr th:nth-child(2){display: none;}
		.search table tr td:nth-child(1), .search table tr td:nth-child(2){display: none;}




	}

	@media only screen and (max-width : 320px) {
		header #bandeau img{height: 30px;}
		#menu_vainqueurs li{padding: 10px 9px;}
	}