#doc2{
	background: #f7f7f7 none no-repeat scroll;
}
/* = Clearfloat = */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
	cursor:pointer;
}
/* ======= Body ==================== */
html { height: 100%; }
body {
	margin: 0px;
	padding: 0px;
	background: silver;
    color: #333333;
	background: #ededed url('../img/BG-degrade-body.jpg') repeat-y top center;
    min-height: 100%;
	font-family: Arial;
    font-size: 12px;
}
#page, #doc2{
	margin: 0 auto;
    padding: 25px;
    width: 900px;
}
#bd,.body{
	margin-bottom: 30px;
}
/* ======= Header ================== */
#hd .logo, .head .logo{
	width: 289px;
	height: 49px;
	float: left;
	background: url("../img/logo.png") top center no-repeat;
    cursor: pointer;
	margin-bottom: -49px;
	position: relative;
	z-index: 150;
}
/* ======= Menu ============ */
#hd, .head   {
	margin-bottom: 40px;
}
#menu {
	border-bottom: 1px solid #cccccc;
	padding-top: 25px;
	margin-left: 63px;
    height: 25px;
	width: 836px;
	position: relative;
	z-index: 100;
}
#menu ul {
	margin: 0px;
    float: right;
}
#menu li {
	list-style-type: none;
	float: left;
	margin-left: 30px;
}
#menu a {
	color: #444444;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
}
#menu a:hover, #menu a.selected {
	color: #a02842;
	text-decoration: none;
}
/* ======= Footer ================== */
#ft , .foot  {
	border-top: 1px solid #cccccc;
	padding-top: 15px;
}
#ft ul , .foot ul  {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}
#ft li , .foot li  {
	list-style-type: none;
	float: left;
	margin-right: 30px;
}
#ft a , .foot a  {
	color: silver;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
    text-decoration: none;
}
#ft a:hover , .foot a:hover  {
	color: #a02842;
	text-decoration: none;
}
#ft .telephone , .foot .telephone  {
	width: 250px;
	float: left;
	margin: 0px;
	margin-left: 20px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 11px;
	color: gray;
	padding-top: 2px
}
#ft .telephone .alt , .foot .telephone .alt  {
	color: #a02842;
}
#ft .logo , .foot .logo  {
	float: right;
	background: url("../img/logo-small.png") top center no-repeat;
	width: 125px;
	height: 21px;
    cursor: pointer;
}
#ft .copyright , .foot .copyright  {
	float: right;
	margin-top: 25px;
	color: #aaaaaa;
	font-size: 9px;
}
#ft .copyright li , .foot .copyright li  {
	margin-right: 0px;
	margin-left: 30px;
}
/* ======= Site Actions ============ */

#site-actions ul#site-actions-left
{
  float: left;
}

#site-actions ul#site-actions-left li
{
  background-color: #778692;
}

#site-actions ul#site-actions-left li a
{
  text-decoration: none;
}


#site-actions {
	background: #333333;
	width: 100%;
}
    #site-actions .middle {
        width: 963px;
        margin: auto;
    }
    #site-actions ul{
	    padding: 0px;
	    margin: 0px;
        float: right;
    }
    #site-actions li {
	    display: block;
	    list-style-type: none;
	    float: left;
	    padding: 5px 20px;
	    background: #333333;
	    text-transform: uppercase;
	    color: white;
	    cursor: pointer;
	    text-align: center;
	    font-size: 10px;
	    height: 12px;
    }
    #site-actions li.alt {
	    background: #a02842;
    }
       #site-actions li.alt:hover, #site-actions li.alt.selected {
	        background: #770c28;
        }
    #site-actions li:hover, #site-actions li.selected {
	    background: #484848;
	    text-decoration: none;
    }
    #site-actions a{
	    color:#FFFFFF;
    }
/* ======= Content ============ */
#doc2 {
	background: white;
	padding: 25px;
	width: 900px;
}



#content {
    position : relative;
    padding-bottom: 20px;
    padding-bottom : 15px;
    display : inline-block;
    width : 100%;
}
    #content h3 {
        margin-left: 0px;
        margin-bottom: 30px;
    }
    #content h3.express-title {
      text-transform : uppercase;
      margin-bottom : 0;
      padding-bottom : 30px;
    }
    #content h3.express-title.title-express-order.margin-bottom {
        margin-bottom : 75px !important;
    }
    #content h3.express-title.underline {
      border-bottom : 1px solid #cccccc;
      margin-bottom : 30px;
      padding-bottom : 15px;
    }
    #content p {
        text-align: left;
    }
.two-column #content {
    width: 620px;
}
.subtitle {
    margin-left: 0px;
    margin-bottom: 30px;
}
h2 a.link-tab {
    padding-left: 10px;
    color: silver;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}
    h2 a.link-tab:hover, h2 a.link-tab.current {
        text-decoration: none;
        color: #a02842;
    }
    h2 a.link-tab.first {
        border-right: 1px solid silver;
        padding-left: 0px;
        padding-right: 10px;
    }
h2.tab-menu {
    padding-bottom: 15px;
    margin-bottom: 30px;
    margin-right: 0px;
    background: url('../img/gradient_top.png') bottom center no-repeat;
    padding-top: 45px;
    margin-top: -45px;
}
/* ======= Sidebar ============ */
#sidebar {
	width: 250px;
    display: block;
    float: right;
}
.blog-sidebar {
    margin-left: -10px;
    padding-left: 10px;
    min-height: 642px;
    background: url("../img/bg_blog-sidebar_top.png") top left no-repeat, url("../img/bg_blog-sidebar_bottom.png") 0 321px no-repeat;
}

#sidebar h3.title-home {
    font-size : 16px;
    color : #333333;
    border-bottom : 1px solid #cccccc;
    margin-bottom : 30px;
    padding-bottom : 15px;
}

#sidebar .box-image img {
    max-width : 100%;
}

#sidebar .box-image {
    margin-bottom : 30px;
}
    /*
    .blog-sidebar_top {
        height: 321px;
        margin-left: -10px;
        padding-top: 321px;
        margin-bottom: -321px;
        background: url("../img/bg_blog-sidebar_top.png") top left no-repeat;
    }
    .blog-sidebar_middle {
        position: relative;
        height: 100%;
        margin-left: -10px;
        background: url("../img/bg_blog-sidebar.png")  0px -500px repeat-y;
    }
    .blog-sidebar_bottom {
        height: 321px;
        margin-left: -10px;
        background: url("../img/bg_blog-sidebar_bottom.png") bottom left no-repeat;
    }
    .blog-sidebar_content {
        position: relative;
        top: -321px;
        margin-bottom: -642px;
        padding-left: 10px;
    }*/
.news {
    margin-top: 10px;
    padding-bottom: 10px;
    min-height: 50px;
}
	.news p {
		text-align: justify;
	}
    .news a {
        color: #a02842;
        text-decoration: none;
    }
        .news a:hover {
            text-decoration: underline;
        }
    .news strong, .news strong a {
	    color: #666;
    }
    .news img {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 10px;
    }
    .news img.right {
        float: right;
    }

.home-news-box {
    margin-top : 30px;
}

.home-news-box .sidebar-block .tab.on, .home-news-box .sidebar-block .tab.off {
    background-color: transparent;
    padding: 0;
    display: inline-block;
}

.home-news-box .sidebar-block .tab h3 {
    font-size : 17px;
    font-weight : bold;
    color : #333333;
    margin-bottom : 0px !important;

}

.home-news-box .sidebar-block .tabs {
    padding-bottom : 0;
}

.home-news-box .sidebar-block .tabs li {
    padding : 0 15px 15px 15px;
    margin-right : 0;
}
.home-news-box .sidebar-block .tabs li:first-child {
    padding-left : 0;
    background-image : url(../img/produits/sep.png);
    background-repeat : no-repeat;
    background-position : right top;
}

.home-news-box .sidebar-block .tab.off h3 {
    color : #b2b2b2;
}

.home-news-box .sidebar-block .tab-content .news p {
    width : 100%;
}

