/*
 Theme Name:   aac
 Description:  Theme herité du theme wpm
 Author:       Pierre Miele
 Author URI:   http://123a.fr
 Text Domain:  aac
*/

/* =========================================== Specifications pour aac   ======================== ======================================= */
/* couleurs pour aac

Rouge 		: #cc1e1e
Rose p le	: #ffdddd
Noir 		: #1A1A1A
Blanc		: #f7f7f7

Fond Bleu aac  #e2e2e2
bleu clair #12a7ff
Texte Gris fonc  #0D85CC
gris menu : #585858   #6E6E6E
marron fonce : #93674a
marron clair : #e8e3d0
*/

// =========================================== Specifications pour aac  =================== 

.picto {border:red; border-radius:10px;}
.menu-cache {display:none;}
#page { }

.more {width:100%; text-align:center; margin-top:5px;}
.suite { background-color:var(--btn-bgcolor);  padding:0 5px; border:var(--btn-border-color) 1px solid; border-radius:5px; text-align:center;}
.suite a, a.wp-block-file__button  { font-family:Times New Family; color:var(--btn-color); font-style:italic; text-decoration:none; }


.remarque {color:#2e2e2e; font-family: Times New Roman; font-style:italic; }
.lettrine {color:#93674a; font-family:Arial; font-size:28px; font-weight:400px; line-height:1; }
.encadre  {width:300px; border:#93674a 2px solid; color:#93674a; font-weight:500; text-align:center; padding:10px;}
.zone-bas {width:98%;  font-weight:normal; font-size:11px; line-height:1.1; padding-top:6px;}

.mailto   {background-image:url(pictos/mel.gif); background-position:left; background-repeat:no-repeat; padding:3px; padding-left:25px; }
.livredor {background-image:url(pictos/livre.gif); background-position:left; background-repeat:no-repeat;padding:3px; padding-left:25px; }
.facebook {background-image:url(pictos/facebook.png); background-position:left; background-repeat:no-repeat;padding:3px; padding-left:25px; }
.twitter  {background-image:url(pictos/twitter.png); background-position:left; background-repeat:no-repeat;padding:3px; padding-left:25px; }
.instagram {background-image:url(pictos/insta.png); background-position:left; background-repeat:no-repeat;padding:3px; padding-left:25px; }

body {
	/* background-color:#e2e2e2; background-image:url(images/ciel.jpg); background-repeat:repeat-y; background-position:top center; background-attachment:fixed; */
	background-color:var(--body-bgcolor);
	color: var(--color-base);
	font-size: 1.4rem;
	line-height: 1.4;
}
.site-inner {width:90%; max-width:1320px; margin:0 auto;}



// ==================================================  HEADER  ================================================================ 

#wpm-before-header {position:relative; min-height:30px;}
#wpm-before{display:none; min-height:30px;}

#wpm-header { width:100%; background-color:transparent; }

.site-header { margin-top:5px; background-color:transparent; }

.site-logo { max-height:150px;	width:auto;	margin: 0 1em 0 0;}

.site-branding	{
	position:absolute; top:50px; z-index:999; width:50%;
	margin:0;
	padding:0 0 0 15px;
	border:0;
	text-align:left;
}

.site-title {width:100%; margin:0; padding:0; border:0;}

.site-title a {
    color:var(--color-base);
	font-family:Arial; 
	line-height:0.8;
	font-weight:600;
	text-decoration: none;
}
.site-description {
	display:inline;
	font-family:Arial;
	font-size: 14px; font-size: 1.4rem;
	font-style:italic;
	font-weight: normal;
	line-height: 0.8;
	padding:0; margin:0;
}
.site-intra .site-description {display:block; width:100%; padding:5px; text-align:center; font-size:30px; background:var(--color-secondary); color: green; }

@media (min-width: 450px) {.site-branding {top:20px;} }
@media (min-width: 576px) {.site-branding {top:30px; }}
@media (min-width: 768px) {.site-branding {top:40px; }}
@media (min-width: 992px) {.site-branding {top:60px; }}
@media (min-width: 1200px){.site-branding {top:80px; }}


#wpm-bandeau {position: relative;background-color:transparent; margin:0; padding:0;}

.header-image {margin:0; width:100%;}
.header-image img {width:100%; height:auto; display:block;}

.header-slide {  /*pour centrer dans son container site-inner */
	margin: 0 auto;
	padding:0;
	margin-left:5%; max-width:95%;
	position:relative;
}

/* ==================================================  PAGE DE CONTENU  ================================================================ */

#wpm-main { background:transparent;}

.site-main .site-inner {height:100%; background:var(--main-bgcolor);}

.site-content{
	display:block;

	/*
	background-color:var(--main-bgcolor);
	background-image: url(images/filet-beige.jpg);background-repeat: repeat-y ; background-position:center; background-attachment:fixed;	
	*/
	padding:20px 0; margin:0; 
	-border-left:#ffdddd 1px solid; -border-right:#ffdddd 1px solid;
}

/* Right Content 
#primary {}
.content-area {float:right;	margin:0; padding:0;}
#secondary {}
.widget-area {float:left; margin:0; padding:0;}
*/

/* Left Content */
#primary {}
.content-area {float:left; padding-left:10px; padding-right:1%;}
.full-content-area {float:none; -max-width:730px; margin: 0 auto; }
.site-intra .content-area {float:none; width:100%; margin:0 auto; max-width:730px;}

#secondary {}
.widget-area{float:right;margin-right:0;padding:0;}

.content-area, .full-content-area {background-color:transparent;padding: 0px 5%; }

.container article, .container .entry-content {float:none; width:auto;}

article { 
	µbackground-color: var(--blanc); µborder-radius:5px; 
	µbox-shadow: 0px 19px 71px -10px rgba(0, 0, 0, 0.2);
	border-bottom: var(--color-primary) 1px solid;
}

.entry-title {
	background:var(--h-bgcolor);
	/* background-color: #e8e3d0;background :url(images/filet-beige.jpg) repeat-y; */
	padding:0;
	min-height:30px;
}
.entry-title, .entry-title a {
	color:var(--h-color) ;
	font-family:Arial, Helvetica, sans-serif ;
	font-weight:500; line-height:1;
}
.entry-title a:hover {color:var(--a-hover-color); }

.entry-content {margin:0; padding:0;padding-bottom:10px;}
.entry-content {margin-right:10px;}

.entry-content p {text-align:justify;}

/* titres de paragraphes */
.entry-content h1,  .entry-content h2,  .entry-content h3,
.entry-content h4,  .entry-content h5,  .entry-content h6 {
	color:var(--h-color) ;
	font-weight:300;
	font-family:Roboto;
	text-transform:none;
}
.entry-content td{ vertical-align:top;}

#wpm-entry-meta-bottom, #wpm-entry-meta-top { font-style:italic; font-size:12px; color: #808080; }
#wpm-entry-meta-bottom {border-top: 1px solid #ffdddd;}

/*---- wp blocs --------------------*/
.entry-content .has-text-align-center {text-align:center; }
.entry-content .has-text-align-left {text-align:left }
.entry-content .has-text-align-right{text-align:right; }

.wp-block-group { padding:15px; border:var(--main-border-color) 1px solid; border-radius:10px;}
.wp-block-embed__wrapper {width:90%; margin:0 auto; border:var(--main-border-color) 2px solid; }
.wp-block-embed figcaption {width:100; text-align:center;}

/*---- gallery ---------------------*/
.container-flex {display:flex;flex-wrap:wrap;align-items:center;}
.wp-block-gallery figure.wp-block-image { padding:2px; }
.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item { max-height:300px; width:auto; margin:0 auto; }
.wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { border:var(--main-border-color) 2px solid; max-height:400px; width:auto; margin:0 auto; }
.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, 
.wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img   {max-height:300px; width:auto; margin:0 auto; }

.wp-block-gallery.columns-2 .blocks-gallery-image, .wp-block-gallery.columns-2 .blocks-gallery-item {  }

.rslides li img {max-height:500px; width:auto;  }
.metaslider img {max-height:500px; margin:0 auto; }

.post-thumbnail {display:inline;  margin-left:0; }
.post-thumbnail img {display:inline; }

/* --------------- WIDGETS ------------------------------------------------------------------------ */

#secondary {background: transparent; font-style: normal; text-align: left;}

.widget-area {border-left:var(--color-primary) 2px solid; µ-border-bottom:var(--color-primary) 2px solid; padding:5px; padding-bottom:2em; margin-top:10px; margin-bottom:25px;}

.widget {
	border:0; border-radius:0;	background:transparent;
	font-family:Arial Narrow, Arial, sans-serif; font-size: 1.3rem;	line-height: 1.3;
	margin-bottom: 1em;
}

.widget h2, .widget-title, .rubrique, .rubrique-title {
	width:100%;
	background-color:var(--color-primary);
	color: var(--color-contrast);
	font-size: 1.8rem;
	padding:10px;
	text-align:left;
	margin-bottom:0;
}
.rubrique-title {display:none; font-family: "Arial";	text-transform: uppercase; border-radius:10px 10px 0 0;}

.textwidget {width:100%; margin:5px; padding:5px;}

.widget .image {float:none; margin:0 auto;}

/*
@media (max-width:768px) {
    .content-area {	margin:0 2%;width:100%;	}
	.widget-area {float: none; border:0; width:80%; margin:0 auto;	}
	.site-description {font-size:1rem;}
	.site-intra .site-description {font-size:1.6rem;}
}
*/

/* =======================================================   FOOTER   ==================================================================== */

#wpm-footer {width:100%;}

.site-footer {background:var(--footer-bgcolor); padding:20px; color:var(--footer-color) }

.site-footer .site-title {font-family: inherit;	font-size: inherit;	font-weight: 400;}
.site-footer img { margin:0; padding:0; max-width:200px;}
 
.site-footer a { color:var(--footer-color) ;}
.site-footer a:hover, .site-footer a:focus {}

.site-footer .container {font-family:Arial-Narrow, Arial, Sans-serif; }
.site-footer .container .row [class*="col-"] { background:transparent; border-left:#eedddd 1px solid; margin-bottom:1em; }
.site-footer .container .row {align-items:center;}



.site-partenaires {border-top:#f7f7f7 2px solid; width:100%; text-align:center;}
.site-partenaires img {max-height:50px; min-height:30px; width:auto; max-width:100%}

.site-info {width:100%; border-top:2px solid;  padding:20px; text-align:center;	font-size:1.3rem;}

/* =======================================================   AJOUTS   ==================================================================== */

.large {width:100%; height:auto; max-width:100%; max-height:100%; }

.diapo-2-3 {display:block; float:left; max-height:200px; width:300px;}

/* =========================================================== */


/* ==== .bobine ==================================== */

.bobine img {-display:none; } 
.bobine td {padding:10px 5px 5px 5px;} 
.bobine figure{width:100%;} .bobine figcaption {margin:0; padding:0 5px;} 
.bobine figcaption.wp-element-caption {display:block; font-family:Arial Narrow; font-size:20px; font-weight:bold;  width:100%; }



/* Modeles

#id .container {-background: ; -padding: ; -border: }
	
.shadow {box-shadow: -5px 0px 5px 5px pink;}

*/