Signaler

Problème avec border-style tableaux qui retourne à la ligne [Résolu]

Posez votre question team-off 1125Messages postés mercredi 1 avril 2015Date d'inscription 5 septembre 2017 Dernière intervention - Dernière réponse le 5 sept. 2017 à 02:19 par team-off
Bonjour, j'ai un sousis avec cette partis de code quand je met ce code là
borde-style: solid;
La case ou tableau "VPS" vas en dessous des autres or quelle devrais être à coté comme les deux autres voici la partit du code css

.pricing-column2 {
    background: #03A9F4;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 0px;
    position: relative;
	border-style: solid ;
	border-width: 1px ;
	margin-bottom: 20px;


Donc comment avoir une bordure et avoir ce border-style solid ? Merci d'avance.
Utile
+1
plus moins
Je vous envoie tout le code car je ne sais ou ce trouve cette partit exactement
<!DOCTYPE html>
<html lang="en-gb" dir="ltr">

<head>
    <!-- Standard Meta -->
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Site Properties -->
    <title>Interconnectez</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon.png">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,300" rel="stylesheet" type="text/css">
    <!-- CSS -->
    <link rel="stylesheet" href="css/uikit.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/components/slideshow.css">
    <link rel="stylesheet" href="css/components/dotnav.css">
    <link rel="stylesheet" href="css/components/nez-icon.css">
	<!-- code barre phone début du code -->
	<meta name="theme-color" content="#0288D1">
	<!-- code barre phone fin du code -->
	<!--Début du script Tawk.to Script-->
	<script type="text/javascript">
	var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
	(function(){
	var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
	s1.async=true;
	s1.src='https://embed.tawk.to/596bf2311dc79b329518e9c4/default';
	s1.charset='UTF-8';
	s1.setAttribute('crossorigin','*');
	s0.parentNode.insertBefore(s1,s0);
	})();
	</script>
<!--fin du code Tawk.to Script-->
</head>

<body>
    <header>
        <div id="top-header">
            <div class="uk-container uk-container-center">
                <div class="uk-grid">
                    <div class="uk-width-large-1-2 uk-width-medium-1-2 uk-width-small-1-1">
                        <!-- phone and social begin -->
                        <div id="top-phone">
                            non disponible
                        </div>
                        <div id="top-social">
                            <ul>
                                <li>
                                    <a href="https://www.facebook.com/Interconnectez-441096926259898/" rel="nofollow noopener noreferrer" target="_blank" class="uk-icon-facebook-official"></a>
                                </li>
                                <li>
                                    <a href="#" rel="nofollow noopener noreferrer" target="_blank" class="uk-icon-twitter"></a>
                                </li>
                            </ul>
                        </div>
                        <!-- phone and social end -->
                    </div>
                    <div class="uk-width-large-1-2 uk-width-medium-1-2 uk-hidden-small">
                        <!-- chat and account button begin -->
                        <div id="top-button">
                            <ul>
                                <li><a href="https://tawk.to/chat/596bf2311dc79b329518e9c4/default/?$_tawk_popout=true" rel="nofollow noopener noreferrer" target="_blank"><i class="uk-icon-comments"></i>live chat</a></li>
								<li class="login"><a href="https://manager.interconnectez.eu/register.php" rel="nofollow noopener noreferrer" target="_blank"><i class="uk-icon-user"></i>Inscription</a></li>
                                <li class="login"><a href="https://manager.interconnectez.eu/login.php" rel="nofollow noopener noreferrer" target="_blank"><i class="uk-icon-user"></i>espace client</a></li>
                            </ul>
                        </div>
                        <!-- chat and account button end -->
                        <!-- client area modal begin -->
                        <div id="client-area" class="uk-modal">
                            <div class="uk-modal-dialog">
                                <ul id="client-area-tab" class="uk-tab uk-tab-grid" data-uk-tab="{connect:'#account'}">
                                    <li class="uk-active uk-width-large-1-2"><a href="">Connexion</a></li>
                                    <li class="uk-width-large-1-2"><a href="">Nouveau compte</a></li>
                                </ul>
                                <ul id="account" class="uk-switcher uk-margin">
                                    <li>
                                        <form id="signin-account" class="uk-form">
                                            <fieldset>
                                                <div class="uk-form-icon">
                                                    <i class="uk-icon-envelope"></i>
                                                    <input type="text" placeholder="Email">
                                                </div>
                                                <div class="uk-form-icon">
                                                    <i class="uk-icon-key"></i>
                                                    <input type="text" placeholder="Mot de passe">
                                                </div>
                                                <label>
                                                    <input type="checkbox">Se souvenir de moi</label>
                                                <a href="https://manager.interconnectez.eu/clientarea.php" rel="nofollow noopener noreferrer" target="_blank" class="uk-button uk-button-small idz-button-blue uk-width-large-1-1">Connexion</a>
                                            </fieldset>
                                        </form>
                                    </li>
                                    <li>
                                        <form id="create-account" class="uk-form">
                                            <fieldset>
                                                <div class="uk-form-icon">
                                                    <i class="uk-icon-user"></i>
                                                    <input type="text" placeholder="Username">
                                                </div>
                                                <div class="uk-form-icon">
                                                    <i class="uk-icon-envelope"></i>
                                                    <input type="text" placeholder="Email">
                                                </div>
                                                <div class="uk-form-icon">
                                                    <i class="uk-icon-key"></i>
                                                    <input type="text" placeholder="Password">
                                                </div>
                                                <label>
                                                    <input type="checkbox">J'accepte <a href="#" rel="nofollow noopener noreferrer" target="_blank">les conditions</a></label>
                                                <a href="client-area.php" rel="nofollow noopener noreferrer" target="_blank" class="uk-button uk-button-small idz-button-blue uk-width-large-1-1">Crée un compte</a>
                                            </fieldset>
                                        </form>
                                    </li>
                                </ul>
                                <div class="uk-modal-caption">
                                    <a href="#" rel="nofollow noopener noreferrer" target="_blank">Mot de passe oublier ?</a>
                                </div>
                            </div>
                        </div>
                        <!-- client area modal end -->
                    </div>
                </div>
            </div>
        </div>
        <div data-uk-sticky="{media:'(min-width: 1024px)', top:-300, animation:'uk-animation-slide-top'}">
            <div class="uk-container uk-container-center">
                <div class="uk-grid">
                    <div class="uk-width-large-1-1 uk-width-medium-1-1">
                        <!-- main logo begin -->
                        <div id="logo">
                           <a href="index.php" rel="nofollow noopener noreferrer" target="_blank"><img src="images/logo.png" alt="satria-hosting" /></a>
                        </div>
                        <!-- main logo end -->
                    </div>
                    <div class="uk-width-large-1-1 uk-width-medium-1-1">
                        <!-- mainmenu begin -->
                        <nav id="mainmenu" class="uk-navbar">
                            <div class="uk-navbar-flip">
                                <ul class="uk-navbar-nav uk-hidden-small">
                                    <li class="uk-active uk-parent" data-uk-dropdown><a href="index.php" rel="nofollow noopener noreferrer" target="_blank">Accueil</a>
                                    </li>
                                    <li class="uk-parent" data-uk-dropdown="{justify:'#mainmenu'}"><a href="shared.php" rel="nofollow noopener noreferrer" target="_blank">Hébergement WEB</a>

                                    </li>
                                    <li><a href="cloud.php" rel="nofollow noopener noreferrer" target="_blank">VPS</a></li>
                                    <li><a href="dedicated.php" rel="nofollow noopener noreferrer" target="_blank">SERVEUR DEDIER</a></li>
                                    <li class="uk-parent" data-uk-dropdown><a href="contact.php" rel="nofollow noopener noreferrer" target="_blank">CONTACT</a>
                                        
                                    </li>
                                </ul>
                                <a href="#mobile-nav" rel="nofollow noopener noreferrer" target="_blank" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
                            </div>
                        </nav>
                        <div id="mobile-nav" class="uk-offcanvas">
                            <div class="uk-offcanvas-bar">
                                <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
                                    <li><a href="index.php" rel="nofollow noopener noreferrer" target="_blank">Accueil</a></li>
                                    <li><a href="shared.php" rel="nofollow noopener noreferrer" target="_blank">WEB</a></li>
                                    <li><a href="cloud.php" rel="nofollow noopener noreferrer" target="_blank">VPS</a></li>
                                    <li><a href="dedicated.php" rel="nofollow noopener noreferrer" target="_blank">DEDIER</a></li>
									<li><a href="contact.php" rel="nofollow noopener noreferrer" target="_blank">CONTACT</a></li>
									<li class="login"><a href="https://manager.interconnectez.eu/register.php" rel="nofollow noopener noreferrer" target="_blank"><i class="uk-icon-user"></i>Inscription</a></li>
									<li class="login"><a href="https://manager.interconnectez.eu/login.php" rel="nofollow noopener noreferrer" target="_blank"><i class="uk-icon-user"></i>espace client</a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- mainmenu end -->
                    </div>
                </div>
            </div>
        </div>
    </header>
    <section id="slideshow-container">
        <!-- slideshow begin -->
        <div id="homepage-slide" class="uk-slidenav-position" data-uk-slideshow="{autoplay:true}">
            <ul class="uk-slideshow uk-overlay-active">
                <li>
                    <!-- slide 1 -->
                    <img src="images/slideshow/sld2.jpg" alt="">
                    <div class="uk-overlay-panel uk-overlay-bottom uk-overlay-fade">
                        <div class="uk-container uk-container-center">
                            <!-- slide 1 text begin -->
                            <div class="uk-grid">
                                <div class="uk-width-large-8-10 uk-width-medium-8-10">
                                    
										<div class="slide-content3">
                                        <!--<p class="uk-text-large uk-margin-bottom-remove">Trafic illimité</p>
                                        <h1 class="uk-margin-top-remove">Tout le nécessaire dans<br/>1 seul pack</h1>
                                        <p class="uk-text-large uk-margin-medium-bottom">Puissance et stabilité garanties</p> -->
                                        <a class="uk-button uk-button-large idz-button-outline" href="cloud.php" rel="nofollow noopener noreferrer" target="_blank">En savoir plus<i class="uk-icon-chevron-circle-right"></i></a>
                                    </div>
                                </div>
                                <div class="uk-width-2-10 uk-text-center">
                                  <!-- promo slide  <div class="ribbon-slide">
                                        <p>Promotion </p>
                                        <h1>50%</h1>
                                        <h4>Lancement</h4>
                                        <h4>à partir de</h4>
                                        <h3>0,30€<span class="small-month">/Mois</span></h3>
                                    </div> -->
                                </div>
                            </div>
                            <!-- slide 1 text end -->
                        </div>
                    </div>
                </li>
                <li>
                    <!-- slide 2 -->
                    <img src="images/slideshow/sld1.jpg" alt="">
                    <div class="uk-overlay-panel uk-overlay-bottom uk-overlay-slide-fade">
                        <div class="uk-container uk-container-center">
                            <!-- slide 2 text begin -->
                            <div class="uk-grid">
                                <div class="uk-width-large-1-2 uk-width-medium-1-2">
                                    <div class="slide-content1">
                                        <h1 class="uk-margin-small-bottom">Rapide, sécurisé, fiable</h1>
                                        <p class="uk-text-large uk-margin-small-top">Hébergement mutualisé et dédié à la pointe de la technologie.</p>
                                        <hr>
                                        <div class="uk-grid">
                                            <div class="uk-width-large-1-2">
                                                <ul class="uk-list uk-text-large">
                                                    <li><strong>Panel</strong> intuitive</li>
                                                    <li><strong>Application</strong> en 1 clique</li>
                                                    <li><strong>Stockage</strong> SSD</li>
                                                </ul>
                                            </div>
                                            <div class="uk-width-large-1-2">
                                                <ul class="uk-list uk-text-large">
                                                    <li><strong>transfert</strong> illimité</li>
                                                    <li><strong>Inclus</strong> support technique</li>
                                                    <li><strong>99%</strong> Garantie de disponibilité</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- slide 2 text end -->
                        </div>
                    </div>
                </li>
                <li style="background:#444444 url(images/slideshow/sld_object1.png)no-repeat bottom center;">
                    <!-- slide 3 -->
                    <div class="uk-overlay-panel uk-overlay-bottom uk-overlay-fade">
                        <div class="uk-container uk-container-center">
                            <!-- slide 3 text begin -->
                            <div class="uk-grid">
                                <div class="uk-width-large-7-10 uk-width-medium-7-10 uk-container-center uk-text-center">
                                    <div class="slide-content2">
                                        <div class="icon-wrap large center">
                                            <i class="smico-rocket"></i>
                                        </div>
                                        <h1>Serveur SSD haute performance</h1>
                                        <h4 class="uk-margin-small-top">Nos serveur sont équiper de SSD et démarent en 10s et vous permettent une écriture rapide.</h4>
                                        <a class="uk-button uk-button-large idz-button-white uk-margin-top" href="cloud.php" rel="nofollow noopener noreferrer" target="_blank">Voir nos offres !</a>
                                    </div>
                                </div>
                            </div>
                            <!-- slide 3 text end -->
                        </div>
                    </div>
                </li>
                <li>
                    <!-- slide 4 -->
                    <img src="images/slideshow/sld3.jpg" alt="">
                    <div class="uk-overlay-panel uk-overlay-bottom uk-overlay-fade">
                        <div class="uk-container uk-container-center">
                            <!-- slide 4 text begin -->
                            <div class="uk-grid">
                                <div class="uk-width-large-4-10 uk-width-medium-4-10 uk-container-center uk-text-center">
                                    <div class="slide-content4">
                                        <h2>
                                                Fiabilité<br/>
                                                <span class="sld-spacing1">Puissance</span>
                                            </h2>
                                        <hr/>
                                        <h2>
                                                <span class="sld-spacing2">C'est notre</span><br/>
                                                <span class="sld-spacing3">Devise</span>
                                            </h2>
                                    </div>
                                </div>
                            </div>
                            <!-- slide 4 text end -->
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="uk-dotnav uk-dotnav-contrast uk-flex-right">
                <li data-uk-slideshow-item="0"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 1</a></li>
                <li data-uk-slideshow-item="1"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 2</a></li>
                <li data-uk-slideshow-item="2"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 3</a></li>
                <li data-uk-slideshow-item="3"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 4</a></li>
            </ul>
        </div>
        <!-- slideshow end -->
    </section>
    <section>
        <div class="uk-container uk-container-center uk-padding">
            <div class="uk-grid uk-text-center">
                <div class="uk-width-large-1-3 uk-width-small-1-1 idz-margin-bottom-ml">
                    <div class="icon-wrap center">
                        <i class="smico-shield"></i>
                    </div>
                    <h3>Sécurité maximal</h3>
                    <p>Notre priorité est de renforcé tout les jours la sécurité de nos clients afin de vous garantir un confort maximal</p>
                </div>
                <div class="uk-width-large-1-3 uk-width-small-1-1 idz-margin-bottom-ml">
                    <div class="icon-wrap center">
                        <i class="smico-processor"></i>
                    </div>
                    <h3>Hardware de qualité</h3>
                    <p>Nous utilisons uniquement des composant haut de gammes afin de vous garantir les meilleurs performance possible</p>
                </div>
                <div class="uk-width-large-1-3 uk-width-small-1-1 idz-margin-bottom-ml">
                    <div class="icon-wrap center">
                        <i class="smico-speed"></i>
                    </div>
                    <h3>Temps de réponse</h3>
                    <p>Tout nos serveurs sont équipé de fibre optique avec des débit exceptionnel jusqu'a 1Gbps et un ping généralement de 2-4 ms</p>
                </div>
            </div>
            <div class="uk-grid">
                <div class="uk-width-large-1-1 uk-margin-top uk-margin-bottom">
                    <div class="uk-panel-box idz-panel white">
                        <div class="uk-grid">
                            <div class="uk-width-large-7-10 uk-width-large-5-10 uk-width-medium-1-1 uk-width-small-1-1">
                                <h2 class="uk-margin-small-bottom uk-text-primary">Hébergement web de qualité à partir de 0,30€<span class="permonth">/Mois</span></h2>
                                <p class="uk-text-large uk-margin-top-remove idz-tablet-landscape-hidden">Stockage SSD avec panel intuivite inclut</p>
                            </div>
                            <div class="uk-width-large-3-10 uk-width-large-5-10 uk-width-medium-1-1 uk-width-small-1-1">
                                <a class="uk-align-right uk-button uk-button-large idz-button-blue idz-bottom-adjustment5" href="https://interconnectez.eu/final/shared.php" rel="nofollow noopener noreferrer" target="_blank">lancez vous !<i class="uk-icon-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	<section class="section-blue">
        <div class="uk-container uk-container-center uk-padding">
            <div class="uk-grid">
                <div class="uk-width-large-1-1 uk-text-contrast uk-text-center">
                    <h1 class="uk-text-contrast uk-margin-bottom">Démarer votre projet avec un nouveau domaine?</h1>
                </div>
                <div class="uk-width-large-6-10 uk-width-medium-7-10 uk-width-small-9-10 uk-container-center uk-margin-bottom">
                    <!-- domain search begin -->
                    <form id="domain-search2" class="uk-form">
                        <fieldset>
                            <input type="text" placeholder="Entrez votre nom de domaine...">
                            <select>
                                <option>.com</option>
								<option>.fr</option>
                                <option>.net</option>
								<option>.org</option>
                                <option>.info</option>
                            </select>
                            <i class="uk-icon-chevron-down"></i>
                            <button class="uk-button uk-icon-search"></button>
                        </fieldset>
                    </form>
                    <!-- domain search end -->
                </div>
            </div>
        </div>
    </section>
    <section class="section-grey">
        <div class="uk-container uk-container-center uk-padding">
            <div class="uk-grid">
                <div class="uk-width-large-1-1 uk-text-center">
                    <h1 class="uk-margin-small-bottom">Différentes plates-formes d'hébergement pour tous les besoins!</h1>
                    <p class="uk-text-large uk-margin-small-top">Chaque type de service d'hébergement que nous fournissons est encore optimisé avec des ajustements de performance uniques!</p>
                    <!-- This is Host plan -->
                    <ul class="pricing-grid four-up uk-margin-small-top uk-margin-medium-bottom">
                        <li class="pricing-column2">
                            <div class="pricing-title">
                                <i class="uk-icon-cloud"></i>
                                <h3>Starter</h3>
                                <p>4€ par mois</p>
                            </div>
                            <ul class="pricing-content">
                                <li>500MB Espace de stockage</li>
                                <li>Bande passante illimitée</li>
                                <li>X Domaine </li>
                                <li>X Compte mail</li>
                                <li>Anti-DDoS</li>
                            </ul>
                            <div class="pricing-button">
                                <a class="uk-button uk-button-small idz-button-grey" href="404.php" rel="nofollow noopener noreferrer" target="_blank">non disponible<i class="uk-icon-chevron-circle-right"></i></a>
                            </div>
                        </li>
                        <li class="pricing-column2">
                            <div class="pricing-title">
                                <i class="uk-icon-cloud"></i>
                                <h3>Personnel</h3>
                                <p>1€ par mois</p>
                            </div>
                            <ul class="pricing-content">
                                <li>3GB Espace de stockage</li>
                                <li>Bande passante illimitée</li>
                                <li>3 Domaines </li>
                                <li>3 Compte mail</li>
                                <li>Anti-DDoS</li>
                            </ul>
                            <div class="pricing-button">
                                <a class="uk-button uk-button-small idz-button-grey" href="404.php" rel="nofollow noopener noreferrer" target="_blank">non disponible<i class="uk-icon-chevron-circle-right"></i></a>
                            </div>
                        </li>
                        <li class="pricing-column2 green-plan">
                            <div class="pricing-title">
                                <i class="uk-icon-cloud"></i>
                                <h3>Entreprenant</h3>
                                <p>2€ par mois</p>
                            </div>
                            <ul class="pricing-content">
                                <li>7GB Espace de stockage</li>
                                <li>Bande passante illimitée</li>
                                <li>7 Domaines </li>
                                <li>7 Compte mail</li>
                                <li>Anti-DDoS</li>
                            </ul>
                            <div class="pricing-button">
                                <a class="uk-button uk-button-small idz-button-white" href="404.php" rel="nofollow noopener noreferrer" target="_blank">non disponible<i class="uk-icon-chevron-circle-right"></i></a>
                            </div>
                        </li>
                        <li class="pricing-column2">
                            <div class="pricing-title">
                                <i class="uk-icon-cloud"></i>
                                <h3>Enterprise</h3>
                                <p>3€ par mois</p>
                            </div>
                            <ul class="pricing-content">
                                <li>10GB Espace de stockage</li>
                                <li>Bande passante illimitée</li>
                                <li>10 Domaines </li>
                                <li>10 Compte mail</li>
                                <li>Anti-DDoS</li>
                            </ul>
                            <div class="pricing-button">
                                <a class="uk-button uk-button-small idz-button-grey" href="404.php" rel="nofollow noopener noreferrer" target="_blank">non disponible<i class="uk-icon-chevron-circle-right"></i></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="uk-padding">
        <div class="uk-container uk-container-center">
            <div class="uk-grid">
                <div class="uk-width-large-1-1 uk-text-center">
                    <h1 class="uk-margin-small-bottom">Des centaines d'applications gratuites à portée de main en 1 clique..</h1>
                    <p class="uk-text-large uk-margin-small-top uk-margin-bottom text-width80">Vous n'avez aucune notion en programmation web et vous ne voulez pas vous casser la tête ni faire appel à un développeur vous pouvez utiliser ces CMS pour tout faire seul grâce à nos CMS préinstaller sur toutes nos offres WEB et ainsi faites des économies  .</p>
                </div>
            </div>
            <div class="uk-grid media-panel-logo">
                <div class="uk-width-large-1-6 uk-width-medium-1-3 uk-width-small-1-2">
                    <div class="uk-panel uk-panel-box idz-panel-logo uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                            <img src="images/sample/logo_wordpress.svg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="uk-width-large-1-6 uk-width-medium-1-3 uk-width-small-1-2">
                    <div class="uk-panel uk-panel-box idz-panel-logo uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                            <img src="images/sample/logo_drupal.svg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="uk-width-large-1-6 uk-width-medium-1-3 uk-width-small-1-2">
                    <div class="uk-panel uk-panel-box idz-panel-logo uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                            <img src="images/sample/logo_magento.svg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="uk-width-large-1-6 uk-width-medium-1-3 uk-width-small-1-2">
                    <div class="uk-panel uk-panel-box idz-panel-logo uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                            <img src="images/sample/logo_joomla.svg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="uk-width-large-1-6 uk-width-medium-1-3 uk-width-small-1-2">
                    <div class="uk-panel uk-panel-box idz-panel-logo uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                            <img src="images/sample/logo_codeigniter.svg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="uk-width-large-1-6 uk-width-medium-1-3 uk-width-small-1-2">
                    <div class="uk-panel uk-panel-box idz-panel-logo uk-vertical-align">
                        <div class="uk-vertical-align-middle">
                            <img src="images/sample/logo_uikit.svg" alt="" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="uk-grid">
                <div class="uk-witdh-large-1-1 uk-align-center">
                    <a class="uk-button uk-button-small idz-button-outline" href="https://interconnectez.eu/final/shared.php" rel="nofollow noopener noreferrer" target="_blank">En savoir plus<i class="uk-icon-chevron-circle-right"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- désactiver pour le moment car aucun commentaire <section>
        <div id="bg-parallax2" class="uk-margin uk-margin-bottom-remove" data-uk-parallax="{bg: '-200'}" style="background-image: url(images/sample/content_bg_parallax2.jpg); background-position: 50% -73.01px; background-repeat: no-repeat;">
            <div class="uk-container uk-container-center uk-padding">
                <div class="uk-grid">
                    <div class="uk-width-large-1-1 uk-text-center">
                        <h1 class="uk-margin-small-bottom">Nos clients nous aiment!</h1>
                        <p class="uk-text-large uk-margin-small-top">Nous sommes noté 5.00/5.00 <span class="uk-text-primary"></span></p>
                    </div>
                    <div class="uk-width-large-1-1 uk-text-center">
                        <div class="client-testimoni" data-uk-slideset="{default: 1}">
                            <ul class="uk-grid uk-slideset">
                                <li>
                                    <img src="images/sample/client_testimoni1.jpg" alt="" class="uk-border-circle" />
                                    <p class="uk-text-large text-width70">Aucun commentaire pour le moment</p>
                                    <h4>Admin</h4>
                                    <div class="uk-badge uk-badge-notification">XXXXXX</div>
                                </li>
								<li>
                                    <img src="images/sample/client_testimoni1.jpg" alt="" class="uk-border-circle" />
                                    <p class="uk-text-large text-width70">Aucun commentaire pour le moment</p>
                                    <h4>Admin</h4>
                                    <div class="uk-badge uk-badge-notification">XXXXXX</div>
                                </li>
								<li>
                                    <img src="images/sample/client_testimoni1.jpg" alt="" class="uk-border-circle" />
                                    <p class="uk-text-large text-width70">Aucun commentaire pour le moment</p>
                                    <h4>Admin</h4>
                                    <div class="uk-badge uk-badge-notification">XXXXXX</div>
                                </li>
                            </ul>
                            <ul class="uk-slideset-nav uk-dotnav uk-flex-center">
                                <li data-uk-slideshow-item="0"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 1</a></li>
                                <li data-uk-slideshow-item="1"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 2</a></li>
                                <li data-uk-slideshow-item="2"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Item 3</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <footer>
        <div class="uk-container uk-container-center footer-bg-img">
            <div class="uk-grid">
                <div class="uk-width-large-4-10 uk-width-medium-4-10 uk-width-small-1-1">
                    <div id="logo-footer">
                        <img src="images/logo.png" alt="satria-hosting" />
                    </div>
                    <p>Interconnectez est une entreprise spécialisée dans l'hébergement</p>
                    <div id="footer-social">
                        <ul>
                            <li>
                                <a href="https://www.facebook.com/Interconnectez-441096926259898/" rel="nofollow noopener noreferrer" target="_blank" class="uk-icon-facebook-official"></a>
                            </li>
                            <li>
                                <a href="#" rel="nofollow noopener noreferrer" target="_blank" class="uk-icon-twitter"></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="uk-width-large-6-10 uk-width-medium-6-10 uk-width-small-1-1">
                    <div class="uk-grid" data-uk-grid-margin>
                        <div class="uk-width-large-1-3 uk-width-medium-1-3 uk-width-small-1-1">
                            <h4>Compagnie</h4>
                            <ul class="uk-list">
                                <li><a href="contact.php" rel="nofollow noopener noreferrer" target="_blank">Contactez nous</a></li>
                                <li><a href="404.php" rel="nofollow noopener noreferrer" target="_blank">Termes du contrat de service</a></li>
                                <li><a href="404.php" rel="nofollow noopener noreferrer" target="_blank">Politique de confidentialité</a></li>
                            </ul>
                        </div>
                        <div class="uk-width-large-1-3 uk-width-medium-1-3 uk-width-small-1-1">
                            <h4>Support</h4>
                            <ul class="uk-list">
                                <li><a href="https://tawk.to/chat/596bf2311dc79b329518e9c4/default/?$_tawk_popout=true" rel="nofollow noopener noreferrer" target="_blank">Support Accueil</a></li>
                            </ul>
                        </div>
                        <div class="uk-width-large-1-3 uk-width-medium-1-3 uk-width-small-1-1">
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank"><img src="images/sample/truste-seal.png" alt="" class="certificate-img uk-align-right"></a>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="uk-grid copyright-wrap">
                <div class="uk-width-large-1-2 uk-width-medium-4-10 uk-width-small-1-1">
                    <p>© 2017. Interconnectez. Tous les droits sont réservés.</p>
                </div>
                <div class="uk-width-large-1-2 uk-width-medium-6-10 uk-width-small-1-1">
                    <div id="payment-list">
                        <ul>
                            <li>
                                <p>Paiements que nous acceptons</p>
                            </li>
                            <li><i class="uk-icon-cc-paypal"></i></li>
                            <li><i class="uk-icon-cc-visa"></i></li>
                            <li><i class="uk-icon-cc-mastercard"></i></li>
                            <li><i class="uk-icon-cc-amex"></i></li>
                            <li><i class="uk-icon-cc-discover"></i></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <a href="#top" rel="nofollow noopener noreferrer" target="_blank" class="to-top uk-icon-chevron-up" data-uk-smooth-scroll></a>
    </footer>
    <!-- Javascript -->
    <script src="js/jquery.js"></script>
    <script src="js/uikit.min.js"></script>
    <script src="js/components/slideshow.js"></script>
    <script src="js/components/slideshow-fx.js"></script>
    <script src="js/components/parallax.js"></script>
    <script src="js/components/slideset.js"></script>
    <script src="js/components/sticky.js"></script>
    <script src="js/config.js"></script>
</body>

</html>
Donnez votre avis
Utile
+0
plus moins
Salut,

Peux t-on voir le code html correspondant ?

Bonne journée,
Donnez votre avis
Utile
+0
plus moins
N'ayant pas le reste de ton code css, je ne peux pas voir le rendu que tu obtiens ni celui que tu attends.

Quelques pistes néanmoins : sur l'élément auquel tu appliques la bordure, essaye d'appliquer la propriété border-box: box-sizing; et/ou de modifier la largeur de cet élément.
team-off 1125Messages postés mercredi 1 avril 2015Date d'inscription 5 septembre 2017 Dernière intervention - 4 sept. 2017 à 14:58
Alors la commande
border-box: box-sizing;
ne fonctionne pas dans le CSS et voici tout le code CSS

/* ------------------------------------------------------------------
 * Indonez      : Satria - HTML Template
 * File         : style.css
 * Version      : 2.0
 * Author       : indonez - team
 * Author URI   : http://indonez.com
 *
 * Indonez Copyright 2015 All Rights Reserved.
 * ------------------------------------------------------------------ */

@import "mediaquery.css";
@import "nez-style.css";

/* ------------------------------------------------------------------
   
    [Table of contents]
    1. element
        1.1. global
        1.2. typhography
        1.3. button
        1.4. table
        1.5. panel and box
        1.6. alert
        1.7. tab and accordion
        1.8. tooltip
        1.9. pricing plan
        1.10. portfolio
        1.11. testimonial
        1.12. team
        1.13. header
        1.14. mainmenu
        1.15. slideshow
        1.16. blog
        1.17. pagination
        1.18. parallax 
        1.19. widget
        1.20. list
    2. pages
        2.1. index.html - Home 1
        2.2. index-layout2.html - Home 2
        2.3. index-layout3.html - Home 3
        2.4. index-layout4.html - Home 4
        2.5. shared.html
        2.6. cloud.html
        2.7. dedicated.html
        2.8. client-area.html
        2.9. contact.html
        2.10. feature.html
        2.11. sitemap.html
        2.12. 404.html
        2.13. icon-list.html
        2.14. domain-pricing.html
    3. footer
    
------------------------------------------------------------------ */


/* [ 1.1. global ] */

body {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    color: #939292
}

@media (min-width: 1220px) {
    .uk-container {
        max-width: 1150px;
    }
}

.uk-padding {
    padding-top: 60px;
    padding-bottom: 52px
}

.uk-padding-small {
    padding-top: 40px;
    padding-bottom: 30px
}

.uk-text-large {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300
}

.uk-text-thin {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 300
}

.uppercase {
    text-transform: uppercase;
    font-weight: 700
}

.thin {
    font-weight: 300
}

.text-width90 {
    width: 90%;
    margin: 0 auto
}

.text-width80 {
    width: 80%;
    margin: 0 auto
}

.text-width70 {
    width: 70%;
    margin: 0 auto
}

.text-width60 {
    width: 60%;
    margin: 0 auto
}

.text-width50 {
    width: 50%;
    margin: 0 auto
}

aside {
    margin-bottom: 34px
}


/* [ 1.2. typhography ] */

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #424242;
}