.home-news-box .sidebar-block a.right {
    float : left;
}

.home-news-box .news {
    margin-top : 18px;
}

.newsletter-home-box .sidebar-block.newsletter{
    background-color : #ededed;
    padding : 20px;
    position : relative;
}

.newsletter-home-box .sidebar-block.newsletter input[type="text"]{
    background-color : #ffffff;
    width : 118px;
}

.newsletter-home-box .sidebar-block.newsletter input.submit{
    position : absolute;
    right : 20px;
}

.newsletter-home-box .sidebar-block.newsletter h3 {
    border : none !important;
    font-size : 16px;
    margin : 0 !important;
    padding : 0 !important;
    color : #333333;
}

.sidebar-block {
    margin-bottom: 36px;
    padding-left: 10px;
}
    .sidebar-block h3 {
        margin : 0px;
        font-size: 16px;
        padding-top: 10px;
        border-top: 1px solid silver;
    }
        .sidebar-block h3.title-news {
            border-top: 0px;
            padding-top: 0px;
            border-bottom: 1px solid silver;
            padding-bottom: 5px;
        }

    .sidebar-block .tabs{ border-bottom: 1px solid silver;
		padding: 0 0 0.5em 0;
		margin: 0;
		display:block;
		clear:both;
		overflow:hidden;
		         }
		    .sidebar-block .tabs li {
		        display: block;
		        float:left;
		        width: auto;
		        margin-right: 12px;
		    }
		        .sidebar-block .tab {
		            display: inline-block;
		            padding: 0.5em 0;
		        }

		    .sidebar-block .tab h3 {
		        font-size:14px;
		        font-weight:normal;
		        border-bottom: none;
		        padding-bottom: 0px;
		        border-top: none; padding-top: 0px;
		    }
             .sidebar-block a.tab,.sidebar-block a.tab:hover, .sidebar-block a.tab:active  {
                text-decoration: none;
             }
             .sidebar-block .tab.on {
                background-color:#e8e8e8;
                padding: 0.5em;
                display:inline-block;
             }
             .sidebar-block .tab-content.off {
                 display: none;
             }
             .sidebar-block .tab-content .news  {
				border-bottom: 1px dotted silver;
				overflow:hidden;
             }
			 .sidebar-block .tab-content .news .date{
				float:left;
				color: #a02842;
			}
			.sidebar-block .tab-content .news p {
				margin: 0 0 5px 0;
				color: #666;
				text-align: left;
				float: right;
				width: 240px;
				display: block;
				line-height: 15px;
			}
    .sidebar-block p {
        margin : 5px 0;
        color: #666;
        text-align: left;
    }
        .sidebar-block p.alt {
            color: gray;
            margin-top: 0px;
            margin-bottom: 10px;
        }
		.sidebar-block.homeNews  p {
		margin: 5px 0;
		color: #666;
		text-align: left;
		float: right;
		width: 240px;
		display: block;
		}
    .sidebar-block h4 {
        color: #a02842;
        margin-top: 0px;
        border-bottom: 1px solid silver;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 16px;
    }
    .sidebar-block a.right {
	    float: right;
	    color: #a02842;
        margin-top: 10px;
        text-decoration: none;
    }
.customer_service .sidebar-block.contact {
    margin-top: 34px;
}
.sidebar-block.contact h4 {
    border-bottom: 1px solid silver;
    padding-bottom: 10px;
    color: #9e9e9e;
    font-weight: bold;
}
.sidebar-block.contact {
    background: #f4f4f4;
    border: 1px solid #eeeeee;
    padding: 15px;
    padding-bottom: 45px;
    margin-top: 22px;
}
    .sidebar-block.contact ul {
        color: #999;
        margin-bottom: 30px;
    }
    .sidebar-block.contact input, .sidebar-block.contact textarea {
        width: 205px;
        background: white;
/*        margin-bottom: 15px;*/
    }
    .sidebar-block #contact .submit {
        width: auto;
        background: #a02842;
    }
        .sidebar-block #contact .submit:hover{
            background: #770c28;
        }
	.sidebar-block #contact label {
		color: gray;
		margin-top: 15px;
	}
	.sidebar-block #contact .error{
		margin-bottom: 0px;
		margin-top: 0px;
		color: #a02842;
	}
	.sidebar-block #contact input, .sidebar-block #contact input.error{
		margin-bottom: 5px;
	}
.sidebar-block.newsletter input {
    width: 130px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 10px;
}
	.sidebar-block.newsletter input.submit {
		width: 80px;
	}
    .sidebar-block.newsletter input.submit:hover{
        background: #770c28;
    }
.sidebar-block.archives table { width:auto;}
.sidebar-block.archives td { padding: 0 5px 0 0;}
.sidebar-block.archives li {}
    .sidebar-block.archives a {
        text-decoration: none;
		display:inline-block;
		line-height: 1.5em;
		font-size: 12px;
		padding-bottom: 0.4em;
		overflow:visible;
		color: #999;
    }
		.sidebar-block.archives .cat_numArchives {
				width: auto;
				display:inline-block;
				color: #a02842;
				height: 15px;
				font-size: 10px;
				width: auto;
				position:relative;
				font-family: arial;
				margin: 0 3px;
			}
			.cat_numArchives .bg_left{
				background: transparent url('../img/bg_numArchives_left.gif') no-repeat scroll center right;
				height:15px;
				width:4px;
				position:absolute;
				left: 0;
				top: 0;
			}
			.cat_numArchives .bg_right{
				background: transparent url('../img/bg_numArchives_right.gif') no-repeat scroll center left;
				height: 15px;
				width: 1px;
				position: absolute;
				right: 0;
				top: 0;
			}
			.cat_numArchives .num{
				background: transparent url('../img/bg_numArchives.gif') repeat-x scroll center left;
				height: 15px;
				line-height: 17px;
				padding: 0px 3px 0px 3px;
				margin: 0 1px 0 4px;
				color: #888;
				display: block;
			}
			a:hover .cat_numArchives .num,
			a:active .cat_numArchives .num{
				text-decoration:none;
			}

    .sidebar-block.archives a:hover {
        text-decoration: underline;
    }
    .sidebar-block.archives a.selected,
    .sidebar-block.archives a.current,
    .sidebar-block.archives a.on {
        color: #000;
    	font-weight: bold;
    }
.sidebar-block.archives {
    margin-bottom: 30px;
}
/* ======== Index ================ */
.sliderHome {
    position: relative;
    overflow: hidden;
    width: 620px;
    height: 385px;
    margin-bottom: 20px;
}
.sliderHome img {
    position: absolute;
}
.homeImg img {
	margin-bottom: 40px;
    width: 620px;
    height: 385px;
}
.sliderHome_nav {
    position: relative;
    top: -62px;
    padding-left: 10px;
}
    .sliderHome_nav li {
        width: 12px;
        height: 12px;
        background: url('../img/ui/btn_sliderHome_nav.png') bottom left no-repeat;
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }
    .sliderHome_nav li:hover, .sliderHome_nav li.selected {
        background-position: top left;
    }
/* ======== Index ================ */
.sliderStatic {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 350px;
    margin-bottom: 20px;
}
.sliderStatic .homeImg img {
    position: absolute;
    width : 900px;
    height : 350px;
}
.homeImg img {
	margin-bottom: 40px;
    width: 615px;
    height: 385px;
}


.sliderStatic_nav {
    position: relative;
    top: -48px;
    padding-left: 15px;

}
    .sliderStatic_nav li {
        width: 12px;
        height: 12px;
        background: url('../img/ui/btn_sliderHome_nav.png') bottom left no-repeat;
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }
    .sliderStatic_nav li:hover, .sliderStatic_nav li.selected {
        background-position: top left;
    }
