@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, a img, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0;padding:0;border:0;font-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
table { border-collapse:collapse;border-spacing:0; }
::-moz-selection { background:#ccc;color:#000;text-shadow:none; }
::selection      { background:#ccc;color:#000;text-shadow:none; }
html { -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden; }
body { -webkit-font-smoothing:antialiased;overflow-x:hidden; }
img { max-width:100%;height:auto;vertical-align:middle;border:0;outline:0; }
sup { font-size:0.7em;line-height:0.7em; }

/*------------------------------------------------------------------------*\
    Generic styles
\*------------------------------------------------------------------------*/
.bold { font-weight:600 !important; }
.normal { font-weight:normal !important; }
.italic { font-style:italic !important; }
.text_uppercase { text-transform:uppercase !important; }
.text_lowercase { text-transform:lowercase !important; }
.text_right { text-align:right !important; }
.text_center { text-align:center !important; }
.text_justify { text-align:justify !important; }
.floatL { float:left; }
.floatR { float:right; }
.pos_rel { position:relative; }
.margB_0 { margin-bottom:0 !important; }
.margB_3 { margin-bottom:3px !important; }
.margB_8 { margin-bottom:8px !important; }
.margB_20 { margin-bottom:20px !important; }
.margB_30 { margin-bottom:30px !important; }
.margB_45 { margin-bottom:45px !important; }
.valignM { vertical-align:middle !important; }
.clearfix:before, .clearfix:after { content:"";display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.clear { clear:both;float:none !important; }
.top_td td { vertical-align:top; }
.bottom_td td { vertical-align:bottom; }
.for_print { display:none; }
.no_wrap { white-space: nowrap }

/* ===================================== */
/* CHECKBOX - RADIO ==================== */
/* ===================================== */
.has-js .label_check, .has-js .label_radio { padding-left: 27px; }
.has-js .label_radio { background: url(../images/radio_off.png) no-repeat; }
.has-js .label_check { background: url(../images/check_off.png) no-repeat; }
.has-js label.c_on { background: url(../images/check_on.png) no-repeat; }
.has-js label.r_on { background: url(../images/radio_on.png) no-repeat; }
.has-js .label_check input, .has-js .label_radio input  { position:absolute;left:-9999px; }
/* ===================================== */
/* GENERAL CLASSES ===================== */
/* ===================================== */
@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #e9f0f6 url(../images/background_repeat.png) repeat-x;
	font: 16px/18px Arial, sans-serif;
	color: #646567;
}
body.erabliere {
	/*background: #f9c730;*/
	background: rgb(249,199,48);
	background: -moz-linear-gradient(180deg, rgba(249,199,48,1) 0%, rgba(249,199,48,1) 700px, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(249,199,48,1) 0%, rgba(249,199,48,1) 700px, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(249,199,48,1) 0%, rgb(249, 199, 48) 700px, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9c730",endColorstr="#ffffff",GradientType=1);
}
body#index {
	background: rgb(231,231,231);
	background: -moz-linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 40%);
	background: -webkit-linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 40%);
	background: linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7",endColorstr="#ffffff",GradientType=1);
}
h1 {
	font: 24px/28px 'TeXGyreAdventorRegular', Arial, sans-serif;
	color: #10468a;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform:uppercase;
}
body.erabliere h1 {
	color: #f06a2e;
}
h2 {
	font: 22px/26px 'TeXGyreAdventorRegular', Arial, sans-serif;
	color: #10468a;
	font-weight: normal;
	margin: 0 ;
	padding:0;
	text-transform:uppercase;
}
body.erabliere h2 {
	color: #f06a2e;
}
h3 {
	color:#646567;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	padding-bottom:6px;
}
h4 {
	color:#646567
}
h5 {
	color:#646567;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	padding-bottom:6px;
}
h6 {
	color:#FFF;
	padding:0;
}
p {
	margin: 0 0 15px 0;
}
hr {
	background-color: #888;
	color: #888;
	border: none;
	height: 1px;
	margin: 0 0 15px 0;
}
a {
	color: #104d92;
	text-decoration: none;
}
iframe {
	width: 100%;
	max-width: 560px;
}
body.erabliere a {
	color: #f06a2e;
}
a img {
	border: none;
}
ul, ol {
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}
li {
	margin: 0 0 5px 0;
}
sup {
	font-size: 0.7em;
	line-height: 0.7em;
	margin-left: 2px;
}
textarea {
	font-family: Arial, sans-serif;
}
::-moz-selection { 
	background: #6392be; 
	color: #000; 
	text-shadow: none; 
}
::selection { 
	background: #6392be; 
	color: #000; 
	text-shadow: none; 
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
  float: none !important;
}
.ligne {
	background-color: #753F1A;
	height: 1px;
	margin: 10px 0 25px 0;
	width: 100%;
	clear: both;
}
.lien_invisible {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.photo {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #999;
	-webkit-box-shadow: 0 2px 3px #e9e9e9;
	-moz-box-shadow: 0 2px 3px #e9e9e9;
	box-shadow: 0 2px 3px #e9e9e9;
}
.top_td td {
	vertical-align: top;
}
.bottom_td td {
	vertical-align: bottom;
}
label.error {
	display: block;
	color: #F00;
	font-size: 10px;
}
.text_blue {
	color:#104d92;
}
body.erabliere .text_blue {
	color: #f06a2e;
}
.text_tex {
	font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
text-transform:uppercase;
}
.text_15{
	font-size:15px !important;
}
.text_13{
	font-size:13px !important;
}
.paddingTop0 {
	padding-top: 0 !important;
}
/* SITE ======================= */
#wrapper {
	 width:100%;
	 background: url(../images/background.jpg) top center no-repeat;
}
body.erabliere #wrapper {
	width:100%;
	background: url(../images/background_erabliere.jpg) top center no-repeat;
}
body#index #wrapper {
	background: url(../images/background_index_.jpg) top center no-repeat;
}

