/*
Theme Name: Immodidakt
Author: Immodidakt.fr
Description: 
Version: 2
Copyright: Feuille de style déposée sous copyright©, toute reproduction interdite
*/

#contenumasque {
	display: none; }
	
button {
	padding: 20px; 
	margin: 20px auto !important;
	background: #A1C63A !important;
	border: none !important;
	color: #fff; }

.center, button.center {
	text-align: center !important;
	margin: 20px auto !important;	}

ol.listegauche li {
	margin-left: -25px !important;
	font-size: 1.2em !important; }

.lineheight20 {
	line-height: 40px !important; }

.colorfff .has-text-color a:link, .colorfff .has-text-color a:active, .colorfff .has-text-color a:visited, .colorfff .has-text-color a:hover {
	color: #fff !important; }

.padding20 {
	padding: 20px !important; }

h3.h3vert {
	background: #8FC502 !important;
	color: #fff !important;
	padding: 5px 10px !important;
	margin: 10px auto !important;
	max-width: 500px !important; }

h3.h3vert strong {
	font-size: 0.8em !important; }	

.small strong em {
	font-size: 14px !important;
	line-height: 10px; }
	
	
/**************************************/
/* MODIFICATIONS PROPRE AU CLIENT */
/**************************************/

.schema-faq-question {
	font-size: 2em !important;
	color: #690 !important; }

/**************************************/
/* HEADER - PERSONNALISATION DU THÈME */
/**************************************/

.kioken-accordion-item-label {
	font-size: 1.5em !important; }

/* Header : couleur des headers Desktop et Mobile */
header, .headermobile, .menumobile {
	background: #fff !important; }

/* Header : couleur des sous-menus et addons */
header #menu li ul li.menu-item a:link, header #menu li ul li.menu-item a:visited, header #menu li ul li.menu-item a:active {
	color: #54605E !important; }

h3 {
	color: #9c0 !important; }

/* Menu : Couleurs des liens */
header #menu li.menu-item a:link, header #menu li.menu-item a:visited, header #menu li.menu-item a:active {
	color: #333;  }

/* Menu mobile : Couleurs des liens */
.footer-col2 h4, .footer-col3 h4, .boutonps input, header #menu li.menu-item a:link strong, header #menu li.menu-item a:visited strong,  header #menu li.menu-item a:active strong, .menumobile .menu-item a:hover {
	color: #fff !important; }

header #menu li.menu-item a:link strong, header #menu li.menu-item a:visited strong,  header #menu li.menu-item a:active strong {
	background: #8FC502 !important; }

header #menu li.menu-item a:hover strong {
	background: #fff !important;
	border: 1px solid #8FC502 !important;
	color: #8FC502 !important; }

/* Pages : couleur des liens d'action */
.action a:active, .action a:visited, .action a:link, .pageinterne a:link, .pageinterne a:active, .pageinterne a:visited, .action a:link, .action a:visited, .action a:hover, .action a:link, .pscadre strong, .categorie .text-cards h2 a  {
   	color: #8FC502 !important; }

/* Menu : Survol des liens */
header #menu li.menu-item a:hover, header #menu li.menu-item a:active, header #menu li ul li.menu-item a:hover, .action a:hover, .pageinterne a:hover {
	color: #ccc; }

/* Menu mobile : Couleurs des liens */
.menumobile .menu-item a:active, .menumobile .menu-item a:visited, .menumobile .menu-item a:link { 
	color: #5C5C6D; }

.menumobile ul li a:hover {
	padding-right: 90px !important; }

/* Menu : liens bouton du menu (balise strong) */ 
header #menu li ul li.menu-item a:hover, .wp-block-buttons div a:link, .wp-block-buttons div a:active, .wp-block-buttons div a:visited, .boutonps input, .menumobile .menu-item a:hover {
	background: #8FC502 !important; }

header #menu li.menu-item a:hover strong, .wp-block-buttons div a:hover  {
   	color: #8FC502 !important; 
	border: 1px solid #8FC502; }

#contact_form2_submit, #contact_form8_submit, .wp-element-button {
	background: #54605E !important; }

.paiementenligne a:link, .paiementenligne a:active, .paiementenligne a:visited, .paiementenligne a:hover, .boutoncenter a:link, .boutoncenter a:active, .boutoncenter a:visited {
	color: #fff !important; }

.boutonaction {
	background: #F72428 !important; }


/**************************************/
/* FOOTER - PERSONNALISATION DU THÈME */
/**************************************/
.footer-h3 h3 {
	text-align: center !important;
	margin: 20px auto !important;
	color: #fff !important; }

footer, .mdl-mega-footer {
	background: #333; }

footer a:hover {
	color: #ccc !important; }

footer .mdl-cell ul, .kio-row-layout-inner ul  {
	list-style-type: circle; }

/***********************************************/
/* ACCUEIL - PERSONNALISATION DU THÈME.   !!!! */
/***********************************************/

/* Brique Accueil Image Widescreen (+ Pages internes)
-------------------------- */
/* Accueil : Hauteur de l'image widescreen */
.slider-text .relation {
	background: rgba(247,36,40,0.5); }
	
@media screen and (min-width: 780px) {
.mdl-card-intro {
	height: 580px !important; } }
 
@media screen and (max-width: 780px) {
.mdl-card-intro {
	height: 370px !important; } }

.mdl-layout--fixed-header, .mdl-layout__header {
	box-shadow: none !important; }

/* Fin Brique Accueil Image Widescreen 
-------------------------- */

/* Accueil : Brique Titre H1 */
h1 strong {
	color: #9c0 !important; }

/* Accueil : Brique Prestations */
.prestation img, .auteur img {
	border: 2px solid #9c0; }

/*****************************************************************************/
/* PAGES - BRIQUES RÉUTILIABLES MODIFIABLES : PERSONNALISATION DU THÈME !!!! */
/*****************************************************************************/
@media screen and (min-width: 1300px) {
.briquetemoignage .kt-inside-inner-col {
	min-height: 440px !important; } }

.mdl-h1-page {
	background: #2C2B29; }

/* Page (contact) : Brique Formulaire, couleur de fond */
#mdl-card-contactagence, #mdl-card-contactagence form, .mdl-card-contactform, .mdl-card-contactagence {
	background: #8FC502;
	margin: 0 auto !important;
	text-align: center !important; }

#mdl-card-contactagence h3 {
	color: #fff !important; }

/* Images 
img, .photonoiretblanc {
	filter: grayscale(70%); }

.nograyscale, .nograyscale img {
	filter: grayscale(0%);}*/

@media screen and (max-width: 780px) {
.photonoiretblanc {
	height: 250px !important; } }

@media screen and (max-width: 480px) {
.photonoiretblanc {
	height: 150px !important; } }


/**********************************************/
/* HEADER - NON MODIFIABLE ! NON NON NON !!!! */

/* Icône hamburger en png ultra-compatible (court-circuitage icône JS de Material Design Lite) */
.mdl-layout__drawer-button {
	background: transparent url('https://www.immodidakt.fr/wp-content/themes/immodidakt/ymg/menus/menuajax.png') top left no-repeat !important;
	color:transparent !important;
	margin: 7px 20px !important;
	text-align: left !important; }
	
/* Header : hauteur */
.mdl-layout__header {
	height: 95px; }

/* Header : visibilité en mobile */
.headermobile {
	z-index: 3 !important; }

/* Header : logo en version Desktop */
@media (min-width: 1024px) {
.mdl-layout-title {
	padding-top: 25px  !important; } }
	
/* Header : logo en version Mobile */
@media (max-width: 1024px) {
.headermobile {
	height: 74px !important; }

.mdl-layout-title {
	width: 100%;
	text-align: center;
	margin: 0 auto !important; } 

.mdl-layout-title img {
	margin-left: -0px !important; } }

/* Menu : propriétés du menu */ 
#menu {
	margin-top: 15px;
	margin-left: 45px; }
	
#menu ul, .menumobile ul {
	list-style : none !important; }
	
#menu li.menu-item {
	display: inline;
	float : left;
	border-right : 0 solid #fff; }

/* Menu : redimenssionnement en mode Macbook Air */
@media (max-width: 1550px) {
#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover {
	font-size: 0.8em !important; }

#menu {
	margin-left: 25px !important; }

.mdl-layout__header-row {
	margin-left: 0 !important;
	padding-left: 0 !important; } }

/* Menu : redimenssionnement en mode Paysage Tablette */
@media (max-width: 1300px) {
#menu {
	margin-left: 0 !important; }

#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover   {
	padding: 10px 7px !important; }

#menu-item-4558 {
	display: none !important; }

.mdl-layout__header-row {
	margin-left: 0 !important;
	padding-left: 0 !important; } }
	
/* Menu : liens du menu */ 
#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover   {
	letter-spacing: 0.1em;
	font-size: 1em; 
	text-decoration: none !important;
	margin: 0 !important;
	padding: 10px 15px;
	display: block; } 

@media (min-width: 1024px) {
#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover {
	text-transform: uppercase; } }

@media (max-width: 1024px) {
#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover {
	text-transform: none !important; } }
	

	text-transform: uppercase;

/* Menu : liens bouton du menu (balise strong) */ 
#menu li.menu-item a:link strong, #menu li.menu-item a:visited strong,  #menu li.menu-item a:active strong, #menu li.menu-item a:hover strong, .slider-text .relation  {
	padding: 10px 20px !important;
	-moz-border-radius: 20px 20px 20px 20px !important;
    -webkit-border-radius: 20px 20px 20px 20px !important;
    border-radius: 20px 20px 20px 20px !important; }

/* Menu principal liens déroulants */ 
#menu li ul {
	z-index: 1500;
	padding: 0 !important;
	position: absolute;
	left: -999em;
	width: 220px; }
	
#menu li ul li.menu-item a:link, #menu li ul li.menu-item a:visited, #menu li ul li.menu-item a:active, #menu li ul li.menu-item a:hover {
	height: 30px !important;
	display: block;
	width: 210px !important;
	text-align: left !important;
	padding: 10px 0px 0 10px; }

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
	min-height: 0; }