.block {
	width: 275px;
	height: 220px;
	background: #333333 url("../img/plus.png") 250px 200px no-repeat;
	color: white;
	padding-left: 25px;
	padding-top: 30px;
    cursor: pointer;
}
    .block:hover {
        background-color: #414141;
    }
    .block.left {
	    float: left;
    }
    .block.right {
	    margin-left: 320px;
    }
    .block.small {
        height: 75px;
        background-position: 250px 55px;
    }
        .block img {
	        float: left;
        }
        .block h4 {
	        text-transform: uppercase;
	        margin-left: 50px;
	        font-size: 24px;
	        font-weight: bold;
	        margin-right: 50px;
	        margin-top: 0px;
	        line-height: 22px;
	        color: white;
        }
        .block.home {
            padding : 20px 0 0 20px;
            height : 124px;
        }
        .block.home h4 {
            margin-left : 31px;
            margin-right : 0;
            font-size : 18px;
            margin-bottom : -3px;
        }
        #content .block p {
	        margin-left: 0px;
	        margin-top: 15px;
	        margin-right: 30px;
            text-align: left;
        }
/* ========= Products ============= */
form.filter-products {
    padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
    background: url('../img/gradient_top.png') bottom center no-repeat;
    padding-top: 45px;
    margin-top: -45px;
overflow:hidden;
clear:both;
}
    .filter-products label{
        display: none;
    }
	 .filter-products select {
        width: 205px;
        margin-right: 26px;
		float:left;
		height:30px;
    }

	.filter-products select#product_status{
        margin-right: 0px;

    }

    .filter-products .selectBox-dropdown {
        width: 165px;
        margin-right: 19px;
		float:left;
    }
        .filter-products .selectBox-dropdown.last {
            margin-right: 0px;
			float:right;
        }
        .selectBox-dropdown-menu {
            min-width: 200px;
            width: auto !important;
        }
ul.list-products{
	width: 610px;
	margin: 0px;
  min-height: 400px;
  float: left;
	display: block;
  margin-bottom : 60px;
  color : #5c5c5c;
  font-size : 13px;
}
ul.list-products li {
	height: 40px;
    background: white;
	list-style-type: none;
	color: #333333;
	padding: 15px;
}
    ul.list-products li.alt {
        background: #f3f3f3;
    }
    ul.list-products li .sub-list {
      display : inline-block;
      width : 100%;
      margin: 0;
      margin-top : 20px;
    }
    ul.list-products li .sub-list:first-child {
      margin-top : 0;
    }
    ul.list-products li .sub-list.first-empty {

    }
    ul.list-products li .sub-list li.new-line {
      width : 50%;
      padding-left: 30%
    }
    ul.list-products li .sub-list li.smaller {
	width: 15%;
    }
    ul.list-products li .sub-list li.label {
      width : 174px;
      line-height : 40px;
    }
    ul.list-products li .sub-list li.number {
      width : 80px;
      line-height : 40px;
    }
    ul.list-products li .sub-list li.norm {
      width : 154px;
    }
    ul.list-products li .sub-list li span {
      width : 85px;
      vertical-align : middle;
      display : table-cell;
    }
    ul.list-products li .sub-list li span.available {
      margin-left: -40px;
      display: inline-block;
      line-height: 40px;
    }
    ul.list-products li .sub-list li span.spaced {
	margin-left: 10px;
    }
    ul.list-products li .sub-list li {
      display : table;
      width : 23.3333%;
      padding : 0;
      background-color : transparent;
      float : left;
      text-align : left;
      line-height : normal;
      height : 40px !important;
    }
    ul.list-products li .sub-list li.center {
      text-align : center;
    }
    ul.list-products li .sub-list li input[type="text"]{
      width : 60px;
      -moz-box-sizing : border-box;
      box-sizing : border-box;
      border : 1px solid #cccccc;
      background-color : #fff;
      height : 40px;
      margin-bottom : 0;
      margin-right : 3px;
      display : table-cell;
      vertical-align : middle;
      text-align : center;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

    ul.list-products li .sub-list li input[type="text"].error {
	border : 1px solid #a02842;
    }

    ul.list-products li .sub-list li input[type="text"]:focus {
      outline : none;
      border : 1px solid black;
      -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
      -moz-box-shadow:    0px 0px 0px 0px rgba(255, 255, 255, 0);
      box-shadow:         0px 0px 0px 0px rgba(255, 255, 255, 0);
    }

    ul.list-products li.checked {
        background-image: url("../img/ui/ico_check.png");
        background-repeat: no-repeat;
        background-position: 5px 18px;
        padding-left: 25px;
    }
    ul.list-products li .plus {
	    width: 22px;
	    height: 22px;
	    float: right;
        margin-right: 3px;
        margin-top: 3px;
	    background: url("../img/ui/btn_plus2.png") no-repeat;
        background-position: -3px 0px;
        cursor: pointer;
        padding-right: 5px;
    }
        ul.list-products li .plus:hover {
	        width: 28px;
	        height: 28px;
            margin: 0px;
	        background-position: 0px -22px;
        }
    ul.list-products li a {
        color: #888888;
        text-decoration: underline;
    }
       ul.list-products li a:hover {
            color: #888888;
            text-decoration: none;
        }
a.sort {
    display: inline-block;
    width: 11px;
    height: 10px;
    background: url("../img/ui/ico_arrow-top-bottom.png") -1px -10px no-repeat;
    margin-left: 5px;
    margin-right: 5px;
}
    a.sort:hover, a.sort.current {
        background-position: 0 0;
    }
a.sort.down {
    background-position: -11px -10px;
}
    a.sort.down:hover, a.sort.down.current {
        background-position: -11px 0;
    }
.sidebar-products {
	width: 230px;
	margin-left: 638px;
    margin-top: 30px;
    background: #f3f3f3;
    border: 1px solid white;
    padding: 20px 15px;
    padding-bottom: 55px;
    box-shadow: 0 0 4px #ccc;
}
    #content .sidebar-products h3 {
        padding-bottom: 20px;
        margin-bottom: 0px;
        border-bottom: 1px solid #ccc;
    }
    table {
        border: none;
        width: 100%;
    }
    tr {
        border: none;
        background: transparent;
    }
        tr.alt {
            background: #eeeeee;
        }
        tr.alt2 {
            background: white;
        }
    td {
        border: none;
        color: #999999;
        padding: 10px;
    }
        td.delete img {
            cursor: pointer;
            padding-left: 10px;
        }
    th {
        border: none;
        font-weight: bold;
        color: #333333;
        padding-top: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
    }
    .sidebar-products table {
        border-top: 1px solid white;
        border-bottom: 1px solid silver;
    }
    .sidebar-products .btn.fr {
        margin-left: 75px; /*  fr (262 - 56) / 2 - 56 */
    }
    .sidebar-products .btn.en {
        margin-left: 80px; /*  en (262 - 34) / 2 - 34 */
    }
    .sidebar-products td {
        padding: 0px;
        padding-bottom: 10px;
    }
    .sidebar-products th {
        font-weight: normal;
        padding-left: 0px;
    }
    .sidebar-products tr input {
        width: 30px;
        height: auto;
        background: white;
        padding: 2px 7px;
        margin: 0px;
        text-align: right;
    }
    .sidebar-products .comment  {
        padding-top: 12px;
    }
    .sidebar-products .comment a {
        font-size: 12px;
        background: url('../img/ui/ico_arrow-right.png') center left no-repeat;
        padding-left: 10px;
    }
    .sidebar-products .comment textarea {
        width: 218px;
    }
    .sidebar-products input.btn {
        background: #a02842;
        height: 26px;
		line-height: 26px;
        padding-left: 12px;
        padding-right: 12px;
		padding-top: 0px;
        padding-bottom: 0px;
        color: white !important;
        font-size: 10px;
        font-weight: bold;
        cursor: pointer;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
    }
    .sidebar-products input.btn:hover {
        text-decoration: none;
        background: #770c28;
    }

.order-form {
    text-decoration: none;
    position: relative;
    float: right;
    margin-top: -48px;
    margin-right: 2px;
    line-height: 18px;
}
.order-form img {
    float: left;
    margin-right: 4px;
}

