@import url(grid.css);
@import url(text.css);
@import url(fontello.css);
@import url(menu.css);
@import url(tipped.css);
@import url(languages.css);

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
blockquote
{
  font-style: italic;
  margin-left: 32px;
  font-family: Georgia, "Times New Roman", serif;
}

ul,
ol {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}


/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v8/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v8/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzG3L-CLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzG3L-CFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzHTLuCLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzHTLuCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif Regular'), local('DroidSerif-Regular'), url(https://fonts.gstatic.com/s/droidserif/v9/tDbI2oqRg1oM3QBjjcaDkOr9rAU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v9/tDbV2oqRg1oM3QBjjcaDkOJGiRD7OwE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html {
    height: 100%;
    box-sizing: border-box;
	color:#444;
}

*,
*:before,ar
*:after {
    box-sizing: inherit;
    outline: none;
	word-wrap: break-word;
}

*:hover {
outline: none;
}

/****** COULEURS *******/

.colorgrisfonce, .texte-gras-fonce, .grand-texte-gras-fonce, .alert_info { /* police couleur jaune pâle */
	color: #333333;
}
.alert_ok, .grand-texte-gras-vert, .texte-couleur-vert, .lien_pub { /* police couleur vert fonce */
	color: #009900;
}
.texte-couleur-vertvif, .lien_menu_vert, .lien_menu_vert a, .date_lecture  { /* police couleur vert vif */
    color: #00CC00;
}
.alert_info { /* fond couleur jaune pâle */
	background-color: #FFFFCC;
}
.alert_ok { /* fond couleur vert pâle */
background-color: #E8FFE8;
	padding: 4px;
}
.alert_error { /* fond orange vif */
	background-color: #FF9900;
}
/****** FIN COULEURS *******/

body {
    position: relative;
    margin: 0;
    min-height: 99.9999%;
    padding-bottom: 6rem;
    background-image: url("https://img2.lieuxdedrague.fr/images/bg9.jpg");
    background-position: center center;
    background-attachment: fixed;
	background-color: #082042;
}
h1 {
	font-size: 1.5em;
}
.explication{
  font-size: 0.800em; font-style:italic;font-family:open sans, sans-serif;
  color:#808080;
  font-weight: 400;
}


.trombone{
  vertical-align: bottom;
}

.video_box{
	background-color: #F9F9F9;
	padding : 5px;
}

