@charset "utf-8";
/* CSS Document */

html, body	{margin: 0;padding: 0;height:100%;}
body		{/*font-family: 'Open Sans', sans-serif !important;*/
			 font-family: 'Raleway';
			 line-height:1.45em;font-size:16px;background-color:#FFFFFF;
    		 background: url('../img/background1.jpg') bottom center fixed;
    		 background-size:cover;
			 color:#000;}
body.spec_liste-articles, body.spec_liste-articles .view-frame		{height:100%; overflow: hidden;}
body.spec_liste-commandes, body.spec_liste-commandes .view-frame	{height:100%; overflow: hidden;}
body.spec_panier			{background:#FFFFFF;}

*, *:focus, *:active {outline: none;}

.btn-default-focus  {box-shadow: none !important;outline: none !important;}

.mode-test      {font-size: 13px; font-weight: 500; color: #666; line-height: 18px; margin-bottom: 13px; background: #fff;
                padding: 15px;}
.important-link {color: #ef6e17; text-decoration: underline}

/**********
Balises majeures & classes génériques
***********/
a               	{cursor: pointer; transition: all linear .2s; outline: none; color: #2955a8 }
a:hover {color: #ef6e17}
.spec_connexion a	{color:#1848a2; font-size:1.4rem;}

h1				{font-size:2.5em; font-family: 'Raleway'}
h1.titre-page		{margin-top:0;font-size:2.1em;color: #5d2a0c}/*634114*/
h1.titre-accueil	{margin-top:7px;margin-bottom:9px;color:#fff;}
h2 				{margin-bottom: 30px;margin-top:0;font-family: 'Raleway'}
h3				{}
h4				{font-size:16px;font-weight: 700;}


.marge0			{margin:0;}
.margeTop20		{margin-top:20px}
.marginBottom30 {margin-bottom: 30px}
.marginBottom15 {margin-bottom: 15px}
.margeRight10	{margin-right:10px;}
.full-screen 	{height: 100%;}
.grand			{font-size:1.2em;font-weight:600;}
.petit			{font-size:0.8em;}
.text-warning	{color:#ef6e17;}
.strong         {font-weight: bold;}
.display-inline-block {display:inline-block !important;}

.pointer        {cursor: pointer}

.pos-relative   {position: relative;}
.alert			{color:#D40000;}
.alert-success  {color:#3c763d !important;}
.alert-warning  {color:#8a6d3b !important;}
.alert-info     {color:#31708f !important;}

.formdates		{text-align:center;line-height:1.45em;}

.container-pictoanimal			{text-align:left;line-height:70px;height: 155px;}
.pictoanimal                    {height: 75px; display: table-cell;width:inherit;padding-left: 10%;}
.pictoanimal i                  {vertical-align: bottom;}
.cf-10                          {font-size:2em;}/*l numéro correspond à l'ordre du stade en bdd pour la taille du picto animal*/
.cf-20                          {font-size:2.6em;}
.cf-30                          {font-size:3.2em;}
.cf-40                          {font-size:3.8em;}
.cf-50                          {font-size:4.4em;}
.cf-60                          {font-size:5em;}
.cf-70,.cf-100
                                {font-size:5em;}
.navbar-gammes .cf,
.navbar-gammes .fa				{font-size:1.5em;margin-right:7px;opacity:0.8;}

input {border-radius: 0 !important;box-shadow: none !important;}
input:focus {border-radius: 0 !important;box-shadow: none !important;border-color: #ccc !important;}

.full-width		{width:100%}
.btn			{border-radius: 0; transition: all linear .2s}
.btn-primary	{background-color: #5d2a0c; border: none;color: #fff !important;padding:6px 12px;font-weight: 600;line-height: 24px;}/*332a1e*/
.btn-primary:hover	{background-color:#e4630b; color: #fff !important;}
.btn-primary-inverse	{background-color: #97c00e; border: none;color: #333 !important;padding:6px 12px;font-weight: 600;line-height: 24px;}/*f6f6f6*/
.btn-primary-inverse:hover	{background-color:#5d2a0c; color: #fff !important;}
.btn-panier		{background-color: #5d2a0c;color: #FFFFFF !important;box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);padding:6px 12px;}
.btn-panier:hover {background-color:#e4630b;}
.btn-panier i	{margin-left:10px;}
.btn-panier i.no-margin {margin-left: 0}
.btn-planif			{background-color:#ef6e17;color:#fff;box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);}
.btn-planif i:first-child	{margin-right:10px;}
.btn-commande		{background-color:#97c00e;color:#fff;padding: 0.75em 1.5em;}
.btn-commande:hover	{background-color:#633d27;}
.btn-detail-panier  {padding: 0.75em 1.5em; font-weight: normal; line-height: 22px}

.btn-danger {padding: 0.75em 1.5em;}
.btn:hover		{color:#FFFFFF;}
.btn-voirplus i	{float:right;font-size:1.8em;}

.btn-toggle-container {white-space: nowrap;}
.btn-toggle-container span {opacity: 1; transition: linear all .2s}
.btn-toggle-container.in span {opacity: 0}
.btn-toggle-container .btn-group {opacity: 0; transition: linear all .2s}
.btn-toggle-container.in .btn-group {opacity: 1}

.box			{background-color: #FFFFFF;box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);margin-bottom: 15px;padding:15px;}
.box2			{background-color: rgba(239, 238, 238, 0.6);padding:2px;text-align:center;font-size:1.8em;margin-bottom:5px;color:#ef6e17;}
.box2:hover		{background-color: rgba(239, 238, 238, 1);}
.box3			{}
.box4			{background-color:#FFFFFF;max-width: 913px;padding: 16px 32px;box-shadow: 0 8px 32px rgba(0,0,0,0.15);
   				 margin-bottom:30px;margin-left:15px;margin-right:15px;}
.spec_panier .box4, .spec_planned-orders .box4 {margin-left: auto;margin-right: auto;}
.box4 h3			{margin-top:0;}
.box4 h4			{}
.filtrer.box4 h4	{border-bottom:2px solid #634114;padding-bottom:5px;}
.box-alert		{border:2px solid #D40000;}
.boxAlimFrequent	{height:200px;}
.boxPlus		{padding:10px 10px 10px 10px;border:2px dotted #adadad;font-size:2.1em;color:#adadad;height:100%;}
.boxPlus:hover	{background-color:#F4F4F4;cursor:pointer;}
.liste-silos .boxPlus	{padding: 10px;padding-top: 20px;font-size:7em;}

.form-search 						{padding:0;background-color: rgba(255,255,255,1);}
.form-search .form-group 			{width: 100%;}
.form-search .form-group input		{width: 100%;padding: 12px;height: auto; background: transparent; border: none !important;padding-left: 60px;}
.form-search button					{float: left;margin-top: -40px;margin-left: 5px;padding: 6px 14px;line-height:22px;background-color:#ef6e17;}
.form-search i.fa-refresh	{position: absolute;top: 15px;right: 1%;}
.form-search div.no-results {position: absolute;right: 1%;top: 11px;}
.spec_liste-articles .form-search 				{background-color:#fff;border:1px solid #333;margin-top:15px;}
.spec_liste-articles .form-search .form-group	{width:80%;}

.searchbar					{width: 30%;float: left;margin-left: 5%;padding-top:15px;padding-bottom:12px;}
.searchbar .form-group  	{margin: 0;}
.searchbar input			{float: left;width: 100%;border: 1px solid transparent !important;background: #e6e6e6;border-radius: 0;box-shadow: none;}
.searchbar, .form-search 	{position: relative;}
.searchbar i.fa-refresh		{position: absolute;top: 10px;right: 17%;}
.searchbar div.no-results	{position: absolute;right: 17%;top: 6px;}
.searchbar button			{line-height:22px;float: right;margin-top: -34px;}
.searchbar .dropdown-menu	{width:85%;overflow:hidden;}
.searchbar-fixed			{position:fixed;top:55px/*51px*/;left:0;width:100%;background-color: #eee;padding:7px;}
.searchbar-fixed .searchbar	{width: 100%;float: none;margin-left: 0;padding:0;}
.searchbar-fixed .searchbar input	{background:#fff; border: none !important;}

.form-search .dropdown-menu>li>a,
.searchbar .dropdown-menu>li>a,
.searchbar-fixed .dropdown-menu>li>a {padding:3px 10px;}

.picto-status i			{font-size: 18px;margin-top: 3px;}
.picto-status-inline 	{margin: 6px 15px 0 15px;font-size: 1.8em;float:right;}


.input-group.picto-integre .form-control		{border-left: 0;}
.input-group.picto-integre .input-group-addon	{background:none;}
.input-group-addon.calendar						{/*border:1px solid #3c763d;*/border-right:none;}

select							{border-radius:0;}
.form-sscateg select			{padding:12px;font-size:16px;height:auto;background-color: #054e98;color:#fff;}

.form-inline label				{margin-right: 10px;}

.help-block						{font-size:13px;}

.ng-touched.ng-invalid			{border: 2px solid #a94442 !important;color:#a94442;font-weight:600;}
/*
.ng-touched.ng-valid			    {border: 1px solid #3c763d;}
*/

.weight-normal                  {font-weight: normal; margin-right: 10px;}


/**********
Menu
**********/
#container-top							{position: fixed;left: 0;top: 0;width: 100%;z-index:999;}
.container-menu-top						{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.25);width:100%;z-index:25;}
.navbar									{margin-bottom:0; color: #333;font-size:0.9em;border:0;border-radius:0;min-height:62px;}
.navbar a					{color:#333;text-decoration:none;text-shadow: 0 0 3px rgba(0,0,0,.15);}
.navbar a:hover 			{color: #ef6e17;}
.logo						{font-size: 24px;font-weight: 600; transition: opacity linear .2s;}
.logo a						{text-shadow: none}
.logo:hover					{opacity: .9;}
.logo img					{height:60px;}
.navbar-gammes				{position: fixed;width: 100%;top: 62px;left:15px;z-index:25;
							 box-shadow: 0 0 5px rgba(0,0,0,.25);padding:0;border-radius:0;background-color: #333;margin-left:-15px;margin-right:-15px;font-size:14px;border:0;
							 }
.navbar-collapse			{padding:0;}
.nav>li.active				{background-color:#97c00e;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #ef6e17;color:#fff;}
.nav>li>a					{text-decoration: none;color: #fff;font-weight: 400;}
.nav>li>a:focus,
.nav>li>a:hover				{background-color: #97c00e;color: #fff}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover 			{text-decoration: none;background-color: #97c00e;color:#fff;}
.nav ul li					{list-style: none;padding:2px 0;font-size:14px;}
.nav ul li a				{color:#000000;}
.nav ul li a:focus,
.nav ul li a:hover {text-decoration: none;background-color: #97c00e;color:#fff;}

/*Mon compte*/
.mon-compte					{padding:20px 10px 18px 10px;border-right:1px solid #CCC;border-left:1px solid #CCC;display:inline-block;background-color: #e6e6e6;}
.mon-compte i				{margin-right:7px;font-size:1.5em;}
.mon-compte .dropdown-toggle
                            {cursor: pointer}

    /*Deconnexion*/
.deconnexion				{padding:20px 0 18px 10px;display:inline-block;}
.deconnexion i				{margin-right:7px;font-size:1.5em;}

/*Tél*/
.tel						{font-size:16px;margin-left:16px;font-family:Arial, Helvetica, sans-serif;margin-top:4px;padding-top:17px;padding-bottom:12px;}
.tel i						{margin-right:7px;}

/*Mes commandes - finalement visible tout le temps */
.mes-commandes-xs			{padding:18px 10px 0 10px;display:inline-block !important;}
.mes-commandes-xs i			{margin-right:0;font-size:1.4em;}

/*Mon commandes plaifiées - visible tout le temps */
.mes-notifs-xs				{padding:18px 10px 0 10px;display:inline-block !important;}
.mes-notifs-xs i			{margin-right:0;font-size:1.4em;}


/*Mon panier - version XS / SM */
.mon-panier-xs				{padding:15px 10px 14px 10px;}
.mon-panier-xs i			{margin-right:0;font-size:1.2em;}


/*Panier en haut de page*/
.container-picto-panier		{position: absolute;top:90px;right:0;display: block;margin-top: 0;z-index: 999;text-align:center;}
.spec_accueil .container-picto-panier		{position: absolute;top:40px;right:0;display: block;margin-top: 0;z-index: 999;text-align:center;}
.container-picto-panier .fa	{color: #FFFFFF;vertical-align: middle;font-size:1.6em;}
.picto-panier		 		{box-shadow:0 0 3px rgba(0,0,0,.25);background-color: #ef6e17;border: 6px solid #fff;display: block;height: 50px;margin-top: 0;width: 50px;}
.picto-panier:hover			{background: #5d2a0c;}
.container-shopping-cart 	{line-height: 35px;text-align: center;}
.total-cart-qty {border:0 !important}
.container-picto-commandes		{position: absolute;top: 90px;right: 60px;display: block;margin-top: 0;z-index: 999;text-align: center;}
.spec_accueil .container-picto-commandes {position: absolute;top: 40px;right: 60px;display: block;margin-top: 0;z-index: 999;text-align: center;}
.container-picto-commandes .fa	{color: #FFFFFF;vertical-align: middle;font-size: 1.6em;}

/*Toogle menu responsive*/
.navbar-toggle						{margin-left:16px;padding:7px 0 0 0;line-height: 1em;margin-bottom: 0;margin-right: 0}
.navbar-toggle span.icon-bar		{background: #3e1c08;}
.navbar-toggle span.menu-label-xs 	{font-family: 'Open Sans', sans-serif !important;font-size:8px;color:#999}
.spec_connexion .navbar-toggle      {display: none}

.spec_accueil .navbar-gammes,
.spec_connexion .navbar-gammes,
.spec_connexion .searchbar-fixed {display: none !important;}

.btn-clear-search                {position: absolute; right: 37px;}


/*Modal Organizations*/
.header-organizations {
    padding:20px 10px 18px 10px;
    border-right:1px solid #CCC;
    border-left:1px solid #CCC;
    background-color:#ffffff;
    display:inline-block;
    cursor: pointer;
    /*min-width: 250px;*/
}

.header-organizations i {
    font-size:1.5em;
    margin-right:7px;
}

.header-organizations ul {
    width:100%;
    min-width: 250px;
}

.header-organizations ul a {
    padding:10px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.header-organizations ul a span:nth-child(2) {
    margin-left:10px;
}

.header-organizations-container {
    display:flex;
    align-items: flex-end;
    justify-content: space-around;
    padding-top:20px;
}

.header-organizations-items {
    border:1px solid #ccc;
    padding:10px;
    text-align: center;
    cursor:pointer;
    width:180px;
    height:120px;
    border-radius:2px;

    display:flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.header-organizations-items-title {

}

.header-organizations-items img {

}

.organization-active {border:2px solid green !important;}

/*******
 LOGIN
 ******/
#block-login .btn-success {background-color:#97C00E;}
#block-login .btn-warning {background-color:#FFCC00;}

.card {
    max-width: 400px;
    margin: 15px auto;
    background-color: rgba(255,255,255,.8);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    margin-bottom: .75rem;
    font-size: 1.9rem;
}

.card-link {
    font-size: .9rem;
}

.card-image-wrapper {
    height: 100%;
}
.card-img-top-custom-croisix {
    width: 35%;
    margin: 1rem auto 0 auto;
    display: block;
}

/*********
Contenu
*********/
body				{display: none;}
body.showInterface 	{display: block;}
body.spec_connexion	{display: block;}
#container-contenu					{padding-top:62px;}
#accueil-contenu					{margin-top:80px;}
#planif								{margin-top:1px;margin-bottom:14px;}
.acc_gauche								{padding:15px;background-color: rgba(255,255,255,1);box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);}
.acc_gauche h3							{padding-bottom:5px;margin-top:0;border-bottom:1px solid #a4a4a4;}
.acc_gauche h2							{margin-top:0;}
.acc_gauche h4							{}
.entete-commande h4 				{margin-top: 7px;}
#com-frequentes						{margin-top:30px;margin-bottom:30px;}

.acc_gauche .container-libelle-art {float: left}

#gauche-interieur					{}
#gauche-interieur-contenu			{padding:0 0 30px 0;margin-top:85px;}

#gauche-interieur-contenu h2 				{color:#fff;}
.spec_panier #gauche-interieur-contenu h2 	{color:#5d2a0c;}
.gauche_scroll				{overflow-y: auto;margin-right: -15px;}

#droite						{margin-top:-10px;}
#droite-interieur			{background-color:#FFFFFF;padding:80px 30px 40px 30px;height:100%;overflow-y:auto;}
#droite-interieur-titre-xs	{padding-top:40px;}
#droite-interieur-titre-xs h2    	{color:#fff;}
#droite-interieur-titre-xs p		{color:#fff;}


/********
Article
********/
.container-article					{padding:10px;margin-bottom:5px;overflow: hidden;font-size:13px;transition: opacity linear .2s}
.container-article.ng-hide          {opacity: 0;}
.container-article:nth-of-type(odd) {background-color: #f9f9f9;}
.container-article:hover 			{background-color: #eee;}
.container-article > a 				{color: #333;text-decoration: none;}
.container-article h5				{margin:0;}
.container-article h6				{margin-top:8px;font-weight: 700; overflow: hidden;line-height: 22px}
.container-article.has-orders       {border: solid 2px #96c322}
.container-article.has-orders .btn-panier {background: #96c322}
.nbachats                           {color: #769a1a; font-weight: 600}
.container-libelle-art				{line-height:1.85em;margin-top:5px}
.qte-vendue							{font-size:1.3em;font-weight:600;margin-right:7px;display:inline-block;}
.packaging							{float:right;font-weight:600;font-size:16px;margin:12px 0 0 20px;width:10%;text-align:left;}
.badge							    {float:right;margin-left:20px;border-radius: 50%;padding: 5px;border: 8px solid #fff;}
.badge i                            {font-size:2.3em;}
.badge.maf                          {background-color:#96c322;}
.badge.anticocc                     {background-color: #ffa210;width:50px;height:50px;line-height:30px;border-width:5px;font-size:14px;
                                     margin-top:20px;}
.empty-badge                        {background: none !important; border-color: transparent;text-indent: -9999px;overflow:hidden;}



.spec_liste-commandes #droite-interieur .liste-articles		{font-size:12px;}
.liste-articles .container-article			{padding:20px;margin-bottom:20px;}
.liste-articles .container-libelle-art	 	{margin-top:0;margin-right:20px;}
.liste-articles .libelle-article			{font-size:13px;font-weight:600;}
.liste-articles .libelle-article .grand		{font-size:1.3em;}
.liste-articles .libelle-ssfam				{font-size:12px;}
.liste-articles .btn-panier					{padding:6px 12px;margin-top:14px;}
.lastMostOrdered                            {transition: opacity linear .2s;}
.lastMostOrdered.ng-hide                    {opacity: 0;}
.isLastOrder .order-element 				{background: #e5eff7;}

.spec_liste-commandes #droite-interieur .liste-articles	.btn-panier		{margin:0;padding:2px 5px;}
.spec_liste-commandes #droite-interieur .liste-articles	.btn-panier i	{margin-left:0;}
.qte 										{width:100% !important;padding-right:5px;text-align:right;}
.ajout-panier								{width:155px;margin-left:20px;}
.nbachats i									{margin:4px 15px 5px 0;font-size:1.3em;float:left;color:#769a1a;}
.datecommande								{margin-top:15px;font-weight:600;font-size:15px;color: #634114;}

.odd, .odd > tr								{background-color: #f9f9f9;}

.planifier-reappro .container-article			{padding:20px;margin-bottom:20px;}
.planifier-reappro .container-libelle-art	 	{margin-top:0;margin-right:20px;}
.planifier-reappro .libelle-article				{font-size:13px;font-weight:600;}
.planifier-reappro .libelle-article .grand		{margin-right:15px;}
.planifier-reappro .libelle-ssfam				{font-size:12px;}
.planifier-reappro .btn-panier					{padding:6px 12px;margin-top:7px;}

.important-circle {background: #96c322; width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center;
                    color: #fff; font-size: 16px; font-weight: 700}

/********
Categories
********/
.categorie							{background:rgba(255, 255, 255, 0.5); position: relative; margin-top: 15px; padding: 15px;}
.categorie .container-imgcateg      {height: 250px; overflow: hidden; position: relative}
.categorie .imgcateg                {height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.2s linear;}
.categorie .contenu					{z-index: 5; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 21px;
                                    line-height: 60px; font-weight: 500;
                                    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                                    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
                                    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.categorie .contenu i               {z-index: 10;position: absolute; bottom: 0; left: 0; height: 60px; line-height: 60px; text-align: center; width: 40px;
                                    background:#ef6e17;font-size: 30px;}
.categorie .dropdown-categorie      {z-index: 20;position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;transition: all 0.4s ease-in-out;
                                    color: #fff; padding: 0;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                    filter: alpha(opacity=0);opacity: 0;background-color: rgba(0,0,0, 0.75);
                                    -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.categorie .dropdown-categorie li   {list-style: none; border-bottom: solid 1px rgba(255,255,255,.25); margin: 0 30px;padding: 2px 10px;
                                    -webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);
                                    -ms-transform: translateY(-100px);transform: translateY(-100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                    filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;
                                    -o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
                                    }
.categorie .dropdown-categorie li:first-child {margin-top: 30px;border-top: solid 1px rgba(255,255,255,.25);}
.categorie .dropdown-categorie a    {color: #fff;transition: color linear .2s;text-decoration: none;font-size: 14px;}

.categorie:hover .imgcateg          {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);
                                    -ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.categorie:hover .dropdown-categorie {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
                                    filter: alpha(opacity=100);opacity: 1;}
.categorie:hover .dropdown-categorie li {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);
                                    opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);
                                    -ms-transform: translateY(0px);transform: translateY(0px);}
.categorie .dropdown-categorie a:hover {color: #ef6e17;}

/********
Modal
********/
.modal-content						{border-radius:0;}
.modal-content .btn-panier 			{background-color:#e4630b;padding:12px 32px 9px}
.modal-content .btn-panier:hover 	{background-color:#5d2a0c;}
.modal-content .btn-panier .fa 		{margin-left:20px;font-size: 2em;margin-top: -5px;float: right;}
.modal-content .btn-continuer .fa 	{margin-right:20px;font-size: 2em;margin-top: -5px;float: left;}
.modal-content .btn-continuer 		{padding:12px 32px 9px 5px;border:0;}
.modal-content .btn-continuer:hover 	{color:#333;}
.modal-header			{background-color: #fff;color: #333;padding:20px;padding-bottom:15px;border-bottom:0;}
.modal-header h4		{text-transform:uppercase;}
.modal-header .close	{font-size: 30px;font-weight: 500;opacity: .8;margin-top:-10px;}
.modal-header p			{font-size:0.9em;}
@media (max-width: 768px) {
	.modal-body				{overflow:scroll !important;}/*@todo : checker avec Julien*/
}
.modal-backdrop.in		{opacity:.7;}


/**********
Loader
**********/
#loading {z-index: 99999;text-align: center;background: #222;opacity: .85;position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
#loading img {margin-top: 300px;}
body.spec_connexion #loading {display: none}

.ui-select-container, .ui-select-match,
.ui-select-toggle, .ui-select-search   {width: 100% !important;}


/**********
Panier
**********/
.markersilo                 {border:2px solid #CCC;padding:10px; margin-bottom: 5px;}
.markersilo i				{content: "\f041";color: #333;font-size:36px;}
.markersilo:hover			{border:2px solid #97c00e;;background-color:#F4F4F4;cursor:pointer;}
.markersilo:hover i			{color:#97c00e;}
.markersilo-actif           {border:2px solid #97c00e;padding:10px; margin-bottom: 5px;background-color: #e3e3e3;cursor:pointer;}
.markersilo-actif i			{color:#97c00e;}

.table-cart				{font-family: 'Open Sans', sans-serif !important; font-size:0.9em;}
.table-cart .qte		{background-color: #e0e0e0;border: 2px solid transparent;width: 80px !important; height: 55px; font-size: 18px;}
.table-cart td			{border: none !important;vertical-align: middle !important;}
.table-cart .badge.anticocc {margin-top:6px;}
.table-cart .td-choisir-silo {background-color:#fbbc92;}
.table-cart .td-choisir-silo .ui-select-toggle {background-color:#f59f65;color:#fff;}

.table-address {font-size: 12px}
.table-address i {font-size: 18px; margin-top: 7px}

.cartAlert td:first-child 	{border-left: 5px solid #ef6e17 !important;}
.cartAlert td strong 		{color: #ef6e17;}

#cart-steps					{;margin-left: auto;margin-right: auto;max-width: 900px;margin-bottom: 60px;border-radius: 5px;overflow: hidden;}
.cart-step					{height: 48px;line-height: 48px;float: left;width: 25%;color: #fff;background: #633d27;position: relative;
							 margin-right: 30px;margin-left: -30px;}
.cart-step.active {background: #97c00e;}

.cart-step:after			{content: '';display: inline-block;height: 48px;width: 48px;border-top: solid 2px #fff;border-right: solid 2px #fff;
    						 border-radius: 3px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0;
							 position: absolute;background: #633d27;right: -21px;z-index: 1;}

.cart-step.active:after			{background: #97c00e;}

.cart-step:nth-child(1):after 	{z-index: 5}
.cart-step:nth-child(2):after 	{z-index: 4}
.cart-step:nth-child(3):after 	{z-index: 3}
.cart-step:nth-child(4):after 	{z-index: 2}
.cart-step span					{z-index: 10; position: absolute;}
.cart-step strong				{font-size: 28px;float: left;margin-left: 50px;margin-right: 10px;font-weight: 700;margin-top: -2px;}

#nav-produits-gauche            {margin-top: 265px;}
#nav-produits-gauche a          {background-color: #f2f2f2; color: #333; cursor: default; font-size: 13px; font-weight: normal}
#nav-produits-gauche .active a  {background-color: #97c00e;}

.boxPlus span {margin-top: 53px; display: block; font-size: 120px}

.tooltip p      {text-align: left; white-space: nowrap; margin-top: 8px}

/**********
Commandes
**********/
.table-list-orders .ui-select-container .btn    {padding: 0; font-size: 1em; box-shadow: none; height: 17px;
                                                font-weight: 700; border: none; padding-left: 15px;}
.table-list-orders .ui-select-container .caret  {left: 0; right: inherit}
.table-list-orders .ui-select-bootstrap .ui-select-match-text {padding-right: 0}

.footer-copy {
    background: #fff;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}

.btn-modal-cart {
    width: 100%;
    max-width: 400px;
    white-space: inherit;
}

/**********
Responsive
**********/

@media (min-width: 768px)	{
    .navbar-nav>li>a {
        padding-top:18px;
        padding-bottom:19px;
    }
}

@media (min-width: 1100px)	{
	.spec_accueil .container-fluid{padding-left:30px;padding-right:30px;}
}

/* MD Medium devices (desktops, less than 1199px) */
@media (max-width: 1199px) {
    .tel                           {}
    .categorie .dropdown-categorie {z-index: -999;}
    .categorie:hover .dropdown-categorie {z-index: 20;}
    body.spec_liste-commandes, body.spec_liste-commandes .view-frame, .full-screen,
    body.spec_liste-articles, body.spec_liste-articles .view-frame {height: auto;overflow: inherit;}

    .nav>li>a                   {padding: 15px 10px}
}

/* SM Small devices (tablets, less than 991px) */
@media (max-width: 991px) {
	.mes-commandes-xs,
	.mon-panier-xs				{display:inline-block !important}
    .mon-compte i,
    .deconnexion i				{margin-right:0;}
    .no-margin-sm               {margin: 0 !important;}

    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
    input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
    input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }

    .searchbar-fixed            {top:61px;}

    .navbar-gammes              {top: 109px;}

    #gauche-interieur-contenu   {margin-top: 120px}

    .header-organizations-mobile {
        display:inline-block !important;
    }

    .header-organizations {
        width:auto;
        border:0;
        padding:15px 10px 14px 10px;
        min-width:0;
    }

    .header-organizations i {
        margin-right:0;
    }

    .header-organizations ul {
        min-width:250px;

        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

}

/* XS Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

    .searchbar-fixed            { top:55px;}

    body.spec_panier					{background: url('../img/background1.jpg') bottom center fixed;background-size:cover;}
	.text-left-xs                       {text-align: left}
    .ui-select-padding                  {margin-top: 8px;margin-bottom: 6px;}
	
	#menuTop .container-fluid			{padding-right:0;padding-left:10px;}
    #container-contenu          		{padding-top: 103px;}
	#accueil-contenu					{margin-top:40px;}
	#gauche-interieur-contenu 			{padding:0 0 15px 0;margin-top:40px;}
	.spec_panier #gauche-interieur-contenu h2 {color:#fff}
	#droite-interieur					{padding:0;margin-left:15px;margin-right:15px;margin-bottom:20px;background-color:transparent;}
	#droite-interieur h2    			{color:#fff;}
	
	.acc_gauche .btn-primary-inverse		{background-color:transparent;padding:12px 32px 9px;border:1px solid #ccc;margin-top:30px;}
	
	
	.logo img					{height:35px;position:relative;top:6px;}
	.tel						{padding-top:12px;padding-bottom:0;font-size:1em;margin-left: 10px;}
	.mon-compte,
	.deconnexion				{padding:15px 10px 14px 10px}
	.mon-compte					{margin-right:0;background-color:transparent;border-right:0;}
	.mon-compte i,				
	.deconnexion i				{margin-right:0;font-size:1.2em;}
	
	.container-picto-panier,
    .container-picto-commandes  {display:none;}
	
	.mon-panier-xs				{display:inline-block !important;}
	
	.spec_accueil .navbar-gammes    {display: block !important;}
	.navbar-gammes				{top: 102px;min-height: initial;}
	.navbar-nav                 {margin: 0}
    .nav > li > a               {border-bottom: solid 1px rgba(255,255,255,.25) !important;}
    .nav ul li a                {color: #fff;}
    .dropdown-menu>li>a         {font-size: 13px; padding: 2px 15px 2px 25px;}

    h1                          {font-size: 28px; margin: 0;}
	h1.titre-accueil			{margin-bottom:20px;color:#fff;}
    h1.titre-page               {font-size: 28px}
	
    .form-search .form-group    {width: 85%; float: left; margin: 0}

    
    .container-article > a      {float: none !important; margin-top: 5px;padding:12px 24px;margin-left:auto;margin-right:auto;}
    .btn-planif                 {width: 100%;text-align:left;padding:15px;margin-bottom:30px;font-size:1.2em;}
	.btn-planif i.pull-right    {font-size:1.4em;}
	
	.acc_gauche		{padding-bottom:0;}
	.acc_gauche h3	{border:0;padding:18px 15px;font-size:1.2em; margin:0;background-color:#ef6e17;color:#fff;font-weight:normal;margin:-15px;}
	.acc_gauche h4	{margin-top: 35px;}
	.spec_accueil i.pull-right		{font-size:1.4em;}
	
	
	.filtrer.box4 				{padding:15px;}

    .filter-mobile-btn          {margin:10px auto;display:block;color: #fff !important;width: 60%; background: #97c00e;text-align: center;box-shadow: 0 0 3px rgba(0,0,0,.25)}
	.filter-mobile-btn i 		{margin-left:10px;}
	.filter-mobile              {position: relative; width: 100%;overflow:hidden;
								 max-height:0;
								-moz-transition: max-height .5s linear;
								-webkit-transition: max-height .5s linear;
								-o-transition: max-height .5s linear;
								transition: max-height .5s linear;
								}
    .filter-mobile-inner        {width: 100%;} 
    .filter-mobile-inner h3     {margin-top: 0}
    .filter-mobile.show         {max-height:1500px;}

    .liste-articles > div,
    .liste-articles > div > div {margin-bottom: 30px;}
	.liste-articles .container-libelle-art {margin-right: 0;}
    .ajout-panier               {margin: 0 auto;display: block;float: none !important;}
    .badge, .packaging          {float: none; display: inline-block}
    .mobile-badges              {overflow: hidden; width: 100%}
    .packaging                  {width: auto;margin:0;}
    .mobile-badges .badge.anticocc {margin-top: -30px;}
	.spec_liste-commandes #droite-interieur .liste-articles	.btn-panier {margin-top: 7px;padding: 6px 12px; margin-bottom: 5px;}
	.datecommande				{margin-top:0;}

    .parent-odd > div           {background-color: #f9f9f9;}

    #cart-steps                 {margin-bottom: 20px; margin-top: 40px;}
    .cart-step                  {width: 15%}
    .cart-step.active           {width: 55%}
    .cart-step span             {margin-left: -8px;}
    .cart-step.active  span     {margin-left: 0}

    .cartAlert td:first-child {border-left: none !important;padding: 4px 8px !important;}
    .cartAlert {border-left: 5px solid #ef6e17 !important;}


    /* Adaptation des tableaux */

    td.col-table-1, td.col-table-2, td.col-table-3 , td.col-table-4 , td.col-table-5 , td.col-table-6
    , td.col-table-7 , td.col-table-8 , td.col-table-9 , td.col-table-10 , td.col-table-11 , td.col-table-12
                                    {float: left !important;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}

    td.col-table-1                  {width: 8.33333333%}
    td.col-table-2                  {width: 16.66666667%}
    td.col-table-3                  {width: 25%}
    td.col-table-4                  {width: 33.33333333%}
    td.col-table-5                  {width: 41.66666667%}
    td.col-table-6                  {width: 50%}
    td.col-table-7                  {width: 58.33333333%}
    td.col-table-8                  {width: 66.66666667%}
    td.col-table-9                  {width: 75%}
    td.col-table-10                 {width: 83.33333333%}
    td.col-table-11                 {width: 91.66666667%}
    td.col-table-12                 {width: 100%}

    .table-cart, .table-cart thead, .table-cart tbody, .table-cart th, .table-cart td, .table-cart tr {display: block !important;}
    .table-cart tr:after                        {clear: both; content: ''; display: block}
    .table-cart thead tr                        {position: absolute;top: -9999px;left: -9999px;}
    .table-cart tr                              {margin-bottom: 10px}
    .table-cart tr.cartAlertInfo                {margin-bottom: 0}
    .table-cart td                              {border: none;border-bottom: 1px solid #eee;position: relative;padding: 4px 8px !important;}
    .table-cart td.text-center                  {text-align: left}
    .table-cart td:before                       {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
    .table-cart td .btn-primary                 {float: right}
    .table-cart .td-choisir-silo                {background: none !important; color: #333 !important;}
	.table-cart .qte		{width: 100% !important;}

    .acc_gauche .container-libelle-art {float: none}

    .paddingFilters .col-xs-12      {padding-left: 30%}
    .container-pictoanimal          {height: auto}
    .formdates                      {font-size: 1.2em}
    .formdates input                {margin-bottom: 5px;}

    .spec_liste-commandes .filter-mobile-inner      {background: #f1f1f1; padding: 15px;}

    
	
	.modal-content .btn-panier		{width: 100%;margin-left: 0 !important;float:none !important}
	.modal-content .btn-continuer	{padding:12px 32px 9px;width: 100%;float:none !important;border:1px solid #ccc;margin-bottom:10px;}

    .header-organizations-container {
        flex-flow: column;
        align-items: center;
    }

    .header-organizations-items {
        width:100%;
        margin-bottom:15px;
    }

    .header-organizations {
        width:auto;
        border:0;
        padding:15px 10px 14px 10px;
        min-width:0;
    }

    .header-organizations i {
        margin-right:0;
    }

    .header-organizations ul {
        min-width:250px;

        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .header-organizations-mobile {
        display:inline-block !important;
    }
}