/* CSS Document */
body {
    font-family : Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 130%;
    color: #424242;
}

h1, h2, h3 {
    line-height: 100%;
    color: #424242;
}

a:link, a:active, a:visited, a:hover  {
    color: #424242;
    text-decoration: none;
}

a img {
    border: none;
}

/*.column-center form{
	padding: 2%;
	width: 90%;
	margin: auto;
	margin-bottom: 25px;
}*/

form dt {
    clear: left;
}
form dt, form dd {
    margin: 0;
    padding: 0;
}
form input {
    font-family : Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
    color: #424242;
    font-size: 1em;
	margin-bottom: 2%;	
}
form input[type=submit] {
    cursor: pointer;
    border: 0px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: #185BA1;
    color: #FFFFFF;
    border-radius: 2px;
	transition: all 0.5s;
}
form input[type=submit]:hover {
    background: #CF710E;
}
form input[type=password],
form input[type=text] {
    border: 1px solid #424242;
    height: 26px;
    line-height: 26px;
    padding: 1%;
	width: 95%;
	margin-bottom: 20px;
	margin-top: 5px;
}

form fieldset{
	background-color: #EAEAEA;
	border: solid 1px #D5D5D5; 
	margin-top: 5%;
	margin-bottom: 5%;
	padding: 3%;
	width: 93%;
}

form fieldset legend{
	font-size: 18px;
}

form fieldset input[type="text"]{
	width: 96%;
}

form textarea {
    border: 1px solid #424242;
    padding: 5px 10px;
    border-radius: 2px;
}
form input[type=checkbox] {
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: middle;
}
form select {
    border: 1px solid #424242;
    height: 26px;
    line-height: 26px;
    padding: 0;
    border-radius: 2px;
    color: #424242;
}
form dt.form-before-label {
    margin: 0 0 10px 0;
    float: left;
    clear: none;
}
form dd.form-before-label {
    float: left;
    clear: left;
}
.errors {
    color: #EF0000;
    margin: 0 0 10px 0;
}

#register-element {
    clear: both;
}

.text-color-2 {
    color: #fecb2b;
}

.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    float: none;
}

.tooltip {
    display: block;
    position: absolute;
    background: #FFFFFF;
    padding: 10px 30px;
    border: 1px solid #666666;
    box-shadow: 0 0 5px #000000;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    color: #424242;
    font-size: 1.2em;
}
.tooltip-active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

#page {
    position: relative;
    width: 1160px;
    margin: 0 auto;
}
#contenu {
    min-height: 400px;
}
#header {
    margin: 0 auto;
    overflow: hidden;
}
#footer {
    background: #959595;
    line-height: 20px;
    font-size: .8em;
    text-align: center;
    color: #FFFFFF;
}
#footer p {
    margin: 0;
}
#footer a:link, #footer a:active, #footer a:visited  {
    color: #FFFFFF;
}

.header-logo {
    display: block;
    float: left;
    width: 419px;
    margin-top: 7px;
}
.header-promo {
    float: right;
    width: 728px;
    height: 91px;
    overflow: hidden;
    margin-top: 33px;
}
.header-slogan {
    margin: 10px 0;
    color: #185BA1;
    font-weight: bold;
    clear: left;
    float: left;
    font-size: 1.1em;
}
.header-date {
    margin: 10px 0;
    color: #185BA1;
    font-weight: bold;
    float: right;
    font-size: 1.1em;
}

.header-title {
    text-transform: uppercase;
    position: absolute;
    color: white;
    top: 0;
    right: 0;
    width: 763px;
    line-height: 160px;
    text-align: center;
    font-size: 40px;
}

.lang-selector {
    width: 200px;
    text-align: center;
    padding: 10px 0;
    letter-spacing: 10px;
}

.column-left {
    float: left;
    width: 200px;
}
.column-right {
    float: right;
    width: 200px;
    min-height: 400px;
    overflow: hidden;
}
.column-center {
    background: transparent;
    float: left;
    width: 720px;
    padding: 0;
    margin: 0 20px;
    overflow: hidden;
}
.column-center-noright {
    padding: 0;
    margin-right: 0;
    background: transparent;
    width: 940px;
}
.column-center > h2:first-child {
    background: #424242;
    line-height: 150%;
    font-size: 20px;
    padding: 0 5px;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
}
.column-center > h2:first-child a:link,
.column-center > h2:first-child a:active,
.column-center > h2:first-child a:visited,
.column-center > h2:first-child a:hover
{
    color: #FFFFFF;
}

.column-left h2 {
    margin: 0 0 1px 0;
    padding: 0 20px;
    line-height: 200%;
    color: #FFFFFF;
    background: #cc0000;
    font-size: 1.2em;
}