h1,
.uk-h1 {
    font-size: 36px;
    line-height: 42px
}

h2,
.uk-h2 {
    font-size: 28px;
    line-height: 30px
}

h3,
.uk-h3 {
    font-size: 22px;
    line-height: 24px
}

h4,
.uk-h4 {
    font-size: 18px;
    line-height: 22px
}

h5,
.uk-h5 {
    font-size: 15px;
    line-height: 20px
}

h6,
.uk-h6 {
    font-size: 12px;
    line-height: 18px
}

blockquote {
    padding-left: 25px;
    border-left: 5px solid #ddd;
    font-size: 16px;
    line-height: 29px;
    font-style: italic
}

blockquote p {
    position: relative;
    top: -1px
}

.pullquote-right,
.pullquote-left {
    color: #9c9c9c;
    float: right;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 9px;
    margin-left: 25px;
    padding-left: 25px;
    width: 50%;
    font-style: italic;
    line-height: 28px;
    border-left: 5px solid #ddd
}

.pullquote-left {
    border-right: 5px solid #ddd;
    border-left: none;
    float: left;
    margin-left: 0;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 25px
}

blockquote cite:before {
    content: "\2014 \0020"
}

.highlight {
    padding: 4px 7px;
    background: #0090cf;
    border-radius: 3px;
    color: #fff;
    vertical-align: baseline
}

