@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
body {
    font-family: 'Open Sans', sans-serif;
    background: #ECECEC;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 25px;
}
.well h3 {
    font-size: 22px;
}
.mtop0 {
    margin-top: 0;
}

.bg-white {
    background-color:white;
}
.header-panier {
    margin-right: -10px;
    margin-left: -10px;
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 0;
}
.title-idlws {
    margin: 0;
    padding: 20px 0;
}
/* BLOC PRINCIPAL */
.blocprincipal {
    background: white;
    padding: 0 30px 20px 30px;
    margin-top: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}

#extension_no_exist .alert-danger,
#domaines_banni .alert-danger{
    margin-bottom: 0px;
    margin-top: 20px;
}

#text-felicitation h2{
    margin-bottom: 20px;
    padding : 0 10px;
}

#payment_cb{
    border: 2px solid #0f228b;
    border-radius : 10px;
    padding: 20px;
    margin-bottom : 70px;
}


.input-lg {
    height: 50px;
}
#finalstepform {
    background: white;
    padding: 0 10px;
    margin-bottom: 30px;
}
#finalstepform h3{
    margin: 10px -10px;
}

/* HEADER */
header hr {
    margin-top: 0;
}
/* FIN HEADER */

/* FIL D'ARIANE' */
#fil_ariane{
    background-color: rgba(5,96,196, 1);
    min-height: 100px;    
}

#fil_ariane .etape{
    margin-top: 17px;    
}

#fil_ariane .etape .text_etape{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

#fil_ariane .etape .rond_etape{   
    position: absolute;
    top: 45px;
    left: calc(50% - 15px);
    width : 30px;
    height: 30px;
    background-color:#cce4ff;
    border: 3px solid rgba(5,96,196, 0.5);
    color: rgba(5,96,196, 0.5);
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border-radius: 15px;
    z-index: 2;
}

#fil_ariane .lien_etape{
    width: 100%;
    height: 6px;
    border-top: 3px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 60px;
    z-index: 1;
}

#fil_ariane .first-lien{
    width: 50%;
    left: calc(50% + 15px);
}

#fil_ariane .last-lien{
    width: 50%;
    right: calc(50% - 15px);
}

#fil_ariane .etape_active  .rond_etape,
#fil_ariane .etape_passee  .rond_etape{
    background-color: #fff;
}

/* FIN FIL D'ARIANE' */


.bgwhite {
    background-color: white;
}

.list-group {
    margin-bottom: 0;
}
.list-group-item strong {
    word-break: break-word;
    line-height: 20px;
    display: inline-block;
}
.list-group-item strong:not(.text-success) {
    color:#2D3941;
}
.list-group-item strong.text-warning {
    color: #8a6d3b!important;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.deconnexion_btn{
    border: 1px solid #fff !important;
    margin-top : -5px;
}
.domain_option {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin: 0;
    padding: 10px 0;
    margin-bottom: 10px;
}
.domain_option:last-child {
    margin-bottom: 0px;
}
.domain_option .checkbox {
    padding: 0;
    min-height: initial;
}
.domain_option.checked {
    background-color: rgba(53, 117, 211, 0.1);
}
.addcart {
    font-size: 26px;
    padding: 0;
}
h3.bg-primary {
    text-align: left;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
}
h3.bg-primary small {
    font-size: inherit;
    color:white;
    font-weight: normal;
    line-height: 36px;
}
h3.bg-primary small a, h3.bg-primary small a:hover {
    color:white;
}
label.col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}
.popover-content {
    padding: 9px 14px;
    min-width: 170px;
    text-align: justify;
}
.popover-title{
    background-color: transparent;
    border: none;
    padding-left: 25px;
}
#basket.fixed {
    position: fixed;
    top:0;
    z-index: 10;
}
#basket .well{
    border: none;
    padding: 0 10px 0px 10px;
    margin-bottom: 30px;
}
#basket .panel-body {
    padding: 10px;
}
#basket table tbody tr:first-child td {
    border-top: none;
}
#basket tr.header {
    cursor: pointer;
}
#basket tr.header .sign:after{
  content:"\f067";
  font-family: FontAwesome;
  display:inline-block;      
}
#basket tr.header.expand .sign:after{
  content:"\f068";
 }
#basket td {
    position: relative;
    word-break: break-word;
}
#basket td .btnremovedomain {
    position: absolute;
    right: -20px;
    bottom: 8px;
}
#basket td.price_domain {
    vertical-align: bottom;
}
#basket table strong:not(.text-success) {
    color:#2D3941;
}
.alert strong {
    color: inherit!important;
}
#basket table {
    color:#576167;
    margin-bottom: 0px;
}
.domainbasket span {
    display: table-cell;
    vertical-align: middle;
}

