/* ******************************* FONTS ******************************* */
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: "Flaticon";
	src: url("../fonts/flaticon.eot?v=14");
	src: url("../fonts/flaticon.eot?v=14#iefix") format("embedded-opentype"),
		url("../fonts/flaticon.woff?v=14") format("woff"),
		url("../fonts/flaticon.ttf?v=14") format("truetype"),
		url("../fonts/flaticon.svg?v=14") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class ^="flaticon-"]:before,[class *=" flaticon-"]:before {
	font-family: Flaticon !important;
	font-size: 20px;
	font-style: normal;
	margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
}

.flaticon-trophy:before {
    content: "\f101";
}
.flaticon-roadmap:before {
    content: "\f102";
}
.flaticon-calendar:before {
    content: "\f103";
}
.flaticon-users:before {
    content: "\f104";
}
.flaticon-hashtag:before {
    content: "\f105";
}
.flaticon-magazine:before {
    content: "\f106";
}
.flaticon-dashboard:before {
    content: "\f107";
}
.flaticon-gallery-view:before {
    content: "\f108";
}
.flaticon-books:before {
    content: "\f109";
}
.flaticon-author:before {
    content: "\f10a";
}
.flaticon-loan:before {
    content: "\f10b";
}
.flaticon-comments:before {
    content: "\f10c";
}
.flaticon-listing1:before {
    content: "\f10d";
}
.flaticon-bug:before {
    content: "\f10e";
}
.flaticon-home:before {
    content: "\f10f";
}
.flaticon-information:before {
    content: "\f110";
}
.flaticon-publisher:before {
    content: "\f111";
}
.flaticon-list50:before {
    content: "\f112";
}
.flaticon-cart:before {
    content: "\f113";
}
.flaticon-arrow-up:before {
    content: "\f114";
}
.flaticon-manage:before {
    content: "\f115";
}
.flaticon-like2:before {
    content: "\f116";
}
.flaticon-instagram:before {
    content: "\f117";
}
.flaticon-parabd:before {
    content: "\f118";
}
.flaticon-equal:before {
    content: "\f119";
}
.flaticon-grid:before {
    content: "\f11a";
}
.flaticon-close:before {
    content: "\f11b";
}
.flaticon-facebook:before {
    content: "\f11c";
}
.flaticon-rate:before {
    content: "\f11d";
}
.flaticon-import-export:before {
    content: "\f11e";
}
.flaticon-rate-plain:before {
    content: "\f11f";
}
.flaticon-rate-half:before {
    content: "\f120";
}
.flaticon-edit:before {
    content: "\f121";
}
.flaticon-login:before {
    content: "\f122";
}
.flaticon-trash:before {
    content: "\f123";
}
.flaticon-no-entry:before {
    content: "\f124";
}
.flaticon-tick:before {
    content: "\f125";
}
.flaticon-menu:before {
    content: "\f126";
}
.flaticon-parameters:before {
    content: "\f127";
}
.flaticon-network:before {
    content: "\f128";
}
.flaticon-like:before {
    content: "\f129";
}
.flaticon-user:before {
    content: "\f12a";
}
.flaticon-settings:before {
    content: "\f12b";
}
.flaticon-warning:before {
    content: "\f12c";
}
.flaticon-series:before {
    content: "\f12d";
}
.flaticon-comic-shop:before {
    content: "\f12e";
}
.flaticon-privacy:before {
    content: "\f12f";
}
.flaticon-list:before {
    content: "\f130";
}
.flaticon-news:before {
    content: "\f131";
}
.flaticon-buylist:before {
    content: "\f132";
}
.flaticon-wikipedia:before {
    content: "\f133";
}
.flaticon-twitter:before {
    content: "\f134";
}
.flaticon-user-remove:before {
    content: "\f135";
}
.flaticon-user-add:before {
    content: "\f136";
}
.flaticon-rates:before {
    content: "\f137";
}
.flaticon-new:before {
    content: "\f138";
}
.flaticon-more:before {
    content: "\f139";
}
.flaticon-broken-link:before {
    content: "\f13a";
}
.flaticon-link:before {
    content: "\f13b";
}
.flaticon-asterisk:before {
    content: "\f13c";
}
.flaticon-minus:before {
    content: "\f13d";
}
.flaticon-like-active:before {
    content: "\f13e";
}
.flaticon-deviantart:before {
    content: "\f13f";
}
.flaticon-event:before {
    content: "\f140";
}
.flaticon-review:before {
    content: "\f141";
}
.flaticon-bdfuge:before {
    content: "\f142";
}
.flaticon-arrow-up-thin:before {
    content: "\f143";
}
.flaticon-arrow-right:before {
    content: "\f144";
}
.flaticon-arrow-left:before {
    content: "\f145";
}
.flaticon-arrow-down-thin:before {
    content: "\f146";
}
.flaticon-down-arrow:before {
    content: "\f147";
}
.flaticon-amazon:before {
    content: "\f148";
}
.flaticon-album:before {
    content: "\f149";
}
.flaticon-close-thin:before {
    content: "\f14a";
}
.flaticon-idea:before {
    content: "\f14b";
}
.flaticon-info:before {
    content: "\f14c";
}
.flaticon-label:before {
    content: "\f14d";
}
.flaticon-location:before {
    content: "\f14e";
}
.flaticon-logout:before {
    content: "\f14f";
}
.flaticon-mail:before {
    content: "\f150";
}
.flaticon-notification:before {
    content: "\f151";
}
.flaticon-plus:before {
    content: "\f152";
}
.flaticon-profil:before {
    content: "\f153";
}
.flaticon-question:before {
    content: "\f154";
}
.flaticon-search:before {
    content: "\f155";
}
.flaticon-stats:before {
    content: "\f156";
}
.flaticon-store:before {
    content: "\f157";
}
.flaticon-bookmark-ribbon:before {
    content: "\f158";
}
.flaticon-download:before {
    content: "\f159";
}
.flaticon-upload:before {
    content: "\f15a";
}


p {
	padding-bottom: 10px;
}

.print {
	display: none
}

.col-lg-1 { width: 12.5% }
.col-lg-2 { width: 25% }
.col-lg-3 { width: 37.5% }
.col-lg-4 { width: 50% }
.col-lg-5 { width: 62.5% }
.col-lg-6 { width: 75% }
.col-lg-7 { width: 87.5% }
.col-lg-8 { width: 100% !important }

.col-lg-33 { width: 33.3% }
.col-lg-66 { width: 66.7% }


.col-md-1 {
	width: 25%;
}

.col-md-2 {
	width: 50%;
}

.col-md-3 {
	width: 75%;
}

.col-md-4 {
	width: 100% !important;
}

.col-md-0 {
	width: 18.5%;
}

.col-md-7 {
	width: 81.5%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, 
.col-md-0,.col-md-1,.col-md-2,.col-md-3,.col-md-4, .col-md-7, .col-lg-33, .col-lg-66 {
	float: left;
}

.xs-show {
	display: none;
}

.padding-lg { padding: 20px }
.padding-lg-t-20 { padding-top: 20px }
.padding-lg-r-20 { padding-right: 20px }
.padding-lg-b-20 { padding-bottom: 20px }
.padding-lg-l-20 { padding-left: 20px }

.padding-0, .p-0 { padding: 0px }
.padding-t-0, .p-t-0 { padding-top: 0px }
.padding-r-0, .p-r-0 { padding-right: 0px }
.padding-b-0, .p-b-0 { padding-bottom: 0px !important }
.padding-l-0, .p-l-0 { padding-left: 0px }

.p-t-10 { padding-top: 10px }
.p-r-10, .p-lg-r-10 { padding-right: 10px }
.p-b-10 { padding-bottom: 10px }
.p-l-10, .p-lg-l-10 { padding-left: 10px }

.padding { padding: 20px }
.padding-t-20, .p-t-20 { padding-top: 20px }
.padding-r-20, .p-r-20, .p-lg-r-20 { padding-right: 20px }
.padding-b-20, .p-b-20, .p-lg-b-20 { padding-bottom: 20px }
.padding-l-20, .p-l-20 { padding-left: 20px }

.padding-40 { padding: 40px }
.padding-t-40, .p-t-40, .p-lg-t-40 { padding-top: 40px }
.padding-r-40, .p-r-40, .p-lg-r-40 { padding-right: 40px }
.padding-b-40, .p-b-40, .p-lg-b-40 { padding-bottom: 40px }
.padding-l-40, .p-l-40, .p-lg-l-40 { padding-left: 40px }

.margin-0, .margin-0:before { margin: 0px }
.margin-t-0 { margin-top: 0px }
.margin-r-0, .m-r-0 { margin-right: 0px !important }
.margin-b-0, .m-b-0 { margin-bottom: 0px }
.margin-l-0, .m-l-0 { margin-left: 0px !important }

.m-t-10 { margin-top: 10px }
.m-r-10 { margin-right: 10px }
.m-b-10 { margin-bottom: 10px }
.m-l-10 { margin-left: 10px }

.margin { margin: 20px }
.margin-t-20, .m-t-20, .m-lg-t-20 { margin-top: 20px }
.margin-r-20, .m-r-20 { margin-right: 20px }
.margin-b-20, .m-b-20, .m-lg-b-20 { margin-bottom: 20px }
.margin-l-20, .m-l-20 { margin-left: 20px }

.margin-40 { margin: 40px }
.margin-t-40 { margin-top: 40px }
.margin-r-40 { margin-right: 40px }
.margin-b-40, .m-b-40 { margin-bottom: 40px }
.margin-l-40 { margin-left: 40px }

/* ******************************* CSS RESET ******************************* */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,acronym,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,textarea,input,label,legend,figure,header,section,hgroup {
	border: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	outline: 0;
	padding: 0;
	word-wrap: break-word;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* ******************************* BASICS ELEMENTS ******************************* */
body {
	background: rgba(246, 246, 246, 0.8);
	color: rgb(51, 51, 51);
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

h1 {
	color: #0a0c0d;
	font-weight: 300;
	font-size: 28px;
}

h2, .h-series {
	font-size: 22px;
	font-weight: 300;
	line-height: 100%;
}

h3, .h-album {
	font-size: 15px;
}

h3.about {
	background: url(../images/about.png) no-repeat left center;
	padding-left: 20px;
}

h5 {
	font-size: 13px;
}

a {
	color: #47A3DA;
	cursor: pointer;
	text-decoration: none;
}

a:hover, .selected {
	color: #85bee9 !important;
	outline: none;
}

a:active {
	outline: none;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

table {
	width: 100%;
}

table tr td {
	vertical-align: top;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

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

div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ******************************* GLOBAL CLASSES ******************************* */

.clear { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
.right { float: right }
.left { float: left }
.hidden { display: none }
.inline { display: inline-block }

.center { text-align: center !important }
.justify { text-align: justify }
.text-right { text-align: right }

.em {font-style: italic }
.strong { font-weight: bold }
.small { font-size: 11px !important }
.small:before { font-size: 14px }
.upper {text-transform: uppercase}

.hover { cursor: pointer}

.no-margin {
	margin: 0 !important;
}

.margin-top {
	margin-top: 40px;
}

.padding-top {
	padding-top: 40px;
}

.padding-bottom {
	padding-bottom: 40px;
}

.border-radius {
	border-radius: 3px
}

.border-radius-2x {
	border-radius: 6px
}

.border-radius-half {
	border-radius: 50%
}

.red {
	color: red;
}

a.red:hover {
	color: rgba(255, 0, 0, 0.6) !important;
}

.green {
	color: green;
}

.text-gray {
	color: #9e9e9e;
}

/* ******************************* FORMS ******************************* */
.button,input[type=submit],input[type=button] {
	background-color: #47a3da;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	letter-spacing: 1px;
	line-height: normal;
	padding: 0.6em 1.2em;
	text-transform: uppercase;
	text-align: center;
	opacity: 0.9;
	vertical-align: top;
}

.button:hover,input[type=submit]:hover,input[type=button]:hover {
	color: #fff !important;
	opacity: 1;
	text-decoration: none;
}

input.red,input.delete,.button.red {
	background: #d81b21;
}

input.cancel,input.gray,.button.cancel {
	background-color: #9e9e9e;
}

label {
	padding-top: 4px;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-bottom: 1px;
}

form label span {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
	padding-left: 10px;
}

fieldset {
	border-bottom: 1px solid rgba(0, 0, 0, 0.0980392);
}

fieldset legend {
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
	margin: 0;
}

input[type=text], input[type=password], input[type=email], input[type=url] {
	color: #333;
	margin-bottom: 7px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	width: 300px;
}

textarea {
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 12px;
	height: 300px;
	padding: 5px;
	width: 100%;
}

input:disabled {
	background: #f4f4f4;
	cursor: default;
}

.form-error label,.form-error input[type=text],.form-error input[type=password],.form-error input[type=email]
	{
	color: #d81b21;
	border-color: #d81b21;
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus {
	background-color: #FFFFCC;
}

::-webkit-input-placeholder {
	color: #aaa;
}

:-moz-placeholder { /* Firefox 18- */
	color: #aaa;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #aaa;
}

:-ms-input-placeholder {
	color: #aaa;
}

.form-buttons {
	margin-top: 20px;
	clear: both;
}

.form-buttons input {
	margin-left: 10px;
}

.currency input {
	padding-right: 14px;
}
	
.currency .currency-icon {
	position: absolute;
	margin-left: -12px;
	margin-top: 3px;
}

/* ******************************* GLOBAL BLOC STYLE ******************************* */


/* **** ORDERING MENU **** */

#ordering-menu {
	display: inline-block;
	float: right;
	font-size: 12px;
	overflow: hidden;
}	

	#ordering-menu:hover {
		background-color: rgba(246, 246, 246, 0.8);
		cursor: pointer;
	}
	
		#ordering-menu .header {
			padding: 5px 10px;
		}
	
		#ordering-menu:hover .hidden {
			background-color: rgba(246, 246, 246, 0.95);
			display: block;
			position: absolute;
		}
		
			#ordering-menu a {
				border-top: 1px solid #d6d6d6;
				color: rgb(51, 51, 51);
				display: block;
				padding: 5px 10px 5px 20px;
			}
			
				#ordering-menu a:hover, #ordering-menu a.active {
					background-color: rgba(255, 255, 255, 0.8);
				}
	
	#ordering-menu span {
		font-weight: bold;
		text-transform: uppercase;
	}
	
		#ordering-menu span:after {
		    display: inline-block;
		    font-family: 'icomoon';
		    speak: none;
		    font-style: normal;
		    font-weight: normal;
		    font-variant: normal;
		    text-transform: none;
		    line-height: 1;
		    -webkit-font-smoothing: antialiased;
		    content: "\f107";
		    font-size: 100%;
		    margin-left: 5px;
		    vertical-align: middle;
		}

/* TABS */

.tabs {
	border-bottom: 2px solid rgba(246, 246, 246, 0.8);
	height: 30px;
	margin-bottom: 15px;
}

.tabs li a {
	border-bottom: 2px solid rgba(246, 246, 246, 0.8);
	color: rgb(51, 51, 51);
	display: inline-block;
	float: left;
	height: 30px;
	margin-right: 30px;
	padding: 5px 0px;
}

.tabs li.selected a,.tabs li:hover a {
	color: #47A3DA;
	border-color: #47A3DA;
}

/* Listing */

table.listing {
	width: 100%;
	border-collapse: collapse;
}

table.listing th {
	padding: 3px 5px;
	background: #47A3DA;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

table.listing th a {
	color: #fff;
}

table.listing td {
	padding: 5px 8px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
}

table.listing td.icon {
	width: 16px;
	padding: 3px 0px 3px 8px;
}

table.listing td.icon img {
	vertical-align: middle;
}
	
		table.listing td.actions-list a:before {
			font-size: 13px !important;
		}
		
		table.listing td.actions-list a[class ^="flaticon-"]:before, table.listing td.actions-list a[class *=" flaticon-"]:before {
			margin: 0 3px;
		}

table.listing tr.alt {
	/background: #f6f6f6;
}

table.listing tr:nth-child(even) {
	background: #f6f6f6;
}

table.listing tfoot tr td {
	border: 0px;
}

table.listing tfoot tr td div.selection {
	background: url(../images/sub_folder.gif) no-repeat left top;
	float: left;
	padding-left: 20px;
}

/* Messages */


.info,.notice,.warning,#messages .error,.validation {
	border: 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info.png');
}

.notice {
	color: #4F8A10;
	background-color: rgba(223, 242, 191, 0.65);
	background-image: url('../images/success.png');
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/warning.png');
}

#messages .error {
	color: #D8000C;
	background-color: rgba(255, 186, 186, 0.65);
	background-image: url('../images/error.png');
}