.dropcap1 {
    width: 42px;
    height: 42px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 42px;
    background: #42454a;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    margin: 7px 10px 0 0
}

.dropcap2 {
    width: 42px;
    height: 42px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 42px;
    background: #42454a;
    border-radius: 4px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    margin: 7px 10px 0 0
}

.dropcap3 {
    font-size: 42px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #42454a;
    text-align: center;
    float: left;
    margin: 14px 10px 0 0
}

pre {
    padding: 10px 15px;
    background: #f3f3f3 url(../images/pre_bg.gif) repeat 0 -9px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font: 12px / 18px Consolas, monospace, serif;
    color: #969696;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap
}

.uk-text-primary {
    color: #0090cf!important
}

.uk-margin-medium {
    margin-top: 25px;
    margin-bottom: 25px
}

.uk-margin-medium-top {
    margin-top: 25px!important
}

.uk-margin-medium-bottom {
    margin-bottom: 25px!important
}


/* [ 1.3. button ] */

.uk-button i.uk-icon-chevron-circle-right {
    font-size: 14px;
    margin-left: 12px
}

.uk-button-small i.uk-icon-chevron-circle-right {
    font-size: 13px;
    margin-left: 10px
}

.uk-button-mini {
    font-weight: 700;
    min-height: 20px;
    padding: 5px 25px 6px;
    line-height: 20px;
    font-size: 11px
}

