@charset "utf-8";

/* Style mode portrait */
@media screen and (max-width: 870px){

html{
	font-size:100%;	/* Permet de gêrer les fonts en em */
	-webkit-text-size-adjust:none;	/* Containte taille de police automatique sur iphone et ipad au changement d'orientation */
}

.mobile{
	display:block;
}

.web{
	display:none;
}

label{
	font-size:1.2em;
}


/* CONTENU */

.text1{
	font-size:1.2em;
}

.icon_back{
	top:1em;
	left:1em;
}


/* PAGE: Accueil */

#page_home{
	position:relative;
	width:100%;
	min-height:100vh;
	background-color:#1c5b7b;
	text-align:center;
}

#page_home #logo{
	max-width:86%;
}

#page_home #link_contact{
	width:46%;
}

#page_home #link_contact p{
	width:100%;
	margin:0.8em 0;
	font-size:1.2em;
	text-align:right;
}

#page_home #link_contact .bl_icon_bas{
	float:right;
}

#page_home #link_realisation{
	width:46%;
}

#page_home #link_realisation p{
	width:100%;
	margin:0.8em 0;
	font-size:1.2em;
	text-align:left;
}


/* PAGE: Contact */

#page_contact #bl_left{
	width:90%;
	padding:4em 10% 4em 0;
	min-height:1px;
}

#page_contact #logo_petit{
	max-width:60%;
	margin-top:0;
}

#page_contact #bl_right{
	width:100%;
	min-height:1px;
}

#page_contact #carte{
	height:350px;
}


/* PAGE: Login */

#page_login{
	width:88%;
	padding:0 6%;
}

#page_login #logo_petit{
	margin-bottom:1em;
}

#page_login #bt_valider{
	margin-bottom:1.5em;
}

#page_login .text1{
	font-size:1em;
}


/* PAGE: Réalisation */

#page_realisation #bl_slide{
	width:80%;
}

#page_realisation .slick-slide img{
	top:0.6em;
	width:100%;
}

#page_realisation .icon_slide{
	width:47px;
	height:47px;
	border:2px solid #1c5b7b;
}

#page_realisation .icon_slide:hover{
	border:2px solid #3bbdff;
}

#page_realisation .icon_slide:before{
	width:20px;
	height:20px;
}

#page_realisation .icon_prev{
	top:45%;
	left:-11%;
}
	
#page_realisation .icon_prev:before{
	top:12px;
    left:15px;
    border-left: 5px solid #1c5b7b;
    border-bottom: 5px solid #1c5b7b;
}

#page_realisation .icon_next{
	top:45%;
	right:-11%;	
}

#page_realisation .icon_next:before{
	top:12px;
    right:-8px;
    border-top: 5px solid #1c5b7b;
    border-right: 5px solid #1c5b7b;	
}

#page_realisation .slider_text1{
	font-size:1.2em;
}

#page_realisation .slider_text2{
	font-size:0.9em;
}


/* LIGHTBOX */

.lightbox_content{
	width:80%;
	max-width:400px;
	padding:2em 5%;
	margin:0 5%;
}

#lb_erreur{
	padding-top:3em;
	padding-bottom:2em;
}

#lb_erreur_text{
	font-size:0.9em;
	line-height:1.2em;
}

#lb_erreur_bt_retour{
	margin-top:2em;
}

#lb_erreur_bt_retour a{
	width:auto;
	padding:0.4em 1.5em;
	font-size:1.1em;
	line-height:1.2em;
}

}

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

#page_home #logo{
	max-width:40%;
	margin-top:24vh;
}
	
}