@charset "utf-8";

body{
	margin:0;
	color:#5f255f;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
}

#content{
	position:relative;
	width:100%;
	height:auto;
	min-height:100vh;
	overflow:hidden;
}

.viewport{
}

.page{
	width:100%;
	min-height:100vh;
	overflow:hidden;
}

#list_page{
	display:none;
}

p, ul, li, table, tr, th, td, h1, h2, h3{
	padding:0;
	margin:0;
}

a{
	color:#5f255f;
}

img{
	border:0;
}

:focus{
	outline:0;
}

@font-face{
    font-family : "HelveticaNeueLTStd-UltLt";
	src : url('../font/HelveticaNeueLTStd-UltLt.eot'); /* Pour IE9 Compat mode */
    src : url('../font/HelveticaNeueLTStd-UltLt.eot?#iefix') format('eot'),
		  url('../font/HelveticaNeueLTStd-UltLt.woff') format('woff'),
          url('../font/HelveticaNeueLTStd-UltLt.svg') format('svg'),
          url('../font/HelveticaNeueLTStd-UltLt.ttf') format('truetype');
}

.fontHelUltLi{
	font-family: "HelveticaNeueLTStd-UltLt";
	font-weight:normal;
}

@font-face{
    font-family : "Roboto-Medium";
	src : url('../font/Roboto-Medium.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Roboto-Medium.eot?#iefix') format('eot'),
		  url('../font/Roboto-Medium.woff') format('woff'),
          url('../font/Roboto-Medium.svg') format('svg'),
          url('../font/Roboto-Medium.ttf') format('truetype');
}

.fontRoMe{
	font-family: "Roboto-Medium";
	font-weight:normal;
}

@font-face{
    font-family : "Roboto-Thin";
	src : url('../font/Roboto-Thin.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Roboto-Thin.eot?#iefix') format('eot'),
		  url('../font/Roboto-Thin.woff') format('woff'),
          url('../font/Roboto-Thin.svg') format('svg'),
          url('../font/Roboto-Thin.ttf') format('truetype');
}

.fontRoTh{
	font-family: "Roboto-Thin";
	font-weight:normal;
}

.bl_btn{
	float:left;
	width:100%;
}

.bl_btn_div{
	text-align:center;
}

.bl_btn_div a{
	display:inline-block;
	width:260px;
	padding:0;
	color:#fff;
	font-size:26px;
	line-height:52px;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#1c5b7b;
	cursor:pointer;
	border:0;
	border-radius:3px;
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;	
}

.bl_btn_div a:hover{
	background-color:#3bbdff;
}

label{	
	float:left;
	width:100%;
	/*min-height:59px;*/
	font-size:26px;
	line-height:normal;
}

label p{
	width:100%;
	vertical-align:middle;
	display:inline-block;
	line-height:1.2; /* on rétablit le line-height */
}

input[type=text]{
	width:260px;
    height:52px;
    padding:5px 20px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:11px;
	color:#333;
	font-size:26px;
	line-height:normal;
	text-align:center;
	background-color:transparent;
	border:2px solid #1c5b7b;
	border-radius:3px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

input[type=text]:focus{
    outline:0;
	box-shadow:0 0 4px #e3e3e3 inset;
}

.mobile{
	display:none;
}


/* CONTENU */

.text1{
	font-size:26px;
}

.color1{
	color:#1c5b7b;
}

.icon_back{
	z-index:+3;
	position:absolute;
	top:25px;
	left:40px;	
    width:47px;
    height:47px;
	background-color: transparent;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
	border:2px solid #1c5b7b;
    cursor:pointer;
}

.icon_back:hover{
	background-color:#3bbdff;
	border:2px solid #3bbdff;
}

.icon_back:before{
    content: '';
    display: block;
    position: relative;
	top:15px;
    left: 12px;
    height: 20px;
    width: 20px;
    border-top: 5px solid #1c5b7b;
    border-left: 5px solid #1c5b7b;
    border-bottom: 0px solid transparent;
    border-right: 0px solid transparent;
    -webkit-transform: rotate(45deg) translate3d( 0, 0, 1px);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg) translate3d( 0, 0, 1px);
    -o-transform: rotate(45deg) translate3d( 0, 0, 1px);
    transform: rotate(45deg) translate3d( 0, 0, 1px);
}

.icon_back:hover:before{
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
}

.icon_back, .icon_back:before{
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-text-size-adjust: none;
}


/* PAGE: Accueil */

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

#page_home #logo{
	width:auto;
	height:auto;
	max-width:80%;
	max-height:50vh;
	margin-top:36vh;	
	opacity:0;
}

#page_home #bl_link{
	position:absolute;
	bottom:-30px;
	width:100%;
	opacity:0;
}

#page_home #link_contact{
	float:left;
	width:48%;
	overflow:hidden;
}

#page_home #link_contact .link{
	float:right;
	display:inline-block;
}

#page_home #link_contact p{
	position:relative;
	right:-108px;
	float:left;
	margin:20px 0;
	margin-right:20px;
	color:#FFF;
	font-size:26px;
	line-height:7px;
}

#page_home #link_realisation{
	float:right;
	width:48%;
	overflow:hidden;
}

#page_home #link_realisation .link{
	float:left;
	display:inline-block;
}

#page_home #link_realisation p{
	position:relative;
	left:-200px;
	float:right;
	margin:20px 0;
	margin-left:20px;
	color:#FFF;
	font-size:26px;
	line-height:7px;	
}

