body {font-size:13px;}
form,fieldset{border:none;margin:0;padding:0}
input,button,select{vertical-align:middle;outline:none;}
input,textarea{float:left;width:auto;height:17px;font:normal 12px 'Playfair Display';color:#333;margin:0;padding:5px 0 5px 10px;background:#fff;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;outline:none;}
textarea{height:140px}
table {border-collapse:collapse;}
table td, table th {padding:0;}

.eshop_main {position:absolute;top:170px;left:50%;width:960px;margin-left:-450px;}

@media screen and (max-width: 1500px) {
.eshop_main {top:110px;}
}

/*
ESHOP NAV ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.eshop_nav {float:left;height:auto;width:100%;margin-top:50px;margin-bottom:50px;}
.eshop_nav div {float:left;height:1px;width:100%;background:#ccc;}
.eshop_nav span {float:left;height:auto;width:100%;margin-top:-10px;text-align:center;box-sizing:border-box;padding-right:70px;}
.eshop_nav span em {padding:5px 10px 5px 10px;background:url(/uploads/background/1.jpg);margin:0 40px 0 65px;color:#000}
.eshop_nav span em.on {background:#3a7587;color:#fff;}
.eshop_nav span a {cursor:default;}

@media screen and (max-width: 1500px) {
.eshop_nav {margin-bottom:30px;}
}
/*
ESHOP ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.eshop {float:left;height:auto;width:90%;margin:0 5% 100px 5%;}
.eshop table {float:left;height:auto;width:100%;}
.eshop .table1 tr {border-bottom:1px solid #ccc;}
.eshop .table1 th {text-transform:uppercase;padding:10px 0 10px 0;}
.eshop .table1 .th1 {width:100px;text-align:left;}
.eshop .table1 .th2 {width:425px;}
.eshop .table1 .th3 {text-align:left;text-indent:25px;}
.eshop .table1 .th4 {text-align:right;}
.eshop .table1 .td1 {width:100px;}
.eshop .table1 .td1 img {float:left;height:auto;width:80px;padding:10px 0 10px 0;}
.eshop .table1 .td2 a {color:#333;text-decoration:underline;font-size:11px;}
.eshop .table1 .td2 b {font-weight:normal}
.eshop .table1 .td3 {text-align:left;text-indent:30px;}
.eshop .table1 .td3 a.moins {float:left;height:35px;width:35px;background:url(/eshop/00-fiche-moins.png);margin-top:12px;}
.eshop .table1 .td3 a.plus {float:left;height:35px;width:35px;background:url(/eshop/00-fiche-plus.png);margin-top:12px;}
.eshop .table1 .td3 input {float:left;height:18px;width:33px;text-align:center;padding:8px 0 7px 0;border:1px solid #ccc;margin:0 5px 0 5px;margin-top:12px;}
.eshop .table1 .td4 {text-align:right;}
.eshop .table2 {margin-top:20px;}
.eshop .table2 td {vertical-align:top;}
.eshop .table2 .td1 b {text-transform:uppercase;float:left;width:100%;margin-bottom:5px;}
.eshop .table2 .td2 {border-right:1px solid #ccc;border-left:1px solid #ccc;padding-left:50px;}
.eshop .table2 .td2 b {text-transform:uppercase;float:left;width:100%;margin-bottom:5px;}
.eshop .table2 .td3 {width:300px;padding-left:50px;}
.eshop .table2 .td3 div {float:left;width:100%;margin:2px 0 2px 0;}
.eshop .table2 .td3 div span {float:left;width:50%;}
.eshop .table2 .td3 div em {float:left;width:50%;text-align:right;}
.eshop .table2 .td3 div em input[type=text]{float:right;width:70px;height:15px;padding:2px;}
.eshop .table2 .td3 div em a {float:right;width:auto;height:17px;padding:2px 5px 2px 5px;background:#3a7587;color:#fff;}
.eshop .table2 .td3 div b {font-size:14px;margin-top:10px;}
.eshop .table2 .td3 div b span {margin-top:20px;margin-bottom:20px;}
.eshop .table2 .td3 div b em {margin-top:20px;margin-bottom:20px;}
.eshop .table2 .td3 div a.btn {float:right;height:auto;width:auto;text-align:center;background:#3a7587;text-transform:uppercase;font:normal 13px 'Open Sans';color:#fff;letter-spacing:1px;padding:10px 20px 10px 20px;}
.eshop .table2 .td3 div a:hover.btn {}
.eshop select {border:none;padding:0;margin:0;background:none;}
.eshop select option {border:1px solid #ccc;}

/*
IDENTIFICATION ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.eshop2 {float:left;height:auto;width:100%;}
.connexion {float:left;height:auto;width:49%;border-right:1px solid #ccc;}
.connexion form {float:right;height:auto;width:400px;padding-bottom:100px;}
.connexion form b {float:left;height:auto;width:100%;font:normal 24px 'Dinlight';letter-spacing:2px;}
.connexion form span {float:left;height:auto;width:100%;margin-top:10px;}
.connexion form span label {float:left;height:auto;width:100%;}
.connexion form span input {float:left; height:auto; width:250px;}
.connexion form span a {color:#888;text-decoration:underline;font-style:italic;}
.connexion form span a:hover {text-decoration:underline;}
.connexion form input[type=submit] {float:left;height:auto;width:auto;text-align:center;background:#3a7587;text-transform:uppercase;font:normal 13px 'Open Sans';color:#fff;letter-spacing:1px;padding:10px 20px 10px 20px;margin-top:20px;border:none;cursor:pointer;}
.connexion form input[type=submit]:hover {}
.inscription {float:left;height:auto;width:50%;padding-left:90px;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:100px;}
.inscription form {float:left;height:auto;width:100%;}
.inscription form b {float:left;height:auto;width:100%;font:normal 24px 'Dinlight';letter-spacing:2px;}
.inscription form span {float:left;height:auto;width:100%;margin-top:10px;}
.inscription form span label {float:left;height:auto;width:100%;}
.inscription form span input {float:left; height:auto; width:250px;}
.inscription form input[type=submit] {float:left;height:auto;width:auto;text-align:center;background:#3a7587;text-transform:uppercase;font:normal 13px 'Open Sans';color:#fff;letter-spacing:1px;padding:10px 20px 10px 20px;margin-top:20px;border:none;cursor:pointer;}
.inscription form input[type=submit]:hover {}

/*
COORDONNEES ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.eshop3 {float:left;height:auto;width:100%;padding-bottom:100px;}
.coordonnees {float:left;height:auto;width:49%;border-right:1px solid #ccc;}
.coordonnees strong {float:left;height:auto;width:90%;border-bottom:1px solid #ccc;text-transform:uppercase;padding:10px 0 10px 0;}
.coordonnees form {float:left;height:auto;width:100%;}
.coordonnees form label {float:left;height:auto;width:100px;text-align:right;padding-right:10px;line-height:27px;}
.coordonnees form input[type=text] {float:left;height:auto;width:300px;}
.coordonnees form input[type=checkbox] {margin-right:10px;}
.coordonnees form span {float:left;height:auto;width:100%;margin:5px 0 5px 0;}
.coordonnees form span b {float:left;height:auto;width:100%;margin:30px 0 5px 0;}
.coordonnees form select {float:left;height:auto;width:70%;padding:5px;border:1px solid #ccc;}
.coordonnees form a.eshop_frais {float:left;height:auto;width:auto;text-align:center;background:#3a7587;text-transform:uppercase;font:normal 13px 'Open Sans';color:#fff;letter-spacing:1px;padding:6px 11px 5px 11px;margin-left:10px;}
.coordonnees form i {font-weight:bold; font-style:normal}
.eshop3c {float:left;height:auto;width:50%;padding-left:50px;-moz-box-sizing:border-box;box-sizing:border-box;}
.eshop3c table {float:left;height:auto;width:100%;}
.eshop3c .table1 tr {border-bottom:1px solid #ccc;}
.eshop3c .table1 th {text-transform:uppercase;padding:10px 0 10px 0;}
.eshop3c .table1 td {padding:10px 0 10px 0;}
.eshop3c .table1 .th1 {text-align:left;}
.eshop3c .table1 .th2 {text-align:center;}
.eshop3c .table1 .th3 {text-align:right;}
.eshop3c .table1 .td1 {text-align:left;}
.eshop3c .table1 .td2 {text-align:center;}
.eshop3c .table1 .td3 {text-align:right;}
.eshop3c .table1 .td4 {text-align:right;}
.eshop3c span {float:left;width:100%;margin:20px 0 50px 0;}
.eshop3c span input[type=checkbox] {margin-right:10px;}
.eshop3c span.eshop_newsletter {float:left;width:100%;margin:0 0 0 0;}
.eshop3c span a {text-decoration:underline;color:#000;}
.eshop3c a.btn {float:right;height:auto;width:auto;text-align:center;background:#3a7587;text-transform:uppercase;font:normal 13px 'Open Sans';color:#fff;letter-spacing:1px;padding:10px 20px 10px 20px;}
.eshop3c a:hover.btn {}
.eshop_radio {float:left;margin:50px 0 20px 0;}
.eshop_radio strong {float:left;height:auto;width:100%;border-bottom:1px solid #ddd;text-transform:uppercase;padding:10px 0 10px 0;margin-bottom:10px;}
.eshop_radio input {float:left;margin-right:5px;margin-top:3px;}
.eshop_radio label {float:left;margin-right:20px;}

.eshop_cgv {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(250,250,250,0.7);z-index:100000;display:none;}
.eshop_cgv1 {position:fixed;top:50%;left:50%;height:400px;width:800px;background:#fff;overflow-y:auto;margin:-200px 0 0 -400px;padding:75px 50px 50px 50px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);}
.eshop_cgv1 a {position:fixed;top:50%;left:50%;margin:-200px 0 0 -400px;height:25px;width:800px;text-align:right;background:#3a7587;color:#fff;line-height:25px;text-align:center;text-transform:uppercase;font-weight:bold;}
.eshop_cgv1 h1 {float:left;width:100%;font-size:24px;margin:0 0 50px 0;}


/*
CONFIRMATION ------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.eshop_confirmation {position:absolute;top:50%;left:100px;right:0;text-align:center;font-size:14px;margin-top:25px;}