#container{
	width: 100%;
	margin: 0 auto;
	background: #FFF;
	z-index: 2;
}
#content {
	width: 90%;
	padding: 40px 5% 10px 5%;
	min-height: 235px;
	height: auto !important;
	color:#646567;
}
#banner {
	background: rgb(233,240,246);
	background: -moz-radial-gradient(circle, rgba(233,240,246,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(233,240,246,1) 0%, rgba(255,255,255,1) 100%);
	background: radial-gradient(circle, rgba(233,240,246,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9f0f6",endColorstr="#ffffff",GradientType=1);
}
#banner_erabliere {
	background: rgb(255,255,255);
	background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,158,46,0.9570203081232493) 100%);
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,158,46,0.9570203081232493) 100%);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,158,46,0.9570203081232493) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f09e2e",GradientType=1);
}

body#index #banner {
	background: url("/images/banner_erabliere-ferme.jpg") center center no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	height: 33vw;
}
#banner_mask, #erabliere_banner_mask {
	width: 100%;
	padding: 20px 0;
	position: relative;
}
.logo {
	width: 90%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.hidden {
	display: none;
}
.btn_retour {
	height: 33px;
	display:block;
	background:url(../images/btn_retour.jpg) no-repeat;
	padding:0 0 0 22px;
	font-family:'TeXGyreAdventorRegular', Arial, sans-serif;
	font-size:18px;
	margin:20px 0;
	color: #10468a;
	text-transform:uppercase;
}
#welcome {
	width: 90%;
	min-height: 110px;
	height: auto !important;
	padding: 40px 5% 0 5%;
}
#menu {
	font: 18px/20px 'TeXGyreAdventorRegular', Arial, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu li {
	text-decoration: none;
	border-top: 1px solid #fff;
	margin: 0;
	text-align: center;
	position: relative;
}
#menu a {
	color: #ffffff;
	padding: 10px 0;
	display: block;
}
#menu a:hover {
	background: #0d4a98;
}
.nav {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 0 0 0;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 111;
	background: #10468a;
}
body.erabliere .nav {
	background: #f06a2e;
}
.nav #mobi_contacts {
	font-size: 22px;
	line-height: 25px;
	font-weight: normal;
	padding: 0 5% 15px;
	position: relative;
}
.nav #mobi_contacts a {
	color: #fff;
	font: 18px/20px 'TeXGyreAdventorRegular', Arial, sans-serif;
	margin-right: 5px;
}
.nav .nav-mobile {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -13px;
	right: 5%;
	background: url(/images/nav2x.png) center center no-repeat;
	-webkit-background-size: 50px;
	-moz-background-size: 50px;
	-ms-background-size: 50px;
	-o-background-size: 50px;
	background-size: 50px;
	background: url(/images/nav2x.png) center center no-repeat\9;
	cursor: pointer;
}
#submenu_cow_families {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}
.nav-click {
	display: block;
	height: 40px;
	position: absolute;
	top: 0;
	right: 5%;
	cursor: pointer;
}
.nav-click i {
	display: block;
	height: 40px;
	float: right;
	width: 40px;
	background: url(/images/down2x.png) center center no-repeat;
	-webkit-background-size: 20px;
	-moz-background-size: 20px;
	-ms-background-size: 20px;
	-o-background-size: 20px;
	background-size: 20px;
	background: url(/images/down.png) center center no-repeat\9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.nav-rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#topmenu {
	display: none;
}
.news_slider {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	-ms-grid-columns: 1fr;
}
#slider_container {
	background: transparent;
	padding-bottom: 50px;
	border-bottom: 1px solid #ededed;
	text-align: center;
	-ms-grid-row: 2;
}
.slider-wrapper {
	max-width: 532px;
	margin: 0 auto;
}
#news_container {
	background:#104d91;
	color:#FFFFFF;
	padding: 12px 8% 12px 4%;
	-ms-grid-row: 1;
}
#news_container p, #news_container a {
	font: 16px/18px Arial, sans-serif;
}
body.erabliere #news_container {
	background: #f06a2e;
}
#news {
	background:#104d91;
	color:#FFFFFF;
	width: 100%;
	padding: 0;
	height: auto;
}
body.erabliere #news {
	background: #f06a2e;
}
#news a {
	color:#FFFFFF;
}
.news_date {
	font-style:italic;
}
.news_hr {
	border-bottom:dashed 1px #FFF;
}
.news_title {
	font-weight:bold;
	font-size:18px;
}
.news_readmore {
	text-align:right;
	border-bottom:dashed 1px #FFF;
	padding: 0 0 28px 0;
	margin: 0 0 16px 0;
}
.news_readmore a {
	color:#FFF;
}
.titre_nouvelle {
	position: absolute;
	top: -34px;
	left: 0;
	width: 100%;
}

