@charset "iso-8859-1";

/* ------------------------------------------------------------ */
/*                                                              */
/*   Sommaire                                                   */
/*                                                              */
/*     0 - Parser                                               */
/*     1 - Reset                                                */
/*     2 - Balises Titres + Liens                               */
/*     3 - Structure                                            */
/*     4 - Formulaire                                           */
/*     5 - Navigation                                           */
/*     6 - Login zone                                           */
/*     7 - Widgets                                              */
/*     8 - Communaute                                           */
/*     9 - Annuaire                                             */
/*    10 - Wiki                                                 */
/*    11 - Catalogue                                            */
/*    12 - Recherche                                            */
/*    13 - Font-face                                            */
/*    14 - Icônes stock                                         */
/*    15 - Tricks                                               */
/*    16 - Cropper                                              */
/*    17 - Présentation comptes tests                           */
/*                                                              */
/*                                     MEDIALIBS - Julien PEGE  */
/*                                                              */
/* ------------------------------------------------------------ */

/* ---------------------------------------- */
/* 0 - PARSER                                */
/* ---------------------------------------- */
#colorsDefinition {
	/** Texte normal */
	color: #666666;

	/** Titres et couleurs boutons */
	color: #cc0033;

	/** Background entête */
	background: #999999;

	/** Background menu */
	background: #555555;

	/** Background pied de page */
	background: #333333;
}

/* ---------------------------------------- */
/* 1 - RESET                                */
/* ---------------------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html { font-size: 62.5%; }
body {
	background:#cc0033;
	color: #666666;
	font-family:  'Roboto', arial, sans-serif;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p, ul,
ol, dl,
blockquote, pre,
td, th,
label, textarea,
caption, details,
figure {
	margin: .75em 0 0;
	line-height: 1.5;
}
h1, .h1-like {
	margin: 0;
	font-size: 1.8em; /* equiv 32px */
	line-height: 1.3126;
}
h2, .h2-like {
	margin: 0.75em 0 0;
	font-size: 1.5em; /* equiv 28px */
	line-height: 1.3;
	font-weight:500;
}
h3, .h3-like {
	margin: 0.875em 0 0;
	font-size: 1.4em; /* equiv 24px */
	line-height: 1.75;
}
h4, .h4-like {
	margin: 1.05em 0 0;
	font-size: 1.3em; /* equiv 20px */
	line-height: 1.05;
}
h5, .h5-like {
	margin: 1.1667em 0 0;
	font-size: 1.0em; /* equiv 18px */
	line-height: 1.1667;
}
h6, .h6-like {
	margin: 1.3125em 0 0;
	font-size: 1.1429em; /* equiv 16px */
	line-height: 1.3125;
}

/* alternate font-sizing */
.smaller { font-size: .7143em; /* equiv 10px */ }
.small   { font-size: .8571em; /* equiv 12px */ }
.big     { font-size: 1.1429em; /* equiv 16px */ }
.bigger  { font-size: 1.2857em; /* equiv 18px */ }
.biggest { font-size: 1.4286em; /* equiv 20px */ }

/* soft reset */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
ul, ol { padding-left: 0; }
ul.unstyled { list-style: none; }
code, pre,
samp, kbd {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
	line-height: 1em;
}
code, kbd, mark { border-radius: 2px; }
em { font-style: italic; }
strong { font-weight: 600; }
kbd {
	padding: 0 2px;
	border: 1px solid #999;
}
code {
	padding: 2px 4px;
	background: rgba(0,0,0,.04);
	color: #b11;
}
mark {
	padding: 2px 4px;
	background: #ff0;
}
sup, sub {
	position: relative;
	vertical-align: 0;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
p:first-child, ul:first-child,
ol:first-child, dl:first-child,
blockquote:first-child, pre:first-child,
h1:first-child, h2:first-child,
h3:first-child, h4:first-child,
h5:first-child, h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p, li ul, li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; }

/* pictures */
img { vertical-align: middle; }

/* Google Gmap3 bug fix on images */
:not(.gm-style) img { heigth: auto !important; }
.ie678 .gm-style img { height: 100%;  /* IE678 hack */ }
.gm-style img, .gmnoscreen img, .gmnoprint img { max-width: none !important; }
a img { border: 0; }

/* scripts */
body > script { display: none !important; }

/* skip-links */
.skip-links { position: absolute; }
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	color: #fff;
	text-decoration: none;
	background: #000;
}
.skip-links a:focus { position: static; }
hr { margin: 0; }

/* ---------------------------------------- */
/* 2 - BALISES TITRES + LIENS               */
/* ---------------------------------------- */
h1 {
	margin-bottom: 15px;
	font-weight: 300;
	color: #cc0033;
}

.accueil h2, .accueil .h2-like {
	font-size: 2.4em; /* equiv 28px */
	line-height: 1.5;
}
h3 {
	display: block;
	padding: 0 25px 5px 10px;
	margin: 15px -25px 15px 0;
	font: normal 16px 'Open Sans', Arial, sans-serif;
	color: #444;
	border-bottom: 1px solid #999;
	width: 100%;
}
h4 {
	margin-bottom: 15px;
	font-weight: 300;
	color: #cc0033;
}
#rightbar h4 {
	margin-top: 20px;
	font-weight: 700;
	color: #000;
}
h5 {
	font-weight: 600;
	color: #cc0033;
}
a {
	/** Couleur de lien */
	color: #cc0033;
	text-decoration: none;
}

.box-logo{
margin:0 35px;
}

/* ---------------------------------------- */
/* 3 - STRUCTURE                            */
/* ---------------------------------------- */
header {
	height: 80px;
	color: #fff;
	background:#fff;
}
header a {
	color: #fff;
	text-decoration: none;
}
header #logo { margin: 17px 50px 0 0; }
header #logo a {
	display: block;
	width: 120px;
	height: 40px;
	/** Logo du site */
	background: url(/modeles/fr/Modele1/css/../images/votre_logo.png) no-repeat;
	text-indent: -9999px;
}
header h4 { display: none; }
#headerInner { height: 80px; }
nav {
	height: 60px;
	font-size: 14px;
	color: #ffffff;
	background: #cc0033;
	clear: both;
}
nav a { font-weight: normal; }
#wrapper { background: #fff url(/modeles/fr/Modele1/css/../images/bg_wrapper.jpg) center top repeat-y; }

#wrapperInner {}
#leftbar {}
#container {
	float: left;
	width: 780px;
	padding-right: 25px;
	margin-top: 20px;
	min-height: 600px;
}
#rightbar {
	float: right;
	width: 320px;
	padding: 20px;
	font-size: 12px;
	min-height: 600px;
}
#rightbar > div > h4 { margin-top: 40px; }
footer {
	padding: 10px 0;
	color: #fff;
	background: #cc0033;
}
footer #logoFooter {
	width: 120px;
	height: 40px;
	/** Logo du footer */
	background: url(/modeles/fr/Modele1/css/../images/votre_logoFooter.png);
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {}

.breadcrumb {
	padding: 0 0 10px;
	font-size: 12px;
}
.breadcrumb a {
	font-weight: 600;
	color: #cc0033;
}
#article, #articlesList { padding: 0 0 25px; }
.accueil .breadcrumb, .socialZone, .articleAction { display: none; }

/* Passage au Model Box */
/* switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

/* ---------------------------------------- */
/* 4 - FORMULAIRES                          */
/* ---------------------------------------- */
fieldset {
	padding: 0 0 25px;
	margin: 0;
	border: none;
}
label {
	display: inline-block;
	width: 210px;
}
input {	margin: 0; }
input[type="text"], input[type="password"], textarea {
	width: 450px;
	padding: 5px;
	outline: none;
	resize: none;
	font: normal 12px 'Open Sans', Arial, sans-serif;
	border: 1px solid #ccc;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	/** Couleur de champ sélectionné */
	background: #e6f8ff;
}
fieldset .info {
	font-size: 12px;
	color: #999;
}
fieldset p.info { margin: 10px 0 20px; }

/* ---------------------------------------- */
/* 5 - NAVIGATION                           */
/* ---------------------------------------- */
#smart-toggle { display: none; }
nav ul { list-style-type: none; }
nav > ul > li {
	float: left;
	height: 60px;
	line-height: 60px;
}
nav a {
	display: block;
	width: 100%;
	padding: 0 50px;
	color: #eee;
	text-align: center;
	text-decoration: none;
}
nav a:hover { color: #fff; }
nav .secondLevel {
	position: relative;
	z-index: 100;
	display: none;
	background: #fff;
	border: 2px solid #777;
	border-top: none;
}
nav ul li:hover > .secondLevel {display: block; }
nav ul li:hover > .secondLevel li a {
	display: block;
	padding: 0 10px;
	line-height: 30px;
	color: #999;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
nav ul.firstLevel > li.active {
	color: #cc0033;
	background: #fff;
	border: 5px solid #cc0033;
	border-bottom: none;
}
nav ul.firstLevel > li.active > a {
	height: 55px;
	color: #cc0033;
}
nav ul li:hover > .secondLevel li:last-child a { border-bottom: none; }
nav ul li > .secondLevel li a:hover {
	color: #fff;
	background: #999;
}

/* ---------------------------------------- */
/* 6 - LOGIN ZONE                           */
/* ---------------------------------------- */
.loginPage #wrapper {
	padding-bottom: 150px;
	background: #fff;
}
.loginPage #wrapperInner { width: 100%; }
.loginPage #logo { margin-top: 17px; }
.loginPage .breadcrumb, #error_page,
.loginPage .socialZone, .loginPage nav ul,
.loginPage #rightbar, .logoMedialibs { display: none; }
.loginPage .logoMedialibs, .myLogin .logoMedialibs {
	display: block;
 	width: 500px;
	height: 170px;
	margin: 0 auto;
	padding: 20px 0 30px;
	/** Logo de connexion */
	background: url(/modeles/fr/Modele1/css/../images/votre_logo-big.png);
	background-position: 0 20px;
	background-repeat: no-repeat;
}
.loginPage fieldset { padding: 0 0 10px; }
.loginPage footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
}
.loginPage #container {
	float: none;
	width: auto;
	margin: 0 auto;
	padding: 0;
}
.accountAuthentificationSubscription { font-size: 12px; }
.accountAuthentificationSubscription:hover { text-decoration: underline; }

/* Page inscription */
#accountSubscription h1 { font-size: 30px; }
#accountSubscription input[type="text"] ,
#accountSubscription input[type="password"] {
	width: 60%;
	margin-bottom:10px;
}
#accountSubscription .submit {
	width: 470px;
	text-align: right;
}

.confirmation_validation {
	width: 980px;
	margin: 0 auto;
	padding: 50px 0;
}

/* ---------------------------------------- */
/* 7 - WIDGETS                              */
/* ---------------------------------------- */
#accountAuthentificationForm, #accountSubscription {
	display: block!important;
	width:600px;
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
}

#accountSubscription .row,
#accountAuthentificationForm .row{
	text-align: left;
	clear: both;
	min-height:30px;
}
#accountAuthentificationForm h4 { display: none; }
#accountAuthentificationForm input[type="text"], #accountAuthentificationForm input[type="password"] { width: 100%; }
#accountAuthentificationForm label, #accountSubscription label {
	margin-bottom: 10px;
	font-size: 16px;
	float: left;
	margin:0;
	width: 40%;
}
#accountSubscription .multi_radio ,
#accountAuthentificationForm .multi_radio{
	display: inline-block;
	width: 25%;
	line-height: 30px;
}#accountSubscription .multi_radio label,
#accountAuthentificationForm .multi_radio label{
	width: auto;
}
#accountAuthentificationForm input[type="text"], #accountAuthentificationForm input[type="password"] {
	height: 30px;
	padding: 0 5px;
	font: 300 14px/30px 'Open Sans', Arial, sans-serif;
}
#accountAuthentificationForm input[type="text"], #accountAuthentificationForm .rememberMe { margin-bottom: 25px; }
#accountAuthentificationForm .submit {
	background: #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#accountAuthentificationForm .submit input, #accountSubscription .submit input {
	height: 40px;
	margin: 0;
	padding: 0 30px;
	font: 300 14px/40px 'Open Sans', Arial, sans-serif;
	color: #fff;
	background: #cc0033;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
#accountAuthentificationForm .rememberMe label { font-size: 12px; }
#accountAuthentificationForm .lostPassword {
	float: right;
	height: 40px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 40px;
	color: #999;
	text-decoration: none;
}
#accountAuthentificationForm .lostPassword:hover { color: #cc0033; }
.wSearch {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 460px;
	padding: 20px 35px;
}
.wSearch input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font: normal 14px/45px 'Open Sans', Arial, sans-serif;
	color: #5d5d5d;
