/*
 * Ajout de Bootstrap 3 via @import url
*/
@import url("fonts/fontawesome/css/font-awesome.min.css");
@import url("slider-swiper/css/swiper.min.css");
@import url("bootstrap/css/bootstrap.min.css");

body {
  margin: 0 auto;
  padding-top: 0;
  /*min-width: 900px;*/
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  color: #333;
  background-color: #f7f7f7;
}

/*********************************************
 * Structure
*********************************************/
body .header-site .header-content 	{max-width:100%}

body #mid-panel-wrapper				{padding: 20px;background-color: #f7f7f7;margin: 20px auto;max-width: 1440px}
.pageatrium {
    max-width: 1440px!important;
}
body .a-serv-hp #mid-panel-wrapper 	{padding:0 20px}
body.a-serv-hp #basePanel      	    {background: #f3f0f0!important;}

/*Menu Mon compte > Mes informations personnelles : connecteurIframe sur mesasperges - @todo : vérifier son utilité*/
body .service101100					{display: none}
body #acs-994038 iframe 			{margin-top: 15px}/*Observatoire des récoltes*/
body #acs-501030 .x-panel,
body #acs-501030 .x-panel-body  	{width: 100% !important}/*Les silos*/
@media screen and (max-width: 1440px) {
  body #menuPanel,
  body .header-content {
    padding-left: 0;
    padding-right: 0;
  }
}

