/* Style promaterial sheet */

/* --------------------------------------------------------------------------------------- */
/*	colours.css                                                                            */
/* --------------------------------------------------------------------------------------- */
/* 3 - Colours and backgrounds for common.css */
html, body {
	background-color: #ffffff;
	background-image: url("./images/body_bg.png");
	color: #2e63a8;
}
h2 {
	color: #2e63a8;
}
h3 {
	color: #2e63a8;
}
/* 31 - Colours and backgrounds for links.css */
a 		{ color: #2e63a8; }
a:hover 	{ color: #cc0001; }
a:focus 	{ color: #cc0001; }
/* 37 - Links on gradient backgrounds */
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #cce0f5;
}
/* 51 - Post body links */
.postlink {
	border-bottom-color: #4d94db;
	color: #4d94db;
}
.postlink:visited {
	border-bottom-color: #1a76d1;
	color: #1a76d1;
}
.postlink:hover {
	background-color: #cce0f5;
	color: #0066cc;
}
/* 71 - Back to top of page */
.top i {
	color: #0066cc;
}
/* 76 - Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #4d94db;
}
/* 81 - Round cornered boxes and backgrounds */
.wrap {
    background-color: #fff;
    border-color: #fff;
}
.headerbar, .forabg, .forumbg {
    border-top: 1px solid #cce0f5;	
	background: #0066cc;
	background: -moz-linear-gradient(25deg,  #0066cc 0%, #0066cc 30%, #4d94db 30%, #4d94db 50%, #99c2eb 50%, #99c2eb 70%, #cce0f5 70%, #cce0f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(25deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(25deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#99c2eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navbar {
    background: #cce0f5;
}
.panel {
	background-color: #e6f0fa;
	color: #2e63a8;
}
.bg1 {
	background-color: #e6f0fa;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #e6f0fa;
}
.bg2 {
	background-color: #e6f0fa;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #e6f0fa;
}
.bg3	{
	background-color: #cce0f5;
}
.ucprowbg {
	background-color: #cccccc;
}
.fieldsbg {
	background-color: #e6f0fa;
}
/* 162 - Table styles */
table.table1 tbody tr {
	border-color: #cccccc;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #cce0f5;
}
table.table1 td {
	color: #777777;
}
table.table1 tbody td {
	border-top-color: #ffffff;
}
/* 195 - Misc layout styles */
dl.details dd {
	color: #777777;
}
.sep {
	color: #2e63a8;
}
/* 209 - Icon styles */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #2e63a8;
}
.icon.icon-green, a:hover .icon.icon-green{
	color: #2e63a8;
}
.icon.icon-red, a:hover .icon.icon-red{
	color: #cc0001;
}
.icon.icon-gray, a:hover .icon.icon-gray{
	color: #2e63a8;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
	color: #2e63a8;
}
/* 247 - Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #cce0f5;
}
.jumpbox-cat-link {
	background-color: #4d94db;
	border-top-color: #cce0f5;
}
.jumpbox-cat-link:hover {
	background-color: #99c2eb;
	border-top-color: #cce0f5;
	color: #cc0001;
}
.jumpbox-forum-link {
	background-color: #e6f0fa;
}
.jumpbox-forum-link:hover {
	background-color: #e6f0fa;
}
.jumpbox .dropdown .pointer-inner {
	border-color: #e6f0fa transparent;
}
.jumpbox-sub-link {
	background-color: #e6f0fa;
}
.jumpbox-sub-link:hover {
	background-color: #e6f0fa;
}
/* 284 - Miscellaneous styles */
.copyright {
	color: #2e63a8;
}
.error {
	color: #cc0001;
}
.reported {
	background-color: #fae6e6;
}
li.reported:hover {
	background-color: #f5cdcc !important;
}
div.rules {
	background-color: #f5cdcc;
	color: #cc0001;
}
p.post-notice {
	background-color: #fae6e6;
}
/* 318 - Colours and backgrounds for content.css */
ul.forums {
    background: #cce0f5;
}
ul.topiclist li {
	color: #2e63a8;
}
ul.topiclist dd {
	border-left-color: #cce0f5;
}
.rtl ul.topiclist dd {
	border-right-color: #cce0f5;
}
li.row {
	border-top-color:  #cce0f5;
	border-bottom-color: #99c2eb;
}
li.row:hover {
	background-color: #e6f0fa;
	border-top-color:  #e6f0fa;
}
li.row:hover dd {
	border-left-color: #e6f0fa;
}
.rtl li.row:hover dd {
	border-right-color: #e6f0fa;
}
/* 373 - Content container styles */
.content h2, .panel h2 {
	color: #2e63a8;
}
.posthilit {
	background-color: #f5cdcc;
	color: #cc0001;
}
/* 407 - BB Code styles */
/* 409 - Quote block */
blockquote {
	background-color: #ffffff;
	border-color:#cccccc;
}
blockquote blockquote {
	/* Nested quotes */
	background-color:#f5f5f5;
}
blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #ffffff;
}
/* 425 - Code block */
.codebox {
	border-color: #cccccc;
}
.codebox code {
	color: #339966;
}
/* 439 - Attachments */
.attachbox {
	background-color: #ffffff;
	border-color:  #e6f0fa;
}
.pm-message .attachbox {
	background-color: #ffffff;
}
.attachbox dd {
	border-top-color: #e6f0fa;
}
.attach-image img {
	border-color: #e6f0fa;
}
.attach-image img:hover {
	border-color: #cce0f5;
}
/* 466 - Inline image thumbnails */
dl.thumbnail img {
	border-color: #cce0f5;
}
dl.thumbnail dt a:hover {
	background-color: #ffffff;
}
dl.thumbnail dt a:hover img {
	border-color: #3385d6;
}
/* 489 - Post poll styles */
fieldset.polls dl {
	border-top-color: #cccccc;
}
.pollbar1 {
	background-color: #3385d6;
	border-bottom-color: #0066cc;
	border-right-color: #0066cc;
}
.rtl .pollbar1 {
	border-left-color: #0066cc;
}
.pollbar2 {
	background-color: #4d94db;
	border-bottom-color: #1a76d1;
	border-right-color: #1a76d1;
}
.rtl .pollbar2 {
	border-left-color: #1a76d1;
}
.pollbar3 {
	background-color: #66a3e0;
	border-bottom-color: #3385d6;
	border-right-color: #3385d6;
}
.rtl .pollbar3 {
	border-left-color: #3385d6;
}
.pollbar4 {
	background-color: #80b3e6;
	border-bottom-color: #4d94db;
	border-right-color: #4d94db;
}
.rtl .pollbar4 {
	border-left-color: #4d94db;
}
.pollbar5 {
	background-color: #99c2eb;
	border-bottom-color: #66a3e0;
	border-right-color: #66a3e0;
}
.rtl .pollbar5 {
	border-left-color: #66a3e0;
}
/* 559 - Poster profile block */
dd.profile-warnings {
	color: #cc0001;
}
/* 584 - Colours and backgrounds for buttons.css */
.button {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
.button:hover,
.button:focus {
	border-color: #99c2eb;
	background-color: #99c2eb;
	color: #cc0001;
}
.button .icon,
.button-secondary {
	color: #ffffff;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #cc0001;
}
.caret {
	border-color: #ffffff;
}
.button:hover .caret {
	border-color: #cc0001;
}
.contact-icons a	{
	border-color: #ffffff;
}
.contact-icons a:hover {
	background-color: #cce0f5;
}
/* 631 - Pagination */
.pagination li a {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
.pagination li.ellipsis span {
	color:	#2e63a8;
}
.pagination li.active span {
	background: #99c2eb;
	border-color: #99c2eb;
	color: #cc0001;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #99c2eb;
	border-color: #99c2eb;
	color: #cc0001;
}
/* 662 - Search box */
.search-box .inputbox {
	border-color: #4d94db;
}
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #99c2eb;
}
.search-header {
	box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
}
/* 675 - Icon images */
.contact-icon						{ background-image: url("./images/icons_contact.svg"); }
/* 695 - Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.svg"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.svg"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.svg"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.svg"); }
.global_unread						{ background-image: url("./images/announce_unread.svg"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.svg"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.svg"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.svg"); }
.announce_read						{ background-image: url("./images/announce_read.svg"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.svg"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.svg"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.svg"); }
.announce_unread					{ background-image: url("./images/announce_unread.svg"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.svg"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.svg"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.svg"); }
.forum_link							{ background-image: url("./images/forum_link.svg"); }
.forum_read							{ background-image: url("./images/forum_read.svg"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.svg"); }
.forum_read_subforum				{ background-image: url("./images/forum_read_subforum.svg"); }
.forum_unread						{ background-image: url("./images/forum_unread.svg"); }
.forum_unread_locked				{ background-image: url("./images/forum_unread_locked.svg"); }
.forum_unread_subforum				{ background-image: url("./images/forum_unread_subforum.svg"); }
.sticky_read						{ background-image: url("./images/sticky_read.svg"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.svg"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.svg"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.svg"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.svg"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.svg"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.svg"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.svg"); }
.topic_moved						{ background-image: url("./images/topic_moved.svg"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.svg"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.svg"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.svg"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.svg"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.svg"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.svg"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.svg"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.svg"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.svg"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.svg"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.svg"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.svg"); }
/* 753 - Main CP box */
.cp-menu hr {
	border-color: #cce0f5;
}
/* 783 - CP tabbed menu */
.tabs .tab > a {
	background: #99c2eb;
	color: #2e63a8;
}
.tabs .tab > a:hover {
	background: #cce0f5;
	color: #cc0001;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
	border-color: #cce0f5;
	background-color: #cce0f5;
	color: #cc0001;
}
/* 810 - Mini tabbed menu used in MCP */
.minitabs .tab > a {
	background-color: #99c2eb;
}
.minitabs .tab > a:hover {
	background-color: #ffffff;
	color: #cc0001;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: #ffffff;
	color: #cc0001;
}
/* 822 - Responsive tabs */
.responsive-tab .responsive-tab-link::before {
	border-color: #2e63a8;
}
.responsive-tab .responsive-tab-link:hover::before {
	border-color: #cc0001;
}
/* 832 - UCP navigation menu */
/* 865 - Link styles for the sub-section links */
.navigation a {
	background-color: #99c2eb;
	color: #2e63a8;
}
.rtl .navigation a {
	background-color: #99c2eb;
}
.navigation a:hover {
	background: #ffffff;
	color: #cc0001;
}
.navigation .active-subsection a {
	background: #ffffff;
	color: #cc0001;
}
.navigation .active-subsection a:hover {
	color: #cc0001;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: #99c2eb;
	}
	#navigation a:hover {
	background: #e6f0fa;
	}
	#navigation .active-subsection a {
	background: #e6f0fa;
	}
}
/* 874 - Preferences pane layout */
.panel-container h2 {
	color: #2e63a8;
}
.panel-container .panel {
	background-color: #ffffff;
}
/* 888 - Friends list */
.cp-mini {
	background-color: #e6f0fa;
}
dl.mini dt {
	color: #2e63a8;
}
/* 904 - PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #cc0001;
	border-right-color: #cc0001;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #cccccc;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #4d94db;
}
/* 926 - Avatar gallery */
.gallery label {
	background: #FFFFFF;
	border-color: #cce0f5;
}
.gallery label:hover {
	background-color: #e6f0fa;
}
/* 938 - Colours and backgrounds for forms.css */
/* 941 - General form styles */
label {
	color: #2e63a8;
}
/* 957 - Definition list layout for forms */
dd label {
	color: #2e63a8;
}
/* 981 - Posting page styles */
.message-box textarea {
	color: #2e63a8;
}
.message-box textarea.drag-n-drop {
	outline-color: rgba(46, 99, 168, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(102, 163, 224, 0.5);
}
/* 996 - Input field styles */
.inputbox {
	background-color: #FFFFFF;
	border-color: #99c2eb;
	color: #2e63a8;
}
.inputbox:-moz-placeholder {
	color: #2e63a8;
}
.inputbox::-webkit-input-placeholder {
	color: #2e63a8;
}
.inputbox:hover {
	border-color: #cce0f5;
}
.inputbox:focus {
	border-color: #cce0f5;
}
/* 1029 - Form button styles */
a.button1, input.button1, input.button3, a.button2, input.button2 {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
a.button1, input.button1 {
	border-color: #4d94db;
}
/* 1048 - Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #4d94db;
}
/* 1053 - <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #2e63a8;
}
/* 1058 - Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #99c2eb;
	background-color: #99c2eb;
	color: #cc0001;
}
/* 1068 - Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #99c2eb;
	color: #cc0001;
}
input.disabled {
	color: #2e63a8;
}
/* 1078 - jQuery popups */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #4d94db;
}
.dropdown-extended ul li {
	border-top-color: #4d94db;
}
.dropdown-extended ul li:hover {
	background-color: #cce0f5;
	color: #2e63a8;
}
.dropdown-extended .header, .dropdown-extended .footer {
	background-color: #cce0f5;
	color: #2e63a8;
}
.dropdown-extended .header {
	background-color: #e6f0fa;
}
.dropdown .pointer {
	border-color: #e6f0fa transparent;
}
.dropdown .pointer-inner {
	border-color: #e6f0fa transparent;
}
.dropdown-extended .pointer-inner {
	border-color: #e6f0fa transparent;
}
.dropdown .dropdown-contents {
	background: #e6f0fa;
	border-color: #e6f0fa;
}
.dropdown li, .dropdown li li {
	border-color: #cce0f5;
}
.dropdown li.separator {
	border-color: #cce0f5;
}
/* 1149 - Notifications */
.notification_list p.notification-time {
	color: #2e63a8;
}
li.notification-reported strong, li.notification-disapproved strong {
	color: #cc0001;
}
.badge {
	background-color: #cc0001;
	color: #ffffff;
}
/* --------------------------------------------------------------------------------------- */
/*	promaterial.css                                                                        */
/* --------------------------------------------------------------------------------------- */
/* Colours and backgrounds for content.css */
li.row.bg1, li.row.bg2 {
	background-color: #cce0f5 !important;
}
li.row.bg1:hover, li.row.bg2:hover {
	background-color: #e6f0fa !important;
}
/* Stats page layout */
.stat-block, .headerspace {
	background: #0066cc;
	background: -moz-linear-gradient(30deg,  #0066cc 0%, #0066cc 30%, #4d94db 30%, #4d94db 50%, #99c2eb 50%, #99c2eb 70%, #cce0f5 70%, #cce0f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(30deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(30deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#99c2eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-top: 1px solid #cce0f5;
}
.stat-block h3, .headerspace h3 {
	color: #ffffff;
}
.stat-block h3 a, .headerspace h3 a {
	color: #ffffff;
}
.stat-block h3 a:hover, .headerspace h3 a:hover {
	color: #cce0f5;
}
.stat-block p, .headerspace fieldset {
	background-color: #cce0f5;
	border-bottom: 1px solid #99c2eb;
	color: #2e63a8;
}
.stat-block p:hover, .headerspace fieldset:hover {
	background-color: #e6f0fa;
}
.stat-block.online-list p::before {
	content: url("./images/online-list.svg"); 
}
.stat-block.birthday-list p::before {
	content: url("./images/birthday-list.svg"); 
}
.stat-block.statistics p::before {
	content: url("./images/statistics.svg"); 
}
.stat-block.permissions p::before {
	content: url("./images/permissions.svg"); 
}
.headerspace .quick-login::before {
	content: url("./images/quick-login.svg"); 
}


/** custom css **/
/** HEADER **/
#menu-haut {
	position:relative;
	width:100%;
	height:46px;
	margin:0;
	top: 0 !important;
	background-color: #4d94db;
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	margin-bottom: 15px;
	border-radius: 4px;
}
#menu-haut > ul{
	list-style: none;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-evenly;
}
#menu-haut ul ul {
	display:none;
	z-index:2;
	list-style: none;
}
#menu-haut ul.n1 li.jaiUnSousMenu:hover ul.n2,
#menu-haut ul.n2 li.jaiUnSousMenu:hover ul.n3{
	display:block;
}