#page_home .bl_icon_bas{
	position:relative;
	z-index:+1;
	float:left;
	background-color:#1c5b7b;
}

#page_home .icon_bas{
    width:47px;
    height:47px;
	background-color:#1c5b7b;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
	border:2px solid #fff;
    cursor:pointer;
}

#page_home .icon_bas:hover{
	background-color:#FFF;
}

#page_home .icon_bas:before{
    content: '';
    display: block;
    position: relative;
    left: 12px;
	top:7px;
    height: 20px;
    width: 20px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(45deg) translate3d( 0, 0, 1px);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg) translate3d( 0, 0, 1px);
    -o-transform: rotate(45deg) translate3d( 0, 0, 1px);
    transform: rotate(45deg) translate3d( 0, 0, 1px);
}

#page_home .icon_bas:hover:before{
	border-bottom:5px solid #1c5b7b;
	border-right:5px solid #1c5b7b;
}

#page_home .link *, #page_home .link *:before{
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-text-size-adjust: none;
}


/* PAGE: Contact */

#page_contact{
	position:relative;
}

#page_contact #bl_left{
	float:left;
	width:40%;
	padding-right:10%;
	min-height:100vh;
	text-align:right;
}

#page_contact #logo_petit{
	width:190px;
	height:auto;
	margin-top:85px;
	margin-bottom:10px;
}

#page_contact #bl_right{
	float:right;
	width:50%;
	min-height:100vh;
}

#page_contact #carte{
	width:100%;
	height:100vh;
}


/* PAGE: Login */

#page_login{
	display:table;
	position:relative;
	width:100%;
	height:100vh; /* Mozilla */
	min-height:100vh;
	text-align:center;
}

#page_login #bl_table{
	display:table-cell;
	vertical-align:middle;
	padding:20px 0;
}

#page_login #logo_petit{
	position:relative;
	left:-2px;
	width:190px;
	height:auto;
	margin-bottom:23px;
}

#page_login #bt_valider{
	margin-bottom:30px;
}


/* PAGE: Réalisation */

#page_realisation{
	display:table;
	table-layout:fixed;
	position:relative;
	width:100%;
	height:100vh; /* Mozilla */
	min-height:100vh;
}

#page_realisation #bl_table{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#page_realisation #bl_slide{
	position:relative;
	width:1024px;
	padding:20px 0;
	margin:0 auto;
}

#page_realisation .slider{
	width:100%;
}

#page_realisation .slick-slide img{
	margin-top:10px;
}

#page_realisation .icon_slide{
	z-index:+1;
	position:absolute;
	width:96px;
	height:96px;
	background-color: transparent;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
	border:4px solid #1c5b7b;
    cursor:pointer;
}

#page_realisation .icon_slide:hover{
	background-color:#3bbdff;
	border:4px solid #3bbdff;
}

#page_realisation .icon_slide:before{
    content: '';
    display: block;
    position: relative;
    height: 41px;
    width: 41px;
    -webkit-transform: rotate(45deg) translate3d( 0, 0, 1px);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg) translate3d( 0, 0, 1px);
    -o-transform: rotate(45deg) translate3d( 0, 0, 1px);
    transform: rotate(45deg) translate3d( 0, 0, 1px);
}

#page_realisation .icon_slide:hover:before{
	border-color:#fff;
}

#page_realisation .icon_slide, #page_realisation .icon_slide:before{
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-text-size-adjust: none;
}

#page_realisation .icon_prev{
	top:328px;
	left:-96px;
}
	
#page_realisation .icon_prev:before{
	top:24px;
    left:30px;	
    border-top: 0px solid transparent;
    border-left: 10px solid #1c5b7b;
    border-bottom: 10px solid #1c5b7b;
    border-right: 0px solid transparent;
}

#page_realisation .icon_next{
	top:328px;
	right:-96px;
}

#page_realisation .icon_next:before{
	top:24px;
    right:-17px;	
    border-top: 10px solid #1c5b7b;
    border-left: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 10px solid #1c5b7b;
}

#page_realisation .slider_text1{
	width:100%;
	font-size:26px;
	text-align:center;
}

#page_realisation .slider_text2{
	width:100%;
	font-size:18px;
	text-align:center;
}


/* LIGHTBOX */

#lightbox{
	z-index:99;
	display:none;  /* On cache la lightbox*/
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	background-image:url(../img/lightbox_bg.png);
}

#lightbox_bg{
	width:100%;
	height:100%;
}

#lightbox_load{
	position:absolute;
	left:50%; 
	top:50%;
	margin-top:-32px; 
	margin-left:-30px;
}

.lightbox_content{
	display:none;
	position:absolute;
	left:50%;
	top:50%;	
	width:500px;
	height:auto;
	background-color:#fff;
	border-radius:10px;
	overflow:auto;
}

.lightbox_close{
	position:absolute;
	width:50px;
	height:auto;
	top:0;
	right:0;
	cursor:pointer;	
}

.lightbox_titre{
	font-size:28px;
	text-align:center;
	text-transform:uppercase;
}

#lb_erreur{
	padding-top:60px;
	padding-bottom:45px;
}

#lb_erreur_text{
	font-size:18px;
	line-height:18px;
	text-align:center;
}

#lb_erreur_bt_retour{
	margin-top:50px;
}

#lb_erreur_bt_retour a{
	width:auto;
	padding:0 50px;
	font-size:24px;
}

.lb_btn_div{
	text-align:center;
}