-moz-box-shadow: inset 0px 0px 10px 0px #c0c0c0;
-webkit-box-shadow: inset 0px 0px 10px 0px #c0c0c0;
-o-box-shadow: inset 0px 0px 10px 0px #c0c0c0;
box-shadow: inset 0px 0px 10px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
	border:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wSearch .submit {
	position: absolute;
	top: 26px;
	right: 40px;
	z-index: 2;
}
.wSearch .submit input {
	display: block;
	width: 30px;
	height: 30px;
	background-position: 5px -125px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	transition: opacity .3s linear;
	background-color:#fff;
	-webkit-transition: opacity .3s linear;
}
.wSearch .submit input:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}

::-webkit-input-placeholder { color: #5d5d5d; }
:-moz-placeholder { /* Firefox 18- */ color: #5d5d5d; }
::-moz-placeholder {  /* Firefox 19+ */ color: #5d5d5d; }
:-ms-input-placeholder { color: #5d5d5d; }

/* Compte dans le header */
header .widgetLogin {
	position: relative;
	float: right;
	width: 230px;
	height: 80px;
	padding: 25px 50px 25px 55px;
	margin-left: 65px;
	line-height: 16px;
	background: #cccccc url(/modeles/fr/Modele1/css/../images/bg_arrow.png) 195px 37px no-repeat;
	cursor: pointer;
}
header .widgetLogin span{
	color:#cc0033;
}
header .widgetLogin .widgetLoginPicture {
	position: absolute;
	top: 8px;
	left: -32px;
	display: block;
	width: 64px;
	height: 64px;
	background: #fff;
	border: 3px solid #cc0033;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	overflow: hidden;
}
header .widgetLogin .widgetLoginPicture img {
	border-radius: 29px;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
}
.widgetLoginConnect { line-height: 30px; }
.widgetLoginConnect a:hover { text-decoration: underline; }
header .widgetLogin .widgetLoginWork {
	display: block;
	font-size: 12px;
	color: #bbb;
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
header .widgetLogin .widgetLoginLinks {
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	display: none;
	width: 100%;
	background: #fff;
	border: 2px solid #ccc;
	border-top: none;
	transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
}
header .widgetLogin .widgetLoginLinks a {
	display: block;
	padding-left: 15px;
	font-weight: normal;
	line-height: 40px;
	color: #999;
	border-bottom: 1px solid #ccc;
}
header .widgetLogin .widgetLoginLinks a:last-child { border: none; }
header .widgetLogin .widgetLoginLinks a:hover {
	color: #fff;
	background: #999;
}
.socialNetworkConnect { padding-top: 10px; }
a.facebookConnect, a.twitterConnect, a.googleConnect {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	height: 31px;
	font: normal 12px/30px 'Roboto', 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #5f78ab;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.twitterConnect {
	background-color: #55acee;
	border-color: #4998d5;
}
a.googleConnect {
	background-color: #cc3732;
	border-color: #b62b26;
}
a.facebookConnect:hover { background-color: #6895c4; }
a.twitterConnect:hover  { background-color: #6bcbf8; }
a.googleConnect:hover   { background-color: #e94d48; }
a.facebookConnect .iconSocialNetwork, a.twitterConnect .iconSocialNetwork, a.googleConnect .iconSocialNetwork {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(/common_images/skins/DefaultSkins1.5/icon_socialNetworks.png) 0 0 no-repeat;
}
a.twitterConnect .iconSocialNetwork { background-position: -30px 0; }
a.googleConnect .iconSocialNetwork  { background-position: -60px 0; }
a.facebookConnect > span, a.twitterConnect > span, a.googleConnect > span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
a.facebookConnect > span { border-left: 1px solid #405a91; }
a.twitterConnect > span { border-left: 1px solid #4998d5; }
a.googleConnect > span { border-left: 1px solid #b62b26; }
a.googleConnect iframe { display: none; }

/* Dernières actualités */
.wNews, .wDiapo { padding: 0 0 20px; }
.wNews .widgetContainer, .wDiapo .widgetContainer {
	/*height: 200px;*/
	border: 1px solid #ccc;
	overflow: hidden;
}
.wDiapo .emBehaviorNivoSlider {
	width: 100%!important;
	height: 200px!important;
}
.wDiapo .emBehaviorNivoSlider a img { width: 750px; }
.wDiapo .nivo-directionNav a {
	top: 50%;
	margin-top: -25px;
}
.wNews .news {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 100%;
	height: 200px;
	margin-right: 15px;
}
.wNews .news h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	margin: 0;
	padding-left: 10px;
	font-size: 12px;
	line-height: 30px;
	background: #7f7f7f;
	background: rgba(0,0,0,.5);
	border: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.wNews .news:first-child h3 {
	height: 40px;
	font-size: 16px;
	line-height: 40px;
}
.wNews .news h3 a {
	font-weight: 300;
	color: #fff;
	text-decoration: none;
}
.wNews .widgetLastElementsDescription, .wNews .widgetLastElementsLink { display: none; }
.wNews .news .widgetLastElementsPicture img { max-width: 100%; }

/* Billets */
.wBillets { padding: 0 0 15px; }
.wBillets .widgetHighlightPost {
	padding: 5px;
	margin: -5px -5px 5px -5px;
	cursor: pointer;
}
.wBillets .widgetHighlightPost:hover { background: #e1e1e1; }
.wBillets .widgetHighlightPost .author, #list_comments .author { display: inline; }

/* Derniers articles du wiki */
.wLastArticles .news {
	margin: -5px -5px 5px -5px;
	padding: 5px;
	cursor: pointer;
}
.wLastArticles .news:hover { background: #e1e1e1; }
.wLastArticles .widgetLastElementsPicture, .wBillets .widgetTagCloudThumbnail {
	width: 65px;
	height: 65px;
	margin-right: 10px;
	line-height: 65px;
	background-position: -130px -1110px;
	border: 1px solid #ccc;
}
.wLastArticles .widgetLastElementsDescription {
	height: 32px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wLastArticles .infos, .wBillets .infos { color: #bbb; }
.wBirthday .remainBirthday {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 10px;
	color: #bbb;
}
.wTags a {
	display: inline-block;
	padding: 2px 6px;
	margin-bottom: 5px;
	color: #999;
	background: #e1e1e1;
	border-radius: 3px;
}
.wTags a:hover {
	color: #fff;
	background: #cc0033;
}
.wLastArticles .widgetLastElementsLink, .wBillets .widgetTagCloudDate, .wBirthday .person > div:nth-child(2),
.wBillets .linksmore, .wBillets .BlogCommentsLink, .wBillets .BlogRating, .wBillets .BlogCommentsDate { display: none; }

/* ---------------------------------------- */
/* 8 - COMMUNAUTE                           */
/* ---------------------------------------- */
.communityEvent {
	height: 80px;
	padding: 25px 20px;
}
#notificationWidget {
	border-left: 1px solid #cc0033;
	border-right: 1px solid #cc0033;
}
#contactsWidget { padding: 25px 0; }
#contactsWidget .contacts_number, #messageWidget .message_number, #notificationWidget .notification_number {
	position: absolute;
	top: 25px;
	right: -5px;
	padding: 2px 4px;
	font: normal 10px Arial, sans-serif;
	color: #fff;
	text-align: center;
	background: #4a4a4a;
}
#notificationWidget .notification_number, #messageWidget .message_number { right: 15px; }
.eventsDetail {
	position: absolute;
	top: 70px;
	left: 15px;
	z-index: 100;
	display: none;
	width: 300px;
	padding: 5px;
	font-size: 12px;
	color: #666;
	background: #fff;
	border: 2px solid #a6a6a6;
}
.eventsDetail .listContacts {
	height: 250px;
	padding: 0;
	overflow: scroll;
}
.eventsDetail .person a { width: 40px; }
.eventsDetail a {
	display: block;
	width: 225px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eventsDetail .arrow {
	position: absolute;
	top: -15px;
	left: 5px;
	z-index: 2;
	display: block;
	width: 25px;
	height: 15px;
	background: url(/modeles/fr/Modele1/css/../images/bg_arrow2.png);
}
.eventsDetail > div, .eventsDetail .listContacts > div {
	height: 50px;
	padding: 5px;
	cursor: pointer;
}
.eventsDetail > div.infoMessage {
	padding: 0 5px;
	height: 0;
}
.eventsDetail > div:hover:not(.arrow, .infoMessage), .eventsDetail a.noTalk:hover { background: #eee; }
.eventsDetail a.noTalk {
	width: 100%;
	height: 50px;
	padding: 5px;
	font-size: 12px;
	cursor: pointer;
}
.eventsDetail .person {
	float: left;
	width: 50px;
	height: 40px;
}
.eventsDetail .person .personName { display: none; }
#contactsWidget .eventsDetail {	left: -5px; }
#postStatut {
	padding: 5px 5px 0;
	margin: -5px -5px 0;
	background: #f1f1f1;
}
#postStatut textarea {
	height: 26px;
	margin: 0 4px 0 0;
	width: 245px;
}
#postStatut textarea:focus {
	height: 120px;
	resize: none;
}
#postStatut input {
	width: 30px;
	background-color: #ccc;
	background-position: -91px -211px;
	text-indent: -9999px;
	outline: 0;
}
#postStatut .pleaseWait {
	position: absolute;
	top: 5px;
	right: 7px;
	display: block;
	width: 32px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background: #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#postStatut .pleaseWait img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
}

/* Personne */
#rightbar .person, #membersList .person {
	position: relative;
	padding: 5px;
	margin: -5px;
	min-height: 50px;
}
#rightbar .person:hover, #membersList .person:hover { background: #e1e1e1; }
.author, .resumeName {
	display: inline;
	color: #444;
	line-height:16px; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.personName{
line-height:18px;
margin:10px 0;
font-size: 12px;
text-align: center;
color:#cc0033;
}
.personImg {
	float: left;
	margin-right: 10px;
	display: block;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
}

/* Mur d'activités */
.form_wall + .selectOrder {
	height: 40px;
	padding: 10px;
	margin-bottom: 10px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}
.form_wall + .selectOrder label {
	float: none;
	margin-top: 0;
	padding-right: 10px;
}
#divwall_message {
	background: #fff;
	border: 1px solid #c1c1c1;
}
#divwall_message .person .personName { display: none; }
#divwall_message textarea {
	margin: 0;
	resize: none;
}
#divwall_message .personImg { margin: 10px; }
#divwall_message #wall_message {
	display: block;
	width: 100%;
	height: 40px;
	padding: 13px 5px 5px;
	font: normal 14px/20px 'Open Sans', Arial, sans-serif;
	border: 1px solid #c1c1c1;
}
#divwall_message .divwall_textarea {
	position: relative;
	float: right;
	display: block;
	vertical-align: top;
	width: 693px;
	width: 92%;
	min-height: 60px;
	padding: 10px 10px 10px 0;
}
.informationMaxLength {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	display: none;
	height: 20px;
	padding: 0 5px;
	font-size: 11px;
	line-height: 20px;
	color: #bbb;
	background: #f6f6f6;
	border: 1px solid #ccc;
}
#divwall_message #wall_message:focus { height: 130px; }
#divwall_message .displayedIfCommentEditing {
	clear: both;
	background: #f1f1f1;
	border-top: 1px solid #c1c1c1;
}
#divwall_message .pictures {
	float: left;
	display: block;
	min-height: 39px;
	border-right: 1px solid #d4d4d4;
}
.wall_picture {
	padding: 10px 5px;
	text-align: center;
	border: none;
	background: #f6f6f6;
}
.wall_picture.gallery .lightbox {
	display: block;
	height: 100%;
	overflow: hidden;
}
.wall_picture.gallery .lightbox img {
	display: inline-block;
	margin: 0;
	max-width: none;
	height: 100%;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	height: 200px;
}
.wall_picture.gallery .lightbox img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.wWall .wall_picture {
	height: 240px;
	margin: 5px 0;
	line-height: 230px;
}
.wWall .wall_picture > div {
	overflow: hidden;
	max-height: 100%;
}
.wWall .statusPics { line-height: normal; }
.wWall .wall_picture.nbPictures-1 {
	display: block;
	height: auto;
	text-align: center;
}
.wWall .wall_picture.nbPictures-2 > div {
	float: left;
	width: 50%;
	padding: 0 5px;
	height: 100%;
}
.wWall .wall_picture.nbPictures-3 > div {
	float: left;
	width: 70%;
	padding: 0 5px;
}
.wWall .wall_picture.nbPictures-3 > div:first-child { height: 100%; }
.wWall .wall_picture.nbPictures-3 > div:nth-child(2) { padding-bottom: 10px; }
.wWall .wall_picture.nbPictures-3 > div:nth-child(2),
.wWall .wall_picture.nbPictures-3 > div:nth-child(3) {
	float: right;
	width: 30%;
	height: 50%;
}
.wWall .wall_picture.nbPictures-3 .lightbox img,
.wWall .wall_picture.nbPictures-4 .lightbox img,
.wWall .wall_picture.nbPictures-5 .lightbox img {
	height: auto;
	width: 125%;
}
.wWall .wall_picture.nbPictures-4 > div {
	float: left;
	width: 80%;
	padding: 0 5px;
}
.wWall .wall_picture.nbPictures-4 > div:nth-child(2),
.wWall .wall_picture.nbPictures-4 > div:nth-child(3) { padding-bottom: 10px; }
.wWall .wall_picture.nbPictures-4 > div:nth-child(2),
.wWall .wall_picture.nbPictures-4 > div:nth-child(3),
.wWall .wall_picture.nbPictures-4 > div:nth-child(4) {
	float: right;
	width: 20%;
	height: 33.333%;
}
.wWall .wall_picture.nbPictures-5 > div {
	float: left;
	width: 30%;
	padding: 0 5px;
}
.wWall .wall_picture.nbPictures-5 > div:first-child {
	float: left;
	width: 40%;
	height: 100%;
}
.wWall .wall_picture.nbPictures-5 > div:nth-child(2),
.wWall .wall_picture.nbPictures-5 > div:nth-child(3) { padding-bottom: 10px; }
.wWall .wall_picture.nbPictures-5 > div:nth-child(2),
.wWall .wall_picture.nbPictures-5 > div:nth-child(3),
.wWall .wall_picture.nbPictures-5 > div:nth-child(4),
.wWall .wall_picture.nbPictures-5 > div:nth-child(5) { height: 50%; }
.wWall .wall_picture.nbPictures-5 > div:nth-child(n+6) { display: none; }
.wWall .wall_picture.nbPictures-2:after,
.wWall .wall_picture.nbPictures-3:after,
.wWall .wall_picture.nbPictures-4:after,
.wWall .wall_picture.nbPictures-5:after,
.wWall .linkedElements .statusPics:after,
.wWall .linkedElements .listAddPictures:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.picturesCounter {
	padding: 5px 10px;
	margin-top: -5px;
	font-size: 1.2em;
	color: #999;
	background: #f6f6f6;
	border-top: 1px solid #ccc;
}
.wWall .statusCodes { margin-top: 5px; }
.wWall .statusCodes > iframe {Â max-width: 100%; }
.wWall .statusLinks, .wWall .statusDocs, .wWall .linkedElements .statusPics {
	margin-top: 5px;
	border: 1px solid #ccc;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.wWall .linkedElements .statusPics {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.wWall .linkedElements .listAddPictures { padding-bottom: 5px; }
.wWall .linkedElements .listAddPictures .div_wall_media {
	float: left;
	display: block;
	width: 215px;
	height: 150px;
	line-height: 140px;
	padding: 0 5px 5px 0;
}
.wWall .linkedElements .listAddPictures .div_wall_media:nth-child(3n) { padding-right: 0; }
.wWall .linkedElements .div_wall_picture { clear: both; }
.wWall .statusLinks:hover, .wWall .statusDocs:hover,
.wWall .statusLinks:hover .icons, .wWall .statusDocs:hover .icons { border-color: #007AAA; }
.wWall .statusLinks .icons, .wWall .statusDocs .icons {
	float: left;
	display: block;
	width: 60px!important;
	height: 60px!important;
	background-position: -50px -1245px;
	border-right: 1px solid #ccc;
	overflow: hidden;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.wWall .statusDocs .icons { background-position: 5px -1245px; }
.wWall .statusLinks > div, .wWall .statusDocs > div { margin-left: 60px; }
.wWall .statusLinks > div:hover, .wWall .statusDocs > div:hover { background: #f1f9fd; }
.wWall form .statusLinks a:first-child, .wWall form .statusDocs a:first-child { margin-right: 30px; }
.wWall .statusLinks a, .wWall .statusDocs a {
	display: block;
	padding: 0 10px;
	line-height: 60px;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.wWall .statusLinks a.LinkFile, .wWall .statusDocs a.LinkFile { overflow: hidden; }
.wWall .statusLinks a:hover, .wWall .statusDocs a:hover { background-color: #f1f9fd; }
.wWall .ajaxLoading {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -25px;
	width: 80px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}
#divwall_message .visibilityPeople { display: none; }
#divwall_message .submit {
	/*position: absolute;
	top: 0;
	right: 0;*/
	width: auto;
	height: 32px;
	padding: 0px;
	margin:6px 5px 0 0; 
	text-align: right;
	background: #f1f1f1;
}
#divwall_message .submit input[type="submit"],
.wWall .respons .submit, .wWall .message_body .submit input[type="submit"] {
	padding: 5px 25px;
	margin: 0;
	font: normal 12px 'Open Sans', Arial, sans-serif;
	color: #fff;
	background: #cc0033;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
input[disabled=disabled]{
	background: #DDDDDD !important;
	cursor: default !important;
}
textarea.disabled{
	background: #DDDDDD !important;
	opacity: .3;
	cursor: default !important;
}
#divwall_message .trashImage {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-position: -146px -663px;
	cursor: pointer;
}
#divwall_message .trashImage:hover { background-position: -15px -633px; }
#divwall_message textarea::-webkit-input-placeholder { color: #c1c1c1; }
#divwall_message textarea:-moz-placeholder { /* Firefox 18- */ color: #c1c1c1; }
#divwall_message textarea::-moz-placeholder {  /* Firefox 19+ */ color: #c1c1c1; }
#divwall_message textarea:-ms-input-placeholder { color: #c1c1c1; }
.wWall {
	padding: 10px 0 30px;
	font-size: 12px;
}
.wWall .blocMessage {
	padding: 10px 0 20px;
	border-bottom: 1px solid #f1f1f1;
}
.wWall .aMessage .person { width: 50px; }
.wWall .aMessage .person.other, .wWall .blocMessage .message_title .personInformation:nth-child(3) .personImg,
.wWall .blocMessage .message_wall .personInformation:nth-child(2) .personImg { display: none; }
.wWall .message_wall { width: 705px; }
.wWall .waitingModeration .message_wall { width: 693px; }
#text .wWall .message_wall .personName, .message_title .personName {
	display: inline;
	color:#cc0033 !important;
}
#text .message_title{
	color:#000 !important;
}
.wWall .message_body, .wWall .message_content {
	font-size: 13px;
	word-wrap: break-word;
}
.blocMessageActions, .commentActions {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 100px;
	height: 20px;
	text-align: right;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
}
.blocMessage:hover .blocMessageActions, .row_comment:hover .commentActions { display: block; }
.blocMessageActions a, .commentActions a {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.wWall .blocMessage .waitingModeration {
	padding: 5px;
	background-color: #e7f4fa;
	border: 1px solid #cc0033!important;
}
.waitingModeration.admin .blocMessageActions, .row_comment.waitingModeration.admin .commentActions {
	top: 50%;
	margin-top: -15px;
	display: block;
	width: auto;
	height: 30px;
	padding: 5px;
	background: #cc0033;
	opacity: .3;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.waitingModeration.admin .updateAction, .waitingModeration.admin .deleteAction { display: none; }
.wWall .blocMessage .waitingModeration.admin .blocMessageActions a:first-child,
.row_comment.waitingModeration.admin .commentActions a:first-child { margin-left: 0; }
.wWall .blocMessage:hover .blocMessageActions,
.row_comment:hover .commentActions,
.wWall .blocMessage:hover .waitingModeration.admin .blocMessageActions a,
.row_comment.waitingModeration.admin:hover .commentActions,
.row_comment.waitingModeration.admin:hover .commentActions a { opacity: 1; }
.wWall .blocMessage .waitingModeration.admin .blocMessageActions a:hover,
.row_comment.waitingModeration.admin .commentActions a:hover { background-color: rgba(255,255,255,.2); }
.wWall .blocMessage .waitingModeration .message_datas { margin-bottom: 0; }
.wWall .blocMessage.owner:hover .waitingModeration .blocMessageActions { display: block; }

.wall_picture { 
	padding: 5px 0 0; 
	max-height: 200px;
	overflow: hidden;
}
.wall_picture img {
	
	margin: 0 5px 5px 0;
}
.message_time {
	display: inline;
	padding-left: 15px;
	margin-top: 6px;
	font-size: 11px;
	color: #bbb;
	background-position: 0 -248px!important;
}
.blocMessage .rating, .blocMessage .message_datas {
	display: inline-block;
	margin-top: 5px;
	margin-right: 15px;
	font-size: 11px;
}
.linkLike { margin-right: 10px; }
.totalRating {
	display: inline-block;
	vertical-align: middle;
}
.totalRatingImg, .linkLike .likeRatingImg, .linkDislike .dislikeRatingImg {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/modeles/fr/Modele1/css/../images/community_pictos.png) 0 -730px no-repeat;
}
.linkDislike .dislikeRatingImg { background-position: -20px -730px; }
.totalRatingImg { background-position: -40px -730px; }
.ratingMessage {
	padding: 5px 8px 2px;
	margin: 5px 0 5px;
	background: #e7f4fa;
}
.ratingUsers {
	position: absolute;
	top: 25px;
	left: -5px;
	z-index: 2;
	width: 300px;
	list-style-type: none;
	background: #fff;
	border: 1px solid #999
}
.ratingUsers strong {
	display: block;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}
.ratingUsers ul {
	max-height: 250px;
	padding: 10px;
	padding-right: 0;
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
}
.ratingUsers ul li {
	width: 265px;
	padding: 0;
	background: none;
}
.ratingUsers ul li .personName { font-weight: bold; }
.ratingUsers .arrowBlack { display: none; }
.ratingUsers .arrowTop {
	right: auto;
	left: 3px;
}
#text .rating,
#text .wWall .message_time,
.wWall .message_comment {
	padding: 0 15px !important;
	margin-top: 6px !important;
	font-size: 11px !important;
	font-weight: normal;
	color: #cc0033 !important;
	background-position: 0 -262px;
	line-height: 15px !important
}
#text .rating span{
	color: #cc0033 !important;
}
.wWall .respons {
	display: none;
	margin: 5px 0 0 50px;
	background: #f1f1f1;
}
.wWall .respons .row_comment, .wWall .respons .commentZone {
	padding: 5px;
	font-size: 12px;
	border-top: 1px solid #fff;
}
.wWall .respons .commentZone .submit { display: none; }
.wWall .respons textarea {
	float: left;
	width: 650px;
	margin: 0;
	border: 1px solid #c1c1c1;
	resize: none;
	overflow: hidden;
}
.wWall .respons textarea.comment { height: 32px; }
.wWall .respons textarea:focus { height: 130px; }
.editStatus { width: 705px; }
.editStatus:focus { height: 130px; }
.wWall .respons .person {
	float: left;
	width: 37px;
}
.wWall .respons .personImg {
	width: 32px;
	height: 32px;
	margin-right: 5px;
}
.wWall .respons .commentZone .personName,
.wWall .respons .submit, .wWall .message_body .submit { float: right; }
.wWall .respons .row_comment .personName {
	display: inline;
	font-size: 12px;
}
.deleteAction { background-position: 5px -215px; }
.updateAction { background-position: -117px -592px; }
.wWall .blocMessage .statusEditionError {
	padding: 0 5px;
	margin-bottom: 5px;
	line-height: 24px;
	background: #ffd5d5;
}
.blocMessageActions a > span, .commentActions a > span,
.important > span, #listTabsThreads_content li > span, .actionsContact a > span,
.pictOwner > span, .pictAdmin > span,  .actionsPublication a > span, .actionsMember a > span,
.groupItem .number.icons > span, #divwall_message .trashImage > span, #deleteLink > span, .deleteThread > span {
	position: absolute;
	top: -30px;
	left: -5px;
	z-index: 200;
	display: none;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}
.blocMessageActions a > span, .commentActions a > span,
.resumeAction a > span, .important > span, .pictOwner > span, .pictAdmin > span, .groupItem .actionsGroup a > span,
.actionsMember a > span, .actionsPublication a > span,
.groupItem .number.icons > span,  #divwall_message .trashImage > span { left: 0; }
.updateAction:hover, .deleteAction:hover, .validMessage:hover, .cancelMessage:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.validMessage:hover > span, .cancelMessage:hover > span,
.updateAction:hover > span , .deleteAction:hover > span, .actionsContact a:hover > span,
.resumeAction a:hover > span, .important:hover > span, #listTabsThreads_content li:hover > span,
.pictOwner:hover > span,.pictAdmin:hover > span, .actionsGroup a:hover > span, .groupItem .number.icons:hover > span,
.actionsMember a:hover > span, .actionsPublication a:hover > span,
#divwall_message .trashImage:hover > span, #deleteLink:hover > span { display: block; }
.linkToArticle {
	margin: 10px 0;
	border: 1px solid #ccc;
	background: #f6f6f6;
}
.linkToArticle .picture {
	float: left;
	width: 90px;
	height: 90px;
	line-height: 88px;
	text-align: center;
	background-position: -40px -1110px;
	overflow: hidden;
}
.linkToArticle .resume {
	float: left;
	width: 510px;
	height: 90px;
	padding: 10px;
	border-left: 1px solid #ccc;
}
.errorMessage, .infoMessage, #tabSuggest .confirmInvite {
	display: block;
	margin-top: 5px;
	padding: 10px;
	background-color: #dfeff6;
}
.errorMessage { background-color: #f6dfdf; }

/* 2015-06-12 - Mise à jour 1.16 */
.wWall .displayIfCommentEditing { border-bottom: 1px solid #ccc; }
.wWall .displayIfCommentEditing .submit { margin-top: 5px; }
.wWall .addLinkedElements {
	margin-right: 100px;
	padding: 10px 0 10px 10px;
}
.wWall .linkedElements { padding-top: 10px; }
.wWall .linkedElements:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.form_wall .addLinkedElements > div, .wWall .addLinkedElements > a {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.form_wall .addLinkedElements > div a {
	display: block;
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #919191;
}
.form_wall .addLinkedElements > div a:hover {
	color: #cc0033;
	background-color: #ddd;
}
.form_wall .addLinkedElements > div:last-child,
.wWall .addLinkedElements > a:last-child { margin-right: 0; }
.form_wall .addLinkedElements .icons, .form_wall .linkedElements .icons,
.wWall .addLinkedElements .icons, .wWall .linkedElements .icons,
.picturesCounter .icons {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.form_wall .addLinkedElements .divAddPictureImg, .form_wall .linkedElements .divAddPictureImg, .picturesCounter .icons,
.wWall .addLinkedElements .pictureIn .icons, .wWall .linkedElements .listAddPictures .icons               { background-position: -50px -77px; }
.form_wall .addLinkedElements .divAddLinkImg, .form_wall .linkedElements .divAddLinkImg,
.wWall .addLinkedElements .linkIn .icons, .wWall .linkedElements .listAddLinks .icons                     { background-position: -70px -77px; }
.form_wall .addLinkedElements .divAddDocImg, .form_wall .linkedElements .divAddDocImg,
.wWall .addLinkedElements .docIn .icons, .wWall .linkedElements .listAddDocs > .div_wall_doc .icons     { background-position: -90px -77px; }
.form_wall .addLinkedElements .divAddCodeImg, .form_wall .linkedElements .divAddCodeImg,
.wWall .addLinkedElements .codeIn .icons, .wWall .linkedElements .listAddCodes .icons                     { background-position: -110px -77px; }
.form_wall .linkedElements .icons .arrowBlack { display: none; }
.form_wall .linkedElements {
	clear: both;
	display: none;
	border-top: 1px solid #ccc;
}
.form_wall .linkedElements > div > div,
.wWall .div_wall_bloc {
	padding: 0 10px;
	line-height: 32px;
}
.form_wall .linkedElements input[type="text"], .form_wall .linkedElements textarea,
.wWall .linkedElements input[type="text"], .wWall .linkedElements textarea {
	display: inline-block;
	vertical-align: middle;@
	width: 500px;
	height: 30px;
	padding: 0 5px;
	margin: 5px 0;
}
.form_wall .linkedElements textarea {
	padding: 5px;
	line-height: 20px;
}
.form_wall .linkedElements input[type="file"],
.wWall .linkedElements .div_wall_picture input[type="file"],
.wWall .linkedElements .div_wall_doc input[type="file"] {
	height: auto;
	margin: 5px 0;
	padding: 0;
	line-height: normal;
	background: none;
	border: none;
}
.form_wall .deleteElement, .wWall .deleteElement {
	display: inline-block;
	margin-left: 10px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background: url(/modeles/fr/Modele1/css/../images/community_pictos.png) 5px -78px;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.form_wall .deleteElement > span, .wWall .deleteElement > span {
	position: absolute;
	top: -25px;
	left: 0;
	display: none;
	padding: 5px;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	background: #000;
}
.form_wall .deleteElement:hover > span, .wWall .deleteElement:hover > span { display: block; }
.wWall .linkedElements .listAddPictures .div_wall_media .deleteElement,
.wWall .linkedElements .listAddDocs .div_wall_media .deleteElement {
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 2;
}
.wWall .linkedElements .listAddPictures .div_wall_media .deleteElement {
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background-color: #fff;
	background-position: 7px -75px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.form_wall .deleteElement:hover, .wWall .deleteElement:hover {
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.wWall .linkedElements .listAddPictures .div_wall_media .deleteElement:hover { background-position: -13px -75px; }
.singleMessage #wall_pager { display: none; }
.singleMessage .respons { display: block; }

/* Profil */
#actionsContact {}
#actionsContact a { white-space: nowrap; }
.bigB.acceptedrequest, .bigB.waitingrequest, .bigB.waitingAdhesion {
	color: #999;
	border: none;
	cursor: default;
}
.bigB.acceptedrequest:hover, .bigB.waitingrequest:hover, .bigB.waitingAdhesion:hover {
	color: #999;
	text-decoration: underline;
	background: none;
}
.sendRequest { margin-top: 10px; }
.profile_detail .fiche .personImg {
	width: 120px;
	height: 120px;
	margin: 0 25px 60px 0;
	border: 1px solid #c1c1c1;
}.profile_detail .fiche {
	margin:0 0 30px 0;
}
.profile_detail .fiche .personImg img {
	max-width: 120px;
	max-height: 120px;
}
.profile_detail .personInfos { font-size: 12px; }
.profile_detail .personInfos h4 {
	display: inline-block;
	vertical-align: top;
	/*width: 150px;*/
	min-width: 20%;
	margin: .75em 0 0;
	font-size: 12px;
	line-height: 30px;
}
.profile_detail .personInfos h4 span {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: #cc0033;
	background-position: 0 -960px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-image: url(/modeles/fr/Modele1/css/../images/sprites-profil.png);
	background-repeat: no-repeat;
	background-position:0 0;
}
.profile_detail .personInfos h4.societe span {
	background-position: 0 -30px;
}.profile_detail .personInfos h4.mail span {
	background-position: 0 -90px;
}.profile_detail .personInfos h4.tel span {
	background-position: 0 -60px;
}.profile_detail .personInfos h4.site span {
	background-position: 0 -120px;
}
.profile_detail .personInfos h4.description .icons { background-position: -60px -960px; }
.profile_detail .personInfos .descText { width: 455px; }
.profile_detail .personInfos p {
	display: inline-block;
	width: 350px;
	width:auto;
	padding-top: 6px;
}


@media (max-width: 500px) {
	.profile_detail .fiche .personImg {
		float: none;
		margin:0 0 10px 0;
	}
}


.profile_detail .personInfos h4:first-child, .profile_detail .personInfos p:nth-child(2) { margin: .4em 0 0; }
#rightbar .acceptedRelationshipList > .person {
	width: 96px;
	height: 96px;
}
#rightbar .acceptedRelationshipList > .person .personImg, #membersList > .person .personImg,
#rightbar #membersListSummary #otherMembers > .person .personImg, .wContacts .widgetContainer > .person .personImg {
	width: 86px;
	height: 86px!important;
	margin-right: 0;
}
#rightbar .acceptedRelationshipList > .person, #membersList > .person, #rightbar #membersListSummary #otherMembers > .person,
#rightbar .wContacts .widgetContainer > .person { margin-right: 5px; }
#rightbar #membersListSummary #otherMembers > .person, #rightbar .wContacts .widgetContainer > .person { margin-bottom: 5px; }
.wContacts .widgetContainer > .person { float: left; }
#rightbar .acceptedRelationshipList > .person:nth-child(3n+1), #rightbar #membersListSummary #otherMembers > .person:nth-child(3n),
#rightbar .wContacts .widgetContainer > .person:nth-child(3n) { margin-right: -5px; }
#rightbar .acceptedRelationshipList > .person:nth-child(n+5) { margin-top: 5px; }
#membersList > .person .personName,
#rightbar .acceptedRelationshipList p.noContacts, #rightbar .group_contener p.noGroups, .noPublications {
	color: #bbb;
	text-align: center;
}
#rightbar .acceptedRelationshipList p.noContacts > span, #rightbar .group_contener p.noGroups > span, .noPublications span {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-position: -150px -486px;
}
#rightbar .group_contener p.noGroups > span {
	height: 25px;
	background-position: -150px -525px;
}
.noPublications span { background-position: -151px -556px; }
.wContacts .widgetContainer > .person .personName, #rightbar #otherMembers .person .personName,
#membersListSummary div#ownerGroup > .person .personName, #membersList > .person .personName,
.acceptedRelationshipList .person .personName {
	position: absolute;
	bottom: 5px;
	left: 6px;
	display: none;
	width: 84px;
	padding: 2px 5px;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	background: rgba(0,0,0,.5);
	text-overflow: ellipsis;
	overflow: hidden;
}
#membersListSummary div#ownerGroup > .person .personName { width: 136px; }
#rightbar .acceptedRelationshipList > .person:hover .personName, #membersList > .person:hover .personName,
#rightbar #membersListSummary div > .person:hover .personName, .wContacts .widgetContainer > .person:hover .personName { display: block; }
#rightbar .acceptedRelationshipList > .person .personAction { display: none; }

/* Modification de profil */
#accountModify fieldset > .row:first-child {
	float: left;
	width: 220px;
}
#accountModify fieldset > .row:first-child > div, #accountModify fieldset > .row:first-child input[type="file"] {
	position: relative;
	width: 200px;
	height: 200px;
	background: url(/modeles/fr/Modele1/css/../images/icons_communaute.png) 0 -750px no-repeat;
	border: 1px solid #ccc;
}
#accountModify fieldset > .row:first-child input[type="file"] {
	position: relative;
	z-index: 10;
	display: block;
	width: 200px;
	height: 200px;
	border: none;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#accountModify fieldset > .row:first-child .fileInfos {
	position: absolute;
	top: 0;
	width: 200px;
}
#accountModify fieldset > .row:first-child a {
	position: absolute;
	top: 0;
	right: 1px;
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	background: #999 url(/modeles/fr/Modele1/css/../images/icons_communaute.png) -15px -215px;
	text-indent: -9999px;
}
#accountModify fieldset > .row .birthdayExample {
	font-size: 12px;
	font-style: italic;
	color: #bbb;
}
#accountModify fieldset > .row:last-child textarea {
	width: 670px;
	height: 150px;
}
#accountModify .aide { display: none; }
#accountModify fieldset > .row:first-child .aide {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
}
#accountModify fieldset > .row:first-child #picturePreview {
	display: block;
	width: 198px;
	height: 198px;
	background: #fff;
}

