Your IP : 216.73.216.65
@charset "utf-8";
body {
background: rgb(129, 127, 127);
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.containerPage {
border-radius: 15px;
border-color: rgb(255, 255, 255);
background: rgb(129, 127, 127);
margin: 0cm;
padding: 0cm;
box-shadow: 0 0 0cm rgba(0, 0, 0, 0.863);
width: auto;
height: auto;
}
.containerTitre {
border-radius: 15px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.568);
background: rgb(255, 255, 255);
margin: 0;
padding: 0.2cm;
text-align: center;
font-style: helvetica;
font-size: 30px;
width: auto;
height: auto;
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.863);
}
.containerSection {
border-radius: 15px;
background: rgb(255, 255, 255);
margin-top: 0.0cm;
margin-bottom: 0.0cm;
padding: 0.05cm;
padding-left: 0.0cm;
text-align: center;
width: auto;
height: 1.2cm;
font-size: 18px;
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.863);
}
.container1 {
border-radius: 15px;
background: rgb(255, 255, 255);
border-style: solid;
border-color: rgba(0, 0, 0, 0.568);
border-radius: 20px;
margin: 0;
margin-bottom: 0cm;
margin-top: 0.2cm;
padding: 0.2cm;
text-align: left;
font-size: 12px;
width: auto;
height: auto;
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.863);
align-items: top;
}
fieldset{
border-radius: 0;
display: none;
margin-top: 0.0cm;
padding: 0cm;
text-align: right;
font-size: 12px;
width: auto;
height: auto;
margin-bottom: 0cm;
}
#field-1 {
display: block;
}
form{
border-radius: 0;
margin-top: 0cm;
padding: 0cm;
text-align: left;
font-size: 10px;
width: auto;
height: auto;
margin-bottom: 0cm;
}
.col-md-5 {
text-align: left;
padding-top: 0.0cm;
}
.col-md-5-l {
text-align: left;
padding-left: 0.5cm;
padding-top: 0.0cm;
width: 42%;
}
.col-md-4 {
width: auto;
height: auto;
text-align: right;
}
.col-md-4-c {
padding: 0.1cm;
height: auto;
text-align: center;
width: 33%;
}
.col-md-4-l {
padding-left: 0.5cm;
height: auto;
text-align: left;
width: 30%;
}
.col-md-2-l {
height: auto;
text-align: left;
width: 16%;
}
.col-md-2-r {
height: auto;
text-align: right;
width: 16%;
}
.col-md-3 {
text-align: center;
width: auto;
height: auto;
width: 24%;
}
.col-md-3-l {
text-align: left;
padding-left: 0.5cm;
width: auto;
height: auto;
width: 24%;
}
.col-md-3-r {
text-align: right;
padding-left: 0.5cm;
width: auto;
height: auto;
width: 24%;
}
.col-md-10 {
text-align: left;
width: auto;
height: auto;
}
.col-md-6 {
border-radius: 0px;
background: rgb(255, 255, 255);
margin-left: 0.5cm;
margin-right: 0.0cm;
margin-bottom: 0.0cm;
margin-top: 0.0cm;
padding: 0cm;
text-align: left;
font-size: medium;
width: 50%;
height: auto;
align-items: top;
}
.col-md-6-c {
border-radius: 0px;
background: rgb(255, 255, 255);
margin-left: 0.5cm;
margin-right: 0.0cm;
margin-bottom: 0.0cm;
margin-top: 0.0cm;
padding: 0cm;
text-align: center;
font-size: medium;
width: 45%;
height: auto;
align-items: top;
}
.col-md-12 {
border-radius: 0px;
background: rgb(255, 255, 255);
margin-left: 0.0cm;
margin-right: 0.0cm;
margin-bottom: 0.0cm;
margin-top: 0.0cm;
padding: 0.5cm;
text-align: left;
font-size: medium;
width: 100%;
height: auto;
align-items: top;
}
.col-md-12-r {
border-radius: 0px;
background: rgb(255, 255, 255);
margin-left: 0.0cm;
margin-right: 1cm;
margin-bottom: 0.0cm;
margin-top: 0.5cm;
padding: 0.5cm;
text-align: right;
font-size: medium;
width: 100%;
height: auto;
align-items: top;
}
.col-md-12-c {
border-radius: 0px;
background: rgb(255, 255, 255);
margin-left: 0.0cm;
margin-right: 0cm;
margin-bottom: 0.0cm;
margin-top: 0.5cm;
padding: 0.5cm;
text-align: center;
font-size: medium;
width: 100%;
height: auto;
align-items: top;
}
.col-md-6-a {
border-radius: 10px;
margin-left: 0.4cm;
margin-right: 0.2cm;
margin-bottom: 0cm;
margin-top: 0.2cm;
padding: 0cm;
text-align: left;
font-size: medium;
width: auto;
height: auto;
align-items: top;
}
.col-md-8 {
text-align: center;
height: auto;
width: 66%;
}
.col-md-8-a {
text-align: center;
width: auto;
height: auto;
width: auto;
}
.col-md-4-a{
border-style: none;
border-color: rgba(255, 255, 255, 0.479);
border-radius: 10px;
}
.row {
border-style: none;
border-color: rgb(255, 255, 255);
border-radius: 10px;
width: auto;
height: auto;
}
input:invalid {
border: rgba(248, 243, 243, 0.521) solid 3px;
box-shadow: 0 0 2px 1px rgba(218, 24, 24, 0.411);
}
input:valid {
border: rgba(252, 252, 252, 0.562) solid 3px;
box-shadow: 0 0 2px 1px rgba(0, 128, 0, 0.473);
}
.tooltip {
position: relative;
background: green;
padding: 5px 12px;
margin: 5px;
font-size: 15px;
border-radius: 100%;
color: #FFF;
}
.tooltip:before,
.tooltip:after {
position: absolute;
content: '';
opacity: 0;
transition: all 0.4s ease;
}
.tooltip:before {
border-width: 10px 8px 0 8px;
border-style: solid;
border-color: green transparent transparent transparent;
top: -15px;
transform: translateY(20px);
}
.tooltip:after {
content: attr(data-tooltip);
background: green;
width: 160px;
height: 40px;
font-size: 13px;
font-weight: 300;
top: -75px;
left: -10px;
padding: 10px;
border-radius: 5px;
letter-spacing: 1px;
transform: translateY(20px);
}
.tooltip:hover::before,
.tooltip:hover::after {
opacity: 1;
transform: translateY(-2px);
}
@keyframes shake {
0% {
transform: rotate(2deg);
}
50% {
transform: rotate(-3deg);
}
70% {
transform: rotate(3deg);
}
100% {
transform: rotate(0deg);
}
}
#anim:hover {
animation: shake 500ms ease-in-out forwards;
}
.hide{display: none;}
.show{display: block;}