/* cmsms stylesheet: reymond modified: Tuesday, July 29, 2025 5:13:06 PM */
body, html {
	height: 100%;
	/*background:#eee url(/img-test/concrete-texture.jpg) repeat;*/
	background:#eee;
	font-family: "Roboto", sans-serif;
  /*background-color:#EEE;*/
}
.parallax {
  /* The image used */
  height: 50%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
} 

nav, .navbar {
	background-color:rgba(80,80,80,0.9)!important;	
	-webkit-box-shadow: 0px 10px 8px -2px rgba(0,0,0,0.54);	
	box-shadow: 0px 10px 8px -2px rgba(0,0,0,0.54);	
	font-size:1.2rem;
}
nav, .navbar a {
	color:#fff!important;	
	text-shadow: 2px 2px 4px #000000;	
	/*text-transform:uppercase;*/
}
nav, .navbar a:hover {
	color:#aaa;	
}
.navbar a.dropdown-item:hover {
	color:#000!important;
	text-shadow:none;	
}
.navbar a.active {
	font-weight:bold;
	color:#fff!important;
}
nav {
}
.nav-item {
	margin-right:15px;	
}
.navbar-brand img{
	height:40px;
	width:auto;	
}


.dropdown-menu {
	margin-top:11px!important;	
	border:0;
	border-radius:0;
	background-color:rgba(80,80,80,0.9)!important;	
	-webkit-box-shadow: 0px 12px 10px -3px rgba(0,0,0,0.74); 
	box-shadow: 0px 12px 10px -3px rgba(0,0,0,0.74);	
}

.box-home {
	display:block;
	/*background:#f8d501;*/
	background-color:rgba(80,80,80,0.9)!important;	
	border:1px solid #333;
	border-radius: 5px;	
	padding:30px;
	margin-top:15%;
	width:33%;
	float:right;
	-webkit-box-shadow: 9px 12px 10px -3px rgba(0,0,0,0.74); 
	box-shadow: 9px 12px 10px -3px rgba(0,0,0,0.74);
	font-size:15px;	
	color:#fff;	
}
.box-home.left {
	float:left;	
}
.box-home.right {
	float:right;	
}

.box-home i{
	display:inline-block;
	float:left;	
}
.box-home a {
	display:inline-block;
	margin-left:10px;
	color:#fff;	
	text-decoration:none;
}
.box-home a:hover {
	opacity:0.5;	
}
.box-home h1{
	font-size:1.9rem;	
	font-weight:bold;
	text-shadow: 2px 2px 4px #000;
	text-transform:uppercase;
	color:#fff;	
	 
}
.box-home h1 .rLogo{
	width:25px;
	height:25px;
	margin-right:8px;
}
.box-home p{
	font-size:1.2rem;	
	
}
.servicesHome {
	margin:0;
	padding:0;
	box-shadow: 0px 12px 10px -3px rgba(0,0,0,0.74);
	width:100%;
	/*background:#fff;	*/
}
h2 {
	font-size:3.6rem;	
	/*font-weight:bold;*/
	text-shadow: 2px 2px 4px #fff;
	text-align:center;
	margin:50px 0!important;	
	text-transform:uppercase;
}
.rLogo {
	background: transparent url("/img/r-logo.png") no-repeat;
	background-size:100% 100%;
	width:44px;
	height:44px;
	margin-right:15px;
	display:inline-block;
}

.rowHome{
	margin:100px 0 0;
	height:450px;
	overflow:hidden;	
}

.col100 {
	margin:0;
	padding:0;	
}
.backgroundImgCol100 {
  background-position: center;  
  background-repeat: no-repeat;  
  background-size: cover;
}
.colHome {
	/*margin-bottom:10px;
	border:0px solid #333;*/
	background:#999;
}
.colHome a {
	color:#fff;
	text-decoration:none;	
}
.colHome a:hover {
	opacity:0.6;	
}
.colHome .picto {
	text-align:center;	
}
.colHome img {
	
}
.colHome h3 {
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;	
}
.colHome p {
	color:#fff;	
}
.colHome:nth-child(even) {
	background:#777;
}
.colHome:nth-child(odd) {
	background:#999;
}
#content {
	margin-top:65px;	
}
#content h3 {
	margin:30px 0 10px;	
}
.mainContent {
	margin-top:10px;
	margin-bottom:10px;
	box-shadow: 9px 12px 10px -3px rgba(0,0,0,0.74);
	background:#eee;
	padding:60px;
}
#content img {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	max-width:450px;	
}
#content .gallery {
	overflow:auto;	
}
#content .gallery img {
	max-width:100%;
	margin:0;
	float:none;	
}

.colContent {
	margin:0;
	padding:60px;	
	background:#fff;
	height:450px;
	background-color: rgba(0, 0, 0, 0.1);
}
.colImage {
	padding:60px;	
	margin:0;
	display: table-cell;
	vertical-align: middle;
}
.employe {
	background:#fff;
	text-align:center;
	box-shadow: 6px 9px 7px -2px rgba(0,0,0,0.64);
}