/***** nouveau menu *****/
.icone_menu_haut {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:22px;
}
.li-menu-haut {
	text-align: center;
	margin-top: 0px;
}
/***** fin nouveau menu *****/
.icones_menu_gauche
{
	margin-left:5px;
	margin-right:2px;
	vertical-align:text-bottom;
}
.div_icones_menu_gauche{
	min-width:89px;
	height:25px;
	color:#333876;
	float:left;
	margin-top:0px;
	margin-left:2px;
	text-align:left;
}
.help{
	font-size:12px;
	width:95%;
	font-weight: normal;
	font-style: oblique;
}
.bouton_supprimer
{
	display: block;
	width:20px;
	height:14px;
	background-image:url(https://img2.lieuxdedrague.fr/images/supprimer_off.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
	float:right;
	padding:6px;
}
.bouton_supprimer:hover
{
	background-image:url(https://img2.lieuxdedrague.fr/images/supprimer.png);
}
.bouton_signaler
{
	display: block;
	width:25px;
	height:22px;
	background-image:url(https://img2.lieuxdedrague.fr/images/signaler_off.png);
	background-repeat:no-repeat;
	margin:auto;
	margin-top:15px;
}
.bouton_signaler:hover
{
	background-image:url(https://img4.lieuxdedrague.fr/images/signaler.png);
}
.bouton_support
{
	display: block;
	width:25px;
	height:22px;
	background-image:url(https://img2.lieuxdedrague.fr/images/bouton_support_off.png);
	background-repeat:no-repeat;
	margin:auto;
	margin-top:15px;
}
.bouton_support:hover
{
	background-image:url(https://img2.lieuxdedrague.fr/images/bouton_support.png);
}
.alert{
border: 1px solid transparent;
border-radius: 6px;
padding:8px;
font-size:13px;
width:95%;
}
.alert_info{
border-color: #FEEAC0;
}
.alert_ok{
border-color: #C4FFC4;
}
.alert_error{
color: #FFFFFF;
border-color: #FE6C01;
}
.titre_video
{
	margin-top:40px;
	margin-bottom:0px;
}
.sorry{
font-family: 'Open Sans', sans-serif;
font-size:2em;
color:#333;
font-style: italic;
}
.bouton_skype
{
	float:left;
	margin:0px;
	margin-top:-40px;
	padding:0px;
	position:relative;
	width:80px;
	height:20px;
}
.container {
    max-width: 1125px;
    margin-left: auto;
    margin-right: auto;
}

.content {
    position: relative;
    margin-bottom: 300px;
}

.main-content {
/*margin-left: 17px; */
/*seb*/
	margin-left: 0px;
	margin-right: 0px;
}

span {
    line-height: normal;
}

img {
    /*max-width: 100%;*/
	max-height: 100%;
    height: auto;
}
.imggeoloc {
    max-width: 100%;
}

a {
	text-decoration: none;
	font-weight: 600;
	color: #CC00CC;
}

a:active,
a:hover {
    outline: 0;
}

.square-box{
    position: relative;
    width: 95%;
    overflow: auto;
	display: block;	
	margin-bottom:10px;
	padding:0px;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 50%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.label-form_recherche{
	float: left;
	width: 108px;
	text-align: right;
	margin: 3px 5px 0 0;
}
.input-form_recherche{
	margin: 1px;
	text-transform: none;
}
.input_petit
{
	width:80px;
}
.input_moyen
{
	width:120px;
}
.input_grand
{
	width:200px;
}

.titre_cadre_fonce a:link {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
}

.noinherit a:link {
    text-decoration: none;
    color: darkblue;

}

.titre_page_new
{

    height: 26px;
    margin-bottom: 20px;
    color: darkblue;
    font-size: 1.875em; /*30*/
    font-weight: bold;
    display: block;
    padding:5px;
    text-align:center;
}

.titre_page_black
{

    height: 26px;
    margin-bottom: 20px;
    color: black;
    font-size: 1.875em; /*30*/
    font-weight: bold;
    display: block;
    padding:5px;
    text-align:center;
}

.titre_paragraphe_compte, .titre_paragraphe_compte2, .titre_paragraphe_compte3 {
    font-size: 1.125em;
    width: 100%;
    margin-bottom: 15px;
    padding:8px;
    background-color:#D875D8;
    color:#FFFFFF;
    text-align: center;
    border-radius: 6px;
}

.titre_page2 {
    background: #D000D0;
    background: -moz-linear-gradient(#D000D0 0%, #900090 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D000D0), color-stop(100%, #900090));
    background: -webkit-linear-gradient(#D000D0 0%, #900090 100%);
    background: linear-gradient(#D000D0 0%, #900090 100%);
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 10px 5px 10px 5px;
    margin-bottom: -3px;
}

.center {
    margin: 0 auto;
    display: block;
}

/*HEADER*/

.header-bg {
    height: 120px;
    background-size: 100%;
    position: relative;
    margin-bottom: 5%;
}

/*ICONS*/

#cssmenu span.icon {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline ;
    text-decoration: inherit;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0;
    /* Font smoothing.*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/

}

.icon span {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto; /*1em*/
    margin-right: .3em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
	color:white;
}

 span.icon2 {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .3em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;

}

/*SLIDER*/

.slider-container {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.slider {
    max-width: 25%;
    height: 100%;
    margin: 0;
    position: relative;

}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8 {
    position: absolute;
    width: 100%;
    height: 100%;
}
@keyframes fade1
{
    0%   {opacity:1}
    16.666% { opacity: 0}
    33.333% { opacity: 0}
    49.999% { opacity: 0}
    66.666% { opacity: 0}
    83.333% { opacity: 0}
    100% { opacity: 1}
}
@keyframes fade2
{
    0%   {opacity:0}
    16.666% { opacity: 1}
    33.333% { opacity: 0}
    49.999% { opacity: 0}
    66.666% { opacity: 0}
    83.333% { opacity: 0}
    100% { opacity: 0}
}
@keyframes fade3
{
    0%   {opacity:0}
    16.666% { opacity: 0}
    33.333% { opacity: 1}
    49.999% { opacity: 0}
    66.666% { opacity: 0}
    83.333% { opacity: 0}
    100% { opacity: 0}
}
@keyframes fade4
{
    0%   {opacity:0}
    16.666% { opacity: 0}
    33.333% { opacity: 0}
    49.999% { opacity: 1}
    66.666% { opacity: 0}
    83.333% { opacity: 0}
    100% { opacity: 0}
}
@keyframes fade5
{
    0%   {opacity:0}
    16.666% { opacity: 0}
    33.333% { opacity: 0}
    49.999% { opacity: 0}
    66.666% { opacity: 1}
    83.333% { opacity: 0}
    100% { opacity: 0}
}
@keyframes fade6
{
    0%   {opacity:0}
    16.666% { opacity: 0}
    33.333% { opacity: 0}
    49.999% { opacity: 0}
    66.666% { opacity: 0}
    83.333% { opacity: 1}
    100% { opacity: 0}
}

/*Tooltips*/

.lang {
    position: absolute;
    z-index: 100;
    right:2px;
    padding-top: 10px;
}
.img-lang {
    width: 20px;
    height: 20px;
    display: block;
    margin-top: 8px;

}

#country-select {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 180px;
}

/* rought form styles for when JS is disabled */

/*#country-select form {*/
    /*width: 120px;*/
    /*padding: 0;*/
    /*visibility: hidden;*/
/*}*/

#country-select select,
#country-select input {
    display: inline;
    padding: 0;
    margin: 0;
}

/* JS-created definition list */

.dropdown dd { position: relative; }

.dropdown a {
    text-decoration: none;
    outline: 0;
    font: 12px Arial, Helvetica, sans-serif;
    display: inline-block;
    width: 60px;
    overflow: hidden;
}

.dropdown dt a {
    background: #888;
    border: 1px solid #888;
    padding: 3px 10px 4px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

.dropdown dt a.active {
    background: #777;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #777;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #fff;
}

.dropdown dd ul {
    background: #676768;
    border: 1px solid #676768;
    color: #C5C0B0;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
}

.dropdown dd ul li a {
    padding: 2px 10px;
}

.dropdown dd ul li a span,
.dropdown dt a span {
    float: left;
    width: 16px;
    height: 11px;
    margin: 2px 6px 0 0;
    background-image: url(https://img2.lieuxdedrague.fr/img/flags.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.us a span { background-position: 0 0 }
.en a span { background-position: -16px 0 }
.fr a span { background-position: -32px 0 }
.de a span { background-position: -48px 0 }
.pt a span { background-position: -64px 0 }

.dropdown dd ul li a em,
.dropdown dt a em {
    font-style: normal;
    float: left;
    /*width: 100px;*/
    cursor: pointer;
}

.dropdown dd ul li a em {
    color: #dbc3b5;
}

.dropdown dd ul li a:hover { background-color: rgba(255,255,255,.1); }
.dropdown dd ul li a:hover em { color: #fff; }


/*info*/

.info {
    background-color: white;
    width: 100%;
    margin-bottom: 10px;
	float:left;
}

.info-message {
    background-color: rgb(231,232,239);
    width: 100%;
    height: 40px;
    display: inline-block;
    vertical-align: top;
}

.moving-text {
    position:relative;
    width:100%;
    height:40px;
    line-height:2.3em;
    border-bottom:2px solid #DDD;
    border-right:2px solid #DDD;
    border-left:2px solid #DDD;

    font-size:1.1em;
    background-color:#EEE;
    overflow:hidden;
}

.moving-text > p {
    position:absolute;
    margin:0;
    white-space:nowrap;
    animation:move 50s linear infinite;
    -webkit-animation:move 50s linear infinite; /* for Google Chrome, Safari, Opera 15+ */
}

.moving-text > p:hover {
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}

/* ------------Animation------------ */
@keyframes move
{
    0% { transform:translateX(0); padding-left:110%; }
    100% { transform:translateX(-100%); padding-left:110%; }
}

@-webkit-keyframes move /* for Google Chrome, Safari, Opera 15+ */
{
    0% { -webkit-transform:translateX(0); transform:translateX(0); padding-left:110%; }
    100% { -webkit-transform:translateX(-100%); transform:translateX(-100%); padding-left:110%; }
}

/*Connexion & Webcam*/

.connexion {
    font-size: 1.125em;
    position: relative;
}

.open-sidebar-left {
    display: inline-block;
    position: absolute;
    top:1px;
    left:3px;
    z-index: 12;
}

.open-sidebar-right {
    display: inline-block;
    position: absolute;
    top:1px;
    right: 3px;
    z-index: 12;
}

.open-sidebar-icon-left {
     font-family: 'fontello';
     font-size: 1.8em;
     speak: none;
     text-decoration: inherit;
     line-height: 0.95em;
     color: white;
     margin-left: 6px;
	 max-width: 90%;
 }
.open-sidebar-icon-right {
    font-family: 'fontello';
    font-size: 1.8em;
    speak: none;
    text-decoration: inherit;
    line-height: 0.95em;
    color: white;
    text-align: right;
    margin-right: 6px;
}
.open-sidebar-icon-text-left {
    font-size: 0.750em;
    margin-top: 0;
    color: white;
    font-weight: 600;
    text-align: left;
    margin-left: 2px;
    letter-spacing: 0.5px;
}
.open-sidebar-icon-text-right {
    font-size: 0.750em;
    margin-top: 0;
    color: white;
    font-weight: 600;
    text-align: right;
    margin-right: 2px;
    letter-spacing: 0.5px;
}

.webcam-text {
    line-height: 1em;
    margin-left: 110px;
    font-size: 1em;
    text-align: right;
}

.webcam-icon {
    width: 70px;
    height: auto;
}

.blue1 {
    color: #08bdff;
}

.blue2 {
    color: #333876;
}

.grand-texte-gras-fonce {
    font-size: 16px;
    font-weight: bold;
}
.grand-texte-gras-gris{
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}
.grand-texte-gras-vert{
    font-size: 16px;
    font-weight: bold;
}
.grand-texte-gras-vif{
    color: #FF00FF;
    font-size: 16px;
    font-weight: bold;
}
.petit-texte-blanc{
    color: #FFFFFF;
    font-size: 14px;
    font-weight:100;
}
.petit-texte-gras-jaune{
    color: #FFFF00;
    font-size: 14px;
    font-weight:400;
}
.cadre_mur {
	text-align:center;
	width:100%;
	margin: 0 auto;
	
}
.navbar {
	float: left;
	width: 100%;
}
.titre_photo_mur {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: 0px 0px 3px #000000;
	font-style: normal;
}
.connexion-button {
    border-radius: 7px;
    background-color: rgb(51, 56, 118);
    width: 10%;
    height: 32px;
    color: white;
    margin-top: 10px;
    font-size: 90%;
    line-height: 1.8em;
    text-align: center;
    padding: 6px;
}

.boutonabo {
    -moz-box-shadow: 4px 3px 1px -1px #d6d6d6;
    -webkit-box-shadow: 4px 3px 1px -1px #d6d6d6;
    box-shadow: 4px 3px 1px -1px #d6d6d6;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc875), color-stop(1, #fc6d00));
    background:-moz-linear-gradient(to top, #ffc875 5%, #fc6d00 100%);
    background:-webkit-linear-gradient(to top, #ffc875 5%, #fc6d00 100%);
    background:-o-linear-gradient(to top, #ffc875 5%, #fc6d00 100%);
    background:-ms-linear-gradient(to top, #ffc875 5%, #fc6d00 100%);
    background:linear-gradient(to bottom, #ffc875 5%, #fc6d00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc875', endColorstr='#fc6d00',GradientType=0);
    background-color:#ffc875;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #eeb44f;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Trebuchet MS;
    font-size:15px;
    padding:5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #cc9f52;
}
.boutonabo:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc6d00), color-stop(1, #ffc875));
    background:-moz-linear-gradient(to top, #fc6d00 5%, #ffc875 100%);
    background:-webkit-linear-gradient(to top, #fc6d00 5%, #ffc875 100%);
    background:-o-linear-gradient(to top, #fc6d00 5%, #ffc875 100%);
    background:-ms-linear-gradient(to top, #fc6d00 5%, #ffc875 100%);
    background:linear-gradient(to bottom, #fc6d00 5%, #ffc875 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6d00', endColorstr='#ffc875',GradientType=0);
    background-color:#fc6d00;
}
.boutonabo:active {
    position:relative;
    top:1px;
}

.boutonabo1 {
    -moz-box-shadow: 4px 3px 1px -1px #d6d6d6;
    -webkit-box-shadow: 4px 3px 1px -1px #d6d6d6;
    box-shadow: 4px 3px 1px -1px #d6d6d6;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcd79f), color-stop(1, #ff9a52));
    background:-moz-linear-gradient(to top, #fcd79f 5%, #ff9a52 100%);
    background:-webkit-linear-gradient(to top, #fcd79f 5%, #ff9a52 100%);
    background:-o-linear-gradient(to top, #fcd79f 5%, #ff9a52 100%);
    background:-ms-linear-gradient(to top, #fcd79f 5%, #ff9a52 100%);
    background:linear-gradient(to bottom, #fcd79f 5%, #ff9a52 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd79f', endColorstr='#ff9a52',GradientType=0);
    background-color:#fcd79f;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #eeb44f;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Trebuchet MS;
    font-size:15px;
    padding:5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #cc9f52;
}
.boutonabo1:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9a52), color-stop(1, #fcd79f));
    background:-moz-linear-gradient(to top, #ff9a52 5%, #fcd79f 100%);
    background:-webkit-linear-gradient(to top, #ff9a52 5%, #fcd79f 100%);
    background:-o-linear-gradient(to top, #ff9a52 5%, #fcd79f 100%);
    background:-ms-linear-gradient(to top, #ff9a52 5%, #fcd79f 100%);
    background:linear-gradient(to bottom, #ff9a52 5%, #fcd79f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a52', endColorstr='#fcd79f',GradientType=0);
    background-color:#ff9a52;
}
.boutonabo1:active {
    position:relative;
    top:1px;
}

/* BREADCRUMB */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 15px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 2px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
/* FIN BREADCRUMB */

/*CADRES*/

.bandeau_promo {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00ED4C), color-stop(1, #00AE38));
    background: -moz-linear-gradient(to top, #00ED4C 1px,#00AE38 50px);
    background: -webkit-linear-gradient(to top, #00ED4C 1px, #00AE38 50px);
    background: -o-linear-gradient(to top, #00ED4C 1px, #00AE38 50px);
    background: -ms-linear-gradient(to top, #00ED4C 1px, #00AE38 50px);
    background: linear-gradient(to bottom, #00ED4C 1px, #00AE38 50px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ED4C', endColorstr='#00AE38',GradientType=0);
	background-color: #00AE38;
	font-size: 16px;
	color: #FFFFFF;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-family: Helvetica,Roboto,Arial,sans-serif;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.bandeau_promo2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ed7800), color-stop(1, #f74906));
    background: -moz-linear-gradient(to top, #ed7800 1px,#f74906 50px);
    background: -webkit-linear-gradient(to top, #ed7800 1px, #f74906 50px);
    background: -o-linear-gradient(to top, #ed7800 1px, #f74906 50px);
    background: -ms-linear-gradient(to top, #ed7800 1px, #f74906 50px);
    background: linear-gradient(to bottom, #ed7800 1px, #f74906 50px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed7800', endColorstr='#f74906',GradientType=0);
	background-color: #f74906;
	font-size: 16px;
	color: #FFFFFF;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-family: Helvetica,Roboto,Arial,sans-serif;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.bandeau_promo_rouge {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ed7800), color-stop(1, #F70606));
    background: -moz-linear-gradient(to top, #ed7800 1px,#F70606 50px);
    background: -webkit-linear-gradient(to top, #ed7800 1px, #F70606 50px);
    background: -o-linear-gradient(to top, #ed7800 1px, #F70606 50px);
    background: -ms-linear-gradient(to top, #ed7800 1px, #F70606 50px);
    background: linear-gradient(to bottom, #ed7800 1px, #F70606 50px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed7800', endColorstr='#F70606',GradientType=0);
	background-color: #F70606;
	font-size: 16px;
	color: #FFFFFF;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-family: Helvetica,Roboto,Arial,sans-serif;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.cadre_droit_rose {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C83EC8), color-stop(1, #D875D8));
    background: -moz-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: -webkit-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: -o-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: -ms-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: linear-gradient(to bottom, #C83EC8 1px, #D875D8 30px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C83EC8', endColorstr='#D875D8',GradientType=0);
    background-color: #BD85BD;
    border: 1px solid #FF70FE;
}
.cadre_arrondi_rose {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C83EC8), color-stop(1, #D875D8));
    background: -moz-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: -webkit-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: -o-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: -ms-linear-gradient(to top, #C83EC8 1px, #D875D8 30px);
    background: linear-gradient(to bottom, #C83EC8 1px, #D875D8 30px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C83EC8', endColorstr='#D875D8',GradientType=0);
    background-color: #BD85BD;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #FF70FE;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 0px;
    width: 95%;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 3px;
    padding-bottom: 2px;
}
.cadre_arrondi_mauve {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9b00), color-stop(1, #ff3800));
  background: -moz-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: -webkit-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: -o-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: -ms-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: linear-gradient(to bottom, #ff9b00 1px, #ff3800 30px);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b00', endColorstr='#ff3800',GradientType=0);
  background-color: #ff9b00;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border-top: 1px solid #ff9b00;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 0px;
  width: 95%;
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 3px;
  padding-bottom: 2px;
}

.cadre_arrondi_orange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9b00), color-stop(1, #ff3800));
  background: -moz-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: -webkit-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: -o-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: -ms-linear-gradient(to top, #ff9b00 1px, #ff3800 30px);
  background: linear-gradient(to bottom, #ff9b00 1px, #ff3800 30px);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b00', endColorstr='#ff3800',GradientType=0);
  background-color: #ff9b00;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border-top: 1px solid #ff9b00;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 0px;
  width: 95%;
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 3px;
  padding-bottom: 2px;
}

.cadre_arrondi_jaune {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFEF), color-stop(1, #FFFCE0));
    background: -moz-linear-gradient(to top, #FFFFEF 1px, #FFFCE0 30px);
    background: -webkit-linear-gradient(to top, #FFFFEF 1px, #FFFCE0 30px);
    background: -o-linear-gradient(to top, #FFFFEF 1px, #FFFCE0 30px);
    background: -ms-linear-gradient(to top, #FFFFEF 1px, #FFFCE0 30px);
    background: linear-gradient(to bottom, #FFFFEF 1px, #FFFCE0 30px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEF', endColorstr='#FFFCE0',GradientType=0);
    background-color: #FFFCC5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #FF70FE;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 3px;
    padding-bottom: 2px;
}

.cadre_arrondi_normal {
    -moz-box-shadow:inset 0px 1px 0px 0px #be43d1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #be43d1;
    box-shadow:inset 0px 1px 0px 0px #be43d1;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #B763D1), color-stop(1, #7900a1));
    background:-moz-linear-gradient(to top, #B763D1 1px, #7900a1 30px);
    background:-webkit-linear-gradient(to top, #B763D1 1px, #7900a1 30px);
    background:-o-linear-gradient(to top, #B763D1 1px, #7900a1 30px);
    background:-ms-linear-gradient(to top, #B763D1 1px, #7900a1 30px);
    background:linear-gradient(to bottom, #B763D1 1px, #7900a1 30px);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B763D1', endColorstr='#7900a1',GradientType=0);
    background-color:#B763D1;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #a600c7;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 5px;
    /*margin-bottom: 15px;*/
    width: 100%;
    padding: 2px;
}

.cadre_arrondi_normal2 {
    background: #b763d1 linear-gradient(to bottom, #b763d1 1px, #7900a1 30px) repeat scroll 0 0;
    border: 1px solid #a600c7;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #be43d1 inset;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 3px 3px 3px;
}

.cadre_blanc_arrondi
{
    border-radius: 6px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-bottom: 18px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	width: 100%;
}

.cadre_blanc_arrondi_bis
{
    border-radius: 6px;
    padding-top: 10px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 18px;
	margin-left: 7px;
	margin-right: 7px;
	text-align:center;
    background-color: rgba(230,230,230,0.2);
    display: block;
	width:97%;
}
.cadre_blanc_arrondi2
{
    border-radius: 4px;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:10px;
    margin:18px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
.cadre_arrondi_premium {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffc430;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffc430;
    box-shadow: inset 0px 1px 0px 0px #ffc430;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff910a), color-stop(1, #ff462e));
    background: -moz-linear-gradient(to top, #ff910a 5%, #ff462e 100%);
    background: -webkit-linear-gradient(to top, #ff910a 5%, #ff462e 100%);
    background: -o-linear-gradient(to top, #ff910a 5%, #ff462e 100%);
    background: -ms-linear-gradient(to top, #ff910a 5%, #ff462e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff910a', endColorstr='#ff462e', GradientType=0);
    background-color: #ff910a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f55c36;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 5px;
    /*margin-bottom: 15px;*/
    width: 100%;
    padding: 5px 3px 3px 3px;
}
.cadre_premium {
    border: 4px solid #fc6d00;
}
.cadre_arrondi_maitre {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffc430;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffc430;
  box-shadow: inset 0px 1px 0px 0px #ffc430;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbb40), color-stop(1, #ff902e));
  background: -moz-linear-gradient(to top, #ffbb40 5%, #ff902e 100%);
  background: -webkit-linear-gradient(to top, #ffbb40 5%, #ff902e 100%);
  background: -o-linear-gradient(to top, #ffbb40 5%, #ff902e 100%);
  background: -ms-linear-gradient(to top, #ffbb40 5%, #ff902e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc430', endColorstr='#ff462e', GradientType=0);
  background-color: #ffbb40;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ffbb40;
  margin-left: 0px;
  margin-right: auto;
  margin-top: 5px;
  /*margin-bottom: 15px;*/
  width: 100%;
  padding: 3px;
}
.cadre_maitre {
    border: 4px solid #ffdea3;
}
.cadre_info_arrondi {
    background-color: aliceblue;
    padding: 5px;
    border-radius: 6px;
    text-align: justify;
}

.action_refusee, .soustitre_petit {
    color: #be43d1;
    font-weight: bold;
}
.action_validee{
	color: #00CC00;
	font-weight: bold;
	font-size: 1em;
}

/*TEXT BOXES*/

.box-top2
{
    width: 100%;
    height: 30px;
    color:#FFFFFF;
    font-size:1.125em;
    font-weight: 600;
    padding-top: 2px;
    text-align: center;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);

}
.box-middle2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
    line-height: 1em;
    color: #333876;
    padding-top: 8px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 10px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 0px;
    box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}

.box-middle2 a {
    text-decoration:none;
}
.box-middle2 a:hover {
    text-decoration:underline;
}

.box-middle3 {
    background-color: #ffffff;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5) inset;
    color: #333876;
    line-height: 1.125em;
    padding: 15px 10px 10px;
}

.lieux-info {
    font-family: "Droid Serif","Times New Roman",Times,serif;
    font-size: 0.838em;
    margin-top: 15px;
    display: block;
    width: 65%;

}

.lieu-one {
    width: 100%;
    height: 45px;
    margin-left: 0px;
    margin-top: 10px;
    text-align:center;
    padding-top:10px;
    font-weight: bold;
    font-size: 14px;
    background-color:#F5F5F5;
}


.meslieux {
    float: left;
    width: 100%;
}


.lieux-message {
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: rgba(245,245,245,0.7);
    padding: 5px;
    font-size: 14px;
    border-radius: 0 0 6px 6px;
    box-shadow:
            0 2px 2px rgba(0,0,0,0.1),
            0 1px 5px rgba(0,0,0,0.1),
            0 3px 1px 4px rgba(0,40,60,0.3);
}
.geo_lieu {font-size: 14px;padding: 4px 2px 4px 4px; margin: 0px 0px 5px 5px; border: 1px #9900CC dotted; display:block; width:200px; max-width:45%; float:right;}

ul.notes-echelle {
    margin:0;
    padding:0;
    font:.75em/1.2 Arial, Helvetica, sans-serif;
}
ul.notes-echelle li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}

ul.notes-echelle li label {
    display:block;
    text-align:center;
    line-height:20px;
    background:url(https://img2.lieuxdedrague.fr/images/etoiles.gif) center top no-repeat;
    cursor:pointer;
    padding-left: 1px;
    padding-top: 2px;
}

ul.notes-echelle li.note-off label {
    background-position:center -60px;
}
ul.notes-echelle li.note-checked {
    font-weight:bold;
}

ul.notes-echelle.js li {
    min-width:20px;
    min-height:20px;
}
ul.notes-echelle.js input {
    position:absolute;
    left:-999%;
}
ul.notes-echelle.js li.note-focus {
    outline:1px dotted #000;
}

* html ul.notes-echelle.js li {
    width:20px;
    height:20px;
}

.pagination {
    text-align: center;
    margin-top: 20px;
}
.pagin-prev {
    display: block;
    float: left;
    font-size: 1em;
    background-color: white;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    padding-left: 3px;
}
.pagin-prev:hover
{
}
.pagin-prev-disable
{
    display: block;
    float: left;
    font-size: 1em;
    background-color: white;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    padding-left: 3px;

}
.pagin-next
{
    display: block;
    float: left;
    font-size: 1em;
    background-color: white;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
}
.pagin-next:hover
{

}
.pagin-next-disable
{
    display: block;
    width: 13px;
    height: 18px;
    float: left;
    text-align:right;
}

.pagin-num, .pagin-num-on
{
    display: block;
    font-size: 1em;
    float: left;
    padding: 2px;
    background-color: white;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.pagin-num-on
{
	background-color: #FFFF99;
}

.pagin-num:hover
{
    display: block;
    color: #FF00FF;
    font-weight:600;
	background-color:#FFC;
}


.box-middle-font {
    color: #923b8c;
}

.icon-push-right {
    padding-left: 1em;
    cursor: help;
}

.miniprofil {
    width: 100%;
    float: left;
    background-color: #F8F8F8;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top:2px;
}
.miniprofil_enligne {
    background-color: #E9FFE9;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom:2px;
}
.miniprofil_gold {
    background-color: lightyellow;
    /*padding: 1px;*/
    margin-bottom:2px;
    background-image:url(https://img2.lieuxdedrague.fr/images/gold-medal.png);
    background-size: 12%;
    background-position:top right;
    background-repeat:no-repeat;
}

.miniprofil-picture .picture-small img {

}

.miniprofil-picture {
    float: left;
}

.miniprofil-utilisateur {
    color: #FF00FF;
    font-weight: 600;
    font-size: 0.875em;
}

.miniprofil-utilisateur-info {
    color: #838385;
    font-size: 0.9em;
	text-align: left;
}

.miniprofil-ville {
    color:#682e7f;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 8px;
}

.miniprofil-envie {
    margin-top: -10px;
}

.miniprofil-body {
    float: left;
    padding-left:5px;
}

.miniprofil-bottom {
    clear:both;
    background-color:#F0F0F0;
    height:2px;
    margin-bottom: 10px;
}

.miniprofil-bottom-text {
    font-size: 0.750em;
    color: darkgray;
    font-weight: 600;

}
.miniprofil-bottom-text span {
    color: rgb(116,25,163);
    float: right;
}
.miniprofil-mur
{
	width:244px;
	height:120px;
	float:left;
	display:block;
    border-radius: 6px;
    padding:4px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	margin:.2em;
}
.miniprofil-mur-cache
{
	width:0px;
	height:0px;
	display:none;
}

/* liste departements*/
.liste-dep {
	width: 192px;
	float: left;
	font-size : 110%;
}

 /*lieux*/
div#filter_cat_msdd {
    width: 100%;
}

.lieux-box .nb-depart {
    color:#FF00FF;
    font-weight: 600;
    font-size: 0.938em;
}

.lieux-box .lieux {
    color:#707070;
    font-size: 0.938em;
}

.lieux-box .lieux-ville {
    font-weight: 600;
}

/*Dernieres messages postés*/

.last-messages {
}

.last-messages .navigation {
    font-size: 1.125em;
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    /*text-transform: capitalize; */
    text-align: center;
    /*border-bottom: 1px dotted white;*/
}

.marker {
    background-color: #333876;
    color: white;
    padding: 3px;
    border-radius: 6px;

}

.texte-gras-clair:hover
{
    color: #be43d1;
}

/*Left Panel*/

.picture_small
{
    width: 50px;
    position:relative;
}
.envie
{
    display: block;
    margin-top:-10px;
    margin-left:10px;
    position:absolute;
    height: 12px;
    width: 37px;

}
.statut_online {
    font-style:italic;
    font-size:12px;
    color:#909090;
    position:absolute;
    bottom: 3px;
    left: 20px;
}

h2
{
    color: #4500c5;
    font-size: 1.250em;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 3px;
    display: inline;
}

.h2_lieu
{
    color: #333876;
    font-size: 1.250em;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 3px;
    display: inline;


}

.h2_profil
{
    color: #333876;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 3px;
    display: inline;
    text-transform: capitalize;


}

.histoire_text {
    font-family: "Droid Serif","Times New Roman",Serif;
    font-size: 90%;
	clear:both;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.titre-histoire {
    font-size: 2em;
    color: #333876;
    line-height: 1em;
}

.histoire_text br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 24%;
}

#histoire_category {
    padding-left: 8px;
}
#msdrpdd21_msdd {
    margin-bottom: 5px;
}

.first-letter p:first-child:first-letter {
    float: left;
    color: rgb(116,25,163);
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}



/*Panel right*/



/*Abonnement window*/
.abonnement-window {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    border:1px #333333 solid;
    padding: 25px 20px 25px 20px;
    background: white;
    box-shadow:
            0 2px 2px rgba(0,0,0,0.4),
            0 1px 5px rgba(0,0,0,0.4),
            0 0 0 6px rgba(0,40,60,0.3);
    border-radius: 0px;

}

p.dark-fiolet.bold {
    font-size: 13px;}

/*Abonnement left panel*/
.cadre_abonnement_ok-org
{
    padding: 5px;
    background-color: #f3d2ff;
    border: thin solid #DF93FF;
    margin-bottom: 3px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    border-radius: 6px;

}

.cadre_abonnement_ok
{
    padding: 5px;
    border: thin solid #DF93FF;
    margin-bottom: 6px;
    margin-top: 6px;
    text-align: center;
    width: 100%;
    border-radius: 6px;

    background: #D000D0;
    background: -moz-linear-gradient(#D000D0 0%, #900090 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D000D0), color-stop(100%, #900090));
    background: -webkit-linear-gradient(#D000D0 0%, #900090 100%);
    background: linear-gradient(#D000D0 0%, #900090 100%);
    color: #FFFFFF;

}

.cadre_abonnement_8
{
    padding: 6px;
    background-color: #FF4E09;
    border: thin solid #FF191D;
    margin-bottom: 3px;
    color: #FFFFFF;
    text-align: center;
    line-height:1.5em;
}
.cadre_abonnement_8 a
{
    color: #FFFFFF;
}
.cadre_abonnement_21
{
    padding: 6px;
    background-color: #FF9A0A;
    border: thin solid #FFD009;
    margin-bottom: 3px;
    text-align: center;
    color: #FFFFFF;
    line-height:1.5em;
}
.cadre_abonnement_21 a
{
    color: #FFFFFF;
}
.cadre_abonnement_30
{
    padding: 6px;
    background-color: #FFFDE2;
    border: thin solid #FFD009;
    margin-bottom: 3px;
    text-align: center;
    line-height:1.5em;
}

/* facebox */
#cadre_defil_1 {
    overflow : hidden;
    height: 17px;
    width:95%;
    margin: 0 auto;
    margin-bottom:8px;
    margin-top:4px;
    border:1px solid #CCCCCC; background-color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:normal;
    color: #000000;
}


#cadre_defil_1 img {
    border:0;
    vertical-align: middle;
}


#cadre_defil_1 .liens {
    color: #000000;
}

#conteneur_defil_1 {
    position : relative;
    overflow : hidden;
    visibility : hidden;
    height:100%;
}
.afficher_masquer a {
    text-align:center;
    color:#B0B0B0;
}
.afficher_masquer a:hover {
    text-align:center;
    color: #ff9900;
}

.lien_menu_fonce {
    color:#620062;
    font-size:1em;
}
.lien_menu_fonce a {
    color:#620062;
    font-size:1em;
}
.lien_menu_fonce a:hover {
    color:#FF00FF;
    font-size:1em;
}
.lien_menu_vert {
    font-size:11px;
}
.lien_menu_vert a {
    font-size:11px;
}
.lien_menu_vert a:hover {
    color:#FF00FF;
    font-size:11px;
}
.lien_menu_rose {
    color: #FF00FF;
    font-size:14px;
}
.lien_menu_rose a {
    color: #FF00FF;
    font-size:13px;
    font-weight: bold;
letter-spacing: -0.5px;}

.lien_menu_rose a:hover {
    color:#FF00FF;
    font-size:14px;
}
.lien_menu_orange {
    color: #FF3300;
    font-size:11px;
}
.lien_menu_orange a {
    color: #FF3300;
    font-size:11px;
}
.lien_menu_orange a:hover {
    color:#FF00FF;
    font-size:11px;
}

fieldset {
    padding:1em;
}
ul.notes-echelle {
    margin:0;
    padding:0;
    font:.75em/1.2 Arial, Helvetica, sans-serif;
}
ul.notes-echelle li {
    float:left;
    margin:0;
    padding-right:5px;
    list-style:none;
}

ul.notes-echelle li label {
    display:block;
    text-align:center;
    line-height:20px;
    background:url(https://img2.lieuxdedrague.fr/images/etoiles.gif) center top no-repeat;
    cursor:pointer;
    width: 19px;
}

ul.notes-echelle li.note-off label {
    background-position:center -60px;
}
ul.notes-echelle li.note-checked {
    font-weight:bold;
}

ul.notes-echelle.js li {
    min-width:20px;
    min-height:20px;
}
ul.notes-echelle.js input {
    position:absolute;
    left:-999%;
}
ul.notes-echelle.js li.note-focus {
    outline:1px dotted #000;
}

* html ul.notes-echelle.js li {
    width:20px;
    height:20px;
}

.titre_cadre_fonce {
    color: #ffffff;
    font-family: inherit;
    font-size: 1em;
    text-decoration: none;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 2px;
	display: inline;
    width: 100%;
    height: auto;
    font-weight: 600;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}
.titre_cadre_fonce a {
    color: #ffffff;
}


.onglet_actif, .onglet_passif{
    float: right;
    padding-bottom: 5px;
    width: 70px;
    text-align: center;
}
.onglet_actif{
    background: url(https://img2.lieuxdedrague.fr/images/onglet.png);
    color: #912AC8;
    margin-top: 3px;
}
.onglet_passif a, .onglet_actif a{
    margin: 0;
}
.onglet_actif a{
    color: #912AC8;
}


.onglet_actif2, .onglet_passif2{
    float: right;
    padding-bottom: 5px;
    width: 60px;
    text-align: center;
}
.onglet_actif2{
    background: url(https://img2.lieuxdedrague.fr/images/onglet.png);
    color: #912AC8;
    margin-top: 3px;
}
.onglet_passif2 a, .onglet_actif2 a{
    margin: 0;

}
.onglet_actif2 a{
    color: #912AC8;text-shadow: none;
}
.onglet_passif2 a{
    color: #FFFFFF;
}

/*Messagerie*/

.messagerie_element_liste{
    float: left;
    padding: 3px;
    margin: 0;
	width:96%;
	margin-left: 12px;
}
.messagerie_element_liste:hover{
    background-color:#F0F0F0;
}

.messagerie_photo{
    float: left;
    margin: 2px 0 2px 0px;
    padding: 0;
    width: 20%;
}
.messagerie_partie_gauche{
    float: left;
    margin: 0 0 0 0;
    width: 125px;
    padding-bottom: 8px;
    padding-top: 5px;
	height:100%;
}
.messagerie_partie_droite{
    float: right;
	width: 25px;
	padding-bottom: 10px;
	padding-top: 7px;
	text-align: center;
}
.messagerie_partie_centre{
    margin-left: 120px;
	width: auto;
	padding: 5px;
}
.messagerie_date{
    float: left;
    margin: 5px 0 0 0px;
    padding: 0;
    width: 45%;
}
.messagerie_action{
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    width: 30%;
    text-align:right;
}
.nonlu{
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    background-color: #00CC00;
    display: inline-block;
}
.promo_grand {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background-color: #00CC00;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}
.promo_petit {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background-color: #00CC00;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.date_envoi{
    font-size: 12px;
    color: #808080;
}
.date_lecture{
    font-size: 11px;
    font-style:italic;
}

.smiley {
    cursor: pointer;
    margin: 5px 5px 5px 8px;
	float: left;
}
.cadre_smileys_chat
{
	margin-left:0px;
	margin-right:3px;
	margin-top:0px;
	width:27%;
	padding:0px;
	float:left;
}
.cadre_message_chat
{
	width:71%;
	margin:0px;
	padding:0px;
	float:left;
}
.cadre_grise_arrondi
{
    border-radius: 3px;
    padding:5px 3px 3px 10px;
    background-color: #F0F0F0;
    border: 1px solid #E5E5E5;
    margin:2px;
}

.cadre_profil_mini {
    border-width: 0px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    float: left;
    padding: 1px;
    margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
    height: 80px;
    width: 32%;
	min-width: 171px;
    background-color: #F3F3F3;
}
.souscadre_profil_mini {
  font-size: 13px;
  margin-left:2px;
  margin-bottom: 20px;
}
.info_ville {
  margin-top:3px;
  line-height:12px;
  font-weight:600;
  white-space: nowrap;
}

.popup_signaler {
	width: 340px;
	display: none;
	position: absolute;
	margin:auto;
	float:left;
	text-align:left; 
	padding: 5px; 
	background-color:#FFCACA;
}

.legende_image {
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.texte-couleur-rouge {
    color: #FF0000;
    font-size: 14px;
}


.boite_photo
{
    margin: 10px 10px 0px 10px;
    float:left;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:8px;
    text-align:center;
    font-size:12px;
	height: 166px;
}

.box {
	padding-bottom:34px;
}

.photo_moncompte
{
    vertical-align:top;
    position:relative;
    display:block;
    height:80px;
}

.photo_privee
{
    position:relative;
    display:block;
    top:-20px;
    color:white;
    margin-bottom:0px;
    padding:0px;
    text-shadow: black 0.1em 0.1em 0.2em;
}


#facebox {
    position: absolute;
    top: 30px;
    margin-left: 10px;
    z-index: 501;
    text-align: left;
}


#facebox .popup{
    position:relative;
    border:3px solid rgba(0,0,0,0);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
    box-shadow:0 0 18px rgba(0,0,0,0.4);
	z-index: 501;
}

#facebox .content {
    display:table;
    width: 100%;
    padding: 10px;
    background: #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-bottom: 0px;
}

#facebox .content > p:first-child{
    margin-top:0;
}
#facebox .content > p:last-child{
    margin-bottom:0;
}

#facebox .close{
    position:absolute;
    top:5px;
    right:5px;
    padding:2px;
    background:#fff;
    width:100%;
    height:75%;
    opacity:0;
}
#facebox .close img{
    opacity:0.3;
}
#facebox .close:hover img{
    opacity:1.0;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
    max-width: 100%;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.facebox_hide {
    z-index:-100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 100;
}

/********************************/
/****   jquery modal ************/
/**** affiche profil en popup ***/
/********************************/
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 10;
  padding: 10px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}

.blocker[aria-hidden="true"] {
    visibility: hidden;
    opacity: 0;
}

.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 100%;
  box-sizing: border-box;
  background: #fff;
  padding: 6px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}


.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,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") no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,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") #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/*****************************/
/*******    fin Modal   ******/
/*****************************/

/*************************************************/
/*******     Modal pour messages vocaux   ******/
/*************************************************/

   .c-dialog {
     position: fixed;
     z-index: 100;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: flex;
     padding: 2.4rem;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.75);
     transition: .2s;
   }


   .c-dialog__box {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     z-index: 2;
     max-width: 100%;
     box-sizing: border-box;
     background: #fff;
     padding: 6px 6px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -o-border-radius: 6px;
     -ms-border-radius: 6px;
     border-radius: 6px;
     -webkit-box-shadow: 0 0 10px #000;
     -moz-box-shadow: 0 0 10px #000;
     -o-box-shadow: 0 0 10px #000;
     -ms-box-shadow: 0 0 10px #000;
     box-shadow: 0 0 10px #000;
     text-align: left;
     flex: 1;
     max-width: 32rem;
     margin: auto;
     padding: 1rem;
     background-color: white;
   }


   .c-dialog[aria-hidden="true"] {
     visibility: hidden;
     opacity: 0;
   }

.c-dialog__box a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,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") no-repeat 0 0;
}

/*************************************************/
/*******    Fin  Modal pour messages vocaux   ******/
/*************************************************/

.h1_profil {
    font-family: "Droid Serif","Times New Roman",Serif;
    font-size: 1.3em;
    text-align: center;
    margin-top: 15px;
    line-height: 30px;
    text-shadow: 0 1px 0 #ccc, 
				 0 2px 0 #D0D0D0,
				 0 3px 0 #E5E5E5;
}

.h1_lieu
{
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:600;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    display:inline;
	text-transform: uppercase;
	margin-left: 5px;
}

.h1_rubrique
{
    color:#FFFFFF;
    font-family: open-sans, sans-serif; 
	font-style: normal; 
	font-weight: 400;
	font-size:1.5em;
    text-align: left;
    text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);
	margin-top:10px;
	margin-left:5px;
}

.h1_premium
{
	color: #F87B00;
	font-size: 1.5em;
	font-weight: normal;
	text-align: left;
	text-shadow: 0 1px 5px rgba(253,244,0,0.80);
	display: inline;
}

.user_login_header2 {
    color: #606060;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
}

.user_envie_profil {
	width:45px;
	height:15px;
}

.texte-couleur-fonce {
    color: rgb(51,56,118);
    font-size:1em;
    font-weight:bold;

}

.texte-fonce
{
    color: #606060;
}
.texte-gris {
    color: #999999;
}

.texte-vif
{
    color: #FF0099;
}
.texte-gras-fonce
{
    font-weight:bold;
}
.texte-gras-clair
{
    font-weight:bold;
	color: white;
}


.online {
    font-weight: bold;
    color: #00CC33;
}

.menu_sousonglet_actif
{
    color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 4px 2px 4px;
    background-color: #FF55FF;
}
.menu_sousonglet
{
    color: #F0F0F0;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 0 2px 2px;
    background-color: #CCC;
}
.menu_sousonglet a
{
    color: #FFFF00;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 0 2px 2px;
    background-color: #F0F;
}
.menu_sousonglet a:hover
{
    color: #FFFFFF;
    background-color: #FF33FF;
}
.menu_sousonglet2_actif
{
    color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 0 2px 2px;
    background-color: #FF55FF;
}
.menu_sousonglet2_mav
{
    color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 0 2px 2px;
    background-color: #8ADC72;
}
.menu_sousonglet2
{
    color: #F0F0F0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 0 2px 2px;
    background-color: #999;
}
.menu_sousonglet2 a
{
    color: #FFFF00;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    height: 20px;
    padding: 2px 5px 2px 2px;
    background-color: #F0F;
}
.menu_sousonglet2 a:hover
{
    color: #FFFFFF;
    background-color: #FF33FF;
}

.entete_profil
{
    /*background: #e4a6ed;*/

}

.contact_user_views_form {
    margin-left: auto;
    margin-right: auto;
    border:1px #AF56D0 dashed;
    padding: 15px;
    background: #cccccc;
    background: -moz-linear-gradient(to top,  #cccccc 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(to top,  #cccccc 0%,#eeeeee 100%);
    background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );

}

#contact_message {
    width: 100%;
    height: 100px;
}

.profil_moi {
    background: #e4a6ed;
    background: -moz-linear-gradient(to top,  #e4a6ed 0%, #e8dcea 100%);
    background: -webkit-linear-gradient(to top,  #e4a6ed 0%,#e8dcea 100%);
    background: linear-gradient(to bottom,  #e4a6ed 0%,#e8dcea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a6ed', endColorstr='#e8dcea',GradientType=0 );
    border: 2px solid white;
    padding:10px;
    margin-top:10px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 12px #d8d8d8;


}

.profil_memo {
  background: #fcffb7;
  background: -moz-linear-gradient(to top, #fffc85 0%, #fffde3 100%);
  background: -webkit-linear-gradient(to top, #FFFC85 0%, #fffde3 100%);
  background: linear-gradient(to bottom, #FFFC85 0%, #fffde3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a6ed', endColorstr='#e8dcea',GradientType=0 );
  border: 2px solid white;
  padding:10px;
  margin-top:10px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 12px #d8d8d8;


}

.profil_je_cherche {
    background: rgb(242,250,255);
    border: 2px solid white;
     margin-bottom: 10px;
     box-shadow: 1px 1px 12px #d8d8d8;


     padding:5px;
    margin-top:5px;
}

.line{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #777777, rgba(0, 0, 0, 0));
    margin-top: 10px;
}


.box-top
{
    width: 100%;
    color:#FFFFFF;
    font-size:1em;
    font-weight: normal;
    padding-top: 2px;
	padding-bottom: 2px;
    text-align: left;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}

.box-top a {
text-transform: uppercase;
}

.posted-by {
    display: inline-block;
    font-size: 1em;
    color: #363636;
    font-weight: 600;
}

.posted-by a {
    color: #FF00FF;
}

.post-time {
    float: right;
    display: inline-block;
    padding-right:10px;
    font-size: 0.938em;
    font-weight: 600;
}

.post-time span {
    text-shadow: none;
}

.post-body {
    font-family: "Droid Serif", "Times New Roman", Times, serif ;
    color: #363636;
    font-size: 0.813em;
    /*font-size: 0.750em;*/
    padding-top: 5px;
    text-align: justify;
    /*word-spacing: 0.5px;*/
    /*letter-spacing: 0.5px;*/
}

.annonces-body {
    font-size: 0.9em;
overflow-wrap: anywhere;
}

.titre_page
{
    color: #FF00FF;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 10px;
    text-align:left;
    font-weight: 600;
}

.titre_pub {
	font-size: 1em;
    color: #FF0099;
    text-decoration: underline;
}

.lien_pub {
	font-size: 0.9em;
 }

.lien_pub2 {
    margin-top:5px;
    text-align:center;
    color: white;
    font-size: 0.9em;
    position: relative;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;

}
.lien_pub2:hover {
    color: rgb(51,6,118);
}


/*Connexion*/

.connexion_window {
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,0.9);
    padding: 25px 20px 25px 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=38, Direction=99, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 1px 6px 38px 2px rgba(0,0,0,0.4);/*FF 3.5+*/
    -webkit-box-shadow: 1px 6px 38px 2px rgba(0,0,0,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 1px 6px 38px 2px rgba(0,0,0,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=38, Direction=135, Color=#000000); /*IE 5.5-7*/
    border-radius: 6px;
}


.lieux-window {
    margin-left: 5px;
    margin-right: auto;
    background-color: rgba(255,255,255,0.4);
    padding: 15px 10px 15px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=38, Direction=99, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 1px 6px 38px 2px rgba(0,0,0,0.4);/*FF 3.5+*/
    -webkit-box-shadow: 1px 6px 38px 2px rgba(0,0,0,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 1px 6px 38px 2px rgba(0,0,0,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=38, Direction=135, Color=#000000); /*IE 5.5-7*/
    border-radius: 6px;
}

.lien-vif
{
	color: #ff00ff;
}
.lien-vif:hover
{
	color: #B403AE;
}
.lien-fonce {
	color: #800081;
}
.lien-fonce:hover {
	color: #B403AE;
}
.lien-clair
{
	color: #ffffff;
}
.lien-clair:hover
{
	color: #FFFF00;
}
.lien-gris
{
	color: #E0E0E0;
}
.lien-gris:hover
{
	color: #FFFF00;
}
.lien-discret
{
	color: #602CC3;
}
.lien-discret:hover
{
	color: #ff00ff;
}
.titre-menu-clair
{
	color: #ffffff;
	font-size:1em;
	font-weight:bold;
}
.titre-menu-clair a
{
	color: #ffffff;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.titre-menu-clair:hover
{
	color: #FFFF00;
	font-weight:bold;
}
.navigation
{
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    font-size: 11px;
    padding : 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}
.navigation a
{
    color : #ffffff;
}
.navigation a:hover
{
    color: #FFFF99;
}

select#filter_cat{

}




/*Forms*/

label {
  	padding: 1px;
    cursor: pointer;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    font-size: 1em;
    margin-top: 4px;
}

input[type=text], select,textarea,
input[type=password] {
    font-size: 0.875em;
    font-weight: 400;
    padding: 3px;
    margin-bottom: 5px;
    border: 2px solid #ebe6e2;
    transition: all 0.3s ease-out;
}

textarea#contactuser_message  {
    width: 100%;
    height: 100px;
}


input[type=text]:hover,
input[type=password]:hover {
    border-color: rgb(0,160,240);
}

label:hover ~ input {
    border-color: rgb(0,160,240);
}

input[type=text]:focus,
input[type=password]:focus {
    border-color: rgb(0,40,60);
    outline: none; /* Remove Chrome's outline */
}

input:focus {
    outline:none;
}

/*Button*/

button, .button, input[type=submit], input[type=button] {
    border: 0;
    color: white;
    /*text-transform: uppercase;*/
    font-family: Dosis,Helvetica,sans-serif;
    -webkit-transition: background-color 1.1s ease;
    -moz-transition: background-color 1.1s ease;
    -o-transition: background-color 1.1s ease;
    transition: background-color 0.5s ease;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-radius: 7px;
    background-color: rgb(51, 56, 118);
    margin-top: 5px;
    line-height: 1.5em;
    text-align: center;


}

a.button {
    color: white;
}

button:hover, .button:hover {
    /*border:1px solid rgb(130,37,38);*/
    background-color: rgb(195,0,195);

}

button:focus .button:focus {
    outline: none; /* Remove Chrome's outline */
}

.button-avis-more {
  border: 0;
  color: #cc00d2;
  /*text-transform: uppercase;*/
  font-family: Dosis,Helvetica,sans-serif;
  -webkit-transition: background-color 1.1s ease;
  -moz-transition: background-color 1.1s ease;
  -o-transition: background-color 1.1s ease;
  transition: background-color 0.5s ease;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 5px;
  border-radius: 7px;
  background-color: rgb(240, 240, 240);
  margin-top: 5px;
  line-height: 1.5em;
  text-align: center;
}

.button-avis-more:hover{
  background-color: rgb(235, 235, 235);
  color: #f800ff;
}


.button-connexion,
.button-parrainage,
.button-abonnement {
    border: 0;
    font-size: 90%;
    color: white;
    /*text-transform: uppercase;*/
    font-family: Dosis,Helvetica,sans-serif;
    -webkit-transition: background-color 1.1s ease;
    -moz-transition: background-color 1.1s ease;
    -o-transition: background-color 1.1s ease;
    transition: background-color 0.5s ease;
    border-radius: 7px;
    background-color: rgb(51, 56, 118);
    height: 32px;
    line-height: 1.8em;
    text-align: center;

}

.button-connexion:hover,
.button-abonnement:hover,
.button-parrainage:hover {
    background-color: rgb(195,0,195);
    text-decoration: none;
}

.button-connexion:hover,
.button-abonnement:hover,
.button-parrainage a:hover {
    background-color: rgb(195,0,195);
    text-decoration: none;
}

.button-connexion {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-abonnement {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-parrainage {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.parr-et-abonn {
    padding-top: 10px;
}

.button-send {
    border: 0;
    font-size: 90%;
    color: white;
    /*text-transform: uppercase;*/
    font-family: Dosis,Helvetica,sans-serif;
    -webkit-transition: background-color 1.1s ease;
    -moz-transition: background-color 1.1s ease;
    -o-transition: background-color 1.1s ease;
    transition: background-color 0.5s ease;
    border-radius: 7px;
    background-color: darkmagenta;
    height: 32px;
    line-height: 1.8em;
    text-align: center;
}

#btn-contactuser-vocal {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#vocalbutton {
    border: none;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    background-color: rgb(248,248,248);
}

#recordButton{
      color: #000000;
    /*text-transform: uppercase;*/
    font-family: Dosis,Helvetica,sans-serif;
    -webkit-transition: background-color 1.1s ease;
    -moz-transition: background-color 1.1s ease;
    -o-transition: background-color 1.1s ease;
    transition: background-color 0.5s ease;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    margin-top: 5px;
    line-height: 1.5em;
    text-align: center;
}


#imgrecord{
  width: 48px;
  border-radius: 36px;
}

#stopButton{
    
    background-color: rgb(255, 255, 255, 0);
}

/* bouton qui s'allume lors de l'enregistrement vocal*/
#onairbutton {
    width: 35px;
    height: 35px;
    font-size: 0;
    border: 0;
    border-radius: 35px;
    margin: 18px;
    outline: none;
}

.btnrecord-disable {
    cursor: not-allowed;
    pointer-events: none;

}

.notRec{
    background-color: darkred;
}

.Rec{
    background-color: rgb(0, 0, 0, 0);
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes pulse{
    0%{
        box-shadow: 0px 0px 5px 0px rgba(173,0,0,.3);
    }
    65%{
        box-shadow: 0px 0px 5px 13px rgba(173,0,0,.3);
    }
    90%{
        box-shadow: 0px 0px 5px 13px rgba(173,0,0,0);
    }
}

audio {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#dialog-title {
    display: block;
    text-align: center;
}

.texte_petit {
    color: #666666;
    font-size: .9em;
}
.texte_petit_soustitre {
	color: #707070;
	font-size:0.85em;
}
.texte_premium_grand
{
	font-size:1.2em;
	color:#ff910a;
	font-weight: 600;
}
.texte_premium
{
	color:#ff910a;
	font-weight: 600;
}
.premium
{
	font-size:0.9em;
	font-weight: bold;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	color: yellow;
	text-shadow:  0 0 8px yellow, 1px 1px red, 1px -1px red, -1px -1px red, -1px 1px red, 0 0 8px yellow, 0 0 5px yellow;
}
#avis_message {
    width: 100%;
    height: 130px;
}


/*TABLE*/
table {
    background-color: rgb(248,248,248);
    width: 100%;
    border-radius: 6px;
    display: block;
}

tbody {
    display: block;
}

td {
    display: block;
}

tr {
    display: block;
}

td:last-child {
    margin-bottom: 15px;
}

td label {
    font-weight: bold;
}

.abon-table tr, .video tr {
    display: table-row;
}

.abon-table td, .video td {
    display: table-cell;
}
.visites td,
.adp-directions td
{
    display: table-cell;
}

.visites tr,
.adp-directions tr
{
    display: table-row;
}

.adp-step, .adp-substep {
    border: 1px solid #F8F8F8;
}

.vote-histoires {
    font-size: 14px;
    padding: 4px 2px 4px 4px;
    margin: -5px 2px 2px 2px;
    border: 1px #9900CC dotted;
    display:block;

}

.two-columns {
    /* FF 3.5+*/
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: solid;
    /*Saf3, Chrome*/
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: solid;
    column-count: 2;
    column-gap: 30px;
    column-rule: solid;
}

.three-columns {
    /* FF 3.5+*/
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -moz-column-rule: solid;
    /*Saf3, Chrome*/
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    -webkit-column-rule: solid;
    column-count: 3;
    column-gap: 30px;
    column-rule: solid;
}


/*Warning message*/
.msgsw {
    position: relative;
    display: none;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    min-width: 240px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    list-style-type: none;
    text-align: center;

    -moz-box-shadow: 0 0 12px #ddd;
    -webkit-box-shadow: 0 0 12px #ddd;
    box-shadow: 0 5px 15px black;

    color: #ffffff;

    background-color: #bd362f;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=");
}

.msgs
{
    text-align:center;
    color: #339933;
    display: none;
    background-color: #ffffff;
    border: 1px solid #339933;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
/*.msgsw*/
/*{*/
    /*text-align:center;*/
    /*color: #FF0000;*/
    /*display: none;*/
    /*font-weight: bold;*/
    /*background-color: #ffffff;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*padding:1px;*/
/*}*/
.msgsw2
{
    text-align:center;
    color: #FF0000;
    display: none;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding:1px;
}
.msgsw3
{
    text-align:center;
    color: #FF0000;
    display: none;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding:1px;
}
.msgsw4
{
    text-align:center;
    color: #FF0000;
    display: none;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding:1px;
}
.msgsw-field
{
    border: #EF151C 1px solid;
}

/* ABONNEMENT*/

.abon-title {
    font-size: 2.5em;
    color: white;
	margin-top:0px;
}
.td-abonnement {
	padding-top:15px;
	padding:4px;
	text-align:center;
}
.abon-title2 {
    font-size: 1.6em;
    color: white;
	margin-top:0px;
	width:48%;
	display:inline-block;
	background-color: #FF00FF;
	padding: 10px;
}
.abon-title2-on {
    font-size: 1.6em;
	margin-top:0px;
	width:48%;
	display:inline-block;
	background-color: #F0F0F0;
	padding: 10px;
}

.bg-abon {
    background: -moz-linear-gradient(270deg, #f7e2e7 0%, #fcf6f5 100%);/* FF3.6+ */
    background: -webkit-linear-gradient(270deg, #f7e2e7 0%, #fcf6f5 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #f7e2e7 0%, #fcf6f5 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #f7e2e7 0%, #fcf6f5 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7e2e7', endColorstr='#fcf6f5', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #f7e2e7 0%, #fcf6f5 100%);/* W3C */
}

#cssmenu > ul > li.navabonn {
    background: #ff910a;
    background: -moz-linear-gradient(#ff910a 0%, #CC2E00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff910a), color-stop(100%, #CC2E00));
    background: -webkit-linear-gradient(#ff910a 0%, #CC2E00 100%);
    background: linear-gradient(#ff910a 0%, #CC2E00 100%);
}
#cssmenu > ul > li.navpromo {
    background: #ff910a;
    background: -moz-linear-gradient(#B468FF 0%, #8A15FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B468FF), color-stop(100%, #8A15FF));
    background: -webkit-linear-gradient(#B468FF 0%, #8A15FF 100%);
    background: linear-gradient(#B468FF 0%, #8A15FF 100%);
}
#cssmenu > ul > li.navmessages {
    background: #07C841;
    background: -moz-linear-gradient(#07C841 0%, #009300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07C841), color-stop(100%, #009300));
    background: -webkit-linear-gradient(#07C841 0%, #009300 100%);
    background: linear-gradient(#07C841 0%, #009300 100%);
	padding:10px 6px 10px 6px;
}
#cssmenu > ul > li.navnews {
    background: #07C841;
    background: -moz-linear-gradient(#07C841 0%, #009300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07C841), color-stop(100%, #009300));
    background: -webkit-linear-gradient(#07C841 0%, #009300 100%);
    background: linear-gradient(#07C841 0%, #009300 100%);
	padding:0px;
}
.headmessages_old
{
	padding: 5px;
	float:right;
	z-index: 10;
	position: absolute;
	right: 10px; top: 10px;
	background: #07C841;
    background: -moz-linear-gradient(#07C841 0%, #009300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07C841), color-stop(100%, #009300));
    background: -webkit-linear-gradient(#07C841 0%, #009300 100%);
    background: linear-gradient(#07C841 0%, #009300 100%);
	visibility: hidden;
}

.headmessages
{
  text-align:center;
  padding-left:3px;
  padding-right:3px;
  margin-right:auto;
  margin-left:auto;
  background: #07c841;
  margin-bottom:3px;
  height:28px;
  line-height: 28px;
  width: 40%;
  border-radius: 30px;
  visibility: hidden;
}

/*Videos*/

.video .MurThumbsCD_player_l8zFhF8w img,
.video .MurThumbsCD_player_98by5q04 img,
.video .MurThumbsCD_player_Z7MrA4RO img,
.video .MurThumbsCD_player_q4Je6TIb img
{
    height: 15px;
}

.oopt-vod-600-300-07 {
    width: 400px;
}

.erreur{
    font-weight: 600;
    color: #FF0000;
    padding: 0;
    margin: 10px 0 10px 0;
    font-size: 20px;
    text-align: center;
}
.erreur_petite{
	color: #FF0000;
	font-size: 1em;
	background-color:#FFFF00;
	font-family: 'Open Sans', sans-serif;
}


/*footer*/

.footer {
    background-color: rgb(37, 37, 37);
    box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.45);
    height: 50px;
    margin-top: 10px;
    padding-top: 4.4%;

}

.footer-nav {
	color: white;
	font-size: 1.125em;
	text-align: center;
	padding: 10px;
}

.footer-nav a {
    display: inline-flex;
    /*border-right: 2px #555 solid;*/
    padding-right: 5px;
    padding-left: 2px;
    text-shadow:1px 1px gray;
    font-weight: normal;

}

.footer-nav a:last-child {
    display: inline-flex;
    border-right: none;
}


/* General styles for hidden menus */

.cbp-spmenu {
	/* Seb 19/12/2020 
	overflow: auto;
	*/
    
}

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 500;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}


.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

.cbp-spmenu-closeLeft {
    left: -240px;
}

.close-button-left {
    font-size: 2em;
    text-align: right;
    color: white;
    margin-top: 5px;
    margin-bottom: 15px;
}

.close-button-right {
    font-size: 2em;
    text-align: left;
    color: white;
    margin-top: 5px;
    margin-bottom: 15px;
}

/* Transitions */

.cbp-spmenu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/************************************/
/* CSS  barre de progression vidéos */
/************************************/
#uploadProgress{
    display: none;
}
/* barre de progression */
.progressBar{
    border: 1px solid #777;
    width: 140px;
    -webkit-appearance: none;
    appearance: none;
}
.progressBar > span{
    height: 6px;
    display: block;
    background-color: #80FF00;
}

/* resultat de l'upload */
#uploadResult{
    display: none;
}

/************************************/
/* CSS  player youtube responsive   */
/************************************/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***********************************/
/* LIGHTBOX PHOTOS NOUVEAU SYSTEME */
/***********************************/
.row-pic {
 	width:75%;
	overflow-x:auto;
	margin-bottom: 4px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	white-space: nowrap;
	float:right;
}
.row-pic-blog {
 	width:94%;
	overflow-x:auto;
	margin-bottom: 4px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	white-space: nowrap;
}
.column-pic {
  display:inline-block;
  vertical-align:middle;
  max-height:160px;
  max-width:25%;
  margin: 2px;
}

/* The Modal (background) */
.modal-pic {
  display: none;
  position: fixed;
  z-index: 15;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 99%;
  max-width: 99%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content-pic {
  position: relative;
  margin: auto;
  padding: 0;
  
}

/* The Close Button */
.close-pic {
  color: white;
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 35px;
  font-weight: bold;
  z-index:3;
}

.close-pic:hover,
.close-pic:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides-pic {
  display: none;
  margin-bottom: 20px;
}

.cursor-pic {
  cursor: pointer;
  height: 80px;
}

/* Next & previous buttons */
.prev-pic,
.next-pic {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next-pic {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev-pic:hover,
.next-pic:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext-pic {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container-pic {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo-pic {
  opacity: 0.6;
  max-height:140px;

}

.active-pic,
.demo-pic:hover {
  width:auto;
  max-height:140px;
  opacity: 1;
}
.img-pic{
	max-width: 90vw;
	margin-bottom:-8px;
    max-height: 600px;
}
.img-pic.hover-shadow-pic {
  transition: 0.3s
}


.hover-shadow-pic:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/***************************************/
/* FIN LIGHTBOX PHOTOS NOUVEAU SYSTEME */
/***************************************/


.lien_nav {
	display: none;
}


/* Example media queries */

@media screen and (max-width: 55.1875em){
	
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }

}

@media screen and (max-height: 26.375em){
	
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 240px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -240px;
    }

    .cbp-spmenu-right {
        right: -240px;
    }

    .cbp-spmenu-push-toright {
        left: 240px;
    }
}

/*Icons*/

img:hover[id^="signaler"],
img:hover[id^="photo"],
img:hover[id^="offrir"],
img:hover[id^="blacklist"],
img:hover[id^="loginmail"],
img:hover[id^="ami"] {
    -ms-filter: brightness(110%);
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    -o-filter: brightness(110%);
    filter: brightness(110%);
 }

img[id^="photo"] {
    box-shadow: 1px 1px 12px #999;
    border:3px solid white;
}

/*img[title="Membre abonné"] {
    width: 17px;

}

img[title="Membre gratuit débloqué"] {
    width: 17px;
} */


.li-check {
  list-style-type: none;
  font-size: 16px;
  padding-left: 5px;
}
.li-check:before{
  vertical-align : sub;
  content: url(https://img4.lieuxdedrague.fr/images/check.png);
}


/* ================================================================== */
/* Mobile breakpoint */
/* ================================================================== */

@media (min-width: 300px) and (max-width: 767px) {

/*@media (max-width: 479px) {*/

	/***** nouveau menu *****/
	.icone_menu_haut {
		display: none;
	}
	.li-menu-haut {
	text-align: center;
	margin-top: 0px;
	}
	/***** fin nouveau menu *****/
	
    /*HEADER*/

	.liste-dep {
	width: 100%;
	float: left;
	font-size : 130%;
	padding:6px;
	}
	.cadre_blanc_arrondi
	{
		max-width: 102%;
		margin-left :0px;
		margin-right :0px;
	}
    .cadre_smileys_chat
	{
		width: 100%;
	}
	.cadre_message_chat
	{
		width:100%;
	}
	.header-bg-mobile {
        height: 119px;
        background-size: 100%;
        position: relative;
        margin-bottom: 1%;

    }
	.headmessages
	{
		visibility: visible;
	}

    .info-icon {
        width: 15%;
        font-size: 1.2em;
        line-height: 2.3em;
    }


    .nav-collapse ul li{
        background: #D000D0;

    }

    .slider-container {
        height: 0;
    }



    .webcam-text {
        font-size: 0.701em;
        line-height: 0.95em;
        margin-left: 0;
        text-align: left;
    }



    .connexion-button {
        width: 20%;
        height: 30px;
        font-size: 70%;
        padding: 3px;
    }

    /* General styles for all menus */

    .cbp-spmenu {
        background: rgba(51,56,118,0.7);
        position: fixed;
        overflow: auto;
    }

    .box-top {
        height: auto;
        margin-left: 6px;
        padding-right: 6px;
        padding-bottom: 8px;
    }


    table, thead, tbody, th, td, tr, textarea {
        display: block;
    }

    textarea {
        width: 100%;
    }


    td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        padding-right: 10px;
        white-space: nowrap;
    }

    .adp-directions tr
    {
        display: block;
    }



    .cadre_arrondi_normal {

        /*margin-bottom: 15px;*/
        width: 99%;
        padding-top: 3px;
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 5px;

    }
    .float-left-on-mobile {
        float: left;
        margin-right: 15px;
    }

    .center-flex-on-mobile {
        display: flex;
        justify-content: center;

    }

    .parr-et-abonn {
        padding-top: 2px;
    }

    .button-abonnement {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .button-parrainage {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1px;

    }

    .titre-histoire {
        font-size: 1.875em;
    }

    .cadre_profil_mini {
       width: 49%;
    }

    .chercher-membres {
        width: 100%;
    }

/* ABONNEMENT*/

.abon-title {
    font-size: 2em;
}
.abon-title2 {
    font-size: 1.2em;
}


    .abon-table tr {
        display: block;
    }

    .abon-table td {
        display: block;

    }

    .abon-button-non {
        background-color: #d3d3d3;
    }


    td.abon-button-oui {
        background-color: palegreen;
    }

    .lang {
        position: absolute;
        z-index: 101;
        padding-top: 5px;
    }
    .img-lang {
        width: 25px;
        height: 25px;
        display: inline-block;
        margin-right: 8px;

    }

    .box-top
    {
        font-size:0.85em;
    }

    .post-body
    {
        font-size:0.75em;
        text-align: justify;
    }
    .posted-by {
        font-size: 0.9em;
        display: inline-block;
    }
    .post-time {
        display: inline-block;
        font-weight: 600;
        font-size: 0.72em;
    }
    .lieu-one {
        height: auto;
    }
	.miniprofil-mur
	{
		width:100%;
	}
	.img-pic{
	max-height: 80vw;
	}
	.row-pic {
 		width:100%;
	}
	.popup_signaler {
		width: 98%;
		position: absolute;
		left: 4px;
	}
	.boutonabo {
    	font-size: 2.2em;
	}
	.lien_nav {
		display: inline;
	}
}

/* ================================================================== */
/* Tablet breakpoint */
/* ================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
	
	/***** nouveau menu *****/
	.icone_menu_haut {
		display: none;
	}
	.li-menu-haut {
	text-align: center;
	margin-top: 0px;
	}
	/***** fin nouveau menu *****/
	
	.liste-dep {
	width: 100%;
	float: left;
	font-size : 130%;
	padding:6px;
	}
    .cadre_blanc_arrondi
	{
		max-width: 100%;
		margin-left :0px;
	}
	.cadre_smileys_chat
	{
		width: 27%;
	}
	.cadre_message_chat
	{
		width:71%;
	}
	.nav-collapse ul li {
        background: #D000D0;
        background: -moz-linear-gradient(#D000D0 0%, #900090 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D000D0),
        color-stop(100%, #900090));
        background: -webkit-linear-gradient(#D000D0 0%, #900090 100%);
        background: linear-gradient(#D000D0 0%, #900090 100%);
        height: 43px;

    }

    .webcam-text {
        font-size: 0.87em;
        margin-left: 0;
        text-align: center;
    }

    .cbp-spmenu-tablet {
        background: rgba(51, 56, 118, 0.7);
        position: fixed;
        overflow: auto;
    }

    .connexion-button {
        width: 20%;
    }

    .padding-left-zero {
        padding-left: 0;

    }
    .cadre_profil_mini {
        width: 49%;
    }
    .abon-table tr {
        display: block;
    }

    .abon-table td {
        display: block;
    }
    
	.miniprofil-mur
	{
		width:100%;
	}
	.img-pic{
		max-height: 80vw;
	}
	.row-pic {
 		width:100%;
	}
	.headmessages
	{
		visibility: hidden;
      display: none;
	}
	.boutonabo {
    	font-size: 2.2em;
	}
	.lien_nav {
		display: inline;
	}
}


/* ================================================================== */
/* Desktop breakpoint */
/* ================================================================== */
@media (min-width: 1025px) {

	.cadre_smileys_chat
	{
		width: 27%;
	}
	.cadre_message_chat
	{
		width:71%;
	}
	#cssmenu {
		padding-left: 5px;
	}

	.padding-left-zero {
		padding-left: 0;
	}

	.parr-et-abonn {
		margin-left: 80px;
	}

	.move-connexion-button {
		padding-left: 50px;
	}

	.webcam-text {
		margin-left: 100px;
	}

	.video-120 {
		width: 830px;
	}
	.img-pic{
		max-height: 600px;
	}
	.row-pic {
		width:75%;
		float:right;
	}
	.headmessages
	{
		visibility: hidden;
        display: none;
	}
	.popup_signaler {
		width: 340px;
		display: none;
		position: absolute;
	}
	.lien_nav {
		display: none;
	}
}