/*

	<1 reset
	<2 Text
	<12 FORMULAIRE
	*/

/* -------------------------------------------------------------- 
   <1 Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, sup, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: baseline
}
.alignCenter {
	text-align: center;
}
.infoMsg {
	color: #C00;
	font-weight: bolder;
}
/* -------------------------------------------------------------- 
   Text
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: #111;
	margin-bottom: .75em;
}
h1 {
	font-size: 30px;
	line-height: 1em;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	color: #CC9900;
	margin-bottom: 0.8em;
	margin-left:0.8em;
}
h3 {
	font-size: 16px;
	color: #333;
	line-height: 1;
	margin-bottom: .75em
}

h4 {
	font-size: 14px;
	color: #666;
	line-height: 1.25;
	margin-bottom: 1.25em
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1.5em
}
h6 {
	font-size: 11px;
	font-weight: bold
}
p {
	margin: 0 0 1.5em
}
p.last {
	margin-bottom: 0
}
p.textXsmall{
	font-size: 9px !important;
	color: #666;
	line-height: 1em !important;
	
}
img {
	border: none;
}
ul, ol {
	margin-left: 28px;
	margin-bottom: 1.5em;
}
li ul, li ol {
	margin-top: 1em;
}
ul li {
	list-style-type: disc;
}
li {
	margin-bottom: .5em;
}
dl {
	margin: 0 0 1.5em 0
}
dl dt {
	font-weight: bold
}
dd {
	margin-left: 1.5em
}
abbr, acronym {
	border-bottom: 1px dotted #666
}
address {
	margin-top: 1.5em;
	font-style: italic
}
del {
	color: #666
}
sup {
	font-size: 9px;
	vertical-align: top;
}
a {
	color: #358;
	text-decoration: underline
}
a:visited {

}
a:focus, a:hover {
	color: #933
}
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic
}
strong {
	font-weight: bold
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold
}
pre, code {
	margin: 1.5em 0;
	white-space: pre
}
pre, code, tt {
	font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 1.5
}
tt {
	display: block;
	margin: 1.5em 0;
	line-height: 1.5
}
hr {
	border: none;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 2em;
	margin-top: 1em;
}
hr.thin {
	border: none;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 0.6em;
	margin-top: 0.3em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	clear: both;
	height: 1px;
}

html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.clear {
	clear: both;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}

.vert{
	color: #14BB2B;
}
.rouge{
	color: #FB0004;
}
.orange{
	color: #ff9900;
}
.bold{
	font-weight:800;
}
.greyMedium{
	color:#B9B9B9;
}
.barre{
	text-decoration:line-through;
}
/* -------------------------------------------------------------- 
   Layout
-------------------------------------------------------------- */
body {
	font: 12px/1.7em arial, sans-serif;
	background-color: #F5F5F5;
}
#wrapper {
	width: 100%;
	min-width: 960px;
	margin: 0 auto 150px;
}
#header {
	background: #263849 url(../images/header_bg.png) repeat-x 0 0;
	width: 93%;
	height: 70px;
	margin: 0 auto;
	position: relative;
}
.headerColor2 {
	background-color: #2D4357!important;
	border-color: #1D2C38!important;
}
.headerColor2 h2 {
	color: #fff !important;
}
#header h1 {
	font: 32px/1.7em arial, sans-serif;
	width: 346px;
	height: 66px;
	overflow: hidden;
	color: #FFF !important;
	position: absolute;
	top: 15px;
	left: 17px;
}
#header h1 a {
	color: #FFF !important;
	text-decoration: none;
}
.portlet-header a.LkRetourListe {
	margin: -5px 0 0 25px;
	color: #A2A2A2;
}
#info {
	width: 215px;
	font-size: 11px;
	font-weight: bold;
	color: #DDD;
	text-align: right;
	position: absolute;
	right: 20px;
	top: 12px;
	padding-right: 0px;
	height: 50px;
}
#info h4 {
	font-size: 16px;
	color: #DDD;
	margin-bottom: .6em;
}
#info a {
	color: #F90;
}
#info img {
	width: 60px;
	border: 3px solid #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
}
#nav 
{ 
	background: #263849;
	width: 93%; 
	height: 47px; 
	margin: 0 auto 20px;
	position: relative;
	z-index: 10;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	box-shadow: 1px 1px 3px rgba(0,0,0,.35);
}

