/*
 * 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/vai5tzu.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:#ffffff;
	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:#C82875;
}
#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: #ffffff;
}

#alteriade_PH_close:before,
#alteriade_PH_close:after {
	display: block;
  content: ' ';
  background-color: #C82875;
  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: montserrat, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size:23px;
	line-height:normal;
    color:#FCCE00;
}


/* Boutons */
.alteriade_PH_button {
	position:relative;
	display:inline-block;
	width:auto;
	padding:10px 20px 8px;
	border:2px solid #FCCE00;
	border-radius:59px;
	
	font-weight: 800;
	font-style: normal;
	outline:none;
	color:#ffffff;
	
	text-decoration:none;
	cursor:pointer;
	background-color:transparent;

	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:#1B3E8E;
}

a.alteriade_PH_button-pa {
	color:#1B3E8E;
	background-color:#FCCE00;
	margin-left:20px;
}

.alteriade_PH_img { max-width:100%; }


.alteriade_PH_contenu {
    background-color:#1B3E8E;
	/*padding:30px;
	background-image:url('../images/visuel@2x.png');
    background-size:48%;
    background-position: bottom right;
	background-repeat:no-repeat;*/
}

/*.alteriade_PH_contenu_logo {
	width:170px;
}*/

/*.alteriade_PH_contenu_etoiles {
	position: absolute;
	top:0;
	left:0;
}*/

/*.alteriade_PH_contenu_flex {
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
}*/

.alteriade_PH_contenu_texte {
    position:relative;
	max-width:60%;
	z-index:10;
	/*padding:40px;*/
}

.alteriade_PH_contenu_titre {
    font-family: sysfalso, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size:42px;
	color:#FCCE00;
	
	padding-top:50px;
	padding-left:40px;
}

.alteriade_PH_contenu_soustitre {
	text-transform: uppercase;
	margin-top:10px;
	line-height: 26px;

	padding-left:40px;
}
span.alteriade_PH_contenu_soustitre2 {
	color:#ffffff;
	text-transform: none;
	margin-top:10px;
	display:inline-block;
	font-size:21px;
	font-weight:800;
}

.alteriade_PH_contenu_boutons {
    display:flex;
	align-items: center;
	
	padding-top:60px;
	padding-left:40px;
	padding-bottom:40px;
}

.alteriade_PH_contenu_visuel {
	position:absolute;
	top:0;
	right:0;
	max-width:50%;
	width:330px;
}


/** Responsive **/

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

    #alteriade_PH_Container {
        overflow-x:auto;
        overflow-y:scroll;
    }

}

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

    #alteriade_PH_Container {
        overflow-x:auto;
        overflow-y:scroll;
    }
   
}

@media screen and (max-width:600px) {
		
	.alteriade_PH_contenu_flex {
		padding:40px 20px;
	 }
	
	.alteriade_PH_contenu_texte { 
		width:100%; max-width: 100%; 
		text-align: center; 
	}
	.alteriade_PH_contenu_titre { 
		padding-top:0px;
		padding-left:0px;
	 }
	.alteriade_PH_contenu_soustitre { padding-left:0px; }
	.alteriade_PH_contenu_boutons {
		text-align: center;
		width: 100%;
		display: inline-block;
		padding-left:0;
	}

	.alteriade_PH_contenu_visuel { display:none; }
	
}

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

	.alteriade_PH_contenu_flex { padding:40px 15px; }

	a.alteriade_PH_button {
		display:inline-block;
	}
	a.alteriade_PH_button-pa { margin-left:0; margin-top:15px; } 

	.alteriade_PH_contenu_titre { font-size:32px; }
	.alteriade_PH_contenu_soustitre { font-size:20px; }
	span.alteriade_PH_contenu_soustitre2 { font-size:18px; }
	.alteriade_PH_contenu_boutons {padding-top:30px;}

}