/* Ajout de contact */
#result { font-size: 12px; }
#rightbar #result {
	top: 50px;
	left: -350px;
}
#contextBox .person .personName {
	position: static;
	display: block;
	width: 180px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	background: none;
}
.myContacts #rightbar #contextBox {
	position: absolute;
	top: -35px;
	left: 70px;
}
.myGroups #rightbar #contextBox {
	position: absolute;
	top: 20px;
	left: 70px;
}
#rightbar .arrowTop { left: 475px; }
#tabsSearch ul {
	height: 30px;
	margin-bottom: -1px;
	list-style-type: none;
}
#tabsSearch ul li {
	height: 30px;
	padding: 0 10px;
	margin-right: 5px;
	line-height: 30px;
}
#tabsSearch ul li.active_section {
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
#tabsSearch ul li  a {
	font-weight: normal;
	color: #bbb;
}
#tabsSearch ul li.active_section a, #tabsSearch ul li:hover a {	color: #666; }
#tabSuggest, #tabSearch {
	padding: 5px 10px 0;
	margin: 0 -10px;
	border-top: 1px solid #ccc;
}
#tabSearch { padding-top: 10px; }
#tabSearch input[type="submit"] {
	width: 30px;
	height: 28px;
	padding: 0;
	background-position: -12px -588px;
	text-indent: -9999px;
}
#tabSearch input[type="submit"]:hover { background-position: -52px -588px; }
#tabSuggest .person, #tabSearch .person {
	float: left;
	width: 240px;
	min-height: 50px;
	padding: 5px;
	overflow: hidden;
}
#tabSuggest .specialOverflow {
	height: 300px;
	overflow: auto;
	overflow-x: hidden;
}
#tabSuggest .result > .person:nth-child(2n-1), #tabSearch .result > .person:nth-child(2n-1) { margin: 0 0 0 -5px; }
#tabSuggest .specialOverflow > .person:nth-child(2n-1), #tabSearch .specialOverflow > .person:nth-child(2n-1) {	margin: 0; }
#tabSuggest .result > .person:nth-child(2n), #tabSearch .result > .person:nth-child(2n),
#tabSuggest .specialOverflow > .person:nth-child(2n), #tabSearch .specialOverflow > .person:nth-child(2n) {	margin: 0 -5px 0 0; }
#tabSuggest .person:hover, #tabSearch .person:hover, #membersGroup div > .person:hover { background: #f6f6f6; }