#content table {
	width: 100% !important;
}
.contact_container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
}

#ferme, #erabliere {
	width: 96%;
	display: block;
	text-align: center;
	border: 1px solid #000;
	padding: 30px 2%;
	margin-bottom: 30px;
}

/* COWS - VACHES ======================= */
#cow_container {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 10px;
}
#vache {
	margin-bottom: 30px;
}
#proge {
	padding-top: 8px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

/* VENTE EN LIGNE - FORMULAIRE ======================= */
#formulaire_commande {
	width: 100%;
	display: block;
}
#formulaire_commande .boite_produit {
	width: 100%;
	margin-bottom: 30px;
}
#formulaire_commande .boite_produit h2 {
	margin-bottom: 10px;
}
#formulaire_commande .boite_produit img.photo {
	max-width: 150px;
}
#formulaire_commande .boite_produit .format {
	width: 100%;
	margin-bottom: 10px;
}
#formulaire_commande .boite_produit .format p {
	margin-bottom: 0;
}
#order_box_form {
	width: 100%;
	display: block;
}
.half_left {
	width: 100%;
}
.half_left label {
	width: 100%;
	margin-bottom: 15px;
	display: block;
}


#footer {
	width: 100%;
	margin: 14px auto 0 auto;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}
#footer_info {
	width: 90%;
	padding: 2% 5%;
	color: #666769;
}
#footer p {
	font: 14px/18px Arial, sans-serif;
}
#footer p .text_tex {
	font-size: 13px;
}
body#index #footer_info {
	text-align: center;
}