/* ****************************************************************************************** */
	/* **** ICONS BUTTONS **** */

.icon:before {
	display: inline-block;
	line-height: 31px !important;
	text-align: center;
	color: #47a3da;
}

[class ^="icon flaticon-"]:before {
	font-size: 18px;
	padding: 1px 0 0 6px;
}

.icon.blue,.icon.blue:before {
	color: #47a3da;
}

.icon.green,.icon.green:before {
	color: green;
}

.icon.red,.icon.red:before {
	color: red;
}

.icon.gray,.icon.gray:before {
	color: #9e9e9e;
}

.icon-album-valid {
	color: green !important;
	width: 390px !important;
}

.icon-album-valid:before {
	content: "\e62d";
	color: green;
	height: 0;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 20px;
}

.icon-album-valid img {
	padding: 0px 0 0 5px;
	vertical-align: bottom;
}



.album-actions {
	clear: both;
	float: right;
	font-size: 16px;
	min-height: 50px;
}

.album-actions.small {
	clear: both;
	font-size: 14px;
}

.album-actions a, .album-actions span {
	display: inline-block;
	float: right;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 2px solid #47a3da;
	text-indent: -8000px;
}

.album-actions [class *="flaticon-"]:before {
	font-size: 18px;
	padding: 1px 0 0 6px;
	display: inline-block;
	width: 31px;
	height: 31px;
	line-height: 31px;
	text-indent: 8000px;
}

.album-actions.small a, .album-actions.small span {
	width: 34px;
	height: 34px;
	border: 2px solid #47a3da;
}

.album-actions a.icon-gray {
	border-color: #9e9e9e;
}

.album-actions a.icon-red {
	border-color: red;
}

.album-actions a:after,.album-actions span:after {
	content: attr(data-info);
	color: #47a3da;
	float: right;
	font-size: 16px;
	text-align: right;
	margin-top: 40px;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.album-actions.small a:after,.album-actions.small span:after {
	margin-top: 33px;
}

.album-actions a.icon-gray:after {
	color: #9e9e9e;
}

.album-actions a.icon-red:after {
	color: red;
}

.album-actions a:hover:after,.album-actions span:hover:after {
	opacity: 1;
}

.album-actions a:hover,.album-actions .active {
	background: #47a3da;
	color: #fff;
}

.album-actions a.icon-red:hover,.album-actions a.icon-red.active {
	background: red;
}

.album-actions a.icon-gray:hover {
	background: #9e9e9e;
}

.flaticon-amazon {
	padding-top: 1px
}

.icon-gray:before {
	color: #9e9e9e;
}

.album-actions a:hover:before,.album-actions .active:before {
	color: #fff !important;
}

.icon-red:before {
	color: red;
}

.album-actions .flaticon-amazon {
	margin-right: 10px !important;
}

.album-actions .flaticon-no-entry:before {
	font-size: 19px;
	padding: 0 0 0 5px;
}


/* **** BLOC ALBUM **** */

.stats-details {
    font-size: 13px;
    text-align: right;
    padding: 8px 0 12px 0;
} 

.stats-details span, .stats-details a {
    padding: 0 0 0 30px;
    position: relative;
}

.stats-details [class *="flaticon-"]:before {
	display: inline-block;
	position: absolute;
    font-size: 16px;
    color: #47a3da;
    margin: 0;
    left: 8px;
}

/* */

.actions-list {
	text-align: center
}

.actions-list a {
	color: rgb(200, 200, 200);
	display: inline-block;
}

.actions-list.with-text a {
	display: block;
	padding-left: 18px;
}

.actions-list a:before {
	color: rgb(200, 200, 200);
	font-family: 'icomoon';
	font-size: 16px;
	height: 16px;
	line-height: 20px;
	width: 16px;
}

.actions-list.with-text a:before {
	font-size: 13px;
	width: 13px;
	margin-left: -18px;
	position: absolute;
}

.actions-list a:hover:before,.actions-list a.selected:before,.actions-list a:hover,.actions-list a.selected
	{
	color: #47a3da;
}

.actions-list a.red:hover:before, .actions-list a.red.selected:before, .actions-list a.btn-delete:hover:before,.actions-list a.btn-delete.selected:before,.actions-list a.btn-delete:hover,.actions-list a.btn-delete.selected
	{
	color: red;
}

.actions-list a.btn-edit:before {
	content: "\e601";
}

.actions-list a.btn-delete:before {
	content: "\e62c";
}



/* **** HOMEPAGE **** */

.home-title {
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	padding-left: 10px;
}

	.home-title h2, .home-title a {
		color: #fff;
	}

.home-title.title-orange {
	background: #EAD013;
	border-top: 2px dashed #fff;
}

	.title-orange:before {
		background: #FCF7AB;
		content: " ";
		display: block;
		height: 15px;
		margin: -17px 0 0 -10px;
		position: absolute;
		width: 200px;
	}
	
	.title-orange a:hover {
		color: #FCF7AB !important;
	}

.home-title.title-brown {
	background: #A60C1F;
}

	.title-brown:before {
		background: #D79496;
		content: " ";
		display: block;
		height: 15px;
		margin: -15px 0 0 -10px;
		position: absolute;
		width: 200px;
	}

	.title-brown a:hover {
		color: #D79496 !important;
	}

.home-title.title-green {
	background: #58E23E;
}

	.title-green:after {
		background: #CDF0D1;
		content: " ";
		display: block;
		float: right;
		height: 15px;
		margin-top: 40px;
		width: 25%;
	}

	.title-green a:hover {
		color: #d4ecd1 !important;
	}

.home-title.title-blue {
	background: #3FBBF0;
	margin-top: 15px;
}

	.title-blue:before {
		background: #DDF7FE;
		content: " ";
		display: block;
		height: 15px;
		margin: -15px 0 0 -10px;
		position: absolute;
		width: 150px;
	}

.title-blue a:hover {
	color: #ddf7fe !important;
}

.home-title.title-beige {
	background: #EFD2B3;
}

	.title-beige:after {
		background: #FEF5E9;
		content: " ";
		display: block;
		float: right;
		height: 15px;
		width: 100px;
	}

	.title-beige a:hover {
		color: #FEF5E9 !important;
	}

.home-title.title-gray {
	background-image: url(../images/home-title-gray.png);
	padding: 24px 0 24px 14px;
}

h2.home-title.title-gray a:hover {
	color: #bfbde4 !important;
}

#home ul.news li {
	border-bottom: 1px dotted #c6c4ba;
	padding: 5px 0 5px 3px;
}

#slideshow_home {
	height: 400px;
	margin-top: -51px;
	width: 100%;
}

	#slideshow_home .swrapper {
		width: 100%;
	}
	
		#slideshow_home .swrapper>div.slide {
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			opacity: 0;
			position: absolute;
			width: 100%;
		}
	
	#slideshow_home .swrapper>div.slide:nth-child(1) {
		opacity: 1;
	}
	
		#slideshow_home .swrapper a {
			display: block;
			width: 100%;
			height: 400px;
		}

#slideshow_home .label {
	margin: 0 auto;
	width: 1200px;
	height: 200px;
	padding-top: 250px;
}

#slideshow_home .label1,#slideshow_home .label2 {
	background-color: rgba(255, 255, 255, 0.6);
	color: #000;
	display: inline-block;
	float: left;
	clear: both;
	font-size: 25px;
	line-height: 30px;
	padding: 10px 20px;
	margin-left: 50px;
}

#slideshow_home .label1 {
	text-transform: uppercase;
	margin-bottom: 5px;
}

#slideshow_home .label2 {
	font-size: 20px;
}

#slideshow_home .pager {
	display: inline-block;
	float: right;
	margin-right: 50px;
	margin-top: -50px;
	position: relative;
}

#slideshow_home .pager a {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	transition: 1s all;
	width: 8px;
}

#slideshow_home .pager a:hover,#slideshow_home .pager a.selected {
	background: #fff;
}

.next,.prev {
	background-image: url(../images/next-prev.png);
	cursor: pointer;
	float: left;
	width: 30px;
	height: 27px;
}

.next:hover,.prev:hover {
	background-image: url(../images/next-prev-hover.png);
}

.next {
	background-position: -30px 0px;
}

/* BUZZ */
#home .buzz {
	border-bottom: 1px solid #c7c8e3;
	height: 57px;
	max-height: 57px;
	width: 284px;
}

#home .buzz.last {
	border: 0px;
	height: 59px;
	max-height: 59px;
}

.buzz:hover {
	background-color: #d8dfe5;
	cursor: pointer;
}

.buzz-position {
	float: left;
	font-size: 21px;
	text-align: right;
	padding: 18px 0 18px 0;
	width: 25px;
}

.buzz-content * {
	display: inline-block;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 215px;
}

#buzz .buzz {
	border-top: 1px solid #c7c8e3;
	height: 57px;
	max-height: 57px;
}

#buzz .buzz:hover {
	background-color: #FFFFCC;
}

#buzz .buzz.last {
	border-bottom: 1px solid #c7c8e3;
}

#buzz .buzz-content * {
	display: inline-block;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 465px;
}

#buzz .rate {
	float: right;
	margin-top: 10px;
	width: 75px;
}

.buzz-up {
	background: url(../images/buzz-up.png) center center no-repeat;
	float: left;
	height: 57px;
	margin-left: 5px;
	width: 30px;
}

.buzz-down {
	background: url(../images/buzz-down.png) center center no-repeat;
	float: left;
	height: 57px;
	margin-left: 5px;
	width: 30px;
}

.buzz-equal {
	background: url(../images/buzz-equal.png) center center no-repeat;
	float: left;
	height: 57px;
	margin-left: 5px;
	width: 30px;
}

.buzz-new {
	background: url(../images/buzz-new.png) center center no-repeat;
	float: left;
	height: 57px;
	margin-left: 5px;
	width: 30px;
}

.buzz-content {
	float: left;
	margin-left: 5px;
	padding-top: 9px;
}

#login_form {
	background: url(../images/lock.png) 20% 110px no-repeat;
}

#login_form .container {
	background: #fff;
	border: 5px solid #aaddf2;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 20px;
}

#login_form input[type="text"], #login_form input[type="password"] {
	width: 100%;
}

#login_form #keep_connect_wrapper {
	float: left;
    padding: 0.6em 0 0;
	width: 50%;
}

.login_form .form-buttons {
	clear: right !important;
	float: left;
	width: 50%;
}

#login_form .title {
	background: url(../images/create_account_left.gif) no-repeat;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	margin-top: 10px;
	text-align: center;
}

#login_form .title  .right {
	background: url(../images/create_account_right.gif);
	float: right;
	height: 35px;
	width: 5px;
}

#login_form .title  .text {
	background: url(../images/create_account_center.gif) 50%;
	height: 30px;
	margin-left: 5px;
	padding-top: 5px;
	width: 262px;
}

/* PAGE SECTIONS */
body.user #container {
	background-color: ;
	background: #fff;
}

body.gray-bg #container {
	background-color: ;
	background: #e3e3e3 url(../images/backgroundtumblr.png) top center
		no-repeat;
}



/* Version beta */
.filters {
	background-color: rgba(243, 243, 243, 0.6);
	padding: 20px 30px;
}

.filters .left {
	float: left;
	margin-right: 10px;
}

.filters label {
	color: #9e9e9e;
}

.filters select {
	-webkit-appearance: none;
	background: url(../images/arrow-gray-bottom.png) no-repeat;
	background-position: right 8px top 10px;
	padding: 5px 10px;
	width: 180px;
}

.filters select.select-90 {
	background-position: 66px 9px;
	width: 90px;
}

.filters select.select-100 {
	background-position: 76px 9px;
	width: 100px;
}

.filters select.select-120 {
	background-position: 96px 9px;
	width: 120px;
}

.filters select.select-130 {
	background-position: 106px 9px;
	width: 130px;
}

.filters select.select-150 {
	background-position: 126px 9px;
	width: 150px;
}

.filters select,.filters input[type=text] {
	background-color: #fff;
	border: 2px solid #dadada;
	border-radius: 5px;
	color: #999;
}

.filters .submit {
	background: #47a3da url(../images/common/retweet.png) center center
		no-repeat;
	border-radius: 5px;
	display: block;
	height: 28px;
	margin-top: 2px;
	width: 75px;
}

.filters .reset {
	background: #9e9e9e;
	border-radius: 5px;
	display: block;
	height: 28px;
	margin-top: 2px;
	width: 50px;
}

.filters .reset:before {
	color: #fff;
	content: "\e01e";
	font-family: 'icomoon';
	line-height: 30px;
	margin-left: -30px;
	position: absolute;
}

.filters .submit:hover,.filters .reset:hover {
	opacity: 0.8;
}

.filters .buttons li.green div {
	background: rgba(78, 208, 112, 0.7);
	color: #fff;
}

	.filters .buttons li.green span {
		background: rgb(78, 208, 112);
		color: #fff;
	}

.filters .buttons li.orange div {
	background: #FA7646;
	color: #fff;
}

	.filters .buttons li.orange span {
		background: #F84F00;
		color: #fff;
	}

.filters .buttons li.red div {
	background: rgba(255, 0, 14, 0.6);
	color: #fff;
}

	.filters .buttons li.red span {
		background: rgb(255, 0, 14);
		color: #fff;
	}

.filters .buttons li a, .filters .buttons li div {
	background-color: #dadada;
	border-right: 1px solid #adadad;
	float: left;
	margin: 0px !important;
	padding: 8px 0px 8px 18px;
	
	color: #adadad;
	margin: 0;
}

.filters .buttons li span {
	color: #6a6a6a;
	font-weight: bold;
	margin-left: 15px;
	padding: 9px 14px 10px 15px;
}

.filters .buttons li.selected a,.filters .buttons li:hover a {
	background-color: #45aeda;
}

.filters .buttons li.selected a {
	border: none;
	color: #fff;
	font-weight: bold;
}

.filters .buttons li:hover a {
	color: #fff !important;
	text-decoration: none;
}

.filters .buttons li:hover a,.filters .buttons li.selected {
	border-right: 1px solid #0997d5;
}

.filters .buttons li.selected a span,.filters .buttons li:hover a span {
	background-color: #0997d5;
	color: #fff;
	font-weight: bold;
}

.filters .buttons li.left-corner a, .filters .buttons li.left-corner div {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.filters .buttons li.right-corner a, .filters .buttons li.right-corner div {
	border-right: none;
}

.filters .buttons li.right-corner a, .filters .buttons li.right-corner div, .filters .buttons li.right-corner span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ucp-drop-down {
	height: 30px;
}

.ucp-drop-down .profil {
	float: right;
	margin-top: -2px;
}

	.ucp-drop-down .profil img {
		border: 1px solid rgb(51, 51, 51);
		border-radius: 50%;
		margin-top: 14px;
		width: 25px;
		float: left;
		margin-right: 10px;
	}

.ucp-drop-down:hover {
	border-color: #9E9E9E;
	border-top: 0;
	border-bottom: 0;
}

.notifications.active:after,.flaticon-mail.active:after,.flaticon-notification.active:after {
	background-color: #47a3da;
	border: 1px solid #fff;
	border-radius: 50%;
	content: " ";
	display: block;
	height: 8px;
	margin: -37px 0px 0 20px;
	position: absolute;
	width: 8px;
}

.flaticon-mail.active:after {
	margin: -37px 0px 0 16px;
}

.flaticon-notification.active:after {
	margin: -37px 0px 0 13px;
}

/* */
div.fullOverlay {
	background: rgba(240, 240, 240, 0.98);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

div.fullOverlay.blackLight {
	background: rgba(51, 51, 51, 0.85);
}

body.fullOverlay #erotiqueModal {
	display: block;
}

div.fullOverlay .header {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

div.fullOverlay .header img,div.fullOverlay .header h1 {
	float: left;
}

div.fullOverlay .header .title {
	background: none;
	color: #0a0c0d;
	display: inline-block;
    font-size: 28px;
    font-weight: 300;
    line-height: 100%;
	padding: 10px 0 20px 20px;
}

div.fullOverlay .content {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	margin: 0 auto;
	padding: 40px;
	width: 800px;
	margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-50%);
	/* tiré de la moitié de sa propre hauteur */
}

div.fullOverlay .buttons {
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 20px;
}

div.fullOverlay ul {
	margin-left: 20px;
}

div.fullOverlay ul li {
	list-style-image: url(../images/li.gif);
}

div.fullOverlay em {
	display: inline-block;
	padding-top: 10px;
}

/* Modale */
.md-perspective,.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-modal button {
	background-color: #47a3da;
	background-position: initial initial;
	background-repeat: initial initial;
	border: none;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 3px 2px;
	padding: 0.6em 1.2em;
	text-transform: uppercase;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 5000;
	opacity: 0;
	background: rgba(71, 163, 218, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show  ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	background: #Fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3, .md-content div.modal-title {
	color: #47a3da;
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(71, 163, 218, 0.1);
	border-radius: 3px 3px 0 0;
}

.md-content>div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.1em;
}

.md-content>div p {
	margin: 0;
	padding: 10px 0;
}

.md-content>div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content>div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 9000;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 5000;
	opacity: 0;
	background: rgba(71, 163, 218, 0.8);
	transition: all 0.3s;
}