.pagination {
    margin-bottom: 50px;
    margin-top: 10px;
}
    .pagination.express {
       margin-bottom : 0;
       margin-top : 0;
       position : absolute;
       top : 0;
       right : 0;

    }
    .pagination p {
        margin-left: 0px;
    }
    .pagination a {
        text-decoration: none;
    }
    .pagination a.current, .pagination a:hover {
        text-decoration: none;
        color: #a02842;
    }
    .pagination .btn {
        float: right;
        height: 15px;
        width: 50px;
        background: #f1f1f1;
        border: 1px solid #d6d6d6;
        color: #333333;
        padding: 4px;
        margin-left: 20px;
        cursor: pointer;
    }
        .pagination .btn img {
            float: left;
            margin-top: 4px;
            margin-left: 2px;
            margin-right: 5px;
        }
        .pagination .btn:hover {
            background: #e1e1e1;
        }
.pagination.jobs {
    margin-bottom: 30px;
}
.grid-products {
    margin-left: -31px;
    margin-right: -10px;
}
.line {
    margin-bottom: 20px;
    margin-top: 30px;
}
.line.express {
  margin-top : 0px;
}
.recap-table tr .line.express {
    margin: 0;
    width: 95px;
}

.recap-table .line-prod .item-title,
.recap-table .line-prod td {
    font-size: 10pt;
    color: #666;
}

.recap-table .line-prod .item-title {
    margin: 0 0 0 20px;
    color: #999;
}

.recap-table td<:nth-child(3),
.recap-table th<:nth-child(3) {
    width: 30%
}

#recap-popup {
    width: 275px;
    background-color: white;
}

#recap-popup .recap-table td{
    padding: 0;
}

#recap-popup .recap-table h4{
    padding: 10px 0 0 0;
}

#recap-popup-wrapper-title-id {
    font-weight: bold;
    text-decoration: underline;
}

/* .recap td { */
/*     padding: 0; */
/* } */
/* .recap tr { */
/*     padding: 20px 0 0 40px; */
/* } */
.grid-products .line {
    margin-left: 30px;
}
.product {
    width: 154px;
    height: 250px;
    margin-left: 30px;
    margin-right: 3px;
    float: left;
    position: relative;
}
    .product .product-img {
        width: 154px;
        height: 154px;
        position: relative;
        z-index: 200;
        background: url('../img/bg_pills.jpg') top left no-repeat;
    }
        .product .product-img:hover {
            background: none;
            border: 1px solid #ccc;
            margin-left: -1px;
            margin-top: -1px;
            margin-bottom: -1px;
        }
    .product img.new, .product img.sale, .product img.unavailable {
        position: absolute;
        margin-top: -156px;
        margin-left: -2px;
        z-index: 300;
    }
    .product h5 {
        color: gray;
        font-size: 13px;
        margin: 0px;
        margin-top: 10px;
    }
    .product p {
        margin: 0px;
        color: gray;
    }
.list-products .details{
	padding-top: 12px;
}
.list-products .details h2 {
	font-size: 16px;
	color:#666;
}
.list-products .details dl{
    margin: 6px 0 0 0;
	display:block;height:auto;overflow:hidden;
}
.list-products .details dt{
    display: inline-block;
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;
    font-weight: bold;
    color: #666;
    clear: left;
}
.list-products .details dd {
    display: inline-block;
    float: left;
	margin-bottom: 3px;
    color: #666;
    clear: right;
}
.viewProduct {
    border-bottom: 1px solid silver;
    padding-bottom: 50px;
    margin-bottom: 40px;
    min-height: 300px;
    background: url('../img/gradient_top.png') bottom center no-repeat;
}
    .viewProduct a.back {
        background: url('../img/ui/ico_arrow-left3.png') center left no-repeat;
        padding-left: 10px;
		text-decoration:none;
		font-weight:bold;
		color:#666;
    }
	.viewProduct a.back:hover {
        text-decoration: underline;
    }
    .viewProduct h2 {
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .viewProduct h2 a.pdf-link {
        float: right;
        color: #a02842;
        font-size: 11px;
        font-weight: bold;
        background: url('../img/ui/ico_arrow-right3_red.png') center left no-repeat;
        margin-top: 5px;
        padding-left: 10px;
    }
    .viewProduct .sliderImg {
        width: 287px;
        float: left;
    }
        .viewProduct .sliderImg img {
            width: 287px;
/*            height: 256px;*/
            display: none;
            max-height : 190px;
        }
        .viewProduct .thumb {
            width: 64px;
            float: left;
            margin-top: 20px;
            margin-right: 15px;
            cursor: pointer;
         }
        .viewProduct .thumb a{
            text-decoration: none;
         }
		.viewProduct .thumb.lastUnit, .viewProduct .thumb.last {
            width: 50px;
            float: left;
            margin-top: 20px;
            margin-right: 0px;
            cursor: pointer;
         }
            .viewProduct .thumb img {
                width: 50px;
                height: 50px;
                display: block;
                background: url('../img/bg_pills_small.jpg') top left no-repeat;
                margin-bottom: 5px;
            }
    .viewProduct .details {
        margin-left: 300px
    }
        .viewProduct .col.left {
            width: 280px;
        }
        .viewProduct .col.right {
            width: 300px;
            margin-left: 300px !important;
        }
        .viewProduct .details dl{
            margin: 0px;
        }
        .viewProduct .details dt{
            float: left;
            margin-bottom: 10px;
            margin-right: 5px;
            font-weight: bold;
            color: #666;
            clear: both;
        }
        .viewProduct .details dd{
            margin-bottom: 10px;
            color: #666;
			width: auto;
			overflow: hidden;
        }
		.wholesaler-info .url:after{
			content:"...";
		}
		.wholesaler-info .url a{
			display: inline-block;
			overflow: hidden;
			width: 150px;
		}
        .viewProduct .details table {
            border: none;
            text-align: center;
            margin-bottom: 25px;
        }
            .viewProduct td {
                padding: 5px;
            }
            .viewProduct th {
                padding-top: 0px;
                padding-bottom: 10px;
                text-align: center;
                color: #666;
            }
            .viewProduct .details tr input {
                width: 16px;
                height: auto;
                background: white;
                padding: 2px 5px;
                margin: 0px;
            }
        .viewProduct .tab dl {
            margin-top: 20px;
        }
        .viewProduct .tab dt {
            clear: none;
            width: 120px;
        }
        .viewProduct .tab label {
            float: left;
            width: 120px;
            font-weight: bold;
            color: #666;
            padding-top: 2px;
        }
        .viewProduct .selectBox-dropdown {
            width: 138px;
        }
		.viewProduct .therapeutic-classes-list{
			clear:both;
			float:none;
		}
			.viewProduct .therapeutic-classes-list ul {
				padding-left: 15px;
				clear: both;
				margin: 0 0 0.5em 2em;
			}
				.viewProduct .therapeutic-classes-list li{
					list-style: disc;
				}
.wholesaler-info .url{
	display:inline-block;
	width: 80px;
}
.footer-right {
    float: right;
    width: 220px;
    background: #eeeeee;
    padding: 10px 20px;
    height: 83px;
    border: 1px solid #ddd;
    margin-top: 10px;
}
    #content .footer-right h3 {
        margin-top: 0px;
        border: none;
        font-size: 16px;
        margin-bottom: 0px;
    }
    .footer-right .sidebar-block.service h3 {
        border: none;
        padding-top: 0px;
    }
h2.about_title {
	border-bottom: none;
	text-transform: uppercase;
}
	h2.about_title .alt {
		color: #a02842;
	}
/* === About : Team ========================================== */
.about_menu {
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
}
    .about_menu li {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid #333333;
    }
        .about_menu li.first {
            padding-left: 0px;
            border-left: none;
        }
    .about_menu a {
        text-decoration: none;
    }
    .about_menu a:hover,
 	.about_menu a.selected,
	.about_menu a.select {
        color: #a02842;
        text-decoration: none;
    }
