#createUser > div >  div > div > input[type='text'],
#createUser > div >  div > div > input[type='password'],
#createUser > div >  div > div > input[type='email'] {
    width:80%;
    border:none;
    border-bottom:1px dashed #00FF00;
    background-color: rgba(255,255,255,0);
    color:#00FF00;
    margin-top:-2em;
    padding:5px;
}

#createUser > div >  div > div > input[type='submit'],
#createUser > div >  div > div > button,
#createUser > div >  div > input[type='submit'],
#createUser > div >  div >  button {
    border:0;
    background-color: rgba(255,255,255,0);
    color:#00FF00;
    font-family: 'reso';
    cursor: pointer;
    margin-top: 28px;
    text-transform: uppercase;
    margin-right: 92px;
    font-size:14px;
}

#createUser > div >  div > div > label,
#createUser > div >  div > label,
#createUser > div >  div > div > div > label { 
    display:block;
    height:0px;
    text-align:center;
    width:80%;
    transition: 1s;
    white-space: nowrap;
    display:none;
}

#erreur {
    text-align:center;
    color:red;
}

#infos {
    color: #00FF00;
    margin-bottom:12px;
}

@media (max-width: 800px) {
    
    #createUser > div:first-of-type {
	background-size: 0%;
	height:36px;
    }
    
    #createUser > div:last-of-type {
	background-size: 0%;
	height:58px;
    }
    
    #createUser > div {
	border-left:0px solid #00FF00;
	border-right:0px solid #00FF00;
	font-size:13px;
	text-align:center;
    }
    
    #createUser {
	width:95%;
	padding-bottom:2em;
	margin-top:7vw;
	margin-bottom:5vw;
    }
    
    #createUser > div > img {
	width:20%;
    }
    
    #links > a {
	background-image:url('../bundles/spaceshopcommandes/images/HexaButGr.svg');
	top: 29px;
    }
    
    #links > span > input[type='submit'],
    .glibut2::before,
    .glibut2::after,
    #links > span > button , #links > a {
	font-size:13px;
	padding:3.3em;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    #createUser > div:first-of-type {
	background-size: 100% 100%;
	height:31px;
    }
    
    #createUser > div:last-of-type {
	background-size: 100% 100%;
	height:49px;
    }
    
    #createUser > div {
	background-image: url("../bundles/spaceshopuser/images/msgSi.svg");
	background-size:100% 3px;
	background-repeat: repeat-y;
	font-size:12px;
    }
    
    #createUser {
	width:340px;
    }
    
    #createUser > div > img {
	width:50%;
    }
            
    #links > span > input[type='submit'],
    .glibut2::before,
    .glibut2::after,
    #links > span > button , #links > a {
	font-size:12px;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	width: 101px;
	text-align: center;
	height: 35px;
	line-height: 35px;
    }
    
    #links > a {
	background-image:none !important;
	right: 46px;
	top: 13px;
	display:inline-block;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    #createUser > div:first-of-type {
	background-size: 100% 100%;
	height:36px;
    }
    
    #createUser > div:last-of-type {
	background-size: 100% 100%;
	height:58px;
    }
    
    #createUser > div {
	background-image: url("../bundles/spaceshopuser/images/msgSi.svg");
	background-size:100% 3px;
	background-repeat: repeat-y;
	font-size:14px;
    }
    
    #createUser {
	width:400px;
    }
    
        
    #createUser > div > img {
	width:50%;
    }
    
    #links > span > input[type='submit'],
    .glibut2::before,
    .glibut2::after,
    #links > span > button , #links > a {
	font-size:14px;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	width: 120px;
	text-align: center;
	height: 42px;
	line-height: 42px;
    }
    
    #links > a {
	background-image:none !important;
	right: 53px;
	top: 16px;
	display:inline-block;
    }
}

@media (min-width: 1441px) {
    #createUser > div:first-of-type {
	background-size: 100% 100%;
	height:36px;
    }
    
    #createUser > div:last-of-type {
	background-size: 100% 100%;
	height:58px;
    }
    
    #createUser > div {
	border-left:1px solid #00FF00;
	border-right:1px solid #00FF00;
	background-size:100% 3px;
	font-size:15px;
    }
    
    #createUser {
	width:400px;
    }
        
    #createUser > div > img {
	width:50%;
    }
    
            
    #links > span > input[type='submit'],
    .glibut2::before,
    .glibut2::after,
    #links > span > button , #links > a {
	font-size:15px;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	width: 119px;
	text-align: center;
	height: 41px;
	line-height: 41px;
    }
    
    #links > a {
	background-image:none !important;
	right: 54px;
	top: 16px;
	display:inline-block;
    }
}



#createUser {
    color:white;
    margin:auto;
    height:auto;
    text-align:center;
}

#createUser > div > img {
    padding:0px;
}

#createUser > div:first-of-type {
    background-image: url("../bundles/spaceshopuser/images/msgUp.svg");
    background-repeat: no-repeat;
    border:none;
}

#createUser > div:last-of-type {
    background-image: url("../bundles/spaceshopuser/images/msgDn.svg");
    background-repeat: no-repeat;
    border:none;
}

#createUser > div {
    margin:auto;
    font-family: 'reso';
    letter-spacing:.08em;
    text-transform:uppercase;
}


#links {
    text-align:right;
}

#links > span > input[type='submit'],
.glibut2::before,
.glibut2::after,
#links > span > button , #links > a {
    font-family: reso;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-size:100% 100%;
    background-position:top left;
    border:none;
    cursor:pointer;
}


#links > a,
#links > a::before,
#links > a::after {
    color:#00FF00;
    background-image:url('../bundles/spaceshopcommandes/images/HexaButGr.svg');
    margin-right:0em;
    text-decoration: none;
}

#links > span > input[type='submit'],
#links > span::after,
#links > span::before,
#links > span::after,
#links > span::before,
#links > span > button {
    color:white;
    background-image:url('../bundles/spaceshopcommandes/images/HexaButWh.svg');
    background-color:transparent;
}

#links > span::after,
#links > span::before,
#links > span::after,
#links > span::before {
    margin-top:-23px;
}