:root {
	/** voir dans amun-theme-amac.css pour les variables de couleurs **/
	--color-fond: #f6f9fc;
	--color-contrefond: #e2ecf6;
	--color-fond-alt: #c6d9ed;

	--color-bandeau: #6f9ed1;
	--color-header: #a9c5e4;
	--color-titre: #8cb2db;

	--color-links: #578fca;
	--color-links-menu: white;
	--color-links-connect: white;

	--color-text-titre: #ee5e2f;
	--color-text-titre-alt: #fff2e6;
	--color-black: #000d14;

	--color-border-init: var(--color-fond-alt);
	--color-border-hover: var(--color-contrefond);
	--color-border-animate: var(--color-fond-alt);
}

article {}

article.node--type-manifestation,
article.node--type-jnc,
article.node--type-jst,
article.node--type-annonces {
	border: 1px solid var(--color-header);
	padding: 15px;
}

.node--view-mode-full .node__content .field--type-text-long,
.node--view-mode-full .node__content .field--type-string-long,
.node--view-mode-full .node__content .field--type-text-with-summary {
  font-size: 17px;
  line-height: 162%;
}

.field--name-body {
	margin-top: 15px;
}

.field--name-body p,
.field--name-body ul {
	margin-block-start: 5px;
	margin-block-end: 5px;
}


form {
	background-color: var(--color-contrefond);
}
.admin-context .block-system-main-block > div,
.admin-context .block-system-main-block > form,
.block-system-main-block > div,
.block-system-main-block > form {
  padding: 1% !important;
}

/* Inutile avec le logo rond... */
h3.site-slogan {
	text-transform: none;
	font-size: 16px;
	/*font-weight: bold;*/
	color: #e65c00;
}

/** couleurs logo : f6946c ; ee2f2b **/
h1.page-title { 
	line-height: 1.25;
	font-size: 24px !important;
	/*color: #ee2f2b;   */
}

li.dropbutton-action {
	padding: 4px 16px;
}

blockquote {
	font-style: italic;
	font-size: 14px;
}

.block-broken {
	color: red;
	font-style: italic;
	margin-left: 30px;
}

.view-empty {
	text-align: center;
	margin-top:  15px;
}

.layout-region-node-main,
.layout-region-node-secondary,
.layout-region-node-footer { 	/* on passe le menu secondaire d'édition à la ligne */
	float: left;
	clear: both;
	width: 98% !important;
	margin: 10px 1% !important;
}

.system-modules td details {	/* hauteur des lignes des tableaux de liste de modules */
	height: 50px;
}

.form-type-vertical-tabs div.vertical-tabs__panes { /** correction décalage dans l'edition de node **/
	padding: 0 15px;
}

div.form-checkboxes.form--inline > div {	/** Pour espacer les cases à cocher inline des filtres **/
	margin-right: 40px;
}
div.form-checkboxes {	/** pour supprimer les marges des filtres cases à cocher **/
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}



/*****************************************************/
/**                   Les Liens                     **/
/**                                                 **/
/*****************************************************/
article a,
.w3-twothird section.block-views a,
#welcome-text section.block-views a,
.page-communications a,
a div.news-title,
a div.news-title-admin {
	color: var(--color-links);
	font-style: italic;
}
section.block-views h2 > a { /** les titres des blocs qui sont des liens **/
	color: var(--color-text-titre);
}


section#block-amun-local-actions li {
	background-color: var(--color-contrefond) !important;
	border: 1px solid var(--color-fond-alt) !important;
	-webkit-box-shadow: inset 0 0 5px rgba(51, 44, 51, 0.1);
  -moz-box-shadow: inset 0 0 5px rgba(51, 44, 51, 0.1);
  box-shadow: inset 0 0 5px rgba(51, 44, 51, 0.1);
}
section#block-amun-local-actions li:hover {
	color: var(--color-links-menu) !important;
	background-color: var(--color-header) !important;
}

div.checkout-complete a {
	color: var(--color-links);
	font-style: italic;
}


/*****************************************************/
/**                    Menu User                    **/
/**                 Liens de compte                 **/
/*****************************************************/
nav#block-amun-account-menu a {
	/*color: var(--color-links) !important;*/
	font-size: 14px;
	padding: 8px 14px 0px 14px;
}
nav#block-amun-account-menu a:hover {
	color: var(--color-links-menu) !important;
}


/*****************************************************/
/**                    Menu User                    **/
/**                   Moderation                    **/
/*****************************************************/
nav#block-usermoderationmenuamac ul {
	float: right;
}
nav#block-usermoderationmenuamac a {
	color: var(--color-text-titre) !important;
	font-size: 14px;
	padding: 8px 14px 0px 14px;
}
nav#block-usermoderationmenuamac a:hover {
	/*color: var(--color-text-titre) !important;*/
}


/*****************************************************/
/**                  Bandeau/Logo                   **/
/**                                                 **/
/*****************************************************/
a.site-logo > img {
	margin-top: 15px;
}