/* niveau 1 */
#menu-haut ul.n1 {}
#menu-haut ul.n1 li {
	position:relative;
	float:left;
}
#menu-haut ul.n1 li a {
	text-align:center;
	text-decoration:none;
	text-transform: capitalize;
	background: url('https://www.epsilog.com/cssimg/site/menu_top_bg1.gif') 0px 0px repeat-x;
	color:white;
	font-weight: 600;
	font-size: 12px;
	display:block;
	height: 28px;
	margin:0;
	padding:9px 10px;
	float:none;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	justify-content: center;
}
#menu-haut ul.n1 li:hover {
	background-color: #06c;
}

/* niveau 2 */
#menu-haut ul.n2 {
	left:0;
	position:absolute;
	top:46px;
	width:210px;
	background-color: #4d94db;
}
#menu-haut ul.n2 li {
	background:none;
	position:relative;
}

#menu-haut ul.n2 li:first-of-type{
	border-top: 1px solid #99c2eb;
}

#menu-haut ul.n2 li.jaiUnSousMenu:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 15px;
	width: 15px;
	margin-top: 10px;
	margin-right: 5px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABy0lEQVRIia2WsWoVQRSG/7NICCGmSnG5WKX0OUIQsZAQLCwsLMXCJ1B8AB8ghFuIRRBBEJ/BKm1UUlmEIBbhahGiRv8vxe7qcrOzOzebM2yx7CzfnP/8Z2YCoWSgsaQxsB9F/ExP7AlSA8bAG+Ar8BhYSM7tGSnACjABzmxTgR4C164GAovAixpQQQB+AE8uAyoSKk6B3xGhiBAgSSvAc2BLaGF4TWDV9qTOpPkAX4AtoBhWkxK0BGwDJw3JatAUeJArXffn0mE7DQM0MzqyfTcH1LsK2yPgHe1xANzqky5P1bJGr4DTFumObd/uyigPUoLWbO82bd0wxAGwYbsVlA/5X6MPjSxq2F9gD7jZ9l+qT1JRAIWkf/0DKCIkydWT2SftBlgDXre4DOAjsJ4yQHbhgV3gV0tzfrO90eWwnAxGwPuW1QN87sogDwI3gIntsxnbYvsQuDOsGWHJ9qTeVmYkOgbuD9pWbK/afjkrT71B2t7sk6gbAou2n9o+aTqpiilwL9V0qXGhTyjPjutSeWZU75L0XdIzSW+jiD9zdVdCrmXbO7br0/GIObb2eQo/qnrjEHjEgItEoM4r0QgYR8QnhS59JeqGXFGcA+eVBVHO2AjqAAAAAElFTkSuQmCC');
	background-position: center center;
	background-size: cover;
}