/* Gestion des contacts */
#menuContacts {
	height: 30px;
	margin-top: 30px;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
}
#menuContacts li {
	float: left;
	height: 30px;
	padding: 0 20px;
	margin-bottom: -1px;
	line-height: 30px;
	color: #bbb;
	cursor: pointer;
}
#menuContacts li.active, #menuContacts li:hover {
	color: #666;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
#community_relationship .actions {}
#community_relationship .section {
	padding-top: 5px;
	clear: both;
}
#community_relationship .noContact { padding: 20px 0; }
#community_relationship .noContact .icons {
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	background-position: 0 -485px;
}
#community_relationship .person, #membersGroup div > .person {
	position: relative;
	display: inline-block;
	width: 250px;
	padding: 5px;
	font-size: 12px;
	cursor: pointer;
}
#membersGroup div > .person.owner .actionsContact { display: none; }
#community_relationship .section > .person:nth-child(3n-2) { margin-left: -5px; }
#community_relationship .person:hover { background: #f6f6f6; }
#community_relationship .person.active {
	background: #72c7ee;
}
#contextBox .person.active .personName{
	color:#ffffff;
}
#community_relationship .person.active .personName { color: #fff; }
#community_relationship .person input[type="checkbox"] {
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
}
#community_relationship .acceptedRelationship .personName { line-height: 40px; }
#community_relationship .person .blocked_info {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 19px;
	height: 20px;
	background: url(/modeles/fr/Modele1/css/../images/icons_communaute.png) -118px -1052px;
	text-indent: -9999px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	border-radius: 10px;
}
.actionsContact {
	position: absolute;
	top: 11px;
	right: 0;
	display: none;
	padding: 3px;
	color: #fff;
	background: #ccc;
}
.actionsContact a {
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	color: #fff;
}
.actionsContact a.accept, .actionsMember a.accept { background-position: -36px -215px; }
.actionsContact a.refuse, .actionsMember a.refuse { background-position: -14px -214px; }
.actionsContact a.delete { background-position: -75px -214px; }
.actionsContact a.specialLink { background-position: -55px -214px; margin-right: 0; }
.actionsContact a.deletecontact { background-position: -74px -214px; }
.actionsContact a:hover, .actionsGroup a:hover,
.actionsPublication a:hover, .actionsMember a:hover { background-color: rgba(255,255,255,.2); }
.actionsContact a > span { left: 2px; }
.person:hover .actionsContact { display: block; }
.relationship_message { font-size: 10px; }
.relationship_message > div:first-child {
	width: 190px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Groupe */

#rightbar .groupItem {
	position: relative;
	padding:0;
	margin:10px 5px;
	width:82px;
	float:left;
}