#block-amun-branding {}

nav#block-amun-main-menu,
nav#block-secondnavigation {
	margin-top: -35px;
}


/*****************************************************/
/**                  Ajout Contenu                  **/
/**                                                 **/
/*****************************************************/
section#block-amun-content dt {
	color: var(--color-links);
	font-size: 18px;
	font-style: italic;
}

section#block-amun-content dd {
	color: #292929;
	font-size: 14px;
	margin-left: 50px;
	margin-bottom: 15px;
}


/*****************************************************/
/**                  Menu Editeur                   **/
/**                                                 **/
/*****************************************************/
nav#block-menuediteur {
	margin-bottom: 30px;
}
nav#block-menuediteur > h2 {
	width: 85%;
	font-size: 20px;
	text-align: right;
	padding-right: 15px;
	margin: 10px auto 0;
}
nav#block-menuediteur > ul {
	margin-top: 25px;
	margin-left: 8px;
}
nav#block-menuediteur li {
	font-size: 16px;
	width: 50%;
}
/*****************************************************/
/**                  Menu Keetoa                    **/
/**                                                 **/
/*****************************************************/
nav#block-menukeetoaamac {
	margin-bottom: 30px;
}
nav#block-menukeetoaamac > h2 {
	width: 85%;
	font-size: 20px;
	text-align: right;
	padding-right: 15px;
	margin: 10px auto 0;
}
nav#block-menukeetoaamac > ul {
	margin-top: 25px;
	margin-left: 8px;
}
nav#block-menukeetoaamac li {
	font-size: 16px;
	width: 50%;
}


/*****************************************************/
/**              Sous-Menu Ressources               **/
/**                                                 **/
/*****************************************************/
nav#block-sous-menu-ressources {
	margin-bottom: 30px;
}
nav#block-sous-menu-ressources > h2 {
	width: 85%;
	font-size: 20px;
	text-align: right;
	padding-right: 15px;
	margin: 10px auto 0;
}
nav#block-sous-menu-ressources > ul {
	margin-top: 25px;
	margin-left: 30px;
}
nav#block-sous-menu-ressources li {
	width: 92%;
}


/*****************************************************/
/**                 Ajustements du                  **/
/**                 Menu de droite                  **/
/*****************************************************/
nav#block-secondnavigation {
	margin-right: -50px;
}

/*****************************************************/
/**            Commun à tous les noeuds             **/
/**                                                 **/
/*****************************************************/
.field__label { /** les titres des champs **/
	font-weight: bold;
}

#edit-field-labo-intitule-0-value--description,
#edit-field-labo-etablissement-0-value--description,
#edit-field-labo-equipe-0-value--description,
#edit-field-labo-contact-0-format,
#edit-body-0-format-help-about { /* indicateur "À propos des formats de texte" pour le champs 'body' */
	font-size: 12px !important;
	float: right;
	padding-right: 15px !important;
}

#edit-delete { 	/* placement du bouton/lien "Delete" */
	margin-top: 25px;
	margin-left: 40px;
}

.li-none { /* pour avoir une liste sans puce (à ajouter à la main) */
	list-style-type: none;
	margin-left: 15px;
}

/* correction marge formulaire création News (champ Date) */
div#edit-field-news-date-wrapper div.container-inline {
	margin: 0;
	padding: 0;
}
div#edit-field-news-date-wrapper div.container-inline div.form-type-date {
	margin: 0 !important;
	padding: 0 !important;
}

/* mise en page/clean partie  revision */
div#edit-meta-published {
	float: left;
	font-weight: bold;
	margin: 5px 0 0 15px !important;
}
div#edit-meta-changed,
div#edit-meta-author {
	float: right;
	clear: right;
	font-weight: bold;
	margin: 5px 0 0 0 !important;
}

div.form-item-revision.form-disabled {
	display: none;
}

div.form-item-revision-log-0-value {
	margin-top: 0 !important;
}

/* mise en page/clean partie  moderation (en bas) */
div#edit-moderation-state-0-current {
	margin-top: 5px !important;
	font-weight: bold;
}
select#edit-moderation-state-0-state {
	width: 40%;
}

/* mise en page/clean partie  moderation (en haut) */
div#edit-current {
	font-weight: bold;
	text-align: center;
}
div#edit-current label {
	font-weight: normal;
}


/*****************************************************/
/**            Commun à tous les blocs              **/
/**                                                 **/
/*****************************************************/

.block-views#block-views-block-amac-infos-block-amacinfos h2,
.block-views#block-views-block-manifestations-block-page-jnc h2,
.block-views#block-views-block-manifestations-block-page-jst h2,
.block-views#block-views-block-laureats-prix-valentin-block-laureat-admin h2,
.block-views#block-views-block-amac-ca-block-ca h2 {
	text-align: center;
	margin-top: 25px;
}


/*****************************************************/
/**              Les filtres des vues               **/
/**                                                 **/
/*****************************************************/
.view-filters div.form-actions { /* centrer bouton apply */
	text-align: center;
}


