/*** GENERAL ***/

body{
	background-color: #f5f5f5;
}

.uppercase{
	text-transform: uppercase;
}

.w-100{
	width: 100%;
}

blockquote{
	border-color: #B71C1C;
}

/*** HEADER ***/

#header-top{
	height: 100px;
	line-height: 100px;
}

#header-top ul li:hover{
	background-color: #b71c1c;
}

#header-bottom ul{
	text-align: center;
}

.brand-logo img{
	margin-top: 5px;
}

#header-bottom ul li{
	float: inherit;
	display: inline;
	padding: 20px 0;
	transition: 0.3s;
}

#header-bottom ul li:hover{
	background-color: #f5f5f5;
	border-bottom: 3px solid rgba(183, 28, 28, 0.5);
}

#header-bottom ul .active{
	background-color: #f5f5f5;
	border-bottom: 3px solid #b71c1c;
}

@media (max-width: 600px){
	.brand-logo img{
		width: 80px;
		margin-top: -5px;
	}
	
	#header-top{
		height: 60px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{
		height: 100px;
		line-height: 100px;
	}
}
#social-buttons{
	position: fixed;
	right: 0;
	margin-top: 100px;
	z-index:10;
}

#social-buttons a{
	width: 60px;
	height: 60px;
	padding: 10px;
	display: block;
	margin-top: 10px;
}

#social-buttons a img{width: 100%}

#social-buttons a#facebook{background-color: #3b5998; margin-top: 0}
#social-buttons a#twitter{background-color: #1da1f2;}
#social-buttons a#youtube{background-color: #cd201f;}
#social-buttons a#googleplus{background-color: #fff;}
#social-buttons a#instagram{background-color: #fff;border: 1px solid #f6d000;}

/*** INTRO ***/

#bloc-intro{
	padding-top: 20px;
}

#bloc-intro h2{
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

#bloc-intro p{
	font-weight: 300;
	margin-bottom: 30px;
}

@media (max-width: 992px){
	#bloc-intro h2{
		font-size: 3rem;
		padding-top: 70px;
	}

	#header-top ul li:hover .collapsible-header{
		color: #ffffff !important;
	}
	}
}

@media (max-width: 600px){
	#bloc-intro h2{
		font-size: 2.6rem;
		padding-top: 50px;
	}
}

/*** SPOTLIGHT ***/

#spotlight{
	margin-top: -70px;
	padding-bottom: 10px;
}

#spotlight-img{
	height: 10px;
}

#spotlight-img img{
	float: right;
	width: 120%;
}

#spotlight h5{
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: 600;
}

#spotlight p{
	padding-right: 20px;
}

#spotlight-link{
	margin-top: 30px;
	color: #9e9e9e;
	text-transform: uppercase;
}

#spotlight-link .material-icons{
	transition: 0.3s;
}

#spotlight-link:hover .material-icons{
	transform: scale(1.5,1.5);
}

@media (max-width: 600px){
	#spotlight-desc{
		padding: 0 40px;
	}

	#spotlight-img img{
		position: absolute;
		right: -40px;
		bottom: 15px;
		width: 120px;
	}

	#spotlight i.material-icons{
		transform: rotate(180deg);
	}
}

/*** GAMMES ***/

#gammes-title{
	margin-top: 40px;
}

#bloc-gammes{
	box-shadow: inset 0px 50px 0px 0px #f5f5f5, inset 0px -60px 0px 0px #f5f5f5;
}

#bloc-gammes .row{
	margin: 0;
}

#bloc-gammes .card{
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

#bloc-gammes .card-image{
	max-height: 350px;
}

#bloc-gammes .card-image img{
	opacity: 0.6;
	z-index: 5;
}

#bloc-gammes .card img{
	transition: 0.3s;
}

#bloc-gammes .card:hover img{
	transform: scale(1.2,1.2);
	opacity: 0.3;
}

#bloc-gammes .card-content{
	padding: 100px 0;
	width: 100%;
	position: absolute;
	z-index: 10;
}

