@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@-webkit-keyframes fadeInFromNone {
0% {
display:none;
opacity:0
}
1% {
display:block;
opacity:0
}
100% {
display:block;
opacity:1
}
}
@-moz-keyframes fadeInFromNone {
0% {
display:none;
opacity:0
}
1% {
display:block;
opacity:0
}
100% {
display:block;
opacity:1
}
}
@-o-keyframes fadeInFromNone {
0% {
display:none;
opacity:0
}
1% {
display:block;
opacity:0
}
100% {
display:block;
opacity:1
}
}
@keyframes fadeInFromNone {
0% {
display:none;
opacity:0
}
1% {
display:block;
opacity:0
}
100% {
display:block;
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
display:block;
opacity:1
}
99% {
display:block;
opacity:0
}
100% {
display:none;
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
display:block;
opacity:1
}
99% {
display:block;
opacity:0
}
100% {
display:none;
opacity:0
}
}
@-o-keyframes fadeOut {
0% {
display:block;
opacity:1
}
99% {
display:block;
opacity:0
}
100% {
display:none;
opacity:0
}
}
@keyframes fadeOut {
0% {
display:block;
opacity:1
}
99% {
display:block;
opacity:0
}
100% {
display:none;
opacity:0
}
}
#crises .container {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box
}
#crises .column, #crises .columns {
	width: 100%;
	float: left;
	box-sizing: border-box
}
#crises .mobile {
	display: inherit
}
#crises .desktop {
	display: none
}
@media (min-width: 759px) {
#crises .container {
	width: 100%
}
#crises .column:first-child, #crises .columns:first-child {
	margin-left: 0
}
#crises .one.column, #crises .one.columns {
	width: 4.66667%
}
#crises .two.columns {
	width: 18%
}
#crises .three.columns {
	width: 22%
}
#crises .four.columns {
	width: 33.33333%
}
#crises .five.columns {
	width: 39.33333%
}
#crises .six.columns {
	width: 56%
}
#crises .seven.columns {
	width: 56.66667%
}
#crises .eight.columns {
	width: 64%
}
#crises .nine.columns {
	width: 74%
}
#crises .ten.columns {
	width: 82.66667%
}
#crises .eleven.columns {
	width: 91.33333%
}
#crises .twelve.columns {
	width: 100%;
	margin-left: 0
}
#crises .one-third.column {
	width: 30.66667%
}
#crises .two-thirds.column {
	width: 65.33333%
}
#crises .one-half.column {
	width: 48%
}
#crises .mobile {
	display: none
}
#crises .desktop {
	display: inherit
}
}
#crises .container:after, #crises .row:after, #crises .u-cf {
	content: "";
	display: table;
	clear: both
}
#intro1 {
	text-align: center;
	color: #fff;
	padding: 50px 0 0 0
}
#intro1.hide {
	-webkit-animation: fadeOut 0.2s ease;
	-moz-animation: fadeOut 0.2s ease;
	-o-animation: fadeOut 0.2s ease;
	animation: fadeOut 0.2s ease;
	display: none
}
@media (min-width: 759px) {
#intro1 {
	padding: 10px 50px 0 50px
}
}
#intro1 .logoMSA {
	margin-bottom: 20px;
	display: none
}
@media (min-width: 759px) {
#intro1 .logoMSA {
	display: block
}
}
#intro1 .logo {
	margin-bottom: 5px
}
#intro1 .titlecrise {
	color: #2397d3;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
	margin-bottom: 15px
}
@media (max-width: 759px) {
#intro1 .titlecrise {
	padding: 0 20px
}
}
@media (min-width: 759px) {
#intro1 .titlecrise {
	margin-bottom: 0;
	font-size: 36px;
	font-weight: 600;
	line-height: 41px;
	margin-bottom: 60px
}
}
#intro1 .sub_title {
	color: #895e70;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 40px;
	line-height: 17px
}
@media (max-width: 759px) {
#intro1 .sub_title {
	padding: 0 20px
}
}
#intro1 .text {
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 30px
}
@media (max-width: 759px) {
#intro1 .text {
	padding: 0 20px
}
}
@media (min-width: 759px) {
#intro1 .text {
	font-size: 17px;
	margin : auto;
	padding-bottom : 10px;
	width : 70%;
}
}
#intro1 .downArrow {
	margin-bottom: 15px
}
#intro1 .statutOption {
	padding: 5px 0
}
@media (min-width: 759px) {
#intro1 .statutOption {
	padding: 5px;
	border-radius: 50px
}
}
#intro1 .statutOption .statutText {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 10px
}
@media (min-width: 759px) {
#intro1 .statutOption .statutText {
	font-size: 15px
}
}
#intro1 .statutOption .btncrise {
	background-color: #fff;
	color: #2397d3;
	width: 100%;
	display: block;
	margin: 15px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px
}
@media (min-width: 759px) {
#intro1 .statutOption .btncrise {
	border-radius: 50px;
	width: 40%;
	display: inline-block;
	margin: 5px;
	padding: 5px;
	font-size: 18px;
	line-height: 18px
}
}
#intro1 .statutOption .btncrise .content {
	display: table;
	text-align: center;
	vertical-align: middle;
	height: 93px;
	width: 100%
}
#intro1 .statutOption .btncrise .content div {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#intro1 .statutOption .btncrise .content div>* {
	display: inline-block;
	vertical-align: middle
}
#intro1 .statutOption .btncrise .content .btnText {
	text-align: left;
	margin: 0 5px
}
#intro1 .choisirAutreDep {
	width: 290px;
	height: 40px;
	margin: 20px auto;
	background-color: #593e49;
	text-decoration: underline;
	font-size: 15px;
	font-weight: 500;
	border-radius: 50px;
	line-height: 37px;
	cursor: pointer
}
#intro1 #autreDep {
	background-color: #593e49;
	padding: 40px 0px
}
@media (min-width: 759px) {
#intro1 #autreDep {
	border-radius: 50px;
	padding: 40px 20px
}
}
#intro1 #autreDep .content {
	background-color: #fff;
	padding: 10px 25px
}
@media (min-width: 759px) {
#intro1 #autreDep .content {
	border-radius: 50px
}
}
#intro1 #autreDep .content>* {
	display: inline-block;
	vertical-align: middle
}
#intro1 #autreDep .content .icon {
	width: 25%
}
@media (min-width: 759px) {
#intro1 #autreDep .content .icon {
	width: 15%
}
}
#intro1 #autreDep .content .departement {
	margin: 5px;
	padding: 5px;
	width: 70%;
	color: #2397d3;
	font-size: 13px;
	font-weight: bold;
	border-color: #2397d3;
	border-style: solid;
	border-width: 1px
}
@media (min-width: 759px) {
#intro1 #autreDep .content .departement {
	font-size: 17px
}
}
#intro1 .passerEtape {
	width: 290px;
	height: 40px;
	margin: 20px auto;
	background-color: #593e49;
	text-decoration: underline;
	font-size: 15px;
	font-weight: 500;
	border-radius: 50px;
	line-height: 37px;
	cursor: pointer
}
#intro1 .passerEtape.hide {
	display: none
}
#intro1 .passerEtape.show {
	display: block
}
#choisir1.hide, #choisir2.hide {
	display: none
}
#choisir1.show, #choisir2.show {
	display: block
}
#crises {
	background-color: #f1f1f1;
	font-family: "Open Sans", sans-serif
}
#crises * {
	-webkit-transition: height 500ms ease, width 500ms ease;
	-moz-transition: height 500ms ease, width 500ms ease;
	-o-transition: height 500ms ease, width 500ms ease;
	transition: height 500ms ease, width 500ms ease;
	border-collapse: separate
}
#main {
	background-color: #fff;
	display: none
}
#main.initShow {
	display: block;
	opacity: 0
}
#main.initShow.show {
	display: block;
	opacity: 1;
	-webkit-animation: fadeInFromNone 0.2s ease;
	-moz-animation: fadeInFromNone 0.2s ease;
	-o-animation: fadeInFromNone 0.2s ease;
	animation: fadeInFromNone 0.2s ease
}
#header {
	padding: 20px
}
#header #logo {
	text-align: center
}
#header #text {
	color: #2397d3;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center
}
#header #text .top_text {
	font-size: 20px;
	line-height: 16px
}
#header #text .sub_title {
	font-size: 13px
}
#top {
	position: relative
}
#top.mini .bloc_sub_title {
	height: 0 !important;
	overflow: hidden
}
@media (min-width: 759px) {
#top.mini .bloc .items .item {
	width: 49%;
	display: inline-block
}
#top.mini .bloc .items .item .btncrise {
	font-size: 9px !important;
	height: 43px !important;
	line-height: 11px !important
}
}
#top .bloc {
	padding: 10px;
	overflow: hidden;
	height: 100%
}
#top .bloc.eight {
	-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.5);
	position: relative;
	z-index: 999
}
@media (min-width: 759px) {
#top .bloc.eight .items .item .btncrise {
	width: 35%;
	color: #fff;
	padding-right: 25px
}
#top .bloc.eight .intro .bloc_sub_title {
	height: auto !important
}
}
@media (min-width: 759px) {
#top .bloc.two .intro .top {
	text-align: center;
	height: initial !important
}
#top .bloc.two .intro .top .bloc_icon {
	width: 100%
}
#top .bloc.two .bloc_sub_title {
	display: none
}
#top .bloc.two .items .item .btncrise {
	font-size: 10px
}
}
#top .bloc .intro .top {
	position: relative
}
#top .bloc .intro .top .bloc_icon, #top .bloc .intro .top .bloc_title {
	display: table
}
#top .bloc .intro .top .bloc_icon {
	position: relative;
	float: left;
	height: 100%;
	display: table
}
#top .bloc .intro .top .bloc_title {
	position: relative;
	height: 100%;
	display: table;
	padding-left: 10px;
	color: #fff;
	font-weight: 800;
	font-size: 23px;
	text-transform: uppercase;
	line-height: 23px
}
#top .bloc .intro .top .bloc_title span {
	vertical-align: middle;
	display: table-cell
}
#top .bloc .intro .top .fermer {
	display: none;
	opacity: 0;
	width: 80px;
	height: 21px;
	padding: 5px 10px;
	background-color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	position: absolute;
	top: 25%;
	right: 0;
	cursor: pointer;
	font-size: 16px !important
}
#top .bloc .intro .top .fermer.d {
	display: block;
	opacity: 1;
	-webkit-animation: fadeInFromNone 0.2s ease;
	-moz-animation: fadeInFromNone 0.2s ease;
	-o-animation: fadeInFromNone 0.2s ease;
	animation: fadeInFromNone 0.2s ease
}
#top .bloc .intro .bloc_sub_title {
	color: #fff;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
	margin-top: 15px
}
#top .bloc .items {
	margin-top: 15px;
	position: relative;
	text-align: center;
	width: 100%
}
#top .bloc .items .item {
	width: 75%;
	margin-left: auto;
	margin-right: auto
}
@media (min-width: 759px) {
#top .bloc .items .item {
	width: 100%
}
}
#top .bloc .items .item .btncrise {
	cursor: pointer;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
	margin: 5px 0;
	min-height: 35px;
	display: table;
	height: 35px;
	width: 100%
}
#top .bloc .items .item .btncrise span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 5px 10px;
	word-break: break-word
}
#top .bloc .items .item .info {
	display: none
}
#top .bloc .items .item.active {
	width: 100%
}
#top .bloc .items .item.active .btncrise {
	border-radius: 40px 0 0 40px;
	background: #fff !important;
	color: inherit;
	display: none
}
@media (min-width: 759px) {
#top .bloc .items .item.active .btncrise {
	display: table
}
}
#top .bloc .items .item.active .info {
	display: block;
	-webkit-animation: fadeInFromNone 0.2s ease;
	-moz-animation: fadeInFromNone 0.2s ease;
	-o-animation: fadeInFromNone 0.2s ease;
	animation: fadeInFromNone 0.2s ease;
	background-color: #fff;
	border-radius: 26px
}
@media (min-width: 759px) {
#top .bloc .items .item.active .info {
	position: absolute;
	right: 0;
	width: 65%;
	top: 0;
	border-radius: 26px
}
}
#top .bloc .items .item.active .info .content {
	padding: 10px 20px 40px 20px;
	text-align: left
}
#top .bloc .items .item.active .info .content .titlecrise {
	font-size: 17px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 17px
}
#top .bloc .items .item.active .info .content .text {
	font-size: 13px;
	font-weight: 600;
	color: #000
}
#top .bloc .items .item.active .info .content .links {
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px
}
#top .bloc .items .item.active .info .content .links a {
	color: #2397d3
}
#top .bloc .video {
	text-align: center;
	margin-top: 35px
}
#bot #goToAutreDep {
	width: 196px;
	height: 37px;
	margin: 50px auto 10px auto;
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
	border-radius: 50px;
	line-height: 37px;
	cursor: pointer;
	text-align: center;
	color: #8b9a9d;
	text-transform: uppercase
}
@media (min-width: 759px) {
#bot #goToAutreDep {
	margin: 13px;
	position: absolute;
	bottom: 0;
	left: 0
}
}
#bot .bloc {
	padding: 10px
}
@media (min-width: 759px) {
#bot .bloc.active .intro .bloc_sub_title {
	width: 50%
}
}
#bot .bloc.active .intro .fermer {
	opacity: 1;
	display: inline-block;
	font-size: 16px;
	-webkit-animation: fadeInFromNone 0.2s ease;
	-moz-animation: fadeInFromNone 0.2s ease;
	-o-animation: fadeInFromNone 0.2s ease;
	animation: fadeInFromNone 0.2s ease
}
#bot .bloc.active .items {
	position: relative
}
@media (min-width: 759px) {
#bot .bloc.active .items {
	text-align: left
}
}
#bot .bloc.active .items .item.active {
	width: 100%
}
#bot .bloc.active .items .item.active .btncrise {
	color: inherit !important;
	background: #fff !important;
	display: none
}
@media (min-width: 759px) {
#bot .bloc.active .items .item.active .btncrise {
	display: table
}
}
#bot .bloc.active .items .item.active .info {
	display: block;
	text-align: left;
	-webkit-animation: fadeInFromNone 0.2s ease;
	-moz-animation: fadeInFromNone 0.2s ease;
	-o-animation: fadeInFromNone 0.2s ease;
	animation: fadeInFromNone 0.2s ease;
	position: relative;
	margin: 5px 0;
	background-color: #fff;
	right: 0;
	width: 100%;
	top: 0;
	border-radius: 26px
}
@media (min-width: 759px) {
#bot .bloc.active .items .item.active .info {
	position: absolute;
	margin-top: 40px
}
}
#bot .bloc.active .items .item.active .info .content {
	padding: 20px
}
@media (min-width: 759px) {
#bot .bloc.active .items .item.active .info .content {
	text-align: left
}
}
#bot .bloc.active .items .item.active .info .content .titlecrise {
	font-size: 17px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 10px
}
#bot .bloc.active .items .item.active .info .content .text {
	font-size: 13px;
	font-weight: 600;
	color: #000
}
#bot .bloc.active .items .item.active .info .content .links {
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px
}
#bot .bloc.active .items .item.active .info .content .links a {
	color: #2397d3
}
@media (min-width: 759px) {
#bot .bloc.active .items .item .btncrise {
	border-radius: 20px 20px 0 0
}
}
#bot .bloc .intro {
	position: relative
}
#bot .bloc .intro .top {
	position: relative;
	height: 70px;
	display: inline-block
}
@media (min-width: 759px) {
#bot .bloc .intro .top {
	width: 30%
}
}
#bot .bloc .intro .top .bloc_icon, #bot .bloc .intro .top .bloc_title {
	display: table
}
#bot .bloc .intro .top .bloc_icon {
	position: relative;
	float: left;
	height: 100%;
	display: table
}
#bot .bloc .intro .top .bloc_title {
	position: relative;
	height: 100%;
	display: table;
	padding-left: 10px;
	color: #fff;
	font-weight: 800;
	font-size: 23px;
	text-transform: uppercase;
	line-height: 23px
}
#bot .bloc .intro .top .bloc_title span {
	vertical-align: middle;
	display: table-cell
}
#bot .bloc .intro .bloc_sub_title {
	color: #fff;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top
}
@media (min-width: 759px) {
#bot .bloc .intro .bloc_sub_title {
	width: 69%
}
}
#bot .bloc .intro .fermer {
	display: none;
	opacity: 0;
	width: 80px;
	height: 21px;
	padding: 5px 10px;
	background-color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	position: absolute;
	top: 20px;
	right: 0;
	cursor: pointer;
	font-size: 16px !important
}
@media (min-width: 759px) {
#bot .bloc .intro .fermer {
	top: 25%
}
}
#bot .bloc .items {
	margin-top: 15px;
	text-align: center
}
#bot .bloc .items .item {
	display: inline-block;
	vertical-align: top;
	width: 75%
}
@media (min-width: 759px) {
#bot .bloc .items .item {
	width: auto !important
}
#bot .bloc .items .item:last-child .btncrise {
	max-width: 136px
}
}
#bot .bloc .items .item .btncrise {
	cursor: pointer;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
	margin: 5px 0;
	min-height: 24px;
	display: table;
	height: 35px;
	width: 100%
}
@media (min-width: 759px) {
#bot .bloc .items .item .btncrise {
	max-width: 134px
}
}
#bot .bloc .items .item .btncrise span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 5px 10px;
	word-break: break-word
}
#bot .bloc .items .item .info {
	display: none
}
#bot .bloc .video {
	text-align: center;
	margin-top: 35px
}
.bloc.mini {
	height: 95px !important;
	overflow: hidden
}
.bloc.mini.open {
	height: auto !important
}
#top {
	background: -moz-linear-gradient(left, #b7b129 0%, #b7b129 33.33333%, #2397d3 33.33333%, #2397d3 33.33333%, #2397d3 66.66666%, #f90 66.66666%, #f90 100%);
	background: -webkit-linear-gradient(left, #b7b129 0%, #b7b129 33.33333%, #2397d3 33.33333%, #2397d3 33.33333%, #2397d3 66.66666%, #f90 66.66666%, #f90 100%);
	background: linear-gradient(to right, #b7b129 0%, #b7b129 33.33333%, #2397d3 33.33333%, #2397d3 33.33333%, #2397d3 66.66666%, #f90 66.66666%, #f90 100%)
}
#top #bloc1 {
	color: #b7b129
}
#top #bloc1 .items .item.active .info .content .links a {
	color: #b7b129
}
@media (min-width: 759px) {
#top #bloc1.eight .items .item .btncrise {
	background: #9d9824;
	background: -webkit-linear-gradient(90deg, #9d9824 75%, #7c781c);
	background: -o-linear-gradient(90deg, #9d9824 75%, #7c781c);
	background: -moz-linear-gradient(90deg, #9d9824 75%, #7c781c);
	background: linear-gradient(90deg, #9d9824 75%, #7c781c)
}
}
#top #bloc2 {
	color: #2397d3
}
#top #bloc2 .items .item.active .info .content .links a {
	color: #2397d3
}
@media (min-width: 759px) {
#top #bloc2.eight .items .item .btncrise {
	background: #72c7f4;
	background: -webkit-linear-gradient(90deg, #72c7f4 50%, #37a3dc);
	background: -o-linear-gradient(90deg, #72c7f4 50%, #37a3dc);
	background: -moz-linear-gradient(90deg, #72c7f4 50%, #37a3dc);
	background: linear-gradient(90deg, #72c7f4 50%, #37a3dc)
}
}
#top #bloc3 {
	color: #f90
}
#top #bloc3 .items .item.active .info .content .links a {
	color: #f90
}
@media (min-width: 759px) {
#top #bloc3.eight .items .item .btncrise {
	background: #dd8500;
	background: -webkit-linear-gradient(90deg, #dd8500 75%, #b06a00);
	background: -o-linear-gradient(90deg, #dd8500 75%, #b06a00);
	background: -moz-linear-gradient(90deg, #dd8500 75%, #b06a00);
	background: linear-gradient(90deg, #dd8500 75%, #b06a00)
}
}
#bot #bloc4 {
	color: #8b9a9d
}
#bot #bloc4 .items .item.active .info .content .links a {
	color: #8b9a9d
}
@media (min-width: 759px) {
#bot #bloc4.active .items .item .btncrise {
	color: #fff;
	background: #8c9a9d;
	background: -webkit-linear-gradient(180deg, #8c9a9d 75%, #6e797b);
	background: -o-linear-gradient(180deg, #8c9a9d 75%, #6e797b);
	background: -moz-linear-gradient(180deg, #8c9a9d 75%, #6e797b);
	background: linear-gradient(180deg, #8c9a9d 75%, #6e797b)
}
}
#crisesagricoles .modal {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0,0,0,0.4)
}
.modal-content {
	background-color: #000;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 759px
}
@media (max-width: 759px) {
.modal-content {
	width: 90%
}
}
.video #btn1 img, .video #btn2 img, .video #btn3 img, .video #btn4 {
	cursor: pointer
}
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	padding: 5px 10px 0 0
}
.close:hover, .close:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
#crisesagricoles div {
    box-sizing: unset;
}