.md-show  ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-perspective,.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body {
	background: #222;
	perspective: 600px;
}

/* Effect 16:  Blur */
.md-show.md-effect-16  ~ .md-overlay {
	background: rgba(71, 163, 218, 0.5);
}

/*.md-show.md-effect-16 ~ .container { */
.blur {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16  ~ .container,.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* **** HEADER **** */

header {
	*background: rgba(255, 255, 255, .95);
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #FFFFFFA3;
	height: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

	header .logo {
		position: absolute;
		z-index: 1100;
	}

		header .logo a {
			background: url(../images/logo-new.png) no-repeat center left;
			background-size: 126px 40px;
			display: inline-block;
			*margin: 4px 0 0px 0;
			*height: 46px;
			text-indent: -9999px;
			width: 134px;
			
			
			margin: -3px 0 0px 0;
	    	height: 50px;
	    	transition: 0.5s all;
		}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

    header .logo a {
		background: url(../images/logo-new-2x.png) no-repeat center left;
		background-size: 126px 40px;
    }
}

	header nav {
		*border-bottom: 1px solid #d6d6d6;
		position: relative;
		z-index: 2000;
		transition: 0.5s all;
		padding: 20px 0;
	}
	
		header nav ul.main-menu {
			display: inline-block;
			padding: 0 5px 0 180px;
		}
	
body.top header nav {
	padding: 0 0;
	height: 50px;
	box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}
	
body.top #container {
	padding-top: 50px;
}

body.top header .logo a {
	margin: 4px 0 0px 0;
    height: 46px;
}

body.top #searchOverlay {
	top: 50px;
}

.cbp-hsmenu>li.ucp-drop-down {
	margin-right: 5px;
}

.cbp-hsmenu>li.first {
	margin-right: 0;
}


header nav ul.main-menu>li, .cbp-hsmenu>li {
	float: left;
	height: 50px;
	margin-right: 30px;
}

header nav ul.main-menu>li>a, .cbp-hsmenu>li>a {
	color: rgb(51, 51, 51);
	font-size: 15px;
	font-weight: 300;
	line-height: 49px;
}

.cbp-hsmenu>li.cbp-hsitem-open>a:not (:only-child ):before {
	content: "\f106";
}

.cbp-hsmenu>li>a.flaticon-search:before,.cbp-hsmenu>li>a span.flaticon-login:before,.cbp-hsmenu>li>a.flaticon-mail:before,.cbp-hsmenu>li>a.flaticon-notification:before
	{
	font-size: 18px;
	margin-left: 0;
}

.cbp-hsinner {
	position: relative;
	z-index: 2000;
	height: 50px
}


/* sub-menu */


header nav ul li.hasSub {
	position: relative;
}

header nav ul li > ul::before {
	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
  	border-bottom: 10px solid #fff;
	content:'';
	position: absolute;
	bottom: 0px;
	display:block;
	left: 15px;
	width:0px;
	height:14px;
	top: -24px;
}

	header nav ul li > ul {
		background: #fff;
		border-radius: 5px;
		box-shadow: 0 5px 30px 0 rgba(0,0,0,0.25);
		display: none;
		margin-left: -12px;
		padding: 5px 0;
		position: fixed;	
		top: 70px;
		width: 230px;
	}
	
	body.top header nav ul li > ul {
		top: 50px;
	}
		header nav ul li > ul li {
			height: 40px;
		}
	
			header nav ul li > ul li.separator {
				border-top: 1px solid #eeeeee;
				height: 1px;
				margin: 5px 15px;
			}
	
			header nav ul li > ul li a {
				color: #545454 !important;
				display: block;
				font-size: 14px;
				font-weight: 300;
				line-height: 40px;
				padding: 0 15px;
				width: 100%;
			}
			
			
			header nav ul li > ul li a:before {
				display: inline-block;
				font-size: 18px;
			}
			
				header nav ul li > ul li a:hover {
					background: #f9f7f9
				}
	
	header nav ul li:hover > ul {
		display: block;
	}

/* **** FOOTER **** */



#footer {
	font-size: 12px;
	border-top: 3px solid rgba(0, 0, 0, 0.1);
	padding: 40px 0;
}

	#footer a:link, #footer a:visited, #footer a:hover {
		text-decoration: none;
	}

#footer h2 {
	font-size: 18px;
}

#footer #social .social {
	margin-right: 20px;
	display: inline-block;
	width: 40px;
	height: 40px;
	opacity: 0.6;
}

#footer #social .social:hover {
	opacity: 1;
}

#footer #social a.instagram {
	background-image: url("../images/common/instagram-40.png");
}

#footer #social a.facebook {
	background-image: url("../images/common/facebook-40.png");
}


#page-title {
	background: url(../images/test-bg.png);
	margin-bottom: 40px;
	padding: 31px; 
}

/* ***** BLOCS DE CONTENU ***** */
.bloc {
	background-color: rgba(255, 255, 255, 1);
	box-sizing: border-box;
	margin-top: 20px;
}

.bloc hr {
	background-color: #e3e3e3;
	border: none;
	height: 1px;
}

.bloc section {
	box-sizing: border-box;
	padding: 25px;
}

.bloc section h2 {
	color: #999999;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 7px;
}

.bloc h3 {
	color: #999999;
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -1px;
	margin: 0 0 7px;
}

.bloc h3:after {
	background-color: #58A4D7;
	content: "";
	display: block;
	height: 3px;
	margin: 10px 0;
	width: 50px;
}

.bloc.bloc-635 section.article {
	padding: 60px;
}

/****/
#content {
	margin: 0 auto;
	width: 960px;
}

section h1 span,section h2 span,section h3 span {
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}

/* **** WELCOME PAGE **** */
.welcome [class ^="flaticon-"] h2 {
	padding-top: 20px;
}

.welcome section .flaticon-question {
	border-top: 1px solid #e5e6e8;
	margin-top: 20px;
}

.welcome section [class ^="flaticon-"] {
	border-bottom: 1px solid #e5e6e8;
	padding: 0 0 20px 130px;
}

.welcome section [class ^="flaticon-"]:before {
	font-size: 75px;
	margin-left: -105px;
	margin-top: 40px;
	position: absolute;
}

.welcome .firstname-wrapper,.welcome .lastname-wrapper,.welcome .country-wrapper,.welcome .city-wrapper
	{
	float: left;
	margin-top: 10px;
	width: 337px;
}

.welcome .avatar-wrapper {
	text-align: center;
	width: 154px;
}

.welcome .avatar-wrapper .avatar,.welcome .avatar-wrapper .uploaded-avatar
	{
	border-radius: 50%;
	height: 150px;
	width: 150px;
}

.welcome .avatar-wrapper .uploaded-avatar {
	background-position: center center;
	background-size: cover;
	display: block;
	margin: 2px;
	position: absolute;
	z-index: 10;
}

.welcome .avatar-wrapper .overlay {
	background: url(../images/loading-big.gif) center center no-repeat
		rgba(0, 0, 0, 0.4);
	border-radius: 50%;
	height: 151px;
	margin: 1px;
	position: absolute;
	width: 151px;
	z-index: 20;
}

.import_fields div {
	float: left;
	margin-bottom: 10px;
	width: 50% !important;
}

.deleteAccount input[type="radio"] {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.deleteAccount label {
	float: left;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
}

.deleteAccount .response {
	clear: both;
	padding: 10px;
	padding-left: 20px;
}

/* BLOG */
#blog-post {
}

	#blog-post h1 {
		text-transform: uppercase;
	}
	
	#blog-post h1:after {
		background: #636767;
		content: " ";
		display: block;
		height: 5px;
		margin: 20px 0;
		width: 200px;
	}
	
	#billets h1 .subtitle {
		font-size: 12px;
		padding: 0px;
	}
	
	#blog-post .date {
		color: #636767;
	}

#blog-post .date span {
	clear: right;
	display: block;
	float: right;
	line-height: 100%;
}

#blog-post .date span {
	font-size: 20px;
}

#blog-post .date span.day {
	font-size: 50px;
}

#blog-post .date span.month {
	font-size: 35px;
}

#blog-post .date span.year {
	font-size: 20px;
}

#blog-post .cover img {
	height: auto;
	margin-bottom: 20px;
	width: 100%;
}

.news #blog-post .content {
	text-align: justify;
}


.news #blog-post .content .author {
	display: inline-block;
	font-style: italic;
	margin-top: 20px;
}

#blog-post .content img {
	max-width: 100%;
}

#blog-post .relative {
	border-top: 5px solid #636767;
	margin-top: 20px;
	padding: 20px;
}

#blog-post .relative h2 {
	padding: 0px 0 20px 0;
	text-transform: uppercase;
}

#members {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: rgb(230, 227, 218);
	color: rgb(128, 124, 115);
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
}

#members:hover {
	background-color: rgba(230, 227, 218, 0.8);
}

#members span {
	display: block;
	float: left;
	padding: 7px 7px 7px 15px;
}

#members .icon {
	background: url(../images/members.png) center center no-repeat;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: rgb(184, 182, 184);
	float: right;
	height: 35px;
	width: 40px;
}

#podiums:hover .icon {
	background-color: rgba(184, 182, 184, 0.85);
}

#podiums {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: rgb(168, 227, 253);
	color: rgb(78, 172, 219);
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
}

#podiums:hover {
	background-color: rgba(168, 227, 253, 0.8);
}

#podiums span {
	display: block;
	float: left;
	padding: 7px 7px 7px 15px;
}

#podiums .icon {
	background: url(../images/podium.png) center center no-repeat;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: rgb(78, 172, 219);
	float: right;
	height: 35px;
	width: 40px;
}

#podiums:hover .icon {
	background-color: rgba(78, 172, 219, 0.85);
}

.taxonomies {
	margin-left: 20px;
	margin-top: 35px;
}

.taxonomies ul,.taxonomies ul li {
	list-style: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

#blog-post p {
	margin-bottom: 10px;
}

/* AVATAR */

.avatar {
	background-color: #fff;
	border: 2px solid #989898;
}

.avatar-40 {
	display: block;
	border: 2px solid #9e9e9e;
	float: left;
	height: 44px;
	margin: 0 5px 5px 0;
	padding: 0px;
	width: 44px;
}

a.avatar-40:hover {
	border-color: #47a3da;
}

.avatar-40 img {
	border: 0px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 40px;
}

/* COMMENTS */
.nb_comment {
	background: url(../images/comment.png) rgba(238, 238, 238, 0.8)
		no-repeat scroll 5px center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #888;
	cursor: pointer;
	float: right;
	margin-top: 25px;
	padding: 2px 7px 2px 25px !important;
}

.nb_comment:hover {
	color: #000;
}

	
		ol.commentlist #addComment textarea {
			height: 175px;
		}

		
ol.commentlist li .avatar-46, ol.commentlist li .avatar-68 {
	border: 0px !important;
	text-align: right;
}

ol.commentlist li .avatar-46 img {
	border: 1px solid #EAEAEA;
	border-radius: 5px;
	height: auto;
	width: 46px;
	max-width: 100%;
}

ol.commentlist li .avatar-68 img {
	border: 1px solid #EAEAEA;
	border-radius: 5px;
	height: auto;
	width: 66px;
	max-width: 100%;
}

	.comment-content .comment-author,.comment-content .comment-author a {
		font-weight: bold;
		float: left;
	}
	
	.comment-content .date {
		float: right;
		font-size: 11px;
		font-style: italic;
	}
	
	.comment-content p {
		margin-top: 7px;
		padding-bottom: 0;
	}

ol.commentlist>li ul li {
	clear: both;
	list-style: none !important;
	margin: 20px 0;
	margin-left: 88px;
	min-height: 68px;
	padding-top: 20px;
}

.comment-content .actions {
	float: left;
	margin-left: 15px;
}

.comment-content .actions a {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

/* FIL D'ARIANNE */

#breadcrumb {
	font-size: 11px;
	height: 30px;
	line-height: 20px;
	color: #9b9b9b;
	margin: 10px 0 0px 5px;
}

	#breadcrumb li {
		float: left;
		margin-right: 10px;
	}

	#breadcrumb a {
		height: 20px;
		display: block;
		background: url('../images/bc_separator.png') center right no-repeat;
		padding-right: 15px;
		color: rgb(51, 51, 51);
	}
	
	#breadcrumb .home {
		margin: 2px 0px;
	}

/* PAGINATION */
.pages {
	clear: both;
	float: right;
	padding-top: 3px;
	display: inline-block;
	font-size: 11px;
	line-height: 19px;
	text-decoration: none;
	text-transform: uppercase;
}

.pages .dots {
	bottom: -6px;
	color: #606060;
	position: relative;
}

.pages a,.pages span,.pages .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 8px;
}

div.pages a:hover {
	color: #303030;
}

div.pages a:active {
	color: #585858;
}

.pages a.number,.pages a.nextprev,.pages span.number {
	border: 1px solid #ddd;
	border-radius: 3px;
}

.pages a.number:hover {
	border-color: #d0d0d0;
}

.pages span.current {
	color: #fff;
}

.pages,.pages a {
	color: #4fa3e0;
}

.pages span.current {
	background-color: #47a3da;
	border-color: #47a3da;
}

/* END PAGINATION */ /* **** Détail des livres **** */


#book-picture img {
	max-width: 169px;
	float: left;
}

#book-picture .cover {
	margin-bottom: 5px;
}

#book-picture .mini {
	border: 1px solid #acacac;
	max-width: 53px !important;
	margin-right: 5px;
}

#book-info dl label {
	font-weight: bold;
	font-size: 11px;
}

#book-info dt,#book-info dd {
	margin-bottom: 5px;
}

	#book-info dt {
		clear: left;
		float: left;
		width: 160px;
		font-weight: bold;
		font-size: 11px;
	}
	
	#book-info dd {
		float: left;
		margin-top: -25px;
    	padding-left: 170px;
    	width: 100%;
	}
	
		#book-info dd.second {
			margin-top: 0;
		}


#book-description {
	margin-top: 0px;
	text-align: justify;
}

#book-description h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
	padding-top: 20px;
	margin-bottom: 20px;
	clear: left;
	border-bottom: 2px solid #eee;
	padding-bottom: 5px;
}

#book-description ul {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
	padding-top: 20px;
	margin-bottom: 20px;
	clear: left;
	border-bottom: 2px solid #eee;
	padding-bottom: 5px;
	margin-left: -10px;
}

#book-description ul li {
	display: inline;
	margin-right: 25px;
}

#book-description ul li span {
	color: #999;
	font-size: 12px;
	font-weight: normal;
}

#book-description ul li a.current {
	color: #000;
}

#book-biography {
	text-align: justify;
	font-size: 12px;
}

.reedition {
	
}




/* **** Couvertures **** */
.list-cover {
	display: inline-block;
	padding: 2px;
	text-align: center;
}

.list-cover.not-same {
	height: 144px;
}

	.list-cover img {
		width: 100%;
		float: left;
	}

	.list-cover.not-same img {
		float: none;
		max-height: 140px;
		width: auto;
		max-width: 100%;
	}

	

.cover-80 {
	text-align: center;
	height: 80px;
	float: left;
	overflow: hidden;
}

.cover-80 img {
	max-height: 80px;
	max-width: 58px;
	padding: 0 10px 10px 0;
}

.cover140 {
	max-height: 140px;
	max-width: 107px
}

.cover-140,.cover-150 {
	max-height: 150px;
	max-width: 115px
}

.cover-160 {
	max-height: 160px;
	max-width: 125px
}


.cover-w-120 {
	float: left;
	overflow: hidden;
	height: 162px;
	text-align: center;
	width: 125px;
}

.cover-w-120 img {
	max-height: 157px;
	max-width: 120px;
}

.cover-w-130 {
	float: left;
	overflow: hidden;
	height: 175px;
	text-align: center;
	width: 135px;
}

.cover-w-130 img {
	max-height: 170px;
	max-width: 130px;
}

.cover-w-140 {
	float: left;
	overflow: hidden;
	height: 188px;
	text-align: center;
	width: 145px;
}

.cover-w-140 img {
	max-height: 183px;
	max-width: 140px;
}

