/** COULEURS
/** rose => #ED1B7F
/** **/

.red, .error { color:#ED1B7F;}
.green { color:#40A81A; }
.grey { color:#CCC; }

/*** HEADER ***/
.logo { height:30px; position:relative; top:-8px;}
.header { background: linear-gradient(#2a2a2a, #303030);}
.header ul a {
    color: #BBBBBB;
    text-transform: uppercase;
    font-size:12px;
}
.header ul a:hover, .header ul li.active a {color:#ED1B7F;}

/*** MENU EXTRA **/ 

.sous-menu { margin-bottom:20px; }
.sous-menu .button { color:#2a2a2a; background-color:#EEEEEE;}
.sous-menu .button.back { margin-right:20px; }
.sous-menu .button.selected, .sous-menu .button:hover { border-color:#b6258f; color:#FFFFFF; background-color:#ED1B7F;}
.sous-menu .button.disabled { visibility:hidden; }

.sous-menu .button.light {background-color:transparent; border-style:none;}
.sous-menu .button.light:hover { border-color:#b6258f; color:#FFFFFF; background-color:#ED1B7F;}


.extra_link {text-decoration: underline; color:#ED1B7F;}



.arbo-item 
{
	float:right;
}

/**
 * Nestable Draggable Handles
 */

.dd { margin-bottom:100px; }

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}

.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/********************************/
/*** POPIN CHOOSER 
/********************************/

.chooser-container ul { margin:0; padding:0;}
.chooser-container li 
{ 
    list-style-type:none; margin:0; padding:0; float:left;
}
.chooser-container li a.upload {display:none;}
.chooser-container li .plus-icon {display:none;}

/** BOUTON AJOUTER **/
.chooser-container li.add {cursor:pointer; /*padding-left:10px;*/}
.chooser-container li.add a.del {display:none;}
.chooser-container li.add a.img {display:none;}
.chooser-container li.add a.edit {display:none;}
.chooser-container li.add a.destroy {display:none;}
.chooser-container li.add a.upload {display:initial;}
.chooser-container li.add .plus-icon {display:inline;text-align:center;line-height:100%;position:absolute;width:100%;}

/** position des icones d'options **/
.chooser-container .tools {position:relative;}
.chooser-container .tools a {margin-right:.5rem!important;}

.chooser-container { max-width:500px; }
.chooser-container li 
{
    margin: 6px 0;
    display:block;
    border:1px solid #d3d3d3;
    background:#f7f7f7;
    padding-left:35px;
    padding-right:50px;
    line-height:2.5rem;
    position:relative;
    /*height:25px;*/
    height:auto;
    float:none;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}


.chooser-container li.disabled .del, .chooser-container li.disabled .edit {display:none;}
.chooser-container li.disabled .move {display:none;}
.chooser-container li input 
{ 
    white-space: nowrap; 
    overflow: hidden; 
    width:100px
}

/*.chooser-container li .del 
{
    line-height: 2.5rem;
    position:absolute;
    right: 7px;
    color:#d3d3d3;
}

.chooser-container li .edit 
{
    line-height: 2.5rem;
    right: 7px;
    color:#d3d3d3;
    right:27px;
    position:absolute;
}*/

    
.chooser-container li .move 
{
    line-height: 2.5rem;
    display: inline-block;
    position:absolute;
    left: 0;
    padding: 0 7px;
    border-right: 1px solid #d3d3d3;
    color:#d3d3d3;
    cursor:move;
    height:100%;
}
    
.chooser-container li .del:hover, .chooser-container li .edit:hover
{
    color:#000;
}

.chooser-container li .move:hover 
{
    /*color:#000;*/
}


/******************************/
/**     ITEM IMAGE           **/
/******************************/

.chooser-img .chooser-container li { float:left; width:110px; /*height:150px;*/ margin-right:10px;margin-bottom:20px; padding:5px;min-height:150px;}
.chooser-img .chooser-container { max-width:none; }
/*.chooser-img .chooser-container li .del { box-sizing: border-box; width:100%; margin:0; padding:0; position:static; text-align:center;}*/
.chooser-img .chooser-container img {width:100%; height:auto;display:block;}
.chooser-img .chooser-container .tool 
{ 
    position:absolute;
    height:20px; 
    bottom:15px;left:10px;
    padding-bottom:10px;
}

.chooser-img .chooser-container .tool a 
{
    padding:0;
    margin:0;
    display:inline-block;
    line-height:normal;
    margin-right:4px;
    position:relative;
}


.chooser-img .chooser-container p.name 
{
    word-wrap: break-word;
    text-align:center;
    padding:0;margin:0;
    font-size:12px;
    margin-bottom:10px;
    display:block;
}


.chooser-container .add-data .edit {position:absolute; line-height:2.5em;right:28px;}
.chooser-container .add-data .del {position:absolute; line-height:2.5em;right:5px;}






/** UI WIDGET CALENDAR **/
.ui-datepicker .ui-datepicker-header { background-color:#FFFFFF; border-color:#000000; border-width:1px; border-style:solid; border-bottom: none;}
.ui-datepicker table { background-color:#FFFFFF; border-color:#000000; border-width:1px; border-style:solid;}   
.ui-datepicker td span, .ui-datepicker td a { text-align:center; }  
.ui-datepicker td a.ui-state-active { color:#FFFFFF; background-color:#000000;}
.ui-datepicker .ui-datepicker-next { background-image:url('images/right-arrow.png'); background-repeat: no-repeat; background-position:center,center;}

.ui-datepicker .ui-datepicker-prev { background-image:url('images/left-arrow.png'); background-repeat: no-repeat; background-position:center,center;}

.ui-datepicker .ui-datepicker-next-hover { right:0px;}
.ui-datepicker .ui-datepicker-prev-hover { right:0px;}

/***********************************/
/*** MULTI DATES
/***********************************/

.dates-elt ul { list-style: none; margin:0; padding:0;}
.dates-elt ul li { margin-bottom:5px; }
.dates-elt input[type='text'] { margin-right:10px; max-width:150px;}
.field .dates-elt .fa { color:#000000; }

/***********************************/
/*** MULTI PAYS
/***********************************/

.pays-elt ul {list-style:none; margin:0; padding:0;}
.pays-elt li { margin-bottom:5px; }



/**********************************/
/*** GOOGLE MAP
/**********************************/

.googlemap { margin-bottom:30px;}
.googlemap #map { width:500px; height:350px; margin-bottom:10px;}


/**********************************/
/*** CROP TOOL 
/**********************************/
        
.crop .img-container  {max-width:640px;width:100%;}
.crop .img-container img {max-width:100%;}

/**********************************/
/*** CONTENT BLOCK - TEMPLATE
/**********************************/

.elementcontainer 
{
    border-style:solid;
    border-width:1px;
    border-color:#333333;
    margin-bottom:20px;
    padding:10px;
    max-width: 550px;
    background-color:#FFFFFF;
    box-sizing: content-box;
    position:relative;
}

.element { margin-bottom:20px; }

.elementcontainer img { width:100%; height:auto;}

.ui-state-highlight { border-style: none; background-color:#FF0000;}

/** MENU OPTIONS **/
ul.elementoptions {list-style: none;margin:0; padding:0;margin-bottom:10px;}
.elementoptions li {float:left;margin-right:10px;display:block;}

/** BLOC MAPS **/
.elementcontainer.bloc-map .map-container { width:100%; height:300px; margin-bottom:20px;}  

/** BLOC TEXT **/
.elementcontainer textarea { width:100%; box-sizing:border-box; padding:10px; margin:0px;}

/** BLOC PARTENAIRE **/
.partenaires .elementcontainer {float:left;width:150px; margin:5px;}

/*********************************/
/*** VIDEO 
/*********************************/

/** taille vignette dans les listes **/
.video td img {max-width:200px;}


/**********************************/
/*** TAGS 
/**********************************/

ul.tagit {max-width:500px;}
ul.tagit li.tagit-choice
{
    border-radius:0px;
    background-color:#e1efef;
}

/**********************************/
/*** AIDE
/**********************************/

.help {font-size:14px;color:#999999;}
.field .help {margin:0;}

/**********************************/
/*** EDITEUR TEXTE 
/**********************************/

/** visualisation des liens **/
.trumbowyg-editor a {text-decoration:underline;}
.trumbowyg-editor p {margin-top:20px;}