.groupItem:hover { background: #e1e1e1; }
.groupImg {
	display: block;
	width: 80px;
	height: 80px;
	margin:0 auto 10px auto;
	background: #fff;
	border: 1px solid #cc0033;
	border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
}
.groupImg a {
	display: block;
}


.groupName {
	width: 230px;
	font-weight: bold;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#rightbar .groupName{
	width:100%;
	line-height:16px;
	white-space:;
	overflow:visible;
}
.groupName a { color: #444; }
.groupStatus {
	border: 1px solid #ccc;
}
.groupStatus {
	height: 50px;
	font-size: 1.6em;
	line-height: 48px;
}
.groupStatus.groupPublic {
	color: #30d850;
	background-color: rgba(48,216,80,.1);
	border-color: #30d850;
}
#community_group_create label { padding-left: 5px; }
#community_group_create .optionsGroupTypeItem label + span { color: #999; }
#community_group_create .permission1 label, #community_group_create .row > div .adhesion:first-child label { margin-top: 0; }
#community_group_create .ssopt {
	margin-left: 5px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
#community_group_create .ssopt { margin-bottom: 10px; }
#community_group_create .row > div .adhesion:last-child input { margin-top: 15px; }
#community_group_create #config label { width: auto; }
#community_group_create #config .row > .row,
#community_group_create #config .optionsInvitation { padding-top: 30px; }
#community_group_create #config .multi_radio { display: block; }
.myGroups .groupItem, .allGroups .groupItem {
	float: left;
	width: 375px;
	height: 210px;
}
.myGroups .groupItem:nth-child(2n), .allGroups .groupItem:nth-child(2n) { margin-left: 10px; }
.myGroups .groupItem:hover, .allGroups .groupItem:hover { background: #f1f1f1; }
.myGroups .groupItem.active, .allGroups .groupItem.active { background: #cc0033; }
.pictOwner, .pictAdmin {
	position: absolute!important;
	top: 0;
	left: 10px;
	z-index: 2;
	display: block;
	width: 20px;
	height: 30px;
	background-image: url(/modeles/fr/Modele1/css/../images/icons_communaute.png);
	background-position: 0 -1010px;
	cursor: pointer;
}
.groupDetail .groupImg{
	float:left;
	margin:0 10px 0;
}
.groupDetail h1{
	padding:20px 0 0 ;
}
.myGroups .groupItem ,
.groupItem {
	position: relative;
	padding:10px 10px;
	margin: 15px 0;
	width:50%;
	float:left;
	height:auto;
	margin:0 !important;
}


.pictAdmin { background-position: -30px -1010px; }
#membersGroup .pictOwner, #membersGroup .pictAdmin {
	top: 0px;
	left: 7px;
	background-image: url(/modeles/fr/Modele1/css/../images/icons_communaute.png);
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
}
#membersGroup .pictOwner > span, #membersGroup .pictAdmin > span {
	top: -30px;
	left: 30px;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.myGroups #rightbar .pictOwner, .allGroups #rightbar .pictOwner {
	top: -5px;
	left: 5px;
}
.myGroups .groupItem .name a, .allGroups .groupItem .name a {
	display: block;
	font-size: 14px;
	color: #444;
}
.myGroups .groupItem input[type="checkbox"], .allGroups .groupItem input[type="checkbox"] {
	position: absolute;
	top: 0;
	right: 0;
	visibility: hidden;
}
.myGroups .groupInfos, .allGroups .groupInfos { font-size: 12px; }
.myGroups #container .groupImg, .allGroups #container .groupImg {
	width: 90px;
	height: 90px;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
}
.actionsGroup, .actionsPublication, .actionsMember {
	position: absolute;
	top: 36px;
	right: 0;
	display: none;
	padding: 3px;
	color: #fff;
	background: #cc0033;
}
.actionsGroup{
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(204, 0, 50, 0.5);
	z-index:20;
	padding:0;
}

.actionsPublication, .actionsMember { top: 11px; }
.actionsGroup a, .actionsPublication a, .actionsMember a {
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	color: #fff;
}

.actionsGroup a{ 
	z-index:20;
	width:100%;
	height:100%;
	top:0;
	border:none;
	left:0;
	background:none;
	float:none;
	margin:0;
	line-height:100%;
}
.actionsGroup a span{
	text-align:center;
	padding-top:25%;
	background:none;
}
.groupItem .actionsGroup,
.publicationElement .actionsPublication,
.member .actionsMember {
	display: block;
	opacity: 0;
}
.groupItem:hover .actionsGroup,
.publicationElement:hover .actionsPublication,
.member:hover .actionsMember {
	opacity: 1;
}
.publicationElement {
	min-height: 50px;
	padding: 5px;
	margin: -5px;
	font-size: 12px;
}
.publicationElement:hover { background: #f1f1f1; }
.publicationText {
	float: left;
	width: 705px;
	word-wrap: break-word;
	text-overflow: ellipsis;
}
.publicationElement .resumeTime { position: static; }
.actionsGroup a.edit                                                 { background-position: -96px -214px; }
.actionsGroup a.delete                                               { background-position: -115px -213px; }
.actionsGroup a.specialLink, a.specialLink                           { background-position: -55px -214px; }
.owner .actionsGroup a.delete, .actionsMember a.deleteMemberGroup    { background-position: -75px -214px; }
.actionsPublication a.accept, .actionsGroup a.accept, .validMessage  { background-position: -36px -215px; }
.actionsPublication a.refuse, .actionsGroup a.refuse, .cancelMessage { background-position: -14px -214px; }
.actionsMember a.setAdminRightsMemberGroup                           { background-position: -105px -962px; }
.actionsMember a.unsetAdminRightsMemberGroup                         { background-position: -125px -962px; }
.actionsMember a.blacklistMemberGroup                                { background-position: -86px -1051px; }
.groupItem .name {
	text-align:center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.groupItem input{
display:none;
}

.groupItem .number.icons {
	background:none;
	z-index: 2;
	width: 20px;
	height: 20px;
	font: bold 10px/20px 'Open Sans', arial, sans-serif;
	text-align: center;
	color: #888;
	background-color: #fff;
	border: 1px solid #888;
	border-radius: 15px;
	margin: -20px auto 0;
}
.groupItem .number.icons > span { font-weight: normal; }
.groupItem .desc {
	width: 100%;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}
.groupHeader { clear: both; }
.myGroups h1, .allGroups h1 {
	line-height: 90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.myGroups .groupInfos h1, .allGroups .groupInfos h1 {
	line-height: 55px;
	margin: 0;
}
.myGroups .groupInfos h2, .allGroups .groupInfos h2 {
	margin: 0;
	font-size: 18px;
}
.bigB.waitingInvitation { border: none; }
.bigB.waitingInvitation:hover {
	color: #cc0033;
	text-decoration: underline;
	background: none;
}
#group_detail #menutab, #membersGroup #menuMembers {
	clear: both;
	height: 30px;
	margin-top: 30px;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
}
#group_detail #menutab li a, #membersGroup #menuMembers li a {
	float: left;
	height: 30px;
	padding: 0 20px;
	margin-bottom: -1px;
	line-height: 30px;
	color: #bbb;
	cursor: pointer;
	border: none;
}
#group_detail #menutab li.active a, #membersGroup #menuMembers li.active a {
	color: #666;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
#membersGroup .members .person {
	float: left;
}
#group_detail .view_infos {
	clear: both;
	padding: 20px 0;
}
#group_detail .profile_wall {
	margin-top: 30px;
	font-size: 12px;
}
#group_detail #membersList { display: none; }
#addMember #tabSuggest { width: 525px; }
#addMember #tabSuggest .person {
	position: relative;
	margin-bottom: 5px;
	line-height: 40px;
}
#addMember #tabSuggest .specialOverflow .person:nth-child(2n) { margin-left: 5px; }
#addMember #tabSuggest .person.active { background: #cc0033; color:#FFFFFF; }
#addMember #tabSuggest input[type="checkbox"] {
	position: absolute;
	top: 0;
	right: 0;
	visibility: hidden;
}
#addMember #actionsMembers {
	clear: both;
	padding: 10px;
	background: #f1f1f1;
}
#addMember .text-wrap {
	position: relative;
	width: 100%!important;
	height: auto!important;
	padding: 0 5px;
}
#addMember #searchFriend {
	position: relative;
	width: 100%!important;
	height: 25px!important;
	min-height: 25px;
	padding: 5px!important;
}
#addMember .text-core {
	height: auto!important;
	min-height: 25px;
}
#addMember .text-core .text-wrap .text-arrow { right: 5px; }
#addMember .text-tags { position: static; }
#addMember .text-prompt { top: 2px; }
#addMember .text-prompt, #addMember .text-focus { display: none!important; }
#addMember .text-core .text-wrap .text-dropdown.text-position-below { margin-top: -7px; }
#addMember .text-tags::after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
#adminMenu ul, #myMenu ul {list-style-type: none; }
#adminMenu ul li.active a, #myMenu ul li.active a {
	margin-left: -20px;
	padding-left: 20px;
	color: #fff;
	background: #cc0033;
}
#adminMenu a, #myMenu a {
	display: block;
	line-height: 30px;
	transition: padding-left .1s linear;
	-webkit-transition: padding-left .1s linear;
}
#adminMenu a:hover, #myMenu a:hover {
	padding-left: 10px;
	background: #e1e1e1;
}
.groupDetail #myMenu > a,
.allGroups #myMenu   { display: none; }
.groupDetail #myMenu { display: block; }
#adminMenu a span, #membersGroup #menuMembers li a span, #myMenu a span, #menuContacts li span {
	float: right;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 5px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	line-height: 20px;
	background: #cc0033;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#adminMenu li.active a span, #myMenu li.active a span {
	color: #cc0033;
	background: #fff;
}
#membersListSummary #ownerGroup .person .personImg {
	width: 136px;
	height: 136px;
	margin-right: 0;
}
#membersListSummary .members {
	display: inline-block;
	width: 70px;
	height: 20px;
	background-position: -30px -30px;
}
#membersListSummary .number {
	display: inline-block;
	width: 70px;
	padding-top: 5px;
	font-size: 26px;
}
#community_group_managenotification #administration label { width: 400px; }