.cover-w-150 {
	float: left;
	overflow: hidden;
	height: 202px;
	text-align: center;
	width: 155px;
}

.cover-w-150 img {
	max-height: 197px;
	max-width: 150px;
}

.cover-w-200 {
	float: left;
	overflow: hidden;
	height: 267px;
	text-align: center;
	width: 205px;
}

.cover-w-200 img {
	max-height: 262px;
	max-width: 200px;
}

/* Author Pages */

#author-page.content ul li,.post .content li, ul.bullet li {
	list-style-image: url(../images/li.gif);
	margin-left: 20px;
	padding-left: 5px;
}

#author-page table {
	width: 100%;
}

#author-page table tr td {
	vertical-align: top;
}

#author-page .comment-author-wrap {
	margin-left: 10px;
}

#author-page .comment-author-wrap a {
	border: 0;
	color: black;
}

#author-page .comment-author {
	font-size: 15px;
	font-weight: bold;
}

#author-page .avatar-wrap {
	border: 8px solid #e8e8e8;
	border-radius: 50%;
	display: inline-block;
	height: 130px;
	width: 130px;
}

	#author-page .avatar-wrap img.avatar-border {
		background-color: #fff;
		border: 2px solid #989898;
		border-radius: 50%;
		display: inline-block;
		height: 114px;
		width: 114px;
	}

#author-page .bubbles {
	display: inline-block;
}

	#author-page .bubble {
		color: #989898;
		float: left;
		text-align: center;
		width: 65px;
	}
	
		#author-page .bubble span {
			background: #fff;
			border: 4px solid #989898;
			border-radius: 50%;
			color: #686868;
			display: block;
			font-weight: bold;
			height: 38px;
			line-height: 32px;
			margin: 0 auto;
			margin-bottom: 2px;
			width: 38px;
		}
	
		#author-page .bubble span.fan {
			margin: 0 0 2px 1px;
			position: relative;
			z-index: 999;
		}
		
		#author-page .bubble span.fan-action {
			border: 4px solid #B8B8B8;
			color: #1594dd;
			margin: -40px 0 2px 26px;
			position: relative;
			z-index: 99;
		}
	
	#author-page .bubble a span:hover {
		background: #DDD;
		border-color: #1594dd;
	}

#author-page .navigation h3 {
	color: #B8B8B8;
	font-size: 18px;
	font-weight: normal;
}

#author-page .navigation ul {
	clear: both;
	margin-left: 5px;
}

#author-page .navigation ul li {
	border-left: 2px solid #B8B8B8;
	padding: 5px 0 5px 10px;
}

#author-page .navigation ul li.current,#author-page .navigation ul li:hover
	{
	border-color: #1594dd;
	font-weight: bold;
}

#author-page .social-bubbles {
	float: right;
	margin-top: -45px;
}

	.social-bubbles a:before {
		border-radius: 50%;
		color: #fff !important;
		display: inline-block;
		font-size: 16px;
		height: 32px;
		line-height: 32px;
		margin: 0 0 0 5px;
		text-align: center;
		transition: all 0.5s;
		opacity: 0.7;
		width: 32px;
	}

		.social-bubbles a.flaticon-blog:before {background: #e9852e}
		.social-bubbles a.flaticon-deviantart:before {background: #4F695B}
		.social-bubbles a.flaticon-facebook:before {background: #3B5998}
		.social-bubbles a.flaticon-google-plus:before {background: #FF0000}
		.social-bubbles a.flaticon-instagram:before {background: #517fa4}
		.social-bubbles a.flaticon-link:before {background: #B3B7B8}
		.social-bubbles a.flaticon-network:before {background: #B3B7B8}
		.social-bubbles a.flaticon-twitter:before {background: #00AAE4}
		.social-bubbles a.flaticon-wikipedia:before {background: rgb(51, 51, 51)}
		
		#section-links input {
			width: 700px;
		}
		
		#section-links .flaticon-blog:before {color: #e9852e}
		#section-links .flaticon-deviantart:before {color: #4F695B}
		#section-links .flaticon-facebook:before {color: #3B5998}
		#section-links .flaticon-google-plus:before {color: #FF0000}
		#section-links .flaticon-instagram:before {color: #517fa4}
		#section-links .flaticon-link:before {color: #B3B7B8}
		#section-links .flaticon-twitter:before {color: #00AAE4}
		#section-links .flaticon-wikipedia:before {color: rgb(51, 51, 51)}
		
.social-bubbles a:hover:before {
	opacity: 1;
	
}

#author-page .collaboration-item {
	clear: both;
	margin-bottom: 5px;
}

#author-page .collaboration-item .avatar {
	border: 1px solid #989898;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	width: 35px;
	height: 35px;
}

#author-page .collaboration-item .name {
	height: 37px;
	line-height: 37px;
	margin-left: 42px;
}

#author-page .collaboration-item .name a {
	font-size: 16px;
	letter-spacing: -1px;
}

/* Wiki */
.wiki-title {
	border-bottom: #cccccc 1px dotted;
	font-size: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.wiki-link-top {
	background: url(../images/icon_back_top.gif);
	cursor: pointer;
	float: right;
	height: 11px;
	margin-top: 5px;
	width: 11px;
}

.wiki_new {
	color: red;
}

.wiki_external {
	background-image: url(../images/external.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 12px 0px 0px;
}

/* Boxes */
#bdtheque-menu [class ^="flaticon-"]:before, #bdtheque-menu [class *=" flaticon-"]:before {
	display: inline-block;
	font-size: 18px;
	height: 23px;
	vertical-align: bottom;
}
#boxes.fixed {
	position: fixed;
	top: 60px;
}

#boxes div.box {
	background-color: #f5f5f5;
	margin: 0px 0 20px 0px;
	line-height: 1.7em;
}

#boxes div.box a {
	color: #232323;
}


#boxes.left .box {
	float: none;
	margin-right: 20px;
}

#boxes div.box .content {
	padding: 15px;
}

#boxes div.box h2 {
	color: #232323;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	margin: 0;
}

#boxes div.box h2.plus {
	background: url("../images/plus-rebound.png") no-repeat scroll 0 5px
		transparent;
	padding-left: 35px;
}

#boxes div.box h2.plus a {
	text-decoration: none;
}

#boxes .box ul li {
	background: none repeat scroll 0 0 transparent;
	border-top: 1px solid #e3e3e3;
	margin: 0;
	padding: 0;
}

#boxes .box ul li span.number {
	background-color: #e8e8e8;
	border-radius: 4px;
	float: right;
	margin: 10px 35px 0 0;
	padding: 0px 10px 0 10px;
}

#boxes .box.leftarrow ul li span.number,#boxes .box.noarrow ul li span.number
	{
	margin: 10px 15px 0 0;
}

#boxes .box ul li a {
	background: url("../images/puce_black.png") no-repeat scroll 100% 50%
		transparent;
	display: block;
	padding: 10px 30px 10px 15px;
	text-decoration: none !important;
}

#boxes .box.leftarrow ul li a {
	background: url("../images/puce_black_left.png") no-repeat scroll 0% 50%
		transparent;
	padding: 10px 10px 10px 35px;
}

#boxes .box.noarrow ul li a {
	background: none;
	padding: 10px 10px 10px 15px;
}

#boxes .box.leftarrow>ul>li li a {
	padding-left: 55px;
}

#boxes .box>ul>li li a {
	padding-left: 35px !important;
}


#boxes .box.leftarrow ul li a.selected {
	background-image: url("../images/puce_red_left.png");
}

#boxes .box.noarrow ul li.selected a {
	background: none;
	color: #0997d5;
}

#boxes .box.noarrow ul li.selected span {
	background: #0997d5;
	color: #fff;
}

#boxes div.box.green {
	background: #8ccb60;
	color: #fff;
}

#boxes div.box.red {
	background: #e98330;
	color: #fff;
}

#boxes div.box.blue {
	background: #35609e;
	color: #fff;
}

#boxes div.box.green h2,#boxes div.box.blue h2,#boxes div.box.red h2 {
	color: #fff;
}

#boxes div.box h2:after {
	display: none;
}

#boxes .box.green>ul>li:hover>a,#boxes .box.blue>ul>li:hover>a {
	color: #fff;
	background-position: 98% 50%;
}

#boxes div.box.green ul li {
	border-top: 1px solid #c3e9a1;
}

#boxes .box.green ul li a,#boxes .box.blue ul li a {
	background-image: url("../images/puce_rebond.png");
}

#boxes .box.green ul li a.selected,#boxes .box.blue ul li a.selected {
	color: #fff;
}

#boxes div.box.green a,#boxes div.box.blue a {
	color: #fff;
	text-decoration: underline;
}

#boxes div.box.green a:hover,#boxes div.box.blue a:hover {
	text-decoration: none;
}

#boxes .box.green>ul>li:hover>a {
	color: #fff;
}

#boxes .box.blue ul li {
	border-top: 1px solid #4b71a8;
}

.quick {
	margin: 0px 0 20px 0px;
	background: rgba(246, 246, 246, 0.8);
	padding: 15px;
	line-height: 1.7em;
}

	.quick.first {
		margin: 0px 0 10px 0 !important;
	}

	.quick h2, .quick h3 {
		font-size: 16px;
		font-weight: 300;
		text-transform: uppercase;
	}
	
	.quick hr {
		border: 0;
		border-bottom: 1px solid #d6d6d6;
	}

#boxes.left .quick {
	margin: 10px 20px 10px 0px;
}

.category h3 {
	font-size: 14px;
	margin-top: 0;
}


.presentation ol {
	list-style-type: decimal;
}

.presentation ol li {
	margin-left: 25px;
	padding-left: 5px;
}

/* MODALBOX */ /*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox,#cboxOverlay,#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
	overflow: visible;
}

#cboxLoadedContent {
	overflow: auto;
}

#cboxLoadedContent iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	cursor: pointer;
}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background: #222;
}

#colorbox {
	
}

#cboxTopLeft {
	width: 14px;
	height: 48px;
	background: url(../images/modal/controls.png) 0 0 no-repeat;
}

#cboxTopCenter {
	height: 48px;
	background: url(../images/modal/border.png) top left repeat-x;
}

#cboxTopRight {
	width: 14px;
	height: 48px;
	background: url(../images/modal/controls.png) -36px 0 no-repeat;
}

#cboxBottomLeft {
	width: 14px;
	height: 14px;
	background: url(../images/modal/controls.png) 0 -61px no-repeat;
}

#cboxBottomCenter {
	height: 14px;
	background: url(../images/modal/border.png) bottom left repeat-x;
}

#cboxBottomRight {
	width: 14px;
	height: 14px;
	background: url(../images/modal/controls.png) -36px -61px no-repeat;
}

#cboxMiddleLeft {
	width: 14px;
	background: url(../images/modal/controls.png) -175px 0 repeat-y;
}

#cboxMiddleRight {
	width: 14px;
	background: url(../images/modal/controls.png) -211px 0 repeat-y;
}

#cboxContent {
	background: #fff;
	text-align: left
}

#cboxLoadedContent {
	margin-bottom: 5px;
}

#cboxLoadingOverlay {
	background: url(../images/modal/loading_background.png) center center
		no-repeat;
}

#cboxLoadingGraphic {
	background: url(../images/modal/loading.gif) center center no-repeat;
}

#cboxTitle {
	position: absolute;
	top: -28px;
	left: 0;
	text-align: center;
	width: 100%;
	font-weight: bold;
	color: #7C7C7C;
}

#cboxCurrent {
	position: absolute;
	top: -25px;
	left: 58px;
	font-weight: bold;
	color: #7C7C7C;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	position: absolute;
	top: -33px;
	background: url(../images/modal/controls.png) 0px 0px no-repeat;
	width: 23px;
	height: 23px;
	text-indent: -9999px;
}

#cboxPrevious {
	left: 0px;
	background-position: -51px -25px;
}

#cboxPrevious.hover {
	background-position: -51px 0px;
}

#cboxNext {
	left: 27px;
	background-position: -75px -25px;
}

#cboxNext.hover {
	background-position: -75px 0px;
}

#cboxClose {
	right: 0;
	background-position: -100px -25px;
}

#cboxClose.hover {
	background-position: -100px 0px;
}

.cboxSlideshow_on #cboxSlideshow {
	background-position: -125px 0px;
	right: 27px;
}

.cboxSlideshow_on #cboxSlideshow.hover {
	background-position: -150px 0px;
}

.cboxSlideshow_off #cboxSlideshow {
	background-position: -150px -25px;
	right: 27px;
}

.cboxSlideshow_off #cboxSlideshow.hover {
	background-position: -125px 0px;
}

/* style-my-tootltips CSS Document */
#s-m-t-tooltip {
	position: absolute;
	max-width: 300px;
	padding: 6px 8px 8px 8px;
	background: #222;
	z-index: 10000;
	display: inline-block; /*important*/
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	/*css3 rounded corners*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* **** JQUERY AUTOCOMPLETE PLUGIN **** */
.acLoading {
	background: url('../images/loading.gif') right center no-repeat;
}

.acResults {
	background-color: Window;
	border: 1px solid #ccc;
	padding: 0px;
	margin-top: -1px;
	overflow: hidden;
	z-index: 9950;
}

.acResults ul {
	width: 100%;
}

.acResults ul li {
	cursor: pointer;
	display: block;
	font-size: 12px;
	overflow: hidden;
	padding: 2px 5px;
}

.acResults ul li.acSelect {
	background-color: Highlight;
}

/*************** jQuery WYSIWYG ***************/
div.wysiwyg {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

div.wysiwyg * {
	margin: 0;
	padding: 0;
}

div.wysiwyg ul.panel li.jwysiwyg-custom-command {
	overflow: hidden;
}

div.wysiwyg ul.panel {
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
	padding: 0;
}

div.wysiwyg ul.panel li {
	list-style: none;
	float: left;
	margin: 1px 2px 3px 0;
	background: rgb(240, 240, 240);
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

div.wysiwyg ul.panel li.separator {
	width: 1px;
	height: 16px;
	margin: 0 4px;
	border-left: 1px solid #ccc;
}

div.wysiwyg ul.panel li {
	text-indent: -5000px;
	opacity: 0.85;
	filter: alpha(opacity = 85);
	display: block;
	width: 16px;
	height: 16px;
	background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px
		-80px;
	border: 1px dotted rgb(240, 240, 240);
	cursor: pointer;
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
}

div.wysiwyg ul.panel li.wysiwyg-button-hover,div.wysiwyg ul.panel li.active
	{
	opacity: 1.00;
	filter: alpha(opacity = 100);
	border: 1px outset rgb(224, 224, 224);
}

div.wysiwyg ul.panel li.active {
	background-color: rgb(255, 255, 64);
	border: 1px solid rgb(208, 208, 208);
	border-left-color: #aaa;
	border-top-color: #aaa;
	margin: 0;
}

div.wysiwyg ul.panel li.bold {
	background-position: 0 -16px;
}

div.wysiwyg ul.panel li.italic {
	background-position: -16px -16px;
}

div.wysiwyg ul.panel li.strikeThrough {
	background-position: -32px -16px;
}

div.wysiwyg ul.panel li.underline {
	background-position: -48px -16px;
}

div.wysiwyg ul.panel li.justifyLeft {
	background-position: 0 0;
}

div.wysiwyg ul.panel li.justifyCenter {
	background-position: -16px 0;
}

div.wysiwyg ul.panel li.justifyRight {
	background-position: -32px 0;
}

div.wysiwyg ul.panel li.justifyFull {
	background-position: -48px 0;
}

div.wysiwyg ul.panel li.indent {
	background-position: -64px 0;
}

div.wysiwyg ul.panel li.outdent {
	background-position: -80px 0;
}

div.wysiwyg ul.panel li.subscript {
	background-position: -64px -16px;
}

div.wysiwyg ul.panel li.superscript {
	background-position: -80px -16px;
}

div.wysiwyg ul.panel li.undo {
	background-position: 0 -64px;
}

div.wysiwyg ul.panel li.redo {
	background-position: -16px -64px;
}

div.wysiwyg ul.panel li.insertOrderedList {
	background-position: -32px -48px;
}

div.wysiwyg ul.panel li.insertUnorderedList {
	background-position: -16px -48px;
}

div.wysiwyg ul.panel li.insertHorizontalRule {
	background-position: 0 -48px;
}

div.wysiwyg ul.panel li.h1 {
	background-position: 0 -32px;
}

div.wysiwyg ul.panel li.h2 {
	background-position: -16px -32px;
}

div.wysiwyg ul.panel li.h3 {
	background-position: -32px -32px;
}

div.wysiwyg ul.panel li.h4 {
	background-position: -48px -32px;
}

div.wysiwyg ul.panel li.h5 {
	background-position: -64px -32px;
}

div.wysiwyg ul.panel li.h6 {
	background-position: -80px -32px;
}

div.wysiwyg ul.panel li.cut {
	background-position: -32px -64px;
}

div.wysiwyg ul.panel li.copy {
	background-position: -48px -64px;
}

div.wysiwyg ul.panel li.paste {
	background-position: -64px -64px;
}

div.wysiwyg ul.panel li.insertTable {
	background-position: -64px -48px;
}

div.wysiwyg ul.panel li.increaseFontSize {
	background-position: -16px -80px;
}

div.wysiwyg ul.panel li.decreaseFontSize {
	background-position: -32px -80px;
}

div.wysiwyg ul.panel li.createLink {
	background-position: -80px -48px;
}

div.wysiwyg ul.panel li.insertImage {
	background-position: -80px -80px;
}

div.wysiwyg ul.panel li.html {
	background-position: -47px -46px;
}

div.wysiwyg ul.panel li.removeFormat {
	background-position: -80px -63px;
}

div.wysiwyg ul.panel li.empty {
	background-position: -64px -80px;
}

div.wysiwyg iframe {
	border: 0;
	clear: left;
	margin: 4px 0 0 1px;
}

/* **** Système de vote **** */
#rating img {
	cursor: pointer;
}

/* Header
----------------------------------------------- */


#top_nav li {
	float: left;
	margin: 20px 8px 0 0;
	padding: 0 0 0 10px;
}

