.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.opacity80 {
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8; /* khtml, old safari */
    -moz-opacity: 0.8; /* mozilla, netscape */
    opacity: 0.8; /* fx, safari, opera */
}

.menu-gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(32, 124, 202, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(32, 124, 202, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(32, 124, 202, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(32, 124, 202, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(32, 124, 202, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(32, 124, 202, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00207cca', GradientType=0);
}

.breve_gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e2e2e2+100 */
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#E0E0E0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f3f3 0%,#E0E0E0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-9 */
}

.ellipse_gradient {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.4))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#66ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.black_vertical_gradient {
    /* webkit */
    background-image: -webkit-gradient(
            linear, left top, left bottom, from(rgba(0, 0, 0, 0)),
            to(rgba(0, 0, 0, 0.5))
    );
    /* mozilla - FF3.6+ */
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%
    );
    /* opera */
    background-image: -o-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%
    );
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(
            gradientType=0, startColor=0, endColorStr=#88000000
    );
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
            gradientType=0, startColor=0, endColoStr=#88000000
    );
}

.button_vertical_gradient {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(169, 169, 169, 1) 40%, rgba(126, 126, 126, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(169, 169, 169, 1)), color-stop(100%, rgba(126, 126, 126, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(169, 169, 169, 1) 40%, rgba(126, 126, 126, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(169, 169, 169, 1) 40%, rgba(126, 126, 126, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(169, 169, 169, 1) 40%, rgba(126, 126, 126, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(169, 169, 169, 1) 40%, rgba(126, 126, 126, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7e7e7e', GradientType=0); /* IE6-9 */
}

.mylene_top_column li .top_date {
    border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
}

.arrondi3px {
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
}

.arrondi5px {
    border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -webkit-border-radius: 5px 5px;
}
.arronditop5px {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.arrondi8px {
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}

.arrondi10px {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
}

.arrondi12px {
    border-radius: 12px 12px;
    -moz-border-radius: 12px 12px;
    -webkit-border-radius: 12px 12px;
}

.arrondi20pxtop {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.arrondi20pxbottom {
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.ombrelegere {
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.ombretreslegere {
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.ombreuberlegere {
    -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.05);
}

.ombre {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

.ombre_autour {
    -webkit-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.5);
}

.ombre_popup {
    -webkit-box-shadow: 0px 0 20px 6px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0 20px 6px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0 20px 6px rgba(0, 0, 0, 0.7);
}

.ombrelourde {
    -webkit-box-shadow: 3px 3px 12px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 12px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 12px 2px rgba(0, 0, 0, 0.4);
}

.ombredessous {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);
}

.ombredessous_light {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}

.ombrebutton {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(194, 164, 164, 1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(194, 164, 164, 1);
    box-shadow: 1px 1px 1px 1px rgba(194, 164, 164, 1);
}

.ombrecenter:after {
    position: absolute;
    z-index: -1;
    bottom: 12px;
    left: 25%;
    width: 50%;
    height: 40%;
    content: "";
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.6);
}

.blur8px {
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-o-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
}
.blur6px {
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}
.blur4px {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
}

/************* TRANSITIONS   ********************/

.transition_all_03 {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

/*.background-transition {
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

a, .color-transition {
    -webkit-transition: color 500ms ease-out;
    -moz-transition: color 500ms ease-out;
    -o-transition: color 500ms ease-out;
    transition: color 500ms ease-out;
}
.link_block li.lightgraycolored.themecoloredhover, .mylene_top_column li {
    -webkit-transition: border-color 500ms ease-out;
    -moz-transition: border-color 500ms ease-out;
    -o-transition: border-color 500ms ease-out;
    transition: border-color 500ms ease-out;
}*/