/*page nos-marches/details*/

.bloc_de_texte{
    display:inline-block !important;
    display:inline;
    width:273px;
}

.button-group {
	display: flex;
	flex-direction: column;
}

.button {
	display: inline-block;
	margin: 10px auto;
	padding: 10px 50px;
	border-radius: 36px;
	border: solid 1px #333333;
	font-family: 'OpenSans' sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.button:hover {
	border: 1px solid #41845a;
	color: #41845a;
}

#page_5f97de283e148ca23c15ec702c88eb59 a *{ vertical-align: middle; }
#page_5f97de283e148ca23c15ec702c88eb59 a img{ margin-right: 10px; }

.bloc_de_texte_exception{ margin:0 50px; }

.bloc_de_texte h2 { font-size:26px; }

#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte {
	vertical-align: top;
	text-align: center;
}
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte h2 { line-height: 1.1em; }
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte h2,
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte p {
	text-align: center;
}

#detail-texte-beige { padding-bottom: 50px; }

#capital_humain .col { margin-top: 0px; }

#panier .pastille {
	display: block;
	padding-top: 10px;
}
#panier .pastille span {
	width: 203px;
	display: inline-block;
	vertical-align: middle;
}
#panier .pastille img {
	display: inline-block;
	vertical-align: middle;
}

.text a{ text-decoration:underline; }

/*auto include of all Block type*/
.
#equipe_direction * { box-sizing: content-box; }
.directionbox { box-sizing: content-box; }
.directionbox * { box-sizing: content-box; }

#page_c5980d374df63b84a72228ed4961e645 .header {
    background-position: center 20% !important;
}

#page_c5980d374df63b84a72228ed4961e645 .header h1.row2 {
    top: auto !important;
    bottom: 0;
    line-height: 1.2;
}

#equipe_direction h3 { font-size: 60px; margin-top: 45px; }

#page_c5980d374df63b84a72228ed4961e645 .container .container { width: auto; border-bottom: 1px solid #0070C8; text-align:center;  }
#page_c5980d374df63b84a72228ed4961e645 #texte-description-direction { text-align: left; }

#page_c5980d374df63b84a72228ed4961e645 .block_child a {
		position:relative;
		display:inline-block;
		width:187px;
		height:82px;
		padding-top: 194px;
		margin-bottom:30px;
		text-decoration:none;
		color:#000;
		background: url(https://www.olymel.ca/tp_images/block/_direction/direction.jpg) no-repeat;
        background-size: cover;
	}
	
	 #page_c5980d374df63b84a72228ed4961e645 #equipe_direction .block_child a:first-of-type {
	 	display: block;
	    width: 250px;
	    padding-top: 300px;
	    margin: 0 auto 50px;
	}
	 #page_c5980d374df63b84a72228ed4961e645 #types_of_services .block_child a { margin: 0 25px 30px; }
		
		#page_c5980d374df63b84a72228ed4961e645 .block_child a b { 
			display:block; 
			padding-top:8px;
			height:75px; 
			font-family:specialFont, "Times New Roman", Times, serif;
			font-size: 19px;
			font-weight: normal;
			line-height:0.8em;
    		background: rgba(255,255,255,.75);
		}

			#page_c5980d374df63b84a72228ed4961e645 #equipe_direction .block_child a:first-of-type b { font-size:21px; } 

		#page_c5980d374df63b84a72228ed4961e645 .block_child a:hover b { background: rgba(255,255,255,1); }
		
		#page_c5980d374df63b84a72228ed4961e645 .block_child a span{ 
			position:absolute; 
			bottom:-25px; 
			display:block; 
			width:100%; 
			height:55px; 
			padding-bottom:25px; 
			font-size:8px; 
			line-height:1.5em;
			letter-spacing:1.5px;
			text-transform:uppercase;
			background-repeat: no-repeat;
			background-image:url(https://www.olymel.ca/tp_images/block/_direction/bt_direction.png);
			background-position: 50% -135px;
		}

			#page_c5980d374df63b84a72228ed4961e645 #equipe_direction .block_child a:first-of-type span { font-size:10px; line-height:2.5em; } 

		#page_c5980d374df63b84a72228ed4961e645 .block_child a:hover span{ background-position: 50% -226px; }

.profile img {
	float: left;
	margin: 5px 10px 0 43px;
}
	#engagements .block_child { overflow: hidden; }
	#engagements .element{
		position:relative;
		top:-1px;
		display:inline-block;
		vertical-align:top;
		width: 420px;
		text-align:center;
		border-top:1px solid #fff;
		background:url(https://www.olymel.ca/tp_images/block/_engagements/bg_bloc.png) no-repeat 95px 85px;
		padding-bottom: 30px;
	}
	#engagements .col_0 { margin-right: 100px; }
	#engagements .element h2,
	#engagements .element p { text-align:left; }
	#engagements .element h2 {
		display:block;
		margin-bottom: 22px;
		padding: 0;
		font-size: 2.8em;
		font-weight: normal;
	}
	
	#engagements .element img { margin:127px 0 97px 30px; }
	
	
	.blockPage #securite_col .col { background:#fff; }
	.blockPage #securite_col .col-left { padding-right: 35px; width:415px; }

	.block_type_default.bg_brown a.more { margin-top: 30px; }

	.block_type_default li {
		margin-bottom: 7px;
	}

	#securite_liens .col {
		margin-top: 10px;
	}
	
	#engagements a{ text-decoration:underline; }
	#engagements a.olymelbox{ text-decoration:none; }

#olymel-monde {
	padding-top: 40px;
	margin-bottom: 70px;
}

#olymel-monde .col {
	text-align: center;
	margin: 0;
}

#olymel-monde .vmap_title {
	display: block;
}

#olymel-monde #vmap_list {
	display: none;
}

#olymel-monde .vmap_title:focus + #vmap_list {
	display: block;
}

#olymel-monde .map-list { 
	padding:20px 0; 
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #aaa; 
}

#olymel-monde .map-list h3 {
	text-align: center;
	color: #004170;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

#olymel-monde .map-list h3 img {
	margin-right: 15px;
}

#olymel-monde li {
	margin-bottom: 2px;
}

#vmap_list { padding-top: 20px; }

#vmap_list a { font-weight: bold; color: #404040; }

#vmap_list a:hover { color:#003e6c; }

#vmap { margin: 0 auto; }


#header_text{
	overflow: visible;
	height: 0px;
	top: -330px;
	z-index: 4;
	color: #fff;
}


.blockPage #entete h2 { top:0; padding-top:107px; font-size:28px; line-height:40px; color:#ECD5B2; }
.blockPage #entete h2 b{color:#fff; }

#timeline-title { background-color: #fff; }

#timeline,
#timeline a,
#dates .desc,
#dates .desc .date{ background-image:url(https://www.olymel.ca/tp_images/block/_historique/bg_histo.png); background-repeat:no-repeat; }

#dates{ width:960px; font-size:13px; line-height:24px; background: url(https://www.olymel.ca/tp_images/block/_historique/bg_histo_dot.png) 50% repeat-y; }
#dates p{ font-size:13px; }

#dates h2{ background:#fff; }

#timeline {
	margin-bottom: 47px;
	padding-bottom: 2px;
	background-repeat:repeat-x;
	background-position:50% 50px;
}

#timeline ul{ text-align:center; line-height:45px; height: 50px; background-color: #fff; }
#timeline li{ margin:0; padding:0; font-size:1px;}

#timeline li{ display:inline-block; padding:0 5px; }
#timeline a{ display:inline-block; font-size:9px; color:#8e8e8e; text-decoration:none; background-position:50% -53px;}
#timeline a:hover,
#timeline li.current a{ background-position:50% -3px; }

#timeline-title.fixed,
#timeline.fixed {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 100;
}
#timeline-title.fixed { top: 0; padding: 0; }
#timeline.fixed { top: 45px; padding-left: 0; }
#timeline ul {
	position: static;
	padding: 0;
	margin: 0 auto;
	left: auto;
}
#timeline ul li {
	background: none;
}


	#dates .desc{ position:relative; width:190px; padding:40px; margin:0 12px; border-color:#fff; border-style:solid; border-width:0; z-index:98; }
	
	#dates .desc img,
	#dates .desc .txt{ margin-bottom:20px; }
	
	#dates h2{ padding-bottom:5px; margin-bottom:47px; /* compense pour top:-47px des bulles de #dates .desc .date */  }
	#dates .anchor{ position:relative; top:-47px; /* compense pour top:-47px des bulles de #dates .desc .date */  }
	
	#dates .desc .date{ 
		position:absolute; 
		top:50px; 
		width:210px;
		line-height:190px;
		font-size:77px; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		text-align:center; 
		color:#fff; 
		z-index:99;
	}

	#dates .desc .txt a{ color:#004170; font-weight:bold; }
	#dates .desc .txt a:hover{ text-decoration:underline; }
	
#dates .left{ border-left-width:238px; padding-left:10px; background-position:left -220px; }
#dates .left .date{ left:-233px; padding:0 17px 17px 0; background-position:left -4px; }
#dates .right{ position:relative; right:-460px; border-right-width:238px; padding-right:10px; background-position:right -220px; }
#dates .right .date{ right:-233px; padding:0 0 17px 17px; background-position:right -4px; }

#footer-historique {
	position: relative;
	margin-top: 10px;
	width: auto;
}
#footer-historique .block_child { display: block; margin: 0 auto;  }
	#footer-logo-olymel {
		/*position: absolute;*/
		top: -67px;
	}
	#footer-logo-olymel .col {
		background: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	#footer-logo-olymel img { margin: 0 auto; }

	#footer-titre-historique { padding-top: 75px; }
	#footer-titre-historique h2 {
		padding: 0;
		color: #ecd5b2;
		font-weight: normal;
		font-size: 30px;
	}
	#footer-titre-historique h2 strong {
		color: #fff;
	}
	#footer-texte-historique .col {
		margin-top: 0;
		margin-bottom: 40px;
	}
.history_more {
	display: block;
	text-align: center;
}
.history_more .more {
	display: inline-block;
}
.history_more .more + .more {
	margin-left: 5px;
}
.desc .history_more .more .play {
    width: 16px;
}

#innov_new_prod { padding-bottom: 30px; }
.new_prod_fullwidth.element img { left: 40px; }
#innov_new_prod .element {
	position:relative;
	left:-50px;
	display:inline-block;
	width: 430px;
	margin-left:50px;
	padding:25px 0 35px;
	text-align:right;
	vertical-align:top;
	border-top:1px solid #ccc;
	background-repeat:repeat-y;
}
	#innov_new_prod .new_prod_fullwidth { bottom:-1px; width:950px; border:0; border-bottom:1px solid #ccc; }
	
#innov_new_prod .element a { text-decoration:underline; }
#innov_new_prod .h3 { padding-top: 50px; }

#innov_new_prod .element img,
#innov_new_prod .element div {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
#innov_new_prod .element img { position:absolute; top:25px; left:-30px; }
#innov_new_prod .element div { width: 240px; text-align:left; }

	#innov_new_prod .new_prod_fullwidth div { width:440px; margin-left:90px; }
	
	
#inno_normes { padding: 30px 0; }
#inno_normes .h3 {  }

#inno_normes_txt .col { margin: 0 auto; padding-top: 0; width: 400px; }
#inno_normes_txt .col-left { margin-right: 100px; }

#inno_normes_txt h3 { 
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; opacity:.99;
}
#new_prod_precuit img { left: -20px; }

#new_prod_kt.element img { left: -30px; }
	#new_prod_ing{ margin-top:20px;	}
	#new_prod_ing .element{
		position:relative;
		display:inline-block;
		width: 188px;
		margin-right:50px;
		vertical-align:top;
	}
		
	#new_prod_ing .element img,
	#new_prod_ing .element div{
		position:relative;
		display:inline-block;
		vertical-align:top;
	}
	#new_prod_ing .element div{ width: 240px; text-align:left;}

		#new_prod_ing #new_prod_fullwidth div{ width:440px; margin-left:90px; }

#nos_marques { width: 100%; max-width: 940px; height: 1021px; margin: 0 auto; }