.column-center > h1:first-child {
    margin: -10px -10px 10px -10px;
    padding: 10px 10px 0 10px;
    line-height: 40px;
    font-weight: normal;
    font-size: 1.7em;
    background: url("images/background-page-title.jpg") repeat-x bottom left #EEF7ED;
}

.column-center-promo-home {
    margin: 25px -10px 20px -10px;
    background: #FEC82F;
    padding: 25px 5px;
}
.column-center-promo-home img {
    max-width: 100%;
    display: block;
}

.column-center-promo {
    margin: -10px 0 0 -10px;
}
.column-center-promo-footer {
    margin: 25px -10px -10px -10px;
    background: transparent;
    padding: 25px 5px;
}
.column-center-promo-footer > div {
    width: 710px;
    display: block;
    margin: 0 auto;
}
.column-center-promo-footer img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.column-block {
    margin-bottom: 10px;
    background: #185BA1;
}

.column-block-user {
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 150%;
    padding: 5px 0;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.column-block-user a {
    display: block;
    color: #FFFFFF !important;
    font-size: .8em;
    font-weight: normal;
}

.column-block-calendar {
    background: url("images/background-block-calendar.png?v=1") top left repeat-x #bad7ec;
    color: #FFFFFF;
    margin: 10px 0;
    line-height: 42px;
    font-size: 1.8em;
    padding: 0 20px;
    text-shadow: 0 0 4px #666666;
}
.column-block-calendar a:link,
.column-block-calendar a:hover,
.column-block-calendar a:active,
.column-block-calendar a:visited
{
    display: block;
    color: #FFFFFF;
}
.column-block-calendar .column-block-calendar-day {
    color: #000000;
    display: block;
    float: right;
    width: 37px;
    height: 21px;
    font-size: .7em;
    line-height: 56px;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
}

.column-block-search {
    background: url("images/background-block.png") bottom left repeat-x #72aed9;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 0 0 15px 15px;
    margin-bottom: 20px;
}
.column-block-search h2 {
    background: url("images/background-search.png") top right no-repeat;
    text-shadow: 0 0 4px #424242;
    font-weight: normal;
    margin: 0;
    padding: 15px 0 0 0;
    height: 60px;
}
.column-block-search h2 span {
    font-size: 0.6em;
}
.column-block-search p {
    padding: 0;
    margin: 0;
}
.column-block-search input[type=text] {
    background: #f1f9ff;
    border: 2px solid #bed9ee;
    width: 126px;
    height: 26px;
    padding: 0;
    margin: 0 5px;
    font-size: .9em;
}
.column-block-search input[type=submit] {
    background: url("images/background-search-button.png") top left repeat-x #FFFFFF;
    color: #FFFFFF;
    border: 1px solid #bed9ee;
    padding: 0;
    margin: 0 0 0 5px;
    height: 28px;
}

.menu-leftcolumn,
.menu-leftcolumn ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 200px;
    color: #FFFFFF;
    font-size: .9em;
    z-index: 2;
}
.menu-leftcolumn {
    margin-bottom: 20px;
}
.menu-leftcolumn ul {
    width: 186px;
    display: none;
    position: absolute;
    top: 0;
    left: 200px;
}
.menu-leftcolumn li a:link,
.menu-leftcolumn li a:hover,
.menu-leftcolumn li a:active,
.menu-leftcolumn li a:visited
{
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
    font-size: .95em;
}
.menu-leftcolumn li {
    background: url("images/background-menu.jpg") no-repeat top left;
    line-height: 27px;
    padding-left: 20px;
    position: relative;
}
.menu-leftcolumn>li:first-child,
.menu-leftcolumn li:hover {
    background: url("images/background-menu-hover.jpg") no-repeat top left;
}
.menu-leftcolumn li.parent-gray,
.menu-leftcolumn li.parent-gray:hover {
    background: url("images/background-menu-gray.jpg") no-repeat top left;
}
.menu-leftcolumn li:hover ul,
.menu-leftcolumn li ul:hover {
    display: block;
}
.menu-leftcolumn ul li {
    background: url("images/background-submenu.jpg?v=1") no-repeat top left;
    line-height: 27px;
    padding-left: 20px;
    margin-left: 1px;
}
.menu-leftcolumn ul li:hover {
    background: url("images/background-submenu-hover.jpg?v=1") no-repeat top left;
}
.menu-leftcolumn li.parent-gray ul li {
    background: url("images/background-submenu-gray.jpg") no-repeat top left;
}