.infos-bloc {
	border: 1px solid red;
	color: red;
	font-weight: bold;
	padding: 25px;
	width: 75%;
	margin: 0 auto 20px;
}

/* FORM ELEMENTS ======================= */
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	width: 96%;
	padding: 5px 2%;
	background-color: #ffffff;
	border: 1px solid #999999;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	font-size: 16px;
}
select {
	width: 100%;
	height: 30px;
	border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 16px;
}
.button {
	display: inline-block;
	padding: 12px 40px;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 20px;
	color: #eeeeee;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #646567;
	background: rgb(240,106,46);
	text-transform: uppercase;
}
.button:hover {
	color: #2d2727;
}
/* RÉSEAUX SOCIAUX ===================== */
.socials {
	display: block;
	width: 37px;
	height: 36px;
}
.facebook { background: url(../images/socials.png) 0 0 no-repeat; }
.twitter { background: url(../images/socials.png) -39px 0 no-repeat; }
.linkedin { background: url(../images/socials.png) -78px 0 no-repeat; }
.vimeo { background: url(../images/socials.png) -117px 0 no-repeat; }
.youtube { background: url(../images/socials.png) -156px 0 no-repeat; }
.rss { background: url(../images/socials.png) -195px 0 no-repeat; }
.google { background: url(../images/socials.png) -234px 0 no-repeat; }
.blog { background: url(../images/socials.png) -273px 0 no-repeat; }
.mail { background: url(../images/socials.png) -312px 0 no-repeat; }
.facebook:hover { background: url(../images/socials.png) 0 -38px no-repeat; }
.twitter:hover { background: url(../images/socials.png) -39px -38px no-repeat; }
.linkedin:hover { background: url(../images/socials.png) -78px -38px no-repeat; }
.vimeo:hover { background: url(../images/socials.png) -117px -38px no-repeat; }
.youtube:hover { background: url(../images/socials.png) -156px -38px no-repeat; }
.rss:hover { background: url(../images/socials.png) -195px -38px no-repeat; }
.google:hover { background: url(../images/socials.png) -234px -38px no-repeat; }
.blog:hover { background: url(../images/socials.png) -273px -38px no-repeat; }
.mail:hover { background: url(../images/socials.png) -312px -38px no-repeat; }
.socials_small {
	display: block;
	width: 23px;
	height: 23px;
}
.facebookS { background: url(../images/socials_small.png) 0 0 no-repeat; }
.twitterS { background: url(../images/socials_small.png) -25px 0 no-repeat; }
.linkedinS { background: url(../images/socials_small.png) -50px 0 no-repeat; }
.vimeoS { background: url(../images/socials_small.png) -75px 0 no-repeat; }
.youtubeS { background: url(../images/socials_small.png) -100px 0 no-repeat; }
.rssS { background: url(../images/socials_small.png) -125px 0 no-repeat; }
.googleS { background: url(../images/socials_small.png) -150px 0 no-repeat; }
.blogS { background: url(../images/socials_small.png) -175px 0 no-repeat; }
.mailS { background: url(../images/socials_small.png) -200px 0 no-repeat; }
.facebookS:hover { background: url(../images/socials_small.png) 0 -25px no-repeat; }
.twitterS:hover { background: url(../images/socials_small.png) -25px -25px no-repeat; }
.linkedinS:hover { background: url(../images/socials_small.png) -50px -25px no-repeat; }
.vimeoS:hover { background: url(../images/socials_small.png) -75px -25px no-repeat; }
.youtubeS:hover { background: url(../images/socials_small.png) -100px -25px no-repeat; }
.rssS:hover { background: url(../images/socials_small.png) -125px -25px no-repeat; }
.googleS:hover { background: url(../images/socials_small.png) -150px -25px no-repeat; }
.blogS:hover { background: url(../images/socials_small.png) -175px -25px no-repeat; }
.mailS:hover { background: url(../images/socials_small.png) -200px -25px no-repeat; }
/* ===================================== */
/* CUSTOM SITE ========================= */
/* ===================================== */
/* ================================ NIVO-SLIDER =============================== */
/*  jQuery Nivo Slider v3.0.1 - http://nivo.dev7studios.com
 * Copyright 2012, Dev7studios - Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php */