/* Messagerie */
.messagesTabs {
	height: 25px;
	margin-top: 20px;
	list-style-type: none;
}
.messagesTabs li a {
	padding: 5px 10px;
	color: #bbb;
	background: #fff;
}
.messagesTabs li a:hover { color: #cc0033; }
.messagesTabs li.active a {
	color: #666;
	border: 1px solid #ccc;
	border-bottom: none;
}
.messagesBoard {
	border: 1px solid #ccc;
	border-left: none;
}
.messagesBoard #threadsForm, .messagesBoard #showMessage {
	float: left;
	width: 50%;
	height: 480px;
}
.messagesBoard #threadsForm {
	position: relative;
	z-index: 2;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.messagesBoard #threadsForm .searchMessage {
	padding: 5px;
	background: #eee;
	border-bottom: 1px solid #ccc;
}
.searchMessage #subSearch { margin-left: 5px; }
.searchMessage #deleteLink {
	position: absolute;
	top: 14px;
	right: 72px;
	display: block;
	width: 10px;
	height: 10px;
	background-position: -180px -220px;
}
.messagesBoard #threadsForm .actions {
	background: #ddd;
	border-bottom: 1px solid #ccc;
}
.messagesBoard #searchWord {
	width: 305px;
	padding: 5px 5px 3px;
	font-size: 12px;
	border: 1px solid #ccc;
}
.messagesBoard #threadsForm .tab {
	height: 442px;
	font-size: 12px;
	overflow: hidden;
	overflow-y: scroll;
}
.rowMessage {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.rowMessage:hover { background: #f9f9f9; }
.rowMessage > div:first-child {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
.rowMessage > div:nth-child(2) { padding: 0 10px; }
.rowMessage .resumeContent a { font-weight: normal; color: #666; }
.rowMessage .resumeName {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.resumeTime {
	position: absolute;
	bottom: 0;
	right: 5px;
	font-size: 10px;
	color: #bbb;
}
.rowMessage .action {
	display: block;
	width: 20px;
	height: 20px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	white-space: nowrap;
}
.rowMessage .action:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.rowMessage .important    { background-position: 4px -613px; }
.rowMessage .seeThread    { background-position: 4px -591px; }
.rowMessage .deleteThread { background-position: 4px -633px; }
.rowMessage .important:hover    { background-position: -16px -613px; }
.rowMessage .seeThread:hover    { background-position: -16px -591px; }
.rowMessage .deleteThread:hover { background-position: -16px -633px; }
.rowMessage.selectedTalk {
	color: #fff;
	background: #cc0033;
}
.rowMessage.selectedTalk .resumeName { color: #fff; }
.rowMessage.selectedTalk .resumeContent a { color: #fff; }
.rowMessage.selectedTalk .resumeTime { color: #ddd; }
.rowMessage.selectedTalk .important { background-position: -36px -613px; }
.rowMessage.selectedTalk .seeThread { background-position: -36px -591px; }
.rowMessage.selectedTalk .deleteThread { background-position: -36px -633px; }
.rowMessage.selectedTalk .important:hover { background-position: -56px -613px; }
.rowMessage.selectedTalk .seeThread:hover { background-position: -56px -591px; }
.rowMessage.selectedTalk .deleteThread:hover { background-position: -56px -633px; }
.rowMessage .noMessages { padding-top: 100px; }
.noMessages, .noResults { padding-top: 100px; }
.noMessages div, .noResults div {
	width: 125px;
	height: 105px;
	margin: 0 auto;
	background-position: 0 -375px;
}
#contextAjaxMessaging {
	height: 389px;
	overflow: scroll;
}
.oneMessage {
	min-height: 50px;
	padding: 5px 5px 15px 5px;
	clear: both;
}
.oneMessage .text { font-size: 12px; }
#bottomPage {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 377px;
	height: 91px;
	padding: 5px;
	background: #f9f9f9;
	border-top: 1px solid #ccc;
}
#bottomPage textarea {
	height: 80px;
	margin: 0;
}
#wrapper .noTalk  {
	padding-top: 150px;
	font-size: 12px;
}
#wrapper .noTalk div {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	background-position: 0 -280px;
}
#formTalk, #result {
	position: absolute;
	top: 30px;
	left: 70px;
	z-index: 30;
	padding: 5px 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 5px 5px rgba(0,0,0, .3);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0, .3);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0, .3);
}
#rightbar #formTalk {
	top: 50px;
	left: -345px;
}
#formTalk .contactsMessage textarea { width: 100%!important; }
#formTalk .text-wrap { width: 100%!important; }
#formTalk .row textarea {
	width: 500px;
	height: 100px;
}

/* Discussion instantanee */
#liveShortcut {
	position: fixed;
	bottom: 0;
	right: 50px;
	z-index: 1000;
	width: 250px;
	font-size: 12px;
	background: #cc0033;
}
#liveShortcut a#linkLive {
	display: block;
	padding: 5px;
	font-weight: normal;
	color: #fff;
}
#liveShortcut #liveRoom {
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#liveShortcut #bottomPage {
	width: 249px;
	height: 31px;
	padding: 0;
	border-top: 1px solid #ccc;
}
#liveShortcut #bottomPage textarea {
	height: 30px;
	border: none;
}
#reduceFormInstantTalk {
	position: absolute;
	right: 8px;
	top: 9px;
	z-index: 2;
	width: 28px;
	height: 28px;
	color: #fff;
	overflow: hidden;
	background-position: -20px -220px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	cursor: pointer;
	text-indent: -9999px;
}
#reduceFormInstantTalk:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}
#listTabsThreads {
	height: 25px;
	padding-top: 4px;
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
}
#listTabsThreads #prevThread, #listTabsThreads #nextThread {
	width: 15px;
	height: 20px;
	padding: 2px 0 0;
	margin: 0 4px;
	font-weight: bold;
	color: #999;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
	cursor: pointer;
}
#listTabsThreads #prevThread { float: left; }
#listTabsThreads_content {
	float: left;
	height: 20px;
}
#listTabsThreads_content ul { list-style-type: none; }
#listTabsThreads_content li {
	position: relative;
	float: left;
	margin-right: 3px;
	font-size: 10px;
	line-height: 20px;
}
#listTabsThreads_content li.chatActiveTab {
	padding-bottom: 1px;
	margin-bottom: -1px;
	background: #fff;
}
#listTabsThreads_content li a {
	display: block;
	height: 20px;
	padding: 1px 2px 0;
	font-weight: normal;
	color: #666;
	border: 1px solid #ccc;
	border-bottom: none;
}
#listTabsThreads #nextThread { float: right; }
#currentThread {
	height: 250px;
	clear: both;
}
#liveShortcut #listMessages {
	height: 219px;
	overflow-y: scroll;
}
#liveInfo { display: none; }

/* Divers */
.button {
	display: inline-block;
	height: 30px;
	padding: 0 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	color: #cc0033;
	background: none;
	border: 1px solid #cc0033;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	-webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}
.button.rouge {
	background: #cc0033;
	color:#fff;
}
.button:hover {
	color: #fff;
	background-color: #cc0033;
}
.button.rouge:hover {
	background: #fff;
	color: #cc0033;
}
.bigB {
	width: 280px;
	height: 46px;
	padding: 10px 0;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
.pButton{
	display: inline-block;
	height: 30px;
	padding: 0 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 26px;
	color: #FFFFFF;
	background: #cc0033;
	border: 1px solid #cc0033;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.pButton:hover{
	background: #cc0033;
	border: 1px solid #cc0033;
}

/* Actions de masse */
.massiveActions {
	background: #f1f1f1;
}
.massiveActions .detailAction {
	display: inline-block;
	height: 30px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	color: #666;
}
.massiveActions .detailAction:hover {
	color: #fff;
	background: #cc0033;
}
.massiveActions .detailAction span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}
.massiveActions .detailAction:hover span {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.massiveActions #delete span { background-position: 0 -634px; }
.massiveActions #block span { background-position: -60px -1054px; }
.massiveActions #unblock span { background-position: 0 -1054px; }
.massiveActions #delete:hover span { background-position: -60px -634px; }
.massiveActions #block:hover span { background-position: -90px -1054px; }
.massiveActions #unblock:hover span { background-position: -30px -1054px; }

/* ---------------------------------------- */
/* 9 - ANNUAIRE                             */
/* ---------------------------------------- */
.annuaire .contactAction { display: none; }
.annuaire .contener_summary {
	position: relative;
	float: left;
	padding: 5px;
	margin: -5px 5px 5px -5px;
}
.annuaire .contener_summary:hover { background: #f1f1f1; }
.annuaire .profileLists .contener_summary:nth-child(5n) { margin-right: 0; }
.annuaire .contener_summary .personImg {
	width: 142px;
	height: 142px;
	margin-right: 0;
}
.annuaire .contener_summary .personInfos {
	position: absolute;
	bottom: 6px;
	left: 6px;
	width: 140px;
	color: #fff;
	background: rgba(0,0,0,.25);
}
.annuaire .contener_summary .personName {
	padding: 2px 5px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

/* ---------------------------------------- */
/* 10 - WIKI                                */
/* ---------------------------------------- */
#postHeader { border-bottom: 1px solid #ccc; }
.postPictureResume {
	width: 100%;
	overflow: hidden;
}
.postPictureResume img {
	max-width: 100%;
	border: 1px solid #ccc;
}
.post_picture_resume {
	width: 90px;
	height: 90px;
	background-position: -40px -1110px!important;
	border: 1px solid #ccc;
	overflow: hidden;
}
.postTag span {
	display: inline-block;
	padding: 2px 6px;
	margin-right: 0;
	font-size: 10px;
	color: #999;
	background: #f1f1f1;
	border-radius: 3px;
}
.postNbComments span {
	display: block;
	width: 28px;
	height: 25px;
	font-size: 12px;
	line-height: 21px;
	color: #aaa;
	background-position: 0px -1110px;
}
.PostDescription, .postDescription {
	margin-bottom: 10px;
	font-size: 16px;
	color: #bbb;
}
.post {
	margin: -5px -5px 15px;
	padding: 5px;
	cursor: pointer;
}
.post:hover { background: #f1f1f1; }
.post .post_picture_resume { line-height: 90px; }
.post h2, .postDetail h2 { margin: 0; }
.post h2 a, .postDetail h2 a { font-weight: normal; }
.post_infos, #list_comments .date { color: #bbb; }
.post_infos span { display: inline; }
.post .linksmore, .lastCommentDate { display: none; }
.post .commentsDatas, .post .ratingsDatas {
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
}
.post .ratingsDatas {
	height: 20px;
	margin: 0;
	cursor: default;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
}
.post .ratingsDatas .legend, .post .ratingsDatas h3, .post .ratingsDatas .alreadyRated { display: none!important; }
.post_infos { font-size: 12px; }
#text p, #text div, #text span {
	font: normal 1em/1.2 'Roboto', Arial, sans-serif!important;
	color: #666!important;
}
#text h3 {
	padding: 0;
	margin-bottom: 0;
	font: normal 1.6em 'Roboto', Arial, sans-serif!important;
	color: #cc0033;
	border: none;
}
.pager {
	padding-top: 15px;
	border-top: 1px solid #ccc;
	clear: both;
	text-align: center;
}
.pager .back{
		display: inline-block;
}
.pager a {
	padding: 2px 5px;
	font-size: 12px;
	border: 1px solid #cc0033;
	display: inline-block;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pager a:hover, .pager a.pager_current_page {
	color: #fff;
	background: #cc0033;
}
#article #chapo {
	font-size: 16px;
	font-weight: 600;
}
#googleLinks {
	margin: 30px 0 15px;
}
.googleLink {
	display: block;
	padding: 12px 5px 10px 45px;
	margin-bottom: 5px;
	font: normal 12px Arial, sans-serif;
	color: #999;
	background-position: 10px -687px!important;
	border: 1px solid #ccc;
}
.googleLink:hover {
	color: #cc0033;
	border-color: #cc0033;
}
.ui-stars-cancel, .ui-stars-star {
	float: left;
	display: block;
	width: 10px!important;
	height: 20px;
	text-indent: -999em;
	cursor: pointer;
	overflow: hidden;
}
.ratingsDatas { margin: 30px 0 20px; }
.ui-stars-star { display: inline-block; vertical-align: top; }
.ui-stars-star, .ui-stars-star a { background: url(/modeles/fr/Modele1/css/../images/icons_communaute.png) no-repeat 0 -655px; }
.ui-stars-star:nth-child(2n), .ui-stars-star:nth-child(2n) a { background-position: -10px -655px; }
.ui-stars-star-on, .ui-stars-star-on a,
.ui-stars-star-hover, .ui-stars-star-hover a { background-position: -20px -655px; }
.ui-stars-star-on:nth-child(2n), .ui-stars-star-on:nth-child(2n) a,
.ui-stars-star-hover:nth-child(2n), .ui-stars-star-hover:nth-child(2n) a { background-position: -30px -655px; }
.alreadyRated {
	padding: 7px 10px 5px;
	margin-left: 20px;
	font-size: 12px;
	background: #ddf6ff;
}
.msgNoComment {
	padding: 35px 0 55px;
	color: #bbb;
}
.commentsDatasLink {
	padding: 0 15px;
	font-size: 10px;
	font-weight: normal;
	color: #cc0033;
	background-image: url(/modeles/fr/Modele1/css/../images/icons_communaute.png);
	background-position: 0 -263px!important;
}
#articlesList .chapo .commentsDatas a { background-position: 0 -263px; }
#confirmmsg {
	padding: 7px 10px 5px;
	margin-bottom: 10px;
	font-size: 12px;
	background: #ddf6ff;
}
.comment { font-size: 12px; }
.comment p:last-child {
	margin: 0 0 0 50px;
}
.commentField label { vertical-align: top; }
.respons .row_comment.waitingModeration { margin-bottom: 1px; }
#form_add_comment .personName { display: none; }
#form_add_comment fieldset { width: 600px;}
#form_add_comment textarea {
	width: 540px;
	height: 40px;
	margin: 0;
}
#form_add_comment textarea:focus { height: 150px; }
#form_add_comment input.button {
	height: 40px;
	line-height: 40px;
}
.contribution .row:nth-child(6) #content { height: 285px; }
.descOnTheRight {
	padding: 10px 20px;
	margin: 20px -20px;
	color: #999;
	background: #f9f9f9;
}

