/* helper */

.pull-right{float:right;}
.pull-left{float:left;}
.hide{display:none;}
.show{display:block;}
.vhide{visibility: hidden;}
.clear{clear:both;}
.cpter{cursor:pointer;}
.cmove{cursor:move;}
.d-tbl{display: table;}
.d-tbl-row{display: table-row;}
.d-tbl-cell{display: table-cell;}
.borderbox, .borderbox *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.media_wrap, .preloading{overflow: hidden;}
.unselectable{-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none; -ms-user-select: none;user-select: none;}

ul.inline_block{
    position: relative;
    font-size: 0;
}
ul.inline_block>li{
    display: inline-block;
    vertical-align: middle;
}

ul.block{
    position: relative;
}
ul.block>li{
    display: list-item;
}

.no-user-select{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.halign{
    text-align: center;
}

.valign{
    width: 100%;
    height: 100%;
}
.valign:before{
    content:'';
    width: 0px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.valign>div{
    display: inline-block;
    vertical-align: middle;
}


/* Drag des vignettes */
.drag-me {
    content:" ";
    background: url('/https/commulysse.angers.fr/theme/admin/img/icon/fili_move.png') center no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(241,52,46,0.48);
    z-index: 1001;
}
.draggable {
    cursor:move;
    z-index:1000;
}
.drag-please-wait {
    cursor:wait;
    opacity:0.5;
}

/*Preloader Focus*/
.preloading {position: absolute;top: 0px;height: 100%;width: 100%;z-index: 2000;}
.content_preloading {color: rgba(60,60,60,0.5);position: absolute;top: 50%;left: 50%;font-size: 20px;font-weight: bold; line-height: 32px;text-align: center;width: 200px;padding: 10px 16px;margin-top: -81px;margin-left: -100px;}
.bubblingG {text-align: center;width:170px;height:100px;margin-top: 20px;}
.bubblingG span {display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: 50px 3px;background: #000000;-moz-border-radius: 100px;-moz-animation: bubblingG 0.9s infinite alternate;-webkit-border-radius: 100px;-webkit-animation: bubblingG 0.9s infinite alternate;-ms-border-radius: 100px;-ms-animation: bubblingG 0.9s infinite alternate;-o-border-radius: 100px;-o-animation: bubblingG 0.9s infinite alternate;border-radius: 100px;animation: bubblingG 0.9s infinite alternate;}
#bubblingG_1 {-moz-animation-delay: 0s;-webkit-animation-delay: 0s;-ms-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s;}
#bubblingG_2 {-moz-animation-delay: 0.27s;-webkit-animation-delay: 0.27s;-ms-animation-delay: 0.27s;-o-animation-delay: 0.27s;animation-delay: 0.27s;}
#bubblingG_3 {-moz-animation-delay: 0.54s;-webkit-animation-delay: 0.54s;-ms-animation-delay: 0.54s;-o-animation-delay: 0.54s;animation-delay: 0.54s;}
@-moz-keyframes bubblingG {0% {width: 20px;height: 20px;background-color:#000000;-moz-transform: translateY(0);}100% {width: 48px;height: 48px;background-color:#FFFFFF;-moz-transform: translateY(-42px);}}
@-webkit-keyframes bubblingG {0% {width: 20px;height: 20px;background-color:#000000;-webkit-transform: translateY(0);}100% {width: 48px;height: 48px;background-color:#FFFFFF;-webkit-transform: translateY(-42px);}}
@-ms-keyframes bubblingG {0% {width: 20px;height: 20px;background-color:#000000;-ms-transform: translateY(0);}100% {width: 48px;height: 48px;background-color:#FFFFFF;-ms-transform: translateY(-42px);}}
@-o-keyframes bubblingG {0% {width: 20px;height: 20px;background-color:#000000;-o-transform: translateY(0);}100% {width: 48px;height: 48px;background-color:#FFFFFF;-o-transform: translateY(-42px);}}
@keyframes bubblingG {0% {width: 20px;height: 20px;background-color:#000000;transform: translateY(0);}100% {width: 48px;height: 48px;background-color:#FFFFFF;transform: translateY(-42px);}}

@media screen{
    .screen-320,
    .screen-768,
    .screen-1024,
    .screen-1280,
    .screen-1600
    {display: none !important;}
}


@media (min-width: 296px) and (max-width: 743px){
    .screen-320{display: block !important;}
    .screen-320.inline{display: inline !important;}
    .screen-320.inline-block{display: inline-block !important;}
    .screen-320.hide{display: none !important;}
}

@media (min-width: 744px) and (max-width: 999px){
    .screen-768{display: block !important;}
    .screen-768.inline{display: inline !important;}
    .screen-768.inline-block{display: inline-block !important;}
    .screen-768.hide{display: none !important;}
}

@media (min-width: 1000px) and (max-width: 1255px){
    .screen-1024{display: block !important;}
    .screen-1024.inline{display: inline !important;}
    .screen-1024.inline-block{display: inline-block !important;}
    .screen-1024.block{display: block !important;}
    .screen-1024.hide{display: none !important;}
}

@media (min-width: 1256px) and (max-width: 1575px){
    .screen-1280{display: block !important;}
    .screen-1280.inline{display: inline !important;}
    .screen-1280.inline-block{display: inline-block !important;}
    .screen-1280.hide{display: none !important;}
}

@media (min-width: 1576px){
    .screen-1600{display: block !important;}
    .screen-1600.inline{display: inline !important;}
    .screen-1600.inline-block{display: inline-block !important;}
    .screen-1600.hide{display: none !important;}
}

/* FIN helper */