section fieldset
{
text-align:center;
border:none; 
margin:2em 0;
}

footer fieldset
{
text-align:center;
border:none; 
margin:0em;
padding-right:0;
padding-left:0;
}



section input
{
padding:0.3em;
font-family: 'Josefin Sans', sans-serif;
font-size:1em;
border: 1px solid rgba(68,68,68,1);
color: rgba(68,68,68,1); 
background-color:rgba(255,255,255, 1);box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

#mail
{

border: 1px solid rgba(68,68,68,1);
}


.formclient
{
font-size:0.8em;
width:90%;
}

.rempl
{
width:50%;
}
.remplutil
{
width:90%;
}

@media only screen and (max-width:768px){
.rempl
{
width:100%;
}
.remplutil
{
width:100%;
}
}

select
{
width:100%;
font-family: 'Josefin Sans', sans-serif;
font-size:1em;
background-color: rgba(25,25,25,1); 
color:rgba(255, 255, 255, 1);
}

input:focus, select:focus, select:active, select option, select option:focus, select option:active,textarea:focus
{
outline-color: rgba(255,255,255, 1);
}

label
{
padding-right:1em;
width:10em;
float:left;
text-align:right;
display:inline-block;
}

section textarea
{
font-family: 'Josefin Sans', sans-serif;
background-color: rgba(25, 25, 25, 0.8); 
color:rgba(200, 200, 200, 1);
border:none;
width:100%;
padding:1em;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}


.bouton_submit{
background-color: rgba(25, 25, 25, 0.8);
color: rgba(255,255,255,1);
margin: 0 0.1em;
padding:0.5em;
font-family: 'Josefin Sans', sans-serif;
font-size:1em;
border:none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-moz-transition : all 0.2s ease-in-out ;
-webkit-transition : all 0.2s ease-in-out infinite;
-o-transition : all 0.2s ease-in-out ;
transition:all 0.2s;   
}

td .bouton_submit{
width:100%;
margin-top:0.2em; 
}
.bouton_submit:hover {
color: rgba(249,105,14,1);
cursor:pointer;
}

.bouton_connect{
background-color: rgba(25, 25, 25, 1);
color: rgba(255,255,255,1);
font-family: 'Josefin Sans', sans-serif;
font-size:1em;    
border:0.1px solid rgba(255,255,255, 1);
-moz-transition : all 0.2s ease-in-out ;
-webkit-transition : all 0.2s ease-in-out infinite;
-o-transition : all 0.2s ease-in-out ;
transition:all 0.2s;
}

.bouton_connect:hover {
color:rgba(255,255,255,1);
cursor:pointer;
}

.modules
{
border-radius: 50%;
vertical-align:top;
float:center;
position:relative;
width:10em;padding:1em;
margin:0.5em;height:10em;
display:inline-block;
cursor:pointer;
-moz-transition : all 0.2s ease-in-out ;
-webkit-transition : all 0.2s ease-in-out infinite;
-o-transition : all 0.2s ease-in-out ;
transition:all 0.2s;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

.modules img
{
position:relative;
width:100%;
}

@media only screen and (min-width:1224px){
.modules:hover, .modelesdevis:hover
{
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
background-color:rgba(249,105,14,1);
box-shadow: 0px 0px 16px 5px rgba(25, 25, 25, 0.8);
}




}

.modelesdevis
{
border-radius: 50%;
vertical-align:top;
float:center;
position:relative;
width:20em;padding:2em;
margin:0.5em;height:20em;
display:inline-block;
cursor:pointer;
-moz-transition : all 0.2s ease-in-out ;
-webkit-transition : all 0.2s ease-in-out infinite;
-o-transition : all 0.2s ease-in-out ;
transition:all 0.2s;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

@media only screen and (max-width:768px){
.modelesdevis
{
margin:0em;
padding:0em;
width:16em;
height:16em;
}
}

.modelesdevis img
{
position:relative;
}

.modelesdevis em
{
font-size:0.8em;
}

.erreur
{
display:inline-block;
text-align:center;
color:white;
font-weight:bold;
padding:0.5em;
background-color:rgba(249,105,14, 1);
}

.ok
{
display:inline-block;
text-align:center;
color:black;
font-weight:bold;
padding:0.5em;
background-color:rgba(68,68,68,1);
}
.bouton
{
text-align:center;
}