/* ---------------------------------------- */
/* 11 - CATALOGUE                           */
/* ---------------------------------------- */
.short_product .picture { text-align: center; }
.short_product .priceContainer {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.short_product h5 {
	margin-bottom: 10px;
	font-size: 1.3em;
	text-align: center;
}
.short_product .viewProduct, .widgetCart .viewcart {
	clear: right;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
.widgetCart { overflow: hidden; }
.widgetPush {
	position: absolute;
	top: 200px;
	left: 342px;
	width: 600px;
	background: #FFF;
	border: 1px solid #2C2C2C;
	padding: 20px;
	z-index:1000;
}
.monPanier {
	float: left;
	display: block;
	width: 120px;
	height: 40px;
	padding: 10px;
	margin-top: 10px;
	color: #fff;
	text-align: center;
	background: #CA1818;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.monPanier:hover { text-decoration: underline; }
.codeCoupon {
  float: left;
  margin-right: 20px;
  margin-top: 15px;
  font-size: 1.4em;
}
.codeCoupon span { font-weight: bold; }

/* ---------------------------------------- */
/* 12 - RECHERCHE                           */
/* ---------------------------------------- */
#searchForm {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
#searchForm input[type="text"] { height: 26px; }
.searchResults ul {
	margin: 0;
	list-style-type: none;
}
.searchResults dt a {
	font-weight: bold;
	color: #c28bad;
}
.searchResults dt small {
	display: inline-block;
	height: 20px;
	padding: 0 5px;
	font-size: 10px;
	line-height: 20px;
	color: #cc0033;
	background: #dfeff6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.searchResults dd small a {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* ---------------------------------------- */
/* 13 - FONT-FACE                           */
/* ---------------------------------------- */
@font-face {
	font-family: 'Roboto';
	src: url('/modeles/fr/Modele1/css/../fonts/OpenSans_Light-webfont.eot');
	src: url('/modeles/fr/Modele1/css/../fonts/OpenSans_Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/modeles/fr/Modele1/css/../fonts/OpenSans_Light-webfont.woff') format('woff'),
		 url('/modeles/fr/Modele1/css/../fonts/OpenSans_Light-webfont.ttf') format('truetype'),
		 url('/modeles/fr/Modele1/css/../fonts/css/OpenSans_Light-webfont.svg#OpenSans_Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/modeles/fr/Modele1/css/../fonts/OpenSans_Regular-webfont.eot');
	src: url('/modeles/fr/Modele1/css/../fonts/OpenSans_Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/modeles/fr/Modele1/css/../fonts/OpenSans_Regular-webfont.woff') format('woff'),
		 url('/modeles/fr/Modele1/css/../fonts/OpenSans_Regular-webfont.ttf') format('truetype'),
		 url('/modeles/fr/Modele1/css/../fonts/css/OpenSans_Regular-webfont.svg#OpenSans_Regular') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* ---------------------------------------- */
/* 14 - ICONES STOCK                        */
/* ---------------------------------------- */
.icons {
	background-image: url(/modeles/fr/Modele1/css/../images/icons_communaute.png);
	background-repeat: no-repeat;
}
#messagesNew, #notificationsNew, #contactsNew {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	cursor: pointer;
	transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
}
#notificationsNew{
	height:40px;
}
#messagesNew:hover, #notificationsNew:hover, #contactsNew:hover,
#messagesNew.active, #notificationsNew.active, #contactsNew.active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#messagesNew      { background-position: 4px 4px; }
#contactsNew      { background-position: -1px -25px; }
#notificationsNew { background-position: 0 -85px; }

/* ---------------------------------------- */
/* 15 - TRICKS                              */
/* ---------------------------------------- */
.hide      { display: none!important; }
.block     { display: block!important; }
.inbl      { display: inline-block; vertical-align: top; }
.inblM     { display: inline-block!important; vertical-align: middle; }
.inblB     { display: inline-block!important; vertical-align: bottom; }
.mod       { overflow: hidden; }
.relative  { position: relative; }

.w20p      { width: 20px; }
.w50p      { width: 50px; }
.w130p     { width: 130px; }
.w200p     { width: 200px; }
.w275p     { width: 275px; }
.w300p     { width: 300px; }
.w350p     { width: 350px; }
.w400p     { width: 400px; }
.w450p     { width: 450px; }
.w500p     { width: 500px; }
.w550p     { width: 550px; }
.w600p     { width: 600px; }
.w650p     { width: 650px; }
.w800p     { width: 800px; }
.w900p     { width: 900px; }
.w1100p    { width: 1100px; }

.p0        { padding: 0; }
.pl5       { padding-left: 5px; }
.pl30      { padding-left: 30px !important; }
.pr100     { padding-right: 100px; }
.pt10      { padding-top: 10px; }
.pt2       { padding-top: 20px; }
.pt25      { padding-top: 25px; }
.pb5       { padding-bottom: 5px; }
.pb10      { padding-bottom: 10px; }
.pb30      { padding-bottom: 30px; }

.ml10      { margin-left: 10px; }
.ml20      { margin-left: 20px; }
.ml35      { margin-left: 35px; }
.ml50      { margin-left: 50px; }
.mr10      { margin-right: 10px; }
.mr20      { margin-right: 20px; }
.mr50      { margin-right: 50px; }
.mt-2      { margin-top: -20px; }
.mt0       { margin-top: 0; }
.mt5       { margin-top: 5px; }
.mt10      { margin-top: 10px; }
.mt20      { margin-top: 20px; }
.mt30      { margin-top: 30px; }
.mb5       { margin-bottom: 5px; }
.mb10      { margin-bottom: 10px; }
.mb20      { margin-bottom: 20px; }
.mb30      { margin-bottom: 30px; }

.left      { float: left; }
.middle    { margin: 0 auto; }
.right     { float: right; }

.txtleft   { text-align: left; }
.txtcenter { text-align: center; }
.txtright  { text-align: right; }
.txthover:hover  { text-decoration: underline; }
.bold      { font-weight: bold; }
.lh16      { line-height: 16px; }
.lh26      { line-height: 26px; }
.clear     {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	border: 0;
}
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#closeResult, #closeFormTalk {
	padding: 0 5px;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	cursor: pointer;
	background-image: url(/modeles/fr/Modele1/css/../images/icons_communaute.png);
}
#closeResult > span, #closeFormTalk > span {
	display: block;
	text-indent: -9999px;
	background-position: 467px -217px;
}
#closeResult:hover, #closeFormTalk:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.arrowTop, .arrowBlack {
	position: absolute;
	top: -10px;
	left: 15px;
	z-index: 2;
	display: block;
	width: 25px;
	height: 10px;
	background-position: 0 -200px;
}
.arrowBlack {
	top: 22px!important;
	left: 5px;
	width: 10px;
	height: 5px;
	background-image: url(/modeles/fr/Modele1/css/../images/icons_communaute.png);
	background-position: 0 -240px;
	background-color: transparent;
}
.closeBox {
	position: absolute;
	top: 10px;
	right: 33px;
	z-index: 999;
	display: block;
	width: 10px;
	height: 10px;
	background-position: 0 -220px;
	text-indent: -9999px;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: .5;
}
.closeBox:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}
#overDiv {
	position: absolute;
	display: none;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
}
.errorForm, .loginError {
	width: 500px;
	padding: 10px;
	margin: 20px auto 0;
	color: #fff;
	text-align: center;
	background: rgba(193,0,0,.5);
}
#contentLoginForm .error {
	padding: 5px;
	color: #fff;
	text-align: center;
	background: #ff3c53;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.error input {
	background: #ffeaea;
	border: 1px solid #c90000;
}

/* ---------------------------------------- */
/* 16 - CROPPER                             */
/* ---------------------------------------- */
.myAccount .imagePreview { margin-left: 0; }
.imagePreview {
	margin-left:0;
	overflow: hidden;
	width: 200px;
	height: 200px;
}
.imagePreview img {
	min-width: 198px;
	max-width: none;
}
.imagePreviewCropLayer {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	margin: -200px 0 0 -300px;
	width: 600px;
	height: 410px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.7);
}
.imagePreviewCropLayer > span {
	float: right;
	color: #cc0033;
	padding: 5px 10px;
	margin: 10px 0 0 10px;
	font-size: 12px;
	border: 1px solid #cc0033;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
.imagePreviewCropLayer > span:last-child {
	border: 1px solid #fff;
}
.imagePreviewCropLayer > span:hover {
	color: #fff;
	background: #cc0033;
	border: 1px solid #cc0033;
}
.imagePreviewCrop {
	height: 350px;
	background: #eee;
	border: 1px solid #ddd;
	overflow-y: auto;
}
.datasFile {
	float: left;
	margin-top: 10px;
	font: bold 12px/32px Arial, Verdana, sans-serif;
}
.datasFile > span { margin-right: 20px; }
.datasFile strong { font-weight: normal; }
#fd_noir {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background: url(/modeles/fr/Modele1/css/../images/bg_mask.png);
}