#nos_marques .marques_row {
	float: left;
	width: 100%;
	text-align: center;
}

#nos_marques .marque {
    display: inline-block;
    vertical-align: top;
	width: 251px;
	padding: 0 30px;
	text-align: center;
}

#nos_marques .marque.olymel { 
	background: url(https://www.olymel.ca/tp_images/block/_nos_marques/border_dot.png) no-repeat;
	background-position: right top;
}
#nos_marques .marque.lafleur {
	background: url(https://www.olymel.ca/tp_images/block/_nos_marques/border_dot.png) no-repeat;
	background-position: left top;
}


#nos_marques .marque h2 { height: 190px; margin: 0; padding: 0; }

#nos_marques .marque.olymel h2 img { margin-top: 41px; }
#nos_marques .marque.flamingo h2 img {margin-top: 53px; }
#nos_marques .marque.lafleur h2 img { margin-top: 81px; }
#nos_marques .marque.chef_georges h2 img { margin-top: 100px; }
#nos_marques .marque.tour_eiffel h2 img {margin-top: 65px; }
#nos_marques .marque.pintys h2 img { margin-top: 120px; }

#nos_marques .marque p { font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; color: #535353; }

#nos_marques .marque p {
	text-align: left;
	color: #1A1818;
    font-size: 1.2vw;
    line-height: 2.1vw;
	letter-spacing: -0.06px;
	font-family: 'Open Sans', Helvetica, sans-serif;
}

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

	#nos_marques .marque p {
		font-size: 20px;
		line-height: 35px;
	}
}

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

	#nos_marques .marque p {
		font-size: 16px;
		line-height: 1.75vw;
	}
}
@media screen and (max-width: 767px) {

	#nos_marques .marque p {
		line-height: 1.2 !important;
	}
}

#page_a5ce0e064a9695719ff35cb2bc42f611 .blockPage>div { margin: 0!important; }

#assiette {
	background-repeat: no-repeat;
	background-position: 0 268px;
	/*min-width: 960px;*/
    /*width: 100%;*/
	max-width: 1225px;
	margin: 0 auto;
}

#assiette * { box-sizing: content-box; }


.block_child div.content_block {
	margin-top: 50px;
	width: 505px;
}
	.block_child div.content_block .h3 { padding-bottom: 0; }
	.block_child div.content_block .h5 { padding-bottom: 40px; }
	.block_child div.content_block .text { width: 471px; }

.texte_image.left div.content_block { float: right; }
.texte_image.left div.image { float: left; }
.texte_image.right div.content_block { float: left; }
.texte_image.right div.image { float: right; }

/* programme-sante */
#programme-sante .block_child div.content_block { float: left; }

	#programme-sante .block_child div.content_block .text {
		background-color: #fff;
		margin: -20px;
		padding: 20px;
		z-index: 99;
		position: relative;
	}

#programme-sante .block_child div.image { margin: 140px 65px 0 0; }
#programme-sante .block_child .more {
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 223px;
}

/* reduction-sodium */
#reduction-sodium .block_child { padding-bottom: 30px; }
	#reduction-sodium .block_child div.content_block { margin-right: -40px; }
	#reduction-sodium .block_child div.content_block .h3,
	#reduction-sodium .block_child div.content_block .h5 { color: #fff; }
	#reduction-sodium .block_child div.content_block p a {
		text-decoration: underline;
		font-weight: bold;
	}
	#reduction-sodium .block_child div.content_block p a:hover { text-decoration: none; }
	#reduction-sodium .block_child div.image { margin: 117px 0 0 -42px; }
	#reduction-sodium .block_child .more { margin-left: 216px; }

/* controle-allergenes */
#controle-allergenes .block_child div.content_block { width: 515px; }
#controle-allergenes .block_child div.image { margin: 150px -205px 0 0; }
#controle-allergenes a.more { margin: 0 0 70px 185px; }

/* toujours-frais */
#toujours-frais { padding-bottom: 50px; }
#toujours-frais .block_child div.content_block { width: 455px; }
#toujours-frais .block_child div.image { margin: 92px 0 0; }

/* votre-satisfaction */
#votre-satisfaction {
	height: 517px;
	position: relative;
	width: auto;
    max-width: 960px;
	margin: 0 auto;
}
	#votre-satisfaction .content_block {
		position: relative;
		z-index: 1;
	}
	#votre-satisfaction div.texte {
		width: 455px;
	}
	#votre-satisfaction div.image {
		position: absolute;
		top: 0;
		right: -70px;
	}

/* leader-au-canada */
#leader-au-canada { padding-bottom: 35px; }
#leader-au-canada div.image { padding-top: 40px; }

.block_child div.content_block {
	margin-top: 50px;
	width: 505px;
}
	.block_child div.content_block h3 {
		padding-bottom: 0;
	}
	.block_child div.content_block h5 {
		padding-bottom: 40px;
	}
	.block_child div.content_block .text {
		width: 471px;
	}

/* programme-sante */
#programme-sante .block_child div.content_block { float: left; }

	#programme-sante .block_child div.content_block p {
		background-color: #fff;
		margin: -20px;
		padding: 20px;
	}

#programme-sante .block_child div.image {
	float: right;
	margin: 140px 65px 0 0;
}
#programme-sante .block_child .more {
	margin-top: 20px;
	margin-bottom: 0;
}

/* reduction-sodium */
#reduction-sodium .block_child { padding-bottom: 30px; }
#reduction-sodium .block_child div.content_block {
	float: right;
	color: #fff;
}
	#reduction-sodium .block_child div.content_block h3,
	#reduction-sodium .block_child div.content_block h5 { color: #fff; }
	#reduction-sodium .block_child div.content_block h5 { padding-bottom: 30px; }
	#reduction-sodium .block_child div.content_block p { margin-bottom: 1.7em; }
	#reduction-sodium .block_child div.content_block p a {
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
	}
	#reduction-sodium .block_child div.content_block p a:hover { text-decoration: none; }
	#reduction-sodium .block_child div.text {
		width: 450px;
	}
	#reduction-sodium .block_child div.image {
		margin: 117px 0 0 -4px;
		float: left;
	}
	#reduction-sodium .block_child .more {
		margin-left: 205px;
	}

#controle-allergenes .block_child div.content_block {
	float: left;
	width: 515px;
}
#controle-allergenes .block_child div.image {
	float: right;
	margin: 150px -205px 0 0;
}

#valeur-nutritive {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
}
	#valeur-nutritive .container.block {
		width: 32%;
		padding-right: 1%;
		display: inline-block;
		vertical-align: top;
	}
	#valeur-nutritive .container.block .block { width: 100%; }
	#valeur-nutritive .container.block ,
	#valeur-nutritive .container.block .block {
		position: static;
		left: auto;
		padding: 0;
		margin: 0;
	}
	#valeur-nutritive .container.block .block_child { width: 100%; }
	#valeur-nutritive .container.block .col {
		margin: 0;
		padding: 0;
		color: #fff;
	}
	#valeur-nutritive h3 { padding-bottom: 0; }
	#valeur-nutritive h5 {
		line-height: 30px;
		margin-bottom: 5px;
	}
	#valeur-nutritive p { font-size: 1.3em; }
	#valeur-nutritive ul { margin-bottom: 20px; }
	#valeur-nutritive .valeur-nutritive {
		margin-top: 120px;
		position: relative;
		background-repeat: no-repeat;
		height: 360px;
	}
		#valeur-nutritive .valeur-nutritive h5 {
			top: 42px;
			position: absolute;
			left: 42px;
			font-weight: normal;
		}
		#valeur-nutritive .valeur-nutritive .lipides {
			position: absolute;
			top: 115px;
			left: 42px;
			width: 197px;
		}
		#valeur-nutritive .valeur-nutritive .lipides span { float: right; }
		#valeur-nutritive .valeur-nutritive .proteines {
			position: absolute;
			top: 265px;
			left: 42px;
		}
	#valeur-nutritive .details { padding: 0 41px 0 8px; }
	#valeur-nutritive .details p {
		font-size: 11px;
		padding: 0;
		line-height: 1.4em;
	}
	#valeur-nutritive .details p a {
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
	}
	#valeur-nutritive .details p a:hover {
		text-decoration: none;
	}
	#valeur-nutritive #direction_mot { margin-bottom: 0; }
	#valeur-nutritive #direction_mot .h4 {
		font-size: 22px !important;
		color: #fff;
		line-height: 30px;
	}

	#prix { text-align: center; }
	#prix .element{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width: 940px;
		margin-bottom:55px;
		background-image:url(https://www.olymel.ca/tp_images/block/_prix/bg_bloc.png);
		background-repeat:repeat-y;
	}

	
	#prix p,
	#prix li,
	#prix img,
	#prix span,
	#prix div{  display:inline-block; vertical-align:top; font-size:14px; line-height:21px; }

	#prix a { text-decoration: underline; }
	
	#prix img{ margin:40px 0; }
	#prix span{ width:200px; margin:100px 35px 35px 35px; }
	#prix .element div{ width:340px; min-height:260px; margin:30px; }
	#prix .element div.white{ width:200px; margin:100px 35px 35px 35px; }
	#prix div strong{ font-size:24px; }
	#prix div em{ font-weight:bold; font-style:normal;}
	
	#prix ul{ margin:0; padding:0; }
	#prix li { display:block; margin:0; padding:0 30px; background: none; }
	#prix .bg_white a{
		display:block;
		background-image:url(https://www.olymel.ca/tp_images/block/_prix/icon.png);
		background-repeat:no-repeat;
		color:#706f6f;
		text-decoration: none;
	}
	#prix .bg_white a:hover{color:#000;}
	
		
	/* CTAQ, GAIA et CCCD */
	
		#prix .bg_white li{ border-bottom:1px dotted #c6c6c6; }

		#prix #gaia span.white { margin-top: 80px; }
		#prix #cccd span.white { margin-top: 50px; }
		
		#prix .bg_white a{ padding:0 0 19px 75px; margin-top:19px; }
		
			#prix #ctaq .bg_white a{ background-position:0 -500px; }
			#prix #gaia .bg_white a{ background-position:0 -1000px; }
			#prix #cccd .bg_white a{ background-position:0 -1500px; }
	
	#prix .white a:hover {
		color: #ddd;
	}
	#prix #dux a strong,
	#prix #dux a:hover{
		color:#00b6d1;
	}
	#prix #ctaq a strong,
	#prix #ctaq a:hover{
		color:#bac7cf;
	}
	#prix #cccd a strong,
	#prix #cccd a:hover{
		color:#000;
	}
	
#res_dev { margin:70px 0 100px 0; }
#res_dev .block_child { color:#fff; }

#res_dev .block_child .column {
	position:relative;
	bottom:-60px;
	display:inline-block;
	width:270px;
	height:568px;
	margin:-120px 19px 0 19px;
	border:9px solid #fff;
	vertical-align:top;
	background-color:#b91319;
	background-repeat:no-repeat;
	background-position:50% 35px;
}
#res_dev .block_child .column h3 {
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin-top: 183px;
	line-height: 22px;
	margin-bottom: 10px;
	padding: 30px 20px 0 20px;
	border-top: 1px dotted #fff;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#res_dev .block_child .column span { display:block; padding:0 20px; font-size:12px; line-height:22px; }

#res_dev .block_child .col_0 { margin-left: 9px; }
#res_dev .block_child .col_2 { margin-right: 0; }


#valeurs {
	padding-bottom: 100px;
}
	#valeurs .valeur {
		position: relative;
		display:inline-block;
		vertical-align:top;
		width:297px;
		height:298px;
		color:#fff;
		margin: 0 10px;
		line-height: 1.4;
	}

	#valeurs .valeur:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 257px;
	    height: 258px;
	    border: 1px solid #ffff;
	    top: 20px;
	    left: 20px;
	}

	#valeurs .valeur h3 {
    	display: block !important;
		text-align:center;
		color: #fff;
		width: 198px;
		font-size: 30px;
		margin: 15px auto 0;
		padding: 12px 0;
		background: transparent;
	}

	#valeurs .valeur div {
    	display: block !important;
		height: 100%;
		width: 100%;
	}

	#valeurs .valeur div p {
		vertical-align: middle;
		display: inline-block;
		margin: 0;
		font-size: 13px;
		padding: 0 30px;
	}
