* {box-sizing:border-box}
.toolbar-box .toolbar-handle {display:none!important;}
.mobile {display:none;}

body {
	padding:0px;
	margin:0px;
	font-family: 'Tw Cen MT Std';
	font-size:16px;
	color:#333;
	padding-top:84px;
	line-height:150%;
}

body.toolbar-tray-open {
	padding-top:164px!important;
}

.paragraph--type--texte a {
	color:#FF0000;
}

img {
	max-width:100%;
	height:auto;
}

#block-lysrouge-page-title {
	padding:80px 10px;
	text-align:center;
	background:url("../../../../images/fond-titre.jpg") center center no-repeat;
	background-size:cover;	
}

.node-type-accueil #block-lysrouge-page-title {
	padding:120px 10px;
}

#block-lysrouge-page-title h1 {
	font-size:40px;
}

.layout--twocol-section {column-gap:20px; flex-wrap:nowrap;}

.paragraph--type--image img {
	border-radius:30px;
}

h2 {
	font-size:30px;
}

/*** HEADER ***/

.site-header {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	box-shadow: 0px 0px 30px -20px;
	z-index:2;	
}
.toolbar-tray-open .site-header  {
	top:80px;
}

/* LOGOS */

.view-header-logos .view-content {
	width:100%;
	max-width:1400px;
	margin:auto;
	position:relative;
}

.view-header-logos .view-content .views-field-nothing a {
	position:absolute;
	z-index:2;
	top:0px;
	left:10px;
	width:170px;
	display:block;
	background:white;
	box-shadow:5px 5px 30px -15px black;
	padding:20px;
}

/* MENU SURHEADER */
.view-header-surheader {
	background:#EEE;
}

.view-header-surheader .view-content {
	display:flex;
	column-gap:20px;
	justify-content:flex-end;
	padding:8px 10px;
	width:100%;
	max-width:1400px;
	margin:auto;
}

.surheader-item a {
	display:flex;
	column-gap:7px;
	align-items:center;
	text-decoration:none;
	color:#595959;
	font-size:14px;
	font-weight:bold;
}
.surheader-item a:hover {
	text-decoration:underline;
}
.surheader-item a .icone {
	background:#FF0000;
	-webkit-mask-position:center center;
	mask-position:center center;
	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	width:20px;
	height:20px;

}

/* MENU ANCRES */
.view-header-menu-ancres {
	background:white;
}

.view-header-menu-ancres .view-content {
	display:flex;
	column-gap:30px;
	justify-content:flex-end;
	padding:12px 10px;
	width:100%;
	max-width:1400px;
	margin:auto;
}

.view-header-menu-ancres .view-content .views-row a,
.view-header-menu-ancres .view-content .views-row div.menu-item {
	text-transform:uppercase;
	color:#595959;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	cursor:pointer;
	transition:all 0.3s ease;
}

.view-header-menu-ancres .view-content .views-row a:hover,
.view-header-menu-ancres .view-content .views-row div.menu-item:hover {
	color:#FF0000;
}

/* CATALOGUES */

.view-catalogues .view-content {
	display:flex;
	gap:30px;
	justify-content:center;
	flex-wrap:wrap;
}

.view-catalogues .view-content .views-row { 
	text-align:center;
	position:relative;
	transform:scale(1);
	transition:all 0.3s ease;
	flex: 0 23%;
}

.view-catalogues .view-content .views-row:hover {
	transform:scale(1.05);
}
.view-catalogues .view-content .views-row h3 {
	margin:0px;
}
.view-catalogues .view-content .views-row img {
	border-radius:30px;
	height: 310px;
    width: auto;
}

.view-catalogues .view-content .views-row a {
	display:block;
	font-size:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}


/* CLIENTS */

.view-clients .view-content {
	display:flex;
	gap:20px;
	justify-content:center;
	align-items:center;
	flex-wrap: wrap;
	position:relative;
}

.view-clients .view-content .views-row  {
	position:relative;
}

.view-clients .view-content .views-row a {
	font-size:0px;
	position:absolute;
display:block;
top:0px;
left:0px;
width:100%;
height:100%;
}

.view-clients .view-content .views-row img {
	max-width:120px;
	max-height:80px;
    height: auto;
    width: auto;
	transform:scale(1);
	transition:all 0.2s ease;
}
.view-clients .view-content .views-row:hover img {
	transform:scale(1.2);
}



/* REALISATIONS*/

.view-realisations {
	width:100%;
}

.view-realisations .view-content {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	justify-content:center;
	//white-space: nowrap;
	//overflow:auto;
	//overflow: -moz-scrollbars-none;
	will-change: transform;
    user-select: none;
    //cursor: pointer;
	//scrollbar-width: none;
	//-ms-overflow-style: none;
}

.view-realisations .view-content::-webkit-scrollbar {
	display: none;
}

.view-realisations .view-content .views-row {
	width: 250px;
	padding: 15px 10px;
	background:white;
	border-radius:20px;
	flex:0 0 auto;
}

.view-realisations .view-content .views-row .views-field-field-image .field-content {
	height:200px;
	text-align:center;
	justify-content:center;
	display:flex;
	align-items:center;
}

.view-realisations .view-content .views-row .views-field-field-image .field-content img {
	max-height:100%;
	width:auto;
	display:block;

}

.view-realisations .view-content .views-row .views-field-title {
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding:20px 0px;
}

.view-realisations .view-content .views-row .views-field-field-logo .field-content {
	display:flex;
	align-items:center;
	column-gap:10px;
	justify-content:center;
}
.view-realisations .view-content .views-row .views-field-field-logo .field-content p {
	margin:0px;
}
.view-realisations .view-content .views-row .views-field-field-logo .field-content img {
	max-height:30px;
	max-width:100%;
	width:auto;
	display:block;
}




/* AUTRES PAGES */

body.path-user #user-login-form {
	max-width:600px;
	margin:50px auto;
	text-align:center;
	
}

body.path-user #user-login-form .form-item  {
	padding:10px;
}

body.path-user #user-login-form .form-item  input {
	padding:10px;
}

body.path-user #user-login-form label {
	display:block;
	width:100%;
}

body.path-user #user-login-form .description {display:none;}

body.path-user #user-login-form #edit-actions {
	text-align:center;
	padding-top:10px;
}

body.path-user #user-login-form #edit-actions input {
	cursor:pointer;
	padding:10px 20px;
	border-radius:20px;
	font-size:20px;
	
}

/* Footer  */

.site-footer {
	background:#FF0000;
	text-align:center;
	overflow:auto;
}
.site-footer * {
	color:white;
}