.home-news {
    width: 497px;
    float: left;
    margin: 0 0 0 -10px;
}
.home-news h2 {
    background: url("images/background-news-title.png") no-repeat top left;
    height: 62px;
    line-height: 87px;
    padding-left: 50px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.7em;
    margin: 0;
    text-shadow: 1px 1px 1px #666666;
}
.home-news-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.home-news-items .home-news-item {
    background: url("images/background-news.png") no-repeat top right;
    margin: 0;
    padding: 0;
    height: 180px;
    padding: 5px 20px 5px 5px;
    clear: both;
    position: relative;
}
.home-news-items .home-news-item-2,
.home-news-items .home-news-item-3 {
    float: left;
    width: 44%;
    clear: none;
}
.home-news-items .home-news-item-3 {
    float: right;
}
.home-news-items .home-news-item-5,
.home-news-items .home-news-item-4 {
    height: 100px;
    margin-bottom: 10px;
}
.home-news-items .home-news-item-title {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1em;
}
.home-news-items .home-news-item-readmore {
    clear: both;
    text-align: right;
    text-decoration: underline;
    position: absolute;
    bottom: 15px;
    right: 20px;
}
.home-news-items .home-news-item-picture {
    display: none;
}
.home-news-items  .home-news-item-1 .home-news-item-picture {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}


.home-last-edition {
    width: 100%;
    float: right;
    margin: 0 0 10px 0;
}
.home-last-edition h2 {
    background: url("images/background-edition-title.jpg") no-repeat top right;
    height: 62px;
    line-height: 87px;
    padding-left: 10px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.7em;
    margin: 0;
    text-shadow: 1px 1px 1px #666666;
}
.home-last-edition .home-edition-content {
    border: 2px solid #FF9600;
    background: #E6F3F9;
    font-size: .95em;
    padding: 5px;
}
.home-last-edition img {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px auto;
}
.home-last-edition img + img {
    border: 1px solid #000000;
}
.home-edition-title {
    margin: 0;
    padding: 0;
    color: #FF0000;
    text-align: center;
}
.home-edition-summary {
    font-size: .95em;
}

.cms-blog-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cms-pagination,
.cms-blog-title,
.cms-blog-readmore {
    display: none;
}

.cms-pagination {
    margin: 10px 0;
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 1.1em;
}
.cms-pagination li {
    display: inline-block;
    border-left: 1px solid #000000;
    letter-spacing: 0;
    padding-left: 5px;
}
.cms-pagination li:first-child {
    border-left: none;
    padding-left: 0;
}
.cms-pagination li.active a:link,
.cms-pagination li.active a:visited,
.cms-pagination li.active a:active,
.cms-pagination li.active a:hover
{
    color: #FF0000;
    font-weight: bold;
}

/**
 * Annonce classées
 */