.panel-group { margin-bottom: 20px; }

.panel-title > a { text-decoration: none; }
.panel-title > a:hover { text-decoration: underline; }

.panel-body a {
	color: #0f4f78;
} 

.col_left,
.col_right {
	display: inline-block;
	vertical-align: bottom;
}
.col_right {
	position: relative;
	width: 100%;
	padding-bottom: 22px;
}

.col_right div {
	line-height: 30px;
	background: #000;
}

.col_right a.jp-play,
.col_right a.jp-pause,
.col_right a.jp-stop {
	display: inline-block;
	line-height: 30px;
	width: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(https://www.olymel.ca/tp_images/block/audio/play_stop_pause.png);
}

.col_right a.jp-play {
	background-position: top;
}
.col_right a.jp-stop {
	background-position: left;
}

.col_right a.jp-pause {
	background-position: bottom;
}

.col_right a.track{
	position: absolute;
	top: 0;
	left: 50px;
	display: inline-block;
	color: #fff;
	line-height: 30px;
}
/*page nos-marches/details*/

.bloc_de_texte{
    display:inline-block !important;
    display:inline;
    width:273px;
}

.button-group {
	display: flex;
	flex-direction: column;
}

.button {
	display: inline-block;
	margin: 10px auto;
	padding: 10px 50px;
	border-radius: 36px;
	border: solid 1px #333333;
	font-family: 'OpenSans' sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.button:hover {
	border: 1px solid #41845a;
	color: #41845a;
}

#page_5f97de283e148ca23c15ec702c88eb59 a *{ vertical-align: middle; }
#page_5f97de283e148ca23c15ec702c88eb59 a img{ margin-right: 10px; }

.bloc_de_texte_exception{ margin:0 50px; }

.bloc_de_texte h2 { font-size:26px; }

#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte {
	vertical-align: top;
	text-align: center;
}
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte h2 { line-height: 1.1em; }
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte h2,
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte p {
	text-align: center;
}

#detail-texte-beige { padding-bottom: 50px; }

#capital_humain .col { margin-top: 0px; }

#panier .pastille {
	display: block;
	padding-top: 10px;
}
#panier .pastille span {
	width: 203px;
	display: inline-block;
	vertical-align: middle;
}
#panier .pastille img {
	display: inline-block;
	vertical-align: middle;
}

.text a{ text-decoration:underline; }

/*auto include of all Block type*/

.blockPage_v2 #nos_marques {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1650px;
    margin: 0 auto;
	height: auto;
	padding: 50px 0;
	background: #f2f7fb;
}

#nos_marques .marque {
    display: inline-block;
    vertical-align: top;
	width: 251px;
	padding: 0 30px;
	text-align: center;
}

.blockPage_v2 #nos_marques .marque {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-width: 400px;
    min-height: 300px;
	width: 33% !important;
    padding: 10px !important;
    border-width: 0 50px;
    border-style: solid;
    border-color: #f2f7fb;
}
	.blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e { /* Services alimentaire */
		width: 100% !important;
    	margin: 10em auto 0;
	}

	.blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e:before {
	    border-top: 1px solid #003864;
	    position: absolute;
	    top: -5em;
	    width: 100%;
	    content: '';
	}

.blockPage_v2 #nos_marques .marque * {
	opacity: 0;
	transition: opacity .5s;
	z-index: 2;
}

.blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e * { /* Services alimentaire */
    padding-left: 35% !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    opacity: 1 !important;
}

.blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e p, .blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e a {
    margin-left: 65px !important;
}

.blockPage_v2 #nos_marques .marque-pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 365px;
    margin-right: 0 !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75% auto;
    opacity: 1 !important;
    z-index: 1;
}
	.blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e .marque-pic { /* Services alimentaire */
    	right: auto;
		background-size: contain;
    	opacity: 1 !important;
	}

.blockPage_v2 #nos_marques .marque:hover {
	background: #f2f7fb !important;
	transition: background .5s;
}

.blockPage_v2 #nos_marques .marque:hover * {
	opacity: 1;
	transition: opacity .5s;
}

.blockPage_v2 #nos_marques .marque:hover .marque-pic {
    opacity: 0 !important;
	transition: opacity .5s;
}
	.blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e:hover .marque-pic { /* Services alimentaire */
    	opacity: 1 !important;
	}

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

	.blockPage_v2 #nos_marques .marque { width: 50% !important;	}
}

#nos_marques .marque p { font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; color: #535353; }

#nos_marques .marque p {
	text-align: left;
	color: #1A1818;
    font-size: 1.2vw;
    line-height: 2.1vw;
	letter-spacing: -0.06px;
	font-family: 'Open Sans', Helvetica, sans-serif;
}

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

	#nos_marques .marque p {
		font-size: 20px;
		line-height: 35px;
	}
}

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

	#nos_marques .marque p {
		font-size: 16px;
	}
}

.blockPage_v2 #nos_marques .marque p:last-of-type { margin-bottom: 0; }

.blockPage.blockPage_v2 #nos_marques .marque p { line-height: 1.2 !important; }

.blockPage_v2 #nos_marques .marque a {
	margin-top: 12px !important;
	color: #0063B4;
	font-size: 14px;
	line-height: 28px;
	text-transform: uppercase;
	background: transparent;
	text-align: left;
}

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

	.blockPage_v2 #nos_marques .marque a {
		font-size: 12px;
		line-height: 1.2;
	}
}

.blockPage_v2 #nos_marques .marque a:hover {
	text-decoration: underline !important;
}

#page_a5ce0e064a9695719ff35cb2bc42f611 .blockPage>div { margin: 0!important; }

@media(max-width: 1198px) {
    .blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e .marque-pic {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-width: none;
        height: 280px;
        width: 100%;
        margin-bottom: 20px;
    }

    .blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e p  {
        padding-left: 0!important;
        text-align: center;
    }

    .blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e a  {
        padding-left: 0!important;
        text-align: center;
    }
}

    .blockPage_v2 #nos_marques .marque p .mobile-learnMore {
        display: none;
    }

@media(max-width: 1040px) {

    #page_739a0d5fc89e67703b97c6bd79ca0bc2 .blockPage_v2 .hero-title { margin-top: 0 !important; }

    .blockPage_v2 #nos_marques .marque.cp_06697060935e635c7984d3cf97adcf86 {
        width: 100% !important;
    }

    .blockPage_v2 #nos_marques .marque.cp_06697060935e635c7984d3cf97adcf86 .marque-pic {
        opacity: 1 !important;
        background-position: center top;
        max-width: initial;
        background-size: 200px;
    }

    .blockPage_v2 #nos_marques .marque.cp_06697060935e635c7984d3cf97adcf86 a {
        opacity: 1;
        text-align: center;
        font-size: 14px;
    }

    .blockPage_v2 #nos_marques .marque.cp_06697060935e635c7984d3cf97adcf86 a::after {
        content: '';
        display: inline;
        position: absolute;
        margin-left: 5px;
        width: 20px;
        height: 18px;
	margin-right: 25px !important;
        background:url(https://www.olymel.ca/tp_images/block/brands/arrow-right-thin.svg) no-repeat;
    }



    .blockPage_v2 #nos_marques .marque {
        justify-content: flex-end;
	    min-height: 250px;
        margin-top: 50px !important;
    }

    .blockPage_v2 #nos_marques .marque * {
        opacity: 1;
    }

    .blockPage_v2 #nos_marques .marque p .mobile-learnMore {
        display: inline-block;
        font-size: 14px;
        color: #003864;
        width: 100%;
        text-align: center;
        justify-content: center;
        opacity: 1;
        top: 135px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .blockPage_v2 #nos_marques .marque p .mobile-learnMore::after {
        content: '';
        display: inline-block;
        margin-left: 5px;
        margin-top: -3.5px;
        width: 24px;
        height: 24px;
        background:url(https://www.olymel.ca/tp_images/block/brands/plus-thin.svg) no-repeat;
    }

    .blockPage_v2 #nos_marques .marque p.expanded .mobile-learnMore::after {
        background:url(https://www.olymel.ca/tp_images/block/brands/minus-thin.svg) no-repeat;
    }

    .blockPage_v2 #nos_marques .marque a {
        text-align: center;
    }

    .blockPage_v2 #nos_marques .marque p {
        font-size: 0;
        opacity: 1;
    }

    .blockPage_v2 #nos_marques .marque p.expanded {
        font-size: 16px;
        font-weight: 600;
        padding-top: 108px;
        text-align: center;
        line-height: 1.5 !important;


    }

    .blockPage_v2 #nos_marques .marque p.expanded .mobile-learnMore {
        padding-bottom: 20px !important;
    }

    .blockPage_v2 #nos_marques .marque p.expanded .button {
        margin-top: 20px !important;
    }

    .blockPage_v2 #nos_marques .marque a::after {
        content: '';
        display: inline;
        position: absolute;
        margin-left: 5px;
        width: 20px;
        height: 18px;
        margin-right: 25px !important;
        background:url(https://www.olymel.ca/tp_images/block/brands/arrow-right-thin.svg) no-repeat;
    }

    #pbody .blockPage_v2 #nos_marques .marque .marque-pic {
        opacity: 1 !important;
        background-position: top center;
    }

    .blockPage_v2 #nos_marques .marque a {
        font-size: 14px;
    }

    /* Custom */

    .blockPage_v2 #nos_marques .marque.cp_f47945daa9219be91faf94c133956653 {
        margin-top: 0px !important;
        padding-bottom: 22px !important;
    }

    .blockPage_v2 #nos_marques .marque.cp_f47945daa9219be91faf94c133956653 .marque-pic {
        margin-top: 35px !important;
        background-size: 60% !important;
    }

    .blockPage_v2 #nos_marques .marque.cp_f47945daa9219be91faf94c133956653 p {
        margin-top: 20px;
    }

    .blockPage_v2 #nos_marques .marque.cp_f47945daa9219be91faf94c133956653 p.expanded {
        padding-top: 140px;
    }

    .blockPage_v2 #nos_marques .marque.cp_6d3edebe6710af39aeec582300c485eb {
        background-size: 46% !important;
	min-height: 140px;
    }

    .blockPage_v2 #nos_marques .marque.cp_6d3edebe6710af39aeec582300c485eb p.expanded {
        padding-top: 62px;
    }

    .blockPage_v2 #nos_marques .marque.cp_caeed3c8b3ca3419ddd1c10ec1f64228 .marque-pic {
        background-size: 56% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_caeed3c8b3ca3419ddd1c10ec1f64228 p.expanded {
        padding-top: 172px;
    }

    .blockPage_v2 #nos_marques .marque.cp_aacb391b575f367e3a5b5d66b1d1d9cd {
        min-height: 182px;
    }

    .blockPage_v2 #nos_marques .marque.cp_06697060935e635c7984d3cf97adcf86 {
        min-height: 201px;
    }

    .blockPage_v2 #nos_marques .marque.cp_06697060935e635c7984d3cf97adcf86 p.expanded {
        padding-top: 123px;
    }

    .blockPage_v2 #nos_marques .marque.cp_aacb391b575f367e3a5b5d66b1d1d9cd p.expanded {
        padding-top: 105px;
    }

    .blockPage_v2 #nos_marques .marque.cp_0d43e0c1c18b4975c5e2348d5847a818 p.expanded {
        padding-top: 97px;
    }

    .blockPage_v2 #nos_marques .marque.cp_0d43e0c1c18b4975c5e2348d5847a818 {
        min-height: 175px;
    }

    .blockPage_v2 #nos_marques .marque.cp_0d43e0c1c18b4975c5e2348d5847a818 .marque-pic {
        background-size: 60% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_8579f7d283e3cfa9fe16ea7f7a3646ec {
        min-height: 242px;
    }

    .blockPage_v2 #nos_marques .marque.cp_8579f7d283e3cfa9fe16ea7f7a3646ec .marque-pic {
        background-size: 50% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_8579f7d283e3cfa9fe16ea7f7a3646ec p.expanded {
        padding-top: 164px;
    }

    .blockPage_v2 #nos_marques .marque.cp_2df028c0668921c66e2e878f10bec722 {
        min-height: 186px;
    }

    .blockPage_v2 #nos_marques .marque.cp_2df028c0668921c66e2e878f10bec722 .marque-pic {
        background-size: 57% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_dcc73ec5ae09f66c4e21ca00aeaae51a {
        min-height: 174px;
    }

    .blockPage_v2 #nos_marques .marque.cp_dcc73ec5ae09f66c4e21ca00aeaae51a p.expanded {
        padding-top: 96px;
    }

    .blockPage_v2 #nos_marques .marque.cp_dcc73ec5ae09f66c4e21ca00aeaae51a .marque-pic {
        background-size: 67% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_a4758dbf7fcfd4d1bddd82c6921f6684 {
        min-height: 186px;
    }

    .blockPage_v2 #nos_marques .marque.cp_a4758dbf7fcfd4d1bddd82c6921f6684 .marque-pic {
        background-size: 67% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_ca941f51c7868c7493fb0a2f106e8cd4 {
        min-height: 154px;
    }
    
    .blockPage_v2 #nos_marques .marque.cp_ca941f51c7868c7493fb0a2f106e8cd4 p.expanded {
        padding-top: 105px;
    }

    .blockPage_v2 #nos_marques .marque.cp_ca941f51c7868c7493fb0a2f106e8cd4 .marque-pic {
        background-size: 69% auto;
    }

    .blockPage_v2 #nos_marques .marque.cp_0b995a6b7082410091d0f43a2876f28c {
        min-height: 200px;
    }

    .blockPage_v2 #nos_marques .marque.cp_0b995a6b7082410091d0f43a2876f28c p.expanded {
        padding-top: 151px;
    }

    .blockPage_v2 #nos_marques .marque.cp_0b995a6b7082410091d0f43a2876f28c .marque-pic {
        background-size: 70% auto;
    }

    .blockPage_v2 #nos_marques .cp_dda6ad61b02e6034064850120015313e:before {
        content: none;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e .marque-pic {
        background-size: 200px;
        margin: 0 !important;
        padding: 0 !important;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e {
        max-height: 300px;
	    margin: 10em 0 0;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e.expanded {
        max-height: 493px;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e p .mobile-learnMore:after {
        margin-top: -1px;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e p,
    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e p span,
    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e a {
        margin: 0!important;
        padding: 0!important;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e a {
        margin-top: 20px !important;
        line-height: 20px;
    }

}


@media(max-width:  769px) {
    .blockPage_v2 #nos_marques .marque a:hover {
        text-decoration: none !important;
    }
}

@media(max-width: 1040px) and (min-width: 815px) {
    .blockPage_v2 #nos_marques .marque.cp_f47945daa9219be91faf94c133956653 {
        padding-bottom: 10px !important;
    }     

    .blockPage_v2 #nos_marques .marque.cp_ca941f51c7868c7493fb0a2f106e8cd4 {
        padding-bottom: 39px !important;
    }

    .blockPage_v2 #nos_marques .marque.cp_dda6ad61b02e6034064850120015313e.expanded {
        max-height: 397px;
    }
}  

 