.nivoSlider {
	position: relative;
	width: 100% !important;
	height: auto;
	margin: 0 auto;
	background: #fff url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
.nivoSlider a {
	border: 0;
	display: block;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	width: 100% !important;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}
.nivo-box img { 
	display: block;
}
/* (Next & Prev) */
.nivo-directionNav {
	position: absolute;
	z-index: 94;
	top: calc(50% - 15px);
	width: 100%;
}
.nivo-directionNav a {
	position: absolute;
	top: 0;
	cursor: pointer;
	z-index: 989898;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	border: 0;
}
a.nivo-prevNav {
	background: url(../images/arrows.png)  no-repeat; /*-302px -140px*/
	left: 0;
}
a.nivo-nextNav {
	background: url(../images/arrows.png)  no-repeat top right;
	right: 0;
}
/* (1,2,3...) */
.nivo-controlNav {
	text-align: right;
	text-indent: 30px;
	z-index: 5689;
	margin-right: 15px;
	margin-top: 290px;
}
.nivo-controlNav a {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../images/arrows.png)no-repeat; /*-302px -23px */
	text-indent: 50px;
	border: 0;
	margin: 0 2px;
	z-index: 956;
	cursor: pointer;
	overflow: hidden;
}
.nivo-controlNav a.active {
	background-position: -302px -1px;
}
/* Caption styles */
.nivo-caption {
	font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	bottom: -42px;
	color: #636466;
	width: 100%;
	z-index: 8;
	padding: 5px 20px 5px 10px;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
    font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
	color: #636466 !important;
	font-size: 20px;
	text-align: center;
	z-index: 1000;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* THUMBS =================================== */
.nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
/* code pour sites vaches ============== */
/* ===================================== */
.tbl_embryons td {
    vertical-align:top;
	padding: 8px 0;
}
.tbl_embryons tr th {
    background-color: white;
	padding: 6px 0;
}
.tbl_meres_filles p {
    text-align: center;
}
.tbl_meres_filles img {
    width: 190px;
	border:solid #CCC 2px;
}
body#index .nav-mobile {
	display: none;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
	/* IE10+ specific styles go here */

	#news_container {
		margin-bottom: 30px;
	}
	.contact_container {
		display: -ms-grid;
		-ms-grid-columns: 1fr;
	}
	.contact_container div:first-child {
		-ms-grid-row: 1;
	}
	.contact_container div:last-child {
		-ms-grid-row: 2;
	}
	#cow_container {
		display: -ms-grid;
		-ms-grid-columns: 1fr;
	}
	#vache {
		-ms-grid-row: 1;
	}
	#dam {
		-ms-grid-row: 2;
	}
	#embryons {
		-ms-grid-row: 3;
	}
	#titre_proge {
		-ms-grid-row: 4;
	}
	#proge {
		-ms-grid-row: 5;
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr;
	}
	#proge div:nth-child(1) {
		-ms-grid-column: 1;
	}
	#proge div:nth-child(2) {
		-ms-grid-column: 2;
	}
	#proge div:nth-child(3) {
		-ms-grid-column: 3;
	}
	#proge div:nth-child(4) {
		-ms-grid-column: 4;
	}
	#photos {
		-ms-grid-row: 6;
	}
	#footer {
		display: -ms-grid;
		-ms-grid-columns: 1fr;
	}
	#footer_logo {
		-ms-grid-row: 1;
	}
	#footer_info {
		-ms-grid-row: 2;
	}
	#footer_image {
		-ms-grid-row: 3;
	}
}

/* ===================================== */

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

}

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

}