.annonces-classees {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.annonces-classees + h2 {
    margin: 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 200%;
    color: #FFFFFF;
}
.annonces-classees li {
    float: left;
    margin: 0;
    width: 33.33%;
    text-align: center;
    line-height: 36px;
    font-size: 1.1em;
}
.annonces-classees li:first-child {
    margin: 0;
}
.annonces-classees li a:link,
.annonces-classees li a:hover,
.annonces-classees li a:visited,
.annonces-classees li a:active {
    display: block;
    color: #FFFFFF;
}
.annonces-classees li a:hover {
    font-weight: bold;
}

.annonces-classees li.achete-vend,
h2.achete-vend {
    background: #8EC5E4;
}
.annonces-classees li.vente-fonds,
h2.vente-fonds,
.annonces-classees li.recherche-distributeur,
h2.recherche-distributeur {
    background: #77999A;
}
.annonces-classees li.emploi,
h2.emploi {
    background: #337A80;
}
.cms-blog-item-uneven {
    background: #FFFFFF;
}
.cms-blog-item-even {
    background: #E3EADF;
}

/**
 * Pagination
 */
.pagination-pages {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 25px;
    font-size: .95em;
}
.pagination-pages li {
    display: inline-block;
}
.pagination-pages li a {
    display: block;
    width: 100%;
}
.pagination-pages .pagination-count {
    width: 25px;
    border: 1px solid #185BA1;
    font-size: .95em;
}
.pagination-pages .page-count-active {
    background: #185BA1;
    color: #FFFFFF;
    font-weight: bold;
}


a.page-button,
.page-button a,
.editions-item-buttons a,
form .editions-item-buttons input[type="submit"] {
    display: inline-block;
    background: #DEE5ED;
    border-radius: 10px;
    border: none;
    box-shadow: 3px 3px 3px #999999;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    font-weight: bold;
    font-size: .9em;
    color: #424242;
}
form .editions-item-buttons input[type="submit"],
input.page-button {
    height: 30px;
}

/* Panier */
.default,
.shoppingcart {
    width: 100%;
    border-collapse: collapse;
}
.default tr,
.shoppingcart tr {
    background: #D3DAE2;
}
.default th,
.shoppingcart th {
    background: #185BA1;
    color: #FFFFFF;
}
.default td,
.shoppingcart td {
    padding: 5px;
}
.default tfoot tr,
.shoppingcart tfoot tr {
    background: #BDCDDD;
}
.default tfoot td,
.shoppingcart tfoot td {
    border-top: 1px solid #FFFFFF;
    font-weight: bold;
}
.default .price,
.shoppingcart .price {
    text-align: right;
    width: 120px;
}

/* Page identification */
.auth-container {
    background: #D9DEE3;
}
.auth-container-content {
    background: url("images/background-title.jpg") repeat-x top left #FFFFFF;
    overflow: hidden;
    margin: 0 auto;
}
.auth-container h1 {
    background: url("images/background-auth-title.jpg") no-repeat bottom left;
    height: 66px;
    line-height: 100px;
    padding-left: 50px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.5em;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 1px #666666;
    text-align: left;
}
.auth-container .auth-left,
.auth-container .auth-right {
    background: #FFFFFF;
    width: 410px;
    padding: 20px;
    float: left;
}
.auth-container .auth-right {
    color: #231F20;
    width: 409px;
    border-left: 1px solid #6C8DC7;
}
.auth-container .auth-left p {
    margin: 0;
    line-height: 17px;
}
.auth-container .findcodeabo img {
    display: none;
}
.auth-container h2 {
    text-align: center;
    border-bottom: 1px solid #6C8DC7;
    line-height: 36px;
    font-size: 1em;
    margin: 0;
}
.auth-container .auth-right h2 {
}
.auth-container hr {
    border: none;
    background: #6C8DC7;
    height: 1px;
    font-size: 1px;
    margin: 20px 0;
}
.auth-container form {
    overflow: hidden;
}
.auth-container .errors {
    margin: 0 0 10px 0;
    padding: 0;
    color: #D2222C
}
.auth-container dl {
    margin: 0;
    padding: 0;
}
.auth-container dt {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
    width: 30%;
    clear: left;
    line-height: 26px;
}
.auth-container dd {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
    width: 70%;
    line-height: 26px;
}
.auth-container dd.form-before-label {
    width: 34%;
    clear: left;
    text-align: right;
}
.auth-container dt.form-before-label {
    width: 66%;
    clear: none;
}
.auth-container #form-login2-label,
.auth-container #submit-label,
.auth-container #form-login-label,
.auth-container #form-login-element {
    display: none;
}
.auth-container #submit-element,
.auth-container #submit-element2 {
    width: 100%;
    clear: both;
}
.auth-container input[type=text],
.auth-container input[type=password] {
    border: 1px solid #6C8DC7;
}
.auth-container input[type=submit] {
    background: url("images/background-button-login.jpg") no-repeat bottom left transparent;
    width: 135px;
    height: 29px;
    text-indent: -9999px;
    border: none;
    padding: 0;
    margin: 15px auto;
    display: block;
}
.auth-container .auth-button {
    text-align: center;
}
.auth-packexclu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.auth-packexclu li:first-child {
    margin-left: 15px;
}
.auth-packexclu .plus {
    color: #D2232B;
    font-weight: bold;
}
.auth-close {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -37px;
}
.auth-overlay-js {
    background: url('images/overlay.png') repeat top left;
    background: RGBA(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}
.auth-container-js {
    margin: 50px;
    overflow: auto;
    cursor: default;
}


/* Menu mon compte */
.menu-account {
    margin: 0 -10px 20px -10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    line-height: 30px;
    background: #185BA1;
    font-size: 1.1em;
}
.menu-account li {
    float: left;
}
.menu-account li a:link,
.menu-account li a:hover,
.menu-account li a:active,
.menu-account li a:visited
{
    display: block;
    color: #FFFFFF;
    padding: 0 15px;
}
.menu-account li.active a,
.menu-account li a:hover {
    background: #419bfa;
}

/* Agenda */
.table-calendar tbody {
    font-size: 12px;
}
.table-calendar tr td {
    background: #FAFAFA;
    border: 1px solid #D0CFD4;
}
.table-calendar .calendar-year {
    background: #A1C5DD;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}


/* Recherche */
.search-container .search-title {
    border-bottom: 1px solid #424242;
    line-height: 40px;
    margin: 20px 0;
}
.search-results {
    list-style: none;
    padding: 0;
    margin: 0;
}
.search-results li {
    padding: 0;
    margin: 0 0 10px 0;
}
.search-results .search-result-title {
    font-size: 1.1em;
    padding: 0;
    margin: 0;
}
.search-results .search-result-description,
.search-results .search-result-description a:link,
.search-results .search-result-description a:hover,
.search-results .search-result-description a:active,
.search-results .search-result-description a:visited
{
    color: #666666;
    padding: 0;
    margin: 0;
}

.search-container .editions-item:first-child {
    float: left;
    width: 335px;
}
.search-container .editions-item:first-child .editions-item-content {
    width: 186px;
}

/* Mot clé accueil */
.home-keywords {
    clear: both;
    text-align: center;
}
.home-keywords ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.home-keywords li {
    display: inline;
}
.villages .home-keywords a {
    display: inline;
    display: inline-block;
    line-height: 170%;
}


/* Gestionnaire de produits */
.product-category,
.product-category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.product-category .product-category {
    margin-left: 20px;
}
.product-category h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 200%;
}
.product-category .product-category h3 {
    font-weight: normal;
}
.product-category h3 a:hover {
    text-decoration: underline;
}

.product-list {
    width: 100%;
    border: 1px solid #185BA1;
    border-collapse: collapse;
}
.product-list td,
.product-list th {
    border: 1px solid #185BA1;
    padding: 0 5px;
}
.product-list th {
    background: #185BA1;
    color: #FFFFFF;
    line-height: 200%;
}
.product-list td {
    padding: 5px;
}
.product-list .controls {
    text-align: center;
}
.product-list .fa-times {
    color: #EF0000;
}
.product-list .disabled {
    opacity: .5;
}


p.action a:link,
p.action a:active,
p.action a:visited,
p.action a:hover
{
    background: url("/theme/admin/images/background/button-add.png") no-repeat top left;
    display: inline-block;
    margin: 5px 0;
    width: 184px;
    height: 30;
    padding-left: 40px;
    line-height: 30px;
    font-size: 1em;
    color: #FFF;
}



#noesalon-element {
    color: red;
}
#validate-label {
    display: none;
}
#register-element,
#validate-element {
    float: left;
    margin-right: 10px;
}


