@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');

body{
	font-family: 'Raleway', serif;
	background:#CE2C4B;
}

.main{
	max-width:1024px;
}
.form-group .erreur {
    padding: 0;
    color: #ff276e;
    list-style-type: none;
}
h1 {
	font-size:1.5em!important;
    text-transform: uppercase;
	margin-top: 0;
	color:#021236!important;
	font-weight: 700!important;
}



h3 {
    font-size: 17px!important;
    font-weight: bold!important;
}
h5 {
    text-transform: uppercase;
	font-size:1.8em!important;
	color:#021236!important;
	font-weight: 700!important;
}
.liste-evenement h5 {
    margin-top: 5px;
    line-height: 27px;
}
h6 {
	font-size:1.8em!important;
	color:#021236!important;
	font-weight: 700!important;
}
h10 {
	font-family:arial;
	text-transform:uppercase;
	color:#CCC;
}

.grey {
  color: #cccccc;
}

.nav{
    text-transform: uppercase;
    font-size:.8em;
}
.navbar-brand{
	background:#FFF!important;
	border-bottom:1px solid #e1e6ef!important;
	border-right:1px solid #e1e6ef!important;
}
@media (max-width: 767px){
	.navbar{
		background:#CE2C4B!important;
		border-bottom:1px solid #CE2C4B!important;
	}
}
	


.btn-action {
	word-wrap: break-word;
	display: inline-block;
	width: 80px;
	text-align:center;
	vertical-align:middle;
	padding:5px;	
}

.bloc-info {
	word-wrap: break-word;
	display: inline-block;
	width: 100px;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background:#CE2C4B;
	color:white;	
}
.bloc-info:hover{

	background:#b92843;
	color:white;
	text-decoration:none;
}

@media (max-width: 767px){

	.bloc-action {

		margin-top:10px;

	}	
	.btn-action {

		width: 65px;
		font-size:.8em;
	}
	.bloc-info {
		width: 65px;
		font-size:.8em;
	}		
}		
.btn-vin-statut{ /*blanc*/
    background:#FFFFFF!important;
    border: 1px solid grey!important;
    color: grey!important;
    font-size:1em;
}

/* COMBOBOX */
.ui-widget input {
    width: 92%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
}
.ui-button {
    padding: 10px;
    vertical-align: top;
}
.ui-state-default {
    background: #fff;
    color: #374767;
    font-weight: normal;
}
.ui-state-hover .ui-icon {
    background-image: url(../assets/img/ui-icons_666666_256x240.png);
}	
/* Dégustation */

.label-non-cliquable {
    display: table-cell; /* comportement visuel de cellule */
    vertical-align: middle;
    background-color: #c4c4c4;
    width: 120px;
    min-height: 35px;
    padding: 5px;
    margin: 0;
    border: 1px solid #f6f6f6;
    text-align: center;
    font-weight: bold;
}
.label-cliquable {
    display: table-cell; /* comportement visuel de cellule */
    vertical-align: middle;
    background-color: #FDE5DD;
    flex-grow: 1;
    /*width: 120px;*/
    min-height: 35px;
    padding: 5px 10px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #f6f6f6;
    text-align: center;
    font-weight: normal;
}
.groupe-champs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.groupe-champs-colonne {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    /*height: 500px;*/
}

.groupe-champs-colonne .label-cliquable {
    width: 33%;
    min-height: 35px;
}

.groupe-champs-colonne input[type=checkbox], .groupe-champs input[type=radio] {
    display: none;
}

.groupe-champs-colonne input[type=checkbox]:checked + .label-cliquable, .groupe-champs input[type=radio]:checked + .label-cliquable {
    background-color: #c8e5bc;
}

.cell-categorie {
    width: 100%;
    background-color: #000;
    color: #fff;
}

input[type=checkbox].Chardonnay + .label-cliquable {
    background-color: #fff4ca;
}
input[type=checkbox]:checked.Chardonnay + .label-cliquable {
    background-color: #ffe894;
}

input[type=checkbox].Meunier + .label-cliquable {
    background-color: #d4edd3;
}
input[type=checkbox]:checked.Meunier + .label-cliquable {
    background-color: #acdda7;
}

input[type=checkbox].Pinot + .label-cliquable {
    background-color: #cce2f4;
}
input[type=checkbox]:checked.Pinot + .label-cliquable {
    background-color: #99c5ea;
}
@media (max-width: 767px){
    .label-non-cliquable {
        width: 100%;
    }
}
.table tbody > tr.desactive td {
    background-color: #f0f0f0;
}
.content-mail {
    font-size: 14px;
}