#bloc-gammes .card i{
	font-size: 100px;
}

#bloc-gammes h5{
	margin-top: 0;
}

@media (max-width: 600px){
	#bloc-gammes .card-content{
		padding: 50px 0;
	}

	#bloc-gammes h5{
		font-size: 1.5rem;
	}
}

@media (max-width: 992px){
	#bloc-gammes .card-content{
		padding: 50px 0;
	}

	#bloc-gammes h5{
		font-size: 1.5rem;
	}
}

/*** ANDOM ***/

#bloc-andom{
	margin-top: 30px;
}

#intro-andom h5{
	text-transform: uppercase;
	font-weight: 600;
}

#cata-andom{
	margin-top: 20px;
}

#cata-andom .m6{
	margin-top: 40px;
}

/*** FOOTER ***/

.card-info h5{
	margin-top: 5px;
	text-transform: uppercase;
}

.card-info a{
	float: right;
	margin-bottom: 20px;
}

#footer{
	margin-top: -90px;
	padding-top: 70px;
}

#footer .row{
	margin-bottom: 0;
}

#footer h5{
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
}

#footer ul li{
	color: #fff;
}

#card-newsletter .s9{
	margin-top: 25px;
}

#card-newsletter .s3{
	margin-top: 15px;
}

#ecran-andom{
    position: relative;
	min-height: 200px;
}

#ecran-andom img{
	position: absolute;
    bottom: 0;
    left: 0;
}

#copyright{
	color: #fff;
	padding-top: 15px;
}

#copyright .row{
	margin-bottom: 0;
}

#copyright h5{
	font-weight: 300;
	opacity: 0.6;
	display: inline;
}

#copyright a{
	color: #fff;
	opacity: 0.6;
}

@media (max-width: 600px){
	#copyright{
		font-size: 1rem;
		font-weight: 200 !important;
	}

	#copyright .row{
		padding-bottom: 15px;
	}
}

#copy-tmic #logo-tmic{
	height: 75px;
	width: 150px;
	margin: -15px 0;
	float: right;
	overflow: hidden;
}

#copy-tmic img{
	width: 100%;
	margin-top: -10px;
	opacity: 0.6;
}

#modal-maps .modal-content{
	padding: 0;
}

#modal-maps h4{
	padding: 20px;
	margin-bottom: 0;
}

#modal-maps h4 span{
	float: right;
}

#modal-maps h4 span i{
	font-size: 30px;
}

/*** NEWSLETTER ***/

#newsletter-ok{
	padding-top: 50px;
	padding-bottom: 20px;
}

#newsletter-ok i{
	font-size: 130px;
}

#newsletter-ok h1{
	margin-top: 0;
}

/*** CONTACT, INPUTS ET LABELS ***/

.input-field label {
    color: #5c6bc0 ;
}

.dropdown-content li>a, .dropdown-content li>span{
	color: #5c6bc0;
}

/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label, .input-field input[type=tel]:focus + label, textarea.materialize-textarea:focus:not([readonly]) + label{
    color: #5c6bc0;
}

/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=email]:focus, .input-field input[type=tel]:focus, textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #3f51b5;
    box-shadow: 0 1px 0 0 #3f51b5;
}

.input-field input[type=mail]:focus {
    border-bottom: 1px solid #3f51b5;
    box-shadow: 0 1px 0 0 #3f51b5;
}

/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #4caf50 ;
    box-shadow: 0 1px 0 0 #4caf50 ;
}

/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #e53935 ;
    box-shadow: 0 1px 0 0 #e53935 ;
}

/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}

.card-coord{
	margin-top: 20px;
}

.card-coord h5{
	margin-top: 0;
}

.card-coord blockquote{
	margin-bottom: 0;
}

.card-coord  i{
	float: right;
	font-size: 120px;
	position: absolute;
	right: -15px;
	bottom: -15px;
	opacity: 0.1;
	transition: 0.3s;
}

#contact-form{
	box-shadow: inset 0px 50px 0px 0px #f5f5f5, inset 0px -60px 0px 0px #f5f5f5;
}

