@import "assets/bootstrap/css/bootstrap.min.css";
@import "assets/font-awesome-/font-awesome.min.css";
@import "assets/icon54/style.min.css";
@import "assets/icons-mind/style.min.css";
@import "assets/mobirise/css/mbr-additional.min.css";
@import "assets/socicon/css/styles.min.css";
@import "assets/tether/tether.min.css";
@import "assets/animate.css/animate.min.css";
@import "assets/web/assets/mobirise-icons/mobirise-icons.min.css";
@import "assets/theme/css/style.min.css";
@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);
@import "assets/css/pannels.css";

.min-height {
min-height: 350px;
}
.inscription{
padding-top: 25px;
padding-bottom: 25px;
background-color: #f1f1f1;
border: 1px #999 dashed;
border-radius: 10px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.inscription hr {
float: left;
width: 100%;
}
.tab-content {
margin-top: 0;
}
.container-fluid {}
.nav-tabs {
margin-top: 0px;
}
.form-group input[type=email] {
background-color: #fff;
margin-bottom: 25px;
}
.container-fluid h3 span {
font-weight: bold;
}
.nav-tabs li {}
.container-fluid h2,.container-fluid h3 {
display: block;
width: 100%;
}
.demo-compteurs {
width: 250px;
min-width: 250px;
max-width: 250px;
height: 680px;
min-height: 680px;
max-height: 680px;
float: left;
}
.demo-compteurs div div,.demo-compteurs div {
max-width: 96%;
height: auto;
padding-left: 1%;
padding-right: 1%;
position: relative;
height: 680px;
}
ul.choix-compteur{
    width: 100%;
}
li.choix-compteur {
width: 24.6%;
float: none;
float: top;
height: auto;
/*max-width: 24.5%;*/
display: inline-block;
}
.choix-compteur img {
max-width: 100%;
height: auto;
padding-left: 0;
padding-right: 0;
}
.vrNoadult input[type=radio],.vrYesadult input[type=radio]{
margin: 0;
padding: 0;
}
.vrNoadult,.vrYesadult {
padding: inherit;
margin-bottom: 0px;
}
div.vrNoadult,div.vrYesadult {
min-height: 300px;
margin-bottom: 25px;
background-color: #fff;
margin-top: -50px;
}
.generateur-code button:hover{
background-color: #149dcc;
cursor: pointer;
}
.noadult,.yesadult  {
background-color: #000;
color: #fff;
padding-left: 2px;
padding-right: 2px;
}
.avertissement-1:before {
content: ": potentiellement dangereux, pornographie, jeux d'argent, avec violence ou inappropriés, donc destiné à un usage réservé aux adultes averti.";
}
.avertissement-2:before {
content: ": potentiellement dangereux, pornographie, jeux d'argent, avec violence ou inappropriés, donc destiné à un usage réservé aux adultes averti.";
}
#tabbed_box,.tabbed_area {
float: left;
display: block;
width: 100%;
}
.choix-compteur {
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;;
float: left;
margin-bottom: 25px;
}
.choix-compteur ul,ul.nav-choix {
margin: 0;
padding: 0;
width: 100%;
}
ul.nav-choix {}
.choix-compteur li {
list-style: none;
float: left;
width: 33%;
max-width: 350px;

}
.choix-compteur label {
text-align: center;
margin: 2px;
padding: 5px;
border: 1px #999 dashed;
display: block;
}
.choix-compteur img {
display: block;
width: 100%;
height: auto;
}
choix-compteur input[type=radio] {
display: block;
margin: 0;
padding: 0;
}
.nav-choix {
width: 100%;
position: relative;
float: left;
background-color: #fff;

}
.nav-choix h2 {
margin-top: 20px;
font-size: 160%;
}
<!-- -->
.content,ul.tabs i,.content i {
font-family: Rubik;
font-style: normal;
padding-left: 2px;
}
.content,ul.tabs li {
font-family: Rubik;
}
.content span {
position: relative;
top: 35px;
left: 35px;

}

<!-- -->


.demo-compteurs {
font-size: 110%;
margin-bottom: 10px;
}
.demo-compteurs p {
text-align: left;
}
.demo-compteurs h4 {}
.demo-compteurs ol {
margin: 0;
padding: 0;
font-size: 70%;
text-align: left;
width: 100%;
margin-bottom: 5px;
margin-top: 5px;
color: #000;
}
.demo-compteurs ol:before {
content: "";
}
.demo-compteurs ol:after {
content: "";
}
.demo-compteurs li {
display: block;
}

.code-ok {
font-family: "Rubik";
}
.code-ok ul {
width: 100%;
}
.code-ok li {
list-style: none;
margin-bottom: 25px;
}
.code-ok label{
width: 100%;
display: block;
}
.code-ok textarea {
display: block;
width: 96%;
max-height: 300px;
min-height: 300px;
height: 300px;
font-size: 80%;
padding: 10px;
border: #ddd 1px solid;
overflow: hidden;
}
.code-ok h4 {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
}
.signup {
    text-align: center;
    display: block;
    max-width: 125px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    padding: 5px;
    background-color: #149dcc;
    border-radius: 5px;
}
.logo-signup {
    margin-top: 0;
    min-height: 150px;
    padding-top: 110px;
    background-image: url("assets/images/ecompteur-148x148.png");
    background-position: center;
    background-size: auto auto;
    background-repeat: no-repeat;
}
.align-center-signup {
    max-width: 165px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}