#content {
	width: 95%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#footer {
	width: 93%;
	border-top: 1px dotted #AAA;
	clear: both;
	padding: 15px 0;
	margin: 0 auto;
	margin-top: 5em;
	margin-bottom: 30px;
}
.portlet {
	background: #FFF;
	margin-bottom: 1.5em;
	position: relative;
	border: 1px solid #CCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.10);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.10);
	box-shadow: 1px 1px 2px rgba(0,0,0,.10);
}
.portlet-header {
	background: #F0F0F0;
	color: #444;
	text-align: left;
	padding: 15px 0px;
	width: 100%;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.portlet-header.tall {
	padding: 5px 0px;
	width: 100%;
}
.portlet-state-closed .portlet-header {
	padding-bottom: 10px;
}
.portlet-header h1 {
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #394F63;
	padding: 0;
	margin: 0 25px;
	font-variant: normal;
	text-transform: capitalize;
}
.portlet-header.tall h2 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin: 0 25px;
	font-variant: normal;
}
.portlet-state-closed .portlet-header {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.portlet-content {
	padding: 20px;
	position: relative;
}
.portlet-state-closed .portlet-content {
	display: none;
}
.portlet-state-closed h4 {
	border: none;
}
.portlet-toggle-icon {
	background: url(../images/portlet/portlet-arrow-close.png) no-repeat 0 0 !important;
	width: 12px;
	height: 5px;
	display: block;
	position: absolute;
	right: 15px;
	top: 16px;
}
.portlet-state-closed .portlet-toggle-icon {
	background: url(../images/portlet/portlet-arrow-open.png) no-repeat 0 0 !important;
}
.portlet-tab-nav {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 11px;
	right: 10px;
}
.portlet-state-closed .portlet-tab-nav {
	display: none;
}
.portlet-tab-nav li {
	background: transparent;
	line-height: 2em;
	list-style-type: none;
	float: left;
	margin: 0 1em 0 0;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
.portlet-tab-nav li:hover {
	background: #DDD;
}
.portlet-tab-nav li a {
	color: #444;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 8px;
	outline: none !important;
}
.portlet-tab-nav li a:hover {
}
.portlet-tab-content {
	display: block;
}
.portlet-tab-nav .portlet-tab-nav-active {
	background-color: #263849 !important;
	border: 1px solid transparent;
}
.portlet-tab-nav-active a {
	color: #FFF !important;
}
.portlet-tab-nav-active a:hover {
	text-decoration: none !important;
}
.portlet-tab-content-active {
display: block !imporant;
}
.portlet-tab-nav .portlet-tab-nav-active a {
	color: #0B66B9;
	text-decoration: none;
}
/* -------------------------------------------------------------
FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.form #btnSubmit {
	margin: 25px 0
}
.form li {
	list-style: none;
}
.msgValidation {
	font-size: 14px;
	background: #C00;
	color: #FFF;
	border-radius: 5px;
	padding: 2px 6px;
}
.form {
	padding: 0;
	margin: 0;
	position: relative;
}
.form .field {
	width: 100%;
	float: left;
}
.form .field_help {
	margin-left: 145px;
	font-size: 90%;
	color: #777;
}
.form label, .form span.label {
	color: #444;
	margin-right: 10px;
	padding-right: 10px;
	width: 200px;
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	position: relative;
}
.form label em, .form span.label em {
	position: absolute;
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}
.form input:focus, .form input.error:focus, .form textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
}
.form .upload {
	margin-bottom: -5em;
}
.form .buttonrow {
	float: left;
	margin-top: 1em;
	margin-bottom: 2.5em;
	margin-left: 145px;
	display: block;
}
.form .cancel {
	font-size: 11px;
	color: #C00;
	padding-left: 10px;
}
.form .field {
	margin-bottom: 1.5em;
}
.form .uploader {
	margin-bottom: .5em !important;
}
.form .field input, .form .field textarea {
	padding: 4px;
	margin-right: 1em;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
textarea, #livraisonForm input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.form .phone_field input {
	margin-right: 0;
}
/*
.form .xsmall { width: 50px; }
.form .small { width: 100px; }
.form .medium { width: 200px; }
.form .large { width: 300px; }
.form .xlarge { width: 400px; }
*/

/* Label top styles */
.label-top .field label {
	width: 100%;
	display: block;
	text-align: left;
}
.label-top .field span.label {
	width: 100%;
	display: block;
	float: left;
	text-align: left;
	position: relative;
}
.label-top .field .field_help {
	margin-left: 0;
	font-size: 11px;
}
.label-top .buttonrow {
	margin-left: 0;
}
.label-top .selector {
	width: 100%;
	display: block;
	float: left;
}
.form div.controlset label, .form div.controlset input {
	display: inline;
	float: none;
}
.form .controlset label {
	font-size: 11px;
	font-weight: normal !important;
}
.controlset {
	margin-bottom: 2.5em;
	float: left;
}
.controlset .controlset-pad {
	width: 300px;
	float: left;
}
/* -------------------------------------------------------------- 
   Grid
-------------------------------------------------------------- */

.xgrid {
	width: 960px;
	margin: 0 auto;
}
.xfluid {
	width: 96%;
}
.x1 {
	width: 60px;
}
.x2 {
	width: 140px;
}
.x3 {
	width: 220px;
}
.x4 {
	width: 300px;
}
.x5 {
	width: 380px;
}
.x6 {
	width: 460px;
}
.x7 {
	width: 540px;
}
.x8 {
	width: 620px;
}
.x9 {
	width: 700px;
}
.x10 {
	width: 780px;
}
.x11 {
	width: 860px;
}
.x12 {
	width: 940px;
}
.a1 {
	padding-right: 80px;
}
.a2 {
	padding-right: 160px;
}
.a3 {
	padding-right: 240px;
}
.a4 {
	padding-right: 320px;
}
.a5 {
	padding-right: 400px;
}
.a6 {
	padding-right: 480px;
}
.a7 {
	padding-right: 560px;
}
.a8 {
	padding-right: 640px;
}
.a9 {
	padding-right: 720px;
}
.a10 {
	padding-right: 800px;
}
.a11 {
	padding-right: 880px;
}
.a12 {
	padding-right: 960px;
}
.p1 {
	padding-left: 80px;
}
.p2 {
	padding-left: 160px;
}
.p3 {
	padding-left: 240px;
}
.p4 {
	padding-left: 320px;
}
.p5 {
	padding-left: 400px;
}
.p6 {
	padding-left: 480px;
}
.p7 {
	padding-left: 560px;
}
.p8 {
	padding-left: 640px;
}
.p9 {
	padding-left: 720px;
}
.p10 {
	padding-left: 800px;
}
.p11 {
	padding-left: 880px;
}
.p12 {
	padding-left: 960px;
}
.xfluid .x1 {
	width: 6.33%;
}
.xfluid .x2 {
	width: 14.66%;
}
.xfluid .x3 {
	width: 23%
}
.xfluid .x4 {
	width: 31.33%;
}
.xfluid .x5 {
	width: 39.66%;
}
.xfluid .x6 {
	width: 48%;
}
.xfluid .x7 {
	width: 56.33%;
}
.xfluid .x8 {
	width: 64.67%;
}
.xfluid .x9 {
	width: 73%;
}
.xfluid .x10 {
	width: 81.33%;
}
.xfluid .x11 {
	width: 89.67%;
}
.xfluid .x12 {
	width: 98%;
}
.xfluid .a1 {
	padding-right: 8.33%;
}
.xfluid .a2 {
	padding-right: 16.66%;
}
.xfluid .a3 {
	padding-right: 25%;
}
.xfluid .a4 {
	padding-right: 33.33%;
}
.xfluid .a5 {
	padding-right: 41.66%;
}
.xfluid .a6 {
	padding-right: 50%;
}
.xfluid .a7 {
	padding-right: 58.33%;
}
.xfluid .a8 {
	padding-right: 66.67%;
}
.xfluid .a9 {
	padding-right: 75%;
}
.xfluid .a10 {
	padding-right: 83.33%;
}
.xfluid .a11 {
	padding-right: 91.67%;
}
.xfluid .a12 {
	padding-right: 100%;
}
.xfluid .p1 {
	padding-left: 8.33%;
}
.xfluid .p2 {
	padding-left: 16.66%;
}
.xfluid .p3 {
	padding-left: 25%;
}
.xfluid .p4 {
	padding-left: 33.33%;
}
.xfluid .p5 {
	padding-left: 41.66%;
}
.xfluid .p6 {
	padding-left: 50%;
}
.xfluid .p7 {
	padding-left: 58.33%;
}
.xfluid .p8 {
	padding-left: 66.67%;
}
.xfluid .p9 {
	padding-left: 75%;
}
.xfluid .p10 {
	padding-left: 83.33%;
}
.xfluid .p11 {
	padding-left: 91.67%;
}
.xfluid .p12 {
	padding-left: 100%;
}
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 {
	margin: 0 10px 1.5em;
	float: left;
}
.xfluid .x1, .xfluid .x2, .xfluid .x3, .xfluid .x4, .xfluid .x5, .xfluid .x6, .xfluid .x7, .xfluid .x8, .xfluid .x9, .xfluid .x10, .xfluid .x11, .xfluid .x12 {
	margin: 0 .85% 2em;
}
.xbreak {
	clear: both;
}
.xgrid:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* -------------------------------------------------------------- 
   Menu
-------------------------------------------------------------- */

.mega-container {
	text-align: left;
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}
/* List item styling */
.mega-container li {
	list-style-type: none;
}
.mega {
	float: left;
	position: relative;
	z-index: 10;
	padding-left: 10px;
	margin: 8px 0 10px 0;
	list-style-type: none !important;
}
.mega:first-child {
	background: none !important;
}
.mega:hover {
	z-index: 1000 !important;
}
*:first-child+html .mega:hover {
	zoom: 1 !important;
}
/* Menu tab styling */	

.mega .mega-tab, .mega .mega-link, .mega-current .mega-tab, .mega-current .mega-link {
	background: url(../images/button-gradient.png) repeat-x right -200px;
	font-weight: bold;
	color: #222;
	font-size: 12px;
	text-decoration: none;
	line-height: 0;
	display: block;
	padding: 15px 35px 15px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	border: 1px solid transparent;
	text-shadow: 1px 1px 3px rgba(0,0,0,.35);
}
.mega-current .mega-tab {
	background-position: right -100px !important;
}
.mega-link {
	background-position: right -2000px !important;
	color: #fff !important;
	padding-right: 10px !important;
	padding-bottom: 10px;
}
.mega-link:hover, .mega-current .mega-link {
	background-position: right -100px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.mega .mega-tab,  .mega .mega-link {
	padding-bottom: 10px !important;
}
}
.mega:hover .mega-tab {
	background-position: right -100px;
	background-color: #AAA;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
/* Content container styling */	

.mega-content {
	width: 175px;
	display: none;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-topleft: 0;
	border-radius: 4px;
	border-top-left-radius: 0;
	padding: 10px;
	position: absolute;
	top: 98%;
	left: 10px;
	border: 4px solid #aaa;
	text-align: left;
	color: #222;
	font-size: 11px;
	z-index: 6;
	background: #FFF;
}
.mega .mega-content li {
	background-image: none;
}
.mega:hover .mega-content {
	display: block;
	border-color: #aaa;
}
*+html .mega-content {
	padding-bottom: 5px !important;
} /* Fix padding in IE7 */
*+html .mega-menu li > ul {
	padding-top: 5px !important;
	padding-bottom: 10px !important;
}
/* Drop Menu Styling */

.mega-menu {
	background: #aaa;
	filter: none !important;
	padding: 5px 5px 0 !important;
	z-index: 1000 !important;
}
.mega-menu ul {
	list-style-type: none;
	margin: 0;
}
.mega-menu li {
	margin-bottom: .5em;
}
.mega-menu li a {
	background-color: #F9F9F9;
	display: block;
	padding: 5px 10px 5px 10px;
	color: #358;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.mega-menu li a.hasSub {
	background-image: url(../images/link-menu-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.mega-menu li a:hover {
	background-color: #DDD;
}
.mega-menu li {
	position: relative;
}
.mega-menu li:hover > ul {
	display: block !important;
}
.mega-menu li > ul {
	background: #689C29;
	width: 180px;
	padding: 10px 10px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 1000;
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
}
/* Utility Classes */

.mega-left {
	left: 0;
}
.mega-right {
	left: auto;
	right: 0;
}
.mega-right {
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-topright: 0;
	border-radius: 4px;
	border-top-right-radius: 0;
}
/* Color styling */


.mega-container .mega-tab {
	background-color: transparent;
	color: #fff !important;
	background-position: right top;
	border: 1px solid transparent;
}
.mega-container .mega:hover .mega-tab, .mega-container .mega:hover .mega-link, .mega-container .mega-current .mega-tab, .mega-container .mega-current .mega-link {
	background-color: #263849;
	color: #fff !important;
	border-color: #1C2B37;
}
.mega-container .mega:hover .mega-content {
	border-color: #263849;
}
.mega-container .mega-menu {
	background: #263849 !important;
}
.mega-container li > ul {
	background-color: #263849 !important;
}
/* -------------------------------------------------------------- 
   Buttons
-------------------------------------------------------------- */
.btn, .btn-icon, .btn-mini,  a.btn {
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	margin: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	
	
}
a.btn {

	
}
.btn-Xmini {
	color: #FFF;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	padding: 0px 1px 1px 1px;
	margin: 0;
	height:15px;
	width:15px;
	text-align:center;
	border-radius: 15px;
	cursor: pointer;
	position: relative;
	
}
/* Active/Click state */
.btn:active, .btn-icon:active, .btn-mini:active {
	top: 1px;
}
/* Sizes */
.btn, .btn-icon, a.btn  {
	background-position: 0 -80px;
	font-size: 12px;
	height: 32px;
	line-height: 12px;
}
/* Sizes - Line height for A buttons need to be different */
a.btn, a.btn-icon {
	font-size:x-small !important;
	height:26px;
	font-weight: bold;
	padding-bottom: 0;

}
.btn-Xsmall {
	background-position: 0 0;
	font-size: 10px;
	height: 18px;
	line-height: 5px;
	padding:1px  3px  2px 3px;
}
.btn.btn-small, .btn-icon.btn-small {
	background-position: 0 0;
	font-size: 10px;
	height: 21px;
	line-height: 20px;
}
.btn.btn-large, .btn-icon.btn-large, a.btn.btn-Xlarge {
	background-position: 0 -160px;
	height: 120px;
	width: 150px;
	line-height: 1.2em;
	font-size: 22px;
	text-align: center;
	margin-right: 10px;
	float: left;
	vertical-align: middle;
	padding-top: 20px;
	font-weight: normal;
}

a.btn-Xsmall > i.icon-large {
	line-height: 0;
	vertical-align: middle;
}

a.btn.btn-small, a.btn-icon.btn-small {
	line-height: 20px;
	padding-bottom: 0;
}
a.btn.btn-large, a.btn-icon.btn-large {
	padding-bottom: 0;
}
 a.btn.btn-Xlarge {
	font-size: 22px !important;
 }
/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon {
	border-color: none;
	border: 1px solid transparent;
}
/* Set default button colors */
.btn, .btn-icon, .btn-mini, .btn:visited, .btn-icon:visited, .btn-mini:visited {
	background-image: url(../images/bg-lite.png);
	background-color: #263849;
	border-color: #16222C;
	color: #FFF;
}

.btn:hover, .btn-icon:hover, .btn-mini:hover {
	background-color: #16222C;
	color: #FFF;
}
/* Colors */	
.btn-pink, .btn-pink:visited {
	background-color: #FF0066;
	border-color: #DA0C59;
}
.btn-pink:hover {
	background-color: #DA0C59;
}
.btn-blue {
	color: #FFF !important;
	text-decoration: none;
	text-align: center;
	padding: 2px 5px;
	border: solid 1px #075475;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #2a92b5;
	background-image: -moz-linear-gradient(top, #2a92b5 0%, #1f8bde 100%);
	background-image: -webkit-linear-gradient(top, #2a92b5 0%, #1f8bde 100%);
	background-image: -o-linear-gradient(top, #2a92b5 0%, #1f8bde 100%);
	background-image: -ms-linear-gradient(top, #2a92b5 0%, #1f8bde 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8bde', endColorstr='#1f8bde', GradientType=0 );
	background-image: linear-gradient(top, #2a92b5 0%, #1f8bde 100%);
	-webkit-box-shadow: 0px 1px 5px #403535;
	-moz-box-shadow: 0px 1px 5px #403535;
	box-shadow: 0px 1px 5px #403535;
}
.btn-blue:hover {
	color: #FFCC00;
}
.btn-red, .btn-red:visited {
	background-color: #E40001;
	border-color: #CC0000;
}
.btn-red, .btn-red:visited {
	background-color: #E40001;
	border-color: #CC0000;
}
.btn-red:hover {
	background-color: #CC0000;
}
.btn-green, .btn-green:visited {
	background-color: #77B32F;
	border-color: #689C29;
	color: #FFF;
}
.btn-green:hover {
	background-color: #689C29;
}
.btn-black, .btn-black:visited {
	background-color: #111;
	border-color: #000;
}
.btn-black:hover {
	background-color: #000;
}
.btn-purple, .btn-purple:visited {
	background-color: #7B0F75;
	border-color: #6A0D66;
}
.btn-purple:hover {
	background-color: #6A0D66;
}
.btn-maroon, .btn-maroon:visited {
	background-color: #750000;
	border-color: #530000;
}
.btn-maroon:hover {
	background-color: #530000;
}
.btn-yellow, .btn-yellow:visited {
	background-color: #FFCC00;
	border-color: #D9AD01;
	color: #5E2F00
}
.btn-yellow:hover {
	background-color: #D9AD01;
}
.btn-teal, .btn-teal:visited {
	background-color: #39A7B6;
	border-color: #2E8794;
}
.btn-teal:hover {
	background-color: #2E8794;
}
.btn-orange, .btn-orange:visited {
	background-color: #F90;
	border-color: #D58000;
	color: #FFF;
}
.btn-orange:hover {
	background-color: #D58000;
	color: #FFF;
}
.btn-grey, .btn-grey:visited {
	background-color: #999;
	border-color: #888;
	color: #FFF;
}
.btn-grey:hover {
	background-color: #888;
	color: #FFF;
}
/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-blue, .btn-black, .btn-purple, .btn-maroon, .btn-teal, .btn-grey {
	background-image: url(../images/bg-dark.png) !important;
}
/* 65% opacity for lighter colors */
.btn-red, .btn-orange, .btn-green, .btn-yellow, .btn-pink {
	background-image: url(../images/bg-lite.png) !important;
}
.btnIndex{
	background-image: none !important;
		box-shadow: 2px 2px  6px #979797;
 	-moz-box-shadow:  2px 2px  6px #979797;
 	-webkit-box-shadow:  2px 2px  8px #979797;
}
/* Icon Button Styles */
.btn-icon {
	padding-left: 32px !important;
}
*+html .btn-icon {
	padding-left: 20px !important;
	padding-right: 5px !important;
}
.btn-icon span {
	background-image: url(../images/amp-btn-icon-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 6px;
	top: 6px;
}
.btn-icon.btn-small span {
	top: 4px;
}
.btn-icon.btn-large span {
	top: 12px;
}
 @-moz-document url-prefix() {
.btn-icon span {
left: -24px;
top: 0px;
}
.btn-icon.btn-small span {
top: -1px;
}
.btn-icon.btn-large span {
top: 4px;
}
}
/* Mini Buttons */
.btn-mini {
	background-position: 0 0;
	width: 32px;
	height: 26px !important;
	line-height: 500px !important;
	overflow: hidden;
	padding: 0;
}
.btn-mini span {
	background-image: url(../images/amp-btn-icon-sprite.png);
	background-repeat: no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -8px;
	margin-top: -8px;
}
/* Icon Classes */
.btn-arrow-down span {
	background-position: -48px 0;
}
.btn-arrow-up span {
	background-position: -32px 0;
}
.btn-arrow-right span {
	background-position: -16px 0;
}
.btn-arrow-left span {
	background-position: 0 0;
}
.btn-comment span {
	background-position: -112px 0;
}
.btn-heart span {
	background-position: -96px 0;
}
.btn-star span {
	background-position: -80px 0;
}
.btn-cart span {
	background-position: -64px 0;
}
.btn-print span {
	background-position: -128px 0;
}
.btn-rss span {
	background-position: -144px 0;
}
.btn-person span {
	background-position: 0 -16px;
}
.btn-check span {
	background-position: -16px -16px;
}
.btn-dollar span {
	background-position: -32px -16px;
}
.btn-refresh span {
	background-position: -48px -16px;
}
.btn-home span {
	background-position: -64px -16px;
}
.btn-plus span {
	background-position: -80px -16px;
}
.btn-minus span {
	background-position: -96px -16px;
}
.btn-cross span {
	background-position: -112px -16px;
}
/* Transparent Button Styles */
.btn-transparent, .btn-transparent:hover {
	background-image: url(../images/bg-lite.png);
	background-color: transparent;
	filter: none;
	border-color: transparent\0/;
	border-color: rgba(0,0,0,.4) !important;
	margin: 0 1em 0 0;
}
*+html .btn-transparent {
	border: none;
}
/* -------------------------------------------------------------- 
   Tabs
-------------------------------------------------------------- */
.tab_container {
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #CCC;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0 url(../images/accordion_header.png) repeat-x top right;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #263849;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
ul.tabs li.active, ul.tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_content_container {
	border: 1px solid #CCC;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	font-size: 1.2em;
	padding: 20px 20px 10px;
}
/* -------------------------------------------------------------- 
   Accordion
-------------------------------------------------------------- */
h2.accordion_panel {
	background: url(../images/accordion_header.png) no-repeat;
	width: 100%;
	height: 36px;
	font-size: 16px;
	font-weight: normal;
	line-height: 36px;
	padding: 0;
	margin: 0 0 .5em 0;
	border: 1px solid #C5C5C5;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
h2.accordion_panel a {
	color: #263849;
	text-decoration: none;
	padding: 0 0 0 50px;
}
h2.active {
	background-position: left bottom;
	border-color: #131C24;
}
h2.active a {
	color: #FFF;
}
.accordion_content {
	width: 100%;
	font-size: 1.2em;
	padding: 0;
	margin: 1em 0 5px;
	overflow: hidden;
	clear: both;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.otf') format('opentype'), url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* sprites.less reset */
[class^="icon-"], [class*=" icon-"] {
 display: inline;
 width: auto;
 height: auto;
 line-height: inherit;
 vertical-align: baseline;
 background-image: none;
 background-position: 0% 0%;
 background-repeat: repeat;
}
li[class^="icon-"], li[class*=" icon-"] {
	display: block;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
	display: inline-block;
	text-decoration: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
	vertical-align: top;
	font-size: 1.3333333333333333em;
}
.icon-medium:before {
	font-size: 1.1em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
	/* keeps button heights with and without icons the same */
	vertical-align: middle;
}
/*li [class^="icon-"], li [class*=" icon-"]  {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}*/
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
	/* 1.5 increased font size for icon-large * 1.25 width */

	width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
	margin-left: 0;
	list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
	text-indent: -2em;
	text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
	text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
	content: "\f000";
}
.icon-music:before {
	content: "\f001";
}
.icon-search:before {
	content: "\f002";
}
.icon-envelope:before {
	content: "\f003";
}
.icon-heart:before {
	content: "\f004";
}
.icon-star:before {
	content: "\f005";
}
.icon-star-empty:before {
	content: "\f006";
}
.icon-user:before {
	content: "\f007";
}
.icon-film:before {
	content: "\f008";
}
.icon-th-large:before {
	content: "\f009";
}
.icon-th:before {
	content: "\f00a";
}
.icon-th-list:before {
	content: "\f00b";
}
.icon-ok:before {
	content: "\f00c";
}
.icon-remove:before {
	content: "\f00d";
}
.icon-zoom-in:before {
	content: "\f00e";
}
.icon-zoom-out:before {
	content: "\f010";
}
.icon-off:before {
	content: "\f011";
}
.icon-signal:before {
	content: "\f012";
}
.icon-cog:before {
	content: "\f013";
}
.icon-trash:before {
	content: "\f014";
}
.icon-home:before {
	content: "\f015";
}
.icon-file:before {
	content: "\f016";
}
.icon-time:before {
	content: "\f017";
}
.icon-road:before {
	content: "\f018";
}
.icon-download-alt:before {
	content: "\f019";
}
.icon-download:before {
	content: "\f01a";
}
.icon-upload:before {
	content: "\f01b";
}
.icon-inbox:before {
	content: "\f01c";
}
.icon-play-circle:before {
	content: "\f01d";
}
.icon-repeat:before {
	content: "\f01e";
}
/* \f020 is not a valid unicode character. all shifted one down */
.icon-refresh:before {
	content: "\f021";
}
.icon-list-alt:before {
	content: "\f022";
}
.icon-lock:before {
	content: "\f023";
	color: red;
}
.icon-flag:before {
	content: "\f024";
}
.icon-headphones:before {
	content: "\f025";
}
.icon-volume-off:before {
	content: "\f026";
}
.icon-volume-down:before {
	content: "\f027";
}
.icon-volume-up:before {
	content: "\f028";
}
.icon-qrcode:before {
	content: "\f029";
}
.icon-barcode:before {
	content: "\f02a";
}
.icon-tag:before {
	content: "\f02b";
}
.icon-tags:before {
	content: "\f02c";
}
.icon-book:before {
	content: "\f02d";
}
.icon-bookmark:before {
	content: "\f02e";
}
.icon-print:before {
	content: "\f02f";
}
.icon-camera:before {
	content: "\f030";
}
.icon-font:before {
	content: "\f031";
}
.icon-bold:before {
	content: "\f032";
}
.icon-italic:before {
	content: "\f033";
}
.icon-text-height:before {
	content: "\f034";
}
.icon-text-width:before {
	content: "\f035";
}
.icon-align-left:before {
	content: "\f036";
}
.icon-align-center:before {
	content: "\f037";
}
.icon-align-right:before {
	content: "\f038";
}
.icon-align-justify:before {
	content: "\f039";
}
.icon-list:before {
	content: "\f03a";
}
.icon-indent-left:before {
	content: "\f03b";
}
.icon-indent-right:before {
	content: "\f03c";
}
.icon-facetime-video:before {
	content: "\f03d";
}
.icon-picture:before {
	content: "\f03e";
}
.icon-pencil:before {
	content: "\f040";
}
.icon-map-marker:before {
	content: "\f041";
}
.icon-adjust:before {
	content: "\f042";
}
.icon-tint:before {
	content: "\f043";
}
.icon-edit:before {
	content: "\f044";
}
.icon-share:before {
	content: "\f045";
}
.icon-check:before {
	content: "\f046";
}
.icon-move:before {
	content: "\f047";
}
.icon-step-backward:before {
	content: "\f048";
}
.icon-fast-backward:before {
	content: "\f049";
}
.icon-backward:before {
	content: "\f04a";
}
.icon-play:before {
	content: "\f04b";
}
.icon-pause:before {
	content: "\f04c";
}
.icon-stop:before {
	content: "\f04d";
}
.icon-forward:before {
	content: "\f04e";
}
.icon-fast-forward:before {
	content: "\f050";
}
.icon-step-forward:before {
	content: "\f051";
}
.icon-eject:before {
	content: "\f052";
}
.icon-chevron-left:before {
	content: "\f053";
}
.icon-chevron-right:before {
	content: "\f054";
}
.icon-plus-sign:before {
	content: "\f055";
}
.icon-minus-sign:before {
	content: "\f056";
}
.icon-remove-sign:before {
	content: "\f057";
}
.icon-ok-sign:before {
	content: "\f058";
}
.icon-question-sign:before {
	content: "\f059";
}
.icon-info-sign:before {
	content: "\f05a";
}
.icon-screenshot:before {
	content: "\f05b";
}
.icon-remove-circle:before {
	content: "\f05c";
}
.icon-ok-circle:before {
	content: "\f05d";
}
.icon-ban-circle:before {
	content: "\f05e";
}
.icon-arrow-left:before {
	content: "\f060";
}
.icon-arrow-right:before {
	content: "\f061";
}
.icon-arrow-up:before {
	content: "\f062";
}
.icon-arrow-down:before {
	content: "\f063";
}
.icon-share-alt:before {
	content: "\f064";
}
.icon-resize-full:before {
	content: "\f065";
}
.icon-resize-small:before {
	content: "\f066";
}
.icon-plus:before {
	content: "\f067";
}
.icon-minus:before {
	content: "\f068";
}
.icon-asterisk:before {
	content: "\f069";
}
.icon-exclamation-sign:before {
	content: "\f06a";
}
.icon-gift:before {
	content: "\f06b";
}
.icon-leaf:before {
	content: "\f06c";
}
.icon-fire:before {
	content: "\f06d";
}
.icon-eye-open:before {
	content: "\f06e";
}
.icon-eye-close:before {
	content: "\f070";
}
.icon-warning-sign:before {
	content: "\f071";
	color: red;
}
.icon-plane:before {
	content: "\f072";
}
.icon-calendar:before {
	content: "\f073";
}
.icon-random:before {
	content: "\f074";
}
.icon-comment:before {
	content: "\f075";
}
.icon-magnet:before {
	content: "\f076";
}
.icon-chevron-up:before {
	content: "\f077";
}
.icon-chevron-down:before {
	content: "\f078";
}
.icon-retweet:before {
	content: "\f079";
}
.icon-shopping-cart:before {
	content: "\f07a";
}
.icon-folder-close:before {
	content: "\f07b";
}
.icon-folder-open:before {
	content: "\f07c";
}
.icon-resize-vertical:before {
	content: "\f07d";
}
.icon-resize-horizontal:before {
	content: "\f07e";
}
.icon-bar-chart:before {
	content: "\f080";
}
.icon-twitter-sign:before {
	content: "\f081";
}
.icon-facebook-sign:before {
	content: "\f082";
}
.icon-camera-retro:before {
	content: "\f083";
}
.icon-key:before {
	content: "\f084";
}
.icon-cogs:before {
	content: "\f085";
}
.icon-comments:before {
	content: "\f086";
}
.icon-thumbs-up:before {
	content: "\f087";
}
.icon-thumbs-down:before {
	content: "\f088";
}
.icon-star-half:before {
	content: "\f089";
}
.icon-heart-empty:before {
	content: "\f08a";
}
.icon-signout:before {
	content: "\f08b";
}
.icon-linkedin-sign:before {
	content: "\f08c";
}
.icon-pushpin:before {
	content: "\f08d";
}
.icon-external-link:before {
	content: "\f08e";
}
.icon-signin:before {
	content: "\f090";
}
.icon-trophy:before {
	content: "\f091";
}
.icon-github-sign:before {
	content: "\f092";
}
.icon-upload-alt:before {
	content: "\f093";
}
.icon-lemon:before {
	content: "\f094";
}
.icon-phone:before {
	content: "\f095";
}
.icon-check-empty:before {
	content: "\f096";
}
.icon-bookmark-empty:before {
	content: "\f097";
}
.icon-phone-sign:before {
	content: "\f098";
}
.icon-twitter:before {
	content: "\f099";
}
.icon-facebook:before {
	content: "\f09a";
}
.icon-github:before {
	content: "\f09b";
}
.icon-unlock:before {
	content: "\f09c";
}
.icon-credit-card:before {
	content: "\f09d";
}
.icon-rss:before {
	content: "\f09e";
}
.icon-hdd:before {
	content: "\f0a0";
}
.icon-bullhorn:before {
	content: "\f0a1";
}
.icon-bell:before {
	content: "\f0a2";
}
.icon-certificate:before {
	content: "\f0a3";
}
.icon-hand-right:before {
	content: "\f0a4";
}
.icon-hand-left:before {
	content: "\f0a5";
}
.icon-hand-up:before {
	content: "\f0a6";
}
.icon-hand-down:before {
	content: "\f0a7";
}
.icon-circle-arrow-left:before {
	content: "\f0a8";
}
.icon-circle-arrow-right:before {
	content: "\f0a9";
}
.icon-circle-arrow-up:before {
	content: "\f0aa";
}
.icon-circle-arrow-down:before {
	content: "\f0ab";
}
.icon-globe:before {
	content: "\f0ac";
}
.icon-wrench:before {
	content: "\f0ad";
}
.icon-tasks:before {
	content: "\f0ae";
}
.icon-filter:before {
	content: "\f0b0";
}
.icon-briefcase:before {
	content: "\f0b1";
}
.icon-fullscreen:before {
	content: "\f0b2";
}
.icon-group:before {
	content: "\f0c0";
}
.icon-link:before {
	content: "\f0c1";
}
.icon-cloud:before {
	content: "\f0c2";
}
.icon-beaker:before {
	content: "\f0c3";
}
.icon-cut:before {
	content: "\f0c4";
}
.icon-copy:before {
	content: "\f0c5";
}
.icon-paper-clip:before {
	content: "\f0c6";
}
.icon-save:before {
	content: "\f0c7";
}
.icon-sign-blank:before {
	content: "\f0c8";
}
.icon-reorder:before {
	content: "\f0c9";
}
.icon-list-ul:before {
	content: "\f0ca";
}
.icon-list-ol:before {
	content: "\f0cb";
}
.icon-strikethrough:before {
	content: "\f0cc";
}
.icon-underline:before {
	content: "\f0cd";
}
.icon-table:before {
	content: "\f0ce";
}
.icon-magic:before {
	content: "\f0d0";
}
.icon-truck:before {
	content: "\f0d1";
}
.icon-pinterest:before {
	content: "\f0d2";
}
.icon-pinterest-sign:before {
	content: "\f0d3";
}
.icon-google-plus-sign:before {
	content: "\f0d4";
}
.icon-google-plus:before {
	content: "\f0d5";
}
.icon-money:before {
	content: "\f0d6";
}
.icon-caret-down:before {
	content: "\f0d7";
}
.icon-caret-up:before {
	content: "\f0d8";
}
.icon-caret-left:before {
	content: "\f0d9";
}
.icon-caret-right:before {
	content: "\f0da";
}
.icon-columns:before {
	content: "\f0db";
}
.icon-sort:before {
	content: "\f0dc";
}
.icon-sort-down:before {
	content: "\f0dd";
}
.icon-sort-up:before {
	content: "\f0de";
}
.icon-envelope-alt:before {
	content: "\f0e0";
}
.icon-linkedin:before {
	content: "\f0e1";
}
.icon-undo:before {
	content: "\f0e2";
}
.icon-legal:before {
	content: "\f0e3";
}
.icon-dashboard:before {
	content: "\f0e4";
}
.icon-comment-alt:before {
	content: "\f0e5";
}
.icon-comments-alt:before {
	content: "\f0e6";
}
.icon-bolt:before {
	content: "\f0e7";
}
.icon-sitemap:before {
	content: "\f0e8";
}
.icon-umbrella:before {
	content: "\f0e9";
}
.icon-paste:before {
	content: "\f0ea";
}
.icon-user-md:before {
	content: "\f200";
}
/* -------------------------------------------------------------- 
  infos Composants
-------------------------------------------------------------- */
ul.infosComposantRub {
	margin: 1em 0;
}
ul.infosComposantRub h3 {
	font-size: 1.5em;
	color: #FFF;
	padding: 3px 6px 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #496D8D;
}
li.structure {
	font-weight: 600;
	font-size: 1.1em;
	color: #39F;
	margin-left: 2em;
	list-style: none;
}
li.ensemble {
	margin-left: 8em;
}
/* page commande select client*/
ul.clientInfos {
	padding: 0;
	margin: 10px 0;
	font-size: 110%
}
.clientInfos li {
	list-style: none;
}
.clientInfos h3 {
	background: #66A5FF;
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
	width: 400px;
	text-align: left;
	padding: 4px 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.clientInfos>li>span.label {
	width: 100px;
	display: inline-block;
	vertical-align: top;
}
.nbEtapeCommande {
	background: #66A5FF;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	padding: 4px 10px;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}
.listButtons button {
	margin-bottom: 8px;
	width: 100%;
}
/* -------------------------------------------------------------- 
   Clean cart Design 
-------------------------------------------------------------- */



.quickCart {
	position: absolute;
	left: 380px;
	font-family: Arial, Helvetica, sans-serif; /* Font Style */
	font-size: x-small;
	color: #fff; /* Neutral_Black */
	width: 325px;
	background-color: #263849;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 4px;
	margin: 0
}
.quickCart h3 {
	margin-bottom: 7px;
	font-size: 10px;
	margin: 12px 0 4px 0;
	color: #FFF;
}
.quickCart .eC_CartSummary {
	border-bottom: solid 1px #BABDC2; /* Neutral_Dark */
}
.quickCart .eC_FormButton {
	border: none;
	background-color: #50516B; /* Accent_1 */
	color: #FFFFFF; /* Global_White */
	margin: 0 0 0 1px;
	padding: 3px 0 3px 0;
	font-size: x-small;
	text-align: center;
	width: 100px;
}
.quickCart_QuickCart {
	color: #fff; /* Accent5 */
	width: 290px;
}
/* -------------------------------------------------------------- 
   PANIER commande
-------------------------------------------------------------- */

#longeurBaseInfos {
	margin: 0px 0 10px;
}
#quantiteStructure {
	display: table-cell;
	background-color: #C90;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	border-radius: 6px;
	width: 80px;
	text-align: center;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#de {
	width: 50px;
	text-align: center;
	color: #999;
	font-size: 25px;
	font-weight: bold;
	height: 40px;
	line-height: 2.5em;
	font-style: italic;
}
#longeurStructure {
	background-color: #39F;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	border-radius: 6px;
	width: 90px;
	text-align: center;
	line-height: 1.2em;
	height: 40px;
}
#surface {
	background-color: #D28183;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	border-radius: 6px;
	width: 35px;
	text-align: center;
	line-height: 1.2em;
	height: 40px;
	margin-left:10px;
}
#boxFormQuantites {
	background-color: #CCC;
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	border-radius: 6px;
	width: 300px;
	text-align: center;
	height: 60px;
	margin: 15px 0;
}
#quantiteForm {
	padding: 5px 10px;
	color: #263849;
	font-size: 14px;
	font-weight: bold;
}
#ensembles span.NmEnsemble {
	width: 400px;
	display: inline-block;
}
#ensembles span.quantiteEnsemble {
	background-color: #C90;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 2px;
	border-radius: 4px 4px;
	width: 60px;
	text-align: center;
}
#ensembles .option {
	color: #C39;
}
#ensembles span.optionCheckBox {
	color: #C39;
	font-weight: bold;
	font-size: 12px;
	margin: 0 10px;
}
.quickCart .clientNm, .clientNm {
	color: #F90;
}
#dateCommande {
	font-weight: bold;
	color: #f7c942;
!important;
}
/*
 * Fallr v1.0.4 - jQuery Plugin
 * Simple & elegant modal box jQuery plugin
 *
 * Copyright 2011 amatyr4n
 * http://codecanyon.net/user/amatyr4n
 */

#fallr-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	background: #333;
	height: 100%;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#fallr-wrapper, #fallr-wrapper * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Helvetica, Ubuntu, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	color: #555;
	text-shadow: 1px 1px 1px #fff;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
#fallr-wrapper {
	position: fixed;
	overflow: hidden;
	background: #f0f0f0;
	border: 1px solid #fff;
	box-shadow: 0 0 5px #111;
	-moz-box-shadow: 0 0 5px #111;
	-webkit-box-shadow: 0 0 5px #111;
}
#fallr-icon {
	position: absolute;
	top: 35px;
	left: 20px;
	height: 64px;
	width: 64px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#fallr {
	position: relative;
	padding: 20px 20px;
}
#fallr-buttons {
	position: relative;
	bottom: 0;
	right: 0;
	margin: 15px;
	clear: both;
	display: block;
	text-align: right;
}
/*  Github button style
    http://nicolasgallagher.com/lab/css3-github-buttons/ 
*/

#fallr-wrapper .fallr-button, #fallr button, #fallr input[type="submit"] {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 4px 15px;
	border: 1px solid #d4d4d4;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	white-space: nowrap;
	cursor: pointer;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#fallr-wrapper .fallr-button:hover, #fallr-wrapper .fallr-button:focus, #fallr button:hover, #fallr button:focus, #fallr input[type="submit"]:hover, #fallr input[type="submit"]:focus {
	border-color: #3072b3;
	border-bottom-color: #2a65a0;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #fff;
	background-color: #3C8DDE;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
	background-image: -moz-linear-gradient(#599bdc, #3072b3);
	background-image: -o-linear-gradient(#599bdc, #3072b3);
	background-image: linear-gradient(#599bdc, #3072b3);
}
#fallr-wrapper .fallr-button.fallr-button-danger {
	color: #900;
}
#fallr-wrapper .fallr-button.fallr-button-danger:hover, #fallr-wrapper .fallr-button.fallr-button-danger:focus {
	border-color: #b53f3a;
	border-bottom-color: #a0302a;
	color: #fff;
	background-color: #dc5f59;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
	background-image: -moz-linear-gradient(#dc5f59, #b33630);
	background-image: -o-linear-gradient(#dc5f59, #b33630);
	background-image: linear-gradient(#dc5f59, #b33630);
}
#fallr abbr {
	border-bottom: 1px dotted #333;
}
#fallr h1, #fallr h2, #fallr h3, #fallr h4, #fallr h5, #fallr h6, #fallr p, #fallr form, #fallr input, #fallr label {
	margin-bottom: 8px;
}
#fallr h3 {
	font-size: 30px;
	line-height: 45px;
}
#fallr h4 {
	font-size: 18px;
	line-height: 22px;
}
#fallr h5 {
	font-size: 20px;
	line-height: 30px;
}
#fallr input[type="text"], #fallr input[type="password"], #fallr textarea {
	background: #fff;
	border: solid 1px #999;
	color: #777;
	padding: 5px;
	width: 97%;
	box-shadow: inset #bbb 0px 0px 5px;
	-moz-box-shadow: inset #bbb 0px 0px 5px;
	-webkit-box-shadow: inset #bbb 0px 0px 5px;
}
#fallr input[type="text"].small {
	width: 35px;
}
#fallr input[type="text"].medium {
	width: 65px;
}
#fallr ol li, #fallr ul li, #fallr blockquote, #fallr q {
	margin-left: 20px;
}
#fallr ul li {
	font-size: 9px;
	margin-bottom:0.1em;
	padding:0;
	line-height:9px;
}
ul.alerteListeHorsStock {margin:0em}
ul.alerteListeHorsStock li{margin-bottom:0em;line-height:0.8em}
	
