@charset "utf-8";

/***********************************************/
/***************** UNIVERSEL *******************/
/***********************************************/

.bloc_header {
	background-color: white;
    border-bottom: solid 1px #ccc;
    box-shadow: #111 0px 1px 10px;
    min-height: 140px;
	position: relative;
    z-index: 1;
}

.header_logo{
	max-width:320px;
	height:auto;
	display:inline-block;
}

.header_minilogo{
	width:160px;
	height:auto;
	display:inline-block;
}

.bloc_headermobile {
	display:none;
    background-color: white;
    border-bottom: solid 1px #ccc;
    height: 180px;
    padding: 20px 10%;
    text-align: left;
	position:relative;
	width:-webkit-fill-available;
	width:-moz-available;
	width: fill-available;
}

.bloc_headermobilehide {
	display:none;
}

.hide {
	display:none;
}

/***********************************************/
/**************** ORDINATEUR *******************/
/***********************************************/

@media screen and (min-width: 1024px) {

.bloc_headermobilescroll {
	display:none;
}

}


/***********************************************/
/****************** TABLETTE *******************/
/***********************************************/

@media screen and (min-width: 100px) and (max-width: 1023px) and (orientation: landscape) {

.bloc_header {
	display:none;
}

.bloc_headermobile {
	display: inline-flex;
    align-items: center;
    justify-content: center;
	padding: 0px 5%;
	height: 85px;
}

.header_logo{
	max-width:640px;
	height:auto;
	display:inline-block;
}

.header_minilogo{
	width:80px;
}

.bloc_headermobilescroll {
    position:fixed;
	z-index:10; 
    top: 0;  
    left:0; 
    display:inline-flex;
    background-color: white;
    border-bottom: solid 1px #ccc;
    height: 85px;
    padding: 0px 5%;
    justify-content: center;
		width:-webkit-fill-available; width:-moz-available; width: fill-available;
	align-items: center;
}

.hide {
	display:none;
}

}

/***********************************************/
/**************** SMARTPHONE *******************/
/***********************************************/

@media screen and (min-width: 100px) and (max-width: 1023px) and (orientation: portrait) {

.bloc_header {
	display:none;
}

.bloc_headermobile {
	display: inline-flex;
	align-items: center;
}

.header_logo{
	max-width:640px;
	height:auto;
	display:inline-block;
}

.bloc_headermobilescroll {
    position:fixed;
    top: 0;  
    left:0; 
    display:inline-flex;
    background-color: white;
    border-bottom: solid 1px #ccc;
    height: 180px;
    padding: 20px 10%;
    text-align: left;
		width:-webkit-fill-available; width:-moz-available; width: fill-available;
	align-items: center;
	z-index:5;
}

.bloc_headermobileborder {
	position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: white;
    border-bottom: solid 1px #ccc;
    height: -webkit-fill-available;
    padding: 20px 10%;
    width: -webkit-fill-available;
    text-align: initial;
    transition: 0.5s;
}

.hide {
	display:none;
}

}