/*****************************************************/
/**            Commun à toutes les vues             **/
/**                                                 **/
/*****************************************************/
.page-annonce .header-view,
.page-communications .header-view,
.page-document .header-view,
.page-labo .header-view,
.page-manifestations .header-view,
.page-user-content .header-view,
.page-moderation .header-view,
.order-page .header-view { /* texte de presentaion des views */
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	padding-top: 10px;
	/*padding-bottom: 30px;*/
}
.page-annonce .header-view-addlink,
.page-document .header-view-addlink,
.page-labo .header-view-addlink,
.page-manifestations .header-view-addlink,
.page-user-content .header-view-addlink,
.page-moderation .header-view-addlink,
.order-page .header-view-addlink  { /* texte de presentation des views */
	color: var(--color-links);
	text-align: center;
	font-size: 14px;
	font-style: italic;
	padding-top: 5px;
	/*padding-bottom: 20px;*/
	border-bottom: 2px solid var(--color-bandeau);
	margin-bottom: 30px;
}

.w3-table-all tr:nth-child(even) {
	background-color: var(--color-fond);
}


/*****************************************************/
/**                   AMAC'Infos                    **/
/**                  bloc grille                    **/
/*****************************************************/
section#block-views-block-amac-infos-block-amacinfos {}

.bloc-amac-infos .views-col {
	/*border: 1px solid blue;*/
}

.bloc-amac-infos .views-field-title,
.bloc-amac-infos .views-field-field-amacinfo-date,
.bloc-amac-infos .views-field-field-amacinfo-image,
.bloc-amac-infos .views-field-edit-node {
	border: 1px solid var(--color-header);
	background-color:var(--color-header) !important;
	text-align: center;
}

.bloc-amac-infos .views-field-body {
	background-color:var(--color-fond) !important;
	border: 1px solid var(--color-header);
}

.bloc-amac-infos .views-field-title {
	font-size: 17px;
	font-weight: bold;
	
	padding-top: 5px;
}
.bloc-amac-infos .views-field-field-amacinfo-date {
	font-size: 15px;
	color:var(--color-links-menu) !important;
	padding-bottom: 5px;
}
.bloc-amac-infos .views-field-edit-node {
	font-size: 12px;
	font-style: italic;
}

.bloc-amac-infos .views-field-title a,
.bloc-amac-infos .views-field-edit-node a {
	font-style: normal !important;
	color:var(--color-text-titre) !important;
}

.bloc-amac-infos .views-field-body p {
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 5px;
	border-bottom: 2px solid var(--color-header);
}
.bloc-amac-infos .views-field-body div p:last-child {
	border: 0;
	font-style: normal;
}


/*****************************************************/
/**                 fiches JNC/JST                  **/
/**                                                 **/
/*****************************************************/
article.node--type-jnc,
article.node--type-jst {}

article.node--type-jnc .field--type-image,
article.node--type-jst .field--type-image {
	float: right;
	width: 17%;
	text-align: right;
}

article.node--type-jnc .field--name-field-jnc-numero,
article.node--type-jst .field--name-field-jst-theme {
	float: left;
	width: 81%;
	color: var(--color-links);
	font-style: italic;
	font-size: 18px;
	padding-top: 10px;
}
 
article.node--type-jnc .field--name-field-event-date,
article.node--type-jnc .field--name-field-event-lieu,
article.node--type-jst .field--name-field-event-date,
article.node--type-jst .field--name-field-event-lieu {
	float: left;
	clear: left;
}
article.node--type-jnc .field--name-field-event-date,
article.node--type-jst .field--name-field-event-date {
	margin-top: 25px;
}

article.node--type-jnc .field--name-body,
article.node--type-jst .field--name-body {
	float: left;
	clear: both;
	margin-top: 30px;
}

/*****************************************************/
/**             fiches Manifestations               **/
/**                                                 **/
/*****************************************************/
article.node--type-manifestation {}

article.node--type-manifestation .field--name-field-event-title {
	color: var(--color-links);
	font-style: italic;
	font-size: 18px;
}
article.node--type-manifestation .field--name-field-event-date
article.node--type-manifestation .field--name-field-event-lieu
article.node--type-manifestation .field--name-body

/*****************************************************/
/**                Page Moderation                  **/
/**                                                 **/
/*****************************************************/
div.page-moderation {
	/*display: none;*/
	/*border: 1px solid darkred;*/
}

div.page-moderation fieldset {
/*	float: left;
	margin: 0 auto !important;*/
}
div.page-moderation fieldset legend {
	/*display: none;*/
}

div.page-moderation .aide {
	float: right;
	/*display: none;*/
	/*position: relative;*/
	font-style: normal;
	font-size: 14px;
	font-weight:  normal;
	margin-left: -40px;
	margin-top: -5px;
	margin-right: 20px;
	color: var(--color-text-titre);
}

div.page-moderation table a {
	color: var(--color-links);
	font-style: italic;
}