.uk-button-small {
    font-weight: 700;
    min-height: 25px;
    padding: 6px 30px 7px;
    line-height: 25px;
    font-size: 13px
}

.uk-button-large {
    font-weight: 700;
    min-height: 40px;
    padding: 5px 36px 6px;
    line-height: 40px;
    font-size: 16px
}


/* [ 1.4. table ] */

.uk-table {
    margin-bottom: 35px;
}


/* [ 1.5. panel and box ] */

.uk-panel-box {
    padding: 20px;
    background: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.uk-panel-box.info h1,
.uk-panel-box.info h2,
.uk-panel-box.info h3,
.uk-panel-box.info h4,
.uk-panel-box.info h5,
.uk-panel-box.info h6 {
    color: #3194b1
}

.uk-panel-box.warning h1,
.uk-panel-box.warning h2,
.uk-panel-box.warning h3,
.uk-panel-box.warning h4,
.uk-panel-box.warning h5,
.uk-panel-box.warning h6 {
    color: #978c68
}

.uk-panel-box h1 i,
.uk-panel-box h2 i,
.uk-panel-box h3 i,
.uk-panel-box h4 i,
.uk-panel-box h5 i,
.uk-panel-box h6 i {
    margin-right: 8px
}

.uk-panel-padding {
    padding: 23px 31px
}

.uk-panel-title {
    margin: -20px -20px 20px;
    padding: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    background: #e5e5e5;
    color: #444;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.uk-panel-title i {
    margin-right: 7px
}

.uk-panel-box .uk-panel-teaser {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px
}


/* [ 1.6. alert ] */

.uk-alert {
    margin-bottom: 15px;
    padding: 10px 12px 14px 17px;
    background: #cce9f2;
    border: 1px solid #86cde3;
    color: #3194b1;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.uk-alert-success {
    background: #d8f1c6;
    border-color: #b3cda1;
    color: #749958
}

.uk-alert-warning {
    background: #fbf4dd;
    border-color: #d1c9ae;
    color: #978c68
}

.uk-alert-danger {
    background: #f9d9d9;
    border-color: #e1a1a1;
    color: #b55454
}

.uk-alert-plain {
    background: #f8f8f8;
    border-color: #d1d1d1;
    color: #8c8c8c
}

.uk-alert-close {
    position: relative;
    top: 7px
}

.uk-alert i {
    margin-right: 8px;
    top: 10px;
    font-size: 16px;
    position: relative;
    float: left
}


/* [ 1.7. tab and accordion ] */

.uk-tab {
    border-bottom: 2px solid #e8e8e8;
    z-index: 999
}

.uk-tab > li {
    margin-bottom: -2px
}

.uk-tab > li > a {
    padding: 16px 32px 10px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-bottom: 2px solid #e8e8e8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab > li:nth-child(n+2) > a {
    margin-left: 2px
}

.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
    border-color: #f3f3f3;
    background: #f3f3f3;
    color: #393939
}

