/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* CLASSES GENERALES */

.customTitle {
	color: #993300 !important;
}

.center {
	text-align: center;
}
 
/* Titres des modules à droite des pages */
aside .uk-panel-title{
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	color: #0093ff !important;
}

/* Animation au survol des images ayant cette classe */
.imgFade {
	opacity: 1;
	transition: opacity .5s ease;
}

.imgFade:hover {
	opacity: .7;	
}

/* Couleur de fond du site */
body {
	background-color: #f4f4f4;
}

#logo_normal {
	margin-top: -20px;
	margin-bottom: -10px;
}

.tm-top-block {
	z-index: 1000;
}

/* Barre de message de bienvenue / déconnexion */

#blankBM175 {
 height: 30px;
}

.uk-breadcrumb {
	line-height: 30px;
}

.bienvenue_toolbar {
	margin-right: 10px;
	line-height: 30px;
	float: left;
}

.bouton_deconnexion {
	float: right;
}

.tm-toolbar {
	padding : 3px 15px;
}

/* Style des liens en bas de la page */
#grid_bottomlinks {
	margin: 15px;
}

#grid_bottomlinks .iconlink {
	margin-right: 10px;
	font-size: 130%;
}

#grid_bottomlinks a:hover {
	text-decoration: none;
}

/* Style du panneau ouvert/ferme du magasin */

#panneau_magasin {
	margin-top: 35px;
}

#panneau_magasin img {
	display: none;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}

/* Styles des paragraphes sur mobile */

@media (max-width: 767px) {
	.uk-list {
		margin-bottom: 10px !important;
	}
}

/* Images des arrêts de bus */

.arret_bus {
	margin-right: 15px;
	height: 30px;
	width: auto;
}

/* Banniere top-right */

.tm-search {
	margin-top: -25px;
	margin-bottom: -10px;
	max-width: 70%;
}

.tm-logo {
	max-width: 25%;
}

/* CLASSES SPECIFIQUES */

/* Page d'accueil */

/* Astuce pour ne plus afficher l'article sur l'accueil */
body.tm-content-blank .tm-middle {
	display: none;
}

/* Titres des modules en page d'accueil */
.titleHome {
	margin-top: 15px;
	font-size: 20px; 
	font-weight: bold;
	line-height: 23px;
}

.red {
	color: #a5260a !important;	
}

.yellow {
	color: #ffbb00 !important;
}

.green {
	color: #00a21b !important;
}

.purple {
	color: #884da7 !important;
}

/* Page des utilitaires */
#page-utilitaires .uk-panel {
	min-height: 119px;
	height: 300px;
	padding: 17px;
}

#page-utilitaires h5{
	text-align:center; 
	color: #3366ff;
	margin-top: 0px;
}

.imgUtilitaires {
	bottom: 15px; 
	position: absolute; 
	left: 50%; 
	margin-left: -35px;
}

/* Tarifs informatique */

#tarifs-info h2, #tarifs-info h3 {
	text-align: center;
}

#tarifs-info .prix {
	text-align: right;
}

/* Cameras de surveillance */

.panelCamera {
	min-height: 119px;
	height: 380px;
	padding: 17px;
}

/* Module gallery kits videosurveillance */

#table_kit_videosurveillance {
	margin-left: auto;
	margin-right: auto;
}

#table_kit_videosurveillance td {
	max-width: 100px;
	padding-right: 30px;
}

#zoom {
	height: 300px;
}

@media (max-width: 767px) {
	#zoom {
		max-height: 150px;
		height: auto;
		width: auto;
	}
}

/* Demonstrations videosurveillance */

#demo-videosurveillance h1, #demo-videosurveillance h2{
	text-align: center;
}

#demo-videosurveillance .uk-panel {
	min-height: 119px !important;
	padding: 17px !important;
	text-align: center;
}

/* Tarifs alarme */

.orange {
	color: #ff6600;
}

.blue {
	color: #3366ff;
}

.barre {
	text-decoration: line-through;
}

/* Formulaire de contact */

.aiContactSafe input, textarea {
	width: 100% !important;
	min-width: 100%;
	max-width: 100%;
}

.aiContactSafe textarea {
	min-height: 80px;
	max-height: 200px;
}

.aiContactSafe_row {
	margin-bottom: 5px;
}

#aiContactSafe_row_aics_copiemail .aiContactSafe_contact_form_field_label_left {
	float: left;
	max-width: 97% !important;
}

#aiContactSafe_row_aics_copiemail .aiContactSafe_contact_form_field_right {
	float: left;
	max-width: 3% !important;
}

#td_aiContactSafeSendButton {
	width: 100%;
}

#aiContactSafeButtons_center {
	text-align: left !important;
}
#aiContactSafeBtns {
	margin-top: -40px;
	margin-right: 10px;
}

.error #system-message-container {
	font-weight: bold;
}

/* Téléphonie */

.telephonie img{
	margin-top: 10px;
}

/* Intranet */

.intranet h2 {
	text-decoration: underline;
}

/* Formulaire de rajout d'appareils */
.uk-form-row .uk-width-3-5, .uk-form-row .uk-width-1-5{
	float:left;
}

.uk-form .buttondelete {
	margin-top: 30px;
}

.table_appareil th{
	text-align: center !important;
}

.table_appareil a {
	height: 10px;
}

.table_appareil td {
	vertical-align: middle;
}

/* Formulaire d'édition d'appareils */

.uk-overlay:hover .imgEdit {
	transform: none;
	-webkit-transform: none;
}

/* Vue des appareils */

.div_reparations {
	padding-top: 80px;
	margin-top: -80px;
}

/* Assistance à distance */

.toggler {
	color: #0095DF;
}

.toggler i {
	width: 20px;
}

.button_paypal {
	float: right;
	display: none;
	max-width: 30%;
}

.formpaypal {
	display: none;
}

#selectPaypal {
	width: 50%;
	height: 30px; 
	float:left;
	margin-bottom: 20px;
}

/* Téléchargements */

#telechargements p{
	text-align: justify;
}

#telechargements h2{
	text-align: center;
}

#telechargements a {
	position: absolute;
	bottom: 0;
}

#telechargements .uk-panel {
	position: relative;
	min-height: 225px;
}

#telechargements img {
	max-width: 200px;
	max-height: 200px;
}

#telechargements .box-logiciel {
	min-height: 250px;
}