body{ padding-top: 70px; font-size: 16px; }
.theme-dropdown .dropdown-menu{ position: static; display: block; margin-bottom: 20px; }
.theme-showcase > p > .btn{ margin: 5px 0; }
.theme-showcase .navbar .container{ width: auto; }


.navbar-brand-logout{ display: block; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; color: #9d9d9d; }
/*.datepicker{ padding: inherit; }*/


/* RESET */
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
ul{ margin: 0; padding: 0; }
p{ margin: 0; padding: 0; }
.well p{ padding-bottom: 0 !important; }
.btn-success{ color: #ffffff; background-color: #9758dc; border-color: #9758dc; }
.btn-success:focus, .btn-success.focus{ color: #ffffff; background-color: #5b2d8e; border-color: #9758dc; }
.btn-success:hover{ color: #ffffff; background-color: #5b2d8e; border-color: #9758dc; }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #5b2d8e; border-color: #9758dc; }
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #9758dc; border-color: #255625; }

.highslide-html-content{ width: 700px !important; }
.highslide-html p{ padding: 10px 0 15px 0; }
.highslide-html table td{ padding: 0 10px; }
.highslide-footer{ display: none !important; }

.panel-heading .panel-title a{ display: block; }
.panel-heading .panel-title a:after{ font-family:'Glyphicons Halflings'; content:"\e114"; float: right; color: grey; }
.panel-heading .panel-title a.collapsed:after{ content:"\e080"; }


/* MISE EN PAGE */
#footer{ background: #5b2d8e; color: #fff; padding: 15px 0; }
#footer a{ color: #fff; }
.couleur_theme{ color: #5b2d8e; }
.container_vente table td{ vertical-align: middle !important; }
.badge_green{ background: green; color: #FFF; }
.badge_red{ background: red; color: #FFF; }

.margin_bottom_5{ margin-bottom: 5px; }
.typeahead{ z-index: 1051; }


/* DIVERS */
.left{ text-align: left !important; }
.right{ text-align: right !important; }
.center{ text-align: center !important; }
.justify{ text-align: justify !important; }
.relative{ position: relative !important; }
.hidden{ overflow: hidden !important; }
.f_left{ float: left; }
.f_right{ float: right; }
.strong{ font-weight: bold; }
.no_strong{ font-weight: normal; }
.display_none{ display: none !important; }
.img-responsive{ display: inline-block; }
.help-inline{ display: block; text-align: right; color: #a94442; font-size: 13px; }
.form-group{ margin-bottom: 8px; }
a:focus{ outline: none; text-decoration: none; }
table tr td .glyphicon{ font-size: 18px; }

.has-feedback label ~ .form-control-feedback{ top: 0; }
form .required{ color: #a94442; }

.page-header{ border: 0; padding: 10px; margin: 0 0 25px 0; background: #f2f2f2; }
.page-header h1{ color: #555; font-variant: small-caps; font-size: 30px; font-weight: bold; }
.item-page h2{ font-size: 17px; padding: 7px 0 7px 0; font-weight: normal; color: #b7398c; }
.item-page p{ text-align: justify; padding-bottom: 7px; }
.item-page ul{ padding: 0 0 10px 50px; }

h2{ margin-bottom: 5px; padding: 5px 10px !important; background: #5b2d8e; color: #FFF !important; font-size: 15px; }



/* TABS */
/*.tab-content{ position: relative; }
.tab-content .client{ position: relative; top: 0; }
.tab-content .animal{ position: relative; top: 0; }*/
.tab-pane{ padding:15px 0; overflow: hidden; }



/* ACCUEIL */
.huge{ font-size: 40px; margin-top: -15px; }
.huge2{ font-size: 25px; margin-top: -5px; }
.panel-green{ border-color: #5cb85c; }
.panel-green > .panel-heading{ border-color: #5cb85c; color: white; background-color: #5cb85c; }
.panel-green > a{ color: #5cb85c; }
.panel-green > a:hover{ color: #3d8b3d; }
.panel-red{ border-color: #d9534f; }
.panel-red > .panel-heading{ border-color: #d9534f; color: white; background-color: #d9534f; }
.panel-red > a{ color: #d9534f; }
.panel-red > a:hover{ color: #b52b27; }
.panel-yellow{ border-color: #f0ad4e; }
.panel-yellow > .panel-heading{ border-color: #f0ad4e; color: white; background-color: #f0ad4e; }
.panel-yellow > a{ color: #f0ad4e; }
.panel-yellow > a:hover{ color: #df8a13; }


/* MENU */
.navbar-inverse{ background: #5b2d8e; border-bottom: none; }
.navbar-inverse .navbar-nav > li > a{ color: #FFF; }
.navbar-inverse .navbar-nav > li > a:hover{ color: #9d9d9d; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background: #9758dc; color: #FFF; }
.navbar-text a{ color: #9d9d9d; }

.navbar{ border-radius: 0; margin-bottom: 0; min-height: 35px; }
.nav > li > a:hover, .nav > li > a:focus{ background: none; }
.nav > li > a > img{ max-width: 100%; }
#menu ul{ list-style-type: none; }
#menu .small{ font-size: 100%; }
#menu .navbar-collapse{ padding: 0; }
#menu .div_menu{ position: relative; z-index: 2000; margin: auto; }
#menu .div_menu ul.menumenu_header{ margin: 0; }
#menu .div_menu ul.menumenu_header li{ position: relative; text-align: center; float: left; }
#menu .div_menu ul.menumenu_header li a{ text-decoration: none; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #menu .div_menu ul.menumenu_header li a{ font-weight: normal; } }


/* SOUS MENU */
#menu .div_menu ul.nav-child{ display: none; position: absolute; top: 50px; left: -1px; z-index: 1000; width: 245px; background: #5b2d8e; padding: 2px 0 9px 0; border: 0; }
#menu .div_menu ul.nav-child li{ text-align: left; width: 100%; height: inherit; }
#menu .div_menu ul.nav-child li a{ padding: 0 0 0 10px; font-weight: normal !important; height: inherit; line-height: 20px !important; display: block; color: #FFF !important; border: none !important; }
#menu .div_menu ul.nav-child li a:hover{ color: #9d9d9d !important; text-decoration: none; }
#menu .div_menu ul.nav-child ul{ display: block; position: relative; top: inherit; left: inherit; overflow: hidden; }
#menu .div_menu ul.nav-child ul li a{ padding: 0 0 0 20px; }


/* PAGES */
#interieur{ padding: 0 0 15px 0; }

#interieur .connexion.center img{ max-height: 150px; }
#interieur .container_logo{ position: relative; }
#interieur .container_logo .logo{ position: absolute; top: -5px; right: 15px; z-index: 1000; background: #FFF; padding: 0 10px; }
#interieur .container_logo .logo img{ height: 70px; }

.titre_carton_invitation{ padding: 50px 0 7px 0; font-weight: bold; }
.carton_invitation{ font-size: 11px; }
.carton_invitation .info_carton{ padding-left: 108px; padding-top: 18px; }
.carton_invitation .info_carton .texte_carton{ padding-top: 15px; }


/* CATALOGUE */
.catalogue .un_produit{ position: relative; border: 1px solid #d6d4d4; margin-bottom: 15px; }
.catalogue .un_produit .img_produit{ height: 180px; overflow: hidden; }
.catalogue .un_produit .ref_produit{ font-size: 11px; }
.catalogue .un_produit .lib_produit{ padding: 3px 0; margin-bottom: 5px; height: 50px; }
.catalogue .un_produit .prix_produit{ font-size: 18px; margin-bottom: 5px; }
.catalogue .un_produit .dec_produit{  height: 40px; }
.catalogue .un_produit .plus_produit{ padding: 3px 0; }
.catalogue .pourcent{ left: 0px; position: absolute; top: 95px; overflow: hidden; height: 85px; width: 85px; text-align: center; z-index: 0; }
.catalogue .pourcent .price-pourcent-reduction{ font-weight: bold; font-size: 18px; background: #000; color: #feed00; padding: 4px 0; position: absolute; bottom: 6px; left: -68px; width: 180px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.catalogue_produit .lib_produit{ padding: 5px 0 5px 5px; margin-bottom: 10px; }
.catalogue_produit .ref_produit{ margin-bottom: 10px; }
.catalogue_produit .prix_produit{ background: #f6f6f6; border: 1px solid #d2d0d0; font-size: 18px; padding: 10px; }
.catalogue_produit .description_detaillee h2{ background: none; margin: 0; padding: 0 !important; }
.catalogue_produit .description_detaillee h1, h2, h3, h4, h5, h6, p{ margin-bottom: 5px !important; }
.catalogue_produit .description_detaillee p{ text-align: justify; }
.catalogue_produit .description_detaillee table{ width: 100%; }


/* PAGINATION */
.pagination{ display: inline-block; margin: 20px auto; width: 100%; text-align: center; border-radius: 4px; }
.pagination ul{ display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px  border-radius: 3px; }
.pagination li{ display: inline; }
.pagination a{ float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; }
.pagination a:hover,
.pagination .active a{ background-color: #f5f5f5; }
.pagination .active a{ color: #999999; cursor: default; }
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover{ color: #999999; background-color: transparent; cursor: default; }
.pagination li:first-child a{ border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.pagination li:last-child a{ -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.pagination-centered{ text-align: center; }
.pagination-right{ text-align: right; }

@media (max-width: 1200px){
	/*body{ background-color: red !important; }*/
}

@media (max-width: 992px){
	/*body{ background-color: blue !important; }*/

    .highslide-html-content{ width: inherit !important; }

	.nav.navbar-nav.navbar-right{ display: none; }
    .margin_bottom_5{ margin-bottom: 15px; }
	
	#interieur .container_logo .logo{ display:none; }
	#footer .col-md-6{ text-align: center !important; }
}

@media (max-width: 767px){
    /*body{ background-color: yellow !important; }*/

    /* MENU */
    .div_menu{ width: 100%; }

    .navbar-toggle{ border: 1px solid #DDDDDD !important; }
    .navbar-toggle{ background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; float: right; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; padding: 9px; position: relative; }
    .navbar-toggle .icon-bar{ background-color: #CCCCCC; }
    .navbar-toggle .icon-bar{ border-radius: 1px; display: block; height: 2px; width: 22px; }
    .navbar-collapse{ border-top: 1px solid rgba(0, 0, 0, 0); max-height: 340px; overflow-x: visible; }

    #menu .div_menu{ line-height: 23px; }
    #menu .div_menu ul.menumenu_header li{ position: relative; padding: 0 !important; width: 100%; background: none; height: auto; text-align: center; }
    #menu .div_menu ul.menumenu_header li a{ color: #fff; text-decoration: none; font-weight: bold; height: 25px; padding: 0; border-right: 1px solid #7d7b7e; }

    /* SOUS MENU */
    #menu .div_menu ul.nav-child{ border: none; display: block; padding: 7px 0 9px; position: relative; width: 100%; overflow: hidden; top: inherit; left: inherit; }
    #menu .div_menu ul.nav-child ul{ padding: 0 0 20px 0; }
    #menu .div_menu ul.nav-child ul li a{ padding: 0; height: 18px; }
}

@media (max-width: 320px){
    /*body{ background-color: pink !important; }*/
}