/* Affichage d'une fiche */
.product-search {
    float: left;
    width: 260px;
    margin: 0;
}
.product {
    width: 660px;
    margin: 10px 0 0 0;
    float: left;
}
.product-back {
    margin: 0;
}
.product-name {
    font-size: 24px;
    text-transform: uppercase;
    color: #424242;
    margin: 5px 0;
    font-weight: normal;
    line-height: 24px;
    margin: 20px 0;
}
.product-name span {
    font-size: .9em;
    font-style: italic;
    padding-left: 20px;
}
.product-brand {
    text-transform: uppercase;
    color: #62696f;
    font-size: 16px;
    margin: 5px 0;
}
.product-market {
    padding: 5px;
    margin: 0 0 20px 0;
    background: #1b1718;
    color: #FFFFFF;
    font-size: .8em;
    font-weight: bold;
    list-style: none;
    line-height: 20px;
}
.product-market li {
    display: inline-block;
    line-height: 14px;
    margin-right: 20px;
}
.product-market img {
    vertical-align: middle;
}
.product-left {
    float: left;
    width: 350px;
}
.product-right {
    float: right;
    width: 290px;
}
.product-specs {
    margin: 0;
    padding: 0;
    font-size: .9em;
    list-style: none;
    line-height: 110%;
}
.product-spec {
    padding: 5px 3px;
    overflow: hidden;
}
.product-spec .product-spec-label {
    float: left;
}
.product-spec .product-spec-value {
    float: right;
}
.product-spec-1 {
    background: #E5EFF6;
}
.product h4 {
    color: #FFFFFF;
    background: #000000;
    font-weight: bold;
    font-size: .9em;
    line-height: 2em;
    padding: 0 5px;
    margin: 0 0 10px 0;
}
.product-description div {
    font-size: .9em;
    line-height: 120%;
}

.product-characteristics ul{
	margin-left: -25px;
}

.product-characteristics ul li{
	margin-bottom: 15px;
}

.product-thebest{
	margin-top: 15px;
}

.product-thebest ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    font-size: .9em;
}
.product-moreinfos {
    margin-top: 92px;
    float: right;
    width: 260px;
}
.product-moreinfos h3 {
    background: #424242;
    line-height: 50px;
    font-size: 16px;
    padding: 0 5px;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}