/* ---------------------------------------- */
/* 17 - PRESENTATION COMPTES TESTS          */
/* ---------------------------------------- */
.helpToConnect {
	padding-top: 15px;
	font-size: 12px;
	text-align: center;
}
.helpToConnect ul {
	clear: both;
	width: 500px;
	padding-top: 15px;
	margin: 0 auto;
}
.helpToConnect li {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	padding: 10px;
	margin: 0 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.helpToConnect p {
	margin: 5px 0 0;
}

/* -------------------------------------------- */
/* MISE EN AVANT DE DOCUMENTS                   */
/* -------------------------------------------- */
.widgetCommunityDocs .filterTypeValue {
	display: block;
	padding: 0 5px;
	line-height: 30px;
	color: #666;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
}
.widgetCommunityDocs .filterTypeValue:hover, .widgetCommunityDocsTypes li a:hover,
.widgetCommunityDocsSearchResults a:hover {
	color: #007AAA;
	background: #e7f4fa;
}
.widgetCommunityDocs .filterType .arrowMenu.icons {
	position: absolute;
	top: 11px;
	right: 10px;
	width: 10px;
	height: 10px;
	background-position: 0 -236px;
}
.widgetCommunityDocsTypes {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
	display: none;
	width: 100%;
	margin: 0 !important;
	list-style-type: none;
	background: #fff;
	border: 1px solid #ccc;
}
.widgetCommunityDocsTypes li {
	padding-left: 0;
	background: none;
}
.widgetCommunityDocsTypes li a {
	display: block;
	padding: 0 5px;
	line-height: 30px;
	color: #666;
	text-decoration: none;
}
.widgetCommunityDocsSearch input[type="text"] {
	padding: 0 5px;
	margin-top: -1px;
	line-height: 30px;
	background: #fff;
	border-color: #ccc;
	outline: none;
}
.widgetCommunityDocsSearch input[type="text"]:focus {
	background: #e7f4fa;
	border-color: #007AAA;
}
.widgetCommunityDocsSearchEmpty, .widgetCommunityDocsContainerEmpty {
	padding-bottom: 10px;
	font-size: 1.4em;
	text-align: center;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.widgetCommunityDocsSearchEmpty .icons, .widgetCommunityDocsContainerEmpty .icons {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-position: -110px -750px;
}
.widgetContainerItems {
	margin-top: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
.widgetContainerItems li {
	list-style-type: none;
	padding: 5px 10px;
	background: none;
}
.widgetContainerItems li:hover {
	background: #f6f6f6;
}
.widgetContainerItems a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.widgetContainerItems .icons {
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 5px;
}
.widgetCommunityDocsItemInfos { margin-left: 25px; }
.statusAttachmentFile .icons  { background-position: -90px -77px; }
.statusAttachmentImage .icons { background-position: -50px -77px; }
.statusAttachmentLink .icons  { background-position: -70px -77px; }
.widgetCommunityDocsSearchResults {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
	display: none;
	width: 400px;
	background: #fff;
	border: 1px solid #ccc;
}
#leftbar .widgetCommunityDocsSearchResults,
#rightbar .widgetCommunityDocsSearchResults {
	left: auto;
	right: 0;
}
.widgetCommunityDocsSearchResults ul { margin: 0; }
.widgetCommunityDocsSearchResults li {
	float: left;
	width: 50%;
	list-style-type: none;
	padding-left: 0;
	background: none;
}
.widgetCommunityDocsSearchResults ul:after,
.widgetCommunityDocsSearchResults li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.widgetCommunityDocsSearchResults a {
	display: block;
	padding: 5px;
	line-height: 40px;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.widgetCommunityDocsSearchResults .userPicture {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	overflow: hidden;
}
.widgetCommunityDocsSearchResults .userPicture img {}
.widgetCommunityDocsRaz {
	position: absolute;
	top: 5px;
	right: 6px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: -129px -77px;
}
.widgetCommunityDocsRaz:hover { background-position: -129px -57px; }

/* -------------------------------------------- */
/* MODAL DE LA COMMUNAUTE                       */
/* -------------------------------------------- */
#overDiv.od_community {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9998;
	display: block;
	padding: 0;
	background: rgba(0,0,0,.5);
	border: none;
	visibility: visible;
}
#overDiv.od_community .modalWrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	width: 400px;
	margin-left: -200px;
	background: #fff;
	border: 1px solid #cc0033;
	visibility: visible;
	transform: translateY(-50%);
	border-radius: 5px;
}
#overDiv.od_community .modalWrapper a {
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
#overDiv.od_community .modalTitle {
	height: 40px;
	padding: 0 30px;
	font-size: 16px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}
#overDiv.od_community .modalClose {
	position: absolute;
	top: 11px;
	right: 12px;
	z-index: 2;
	font-size: 30px;
	line-height: 20px;
	opacity: .3;
}
#overDiv.od_community .modalClose:hover { opacity: 1; }
#overDiv.od_community .modalContent {
	padding: 20px 30px;
	font-size: 13px;
	line-height: 24px;
}
#overDiv.od_community .modalActions {
	padding: 10px;
	text-align: right;
	border-top: 1px solid #ccc;
}
#overDiv.od_community .modalActions:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#overDiv.od_community .modalActions a {
	float: right;
	display: block;
	padding: 0 10px;
	margin-left: 10px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
}
#overDiv.od_community .modalActions a.actionValid {
	color: #cc0033;
	border: 1px solid #cc0033;
	border-radius: 5px;
}
#overDiv.od_community .modalActions a.actionValid:hover {
	color: #fff;
	background-color: #cc0033;
}
#overDiv.od_community .modalActions a.actionCancel:hover { text-decoration: underline; }



.widgetLastElements .widgetLastElementsPicture{
	width:35%;
	float:left;
	margin:0 10px 0 0;
	float:left;
}
.widgetLastElements .widgetLastElementsTexts h5{
	color:#999999;
}
.widgetLastElements .widgetLastElementsTexts .widgetLastElementsDescription{
	line-height:14px;
}






.profileLists .contener_summary{
	width:120px;
	height:185px;
	float:left;
	margin: 0 10px 10px 0;
	overflow:hidden;
	position:relative;
}



.contactAction {
	opacity:0;
}
.contener_summary:hover .contactAction {
	opacity:1;
	position:absolute;
	top:45px;
	width:100%;
	text-align: center;
}
.contener_summary .personImg{
	background:#cc0033;
}
.contener_summary:hover .personImg img{
	opacity:0.3;
	-webkit-transition: .6s ease-in;
    -moz-transition:.6s ease-in;
    -o-transition: .6s ease-in;
    transition:.6s ease-in;
}
.contactAction a{
	font-size:0.8em;
	border:1px solid #fff;
	display:inline-block;
	text-align:center;
	line-height:14px;
	margin:0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:90%;
	margin:0 5%;
	color:#fff;
	padding: 5px 0;
}

.contener_summary span.see{
	font-size:0.8em;
	border:1px solid #fff;
	display:inline-block;
	text-align:center;
	line-height:14px;
	margin:0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:90%;
	margin:0 5%;
	color:#fff;
	padding: 5px 0;
	opacity: 0;
	position: absolute;
	top:50px;
	left:0px;
}
.contener_summary:hover span.see{
	opacity: 1;
}
.contener_summary .personImg{
	width:100%;
	height:120px;
	float:none;
	margin:0;
	border:none;
}
.contact_notification .personName {
    line-height: 14px;
    display: inline-block;
    margin: 0;
}

form > fieldset > div:nth-child(5) label{
	width: 100% !important;
}

/*---Actualités---*/
.newsContainer{
	background:#f3f3f3;
	margin:10px 0;
	height:200px;
}
.newsContainer h2{
	font-size:1.3em;
}
.newsContainer .description{
	margin:0 0 15px 0
}
.newsContainer .chapoPicture{
	float:left;
	width:39%;
	margin:0 2% 0 0;
	overflow:hidden;
	height:200px;
	background:#fff url(/images/bg-image.png) no-repeat 0 0;
	background-size:100% auto;
	-moz-box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	-webkit-box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	-o-box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=100);

}
.newsContainer .chapoPicture img{
	max-width:inherit;
	height:100%;
}
.newsContainer .bloc-right{
	padding:10px;
	height:200px;
	float:left;
	width:59%;
}

.news{
	margin:0 0 20px 0;
}








/*-----Home page ------*/
#pref-home .box-actu{
	margin:0 0 30px 0;
}
#pref-home h2.widgTitle,
#pref-home .box-actu h2.actu-title{
	color:#cc0033;
	font-weight:300;
	margin:0 0 15px 0;
}


/*Actu*/

/*--------------ACTU HOME-----------*/
.actu{
	width:100%;
}
.actu h2{
display:none;
}

.box-actu .nav{
	width:42%;
	float:left;
	margin:0;
	list-style:none;
}
.box-actu .ui-tabs-panel{
	float:right;
	width:58%;
	height:222px;
}
.box-actu .nav li{
	margin:0 3% 12px 0;
	width:47%;
	position:relative;
	float:left;
	height:105px;
}
.box-actu .nav h2{
	position:absolute;
	background-color: rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:300;
	font-size:0.8em;
	padding: 60px 5px 5px;
	line-height:12px;
	top:0;
	left:0;
	height:105px;
	width:100%;
 }
.box-actu .nav .visuel-actu{
	width:100%;
	background:#fff url(/images/bg-image.png) no-repeat center center;
	background-size:100%;
}
.box-actu .nav .visuel-actu img{
	max-width:inherit;
	height:100%;
}
.actu .description-actu p{
	/*font-size:0.95em;*/
	font-size: 12px;
	line-height:15px;
	margin:0;
	text-align:left;
}
.actu .ui-tabs-hide {
    display: none;
}

.actu .part-white{
	margin:0;
	padding: 5px 20px 10px;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.actu .part-white .description-actu{
	color:#fff;
	font-size:0.9em;
	line-height:16px;
	overflow:hidden;
}
#text .actu .part-white .description-actu p{
	color:#fff !important;
	font-size:0.8em !important;
}
.actu .border-actu{
	position:relative;
	-moz-box-shadow: inset 0px 0px 50px 0px #c0c0c0;
	-webkit-box-shadow: inset 0px 0px 50px 0px #c0c0c0;
	-o-box-shadow: inset 0px 0px 50px 0px #c0c0c0;
	box-shadow: inset 0px 0px 50px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=50);
}

.actu .visuel-actu{
	width:100%;
	height:222px;
	background:#fff url(/images/bg-image.png) no-repeat center center;
	background-size:100% auto;
	-moz-box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	-webkit-box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	-o-box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	box-shadow: inset 0px 0px 100px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=100);
}

.actu a{
	text-decoration:none;
	float:right;
	padding:0 25px 0 0;
}

.actu a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.actu a span{
	display:none;
}

.actu .visuel-actu {
	overflow:hidden;
}
.actu .visuel-actu img{
	width:auto;
	max-width:100%;
}

#news .chapoPicture{
	margin:0 0 20px 0;
}


#contentsInner .box-actu .nav .ui-state-default h2{
margin:15px 0 0 0;
color:#fff;
}

#contentsInner .box-actu .nav .ui-state-active h2{
color:#000;
}
.box-actu .nav .ui-state-default .description-actu{
display:none;
}
.box-actu .nav .ui-state-default .visuel-actu{
width:100%;
height:105px;
overflow:hidden;
}




.group_contener, #addGroup{
	display: none;
}





/*---MEDIA DOWNLOAD----*/


		/*#zliste .name{
			display: block;
			padding-left: 40px;
			position: relative;
		}*/
		/*#zliste .name:before{
			color: #2d79b5;
			content: "\f016";
			font-family: "FontAwesome";
			font-size: 23px;
			left: 0;
			position: absolute;
			top: -6px;
		}

		#zliste .name:before{
			color: #CC0033;
			content: "\f1c5"
		}*/
#zliste .line{
	padding: 8px 0;
	border-bottom: 1px solid #ccc;

}
#zliste .picto::before{
	content: "\f063";
	font-family: "FontAwesome";
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#474747;
	color:#fff;
	margin:0 10px 0 0;
}
#zliste .picto{
	float: right;
}
#zliste .picto span{
	color:#474747;
}
#zliste .title::before{
	font-family: "FontAwesome";
	display: inline-block;
	margin:0 10px 0 0;
	font-size: 1.3em;
}
#zliste .title[href$=".jpg"]::before,
#zliste .title[href$=".png"]::before{
	content: "\f1c5";
}

#zliste .title[href$=".pdf"]::before{
	content: "\f1c1";
}
#zliste .title[href$=".xlsx"]::before,
#zliste .title[href$=".xls"]::before{
	content: "\f1c3";
}
#zliste .title[href$=".docx"]::before,
#zliste .title[href$=".doc"]::before{
	content: "\f1c2";
}




/*Raccourcis dans la colonne de droite*/


.widgetShortcutTools ul li{
	list-style: none;
}

.widgetShortcutTools ul li a{
	color:#555555;
	padding: 0 0 0 45px;
	font-size:1.2em;
	line-height: 40px;
	display: inline-block;
	background:url(/modeles/fr/Modele1/css/../images/sprites-raccourcis.png) no-repeat 0 0;
}

.widgetShortcutTools ul li.Groupes a{
	background-position: 0 -120px;
}
.widgetShortcutTools ul li.Profils a{
	background-position: 0 -80px;
}
.widgetShortcutTools ul li.Ressources a{
	background-position: 0 -40px;
}





.box-sponsor h4{
	display: none;
}



.box-rss .widgetRssItem{
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
	#itemRSS #item_title,
	.box-rss .widgetRssItem .widgetRssItemTitle{
		color:#000;
		font-weight: bold;
		font-size: 1.1em;
		line-height: 110%;
	}

	#itemRSS #itemDate,
	.box-rss .widgetRssItem .widgetRssItemDate{
		font-size: 0.9em;
		background: #fff;
		padding:2px 5px;
		display: inline-block;
		margin-bottom: 10px;
	}


	#itemRSS .bouton,
	.box-rss .bouton{
		display: inline-block;
		padding: 5px 20px;
		background: #cc0033 none repeat scroll 0 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		margin-top: 20px;
	}