/* nouvelles couleurs btn */

.btn-brouillons{ /*blanc*/
    background:#FFFFFF!important;
    border: 1px solid grey!important;
    color: grey!important;
}

.btn-encours{ /*vert*/
    background:#85b700!important;
    border: 1px solid #85b700!important;
    color:white!important;
}

.btn-cloture{ /*gris*/
    background:grey!important;
    border: 1px solid grey!important;
    color:white!important;
}

.btn-enattente{ /*vert*/
    background:#85b700!important;
    border: 1px solid #85b700!important;
    color:white!important;
}

.btn-acompleter{ /*vert*/
    background:#85b700!important;
    border: 1px solid #85b700!important;
    color:white!important;
}

.btn-transmis{ /*orange*/
    background:orange!important;
    border: 1px solid orange!important;
    color:white!important;
}

.btn-valide{ /*bleu*/
    background:#008fff!important;
    border: 1px solid #008fff!important;
    color:white!important;
}
.btn-nonselectionne{ /*gris*/
    background:grey!important;
    border: 1px solid grey!important;
    color:white!important;
}

/*****************************/
/* aperçu evenement evenement/apercu.phtml */
/*****************************/

.event-board {

    font-family:Helvetica, Arial, sans-serif;
    max-width:400px;margin:20px;
}
.event-board-edit {

    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 0px;
    margin-bottom: 10px;
    font-family:Helvetica, Arial, sans-serif;

    background-color: #FFF;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    font-family:Helvetica, Arial, sans-serif;

}

.event-board-avenir {
    background-color: #FFF;
}

.event-board-archive {
    background-color: none;
}

.event-board-recap {
    padding: 20px;
    margin:0;
    border-right:1px solid #CCC;
}
.event-board-content {
	margin:0;
    padding-top:20px;
    padding-right:20px;
}

.event-board-suivi{

    border-bottom:1px solid #E3E3E3;
    padding-bottom:20px;

}

.event-board-selection{

	padding:0px;
	margin:0;


}


.event-edit-title {
    background: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;
}

.event-edit-content {
    background: #FFF;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px 30px 10px 30px;

}

.event-date {
    background: #CE2C4B;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin: 0px;
    padding: 10px;
    width: 80px;
}

.event-date-old {
    background: grey;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin: 0px;
    padding: 10px;
}

.event-title {

    margin: 0px;
    padding: 5px 10px;
}

.event-title h1 {

    font-size: 1.2em;
    text-transform: uppercase;
    color: grey;
    padding-top: 5px;
    margin: 0px;
    line-height: 1;

}

.event-title h2 {

    font-size: 1em;
    padding: 0px;
    margin: 0px;
    line-height: 1;

}

.event-title p {

    font-size: 1em;
    padding: 0px;
    margin: 0px;
    line-height: 1;

}

.event-action {

    
    margin: 0px;
    padding-top: 10px;
    text-align: left;

}

.event-summary {

    border-bottom: 1px solid #CCC;
    padding-bottom:10px;
        margin-bottom:20px;

}

.event-notification {


    font-size: 1em;
    line-height: 1.2;
    margin: 0px;
}

.event-board-notification {

    font-size: 1em;
    line-height: 1.2;
    
    margin: 0px;
    
}

.event-conditions {

	border:1px solid #E3E3E3;
	    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
padding:10px;
    border-bottom:none;
    background-color:#F6F6F6;
}