.product-moreinfos ul {
    line-height: 150%;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
.product-moreinfos li {
    padding: 0;
}
.product-moreinfos li > span,
.product-moreinfos a:link,
.product-moreinfos a:visited,
.product-moreinfos a:active {
    display: block;
    color: #424242;
    transition: all linear 100ms;
}
.product-moreinfos .fa {
    font-size: 36px;
    line-height: 48px;
    vertical-align: middle;
    margin-right: 3px;
}
.product-moreinfos .button-product-active {
    position: relative;
}
.product-moreinfos .button-product-active > span,
.product-moreinfos .product-moreinfos-enabled > span:hover,
.product-moreinfos .button-product-active a,
.product-moreinfos .product-moreinfos-enabled a:hover {
    background: #424242;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}
.product-moreinfos-disabled {
    opacity: .2;
}
.product-moreinfos-disabled a {
    cursor: default;
}
.product-image {
    cursor: pointer;
    cursor: Zoom-In;
}
.product-image img {
    display: block;
    margin: 0 auto;
}
.product-characteristics {
    margin-bottom: 20px;
}

.image-zoom {
    background: #FFFFFF;
    padding: 20px;
    display: block;
    border: 1px solid #666666;
    box-shadow: 0 0 10px #000000;
    position: absolute;
    top: 180px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    z-index: 50;
    transition: opacity linear 400ms,
        visibility linear 400ms,
        top linear 400ms;
}
.image-zoom-active {
    top: 200px;
    opacity: 1;
    visibility: visible;
}
.image-zoom-close {
    background: #FFFFFF;
    display: block;
    border: 3px solid #222222;
    border-radius: 100%;
    position: absolute;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    z-index: 60;
    top: 170px;
    opacity: 0;
    visibility: hidden;
    transition: opacity linear 400ms,
        visibility linear 400ms,
        top linear 400ms;
}
.image-zoom-close-active {
    top: 190px;
    opacity: 1;
    visibility: visible;
}

.product-category {
    width: 400px;
    margin: 0;
    float: right;
}
.product-category-select .product-category { /* sélection d'une fiche pour création */
    float: none;
    width: auto;
    margin-left: 20px;
}
.product-exponent {
    width: auto;
    float: none;
}
.product-category-header {
    color: #424242;
    overflow: hidden;
}
.product-category h2 {
    margin: 0;
    padding: 0 5px;
    line-height: 200%;
    color: #FFFFFF;
    font-size: 1.1em;
    float: left;
    line-height: 30px;
}
.product-exponent .category-products li {
    float: left;
    width: 355px;
    margin-right: 5px;
}
.category-products li a {
    display: block;
    padding: 20px 5px;
    overflow: hidden;
    background: transparent;
    transition: background 200ms linear;
    border-bottom: 1px solid #F0F0F0;
}
.product-exponent li a {
    height: 130px;
}
.category-products li a:hover {
    background: #E5EFF6;
}
.category-products .category-product-name {
    display: inline-block;
    overflow: hidden;
    color: #424242;
    font-size: 1.1em;
    width: 285px;
}
.category-products .category-product-picture {
    display: block;
    float: left;
    margin-right: 5px;
    height: 130px;
}
.category-products li img {
    display: block;
}
.category-products .category-product-brand {
    color: #666666;
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    width: 285px;
}
.product-exponent .category-products .category-product-name,
.product-exponent .category-products .category-product-brand,
.product-exponent .category-products .category-name {
    width: 240px;
    float: left;
}
.product-exponent .category-products .category-product-name,
.product-exponent .category-products .category-product-brand {
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Affichage infos supplémentaires */
.product-mask {
    border: 1px solid #949494;
    background: url("images/background-mask.png") repeat-x top left;
    overflow: hidden;
    padding: 60px 10px 50px 10px;
    position: relative;
    min-height: 500px;
}
.product-mask:after {
    background: url("images/background-mask.png") repeat-x top left;
    content: " ";
    display: block;
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.product-mask-close {
    background: url("images/background-mask-back.png") no-repeat top left;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    line-height: 50px;
    text-transform: uppercase;
    padding-left: 60px;
    font-size: 1.5em;
    cursor: pointer;
}

/* Galerie photos */
.product-mask .product-more-photo {
    position: relative;
    width: 299px;
    height: 210px;
    padding: 5px;
    line-height: 210px;
    float: left;
    text-align: center;
    background: #949494;
    margin: 5px;
/*     opacity: .8; */
    transition: 300ms linear all;
    cursor: pointer;
    border-radius: 2px;
}
.product-mask .product-more-photo:hover {
/*     opacity: 1; */
}
.product-mask .product-more-photo img.image-zoom-from {
    vertical-align: middle;
    max-width: 100%;
    max-height: 210px;
}

/* Infos de contact */
.product-contact dt {
    font-weight: bold;
}
.product-contact dd {
    margin: 0 0 10px 0;
}

/* Présences salons */
.product-presences-salons table {
    width: 100%;
    border: 1px solid #424242;
    border-collapse: collapse;
}
.product-presences-salons table .line-1 {
    background: #FAFAFA;
}
.product-presences-salons th {
    background: #424242;
    color: #FFFFFF;
    line-height: 200%;
    text-align: left;
    padding: 0 5px;
}
.product-presences-salons td {
    padding: 5px;
}

/* Liste de produit défilant sous fiche produit. */
.product-category-sameexponent {
    float: none;
    clear: both;
}
.product-category-sameexponent li {
    width: 25%;
    float: left;
}
.product-category-sameexponent .category-product-name,
.product-category-sameexponent .category-product-brand {
    width: 98%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * Pagination
 */
.pages {
    overflow: hidden;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
}
.pages ul {
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.pages ul li {
    display: inline-block;
    vertical-align: middle;
}
.pages li.page a,
.pages ul li span.current,
.pages li.previous a,
.pages li.previous span,
.pages li.next a,
.pages li.next span,
.pages li.per-page-title {
    float: left;
    padding: 0 3px;
    display: block;
    min-width: 15px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #424242;
}
.pages li.page a:link,
.pages li.page a:hover,
.pages li.page a:active,
.pages li.page a:visited {
    color: #424242;
}
.pages ul li a:hover {
    text-decoration: underline;
}
.pages li.page a:hover,
.pages ul li span.current {
    font-weight: bold;
    background: #424242;
    color: #FFFFFF;
}
.pages li.previous a, .pages li.previous span,
.pages li.next a, .pages li.next span {
    width: auto;
    border: 1px solid #424242;
}
.pages li.previous span, .pages li.next span,
.pages li.per-page-title {
    color: #424242;
}

/* Page accueil */
.villages h2 {
    border-bottom: 1px solid #424242;
    line-height: 200%;
    font-size: 17px;
}

.villages a {
    display: block;
    margin: 0 auto;
    line-height: 26px;
    transition: linear 200ms all;
    border-radius: 10px;
    padding: 0 10px;
    background: #FFFFFF;
    color: #424242;
}

.villages a:hover {
    background: #F0F0F0;
}

/* Légende villages (page accueil) */
.villages-items {
    width: 70%;
    float: left;
    overflow: hidden;
}
.villages-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.villages-legends {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 45%;
    line-height: 26px;
}
.villages-items .villages-legends + .villages-legends {
    margin-left: 10%;
}
.villages-legends li {
    margin: 2px 0;
}
.villages-legends > li {
    margin: 10px 0;
}
.villages-legends a.villages-parent {
    display: block;
    padding: 3px;
    border-radius: 26px;
    background: #424242;
    color: #FFFFFF;
    font-weight: bold;
}
.villages-legends a.villages-parent span {
    display: inline-block;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 0 4px 0 0;
    border-radius: 26px;
    font-weight: bold;
    background: #FFFFFF;
    color: #000000;
}


/* Exposant en page d'accueil*/
.villages-exponents {
    float: right;
    width: 25%;
    overflow: hidden;
}
.villages-exponents ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}

/* Recherche de produit */
.product-search h3 {
    color: #666666;
    font-size: 1em;
    margin-top: 0;
}
.product-search ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .9em;
}
.product-search li {
    line-height: 130%;
    margin-bottom: 5px;
}
.product-search label {
    cursor: pointer;
}
.product-search input[type=checkbox] {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.search-exponents label {
    text-transform: uppercase;
    font-size: .95em;
}

.product-category h4,
.product-search h4 {
    color: #424242;
    font-size: 1.1em;
    line-height: 200%;
    margin: 10px 0;
    border-bottom: 1px solid #999999;
}


/* Couleur par catégorie principale */
.villages-legends .color-category-1 a.villages-parent,
.color-category-1 .column-center > h2:first-child, /* Détection - Alarme */
.color-category-1 .product-header {
    background-color: #CC1F25;
}
.color-category-1 .category-products li a:hover,
.color-category-1 .product-spec-1 {
    background-color: #CC1F25;
    background-color: RGBA(204, 31, 37, .4);
}

.villages-legends .color-category-2 a.villages-parent,
.color-category-2 .column-center > h2:first-child, /* Vidéosurveillance */
.color-category-2 .product-header {
    background-color: #CF710E;
}
.color-category-2 .category-products li a:hover,
.color-category-2 .product-spec-1 {
    background-color: #CF710E;
    background-color: RGBA(207, 113, 14, .4);
}

.villages-legends .color-category-3 a.villages-parent,
.color-category-3 .column-center > h2:first-child, /* Identification - Contrôle d'accès */
.color-category-3 .product-header {
    background-color: #572285;
}
.color-category-3 .category-products li a:hover,
.color-category-3 .product-spec-1 {
    background-color: #572285;
    background-color: RGBA(87, 34, 133, .4);
}

.villages-legends .color-category-4 a.villages-parent,
.color-category-4 .column-center > h2:first-child, /* Prestations de services */
.color-category-4 .product-header {
    background-color: #92278f;
}
.color-category-4 .category-products li a:hover,
.color-category-4 .product-spec-1 {
    background-color: #92278f;
    background-color: RGBA(146, 39, 143, .4);
}

.villages-legends .color-category-5 a.villages-parent,
.color-category-5 .column-center > h2:first-child, /* Protection périmétrique */
.color-category-5 .product-header {
    background-color: #E64C8A;
}
.color-category-5 .category-products li a:hover,
.color-category-5 .product-spec-1 {
    background-color: #E64C8A;
    background-color: RGBA(230, 76, 138, .4);
}

.villages-legends .color-category-6 a.villages-parent,
.color-category-6 .column-center > h2:first-child, /* Sécurité mécanique */
.color-category-6 .product-header {
    background-color: #2F872A;
}
.color-category-6 .category-products li a:hover,
.color-category-6 .product-spec-1 {
    background-color: #2F872A;
    background-color: RGBA(47, 135, 42, .4);
}

.villages-legends .color-category-7 a.villages-parent,
.color-category-7 .column-center > h2:first-child, /* Lutte contre le feu */
.color-category-7 .product-header {
    background-color: #7C006C;
}
.color-category-7 .category-products li a:hover,
.color-category-7 .product-spec-1 {
    background-color: #7C006C;
    background-color: RGBA(124, 0, 108, .4);
}


.category-products li a:hover {
    background: #F0F0F0 !important;
}


.exponents-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.exponents-items li {
    float: left;
    margin: 10px;
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    box-shadow: 0 0 3px #666666;
    text-align: center;
    overflow: hidden;
    transition: linear 150ms all;
}
.exponents-items li:hover {
    box-shadow: 0 0 5px #222222;
}
.exponents-items a {
    display: block;
    width: 218px;
    line-height: 140px;
    height: 140px;
}
.exponents-items img {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}


/* Formulaire fiche */
#fieldset-group_esalon {
    border: 2px solid #EF0000;
}
#fieldset-group_esalon legend {
    font-weight: bold;
    color: #EF0000;
    font-size: 1.1em;
}

#logout-btn,
#exponent-btn{
	padding: 2%;
	width: 101%;
	margin: auto;
	display: block;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	background-color: #185BA1;
	text-decoration: none;
	transition: all 0.2s;
}

#logout-btn:hover,
#exponent-btn:hover{
	background-color: #CF710E;
}

/* LOGIN */

#header-login{
	margin: auto;
	text-align: center;
	display: block;
	width: 25%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 16%;
}