.domainbasket span.domaincontent {
    width: 96%;
    display: inline-block;
}
#domainbasket hr {
    margin-bottom: 5px;
    margin-top: 5px;
}
#domainbasket h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    word-break: break-all;
    font-size: 16px;
}
#domainbasket h4 button.btn-link.removedomain {
    color:#ddd;
}
#domainbasket h4 button.btn-link.removedomain:hover {
    color:#B9B9B9;
}
.popover-content {
    word-wrap: break-word;
}
.well {
    padding: 10px;
}
.titleDomain {
    font-size: 30px;
}
span.number {
    padding: 5px;
    background: white;
    border-radius: 50%;
    color: #3575D3;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
}

/* ONGLETS PAGE DOMAINE */
.nav-tabs {
    margin-top: 20px;
}
.nav-tabs>li>a {
    font-size: 18px;
    font-weight: bold;
}
/* FIN ONGLETS */

/* Tarif Normal */
.list-group-item small {
    font-size: 60%;
    color:#909090;
    position: absolute;
    top:20px;
    min-width: 150px;
}
/* Fin Tarif Normal */

/* Selection Domaine */
.list-group-item {
    border: none;
    border-top: 1px solid #ddd;
    line-height: 46px;
    font-size: 18px;
}
.list-group-item:first-child {
    border: none;
}
.statusdomain s {
    color: #ABABAB;
    font-size: 16px;
}
/* Fin SELECTION DOMAINE */

footer {
    height: 80px;
    line-height: 25px;
    font-size: 18px;
    color: white;
}

footer .text-footer{
    margin-top: 15px;
    vertical-align: middle;
    margin-left: 30px;
    text-align: left;
    display: inline-block;
    font-weight: bold;
}
footer img{
    margin-top: 15px;
}
/* LOADER */
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9001;
    background: rgba(0, 0, 0, 0.52);
}
#loader .loader-content {
    background-color: white;
    box-shadow: 0 0 10px #21252c;
    height: 130px;
    left: 50%;
    margin-left: -125px;
    margin-top: -65px;
    padding: 20px;
    position: absolute;
    top: 50%;
    width: 250px;
}

/*HELP ERROR*/
.help-error {
    color: #FF0000 !important;
    font-weight: bold;
}
.text-danger {
    color:#FF0000 !important;
}

/*TOOLTIP*/
.tooltip.in {
    opacity: 1;
        
}
.tooltip-inner {
    color: #111;
    border: 1px solid #b7b7b7;
    background: #f3f3f3;
    -moz-box-shadow: 5px 5px 8px #eaeaea;
    -webkit-box-shadow: 5px 5px 8px #eaeaea;
    box-shadow: 5px 5px 8px #eaeaea;
    font-size: 14px;
    min-width: 200px;
}
.tooltip.right .tooltip-arrow {
        left: -3px;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #b7b7b7;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #b7b7b7;
    right: -3px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #FFF;
    bottom: 1px;
}
/*BLOC RAPPEL VERIFICATION DOMAINE*/
.bloc_rappel {
    background: #ff6600;
    padding: 10px 0 10px 10px;
    color: white;
    font-size: 16px;
    position: relative;
}
.bloc_rappel button{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #FF9920;
    border: none;
    font-weight: bolder;
    text-transform: uppercase;
}
.bloc_rappel .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #b7b7b7;
}
.bloc_rappel .tooltip-inner {
    background: #FFFFFF;
}
/*FIN BLOC RAPPEL*/

/*CHOIX DUREE DOMAINE*/
.domaine_duree {
    line-height: 34px;
    margin-bottom: 15px;
}

.recherche_domaine{
    height: 50px !important;
}
/*FIN CHOIX DUREE DOMAINE*/



/* PARTIE PAIEMENT */

.mt10{
    margin-top: 10px;
}

.bloc_choix_paiement{    
    border: 2px solid #d3d3d3;
    background-color: #fff;
    border-radius : 5px;
    padding: 10px;
    min-height:60px;
    width: 100%;   
    font-size: 0px;
    margin-left: -5px;
    margin-right: -5px;
    cursor: pointer;
    transition: all 400ms;
    margin-top : 15px;
    margin-bottom: 15px;
    color: #717171;    
}

.bloc_choix_paiement:hover, .actif_paiement{
    border: 2px solid #0560C4;
    color: #0560C4;
}