div.page-moderation .header-view-addlink a {
	color: var(--color-text-titre);
}


article form[data-drupal-selector=content-moderation-entity-moderation-form] {
	margin-bottom: 20px;
}
article form[data-drupal-selector=content-moderation-entity-moderation-form] ul {
	margin: 0;
	padding: 10px;
  border: 1px dashed var(--color-titre);
  background-color: var(--color-contrefond);
}

article form[data-drupal-selector=content-moderation-entity-moderation-form] ul #edit-current > label { /* pour aligner l'état de moderation */
	margin-bottom: 10px;
}



/*****************************************************/
/**                   Moderation                    **/
/**                     Listes                      **/
/*****************************************************/
/** draft | moderation | published | denied | archived **/
div.draft,
div.moderation,
div.denied,
div.archived {
	padding: 5px;
}
div.draft::before,
div.moderation::before,
div.denied::before,
div.archived::before {
	float: right;
	font-size: 12px;
	font-style: italic;
	color: var(--color-text-titre);
}

div.draft {
	background-color: #ffffe6;
}
div.draft::before {
	content: "Brouillon";
}

div.moderation {
	background-color: #fff2e6;
}
div.moderation::before {
	content: "En cours de Modération";
}

div.denied {
	background-color: #ffe6e6;
}
div.denied::before {
	content: "Refusé";
}

div.archived {
	background-color: #e6f2ff;
}
div.archived::before {
	content: "Archivé";
}

/*****************************************************/
/**                   Moderation                    **/
/**                  Bloc Notice                    **/
/*****************************************************/

section#block-views-block-moderate-notice {
	display: block !important;
	max-width: 1040px;
	margin: 0 auto;
	margin-top: 20px;
}
section#block-views-block-moderate-notice table {
	border: 0;
	font-size: 13px;
}
section#block-views-block-moderate-notice table td {
	padding: 4px 16px;
}

section#block-views-block-moderate-notice div.block-notice-moderation header {
	margin-top: 5px;
}

section#block-views-block-moderate-notice div.block-notice-moderation header a {
	color: var(--color-text-titre);
	font-style: italic;
}

/*****************************************************/
/**                   Moderation                    **/
/**                    Tableaux                     **/
/*****************************************************/

tr.draft,
tr.moderation,
tr.denied,
tr.archived {}

tr.draft td.views-field-title a::after,
tr.moderation td.views-field-title a::after,
tr.denied td.views-field-title a::after,
tr.archived td.views-field-title a::after {
	font-size: 12px;
	font-style: italic;
	margin:  -3px 5px 0 10px;
	color: var(--color-text-titre);
}

tr.draft {
	background-color: #ffffe6 !important;
}
tr.draft td.views-field-title a::after {
	content: "Brouillon";
}

tr.moderation {
	background-color: #fff2e6 !important;
}
tr.moderation td.views-field-title a::after {
	content: "En cours de Modération";
}

tr.denied {
	background-color: #ffe6e6 !important;
}
tr.denied td.views-field-title a::after {
	content: "Refusé";
}

tr.archived {
	background-color: #e6f2ff !important;
}
tr.archived td.views-field-title a::after {
	content: "Archivé";
}


/*****************************************************/
/**                   Annonces                      **/
/**                                                 **/
/*****************************************************/
div.node__content > div.field--name-field-annonce-intitule { /* node */
/*	font-size: 20px;
	font-weight: bold;
	font-style: italic;*/
}

article.node--type-annonces label {
	width: 160px;
}

div.field--name-field-annonce-type {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

div.page-annonce div.views-field-created {
	font-size: 14px;
}
div.page-annonce div.views-field-field-annonce-intitule {
	margin-left: 20px;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	
}
div.page-annonce div.views-field-field-annonce-intitule span.annonce-intitule {
	color: var(--color-links);
	font-style: italic;
	font-size: 18px;
}

div.page-annonce legend {
	display: none;
}

/*****************************************************/
/**               Liste des Labos                   **/
/**                                                 **/
/*****************************************************/
div.page-labo div.views-field-title {
	color: var(--color-links);
	font-size: 18px;
	font-style: italic;
}
div.page-labo div.views-field-body {
	margin-left: 20px;
	/*padding: 3px 0 5px 10px;*/
	/*font-size: 16px;*/
}
div.page-labo div.views-field-body p {
	margin: 5px 0 16px 0;
}

/*****************************************************/
/**                 Manifestations                  **/
/**                    tableau                      **/
/*****************************************************/
.page-manifestations legend {
	display: none;
}

/*****************************************************/
/**                   Documents                     **/
/**                    tableau                      **/
/*****************************************************/
div.header-document {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 30px;
}

/*****************************************************/
/**                Tableau des News                 **/
/**                                                 **/
/*****************************************************/
div.view-id-last_news {}  /** pour toutes les vues Last_News **/
.view-display-id-page_news {} /** uniquement la page News **/

.view-last-news table thead tr th {
	font-size: 13px;
}
.page-news div.news-title {
	font-size: 20px;
	font-style: italic;
}
.page-news div.news-sum {
	font-size: 14px;
	margin-left: 20px;
	padding: 5px 0 5px 10px;
}
.page-news div.news-sum p {
	margin: 0;
}
.page-news div.news-sum:after {
	content: "…";
}

/* Custom for admin */
.page-news div.news-title-admin {
	font-size: 16px;
	font-style: italic;
}
.page-news-admin td.views-field-created,
.page-news-admin td.views-field-uid,
.page-news-admin td.views-field-field-news-date {
	font-size: 14px;
	min-width: 85px;
}
.page-news-admin td.views-field-operations div.dropbutton-multiple {
	margin-right: 0;
}

.page-news-admin div.form-item-field-news-date-value {
	margin-left: 50px;
}

/*****************************************************/
/**                 Bloc Last News                  **/
/**                                                 **/
/*****************************************************/
#block-views-block-last-news-block-last-news h2 {
	font-size: 22px;
	margin: 0 auto 5px;
	text-align: center;
}