#page_889292f55290e152f9a87207d2b7d00f {
    .blockPage:not(.blockPage-fullwidth) {
        max-width: 100%;
    }
}

.block_cercle_swiper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #00294D;
    padding: 6em;
    gap: 0;
    align-items: start;
    justify-content: center;
    justify-items: flex-start;

    @media (min-width: 1699.98px) {
        justify-items: center;
    }

    @media (max-width: 1199.98px) {
        display: flex;
        flex-direction: column;
        padding: 3em 2em;
    }
}

.block_cercle_text {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 2em;
    width: 80%;

    .blockText-title {
        color: #00A0DC;
        font-size: 50px;
        font-weight: normal;
        padding: 0;

        @media (max-width: 557.98px) {
            font-size: 3.8em;
        }
    }

    .blockText-description {
        color: #fff;
        font-size: 1.6em;

        @media (max-width: 557.98px) {
            font-size: 1.4em;
        }
    }

    @media (max-width: 991.98px) {
        gap: 1em;
        width: 100%;
    }
}

.circle-swiper {
    display: flex;
    position: relative;
    padding: 0;
    border-radius: 50%;
    width: 380px;
    height: 360px;
    justify-content: center;
    align-items: center;
    border: 2px solid white;
    margin-right: 12%;
    margin-right: 70px;

    .circle-text {
        display: flex;
        color: #fff;

        img {
            max-width: 200px;
        }
    }

    .circle-icon {
        position: absolute;
        color: #fff;
        cursor: pointer;
        background: #00A0DC;
        padding: 12%;
        border-radius: 50%;
        border: 2px solid;
        width: 80px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.3s ease, background 0.3s ease;

        &.topLeft {
            top: 12%;
            left: -3%;
        }

        &.topRight {
            top: 12%;
            right: -3%;
        }

        &.bottomLeft {
            bottom: 12%;
            left: -3%;
        }

        &.bottomRight {
            bottom: 12%;
            right: -3%;
        }

        img {
            max-width: 60px;
            display: flex;
        }

        &:hover,
        &.current { background: #00426b; }

        &.current {
            cursor:default;
            color: #00A0DC;
        }
    }

    @media (max-width: 1199.98px) {
        display: none;
    }
}

.swiper {
    width: 100%;
}

.swiper-slide {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    text-align: start;
    justify-content: center;

}

.iconWithText {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #00a0dc;

    span {
        font-size: 1.2em;
        font-weight: bold;

        @media (max-width: 991.98px) {
            font-size: 1.4em;
        }

        @media (max-width: 557.98px) {
            font-size: 1em;
        }
    }

    img {
        width: 65px !important;
    }

    @media (max-width: 991.98px) {
        padding: 1.5em 1em;
    }

    @media (max-width: 557.98px) {
        padding: 1em;
    }
}

.text-list {
    border-left: 1px solid #ffffff73;

    ul {
        display: flex;
        flex-direction: column;
        gap: 2em;
        padding: 1em 4em;
        font-size: 1.2em;
        color: #fff;

        @media (max-width: 991.98px) {
            padding: 1em 2em;
            font-size: 1.4em;
        }

        @media (max-width: 575.98px) {
            font-size: 1.1em;
        }

        li {
            padding: 0;
            background: none;
            list-style: initial;
        }
    }
}

.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
    display: none;
    color: #fff;

    @media (max-width: 1199.98px) {
        display: flex;
    }

    .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        background: #fff;
    }
    .swiper-pagination-bullet-active {
        background: #00a0dc;
    }
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1199.98px) {
    .swiper {
        padding: 0 0 4em 0;
    }

    .swiper-wrapper {
        padding-bottom: 4em;
    }

    .swiper-pagination {
        display: flex;
        justify-content: center;
        width: auto !important;
        right: 0;
        margin: auto !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 90%;
    }
}

    .blockText {
        &.column-text  {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: stretch;
            padding: 0;

            @media (max-width: 1199.98px) {
                display: flex;
                flex-direction: column;
            }
        }

        .columnLeft-text,
        .columnRight-text {
            width: 50%;
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 6em 10em;
            gap: 2em;



            .blockText-title {
                font-size: 50px;
                color: #fff;
                font-weight: 400;
                padding: 0;

                @media (max-width: 991.98px) {
                    font-size: 4em;
                }
            }

            .blockText-description {
                p {
                    font-size: 25px;
                    color: #fff;
                    text-align: start;

                    @media (max-width: 575.98px) {
                        font-size: 1.4em;
                    }
                }
            }

            @media (max-width: 1199.98px) {
                width: 100%;
            }

            @media (max-width: 991.98px) {
               padding: 4em;
            }

            @media (max-width: 575.98px) {
                padding: 4em 2em;
            }
        }

        .columnLeft-text {
            background: #004B80;

            .blockText-description {
                a {
                    color: #00A0DC;
                    text-decoration: underline;
                    text-decoration-thickness: 1px;
                    font-weight: bold;
                }
            }
        }

        .columnRight-text {
            background: #00A0DC;

            .blockText-link {
                p{
                    font-size: 25px;
                    color: #004B80;
                    text-decoration: underline;
                    text-decoration-thickness: 1px;
                    font-weight: bold;
                    text-align: start;

                    @media (max-width: 575.98px) {
                        font-size: 1.4em;
                    }
                }
            }

            .blockText-description {
                a {
                    color: #004B80;
                    text-decoration: underline;
                    text-decoration-thickness: 1px;
                    font-weight: bold;
                }
            }
        }
    }

.contact {
    display: flex;
    padding-top: 70px;
    margin-bottom: 60px;
    align-items: stretch;
    border-top: 8px solid #00426b;
}
    .blockPage_v2 .contact { border-top: 0; }

.contact-map {
    width: 50%;
    position: relative;
    margin-right: 40px;
}

.contact-side {
    width: 50%;
    float: right;
    margin-left: 40px;
    margin-right: 80px;
}

.contact-top {
    max-width: 1084px;
    margin: 0 auto;
}

.contact-form {
    margin-top: 60px;
}

.contact-form form > div {
	padding: 0 !important;
	margin: 0 -15px !important;
}

.contact-container {
    width: 100%;
    padding: 0;
}

.contact-form .form_category_container {
	font-size: 0;
}

.contact-form .form-group {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.contact-form label.control-label{
	display: block !important; 
	float: none !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #333;
    font-family: 'Open sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.contact-form .control-input {
	display: block !important;
	float: none !important;
}

.contact-form .control-input input {
	float: none;
	width: 100%;
    height: 50px;
    padding: 10px 10px;
    margin-bottom: 30px;
    background-color: #eee;
    border: none;
    border-radius: 3px;
    border-style: none;
    box-shadow: none;
    color: #333;
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.contact-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url('../images/select_arrow_black.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 14px;
}

.contact-form .public_table > .form-group {
	width: 100%;
}

.contact-form .control-input textarea {
    resize: none;
    min-height: 230px;
	float: none;
	width: 100%;
    height: 50px;
    padding: 10px 10px;
    margin-bottom: 30px;
    background-color: #eee;
    border: none;
    border-radius: 3px;
    border-style: none;
    box-shadow: none;
    color: #333;
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.contact-align {
    margin-top: 10px;
    text-align: center;
}

.contact-form .public_table.rounded #button_submit_form {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    width: auto;
    color: #fff;
    font-weight: 400;
    padding: 12px 85px;
    text-align: center;
    border: none;
    border-radius: 100px;
    white-space: nowrap;
    text-decoration: none;
    background: #e02022;
    z-index: 2;
}

.contact-form .public_table.rounded #button_submit_form:hover,
.contact-form .public_table.rounded #button_submit_form:focus {
        color: #fff;
        background: #c01a1c;
        text-decoration: none;
}

.contact .contact-img {
    width: 90%;
    margin-left: 10%;
}

.contact .contact-title {
    margin-bottom: 20px;
    font-family: Georgia;
    font-weight: normal;
    font-size: 32px;
    line-height: 24px;
    padding-top: 0;
}

.blockPage_v2 .contact .contact-title {
    padding-bottom: 0;
    font-family: 'Open sans', sans-serif;
    font-size: 40px;
    line-height: 34px;
    color: #003864;
}

.contact .contact-text p {
    margin-bottom: 60px;
    font-family: 'Open sans', sans-serif;
    font-weight: 300;
    font-size: 20px;
}

.cp_11ee74fae487f906fc72479fabad970f .contact .contact-text p:nth-child(2)  {
    color: #003864;
}

@media (max-width: 991px) {
	.contact-map {
        display: none;
	}

	.contact-side {
        width: 100%;
        margin-left: 2.5%;
        margin-right: 2.5%;
	}

    .blockPage_v2 .contact .contact-title { font-size: 25px !important; }

    .contact .contact-text p {
        font-size: 16px;
        margin-bottom: 25px;
    }
}

@media (max-width: 769px) {
    .blockPage_v2 .contact .contact-title { font-size: 20px !important; }

    .contact .contact-text p {
        font-size: 14px;
    }
}
.contactBox {
    width: 100%;
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #EEE;
    text-align: center;
    font-family: 'Open sans', sans-serif;
}

.contactBox-title {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.contactBox-text {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
}
#page_c5980d374df63b84a72228ed4961e645 #starting-text.container {
	border: none;
	padding-bottom: 40px;
}

.bg_diagonale { position:absolute; z-index:0; }

#bg_diagonale1 { top:0; left:0; width:100%; height:100%; }
.bg_diagonale2 { margin-top:113px; }
#bg_diagonale2 { top:0; right:1px;}
.bg_diagonale3 { padding-bottom:113px; }
#bg_diagonale3 {
	bottom: 0;
	left: -162px;
}
#starting-text #bg_diagonale3 { bottom: 29px; }
.container { z-index: 3; }