/* Menu Mobile : propriétés du menu */
.menumobile ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 300px; }

.menumobile li {
	width: 100% !important; }
	
/* Menu Mobile : liens de menus */ 
.menumobile .menu-item a:active, .menumobile .menu-item a:visited, .menumobile .menu-item a:link {
	letter-spacing: 0.1em;
	font-size: 1em;
	text-decoration: none !important;
	padding: 10px 20px !important; }

.menumobile a {
	width: 100% !important; }

/* Menu Mobile : liens de menus déroulants */ 
.menumobile ul li {
	overflow: hidden;
	padding: 0 0 10px 0;
	list-style:none; }

.menumobile ul li, .menumobile ul li.menu-item-has-children {
	display: block;
	margin: 0;
	height: 30px; }

.menumobile ul ul li {
	margin: 0;
	overflow: auto;
	padding: 10px; }

.menumobile ul li.menu-item-has-children:hover {
	height: 100%; }

.menumobile ul li.menu-item-has-children:hover {
	cursor:pointer; }

/* FIN DU HEADER NON MODIFIABLE... NON ! NON ! NON ! */
/*****************************************************/

/**********************************************/
/* FOOTER - NON MODIFIABLE ! NON NON NON !!!! */

/* Footer : Propriétés des colonnes */
footer .mdl-cell {
	text-align: left !important;
	padding: 10px;  }