.bloc-last-news { /** uniquement le bloc Last News **/
	margin-bottom: 30px;
}

.bloc-last-news td.views-field-created,
.bloc-last-news td.views-field-field-news-date {
	margin: 4px 4px 4px 8px;
	word-break: normal;
	min-width: 100px;
	font-size: 15px;
}
.bloc-last-news div.news-title {
	font-size: 16px;
	/*font-weight: bold;*/
}
.bloc-last-news div.news-sum p {
	margin: 0;
	font-size: 12px;
}

/*****************************************************/
/**                 Blocs Last1,2,3                 **/
/**                      news                       **/
/*****************************************************/
/** Ajustement des Last News en Top Container **/
.page-news .w3-padding.views-col.col-1 {
	padding: 0 !important;
}

.page-news .w3-padding.views-col.col-1 h3.w3-margin-left.node__title {
	margin: 0 !important;
	font-size: 18px;
	text-align: center;
}

/*****************************************************/
/**                    Membres                      **/
/**                    Tableau                      **/
/*****************************************************/
.page-membres  div.fieldset-wrapper {
	/*margin-top: 0px;*/
}
.page-membres div.form-type-radio,
.page-membres div.form-checkboxes.form--inline div.form-type-checkbox {
	/*margin-right: 15px;*/
}


.page-membres th.views-field-mail,
.page-membres td.views-field-mail {
	/*display:  none;*/
}

.page-membres .no-result {
	margin: 5px 0 5px 20px;
	padding: 20px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.6em;
}

/*****************************************************/
/**                    Membres                      **/
/**                    Filtres                      **/
/*****************************************************/
.page-membres .view-filters .w3-block .w3-section {
	clear: left;
	margin: 8px 0 8px 20px !important;
}
.page-membres .view-filters .w3-block details {
	margin: 16px 20px 8px 20px;
}


/*****************************************************/
/**                    Membres                      **/
/**                    Actions                      **/
/*****************************************************/
.page-membres .views-form form div[data-drupal-selector=edit-header],
.page-membres .views-form form div[data-drupal-selector=edit-actions] {
	background-color: var(--color-fond);
	text-align: center;
}
.page-membres .views-form form div[data-drupal-selector=edit-user-bulk-form] .w3-section {
	margin: 20px auto 0 auto !important;
	width: 80%;
}
.page-membres .views-form form div[data-drupal-selector=edit-user-bulk-form] .w3-section label {
	display: none;
}

/*****************************************************/
/**                 Email Membres                   **/
/**         nettoyage des options apparentes        **/
/*****************************************************/
.page-email-membres .view-filters .w3-block .w3-section {
	clear: left;
	margin: 8px 0 8px 20px !important;
}

.page-email-membres form#views-form-membres-page-membre-email details#edit-from,
.page-email-membres form#views-form-membres-page-membre-email details#edit-to,
.page-email-membres form#views-form-membres-page-membre-email details#edit-additional,
.page-email-membres form#views-form-membres-page-membre-email div#edit-views-send-attachments--description,
.page-email-membres form#views-form-membres-page-membre-email details#edit-general { /* les jetons généraux */
	display: none !important;
}
.page-email-membres form#views-form-membres-page-membre-email div.form-item-views-send-direct { /* direct ou cron ?*/
	/*display: none !important;*/
}

/*****************************************************/
/**                 Bloc Connected                  **/
/**                                                 **/
/*****************************************************/
#block-views-block-membres-block-connected {
	margin-bottom: 30px;
}

#block-views-block-membres-block-connected > h2 {
	width: 85%;
	font-size: 20px;
	text-align: right;
	padding-right: 15px;
	margin: 10px auto 0;
}

#block-views-block-membres-block-connected .bloc-connected header {
	text-align: center;
	font-size: 14px;
}