body > header .menu 				{margin: 0 auto;background-color: #066}

body .logo a {
    background: url(/css/theme/images/bandeau-infolia-simple.jpg) no-repeat center/cover;
}
body .logo a:before  {
  content: '';position: absolute;left: 70px;top: 115px;
    width: 146px;
    height: 34px;
  background-image: url(/css/theme/images/logo-infolia-2024-blanc.png);}

@media screen and (max-width: 992px) {
    body .logo a:before {content:none}
    body .logo a {
        background-image: url("/css/theme/images/infolia-votre-espace-client.png");
        background-size: 20% auto;
    }
}
/*********************************************
 * Classes génériques utiles
*********************************************/
.a-pave-hp.pos-left, .a-pave-hp.pos-none {padding-right:20px !important}
.a-serv-hp .ensemble.clear-right      {padding-right:20px !important}
.a-serv-hp .ensemble.ePanel6.clear-right          {padding-right:0!important}
/* classes génériques utiles */
.center-text,.text-center 	{text-align: center}
.text-left 					{text-align: left !important}
.clearfix 					{clear: both}
.margeR30 					{margin-right: 30px}
.margeR20			 			{margin-right: 20px}
.margeL20 					{margin-left: 20px}
.margeB30 					{margin-bottom: 30px}
.margeTop0 					{margin-top: 0}
.margeTop 					{margin-top: 20px}
a.pdf								{background: url("http://www.maisadour.coop/css/themes/../images/doctree/icon_pdf.png") left top no-repeat;
 										padding-left: 46px;height: 30px;display: block;padding-top: 15px}
.grand							{font-size: 18px;line-height: 1.35em}
.simulBootstrap			{padding: 0 15px;float: left}
.simulBootstrap_md6 		{width: 50%}
.hidden 						{display: none}
.grand 							{font-size: 1.2em}
.fondVertClair 			{background-color: #87c13b !important}
.fond-gris 					{background: #f3f3f3;overflow: hidden;padding-top: 10px}

.modal-content.bloc-avec-fond,
.bloc-avec-fond					{background-color: #066 !important;padding: 15px;font-size: 16px;color: #bad5d5;line-height: 1.45em;
                     		transition:color ease-in-out .3s}
body .bloc-avec-fond a	{color: #fff;text-decoration: none}
body .bloc-avec-fond h1	{}
.bloc-avec-fond .x-panel-body
												{background: transparent}
.bloc-avec-fond .btn        	{transition:background ease-in-out .3s}
.bloc-avec-fond .btn.outlined {border: 1px solid rgba(255,255,255,.6)}
.bloc-avec-fond:not(.bloc-info-pour-modal):hover
																			{color:#000}
.bloc-avec-fond:hover .btn		{background-color: #e64610; color: white}
.contacter-tech .bloc-avec-fond
															{padding: 5px 15px 0}

.encadre 									{background-color: #f7f7f7;padding: 15px;font-size: 16px;line-height: 1.45em;border: 2px solid #87c13b}
.encadre a 								{text-decoration: none}
.contacter-tech .encadre 	{font-size:13px;border-width: 2px}

.bloc-avec-contour 				{border: 5px solid #87c13b;overflow: hidden}

.box-shadow 							{-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1)}
.box-shadow:hover 				{opacity: 0.5}

.contacter-tech a						{color: #e64610 !important}

.titre-bleu                 {color: #066}
.titre-gris                 {font-weight: 700;color: #333}


.taille-12,
.taille-12 *                {font-size: 12px}

.btn                        {display: inline-block !important;border-radius: 24px;padding: 8px 16px;margin-bottom: 5px;font-weight: 400;
                        		 line-height: 1.42857143;position: relative;overflow: hidden !important;
                        		 font-size: inherit;
                        		 text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;
                        		 touch-action: manipulation;cursor: pointer;text-decoration: none;-webkit-user-select: none;-moz-user-select: none;
                        		 -ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;z-index:10}
.btn.outlined								{border: 1 px solid}
.btn .fa-custom-align-right:before
                            {margin-left: 10px;margin-right: 0}
.btn.simple                 {border: 1px solid #759ec6}
.btn.simple:hover           {background-color: #F36F23;color: #FFFFFF;border-color: transparent}
.btn.simple:hover a         {color: #FFFFFF}
.btn.orange                 {background-color: #e6460a !important;color: white}
.btn-bleu,.bleu             {color: #fff !important;background-color: #066 !important;border-color: #066}
.btn.bleugris               {background-color: #759EC6 !important}
.btn.bleugris:hover         {background-color: #F36F23 !important}
.btn.orange:hover		 			  {background-color: #066 !important}
.btn-bleu a,
.btn.orange a,
.btn.bleugris a,
.btn.bleu a 							  {color: white; text-decoration: none}
.btn-bleu.focus,
.btn-bleu:active,
.btn.bleu:focus,
.btn.bleu:hover             {background-color: #337ab7 !important;border-color: #2e6da4}
.btn .fa:before 					  {margin-right: 10px}
.btn.vert                   {background-color: #95c11f;color: white}
.btn.vert.angle-right:hover {color:white;background-color: #0e3761}
.btn.vert.angle-right:after {font-family: FontAwesome;content: "\f105";display: inline-block;position: absolute;font-size: 1.2em;padding-left: 10px}
body .btn-vue 							{background-color:#e64610; border-radius: 8px}
body .btn-vue:hover					{background-color:#066}
body .answer-btnIcon span,
body .x-panel-btns-right .x-btn-text,
body .x-panel-footer .x-btn-text,
body .x-window-footer .x-btn-text,
body .x-btn-text,
body .a-serv-adm form .icon-add,
body .a-serv-adm form .icon-remove,
body .rbutton.x-item-disabled button
													 {background-color: #e64610;color: #fff;padding:0.5em 1.8em;font-size: .9rem;border: 1px solid #e64610;border-radius: 30px}


/*body .x-btn.x-item-disabled */

.fa:before                  {font-family: FontAwesome}
.fa.pull-right              {margin-top: -5px}
.fa-download:before         {margin-right: 5px}div.fa                      {display:inline-block}
.fa-stack                   {}
.thumbnail .fa-stack        {position:absolute;color: #fff;font-size:1.5em;background-color:#066}
.fa-stack-number            {font-family: Times New Roman}


.icon-croisix,
[class^="icon-crsx"]:before,
[class*=" icon-crsx"]:before
                            {font-family: 'croisix-agriculture-icons' !important;speak: none;font-style: normal;
                            font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
                            -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

/****************************
 * balises majeures
***************************/
a                           {color: #e64610;font-family: Helvetica, Arial, sans-serif !important}
a:hover                     {color: #066}
a.fa                        {font-size: 13px}
h1                          {font-size: 24px !important;line-height: 1.2em;margin-bottom: 0.6em;padding: 0 !important}
h2                          {margin-bottom: 0;margin-top: 15px; width: 57%;font-size: 16px;line-height: 1.3em}
h3                          {font-size: 18px; border-bottom: 1px solid #CECECE;padding-bottom: 3px;color: #333333;
                             margin-top: 15px;line-height: 1.4em;margin-bottom: 7px}
.article-long h3            {margin-top:25px}
h4                          {font-size: 16px;padding-bottom: 3px;color: #333333;margin-top: 15px;line-height: 1.4em;margin-bottom: 7px}
img.pull-right              {margin-left:30px;margin-bottom:30px}


/****************************
 * Classes natives
***************************/
.a-serv-adm legend          {font-size: 1rem} /*fait autorité sur boostrap*/
/*Masque le titre de la page ! */
.a-serv-title-201030 span,
.a-serv-title-601020 span,
.a-serv-title-994037 span,
.a-serv-title-994038 span,
.a-serv-title-994039 span,
.a-serv-title-994041 span,
.a-serv-title-994043 span,
.a-serv-title-994055 span,
.a-serv-title-994065 span,
.a-serv-title-994074 span,
.a-serv-title-994075 span,
.a-serv-title-994077 span,
.a-serv-title-1014053 span {display: none !important;visibility: hidden}

body .titre-service				{line-height: 1.3em;color: #333 !important;text-align: center;flex: 0 0 100%;margin-top: 30px;margin-left: 0}
.a-serv-title-Memos .titre-service
                           {}
.a-cns-panel-exploitation  {display: none}
.freehtml p                {line-height: 1.55em}
.freehtml ul               {}
.freehtml li               {}

/*on masque les menus Agrimarket permettant de faire des liens profonds (ce sont des connecteurs) - on pourrait aussi plus
 simplement cocher la case Inactif sur le menu, cela revient au même */
.service301050,
.service994046,
/*.service994067,*/
.service994048,
.service994049,
.service994050,
.service994051,
.service994052,
.service994053,
.service994054,
.service601020,
.service994037,
.service994065
.service994072,
.service994071,
.service994068,
.service994062,
.service994047,
.service994042,
.service994041,
.service201030,
.service994097,
.service994102,
.service994103,
.service994104,
.service994105,
.service994106,
.service994111,
.service994112,
.service994113,
.service994114,
.service994131		{display: none}

/*boutons Editer, imprimer dans les mémos etc.*/
body .titlebar .x-btn button    	{background-color: #6dc4a3; border-color: #6dc4a3; font-weight: normal;padding: 0.7rem 1.5re}
body .titlebar .x-btn button:before {color:#fff}

body #topPanel,
body #mid-panel,
body .vue-container 			{margin: auto;padding: 0 15px}
body #topPanel:not(.pageatrium),
body #mid-panel:not(.pageatrium),
body .vue-container:not(.pageatrium)
													{max-width: 1440px;background-color: #fff}

body #topPanel 						{margin-top: 0; margin-bottom: 0}

body ul.ariane						{-webkit-box-flex: 0 0 100%;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;padding-left: 0;margin: 1em auto 0;}
body ul.ariane li					{font-style: normal}

div[servid="994060"] aside,
#acs-994060 + aside       {display: none}/*on masque la colonne de droite dans la rubrique Semis 2018 (type Mémos avec iframe) */

/*-- Fond infobulles --*/
.x-tip .x-tip-bc,
.x-tip .x-tip-bl,
.x-tip .x-tip-br,
.x-tip .x-tip-ml,
.x-tip .x-tip-mr,
.x-tip .x-tip-tc,
.x-tip .x-tip-tl,
.x-tip .x-tip-tr          {background-image: none;/*url('images/common/tip-sprite.gif');*/}

/*en-tetes des blocs - sont ensuite ajustés selon la div de la structure (voir ci-dessus)*/
.x-panel-header           {font-size: 14px;font-style: normal;font-weight: bold;-x-system-font: none;background-image: none;
                           border: none;overflow: hidden;padding: 10px 7px 4px;line-height: 1.2em}

.mod-panel-internal .x-panel-header,
div.favoriteAccordion .x-panel-header
                          {background-color: #fff}
.x-panel-noborder .x-panel-header-noborder
                          {border: none}

.name                     {color: #066}
.date,
.spanresume,
.taille                   {font-weight: bold;color: #066}

/***************************************************
* Observatoire des récoltes, des semis > bouton est 
  géré directement dans la plate-forme pour le lien
****************************************************/
body #btn-observatoire           {position: absolute;top: 16px;left: 30px;text-decoration: none;font-size: 14px;border-radius: 4px;
                            padding: 6px 7px;width: 100px;white-space: normal !important}


/***************************************************
 * Menu
***************************************************/
body header .rubriques           {margin-bottom:0}
body #homepage::before           {content: "\f015";margin-left: 8px;font-family: "FontAwesome"}
body #previsu::before            {content: "\f06e";font-family: "FontAwesome"}

body header input[name="search"] {
  margin-top: 0;
}

/*input de la recherche*/
body header .input-wrapper input {display: block;height: 26px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
                            background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
                            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                            -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
                            -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
                            transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
                            transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
                            transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s}

/***************************************************
 * Accueil
***************************************************/
body .ePanel1                     {width:100% !important}
body .a-pave-hp 					 {margin-top: 20px;font-weight: 700;font-size: 14px;line-height: 1.5em;margin-bottom: 0}
body .a-pave-hp.bloc-avec-fond h1
                             {margin-top:0}
body .a-pave-hp .pave-contenu-image
                             {overflow:hidden;width:100% !important}
body .a-pave-hp .pave-contenu-image img
                             {transition: transform 0.3s ease}
body .a-pave-hp li:hover .pave-contenu-image img
                             {transform: scale(1.2)}
body .a-pave-hp img               {width: 100%;height: auto}
body .a-pave-hp iframe            {width: 100%}
body .a-pave-hp-contenu-html .freehtml a
                             {display: inline-block;overflow:hidden}

body .a-pave-hp .paginate-container a:hover
                             {text-decoration: none}



/* accueil > bloc mes contacts - affiché en ajax */
body .mes-contacts 							{height: 140px !important}

/* accueil > edito HTML > pour mise en forme des pubs */
body .editoAccueil 				 {padding: 15px;background-color: #F7F7F7;line-height: 1.45em}
body .editoAccueil h2 			 {width: 100%}
body .editoAccueil h1 			 {color: #fff;line-height: 1.3em; font-size: 17px}
body .editoAccueil h3 			 {color: #fff}/*pour reprendre la main sur le h2 ci-dessus*/
body .editoAccueil p				 {margin-bottom: 7px !important;font-size: 12px}
body .editoAccueil a 			 {color: #e64610}
body .editoAccueil .a-panel-header-hp
                             {margin-top: 0}

/* accueil > blocs de type image (ex : les logos d'accès rapide à gauche */
body .a-pave-hp-service-image     {background-color:#fff}
body .a-pave-hp-service-image img {width:80%}

/* accueil > edito HTML > bloc signature attestation en ligne */
.bloc-signature-en-ligne     {padding:20px !important;height: auto}
.bloc-signature-en-ligne h1  {font-size:20px !important;}
.bloc-signature-en-ligne h1 span
                              {opacity: .8;font-weight:500}
.bloc-signature-en-ligne .btn {}
.bloc-signature-en-ligne .btn:hover {background: #e64610!important; color: white}
.bloc-signature-en-ligne .contenu:before
                             {font-family: "FontAwesome";content: "\f040";font-size: 100px;position: absolute;z-index: 1;
                              color: #fff;opacity: 0.2;margin-top: 15px;right: 15px}
body .bloc-acceptation-statuts     {padding:20px !important}
body .bloc-acceptation-statuts h1  {font-size:20px !important}
body .bloc-acceptation-statuts h1 span
                              {opacity: .8;font-weight:500;font-size:.8em;line-height:1.3em}
body .bloc-acceptation-statuts .contenu
                              {margin-top:70px}
body .bloc-acceptation-statuts .contenu:before
                              {font-family: "FontAwesome";content: "\f040";font-size: 80px;position: absolute;z-index: 1;
                              color: #fff;opacity: 0.2;margin-top: -60px;width:100%;text-align:center}

/* accueil > edito HTML > bloc fil twitter privé */
/* cf. styles.css dans mesasperges.com/maisadourcoop/twitter/styles.css à remettre ici après*/
.bloc-twitter ul.paginate-page
                             {display:block;width:580px;margin:0 auto;list-style-type:none}/*c'est le memo qui rappelle le fil en totalité*/
body .a-pave-hp.bloc-twitter ul.paginate-page
                             {display:flex;width:100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox}
body .a-pave-hp.bloc-twitter .paginate-page li
                             {margin-right:28px;flex:1 1 0;-webkit-flex:1 1 0;-ms-flex:1 1 0;height:290px;overflow:hidden}
body .a-pave-hp.bloc-twitter .paginate-page li.last
                             {margin-right:-15px}
body .a-pave-hp.bloc-twitter .pave-contenu-image
                             {height:168px}
body .pave-contenu-pre-titre      {color:#657786;font-size:14px;line-height:2em}
body .pave-contenu-pre-titre a    {display: inline-block;text-decoration: none;flex-wrap:unset;width:auto;overflow:unset}


/* accueil > edito HTML > bloc masqué par défaut, affichage géré en ajax via mesasperges */
.bloc-masque-affiche-via-mes-asperges
                             {display: none;cursor:pointer}

/* accueil > blocs de contenus en ligne (row) : banque de docs, petites annonces, fil info, agenda...*/
body .pave-contenu-titre,
body .pave-contenu-titre a        {font-weight: bold}
body .paginate-page li            {padding:15px;background-color: #FFFFFF;margin-bottom: 20px;border: 1px solid #e1e1e1;
                             -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1)}

/* blocs documents persos */
body .a-pave-hp-uniperso .pave-contenu-date
                             {display:none}

/* blocs Image */
body .a-pave-hp-image             {margin-bottom: 20px;border: 1px solid #e1e1e1;
                             -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1)}
body .a-pave-hp-service-image     {margin-bottom: 20px;border: 0;
                             -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0)}

/* blocs éditos html accueil */
body .a-pave-hp-html p 			 {line-height: 18px;margin-bottom: 10px}


/* blocs memos */
body .a-pave-hp-memos .pave-contenu-titre	{font-weight: 700;color: #333; font-size: 18px}
body .a-pave-hp-memos .pave-contenu-date    {display:none}
body .a-pave-hp-memos ul                    {list-style: none!important; padding-left: 0px}

/* bloc agenda */

/*On cache le résumé pour l'évènement Journée technique FIELD DAY*/
body .a-serv-title-Evenement + #mid-panel .abstract  {display: none}

body .a-pave-hp-evenement li 			{background-color: #fff; padding: 0.6em;color: #000; -webkit-box-shadow: none; box-shadow: none}
body .a-pave-hp-evenement li:hover,
body .a-pave-hp-evenement li:hover ul li{background-color: #fff;color: #000}
body .a-pave-hp-evenement .pave-contenu-titre-resume
                                        {position:relative; display: flex; align-items: center; text-align: center;justify-content: center}
body .a-pave-hp-evenement .pave-contenu-titre
										{position: absolute;font-size: 1.8em;color: rgba(255, 255, 255, 0.95);z-index: 10;line-height: 1.2em;text-align: center; top:55px}
body .a-pave-hp-evenement .icon-clock 	{font-size: 1.2em}
body .a-pave-hp-evenement .icon-clock:before
                                        {font-size: 1.2em}

body .a-pave-hp-evenement .pave-contenu-date
                                        {display : block!important}
body .a-pave-hp-evenement .jour,
body .a-pave-hp-evenement .mois 		{font-size: 1.5em}
body .a-pave-hp-evenement .mois 		{margin: 0 5px}

body .a-pave-hp-evenement .pave-contenu-image
										{position: relative;margin-top: 0}
body .a-pave-hp-evenement .pave-contenu-resume
										{position: absolute;padding-top: 90px;text-align: center;color:#fff;font-size: 16px;width: 100%}
body .a-pave-hp-evenement .pave-contenu-resume img
                                        {background-color: #fff;width: 70%;padding: 3px}
body .a-pave-hp-evenement .pave-contenu-image:after
										{position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.4);content: ""}
body .a-pave-hp-evenement .session 		{display: none}
body .a-pave-hp-evenement a:hover       {color: #ffffff!important}
body .a-pave-hp-evenement a:hover .icon-clock{color:#000}

body .inscriptions .a-EvtInscription input {background-color: #083c77;color: #ffffff;padding: 10px;margin-top: 5px;font-size: 0.9rem;}

/* accueil > bloc de pub pleine largeur */
body .bloc-pub-pleine-largeur 			{border: 3px solid #F4F4F4}
body .bloc-pub-pleine-largeur img 		{width: 100%}


/* accueil > ma commercialisation */
body .mes-contrats                      {height: auto}
body .mes-contrats .btn                 {display: block;text-align: left;margin-top: 5px;position: relative;padding: 10px 10px 10px 20px}

body .mes-contrats .btn:first-child     {margin-top: 50px}

body .mes-contrats .btn:after           {font-family: "FontAwesome";display: inline-block;vertical-align: middle;height: 20px;
                                         text-align: center;font-size: 16px;font-weight: normal;color: #fff;content: "\f0da";
                                         position: absolute;right: 15px;top: 50%;transform: translateY(-50%)}

body .mes-contrats .bloc-bleu           {display: block;position: relative;padding: 10px 10px 10px 20px;color: #fff;
                                         background-color: #066;border-color: #066;border-radius: 4px}

body .maf                               {margin-bottom: 7px}
body .maf h4                            {margin-bottom: 7px}


/* accueil > mon compte client */
body .mon-compteclient                  {background-color: #F3F3F3;padding: 10px 10px 10px 20px;line-height: 14px}
body .mon-compteclient .lien            {display: block;text-align: left;position: relative;padding: 5px;color: #3f3f3f;
                                        text-decoration: none;line-height: 18px}

body .mon-compteclient .lien:hover      {color: #0192D1}
body .mon-compteclient .lien:before     {font-family: "FontAwesome";padding-right: 10px;display: inline-block;vertical-align: middle;
                                        height: 20px;text-align: center;font-size: 16px;font-weight: normal;color: #0192D1;content: "\f0da"}

body .bloc-meteo                            {overflow: hidden;background: #f3f3f3}
body .bloc-meteo .x-panel-body              {background: #f3f3f3}
body .bloc-meteo iframe                     {background: #f3f3f3}
body .bloc-meteo p                          {margin: 0}
body .bloc-meteo .a-panel-header-hp         {margin-top: 15px}

body .bloc-stratelia                        {overflow: hidden;background: #f3f3f3;height: 180px;text-align: center}
body .bloc-stratelia .x-panel-body          {background: #f3f3f3}
body .bloc-stratelia a                      {display: block}

body .bloc-en-ce-moment                     {height: 700px;overflow: hidden}

/*Carrousel accueil */
body .a-pave-hp-multi-image-carousel .x-panel-bwrap .x-panel-body
                                        	{-webkit-box-shadow: 1px 2px 9px 1px #DAD9D9;box-shadow: 1px 2px 9px 1px #DAD9D9;margin: 5px 5px 5px 0}

/*Accueil > Liens vers les outils*/
body .bloc-liens-directs .a-pave-wrapper    {background-color: #F3F3F3;padding: 10px 10px 10px 20px}
body .bloc-liens-directs .a-pave-wrapper a  {color: #3f3f3f;text-decoration: none;font-size: 20px;display: block;font-weight: 400;
                                        	line-height: 45px}
body .bloc-liens-directs .a-pave-wrapper a:hover
                                      	 	{color: #0192D1}
body .bloc-liens-directs .a-pave-wrapper a:before
                                       		{font-family: "FontAwesome";padding-right: 10px;vertical-align: middle;line-height: 45px;height: 20px;text-align: center;font-size: 16px;font-weight: normal;color: #0192D1;content: "\f0da"}
body .bloc-liens-directs .a-pave-wrapper-link div
                                       		{display: inline-block}
body .bloc-contact .col-12                  {background: #e64610;height: 100px}
body .bloc-contact:after                    {font-family: "FontAwesome";display: inline-block;vertical-align: middle;text-align: center;
                                        	font-size: 100px;font-weight: normal;color: #012b5b;content: "\f007"}

body #link-conseiller                      	{margin-top: 20px;display: block}
body #link-conseiller:after                	{font-family: "FontAwesome";display: inline-block;vertical-align: middle;font-size: 16px;
                                      		font-weight: normal;color: #fff;content: "\f101";margin-left: 5px}

/* Bloc cliquable avec les infos du user connecté : editohtml + js */
body .bloc-raison-sociale                    {}
body .raison-sociale-header                  {font-weight:600;color:#e64610;display:inline-block;font-size:1.6em !important}
body .raison-sociale                         {display:inline-block}

body .raison-sociale-user-infos				{position:relative;transition:all .3s ease-in-out;padding-right:25px;cursor:pointer;line-height:25px}
body .raison-sociale-user-infos:hover		{transition:all .5s ease-in-out;color:#066}
body .raison-sociale-user-infos:after
											{font-family:"FontAwesome";font-size:2em;color:#ccc;content:"\f105";position:absolute;top:50%;
											right:0;transform:translateY(-50%);width:auto;-webkit-transform: translateY(-50%);
											transition:all .5s ease-in-out}
body .raison-sociale-user-infos:hover:after	{color:#066}
body .raison-sociale-user-infos i 			{background: #066;color: #fff;display: inline-block;height: 22px; transition:all .3s ease-in-out;
											width: 22px;text-align: center;line-height: 22px;border-radius: 50%;margin-right:5px}


body .a-OrganisationPanelSect span.x-panel-header-text
                                        {color: #FFF !important}

/*Aladin*/
.bloc-accueil-aladin {cursor :pointer}

/***************************************************
* AGENDA
***************************************************/
body .a-serv-ress .diffusion                 {font-size: 12px;color: #999999;margin: 3px 0;text-align: right;display: block}
body .a-serv-ress .icon-clock::before        {display: none}
body .a-serv-ress .diffusion                 {font-size: 12px;color: #999999;margin: 3px 0;text-align: right;display: block}

/***************************************************
* ACTUS / MEMOS (Blog des agronomes etc.)
***************************************************/
body .resume,
body article .resume p						{font-size: 1.2em;line-height: 1.45em;font-style:italic;color:#333;margin-bottom:20px}
/*Masquer une photo dans le résumé d'une actu dans la page de détail de l'actu. Permet d'avoir une photo en accueil et de la
  masquer ensuite*/
body article .resume img 					{display: none}
body .a-Evenement,
body .a-Memos 								{font-size: 14px;line-height: 1.55em}
body .a-Evenement p,
body .a-Memos p 							{margin-bottom: 20px}
body .a-Evenement h2,
body .a-Memos h2 							{width: auto}
body .titlebar div.title                    {color: #333333;font-size: 18px;font-variant: normal;font-weight: bold;margin: -3px 0 0;
                                        	line-height: 1.35em}
body .a-Memos .description p                {text-align: justify}
body div.description                        {margin: 3px 0 0;padding-top: 15px}
body .a-Memos div.content                   {padding: 30px;border: 11px solid #f7F7F7}

body .a-Memos .titre-article                {color: #066;font-size: 24px;text-align: center; line-height: initial}
body .a-Memos h1                            {color: #066;font-weight: bold;border-bottom: 1px solid #066;padding-top: 20px;font-size: 18px !important}
body .a-Memos h2                            {width: 100%;font-weight: bold;font-size: 17px}
body .a-Memos h3                            {font-weight: bold;font-size: 17px;margin-top: 0;border-bottom: none;display: inline}
body .a-Memos .legende-image                {font-style: italic;text-align: center;font-size: 13px;margin: 10px auto 30px;width: 80%}
body .a-Memos .resume                       {font-style: normal}
body .a-Memos .conclusion                   {margin: 30px;font-size: 24px;text-align: center}
body .a-Memos .col-sm-4.item                {margin-top: 15px;height: 126px;overflow: hidden}
body .a-Memos .image-grande                 {width: 50%}
body .a-Memos .image-petite                 {float: right;width: 20%}
button.questionnaire 					    {background-color: #066;color: #fff;padding: 1.1em 20px 1em 1em;position:relative;font-weight: bold;font-size: 19px}
body button.questionnaire:hover             {cursor: pointer}
body .questionnaire .x-form-item-label      {font-weight: bold; margin-top: 15px}
body .a-Memos ul                            {margin-bottom: 0}
body .a-Memos .li-circle                    {list-style-type: circle !important;margin-left: 30px}
body .a-Memos .encadre.gris                 {font-size: 14px;border-color: transparent;margin-bottom: 60px;margin-top: 60px;border-top: 3px solid #CCCCCC;border-bottom: 3px solid #CCCCCC}
body .a-Memos .encadre.gris .titre-encadre  {color: #000000;font-size: 16px;font-weight: bold}
body .a-Memos .allerEnBas                   {cursor: pointer}
body .a-Memos .bloc-flex                    {display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;}

/*Nav interieure de droite */
body #presentPanel div.x-panel-header       {padding: 30px 0 10px 20px;color: #333}
body #presentPanel .f-grid3-row             {border: 0}
body #presentPanel .cells                   {background-color: #F7F7F7}
body #presentPanel .cells.f-grid3-row-selected
                                        	{color: #767676;background-color: #FFFFFF}
body #presentPanel .cells:hover             {color: #e64610}
body #presentPanel .cells                   {padding: 15px 20px;font-size: 12px}
body #presentPanel .x-panel-bbar            {border-top: 1px solid #d0d0d0}
body #compovisuPanel                        {margin-bottom: 20px}
body #compovisuPanel .a-PanelGrid > .x-panel-bwrap > .x-panel-body
                                        		{border: 1px solid #e4e4e4}
body #compovisuPanel .cells td:nth-child(1) {display: none}
/*picto des news > moche !*/
body .a-NavigationPanel > .x-panel-bwrap > .x-panel-body
                                        		{border-top: 1px solid #066;padding-top: 0.1em;margin-top: 1em}

body .vue-container .panel-exploitation-user {display: none}

/***************************************************
* Questionnaires
***************************************************/
.questionnaire .a-questionnaire-comment {font-weight: bold;font-size: 14px;margin-top: 20px}
.questionnaire .x-fieldset legend         {color: #fff;background-color: #066;padding: 7px 30px 6px 11px;margin-bottom: 0}
.questionnaire .x-fieldset                 {border: 2px solid #F2F2F2;margin-bottom: 20px;background-color: #fbfbfb;
    box-shadow: 8px 3px 11px rgba(0,0,0,.2)}
.questionnaire .x-form-item-label       {font-weight: bold; margin-top: 15px}
button.questionnaire                     {background-color: #066;color: #fff;padding: 1.1em 20px 1em 1em;position:relative;font-weight: bold;font-size: 19px}
button.questionnaire:after                 {font-family: "FontAwesome";content: "\f105";position: absolute;right: 8px;top: 50%;
    transform: translateY(-50%)}
button.questionnaire:hover                 {background-color: #e64610}
.questionnaire .rtextfield .x-form-text {width:80%}
.x-window-draggable,
.x-window-draggable .x-window-header-text
{padding: 10px}
.x-window-header                        {background-color:#e64610;color:#fff}
.x-window-body                             {padding-right: 5px}


/***************************************************
* Tableaux de bord Mes appros (facturées) + Mes commandes en cours
* IMPORTANT : @todo vérifier les données de chaque ligne TOTAL car cela ne correspond pas à la somme des lignes du dessus parfois
***************************************************/
/* Une petite marge au-dessus du nom de l'exploitation*/
body .a-exploit-tpl-extr                    {margin-top: 15px}
body #appliPanel #acs-102010 .a-grid3-extra-row:after
                                        	{content: "";margin-bottom: 10px;display: block}
body #appliPanel #acs-102010 .a-grid3-summary-table
                                        	{color: #e64610;padding: 3px;margin-bottom: 20px;font-weight: bold}
body #appliPanel #acs-102010 .x-grid-group-hd{background-color: #C3C3C3}

/*en-tête catégorie dans les tableaux de bord*/
body #appliPanel #acs-102010 .x-grid-group-hd div
                                        	{margin-bottom: 5px}
body #appliPanel #acs-102010 .x-tab-panel-header
                                        	{background: #fff;border: 0}
/*onglets*/
body #appliPanel #acs-102010 .x-tab-strip-top .x-tab-strip-inner
                                        	{padding: 7px 5px;font-size: 14px}
body #appliPanel #acs-102010 ul.x-tab-strip-top
                                        	{background: #FFFFFF}
/*onglets*/
body #visuPanel .docs,.lastdocs .row        {max-width: 100%}
body .a-banque-tree                         {margin-right: 1em}
/*Tab. bord > ATTENTION > masquage du prix MAF dans la modal des tableaux de bord */
.a-detail-prix                         		{display: none}


/***************************************************
* TempoSemis
***************************************************/
body #acs-994041 iframe                     {padding: 0;margin: 0;border: 0}
.temposemis-accueil                    {position: absolute;left: 102px;right: 15px;top: 120px}
.temposemis-accueil.haut               {position: absolute;left: 45px;right: 15px;top: 35px}
.temposemis-accueil a                  {color: #d5ff36;font-weight: 600;text-decoration: none;line-height: 1.3em;
                                        -webkit-transition: linear color 0.2s;
                                        -o-transition: linear color 0.2s;transition: linear color 0.2s}

.temposemis-accueil.haut a             {font-size:1.6em;color:#fff;line-height: initial}
.temposemis-container-accueil:hover a  {color: #f8a334 !important}
.temposemis-container-accueil .pave-contenu-image
                                       {position:relative;margin:0}
.temposemis-container-accueil .pave-contenu-image:after
                                        {position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.2);
                                        content: ""}

/***************************************************
* Modal Bootstrap
*****************/

.modal-open           {overflow-y: hidden}/*astuce André : pour empêcher le scroll derrière la modal*/
.fade                 {opacity: 0;-webkit-transition: opacity .15s linear;transition: opacity .15s linear}
.fade.in              {opacity:1}
.modal                {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;display: none;background: rgba(0,0,0,.6)}
.modal-dialog         {z-index: 1050;width: auto;padding: 10px;margin-right: auto;margin-left: auto;position:relative;max-width: unset}
.modal.in .modal-dialog
                      {-webkit-transform: translate(0,0); -ms-transform: translate(0,0);transform: translate(0,0);
                       transition: transform .3s ease-out}
.modal-content        {color: #222;border: 1px solid rgba(0,0,0,0.333);-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
                       box-shadow: 0 4px 16px rgba(0,0,0,0.2);position: relative;background-color: #fff;outline: 0;
                       background-clip: padding-box}
.modal-header         {display:flex;align-items: center;padding: 0 0 10px 0;border-bottom: 1px solid #e5e5e5}
.close                {margin: 0;padding: 10px;color: white;font-size: 1.8rem;line-height: 1;text-shadow: 0 1px 0 #fff;opacity: .4;
                      filter: alpha(opacity=40);cursor: pointer;background: transparent;border: 0;-webkit-appearance: none}
.modal-title          {font-size: 18px;margin: 0;line-height: 1.428571429}
.modal-body           {padding: 15px;position: relative}
.modal-scroll         {overflow-y: scroll}
.modal-footer         {display:block;min-height: 60px;padding: 15px;border-top: 1px solid #e5e5e5}
.checkCGU label       {cursor:pointer;margin-bottom: 7px;display: inline-block}
.modal-content .checkbox input
                      {visibility:visible;top:-2px}/*à cause d'un style Atrium ajouté récemment : .checkbox masqué */


@media screen and (min-width: 768px) {
    .modal-dialog {
        right: auto;
        left: auto;
        width: 80%;
        padding-top: 30px;padding-bottom: 30px;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    }
}


/***************************************************
* Slider Swiper
* http://idangero.us/swiper/get-started/
*****************/
.swiper-slide         {width:100% !important;margin-bottom:30px}
.slider-swipper img   {width:100%}
.swiper-legend        {position: absolute;top: 15px;left: 15px;right:15px;color: #fff;font-size: .9rem}
.swiper-legend.at-bottom
                      {bottom: 15px;top:auto}
.swiper-container.big-legend .swiper-legend.at-bottom
                      {font-size: 1.7em;width: 100%;left: 0;text-align: center;bottom: 0;padding: 0 0 20px 0;
                        background: linear-gradient(to bottom, rgba(91, 91, 91, 0) 0%, #000000 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005b5b5b', endColorstr='#000000', GradientType=0);
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-linear-gradient(top, rgba(91, 91, 91, 0) 0%, #000000 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91, 91, 91, 0)), color-stop(100%, #000000));
                        background: -webkit-linear-gradient(top, rgba(91, 91, 91, 0) 0%, #000000 100%);
                        background: -o-linear-gradient(top, rgba(91, 91, 91, 0) 0%, #000000 100%);
                        background: -ms-linear-gradient(top, rgba(91, 91, 91, 0) 0%, #000000 100%);
                        }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next
                      {background-image: none}
.swiper-button-prev:before,
.swiper-container-rtl .swiper-button-next:before
                      {font-family: FontAwesome;    content: "\f104";color:#fff;font-size: 5em}
.swiper-button-next:before,
.swiper-container-rtl .swiper-button-prev:before
                      {font-family:FontAwesome;    content: "\f105";color:#fff;font-size: 5em}
.card-title           {border: 1px solid #ccc;margin-bottom: 0;border-bottom: 0;padding: 10px}

.container-col-flex   {display:flex;flex-flow: row;justify-content:center;align-items:flex-start}
.col-flex:nth-child(1)
                      {flex:2 1 10%;margin-right: 2%}
.col-flex:nth-child(2)
                      {flex:1 2 5%}

.container-col-flex.in-slider
                      {align-items:flex-start}
.container-col-flex.in-slider .col-flex
                      {flex: 1 1 0;font-size:.9rem;margin-right:15px}
.container-col-flex.in-slider .col-flex:nth-child(3)
                      {flex: 2 1 0}
.container-col-flex.in-slider .col-flex:last-child
                      {margin-right:0}
.container-col-flex.in-slider .col-flex img
                      {margin-bottom:20px}



/***************************************************
* Fil d'infos
* Styles editeur de texte extranet
**************************************************/
body .freehtml .Titre1 {
    font-size: 26px;
    text-align: center;
    max-width: 500px;
    margin: 30px auto;
    font-weight: bold;
    color: #066;
}
body .freehtml .Titre2{
    font-size: 24px;
    text-align: center;
    max-width: 500px;
    margin: 30px auto;
    font-weight: bold;
    color: #e64610;
}
body .freehtml .Titre3{
    color: #066;
    font-weight: bold;
    border-bottom: 1px solid #066;
    padding-top: 20px !important;
    font-size: 18px !important;
}
body .freehtml .Normal{
    font-size: 16px;
    color:#635f5f;
}
body .freehtml .Italique{
    font-size: 10px;
    font-style: italic;
    color: #e64610;
    margin: 3px 0 0 0;
    margin-bottom: 15px
}
body .freehtml #encadre{
    font-size: 14px;
    border-color: transparent;
    margin-bottom: 60px;
    margin-top: 60px;
    border-top: 3px solid #CCCCCC;
    border-bottom: 3px solid #CCCCCC;
    background-color: #f7f7f7;
    padding: 15px;
}
body .freehtml #encadre td{
    padding: 30px;
}
body .freehtml .remarque a{
    display: inline-block !important;
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 1.42857143;
    position: relative;
    overflow: hidden !important;
    font-size: inherit;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    z-index: 10;
    background-color: #e64610 !important;
    color: white;
    border-radius: 24px;
    padding: 15px 30px;
}
body .freehtml .remarque a:hover{
    background-color: #066 !important;
}

body .freehtml #encadre-bleu{
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    border-color: transparent;
    margin-bottom: 60px;
    margin-top: 60px;
    background-color: #066;
    padding: 15px;
}
body .freehtml #encadre-bleu td{
    padding: 30px;
}
body .freehtml table {
    border :none;
    width:100%!important
}
body .freehtml table tr{
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}
body .freehtml table td{
    border: none
}
body .freehtml table p{
    text-align: center!important;
}
body .freehtml table tr:first-child{
    font-weight: bold;
}
body .freehtml #tableau-marge td{
    padding: 30px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    body .freehtml #encadre-bleu td{
        display: block;
    }
    body .freehtml #encadre-bleu td:nth-child(3){
        display: none;
    }
}

/*Widget météo terrenet*/
.bloc-meteo-terrenet #prev-geoloc.widget-meteo-Infolia {
    background: #f9f9f9;
    border: none;
    border-bottom: 3px solid #066;
    border-radius: 4px;
    width: 100%;
    height: 151px;
}
.bloc-meteo-terrenet #prev-geoloc.widget-meteo-Infolia .prev-geoloc-head {
    background-color: #066;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}
.bloc-meteo-terrenet #prev-geoloc .prev-geoloc-head a {
    color: #ffffff;
    font-size: 12px;
    margin-top: 2px;
}

.bloc-meteo-terrenet #prev-geoloc .location{
    font-size: 15px;
}


/*Slider*/
.bx-controls-direction {position : relative}
.bx-controls-direction > a {position: absolute;top: -160px;font-size: 22px;text-decoration: none;background: #ffffff;color: #e64610;border-radius: 50%;width: 30px;height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: 700;box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 10%);}
.bloc-carre .bx-controls-direction > a {top: -110px;}

.bx-controls-direction .bx-prev {left: -18px;padding-right: 2px;}
.bx-controls-direction .bx-next {right: -18px;padding-left: 2px;}

body table.form-table tr.row{display: table-row!important;}
.page-publique .page-accueil header{display:none}
.page-publique .page-accueil #left-panel{display:none}
.page-publique .page-accueil #right-panel{display:none}
.page-publique .page-accueil .pageatrium {max-width:100%}
.page-publique .page-accueil #mid-panel-wrapper {max-width: 100%; width: 100%;}
.pageatrium {max-width:1440px!important}
.page-publique .pageatrium {max-width:inherit!important}
.page-publique .pageatrium .container-content{padding: 0;}
.page-publique .pageatrium .mid-panel-wrapper{padding: 0;margin:0}
.page-publique #mid-panel {height: 0;margin:0}
.page-publique, .page-publique #base-wrapper, .page-publique #base-wrapper #basePanel, .page-publique #base-wrapper #basePanel #logoPanel,
.page-publique #base-wrapper #basePanel #logoPanel,
.page-publique #base-wrapper #basePanel #appliPanel,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper #message-communication-header-service,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper #message-communication-popup,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper #mid-panel div,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper #new-mid,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper #popup-device,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper section > div,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper section > div .structure-container,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper section > div .structure-container .container-content .bloc,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper section > div .structure-container .container-content .bloc .cell ,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper section > div .structure-container .container-content .bloc .cell .row.justify-content-center,
.page-publique #base-wrapper #basePanel #mid-panel-wrapper section > div .structure-container .container-content {margin-top:0!important;padding:0}

.pageatrium .bloc-twitter ul.paginate-page {width: 100%!important;height: 312px;overflow-x: hidden;overflow-y: scroll;}
.pageatrium .bloc-twitter h4 {display: none;}

/**/
.admin-page-atrium tr.row{display: revert;}

.pageatrium .structure-container h2 {
    width: 100%;
    font-size: 24px;
    color: #e64610;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.pageatrium .container-content .bloc h2{font-size: 14px;}
.pageatrium .slider-les-essentiels .bloc-maf .contenu{padding: 15px;}
.pageatrium .slider-les-essentiels .pave-contenu-image img {border-radius: 8px;}
.bloc-maf                              {margin-bottom: 40px;margin-top: 40px;color: #fff;border-radius: 4px;border: 1px solid #FFB600;background-color: #FFB600;border-radius: 8px;}
.bloc-maf .icon-croisix                {margin: 0 auto;font-size: 40px !important;opacity: .8;background: #fff;border-radius: 50%;height: 40px;width: 40px;color: #ffb600;padding: 3px 0;line-height: 40px;}
.bloc-maf .maf-tarifs                  {display: flex; justify-content: space-between;align-items: center;margin:0 -20px;font-size:1.3em}
.bloc-maf .maf-tarifs > div            {margin: 0 10px;text-align:center}
/*New accueil*/
.page-accueil #mid-panel-wrapper{background:inherit}
/*.pageatrium > div {display: flex;flex-wrap: wrap;}*/
.pageatrium .bloc-a-ne-pas-manquer{width:100%}
.pageatrium .bloc-haut-de-page{width:100%}
.pageatrium .slider-les-essentiels{width:100%}
.pageatrium .slider-les-essentiels .bx-controls-direction > a {top: -110px;}
.pageatrium .bloc-a-ne-pas-manquer .container-content{width:100%;padding:0}
.pageatrium .bloc-haut-de-page .container-content{width:100%;padding:0}
.pageatrium .bloc-a-ne-pas-manquer .bloc-twitter ul.paginate-page{width: 100%!important;height: 312px;overflow-x: hidden;overflow-y: scroll;}
.pageatrium .bloc-a-ne-pas-manquer .bloc-twitter h4{display: none}
.pageatrium .bloc-a-ne-pas-manquer .bloc-twitter .paginate-page li:first-child{padding-top: 0}

.pageatrium .les-essentiels,.pageatrium .vie-de-la-coop,.pageatrium .cultures, .pageatrium .elevage,.pageatrium .bx-wrapper.services-et-outils{max-width: 100%!important;background: #ffffff;padding: 20px;border-radius: 4px;box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 10%);}
.pageatrium .les-essentiels .container-content > div{height: 200px}
.pageatrium .container-content > div > div {height: 100%}
.pageatrium .bx-wrapper .container-content {padding-top:0px}
.pageatrium .bx-wrapper .container-content .bloc{margin-top:0px!important;height: 280px}
.pageatrium .container-content .bloc .contenu-hp h2{font-size: 14px}
.pageatrium .container-content .bloc .pave-texte div{font-size: 14px}
.pageatrium .container-content .bloc .pave-texte .content-text > div:first-child{height: 100%}
.pageatrium .bloc-avec-fond {height: 100%;}
.pageatrium .bloc-avec-fond h2{color: white;font-size: 20px;line-height: 20px}
.pageatrium .freehtml {width: 100%;}

.pageatrium .bloc .article__image{position: relative; width: 100%;margin:0px;    border-radius: 8px;overflow: hidden;}
.pageatrium .article__image:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.45);content: "";}
.pageatrium .bloc .article__titre{position: absolute;height: auto;color: rgba(255, 255, 255, 0.95);text-decoration: none;font-size: 20px;line-height: 1.32em;text-align: center;padding: 15px;}
.pageatrium .article{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.pageatrium .pave-texte {overflow: visible;width: auto;display: flex;flex-direction: row;flex-wrap: wrap}
.pageatrium .pave-texte > div {overflow: visible}
.pageatrium .pave-texte a {height:100%;padding:0px;border-radius: 8px;text-decoration: none}
.pageatrium .pave-texte {position: relative;height: auto;overflow: hidden;height: 100%;}
.pageatrium .pave-texte .pave-content-image {display: flex;justify-content: center;align-items: center;text-align: center;overflow: hidden;}
.pageatrium .pave-texte .contenu-hp-image .pave-contenu-titre {position: absolute;text-align: center;font-size: 1.4em;color: rgba(255, 255, 255, 0.95);width: 85%;z-index: 10;padding: 0 10px;left: 0;right: 0;margin: auto;text-decoration: none;display: flex;justify-content: center;align-items: center;height: 100%;}
.pageatrium .pave-texte .contenu-hp-image .pave-contenu-titre a {height: auto;color: rgba(255, 255, 255, 0.95);text-decoration: none;    font-size: 20px;line-height: 20px}
.pageatrium .pave-texte .contenu-hp-image {position: relative;margin: 0;display: flex;justify-content: center;border-radius: 8px;height: 280px!important;width: 100%!important;overflow: hidden}
.pageatrium .pave-texte .contenu-hp-image .pave-contenu-image {margin: 0}
.pageatrium .pave-texte .contenu-hp-image .pave-contenu-image img {height: auto;width: 100%;max-width: inherit!important;}
.pageatrium .pave-texte .contenu-hp-image .pave-contenu-image:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);content: "";}
.pageatrium .structure-container h2{width: 100%;font-size: 24px;color: #e64610;font-weight: 700;margin-bottom: 0;margin-top: 20px;margin-bottom: 10px}

/*Météo Accueil*/
.pageatrium .bx-wrapper #prev-geoloc.widget-meteo-Maisadour .prev-geoloc-head,
.pageatrium .bx-wrapper #prev-geoloc .prev-geoloc-head {background-color: #e6460a ;color: #fff;margin-bottom: 20px;font-size: 18px}
.pageatrium .bx-wrapper #prev-geoloc.widget-meteo-Maisadour,
.pageatrium .bx-wrapper #prev-geoloc {height: 200px;margin-top: -20px;border: none;border: 1px solid #e6460a;border-bottom: 4px solid #e6460a;border-radius: 8px;background: #ffffff;width: 100%;}
.pageatrium .bx-wrapper #prev-geoloc .location,
.pageatrium .bx-wrapper #prev-geoloc .location {margin-top: 20px;}
.pageatrium .bx-wrapper #prev-geoloc.widget-meteo-Maisadour .prev-geoloc-head {background-color: #e6460a;color: #ffffff;padding-left: 10px;padding-right: 10px;}
.pageatrium .bx-wrapper #prev-geoloc .prev-geoloc-head a {color: #ffffff;font-size: 12px;margin-top: 2px;}
.pageatrium .bx-wrapper #prev-geoloc .location{font-size: 15px;}

.pageatrium .slider-les-essentiels .bloc .content-text {height: 200px!important;width: 100%}
.pageatrium .slider-les-essentiels .bloc .content-text .contenu-hp{height: 100%}
.pageatrium .slider-les-essentiels .bloc .content-text a {text-decoration: none;color: initial;}
.pageatrium .slider-les-essentiels .bx-wrapper .container-content .bloc{height: 200px}

.pageatrium .slider-les-essentiels .bloc-maf .contenu{padding: 15px;}
.pageatrium .slider-les-essentiels .pave-contenu-image img {border-radius: 8px;}
.pageatrium .slider-les-essentiels .bloc-prix-du-jour h2,
.pageatrium .structure-container .bloc-avec-fond h2,
.pageatrium .slider-les-essentiels .bloc-acceptation-statuts h2{font-size: 14px;font-weight: normal;color:inherit}

.pageatrium .bloc-haut-de-page .bloc-raison-sociale .pave-texte{width:100%}
.pageatrium .bloc-haut-de-page .bloc-raison-sociale .pave-texte .content-text{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.pageatrium .bloc-haut-de-page .bloc-raison-sociale .pave-texte .content-text .raison-sociale-header,
.pageatrium .bloc-haut-de-page .bloc-raison-sociale .pave-texte .content-text .raison-sociale-header .raison-sociale{font-size: 20px}
.pageatrium .bloc-haut-de-page .bloc{margin: 0!important}
@media screen and (max-width: 992px) {
    .pageatrium .structure-container.slider-cultures,.pageatrium .structure-container.slider-elevage{width:100%!important;max-width:100%!important;display: block;margin:auto}
    body .pageatrium .slider-cultures .bx-wrapper,.pageatrium .slider-elevage .bx-wrapper {max-width: 100%!important; display: block;margin:auto}
}
.pageatrium .bloc-prix-du-jour {height: 100%}
.pageatrium .bloc-prix-du-jour .contenu-hp {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.pageatrium .pave-multi-images {height: 100%;}
.pageatrium .pave-multi-images * {width: 100%;height: auto}
.pageatrium .pave-multi-images button{width: 30px;height: 30px;padding:8px;    fill: #e64610;background: white;opacity: 1;}
.pageatrium .pave-multi-images .splide__arrows {height: auto}
.pageatrium .pave-multi-images .splide__arrows * {height: auto}
.pageatrium .bloc-prix-du-jour .container-liste-prix-du-jour  {width: 100%; padding: 0 20px}
.pageatrium .bloc-prix-du-jour .row-prix-du-jour  {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center; justify-content: space-between;width: 100%;margin-bottom; 15px;}
.pageatrium .bloc-prix-du-jour .prix              {color:#e6460a; font-size: .9rem !important; font-weight: bold}
.pageatrium .bloc-prix-du-jour .libelle-prix			{font-size: .75rem!important }
.pageatrium .bloc-prix-du-jour .prix .unite       {border: 0;padding: 0;font-size: .7rem;vertical-align: baseline; font-weight: normal}
.pageatrium .bloc-prix-du-jour .row-header  			{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center; justify-content: space-between;
  																								 width: 100%;padding:10px 20px 15px 20px}
.pageatrium .bloc-prix-du-jour .row-header a  		{height: auto!important}

@media screen and (max-width: 900px) {
    .pageatrium .pave-multi-images img{height: auto;width: 100%}
}


body .gestionRessource .edit-ressource {
    padding: 0.7rem 1.5rem;
    line-height: 1;
}

/*fixes issue with AdminCSS table*/
body .admincss .table .row {
    display: table-row !important;
    margin: 0;
}

body .admincss > div {
    max-width: 100%;
}

/*Gestion des bouttons pour les pages administrateur 30340208/jérémy */
body .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {overflow: scroll;}

.rbutton button, .x-btn{ padding-bottom: 5px;}

body [class*=icon]::before{margin-right: 8px;}
body [class*=x-tbar]::before{display: contents;}


body .a-personne-header {    background: #49505721;
    border-bottom: #6c757d solid 1px;
    margin-bottom: 10px;
}

/*****************************
* responsive
*****************/
@media screen and (max-width: 767px) {
    body #mid-panel-wrapper > .vue-container .a-service-texte > .container > article{padding:10px}

    .container-col-flex                 {flex-flow: column}
    .col-flex:nth-child(1)              {margin-right:0}
    .col-flex:nth-child(2)              {}
    .swiper-legend                      {font-size:1rem;bottom:15px}
    body .a-Memos .col-sm-4.item,
    body .a-Memos .col-sm-6.item        {height: auto;}
    body .a-Memos .image-grande         {width: 100%}
    body .a-Memos .image-petite         {float: none;width: 100%;}
    body .a-Memos .conclusion           {font-size: 18px}

}

@media screen and (min-width: 992px) {
  /*
  Masque des sous rubriques pour le menu "La Boutique"
  Mathilde 18/07/2019
  Mis en commentaire car le clic sur le menu ne fonctionne pas sous iphone - 09/12/2020
  */
  body .rub100.open > .sous-rubriques.display {
    /*display: none !important*/
  }


}
@media screen and (max-width: 991px) {
  /* accueil */
  body .a-pave-hp-image img {
    width: 50%;
  }
  /* page login */
  body #auth-form table {
    width: 100%;
  }
  /* fin page login */
  /* accueil */
  body .ePanel2 {
    width: 100% !important;
  }
  body .ePanel2:after {
    clear: both;
  }
  body .ePanel3 {
    width: 100% !important;
  }
  .ePanel3 .freehtml {
    text-align: center;
  }
  .pageatrium .bloc-haut-de-page .bloc-raison-sociale .pave-texte .content-text {
    flex-direction: column;
  }
  body .bloc-raison-sociale div {
    float: none;
    width: 100%;
  }
  /* fin accueil */
  body .logo {
    height: 119px;
  }
  body #topPanel > .titre-service,
  body #topPanel > ul.ariane {
    padding-left: 0;
  }
  body #mid-panel-wrapper {
    margin: 20px 0;
  }
  body #visuPanel.a-serv-cns {
    margin-right: 0;
  }
  body #presentPanel {
    margin-top: 30px;
  }
  header .menu-toolbar {
    padding: 5px;
  }
  body #burger {
    display: block;
  }
  body #menuPanel {
    position: relative;
    margin-top: 0;
    margin-bottom: 2em;
    display: none;
    z-index: 999;
  }
  body #menuPanel .rubriques {
    width: 100%;
    background-color: #339999;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body #menuPanel .rubriques .rubrique {
    padding: 0;
    border-bottom: 1px solid #d6fdfd;
    width: 100%;
    text-align: left;
  }
  body .header-site .rubriques .rubrique .intitule, 
  body .header-site .rubriques .rubrique .intitule > * {
    color: #d6fdfd !important;
    font-weight: normal;
  }
  
  body .header-site .rubriques .rubrique .intitule-rubrique {
    padding: 21px 0 0 21px;
    font-size: 18px;
  }
  body .header-site .rubriques > .rubrique .sous-rubriques .intitule {
    color: #6fc !important;
  }
  body .header-site .rubriques > .rubrique .sous-rubriques {
    padding: 0;
  }
  body #menuPanel.display.open .rubriques .rubrique > .intitule {
    padding: 0;
  }
  body #menuPanel.display.open .rubriques .rubrique > .intitule a {
    padding: 21px 0 0 21px;
    font-size: 18px;
  }
  body #menuPanel .rubriques .rubrique.open {
    border-bottom: 1px solid #e6e6e6;
  }
  body #menuPanel.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  body .action-favoris > .intitule-rubrique,
  body .action-mon-profil > .intitule-rubrique {
    text-transform: uppercase;
  }
  body .intitule-rubrique {
    height: auto !important;
  }
  body header .rubriques .rubrique .intitule,
  body header .rubriques .rubrique .intitule > a {
    color: #1498bc !important;
    font-weight: 600;
  }
  body .rubriques li.action-favoris {
    display: none;
  }
  body .rubriques li.action-mon-profil {
    display: none;
  }
  body #menuPanel.open .action:not(.open),
  body #menuPanel.open .rubrique:not(.open) {
    display: none;
  }
  body #menuPanel > ul {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body #favoris,
  body #logout,
  body #profil {
    /*display: none;*/
  }
  body .rubriques > .action {
    display: unset;
  }
  body #menuPanel .action,
  body #menuPanel .rubrique {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  body .rubrique.open::before {
    content: '\f053 Retour';
    color: #fff;
    font-family: "FontAwesome";
    position: relative;
    top: 5px;
    left: 5px;
  }
  body .sous-rubriques {
    position: relative;
    display: none;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    top: 0 !important;
  }
  body .sous-rubrique {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
  }
  body .sous-rubriques.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  body .sous-rubriques-list {
    max-height: calc(100vh - 220px);
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    overflow: auto;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  body .cns-link {
    cursor: pointer;
  }
}

/* menu responsive */
@media screen and (max-width: 767px) {

  /* accueil */
  body .ensemble {
    width: 100% !important;
  }
  body .a-pave-hp.pos-none,
  body .a-pave-hp.pos-right {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  body .a-serv-hp #mid-panel-wrapper {
    padding-right: 30px;
    padding-left: 30px;
  }
  body #visuPanel {
    padding-left: 0;
    padding-right: 0;
  }
  body .ePanel1 > .ensemble.float-right .a-pave-hp.pos-right {
    margin-right: 0;
  }
  body .logo {
    height: 75px;
  }
  body .cns-link {
    cursor: pointer;
  }

  .bloc-signature-en-ligne         {}
  .bloc-signature-en-ligne h1      {width:100%;}
  .bloc-signature-en-ligne .btn    {display:block;margin:0 auto}

  /* accueil > edito HTML > bloc fil twitter privé */
  body .bloc-twitter ul.paginate-page
                             {width:100%}
  body .a-pave-hp.bloc-twitter ul.paginate-page
                             {display:flex;flex-direction:column;-webkit-box-orient: vertical;-webkit-box-direction: normal;
                             -webkit-flex-direction: column;-ms-flex-direction: column}
  body .a-pave-hp.bloc-twitter .paginate-page li.last
                             {margin-right:0}
  body .a-pave-hp.bloc-twitter .paginate-page li
                             {height:290px;overflow:hidden;flex:0 0 100%;-webkit-flex:0 0 100%;margin-right:0}

  /* pages intérieures de type Memos */
  body .vue-container .a-service-texte,
  body .vue-container .a-service-texte + aside .container
                             {margin-left: 0;margin-right: 0}
  body .vue-container .a-service-texte
                             {flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;-webkit-box-flex:0 0 100%}
}
/* fin menu responsive */

@media screen and (max-width: 1440px) {
    .vue-container {
        padding-left: 0;
        padding-right: 0;
    }
}