.bg_diagonale2 .col,
.bg_diagonale3 .col{ background:#fff; }


/* bg_diagonale2 PATCH pour mettre en rouge section innovation/nouveau produits */

#new_prod_header,
#new_prod_header .col { background-color:#83060A; }

#new_prod_header{ overflow:hidden; }
#new_prod_header .col { margin-bottom:30px;}

#service-alimentaire-texte { padding-bottom: 80px; }

#petit-gars h2 { line-height: 1em; }

#dd-texte,
#responsabilite-texte { overflow: hidden; }

#histo_content .arrow_top { left: 10px; }


/*page nos-marches/details*/

.bloc_de_texte{
    display:inline-block !important;
    display:inline;
    width:273px;
}

.button-group {
	display: flex;
	flex-direction: column;
}

.button {
	display: inline-block;
	margin: 10px auto;
	padding: 10px 50px;
	border-radius: 36px;
	border: solid 1px #333333;
	font-family: 'OpenSans' sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.button:hover {
	border: 1px solid #41845a;
	color: #41845a;
}

#page_5f97de283e148ca23c15ec702c88eb59 a *{ vertical-align: middle; }
#page_5f97de283e148ca23c15ec702c88eb59 a img{ margin-right: 10px; }

.bloc_de_texte_exception{ margin:0 50px; }

.bloc_de_texte h2 { font-size:26px; }

#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte {
	vertical-align: top;
	text-align: center;
}
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte h2 { line-height: 1.1em; }
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte h2,
#page_851ce0f53d17e4d07af4a62de526074e .bloc_de_texte p {
	text-align: center;
}

#detail-texte-beige { padding-bottom: 50px; }

#capital_humain .col { margin-top: 0px; }

#panier .pastille {
	display: block;
	padding-top: 10px;
}
#panier .pastille span {
	width: 203px;
	display: inline-block;
	vertical-align: middle;
}
#panier .pastille img {
	display: inline-block;
	vertical-align: middle;
}

.text a{ text-decoration:underline; }

/*auto include of all Block type*/

a.cta-fullwidth {
    color: #fff;
    background: #0063B4;
    text-align: center;
    display: block;
    padding: 3em;
    font-family: 'Open Sans';
    font-size: 40px;
    line-height: 34px;
}
    @media (max-width: 991px){
        a.cta-fullwidth { padding: 40px 15px; }
    }

.cta-fullwidthTitle {
    display: block;
}

.cta-fullwidthLabel {
    display: inline-block;
    margin-top: 1em;
    font-size: 14px;
    line-height: 34px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    transition: border .5s;
}

a.cta-fullwidth:hover .cta-fullwidthLabel {
    border-bottom: 1px solid #fff;
    transition: border .5s;

}

a.cta-fullwidth svg {
    position: relative;
    left: 2px;
    display: inline-block;
    transition: left .5s;
}

a.cta-fullwidth:hover svg {
    left: -1px;
    transition: left .5s;
}
	#direction_mot .signature { display: none; }
	
	#page_c5980d374df63b84a72228ed4961e645 #direction_mot { margin-bottom: 120px; }
	#page_c5980d374df63b84a72228ed4961e645 #direction_mot .signature {
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: -130px;
		background-position: 50% 0;
	}

.doubleInfo {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.doubleInfo-info {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-right: 5%;
    padding-left: 5%;
    width: 50%;
    background: white;
    font-family: 'Open sans', sans-serif ;
    font-size: 16px;
    color: #333;
}

.info .doubleInfo-title {
    font-family: 'Open sans', sans-serif;
    font-size: 32px;
    line-height: 37px;
}

.doubleInfo-text p {
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    
    ul {
        text-align: left;
    }
}

.doubleInfo-button {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    padding: 12px 30px;
    border-radius: 24px;
    border: solid 1px #4a8f65;
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #3c7f52;
}

.doubleInfo-button:hover {
    background-color: #4a8f65;
    color: white;
}



@media (max-width: 1199px) {
    .doubleInfo-info {
        padding-left: 3%;
        padding-right: 3%;
    }

    .doubleInfo-title {
        font-size: 22px;
        line-height: 27px;
    }

    .doubleInfo-text p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .info {
        /*-webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;*/
        display: block;
    }

    .doubleInfo-info {
        -webkit-order: 2 !important;
        -ms-order: 2 !important;
        order: 2 !important;
        width: 100%;
        text-align: left !important;
        padding-bottom: 50px;
        padding-top: 50px;
    }

}    



/* NEXT STYLE APRÈS AJOUT DE PASTILLES */


#entreprise_en_chiffres {
	width: auto;
	height: auto;
	padding: 0 0 10px 0;
	background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres2.jpg) 50% top no-repeat;
    text-align: center;
}

#entreprise_en_chiffres * { box-sizing: content-box; }

#entreprise_en_chiffres h2 { padding-top: 90px; }

#entreprise_en_chiffres span{
	position:relative;
	display:inline-block;
    vertical-align:top;
	width:25%;
    max-width: 285px;
	height:113px;
	font-size:12px;
	line-height:11px;
	padding:145px 60px 0 60px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
    background-position: 50% top!important;
    background-repeat: no-repeat!important;
}

#entreprise_en_chiffres span.circle_1{
    /*top:219px;
    left:0;*/
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite1.png);
}

#entreprise_en_chiffres span.circle_1 b{
	font-size:23px;
	line-height:1.9em;
}

#entreprise_en_chiffres span.circle_2{
	/*top:219px;
	left:25%;*/
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite2.png);
}

#entreprise_en_chiffres span.circle_2 b{
	font-size:32px;
	line-height:1.6em;
}

#entreprise_en_chiffres span.circle_3{
	/*top:219px;
	left:50%;*/
	font-size:11px;
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite3.png);
}

#entreprise_en_chiffres span.circle_3 b{
	font-size:36px;
	line-height:1em;
}

#entreprise_en_chiffres span.circle_4{
	/*top:219px;
	left:75%;*/
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite4.png);
}

#entreprise_en_chiffres span.circle_4 b{
	font-size:32px;
	line-height:1.2em;
}

#entreprise_en_chiffres span.circle_5{
/*	top:514px;
	left:8.5%;*/
	padding-top:145px;
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite5.png);
}

#entreprise_en_chiffres span.circle_5 b{
	font-size:36px;
	line-height:0.9em;
}
#entreprise_en_chiffres span.circle_5 b sup{
    top: -15px;
    font-size: 16px;
    text-transform:none;
}

#entreprise_en_chiffres span.circle_5 a{ left: 45%!important; }

#entreprise_en_chiffres span.circle_6{
	/*top:514px;
	left:34.5%;*/
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite6.png);
}

#entreprise_en_chiffres span.circle_6 b{
	padding-top:2px;
	font-size:36px;
	line-height:0.8em;
}

#entreprise_en_chiffres span.circle_7{
	/*top:514px;
	left:60.5%;*/
    background: url(https://www.olymel.ca/tp_images/block/entreprise_en_chiffres/olymel-en-chiffres-sprite7.png);
    padding-top: 140px;
    height: 118px;
}

#entreprise_en_chiffres span.circle_7 b{
	font-size:36px;
	line-height:1.1em;
}

#entreprise_en_chiffres span em{
	display:block;
	height:10px;
	font-style:initial;
}

#entreprise_en_chiffres span b{
	display:block;
	clear:both;
	vertical-align:text-bottom;
}

#entreprise_en_chiffres span i{
	font-size:19px;
	text-transform:none;
	font-style:normal;
}

#entreprise_en_chiffres em {
	font-style: normal;
}


















.block-faq {
    padding: 8em 12em;
    display: flex;
    flex-direction: column;
    gap: 2em;
    counter-reset: questions;


    .text-title {
        font-size: 50px;
        font-weight: 400;
        color: #000;
        line-height: 60px;
        padding: 0.5em 0;

        @media (max-width: 991.98px) {
            padding: 0;
            font-size: 4em;
        }
    }

    .text-description {
        p {
            font-size: 25px;
            color: #000;
            font-weight: 400;
            line-height: 34px;

            @media (max-width: 575.98px) {
                font-size: 1.9em;
            }
        }
    }

    .faq-question-answer {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-top: 4em;
    }

    .accordion {       
        position: relative; 
        background-color: transparent;
        color: #000000;
        border: 2px solid;
        border-radius: 15px;
        cursor: pointer;
        padding: 0.5em 1em 0.5em 2em;
        width: 100%;
        text-align: left;
        outline: none;
        font-size: 25px;
        line-height: 30px;
        transition: 0.5s;
        display: flex;
        align-items: center;
        justify-content: space-between;

        @media (max-width: 575.98px) {
            font-size: 1.9em;
        }

        &::before {
            counter-increment: questions;
            content: counter(questions);
            position: absolute;
            left: 0.5em;
            top: 0.5em;
            color: #999;
        }
    }

    .active, .accordion:hover {
        background-color: transparent;
    }

    .accordion:after {
        content: '';
        border: solid black;
        border-width: 0 2.5px 2.5px 0;
        display: inline-block;
        padding: 5px;
        transform: rotate(45deg);
        transition: transform 0.4s ease;
    }

    @media (max-width: 991.98px) {
        .accordion:after {
            padding: 3px;
        }
    }
    .active:after {
        content: "";
        transform: rotate(-135deg);
    }

    .panel {
        max-height: 0;
        margin-left: 4em;
        border-left: 2px solid #000;
        overflow: hidden;
        background-color: white;
        transition: max-height 0.4s ease-out;

        p {
            font-size: 25px;
            color: #000000;
            line-height: 30px;
            padding: 0 1em;
            margin: 0.5em 0;

            a {
                text-decoration: underline;
                text-decoration-thickness: 1px;
            }

            i, em, small { font-size: .65em; }

            @media (max-width: 991.98px) {
                font-size: 2em;
            }

            @media (max-width: 575.98px) {
                font-size: 1.8em;
                margin: 0;
            }
        }
    }

    @media (max-width: 1199.98px) {
        padding: 6em;
    }

    @media (max-width: 991.98px) {
        padding: 3em;
        gap: 0;
    }

    @media (max-width: 575.98px) {
        padding: 3em 1.5em;
        gap: 0;
    }
}




#politique { line-height: 24px;  }
#politique h2 {
	padding-top: 63px;
}
#politique h2,
#politique .text {
	clear: left;
}
#politique h2,
#politique p,
#politique li {
	float: left;
	width: 435px;
}
#politique .image {
	float: right;
	width: 435px;
	margin-top: -126px;
}
#politique .image img { display: block; }

#politique ul {
	padding: 0;
	clear: left;
	margin: 0;
	list-style: none;
	font-size: 1.5em;
}
	#politique li {
		padding: 0 0 20px;
		margin-bottom: 20px;
		width: 435px;
		background: url(https://www.olymel.ca/tp_images/block/faq_element/dd-politique-list-border.gif) repeat-x bottom;
	}
	#politique li.first { margin-top: 10px; }
	#politique li.odd {
		clear: left;
		margin-right: 70px;
	}
	#politique  li div {
		padding-left: 43px;
		background: url(https://www.olymel.ca/tp_images/block/faq_element/dd-politique-list-bullet.gif) no-repeat 15px 1px;
	}