.about_footer {
    margin-top: 50px;
}
.grid_members {
    padding-top: 30px;
    border-top: 1px solid silver;
}
.member {
    width: 156px;
    height: 250px;
    margin-right: 30px;
    float: left;
}
    .member.endLine {
        margin-right: 0px;
    }
    .member img {
        width: 156px;
        height: 155px;
    }
    .member h5 {
        color: gray;
        font-size: 13px;
        margin: 0px;
        margin-top: 10px;
    }
    .member p {
        margin: 0px;
        color: gray;
    }
/* === About : Jobs ========================================== */
.list-jobs {
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}
    li.job {
        list-style-type: none;
        background: #eeeeee;
        padding: 20px;
        margin-bottom: 15px;
        cursor: pointer;
    }
        li.job:hover {
            background-color: #e3e3e3;
        }
        .job .arrow {
            width: 16px;
            height: 24px;
            float: right;
            margin-top: 5px;
            margin-right: 10px;
            background: url("../img/ui/ico_arrow-right2.png") 0 0  no-repeat;
        }
            .job:hover .arrow {
                background-position: 0 -24px;
            }
        .job h5 {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            color: #5e5e5e;
            font-size: 12px;
        }
        .job p {
            padding: 0px;
            margin: 0px;
            font-style: italic;
            color: gray;
            font-size: 11px;
        }
.view.vJob .header {
    height: auto;
}
/* === Ressources ========================================== */
.list {
    padding: 0px;
    margin: 0px;
    margin-bottom: 50px;
}
    .list li {
        list-style-type: none;
        border-bottom: 1px dotted silver;
        padding: 10px;
        padding-left: 0px;
        padding-bottom: 30px;
        padding-top: 20px;
        margin-bottom: 15px;
        min-height: 75px;
    }
        .list li img {
            float: left;
            margin-right: 10px;
            width: 73px;
            height: 73px;
        }
        .list li h5 {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            color: #5e5e5e;
            font-size: 14px;
        }
.list li h6 { font-size: 12px; color: #666; }
        .list li .title {
            margin: 0px 0px 10px 0px;
        }
        .list li p {
            margin: 0px;
        }
        .list li p.small {
            height: auto;
            padding: 0px;
            margin: 0px;
            font-style: italic;
            font-size: 12px;
            color: gray;
        }
.view {
    margin-bottom: 90px;
}
    .view .back {
        display: block;
        border-bottom: 1px solid silver;
        padding-bottom: 10px;
        margin-bottom: 40px;
        background: url('../img/gradient_top.png') bottom center no-repeat;
        padding-top: 65px;
        margin-top: -65px;
    }
    .view .header {
        border-bottom: 1px dotted silver;
        padding-bottom: 10px;
        margin-bottom: 30px;
        height: 75px;
    }
        .view .header h5 {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            color: #666666;
            font-size: 14px;
        }
        .view .header p {
            margin-bottom: 5px;
            color: gray;
        }
        .view .header p.small {
            padding: 0px;
            margin: 0px;
            font-style: italic;
            font-size: 12px;
        }
        .view .header img.left {
            width: 73px;
            height: 73px;
            float: left;
            margin-right: 10px;
        }
        .view .header img.right {
            margin-left: 10px;
            float: right;
            margin-top: 17px;
        }
    .view .description {
        margin-bottom: 60px;
    }
.item-totalPrice {
    min-width: 55px;
    display: inline-block;
    border-right: 1px solid #999;
    margin-right: 10px;
    padding-right: 5px;
    text-align:right;
}
/* === Orders ========================================================== */
.list-orders {
    margin-bottom: 80px;
}
.list-orders th {
    border-bottom: 1px solid silver;
}
.list-orders .details {
    background: url('../img/ui/ico_arrow-right.png') 0px 5px no-repeat;
    padding-left: 12px;
}
.list-orders .waiting {
}
.list-orders .making {
    color: green;
}
.list-orders .shipped {
    color: red;
}
.list-orders .cancelled {
    color: red;
}
/* ================================================== */
/* = TRACTR BOX = */
/* ================================================== */
.tractrBox {
	position: fixed;
	top: 120px;
	left: 50%;
	margin-left: -310px;
	z-index: 900;
	background: transparent;
	display: none;
}
    .tractrBox .close {
		display: block;
		position: absolute;
        background: url("../img/ui/btn_close-tractrBox.png") top center no-repeat;
		height: 26px;
        width: 25px;
		top: -12px;
        right: -12px;
		z-index: 900;
	}
    .tractrBox .box-content {
	    width: 580px;
        max-height: 400px;
	    background: #F5F5F5;
	    overflow: auto;
	    margin: 0;
	    padding: 20px;
	    box-shadow: 0 0 20px #333333;
    }
    #content .tractrBox h3 {
        margin: 0px;
        text-transform: uppercase;
        font-size: 15px;
        border-bottom: 2px solid black;
        padding-bottom: 3px;
        margin-bottom: 30px;
    }
    .tractrBox h4 {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid #333333;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
.tractrOverlay {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 700;
	background: gray;
	opacity: 0.7;
	display: none;
}
#shopping-cart {
    margin-left: -360px;
}
    #shopping-cart .box-content {
        width: 720px;
		height: 400px;
		overflow: auto;
    }
    #shopping-cart table {
        border-top: 0px;
    }
    #shopping-cart th {
        border-bottom: 1px solid silver;
    }
    #shopping-cart td {
        padding: 9px;
    }
    #shopping-cart .comment  {
        margin: 4px 0px;
    }
    #shopping-cart .comment textarea {
        margin-left: 378px;
        width: 310px;
		display:none;
    }
    #shopping-cart input.btn {
        background: #a02842;
        height: 26px;
        line-height: 26px;
        padding-top:0px;
        padding-bottom:0px;
        padding-left: 12px;
        padding-right: 12px;
        color: white !important;
        font-size: 10px;
        font-weight: bold;
        cursor: pointer;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        float: right;
        margin-left: 120px;
    }
    #shopping-cart input.btn:hover {
        text-decoration: none;
        background: #770c28;
    }
    .tractrBox .right-text {
        margin-left: 258px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: bold;
        color: #333333;
    }
    .tractrBox a.right-link {
        display: block;
        margin-left: 380px;
        background: url('../img/ui/ico_arrow-right.png') center left no-repeat;
        padding-left: 10px;
    }
    .tractrBox a.btn {
        float: right;
        margin-left: 120px;
        line-height: 26px;
        padding: 0 12px 0 12px;
		height: 26px;
    }
	#shopping-cartBoxLink{
		height: 14px;
		padding: 4px 15px;
		width: 50px;
		text-align:center;
	}
		#shopping-cartBoxLink #shopping-cartCounter,
		#shopping-cartBoxLink img{
			float:right;
			margin-top:-2px;
			display:inline-block;
		}
		#shopping-cartBoxLink img{}
		#shopping-cartBoxLink #shopping-cartCounter {
			width: auto;
			color: #a02842;
			height: 14px;
			width: auto;
			position:relative;
			top: 0px;
			font-size: 10px;
			font-weight: bold;
			font-family: arial;
			margin-right: 2px;
			margin-top:-1px;
		}
		#shopping-cartBoxLink .bg_left{
			background: transparent url('../img/bg_cart_left.gif') no-repeat scroll 0 0;
			height:14px;
			width:1px;
			position:absolute;
			left: 0;
			top: 0;
		}
		#shopping-cartBoxLink .bg_right{
			background: transparent url('../img/bg_cart_right.gif') no-repeat scroll 0 0;
			height:14px;
			width:4px;
			position:absolute;
			right: 0;
			top: 0;
		}
		#shopping-cartBoxLink .counter{
			background: transparent url('../img/bg_cart_middle.gif') repeat-x scroll 0 0;
			height: 11px;
			line-height: 10px;
			padding: 2px 2px 1px 2px;
			margin: 0 4px 0 1px;
			color: #a02842;
			display: block;
		}

#shareBox {
    margin-left: -170px;
}
    #shareBox .box-content {
        width: 300px;
        padding-top: 35px;
    }
    #shareBox input {
        font-size: 10px;
        text-transform: uppercase;
    }
    #shareBox textarea {
        font-size: 12px;
        margin-bottom: 15px;
    }
    #shareBox input, #shareBox textarea {
        width: 287px !important;
    }
    #shareBox input.submit {
        width: auto !important;
        margin-bottom: 0px;
        font-size: 12px;
        margin-top: 10px;
    }
    #shareBox input.submit:hover{
        background: #770c28;
    }
