@charset "utf-8";
/* CSS Document */

/*
Site Name: Rapidenet.ca
Version: 1.0.1
Author: Patrick Lincourt
Author URI: https://www.rapidenet.ca/
*/

/******************  Table of Contents  *****************************
0.0 Global
0.1 Price Box
0.2 Domain Search
0.3 Wordpress Promo
0.4 Joomla Promo
0.5 Prestashop Promo
0.6 Texte Promo
0.7 Entreprise Promo
0.8 Triple Row
0.9 Progress Bar
0.10 Accordion
0.11 BrandSlider
0.12 Icon Set
0.13 Split
0.14 Full Width
0.15 Promo Orange
0.16 Full Width Top

1.0 Index
1.1 IndexSlider
1.2 Testimonial

2.0 Hébergement Web
2.1 HostingCarousel

3.0 Nom de domaine
3.1 Table Domaine
3.2 FAQ

4.0 Revendeur

5.0 Serveur dédié

6.0 Shoutcast

7.0 Certificat SSL
7.1 Promo Triple

8.0 Désinfection
8.1 Table Antivirus

9.0 Proxy

10.0 Wordpress / Joomla / Prestashop
10.1 Features

11.0 Zone Client
11.1 Clients Box
*/

/*========== 0.0 Global ==============*/
.PageHead {
    margin-top: 50px;
}