.uk-tab > li.uk-active > a {
    border-color: #e8e8e8;
    border-bottom-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab > li i {
    margin-right: 8px
}

.uk-tab.uk-tab-bottom {
    border-top: 2px solid #e8e8e8;
    border-bottom: none;
    z-index: 999
}

.uk-tab.uk-tab-bottom > li {
    margin-top: -2px
}

.uk-tab.uk-tab-bottom > li > a {
    padding: 10px 32px 16px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-top: 2px solid #e8e8e8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab.uk-tab-bottom > li:nth-child(n+2) > a {
    margin-left: 2px
}

.uk-tab.uk-tab-bottom > li > a:hover,
.uk-tab.uk-tab-bottom > li > a:focus,
.uk-tab.uk-tab-bottom > li.uk-open > a {
    margin-top: 0;
    padding: 10px 32px 16px;
    border-color: #f3f3f3;
    border-top: 2px solid #e8e8e8;
    background: #f3f3f3;
    color: #393939
}

.uk-tab.uk-tab-bottom > li.uk-active > a {
    border-color: #e8e8e8;
    border-top-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab.uk-tab-bottom > li i {
    margin-right: 8px
}

.uk-tab.uk-tab-left {
    padding: 20px 0;
    border-right: 2px solid #e8e8e8;
    border-bottom: none;
    z-index: 999
}

.uk-tab.uk-tab-left > li > a {
    margin-right: 1px;
    padding: 12px 18px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab.uk-tab-left > li:nth-child(n+2) > a {
    margin-top: 4px
}

.uk-tab.uk-tab-left > li > a:hover,
.uk-tab.uk-tab-left > li > a:focus,
.uk-tab.uk-tab-left > li.uk-open > a {
    padding: 12px 18px;
    border-color: #f3f3f3;
    background: #f3f3f3;
    color: #393939
}

.uk-tab.uk-tab-left > li.uk-active > a {
    margin-right: -2px;
    padding: 12px 20px 12px 18px;
    border-color: #e8e8e8;
    border-right-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab.uk-tab-left > li i {
    margin-right: 8px
}

.uk-tab.uk-tab-right {
    padding: 20px 0;
    border-left: 2px solid #e8e8e8;
    border-bottom: none;
    z-index: 999
}

.uk-tab.uk-tab-right > li {
    text-align: right
}

.uk-tab.uk-tab-right > li > a {
    margin-left: 1px;
    padding: 12px 18px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab.uk-tab-right > li:nth-child(n+2) > a {
    margin-top: 4px
}

.uk-tab.uk-tab-right > li > a:hover,
.uk-tab.uk-tab-right > li > a:focus,
.uk-tab.uk-tab-right > li.uk-open > a {
    padding: 12px 18px;
    border-color: #f3f3f3;
    background: #f3f3f3;
    color: #393939
}

.uk-tab.uk-tab-right > li.uk-active > a {
    margin-left: -2px;
    padding: 12px 18px 12px 20px;
    border-color: #e8e8e8;
    border-left-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab.uk-tab-right > li i {
    margin-left: 8px
}

.uk-tab-center {
    border-bottom: 2px solid #e8e8e8;
}

h6.uk-accordion-title,
h6.uk-accordion-title.uk-active {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: -15px;
    padding: 16px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    cursor: pointer;
    color: #393939;
    -webkit-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    -moz-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1)
}

h6.uk-accordion-title.uk-active {
    margin-bottom: 10px;
    background: #0090cf;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

h6.uk-accordion-title:before,
h6.uk-accordion-title.uk-active:before {
    font-family: FontAwesome;
    font-size: 12px;
    content: "\f054";
    color: #7e7d7d;
    position: relative;
    margin-right: 10px;
    top: 1px
}

h6.uk-accordion-title.uk-active:before {
    content: "\f078";
    color: #fff
}

.uk-accordion-content {
    margin-bottom: -15px;
    padding: 18px 25px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    -moz-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1)
}

.uk-accordion-content img {
    margin-top: 10px
}


/* [ 1.8. tooltip ] */

.uk-tooltip {
    font-size: 14px !important;
    padding: 6px 12px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* [ 1.9. pricing plan ] */

.pricing-grid {
    display: block;
    overflow: hidden;
    padding: 16px;
}

.pricing-grid > li {
    display: block;
    height: auto;
    float: left;
}

.pricing-grid.one-up {
    margin: 15px -19px
}

.pricing-grid.one-up > li {
    width: 97.9%;
    margin: 15px 10px;
    padding: 0
}

.pricing-grid.one-up > li.featured-plan {
    margin-top: 31px;
    margin-bottom: -1px
}

.pricing-grid.two-up {
    margin: 15px -19px
}

.pricing-grid.two-up > li {
    width: 47.896%;
    margin: 15px 10px;
    padding: 0
}

.pricing-grid.three-up {
    margin: 15px -19px
}

.pricing-grid.three-up > li {
    width: 29.75%;
    margin: 15px 19px;
    padding: 0
}

.pricing-grid.four-up {
    margin: 15px -19px
}

.pricing-grid.four-up > li {
    width: 21.42%;
    margin: 15px 19px;
    padding: 0
}

.pricing-column {
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

.pricing-column2 {
    background: #03A9F4;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 30px;
    position: relative;
	border-color: #181818;
	border-box: box-sizing;
	border-width: 3px ;
	margin-bottom: 1px;		/*0288d1*/
}

.pricing-column2.green-plan {
    color: #fff;
    background: #9EC028;
}

.pricing-column .pricing-title {
    text-align: center;
    margin-bottom: 53px;
    padding: 25px 20px 19px;
    border-bottom: 1px solid #fff;
}

.pricing-column2 .pricing-title {
    text-align: center;
    margin-bottom: 0;
    padding: 0 20px
}

.pricing-column .pricing-title h3 {
    margin-bottom: -11px
}

.pricing-column2 .pricing-title h3 {
    margin-top: 15px;
    margin-bottom: -11px
}

.pricing-column2.green-plan .pricing-title h3 {
    color: #fff
}

.pricing-column .pricing-title i {
    width: 84px;
    height: 84px;
    margin-bottom: -69px;
    font-size: 46px;
    line-height: 86px;
    background: #0090cf;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.pricing-column2 .pricing-title i {
    width: 84px;
    height: 84px;
    margin-top: -42px;
    font-size: 46px;
    line-height: 86px;
    background: #F44336; /* couleur rond nuage*/
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden
}

.pricing-column2.green-plan .pricing-title i {
    border: auto px solid #fff;
    margin-top: -45px;
    margin-bottom: 5px
}

ul.pricing-content {
    text-align: center;
    margin-bottom: 18px;
    padding: 0 27px
}

.pricing-content li {
    list-style-type: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0
}

.pricing-column2 .pricing-content li {
    border-bottom: 1px solid #d8d8d8
}

.pricing-column2.green-plan .pricing-content li {
    border-bottom: 1px solid #fff
}

.pricing-content li:last-child,
.pricing-column2.green-plan .pricing-content li:last-child {
    border-bottom: none
}

.pricing-column .pricing-button {
    background: #0288D1;
    color: #fff;
    margin: 0 -1px -1px;
    padding: 25px 46px 37px 56px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.pricing-column2 .pricing-button {
    background: #03A9F4;
    text-align: center;
    color: #fff;
    padding: 20px 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.pricing-column2.green-plan .pricing-button {
    background: #9EC028;
}

.pricing-column2.green-plan .idz-button-white {
    background: rgba(244, 244, 244, 0.25);
    color: #fff
}

.pricing-column2.green-plan .idz-button-white:hover {
    color: #536c16;
}

.pricing-column .pricing-button h3 {
    padding-right: 28px;
    line-height: 16px;
    font-size: 28px;
    color: #fff;
    border-right: 1px solid #fff;
    float: left
}

span.permonth {
    font-size: 14px
}

.pricing-button .dollar {
    font-size: 16px
}

.pricing-button a.price-btn {
    margin-left: 23px;
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    position: relative;
    top: 5px
}

.pricing-button a:hover {
    text-decoration: none
}

.pricing-button a i {
    margin-left: 13px
}

.green-plan .pricing-title i {
    background: #9EC028;
}

.green-plan .pricing-button {
    background: #9EC028;
}


/* [ 1.10. portfolio ] */

#filter li i {
    color: #d8d8d8;
    font-size: 18px;
    margin: 0 -10px 0 -8px;
    top: 2px;
    position: relative
}

#filter li:after {
    font-size: 11px;
    color: #393939;
    content: "\2F";
    margin-left: 2px;
    top: 0;
    position: relative
}

#filter li:first-child:after,
#filter li:last-child:after {
    content: "";
    display: inline-block
}

#filter li a {
    padding: 0 10px;
    color: #393939;
    text-decoration: none
}

#filter.uk-subnav-pill > .uk-active > * {
    background: none;
    color: #0090cf;
}

#filter.uk-subnav-pill > * >:hover,
#filter.uk-subnav-pill > * >:focus {
    background: none;
    color: #0090cf;
}

#pf-container li {
    list-style: none;
}

.uk-overlay-icon:before {
    font-size: 24px;
    line-height: 48px;
    background: #0090cf;
    color: #fff;
    border-radius: 50%
}


/* [ 1.11. testimonial ] */

.testi-container {
    width: 100%;
    margin-bottom: 14px;
    background-color: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    float: left
}

.testi-container:before {
    width: 25px;
    height: 17px;
    background: #f4f4f4;
    content: '';
    position: absolute;
    z-index: 999;
    left: 42px;
    bottom: 0;
    margin-left: -7px
}

.testi-container:after {
    width: 17px;
    height: 17px;
    background: #f4f4f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    content: '';
    position: absolute;
    z-index: 888;
    left: 45px;
    bottom: -5px;
    margin-left: -7px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.testi-text {
    padding: 28px 28px 12px 28px;
    float: left
}

.testi-text blockquote {
    padding: 0;
    border-left: none;
    font-size: 16px;
    line-height: 28px;
    font-style: italic
}

.testi-text blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #d8d8d8;
    position: absolute;
    top: -10px;
    left: -10px
}

.testi-image {
    margin: 3px 15px 45px;
    background-color: #e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    float: left
}

.testi-image img {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    float: left
}

.testi-name {
    line-height: 22px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #393939;
    font-size: 16px;
    margin-top: 15px;
    float: left
}

.Compagnie-name {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #393939
}

.client-testimoni ul li img {
    width: 120px;
    height: 120px;
    margin: 40px 0 10px;
    border: 4px solid #fff
}

.client-testimoni ul li {
    color: #676A6F
}

.client-testimoni ul li h4 {
    margin: 22px 0 3px
}

.client-testimoni ul li .uk-badge {
    padding: 0 8px;
    margin-bottom: 30px
}

.client-testimoni .uk-dotnav > * > * {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7)
}

.client-testimoni .uk-dotnav > * >:hover,
.client-testimoni .uk-dotnav > * >:focus,
.client-testimoni .uk-dotnav > .uk-active > * {
    background: rgba(0, 144, 207, 0.7)
}

.client-testimoni .uk-text-large {
    font-size: 16px;
    line-height: 26px
}


/* [ 1.12. team ] */

.team-panel {
    margin-bottom: 38px !important;
    background: #00BCD4;
    border-radius: 0
}

.team-panel h1,
.team-panel h2,
.team-panel h3,
.team-panel h4,
.team-panel h5,
.team-panel h6,
.team-panel p {
    margin-left: 25px;
    margin-right: 25px
}


/* [ 1.13. header ] */

header {
    background: #fff
}

[data-uk-sticky] {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    z-index: 9999;
    float: none;
}

#logo {
    width: 40px;
    margin-top: 28px
}


/* IE11 fix */

_:-ms-fullscreen,
:root #logo {
    height: 37px;
}

#top-header {
    background: #0288D1;
    border-bottom: 1px solid #fff;
    color: #fff
}

#top-phone,
#top-social {
    float: left
}

#top-phone {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-right: 1px solid #292929;
    padding: 8px 20px 10px 0
}

#top-social {
    margin-left: 20px;
    padding-top: 9px
}

#top-social ul,
#top-button ul {
    margin: 0;
    padding: 0
}

#top-social ul li {
    margin-right: 10px;
    display: inline
}

#top-social ul li a {
    font-size: 15px;
    color: #a4a4a4
}

#top-social ul li a:hover {
    color: #fff
}

#top-button {
    padding-top: 8px;
    float: right
}

#top-button ul li {
    display: inline
}

#top-button ul li a,
#top-button ul li.login button {
    font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 9px;
    padding: 5px 17px 6px 15px;
    color: #03A9F4  /* couleur ecriture espace client*/
}

#top-button ul li a:hover {
    text-decoration: none
}

#top-button ul li a i {
    font-size: 13px;
    margin-right: 8px
}

#top-button ul li.login button i {
    font-size: 8px;
    margin-left: 8px;
    top: -1px;
    position: relative
}

#top-button ul li.login a {
    background: #fff;  /* bouton espace client */
}

#top-button ul li.login button {
    background: #fff;
    padding: 5px 17px 6px 15px;
    border: none
}

#top-button .uk-dropdown {
    padding: 0
}

#top-button ul li.login .uk-dropdown a {
    color: #939292;
    padding: 11px 15px;
    background: #fff;
    margin-left: 0
}

#top-button ul.uk-nav-dropdown li a i {
    color: #83a531
}