.loginBox{ width:100%; height:auto; overflow:hidden; clear:both; display:block; }
	.loginBox .col { width: 50%; }
		.loginBox .col.right {
		    margin-left: 50% !important;
		}
	.loginBox .box-content {
		width: 100%;
		height:auto;
		overflow:hidden;
	}
    .loginBox input {
        text-transform: none;
        width: 228px;
        font-size: 10px;
    }
    .loginBox input.submit {
        width: auto !important;
        margin-bottom: 0px;
        margin-right: 5px;
        font-size: 12px;
    }
    .loginBox input.submit:hover{
        background: #770c28;
    }
    .loginBox p.error {
        margin-top: -20px;
        color: #a02842;
    }
    .loginBox a.btn {
        /*height: 16px;
                padding: 8px 12px;    */
        font-size: 12px;
        font-weight: bold;
		float: right;
    }
	.loginBox .col.right p {
        height: 130px;
    }
    .loginBox #password, .loginBox #fake_password {
        margin-bottom: 10px;
    }
#client_login .loginBox .box-content {
	padding: 60px 0 120px 0;
}
#client_login .loginBox .col {
	padding: 0 2%;
	width: 46%;
}
#loginBox.tractrBox {
    margin-left: -275px;
	display:none;
	overflow:visible;
	width: auto;
}
	#loginBox.tractrBox div {
	    position: relative;
	}
    #loginBox.tractrBox .box-content {
        width: 500px;
		padding: 45px 25px;
    }
        #loginBox.tractrBox .col.left {
            width: 240px;
        }
        #loginBox.tractrBox .col.right {
            width: 200px;
            margin-left: 290px !important;
        }

.tractrBox.splashBox .box-content{
    height: 272px;
    width: 530px;
    background-color: #f2f2f2;
}
.tractrBox.splashBox.tractrBox {
    display: block;
}
.tractrBox.splashBox.tractrBox .close {
    background: url("../img/icn_popup.png") no-repeat scroll center top transparent;
    top: 0px;
    right: 4px;
    }
.tractrBox.splashBox .center {
    text-align: center;
}
.tractrBox.splashBox h4 {
    font-size: 17px;
    margin-top: 40px;
    border-bottom: none;
}
.tractrBox.splashBox .btn {
    float: none;
    font-size: 16px;
    margin-left: 0px;
    padding: 12px 16px;
}
.tractrBox.splashBox a.btn {
    text-transform: none;
}
.tractrBox.splashBox p {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 60px;
    line-height: 23px;
}

.order-details th {
    border-bottom: 1px solid silver;
}
.order-details .right-text {
    margin-top: 40px;
    background: white;
    padding: 10px;
}


.substitute-details th {
    border-bottom: 1px solid silver;
}
.substitute-details .right-text {
    margin-top: 40px;
    background: white;
    padding: 10px;
}

#change-passwordBox {
    margin-left: -237px;
}
    #change-passwordBox .box-content{
        width: 435px;
    }
    #change-passwordBox .box-content p label {
        width: 200px;
    }
    #change-passwordBox .box-content input {
        width: 206px;
    }
#registeredBox {
    margin-left: -202px;
}
    #registeredBox .box-content{
        width: 345px;
        padding: 30px;
    }
    #registeredBox p {
        margin-bottom: 20px;
    }
    #registeredBox .btn {
        float: none;
        margin: 0px;
    }
/* === Forms =============================================== */
form {
}
    form .small {
        color: gray;
        font-size: 12px;
        margin: 0px;
    }
label {
    display: block;
}
input {
	line-height: 20px;
}
input, textarea {
    border: none;
    background: #e8e8e8;
    padding: 6px;
    height: 20px;
    font-size: 12px;
    color: gray;
    margin-bottom: 25px;
}
textarea {
    height: 80px;
    resize: none;
}
input.submit {
    background: #a02842;
    height: 32px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    float: right;
    cursor: pointer;
    text-transform: uppercase;
    line-height: inherit;
}
    input.submit:hover {
        background: #770c28;
    }
select {
   /*display: none;*/
    background: #E8E8E8;
    height: 40px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    color: #7D7D7D;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    line-height: inherit;
	margin-bottom:20px;
	width:220px;
	border:none;

}

.fakeTextField
{
	font-size: 10px;
    text-transform: uppercase;
}

.fakeCheckbox {
    width: 13px;
    height: 13px;
    background: url('../img/ui/checkbox.png') 0 0 no-repeat;
}
    .fakeCheckbox.checked {
        background-position: 0 -13px;
    }
/* === Columns ============================================= */
.col {
    width: 48%;
}
.col.left {
    float: left;
}
.col.right {
    margin-left: 52% !important;
}
/* === Buttons ============================================= */
a.btn {
    background: #a02842;
    height: 14px;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
    color: white !important;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
    a.btn:hover {
        text-decoration: none;
        background: #770c28;
    }
a.btn.alt {
    background: gray;
}
    a.btn.alt:hover {
        background: #484848;
    }
/* === Customer service && Contact us ============================================= */
.contactBlock li {
    font-weight: normal;
    font-size: 13px;
    color: #999;
}
.contactBlock {
    margin-bottom: 40px;
}

.contactBlock * {
    width: 220px;
}

.contactBlock img{
    margin-bottom: 10px;
}
.customer_service h4, #contactus h4 {
    border-bottom: 1px solid silver;
    padding-bottom: 10px;
    color: #9e9e9e;
    font-weight: bold;
}
    #contactus h4 {
        color: #666666;
        margin-bottom: 25px;
    }
.customer_service a, #contactus a{
    color: #a02842;
}
#contactus p {
    color: #666666;
}
#contactus {
    margin-bottom: 159px;
}
#contactus .map {
    background: url('../img/bg_map.png') top left no-repeat;
    width: 346px;
    height: 236px;
    float: right;
    padding-top: 2px;
    padding-left: 4px;
}
.contact-sidebar-links{}
.contact-sidebar-links li {
    margin-bottom:20px;
    float:left;
}
.contact-sidebar-links li a {
    color:#a02842;
    text-decoration: none;
}
.contact-sidebar-links li a img{
    float:left;
}

.contact-sidebar-links li a span{
    float:left;
    margin-left:10px;
    width:170px;
}

#formInfo .input-group, #formComplaint .input-group {
    width: 155px;
    margin-right: 10px;
    padding-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
}

#formComplaint .input-group-label {
    line-height : 32px;
}


#formInfo .input-group input, #formComplaint .input-group input {
    width:100% !important;
    margin-bottom: 0;
}

#formInfo textarea, #formComplaint textarea {
    width: 540px;
}

.select {position:relative;}
.select label.error {position:absolute; bottom:-8px;}

.textarea label.error {
    margin-top:-20px;
    width:500px;
}

/*.input-group .selectBox-dropdown {
    background: #e8e8e8;
    border: none;
    box-sizing: border-box;
}

.input-group .selectBox-dropdown .selectBox-arrow {
    background-color: #e8e8e8;

}*/