#top_nav li a {
	color: #333;
	display: inline-block;
	font-size: 12px;
	height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 14px 0 4px;
}

#top_nav li.selected,#top_nav li:hover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.5)
}

#top_nav li.selected a:hover {
	color: #333333;
}

#top-bar {
	float: right;
	min-width: 500px;
}

#top-bar .log-info {
	padding: 0px 15px 0 0;
}

.login {
	background: rgba(255, 255, 255, 0.5);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 10px 20px 11px 20px;
}

.login a {
	color: #999999 !important;
}

.log-info:hover .you-text {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.search_results {
	display: none;
	min-width: 150px;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-top: 50px;
	padding: 10px 15px 10px 15px;
	position: absolute;
	text-align: left;
	z-index: 9998;
	-moz-box-shadow: 5px 5px 5px rgba(168, 168, 168, 0.4);
	-webkit-box-shadow: 5px 5px 5px rgba(168, 168, 168, 0.4);
	box-shadow: 5px 5px 5px rgba(168, 168, 168, 0.4);
}

/* **** SEARCH INPUT & QUICK RESULTS **** */

#searchIcon {
	color: rgb(91, 91, 91);
	display: inline-block;
	line-height: 46px;
}

.search {
	background: rgba(247, 247, 247, 0.97);
	position: absolute;
	z-index: 1200;
	margin-top: 1px;
	margin-left: -282px;
	padding: 5px;
	width: 940px;
}

#searchInput {
	display: none;
	opacity: 0;
	position: absolute;
	padding-left: 174px;
	padding-right: 40px;
	z-index: 10;
}

#searchInput .flaticon-search:before {
	vertical-align: middle;
    font-size: 25px;
    padding-bottom: 7px;
    display: inline-block;
}

#searchInput input {
	border: none;
	font-size: 25px;
	font-weight: 200;
	height: 50px;
	line-height: 50px;
	width: 900px;
}

#searchInput input::-webkit-input-placeholder {
   font-style: italic;
}
#searchInput input:-moz-placeholder {
   font-style: italic;  
}
#searchInput input::-moz-placeholder {
   font-style: italic;  
}
#searchInput input:-ms-input-placeholder {  
   font-style: italic; 
}

#searchInput input:focus {
	background: none;
}

#searchInput input.loading {
	background: url(../images/loading.gif) right center no-repeat;
}

#searchOverlay {
	background: rgba(246, 246, 246, 0.92);
	border-top: 1px solid #d6d6d6;
	display: none;
	height: 100%;
	position: fixed;
	top: 90px;
	transition: all .5s;
	width: 100%;
	z-index: 9000;
}

	#searchOverlay .wrapper>div {
		margin-left: 160px;
		margin-right: 10px;
		background: rgba(255, 255, 255, .95) !important;
		padding: 20px;
	}
	
	#searchOverlay h3 {
		text-transform: uppercase;
	}
	
	#searchOverlay li a {
		display: block;
		padding: 5px 10px;
	}

	#searchOverlay li a:hover,#searchOverlay li.selected a {
		background: #f2f2f2;
	}
	
	#searchOverlay li a[class ^="flaticon-"]:before,#searchOverlay li a[class
		*=" flaticon-"]:before {
		font-size: 18px;
		margin-left: -28px;
	}
	
	#searchOverlay #bestResults li a {
		padding-left: 38px;
	}
	
	#searchOverlay #noResult {
		font-style: italic;
	}

/* Main
----------------------------------------------- */
#container {
	*background: url(../images/background-content.png) no-repeat center top #fff;
	padding: 90px 0 0 0;
	
	background: #fff;
	transition: 0.5s all;
}

section {
	width: 100%;
}

section.gray {
	background: #fafafa;
}

section.gradient {
	background-image: linear-gradient(to bottom, #fff 0%, rgba(246, 246, 246, 0.8)
		45% );
}

section.newsfeed {
	background-image: linear-gradient(to bottom, #fff 0%, rgba(246, 246, 246, 0.8) 5% );
}

.wrapper {
	margin: 0px auto;
	min-width: 970px;
	max-width: 1200px;
}

.home-slogan {
	font-size: 60px;
	line-height: 60px;
}

.page_tagline {
	font-size: 18px;
	line-height: 144%;
	font-family: "Georgia", "Book Antiqua", "serif";
	font-style: italic;
	color: #2f4c51;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
}

#show-someone span,#news-share-btn span {
	background: url(../images/btn_share.png) 5px -29px no-repeat;
	display: block;
	padding: 1px 10px 0 30px;
	width: 20px;
}

#news-share-btn span {
	width: 0px;
}

#show-someone:hover span,#news-share-btn:hover span {
	background-position: 5px 0px;
}

#scroll-to-top {
	bottom: 15px;
	display: none;
	opacity: 0.37;
	position: fixed;
	right: 20px;
	z-index: 3000;
}

#scroll-to-top:hover {
	opacity: 0.72;
}

#scroll-to-top img {
	height: 50px;
	width: 50px;
}

.popup-bg {
	background-color: #777777;
	cursor: pointer;
	display: none;
	height: 5855px;
	left: 0;
	margin-top: -2927px;
	opacity: 0.7;
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 11;
}

/* fancy-share */
.fancy-share h3 span {
	display: block;
	height: 17px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 390px;
}

.fancy-share .fig {
	padding: 15px 0;
}

.fancy-share .fig:after,.fancy-share div.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.fancy-share .fig .thum {
	border-radius: 2px 2px 2px 2px;
	float: left;
	line-height: 109px;
	margin-left: 15px;
	overflow: hidden;
	padding-left: 0px;
}

.fancy-share .fig .thum img {
	vertical-align: middle;
	width: 150px;
}

.fancy-share .fig .fig-info {
	float: right;
	margin-top: -13px;
	padding-right: 20px;
	width: 263px;
}

.fancy-share .fig h4 {
	color: #3E3E40;
	font-size: 14px;
	font-weight: bold;
}

.fancy-share .fig dt {
	color: #3E3E40;
	font-size: 12px;
	font-weight: bold;
	padding: 13px 0 6px;
}

.fancy-share .fig dd {
	position: relative;
}

.fancy-share .fig input {
	border: 1px solid #D1D3D9;
	border-radius: 3px 3px 3px 3px;
	color: #4A4949;
	cursor: text;
	font-size: 12px;
	height: 15px;
	margin: 0;
	padding: 5px;
	vertical-align: middle;
	width: 251px;
}

.fancy-share div.clear {
	border-top: 1px solid #E8E8E8;
	padding: 0 15px;
}

.fancy-share .clear h4 {
	color: #3E3E40;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 0;
}

.fancy-share .share-via {
	margin-top: -1px;
	padding-bottom: 5px;
}

.fancy-share .share-via li {
	border: 0 none;
	float: left;
	overflow: hidden;
	padding: 0 0 7px;
	width: 104px;
}

.fancy-share .share-via li [class ^="ic-"] {
	background: transparent url(../images/icon.png) no-repeat;
	background-size: 800px 800px;
}

.fancy-share .share-via li.end {
	width: 118px;
}

.fancy-share .share-via a {
	color: #373D48;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.fancy-share .share-via a:hover,.fancy-share .share-via a:focus {
	color: #1F5183;
	text-decoration: none;
}

.fancy-share .share-via li [class ^="ic-"] {
	display: inline-block;
	height: 17px;
	margin: -3px 0 0 0;
	vertical-align: middle;
	width: 17px;
}

.fancy-share .share-via li .ic-me {
	background-position: -90px -148px;
}

.fancy-share .share-via li a:hover .ic-me,.fancy-share .share-via li a:focus .ic-me
	{
	background-position: -108px -148px;
}

.fancy-share .share-via li .ic-fb {
	background-position: -6px -258px;
}

.fancy-share .share-via li a:hover .ic-fb,.fancy-share .share-via li a:focus .ic-fb
	{
	background-position: -3px -147px;
}

.fancy-share .share-via li .ic-tw {
	background-position: -38px -147px;
}

.fancy-share .share-via li a:hover .ic-tw,.fancy-share .share-via li a:focus .ic-tw
	{
	background-position: -33px -283px;
}

.fancy-share .share-via li .ic-gg {
	background-position: -64px -257px;
}

.fancy-share .share-via li a:hover .ic-gg,.fancy-share .share-via li a:focus .ic-gg
	{
	background-position: -72px -147px;
}

.fancy-share .share-via li .ic-su {
	background-position: -3px -279px;
}

.fancy-share .share-via li a:hover .ic-su,.fancy-share .share-via li a:focus .ic-su
	{
	background-position: -1px -170px;
}

.fancy-share .share-via li .ic-tb {
	background-position: -32px -257px;
}

.fancy-share .share-via li a:hover .ic-tb,.fancy-share .share-via li a:focus .ic-tb
	{
	background-position: -37px -173px;
}

.fancy-share .share-via li .ic-link {
	background-position: -65px -285px;
}

.fancy-share .share-via li a:hover .ic-link,.fancy-share .share-via li a:focus .ic-link
	{
	background-position: -72px -174px;
}

.fancy-share .share-via li .ic-vk {
	background-position: -65px -117px;
}

.fancy-share .share-via li a:hover .ic-vk,.fancy-share .share-via li a:focus .ic-vk
	{
	background-position: -45px -117px;
}

.fancy-share .share-via li .ic-wb {
	background-position: -85px -118px;
}

.fancy-share .share-via li a:hover .ic-wb,.fancy-share .share-via li a:focus .ic-wb
	{
	background-position: -105px -118px;
}

.fancy-share .share-via li .ic-mx {
	background-position: -24px -117px;
}

.fancy-share .share-via li a:hover .ic-mx,.fancy-share .share-via li a:focus .ic-mx
	{
	background-position: 0 -117px;
}

.fancy-share .share-via li .ic-od {
	background-position: -144px -151px;
}

.fancy-share .share-via li a:hover .ic-od,.fancy-share .share-via li a:focus .ic-od
	{
	background-position: -126px -151px;
}

.fancy-share .share-via li .ic-qz {
	background-position: -144px -117px;
}

.fancy-share .share-via li a:hover .ic-qz,.fancy-share .share-via li a:focus .ic-qz
	{
	background-position: -126px -117px;
}

.fancy-share .share-via li .ic-rr {
	background-position: -144px -134px;
}

.fancy-share .share-via li a:hover .ic-rr,.fancy-share .share-via li a:focus .ic-rr
	{
	background-position: -126px -134px;
}

.fancy-share .email-frm {
	border: 1px solid #D1D3D9;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 12px;
	padding: 3px 0 0 3px;
	position: relative;
	width: 423px;
}

.fancy-share .email-frm b.name {
	background: none repeat scroll 0 0 #A3AEBC;
	border: 1px solid #828B96;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF;
	cursor: default;
	display: inline-block;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin-bottom: 3px;
	margin-right: 3px;
	padding-left: 5px;
	text-shadow: 1px 0 1px #9BA6B3;
}

.fancy-share .email-frm .btn-del {
	background: url("../images/common/sprites.png") no-repeat scroll -330px
		-1456px transparent;
	border: 0 none;
	display: inline-block;
	height: 17px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
}

.fancy-share .email-frm span.add {
	color: #A9A9A9;
	cursor: pointer;
	line-height: 30px;
	padding-left: 2px;
	vertical-align: middle;
	white-space: nowrap;
}

.fancy-share .email-frm input {
	border: 0 none;
	display: none;
	font-size: 12px;
	height: 27px;
	margin: 0 0 3px;
	padding: 0;
	width: 150px;
}

.fancy-share .user-list {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D1D3D9;
	display: none;
	left: -1px;
	max-height: 210px;
	overflow: auto;
	position: absolute;
	top: 30px;
	width: 100%;
}

.fancy-share .user-list li {
	color: #666666;
	cursor: pointer;
	height: 32px;
	padding: 5px 10px 5px 50px;
	position: relative;
	text-decoration: none;
}

.fancy-share .user-list li.on {
	background: none repeat scroll 0 0 #EEEEEE;
}

.fancy-share .user-list li img {
	left: 10px;
	position: absolute;
	top: 5px;
	width: 32px;
}

.fancy-share .user-list li b {
	color: #333333;
	display: block;
	font-size: 13px;
	font-weight: bold;
}

.fancy-share .user-list li span {
	color: #999999;
	display: block;
	font-size: 11px;
	padding-top: 2px;
}

.fancy-share textarea {
	border: 1px solid #D1D3D9;
	border-radius: 3px 3px 3px 3px;
	clear: both;
	font-size: 12px;
	height: 40px;
	padding: 5px;
	width: 418px;
}

.fancy-share .btn-area {
	padding: 0 15px 14px;
	text-align: right;
}

.fancy-share .btn-area button {
	border: 1px solid #FFFFFF;
	border-radius: 3px 3px 3px 3px;
	font-weight: bold;
	margin: 0;
	padding: 5px 15px;
	width: auto;
}

.fancy-share .btn-area .btn-share {
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#4C94D6', endColorstr = '#3D80CC' );
	background: -webkit-linear-gradient(top, #4C94D6, #3D80CC);
	background: -moz-linear-gradient(top, #4C94D6, #3D80CC);
	border-color: #3B65A4;
	box-shadow: 0 1px 0 #599EDA inset;
	color: #FFFFFF;
	font-size: 12px;
	text-shadow: 0 -1px 0 #3E70B1;
}

.fancy-share .btn-area .btn-cancel {
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#F9F9F9', endColorstr = '#EFEFF0' );
	background: -webkit-linear-gradient(top, #F9F9F9, #EFEFF0);
	background: -moz-linear-gradient(top, #F9F9F9, #EFEFF0);
	border-color: #B9B9BA;
	color: #3F4042;
	margin-left: 4px;
}

.fancy-share .btn-close {
	cursor: pointer;
	border: 0;
	border-left: 1px solid #D7D7D8;
	background: url("../images/btn_close_modal.png") no-repeat scroll 11px
		12px transparent;
	height: 35px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -99em;
	top: 0;
	width: 35px;
}




#profil_example {
	background: #47a3da;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 5px;
	padding: 10px 15px;
}

#profil_example strong {
	color: #fff;
}

/* BBCODE EDITOR PLUGIN */
.underline {
	text-decoration: underline;
}

.line-throught {
	text-decoration: line-through;
}

.bbedit-toolbar {
	line-height: 20px;
	font-size: 10px;
}

.bbedit-toolbar span {
	padding: 3px 8px;
	border: 1px solid #B2B2B2;
	background-color: #F0F0F0;
	cursor: pointer;
}

.bbedit-toolbar span.hover,.bbedit-toolbar span:hover {
	border-color: #777777;
	background-color: #E5E5E5;
}

.bbedit-smileybar img {
	margin-right: 3px;
	cursor: pointer;
}

.bbedit-b {
	background: url("../images/icons/bbeditor.gif") no-repeat 0 0;
}

.bbedit-i {
	background: url("../images/icons/bbeditor.gif") no-repeat -20px 0;
}

.bbedit-u {
	background: url("../images/icons/bbeditor.gif") no-repeat -40px 0;
}

.bbedit-s {
	background: url("../images/icons/bbeditor.gif") no-repeat -60px 0;
}

.bbedit-url {
	background: url("../images/icons/bbeditor.gif") no-repeat -80px 0;
}

.bbedit-img {
	background: url("../images/icons/bbeditor.gif") no-repeat -100px 0;
}

.bbedit-code {
	background: url("../images/icons/bbeditor.gif") no-repeat -120px 0;
}

.bbedit-quote {
	background: url("../images/icons/bbeditor.gif") no-repeat -140px 0;
}

/* jGrowl */
div.jGrowl {
	font-size: 12px;
	position: fixed;
	z-index: 9999;
}

div.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

div.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

div.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}

div.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

div.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification,div.center div.jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer {
	opacity: .9;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.1em;
	text-align: left;
	display: none;
	border-radius: 5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 40px;
}

div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer {
	margin: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: bold;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: none;
	}
}