#top-button ul.uk-nav-dropdown li a {
    border-bottom: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#top-button ul.uk-nav-dropdown li:last-child a {
    border-bottom: 2px solid #83a531;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#pagetitle {
    padding: 30px 0 34px;
    background: #f3f3f3;
    border-bottom: 2px solid #e8e8e8
}

#pagetitle h3 {
    margin-top: 14px;
    color: #7e7d7d
}

#pagetitle-search {
    position: relative;
    bottom: -21px;
    margin-bottom: -34px
}

#pagetitle-search input[type="search"] {
    width: 240px;
    height: 40px;
    margin-top: 5px;
    padding: 4px 14px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

#pagetitle-search .uk-form-icon i {
    margin: -5px 0 0 6px
}

#breadcrumb-style {
    margin: 10px 16px 0 0
}

#breadcrumb-style a,
#breadcrumb-style a:visited {
    color: #939292
}

#breadcrumb-style a:hover {
    color: #0090cf;
    text-decoration: none
}

.uk-breadcrumb > li:nth-child(n+2):before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    display: inline-block;
    margin: 0 12px;
    color: #bbb;
}


/* [ 1.14. mainmenu ] */

.uk-navbar {
    background: transparent
}

.uk-navbar-nav > li {
    border-right: 1px solid #FFF; /* couleur barre séparant vps, serveur dédiés...*/
}

.uk-navbar-nav > li:last-child {
    border-right: none
}

.uk-navbar-nav > li > a {
    height: 102px;
    padding: 33px 25px 37px;
    line-height: 32px;
    color: #03A9F4;  /*couleur barre de navigation*/
    font-size: 13px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
    background-color: #03A9F4; /* couleur barre de naviagation avec clique dessus*/
    color: #fff;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: transparent;
    color: #fff;
}

.uk-dropdown {
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1)
}

#mainmenu {
    margin-top: -65px;
}

#mainmenu .uk-navbar-flip {
    width: 85%;
}

#mainmenu ul.uk-navbar-nav {
    float: right;
}

#mainmenu .uk-dropdown {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

#mainmenu .uk-dropdown li a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#mainmenu .uk-dropdown li:last-child a {
    margin: 0 -1px -1px;
    padding: 10px 16px;
    border-bottom: 2px solid #0090cf;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.uk-navbar-toggle {
    background: #03A9F4; /*couleur barre navigation mobile */
    padding: 7px 14px 40px;
    font-size: 22px;
    color: #fff; /*couleur barre navigation mobile */
    border-radius: 3px;
    position: relative;
    top: -19px;
    float: right;
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
    color: #fff
}

.uk-nav-offcanvas > li > a {
    color: #03A9F4;
    font-size: 13px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 20px;
    border-bottom: 1px solid #0288D1
}

.uk-nav-offcanvas > li.uk-parent > a:after {
    margin-right: -5px
}

.uk-nav-offcanvas ul.uk-nav-sub {
    padding: 0;
    background: #272727
}

.uk-nav-offcanvas ul.uk-nav-sub li a {
    padding: 9px 0 10px 15px
}

.uk-nav-offcanvas ul.uk-nav-sub li a:hover {
    background: #00a8e6
}


/* [ 1.15. slideshow ] */

#slideshow-container {
    height: 480px;
    background: #efefef
}

#slideshow-container .uk-dotnav > * {
    padding-left: 7px
}

#slideshow-container .uk-dotnav {
    position: relative;
    top: -35px;
    right: 4%
}

#slideshow-container .uk-dotnav > * > * {
    width: 40px;
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.7)
}

#slideshow-container .uk-dotnav > * >:hover,
#slideshow-container .uk-dotnav > * >:focus,
#slideshow-container .uk-dotnav > .uk-active > * {
    background: rgba(0, 144, 207, 0.7)
}

.slide-content1 {
    padding: 34px 36px 38px;
    background: rgba(0, 144, 207, 0.7);
    position: relative;
    bottom: -20px
}

.slide-content1:after {
    width: 588px;
    height: 313px;
    margin-bottom: -313px;
    background: url(../images/slideshow/ribbon_slider.png) no-repeat;
    content: "";
    display: block;
    position: relative;
    top: -274px;
    left: 486px
}

.slide-content1 hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.slide-content2 {
    position: relative;
    bottom: 75px
}

.slide-content2 h1 {
    font-size: 48px;
    line-height: 48px
}

.slide-content3 {
    float: left;
    position: relative;
    top: -100px;
    left: 400px;
    color: #393939
}

.sld3-img {
    position: relative;
    top: 274px
}

.ribbon-slide {
    position: relative;
    top: 209px
}

.ribbon-slide:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 282px;
    border: 94px solid #f07406;
    border-top: 0 solid;
    border-bottom: 30px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    position: relative;
    margin-top: -270px;
    z-index: 777
}

.ribbon-slide h1,
.ribbon-slide h2,
.ribbon-slide h3,
.ribbon-slide h4,
.ribbon-slide p {
    position: relative;
    z-index: 999
}

.ribbon-slide h1 {
    margin: 26px 0 -5px;
    font-size: 70px
}

.ribbon-slide h2 {
    margin-bottom: -5px;
    font-size: 52px
}

.ribbon-slide h3 {
    font-size: 36px
}

.ribbon-slide h4 {
    margin-bottom: -8px
}

.ribbon-slide p {
    margin-top: 24px;
    text-transform: uppercase;
    font-size: 11px
}

.ribbon-slide h3 span.small-month {
    font-size: 18px
}

.slide-content4 {
    width: 83%;
    padding: 48px 0 33px;
    border: 2px solid #fff;
    position: relative;
    top: -81px
}

.slide-content4 hr {
    width: 73%;
    margin: 25px auto 0;
    border-top: 2px solid #fff
}

.slide-content4 h2 {
    text-transform: uppercase
}

.sld-spacing1 {
    font-size: 36px;
    letter-spacing: 6.6px;
    left: 4px;
    position: relative
}

.sld-spacing2 {
    letter-spacing: 2.7px
}

.sld-spacing3 {
    font-size: 36px;
    letter-spacing: 9.2px;
    left: 5px;
    position: relative
}

#homepage4 .uk-dotnav {
    top: -77px
}

#homepage4 .slide-content1 {
    bottom: 19px
}

#homepage4 .slide-content4 {
    top: -102px
}

#homepage4 .slide-content3 {
    top: -120px
}

#homepage4 .sld3-img {
    top: 235px
}

#homepage4 .slide-content2 {
    bottom: 95px
}


/* [ 1.16. blog ] */

.blog-wrapper {
    padding: 36px 40px 40px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 70px
}

.blog-wrapper h2 a,
blog-wrapper h2 a:visited {
    color: #0090cf
}

.blog-wrapper h2 a:hover {
    text-decoration: none;
    color: #009fe5
}

.blog-wrapper a.uk-button {
    float: right;
    position: relative;
    bottom: -15px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

.blog-wrapper .blog-slider,
.blog-wrapper .selfhost-video,
.blog-wrapper .blog-quote,
.blog-wrapper .iframe-video,
.blog-wrapper .blog-link,
.blog-wrapper .blog-picture {
    margin-top: 10px;
}

.blog-wrapper .blog-audio {
    margin-top: 20px;
}

.blog-slider img,
.blog-picture img {
    width: 100%;
}

.iframe-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 33px;
    overflow: hidden;
}

.iframe-video iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-quote {
    background-image: url("../images/bg_quote.gif");
    background-repeat: repeat-y;
    border: solid 1px #dedede;
    padding: 29px 30px 0px 40px;
    position: relative;
}

.blog-quote blockquote {
    border-left: none;
    margin-bottom: 15px;
    padding-bottom: 1px;
    padding-left: 0px;
}

.blog-quote blockquote cite {
    line-height: 55px;
}

.blog-link {
    background: #f3f3f3;
    padding: 33px 20px;
    text-align: center;
}

.blog-link a {
    font-family: "Georgia", serif;
    font-style: italic;
    font-size: 16px;
    color: #979696;
}

ul.post-info {
    margin-top: 28px;
    border-top: 1px solid #e1e1e1;
}

ul.post-info li {
    font-size: 14px;
    color: #393939;
    margin: 27px 25px 25px 0;
    display: inline-block
}

ul.post-info li i {
    position: relative;
    top: -1px;
    margin-right: 6px
}

ul.post-info li a,
ul.post-info li a:visited {
    color: #393939;
    text-decoration: none
}

.post-type {
    width: 49px;
    height: 49px;
    font-size: 22px;
    line-height: 48px;
    text-align: center;
    color: #7e7d7d;
    background: #fff;
    margin-top: -119px;
    float: right;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
}

#aside-btn {
    font-size: 18px
}

.panel-popular {
    padding: 30px
}

#sharing-wrapper {
    margin-top: 40px;
    padding-top: 45px;
    border-top: 2px solid #e8e8e8
}

ul.social-share {
    margin: -3px 0 0;
    float: right
}

ul.social-share li {
    font-size: 16px;
    display: inline-block;
    margin-left: 10px
}

ul.social-share li a,
ul.social-share li a:visited {
    color: #939292
}

ul.uk-comment-list {
    margin-bottom: 60px
}

.avatar {
    width: 60px;
    height: 60px;
    margin-top: 30px;
    background-color: #e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.avatar img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.comment-text {
    margin: -64px 0 20px 90px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e8e8e8
}

.comment-text h6.subheader {
    font-size: 12px;
    font-weight: 300;
    color: #939292;
    margin-top: -12px
}

.comment-text a.uk-button {
    font-size: 10px;
    padding: 2px 15px 3px;
    margin-top: -69px;
    float: right
}

form#comment-form {
    margin: 15px 0 25px
}

form#comment-form label {
    width: 15%;
    margin-top: 10px;
    float: left
}

form#comment-form input {
    width: 55%;
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0;
    float: left
}

form#comment-form textarea {
    width: 75%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}

form#comment-form em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}


/* [ 1.17. pagination ] */

.uk-pagination > li > a,
.uk-pagination > li > span {
    padding: 8px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}


/* [ 1.18. parallax ] */

#bg-parallax1 {
    height: 520px
}

#bg-parallax2 {
    height: 570px
}


/* [ 1.19. widget ] */

ul#flck-thumb {
    margin: -26px -17px 0 -7px
}

ul#flck-thumb div.no-image {
    display: none
}