.footerlinks ul li a h2 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
}
.couleurRapidenet{
	color: #F26E45;	
}
.btn-rapidenet{
	background-color: #F26E45;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 #666;
	transition: background-color 0.1s ease-in-out;
}
.btn-rapidenet:hover{
	background-color: #d63e0e;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 #666;
}
.btn-rapidenet2{
	background-color: #232a31;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 #666;
	transition: background-color 0.1s ease-in-out;
}
.btn-rapidenet2:hover{
	background-color: #F26E45;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 #666;
}
.btn-rapidenet2:focus{
	background-color: #232a31;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 #666;
}
/*===============MODAL MOD===============*/
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px!important;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
.modal-header {
    padding: 10px 30px;
    padding-right: 15px;
    background-color: #eeeeee;
    border-radius: 4px;
}
.modal-body{
	padding: 30px!important;
}
.modal-body ul{
	padding-inline-start: 20px!important;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
/*========== 0.1 Price Box ==============*/
.PlanBox {
    margin: 90px 0px 60px 0px;
    transition: all 0.6s ease;
}

@media (min-width: 767px) {
/*    .PlanBox:hover {
        transform: scale(1.1);
        z-index: 2;
    }
*/
}

.PlanBox .PlanName {
    background: #202b34;
    padding-top: 50px;
    padding-bottom: 10px;
    text-align: center;
}

.PlanBox .Price {
    background: #F26E45;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
    border-radius: 100%;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 90px;
    margin: 0 auto;
    position: relative;
    margin-top: -100px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 0px #c85c3b;
}

.PlanBox .PlanName h3 {
    color: #FFF;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
}

.PlanBox .PlanName p {
    color: #999;
    text-align: center;
    font-weight: bold;
}

.PlanOrange {
    background-color: #F26E45;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.PlanOrange span {
    font-size: 18px;
    font-weight: bold;
}

.PlanBox .PlanFeatures {
    background: #e8e9ea;
    text-align: center;
    padding: 10px;
}

.PlanBox .PlanFeatures ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.PlanBox .PlanFeatures ul li {
    padding: 13px 0;
    list-style: none;
}

.PlanBox p {
    margin: 0;
}

.PlanBox .btn {
    width: 100%;
    border-radius: 0;
    margin: 0;
    font-weight: bold;
    box-sizing: border-box;
}


/*========== 0.2 Domain Search ==============*/
.wapperDomainTitle {
    margin-top: 0px;
    padding: 20px 0px;
    background-color: #232a31;
}

.DomainTitle {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.DomainPromo {
    color: #F26E45;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

.DomainTitle:after {
    content: "";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #232a31 transparent;
}

.wrapperDomainForm {
    padding: 40px 0px;
    background-color: #F26E45;
}

.wrapperDomainForm select, .wrapperDomainForm input[type=text] {
    padding: 10px;
    height: 50px;
}

.DomainFormSubmit {
    margin-top: 25px;
    text-align: center;
}

.DomainSubmitBtn {
    padding: 15px;
    border: 5px solid #232a31;
    background-color: #232a31;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

/*.DomainSubmitBtn:hover {
    color: #232a31;
    background-color: #22BA5F;
    border: 5px solid #22BA5F;
    color: #fff;
    font-weight: bold;
}
*/
/*==================Promo====================*/
.btn-promo{
	background-color: #00BB2D;
	font-weight: bold;
	color:#ffffff!important;
	text-transform: uppercase;
    text-shadow: 0 1px 0 #666;
    border: none!important;
	padding: 3px 10px!important;
}
.btn-promo:hover{
	background-color: #F26E45!important;
    border: none!important;
}
/*==========0.3 Wordpress Promo==============*/
.wrapperWordpress {
    background-color: #202b34;
}

.wrapperWordpressInfo {
    height: 300px;
    padding: 40px;
}

.wrapperWordpressTitle {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.wrapperWordpressTitle2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.wrapperWordpressTitle span {
    color: #F26E45;
}

.wrapperWordpressInfo p {
}

.wrapperWordpressInfo2 a {
    float: left;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    border: 0px solid #F26E45;
    color: #F26E45;
}

.wrapperWordpressInfo a {
    float: left;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    border: 2px solid #F26E45;
    color: #00BB2D;
    font-weight: bold;
}

.wrapperWordpressInfo a:hover {
    color: #F26E45;
    border: 2px solid #F26E45;
    text-decoration: none;
}

@media (min-width: 767px) {
    .wrapperWordpress {
        background: url(/images/banner-wordpress.webp) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperWordpress2 {
        background: url(/images/banner-wordpress2.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperdatacenter {
        background: url(/images/hebergeur-web-datacenter2.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperdatacenter2 {
        background: url(/images/hebergeur-web-datacenter3.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperdatacenter7 {
        background: url(/images/hebergeur-web-datacenter7.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperdatacenter4 {
        background: url(/images/hebergeur-web-datacenter4.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperantispam2 {
        background: url(/images/antispam.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

}

@media (max-width: 766px) {
/*    .wrapperWordpress {
        border-bottom: 2px solid #F26E45;
	border-top: 2px solid #F26E45;
    }
*/
}

/*========== 0.4 Joomla Promo ==============*/
.wrapperJoomla {
    background-color: #202b34;
}

.wrapperJoomlaInfo {
    height: 300px;
    padding: 40px;
}

.wrapperJoomlaTitle {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.wrapperJoomlaTitle span {
    color: #F26E45;
}

.wrapperJoomlaInfo p {
}

.wrapperJoomlaInfo a {
    float: left;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    color: #00BB2D;
    font-weight: bold;
}

.wrapperJoomlaInfo a:hover {
    color: #F26E45;
    border: 2px solid #F26E45;
    text-decoration: none;
}

@media (min-width: 767px) {
    .wrapperJoomla {
        background: url(/images/banner-joomla.webp) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperJoomla2 {
        background: url(/images/banner-joomla2.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperjoomdatacenter7 {
        background: url(/images/hebergeur-web-datacenter7.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperjoomdatacenter8 {
        background: url(/images/hebergeur-web-datacenter8.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperjoomdatacenter6 {
        background: url(/images/hebergeur-web-datacenter6.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }
}

@media (max-width: 766px) {
/*    .wrapperJoomla {
        border-bottom: 5px solid #F26E45;
    }
*/
}

/*========== 0.5 Prestashop Promo ==============*/
.wrapperPrestashop {
    margin-top: 0px;
    background-color: #202b34;
}

.wrapperPrestashopInfo {
    height: 300px;
    padding: 40px;
}

.wrapperPrestashopTitle {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.wrapperPrestashopTitle span {
    color: #F26E45;
}

.wrapperPrestashopInfo p {
}

.wrapperPrestashopInfo a {
    float: left;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    border: 2px solid #F26E45;
    color: #00BB2D;
    font-weight: bold;
}

.wrapperPrestashopInfo a:hover {
    color: #F26E45;
    border: 2px solid #F26E45;
    text-decoration: none;
}

@media (min-width: 767px) {
    .wrapperPrestashop {
        background: url(/images/banner-prestashop.webp) 50% 100% no-repeat;
	background-color: #202A33;
    }

    .wrapperPrestashop2 {
        background: url(/images/banner-prestashop2.jpg) 50% 100% no-repeat;
	background-color: #202A33;
    }
}

@media (max-width: 766px) {
/*    .wrapperPrestashop {
        border-bottom: 5px solid #F26E45;
    }
*/
}

/*========== 0.6 Texte Promo ==============*/
.wrapperTextPromo {
    background-color: #fff;
    margin-top: 40px;
}

.TextPromoTitle {
    margin-bottom: 15px;
    color: #202b34;
    font-size: 46px;
    font-weight: bold;
    line-height: 1.1;
}

.TextPromoTitle span {
    color: #F26E45;
}

.TextPromoSquare {
    float: left;
    margin: 15px 0px;
    padding: 20px;
    border: 5px solid #F26E45;
    color: #F26E45;
    font-size: 32px;
    font-weight: bold;
}

.TextPromoText {
    margin-bottom: 30px;
}

@media (max-width: 766px) {
    .TextPromoTitle {
        text-align: center;
    }

    .TextPromoText {
        text-align: left;
    }

    .TextPromoSquare {
        float: none;
        text-align: center;
    }
}

/*========== 0.7 Entreprise Promo ==============*/
.EntrepriseTitle {
    margin: 30px 0px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.EntrepriseTitle span {
    color: #F26E45;
}

.EntreprisePromo {
    float: left;
    margin: 15px 0px;
    padding: 10px;
    border: 2px solid #F26E45;
    color: #F26E45;
    font-size: 16px;
    font-weight: bold;
}

.EntreprisePromo:hover {
    color: #F26E45;
    border: 2px solid #F26E45;
    text-decoration: none;
}

.EntrepriseList {
    list-style: none;
    padding-left: 20px;
}

.EntrepriseList li {
    margin-bottom: 5px;
    color: #fff;
}

.EntrepriseList li span {
    float: left;
    margin-left: -20px;
    color: #F26E45;
}

@media (min-width: 767px) {
    .wrapperEntreprise {
        background: url(/images/banner-entreprise.webp) 50% 100% no-repeat;
        min-height: 425px;
        background-color: #202b34;
    }
}

@media (max-width: 766px) {
    .wrapperEntreprise {
        min-height: 225px;
        background-color: #202b34;
    }

    .EntreprisePromo {
        width: 100%;
        text-align: center;
    }
}

/*========== 0.75 Clients Promo ==============*/
.ClientsTitle {
    margin: 30px 0px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.ClientsTitle span {
    color: #F26E45;
}

.ClientsPromo {
    float: left;
    margin: 15px 0px;
    padding: 10px;
    border: 2px solid #F26E45;
    color: #F26E45;
    font-size: 16px;
    font-weight: bold;
}

.ClientsPromo:hover {
    color: #F26E45;
    border: 2px solid #F26E45;
    text-decoration: none;
}

.ClientsList {
    list-style: none;
    padding-left: 20px;
}

.ClientsList li {
    margin-bottom: 5px;
    color: #fff;
}

.ClientsList li span {
    float: left;
    margin-left: -20px;
    color: #F26E45;
}

@media (min-width: 767px) {
    .wrapperClients {
        min-height: 425px;
        background-color: #202b34;
    }
}

@media (max-width: 766px) {
    .wrapperClients {
        min-height: 225px;
        background-color: #202b34;
    }

    .ClientsPromo {
        width: 100%;
        text-align: center;
    }
}

/*========== 0.8 Triple Row ==============*/
.wrapperTripleRow {
    background-color: #f5f5f5;
}

.TripleRow {
    margin: 30px 0px;
    background-color: #fff;
    transition: all 0.6s ease;
}

@media (min-width: 767px) {
/*    .TripleRow:hover {
        transform: scale(1.1);
        z-index: 2;
    }
*/
}

.TripleRow img {
    border-bottom: 0px solid #F26E45;
}

.TripleRowContent {
    position: relative;
    padding: 50px 15px 30px 15px;
    text-align: center;
}

.TripleRowContent img {
    position: relative;
    margin-top: -100px;
    border-bottom: 0px;
}

.TripleRowTitle {
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

/*========== 0.9 Progress Bar ==============*/
.progress {
    height: 42px;
    margin-bottom: 22px;

    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;

    background-color: #edeeee;

    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -o-box-shadow: 0 0 0 0;
    -ms-box-shadow: 0 0 0 0;
    -khtml-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;

    font-size: 14px;
    font-weight: 700;
}

.progress .progress-bar {
    text-align: left;
    padding-left: 10px;
    line-height: 42px;
    font-size: 14px;
    font-weight: normal;
    background-color: #F26E45;
}

/*========== 0.10 Accordion ==============*/
.wrapperAcordion {
    background-color: #fff;
    margin-top: 40px;
}

.panel {
    border: 0px !important;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #f3f3f3;
}

.panel-default > .panel-heading {
    padding: 15px;
    background-color: #f3f3f3;
}

.active > .panel-heading {
    color: #fff;
    background-color: #333;
}

.active > .panel-heading .panel-title a {
    color: #fff;
}

.panel-title a {
    font-weight: normal;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.panel-title a:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #F26E45;
    overflow: no-display;
}

.panel-title a.collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    float: right;
    color: #F26E45;
    overflow: no-display;
}

/*========== 0.11 BrandSlider ==============*/
.wrapperBrand {
    margin-top: 30px;
}

.BrandItem {
    padding: 20px;
}

/*========== 0.12 Icon Set ==============*/
.wrapperIconSet {
    margin-top: 60px;
}

.IconSet {
    margin-bottom: 40px;
}

.IconSet span {
    padding-right: 15px;
}

.IconSetTitre {
    font-size: 19px;
    font-weight: bold;
}

.IconSetSousTitre {
    margin-bottom: 15px;
    color: #F26E45;
    font-size: 12px;
}

.IconSet p {
    padding-left: 105px;
}

/*========== 0.13 Split ==============*/
@media (min-width: 767px) {
    .wrapperSplit {
        background: url(/images/banner-split.jpg) 50% 100% repeat-y;
    }
}

.wrapperSplit {
    margin-top: 40px;
    background-color: #232a31;
}

.SplitLeft {
    padding: 70px;
}

.SplitLeftTop {
    padding: 5px 15px;
    background-color: #F26E45;
    color: #232a31;
}

.SplitLeft h2 {
    color: #fff;
    font-size: 42px;
    line-height: 1.1;
}

.SplitLeft h2 span {
    color: #f26e45;
}

.SplitLeft p {
    color: #fff;
}

.SplitRight {
    padding: 70px;
    text-align: right;
    background-color: #F26E45;
}

.SplitRightTop {
    padding: 5px 15px;
    background-color: #232a31;
    color: #F26E45;
}

.SplitRight h2 {
    color: #232a31;
    font-size: 42px;
    line-height: 1.1;
}

.SplitRight h2 span {
    color: #fff;
}

.SplitRight p {
    color: #232a31;
}

/*==========0.14 Full Width==============*/
@media (min-width: 767px) {
    .wrapperFullWidth {
        background: url(/images/banner-nomdedomaine.jpg) 50% 100% no-repeat;
    }
}

@media (max-width: 766px) {
    .wrapperFullWidth {
        border-bottom: 5px solid #F26E45;
    }
}

.wrapperFullWidth {
    margin-top: 0px;
    background-color: #202b34;
    text-shadow: 1px 1px 1px #222;
}

.FullWidthInfo {
    min-height: 300px;
    padding: 40px;
    text-align: center;
}

.FullWidthInfo p {
    color: #fff;
    margin-bottom: 30px;
}

.FullWidthTitle {
    margin-bottom: 20px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.FullWidthTitleOver {
    color: #F26E45;
    font-size: 16px;
    font-weight: normal;
}

.FullWidthInfo a {
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    border: 5px solid #F26E45;
    color: #F26E45;
}

.FullWidthInfo a:hover {
    color: #28b15f;
    border: 5px solid #28b15f;
    text-decoration: none;
}

/*==========0.15 Promo Orange==============*/
.wrapperOrangeTitle {
    margin-top: 40px;
    padding: 20px 0px;
    background-color: #232a31;
}

.OrangeTitle {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.OrangeTitlePromo {
    color: #F26E45;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

.OrangeTitle:after {
    content: "";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #232a31 transparent;
}

.wrapperOrange {
    background-color: #F26E45;
}

.OrangeLeft {
}

.OrangeRight {
    padding: 30px;
}

.OrangeText p {
    color: #202b34;
}

/*==========0.16 Full Width Top==============*/
@media (max-width: 766px) {
    .wrapperFullTop {
        border-bottom: 5px solid #F26E45;
    }
}

.wrapperFullTop {
    margin-top: 0px;
    background-color: #202b34;
    text-shadow: 1px 1px 1px #222;
}

.FullTopInfo {
    padding: 40px;
    text-align: center;
}

.FullTopInfo p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
}

.FullTopTitle {
    margin-bottom: 20px;
    color: #F26E45;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.1;
}

.FullTopTitleOver {
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
}

.FullTopInfo a {
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    border: 5px solid #F26E45;
    color: #F26E45;
}

.FullTopInfo a:hover {
    color: #28b15f;
    border: 5px solid #28b15f;
    text-decoration: none;
}

/*========== 1. Index ==============*/
@media (min-width: 767px) {
    .wrapperFullTopIndex {
        background: url(/images/bannertop-wordpress.webp) 50% 100% no-repeat;
    }
}

/*========== 1.1 IndexSlider ==============*/
.wrapperIndexSlider {
    padding: 40px 0px;
    background: url(../images/header-bg.jpg) no-repeat #202b34;
    color: #fff;
    background-size: cover;
}

.IndexSliderItem {
    padding: 175px 50px;
    text-align: center;
}

.IndexSliderItem h2 {
    font-size: 44px;
}

.IndexSliderItem h3 {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1.1;
}

.IndexSliderItem a {
    display: inline-table;
    padding: 15px;
    border: 5px solid #F26E45;
    color: #F26E45;
    font-size: 24px;
    font-weight: bold;
}

.IndexSliderItem a:hover {
    border-color: #28b15f;
    color: #28b15f;
    text-decoration: none;
}

@media (max-width: 979px) {
    .wrapperIndexSlider {
        padding: 90px 30px;
    }
}

/*========== 1.2 Testimonial ==============*/
.wrapperTestimonialTitle {
    padding: 30px 0px;
    background-color: #F26E45;
}
.wrapperTestimonialTitle2 {
    padding: 10px 0px;
    background-color: #F26E45;
}
.TestimonialTitle {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.TestimonialTitle span {
    color: #333333;
}

.wrapperTestimonial {
    min-height: 500px;
    background-color: #F26E45;
    padding: 20px 0px;
}

.wrapperTestimonial .owl-theme .owl-controls .owl-page span {
    background: #fff !important;
}

.Testimonial {
    margin: 80px 30px 30px;
    text-align: center;
    transition: all 0.6s ease;
}

@media (min-width: 767px) {
    .Testimonial:hover {
        transform: scale(1.1);
        z-index: 2;
    }
}

.TestimonialTop {
    padding-top: 50px;
    padding-bottom: 10px;
    background: #202b34;
    text-align: center;
    border-bottom: 3px solid #F26E45;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.TestimonialTop img {
    position: relative;
    margin-top: -107px;
}

.Testimonial .ClientName {
    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

.Testimonial .ClientWebsite a {
    font-size: 16px;
    color: #F26E45;
    display: block;
    text-decoration: none;
    line-height: normal;
}

.Testimonial .ClientQuote {
    padding: 25px;
    border-bottom: 5px solid #F26E45;
    background: #e8e9ea;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.TestimonialPlus {
    color: #202b34;
    font-size: 42px;
    font-weight: bold;
}

.TestimonialBtn {
    margin-top: 20px;
    display: inline-table;
    padding: 15px;
    border: 5px solid #28b15f;
    background-color: #F26E45;
    color: #fff;
    font-size: 24px;
    font-weight: bold
}

.TestimonialBtn:hover {
    color: #fff;
    background-color: #28b15f;
    text-decoration: none;
}

/*========== 2.0 Hébergement Web ===========*/
@media (min-width: 767px) {
    .wrapperFullTopHebergement {
        background: url(/images/bannertop-joomla.jpg) 50% 100% no-repeat;
    }
}

/*========== 2.1 Hosting Carousel ===========*/
.wrapperHostingCarousel {
    margin-top: 40px;
    margin-bottom: 40px;
}

#hostingCarousel {
}

.hostingCarouselItem {
}

.hostingCarouselItem img {
    max-width: 80%;
    height: auto;
}

.hostingCarouselTitreOver {
    margin-top: 20px;
    color: #F26E45;
    font-size: 16px;
    text-transform: uppercase;
}

.hostingCarouselTitre {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
}

.hostingCarouselItem p {
    text-align: center;
}

.hostingCarouselItem a {
    display: inline-block;
    padding: 15px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 5px solid #e2623c;
    background-color: #fb6d43;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px 0px #e2623c;
}

.hostingCarouselItem a:hover {
    background-color: #e2623c;
    text-decoration: none;
}

@media (min-width: 996px) {
    .owl-theme .owl-controls .owl-buttons div {
        position: absolute;
        display: inline-block;
        padding: 15px 20px;
        border: 5px solid #fb6d43;
        color: #fff;
        font-weight: bold;
        opacity: 1;
        border-radius: 30px;
    }

    .owl-theme .owl-controls .owl-buttons div:hover {
        background-color: #fb6d43;
    }

    .owl-theme .owl-controls .owl-buttons div:hover span {
        color: #fff;
    }

    .owl-theme .owl-controls .owl-buttons span {
        font-size: 18px;
        color: #fb6d43;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 1%;
        top: 40%;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 1%;
        top: 40%;
    }
}

/*========== 3.0 Nom de domaine ==============*/

/*========== 3.1 Price List ==============*/
.tableDomain {
    margin-top: 40px;
    border-collapse: separate;
    border-radius: 25px;
    border-left: 0px;
}

.tableDomain thead tr th {
    vertical-align: bottom;
    height: 75px;
    border-bottom: 5px solid #F26E45;
    background-color: #202b34;
    color: #fff;
    text-align: center;
    font-weight: normal;
}

.tableDomain tbody tr td {
    padding: 15px;
    color: #202b34;
    border-top: 1px solid #ccc;
    text-align: center;
    /*text-shadow: 2px 2px 0px #ddd;*/
}

.tableDomain tbody tr {
    background-color: #ddd;
}

.tableDomain tbody tr:nth-child(even) {
    background-color: #eee;
}

.tableDomain tbody tr td:first-child {
    font-weight: bold;
    text-align: left;
    /*background-color:#F26E45;
    border-top:1px solid #e16844;*/
}

.table-hover tbody tr:hover td {
    background-color: #F26E45;
    border-top-color: #e16844;
}

.tableDomain th:first-child {
    border-radius: 0px 0 0 0;
}

.tableDomain th:last-child {
    border-radius: 0 0px 0 0;
}

.tableDomain tr:last-child td:first-child {
    border-radius: 0 0 0 0px;
}

.tableDomain tr:last-child td:last-child {
    border-radius: 0 0 0px 0;
}

.tableDomain tr:last-child td {
    background-color: #202b34;
    border-top: 5px solid #F26E45;
}

/*========== 3.2 FAQ ==============*/
.wrapperFAQ {
    background-color: #fff;
    margin-top: 40px;
}

.FAQTitle {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: bold;
}

/*========== 6.0 Shoutcast ==============*/
@media (min-width: 767px) {
    .ShoutcastBackground {
        background: url(/images/banner-shoutcast.jpg) 50% 100% no-repeat;
    }
}

/*========== 7.0 Certificat SSL ==============*/
@media (min-width: 767px) {
    .wrapperFullTopSsl {
        background: url(/images/bannertop-ssl.jpg) 50% 100% no-repeat;
    }
}

/*========== 7.1 Promo Triple ==============*/
.wrapperPromoTriple {
    padding: 10px 0px;
}

.PromoTriple {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

.PromoTriple h3 {
    padding-bottom: 10px;
    border-bottom: 3px solid #F26E45;
}

.PromoTriple p {
    text-align: justify;
}

/*========== 8.0 Désinfection ==============*/
.notAvailable {
    text-decoration: line-through;
    color: #F26E45;
}

.available {
    color: green;
}

/*========== 8.1 Table Antivirus ==============*/
.tableAntivirus {
    margin-top: 40px;
    border-collapse: separate;
    border-radius: 25px;
    border-left: 0px;
}

.tableAntivirus thead tr th {
    vertical-align: bottom;
    height: 75px;
    border-bottom: 5px solid #F26E45;
    background-color: #202b34;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}

.tableAntivirus thead tr th span {
    color: #ddd;
    font-size: 10px;
}

.tableAntivirus tbody tr td {
    padding: 15px;
    color: #202b34;
    border-top: 1px solid #ccc;
    text-align: center;
    /*text-shadow: 2px 2px 0px #ddd;*/
}

.tableAntivirus tbody tr {
    background-color: #ddd;
}

.tableAntivirus tbody tr:nth-child(even) {
    background-color: #eee;
}

.tableAntivirus tbody tr td:first-child {
    font-weight: bold;
    text-align: left;
    /*background-color:#F26E45;
    border-top:1px solid #e16844;*/
}

.table-hover tbody tr:hover td {
    background-color: #F26E45;
    border-top-color: #e16844;
}

.tableAntivirus th:first-child {
    border-radius: 25px 0 0 0;
}

.tableAntivirus th:last-child {
    border-radius: 0 25px 0 0;
}

.tableAntivirus tr:last-child td:first-child {
    border-radius: 0 0 0 25px;
}

.tableAntivirus tr:last-child td:last-child {
    border-radius: 0 0 25px 0;
}

.tableAntivirus tr:last-child td {
    background-color: #202b34;
    border-top: 5px solid #F26E45;
    color: #fff;
    line-height: 1.1;
}

.tableAntivirus tr:last-child td:first-child {
    font-size: 10px;
    font-weight: normal;
}

.tableAntivirus tr:last-child td span {
    font-size: 28px;
    font-weight: bold;
    color: #F26E45;
}

.tableAntivirus tr:last-child td a {
    display: inline-table;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    border: 2px solid #F26E45;
    color: #F26E45;
}

.tableAntivirus tr:last-child td a:hover {
    color: #F26E45;
    border: 2px solid #F26E45;
    text-decoration: none;
}

.tableAntivirus tr:last-child:hover td {
    background-color: #202b34;
    border-top: 5px solid #F26E45;
}

/*========== 10.0 Wordpress ==============*/
@media (min-width: 767px) {
    .wrapperFullTopWp {
        background: url(/images/bannertop-wordpress.webp) 50% 100% no-repeat;
    }
}

@media (min-width: 767px) {
    .wrapperFullTopJl {
        background: url(/images/bannertop-joomla.jpg) 50% 100% no-repeat;
    }
}

@media (min-width: 767px) {
    .wrapperFullTopPs {
        background: url(/images/bannertop-prestashop.jpg) 50% 100% no-repeat;
    }
}

/*========== 10.1 Features ==============*/
.wrapperFeatures {
    background-color: #F26E45;
    margin-top: 40px;
    padding-top: 30px;
}

.featureTitle {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.featureUnderTitle {
    font-size: 16px;
    margin-bottom: 40px;
    color: #fff;
    text-align: center;
}

.featureItem {
    margin: 10px 0px;
    font-size: 24px;
    font-weight: bold;
}

.featureItem img {
    margin-right: 10px;
    border: 3px solid #d9623e;
}

.featureItem h3 {
    padding: 0px;
    margin: 0px;
}

.featureItem p {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.featureItem1:before {
    content: "";
    display: block;
    background: url('../images/flat-icons/blog-dark-90.png') no-repeat;
    width: 100px;
    height: 100px;
    float: left;
    top: 0;
}

/*========== 11.0 Clients ==============*/
/*========== 11.1 Clients Box ==============*/
.Clients {
}

.ClientsBox {
    padding: 20px;
    margin: 20px 0px;
    border: 1px solid #ddd;
}

@media (min-width: 767px) {
    .ClientsBox {
        height: 500px;
    }
}

@media (min-width: 940px) {
    .ClientsBox {
        height: 600px;
    }
}

@media (min-width: 1200px) {
    .ClientsBox {
        height: 400px;
    }
}

.ClientsBoxTitle {
    font-size: 28px;
    font-weight: bold;
}

.ClientsBox ul {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.ClientsBox select {
    display: block;
    margin: 10px 0px;
    font-size: 16px;
}

.wrapperFeature {
    padding: 40px 0;
}

.wrapperFeature .title h3 {
    font-size: 30px;
    font-weight: 300;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}

.wrapperFeature .title h1 {
    font-size: 64px;
    font-weight: bold;
    padding: 0px;
    display: inline;
    margin: 0px;
    text-transform: uppercase;
}

.wrapperFeature .title h1 span {
    color: #F26E45
}

.wrapperFeature .intro {
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    padding: 0 0 10px 40px;
    margin-top: 35px;
}

.wrapperFeature .img_holder {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0 0 35px 0;
}

.wrapperFeature .img_holder .shape {
    position: absolute;
    width: 450px;
    height: 90px;
    padding: 0px;
    margin: 107px 0 0 0;
    background: url(../images/site-img3.png) center top no-repeat;
}

.wrapperFeature .list {
    padding: 0;
    margin-top: 15px 0 0 0;
}

.wrapperFeature .list li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: rgb(112, 116, 122);
}

.wrapperFeature .list li i {
    color: green;
    margin-right: 5px;
}

.wrapperFeature .fea {
    margin-top: 20px;
    position: relative;
}

.wrapperFeature .fea > div {
    position: relative;
    margin-left: 4em;
}
.wrapperFeature .fea > div p {
    font-size: 13px;
}
.wrapperFeature .fea > span {
    float: left;
    display: block;
    position: absolute;
}

.section_title_line {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0;
    margin: 40px 0 60px 0;
    background: url(../images/title_line1.png) 0 0 no-repeat;
}

.green {
    color: #F26E45;
}