body div.jGrowl div.jGrowl-notification.success {
	background: none;
	background-color: #D7F7D5;
	color: #527451;
	border: 1px solid #527451;
}

body div.jGrowl div.jGrowl-notification.success a {
	color: #527451;
	text-decoration: underline;
}

body div.jGrowl div.jGrowl-notification.info {
	background: none;
	background-color: #C8E8F7;
	color: #397DB2;
	border: 1px solid #FFF;
}

body div.jGrowl div.jGrowl-notification.info a {
	color: #397DB2;
	text-decoration: underline;
}

body div.jGrowl div.jGrowl-notification.warning {
	background: none;
	background-color: #F7F6D3;
	color: #9A7224;
	border: 1px solid #FFF;
}

body div.jGrowl div.jGrowl-notification.warning a {
	color: #9A7224;
	text-decoration: underline;
}

body div.jGrowl div.jGrowl-notification.alert {
	background: none;
	background-color: #F3C5C3;
	color: #C20017;
	border: 1px solid #F3C5C3;
}

body div.jGrowl div.jGrowl-notification.alert a {
	color: #C20017;
	text-decoration: underline;
}

/* View Modes Icons
----------------------------------------------- */
.views_mode {
	float: right;
	margin-top: 25px;
	margin-right: 5px;
}

.views_mode .label {
	float: left;
	font-size: 12px;
	height: 13px;
	margin-left: 5px;
	margin-top: -3px
}

.views_mode .view_mode {
	background-image: url(../images/view_mode_icons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	float: left;
	height: 13px;
	margin-left: 5px;
	width: 13px;
}

.views_mode .normal {
	background-position: 0 0;
}

.views_mode .normal.selected,.views_mode .normal:hover {
	background-position: -13px 0;
}

.views_mode .list {
	background-position: 0 -13px;
}

.views_mode .list.selected,.views_mode .list:hover {
	background-position: -13px -13px;
}

.views_mode .detail {
	background-position: 0 -26px;
}

.views_mode .detail.selected,.views_mode .detail:hover {
	background-position: -13px -26px;
}

/* Global Toolbar */
#actions-toolbar {
	float: right;
}

#actions-toolbar table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

#actions-toolbar table td {
	vertical-align: top !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	font-size: 12px !important;
}

#actions-toolbar .actions-toolbar-item {
	float: right;
	color: #eee !important;
	background: url(../images/toolbar-dropdown.png);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 2px 0 0;
	height: 22px;
	display: block;
}

#actions-toolbar .actions-toolbar-item:hover {
	color: #fff !important;
}

#actions-toolbar-dropdown {
	position: relative;
}

#actions-toolbar-dropdown #actions-toolbar-dropdown-wrap {
	background: url(../images/toolbar-dropdown.png);
	display: none;
	position: absolute;
	right: 0;
	top: 25px;
	width: 110px;
	-moz-border-radius: 3px 0 3px 3px;
	-webkit-border-radius: 3px 0 3px 3px;
	padding: 6px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	z-index: 1000;
}

#actions-toolbar-dropdown:hover #actions-toolbar-dropdown-wrap {
	display: block !important;
}

#actions-toolbar-dropdown #actions-toolbar-dropdown-wrap a {
	color: #eee !important;
	letter-spacing: 0px;
}

#actions-toolbar-dropdown #actions-toolbar-dropdown-wrap a:hover {
	color: #fff !important;
}

#actions-toolbar .actions-toolbar-logo {
	text-indent: -9999em !important;
	width: 34px;
	background: url(../images/toolbar-sprite.png) 0px 0;
	margin: 0 0 3px 0;
}

#actions-toolbar #actions-toolbar-dropdown:hover .actions-toolbar-logo {
	background: url(../images/toolbar-sprite.png) 0px -22px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	height: 25px;
	margin: 0;
}

/* ***************************************************************** */
	/*                       SEARCH RESULTS                              */
	/* ***************************************************************** */
.search-filters li {
	height: 25px;
	margin-bottom: 5px;
	padding-right: 20px;
}

.search-filters li a {
	color: #999;
	display: block;
}

.search-filters li a span {
	background-color: #e6e6e6;
	border-radius: 5px;
	color: #03B6DE;
	display: block;
	float: right;
	margin-top: -3px;
	padding: 3px 10px 1px 10px;
}

.search-filters li a:hover,.search-filters li a.active {
	color: #03B6DE;
}

.search-filters li a:hover span,.search-filters li a.active span {
	background-color: #03B6DE;
	color: #fff;
}

/* Community */
body.community .stats ul li a span {
	font-size: 25px;
}

body.community .stats ul li {
	border-right: 1px solid #EBECEE;
	padding: 0 20px 0 20px !important;
	float: right;
}

body.community .stats ul li.last {
	border: none;
	padding-right: 10px !important;
}

.profil-menu {
	background: #fff;
	margin-top: 20px;
}

.profil-menu li {
	border-bottom: 1px solid #ebecee;
}

.profil-menu li a {
	font-weight: 400;
}

.profil-menu li.submenu {
	padding-left: 30px
}

.profil-menu li a {
	color: #acacaa;
	display: block;
	padding: 10px 10px;
}

.profil-menu li a[class ^="flaticon-"]:before {
	font-size: 16px;
}

#newsfeed .item .avatar,.avatar-25 {
	border-width: 1px;
	float: left;
	height: 27px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 27px;
}

#newsfeed .item .avatar img,.avatar-25 img {
	height: 25px;
	padding: 0px;
	width: 25px;
}

#newsfeed .comment-author-wrap {
	margin-left: 0px;
	float: left;
	display: block;
	margin-top: 0px;
	color: black;
	font: 12px "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif;
}

#newsfeed .comment-author-wrap a {
	border: 0;
	color: black;
}

#newsfeed .comment-author {
	font-size: 15px;
	font-weight: bold;
}

#newsfeed .avatar-border img {
	border: 2px solid #989898;
	background-color: #fff;
	border-radius: 50%;
	height: 39px;
	width: 39px;
}

#newsfeed .comment-author-wrap {
	color: black;
}

#newsfeed .item .extended {
	clear: left;
	float: left;
	margin-left: 54px;
}

#newsfeed .item.status .extended {
	font-size: 16px;
	font-style: italic;
}

#newsfeed .item .extended .article-image {
	float: left;
	max-width: 150px;
	padding-right: 10px;
}

#newsfeed .item .actions, #newsfeed .item .likes {
	background: #f7fafc;
	border-bottom: 1px solid #e4eef5;
	border-top: 1px solid #e4eef5;
	padding: 10px 15px;
}

#newsfeed .item .comments {
	background: #f7fafc;
	display: none;
	padding: 25px 25px 25px 35px;
}

#newsfeed .item .comments .comment-add-form {
	clear: both;
}

#newsfeed .item .comments .comment-item {
	margin-bottom: 10px;
}

#newsfeed .item .comments .comment-author-wrap {
	float: left;
}

#newsfeed .item .comments .comment-item .comment-content {
	float: left;
	margin-left: 0px;
	padding: 0px 0 10px 15px;
	width: 522px;
}

#newsfeed .item .comments .comment-item span {
	
}

#newsfeed .item .comments .comment-item .time {
	float: left;
	padding-top: 0px;
}

#newsfeed .item .comments .avatar-border {
	height: 25px;
	width: 25px;
}

#newsfeed .item .comments textarea {
	height: 50px;
	float: left;
	margin-left: 10px;
	width: 522px;
}

#newsfeed .item .content {
	float: left;
	margin: 10px 0 2px 15px !important;
	padding: 0px;
	width: 440px;
}

#newsfeed .item  #book-picture {
	padding-top: 15px;
}

#newsfeed .item  #book-info {
	width: 380px !important;
	padding-top: 15px;
}

#newsfeed .item  #book-info dt {
	width: 95px;
}

#newsfeed .item  #book-info dd.second {
	margin-left: 95px;
}

#newsfeed .item .time {
	color: #999;
	float: right;
	font-style: italic;
	font-size: 11px;
	padding-top: 3px;
	margin-left: 0px;
	margin-top: 0px;
}

#newsfeed .item .comment,.postbody .comment {
	background: url(../images/open_quote.png) no-repeat;
	color: #969696;
	padding-left: 28px;
	padding-top: 5px;
}

#newsfeed .item .close_comment,.postbody .close_comment {
	display: inline;
	background: url(../images/close_quote.png) right bottom no-repeat;
	height: 18px;
	padding-right: 23px;
	padding-bottom: 5px;
	width: 21px;
}

#newsfeed .item .albums {
	margin-top: 5px;
}

.bloc .tabs {
	padding: 10px 0px 0 25px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
}

.rating img:hover {
	cursor: pointer;
	min-width: 7px;
}

.hiddenAuthor {
	display: none;
}

.moreAuthors {
	color: #666 !important;
	font-style: italic
}

.rate_bad,.rate_good,.set_bad,.set_good {
	background-image: url(../images/common/rate.gif);
	display: block;
	float: left;
	width: 15px;
	height: 16px;
	margin-right: 5px;
}

.rate_bad {
	background-position: 0 0;
}

.rate_good {
	background-position: 0 -78px;
}

.set_bad {
	background-position: 0 -26px;
}

.set_good {
	background-position: 0 -104px;
}

.set_bad:hover {
	background-position: 0 -52px;
}

.set_good:hover {
	background-position: 0 -130px;
}

/* Other */
a.linkbox {
	background-color: #f6f6f6;
	background-position: 10px 15px;
	background-repeat: no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #0a0c0d;
	display: block;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 15px 52px 15px 15px;
	position: relative;
	float: right;
}

a.linkbox h4 {
	font-family: CustomSceneRegular, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px
}

a.linkbox span {
	background: url("../images/common/linkbox-arrow-right.png") 100% 50%
		no-repeat;
	display: block;
	height: 24px;
	margin-top: -12px;
	filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 60 );
	opacity: 0.6;
	position: absolute;
	right: 15px;
	text-indent: -9999px;
	top: 50%;
	width: 24px
}

a.linkbox span {
	filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 100 );
	opacity: 1
}

a.linkbox:hover {
	background-color: #eee;
	color: #0a0c0d;
}

/** Pages **/ /* Eléments commun */
.series-list #wrapper {
	padding-top: 0px;
}

/* ***** Statistiques ***** */
body.home div.stats ul li,body .features div.stats ul li {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 0 0px 0;
}

body.home div.stats ul li a,body .features div.stats ul li a {
	color: #666;
}

body.home div.stats ul a span,body .features div.stats ul a span {
	color: #000;
	font-size: 20px;
}

body.home div.stats ul a:hover,body .features div.stats ul a:hover {
	color: #35acc5;
}

body.home div.stats ul a:hover span,body .features div.stats ul a:hover span
	{
	color: #666;
}

/* ***** LISTING ALBUM ****/

#list_view {
	position: relative;
}

	#list_view .cover-140 {
		max-height: 125px;
		max-width: 95px;
	}

#list_view .album-stats, #list_view .album-actions {
	position: relative;
	z-index: 600;
} 

#list_view .album-infos {
	float: left;
	width: 75%;
	z-index: 500;
}
	
	body.series #list_view .album-infos {
		
	}	
	
	#list_view .reedition .album-infos {
		
	}
	
	#list_view .album-infos h4, #list_view .album-infos h5, #list_view .album-infos dd {
		max-width: 100%;
	}

/* ***************************************************************** */
/* *****                   FICHE ALBUM                          **** */
/* ***************************************************************** */
.bar-wrapper:hover .bar {
	background: rgba(71,163,218, .6) !important;
}

.hreview-aggregate .fn,.hreview-aggregate .rating {
	display: none;
}

body.album #history ul li {
	list-style: none;
}

body.album .reedition #book-picture {
	width: 25%;
}

.album .chronique p {
	color: #333;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}


#modal-rates h4 {
	border-top: 1px solid #EAEAEA;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#modal-rates .rates-network {
	float: left;
	margin-top: 5px;
	width: 100%;
}

#modal-rates .rates-network img.photo {
	border: 2px solid #989898;
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
}

#modal-rates .rates-network .username {
	float: left;
	padding: 5px 10px;
}

#modal-rates .rates-network .rate {
	float: left;
	padding: 5px 0;
}

#modal-rates .rates-repartition-stars {
	float: left;
}

#modal-rates .rates-repartition-nb {
	float: left;
	margin-left: 10px;
}

#modal-rates .bar {
	display: block;
	background-color: rgba(71, 163, 218, 0.0980392);
	border-radius: 3px;
	float: left;
	margin: 4px 0 0 10px;
	width: 140px;
	height: 12px;
}

#modal-rates .bar-ok {
	display: block;
	background-color: #47A3DA;
	border-radius: 3px;
	height: 12px;
	width: 0px;
}


body.album-view footer {
	background: rgba(246, 246, 246, 0.8);
}

body.album-view #page-title {
	padding: 0 0 40px 0;
}

body.album-view h1 {
	font-weight: 400;
}

body.album-view h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	padding-bottom: 20px
}

body.album-view h4 {
	font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

body.album-view section, body.album-view body {
	background: #fff;
}
	
	body.album-view .gray {
		background: #fafafa;
	}
	
	body.album-view .details-section, body.album-view #page-title {
		background: transparent;
		margin-bottom: 0px;
	}

body.album-view #book-picture img {
	max-width: 100%;
}

body.album-view #extraits .mini {
	display: inline-block;
	padding: 0 5px;
	width: 33.3%;
}

	body.album-view #extraits .mini img {
		border: 1px solid #acacac;
		padding: 5px;
		width: 100%;
	}

	body.album-view #extraits.backgrounded .mini {
		border: 5px solid #fff;
		-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
		padding: 0;
		width: 100%
	}

		body.album-view #extraits.backgrounded .mini img {
			border: none;
			padding: 0;
		}

body.album-view .language {
	font-family: "Georgia", "Book Antiqua", "serif";
	font-style: italic;
	font-size: 15px;
	text-transform: lowercase;
}

body.album-view #book-info p {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
	overflow: hidden;
}
			
	body.album-view #book-info dl {
		margin-top: 0;
	}
		
			
body.album-view .chronique .entry img {
	display: block;
	margin: 0 auto;
}

body.album-view .chronique p {
	padding-bottom: 10px;
}

body.album-view .chronique .vcard .name {
	padding: 3px 0 0 37px
}

body.album-view .bar-wrapper {				
	margin-left: 2px;width: 20px; height: 60px
} 
	
	body.album-view .bar-wrapper .bar {			
		min-height: 3px; width: 20px; 		
	}
	
	body.album-view .bar-wrapper:hover .bar {
		opacity: .8;
	}
	
body.album-view .album-stats #rate {
	font-size: 72px;line-height: 40px; padding-top: 10px;
}	

	body.album-view .album-stats #rate span {
		font-size: 20px
	}
	
body.album-view .album-stats .icon:before {
	padding-left: 0 !important;
}
	
body.album-view  #page-title .navigation {
	float: right;
}

	body.album-view  #page-title .navigation a:before {
		color: rgb(51, 51, 51);
		font-size: 18px;
	}
	
	body.album-view  #page-title .navigation a:hover:before {
		opacity: 0.6;
	}
	
body.album-view .details-section .cover {
	border: 5px solid #fff;
	-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
}

body.album-view .albums-action {
	height: 60px;
	margin-top: 0px;
	width: 250px;
}

body.album-view .quick .small {
	font-size: 12px
}

.bdphile-modal {
	background: rgba(255, 255, 255, .98);
	display: none;
	height: 100%;
	opacity: 0;
	padding: 50px;
	position: fixed;
	top: 0;
	transition: opacity .5s;
	z-index: 3000;
	width: 100%;
}

.bdphile-modal .content {
	height: 300px;
	overflow: scroll;
}


body.album-view.top header {
	*background: rgba(255, 255, 255, .95) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

body.album-view .flaticon-close-thin:before {
	padding-top: 10px;
	font-size: 30px;
}

body.album-view .flaticon-close-thin {
	color: #acacaa;
}

body.album-view #rating span:before {
	font-size: 25px;
	margin: 0;
	padding: 5px;
}