#block-views-block-membres-block-connected ul {
	margin:  10px 5px 0 5px;
}
#block-views-block-membres-block-connected li {
	font-size: 14px;
	margin:  5px 0;
	width: 50%;
}


/*****************************************************/
/**                   Agend'Amac                    **/
/**                                                 **/
/*****************************************************/
.view-display-id-page_agendamac div.fc {  /** page Agend'Amac **/
	width: 85%;
	margin: 0 auto;
}

/*****************************************************/
/**                Block Agend'Amac                 **/
/**                     right                       **/
/*****************************************************/

#block-views-block-manifestations-agend-amac-block-agendamac-right {
	margin-bottom: 30px;
}

#block-views-block-manifestations-agend-amac-block-agendamac-right h2 {  /** Bloc A Venir **/
	font-size: 22px;
	margin: 0 auto 5px;
	text-align: center;
}

#block-views-block-manifestations-agend-amac-block-agendamac-right .view-content {
	overflow: auto;
	max-height: 288px;
}

#block-views-block-manifestations-agend-amac-block-agendamac-right caption {
	border: 1px solid var(--color-fond-alt);
	background-color: var(--color-fond-alt);
}

#block-views-block-manifestations-agend-amac-block-agendamac-right caption .fc-list-heading-main { /* Date Complete */
	float: left;
	font-size: 13px;
	font-weight: 700;
	padding: 3px 0 3px 15px;
}
#block-views-block-manifestations-agend-amac-block-agendamac-right caption .fc-list-heading-alt {  /* Date jour seul */
	float: right;
	font-size: 13px;
	font-weight: 700;
	padding: 3px 15px 3px 0;
}
#block-views-block-manifestations-agend-amac-block-agendamac-right tr.fc-list-heading a {  /* titre manifestation */
	color: var(--color-links);
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	margin-left: 15px;
}

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}
.jnc.fc-event-dot {
	background-color: #ffbf66;
}
.jst.fc-event-dot {
	background-color: #ff7366;
}
.manifestation.fc-event-dot {
	background-color: #3a87ad;
}

/*****************************************************/
/**       Gestion du style des NEXT JNC|JST         **/
/**                 Zone Welcome                    **/
/*****************************************************/
#welcome-text > #welcome-text-inner {
	text-align: center;
}

#welcome-text section#block-views-block-manifestations-next-block-1,
#welcome-text section#block-views-block-manifestations-next-block-2 {
	display: inline-block;
	margin: 20px;
	width: 500px;
	height: 202px;
	vertical-align: top;
	padding-right: 20px;
}

#welcome-text section#block-views-block-manifestations-next-block-1 > h2,
#welcome-text section#block-views-block-manifestations-next-block-2 > h2 {
	float: right;
	font-size: 24px;
	padding: 0px !important;
	margin: 2px 0 0 0;
	/*text-align: right;*/
}

#welcome-text section .bloc-next .views-row {
	margin: 0px;
	padding: 0px;
}

#welcome-text section .bloc-next .views-col {
	width: 100% !important;
	padding: 0px !important;
}

#welcome-text section .bloc-next .views-col .views-field {
	float: right;
	clear: right;
	text-align: right;
	max-width: 250px;
	font-size: 16px;
}

#welcome-text section .bloc-next .views-field.views-field-field-jnc-default-img,
#welcome-text section .bloc-next .views-field.views-field-field-jst-default-img {
	float: left;
	margin-top: -40px;
	margin-bottom: -7px;
}

#welcome-text section .bloc-next .views-field-title {
	font-size: 18px;
}
#welcome-text section .bloc-next .views-field-field-event-date {
	margin-top: 15px;
}
#welcome-text section .bloc-next .views-field-field-event-lieu {
	margin-top: 5px;
}

/*****************************************************/
/**                      USER                       **/
/**                                                 **/
/*****************************************************/
div.field--name-field-user-adresse,
div.field--name-field-user-mobile,
div.field--name-field-user-telephone {
	clear: left;
	width: 55%;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
	margin-left: 15px;
}

div.field--name-field-user-adresse p {
	margin: 3px 0 3px 30px;
}

/** TODO: trouver mieux pour le member_for **/
div.field--name-field-user-confidentialite,
div.field--name-field-conseil-administration,
div.field--name-field-user-adresse,
div.field--name-field-user-mobile,
div.field--name-field-user-telephone,
div.field--name-field-user-localisation,
div.w3-section.js-form-item.form-item.js-form-type-item.form-type-item.js-form-item-.form-item-.form-no-label {
	float: left;
	clear: left;
	font-style: italic;
	font-size: 16px;
	margin: 0 0 0 20px !important;
	padding: 10px 0 10px 20px;
	border-left: 2px solid var(--color-contrefond);
}
div.field--name-field-user-localisation {
	padding-left: 0 !important;
	height: 300px;
	width: 50%;
}
div.field--name-field-user-localisation > div {
	margin-left: 15px;
}