#service-list {
	margin-bottom: 70px;
}
#service-list .block_child {
	position: relative;
}
#service-list .block_child div.image img {
	position: absolute;
	top: -100px;
	right: -60px;
}
#service-list ul {
	padding: 0;
	margin: 80px 0 0;
}
#service-list ul li {
	padding: 0 0 20px;
	margin: 20px 0 0;
	width: 462px;
	height: 52px;
	background: url(https://www.olymel.ca/tp_images/block/faq_element/list-border-grey.gif) repeat-x bottom;
}
#service-list ul li p {
	font-size: 14px;
	line-height: 1.3em;
	height: 52px;
}
#service-list ul li p a {
	display: block;
}
#service-list ul li p a span {
	width: 390px;
	display: inline-block;
	vertical-align: middle;
}
#service-list ul li p a img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
#service-list ul li p.twoCol a {
	width: 218px;
	display: inline-block;
}
#service-list ul li p.twoCol a span {
	margin-left:
}
#service-list ul li p.twoCol a.firstOfTwo {
	border-right: 1px solid #ddd;
	margin-right: 20px;
}
#service-list ul li p.twoCol a span {
	width: 130px;
}

/*extranet file list*/
.file_list li.excel{ background: url(https://www.olymel.ca/tp_images/block/faq_element/xls.png) no-repeat left;}
.file_list li.word{ background: url(https://www.olymel.ca/tp_images/block/faq_element/word.png) no-repeat left;}
#page_5f97de283e148ca23c15ec702c88eb59 .file_list li{ background: url(https://www.olymel.ca/tp_images/block/faq_element/download.png) no-repeat left;}
.file_list { padding-left:3px; margin-top:10px; }
.file_list li{ margin-bottom:10px; list-style-type:none; padding-left:20px; background: url(https://www.olymel.ca/theme/extranet/default/images/pdf.png) no-repeat left; }


#politique { line-height: 24px;  }
#politique h2 {
	padding-top: 63px;
}
#politique h2,
#politique .text {
	clear: left;
}
#politique h2,
#politique p,
#politique li {
	float: left;
	width: 435px;
}
#politique .image {
	float: right;
	width: 435px;
	margin-top: -126px;
}
#politique .image img { display: block; }

#politique ul {
	padding: 0;
	clear: left;
	margin: 0;
	list-style: none;
	font-size: 1.5em;
}
	#politique li {
		padding: 0 0 20px;
		margin-bottom: 20px;
		width: 435px;
		background: url(https://www.olymel.ca/tp_images/block/file_list_element/dd-politique-list-border.gif) repeat-x bottom;
	}
	#politique li.first { margin-top: 10px; }
	#politique li.odd {
		clear: left;
		margin-right: 70px;
	}
	#politique  li div {
		padding-left: 43px;
		background: url(https://www.olymel.ca/tp_images/block/file_list_element/dd-politique-list-bullet.gif) no-repeat 15px 1px;
	}

#service-list {
	margin-bottom: 70px;
}
#service-list .block_child {
	position: relative;
}
#service-list .block_child div.image img {
	position: absolute;
	top: -100px;
	right: -60px;
}
#service-list ul {
	padding: 0;
	margin: 80px 0 0;
}
#service-list ul li {
	padding: 0 0 20px;
	margin: 20px 0 0;
	width: 462px;
	height: 52px;
	background: url(https://www.olymel.ca/tp_images/block/file_list_element/list-border-grey.gif) repeat-x bottom;
}
#service-list ul li p {
	font-size: 14px;
	line-height: 1.3em;
	height: 52px;
}
#service-list ul li p a {
	display: block;
}
#service-list ul li p a span {
	width: 390px;
	display: inline-block;
	vertical-align: middle;
}
#service-list ul li p a img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
#service-list ul li p.twoCol a {
	width: 218px;
	display: inline-block;
}
#service-list ul li p.twoCol a span {
	margin-left:
}
#service-list ul li p.twoCol a.firstOfTwo {
	border-right: 1px solid #ddd;
	margin-right: 20px;
}
#service-list ul li p.twoCol a span {
	width: 130px;
}

