.carrot{
    background-color: #e47c2a;
}

.builder-content{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
}

body{ 

 }

 a:link{ text-decoration: none; color: black; cursor: pointer;}
 a:active{ text-decoration: none; color: black; }
 a:visited{ text-decoration: none; color: black; }
 a:hover{ text-decoration: underline; color:black; cursor: pointer; }

.builder-element{
	position: absolute;
    top:0;
    left: 0;
    width: 10%;

/*    position: absolute;
    top:0;
    left: 0;
    width: 42vw;
    height: 42vw;
    margin-top: 1vw;
    margin-left: 3vw;
    margin-right: 5vw;*/

    /*height: 500px;*/
}

    .builderWrapper.builder-relatif .builder-element{ position: relative; display: block;}

    #builder-content.builderWrapper.builder-relatif .builder-element{
            transition: 0.3s;
        }
        .is-dragged{
            opacity: 0.5;
            z-index: 9000;
        }


.builder-element.texte{
        /*overflow: scroll;*/
        /*padding: 10px;*/
        /*overflow: initial;*/
}

 .builder-element:hover{
    /*border: 3px solid #e47c2a;*/
    /*box-shadow: 0 0 0 3px #e47c2a;*/

 -webkit-box-shadow: 0 0 0 3px rgba(228, 124, 42, 1);
         box-shadow: 0 0 0 3px rgba(228, 124, 42, 1);

   background-color: rgba(228, 124, 42, 0.3);



}

.builder-element img,
.builder-element iframe,
.builder-element video{
   width: 100%;
    /*height: 100%;*/
}

.action-builder-element{ 
    display: none;
    margin-top: -13px;
    margin-right: 3px;
}

.action-builder-element .btn-floating{
    width: 16px; 
    height: 16px; 
    background-color: #e47c2a;
}

.action-builder-element .btn-floating i{
    font-size: 0.85rem;
    line-height: 16px;
}

.menu-builder-action{
    position: fixed; 
    bottom: 20px; 
    right: 20px;    
    display: block;
    z-index: 9999999999;    
}    

.menu-builder-action .btn-floating{
    width: auto;
    height: 40px;
    line-height: 30px;
    background-color: #ccc;
    box-shadow: 0 0 0 0;
    color: black;
    border-radius: 7px;
    padding:5px 10px 5px 10px;
    box-sizing: border-box;
}

.add-new-builder .btn-floating{
    width: auto;
    height: 40px;
    line-height: 30px;
    background-color: #ccc;
    box-shadow: 0 0 0 0;
    color: black;
    border-radius: 7px;
    padding:5px 10px 5px 10px;
    box-sizing: border-box;
}

.builder-element:hover > .action-builder-element{
    display: block;
}

nav{ 
    /*background-color: #efefef;*/
    top: 0px;
    /*border-bottom: 1px solid black;*/
}
/*nav:hover{ background-color: #efefef }*/

.spacer{
    position: relative;
    display: inline-block;
}

.class1{ font-size: 18px;}
.class2{ font-size: 26px;}
.class3{ font-size: 34px;}