.employe .role {
	font-weight:600;
	font-size:1.1em;
	padding-bottom:7px;	
	margin-bottom:0;
}
.employe .anciennete {
	padding-bottom:7px;	
	margin-bottom:0;
}
#content .employe img{
	clear:both;
	max-width:100%;
	margin-bottom:10px; 
	margin-top:0;
	margin-left:0;
	margin-right:0;
}

.contactform {
	
}

.form div {
	margin:15px 0;	
}

.form label{
	display:inline-block;
	width:12.5%;
}
.form textarea {
	width:75%;	
}
.form fieldset {
	margin:15px 0;	
}
.form fieldset div {
	float:left;
	width:50%;
	margin:0 0 10px;	
}
.form fieldset div label {
	display:inline-block;
	width:25%;
}
.form fieldset div input {
	display:inline-block;
	width:50%;
}
.map {
	width:100%;
	height:300px;	
		
}


footer {
	background:#333333;	
	color:#fff;
	margin:0 0 0;
	padding-bottom:25px;
}
footer .row {
	margin:0px;
	padding:15px;	
}
footer h4 {
	text-transform:uppercase;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;	
}
footer p {
	line-height:normal;	
	margin:0;
	padding:2px 0;
}
footer a {
	color:#999;	
}
footer a:hover {
	text-decoration:none;	
}
footer .row.copy {
	text-align:center;
	font-size:0.7em;	
	padding:0;
}
footer .asmp {
	width:100px;
	height:auto;
	margin-top:30px;	
}

@media screen and (max-device-width: 480px) {
	#content {
		text-align:justify;
		max-width:90%;	
	}
	nav, .navbar { 
		font-size:4rem;	
	}
	.navbar-brand img{
		height:80px;	
	}
	.navbar-toggler{
		color:#fff;	
		border:0px solid #fff;
		font-size:1.4em;
		margin-right:20px;
		padding:0;
	}
	.nav-item {
		padding:15px 5px;	
		font-size:1.05em;
	}
	.dropdown-menu {
	}
	.dropdown-menu.show {
		margin:0 -15px 0!important;
		padding:0;
		position:static;
		width:100%;	
		font-size:1em;
		background-color:#444!important;
	}
	.dropdown-menu.show li {
		font-size:0.95em;
		padding:13px 0;
	}
	.dropdown-menu.show li::before{
		content: "▷";
		padding-right: 8px;
		color: #fff;
	}
	.dropdown-item {
		display:inline list-item;
	}
	.box-home {
		width:100%;	
		margin:40% 0 0;
		color:#fff;
		font-size:5rem;
	}
	.box-home h1 {
		font-size:3.6rem;	
	}
	.box-home h1 .rLogo {
		width:40px;
		height:40px;	
	}
	p {
		font-size:2.8rem;	
	}
	li {
		font-size:2.8rem;	
	}
	.box-home p {
		font-size:3.2rem;
		padding-bottom:35px;	
	}
	h2 {
		font-size:5rem;	
		margin-left:-15px!important;
		margin-right:-15px!important;
		margin-top:100px!important;
	}
	h3 {
		font-size:3.5rem;	
	}
	.rLogo {
		width:60px;
		height:60px;
		margin-right:35px;
	}
	.colHome {
		flex: 1 0 100%;
		font-size:2rem;	
	}
	.colHome h3 {
		font-size:4rem;	
	}
	.colContent h3{
		font-size:4rem;	
	}
	.colContent {
		font-size:2rem;
		height:100%;
	}
	.rowHome {
		height:auto;
	}
	#content img {
		clear:both;
		max-width:100%;
		width:100%;	
	}
	.employes .col-3 {
		width:100%;	
		margin-bottom:30px;
	}
	.employes .col-3 .employe {
		padding:10px;	
		overflow:auto;
	}
	.employe h4{
		font-size:3rem;	
	}
	.employe .role{
		font-size:2rem;	
	}
	.employe .anciennete{
		font-size:1.6rem;	
	}
	.form fieldset div {
		float:none;
		clear:both;	
		width:100%;
	}
	.form fieldset div label {
		font-size:2rem;	
		display:block;
		width:100%;
	}
	.form fieldset div input {
		font-size:2rem;	
		display:block;
		width:100%;
	}
	.form .radio div label {
		width:40%;
		display:inline-block;	
	}
	.form .radio div input {
		display:inline-block;
		width:40%;
		border: 0px;
		height: 1em;	
	}
	.form legend {
		font-size:2rem;	
		font-weight:bold;
	}
	.form .cms_submit {
		font-size:2.2rem;
	}
	.col-md-3 {
		width:45%;
		margin-right:10px;	
	}
	.col-md-4 {
		width:100%;	
	}
	#content .gallery {
		overflow:auto;	
	}
	#content .gallery img {
		max-width:100%;
		margin:0;
		float:none;	
		overflow:auto;
	}	
	
	footer {
		font-size:2rem;	
	}
	footer .container {
		max-width:90%;	
	}
	footer h4 {
		font-size:3rem;	
	}
	.col-12 {
		margin-bottom:15px;	
	}
	footer .col {
		flex: 1 0 100%;
		margin-bottom:45px;
	}
	footer .bi {
		font-size:5rem;	
	}
	.backgroundImgCol100 {
		display:none;	
	}
}