/*extranet file list*/
.file_list li.excel{ background: url(https://www.olymel.ca/tp_images/block/file_list_element/xls.png) no-repeat left;}
.file_list li.word{ background: url(https://www.olymel.ca/tp_images/block/file_list_element/word.png) no-repeat left;}
#page_5f97de283e148ca23c15ec702c88eb59 .file_list li{ background: url(https://www.olymel.ca/tp_images/block/file_list_element/download.png) no-repeat left;}
.blockGridInformation {
    padding: 8em;

    .blockText-information {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8em 0;

        .blockText-information-left {
            display: flex;
            flex-direction: column;
            gap: 3em;

            .TextInformation-title {
                font-size: 50px;
                color: #004B80;
                font-weight: 400;
                line-height: 60px;
                padding: 0;

                @media (max-width: 575.98px) {
                    text-align: center;
                    font-size: 3.8em;
                }
            }

            .TextInformation-subtitle {
                font-size: 25px;
                color: #000000;
                line-height: 34px;
                font-weight: 400;

                @media (max-width: 575.98px) {
                    text-align: center;
                    font-size: 2em;
                }
            }
        }

        .blockText-information-right {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 2em;
            border: 1.5px solid #707070;
            padding: 2em 5em;

            .TextInformation-description {
                p {
                    color: #00294D;
                    font-size: 25px;
                    line-height: 30px;
                    font-weight: bold;
                    margin: 0;

                    @media (max-width: 575.98px) {
                        font-size: 1.8em;
                    }
                }

                a {
                    text-decoration: underline;
                    text-decoration-thickness: 2px;

                    @media (max-width: 991.98px) {
                        br {
                            display: none;
                        }
                    }
                }
            }

            @media (max-width: 991.98px) {
                width: 100%;
            }

            @media (max-width: 991.98px) {
                align-items: center;
                gap: 0;
                padding: 0;

               svg {
                   transform: scale(0.5);
               }
            }
        }

        @media (max-width: 991.98px) {
            display: flex;
            flex-direction: column;
            padding: 8em 2em;
            gap: 3em;
        }

        @media (max-width: 575.98px) {
            padding: 4em 0;
        }
    }

    .blockCard-information {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 2em;
        grid-row-gap: 4em;

        @media (max-width: 1399.98px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (max-width: 991.98px) {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    @media (max-width: 575.98px) {
        padding: 1em;
    }
}

.hero {
    display: block;
    width: 100%;
    min-height: 35.416666667%;
    padding-top: 35.416666667%;
    position: relative;
    border-bottom: 8px solid #00426b;
}

#page_1e9402f39b6d0f70d2bae9f00c1b76c6 .hero {
    border-bottom: none;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}

.hero-container {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    padding: 0 10%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.hero-title {
    clear: both;
    text-align: center;
    font-family: Georgia;
    font-size: 40px;
    line-height: 45px;
    color: white;
    z-index: 2;

    animation: fadein 1.5s;
}

.responsability .hero-title {
    font-size: 60px;
    line-height: 1.5;
    font-style: italic;
}

.responsability .hero-title b {
    font-size: 130px;
    line-height: 0.92;
    font-style: normal;
    text-transform: uppercase;
    color: #3c7f52;
}

@media (max-width: 991px) {

    #page_739a0d5fc89e67703b97c6bd79ca0bc2 .hero-container {
        background-size: 130%;
        background-repeat: no-repeat;
    }

    .responsability .hero-title {
        font-size: 40px;
    }

    .responsability .hero-title b {
        font-size: 70px;
    }
}

@media (max-width: 767px) {
    .hero {
        padding-top: 60.9375%;   
    }

    .hero-title {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 439px) {

    .responsability .hero-title {
        font-size: 23px;
    }

    .responsability .hero-title b {
        font-size: 40px;
    }
    
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.hero {
    display: block;
    width: 100%;
    min-height: 35.416666667%;
    padding-top: 35.416666667%;
    position: relative;
    border-bottom: 8px solid #00426b;
}   
    #hero_eca139383d2a1d5e8cdaf0082ee8475f { padding-top: 35.416666667% !important; }

.blockPage_v2 .hero {
    min-height: 450px;
    border-bottom: none;
}

#page_1e9402f39b6d0f70d2bae9f00c1b76c6 .hero {
    border-bottom: none;
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}

.blockPage_v2 .hero-overlay {
    z-index: 0;
}

.hero-container {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    padding: 0 10%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.blockPage_v2 .hero-container {
    z-index: 1;
}


.hero-container .button {
    margin: 75px 0 0;
    color: #fff;
    font-weight: 100;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 23px;
    text-transform: uppercase;
    background: #175D47;
    z-index: 2;
}

.hero-title {
    clear: both;
    text-align: center;
    font-family: Georgia;
    font-size: 40px;
    line-height: 45px;
    color: white;
    z-index: 2;

    animation: fadein 1.5s;
}

.responsability .hero-title {
    font-size: 60px;
    line-height: 1.5;
    font-style: italic;
}

.blockPage_v2 .hero-title {
    max-width: 1080px;
    color: #175D47;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    font-style: normal;
    font-family: 'Open Sans', Helvetica, sans-serif;
}

    #page_739a0d5fc89e67703b97c6bd79ca0bc2 .blockPage_v2 .hero-title { margin-top: -25%; }

.blockPage_v2 .hero-title .bigger {
    font-size: 60px;
    line-height: 75px;
    font-weight: 500;
    letter-spacing: 1.8px;
}

.responsability .hero-title b {
    font-size: 130px;
    line-height: 0.92;
    font-style: normal;
    text-transform: uppercase;
    color: #3c7f52;
}

.hero-icons {
    display: flex;
    justify-content: space-between;
    width: 390px;
    margin-top: 30px;
}

.hero-icons img {
    display: flex;
    height: 45px;
    width: 60px;
}

.hero-icons .button {
    display: flex;
    height: 45px;
    width: 60px;
}

@media (max-width: 991px) {

    .responsability .hero-title {
        font-size: 40px;
    }

    .responsability .hero-title b {
        font-size: 70px;
    }
}

@media (max-width: 767px) {
    .hero {
        padding-top: 54%;   
    }

    #page_739a0d5fc89e67703b97c6bd79ca0bc2 .blockPage_v2 .hero-title {
        margin-top: 25px !important;
    }

    .blockPage_v2 #nos_marques .marque {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }

    .cp_739a0d5fc89e67703b97c6bd79ca0bc2.blockPage_v2 .hero {
        min-height: initial;
    }

    .hero-title {
        font-size: 23px;
        line-height: 30px;
    }

    .blockPage_v2 .hero-title .bigger {
        font-size: 60px;
        font-size: 6.75vw;
        line-height: 1.2;
        letter-spacing: 0;
    }
    .blockPage_v2 .hero-icons {
        width: 250px;
    }

    .blockPage_v2 .hero-icons img {
        width: auto;
        height: 30px;
    }

}

@media (max-width: 439px) {

    .responsability .hero-title {
        font-size: 23px;
    }

    .responsability .hero-title b {
        font-size: 40px;
    }
    
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media(max-width: 1040px) {
    #page_739a0d5fc89e67703b97c6bd79ca0bc2 .blockPage_v2 .hero-container {
        justify-content: flex-start;
    }
}

.header {
	position:relative;
	margin:auto;
	width: auto;
	height:519px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top;
	z-index: 4;
}

.header h1{
	position:absolute;
    left: 50%;
	top:200px;
	display: block;
    width: 960px;
    margin-left: -480px;
    text-align: center;
    vertical-align: middle;
	color:#fff;
	font-size: 48px;
    line-height: 1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	opacity:.99;
	padding: 50px 0;
}
	.header h1.row2{ top:150px; }

#header_histo {
	height:472px;
	z-index: 2;
	padding: 0;
}
#histo_content { width: auto; padding: 0; }

#histo_content * { box-sizing: content-box; }

#histo_content .block,
#histo_content .block_child { width: 100%; margin: 0 auto; display: block; }
#histo_content #dates .block_child { width: 960px; margin: 0 auto; }
#header_histo h1 { top:40px; font-size: 30px; line-height: 1.85em; color:#ecd5b2; }
#header_histo h1 b { color:#fff; }

#petit-gars {
	height: 440px;
	background-position: 270px 37px;
}
	#petit-gars h2 {
		text-align: left;
		top: 120px;
		margin-left: -50px;
		display: inline-block;
		width: 400px;

	}

#rd-footer {
	height: 565px;
}

.info {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.info:last-of-type {
    border-bottom: 8px solid #00426b;
}

.info-visual {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.info-visual.right {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
}

.info-img {
    width: 100%;
}

.info-info {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 120px 5%;
    width: 50%;
    background: white;
    font-family: 'Open sans', sans-serif ;
    font-size: 16px;
    color: #333;
}

.info-info.left {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    background: #97866e;
    color: white;
}

.responsability .info-info.left {
    background-color: #4a8f65;
}

.info-info.left .info-separation {
    border-color: #979EB1;
}

.info .info-title {
    font-family: 'Open sans', sans-serif;
    font-size: 32px;
    line-height: 37px;
    padding-top: 0;
}

.info-text p {
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    
    ul {
        text-align: left;
    }
}

.info-button {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    padding: 12px 30px;
    border-radius: 24px;
    border: solid 1px #4a8f65;
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #3c7f52;
}

.info-button.left {
    border-color: white;
    color: white;
}

.info-button.left:hover {
    background-color: white;
    color: #3c7f52;
}

.info-button:hover {
    background-color: #4a8f65;
    color: white;
}



@media (max-width: 1199px) {
    .info-info {
        padding: 2%;
    }

    .info-title {
        font-size: 22px;
        line-height: 27px;
    }

    .info-text p {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .info {
        /*-webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;*/
        display: block;
    }

    .info-info {
        -webkit-order: 2 !important;
        -ms-order: 2 !important;
        order: 2 !important;
        width: 100%;
        text-align: left !important;
        padding: 20px 5%;
    }

    .info-visual {
        -webkit-order: 1 !important;
        -ms-order: 1 !important;
        order: 1 !important;
        width: 100%;
        padding-top: 58.5416%;
    }
}    


.info {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.info:last-of-type {
    border-bottom: 8px solid #00426b;
}
    .blockPage_v2 .info:last-of-type {
        border-bottom: none;
    }

.info-visual {
    position: relative;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.info-visual.right {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
}

.info-visual:after {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 280px;
}

.saine-alimentation:after { background-image: url(https://www.olymel.ca/data/theme/corpo/_common/images/icons/saine-alimentation-white.svg); }
.bien-etre-animal:after { transform: scaleX(-1); background-image: url(https://www.olymel.ca/data/theme/corpo/_common/images/icons/bien-etre-animal-white.svg); }
.environnement:after { background-image: url(https://www.olymel.ca/data/theme/corpo/_common/images/icons/environnement-white.svg); }
.milieu-de-travail-et-de-vie:after { background-image: url(https://www.olymel.ca/data/theme/corpo/_common/images/icons/milieu-de-travail-et-de-vie-white.svg); }


.info-img {
    width: 100%;
}

.info-info {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 120px 5%;
    width: 50%;
    background: white;
    font-family: 'Open sans', sans-serif ;
    font-size: 16px;
    color: #333;
}

.blockPage_v2 .info-info { padding: 7.5em 5% 7em; }

.blockPage_v2 .info-info .info-accordion {
    max-width: 670px;
    margin: 0 auto;
}

.blockPage_v2 .info-accordion-label,
.blockPage_v2 .info-title { width: 100%; }

.info-info.left {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    background: #97866e;
    color: white;
}

.responsability .info-info.left {
    background-color: #4a8f65;
}
    .blockPage_v2.responsability .info-info.left { background-color: #175D47; }

.info-info.left .info-separation {
    border-color: #979EB1;
}

.blockPage_v2 .info-info       .info-accordion * { max-width: 525px; }
.blockPage_v2 .info-info.left  .info-accordion * { float: right; }
.blockPage_v2 .info-info.right .info-accordion * { float: left; }

.info .info-title {
    font-family: 'Open sans', sans-serif;
    font-size: 32px;
    line-height: 37px;
    padding-top: 0;
}

.blockPage_v2 .info .info-title {
    position: relative;
    padding: 0 0 15px;
    font-size: 24px;
    line-height: 34px;
}

.info-text p,
.info-text ul,
.info-text ol {
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
}
    .blockPage_v2 .info-text p,
    .blockPage_v2 .info-text ul,
    .blockPage_v2 .info-text ol {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 30px;
    }


.info-text ul { margin-left: 25px; }

.info-text li {
    list-style: disc;
    padding-left: 0;
    background: transparent;
}

.info-button {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    padding: 12px 30px;
    border-radius: 24px;
    border: solid 1px #4a8f65;
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #3c7f52;
}

.blockPage_v2 .info-info .info-accordion * { width: 100%; }
.blockPage_v2 .info-info .info-accordion .info-button { width: auto; }

    .blockPage_v2 .info-button { 
        margin: 0 10px 10px;
        text-transform: uppercase;
        font-weight: 400;
    }

        @media (max-width: 991px){
            .blockPage_v2 .info-button {
                display: block;
                margin: 20px auto;
            }
            .blockPage_v2 .info-button span {
                width: 100%;
            }
        }

.info-button.left {
    border-color: white;
    color: white;
}

.info-button.left:hover {
    background-color: white !important;
    color: #3c7f52;
}

.info-button:hover {
    background-color: #4a8f65;
    color: white;
}
    .blockPage_v2 .info-button:hover { background-color: #175D47; }



@media (max-width: 1199px) {
    .info-info {
        padding: 2%;
    }

    .info-title {
        font-size: 22px;
        line-height: 27px;
    }

    .info-text p {
        font-size: 15px;
    }
}


@media (max-width: 991px) {

    .blockPage_v2 .info-info .info-accordion {
        max-width: none;
    }

    .blockPage_v2 .info-info.left .info-accordion * {
        color: #fff;
    }

     .blockPage_v2 .info-info .info-accordion * {
        float: none;
        max-width: initial;
    }

    #page_418c61c9372daf220081bf0406bc0e0d .info {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .info {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .info-info {
        -webkit-order: 2 !important;
        -ms-order: 2 !important;
        order: 2 !important;
        width: 100%;
        text-align: left !important;
        padding: 20px 5%;
    }

    .blockPage_v2 .info-info { padding: 30px 40px 15px; }

    .cta-fullwidthTitle {
        font-size: 30px;
    }

    .blockPage_v2 .info .info-title {
        padding: 0 0 15px;
        margin: 0;
        font-size: 20px;
    }

    .info-visual {
        -webkit-order: 1 !important;
        -ms-order: 1 !important;
        order: 1 !important;
        width: 100%;
        padding-top: 58.5416%;
    }
}

@media (max-width: 767px) {
    
    .info-visual:after {
        max-width: 250px;
        margin: auto;
        max-height: 150px;
        background-size: contain;
    }
}    

@media (max-width: 400px) {
    
    .info-visual:after { max-height: 100px; }
}    

.info-accordion-input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
   
@media (max-width: 991px) {


    .blockPage_v2 .info-info.left .info-accordion .info-button {
        float: none;
    }
    /* Accordion styles */

    .info-accordion {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .info-accordion-label {
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        cursor: pointer;
    }
    .info-accordion-content {
        height: 0;
        max-height: 0;
        transition: all .35s;
    }

    .blockPage_v2 .info-info.left .info-accordion * {
        float: none;
    }

    .info-accordion-input:checked ~ .info-accordion-content {
        height: auto;
        max-height: 100vh;
        padding-top: 10px;
    }

    /* Icon */
    .info-accordion-label .info-title .info-accordion-icon::after {
        content: "+";
        position: absolute;
        top: -10px;
        left: -2.5px;
        width: 21px;
        height: 21px;
        font-size: 15px;
        text-align: center;
    }
    .info-accordion-label .info-title .info-accordion-icon {
        border: 2px solid #fff;
        height: 20px;
        border-radius: 20px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 20px;
        display: inline-block;
	position: relative;
	vertical-align: middle;
    }

    .info-accordion-input:checked + .info-accordion-label .info-title .info-accordion-icon::after {
        content: "-";
        top: -11px;
    }
}
    .media-image-information {
        display: flex;
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card-information {
        display: flex;
        flex-direction: column;
        height: 100% ;

        .image-card-information {
            position: relative;

            .icon-play-video {
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                margin: auto;
                transform: scale(10);
                filter: drop-shadow(0px 0px 1px rgb(0 0 0 / 0.25));

                @media (max-width: 575.98px) {
                    transform: scale(8);
                }
            }
        }
    }

    .text-card-information {
        display: flex;
        flex-direction: column;
        position: relative;
        background: #F0F0F0;
        padding: 4em 8em 2em 2em;
        height: 100%;

        svg {
            position: absolute;
            transform: scale(1);
            top: 2em;
            right: 2em;

            @media (max-width: 1399.98px) {
                transform: scale(0.75);
            }
        }
    }

    .text-card-title {
        font-size: 25px;
        font-weight: bold;
        line-height: 34px;

        @media (max-width: 575.98px) {
            font-size: 2em;
        }
    }

    .text-card-description {
        p{
            font-size: 25px;
            font-weight: normal;
            line-height: 34px;

            @media (max-width: 575.98px) {
                font-size: 2em;
            }
        }
    }




#politique { line-height: 24px;  }
#politique h2 {
	padding-top: 63px;
}
#politique h2,
#politique .text {
	clear: left;
}
#politique h2,
#politique p,
#politique li {
	float: left;
	width: 435px;
}
#politique .image {
	float: right;
	width: 435px;
	margin-top: -126px;
}
#politique .image img { display: block; }

#politique ul {
	padding: 0;
	clear: left;
	margin: 0;
	list-style: none;
	font-size: 1.5em;
}
	#politique li {
		padding: 0 0 20px;
		margin-bottom: 20px;
		width: 435px;
		background: url(https://www.olymel.ca/tp_images/block/list_element/dd-politique-list-border.gif) repeat-x bottom;
	}
	#politique li.first { margin-top: 10px; }
	#politique li.odd {
		clear: left;
		margin-right: 70px;
	}
	#politique  li div {
		padding-left: 43px;
		background: url(https://www.olymel.ca/tp_images/block/list_element/dd-politique-list-bullet.gif) no-repeat 15px 1px;
	}

#service-list {
	margin-bottom: 70px;
}
#service-list .block_child {
	position: relative;
}
#service-list .block_child div.image img {
	position: absolute;
	top: -100px;
	right: -60px;
}
#service-list ul {
	padding: 0;
	margin: 80px 0 0;
}
#service-list ul li {
	padding: 0 0 20px;
	margin: 20px 0 0;
	width: 462px;
	height: 52px;
	background: url(https://www.olymel.ca/tp_images/block/list_element/list-border-grey.gif) repeat-x bottom;
}
#service-list ul li p {
	font-size: 14px;
	line-height: 1.3em;
	height: 52px;
}
#service-list ul li p a {
	display: block;
}
#service-list ul li p a span {
	width: 390px;
	display: inline-block;
	vertical-align: middle;
}
#service-list ul li p a img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
#service-list ul li p.twoCol a {
	width: 218px;
	display: inline-block;
}

#service-list ul li p.twoCol a.firstOfTwo {
	border-right: 1px solid #ddd;
	margin-right: 20px;
}
#service-list ul li p.twoCol a span {
	width: 130px;
}

#ventes_header .col { padding-bottom: 25px; }
#ventes_detail .arrow_top { left: 0; }
.join_us_block{
	color:#000000;
}

.join_us_block .header{
	height:auto;
}

.join_us_block .header h2{
	color:#000000;
	top:0;
	position:relative;
	font-size:36px;
	line-height:0.8em;
	padding: 60px 0 25px;
}

.join_us_block .join_us_image{
	display:block;
	border:0;
	margin-bottom:35px;
}

.join_us_block .join_us_text ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.join_us_block .join_us_text ul li{
	display:inline-block !important;
	display:inline;
	font-weight:bold;
	font-size:14px;
	line-height:1.75em;
	padding-left:16px;
	padding-right:89px;
	background:url(https://www.olymel.ca/tp_images/block/nous_joindre/arrow_list.png) no-repeat 0 3px;
	}

.join_us_block .join_us_text ul li a{
	display:block;
	/*color:#004170;
	font-weight:normal;*/
}

.join_us_block .join_us_text ul li a:hover{
	color:#000000;
}

.join_us_block .join_us_text ol{
	list-style-type:none;
	margin:0;
	padding:0;
}

.join_us_block .join_us_text ol li{
	display:inline-block !important;
	display:inline;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:25px;
	width:317px;
}

.join_us_block .join_us_text ol li a{
	display:block;
	padding-left:45px;
	height:75px;
	line-height:3em;
	/*color:#004170;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;*/
	color:#000000;
	background:url(https://www.olymel.ca/tp_images/block/nous_joindre/enveloppe.png) no-repeat 2px 27px;
}

/*.join_us_block .join_us_text ol li a:hover{
	color:#000000;
}*/

.join_us_block .join_us_text{
	position:relative;
}

.join_us_block .join_us_text .exception{
	position:absolute;
	font-size:24px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	display:block;
	background:url(https://www.olymel.ca/tp_images/block/nous_joindre/invisible.png) repeat;
}

.join_us_block .join_us_text .exception_a{
	left:141px;
	top:-248px;
}

.join_us_block .join_us_text .exception_b{
	left:720px;
	top:-248px;
}

.join_us_block .join_us_text .exception_c{
	left:40px;
	top:-171px;
	text-indent:-9999px;
	width:136px;
	height:136px;
}

.join_us_block .join_us_text .exception_d{
	left:221px;
	top:-171px;
	text-indent:-9999px;
	width:136px;
	height:136px;
}

.join_us_block .join_us_text .exception_e{
	left:582px;
	top:-171px;
	text-indent:-9999px;
	width:136px;
	height:136px;
}

.join_us_block .join_us_text .exception_f{
	left:763px;
	top:-171px;
	text-indent:-9999px;
	width:136px;
	height:136px;
}

#page_9fcf73feb46a478527aff9a5bede23be .margin_phone { 
    padding-bottom: 90px; 
    position: relative;
}

.join_us_block .phone_container{
	text-align:center;
	border-top:1px solid #ffffff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

.bg_white .join_us_block .phone_container{
	border-top:1px solid #dddddd;
}

.join_us_block .phone{
	display:inline-block !important;
	display:inline;
	font-size:15px;
	height:60px;
	line-height:2.8em;
	font-size:21px;
	font-weight:bold;
	padding-right:25px;
	padding-left:50px;
	background:url(https://www.olymel.ca/tp_images/block/nous_joindre/phone_icon.png) no-repeat 23px 21px;
}

.join_us_block .phone span{
	font-size:9px;
	position:relative;
	top:-5px;
	left:-3px;
}

.join_us_block .phones .phone:first-child{
	border-right:1px solid #ffffff;
}

.bg_white .join_us_block .phones .phone:first-child{
	border-right:1px solid #dddddd;
}

.join_us_block .join_us_text .list_international{
	text-align:center;
	position:relative;
	top:-40px;
}

.join_us_block .join_us_text .list_international li{
	width:237px;
	vertical-align:middle;
	padding-top:70px;
	padding-bottom:80px;
}

.join_us_block .join_us_text .list_international li b{
	font-weight:normal;
	display:block;
	font-size:36px;
	line-height:1em;
}

.join_us_block .join_us_text .list_international li a{
	/*background:none;*/
	height:auto;
	line-height:normal;
	padding:0;
	padding-bottom:20px;
	/*text-indent:-9999px;
	display:block;
	height:20px;
	background:url(https://www.olymel.ca/tp_images/block/nous_joindre/enveloppe.png) no-repeat 50% 0;*/
	background:url(https://www.olymel.ca/tp_images/block/nous_joindre/enveloppe.png) no-repeat 50% bottom;
}

.join_us_block .join_us_text .list_international li span{
	font-size:14px;
	position:relative;
	top:-5px;
	font-family:Arial, Helvetica, sans-serif;
}

.join_us_block .join_us_text .list_international .icon_japon{ background:url(https://www.olymel.ca/tp_images/block/nous_joindre/japon.png) no-repeat 9px 8px; }
.join_us_block .join_us_text .list_international .icon_coree{ background:url(https://www.olymel.ca/tp_images/block/nous_joindre/coree.png) no-repeat 46px 7px; }
.join_us_block .join_us_text .list_international .icon_australie{ background:url(https://www.olymel.ca/tp_images/block/nous_joindre/australie.png) no-repeat 16px 29px; }


#page_9fcf73feb46a478527aff9a5bede23be .block_child {  }

.recipeInfo-container {
    display: flex;
    padding: 0 20% 50px;
    margin-top: 80px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-bottom: 8px solid #00426b;
}

#page_f205c873b8d0eaf6d5a1c26b1bacfede .recipeInfo-container {
    border-bottom: none;
}

.recipeInfo-title {
    font-family: Georgia;
    font-size: 32px;
    line-height: 35px;
    font-weight: 600;
    color: $color-red;
}

.recipeInfo-text p {
    font-family: 'Open sans', sans-serif;
    font-size: 18px;
    color: #333333;
}

.recipeInfo-button {
    margin: auto;
    padding: 12px 30px;
    border-radius: 24px;
    border: solid 1px #4a8f65;
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #3c7f52;
}

.recipeInfo-button:hover {
    background-color: #3c7f52;
    color: white;
}

@media (max-width: 991px) {
    .recipeInfo-container {
        margin-top: 35px;
        padding-left: 15%;
        padding-right: 15%;
        padding-bottom: 25px;
    }
}

@media (max-width: 439px) {
    .recipeInfo-container {
        padding-left: 8%;
        padding-right: 8%;
    }
}

.subheader {
	position:relative;
	margin:auto;
	height:519px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top;
	z-index: 2;
}

.subheader h2{
	position:absolute;
    left: 50%;
	top:200px;
	display: block;
    width: 960px;
    margin-left: -480px;
    text-align: center;
    vertical-align: middle;
	color:#fff;
	font-size: 48px;
    line-height: 60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	opacity:.99;
	padding: 50px 0;
}
	.subheader h2.row2{ top:150px; }

#petit-gars {
	height: 440px;
	background-position: 60px 37px;
}
	#petit-gars h2 {
		text-align: left;
		top: 120px;
        top: 78px;
		margin-left: -50px;
		display: inline-block;
		width: auto;
		padding: 70px 0;
	}


@media (min-width: 768px) {

	#mot_du_president_desktop { display: block; }
	#mot_du_president_mobile { display: none; }
}

@media (max-width: 767px) {

	#mot_du_president_desktop { display: none; }
	#mot_du_president_mobile {
		display: block;
    	height: 0;
	    padding-top: 75%;
	    background-size: auto 100%;
	}
}
.blockTextImage--style2 {
    .blockImage50 {
        .media-image50 {
            display: flex;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        @media (max-width: 1199.98px) {
            width: 100%;
        }
    }

    .blockText50--style2 {
        padding: 6em 8em;
        background: #004B80;

        .Text50-surtitle {
            font-size: 25px;
            font-weight: bold;
            text-transform: uppercase;

            @media (max-width: 1399.98px) {
                font-size: 1.8em;
            }

            @media (max-width: 575.98px) {
                font-size: 1.4em;
            }
        }

        .Text50-title {
            padding: 0;
            margin: 0 0 0.5em 0;

            p {
                font-size: 50px;
                font-weight: 400;
                padding: 0;
                margin: 0;

                @media (max-width: 575.98px) {
                    font-size: 0.9em;

                    br {
                        display: none;
                    }
                }
            }

            @media (max-width: 1399.98px) {
                font-size: 3.5em;
            }
        }

        .Text50-description {
            p,
            ol,
            ul {
                font-size: 25px;
                font-weight: 400;
                padding: 0;
                margin: 0;

                @media (max-width: 575.98px) {
                    font-size: 1.6em;
                }
            }

            ol,
            ul {
                margin-left: 1em;
            }

            a {
                color: #fff;
                text-decoration: underline;
                text-decoration-thickness: 1px;
            }
        }

        @media (max-width: 1199.98px) {
            width: 100%;
        }

        @media (max-width: 575.98px) {
           padding: 2em 3em;
        }
    }

    @media (max-width: 1199.98px) {
        display: flex;
        flex-direction: column;
    }
}

.blockTextVideo {
    display: flex;
    flex-direction: row;

    @media (max-width: 991.98px) {
        display: flex;
        flex-direction: column;
    }

    .blockText {
        display: flex;
        align-items: flex-start;
        background: #00A0DC;
        width: 45%;
        padding: 2em 6em;
        color: #fff;

        .blockText-title {
            font-size: 50px;
            font-weight: normal;

            @media (max-width: 575.98px) {
                font-size: 3.8em;
            }
        }

        .blockText-description {
            font-size: 1.6em;
            font-weight: normal;
            color: #fff;
            text-align: start;

            ul {
                margin-left: 2em;

                li {
                    list-style: initial;
                    background: none;
                }
            }

            a {
                text-decoration: underline;
                text-decoration-thickness: 2px;
                color: #004B80;
            }

            @media (max-width: 1699.98px) {
                font-size: 1.3em;
            }

            @media (max-width: 991.98px) {
                font-size: 1.6em;
            }

            @media (max-width: 575.98px) {
                font-size: 1.4em;
            }
        }

        @media (max-width: 1199.98px) {
            width: 50%;
        }

        @media (max-width: 991.98px) {
            width: 100%;
        }

        @media (max-width: 575.98px) {
            padding: 2em;
        }
    }

    .blockVideo {
        display: flex;
        width: 55%;
        opacity: 0.9;

        .media-video {
            width: 100%;
            height: 100%;
            position: relative;

            .media-image {
                display: flex;
                height: 100%;
                width: 100%;
            }

            svg {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;

                @media (max-width: 575.98px) {
                    transform: scale(0.5);
                }
            }
        }

        @media (max-width: 1199.98px) {
            width: 50%;
        }

        @media (max-width: 991.98px) {
            width: 100%;
        }
    }

}

.blockText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12em;

    .blockText-description {
        font-size: 30px;
        color: #004B80;
        font-weight: normal;
        text-align: center;

        @media (max-width: 991.98px) {
           font-size: 2.4em;
        }

        @media (max-width: 575.98px) {
            font-size: 1.4em;
        }
    }

    @media (max-width: 1599.98px) {
        padding: 10em;
    }

    @media (max-width: 1399.98px) {
        padding: 8em;
    }

    @media (max-width: 991.98px) {
        padding: 4em;
    }
}

#our_values_title h2,
#our_values_title h3,
#our_values_title h4,
#our_values_title h5,
#our_values_title h6{ padding:57px 0; }


/* Exception page policy */
#section_ce1c0d6caedb283b16e8edb92e99eeb7 #page_36a892dc559b4970d5de2819d98c47cf h2,
#section_ce1c0d6caedb283b16e8edb92e99eeb7 #page_36a892dc559b4970d5de2819d98c47cf h3,
#section_ce1c0d6caedb283b16e8edb92e99eeb7 #page_36a892dc559b4970d5de2819d98c47cf h4,
#section_ce1c0d6caedb283b16e8edb92e99eeb7 #page_36a892dc559b4970d5de2819d98c47cf h5,
#section_ce1c0d6caedb283b16e8edb92e99eeb7 #page_36a892dc559b4970d5de2819d98c47cf h6{
	font-size:40px;
	color:#8f8e8e;
	font-style:italic;
}

h2 .two_row,
h2 .three_row,
h3 .two_row,
h3 .three_row,
h4 .two_row,
h4 .three_row,
h5 .two_row,
h5 .three_row,
h6 .two_row,
h6 .three_row {
	display: block;
}

#section_36a892dc559b4970d5de2819d98c47cf #page_36a892dc559b4970d5de2819d98c47cf h3{ padding-top:60px; padding-bottom:0; }
.blockPage { margin: 0 auto 30px; min-width: 990px; overflow: hidden; }
	.blockPage_v2 { margin-bottom: 0;}

.blockPage:not(.blockPage-fullwidth) { max-width: 1400px; }

#Mission.container { width: auto; }