body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #333333;
  background: #EBEBEB;
  padding-top: 10px;
  padding-bottom: 10px;
}


a {
  color: #0088cc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'GotBlack';
  color: #0794e7;
}

h2 {font-size : 20px; text-align: left;}
h3 {font-size : 17px; }

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #ffffff;
}


p {
  text-align:justify;
  margin: 0 0 5px;
}

ul{text-align: left; padding-left: 40px;}


header {}

section {}

/* FOOTER */
footer {
  background: #DCDCDC;
  margin-bottom: 10px;

  display: flex;
  justify-content : space-between;
}


/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
	footer {
		flex-direction: column;
	}

	footer ul{
	    display: flex;        /* Affichage en ligne */
	    gap: 10px;            /* Espacement entre les éléments */
	    list-style: none;      /* Supprime les puces */
	    padding: 0;           /* Supprime le padding par défaut */
	    margin: 0;            /* Supprime la marge */
	    justify-content : space-around;
	}

	footer ul li{

	}
}



a.lock{

}

a.lock:hover
{
  text-decoration: none;
}

.logofooter{
 margin-left:40px;
}

/* HEADER */
.page-header {
  border-bottom: 1px solid #eeeeee;
  margin: 0;
  padding:0;
  min-height : 110px;
  overflow:hidden;
}

.page-header .logo{
  margin-bottom:10px;
  margin-top:10px;
  margin-right:10px;
  float: left;
}

.page-header .baseline{
font-weight: bold;
font-size: 16px;
font-style:italic;
color: #000;
}

.page-header a:hover{
text-decoration: none;
}


.page-header .titre{
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 40px;
  font-size: 38px;
  font-family: 'GotBlack';
  color: #0794e7;
}


.bloc {
  background: #DADADA;
  min-height: 245px;
  height: 245px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}

.bloc2 {
/*
  background: #DADADA;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
*/
}


.blocs{
background: linear-gradient(to bottom, grey, white );

}

.container{
  background: #fff;
  padding: 0 10px;
}