@media screen and (max-width: 767px) {
	#footer_logo, #footer_image {
		display: none;
	}

}
@media screen and (min-width: 768px) {
	#content table {
		width: initial !important;
	}
	#ferme {
		width: 45%;
		margin-left: 1%;
		float: left;
	}
	#erabliere {
		width: 44%;
		margin-right: 1%;
		float: left;
	}
	.contact_container {
		grid-template-columns: 1fr 2fr;
		grid-column-gap: 30px;
	}
	#dam, #embryons {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	#dam img, #embryons img {
		width: 100%;
		margin: 0 auto;
	}
	#proge {
		grid-template-columns: repeat(3, 1fr);
	}
	.news_slider {
		grid-template-columns: 1.5fr 2fr;
	}
	.slider-wrapper {
		max-width: initial;
		margin: 0;
	}
	#news_container {
		grid-column-start: 1;
	}
	#formulaire_commande .boite_produit {
		width: 48%;
		margin-right: 2%;
		float: left;
	}
	.half_left {
		width: 48%;
		margin-right: 2%;
		float: left;
	}
	textarea {
		width: 96%;
		padding: 5px 1%;
	}
	#footer{
		width: 90%;
		padding: 0 5%;
		grid-template-columns: 1fr 2fr 1fr;
		grid-template-rows: 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 0;
		text-align: left;
	}
	#footer_logo {
		grid-column-start: 1;
		height: 140px;
	}
	#footer_info {
		width: 100%;
		padding: 0;
	}
	#footer p {
		font: 12px/16px Arial, sans-serif;
	}
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (min-width: 768px) {
	/* IE10+ specific styles go here */
	.contact_container {
		-ms-grid-columns: 1fr 2fr;
	}
	.contact_container div:first-child {
		-ms-grid-column: 1;
		margin-right: 30px;
	}
	.contact_container div:last-child {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	iframe {
		max-width: 600px;
	}
	#slider_container {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#content {
		padding: 40px 5% 40px 5%;
	}
	#news_container {
		margin-right: 40px;
		margin-bottom: 0;
		-ms-grid-column: 1;
	}
	.news_slider {
		-ms-grid-columns: 1.5fr 2fr;
		margin-bottom: 30px;
	}
	#proge {
		-ms-grid-columns: 1fr 1fr 1fr;
	}
	.contact_container {
		-ms-grid-columns: 1fr 2fr;
	}
	#dam, #embryons {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr 1fr;
	}
	#dam div:nth-child(1), #embryons div:nth-child(1), #proge div:nth-child(1) {
		-ms-grid-column: 1;
		margin-right: 10px;
	}
	#dam div:nth-child(2), #embryons div:nth-child(2), #proge div:nth-child(2) {
		-ms-grid-column: 2;
		margin-right: 10px;
	}
	#dam div:nth-child(3), #embryons div:nth-child(3), #proge div:nth-child(3) {
		-ms-grid-column: 3;
		margin-right: 10px;
	}
	#footer{
		-ms-grid-columns: 1fr 2fr 1fr;
		-ms-grid-rows: 1fr;
	}
	#footer_logo {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		margin-right: 10px;
	}
	#footer_info {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		margin-right: 10px;
	}
	#footer_image {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
}


