/* Paramêtrage général */
/* -------------------------------------------------------- */
strong,b{font-weight:bold;}
small {font-size:0.85em;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
form {display:inline;}
textarea {width:100%;line-height:1.25;}
a img{border:0px;}
.fright{float:right;margin:0px 0px 30px 31px;}
.fleft{float:left;margin:0px 31px 30px 0px;}
.fcenter{text-align:center;margin:0 auto;clear:both;}
.left {float: left;}
.right {float: right;}
.rpl {margin:0;height:1%;font-size:1em;}
button.rpl{border:none;background:transparent;}
.rpl,.rpl a,.rpl span{display:block;overflow:hidden;text-indent:-1000em;}
.spacer{clear:both;height:0px;line-height:0px;margin:0px;padding:0px;font-size:0em;display:block;border:0px none;}
.shownone{display:none;}

.titletext1 {text-transform: uppercase;}
.titletext2 {text-transform: uppercase;}
.titletext3 {text-transform: uppercase;}

a.lexiquelink {
text-decoration:none;
}

.document{width:135px;height:90px;overflow:hidden;}

.textcorps{padding: 0 0 1em 0;}
.textcorps ul {padding: 1em 0 1em 0; margin:0em;text-indent:0px;}
.textcorps p {margin-bottom:1em;text-align:justify;}
.textcorps li,.textcorps ul li {text-align:justify;padding: 0 0 0 30px;text-indent: -1.1em;font-size: 0.9em;list-style-position: inside;}
.smalltext{font-size:.8em;}
.textcorps em{font-style:italic;line-height:1.5em;}

.linkbullet{min-height:1.9em;display:block;}
.docbullet{font-size:.9em;padding: 0 0 1em 0em;min-height:1.9em;display:block;}

input{font-size:.8em;line-height:.9em;padding:0.2em;}
label{font-size:.8em;height:1.2em;padding:0.2em;}
input[type=text]{height:1.8em;padding:0.2em;}
input[type=text]:focus{background:#dddddd;}
input[type=password]{height:1.8em;padding:0.2em;}
input[type=password]:focus{background:#dddddd;}
input[type=tel]{height:1.8em;padding:0.2em;}
input[type=tel]:focus{background:#dddddd;}
input[type=file]{background:transparent;border:0px none;}
input[type=radio]{border:0px none;background:transparent;}
input[type=checkbox]{border:0px none;}
input[type=button] {padding: 0.5em;font-size: 1em;padding: 7px 10px !important;border-radius: 20px;
cursor: pointer !important;}
input[type=submit] {padding: 0.5em;font-size: 1em;padding: 7px 10px !important;
cursor: pointer !important;}

input[type=submit]:hover{background:#202020;color:#FFF;border-color:#FFF;}
input[type=button]:hover{background:#202020;color:#FFF;border-color:#FFF;}

select{font-size:.8em;height:1.8em;padding:0.2em;}
select:focus{background:#dddddd;}
textarea{font-size:.8em;padding:0.2em;}
textarea:focus{background:#dddddd;}

/* Cards... */
.card-group{}
.card{background: #F9F9F9;padding: 1em;margin: 0 0 1em;}
.card-body{}
.card-title{
	background: linear-gradient(145deg, rgba(48, 123, 173, 1) 0%, rgba(16, 64, 97, 1) 100%);
    padding: 1em;
    margin: -1em -1em 1em -1em;
    color: #FFF;
    font-weight: bold;
}
.card-text i{
	font-weight: bold;
    font-size: 0.9em;
}

.card-body span{
	font-weight: bold;
    font-size: 0.9em;
    margin: 0 1em 0 0;
}
.card-body i{
    margin: 0 1em 0 0;
}

.card-text i{
	font-weight: bold;
    font-size: 0.9em;
}

.card a.web{
	border:1px solid #13b756;
    background: #13b756;
    color:#FFF;
    padding: 0.5em 1em;
    margin: 0em 1em 0.5em 0em;
    width: fit-content;
    text-decoration:none;
    border-radius: 20px;
    display: block;
    float: left;  
}
.card a:hover.web{
	background: #FFF;
    color:#13b756;
}
.card a.book{
	border:1px solid #0a6c32;
    background: #0a6c32;
    color:#FFF;
    padding: 0.5em 1em;
    margin: 0em 1em 0.5em 0em;
    width: fit-content;
    text-decoration:none;
    border-radius: 20px;
    display: block;
    float: left;
}
.card a:hover.book{
	background: #FFF;
    color:#0a6c32;
}
.card a.linkedin{
	border:1px solid #053d5b;
    background: #0077B5;
    color:#FFF;
    padding: 0.5em 1em;
    margin: 0em 1em 0.5em 0em;
    width: fit-content;
    text-decoration:none;
    border-radius: 20px;
    display: block;
    float: left;
}
.card a:hover.linkedin{
	background: #FFF;
    color:#0077B5;
}
.card a.btnemailemailform{
	border:1px solid #F24B0C;
    background: #F24B0C;
    color:#FFF;
    padding: 0.5em 1em;
    margin: 0em 1em 0.5em 0em;
    width: fit-content;
    text-decoration:none;
    border-radius: 20px;
    display: block;
    float: left;
}
.card a:hover.btnemailemailform{
	background: #FFF;
    color:#F24B0C;
}

/* Modales */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed!important; /* Stay in place */
  z-index: 1000; /* Sit on top */
    left: 0!important;
    top: 0!important;
  width: 100%!important; /* Full width */
  height: 100%!important; /* Full height */
  overflow: hidden!important; /* Enable scroll if needed */
  margin: 0 !important;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal .modal-content {
    background-color: #fefefe;
    margin: 4% 4% !important;
    padding: 3% 3% !important;
    border: 1px solid #888;
    width: 84% !important;
    position: relative;
    overflow: scroll;
    height: 74%;
}

/* Web mobile */
@media (max-width: 767px) {
	.modal .modal-content {
		font-size: 0.9em;
	    line-height: 1.1em;
	}
}

/* The Close Button */
.modal .close {
	color: #aaa;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin: 0 !important;
    opacity: 1 !important;
}

.modal h5{font-size: 23px;}

.modal p{}

.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.emailform{
	position: absolute;
    background: #E3E3E3;
    top: 0;
    left: -400px;
    width: 340px;
    height: calc(100% - 60px);
    transition: all 0.5s ease-out;
    padding: 30px;
    font-size: 1.2em;
    line-height: 1.5em;
}

.emailform .introvalidmsg{
	display: inline-block;
    float: left;
    clear: both;
}



.modal .closeemailform {
	color: #aaa;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 0 !important;
    opacity: 1 !important;
}
.modal .closeemailform:hover,
.modal .closeemailform:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* ie only... */
.radio span{height:1.5em;font-size:.8em;}
.checkbox{height:1em;font-size:.8em;}
.radio input{height:1.5em;border:0px none;}
.checkbox input{height:1.5em;border:0px none;}

.imgtitle{}

/* Elements speciaux */
#summary{font-size:1em;padding: 1em 0em 1em 1em;}
#summary .summary1{font-size:0.9em;padding: 0em 0em 0em 1.5em;margin-bottom: 10px;position: relative;}
#summary .summary1:before{content: "\f0a9"; font-family: FontAwesome;position: absolute;top: 0px;left: 0px;width:1.5em;display:block;}
#summary .summary1 a{text-decoration:none;}
#summary .summary1 a:hover{text-decoration:underline;}

#summary .summary2{font-size:0.85em;padding: 0em 0em 0em 3em;ffont-style:italic;margin-bottom: 10px;}
#summary .summary2 a{text-decoration:none;}
#summary .summary2 a:hover{text-decoration:underline;}
.backtotop{font-size:1em;padding: .3em 0em 1em 0em;text-align:right;clear:both;}
.backtotop a{text-decoration:none;}

#list{margin:.5em 0 .5em 0;}
#nav{margin:.5em 0 1em 0;line-height:1.5em;}

.row1{background:#F9F9F9;}
.row2{}
.rowon{background:#eeeeee;cursor:pointer;}

.faq{border:1px solid #dddddd;padding:15px;margin:.5em 0 .5em 0;}
.faq .rowtitle{font-size:1em;}
.faq .rowtext{font-size:.8em;}
.document{display: block;float: left;height: 80px; margin: 0.5em; border:1px solid #b4b4b4;padding:5px;width: 150px;}
.document img{float:left;margin:0 1em .2em 0;}
.document .rowtitle{font-size:.8em;margin:.2em 0 .8em 0;}
.document .rowtext{font-size:.7em;float:left;clear:left;}


.news{border:1px solid #dddddd;padding:10px;margin:.5em 0 .5em 0;border-radius:3px;font-size:1.1em;}
.news .rowtitle{margin:0 0 10px;font-size:1em;line-height:1.2em;}
.news .rowtitle a{height:1em;}
.news .rowtext{margin-bottom:10px;font-size:0.8em;}
.news .rowdate {font-size:0.9em;height:25px;color:#b4b4b4;}
.news a.btnmore{border: 2px solid;padding:5px 15px;text-align:center;ftext-decoration:none;clear:left;margin-top:20px;display: block;float: left;opacity:0.7;border-radius:10px;}
.news a.btnmore:hover{opacity:1;}

.news img{float:right;display:block;width:150px;height:150px;margin-left:10px;}
.news .tags{font-size:0.7em;}
.news .numcomments{font-size:0.7em;}

.tagsn{padding-left:5px;font-size:0.9em;}
.tags{font-size:0.7em;}
.daten{font-size:0.9em;height:35px;padding-left:5px;font-weight:bold;}
.commentn{padding-left:5px;font-size:0.9em;}

.share{display: block;height: 30px; width: 100%;}
.share .platform{float:left;margin-left:5px;}
.share .platform.gplus{width: 75px;}

.comments{border:1px solid #E1E1E1;padding:1em;font-size:0.9em;}
.comments h3{font-weight:bold;}

.product{border:1px solid #dddddd;padding:10px;margin:.5em 0 .5em 0;border-radius:3px;font-size:1em;}
.product img{float:right;display:block;margin:0 0 0 1em;}
.product .rowtitle{font-size:1em;line-height:1.2em;margin:.2em 0 0 0;margin:0 0 10px;}
.product .rowtext{font-size:.8em;margin:.5em 0 0 0;}
.product .oldprice{font-size:.7em;text-decoration:line-through;margin:.5em 0 0 0;}
.product .oldprice span{font-size:1.2em;}
.product .price{font-size:0.9em;margin:.5em 0 0 0;}
.product .price span{font-size:1.5em;}
.product a.btnmore{border: 1px solid;padding:5px 15px;text-align:center;ftext-decoration:none;clear:left;margin-top:20px;display: block;float: left;opacity:0.7;border-radius:10px;}
.product a.btnmore:hover{opacity:1;}

.magnify{cursor: url('http://www.metasysteme-coaching.fr/images/magnify.png'), url('http://www.metasysteme-coaching.fr/images/magnify.cur'), url('../images/magnify.cur'), auto;}

.gallery{display: block;float: left;height: 170px; margin: 0.5em; border:1px solid #b4b4b4;padding:5px;text-align: center; width: 150px;}
.gallery img{margin:0 auto;display:block;}
.gallery .rowtitle{font-size:.7em;margin:.2em 0 0 0;clear:both;display:block;}
.gallery .rowtext{font-size:.7em;}
.gallery a{margin:0 auto;display:block;}
.lexique{padding:.2em;margin:.5em 0 .5em 0;}
.lexique img{float:right;display:block;margin:0 0 0 1em;}
.lexique .rowtitle {font-size:1.025em;padding: 0 0 .7em 1em;font-family: Arial, Helvetica, sans-serif;clear:both;background:transparent url(../webmanager/images/img3-1.gif) no-repeat top left;font-weight:500;}
.lexique .rowtext{font-size:.8em;padding: 0 0 1em 0;font-family: Arial, Helvetica, sans-serif;text-align:justify;}
.lexique .rowtext ul {padding: 1em 0 1em 0; margin:0em;text-indent:0px;}
.lexique .rowtext p {margin-bottom:1em;text-align:justify;}
.lexique .rowtext li,.lexique .rowtext ul li {padding: 0 0 0 1.5em;background:transparent url(../webmanager/images/img7-1.gif) top left no-repeat;margin:0em;text-align:justify;}
.lexique .rowtext em{font-style:italic;line-height:1em;}
a.lexiquelink{background:#eeeeee;text-decoration:underline;cursor:pointer;}
.tagscloud {font-size: 1em;text-align: justify;}
.tagscloud li {display: inline;margin: 0;padding: 0;}
.tagscloud li a {margin: 5px;padding: 0;font-style: normal;}
.tagscloud strong {font-size: 1.4em;line-height:1.3em;font-weight: normal;}
.tagscloud em {font-size: 1.2em;line-height:1.3em;font-weight: normal;}

#showproduct{}
#showproduct .slider{display: block;float: left;height: 405px;width:500px;overflow: hidden;margin-right:10px;}
#showproduct .slider .sphotos{display: block;float: left;height: 405px; overflow: hidden;width: 405px;}
#showproduct .slider .sphotos .subphotos{display: block;float: left;height: 405px;width: 6000px;}
#showproduct .slider .sthumbs{display: block;float: left;height: 405px;margin: 0 0 0 10px;width: 85px;}
#showproduct .slider .sthumbs .sprevious{display: block;float: left; height: 20px;margin-bottom: 5px;width: 85px;background:#eeeeee url(/images/prd_arrows.gif) 20px top no-repeat;cursor:pointer;}
#showproduct .slider .sthumbs .sprevious:hover{background-color:#dddddd;}
#showproduct .slider .sthumbs .snext{display: block;float: left;height: 20px;margin-top: 5px;width: 85px;background:#eeeeee url(/images/prd_arrows.gif) 20px bottom no-repeat;cursor:pointer;}
#showproduct .slider .sthumbs .snext:hover{background-color:#dddddd;}
#showproduct .slider .sthumbs .subthumbs{display: block;float: left;height: 355px;overflow: hidden;width: 85px;}
#showproduct .slider .sthumbs .subthumbs .substhumbs{height: 2000px; width: 85px;}
#showproduct .slider .sthumbs .subthumbs .substhumbs img{margin-bottom:5px;}

#shownewsletter{overflow: hidden;}

#searchform input{margin:.5em 1em 1em 0;}
#searchform input[type=text]{width:15em;margin:.5em 1em 1em 0;}
#searchform input[type=submit]{margin:.5em 0 1em 0;}

#ssearchform input{margin:0em 0 0em 0;width:45%!important;}
#ssearchform input[type=text]{width:55%!important;}
#ssearchform input[type=submit]{width:35%!important;font-size:0.7em}

.search{background:#eeeeee;}

#newsletterform input{margin:0em 0 0em 0;width:95%;margin-top:5px;}
#newsletterform input[type=text]{width:95%;}
#newsletterform input[type=button]{width:40%;border-radius: 20px;}
#newsletterform .errormsg{display:none;}
#newsletterform .errormsg.on{color:#ae0000;display:block;font-size:.8em;line-height:1.2em;}
#newsletterform .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}

.nwsltrf{background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #666666; margin-bottom: 20px; padding: 10px;}
.nwsltrf form{}
.nwsltrf form input{margin:0em 0 0em 0;width:30%;margin-top:5px;}
.nwsltrf form input[type=text]{width:30%;}
.nwsltrf form input[type=button]{width:40%;border-radius: 20px;}
.nwsltrf form .errormsg{display:none;}
.nwsltrf form .errormsg.on{color:#ae0000;display:block;font-size:1em;line-height:1.2em;margin-top:5px;}
.nwsltrf form .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}



#contactform{}
#contactform label{width:15em;margin:.5em 0 .5em 0em;float:left;clear:left;}
#contactform input[type=text]{width:23em;margin:.5em 0 .5em 0;}
#contactform select{width:23.5em;margin:.2em 0 .2em 0;z-index:0;}
#contactform textarea{width:23em;margin:.5em 0 .5em 0;}
#contactform input[type=submit]{margin:1em 0 0 15.5em;font-size: 0.8em;}
#contactform input[type=button]{margin:1em 0 0 15.5em;font-size: 0.8em;border-radius: 20px;}
#contactform .radio{}
#contactform .checkbox{display:block;clear:both;line-height:1em;margin:0 0 0 15.5em;padding:0;}
#contactform .radio input{margin:.5em 1em 0 0;}
#contactform .checkbox input{margin:0em 1em 0 0;background:none;border:none 0px;}
#contactform .radio span{
	float: left;
    margin: .5em 1em 0 0;
}
#contactform .checkbox span{margin:0em 1em 0 0;}
#contactform .file{margin:.5em 0 0em 0em;height:0.9em;}

#quescodeform{padding:10px!important;}
#quescodeform label{width:28%;margin:.5em 0 .5em 0em!important;float:left;clear:left;}
#quescodeform input[type=text]{width:68%;margin:.5em 0 .5em 0em!important;}
#quescodeform input[type=button]{margin:.5em 0 0 15.5em;}
#quescodeform .errormsg{display:none;}
#quescodeform .errormsg.on{color:#ae0000;display:block;font-size:1em;line-height:1.2em;margin-top:5px;}
#quescodeform .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}

#form-disclaimer{margin-top:1em;font-style:italic;}
#form-mandatory{font-style:italic;}

.error{clear:both;margin: 1em 0 1em 0;font-size:1em;color:#FF0000;}

#pollform input[type=text]{width:23em;margin:1em 0 0 0;}
#pollform select{width:23em;margin:1em 0 0 0;}
#pollform textarea{width:23em;margin:1em 0 0 0;}
#pollform input[type=submit]{margin:1em 0 1em 0;}
#pollform input[type=button]{margin:1em 0 1em 0;border-radius: 20px;}
#pollform .radio{}
#pollform .radio input{margin:1em 1em 0 0;}
#pollform .radio span{margin:1em 1em 0 0;}

.poll{padding:.2em;margin:.5em 0 .5em 0;}
.question{font-size:.8em;line-height:1.2em;padding:0.2em;font-family: Arial, Helvetica, sans-serif;}

#spollform input[type=text]{width:95%;margin:0.2em 0 0 0;}
#spollform select{width:95%;margin:0.2em 0 0 0;}
#spollform textarea{width:95%;margin:0.2em 0 0 0;}
#spollform input[type=submit]{margin:0.2em 0 0.2em 0;}
#spollform input[type=button]{margin:0.2em 0 0.2em 0;border-radius: 20px;}
#spollform .radio{}
#spollform .radio input{margin:0.2em 0.2em 0 0;}
#spollform .radio span{margin:0.2em 0.2em 0 0;}

#registerform{font-size:1.25em;}
#registerform label{width:15em;margin:.5em 0 .5em 0em;float:left;clear:left;}
#registerform input[type=text]{width:23em;margin:.5em 0 .5em 0;}
#registerform input[type=password]{width:23em;margin:.5em 0 .5em 0;}
#registerform select{width:23.5em;margin:.2em 0 .2em 0;z-index:0;}
#registerform textarea{width:23em;margin:.5em 0 .5em 0;}
#registerform input[type=button]{margin:1em 0 0 15.5em;border-radius: 20px;}
#registerform .radio{}
#registerform .checkbox{height:5.5em;display:block;clear: right;}
#registerform .radio input{margin:.5em 1em 0 0;}
#registerform .checkbox input{margin:1em 1em 0 0;float:left;width:2em;}
#registerform .radio span{margin:.5em 1em 0 0;}
#registerform .checkbox span{margin:.5em 1em 0 0;}
#registerform .checkbox div{margin:.5em 1em .5em 0;width:20em;display:block;float:left;padding:.5em;}
#registerform .errormsg{display:none;}
#registerform .errormsg.on{margin:1em 0 0 15.5em;color:#ae0000;display:block;font-size:.8em;line-height:1.2em;width:23em;}
#registerform .fieldmsg{margin:0 0 0 15.5em;font-size:.8em;width:23em;}
#registerform .fieldmsg .red{color:#ae0000;}
#registerform .fieldmsg .green{color:#0a6c32;}
#registerform .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}
#registerform .validfield{border:1px solid #0a6c32;color:#0a6c32;background:#e5f9e3;}

#userinfo b{padding:0 0 0 1.5em;width:10em;}
#userinfo a{padding:0 0 0 1.5em;}

#edituserform{font-size:1.25em;}
#edituserform label{width:15em;margin:.5em 0 .5em 0em;float:left;clear:left;}
#edituserform input[type=text]{width:23em;margin:.5em 0 .5em 0;}
#edituserform input[type=password]{width:23em;margin:.5em 0 .5em 0;}
#edituserform select{width:23.5em;margin:.2em 0 .2em 0;z-index:0;}
#edituserform textarea{width:23em;margin:.5em 0 .5em 0;}
#edituserform input[type=button]{margin:1em 0 0 15.5em;border-radius: 20px;}
#edituserform .radio{}
#edituserform .checkbox{height:5.5em;display:block;}
#edituserform .radio input{margin:.5em 1em 0 0;}
#edituserform .checkbox input{margin:1em 1em 0 0;float:left;width:2em;}
#edituserform .radio span{margin:.5em 1em 0 0;}
#edituserform .checkbox span{margin:.5em 1em 0 0;}
#edituserform .checkbox div{margin:.5em 1em .5em 0;width:20em;display:block;float:left;padding:.5em;}
#edituserform .errormsg{display:none;}
#edituserform .errormsg.on{margin:1em 0 0 15.5em;color:#ae0000;display:block;font-size:.8em;line-height:1.2em;width:23em;}
#edituserform .fieldmsg{margin:0 0 0 15.5em;font-size:.8em;width:23em;}
#edituserform .fieldmsg .red{color:#ae0000;}
#edituserform .fieldmsg .green{color:#0a6c32;}
#edituserform .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}
#edituserform .validfield{border:1px solid #0a6c32;color:#0a6c32;background:#e5f9e3;}


#banner_user{font-size:0.8em;}

#loginform,#loginform2{font-size:1.25em;}
#loginform label{width:15em;margin:.5em 0 .5em 0em;float:left;clear:left;}
#loginform2 label{width:95%;margin:.5em 0 0em 0em;float:left;clear:left;}
#loginform input[type=text]{width:23em;margin:.5em 0 .5em 0;}
#loginform2 input[type=text]{width:95%;margin:.5em 0 0em 0;}
#loginform input[type=password]{width:23em;margin:.5em 0 .5em 0;}
#loginform2 input[type=password]{width:95%;margin:.5em 0 0em 0;}
#loginform input[type=button]{margin:1em 0 0 15.5em;border-radius: 20px;}
#loginform2 input[type=button]{margin:1em 0 0 0em;border-radius: 20px;}
#loginform .checkbox,#loginform2 .checkbox{}
#loginform .checkbox input,#loginform2 .checkbox input{margin:.5em 1em 0 0;}
#loginform .checkbox span,#loginform2 .checkbox span{margin:.5em 1em 0 0;}
#loginform .errormsg,#loginform2 .errormsg{display:none;}
#loginform .errormsg.on{margin:1em 0 0 15.5em;color:#ae0000;display:block;font-size:.8em;line-height:1.2em;width:23em;}
#loginform2 .errormsg.on{margin:1em 0 0 0em;color:#ae0000;display:block;font-size:.8em;line-height:1.2em;width:10em;}
#loginform .fieldmsg{margin:0 0 0 15.5em;font-size:.8em;width:23em;}
#loginform2 .fieldmsg{margin:0 0 0 0em;font-size:.8em;width:10em;}
#loginform .fieldmsg .red,#loginform2 .fieldmsg .red{color:#ae0000;}
#loginform .fieldmsg .green,#loginform2 .fieldmsg .green{color:#0a6c32;}
#loginform .errorfield,#loginform2 .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}
#loginform a,#loginform2 a{font-size:.8em;margin-top:1em;}

#lostpasswordform{font-size:1.25em;}
#lostpasswordform label{width:15em;margin:.5em 0 .5em 0em;float:left;clear:left;}
#lostpasswordform input[type=text]{width:23em;margin:.5em 0 .5em 0;}
#lostpasswordform input[type=button]{margin:1em 0 0 15.5em;border-radius: 20px;}
#lostpasswordform .fieldmsg{margin:1em 0 0 15.5em;font-size:.8em;width:23em;}
#lostpasswordform .fieldmsg .red{color:#ae0000;}
#lostpasswordform .fieldmsg .green{color:#0a6c32;}
#lostpasswordform .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}

#loggedline{background:#eeeeee;font-size:1em;padding:0.2em;}
#loggedline a{}
.listuser{display:block;padding: 0em 0em 0em 1.5em;background:transparent url(../webmanager/images/img8-1.gif) top left no-repeat;}
.linkuser{padding-left:1em;display:block;position: relative;}
.linkuser:before{content: "\f101"; font-family: FontAwesome;position: absolute;top: 0px;left: 0px;width:1em;display:block;}

#orderpath{font-size:1em;padding:0.5em;margin-top:1em;}
#orderpath span{padding:0.5em;margin:0.2em;}
#orderpath .past{color:#1a5715;}
#orderpath .current{color:#0a6c32;font-weight:bold;background:#d5f4d3;}
#orderpath .next{color:#a3f49d;}

fieldset{border:1px solid #000;margin-bottom:1em;padding:1em;font-size:1em;margin-top:0.5em;}
legend{margin:0 0.5em 0 0.5em;padding:0.5em;font-size:1.2em;}
input.uservalid{background:#0a6c32 none;color:#FFFFFF;border:1px solid #0a6c32;font-size:0.8em;}
button.uservalid{background:#0a6c32 none;color:#FFFFFF;border:1px solid #0a6c32;font-size:0.8em;padding:0.5em 1em;border-radius: 20px;}
input.uservalid:hover{background:#FFFFFF none;color:#0a6c32;}
button.uservalid:hover{background:#FFFFFF none;color:#0a6c32;border-radius: 20px;}
input.userback{background:#910000 none;color:#FFFFFF;border:1px solid #FFFFFF;font-size:0.8em;}

fieldset table{border-collapse:separate;border-spacing:5px;empty-cells:show;width:100%;border:none 0px;font-size:0.9em;}
fieldset table th{font-weight:bold;background:#dddddd;}
fieldset table th{padding:0 5px 0 5px;}
fieldset table td{padding:0 5px 0 5px;}
fieldset table .tright{text-align:right;}
fieldset table .totalstrong{font-weight:bold;background:#dddddd;}
fieldset table .total{font-weight:bold;background:#eeeeee;}

fieldset#buyproduct{float:right;margin-bottom:1em;margin-left:1em;width:250px;}
#buyproduct ul{float:left;display:block;width:250px;}
#buyproduct input[type=button]{clear:both;font-size:1.2em;line-height:1.2em;margin-top:0.5em;border-radius: 20px;}
#buyproduct input.qtity{width:1.5em;}
#buyproduct .oldprice{font-size:1.2em;text-decoration:line-through;}
#buyproduct .price{font-size:1.5em;}
#buyproduct .fieldmsg{clear:both;margin-top:0.5em;clear:both;}
#buyproduct .fieldmsg .red{color:#ae0000;padding:0.5em;border:1px solid #ae0000;background-color:#e6c0c0;}
#buyproduct .fieldmsg .green{color:#0a6c32;padding:0.5em;border:1px solid #0a6c32;background-color:#c9e6c6;}

#basket_module{font-size:0.8em;}
#basket_module a{}
#basket_module a:hover{}
#basket_module input[type=button]{float:right;clear:both;font-size:1em;line-height:1.2em;border-radius: 20px;}

#basket_detail input.uservalid{float:right;clear:both;font-size:1em;line-height:1.2em;}
#basket_detail input.userback{float:left;font-size:1.2em;line-height:1em;}

.addform{font-size:1.25em;}
.addform label{width:15em;margin:1em 0 0.5em 0em;float:left;clear:left;}
.addform input[type=text]{width:23.5em;margin:1em 0 1em 0;}
.addform input[type=search]{width:23em;margin:1em 0 1em 0;}
.addform input[type=tel]{width:23em;margin:1em 0 1em 0;padding: 1em;}
.addform input[type=password]{width:23em;margin:1em 0 1em 0;}
.addform select{font-size: 0.75em!important;width:23.5em;margin:1em 0 1em 0;z-index:0;height: 2.1em!important;padding: 0.1em!important;}
.addform textarea{width:23em;margin:1em 0 0.5em 0;}
.addform input[type=button]{margin:1em 0 0 15.5em;font-size:0.8em;border-radius: 20px;}
.addform input[type=button].nomargin{margin:1em 0 0 1em;border-radius: 20px;}
.addform .iti {
    font-size: 1em;
    margin: 0.8em 0 0.5em;
}
.addform .radio{}
.addform .radio input{margin:.5em 1em 0 0;float: left;}
.addform .radio span{margin:.5em 1em 0 0;float: left;}
.addform .errormsg{display:none;}
.addform .errormsg.on{margin:1em 0 0 15.5em;color:#ae0000;display:block;font-size:.8em;line-height:1.2em;width:23em;}
.addform .fieldmsg{margin:1em 0 0 15.5em;display:block;font-size:.8em;line-height:1.2em;width:23em;}
.addform .fieldmsg .red{color:#ae0000;}
.addform .fieldmsg .green{color:#0a6c32;}
.addform .fieldmsg.orange{color:#ff9600;}
.addform .errorfield{border:1px solid #ae0000;color:#ae0000;background:#ffeded;}
.addform .validfield{border:1px solid #0a6c32;color:#0a6c32;background:#e5f9e3;}

#delivery_detail dl,#invoice_detail dl{margin:1em 0em;font-size:1.1em;background:#eeeeee;padding:0.5em;}
#delivery_detail dt,#invoice_detail dt{}
#delivery_detail dd,#invoice_detail dd{font-size:0.8em;}
#delivery_detail dd li,#invoice_detail dd li{margin-left:1em;padding: 0em 0em 0em 1.5em;background:transparent url(../webmanager/images/img8-1.gif) top left no-repeat;}

.introerrormsg{font-size:0.8em;padding:0.5em;border:1px solid #ae0000;color:#ae0000;background:#ffeded;margin:1em 0em 1em 0em;clear:both;display:block;line-height:1.1em;}
.introvalidmsg{font-size:0.8em;padding:0.5em;border:1px solid #0a6c32;color:#0a6c32;background:#e5f9e3;margin:1em 0em 1em 0em;clear:both;display:block;line-height:1.1em;}
.intromsg{font-size:0.8em;padding:0.5em;border:1px solid #58585a;color:#58585a;background:#eeeeee;margin:1em 0em 1em 0em;clear:both;display:block;line-height:1.1em;}

#validate_order{font-size:0.8em;}
#validate_order input[type=button]{float:right;clear:both;font-size:1.2em;border-radius: 20px;}
#parcel_recap input[type=button]{float:right;clear:both;font-size:1.2em;border-radius: 20px;}

#payvalid{border:1px solid #0a6c32;color:#0a6c32;background:#e5f9e3;margin:1em 0em;}
#pay_div br{line-height:1px;font-size:1px;}
#payment{font-size:1em;}
#payment input[type=button]{float:right;font-size:1.2em;border-radius: 20px;}
#payment .checkbox input,#loginform2 .checkbox input{margin:.5em 1em 0 0;}
#payment .checkbox span,#loginform2 .checkbox span{margin:.5em 1em 0 0;}
#payment .checkbox span,#payment #mes_conditions.introerrormsg .checkbox span{font-size:1.2em;}
#payment #mes_conditions{ clear: both;float: left; height: 20px;margin: 10px 0 20px;padding: 10px;width: 97.5%;}
#payment #p3x_div{clear:both;}
#payment #p3X_ques{clear: both;float: left;font-size: 1em;margin: 10px 0; width: 100%;font-weight:bold;}
#payment #p3X_show{clear: both; display: block;font-size: 1em;font-weight: bold;}
#payment #p3X_auto{clear: both; display: block;font-size: 1em;font-weight: bold;}
#payment #pay3x{clear: right;display: block; float: left;margin: 20px 0 20px 40px;}
#payment label{display: block;float: left;font-size: 1em;margin: 10px 0 30px 30px;text-decoration: underline;}

#payment #pay_div{clear:both;}
#payment #pay_div form div{margin-bottom:15px;}

#oldorders .paid{color:#4590de;}
#oldorders .prepared{color:#ec9000;}
#oldorders .shipped{color:#6c840d;}
#oldorders .delivered{color:#2d9300;}
#oldorders .cancelled{color:#FF0000;}

#titleelem{display:block;margin:1em 0 1em 0;}
#titleelem h2 a{font-size:1.2em;padding: 0 0 0 0;line-height:100%;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration:none;}
#titleelem h2 span{font-size:1em;padding: .2em 0 0 0;letter-spacing:-1px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;display:block;}

.section{background: none repeat scroll 0 0 #F1F1F1;cursor: pointer; padding:5px 5px 5px 25px}
.section.on{background-image:url(/images/divexp-btn.gif);background-position: 5px -21px;background-repeat: no-repeat;}
.section.off{background-image:url(/images/divexp-btn.gif);background-position: 5px 7px;background-repeat: no-repeat;}
div.ssection{margin:0 0 10px 0;border: 1px solid #F1F1F1;padding: 5px;}

#MooFlow{visibility: hidden;background-color:#ffffff;}
#MooFlow img {cursor:pointer;}
.mf{visibility: hidden; z-index:1; color:#58585a; font-size:14px}
.mf div.knob{background-color:#dddddd;border-right:#58585a 1px solid;}
.mf div.knobleft{border-left:#58585a 1px solid;}
.mf a.sliderNext{background-color:#dddddd;border:#58585a 1px solid;}
.mf a.sliderPrev{background-color:#dddddd;border:#58585a 1px solid;}
.mf div.slider{background-color:#eeeeee;border-top:#58585a 1px solid;border-bottom:#58585a 1px solid;}
.mf a.resize{border:#58585a 1px solid;}

/* Web normal */
@media (max-width: 1199px) {
  .span6 input[type=text]{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  
  .span6 select{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  .span6 textarea{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  .span6 .radio{
  	clear: both!important;
  	width: 95%!important;
  	margin-left:0px!important;  
  }
  .span6 .checkbox{
  	clear: both!important;
  	width: 95%!important;
  	margin-left:0px!important;    	
  }
  .span6 .fieldmsg{
  	clear: both!important;
  	width: 95%!important;
  	margin-left:0px!important;  	
  }
  .span6 input[type=button] {
	margin-left:0px!important;border-radius: 20px;
  }
  .span6 input[type=submit] {
	margin-left:0px!important;
  }
}

/* Web mobile */
@media (max-width: 767px) {

  input[type=text],input[type=tel]{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  label{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  select{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  textarea{
  	width: 95%!important;
  	clear: both!important;
  	margin-left:0px!important;  
  }
  .radio{
  	clear: both!important;
  	width: 95%!important;
  	margin-left:0px!important;  
  }
  .checkbox{
  	clear: both!important;
  	width: 95%!important;
  	margin-left:0px!important;    	
  }
  .fieldmsg{
  	clear: both!important;
  	width: 95%!important;
  	margin-left:0px!important;  	
  }
  input[type=button] {
	margin-left:0px!important;border-radius: 20px;
  }
  input[type=submit] {
	margin-left:0px!important;
  }
  	fieldset table{border-spacing:0px;font-size:0.8em;}
	fieldset table th{padding:0 1px 0 1px;}
	fieldset table td{padding:0 1px 0 1px;}
}