#header-login img{
	width: 100%;
}

#container-login{
	background-image: url(/theme/safran/images/background-login.jpg);
	background-size: cover;
	background-attachment: fixed;
	
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
}

#content-login{
	background-color: rgba(255,255,255,0.3);
	border: solid 1px #dddddd;
	border-radius: 8px;
	margin: auto;
	width: 25%;
	position: absolute;
	left: 0;
	right: 0;
	top: 32%;
}


.login {
    width: 400px;
    margin: 0 auto;
}

#content-login .form-login input[type="password"],
#content-login .form-login input[type="text"] {
    border: 1px solid #424242;
	background-color: rgba(255,255,255,0.8);
	height: auto;
	line-height: 25px;
	padding: 3%;
	margin-bottom: 15px;
	margin-top: 8px;
	border-radius: 2px;
}

#content-login .form-login #remember_me-element{
	text-align: center;
}

#content-login .form-login #remember_me-element label{
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

#content-login .form-login input[type="submit"]{
	display: block;
    color: #FDFDFD;
    border-radius: 8px;
    background: #165896;
    background: linear-gradient(top, #0378BB, #332B64);
    background: linear-gradient(to bottom, #7FB8E7, #185C9E);
    font-size: 1.2em;
	height: 30px;
	margin: auto;
	margin-top: 20px;
	padding: 0;
	width: 150px;
	border: 0;
}

#content-login .error{
	display: block;
	text-align: center;
	color: #FFF;
	background: red;
	height: 30px;
	position: relative;
	top: -14px;
	border-radius: 8px 8px 0px 0px;
	border: solid 6px red;
}

@media screen and (min-device-width:320px) and (max-device-width:768px){

}

@media screen and (min-device-width:768px) and (max-device-width:992px){

}

@media screen and (min-device-width:992px) and (max-device-width:1200px){

}

@media screen and (min-width:1200px) and (max-width:1900px){
	#content-login .form-login{
		width: 75%;
		display: inline-block;
		margin: 2%;
	}
}