/* === Animated Grid ============================================= */
.animatedGrid {
    position: relative;
}
.animatedGrid.services {
    border-top: 1px solid #e3e3e3;
    padding-top: 50px;
    margin-right: 20px;
}
    .animatedGrid div {
        width: 154px;
        height: 245px;
        margin: 0px;
        cursor: pointer;
        background: url("../img/shadow_repeat.png") top left repeat-x;
        position: relative;
        z-index: 150;
        float: left;
    }
    .animatedGrid .left-border {
        width: 100%;
        position: absolute;
        background: url("../img/shadow_left.png") top left no-repeat;
        height: 154px;
        z-index: 200;
        float: none;
    }
    .animatedGrid .right-border {
        width: 100%;
        background: url("../img/shadow_right.png") top right no-repeat;
        height: 154px;
        float: right;
        z-index: 250;
    }
    .animatedGrid .div-content {
        width: auto;
        z-index: 180;
        display: inline;
        float: none;
		background: none;
    }
        .animatedGrid .div-content .icon {
			height: 154px;
			width: 154px;
			margin: 0px;
			margin-bottom: 5px;
			float: left;
			background: url('../img/services/produits-exclusifs-frise.png') 0px 0px no-repeat;
			overflow: hidden;
        }
            .animatedGrid .last .div-content .icon {
                float: right;
                margin: 0px;
            }
    .animatedGrid .div-content h5 {
        font-size: 13px;
        width: 154px;
        margin: 0px;
		text-align: left;
    }
        .animatedGrid .last .div-content h5 {
            float: right;
            margin-top: 5px;
            width: 154px;
        }
    .animatedGrid .hidden-content {
        width: auto;
        height: auto;
		/* height:132px; */
        margin-left: 154px;
        margin-right: 15px;
        padding: 10px 0;
        display: none;
        float: none;
     }
        .animatedGrid .last .hidden-content {
            margin-right: 154px;
            margin-left: 15px;
            margin-bottom: -17px;
            padding: 10px 0;
            display: none;
        }
            .hidden-content div {
                float: none;
                display: inline;
            }
            .hidden-content h6 {
                text-transform: uppercase;
                font-weight: bold;
                font-style: normal;
                font-size: 12px;
                color: #666;
                border-bottom: 1px solid silver;
                padding-bottom: 5px;
                margin: 0px;
            }
                .partners .hidden-content h6 {
                    text-transform: none;
                }
            .hidden-content p {
                font-size: 11px;
                margin-top: 5px;
            }
        .animatedGrid .main-content {
			width: auto;
            height: 118px;
            background: none;
            display: inline-block;
        }
        .animatedGrid .partner-link {
			text-align: right;
            background: url('../img/ui/ico_arrow-right3.png') 0 4px no-repeat;
			font-size: 11px;
			margin-left: 94px;
			display: inline-block;
			position: relative;
			width: 80px;
        }
#service1 {
    background-position: 0px 0px;
}
    .animatedGrid .div-content:hover #service1, .animatedGrid .open #service1 {
        background-position: 0px -154px;
    }
#service2 {
    background-position: -154px 0px;
}
    .animatedGrid .div-content:hover #service2, .animatedGrid .open #service2 {
        background-position: -154px -154px;
    }
#service3 {
    background-position: -308px 0px;
}
    .animatedGrid .div-content:hover #service3, .animatedGrid .open #service3 {
        background-position: -308px -154px;
    }
#service4 {
    background-position: -462px 0px;
}
    .animatedGrid .div-content:hover #service4, .animatedGrid .open #service4 {
        background-position: -462px -154px;
    }
#service5 {
    background-position: -616px 0;
}
    .animatedGrid .div-content:hover #service5, .animatedGrid .open #service5 {
        background-position: -616px -154px;
    }
#service6 {
    background-position: -770px 0;
}
    .animatedGrid .div-content:hover #service6, .animatedGrid .open #service6 {
        background-position: -770px -154px;
    }
#service7 {
    background-position: -924px 0;
}
    .animatedGrid .div-content:hover #service7, .animatedGrid .open #service7 {
        background-position: -924px -154px;
    }
#service8 {
    background-position: -1078px 0;
}
    .animatedGrid .div-content:hover #service8, .animatedGrid .open #service8 {
        background-position: -1078px -154px;
    }
#service9 {
    background-position: -1232px 0;
}
    .animatedGrid .div-content:hover #service9, .animatedGrid .open #service9 {
        background-position: -1232px -154px;
    }
#service10 {
    background-position: -1386px 0;
}
    .animatedGrid .div-content:hover #service10, .animatedGrid .open #service10 {
        background-position: -1386px -154px;
    }
#service11 {
    background-position: -1540px 0;
}
    .animatedGrid .div-content:hover #service11, .animatedGrid .open #service11 {
        background-position: -1540px -154px;
    }
#service12 {
    background-position: -1694px 0;
}
    .animatedGrid .div-content:hover #service12, .animatedGrid .open #service12 {
        background-position: -1694px -154px;
    }
.partners .div-content .icon {
	background: url('../img/partners.png') 0px 0px no-repeat;
	height: 154px;
	width: 154px;
	margin: 0px;
	margin-bottom: 5px;
}
#partner1 {
	background-position: 0px -154px;
}
	.animatedGrid .div-content:hover #partner1, .animatedGrid .open #partner1 {
        background-position: 0px 0px;
    }
#partner2 {
	background-position: -154px -154px;
}
	.animatedGrid .div-content:hover #partner2, .animatedGrid .open #partner2 {
        background-position: -154px 0px;
    }
#partner3 {
	background-position: -308px -154px;
}
	.animatedGrid .div-content:hover #partner3, .animatedGrid .open #partner3 {
        background-position: -308px 0px;
    }
#partner4 {
	background-position: -462px -154px;
}
	.animatedGrid .div-content:hover #partner4, .animatedGrid .open #partner4 {
        background-position: -462px 0px;
    }
#partner5 {
	background-position: -616px -154px;
}
	.animatedGrid .div-content:hover #partner5, .animatedGrid .open #partner5 {
        background-position: -616px 0px;
    }
#partner6 {
	background-position: -770px -154px;
}
	.animatedGrid .div-content:hover #partner6, .animatedGrid .open #partner6 {
        background-position: -770px 0px;
    }
#partner7 {
	background-position: -924px -154px;
}
	.animatedGrid .div-content:hover #partner7, .animatedGrid .open #partner7 {
        background-position: -924px 0px;
    }
#partner8 {
	background-position: -1078px -154px;
}
	.animatedGrid .div-content:hover #partner8, .animatedGrid .open #partner8 {
        background-position: -1078px 0px;
    }
/* === My account ============================================= */
#order_form h1 {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
}

#order_form h1 .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../img/ui/ico_print.png') 0 0 no-repeat;
    margin-bottom: -5px;
    padding-right: 5px;
}

/* === My account ============================================= */
#account_form { }
    #account_form fieldset {
        display: block;
		margin: 0px;
        margin-bottom: 50px;
    }
	#account_form fieldset.right {
		margin-left: 500px;
	}
        #account_form h1 {
            margin-bottom: 30px;
            font-size: 16px;
            font-weight: bold;
        }
            #account_form h1 .icon{
                display: inline-block;
                width: 22px;
                height: 22px;
                background: url('../img/ui/ico_account.png') 0 0 no-repeat;
                margin-bottom: -5px;
                padding-right: 5px;
            }
			#account_form h1 span{
				font-size: 14px;
			}
			#account_form h1 span.username{
				color: #928C8C;
				display: inline-block;
				margin: 5px;
			}
		#account_form p.alert{
			color: #a02842;
			padding-bottom:	30px;
		}
        #account_form h2 {
            font-weight: normal;
            font-size: 15px;
            padding-bottom: 5px;
            margin-bottom: 20px;
        }
	#account_form input, #change-passwordBox input {
        height:30px;
        width:277px;
        padding: 0 6px;
        margin-left: 10px;
        margin-bottom:0;
		line-height: 30px;
    }
        #account_form .error input, #change-passwordBox .error input,
        #account_form input.error , #change-passwordBox input.error,
   		input.error {
            border-right: 4px solid #a02842;
            width: 273px;
        }
	#account_form textarea {
        height:30px;
        width:277px;
        margin-left: 10px;
        margin-bottom:0;
    }

	#account_form select {
        width: 288px;
		height:30px;
		margin-left:10px;
    }
    #account_form .selectBox {
        width: 247px;
        margin-left: 10px;
    }
	#account_form p label, #change-passwordBox p label {
	    color: #928C8C;
	    display: inline-block;
	    font: 12px Arial,"MS Trebuchet",sans-serif;
	    line-height: 18px;
	    vertical-align: top;
	    width: 129px;
        text-align: left;
		margin-top: 7px;
	}
		#account_form .checkbox{
			clear:both;
			margin-bottom: 20px;
			height: auto;
			overflow: hidden;
		}
			#account_form .checkbox label{
				float: right;
				width: 400px;
				line-height: 18px;
				margin-top: -1px;
			}
    #account_form input.submit {
        margin: auto;
        float: none;
        display: block;
        height: 32px;
    }
    #account_form input.submit:hover{
        background: #770c28;
    }
	#account_form a.btn {
		display: inline-block;
	}
	#account_form .errorlist, #account_form label.error, label.error{
		color: #a02842;
	}
	#account_form .errorlist{
		margin: 0px;
		margin-top: -10px;
		margin-left: 153px;
	}
	#account_form label.error,
	#account_form label.errorlist  {
		width: 273px;
		margin-left: 153px;
		margin-top: 0px;
	}