#fallr span.red, .red {
	color: red;
}
#fallr table {
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.35em;
	width: 100%;
}
#fallr th, #fallr td {
	padding: 10px;
}
#fallr th {
	background-color: #cecece;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#cecece));
	background-image: -moz-linear-gradient(#ececec, #cecece);
	background-image: -o-linear-gradient(#ececec, #cecece);
	background-image: linear-gradient(#ececec, #cecece);
}
/* custom icons */

.icon-card {
	background: url('images/x-office-contact.png');
}
.icon-chat {
	background: url('images/chat.png');
}
.icon-check {
	background: url('images/task-complete.png');
}
.icon-config {
	background: url('images/configure.png');
}
.icon-error {
	background: url('images/dialog-close.png');
}
.icon-form {
	background: url('images/basket.png');
}
.icon-help {
	background: url('images/help-contents.png');
}
.icon-info {
	background: url('images/dialog-information.png');
}
.icon-lamp {
	background: url('images/help-hint.png');
}
.icon-mail {
	background: url('images/internet-mail.png');
}
.icon-news {
	background: url('images/knewsticker.png');
}
.icon-photo {
	background: url('images/kview.png');
}
.icon-save {
	background: url('images/document-save.png');
}
.icon-secure {
	background: url('images/gpg.png');
}
.icon-sad {
	background: url('images/face-sad.png');
}
.icon-smile {
	background: url('images/face-smile.png');
}
/*.icon-trash {
	background: url('images/trash-empty.png');
}*/
.icon-warning {
	background: url('images/agt_update_criticals.png');
}
.icon-wizard {
	background: url('images/plasmagik.png');
}
/*   COMMANDE DETAILS */

.commandeDetails ul {
	margin: 10px 0;
	padding: 0;
}
.commandeDetails ul li {
	list-style: none;
}
.commandeDetails ul li span.label {
	color: #FFF;
	background-color: #666;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width: 180px!important;
}
.commandeDetails ul li ul {
	margin-left: 3em;
}
.commandeDetails ul li ul li {
	line-height: 1em;
}
.commandeDetails ul.left {
	float: left;
	clear: left;
	margin-right: 40px;
	padding-right: 40px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #999;
}
.commandeDetails ul.right {
	float: left;
	clear: right;
}
ul.ensembles, ul#listeGlobale {
	margin-left: 4em;
}

ul.composants, {
 margin: 0px 0 15px 0;
}
.compNomInListe{	
}
span.stockRequis {
	display: inline-block;
	width: 20px;
	text-align: right;
	font-weight: bold;
	margin: 0 0.8em 0 0.5em;
	color: #00ABFF;
}

dt.nomStructure {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	margin-bottom: 0.3em!important;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
}
dt.nomEnsemble {
	font-size: 10px;
	color: #333;
	padding: 2px 8px 0 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 0.2em!important;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
span.referenceInListe {
	
		color:#FFFFFF;
	background-color:#B9B9B9;
	border-radius:3px;
	padding:0px 3px;
	margin: 0 0 0 10px
}
.IDcomp{
color: #666;
margin-left:5px;
}
li.stockProbleme {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	color: #C00;
	margin-left: -4px;
	font-weight: bold;
}
.space {
	display: inline-block;
	width: 15px;
}
.txtSmaller {
	font-size: 80%
}
a.hiddenLink {
	color: inherit;
	text-decoration: none;
}
#textInfo{
}

/*-------------------------------------------------------------------------*/
/*	9. Accordions
/*-------------------------------------------------------------------------*/

.accordion dd.current {
display:block;
}

.accordion {
font-size:12px;
margin-left:0;
}

.accordion dt {
width:92%;
margin: 0 0 2px 20px;
font-weight:500;
background-position:bottom left;
background-repeat:repeat-x;
position:relative;
cursor:pointer;
padding:1px 5px;
}
#listeGlobale dt{
font-size:10px;
margin-bottom:1px;
padding:0;
}
#content .one_third .accordion dt {
width:74%;
}

