@import url(http://fonts.googleapis.com/css?family=Asap:700italic,400);

body					{ background-color:#FAFAFA; font-family:Calibri,Arial,sans-serif; }


.right					{ float:right }
.left					{ float:left }
.white					{ color:#FFF }
.white a				{ color:#FFF }

#top-bar				{background-color:#0061a9; width:100%; }
#top-bar .center		{ width:900px; height:50px; margin:auto; padding:0px; list-style:none;  }
#top-bar .center li		{ display:inline-block; vertical-align:top; }
#top-bar .center #logo	{ margin-top:5px;  }
#top-bar #flags 		{ margin:1px; }
#top-bar #top-buttons		{ position:relative; margin-top:18px; text-align:right }
#top-bar #top-buttons li a { text-decoration:none }
#top-bar #top-buttons .bas-qte { display:inline-block; width:20px; text-align:left; margin-left:2px; font-family: 'Asap', sans-serif; font-size:12px; font-weight:700 }

#reedit 				{ position:relative; margin-top:12px; margin-left:15px; }
#reedit input			{ font-family: Calibri, Arial, sans-serif; font-size: 13px; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 300px; padding: 5px 18px 5px 45px; border: none; box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px; background: #f9f9f9; color: #777; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out;  }
#reedit i 						{ left: 0px; top: 0px; position: absolute; height: 24px; width: 36px; border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7); color: #777777; text-align: center; line-height: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; }
#reedit .autocomplete		{ position:absolute; width:310px; left:40px; top:30px; background-color:#FFF; display:none; padding:5px; z-index:999; max-height:300px; overflow-x:hidden; overflow-y:scroll }
#reedit .autocomplete ul	{ margin:0px; padding:0px; list-style:none; }
#reedit .autocomplete ul li		{ cursor:pointer; border-bottom:solid 1px #CCC; }
#reedit .autocomplete ul li:hover		{ background-color:#edf7ff }
#reedit .autocomplete ul a			{ text-decoration:none; }
#reedit .autocomplete ul .name	{ font-family: 'Asap', sans-serif; font-style:italic; font-size:14px; color:#0061A9; }
#reedit .autocomplete ul .bas-file	{ font-family: 'Asap', sans-serif; font-size:10px; color:#000; display:inline-block; width:150px; text-align:left; }
#reedit .autocomplete ul .ord-key	{ font-family: 'Asap', sans-serif; font-size:10px; color:#000; display:inline-block; width:150px; text-align:right; }

#main					{ width:900px; margin:auto; min-height:500px; background-color:#FFF; margin-top:20px; padding-top:5px; }

#cards-types			{ margin:0px; padding:0px; width:600px; margin:auto; list-style:none; }
#cards-types li			{  width:270px; height:250px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,1), inset 0 -3px 2px rgba(0,0,0,0.25); display:inline-block; margin:10px; cursor:pointer; text-align:center }
#cards-types li:hover	{ background-color:#ecedee  }
#cards-types li img		{ margin-top:50px; }
#cards-types li label { font-size:12px; }
.spacer					{ clear:both; }


.radius2							{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; ms-border-radius:2px; behavior:url(PIE.htc); }
.radius5							{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; ms-border-radius:5px; behavior:url(PIE.htc); }
.radius20							{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; ms-border-radius:20px; behavior:url(PIE.htc); }
.shadows							{ -moz-box-shadow:0px 1px 3px 0px #bcbcbc; -webkit-box-shadow:1px 0px 3px 0px #bcbcbc; -o-box-shadow:0px 1px 3px 0px #bcbcbc; box-shadow:0px 1px 3px 0px #bcbcbc; behavior:url(PIE.htc); }
.lightshadows						{ -moz-box-shadow:0px 0px 4px 0px #cccccc; -webkit-box-shadow:0px 0px 4px 0px #cccccc; -o-box-shadow:0px 0px 4px 0px #cccccc; box-shadow:0px 0px 4px 0px #cccccc; behavior:url(PIE.htc); }
.innershadows						{ -moz-box-shadow:inset 0px 1px 3px 0px #9b9b9b; -webkit-box-shadow:inset 0px 1px 3px 0px #9b9b9b; -o-box-shadow:inset 0px 1px 3px 0px #9b9b9b; box-shadow:inset 0px 1px 3px 0px #9b9b9b; behavior:url(PIE.htc); }


#breadcrumb							{ width:875px; line-height:20px; padding:5px; padding-left:20px; background-color:#2e7eb9; text-align:left; }
#breadcrumb #cartyp-label			{ font-family: 'Asap', sans-serif; font-style:italic; font-size:12px; color:#FFF }
#breadcrumb #backward				{ margin-right:5px; color:#FFF; cursor:pointer; border-right:solid 1px #FFF; padding-right:5px; }
#breadcrumb #backward a				{ color:#FFF; text-decoration:none }

.crouzet-btn					{ width:150px; margin:auto; margin-top:20px; text-align:center; cursor:pointer;  line-height:50px; border:solid 2px; display:inline-block; }
.crouzet-btn label				{ font-size:14px; font-family: 'Asap', sans-serif; display:inline-block; vertical-align:middle; cursor:pointer; width:100%; }
.crouzet-btn:hover				{ transition-duration:0.5s; transition-property:background-color;  }
.crouzet-btn label:hover		{ transition-duration:0.5s; transition-property:color; }
.crouzet-btn .btn-text			{ display:block }
.crouzet-btn .btn-load			{ display:none }

.crouzet-btn.disable			{ border-color:#CCC; }
.crouzet-btn.disable:hover		{ background-color:#FFF; }
.crouzet-btn.disable label		{ color:#CCC; }
.crouzet-btn.disable label:hover{ color:#CCC; }

.crouzet-btn.mini				{ width:80px; line-height:20px; margin:0px; vertical-align:middle }
.crouzet-btn.mini label			{ width:auto; font-size:10px; }

.field-error					{ background-color:red; transition-duration:2s; transition-property:background-color; }
.field-error label				{ color:#FFF!important; transition-duration:1s; transition-property:color; }
.error-caption					{ width:24px!important; height:24px; background-image:url("../images/empty_field.png"); margin-left:10px; display:none; }
.display-block					{ display:inline-block!important; }

.order-success					{ font-size:16px; font-family: 'Asap', sans-serif; font-style:italic; color:#0061A9; margin-top:20px; width:100%; text-align:center; }
.order-success a				{ color:#0061A9 }