.thumbs {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.thumbs div {
    width: 89px;
    height: 89px;
    list-style: none;
    float: left;
    margin: 0 8px 16px
}

.thumbs div img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.thumbs div a img {
    border: none
}

#map {
    width: 100%;
    height: 320px;
    background: #f6f6f6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left
}

#newsletter-bg-img {
    background: #444 url(../images/bg_newsletter.png) no-repeat center top
}

form#newsletter-form input {
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0
}


/* [ 1.20. list ] */

ul.uk-inline-icon {
    padding: 0;
    float: left
}

.uk-inline-icon > li {
    list-style-type: none;
    display: inline;
    color: #0090cf;
    border-right: 1px solid #ddd;
    padding-right: 22px;
    margin-right: 22px
}

.uk-inline-icon > li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.uk-inline-icon > li i {
    margin-right: 8px;
    font-size: 22px;
    position: relative;
    top: 2px
}

.uk-list-line > li:nth-child(n+2) {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ddd
}

.uk-list-line > li a,
.uk-list-line > li a:visited {
    color: #939292
}

.uk-list-line > li a:hover {
    color: #009FE5;
    text-decoration: none
}


/* [ 2.1. index.html - Home 1 ] */

#get-started-wrap {
    height: 84px;
    background: #83a531;
    color: #fff
}

#get-started-wrap a {
    margin-left: 56px;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    position: relative;
    top: 30px
}

#get-started-wrap a:hover {
    text-decoration: none
}

#get-started-wrap a i {
    font-size: 18px;
    margin-left: 13px
}

.price-start {
    padding: 7px 39px 5px 36px;
    background: #9bc23c;
    float: left
}

.price-start h1 {
    color: #fff;
    margin-bottom: 0
}

.price-start p {
    margin-bottom: -29px
}

#domain-search input,
#domain-search select {
    height: 84px;
    padding: 4px 22px 4px 0;
    font-size: 18px;
    color: #b6b6b6;
    border: none;
    border-bottom: 2px solid #e8e8e8
}

#domain-search input {
    background: #fafafa;
    padding: 4px 22px;
    border-left: 2px solid #e8e8e8
}

#domain-search2 input,
#domain-search2 select,
#domain-search4 input,
#domain-search4 select,
#domain-search5 input,
#domain-search5 select {
    height: 84px;
    padding: 4px 22px;
    font-size: 18px;
    color: #b6b6b6;
    border: none;
    border-bottom: 2px solid #d4d4d4
}

#domain-search5 input,
#domain-search5 select {
    font-size: 14px;
    height: 56px;
}

#domain-search4 input,
#domain-search5 input {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

#domain-search4 select,
#domain-search5 select {
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

#domain-search3 input[type="text"] {
    height: 44px;
    margin-top: 5px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#domain-search4 {
    margin-bottom: -42px;
    position: relative;
    top: -42px
}

#domain-search5 {
    margin-top: 40px;
    position: relative;
}

#domain-search3 button {
    margin: 18px 0 15px
}

#domain-search3 input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0 2px 10px 0;
    position: relative;
    top: 3px
}

#domain-search3 label {
    margin-right: 10px
}

#domain-search input:focus {
    background: #f0fafe;
}

#domain-search input {
    width: 59%
}


/* IE11 fix */

_:-ms-fullscreen,
:root #domain-search input {
    width: 60.6%
}

#domain-search2 input {
    width: 69.3%
}

#domain-search4 input {
    width: 82.13%
}

#domain-search5 input {
    width: 58.13%
}

#domain-search select,
#domain-search2 select,
#domain-search4 select,
#domain-search5 select {
    margin-left: -3px;
    padding: 4px 40px 4px 19px;
    background: #f3f3f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}


/* IE11 fix */

select::-ms-expand {
    display: none;
}

#domain-search i.uk-icon-chevron-down,
#domain-search2 i.uk-icon-chevron-down,
#domain-search4 i.uk-icon-chevron-down,
#domain-search5 i.uk-icon-chevron-down {
    font-size: 11px;
    color: #b6b6b6;
    position: relative;
    left: -38px
}

#domain-search button {
    width: 86px;
    height: 84px;
    margin-left: -19px;
    background: #0090cf;
    border-bottom: 2px solid #0081ba
}

#domain-search2 button {
    width: 86px;
    height: 84px;
    margin-left: -19px;
    background: #01838F;
    border-bottom: 2px solid #01838F
}

#domain-search4 button,
#domain-search5 button {
    width: 86px;
    height: 84px;
    margin-left: -19px;
    background: #0090cf;
    border-bottom: 1px solid #0081ba
}

#domain-search5 button {
    height: 56px;
}

#domain-search4 button,
#domain-search5 button {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

#domain-search button.uk-icon-search,
#domain-search2 button.uk-icon-search,
#domain-search4 button.uk-icon-search,
#domain-search5 button.uk-icon-search {
    font-size: 22px;
    color: #fff
}

#domain-search5 button.uk-icon-search {
    font-size: 16px;
    color: #fff
}

.section-grey {
    background: #f4f4f4
}

.section-blue {
    background: #03A9F4;
}

.section-green {
    background: #91b53a
}

.section-green2 {
    background: #9bc23c
}

.content-bg1 {
    height: 530px;
    background: url(../images/sample/content_bg1.jpg) no-repeat
}

.content-bg2 {
    height: 528px;
    background: url(../images/sample/content_bg2.jpg) no-repeat right
}

.notebook-align {
    position: relative;
    top: 17px;
    right: -60px;
    float: right
}

.feature-wrap {
    max-width: 464px;
    margin-left: 76px
}

.feature-wrap2 {
    max-width: 557px
}

.feature-wrap2.uk-float-right {
    margin-right: 35px
}

.feature-wrap2.uk-float-left {
    margin-left: 0
}

#mobile-partner-logo {
    margin-left: -40px !important;
}

.partner-logo {
    width: 190px;
    margin: 55px 0 30px
}


/* [ 2.2. index-layout2.html - Home 2 ] */

.idz-panel-logo,
.idz-panel-domain,
.idz-panel-domain.alt {
    height: 110px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px rgba(232, 232, 232, 1);
    -moz-box-shadow: inset 0 0 0 2px rgba(232, 232, 232, 1);
    box-shadow: inset 0 0 0 2px rgba(232, 232, 232, 1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

.idz-panel-domain.alt {
    height: 76px;
}

.idz-panel-logo .uk-vertical-align-middle {
    width: 100%;
}

.idz-panel-logo img {
    width: 70%;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.idz-panel-domain img {
    width: 90%;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    position: relative;
    top: -12px
}

.idz-panel-logo:hover img,
.idz-panel-domain:hover img {
    opacity: 1
}

.idz-panel-domain-green {
    height: 110px;
    background: #9bc23c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: center
}

.idz-panel-domain-green.alt {
    height: 70px;
}


/* [ 2.3. index-layout3.html - Home 3 ] */

.datacenter-location {
    max-height: 510px;
    margin-top: 38px
}

.datacenter-location img {
    width: 75%
}

.datacenter-location .marker {
    width: 29px;
    height: 37px;
    background: url(../images/sample/datacenter_marker.svg) no-repeat;
    display: inline-block;
    position: relative
}

#newark {
    top: -365px;
    left: 385px
}

#louisville {
    top: -290px;
    left: 215px
}

#denver {
    top: -320px;
    left: -90px
}

#dallas {
    top: -170px;
    left: -10px
}

#sanfranscisco {
    top: -330px;
    left: -410px
}

#irvine {
    top: -250px;
    left: -410px
}

.quick-info {
    font-size: 28px
}

.quick-info i.uk-icon-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #0090cf;
    color: #fff;
    font-size: 28px;
    transition: all .5s ease
}

.quick-info:hover i.uk-icon-button {
    background: #9bc23c
}

.quick-info:hover a {
    color: #9bc23c
}

.quick-info a {
    color: #0090cf;
    text-decoration: none;
    position: relative;
    top: 25px;
    transition: all .5s ease
}

.product-box {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.product-box img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}


/* [ 2.4. index-layout4.html - Home 4 ] */

.people-align {
    margin-top: -45px;
    position: absolute
}

.app-list li {
    margin: 10px 0 14px 21px;
    padding: 20px;
    display: inline-block;
    list-style: none;
    width: 60px;
    height: 60px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 2px rgba(126, 159, 46, 1);
    -moz-box-shadow: inset 0 0 0 2px rgba(126, 159, 46, 1);
    box-shadow: inset 0 0 0 2px rgba(126, 159, 46, 1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.app-list li div.uk-vertical-align-middle {
    width: 100%;
}

.app-list li:nth-child(4n+1) {
    margin-left: 0
}

.app-list li img {
    width: 85%
}

.domain-list li {
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 24px;
    line-height: 55px
}

.domain-list li a.uk-button {
    margin-top: 11px
}


/* [ 2.5. shared.html ] */

.section-black {
    background: #222
}

.specs-bg-img {
    background: url(../images/bg_specs.png) no-repeat 4.3% bottom
}


/* [ 2.6. cloud.html ] */

.section-purple {
    background: #a881c9;
    background: -moz-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a881c9), color-stop(100%, #61a0d6));
    background: -webkit-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: -o-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: -ms-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: linear-gradient(to bottom, #a881c9 0%, #61a0d6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a881c9', endColorstr='#61a0d6', GradientType=0)
    /* IE6-9 */
}

.abstract-bg-img {
    background: url(../images/bg_abstract.png) no-repeat center bottom
}


/* [ 2.7. dedicated.html ] */

.idz-dedicated-pricing {
    border-bottom: 1px solid #d3d3d3
}

.idz-dedicated-pricing thead th,
.idz-dedicated-pricing tr td {
    text-align: center
}

.idz-dedicated-pricing thead th {
    font-size: 18px;
    font-weight: 400;
    color: #393939;
    padding-bottom: 22px;
    border-bottom: 1px solid #d3d3d3
}

.idz-dedicated-pricing tr td {
    line-height: 18px;
    vertical-align: middle;
    font-size: 16px;
    padding: 18px 0
}

.idz-dedicated-pricing tr td.dct-cpu {
    padding-left: 20px;
    font-weight: 400;
    color: #0090cf
}

.idz-dedicated-pricing tr td.dct-cpu img {
    margin-bottom: 5px
}

.idz-dedicated-pricing tr td img.intel-logo {
    width: 40px
}

.idz-dedicated-pricing tr td img.amd-logo {
    width: 60px
}

.idz-dedicated-pricing tr td.dct-price {
    font-size: 22px;
    font-weight: 400;
    color: #0090cf
}

.idz-dedicated-pricing tr td.dct-button {
    padding-right: 20px
}

.idz-dedicated-pricing tr td.dct-button a.uk-button {
    position: relative;
    top: -2px
}

.features-bg-img {
    background: url(../images/bg_features.png) no-repeat 4.3% bottom
}

.uk-grid-divider > [class*='uk-width-large-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-9-']:nth-child(n+2) {
    border-left: 2px solid #e8e8e8
}

hr.uk-grid-divider:empty {
    border-top: 2px solid #e8e8e8
}


/* [ 2.8. client-area.html ] */

ul#client-area-tab.uk-tab {
    margin: -20px -22px 0 -25px;
    border-bottom: none
}

ul#client-area-tab.uk-tab-grid:before {
    border-top: none
}

ul#client-area-tab.uk-tab > li > a {
    font-size: 16px;
    padding: 22px 12px 24px;
    border: none;
    border-radius: 0
}

