/* ===== Page d'accueil ====== */

/****
init
 ****/
* { padding: 0px; margin: 0px}
input, textarea { font-family: inherit; }
label, select { cursor: pointer; }
td { vertical-align: top; }
ul { list-style: none; }
img { border: 0 none; }
h1, h2, h3, p { font-family: Roboto, Arial, Helvetica, sans-serif}
html{min-height:100%;}

/*** skin ***/

body {
  background-image: url("../img/DecoGreta/fondCadre.png");
  background-repeat: no-repeat;
  background-color: white;
  min-height: 100%;
  display: flex;
 align-content: center;
 justify-content: center;
 flex-direction: column;
 background-size: cover;
}

div.tplPge {
  max-width:1200px;
  height: inherit;
  margin: 0px auto;

}

div.tplPgeFra {
  margin-bottom:5px;
  position: relative;
  width:100%;
}


/** En-tête : bannière du logo **/

#header {
align-self:center;
  width:90%;
  height: 220px;
  margin-top: 30px;
  background-image: url(../img/DecoGreta/banniere.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 960px) {
  #header {
    margin-top: 30px;
    background-image: url(../img/DecoGreta/banniere-vMobiles.png);
    background-size: contain;
    height: 300px;
  }
}

/*** Bloc général / central  ***/

#corps {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  align-items: stretch;
}

/*** Barre de recherche  ***/

form.form-rchrch-web {
  align-self: center;
  padding-top: 5%;
  padding-left: 20%;
  padding-right: 5%;

  display: grid;
  grid-template-rows: 3fr;
}

form.form-rchrch-web label{
  color: #0080c0;
  text-shadow: 0.3px 0.5px 0.3px #1b1c22;
  grid-row: 2;
  padding-left:10px;
  font-style: italic;
/* font-family: sans-serif; */
}

form.form-rchrch-web input {
  padding: 10px;
  margin: 3px;
  border-radius: 10px;
  grid-row-end: 1;
  font-size: 17px;
  border: 2px solid grey;
  background: #f1f1f1;
  color:#313131;
  /* font-family: sans-serif; */
font-weight: bold;
text-shadow: 0.3px 0.5px 0.3px #2d2e35;
}

form.form-rchrch-web #chrch-soum {
  float: left;
  width: 40%;
  padding: 10px;
  background: #0080c0;
  color: #313131;
  font-size: 17px;
  text-shadow: 1px 0.5px 1px #a4bbca;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.form-rchrch-web #chrch-soum:hover{
  background: #6abb71;
  color: aliceblue;
  text-shadow: 1px 0.5px 0.7px #1b1c22;
}

@media only screen and (max-width: 960px) {

  form.form-rchrch-web {
    padding-left: 30%;
    padding-right: 30%;
  }

  form.form-rchrch-web label{
    grid-row: 2;
  }

  form.form-rchrch-web input {
    grid-row: 1;
  }

  form.form-rchrch-web #chrch-soum {
    grid-row: 3;
    margin-left: 30%;
    margin-top: 20px;
  }
}



/*** Menu imagé central  ***/

#bloc_img {
  margin:20px;
  padding-top: 3%;
  padding-left: 5%;
  padding-right: 5%;
}


.horlist {
  display: flex;
  flex-direction: row;
  justify-content : space-around;
}

@media screen and (max-width: 1600px) {

  .horlist {
    flex-flow: row wrap;
    align-items: center;
  }
}


@media screen and (max-width: 600px) {

  .horlist {
    flex-direction: column;
    align-items: center;
  }
}

.horlist li {
  display: block;
  font-size: 130%;
  padding: 20px;
  width: 300px;
  margin-left: 10px;
  margin-right: 10px;
}

.horlist img {
  width: 300px;
  padding: 17px;
  transition: transform .2s;
}

.imgmenu {
  height: 149px;
  border-radius: 30px;
}

/*
img:hover {
  transform: rotate(2deg);
  }
*/

