@font-face {
    font-family: 'Roboto';
    src: url("../font/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Century Gothic';
    src: url("../font/GOTHIC.woff") format("woff"), url("../fonts/GOTHIC.TTF") format("truetype");
}

@font-face {
    font-family: 'Verdana';
    src: url("../font/Verdana.woff") format("woff"), url("../fonts/Verdana.ttf") format("truetype");
}

.verdana {
    font-family: 'Verdana';
}

.gothic {
    font-family: "Century Gothic";
}

.roboto {
    font-family: 'Roboto';
}

.content {
    margin-top: 0px;
}

.content-white {
    padding: 16px;
    background-color: #fff;
}

/* #region HEADER */
.puce-num {
    padding: 5px;
    font-size: 1.0em;
    margin-right: 5px;
    line-height: 35px;
    vertical-align: super;
}

.puce-num2 {
    padding: 5px;
    font-size: 1.4em;
    margin-right: 5px;
    line-height: 35px;
    vertical-align: super;
}

.padder-header {
    padding-top: 5px;
}

/* #endregion HEADER */
/* #region BODY */
body {
    background: #060605 url("../img/fond_site.jpg") repeat-x center top;
    font-family: Verdana;
    font-size: 1.3em;
}

/* #endregion BODY */
#accueil {
    background: #fff url("../img/fd_accueil2.jpg") no-repeat center top;
}

#rhino {
    margin-right: -15px;
}

/* #region NAVBAR */
.separ-menu {
    line-height: 47px;
}

.navbar-header {
    /*background-color: #1d1e1e;*/
}

.menu {
    background: #1d1e1e url("../img/menu_atelier.png") no-repeat center top;
}

.event.inactive, .event.brouillon {
    opacity: 0.4;
}

.navbar-event {
    margin-bottom: 0;
    background-color: #f6f6f6;
}

.navbar-event li.active a,
.navbar-event li.inactive a,
.navbar-event li.brouillon a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-event li.active a {
    background-color: green;
}

.navbar-event li.inactive a {
    background-color: red;
}

.navbar-event li.brouillon a {
    background-color: orange;
}

.navbar-events {
    margin-bottom: 0;
    background-color: #1ca9b2;
    border-radius: 0;
}

.navbar-events a {
    color: white;
}

.navbar-primary {
    background-color: red;
}

.navbar-primary a {
    color: white;
}

.navbar-brand i.fa {
    display: block;
    margin-top: -12px;
}

.navbar-default {
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
    font-size: 1.2em;
    color: #f9f9f9;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #7a7a7a;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #1ca9b2;
    background-color: transparent;
}

/* #endregion NAVBAR */
/* #region PANELS */
.panel.panel-primary .panel-footer {
    background-color: #738472;
    color: #fff;
}

/* #endregion PANELS */
/* #region VIN et ALCOOL */
.title-vin {
    font-weight: bold;
    font-size: 1.2em;
}

.info-vin {
    font-weight: bold;
}

.carte_alcool {
    text-transform: uppercase;
    font-weight: bold;
    /*margin-left:-15px;*/
}

.carte_alcool p {
    /*margin-left: -12px;*/
}

.carte_alcool span {
    text-transform: lowercase;
    font-weight: normal;
}

/* #endregion VIN et ALCOOL */
/* #region MANGER */
.carte_food {
    text-transform: uppercase;
    font-weight: bold;
    /*margin-left:-15px;*/
}

.carte_food p {
    /*margin-left:-12px;*/
}

.carte_food span {
    text-transform: lowercase;
    font-weight: normal;
}