body.album-view .reedition #book-picture img {
	max-width: 163px
}


body.album-view #modal-rates .rates-network .rate {
	width: 70px; display: block; float: right
}

#autres_tomes .content a div {
	text-align: right;width: 22px;margin: 0px;float: left
}

/* ***** FICHE SERIE **** */
.views_mode {
	margin-top: 3px;
}

ul.series-pages {
	padding-top: 0px !important;
}

ul.series-pages li a {
	color: #999;
	padding: 5px 10px;
}

.series-pages li.current a {
	background-color: #58A4D7;
	color: #fff;
	padding: 5px 10px;
}

.series .title {
	background-color: rgba(200, 200, 200, 0.8);
	color: #fff;
	letter-spacing: -1px;
	margin: 0;
	padding: 0px;
	position: fixed;
	width: 100%
}

	.series .title h1 {
		color: #fff;
		float: left;
		font-size: 22px;
		line-height: 24px;
		text-transform: uppercase;
		margin: 10px 0 0px 0;
		width: 640px;
	}
		
		.series .title h1 a:hover {
			color: rgba(246, 246, 246, 0.9);
		}
		
		.series .title h1 span {
			text-transform: lowercase;
		}


.series dl dt {
	clear: left;
	float: left;
	margin-top: 10px;
	width: 25px;
}

.series dl dd {
	float: left;
	margin-top: 10px;
	width: 245px;
}

.series dl [class^="flaticon-"]:before {
	color: #47A3DA;
	font-size: 15px;
}

.series-form #tomes_prevus_wrapper {
	display: none;
}


/* ***** SUGGESTIONS ***** */
.suggestions-page #response_wrapper {
	display: none;
}

/* ***** Formulaire de proposition **** */
.album-edit .infos {
	background: rgba(246, 246, 246, 0.8) url(../images/info-48x48.png) 15px
		15px no-repeat;
	float: left;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 78px;
}

.album-edit fieldset {
	padding: 5px 10px 10px 10px;
}

.album-edit fieldset legend {
	padding-top: 10px;
}

.album-edit #series_text_wrapper {
	float: left;
	width: 330px
}

.album-edit #genre1_wrapper,.album-edit #genre2_wrapper,.album-edit #genre3_wrapper
	{
	width: 200px;
}

.album-edit #add_genre_wrapper {
	margin-top: 25px;
}

#atype_wrapper,#tome_wrapper,#tome_end_wrapper,.album-edit #title_wrapper,#publisher_wrapper,#collection_wrapper,#publish_date_wrapper,#price_wrapper,#pages_wrapper,#dl_wrapper,#eo_wrapper,#format_wrapper,#width_wrapper,#height_wrapper,#image1_wrapper,#image2_wrapper,#image3_wrapper,#genre1_wrapper,#genre2_wrapper,#genre3_wrapper,#add_genre_wrapper
	{
	float: left;
}

.album-edit #language_wrapper,.album-edit #type_wrapper,.album-edit #status_wrapper,#tome_end_wrapper,#genre1_wrapper,#genre2_wrapper,#genre3_wrapper,.album-edit #add_genre_wrapper
	{
	display: none;
}

.album-edit.new #section-series,.album-edit.new #section-album,.album-edit.new #section-edition,.album-edit.new #format-edition,.album-edit.new #section-authors,.album-edit.new #extrait,.album-edit.new #actions,.album-edit.new #proposition,.album-edit.new #validation,.album-edit.new .form-buttons
	{
	display: none;
}

.album-edit #language_wrapper,.album-edit #type_wrapper,.album-edit #status_wrapper
	{
	float: left;
	width: 120px;
}

.album-edit #tome_wrapper,.album-edit #tome_end_wrapper {
	width: 75px;
}

.album-edit #tome_wrapper input,.album-edit #tome_end_wrapper input {
	width: 50px
}

#cover_preview {
	display: none;
	float: right;
	margin-top: -23px;
	text-align: center;
}

#cover_preview img,#preview_extraits .extrait img {
	max-height: 165px;
	max-width: 165px;
}

#preview_extraits,#preview_extraits .extrait {
	float: right;
	text-align: center;
}

#tags_wrapper,#cover_wrapper,#publish_date_wrapper,#dl_wrapper,#infos_wrapper,#image1_wrapper,#image2_wrapper,#image3_wrapper
	{
	clear: left;
}

#publisher_wrapper,#collection_wrapper,#publish_date_wrapper,#dl_wrapper,#eo_wrapper
	{
	width: 338px;
}

#eo_wrapper {
	margin-top: 20px;
}

#price_wrapper,#pages_wrapper,#width_wrapper,#height_wrapper {
	width: 148px;
}

#price_wrapper input,#pages_wrapper input,#width_wrapper input,#height_wrapper input
	{
	width: 75px;
}

#format_wrapper {
	width: 190px;
}

.album-edit .error_ignore {
	border-top: 1px solid #fff;
	display: none;
	margin-top: 10px;
	padding-top: 10px;
}

.album-edit .error_ignore a {
	color: #fff !important;
	font-size: bold !important;
	float: right
}

.album-edit .error_ignore a:hover {
	text-decoration: underline;
}

.album-edit div.error input, label.error input {
	border-color: #e98330;
	color: #e98330;
}

.album-edit div.error label, label.error {
	color: #e98330;
}

/* ***** Formulaire auteur ***** */
.author-edit fieldset {
	padding: 5px 10px 10px 10px;
}

.author-edit fieldset legend {
	padding-top: 10px;
}

.author-edit #displayname_wrapper,.author-edit #show_nickname_first_wrapper,.author-edit #firstname_wrapper,.author-edit #lastname_wrapper,.author-edit #nickname_wrapper,.author-edit #nationality_wrapper,.author-edit #gender_wrapper
	{
	float: left;
	width: 300px
}

.author-edit #show_nickname_first_wrapper {
	margin-top: 23px;
}

.author-edit #displayname_wrapper input,.author-edit #firstname_wrapper input,.author-edit #lastname_wrapper input,.author-edit #nickname_wrapper input
	{
	width: 270px
}

.author-edit #firstname_wrapper,.author-edit #nationality_wrapper {
	clear: both;
}

/* ***** Formulaire série ***** */
.series-form #description_wrapper {
	clear: both;
}

/* ***** Formulaire Parabd **** */
.parabd #name_wrapper,.parabd #reference_wrapper,.parabd #number_wrapper
	{
	float: left;
	width: 330px
}

.parabd #width_wrapper,.parabd #height_wrapper,.parabd #depth_wrapper {
	float: left;
	width: 300px
}

.parabd #width_wrapper input,.parabd #height_wrapper input,.parabd #depth_wrapper input
	{
	width: 270px
}

.parabd #width_wrapper,.parabd #description_wrapper {
	clear: left;
}

.parabd #type_wrapper {
	display: block;
}

/* ***** Formulaire de réponse au forum ***** */
.forum-reply #subscribe_wrapper {
	float: left;
}

/* ***** BUYLIST ***** */

.priority {
	border-radius: 3px;
	background-color: #e8e9ea;
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin-left: 14px;
	padding: 4px;
	text-align: center;
	width: 20px;
}

.priority.priority1 {
	background-color: #c6c8ca;
}

.priority.priority2 {
	background-color: #d7d8da;
}

.priority.priority3 {
	background-color: #e8e9ea;
}

/* ***** EVENT LIST ***** */
#event-list {
	margin-top: 10px;
}

#event-list .item {
	padding: 20px 0;
}


#event-list .item h3 {
	font-size: 20px;
	font-weight: 300;
}

#event-list .item p {
	line-height: 22px;
	margin-top: 12px;
}

#event-list .item a.button {
	margin-top: 5px;
}

#new-event-list li {
	border-left: 2px solid #47A3DA;
	color: #999;
	margin-bottom: 10px;
}

#new-event-list li .date {
	color: #666;
	float: left;
	font-weight: bold;
	margin: 0px 10px;
	text-align: center;
}

/* ***** EVENT DETAIL ***** */
#event section.header {
	height: 150px;
	padding: 0;
}

#event section.header h1 {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	float: left;
	margin: 30px 0 0 40px;
	padding: 17px 20px;
	position: absolute;
	z-index: 970;
}

#event section.header .links {
	margin: 85px 0 0 40px;
	position: absolute;
	z-index: 970;
}

#event section.header .links a {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	float: left;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	margin: 0 1px 0px 0;
	padding: 4px 10px 4px 10px;
}

#event section.header a.icon {
	padding: 3px 15px 3px 10px;
}

#event section.header a:hover {
	background: rgba(0, 0, 0, 0.8);
}

#event section.header a.icon:before {
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	width: 20px;
}

#event section.header #map_overlay {
	cursor: pointer;
	height: 150px;
	position: absolute;
	width: 100%;
	z-index: 950;
}

#event section.header #map_canvas {
	width: 100%;
	height: 150px;
	position: absolute;
	z-index: 900;
}

#event #map_legend {
	font-size: 11px;
	font-style: italic;
	margin-top: -40px;
}

#event #infos dt {
	font-size: 16px;
	margin-bottom: 15px;
}

#event #infos dd {
	color: #666;
	font-size: 16px;
	margin-bottom: 15px;
}

#event p,#event #infos .description {
	margin-top: 5px;
	font-size: 16px;
	line-height: 25px;
}

#event h3 {
	font-size: 26px;
	font-weight: 300;
}

#event .author-item {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	width: 300px;
}

#event .author-item .avatar {
	border: 1px solid #989898;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	width: 35px;
	height: 35px;
}

#event .author-item .name {
	height: 37px;
	line-height: 37px;
	margin-left: 42px;
}

#event .author-item .name a {
	font-size: 16px;
	letter-spacing: -1px;
}

#event .author-item.full {
	width: 960px;
}

#event .author-item.full .avatar {
	width: 70px;
	height: 70px;
	margin: 0 20px 0px 0;
}

#event .author-item.full .name {
	height: 25px;
	line-height: 25px;
}

#event .author-item.full .name a {
	float: left;
	font-size: 20px;
	font-wieght: 300px;
}

#event .author-item.full .name h4 {
	float: left;
	padding-left: 10px;
}

/* ***** News ***** */

li.recentcomments:first-child {
	margin-top: 0;
}

li.recentcomments {
	display: block;
	height: 40px;
	margin-top: 20px;
	overflow: hidden;
}

.recentcomments .avatars {
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 4px;
}

li.recentcomments a {
	text-decoration: none;
	color: #A0A0A0;
	font-size: 14px;
}

li.recentcomments a:hover {
	color: #000;
}

.news #boxes {
	padding: 0 20px 20px 20px;
	width: 300px;
}

.news #boxes p {
	font-size: 14px;
}

.news #boxes p.date {
	font-size: 13px;
	font-style: italic;
}

.news .comment-content {
	width: 485px;
}

.news .social div:after {
	content: "";
}

/* **** Chronique **** */

.chronique h1 {
	margin-bottom: 5px;
}

.chronique .entry,.news #billets {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.chronique .entry p,.news #blog-post p {
	color: #333;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

.chronique .entry em,.news #blog-post em {
	color: #3d3d3d;
	font-family: Georgia, 'Book Antiqua', serif;
}

.chronique .entry img {
	max-width: 639px;
}

.chronique .actions-list a,.chronique .actions-list .btn-amazon:before {
	color: #47A3DA;
}

.chronique .actions-list a:hover,.chronique .actions-list:hover a.btn-amazon:before
	{
	color: #000;
}

.chronique .actions-list a.btn-amazon:before {
	color: #47A3DA;
	padding-top: 5px;
}

li.recentcomments:first-child {
	margin-top: 0;
}

li.recentcomments {
	display: block;
	height: 40px;
	margin-top: 20px;
	overflow: hidden;
}

.recentcomments .avatars {
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 4px;
}

li.recentcomments a {
	text-decoration: none;
	color: #A0A0A0;
	font-size: 14px;
}

li.recentcomments a:hover {
	color: #000;
}

.chronique dt {
	font-weight: bold;
	padding-top: 15px;
}

.chronique span.rate {
	clear: both;
	display: block;
	float: left;
	width: 120px;
}

a.readmore {
	display: inline-block;
	padding-left: 12px;
	margin: 10px 0 5px 00px;
	background-repeat: no-repeat;
	background-position: 0% 63%;
}

a.readmore:hover {
	color: #333 !important;
	background-image:
		url(http://www.uiueux.com/wp/webzine/wp-content/themes/webzine/img/menustri_dark.png);
}

.back {
	background-color: rgba(170, 170, 170, 0.4);
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.backbg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.back .icoimage {
	width: 100%;
	height: 100%;
	background:
		url(http://www.uiueux.com/wp/webzine/wp-content/themes/webzine/img/zoom.png)
		no-repeat 50% 50%;
}

.back .icozoom {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 47%;
	left: 0;
	background:
		url(http://www.uiueux.com/wp/webzine/wp-content/themes/webzine/img/zoom.png)
		no-repeat;
}

.back .icomore {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 47%;
	left: auto;
	right: 0;
	background:
		url(http://www.uiueux.com/wp/webzine/wp-content/themes/webzine/img/zoom_more.png)
		no-repeat;
}

.video-wrap {
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.listbox_ufullimg a {
	display: block;
	position: relative;
	float: left;
	margin-right: 10px;
	width: 180px;
}

.linebg {
	height: 4px;
	background: url(../images/line_bg.png) repeat-x bottom;
}

/* **** CONTRIBUTE **** */

#contribute-news .title [class^="flaticon-"] {
	display: inline-block;
	color: rgb(51, 51, 51);
	font-size: 25px;
	padding-bottom: 20px;
	text-align: center;
	width: 155px;
}

#contribute-news .title [class^="flaticon-"]:before, #contribute-news .title [class*=" flaticon-"]:before {
	display: block;
    font-size: 35px;
    margin: 10px 0 10px 0;
    width: 155px;
}

/* **** LIKES **** */

.ajax-text-like:before {
	color: #acacaa;
}

	.ajax-text-like:hover:before, .ajax-text-like.active:before {
		color: #85bee9;
	}
	
	.likes-plus {
		background: #d6d6d6;
		color: #fff;
		float: left;
		height: 44px;
		line-height: 44px;
		text-align: center;
		width: 44px;
	}

/* **** LISTES **** */

.listes {
	overflow: hidden;
}

.liste {
	display: block;
	height: 86px;
}

.liste:hover {
	opacity: .8;
}

.liste h2 {
	background: rgba(51, 51, 51, 0.7);
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	margin-top: 51px;
	padding: 5px 10px;
	position: absolute;
	text-transform: uppercase;
}

.liste h2 span {
	color: #acacaa;
	font-size: 16px;
	padding-left: 10px;
	text-transform: none;
}

#liste-detail .item h2 {
	margin-bottom: 5px;
}

#liste-detail .item h3 {
	font-weight: normal;
	margin-bottom: 15px;
}

/* **** MESSAGERIE INTERNE **** */
#pm #sidebar {
	border-right: 1px solid #eeeeee;
	position: fixed;
	width: 200px;
}

#pm #sidebar ul li {
	padding: 10px 0;
}

#pm	#sidebar ul li a {
	color: rgb(51, 51, 51);
	font-size: 16px;
	font-weight: 300;
}

#pm #sidebar ul li a.selected {
	color: #85bee9;
}

#pm #conversations,#pm #messages,#pm #message {
	padding: 20px 20px 20px 220px;
}

#pm #conversations table tr {
	border-bottom: 1px solid #eeeeee;
}

#pm #conversations table th {
	color: #aaaaaa;
	font-weight: normal;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}

#pm #conversations table tr td {
	padding: 10px;
}

#pm #conversations table tr:hover td {
	background-color: rgba(133, 190, 233, 0.3);
	cursor: pointer;
}

#pm #conversations .unread div {
	border-radius: 3px;
	background-color: #47a3da;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
	margin: 12px 2px 0 12px;
	padding: 4px;
	text-align: center;
	min-width: 23px;
}

#pm #conversations .date {
	color: #aaaaaa;
	font-size: 12px;
}

#pm #conversations .avatar {
	border-radius: 50%;
	float: left;
}

#pm #conversations h2 {
	margin: 0;
	padding: 5px 0 0 0px;
}

#pm #messages .date {
	margin-top: 40px;
	text-align: center;
}

#pm #messages .date span {
	color: #aaa;
	display: inline-block;
	position: relative;
	font-size: 12px;
}

#pm #messages .date span:before,#pm #messages .date span:after {
	background-color: #aaa;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	width: 50px;
}

