/*
 * Prehome personnalisable
 * Auteur : alteriade
 * Version : 3.0
 * Date de la version : 2019/10/08
 *
 */

/*****************************************
 * Zone CSS du container de la prehome
 * Ne pas modifier
 *****************************************/

@import url("https://use.typekit.net/yln1tey.css");

#alteriade_PH_loader,
#alteriade_PH_loader * {
	box-sizing:border-box;
}

#alteriade_PH_loader {
	height:0;
	width:0;
}

#alteriade_PH_Container,
#alteriade_PH_background {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
}

#alteriade_PH_Container {
	z-index:9000;
}

#alteriade_PH_background {
	background-color:#000;
	opacity:0.8;
	z-index:0;
}

#alteriade_PH_box_wrapper {
	z-index:1;
	display:block;
	max-width:100%;
	width:auto;
	max-height:100vh;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#alteriade_PH_box {
	background-color:#fff;
	display:block;
	max-width:100%;
/*	border:3px solid red;*/
}



/*****************************************
 * CSS du bouton de fermeture
 * Modifier, mais avec modération
 *****************************************/

#alteriade_PH_box_wrapper {
/*	padding:20px;*/
}

#alteriade_PH_close {
	display:block;
	width:34px;
	height:34px;
	border-radius:50%;
	background-color:#F8F8F1;
	outline:3px solid transparent;
	position:absolute;
	top:15px;
	right:15px;
	cursor:pointer;
	z-index:9999;
	transition:background-color .3s ease, outline-color .3s ease;
}

#alteriade_PH_close:hover,
#alteriade_PH_close:active,
#alteriade_PH_close:focus {
	background-color:#004E73;
}
#alteriade_PH_close:hover:before,
#alteriade_PH_close:active:before,
#alteriade_PH_close:focus:before,
#alteriade_PH_close:hover:after,
#alteriade_PH_close:active:after,
#alteriade_PH_close:focus:after{
	background-color: #F8F8F1;
}

#alteriade_PH_close:before,
#alteriade_PH_close:after {
  display: block;
  content: ' ';
  background-color: #004E73;
  width: 4px;
  height: 22px;
  border: 0;
  position: absolute;
  top: 6px;
  left: 15px;
}

#alteriade_PH_close:after {
	transform:rotate(-45deg);
}

#alteriade_PH_close:before {
	transform:rotate(45deg);
}


/*****************************************
 * CSS du contenu
 * Modifier à volonté
 *****************************************/

/* police par défaut */
#alteriade_PH_Container {
	font-family: "freight-neo-pro", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:45px;
	line-height:49px;
    color:#ffffff;
}


/* Boutons */
.alteriade_PH_button {
	position:relative;
	display:inline-block;
	width:auto;
	padding:6px 25px 10px;
	border-radius:10px;
	border:1px solid #ED6E4D;
	
	font-family: "freight-neo-pro", sans-serif;
	font-weight: 600;
	font-style: normal;
	outline:none;
	color:#fff;
	
	text-decoration:none;
	cursor:pointer;
	background-color:#ED6E4D;
	
	font-size:18px;
	line-height:normal;
	text-align:center;
	
	-webkit-transition:background-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear;
	-moz-transition:background-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear;
	-o-transition:background-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear;
	transition:background-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear;	
}
a.alteriade_PH_button:hover,
a.alteriade_PH_button:focus {
	background-color:#ffffff;
    color:#ED6E4D;
}

.alteriade_PH_picto {
    position:relative;
    display:inline-block;
    width:35px;
    height: 34px;
    background-image: url('../images/picto@2x.png');
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    margin-right:12px;
}

a.alteriade_PH_button-don:hover .alteriade_PH_picto,
a.alteriade_PH_button-don:focus .alteriade_PH_picto{
	background-image: url('../images/picto-hover@2x.png');
}

/* Spécifique site Monsieur Vincent */
header.menu-header .menu-container { z-index:1 !important; }


.alteriade_PH_contenu {
    background-image: url('../images/fond-ph.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-color:#F8BA8D;
    background-position:top right;
}

.alteriade_PH_contenu_date {
	display: inline-block;
	margin-top:50px;
	background-color:#004E73;
	color:#ffffff;
	font-size:17px;
	line-height: 26px;
	font-weight: 600;
	border-radius:0 11px 11px 0;
	padding:8px 15px;
}

.alteriade_PH_contenu_texte {
    padding:30px;
    margin-top:15px;
    max-width:100%;
}

.alteriade_PH_contenu_titre {
    max-width:62%;
	color: #FBF5E8;
	text-shadow: 2.656px 1.328px 21.25px rgba(0, 0, 0, 0.36);
}

.alteriade_PH_contenu_boutons {
    margin-top:25px;
    display:flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom:60px;
}
a.alteriade_PH_button-don {
	display:flex;
	justify-content: space-between;
	align-items: center;
}




/** Responsive **/

@media screen and (max-width:700px) {
		
	.alteriade_PH_contenu {
        background-image:none;
    }
    .alteriade_PH_contenu_texte {
        text-align: center;
        padding:30px;
        max-width:100%;
    }
    .alteriade_PH_contenu_titre {
        max-width:100%;
    }

	.alteriade_PH_contenu_boutons {
        flex-direction:column;
    }
	
}

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

    
}

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

    #alteriade_PH_Container {
        font-size:36px;
        line-height:38px;
    }
    
    .alteriade_PH_button {
        padding:6px 18px 10px;
        font-size:22px;
    }
    
}