@media screen and (min-width: 992px) {
	#banner_mask, #erabliere_banner_mask {
		background: url(../images/banner_mask.png) bottom left no-repeat;
		width: 974px;
		height: 326px;
		overflow: visible;
		z-index: 4;
		padding: 0;
	}
	body#index #banner {
		height: 326px;
	}
	#erabliere_banner_mask {
		background: url(../images/erabliere_banner_mask.png) bottom left no-repeat;
	}
	.logo {
		width: 331px;
		height: 190px;
		display: block;
		position: absolute;
		left: 40px;
		top: 194px;
		background: url(../images/ferme_st_malo.png) no-repeat;
		z-index: 100;
	}
	.logo img {
		display: none;
	}
	body.erabliere .logo {
		background: none;
	}
	body.erabliere .logo img {
		display: block;
	}
	.nav {
		padding: 0;
		z-index: 0;
		background: transparent;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	.nav #mobi_contacts {
		display: none;
	}
	#menu {
		display: block !important;
		width: 934px;
		height: 33px;
		padding: 20px 30px 20px 10px;
		background: url(../images/menubg.jpg) no-repeat;
		text-align: right;
		font-size: 17px;
		text-transform: uppercase;
		position: relative;
		z-index: 3;
	}
	#menu a {
		color: #636363;
	}
	#menu a:hover {
		color: #10468a;
		background: transparent;
	}
	#menu li {
		display: inline-block;
		padding: 0 2px;
		border-top: none;
	}
	#menu li.has_submenu span {
		display: none;
	}
	#submenu_cow_families {
		position: absolute;
		top: 40px;
		width: 100%;
		background: #10468a;
	}
	#submenu_cow_families li {
		width: 100%;
		border-top: 1px solid #ffffff;
		padding: 0;
	}
	#submenu_cow_families li a {
		color: #ffffff;
		font: 12px/16px 'TeXGyreAdventorRegular', Arial, sans-serif;
		padding: 8px 14px;
	}
	#submenu_cow_families li a:hover {
		background: #6e6e6e;
		color: #ffffff;
	}
	#btn_accueil {
		display: none;
	}
	#topmenu {
		font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
		width: 944px;
		padding: 0 40px 0 0;
		text-align: right;
		font-size: 15px;
		text-transform: uppercase;
		display: block;
	}
	#topmenu a {
		color:#6e6e6e;
		padding: 6px 8px 2px 8px;
		height: 22px;
		background:url(../images/bg_top_menu.png);
		margin: 0 0 0 9px;
		display:block;
		float:right;
	}
	#topmenu a:hover {
		text-decoration:none;
	}
	.btn_facebook {
		width:33px;
		height: 33px;
		display:block;
		position:absolute;
		left:912px;
		top:290px;
		background:url(../images/btn_facebook.png) no-repeat;
		z-index:10;
	}
	#welcome, #content {
		width: auto;
	}
	#welcome {
		padding: 10px 5% 0 5%;
	}
	.news_slider {
		grid-column-gap: 40px;
	}
	#container{
		width: 974px;
	}
	#cow_container {
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 30px;
	}
	#dam, #embryons {
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
	}
	#titre_proge, #proge, #photos {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	#proge, #photos {
		grid-template-columns: repeat(4, 1fr);
	}
	#footer p {
		font: 14px/18px Arial, sans-serif;
	}
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (min-width: 992px) {
	#cow_container {
		display: block;
	}
	#vache {
		width: 70%;
		float: left;
	}
	#dam {
		width: 25%;
		margin-left: 5%;
		float: left;
		display: block;
	}
	#dam div {
		width: 100%;
		margin-right: 0;
	}
	#embryons {
		width: 100%;
	}
	#titre_proge {
		width: 100%;
	}
	#proge, #photos {
		width: 100%;
		display: block;
	}
	#proge div {
		width: 23%;
		margin-right: 2%;
		float: left;
	}
}

@media screen and (min-width: 1002px) {
	#menu {
		width: 944px;
		padding: 20px 40px 20px 0;
	}
	#container, #banner_mask, #erabliere_banner_mask {
		width: 984px;
	}
	#banner, #banner_erabliere {
		width: 984px;
		height: 326px;
	}
	#slider_container {
		width: 535px;
	}
	.nivoSlider {
		width: 532px;
	}
	#footer{
		width: 984px;
	}
	#footer_logo {
		-ms-grid-column: 1;
	}
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (min-width: 1002px) {
	#slider_container {
		width: 505px;
	}
	#footer_logo {
		-ms-grid-column: 1;
	}
}

@media screen and (min-width: 1100px) {
	#cow_container {
		grid-template-columns: 3fr 1fr;
	}
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (min-width: 1100px) {
	#cow_container {
		-ms-grid-columns: 3fr 1fr;
	}
}