@font-face {
font-family: 'GotBlack';
src: url('/wp-content/themes/agape/js/font/g-black-g.eot');
src: url('/wp-content/themes/agape/js/font/g-black-g.eot?#iefix') format('embedded-opentype'),
   url('/wp-content/themes/agape/js/font/g-black-g.woff') format('woff'),
   url('/wp-content/themes/agape/js/font/g-black-g.ttf') format('truetype'),
   url('/wp-content/themes/agape/js/font/g-black-g.svg#GothamBlackRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GotBold';
src: url('/wp-content/themes/agape/js/font/g-bold-g.eot');
src: url('/wp-content/themes/agape/js/font/g-bold-g.eot?#iefix') format('embedded-opentype'),
   url('/wp-content/themes/agape/js/font/g-bold-g.woff') format('woff'),
   url('/wp-content/themes/agape/js/font/g-bold-g.ttf') format('truetype'),
   url('/wp-content/themes/agape/js/font/g-bold-g.svg#GothamBoldRegular') format('svg');
font-weight: normal;
font-style: normal;
}

/* 1ère ligne */
.twoBlocs{
	display: flex;
	gap: 30px;

	justify-content : space-between;
	align-content :center;
	align-items: stretch;
}

.twoBlocs .tb_left{
	 flex-grow: 9;
}
.twoBlocs .tb_right{
	 flex-basis : 25%;
	 flex-grow: 3;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
	.twoBlocs {
		flex-direction: column;
	}

	.tb_left, .tb_right{
		 flex-grow: 1;
	}

	.bloc {
		height: auto;
		min-height: auto;
	}
}


/* 2ème ligne */
.fourCards {
	margin-top: 10px;
    display: flex;
    gap: 60px;
    justify-content: space-around;
  	align-items: stretch;
}

.fourCard {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.fourCard .entete img {
margin: auto;
}

.fourCard .contenu {
    flex-grow: 1; /* Permet au contenu de prendre l'espace dispo */
}

/* Responsive */
@media (max-width: 800px) {
    .fourCards {
		flex-direction: column;
    }

}







/* Style des Blocs brochures 1 */
.centre_agape{
background-color: LightGoldenrodYellow;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;

  background: url(/wp-content/themes/agape/img/logo_agape_100.png) no-repeat no-repeat bottom right;
}

.centre_agape h2{
line-height: 30px;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
background-color: gold;
text-shadow: white 0 1px 1px;
}

.visites {
background-color: #FFC79A;

box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;

}

.visites h2{
  color: white;
line-height: 30px;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
background-color: #FF7145;
text-shadow: gray 0 1px 1px;
}

.balades{
background-color: lightgreen;

box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;


}

.balades h2{
color: white;
line-height: 30px;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
background-color: green;
text-shadow: gray 0 1px 1px;
}

.journal{
background-color: lightskyblue;

box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;

}

.journal h2{
color: white;
line-height: 30px;
border-bottom: 1px dashed white;
border-top: 1px dashed white;
background-color: blue;
text-shadow: gray 0 1px 1px;
}

[class*="span"] {
 margin-bottom: 10px;
 border-radius: 5px 5px 5px 5px;
 text-align: left;
}



/******************/

/* Style des Blocs brochures 2 */
.centre_agape2{text-align:center;}
.journal2{text-align:center;}
.balades2{text-align:center;}
.visites2{text-align:center;}

.centre_agape2 h2, .journal2 h2, .balades2 h2, .visites2 h2{
font-size: 20px;
line-height: 18px;
text-align:left;

}

.bcontent{
  min-height: 100px;
}
/*
.centre_agape2 .blink, .visites2 .blink,
.centre_agape2 .bcontent, .visites2 .bcontent{
padding-left: 30px;
}

.balades2 .blink,
.balades2 .bcontent{
  padding-left: 50px;
}

.journal2 .blink,
.journal2 .bcontent{
  padding-left: 40px;
}

.blink a{
  padding-left: 10px;
  }

*/
.blink {
  text-align:left;
  font-weight: bold;
  font-size: 14px;

}



.centre_agape2 ul, .journal2 ul, .balades2 ul, .visites2 ul{
padding:0;
}

.home_top{
}
.home_top .bloc, .home_top .bloc2{
  padding: 0 5px;
}

.home_top h2{
text-align: left;
padding: 0;
margin: 0;
}

.article_home{
  padding : 10px 0px;
  text-align: left;
}

.article_home img{
  float: left;
  margin-right: 10px;
  border: 2px solid black;
  width: 150px;
  height: 120px;
}

.article_home a.lienTitre{
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 17px;
  margin-bottom: 5px;
  text-decoration: none;
  font-family: 'GotBlack';
  font-size : 17px;
  font-weight: bold;
  color: #333333;
  display: block;
  text-transform:
}

.article_home a.lienTitre:first-letter {
    text-transform: uppercase;
}

.article_home a.lienSuite{
font-weight: bold;
display: block;

}

.row_separation .span12 {margin:0; padding:0; height: 10px; line-height: 10px; min-height: 10px; background: red;}

.home_separation{
height: 10px;
background: linear-gradient(to right, LightGoldenrodYellow, #FFC79A, lightgreen, lightskyblue);
background:-webkit-linear-gradient(left, LightGoldenrodYellow, #FFC79A, lightgreen, lightskyblue);
padding:0;
margin: 0;
}


.accordion-heading{
background-color: #EAEAEA;
}

.accordion-heading a{font-weight: bold;}
/******************/



/*******************/
/* WORDPRESS STYLE */
/*******************/
/* aritcle */
.article {margin-top:0; padding-top:0;}
.article h1{font-size: 20px;}
.article h1:first-letter {
    text-transform: uppercase;
}
.article .entete{height: 20px; margin-top: 5px;}
.article .entete .span3{min-height: 20px;}
.article .entete .span2{min-height: 20px;}
.article .entete .categorie{height: 20px; min-height: 20px;}
.article .entete .categorie a{text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.article .entete .date{text-align: right; height: 20px; font-weight: bold; font-size: 10px;}
.article .contenu{}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Images */
.alignleft {
  float: left;
  margin-right: 10px;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
  max-width: 100%; /* Keep wide captions from overflowing their container. */
  padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #757575;
}
img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.entry-content dl.gallery-item {
  margin: 0;
}
.gallery-item a,
.gallery-caption {
  width: 90%;
}
.gallery-item a {
  display: block;
}
.gallery-caption a {
  display: inline;
}
.gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}
.gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
  padding: 3%;
}

.mts{margin-top: 5px;}
.mbs{margin-bottom: 5px;}
.mls{margin-left: 5px;}
.mrs{margin-right: 5px;}