<style type="text/css">

.reset {
	
}


/*------------------------------------ DEFAUT -------------------------------------*/

.bloc_form {
position:relative;
display:block;
float:left;
margin:30px 0 20px 0;
line-height:30px;
text-align:left;
width:50%;
padding-right:20px;
}

.bloc_form_grand {
width:100%;
}

.bloc_form label {
font-size:1.2em;
position:absolute;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
top:0;
left:10px;
}

.bloc_form label.effet_label {
top:-35px;
}

.bloc_form input, .bloc_form select, .bloc_form textarea  {
border:1px solid #06326d;
width:100%;
color:#333;
font-size:1.2em;
height:35px;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
text-indent:10px;
}


select {	
color:#FFFFFF;
width: auto;
padding: 0;
border: none;
border: none;
border-radius: 0px;
text-transform:uppercase;
font-size:1.3rem;
}

.bloc_form input.valid_input {
border:1px solid #090;
}



#case1, #case2 {
width:25px;
height:25px;
float:left;
display:block;
margin: 0 10px 20px 0;
}


.bloc_form textarea {
width: 100%;
height: 150px;
clear: both;
padding:15px;
text-indent:inherit;
}




.bloc_form p, .bloc_form_grand p {
font-size:16px;
margin:0 0 10px 0;
}

.bouton_envoyer {
display:block;
width:120px;
padding:10px;
margin:20px auto;
background:#e9e9e9;
color:#FFFFFF;
font-size:20px;
text-align:center;
cursor:pointer;
opacity:0;
visibility:hidden;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
}

.bouton_envoyer:hover {
color:#06326d;
background:#FFFFFF;
}

.affiche_envoyer {
opacity:1;
visibility:visible;
}

.message_form {
color:#5483c1;
text-align:center;
font-size:18px;
}








/*-------------------------------------------------------------------------- Formulaire de Contact ---------------------------------------------------------------------------*/
form.formulaire {
width:40%;
background-color:#FFFFFF;
display: inline-block;
margin: 0 30%;
overflow:hidden;
padding:10px;
}

form.formulaire .bloc_form {
width:100%;
margin:0 0 10px 0;
padding:0;
}

form.formulaire .bloc_form label {
clear:both;
position:relative;
top:inherit;
left:inherit;
}

form.formulaire .bloc_checkbox {
margin-top:15px;
}

form.formulaire .bloc_checkbox label, form.formulaire .bloc_checkbox input {
float:left;
clear:inherit;
}

form.formulaire .bloc_checkbox input {
width:20px;
height:20px;
display:block;
margin:5px 5px 0 0;
}

form.formulaire .bloc_form input.fichier {
text-indent:0;
height:auto;
margin-bottom: 10px;
}

form.formulaire .bloc_form .reponse {
background-color:#eee;
padding:5px 10px;
margin:0;
border-radius:10px;
width:auto;
display:block;
opacity:0;
visibility:hidden;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
height:0;
position:relative;
background-image:url(../images/interface/warning.png);
background-repeat:no-repeat;
background-position:left 10px center;
text-indent:30px;
}

form.formulaire .bloc_form .reponse span {
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 10px;
position:absolute;
top:-15px;
left:40px;
border-color: transparent transparent #eee transparent;
}

form.formulaire .bloc_form .reponse_visible {
opacity:1;
visibility:visible;
margin-left:30px;
margin:25px 0 10px 0;
height:auto;
}

input.bt_valider {
background-color:#06326d;
text-transform:uppercase;
padding:5px 10px;
font-size:16px;
color:#FFFFFF;
cursor:pointer;
-webkit-appearance: none;
}

input.bt_valider:hover {
opacity:0.7;
}

form.formulaire .message_form {
color:#06326d;
text-align:center;
font-size:14px;
margin:20px auto;
}

form.formulaire .ancre {
clear:both;
position:relative;
}



/*-------------------------------------------------------------------------- Compte ---------------------------------------------------------------------------*/
.form_compte section {
width:800px;
background-color:#ccc;
}

.form_compte section .colonne2 .bloc  {
margin-bottom:0;
}


.form_compte section .colonne2 .bloc input {
display:block;
float:left;
height:40px;
width:100%;
text-indent:10px;
margin-bottom:20px;
border:1px solid #06326d;
}

.form_compte section .colonne2 .bloc label {
display:block;
float:left;
}

.form_compte section .colonne2 a.bt_adresse_livraison {
display:inline-block;
width:100%;
}


.form_compte section .colonne2 .adresse_livraison {
height:0;
visibility:hidden;
opacity:0;
overflow:hidden;
transition: all 0.3s ease; 
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
}

.form_compte section .colonne2 .adresse_livraison_visible {
height:auto;
visibility:visible;
opacity:1;
overflow:auto;
display:inline-block;
}


p.message_erreur_compte {
text-align:center;
color:#F00;
background-color:#FFFFFF;
padding: 20px;
display: inline-block;
width: 100%;
font-weight: bold;
}

p.message_erreur_compte_ok {
color:#333;
}

/*--- Récapitulatif ---*/
.recapitulatif .colonne1 {
text-align:center;
margin-bottom:30px;
}

.recapitulatif .colonne1 h2 {
text-align:center;
color:#5483c1;
font-size:1.2rem;
}

.recapitulatif .colonne2 .bloc {
background-color:#ededed;
}

.recapitulatif .colonne2 .bloc h2 {
font-size:1.4rem;
margin-top:0;
}

.recapitulatif .port {
margin-bottom:30px;
}

.recapitulatif .port span {
font-weight:bold;
}

.recapitulatif .total .resultat {
font-size:2.5rem;
}


.recapitulatif .total .resultat_tva {
font-size:1rem;
font-style:italic;
color:#e9e9e9;
margin-bottom:20px;
}

.recapitulatif a.bouton_paiement {
color:#5483c1;
height:0;
visibility:hidden;
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
font-size:0rem;
}


.recapitulatif a.bouton_paiement_visible {
height:auto;
visibility:visible;
opacity:1;
font-size:2rem;
}

</style>