#contact-form .card .row{
	margin-bottom: 0;
}

/*** CONTENU COMMUN À TOUTES LES PAGES ***/

#breadcrumb{
	margin-top: 10px;
}

/*** RUBRIQUES ***/

#sub-cat .card i{
	float: right;
	font-size: 120px;
	position: absolute;
	right: -15px;
	bottom: -15px;
	opacity: 0.1;
	transition: 0.3s;
}

#sub-cat .card:hover i{
	transform: scale(1.2,1.2);
}

#prod-cards .card-image{
	height: 200px;
}

#prod-cards .card .card-image img{
	transition: 0.6s;
}

#prod-cards .card:hover .card-image img{
	margin-top: -50px;
}

#prod-cards .btn-floating{
	position: absolute;
	z-index: 600;
	top: 15px;
	left: 15px;
}

#prod-cards .card-action a{
	margin-right: 0;
}

.bottom-blur{
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 50;
	margin-top: 170px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#bloc-gammes-small{
	box-shadow: inset 0px 50px 0px 0px #f5f5f5, inset 0px -60px 0px 0px #f5f5f5;
}

#bloc-gammes-small i{
	font-size: 100px;
}

#bloc-gammes-small .card-image img{
	opacity: 0.6;
}

#bloc-gammes-small .card .card-image{
	overflow: hidden;
}

#bloc-gammes-small .card .card-image img{
	transition: 0.3s;
}

#bloc-gammes-small .card:hover .card-image img{
	transform: scale(1.2,1.2);
}

#prod-nope{
	padding-bottom: 50px;
	text-align: center;
}

#prod-nope i{
	font-size: 250px;
}

@media (max-width: 600px){
	#prod-cards .card-image{
		height: 300px;
	}

	.bottom-blur{
		bottom: 0;
	}
}

/*** PRODUIT ***/

#desc-prod{
	padding-top: 20px;
}

#desc-prod .m6 img{
	margin-top: 20px;
}

#desc-prod h2{
	margin: 0;
}

#desc-prod h4{
	margin-top: 0;
}

#desc-prod ul{
	padding: 10px;
}

#desc-prod ul li:before{
	content: " \f105";
	font-family: FontAwesome;
	font-weight: normal;
	color: rgba(0,0,0,0.6);
	font-style: normal;
	margin-right: 10px;
}

#desc-prod ul li ul{
	margin-left: 10px;
	color: #9e9e9e;
	padding-top: 5px;
	font-weight: 300;
}

#rec-prods{
	padding: 15px 0;
}

#rec-prods .row{
	margin-bottom: 0;
}

#rec-prods .rec-img{
	width: 30%;
	height: 100px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#rec-prods .rec-img img{
	float: left;
	width: 120%;
	margin-top: 15px;
}

#rec-prods .card h5{
	margin: 20px;
	width: 60%;
	display: inline-block;
}

#rec-prods .card{
	overflow: hidden;
	min-height: 130px;
}

#prod-brand{
	opacity: 0.05;
	position: absolute;
	right: 0;
	top: 160px;
	z-index: -1;
	width: 25%;
}

#prod-brand img{
	float: right;
	width: 100%;
}
@media (max-width: 600px){
	#desc-prod h2{
		font-size: 2rem;
	}
}

/*** DOSSIER ***/

#dossier{
	margin-top: 20px;
}

#dossier .m6 img{
	float: right;
	opacity: 0.5;
}

@media (max-width: 600px){
	#dossier .m6 img{
		float: left;
		opacity: 1;
		width: 100%;
	}

	#dossier h2{
		font-size: 3rem;
	}
}

.service-card .card-image{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.service-card .card-image i{
	font-size: 100px;
	color: #fff;
	transition: 0.3s;
}

.service-card:hover .card-image i{
	transform: scale(1.2,1.2);
}

.service-card .card-content .card-title i{
	margin-top: 10px;
}

.service-card .card-action a{
	margin-right: 0;
}

#bloc-action{
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#bloc-action a{
	margin-top: 20px;
}