#pm #messages .date span:before {
	right: 100%;
	margin-right: 15px;
	margin-top: 10px;
}

#pm #messages .date span:after {
	left: 100%;
	margin-left: 15px;
	margin-top: -10px;
}

#pm #messages .message {
	clear: both;
	margin-top: 40px;
	padding-left: 60px;
	width: 60%;
}

#pm #messages .message .avatar {
	border-radius: 50%;
}

#pm #messages .message .time {
	color: #aaa;
	font-size: 12px;
	margin-top: 54px;
	text-align: center;
	width: 44px;
}

#pm #messages .message .content {
	border-radius: 8px;
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
}

#pm #messages .message.right {
	padding-right: 60px;
	width: 60%;
}

#pm #messages .message.right .avatar {
	float: right;
	margin-top: 10px;
	margin-right: -60px;
}

#pm #messages .message.right .time {
	float: right;
	margin-right: -60px;
}

#pm #messages .message.right .arrow {
	float: right;
	margin-top: 23px;
	margin-right: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #f7f7f7;
}

#pm #messages .message.right .content {
	background: #f7f7f7;
	float: left;
}

#pm #messages .message.left {
	padding-left: 60px;
	width: 60%;
}

#pm #messages .message.left .avatar {
	float: left;
	margin-top: 10px;
	margin-left: -60px;
}

#pm #messages .message.left .time {
	float: left;
	margin-left: -60px;
}

#pm #messages .message.left .arrow {
	float: left;
	margin-top: 23px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #5cacdf;
}

#pm #messages .message.left .content {
	background: #5cacdf;
	color: #fff;
	float: right;
}

#pm #reply {
	border-top: 1px solid #eeeeee;
	margin-top: 20px;
}

	#pm #reply textarea {
		height: 150px;
		padding: 10px;
	}

/* **** Centre de notifications **** */
#notifications {
	border-top: 1px solid #ccc;
}

#notifications .item {
	border-bottom: 1px solid #ccc;
	padding: 15px 15px 15px 60px;
}

#notifications .item.unread {
	background-color: rgba(47, 163, 218, 0.1);
}

#notifications .item .profil {
	float: left;
	margin-top: -5px;
	margin-left: -50px;
	width: 50px;
}

#notifications .item .profil img {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 38px;
}

#notifications .item .actions {
	float: right;
}

#notifications .item .actions .cancel {
	color: #9f9f9f;
	line-height: 38px;
	margin-right: 10px;
}

#notifications .item .date {
	color: #9f9f9f;
	font-size: 12px;
	font-style: italic;
	padding-top: 5px;
}

/* **** Badges **** */
#badge-list .badge {
	padding-bottom: 10px;
}

#badge-list .badge div {
	padding: 4px 10px 4px 54px;
	width: 100%;
}

#newsfeed #badge-list .badge div {
	width: 465px;
}

#badge-list .badge h4 {
	color: #999;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 5px;
}

#badge-list .badge h4 span {
	color: #999;
	float: right;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	padding-top: 5px;
}

#badge-list .badge.ok h4,#badge-list .badge.ok:before {
	color: #ebc100;
	border-color: #ebc100;
}

#badge-list .badge:before {
	border: 2px solid #999;
	border-radius: 50%;
	color: #999;
	float: left;
	font-size: 30px;
	height: 40px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	width: 40px
}

#notifications .badge div {
	
}

#notifications .badge strong {
	color: #ebc100;
}

#notifications .badge:before {
	position: absolute;
	border: 1px solid #ebc100;
	border-radius: 50%;
	color: #ebc100;
	float: left;
	font-size: 28px;
	height: 38px;
	line-height: 45px;
	margin-left: -50px;
	margin-top: -5px;
	text-align: center;
	width: 38px
}

/* **** BROWSE PAGES */
.browseMenu {
	background: rgba(246, 246, 246, 0.8);
	padding: 10px 0px;
}

.browseMenu .wrapper {
	margin: 0 auto;
	width: 931px;
}

.browseMenu [class ^="flaticon-"] {
	display: inline-block;
	color: rgb(51, 51, 51);
	text-align: center;
	width: 133px;
}

.browseMenu [class ^="flaticon-"]:hover,.browseMenu .selected {
	color: #47A3DA;
}

.browseMenu [class ^="flaticon-"]:before,.browseMenu [class *=" flaticon-"]:before,.browseMenu [class
	^="flaticon-"]:after,.browseMenu [class *=" flaticon-"]:after {
	display: block;
	font-family: Flaticon;
	font-size: 30px;
	font-style: normal;
	margin: 10px 0 10px 0;
	width: 133px;
}

/* **** PROFIL UTILISATEUR **** */

.circliful {
	position: relative;
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
width: 100%;
position: absolute;
text-align: center;
display: inline-block;
}
.circle-info, .circle-info-half {
color: #999;
padding-top: 5px;
}
.circliful .fa {
margin: -10px 3px 0 3px;
position: relative;
bottom: 4px;
}

/* **** ALBUM SLIDER **** */
#album-slider {
	background: #fafafa;
	overflow: hidden;
}

#album-slider .next-wrapper {
	overflow: hidden;
	position: absolute;
	right: 0px;
	width: 35px;
}

#album-slider .next,#album-slider .prev {
	background: no-repeat rgba(255, 255, 255, .8);
	border-radius: 50%;
	height: 70px;
	margin-top: 100px;
	width: 70px;
}

#album-slider .next:hover,#album-slider .prev:hover {
	background-color: rgba(255, 255, 255, .9);
}

#album-slider .prev {
	background-image: url(../images/common/prev.png);
	background-position: 35px center;
	left: -35px;
	position: absolute;
}

#album-slider .next {
	background-image: url(../images/common/next.png);
	background-position: 5px center;
}

/* **** SUGGESTIONS **** */
.footerbox {
	font-size: 11px;
}

.first {
	margin-right: 40px;
}

.footerbox h2 {
	font-size: 14px !important;
	text-transform: uppercase;
}

.footerbox table.listing {
	border-collapse: separate !important;
	margin: 10px 0 5px 0;
	width: 100%;
	border-top: 1px solid #DDD !important;
}

.footerbox table.listing td {
	padding: 3px 10px 3px 0;
	border-bottom: 1px solid #DDD !important;
}

.footerbox table.listing td.date {
	padding-left: 5px;
	white-space: nowrap;
	width: 1%;
	text-transform: uppercase;
}

.footerbox table.listing td.rate {
	padding-left: 5px;
	white-space: nowrap;
	width: 1%;
	text-align: right
}

label img {
	border: 0 !important;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}

#suggestions .rate_wrapper {
	background-color: #f3f3f3;
	border-radius: 6px;
	border: 1px solid #dadada;
	padding-bottom: 5px;
}

#suggestions .rate {
	color: #686868;
	font-size: 25px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	margin: 0px auto;
	margin-bottom: 2px;
	width: 90px;
	display: block;
	text-align: center;
}

.commentaires .commentlist {
	list-style: none !important;
}

.commentaires .commentlist .avatar-border img {
	padding: 0 !important;
	border: 0 !important;
}

#suggestions .rate_wrapper div {
	text-align: center;
}

#suggestions .rate_wrapper a {
	background-color: #dadada;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	width: 28px;
}

#suggestions .bad {
	color: #686868;
}

#suggestions .bad:hover, #suggestions .bad.selected {
	background-color: #a21400;
}

#suggestions .good {
	color: #686868;
}

#suggestions .good:hover, #suggestions .good.selected {
	background-color: #81ba2e;
}

#suggestions .neutre {
	color: #686868;
}

#suggestions .neutre:hover, #suggestions .neutre.selected {
	background-color: #686868;
}

#suggestions .rate_wrapper a:hover, #suggestions .rate_wrapper a.selected {
	color: #fff !important;
	text-decoration: none;
}

#suggestions .rate_wrapper a.selected {
	cursor: default;
}

#suggestions .item {
	border: none !important;
	border-bottom: 1px solid #DDDDDD !important;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* ***** Bug tracker **** */

#bug-list {
	list-style: none;
	margin-left: 0px;
	border-bottom: 1px solid #f0f0f0;
}

#bug-list thead td {
	font-size: 12px;
	text-transform: uppercase;
}

#bug-list tbody td {
	height: 50px;
	vertical-align: middle;
}

.bug-item {
	padding: 0px;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	cursor: pointer;
	float: left;
	width: 100%;
}

.bug-item:hover {
	background-color: #d3eaf1;
	border-color: #c2dfe8;
}

.bug-item:before {
	content: " ";
	display: inline-block;
	margin-left: -5px;
	margin-top: -1px;
	float: left;
	height: 53px;
	width: 5px;
}

.bug-item.priority0:before,nav ul.contents li span.priority0 {
	background-color: #c6c8ca;
}

.bug-item.priority1:before,nav ul.contents li span.priority1 {
	background-color: #6dcccf;
}

.bug-item.priority2:before,nav ul.contents li span.priority2 {
	background-color: #eec14e;
}

.bug-item.priority3:before,nav ul.contents li span.priority3 {
	background-color: #f19148;
}

.bug-item.priority4:before,nav ul.contents li span.priority4 {
	background-color: #de6848;
}

.bug-item.priority5:before,nav ul.contents li span.priority5 {
	background-color: #a760b8;
}

.bug-item .impact {
	border-radius: 3px;
	background-color: #e8e9ea;
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin-left: 14px;
	padding: 4px;
	text-align: center;
	width: 14px;
}

.bug-item .impact.impact1 {
	background-color: #e8e9ea;
}

.bug-item .impact.impact2 {
	background-color: #dddedf;
}

.bug-item .impact.impact3 {
	background-color: #d7d8da;
}

.bug-item .impact.impact4 {
	background-color: #d1d3d5;
}

.bug-item .impact.impact5 {
	background-color: #c6c8ca;
}

.bug-item .user-separator {
	display: inline-bloc;
	margin: 9px 0 0 -7px;
	position: absolute;
}

.bug-item .creator,.bug-item .assignto {
	border: 1px solid #b6c2c9;
	border-radius: 50%;
	margin-top: 5px;
	height: 25px;
	width: 25px;
}

.bug-item .creator {
	margin-right: 7px;
}

.bug-item .assignto {
	margin-left: 7px;
}

#bug-view .infos {
	background-color: #b6c2c9;
	color: #fff;
	height: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#bug-view .infos li {
	line-height: 15px;
	display: inline;
	float: left;
	font-size: 11px;
	padding: 15px;
	text-transform: uppercase;
}

#bug-view #history {
	border-left: 3px solid #b6c2c9;
	margin-left: 10px;
}

#bug-view #history .item {
	clear: both;
	display: block;
	border-bottom: 1px solid #ebeff1;
	margin-bottom: 15px;
	margin-left: 25px;
	padding: 0 0 15px 0;
}

#bug-view #history .item .user-avatar {
	border: 2px solid #fff;
	border-radius: 50%;
	float: left;
	height: 25px;
	margin-left: -40px;
	margin-top: -3px;
	width: 25px;
}

#bug-view #history .item .date {
	color: #b6c2c9;
	float: right;
	font-size: 11px;
}

#bug-view #history .item .comment {
	margin-top: 10px;
}

#bug-view #files li {
	background-color: #787f83;
	border-radius: 5px;
	float: left;
	font-size: 11px;
	color: #fff;
	margin: 0 10px 10px 0;
	padding: 10px;
}

#bug-view #files li:hover {
	background-color: #b2bec5;
	cursor: pointer;
}

#bug-view .status,#bug-list .status {
	border-radius: 3px;
	color: #fff;
	padding: 3px 7px;
}

#bug-list .status {
	float: right;
	margin-right: 11px;
}

/* Nouveau */
.status.status0 {
	background-color: #f05050;
}

/* Validé */
.status.status1 {
	background-color: #f4ba4a;
}

/* Résolu */
.status.status6 {
	background-color: #3bc0c3;
}

/* Réjeté */
.status.status7 {
	background-color: #4dbd74;
}

/* Fermé */
.status.status10 {
	background-color: #787f83;
}

/* Pays */
.country-flag {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.country-AL {
	background-image: url(../images/common/flags/AL.png);
}

.country-DZ {
	background-image: url(../images/common/flags/DZ.png);
}

.country-DE {
	background-image: url(../images/common/flags/DE.png);
}

.country-US {
	background-image: url(../images/common/flags/US.png);
}

.country-AO {
	background-image: url(../images/common/flags/AO.png);
}

.country-AR {
	background-image: url(../images/common/flags/AR.png);
}

.country-AU {
	background-image: url(../images/common/flags/AU.png);
}

.country-AT {
	background-image: url(../images/common/flags/AT.png);
}

.country-BE {
	background-image: url(../images/common/flags/BE.png);
}

.country-BR {
	background-image: url(../images/common/flags/BR.png);
}

.country-GB,.country-EN {
	background-image: url(../images/common/flags/GB.png);
}

.country-BG {
	background-image: url(../images/common/flags/BG.png);
}

.country-KH {
	background-image: url(../images/common/flags/KH.png);
}

.country-CM {
	background-image: url(../images/common/flags/CM.png);
}

.country-CA {
	background-image: url(../images/common/flags/CA.png);
}

.country-CL {
	background-image: url(../images/common/flags/CL.png);
}

.country-CN, .country-CMN {
	background-image: url(../images/common/flags/CN.png);
}

.country-CY {
	background-image: url(../images/common/flags/CY.png);
}

.country-CO {
	background-image: url(../images/common/flags/CO.png);
}

.country-CG {
	background-image: url(../images/common/flags/CG.png);
}

.country-HR {
	background-image: url(../images/common/flags/HR.png);
}

.country-CU {
	background-image: url(../images/common/flags/CU.png);
}

.country-DK {
	background-image: url(../images/common/flags/DK.png);
}

.country-EG {
	background-image: url(../images/common/flags/EG.png);
}

.country-ES {
	background-image: url(../images/common/flags/ES.png);
}

.country-EE {
	background-image: url(../images/common/flags/EE.png);
}

.country-FI {
	background-image: url(../images/common/flags/FI.png);
}

.country-FR {
	background-image: url(../images/common/flags/FR.png);
}

.country-GR {
	background-image: url(../images/common/flags/GR.png);
}

.country-HU {
	background-image: url(../images/common/flags/HU.png);
}

.country-IN {
	background-image: url(../images/common/flags/IN.png);
}

.country-IE {
	background-image: url(../images/common/flags/IE.png);
}

.country-IS {
	background-image: url(../images/common/flags/IS.png);
}

.country-IL {
	background-image: url(../images/common/flags/IL.png);
}

.country-IT {
	background-image: url(../images/common/flags/IT.png);
}

.country-CI {
	background-image: url(../images/common/flags/CI.png);
}

.country-JP,.country-JA {
	background-image: url(../images/common/flags/JP.png);
}

.country-LU {
	background-image: url(../images/common/flags/LU.png);
}

.country-MA {
	background-image: url(../images/common/flags/MA.png);
}

.country-MX {
	background-image: url(../images/common/flags/MX.png);
}

.country-NL {
	background-image: url(../images/common/flags/NL.png);
}

.country-NZ {
	background-image: url(../images/common/flags/NZ.png);
}

.country-NO {
	background-image: url(../images/common/flags/NO.png);
}

.country-PL {
	background-image: url(../images/common/flags/PL.png);
}

.country-PT {
	background-image: url(../images/common/flags/PT.png);
}

.country-RO {
	background-image: url(../images/common/flags/RO.png);
}

.country-RU {
	background-image: url(../images/common/flags/RU.png);
}

.country-SA {
	background-image: url(../images/common/flags/SA.png);
}

.country-SN {
	background-image: url(../images/common/flags/SN.png);
}

.country-RS {
	background-image: url(../images/common/flags/RS.png);
}

.country-SK {
	background-image: url(../images/common/flags/SK.png);
}

.country-SI {
	background-image: url(../images/common/flags/SI.png);
}

.country-KR {
	background-image: url(../images/common/flags/KR.png);
}

.country-SE {
	background-image: url(../images/common/flags/SE.png);
}

.country-CH {
	background-image: url(../images/common/flags/CH.png);
}

.country-TH {
	background-image: url(../images/common/flags/TH.png);
}

.country-CZ {
	background-image: url(../images/common/flags/CZ.png);
}

.country-TN {
	background-image: url(../images/common/flags/TN.png);
}

.country-TR {
	background-image: url(../images/common/flags/TR.png);
}

.country-UA {
	background-image: url(../images/common/flags/UA.png);
}

.country-UY {
	background-image: url(../images/common/flags/UY.png);
}

.country-VE {
	background-image: url(../images/common/flags/VE.png);
}

.country-VN {
	background-image: url(../images/common/flags/VN.png);
}