#content-sub .one_third .accordion dt {
width:63%;
}

.accordion dd {
display:none;
padding:0 11px;
margin-bottom:0;
margin: 0 0 20px 50px;
}
.accordion p {
	font-size:10px;
	line-height:15px !important;
	margin:0 0 0 15px
}

.accordion dd p:first-child {
margin-top:8px;
}

.accordion dt:before {
/*content:url(images/accordion-plus-sign.png);
*/
position:absolute;
left:15px;
top:50%;
margin-top:-12px;
}

.accordion dt.current:before {
/*content:url(images/accordion-minus-sign.png);	
*/}

.one_half .accordion dt {
width:83%;
}

.one_third .accordion dt {
width:74%;
}

.one_fourth .accordion dt {
width:65%;
}

.textlinethrough{
	text-decoration: line-through;
}

/* -------------------------------------------------------------- 
   <12 FORMULAIRE
-------------------------------------------------------------- */

.champXXsmall{
		width:35px;
	}
	.champXsmall{
		width:50px;
	}
	.champSmall{
		width:60px;
	}
	.champMedium{
		width:150px;
	}
	.champlarge{
		width:40%;
	}
	.champXlarge{
		width:60%;
	}
	.champXXlarge{
		width:70%;
	}
	.champXXXlarge{
		width:100%;
	}

.rouge{
	color:#FB0004 !important;
}