.bouton_select{
    width: 20px;
    height: 20px;
    border: 2px solid #bfbfbf;
    border-radius: 10px;
    background-color:#fff;
    padding : 2px;
    margin-top: 10px;  
}

.bloc_choix_paiement .bouton_simple{
    font-size: 22px; 
    text-align:center;

}

.bouton_select .active{
    width: 12px;
    height: 12px;   
    border-radius: 6px;
    background-color:#0560C4;
}

.bloc_choix_paiement .checkbox_paiement,
.bloc_choix_paiement .image_paiement{  
    display: inline-block; 
    font-size: 20px;
}

.bloc_choix_paiement .checkbox_paiement{     
    text-align:center;
    width: 30px;
}

.bloc_choix_paiement .image_paiement{     
    width: calc(100% - 30px);
    vertical-align: top;
    margin-top: 3px;
    text-align: center;
}

.formulaire_saisie_coordonnees{
    border: 3px solid #7e7d82;
    background-color: #fff;
    border-radius : 10px; 
    width: calc(100% - 30px);       
    margin-left: 10px;
    padding: 20px 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom :50px;    
    transition: all 400ms;
    cursor: pointer;    
}

.mlr0{
    margin-left: 0px;
    margin-right: 0px;
}

#logo_bp{
    z-index: 2; 
    position: absolute;
    top: -10px;
    text-align: center;
    background-color: #fff;
    width: 75px;
   
}


/* FIN PARTIE PAIEMENT */
@media (max-width:991px) {
    footer {        
        height: 190px;
    }    
    footer .text-footer{
        margin-left:0px;
            margin-top: 10px;
    }    
}



/* STYLE IPAD */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles pour cette Media Queries */
    #basket strong.text-success {
        font-size: 13px;
    }
    .statusdomain {
        font-size: 14px;
    }
}

@media (max-width:671px) {
    #fil_ariane .etape .text_etape{
        font-size: 14px;
    }
}

@media (max-width:671px) {
    #fil_ariane .etape .text_etape{
        font-size: 14px;
    }
}

/* STYLE MOBILE */
@media (max-width:425px) {
    /* ONGLETS PAGE DOMAINE */
    .nav-tabs>li {
        width: 100%;
        background-color: #eee;
        margin: 2px 0;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        color: #555;
        cursor: default;
        background-color: transparent;
        border: 1px solid transparent;
        border-bottom-color: transparent
    }
    .nav-tabs {
        border-bottom: none;
    }
    .statusdomain {
        font-size: 16px;
    }
    .labelempty {
        height: 15px;
        width: 100%;
    }   
    
    /* FIN ONGLETS */
    
    footer .col-xs-5{
        width: 35%;
    }
    footer .col-xs-7{
        width: 65%;
    }           
}

@media (max-width:350px) {
    footer .col-xs-5{
        width: 30%;
    }
    footer .col-xs-7{
        width: 70%;
    }    
}

@media (max-width:300px) {
    
     footer .col-xs-5{
        width: 20%;
    }
    footer .col-xs-7{
        width: 80%;
    }  
}

 #title_30j{width: 50%;vertical-align: middle; text-align: left;}
 #title_30j .niv_1{font-size: 18px;}
 #title_30j .niv_2{font-size: 20px; font-weight: bold}
 #image_30j{width: 50%; vertical-align: top; text-align: right; }
 table tr td.secure_ssl{width: 70px; vertical-align: middle; text-align: center}
 table tr td.text_secure_ssl{vertical-align: middle; text-align: left}
 #texte_30j{text-align: justify}
 
@media (max-width: 1120px){    
    #title_30j .niv_1{font-size: 15px;}
    #title_30j .niv_2{font-size: 17px; font-weight: bold}
}

@media (max-width: 992px){    
    #title_30j .niv_1{font-size: 18px;}
    #title_30j .niv_2{font-size: 20px; font-weight: bold}
    table tr td.secure_ssl{vertical-align: top; padding-top: 35px;}
    table tr td.text_secure_ssl{vertical-align: top; padding-top: 45px;}
}

 #finalstepform .blocknewaccount button{
    margin: 10px 0px;
}

@media (max-width:991px) {    
    #finalstepform h3.title-connexion{
       margin: 20px -10px;
    }
}

.blocklogin{
    border-right: 1px solid #333;
}

@media (max-width:991px) {
    .blocklogin{
        border-right: none;
        border-bottom: 1px solid #333;
    }
}

#basket tr.header .sign{
    padding-right:3px;
    padding-left: 4px;
}

#basket tr.header .label-default,
#basket tr.header .sign{
    background-color: #777 !important;
    color: #fff; 
}