.event-contact {
	background: url('http://cdn.vin.co/images/ico_store_guide-hachette.png') no-repeat -3px -4px;
	background-size:60px 60px;
	padding-left:80px;
	padding-top:12px;
	padding-bottom:12px;
	border:1px solid #E3E3E3;
	line-height:1;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.close-event {
	opacity: .5;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -10000px;
    background: url('../images/close-app.png') no-repeat;

}

.event-element {
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E3E3E3;
    text-align: left;
    margin: 0px;
    margin-bottom:5px;
    padding: 10px;
    
}

.event-element:last-child {
    margin-bottom:0px;
}
.event-element-label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    
    line-height: 14px;
    color: #8C8C8C;
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f3F3F3;
}
.event-element-langue {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    
    line-height: 14px;
    color: #8C8C8C;
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f3F3F3;
    text-transform: uppercase;
    margin-right:10px;
}

                    .new-event-board {
                        -webkit-border-radius: 5px;
                        border-radius: 5px;
                        border: 1px solid #CCC;
                        padding: 15px;
                        margin-bottom: 10px;
                        background-color: #FFF;
                        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
                        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
                        font-family:'helvetica';
                        max-width:900px;
                    }
                    .new-event-board-description h1{
                        font-size: 1.2em;
                        text-transform: uppercase;
                        color: #313131;
                        line-height: 1em;
                    }
                    .new-event-board-description a{
                        color:#08c;
                    }
                    .new-event-info, new-event-info-old{
                        display:block;
                        text-align: left;
                    }
                    .new-event-info i{
                        color: #CE2C4B;
                    }
                    .new-event-info-old i{
                        color: grey;
                    }
                    .new-event-contact {
                    	background: url('https://cdn.vin.co/images/ico_store_guide-hachette.png') no-repeat;
                    	background-size:40px 40px;
                    	padding-left:50px;
                    	padding-top:12px;
                    	padding-bottom:12px;
                    	border:1px solid #E3E3E3;
                    	line-height:1;
                        -webkit-border-radius: 5px;
                        border-radius: 5px;
                        margin:10px 0;
                    }
                    .new-event-countdown{
                        padding:5px;
                        margin:5px;
                        text-align:center;
                    }
                    .new-event-callforaction-transmis {
                        -webkit-border-radius: 5px;
                        border-radius: 5px;    
                    	padding:10px;
                    	color:white!important;
                    	background:#087da8;
                    	display:block;
                        text-transform: uppercase;
                        text-align:center;
                    }
                    .new-event-callforaction-transmis:hover{
                    	background:#076486;
                    	text-decoration: none;
                    }
                    .new-event-conditions-participation {
                    	border:1px solid #E3E3E3;
                        -webkit-border-radius: 5px;
                        border-radius: 5px;
                        padding:10px;
                        background-color:#F6F6F6;
                    }
                    .event-criteres {
                        display:inline-block;
                        background-color:#CE2C4B;
                        color:#FFF;
                        word-wrap: break-word;
                        margin:1px;
                        padding:4px 12px;
                        border-radius: 15px;
                        font-size:.8em;
                        line-height:1.2em;

                    } 
                    .new-event-callforaction-more, .new-event-callforaction-more a{
                        color:#08c;
                        text-align: center;
                    }  

/* Liste adherent */
.liste-adherent .bloc-info {
    width: 100%;
}
.info-date {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
}


.search-field input {
    width: 200px !important;
}

/* formulaire */

.data-in{
	
	background:#F2F4F8;
	color:#c2cadb;
;
	border:1px dotted #e1e6ef;
}
.bloc-critere{
    padding:0 2.5px 10px 2.5px;

}
.supp_critere{
    margin-top:-50px;
    float:right;
    background:none;
    border:none;
    color:#ddd;

}

.label-red{
    background-color:#CE2C4B;
    color:white;
}
.label-red:hover{
    background-color:#b92843;
}
.avatar{
    border:1px solid #CCC;
}
.form-checkbox-container{
    border:1px solid #e9e9e9;width:100%;padding:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#FFF;
}
.form-checkbox-container label{
    border:1px solid #e9e9e9;width:100%;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#FFF;
    font-weight:400;font-size:.95em;line-height:1.2em;
}

/* glisser déposer */
/* prelaoder */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
	z-index: 9999;
}
#preloader > div {
	height: 100%;
}
#loader {
	margin: 6em auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 5px solid rgba(168, 164, 165, 0.1);
	border-right: 5px solid rgba(168, 164, 165, 0.1);
	border-bottom: 5px solid rgba(168, 164, 165, 0.1);
	border-left: 5px solid #CE2C4B;
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
.center-item {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}
.block {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
#loader,
#loader:after {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.item-placeholder-vin {
    height: 30px;
    background-color: #fff;
}
.item-placeholder-vin-grand {
    height: 122px;
    margin-bottom: 30px;
    background-color: rgb(233, 233, 233);
}
#sortable tbody tr,
#sortable .activity {
    cursor: move;
}

/* affichage event aperçu */

#event-apercu .btn-action{
    width:20px;
    padding:2px 0 0 5px;
}
#event-apercu .table tbody > tr:first-child > td {
border-top:none;
}
#event-apercu-account{
    background-color:#f6f6f6;
    padding:10px;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}