/* === Reset password ============================================= */
#reset_password input {
    display: block;
    float: none;
    width: 250px;
    margin-bottom: 12px;
}
#reset_password input.submit {
    width: auto;
}
#order-sent.tractrBox .box-content{
	width: 860px;
}
#order-sent.tractrBox{
	margin-left: -450px;
}

#ft{
	width:900px;
	margin:0 auto;
}

/* === Commande Express ============================================== */

.recap-table thead{
  border-bottom : 1px solid #cccccc;
  font-size : 13px;
}

.recap-table {
  border-bottom : 1px solid #cccccc;
}

.recap-table tbody tr:nth-child(even) {background: #f5f5f5}

.recap-total {
  width : 270px;
  margin-right : 65px;
  font-weight : bold;
  margin-top : 10px;
}

.recap-total tr.border-top {
  border-top : 1px solid #cccccc;
}

.recap-total tr.border-top td {

  padding-top : 20px;

}

.recap-total tr td:first-child {

  font-weight : bold;
}

.formulaire-express {
  width : 100%;
  display : inline-block;
}

.formulaire-express.hidden {
  display:none;
}

.comment-box textarea {
  width: 100%;
   max-width: 890px;
   margin-bottom: 40px;
 }
 .comment-box label {
    color : #666;
    font-size : 12px;
    margin-bottom: 10px;
 }
.comment-box .errorlist,
.formulaire-express .errorlist {
	color: #a02842;
	/* margin: 0px; */
	/* margin-top: -10px; */
	/* margin-left: 153px; */
	/* width: 273px; */
	/* margin-left: 153px; */
	/* margin-top: 0px; */
}

.formulaire-express .box {
  width : 50%;
  display : inline-block;
  float : left;
  padding-left : 20px;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  color : #909090;
  font-size : 12px;
}


.formulaire-express input[type="text"]{
  width : 100%;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  height : 40px;
  margin : 0;
  padding-left : 20px;
}

.formulaire-express input[type="text"]:focus{
  outline : none;
  border : none;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow:    0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow:         0px 0px 0px 0px rgba(255, 255, 255, 0);
}


.formulaire-express ul {
  margin : 0;
  color : #909090;
  font-size : 12px;
}

.formulaire-express ul > li {
  margin-bottom : 20px;
}

.formulaire-express textarea {
  width : 100%;
  padding : 20px;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  margin-bottom : 0;
  height : 223px;
  outline : none;
  border : none;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow:    0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow:         0px 0px 0px 0px rgba(255, 255, 255, 0);
}

.formulaire-express .inline{
  width : 100%;
  display : inline-block;
  line-height : 40px;
}

.formulaire-express .inline li {
  display : inline-block;
  float : left;
  margin-left : 10px;
  margin-bottom : 0;

}

.formulaire-express .inline li:first-child {
  margin-left : 0;
}

.form-express-box {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 60px;
  margin-top: -24px;
}

.toggle-form-express {
  position : absolute;
  top : 0;
  left : 0;
  text-decoration : none;
  font-size : 13px;
  color : #666666;
  padding-right : 20px;
}

.toggle-form-express span {
  background: url("../img/ui/ico_arrow-top-bottom.png") 0px 0px no-repeat;
  height : 10px;
  width : 10px;
  position : absolute;
  right : 0;
  top : 3px;
}

.toggle-form-express.active span {
  background: url("../img/ui/ico_arrow-top-bottom.png") -12px 0px no-repeat;
}

.form-submit-express.first-calcul {

  margin-bottom : 60px;

}

.form-submit-express {
  margin-bottom: 90px;
  display: inline-block;
  float: right;
}

.form-submit-express ul {
  display : inline-block;
  float : right;
  margin : 0;
}

.form-submit-express li {
  display :inline-block;
  float : left;
}

.form-submit-express .calcul{
  border : 2px solid #a02842;
  padding : 11px 30px;
  color : #a02842;
  text-transform : uppercase;
  margin-bottom : 0;
  display : inline-block;
  text-decoration : none;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  margin-right : 10px;
}

.form-submit-express .calcul:hover {
  background-color : #a02842;
  color : #fff;
}

.form-submit-express .command {
  background-color : #a02842;
  color : #fff;
  text-transform : uppercase;
  margin : 0;
  padding : 10px 30px;
  display : inline-block;
  height : auto;
  cursor : pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.form-submit-express .command:hover {
  background-color : #770c28;
}

.form-submit-express .command.disabled {
  background-color : #aeaeae;
  cursor : default;
}

.form-submit-express .command.disabled:hover {
  background-color : #aeaeae;
}


.header-gamme {
    padding : 15px 0;
    border-bottom : 1px solid #cccccc;
    display : block;
}

.header-gamme div {
    color : #5c5c5c;
    font-family: Arial;
    font-size : 14px;
}

.header-gamme.active {
    position : fixed;
    top : 0;
    background-color : #ffffff;
    width: 915px;
    margin-left: -45px;
    padding-left: 45px;
}

.header-gamme-static {
    padding : 15px 0;
    border-bottom : 1px solid #cccccc;
    display : block;
}

.header-gamme-static div {
    color : #5c5c5c;
    font-family: Arial;
    font-size : 14px;
}

/* Class needed for tooltip to work */
.legend-tooltip{
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #cccccc;
	background-color:#ffffff;
	border-radius:5px;
	padding:10px;
	font-size:12px;
}

/* === Page plansante ============================================== */

.sidebar_box.gray-box {
    background-color : #ededed;
    padding : 20px 30px;
    position : relative;
}

.sidebar_box.gray-box p {
    color : #898989;
}


.sidebar_box.gray-box a.btn-plansante {
    background-color : #69c9ba;
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    display : inline-block;
    margin : 0;
    padding : 8px 0;
    text-align : center;
    color : #ffffff;
    font-size : 16px;
    font-weight : normal;
    text-decoration : none;
}

.sidebar_box.gray-box table {
    margin-bottom : 20px;
}

.sidebar_box.gray-box table tr td strong {
    font-size : 24px;
}

.two-column #content .static_page_content h2 {
    color : #010101;
    font-size : 18px;
    border-bottom : none;
    margin-bottom : 20px;
}

.two-column #content .static_page_content h3 {
    color : #010101 !important;
    font-size : 15px !important;
    font-weight : normal !important;
    margin-bottom : 10px;
}

.two-column #content .static_page_content h3 span{
    color : #010101 !important;
    font-size : 15px !important;
    font-weight : normal !important;
}

.two-column #content .static_page_content p {
    color : #010101;
}

.two-column #content .static_page_content p strong{
    font-weight : bold;
}

.two-column #content .static_page_content p a{
    color : #ae0101;
    text-decoration : none;
}

.two-column #content .static_page_content ul {
    padding-left : 30px;

}

.two-column #content .static_page_content ul li{
    list-style-type : disc;
    margin-top : 5px;
}

/* === Linkedin ============================================== */

.linkedin-header {
    display : inline-block;
    background-color : #007bb6;
    float : left;
    font-size : 0;
}

.linkedin-header a {
    padding : 3px 20px;
    display : inline-block;
}

div.map div#map {
    width: 339px;
    height: 224px;
}