div#menu-haut ul.n2 a {
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #99c2eb;
	color:white;
	display:block;
	height:30px;
	width:200px;
	margin:0;
	padding:2px 0 2px 10px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	justify-content: flex-start;
}
#menu-haut ul.n2 a:hover {
	background-color: #06c;
}

/* niveau 3 */
#menu-haut ul.n3 {
	position:absolute;
	top:0;
	left:210px;
}
#menu-haut ul.n3 li {
	position:relative;
	top:0px;
	left:0px;
}
#menu-haut ul.n3 a {
	display:block;
	width:200px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 10px;

	color:#e5e6e8;
	text-align:left;
	border-bottom:1px #99c2eb solid;
}
#menu-haut ul.n3 a:hover {
}

/* sous-menu */
#menu-haut ul.n2 li.jaiUnSousMenu a{
	background-color: #4d94db;
}
#menu-haut ul.n2 li.jaiUnSousMenu:hover a:hover{
	background-color: #06c;
}

.headerbar{
	background-size: cover;
	background-position: bottom left;
}

.site-description{
	width: auto;
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	padding: 5px;
}

.descriptioncont{
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.site-description h1{
	color: #0068CC;
	margin: 0;
}

.site-description p{
	color: #7c8184;
	margin: 5px 0;
}

.site-description #logo{
	padding: 0;
}

.site-description #logo .site_logo{
	padding: 0;
	width: 100px;
	height: 60px;
}

.headerbar{
	background: linear-gradient(25deg, #cce0f5 0%,#cce0f5 30%,#cce0f5 30%,#cce0f5 50%,#99c2eb 50%,#99c2eb 70%,#06c 70%,#06c 100%);
}

ul.forums{
	background-color: white;
}

.stat-block p, .headerspace fieldset {
	background-color: white;
}

#footer .footerow{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-between;
	width: 100%;
}

#footer .footer-menu{
	margin-bottom: 10px;
}

#footer .footerow .footer-coordonnee{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
}

#footer .footerow .footer-coordonnee img{
	margin-right: 10px;
}