/* #endregion MANGER */
/* #region HELPERS */
.title {
    background: #1ca9b2 url("../img/fond_title.jpg") no-repeat center top;
    padding: 5px 5px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

.title-groupe {
    background: #040000 url("../img/fond_title-groupe.jpg") no-repeat center top;
    padding: 15px 5px 5px 5px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    min-height: 50px;
}

a:hover, a:focus, a:visited {
    text-decoration: none;
}

.right {
    float: right;
}

.left {
    float: left;
}

.no-pad {
    padding-left: 0;
    padding-right: 0;
}

.titre-primary {
    background-color: #738472;
    color: #EAEEE0;
    padding: 5px;
}

.smaller {
    font-size: 0.9em;
    margin-top: -10px;
}

.smaller2 {
    font-size: 0.6em;
    margin-top: -10px;
}

.lead {
    font-size: 1.5em;
}

.lead2 {
    font-size: 1.3em;
}

.transparent {
    background-color: transparent;
}

.flat {
    border-radius: 0;
}

.no-border {
    border: none;
}

.marger-5 {
    margin-top: 5px;
}

.marger-10 {
    margin-top: 10px;
}

.marger-15 {
    margin-top: 15px;
}

.marger-0 {
    margin-left: 0;
    margin-right: 0;
}

.marger-minus-5 {
    margin-top: -5px;
}

.marger-minus-10 {
    margin-top: -10px;
}

.marger-minus-15 {
    margin-top: -15px;
}

.marger-right-15 {
    margin-right: 15px;
}

.marger-left-15 {
    margin-left: 15px;
}

.marger-right-minus-15 {
    margin-right: -15px;
}

.marger-left-minus-15 {
    margin-left: -15px;
}

.marger-bottom-15 {
    margin-bottom: 15px;
}

.top-left {
    margin-left: -15px;
}

.top-right {
    margin-right: 0;
}

.separ-gris {
    height: 1px;
    background-color: #4f5252;
    margin-top: 15px;
    margin-bottom: 15px;
}

.separ-gris-clair {
    height: 1px;
    background-color: #e1e2e2;
    margin-top: 15px;
    margin-bottom: 15px;
}

.separ-primary {
    height: 1px;
    background-color: #738472;
    margin-top: 15px;
    margin-bottom: 15px;
}

.separ-info {
    height: 1px;
    background-color: #1ca9b2;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* #endregion HELPERS */
/* #region ANIMATIONS */
@-webkit-keyframes rotate {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -720deg);
        -moz-transform: rotate3d(0, 0, 1, -720deg);
        -ms-transform: rotate3d(0, 0, 1, -720deg);
        -o-transform: rotate3d(0, 0, 1, -720deg);
        transform: rotate3d(0, 0, 1, -720deg);
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotate {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -720deg);
        -moz-transform: rotate3d(0, 0, 1, -720deg);
        -ms-transform: rotate3d(0, 0, 1, -720deg);
        -o-transform: rotate3d(0, 0, 1, -720deg);
        transform: rotate3d(0, 0, 1, -720deg);
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotate {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -720deg);
        -moz-transform: rotate3d(0, 0, 1, -720deg);
        -ms-transform: rotate3d(0, 0, 1, -720deg);
        -o-transform: rotate3d(0, 0, 1, -720deg);
        transform: rotate3d(0, 0, 1, -720deg);
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotate {
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
}

/* #endregion ANIMATIONS */
/* #region FOOTER */
#footer {
    padding-top: 5px;
    color: #f9f9f9;
}

/* #endregion FOOTER */
/* #region TEXTE */
.text-primary {
    color: #738472;
}

a .text-primary {
    color: #738472;
}

a .text-primary:hover, a .text-primary:focus {
    color: #4f5b4f;
}

.text-success {
    color: #dfe3df;
}

a .text-success {
    color: #dfe3df;
}

a .text-success:hover, a .text-success:focus {
    color: #b6c0b6;
}

.text-info {
    color: #1ca9b2;
}

a .text-info {
    color: #1ca9b2;
}

a .text-info:hover, a .text-info:focus {
    color: #126a70;
}

.text-warning {
    color: #f0ad4e;
}

a .text-warning {
    color: #f0ad4e;
}

a .text-warning:hover, a .text-warning:focus {
    color: #df8a13;
}

.text-danger {
    color: #d9534f;
}

a .text-danger {
    color: #d9534f;
}

a .text-danger:hover, a .text-danger:focus {
    color: #b52b27;
}

.text-clair {
    color: #f9f9f9;
}

a .text-white {
    color: #f9f9f9;
}

a .text-white:hover, a .text-white:focus {
    color: lightgray;
}

/* #endregion TEXTE */
#action {
    padding-bottom: 10px;
}

#content .item {
    background-color: #2EB2B7;
    padding: 3px;
    margin-bottom: 6px;
}

#content .item:first-child [data-del] {
    display: none;
}

#content .item .form-group {
    margin: 0;
}

.message {
    padding: 8px;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
}

.message.success {
    background-color: green;
}

.message.error {
    background-color: red;
}

/* #region BACKGROUND-COLOR */
.bg-primary {
    background-color: #738472;
}

.bg-success {
    background-color: #dfe3df;
}

.bg-info {
    background-color: #1ca9b2;
}

.bg-warning {
    background-color: #f0ad4e;
}

.bg-danger {
    background-color: #d9534f;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #1d1e1e;
}

/* #endregion BACKGROUND-COLOR */
/* #region CAROUSEL */
.carousel-indicators {
    bottom: 50px;
}

/* #endregion CAROUSEL */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?93dv58');
    src: url('../fonts/icomoon.eot?93dv58#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?93dv58') format('truetype'),
    url('../fonts/icomoon.woff?93dv58') format('woff'),
    url('../fonts/icomoon.svg?93dv58#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icn-2x {
    font-size: 2.0em;
}

.icn-3x {
    font-size: 3.0em;
}

.icn-4x {
    font-size: 4.0em;
}

.icn-5x {
    font-size: 5.0em;
}

.icn-10x {
    font-size: 10.0em;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-piscine-wine2:before {
    content: "\e904";
}

.icon-bottle_wine:before {
    content: "\e900";
}

.icon-bottle_wine_half:before {
    content: "\e901";
}

.icon-flute_champ:before {
    content: "\e902";
}

.icon-glass-wine:before {
    content: "\e903";
}

.rond {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    padding-top: 25px;
    cursor: none;
}

.rond span {
    font-size: 10px;
    font-family: "Century Gothic";
    text-transform: capitalize;
    text-align: center;
}

.rond.rond-xs {
    height: 25px;
    width: 25px;
    padding: 1px 0 0 0;
}

.rond.rond-xs span {
    font-size: 12px;
}

.rond.rond-lg {
    height: 120px;
    width: 120px;
    padding-top: 40px;
}

.rond.rond-lg span {
    font-size: 14px;
    font-weight: bold;
}

.rond2 {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    padding-top: 25px;
}

.rond2 span {
    font-size: 10px;
    font-family: "Century Gothic";
    text-transform: capitalize;
    text-align: center;
}

.rond2.rond-xs {
    height: 25px;
    width: 25px;
    padding: 1px 0 0 0;
}

.rond2.rond-xs span {
    font-size: 12px;
}

.rond2.rond-lg {
    height: 120px;
    width: 120px;
    padding-top: 25px;
}

.rond2.rond-lg span {
    font-size: 14px;
    font-weight: bold;
}


.modal-image {
    padding:5px;
}
.modal-redac {
    padding:16px;
}