footer .center900 {
	margin: 0 auto;
	max-width: 1150px !important; }

footer, .mdl-mega-footer, footer .mdl-mega-footer__bottom-section .mdl-grid {
	padding: 0 !important; }

/* Footer : Propriétés individuelles des colonnes */
footer .footer-col1 img {
	max-width: 100%;
	height: auto; }

footer .footer-col1 figure {
	text-align: center !important; }

footer .footer-col2 h4, footer .footer-col3 h4, footer .footer-col4 h4 {
	margin-top: 0 !important; }

/* Footer : Propriétés depuis 1090px */
@media (min-width: 1090px) {
footer .footer-col1, footer .footer-col2, footer .footer-col3 {
	border-right: 1px solid #fff; } }

/* Footer : Propriétés jusqu'à 1090px */
@media (max-width: 1090px) {
footer .footer-col1 {
	width: 100%; }

footer .footer-col2, footer .footer-col3, footer .footer-col4 {
	width: 31%; } 

footer .footer-col1 {
	border-bottom: 1px solid #fff; } }

/* Footer : Propriétés jusqu'à 970px */
@media (max-width: 970px) {
footer .footer-col1, footer .footer-col4 {
	width: 100% !important; }

footer .footer-col2, footer .footer-col3 {
	width: 46% !important; } }

/* Footer : Propriétés jusqu'à 780px */
@media (max-width: 780px) {
footer .footer-col1, footer .footer-col4, footer .footer-col2, footer .footer-col3 {
	width: 100% !important; }

footer .footer-col1, footer .footer-col2, footer .footer-col3 {
	border-bottom: 1px solid #fff; }  

footer .footer-col2, footer .footer-col3, footer .footer-col4 {
	text-align: left !important; } }

/* Footer : Propriétés des listes à puces */
footer .mdl-cell ul {
	padding: 0 !important;
	color: #fff;
	margin-left: 10px !important;}
	
/* Footer : Propriétés de la typographie */
footer .footer-col2 ul li a, footer .footer-col3 ul li a {
	font-size: 1em !important; }

footer p.h4 {
	font-size: 1.3em !important; }

footer p, footer .schema, footer .schema a {
	font-size: 12px !important; }

footer .mdl-cell ul a:link, footer .mdl-cell ul a:active, footer .mdl-cell ul a:visited, .schema, .schema span, .mdl-mega-footer__bottom-section p  {
	margin-top: 0 !important;
	color: #fff !important; }

footer .mdl-cell ul a:hover {
	color: #ccc !important; }

footer a {
	text-decoration: none !important; }
	

/* FIN DU FOOTER NON MODIFIABLE ! NON NON NON !!!! */	
/***************************************************/

/***************************************************/
/* LAYOUT - MODIFIABLE ! PERSONNALISATION DU THÈME */
/***************************************************/
h1, h3, body {
	font-family: 'Lato',  Arial, sans-serif !important; }
	
h2, .handwriting, .boutonps input {
	font-family: 'Permanent Marker',  Arial, sans-serif !important; }

/**********************************************/
/* LAYOUT - NON MODIFIABLE ! NON NON NON !!!! */

/* Layout : Gestion des typographies */
body {
	font-family: 'Roboto',  Arial, sans-serif; }

body p, .kio-row-layout-inner ul  {
	font-size: 1.2em; }

.page p, .page ul, .page ol, .mdl-single p, .mdl-single ul, .mdl-single ol  {
	font-size: 1.6em !important;
	line-height: 1.4em !important;}

/* Layout : Raccourcis */
.radius20 {
	-moz-border-radius: 20px 20px 20px 20px !important;
    -webkit-border-radius: 20px 20px 20px 20px !important;
    border-radius: 20px 20px 20px 20px !important; }

/* Layout : Titrage éléments pour tous les écrans */
h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1em; }

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1em; }

/* Layout : Titrage en mode Desktop */
@media (min-width: 1024px) {	
h1 {
	font-size: 3em; }

h1.pagesinternes {
	font-size: 2.5em !important; }

h2 {
	font-size: 2.5em; }

h3 {
	font-size: 1.7em; } 

h4 {
	font-size: 1.5em; } }

/* Layout : Titrage en mode Tablette */
@media (max-width: 1024px) {	
h1 {
	font-size: 2.5em; }

h2 {
	font-size: 2em;
	line-height: 1.1em; }

h3 {
	font-size: 1.5em; } 

h4 {
	font-size: 1.2em; } }

/* Layout : mode Mobile
------------------------- */
@media (max-width: 780px) {	
/* Titrage mode Mobile */
h1 {
	font-size: 2em; }

h2 {
	font-size: 1.7em; }

h3 {
	font-size: 1.5em; } 

h4 {
	font-size: 1em; }

/* Layout : Boutons mode Mobile */
.wp-block-buttons div {
	margin: 0 auto !important;
	text-align: center !important; }}

.wp-block-buttons a:active, .wp-block-buttons a:visited, .wp-block-buttons a:link {
	color: #fff !important; }

/* Layout : Listes à puces */
.kio-row-layout-inner ul {
	padding-left: 15px !important; }

/* Layout : Boutons */
.wp-block-buttons div a:hover {
	background: transparent !important; }

/* Layout : Images */
figcaption {
	text-align: center !important; }

/* LAYOUT : BLOCS KIOKENS 
--------------------------*/
/* Layout Blocs Kioken : padding auto en Mobile */
@media (max-width: 1250px) {	
.edito .wp-block-kioken-column, .pageinterne .wp-block-kioken-column {
	padding-left: 15px;
	padding-right: 15px; }}

/* Gestion de la largeur du contenu  */
@media (min-width: 1450px) {
.center900, .layoutpage {
	max-width: 1250px ;
	margin: 0 auto; } }
			
@media (max-width: 1450px) {
.center900, .centeragence, .layoutpage {
	max-width: 1150px;
	margin: 0 auto; } } 



/* FIN DU LAYOUT - NON MODIFIABLE ! NON NON NON !!!! */
/*****************************************************/



/***********************************************/
/* ACCUEIL - NON MODIFIABLE ! NON NON NON !!!! */

/* Brique Accueil Image Widescreen 
-------------------------- */
/* Accueil : Brique Texte image Widescreen */
.slider-text .slogan, .slider-text-interne .slogan {
	color: #fff !important;
	font-size: 2.2em;
	line-height: 1.1em; }

/* Accueil : Texte image Widescreen en Desktop */
@media screen and (min-width: 780px) {
.slider-text {
	margin: 170px auto 0 auto !important; }

.slider-text-interne {
	margin: 70px auto 0 auto !important; } }
 
 /* Accueil : Texte image Widescreen en Tablette */
@media screen and (max-width: 780px) {
.slider-text, .slider-text-interne  {
	margin: 80px auto 0 auto !important;
	max-width: 400px !important; }
	
.slider-text .slogan {
	color: #fff !important;
	font-size: 22px !important;
	line-height: 1.1em; }  }

/* Accueil : Texte image Widescreen en Mobile */
@media screen and (max-width: 480px) {
.slider-text, .slider-text-interne  {
	margin: 30px auto 0 0 !important;
	max-width: 400px !important; 
	font-size: 0.7em !important; } }

.aider {
	margin: 40px 0 !important; }

/* Fin Brique Accueil : image Widescreen 
-------------------------- */

/* Brique Accueil : H1
-------------------------- */
/* Accueil : Titre H1 */
h1 strong {
	font-size: 0.8em;
	font-style: italic !important; }

h1.h1accueil {
	line-height: 1em !important; }
	
/* Fin Brique Accueil : H1
-------------------------- */

/* Accueil : Brique Pourquoi
-------------------------- */
.accueilpourquoi ul.kb-icon-list {
	margin-left: -20px !important;
	line-height: 40px;  }
	
/* Fin brique Accueil : Pourquoi
-------------------------- */

/* Brique Accueil Prestations
-------------------------- */
/* Accueil : Prestations */
.briqueprestation {
	margin: 35px auto !important; }

.briqueprestation .wp-block-button {
	margin: 0 auto !important; }

@media screen and (max-width: 780px) {
.prestation {
	margin-bottom: 10px; } 

.prestation figure {
	max-width: 300px;} }

/* Fin Brique Accueil Prestations
------------------------------- */

/* Brique Accueil Témoignage
-------------------------- */
/* Accueil : Témoignages */


/* FIN ACCUEIL - NON MODIFIABLE ! NON NON NON !!!! */
/***************************************************/



/********************************************************************/
/* PAGES - BRIQUES RÉUTILISABLES - NON MODIFIABLE ! NON NON NON !!!! */
/********************************************************************/
/* Pages : Brique titre H1
------------------------------- */
.mdl-h1-page {
	width: 100%;
	text-transform: uppercase !important; }

.mdl-h1-page h1 {
	color: #fff; }

/* Pages : Brique Image Header
------------------------------- */
@media screen and (min-width: 780px) {
.headerimage .kio-row-layout-inner {
	height: 350px !important; } }

@media screen and (max-width: 480px) {
.headerimage .kio-row-layout-inner {
	height: 150px !important; } }
	

/* Pages : Brique Icônes
------------------------------- */

@media screen and (max-width: 780px) {
.pagesicones p {
	width: 100%;
	max-width: 400px;
	margin: 10px auto 20px auto !important; }

.pagesicones svg {
	max-height: 5em !important; } } 

/* Pages : Brique Témoignages
------------------------------- */
.briquetemoignage {
	margin-bottom: 25px; }

.briquetemoignage p {
	padding-left: 10px;
	padding-right: 10px; }

.briquetemoignage img {
	margin: 20px auto 15px auto; }

/* Pages : fin Brique Témoignages
------------------------------- */

/* Pages : Brique Action
------------------------------- */
.action {
	margin: 30px auto; }

.action p {
	font-size: 2em; 
	line-height: 40px !important; }

@media screen and (max-width: 680px) {
.action p {
	font-size: 1.3em !important; } }
	
/* Pages : Fin Brique Action
------------------------------- */

/* Pages (contact) : Brique Icônes
---------------------------------- */
@media screen and (max-width: 780px) {
.contacticones p {
	width: 100%;
	max-width: 400px;
	margin: 10px auto 20px auto !important; }

.contacticones svg {
	max-height: 5em !important; } } 

/* Formulaire de Contact du site
------------------------------- */

#mdl-card-contactagence1, #mdl-card-contactagence1 form, .mdl-card-contactform, .mdl-card-contactagence {
	color: #000;
	padding: 0;
	margin: 20px auto !important; }

form textarea {
	padding: 10px !important; }

fieldset {
	border: 1px #fff solid !important;
	padding: 10px 40px;
	margin: 20px 0; }

fieldset legend {
	background: transparent;
	color: #fff; }	

form select {
	background: #fff;
	color:#000;
	height: 40px; }

.sidebarcontact {
	color: #000 !important;
	margin: 100px 0 0 0 !important; }

.centerform div, .centerform {
	text-align: center !important;
	margin: 20px auto !important; }

.mdl-textfield__label {
	color: #000 !important; }

.mdl-js-textfield, .mdl-textfield--floating-label, .mdl-card-contactagence1 .mdl-textfield--floating-label {
	width: 100% !important; }

.mdl-js-textfield input {
	background: #fff;
	color:#000;
	height: 40px; }

.mdl-js-textfield input, .mdl-textfield__label {
	padding-left: 10px !important; }

.mdl-card-contactform textarea, .mdl-card-contactagence textarea {
	background: #fff;
	font-size: 1.5em !important;
	padding: 20px !important;  }

#contact_form7_submit, #contact_form8_submit {
	background: #333 !important;
	color: #fff;
	border: none !important;
	height: 70px !important;
	font-size: 1.5em !important;
	width: 100% !important; }

#mdl-card-contactagence1 textarea, .mdl-card-contactagence1 textarea {
	font-size: 1em !important;
	height: 300px !important; }

#mdl-card-contactagence2 {
	max-width: 800px; }

.error, .formok {
	padding: 5px 10px !important; } 
	
.error {
	background: #79A6A9 !important;
	color: #fff !important; } 

.formok {
	background: #699800 !important;
	color: #fff !important; } 

.leftcat {
	float: left;
	margin: 0 20px 0 0; }

input#contact_form1_phone_number {
	color: #000 !important; }

#contact-form1 .label, #contact-form8 .label {
	color: #000 !important; }

#formcontact input, .mdl-card-contactagence input {
	background: #fff !important;
	height: 25px; 
	padding: 10px !important; }

textarea#contact_form7_content, textarea#contact_form8_content {
	padding: 10px !important; }

#mdl-card-contactagence1 input, #mdl-card-contactagence8 input {
	padding: 0 10px !important; }

.rgpd{background:#fff !important;color:#000 !important;padding:10px;border:1px dotted #000;}

/* Formulaire de Connexion à  l'Espace Client */
#membership-form-login {
	max-width: 400px; 
	margin: 20px auto !important;}
	
.mdl-card-contactform1, .mdl-card-contactform8  {
	color: #54605E !important;
	padding: 20px; }

.mdl-card-contactform1 form, .mdl-card-contactform8 form {
	margin: 0 auto !important;
	text-align: center !important; }

.mdl-card-contactform1 form input, .mdl-card-contactform8 form input {
	background: #fff;
	height: 60px;
	padding: 10px 20px;
	max-width: 400px !important; }
	
#membership_form_login_submit {
	background: #95CB3D;
	color: #fff;
	border: none !important;
	font-size: 1.2em !important;
	padding: 20px 40px 40px 40px !important;
	max-width: 400px !important; }

.pages-menu {
	margin: 20px auto !important;
	text-align: center !important; }
	
/* Breakers */
.antiprism, .antispam, .prismbreak, footer span.antiprism {
	letter-spacing: -12px;
	color: transparent !important; }

/* Formulaire de Page Sandwich */
.boutonemail input {
	font-size: 1em !important;
	padding: 2px 10px;
	height: 40px;
	border: 1px solid #000 !important; }

.boutonps input {
	font-size: 1em !important;
	height: 50px;
	width: 370px;
	padding: 10px 25px; }

/* Catégorie d'articles */
.kt-layout-id_0e392c-81 {
	height: 400px; }

.featureimage img {
	padding: 0 !important; 
	margin: 20px 0 0 0  !important; }

.categorie .text-cards h2 a {
	text-decoration: none !important; }

.chapo {
	font-size: 2em !important;
	line-height: 1.3em !important; }
	
/* Articles */