/*****************************************************/
/**             Infos Complementaires               **/
/**                      aside                      **/
/*****************************************************/
details.user-infos-comp {  /** pour le mode user edit **/
	float: left;
	clear: left;
}
article aside#infos-comp-aside {
	background-color: var(--color-contrefond);
	border: 1px solid var(--color-fond-alt);
	float: right;
	width: 250px;
	font-size: 13px;
	padding: 10px;
	margin-top: -57px;
}

article aside#infos-comp-aside h4 {
	text-align: center;
}

article aside#infos-comp-aside div label {
	font-size: 14px;
}

article aside#infos-comp-aside div {
	width: 230px;
}

article aside#infos-comp-aside div.field__items {
	margin-left: 15px;
}

article aside#infos-comp-aside div.field__items div::before {
	content: " - ";
}

/*****************************************************/
/**                   Boutique                      **/
/**                                                 **/
/*****************************************************/
article .field--name-variations {
/*	float: right;
	width: 200px;*/
}

article .field--name-body {
	/*border: 1px solid cyan;*/
}

/*****************************************************/
/**                    Panier                       **/
/**                                                 **/
/*****************************************************/
.cart .field--name-price {
	display: none;
}

/*****************************************************/
/**                 Page Adhesion                   **/
/**                                                 **/
/*****************************************************/
.page-adhesion .views-row {
	padding: 0px;
}

.page-adhesion .views-col {

}
.page-adhesion .views-field {
	border: 1px solid var(--color-border-init);
}

.page-adhesion .views-field .field--name-title {
	text-align: center;
	font-weight: bold;
	background-color: var(--color-border-init);
	margin: 0px !important;
	padding: 16px 0px;
}

.page-adhesion .views-field .field--name-body {
	padding: 0px 15px;
	height: 44px;
}
.page-adhesion .views-field .field--name-body p {
	font-size: 14px;
	text-align: center;
}

.page-adhesion .views-field .field--name-variations {
	font-size: 14px;
	margin-bottom: 0px !important;
}
.page-adhesion .views-field .field--name-variations .field__item {
	margin: 0px;
	width: 100%;
}
.page-adhesion .views-field .field--name-variations fieldset {
	width: 115px;
	margin: 0 auto;
	padding: 0 0 0 9px;
}
.page-adhesion .views-field .field--name-variations fieldset legend {
	display: none;
}
.page-adhesion .views-field .field--name-variations fieldset .fieldset-wrapper {
	margin: 0px;
}
.page-adhesion .views-field .field--name-variations fieldset .fieldset-wrapper input {
	height: 20px;
	width: 20px;
}
.page-adhesion .views-field .field--name-variations .form-actions {
	text-align: center;
}
.page-adhesion .views-field .field--name-variations .form-actions input {
	margin: 8px 0 !important;
}

.page-adhesion .views-field .field--name-price {
	text-align: center;
	font-weight: bold;
}

/*****************************************************/
/**                   Checkout                      **/
/**             Login or New Account                **/
/*****************************************************/
#edit-login.checkout-pane-login fieldset {
	float: left;
	width: 100%;
}

#edit-login.checkout-pane-login fieldset legend {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

#edit-login.checkout-pane-login fieldset.form-w
rapper__guest-checkout {
	border-top: 1px solid red !important;
}

/*****************************************************/
/**                   Checkout                      **/
/**         "Informations sur la commande"          **/
/*****************************************************/

.checkout-order-summary table {
	width: 100%;
	margin:  0 auto;
}
.checkout-order-summary td {
	padding:  5px;
	text-align: center;
}

/*****************************************************/
/**                      Order                      **/
/**                      View                       **/
/*****************************************************/
.views-element-container .view-commerce-activity .view-content {
	clear: both;
}

div.customer-information>div {
	margin:  5px 0 0 15px;
}

div.customer-information div.field--name-address {
	width: 65%;
	margin: 0 auto;
}

div.order-information {
	width: 65%;
	margin: 0 auto;
}

div.order-information div.field--name-placed,
div.order-information div.field--name-state {
	margin:  5px 0 0 15px;
}

form.state-machine-transition-form div#edit-actions {
	text-align: center;
}
form.state-machine-transition-form div#edit-actions input#edit-cancel {
	margin-left: 50px;
}

/*****************************************************/
/**                      Order                      **/
/**                      Edit                       **/
/*****************************************************/

.layout-order-form .layout-region-order-main {
	width:  50%;
}
.layout-order-form .layout-region-order-secondary {
	width:  50%;
}
.layout-order-form .layout-region-order-under-left {
	float: left;
	clear: left;
	margin-top: 50px;
	width: 50%;
}
.layout-order-form .layout-region-order-under-right {
	float: right;
	margin-top: 50px;
	width: 50%;
}

.profile .ad_name {
	font-weight: bold;
	margin-left: 30px;
}
.profile .ad_org {
	font-style: italic;
	padding-top: 5px;
	margin-left: 30px;
}
.profile .ad_details {
	padding-top: 5px;
	margin-left: 30px;
}

