/* INIT */
@font-face {
	font-family: "Walkway-semibold";
	src: url('font/Walkway-Bold.ttf');
}
@font-face {
	font-family: "Roboto";
	src: url('font/Roboto-Light.ttf');
	font-weight: lighter;
  	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: url('font/Roboto-Bold.ttf');
	font-weight: bold;
  	font-style: normal;
}

:root {
	--primary: #CF003D;
	--primary-h: #BE002C;
	--secondary: white;
	--secondary-h: #EEE;
	--antharcite : #444444;
	--background : #F7F7F7;
}

/* Override Semantic defaults*/
*{
	font-family: 'Roboto'!important;
}
.ui.dropdown.item, .ui.dropdown.item.active {
  font-size: 15px;
}
.ui.primary.button, .ui.primary.buttons .button {
	background-color: var(--primary);
	border-radius: 0%;
	font-weight: 400;
	padding: 15px 25px;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
	background-color: var(--primary-h);
}
.ui.primary.button:active, .ui.primary.buttons .button:active {
	background-color: var(--primary);
}
.ui.secondary.menu .active.item:hover {
	box-shadow: none;
	background: rgba(0,0,0,.005);
	color: var(--antharcite);
	text-decoration: underline var(--primary-h);
}
.ui.secondary.menu .active.item {
	box-shadow: none;
	background: rgba(0,0,0,.005);
	color: var(--antharcite);
	border-radius: 0;
	text-decoration: underline var(--primary);
	text-underline-offset: 3px;
}
.ui.segment {
	background: inherit!important;
	box-shadow: none!important;
	border: none!important;
}
.ui.form ::placeholder, .ui.form .field > label  {
	color: var(--antharcite);
}
/* fix weird bottom margin in some cases */
.ui.form .fields {
	margin-bottom: 0;
}
.ui.form textarea:not([rows]) {
	min-height: 16em;
}
#contact-form {
	margin-bottom: 50px;
}


/* GLOBAL */

.margin-tb {
	margin-top: 30px;
	margin-bottom: 30px;
}
.margin-t-10{margin-top:10px!important;}
.margin-b-10{margin-bottom:10px!important;}
.margin-t-20{margin-top:20px!important;}
.margin-b-20{margin-bottom:20px!important;}
.margin-t-30{margin-top:30px!important;}
.margin-b-30{margin-bottom:30px!important;}

.centered{
	text-align: center!important;
}
.hidden {
	visibility: hidden;
}

/* ENTETE */

#outer-menu {
	position: fixed;
    top: 0;
    width: 100%;
	z-index: 2000;
	border-top: 20px solid var(--primary);
	background: white;
}
#menu {
	max-width: 1000px;
	margin: 0 auto;
	height: 80px;
	font-size: 12px;
	padding: 20px 0;
}
#menu a {
	color: var(--antharcite);
	font-size: 15px;
}
#mobile-menu {
	display: none;
}



/* Main */
#container {
	background: var(--background);
	padding-top: 80px;
}

h1 {
	font-size: 27px;
	font-family: 'Walkway-semibold'!important;
	text-align: center;
	padding: 20px 0px;
}
h3 {
	font-size: 20px;
	font-family: 'Walkway-semibold'!important;
	display: inline-block;
	text-align: left;
}
.disp-table > img {
	float:left;
}
.disp-table > span {
	display: table;
}
ul, li {
	list-style-type: "- ";
	margin-left: 5px;
	line-height: 24px;
}
.left {
	text-align: left!important;
}
.align {
	padding-left:45px;
}
.further {
	padding-left:80px;
}

.prestations a{
	font-size: 17px;
	display: inline-block;
	padding: 25px 30px;
	margin: 20px;
	border: 1px solid var(--primary);
	color: var(--primary);
	background-color: #fff;
	min-width: 175px;
	box-shadow: inset 0 0 3px rgba(50,0,0,.05);
}
/*.prestations a:hover {
	box-shadow: inset 0 0 5px rgba(50,0,0,.5);
}*/

.baniere{
	width: 100%;
	max-height: 200px;
	position: relative;
	text-align: center;
}
.baniere .hires-img{
	display: none;
}
.baniere img {
	position: relative;
	object-fit: cover;
	max-height: 200px;
	width: 100%;
	background-color: #333;
}
.baniere .ban-title {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 60%;
	left: 0%;
	bottom: 00%;
	padding:30px 0 50px 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.7);
}

.content {
	padding: 0 40px;
	max-width: 1000px;
	margin: 0 auto 0 auto;
	font-size: 17px;
}

#contact-btn {
	border-radius: 0%;
  	font-weight: 400;
  	padding: 15px 25px;
}

#contact-btn a div {
	margin-right: 0;
	font-size: 1rem;
}

#contact-form {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0;
	padding-top: 0;
}


/* PIED DE PAGE  */
footer {
	color: #FFF;
	background-color: var(--antharcite);
	height: 100px;
	padding: 20px 20px;
}
footer p {
	text-align: center;
	font-size: 10px;
}
footer a[href^="tel:"]:before {
	content: "\260e";
	margin-right: 0.5em;
}
#menu-bottom {
	text-align: center;
	margin: 10px 0 20px 0;
}
#menu-bottom a {
	color: white;
	margin: 20px;
}
#menu-bottom .active {
	text-decoration: none;
}


/* RESPONSIVE : Mobile */
@media only screen and (max-width:767px) {

	#computer-menu {
		display: none;
	}
	#mobile-menu {
		display: flex;
	}
	#mobile-menu input {
		vertical-align: top;
		padding-top: 0;
		background-color: transparent;
		color: var(--antharcite);
	}
	#mobile-menu input::selection {
		color: var(--antharcite);
	}

	/* override Semantic defaults*/
	.ui.active.button, .ui.button,
	.ui.active.button:active, .ui.button:active {
		background-color: white;
		font-size: 40px;
		padding: 10px;
	}

	input {
		margin-right:20px;
	}
	
	#mobile-menu-content {
		margin: 0;
		display: none;
		position: fixed;
		top:90px;
		right:0;
		width:130px;
		height: max-content;
		background-color: white;
	}

	#mobile-menu-content .item{
		width: 100%;
		display: inline-block;
		border-bottom: var(--antharcite);
	}

	.content {
		padding:0 15px 0 10px ;
		font-size: 15px;
	}
	.content .further {
		padding-left: 40px;
	}
	#contact-btn a {
		margin-left: 30px;
		margin-right: 30px;
	}
	#contact-btn a div {
		margin-right: 0;
		font-size: 20px;
	}
	#contact-form {
		margin-left: initial;
		margin-right: initial;
	}
	#contact-form .submit {
		font-size: 20px;
	}
	form {
		margin-bottom: 80px!important;
	}
	form .ui.submit.button {
		display: flex;
	}

	footer {
		padding-top: 30px;
	}
	footer #menu-bottom {
		display: none;
	}
	footer p {
		font-size: 17px;
	}

}

.emailaddress {
	display:none;
}
time {
	
	color:rgb(68,68,68) !important;
}