img.imgmenu:hover {
  transform: scale(1.2);
}

.imgfix {
  height: 80px;
  background-size: cover;
}

.MargeTop {
  margin-top:10px;
  text-align: center;
}

/* Pages des mentions légales */

p.pagesMentionslegales,
ul.pagesMentionslegales, li{
text-align: justify;
color: #6e6e6e;
letter-spacing: 0.1em;
list-style-type: disc;
padding-bottom: 15px;
}

ul.pagesMentionslegales{
	padding-left: 20px;
}

h1.pagesMentionslegales, h2.pagesMentionslegales, h3.pagesMentionslegales{
  padding-bottom: 15px;
  padding-top: 20px;
  text-align: center;
}


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

Gestion des polices */

.acc {

  font-size: 1.4em;
  text-align: center;
  padding-bottom: 52px;
}



/* ** == NON DÉVELOPPÉ == ** */


/* ===== Pied de page ====== */


ul {
  margin-bottom: 30px;
  color: #6e6e6e;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.1em;
}
.item-page li {
  margin-bottom: 15px;
}



/* footer (acc-footer): bandeau pied de page*/

footer {
position: relative;
background-color: #383838;
bottom:0;
width:100%;
padding: 3px;
}

#acc-footer {
  display: flex;
  justify-content: center;
}

#acc-footer p {
  margin-right: 5px;
  margin-left: 5px;
}

#acc-footer a:hover {
color: #e6e6e6;
text-align: center;
}

#acc-footer a 	{
color: #A3A3A3;
text-align: center;
}



.custom_extLinks {
  height: auto;
  margin: 0 auto;
  width: auto;
  width: 966px;
  height: 121px;
  margin: 0 auto;
  padding-top: 33px;
}
.custom_extLinks p {
  float: left;
  margin: -5px 91px 0 0;
}
.custom_extLinks a {
  display: block;
  padding: 68px 5px 13px;
  color: #909090;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0 auto;
}




/* liens sociaux */
.custom_extLinks div {
  float: left;
  width: 120px;
  margin: 0 24px;

  text-align: center;
  /*! clear: left; */
}
.custom_extLinks div p {
  float: left;
  margin: 0;
}
.custom_extLinks div a {
  width: 19px;
  height: 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*! padding: 0; */
}
.custom_extLinks div span {
  padding-left: 2px;

  color: #909090;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: default;
}
#acc-footer a#fb			{ background-image: url("../images/footerFb_bg.png"); }
#acc-footer a#gp			{ background-image: url("../images/footerGp_bg.png"); background-position-y: 55%; }
#acc-footer a#tw			{ background-image: url("../images/footerTw_bg.png"); background-position-y: 52%; }
#acc-footer a#li			{ background-image: url("../images/footerLi_bg.png"); }
#acc-footer a#vd			{ background-image: url("../images/footerVd_bg.png"); background-position-y: 52%; }

/* hover */
#acc-footer a:hover#fb	{ background-image: url("../images/footerFbHover_bg.png"); }
#acc-footer a:hover#gp	{ background-image: url("../images/footerGpHover_bg.png"); }
#acc-footer a:hover#tw	{ background-image: url("../images/footerTwHover_bg.png"); }
#acc-footer a:hover#li	{ background-image: url("../images/footerLiHover_bg.png"); }
#acc-footer a:hover#vd	{ background-image: url("../images/footerVdHover_bg.png"); }


/* menu bas */
#acc-footer ul.menu {
  clear: left;
  margin-bottom: 0;
  text-align: center;
  \.custom_extLinks\ \{\ width: 100%;
    background-color: black;
    margin-top: 0;
  }
  #acc-footer ul.menu li {
    display: inline-block;
    margin: 0 10px;
  }
  #acc-footer li a {
    line-height: 41px;

    color: #777777;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.1em;
  }
  #acc-footer ul.menu li a:hover {
    text-decoration: none;
  }