/*****************************************************/
/**                    COMMERCE                     **/
/**                      Forms                      **/
/*****************************************************/
div.view-commerce-orders form.views-exposed-form,
div.view-commerce-orders form div#edit-header,
form#commerce-order-default-edit-form,
form#commerce-payment-add-form {
	padding: 10px;
}
form#commerce-order-default-edit-form fieldset legend span.fieldset-legend,
form#commerce-payment-add-form fieldset legend span.fieldset-legend {
	font-size: 16px;
	font-weight: bold;
}

form#commerce-payment-add-form div#edit-payment {
	margin-left: 10px;
}

form#commerce-order-default-edit-form fieldset div#edit-order-items-form-0-unit-price-wrapper {
	display: none !important;
}

form#commerce-order-default-edit-form fieldset div.fieldset-wrapper.w3-panel {
	margin: 0;
}

form#commerce-order-default-edit-form div.edit-actions,
form#commerce-payment-add-form div.edit-actions {
	width: 80%;
}

/*****************************************************/
/**                    CKEditor                     **/
/**                 Videodetector                   **/
/*****************************************************/
.videodetector {
  position: relative;
  width: 80%;
  height: 0;
  padding-bottom: 60%;
  margin: 0 auto;
}
.videodetector iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*****************************************************/
/**                    CKEditor                     **/
/**                 Inserted image                  **/
/*****************************************************/
/*figure > img {
	text-align: center;
}
figcaption {
	text-align: center;
}*/

figure {
	/*display: hidden;*/
	/*overflow: hidden;*/
	/*height: auto;*/
	margin: 0;
}
figure > img {
	margin: 0 15px;
	margin-bottom: 25px;
}

img + figcaption {
	font-size: 14px;
	font-style: italic;
	clear: both;
	margin-top: -25px;
}

img.align-left + figcaption {
	float: left;
	text-align: center;
}
img.align-center + figcaption {
	text-align: center;
}
img.align-right + figcaption {
	float: right;
	text-align: center;
}

/*****************************************************/
/**                     FOOTER                      **/
/**                  Custom Block                   **/
/*****************************************************/
#footer-menu {}

#footer-menu #block-footervitaminevents h4 {
	font-size: 20px;
	color:  var(--color-text-titre) !important;
}
#footer-menu #block-footervitaminevents p {
	font-size: 18px;
	margin: 0;
}

#footer-menu #block-logofooter {
	position: absolute;
	left: 85%;
	margin-top: 40px;
}

/*****************************************************/
/**                   Copyright                     **/
/**                  Custom Block                   **/
/*****************************************************/
#footer-menu #block-copyrightmentionslegales p {
	/*color:  var(--color-text-titre) !important;*/
	font-size: 16px;
}

/*****************************************************/
/**                    Article                      **/
/**                Author Submitted                 **/
/*****************************************************/
article footer {
	display: block !important;
	float: right;
/*	position: relative;
	top: 0;
	right: 0;*/
}
article footer .w3-small.node__submitted {}
article footer .w3-small.node__author {}

/*****************************************************/
/**             EU Cookie Compliance                **/
/**                                                 **/
/*****************************************************/
.eu-cookie-compliance-message h2 {
	margin-top: 10px;
	font-weight: normal;
}

.eu-cookie-compliance-more-button {
	float: left;
}

.eu-cookie-compliance-buttons {
	margin-top: 10px;
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
	-moz-box-shadow: inset 0 1px 0 0 #a9c5e4; /* LTR */
	-webkit-box-shadow: inset 0 1px 0 0 #a9c5e4; /* LTR */
	box-shadow: inset 0 1px 0 0 #a9c5e4; /* LTR */
	background-color: #a9c5e4 !important;
	background-image: -moz-linear-gradient(top, #c6d9ed 5%, #a9c5e4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #c6d9ed), color-stop(100%, #a9c5e4));
	background-image: -webkit-linear-gradient(top, #c6d9ed 5%, #a9c5e4 100%);
	background-image: -o-linear-gradient(top, #c6d9ed 5%, #a9c5e4 100%);
	background-image: -ms-linear-gradient(top, #c6d9ed 5%, #a9c5e4 100%);
	background-image: linear-gradient(to bottom, #c6d9ed 5%, #a9c5e4 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #000;
	font-family: "Source Sans Pro", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #8cb2db;
}

.disagree-button.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-withdraw-button:hover {
	background-color: #dfdfdf;
	background-image: -moz-linear-gradient(top, #a9c5e4 5%, #c6d9ed 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a9c5e4), color-stop(100%, #c6d9ed));
	background-image: -webkit-linear-gradient(top, #a9c5e4 5%, #c6d9ed 100%);
	background-image: -o-linear-gradient(top, #a9c5e4 5%, #c6d9ed 100%);
	background-image: -ms-linear-gradient(top, #a9c5e4 5%, #c6d9ed 100%);
	background-image: linear-gradient(to bottom, #a9c5e4 5%, #c6d9ed 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}