ul#client-area-tab.uk-tab > li:not(.uk-active) > a:hover {
    margin-bottom: 0
}

ul#client-area-tab.uk-tab > li.uk-width-large-1-2 {
    margin-right: -2px
}

#client-area .uk-modal-caption a {
    color: #fff
}

#signin-account,
#create-account {
    padding: 22px 16px
}

#signin-account .uk-form-icon,
#signin-account input[type="text"],
#create-account .uk-form-icon,
#create-account input[type="text"] {
    width: 100%
}

#signin-account .uk-form-icon > [class*='uk-icon-'],
#create-account .uk-form-icon > [class*='uk-icon-'] {
    left: 8px;
    margin-top: -17px
}

#signin-account .uk-form-icon:not(.uk-form-icon-flip) > input,
#create-account .uk-form-icon:not(.uk-form-icon-flip) > input {
    padding-left: 38px!important
}

#signin-account input[type="text"],
#create-account input[type="text"] {
    height: 44px;
    margin-bottom: 20px;
    padding: 4px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#signin-account input[type="checkbox"],
#create-account input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0 2px 10px 0;
    position: relative;
    top: 3px
}

#signin-account .uk-button,
#create-account .uk-button {
    margin: 18px 0 -15px
}

.account-hr {
    margin: 18px 0
}

#account-box a:hover {
    text-decoration: none
}

.idz-panel.account h4 {
    margin-top: -4px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

.idz-panel.account h1 {
    width: 60px;
    height: 60px;
    margin-bottom: 2px;
    font-size: 44px;
    line-height: 60px;
    text-align: center;
    border: 2px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.panel-promo i {
    margin-right: 25px;
    float: left
}

.panel-promo h2 {
    margin-top: 2px
}

#active-services:after,
#active-domain:after,
#due-invoices:after,
#open-tickets:after {
    font-family: FontAwesome;
    font-size: 90px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.1);
    margin-top: -40px;
    float: right
}

#active-services:after {
    content: "\f058"
}

#active-domain:after {
    content: "\f0c1"
}

#due-invoices:after {
    content: "\f0d6"
}

#open-tickets:after {
    content: "\f0c5"
}

#notif-icon {
    border-right: 1px solid #d2d2d2;
    margin: 11px 35px 0 0;
    padding-right: 4px
}

#notif-icon li {
    width: 42px;
    display: inline;
    margin-right: 10px;
    list-style: none;
    float: left
}

#notif-icon li a,
#notif-icon li a:visited {
    color: #a8a8a8
}

#notif-icon li i {
    font-size: 18px
}

#notif-icon li .uk-badge {
    position: relative;
    top: 3px;
    left: -10px
}

#notif-icon li .uk-badge {
    font-size: 9px;
    font-weight: 400;
    line-height: 16px
}

#notif-icon li .uk-badge-notification {
    min-width: 16px
}

ul.overview-list {
    margin-top: -9px
}

.overview-list li {
    border-bottom: 1px solid #ddd;
    line-height: 44px
}

.overview-list li:last-child {
    border-bottom: none
}

.overview-list li .uk-badge {
    position: relative;
    top: 12px
}


/* [ 2.9. contact.html ] */

#contact-form-wrapper {
    border-top: 2px solid #e8e8e8;
    width: 100%;
    margin-top: 30px;
    padding-top: 40px;
    float: left
}

#contact-form-wrapper .uk-alert {
    padding-top: 14px;
    padding-bottom: 15px
}

form#contact-form label {
    width: 15%;
    margin-top: 10px;
    float: left;
    clear: both
}

form#contact-form input {
    width: 55%;
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0;
    float: left
}

form#contact-form textarea {
    width: 75%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}

form#contact-form button {
    background: #0090cf;
    color: #fff;
    float: left
}

form#contactform em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}

.loading {
    font-size: 13px;
    height: 20px;
    background: url(../images/loading.gif) 0 4px no-repeat;
    margin: 7px 0 0 12px;
    padding: 0 0 0 23px;
    color: #797979;
    float: left
}


/* [ 2.10. feature.html ] */

ul.hosting-apps li {
    width: 33.33%;
    height: 66px;
    margin: 0 -1px 0 0;
    display: inline-block;
    list-style-type: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left
}

ul.hosting-apps li:nth-child(3n) {
    border-right: none
}

ul.hosting-apps li:nth-child(n+4) {
    border-bottom: none
}

ul.hosting-apps li img {
    width: 30px;
    margin: 18px 5px 18px 26px
}

.feature-ic-section {
    text-align: center;
    padding: 22px 12px!important;
    color: #fff
}

.feature-ic-section i {
    font-size: 48px
}

.feature-ic-section p {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    position: relative;
    top: 3px
}

ul.hosting-apps {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    float: left
}


/* [ 2.11. sitemap.html ] */

.sitemap-wrap li a,
.sitemap-wrap li a:visited {
    color: #939292;
    text-decoration: none
}


/* [ 2.12. 404.html ] */

.error404-wrap {
    margin-bottom: 30px
}

.error404-wrap h1 {
    font-size: 48px
}

.error404-wrap h1 i {
    font-size: 72px
}

.error404-wrap ul.uk-inline-icon {
    margin-top: 0;
    padding-bottom: 10px
}

.error404-wrap ul.uk-inline-icon li {
    padding-left: 20px;
    float: left
}

.error404-wrap .uk-inline-icon > li:nth-child(n+2) {
    margin-left: -5px
}

.error404-wrap ul.uk-inline-icon li a {
    color: #fff
}

.error404-wrap ul.uk-inline-icon li:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f138";
    position: absolute;
    margin-left: -20px;
    color: #fff
}


/* [ 2.13. icon-list.html ] */

ul#icon-tablist li ul li .panel-border {
    -webkit-box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 1);
    -moz-box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 1);
    box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 1)
}

ul#icon-tablist li ul li pre {
    background: #f3f3f3;
    margin-bottom: -32px;
    padding: 8px 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 10px;
    font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
    position: relative;
    top: -32px
}


/* [ 2.14. domain-pricing.html ] */

.idz-domain-pricing {
    border-bottom: 1px solid #d3d3d3
}

.idz-domain-pricing thead th,
.idz-domain-pricing tr td {
    text-align: center
}

.idz-domain-pricing thead th {
    font-size: 18px;
    font-weight: 400;
    color: #393939;
    padding-bottom: 22px;
    border-bottom: 1px solid #d3d3d3
}

.idz-domain-pricing tr td {
    line-height: 18px;
    vertical-align: middle;
    font-size: 16px;
    padding: 10px 0
}

th.idz-domain-tld {
    width: 160px;
}

th.idz-domain-price {
    width: 200px;
}

th.idz-domain-register {
    width: 200px;
}

.idz-domain-pricing tr td.idz-domain-tld {
    font-size: 22px;
    font-weight: 400;
    color: #0090cf
}

.idz-domain-pricing tr td.idz-domain-tld i {
    margin-right: 4px;
    font-size: 18px;
    color: #0090cf;
}

.idz-domain-pricing tr td.idz-domain-tld {
    text-align: left;
    padding-left: 28px;
}

.idz-domain-pricing tr td.idz-domain-register {
    text-align: right;
    padding-right: 28px;
}


/* [ 3. footer ] */

footer {
    padding: 60px 0 0;
    background: #f4f4f4
}

.footer-bg-img {
    background: url(../images/bg_footer.png) no-repeat 91% bottom
}

footer .uk-list li a {
    color: #939292
}

footer .uk-list li a:hover {
    color: #0090cf;
    text-decoration: none
}

footer hr {
    border: 1px solid #e2e2e2;
    margin: 28px 0 32px
}

#footer-social ul {
    margin: 20px 0;
    padding: 0
}

#footer-social ul li {
    margin-right: 20px;
    display: inline
}

#footer-social ul li a {
    font-size: 20px;
    color: #c4c3c3
}

#footer-social ul li a:hover {
    color: #aeaeae
}

#logo-footer {
    width: 117px;
    margin-bottom: 18px
}


/* IE11 fix */

_:-ms-fullscreen,
:root #logo-footer {
    height: 37px;
}

.copyright-wrap {
    font-size: 13px;
    padding-bottom: 21px
}

#payment-list {
    float: right
}

#payment-list ul {
    margin: 0;
    padding: 0
}

#payment-list ul li {
    font-size: 28px;
    margin-left: 8px;
    display: inline
}

#payment-list ul li i {
    color: #aeaeae
}

#payment-list ul li p {
    margin-right: 3px;
    font-size: 13px;
    float: left
}

.to-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 70px;
    right: 20px;
    text-align: center;
    background: #0288D1;
    border-radius: 300px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    display: none
}

.to-top:hover {
    color: #fff
}
Répondre
team-off 1125Messages postés mercredi 1 avril 2015Date d'inscription 5 septembre 2017 Dernière intervention - 5 sept. 2017 à 02:19
j'ai test ça désoler pour le double post, ça fonctionne
.pricing-column2 {
    background: #03A9F4;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 30px;
    position: relative;
	box-sizing: border-box;
	 border:1em solid #181818;
	border-width: 3px ;
	margin-bottom: 1px;		/*0288d1*/
}
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !