@charset "iso-8859-1";

@viewport {
  min-width: 1280px;
  max-width: 1280px;
}

span {
	margin:0;
	padding:0;
}

:root {
  --color-orange: #ff9900;
  --color-gray:#505559;
  --color-lightgray:#cccccc;
  --color-mediumgray:#999999;
  --color-green:#00b32d;
  --color-bordeau:#015369;
}

.ligneVote {
	position:relative;
	display:block;
	cursor:pointer;
	height:28px;
	background-color:#bbbbbb;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
	width:510px;
	margin-top:2px;
	margin-left:0px;
}

.navAlert {
	display:block;
	position:absolute;
	top:2px;
	left:2px;
	width:200px;
	height:56px;
	border-radius:8px;
	background-color:#ff0000;
	color:#ffffff;
	font-family: V2RFont,Arial;
	font-size:10pt;
	padding:8px;
	text-align:center;
	pointer-events:none;
	opacity:0;
	border:2px solid #ffffff;
}
.conteneurApercu {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:1200;
	background-color:#ffffff;
}

.forumpage_apercu_content {
	display:block;
	position:absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width:935px;
	margin-left:-467px;
	background-color:#ffffff;
	#white-space: pre-line;
	overflow:auto;
	padding:10px;
	border-left:1px solid #616161;
	border-right:1px solid #616161;
}

.apercuFermer {
	display:block;
	position:absolute;
	bottom:8px;
	width:500px;
	height:48px;
	line-height:48px;
	left:50%;
	margin-left:-250px;
	background-color:#eee;
	text-align:center;
	font-family: V2RFontBold,Arial;
	font-size:16pt;
	border-radius:10px;
	cursor:pointer;
}

.voirSujetLien{
	color:#9f1d3a;
	font-size:16pt;
	cursor:pointer;
}

.cadreSondage {
	background-color:#eee;
	padding:4px;
	width:520px;
}

.guirlande {
	display:block;
	width:300px;
	height:178px;
	position:absolute;
	top:0px;
	left:-10px;
	background-image: url("images/guirlande.png"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: contain; /* Resize the background image to cover the entire container */
	pointer-events:none;	
}

.citationBox
{
	display:block;
	border:1px solid #868695;
	background-color:#dbdbea;
	border-radius:4px;
	padding:5px;
	font-style:italic;
	font-size:8pt;
	margin-bottom:8px;
}

.ligneVote:hover {
	position:relative;
	display:block;
	cursor:pointer;
	#background-color:#00ff00;
	margin-top:2px;
	margin-left:6px;
}

.texteVote {
	position:absolute;
	top:3px;
	left:6px;
	color:#ffffff;
	text-shadow: 1px 1px 2px #000000;
	
}

.sondageCell {
	font-size:8pt;
	padding:2px;
	padding-left:8px;
	padding-right:8px;
}

.sondageCellHeader {
	font-size:8pt;
	padding:2px;	
	background-color:#00468c;
	color:#ffffff;
	padding-left:8px;
	padding-right:8px;	
}

.texteVotePourcent {
	position:absolute;
	top:3px;
	right:6px;
	color:#ffffff;
	text-shadow: 1px 1px 2px #000000;
}

.barVote {
	display:inline-block;	
	position:absolute;
	top:3px;
	left:3px;
	height:22px;
	background-color:#4c79ff;
	#border:1px solid #ffffff;
	text-align:right;
-webkit-box-shadow:  1px 1px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow:  1px 1px 2px 0px rgba(0,0,0,0.5);
box-shadow:  1px 1px 2px 0px rgba(0,0,0,0.5);
}

.titreSondage {
	font-family: V2RFontBold,Arial;
	border-bottom:1px solid #bbbbbb;
	text-align:left;
}

.soustitreSondage {
	font-size:8pt;
	margin-left:0px;
}

.pjinfos {
	font-size:8pt;
	font-family: V2RFontLight,Arial;
	margin-left:0px;
}

.conteneurPJ {
	display:block;
	position:relative;
	width:100%;
	background-color:#eee;
	margin-bottom:4px;
}

.conteneurPJ_text {
	display:inline-block;
	vertical-align:top;
	width:570px;
	font-size:10pt;
	font-family: V2RFontLight,Arial;
	background-color:#ffffff;
	padding:4px;
	margin:4px;
}

ul {
    list-style-position: inside;
}

.wTransition {
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

.wSlowTransition {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	#border:1px dashed #000000;
}

@font-face {
    font-family: V2RFont;
    src: url(OpenSans-Regular.ttf);
}

@font-face {
    font-family: V2RFontBold;
    src: url(OpenSans-Bold.ttf);
}

@font-face {
    font-family: V2RFontLight;
    src: url(OpenSans-Light.ttf);
}

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

.shadowSoft {
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.8);
}

body, html {
	height: 100%;
font-family: 'open_sansregular', sans-serif;
font-size:10pt; 
background-color:#ffffff; 
}

textarea {
    resize:none;
}

.inlineSpan
{
	display: inline-block;
	vertical-align:top;
}

.forumBody {
	margin:0px;
	padding:0px;
	height: 100%;
	width: 100%;
	overflow:auto;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-family: V2RFont,Arial;
}

.forumBodyEdition {
	margin:0px;
	padding:0px;
	height: 100%;
	width: 100%;
	overflow:hidden;
background-color: #dddddd; /* Old browsers */
#background: -moz-linear-gradient(top, #b8c6df 0%, #6d88b7 100%); /* FF3.6-15 */
#background: -webkit-linear-gradient(top, #b8c6df 0%,#6d88b7 100%); /* Chrome10-25,Safari5.1-6 */
#background: linear-gradient(to bottom, #b8c6df 0%,#6d88b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-family: V2RFont,Arial;
	font-size:12pt;
	border:1px solid #666666;
	font-family: V2RFontBold,Arial;
}

.notabena {
	display:inline-block;
	font-family: V2RFontLight,Arial;
	font-size:8pt;
	vertical-align:top;
	margin-left:8px;
	line-height:10pt;
	padding-top:7px;
	text-align:right;
	width:340px;
}

.radioLine {
	display:block;
	font-family: V2RFontLight,Arial;
	font-size:12pt;
	vertical-align:top;
}

.radioLineItem {
	display:inline-block;
	font-family: V2RFontLight,Arial;
	font-size:12pt;
	vertical-align:top;
	min-width:140px;
	
}

.moderation {
	font-family: V2RFontBold,Arial;
	font-size:10pt;
	color:#ff0000;
}

.contenerInputRapide {
	display:inline-block;
	width:140px;
	text-align:right;
	padding-right:8px;
	vertical-align:top;
}
.conteneurForum {
	width:100%;
	height:100%;
	overflow:scroll;
	position:fixed;
	top:0%;
	left:0%;
}

.bodyConteneurForum {
	width:1110px;
	position:absolute;
	top:0%;
	left:50%;
	margin-left:-550px;
	background-color:#dddddd;
	padding-left:10px;
}

conteneurForum::-webkit-scrollbar { 
    display: none; 
}

.zoneRecherche {
	position:absolute;
	bottom:4px;
	left:4px;
}

.zoneButtonSearch {
	display:block;
	position:absolute;
	bottom:4px;
	left:341px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#ffffff;
	font-size:8pt;
	font-family: V2RFontLight,Arial;
	padding      :0px;
	margin:0px;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}

.zoneSuivi {
	display:block;
	position:absolute;
	bottom:4px;
	right:4px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#ffffff;
	font-size:8pt;
	font-family: V2RFontLight,Arial;
	padding:0px;
	margin:0px;
	width:100px;
	height:16px;
	text-align:center;
	cursor:pointer;
}

.boutonNav {
	display:inline-block;
	position:relative;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#ffffff;
	font-size:10pt;
	font-family: V2RFont,Arial;
	padding:0px;
	margin:0px;
	#width:100px;
	#height:20px;
	text-align:center;
	cursor:pointer;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px;
	border-radius:4px;
	color:#414141;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-bottom:1px solid #414141;
	border-right:1px solid #414141;
	margin-right:4px;
	padding-left:8px;
	padding-right:8px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	
}

.boutonNav:hover {
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
	border-top:1px solid #414141;
	border-left:1px solid #414141;
	border-bottom:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0);

}

.conteneurEntete {
	width:1090px;
	height:180px;
	position:relative;
	margin-top:10px;
	overflow:hidden;
	margin-bottom:8px;
}

.conteneurEnteteTitle {
	position:absolute;
	left:115px;
	top:40px;
	color:var(--color-gray);
	font-size:16pt;
	font-family: V2RFontBold,Arial;
}

.conteneurEnteteUser {
	padding:0px;
	position:absolute;
	bottom:0px;
	right:4px;
	height:70px;
	width:300px;
	#cursor:pointer;
	background-color:#eeeeee;
}

.workIframe {
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	background-color:#ffffff;
	max-width:10px;
	max-height:10px;
	border:1px solid #000000;
}

.workIframe:hover {
	max-width:800px;
	max-height:600px;
}

.conteneurEnteteUserText {
	display: inline-block;
	vertical-align:top;
	margin-left:4px;
	padding:5px;
	font-size:12pt;
	color:var(--color-gray);
	font-family: V2RFontBold,Arial;
	text-align:left;
	margin-top:8px;
	overflow:hidden;
}

.conteneurEnteteUserTextInfos {
	font-size:7pt;
	color:var(--color-gray);
	margin:0px;
	padding:0px;
}

.lienEntete {
	color:#888888;
	cursor:pointer;
} 

.searchBox {
	padding:1px;
	margin:0px;
	font-size:9pt;
	width:240px;
	height:20px;
}

.forumActive {
	width:100%;
	height:100%;
	overflow:auto;
}

.conteneurTitrePages {
	position:relative;
	width:1090px;
	height:48px;
	padding:5px;
	background-color:var(--color-bordeau);
	color:#ffffff;
	font-family: V2RFontBold,Arial;
	vertical-align:center;
	font-size:22pt;
	line-height:38px;
	padding-left:10px;
}

.conteneurTitrePagesHalf {
	position:relative;
	display:inline-block;
	width:531px;
	height:48px;
	padding:5px;
	background-color:var(--color-bordeau);
	color:#ffffff;
	font-family: V2RFontBold,Arial;
	vertical-align:center;
	font-size:22pt;
	line-height:38px;
	padding-left:10px;
}

.conteneurPagesHalf {
	position:relative;
	display:inline-block;
	width:531px;
	margin-top:22px;
	vertical-align:top;
	#height:48px;
	#padding:5px;
	#background-color:var(--color-bordeau);
	#color:#ffffff;
	#font-family: V2RFontBold,Arial;
	#vertical-align:center;
	#font-size:22pt;
	#line-height:38px;
	#padding-left:10px;
}

.readArticle {
	#position:absolute;
	#bottom:4px;
	#right:24px;
	color:var(--color-bordeau);
	font-family: V2RFont,Arial;
	vertical-align:center;
	font-size:12pt;
	width:100%;
	text-align:right;
	margin-top:4px;
	padding-right:16px;
}

.conteneurPages {
	width:1090px;
	color:var(--color-gray);
	margin-top:10px;
	
}

.conteneurGroupe {
	position:relative;
	width:256px;
	height:200px;
	background-color:#eeeeee;
	margin:8px;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	border:1px solid #AAAAAA;
}

.conteneurGroupeImage {
	width:256px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:128px;
	margin-left:-128px;
}

.conteneurGroupeInfosBack {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	padding:8px;
	background-color:#000000;
	opacity:0;
}

.conteneurGroupeInfosText {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	padding:8px;
	opacity:0;
	color:#ffffff;
	font-family: V2RFontLight,Arial;
	font-size:12pt;
	text-align:left;
}

.conteneurGroupe:hover .conteneurGroupeText {
	top:100px;
}

.conteneurGroupe:hover .conteneurGroupeImage {
    -ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2);
}

.conteneurGroupe:hover .conteneurGroupeInfosBack {
	opacity:0.5;
}

.conteneurGroupe:hover .conteneurGroupeInfosText {
	opacity:1;
}

.conteneurGroupeText {
	width:100%;
	height:100px;
	top:152px;
	left:0%;
	position:absolute;
	background-color:#ffffff;
	margin:0px;
	padding:5px;
	font-size:12pt;
	font-family: V2RFontBold,Arial;
	-webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2);
}

.conteneurGroupeTextPetit {
	font-size:8pt;
	font-family: V2RFont,Arial;
}

.sujetsTable {
	width:1088px;
	border-collapse: collapse;
	table-layout: fixed;
}

.enteteSujets {
	font-size:12pt;
	font-family: V2RFontLight,Arial;
	color:var(--color-gray);
	border:1px solid var(--color-lightgray);
	padding:8px;
	padding-left:16px;
}

.enteteSujetsOptions {
	font-size:11pt;
	font-family: V2RFontLight,Arial;
	color:var(--color-gray);
	#border:1px solid var(--color-lightgray);
	padding:2px;
	padding-left:16px;
	background-color:#ffffff;
}

.colonneSujets {
	font-size:16pt;
	font-family: V2RFont,Arial;
	color:var(--color-gray);
	border:1px solid var(--color-lightgray);
	padding:12px;
	text-align:left;
}

.cadrePhotoSujets {
	max-height:70px;
	border:1px solid #444444;
	border-radius: 3px;
}

.groupesInfos {
	display:inline-block;
	font-size:8pt;
	font-family: V2RFont,Arial;
	padding-left:6px;
}

.colonnesSujetsInfos {
	font-size:8pt;
	font-family: V2RFont,Arial;
	color:var(--color-gray);
	font-style:italic;
}

.colonnesSujetsInfosLast {
	font-size:8pt;
	font-family: V2RFont,Arial;
	color:var(--color-gray);
	font-style:italic;
	padding-top:5px;
}

.colonnesSujetsInfosNonLu {
	font-size:7pt;
	font-family: V2RFontLight,Arial;
	color:var(--color-gray);
	font-style:italic;
	padding-top:5px;	
}

.colonnesSujetsInfosNonLuBold {
	font-size:16pt;
	font-family: V2RFontBold,Arial;
	color:var(--color-gray);
	font-style:italic;
	padding-top:5px;
}

.enteteSujetLigne {
	background-color:#ffffff;
}

.colonnesSujetLigne {
	background-color:#ffffff;
}

.colonnesSujetLigneA {
	background-color:#ffffff;
}

.colonnesSujetLigneB {
	background-color:#eeeeee;
}

.colonnesSujetLignePrioA {
	background-color:#ffffff;
}

.colonnesSujetLignePrioB {
	background-color:#eeeeee;
}

.hoverSujets {
	cursor:pointer;
}

.lienSujet {
	color:var(--color-gray);
	#text-shadow: 1px 1px 2px #AAAAAA;
	padding-left:0px;
	font-family: V2RFontBold,Arial;
}

.lienSujetGroupe {
	color:#000000;
	#text-shadow: 1px 1px 2px #AAAAAA;
	padding-left:2px;
	font-size:12pt;
	font-family: V2RFont,Arial;
	width:100%;
	border-bottom:1px solid #bbbbbb;
	padding-bottom:2px;
	margin-bottom:2px;
}

.hoverSujets:hover .readArticle {
	#text-shadow: 0px 0px 3px #ffffff;
	padding-right:0px;
}

.colonnesSujetLigneMessage {
	background-color:#ffffff;
}

.colonnesSujetLigneMessageA {
	background-color:#eeeeee;
}

.lienRetourGroupes {
	position:absolute;
	font-size:8pt;
	font-family: V2RFont,Arial;
	color:#ffffff;
	right:8px;
	top:0px;
	padding:0px;
	margin:0px;
	height:48px;
	line-height:48px;
	cursor:pointer;
	padding-left:0px;
}

.boldTitleInfos {
	position:absolute;
	right:8px;
	font-size:8pt;
	font-family: V2RFontLight,Arial;
	color:#ffffff;
	padding:0px;
	margin:0px;
}

.lienAnchorGroupes {
	position:absolute;
	font-size:8pt;
	font-family: V2RFontLight,Arial;
	color:#ffffff;
	right:8px;
	top:15px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}

.lienRetourGroupes:hover {
	color:#ffffff;
}

.lienAnchorGroupes:hover {
	color:#EEEEEE;
	right:4px;
}

.colonnesSujetsMessages {
	font-size:12pt;
	font-family: V2RFont,Arial;
	text-align:justify;
	margin-top:8px;
	padding-top:5px;
}

.lienOptions {
	display:inline-block;
	position:relative;
	cursor:pointer;
	color:#000000;
}

.lienOptions:hover {
	cursor:pointer;
	color:#ffffff;
}

.piecejointe {
	display:block;
	position:relative;
	width:100%;
	font-family: V2RFont,Arial;
	font-size:12pt;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#ffffff;
	font-size:10pt;
	font-family: V2RFont,Arial;
	border:1px solid #414141;
	border-radius:4px;
	padding:4px;
	margin-top:16px;
	cursor:pointer;
	text-align:center;
}

.piecejointe:hover {
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #0e0e0e 0%, #7d7e7d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0e0e0e 0%,#7d7e7d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0e0e0e 0%,#7d7e7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.conteneurEdition {
	position:fixed;
	top:-650px;
	left:50%;
	margin-left:-400px;
	width:800px;
	height:630px;
	font-size:12pt;
	font-family: V2RFont,Arial;
	background-color:#eeeeee;
	z-index:10;
}

.closeEdition {
	position:absolute;
	top:14px;
	right:14px;
	width:10px;
	height:10px;
	#border:1px solid #000000;
	#border-radius:8px;
	#background-color:#ff0000;
	cursor:pointer;
	background-image: url("images/delete.png"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */	
}

.smyleysBar {
	display:block;
	position:relative;
	width:100%;
	height:24px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background-color:#eee;
	margin-bottom:4px;
	padding:2px;
	text-align:right;
	font-family: V2RFont,Arial;
	font-size:10pt;
	vertical-align:top;
}

.inputTxt {
	width:100%;
	font-size:12pt;
	font-family: V2RFont,Arial;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #444444;
	border-left:1px solid #444444;
	background-color:#ffffff;
	padding:3px;
}

.inputArea {
	width:100%;
	height:200px;
	font-size:12pt;
	font-family: V2RFont,Arial;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #444444;
	border-left:1px solid #444444;
	background-color:#ffffff;
	padding:3px;
	resize:none;
}

.inputBtn {
	width:150px;
	height:32px;
	border:1px solid #000000;
	text-align:center;
	line-height:32px;
	background-color:#eeeeee;
	cursor:pointer;	
}

.inputBtn:hover {
	background-color:#ffffff;
}

.lienTextuel {
	display:inline-block;
	font-size:8pt;
	font-family: V2RFontLight,Arial;
	cursor:pointer;
	color:var(--color-mediumgray);
}

.lienTextuel:hover {
	color:#000000;
}

.nomRedacteur {
	position:relative;
	color:var(--color-gray);
	font-size:10pt;
	font-family: V2RFontLight,Arial;
}

.messagesSeparation {
	position:relative;
	background-color:var(--color-bordeau);
	padding:8px;
	margin:0px;
	color:#ffffff;
	font-size:14pt;
	font-family: V2RFontLight,Arial;
}

.zoneTexteForum {
	position:absolute;
	bottom:-9px;
	left:134px;
	color:var(--color-bordeau);
	font-size:78pt;
	font-family: V2RFontBold,Arial;
	cursor:pointer;
}

.messageLu {
	margin:0px;
	font-size:8pt;
	font-family: V2RFontLight,Arial;
}

.groupeIconNotRead {
	position:absolute;
	top:0px;
	left:0px;
	width:64px;
	height:64px;
	background-image:url(images/nonLuVide.png);
	background-size: 64px 64px;
	opacity:1;
}

.groupeIconNotReadText {
	position:absolute;
	top:0px;
	left:0px;
	font-size:14pt;
	font-family: V2RFontBold,Arial;
	width:30px;
	height:30px;
	color:var(--color-gray);
	text-align:center;
	line-height:30px;
	text-shadow: 1px 1px 2px #AAAAAA;
}

.conteneurPhoto {
	position:relative;
	width:100%;
	height:100%;
}

.iconNonlu {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	opacity:0.65;
	background-image:url(images/tag32.png);
	background-size: 16px 16px;	
	bottom:-8px;
	left:-8px;
}

.iconPrio {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	opacity:0.65;
	background-image:url(images/pin.png);
	background-size: 16px 16px;	
	top:-8px;
	left:-8px;
}

.iconHot {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	opacity:0.65;
	background-image:url(images/follow.png);
	background-size: 16px 16px;	
	bottom:-8px;
	left:-8px;
}

.iconPrivate {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	opacity:0.65;
	background-image:url(images/notAllowed.png);
	background-size: 16px 16px;	
	bottom:-8px;
	right:-8px;}

.iconSuivi {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	opacity:0.65;
	background-image:url(images/loupe.png);
	background-size: 16px 16px;	
	bottom:-8px;
	right:-8px;
}

.iconLock {
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	opacity:0.65;
	background-image:url(images/locked.png);
	background-size: 16px 16px;	
	top:-8px;
	right:-8px;
}

.boldTitle {
	font-size:22pt;
	font-family: V2RFontBold,Arial;
}

.navigation {
	position:fixed;
	bottom:10px;
	left:50%;
	margin-left:-16px;
	width:32px;
	height:32px;
	background-image:url(images/top.png);
	background-size: 32px 32px;
	opacity:0;
	cursor:pointer;
}

.closeBubble {
	position:absolute;
	top:0px;
	right:0px;
	width:8px;
	height:8px;
	background-image:url(images/crossout.png);
	background-size: 8px 8px;
	cursor:pointer;
}

.bubble {
	display:block;
	position:absolute;
	visibility:visible;
	top:-24px;
	left:0px;
	background-color:#eeeeee;
	border:1px solid #222222;
	border-radius:2px;
	height:32px;
	line-height:14px;
	color:#000000;
	padding-left:6px;
	padding-right:6px;
	width:150px;
	text-align:center;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);	
	-webkit-animation: 10s ease 0s normal forwards 1 fadein;
    animation: 10s ease 0s normal forwards 1 fadein;	
	pointer-events: none;
}

.bubble:after {
	position:absolute;
  border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0,0,0,.75); 
  content: '';
  height: 0;
    top:31px;
    left: 22px;
  width: 0;
  pointer-events: none;
}

@keyframes fadein{
    0% { opacity:0;transform: scale(2.0); }
    25% { opacity:1;transform: scale(1.0); }
    50% { opacity:1;transform: scale(1.0); }
    75% { opacity:1;transform: scale(1.0); }
    100% { opacity:1;transform: scale(1.0); }
}

@-webkit-keyframes fadein{
    0% { opacity:0;-webkit-transform: scale(2.0); }
    25% { opacity:1;-webkit-transform: scale(1.0); }
    50% { opacity:1;-webkit-transform: scale(1.0); }
    75% { opacity:1;-webkit-transform: scale(1.0); }
    100% { opacity:1;-webkit-transform: scale(1.0); }
}

.WAITINGOPAQUE {
	background-color:#000000;
	opacity: 0.3;
	color:#000000;
	margin:0px;
	padding:0px;
	font-family: open_sanslight,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:8pt;
	position: absolute;
	top: 0px;
	left: 0px;
	right:0px;
	bottom: 0px;
	text-align:center;
	vertical-align:center;
	display:none;
	z-index:10;
}

.sk-fading-circle {
  width: 160px;
  height: 160px;
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-80px;
  margin-top:-80px;
  #bottom:16px;
  #left:16px;
}

.sk-fading-circle-mini {
  margin-top:0px;
  margin-left:0px;
  width: 64px;
  height: 64px;
  position: absolute;
  top:0%;
  left:0%;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.logHead {
	background-color:#ddd;
	padding:4px;
	font-size:10pt;
}
.logLine {
	padding:4px;
}

.mailFrame {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	height:256px;
}

.linkSociauxDiv {
	margin-bottom:10px;
}

.linkSociaux {
	text-decoration:none;
	color:#000;
}

.linkSociaux:hover {
	text-decoration:underline;
	color:#000;
}