/* --------------------------------------
		colors.css
Défini les couleurs du thème
-------------------------------------- */

/*==============================
/* 				-- design.css --
/*============================== */


body 						{color: #444444;  background:#000000 url(images/bg.jpg) no-repeat fixed top center; }
#header					{}
#sub-header 			{	/* background-color: #222222; border-bottom: 2px solid #000; border-top: 2px solid #000; */}
#sub-header-content{}

#super-global         {box-shadow: 2px 2px 5px 2px #444;}
#global 					{ background-color: #FFFFFF; }
.sub-container 		{ 
									background: transparent url(images/banniere-lerack07.jpg) no-repeat scroll bottom left; 
									background-size: 100%;
									border-color: #E1E1E1;
								}
								
								
#top-header				{ border-color: #444; }


#site-name 				{ color: #444444; }
#site-slogan 			{ color: #FFFFFF; }
#sub-header,
#sub-header a 			{ color: #444444; font-size: 11px;}
#sub-header:hover, 
#sub-header a:hover { color: #4dcaf2; text-decoration:none;}

#footer						{ background-color: #444; border-color: #3174b6; }
#top-footer 				{background-color: #FFFFFF;}
.footer-infos				{ border-color: #3174b6; }
.footer-infos span 		{ color: #FFFFFF; }
.footer-infos span a   	{ color: #61e1ee; }

/*#site-slogan { color: #81A4C8; }

#breadcrumb li:not(.current):after {
	color: #616161;
}



.scroll-to         	{ background-color: rgba(54, 100, 147, 0.4); }
.scroll-to:hover	{ background-color: rgba(54, 100, 147, 1); }

.scroll-to i       	{ color: rgba(255, 255, 255, 0.4); }
.scroll-to:hover i 	{ color: rgba(255, 255, 255, 1); }


.cookiebar-container {
	background-color: rgba(54, 100, 147, 0.2);
}

.cookiebar-actions button {
	color: #FFFFFF;
}

.cookiebar-button-understand 		{ background-color: #366493; border-color: #2E6DA4; }
.cookiebar-button-understand:hover 	{ background-color: #2E6DA4; }
.cookiebar-button-allowed 			{ background-color: #5CB85C; border-color: #4CAE4C; }
.cookiebar-button-allowed:hover 	{ background-color: #4CAE4C; }
.cookiebar-button-declined 			{ background-color: #E84E40; border-color: #CE271A; }
.cookiebar-button-declined:hover 	{ background-color: #CE271A; }


@media (max-width: 768px) {
	.cookiebar-container {
		background-color: rgb(215, 224, 233);
		border-color: #CCCCCC;
	}
}
*/

@media (max-width: 768px) {
	/*-- Inférieur à 768px --*/
	.sub-logo {
		background:#bee1e7 url(images/logo-nav.png) no-repeat scroll center center;
	}
}

#site-logo {
	background-image: url(images/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#site-name-container {}

a#site-name {
	color: #F9FCFF;
	text-shadow: 0 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 2px 0 0.1px rgba(0, 0, 0, 0.1), 2px 0 0.1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, .1);
}

hr {
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, #333 25%,#efefef 49%,#333 77%);
	border-image-slice: 1;
}
span#site-slogan { color: #FFFFFF; }
span#bvn { color:#0d82ae;}

aside#menu-left,
aside#menu-right { background-color: #012b3b; color: #fff;}




/* -- Contenu de la page -- */
/* ------------------------ */

/* --- Contenu central --- */
#main-content {
	background-color: #FFFFFF;
}


/* --- Emplacement au dessus et en dessous du contenu de la page --- */
#top-content {}

/* --- Emplacement au dessus du pied de page --- */
#bottom-content {}


/* -- Pied de page - Footer -- */
/* --------------------------- */
footer#footer  {
	background-color: #012b3b;
	border-top: 1px solid #000;
}

footer#footer .footer-content {
	border-bottom: 2px groove #444444;
}

 p.cgu a {
    line-height: 1.5;
    color: #61e1ee;
  }
  	footer p{ color: #f1f1f1;}
	
/* ------------------------ */
/* -- Contenu du FOOTER -- */
/* ------------------------ */
.edn-logo h1 { color: #FFFFFF; }

footer .copyrights p { color: #c5c5c5;}

.no-fa { color: #61e1ee; }

footer .social ul li a,
footer .contact {color: #fff;}
p.adress a:hover, p.adress a:focus { color: #ABC738;}

@media only screen and (min-width: 64.063em) {
	
	.edn-logo { color: #000;}
	
	.edn-logo h1 {color: #fff;}

}

/* -- Elements specifiques PHPboost -- */
/* ----------------------------------- */

/* --- Compteur de visite --- */
div#compteur { color: #E9ECD9;}


/* --- Barre de lien rapide --- */

nav#breadcrumb ol li:not(.current):after { color: #616161; }
/* -------------------------------- */
/* ---  Revenir en haut : Top   --- */
/* -------------------------------- */

/*  UItoTop jQuery Plugin 1.1 */

#toTop { background:#012b3b url(images/up.png)scroll no-repeat center center; }

/* ------------------------------ */
/* -- Menu navigation - Header -- */
/* ------------------------------ */
.pc-row {/*    background-color: rgba(0, 0, 0, 0.8);*/}
.pc-nav{ color: #FFFFFF; }

.pc-menu a { color: #FFFFFF;}
.pc-menu a:hover { color: #000 !important; }

.nav-gray .pc-menu li a { color: #444;}

.nav-right {
	background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(239,239,239,1) 35%, rgba(255,255,255,1) 60%);	
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

/* ---------------------- */	
/* --      Menu GSM      -- */
/* ---------------------- */	

.nav-logo 				{ background: #bee1e7 url(images/logo-nav.png) no-repeat scroll center center;}
a.logo-min 				{ color: #000 !important; }
.open-nav 				{ background-color: #012b3b; color: #FFFFFF; }
.nav-media				{ background-color: #012b3b; }
.nav-media a 			{ color: #f1f1f1;}
.nav-media a:hover { color: #0d82ae; }
	
/* ##########################
/*	     Espace Membre 
/*##########################*/

.wp-accueil { color: #222222; }

#wellcome {
	background: rgb(19,52,124);
	background: linear-gradient(90deg, rgba(19,52,124,1) 11%, rgba(19,32,59,1) 41%, rgba(16,32,65,1) 56%, rgba(19,52,124,1) 78%); 
	background-size: cover;
}
#wellcome-bis {
	background: rgb(19,52,124);
	background: linear-gradient(90deg, rgba(19,52,124,1) 11%, rgba(19,32,59,1) 41%, rgba(16,32,65,1) 56%, rgba(19,52,124,1) 78%); 
	background-size: cover;
	border-bottom: 4px solid #fff;
}

#connect-logo {
	background: #efefef url(images/logo-welcome.png) no-repeat scroll center center;
	border: 2px solid #FFFFFF;	
}

/* ---------------------------- */	
/* --      Mini-connect      -- */
/* ---------------------------- */
/* ###### non connecté ###### */

#profil-logo {
	background: #efefef url(images/no_avatar.png) no-repeat scroll center center;
	border: 5px solid #FFFFFF;	
}
.profil-mess, .profil-name {
	color: #fff;
	text-shadow: #000 1px 0 10px;
}

/* ###### Connecté ###### */

.profil-welcome { color: #555555;}

.profil-welcome .modo,
.profil-welcome .admin,
.profil-welcome .member { color: #FFFFFF; text-shadow: #000 1px 0 10px; }

#profil-avatar { background: #efefef; border: 5px solid #FFFFFF; }

/*==================================
*  		TOP FORUM EDN
*=================================*/
#edn-accueil {
    background: #fefefe;
	border: 1px solid #DDDDDD;
}
	
.ac-edn-left {border-right: 1px solid #DDDDDD;}
.ac-edn-right{}

.top-encart-left,.top-encart-right{
	background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(239,239,239,1) 35%, rgba(255,255,255,1) 60%);
	color: #222;
	border: #e1e1e1 1px solid;
}

.top-encart-left, .top-encart-right {border: #e1e1e1 1px solid; }

/*=========================================
*  	Marquee en up : class "scroll-up"
*========================================*/
.scroll-up { color: #000000; }

/*==================================
*  	<progress> stylé en CSS
*=================================*/

progress {
    background-color: #d4d4d4;
    border: 1px solid #cccccc;
    box-shadow: 0 0 0 1px #aaaaaa;
	}

progress::-webkit-progress-bar {
  background-color: #d4d4d4;
}
#red progress::-webkit-progress-value {
  background-color: #cf146d;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));

}
#red progress::-moz-progress-bar {
  background-color: #cf146d;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}	
 #green progress::-webkit-progress-value {
  background-color: #3caa23;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}
#green progress::-moz-progress-bar {
  background-color: #3caa23;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}	


/* ---------------------- */	
/* --      Divers      -- */
/* ---------------------- */

/* Bouton RSS Entête */
#view-edn {
	background-color: #3174b6;
}
#view-black {
	background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(239,239,239,1) 35%, rgba(255,255,255,1) 60%);
	border: #e1e1e1 1px solid;
}
#view-black a, #view-black fa { color:#222;}
#newsletter { }

#module-mini-search {}

.robot { color: #FF6600; }


/*==============================
/* 			-- content.css --
=============================== */

/* --- Titre d'une page ou d'un element d'un module --- */
section header h1, article header h1 {

	border-bottom: 3px solid #012b3b;
}

section header h1 a:hover {}

section header h2, article header h2 {
	border-bottom: 2px solid #012b3b;
}

section header h3, article header h3 {
	border-bottom: 2px solid #012b3b;
}

@media (min-width: 769px) {
	
	section header h1, article header h1,
	section header h2, article header h2,
	section header h3, article header h3	{
	border-bottom: 4px solid #012b3b;
	}
	
	section header,
	article header {}	
}

.block {
	background-color: #f8f8f8;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}

.no-style .block,
.no-style .block header {
	background-color: transparent !important;
	border: 1px solid #cecece;
}

.block header {}

/* -- Pagination des pages -- */
/* -------------------------- */

.pagination-block li a {
	background: #223573;
	border: 1px solid #223573;
	color: #fff;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.pagination-block li a:hover {
	background-color: #012b3b;
	border: 1px solid #012b3b;
	color: #fff;
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(0, 0, 0, 0.1);
}

.pagination-block li a:active {
	background-color: #012b3b;
	border: 1px solid #012b3b;
	color: #fff;
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 2px rgba(0, 0, 0, 0.05);
}

.pagination-block li a.current-page {
	background-color: #012b3b;
	border-color: #012b3b;
	color: #fff;
}

ul.pagination-block li a.current-page:hover {
	background-color: #3a53a6;
	border-color: #3a53a6;
}


/* -- Exploreur des categories -- */
/* ------------------------------ */

.explorer h1 {
	color: #666666;
}

.explorer .content {
	background:#f1f1f1;
	border: 1px solid #f1f1f1;
}

.explorer .content ul a:not(.parent):hover {
	color: #666666;
}
.explorer .content ul a:hover,
.explorer .content ul a:hover + a {
	background-color: #EEEEEE;
}

.explorer .selected {
	background-color: #DDDDDD;
}

.options {
	background-color: #222222;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.options > h6,
.options > a ,
.options > span > a.small {
	color: #FFFFFF;
}

.options.infos a.small {
    color: #012b3b !important;
}

.options.infos a.small:hover {
	color: #c9ea3f !important;
}

.sortable-element {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.2s;	
}

.sortable-element:hover {
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 5px #EAEAEA;
}

.sortable-selector:after {
    color: #517BA6;
}
@media (min-width:769px){ 
	.sortable-block .sortable-element .sortable-selector {
		/* rajouté le 24/11/2022*/
		background-color: #000000;
	}
	
	.sortable-selector:after {
		color: #FFFFFF;
	}
}


.sortable-block .sortable-title {
	background-color:#FFFFFF);
}

.sortable-block .sortable-element hr {
	background-color: #999999;
}

.sortable-block .sortable-element label {
	color: #1F507F;
}

.dragged {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.dropzone {
	opacity: 0.6;
	border: 1px dashed #AAAAAA;
	color: #AAAAAA;
}

.module-mini-top {
	border-color: #366493;
}

@media (max-width: 768px) {
	.message-user-infos,
	.message-date {
		background-color: rgba(54, 100, 147, 0.2);
	}
}

.message-message {
	border-color: rgba(54, 100, 147, 0.5);
}

.message-message::before {
	border-color: transparent rgba(54, 100, 147, 0.5);
}

.message-message::after {
	border-color: transparent rgba(54, 100, 147, 0.5);
}

i.message-announce     { color: #517BA6; }
i.message-announce-new { color: #62CF5D; }

.actions-menu.opened .actions-title {
	background-color: #FFFFFF;
	box-shadow: 0 0 5px rgba(54, 100, 147, 0.2);
}

.actions-submenu {
	background-color: #FFFFFF;
	box-shadow: 0 4px 5px rgba(54, 100, 147, 0.2);
}

.action:hover {
	background-color: rgba(54, 100, 147, 0.2);
}

.sharing-element > a {
	color: #FFFFFF;
}

.sharing-element-comments > a { background-color: #CDCDCD; }
.sharing-element-mail > a     { background-color: #366393; }
.sharing-element-print > a    { background-color: #999999; }
.sharing-element-sms > a      { background-color: #999999; }

/* -- Modules minis -- */
/* ------------------- */
.module-mini-top {
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, #333 25%,#efefef 49%,#333 77%);
	border-image-slice: 100%;
	border-image-slice: 1;
}

.module-mini-container h5,
.module-mini-container h3 {
	color: #515C68;
}

.module-mini-contents {
	border-top: none;
	border-bottom: none;
}

/* -- Messages postes par les membres -- */
/*          (mp & commentaires)          */
/* ------------------------------------- */

.message-message {
	background-color: #f8f8f8;
	border: 1px solid #D6DEE7;
	border-radius: 4px;
	color: #333333;
}

.message-message::before {
	border-width: 15px 25px 15px 0;
	border-color: transparent #D6DEE7;
	border-style: solid;
}

.message-message::after {
	border-width: 14px 24px 14px 0;
	border-color: transparent #ECEFFA;
	border-style: solid;	
}

@media (max-width: 480px) {
	.message-message {
		border-top: 1px solid #CAD1EB;
	}
}

@media (max-width: 768px) {
	.message-container {
		background-color: #ECEFFA;
		border: 1px solid #D6DEE7;
		border-radius: 4px;
		color: #333333;
	}

	.message-message {
		background-color: none;
		border: none;
		border-radius: 0;
	}

	.message-pseudo a {
		color: #555555;
		font-size: 1.2em;
		font-weight: bold;
	}
	.message-pseudo a:hover {
		color: #222222;
		text-decoration: none;
	}
	
	.message-user-infos img {
		background-color: #fff;
		box-shadow: 0 1px 9px #e0e0e0,inset 0 0 2px rgba(215,215,215,0.75);
	}
	
	.message-message::before {
		border-width: 15px;
		border-color: transparent;
		border-bottom-color: #D6DEE7;
		border-style: solid;
	}
	
	.message-message::after {
		border-width: 14px;
		border-color: transparent;
		border-bottom-color: #ECEFFA;
		border-style: solid;
	}
}

/* --- Moderation des messages --- */

.message-moderate {
	background-color: #efefef;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

i.message-announce { color: #D1D2D4; }

i.message-announce-new { color: #4372AA; }

/* -- Error 403/404 -- */ 
/* ------------------- */

#module-user-error-403 .fa-warning,
#module-user-error-404 .fa-warning {
	display: block;
	margin: 40px auto 20px auto;
}
/*==============================
/*				-- table.css --
/*============================== */

/* --- Entete du tableau --- */

table.formatter-table th.formatter-table-head a 	  {	color: #E5E6E6; }
table.formatter-table th.formatter-table-head a:hover {	color: #FFFFFF; }

table caption   { border-bottom: 1px solid #D1D2D5; color: #757679; }
table thead th { background-color: #1d3058; color: #E5E6E6; }
table.formatter-table th.formatter-table-head { background-color: #4D4C50; color: #E5E6E6; }
table tbody td { border-color: #cccccc; }

table thead th a 				{ color: #E5E6E6; }
table thead th a:hover 	{ color: #FFFFFF; }

/* --- Contenu du tableau --- */
table tbody td {
	background-color: #F5F5F5;
	border-top: 1px solid #D1D2D4;
	border-left: 1px solid #D1D2D4;
	color: #676A74;
}

tr:nth-child(even) td {
	background-color: #FFFFFF;
}

table tbody tr:last-child td {
	border-bottom: 1px solid #D1D2D4;
}

table.bt tbody tr:last-child td:last-child {
	border-bottom: 1px solid #D1D2D4;
}

table tbody tr td:last-child {
	border-right: 1px solid #D1D2D4;
}

table tbody tr td.no-separator:first-child {
	border-left: 1px solid #D1D2D4;
}

/* --- Pied de tableau --- */

table tfoot tr th {
	background-color: #F0F0F0;
	border-bottom: 1px solid #D1D2D4;
	color: #AAAAAA;
}

table tfoot tr th:first-child { border-left: 1px solid #D1D2D4; }
table tfoot tr th:last-child { border-right: 1px solid #D1D2D4; }
table tfoot tr th a 			{ color: #676A74;}

/* --- Pagination footer tableaux --- */

table tfoot nav.pagination a {
	color: #8B8D90;
}

table tfoot nav.pagination a span.current-page {
	color: #CED0D0;
}

/* -- Table responsive basictable.js -- */
/* ------------------------------------ */

table.bt tbody td { border-right: 1px solid #D1D2D4; }
table.bt tbody td.no-separator { border-left: 1px solid #D1D2D4; }

	

/*.calendar-block {
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
}

.calendar-block .date-select-container {
	background-color: #FFFFFF;
}

.calendar-block .date-select-next i:hover,
.calendar-block .date-select-previous i:hover,
.calendar-block .date-picker tbody td a:hover {
	background-color: rgba(54, 100, 147, 0.4);
}

.calendar-block .date-picker thead tr th {
	background-color: #FFFFFF;
}

.calendar-block .date-picker {
    background-color:  #FFFFFF;
}

.calendar-block .date-picker tbody td.calendar-event a {
    border-color:  #81A4C8;*/
}

/*==============================
/*				 -- form.css --
/*============================== */
button,
.button {
	background-color: #222222;
	border: 1px solid #222222;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

button:hover,
.button-hover {
	background-color: #222222;
	color: #3174b6;
}

button:active,
.button-active {
	background-color: #3174b6;
	border: 1px solid #3174b6;
	color: #222222;
}

/* --- Bouton de formulaire --- */
button.submit {
	background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(239,239,239,1) 35%, rgba(255,255,255,1) 60%);
	border: #e1e1e1 1px solid;
	color: #222222;
}

button.submit:hover {
	background-color: #222222;
	border-color: #222222;
	color: #efefef;	
}

/* --- Bouton basic --- */
.basic-button {
	background-color: #222222;
	border-radius: 2px;
	color: #FFFFFF;
}

.basic-button:hover {
	background-color: #3174b6;
	border-color: #3174b6;
	color: #FFFFFF;
}

/* --- Bouton edn --- */
.edn-button {
	background-color: #222222;
	color: #FFFFFF;
}

.edn-button:hover {
	background-color: #3174b6;
	border-color: #3174b6;
	color: #FFFFFF;
}

/* --- Button Download --- */
.download-button, .news-button  { color: #000000;	}
.download-button:hover, .news-button:hover  { color: #444444;}
	
/* --- Bouton basic avec couleur alternative --- */
.basic-button.alt 		{ background-color: #3174b6; border-color: #3174b6;}
.basic-button.alt:hover { background-color: #222222; 	border-color: #222222;}

/* -- Formulaires -- */
/* ----------------- */

.basic-button 			{ background-color: #3174b6; border-color: #3174b6; color: #FFFFFF }
.basic-button:hover 	 { background-color: #222222; 	border-color: #222222;}
.basic-button:active 	{ background-color: #6599cf;}

/* -- Formulaires -- */
/* ----------------- */

optgroup {
	border-bottom: 1px solid #5B5A5A;
}

legend {
	color: #474747;
	border-bottom: 1px solid #DDDDDD;
}


/* --- Elements de saisie --- */
[type=text],
[type=email],
[type=url],
[type=number],
[type=color],
[type=tel],
[type=search],
[type=password],
[type=file],
textarea,
select {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.01);
	color: #555555;
}

[type=text]:hover,
[type=email]:hover,
[type=url]:hover,
[type=number]:hover,
[type=color]:hover,
[type=tel]:hover,
[type=search]:hover,
[type=password]:hover,
[type=file]:hover,
textarea:hover,
select:hover {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	color: #333333;
}

[type=text]:focus,
[type=email]:focus,
[type=url]:focus,
[type=number]:focus,
[type=color]:focus,
[type=tel]:focus,
[type=search]:focus,
[type=password]:focus,
[type=file]:focus,
textarea:focus,
select:focus {
	border-color: #BBBBBB;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.01), 0 0 6px rgba(0, 0, 0, 0.2);
	color: #222222;
}

form input:focus:invalid,
form textarea:focus:invalid,
form .constraint-status-right input,
form .constraint-status-right textarea {
	border-color: rgba(196, 60, 43, 0.3);
	box-shadow: 0 0 3px rgba(196, 60, 43, 0.1);
}

form input:focus:valid,
form textarea:focus:valid,
form .constraint-status-right input,
form .constraint-status-right textarea {
	border-color: rgba(71, 137, 72, 0.3);
	box-shadow: 0 0 5px rgba(71, 137, 72, 0.1);
}

input[disabled=disabled],
input[disabled=disabled]:hover,
input[disabled=disabled]:focus,
textarea[disabled=disabled],
textarea[disabled=disabled]:hover,
textarea[disabled=disabled]:focus,
select[disabled=disabled],
select[disabled=disabled]:hover,
select[disabled=disabled]:focus {
	background-color: #F1F1F1;
	border: 1px solid #CCCCCC;
	color: #AAAAAA;
}

input[readonly=readonly],
input[readonly=readonly]:hover,
input[readonly=readonly]:focus,
textarea[readonly=readonly],
textarea[readonly=readonly]:hover,
textarea[readonly=readonly]:focus,
select[readonly=readonly],
select[readonly=readonly]:hover,
select[readonly=readonly]:focus {
	background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
	color: #888888;
}

.field-required:after {
	color: #C43C35;
}

/* --- Verification des contraintes de formulaire --- */

.constraint-status-error input,
.constraint-status-error textarea {
border-color: rgba(196, 60, 43, 0.3);
box-shadow: inset 0 0 3px rgba(196, 60, 43, 0.1);
}

.constraint-status-error input:hover,
.constraint-status-error input:focus,
.constraint-status-error textarea:hover,
.constraint-status-error textarea:focus {
	border-color: rgba(196, 60, 43, 0.5);
	box-shadow: inset 0 0 6px rgba(196, 60, 43, 0.3);
	color: #C43C35;
}

.text-status-constraint {
	background-color: #FEFEFE;
	border: 1px solid #EAEAEA;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.text-status-constraint:before,
.text-status-constraint:after {
	border-bottom: 8px solid rgba(250, 250, 250, 1);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.constraint-status-right .picture-status-constraint:after {
	color: #57A957;
}

.constraint-status-error i.picture-status-constraint {
	color: #C43C35;
}

.constraint-status-right .form-field-multi-select select {
	border-color: rgba(71, 137, 72, 0.3);
	box-shadow: 0 0 5px rgba(71, 137, 72, 0.1);
}

/* texte d'erreur */
div.field-required:after {
	color: #C43C35;
}

.html-table-header-sortable .sort-active {
	color: #81A4C8;
}

.autocomplete-suggestions {
	background-color: #FFFFFF;
	border-color: #999999;
}

.autocomplete-suggestions strong {
	color: #3399FF;
}

.autocomplete-selected {
	background-color: #F0F0F0;
}

.linedtextarea {
	background-color: #FFFFFF;
}

.linedwrap .lines {
	background-color: #FFFFFF;
	border-color: #C0C0C0;
}

.linedwrap .codelines .lineno {
	color: #AAAAAA;
}

.linedwrap .codelines .lineselect {
	color: #FF0000;
}

/* --- Auto-completion --- */
.autocomplete-suggestions {
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.autocomplete-suggestions strong {
	color: #3399FF;
}

.autocomplete-selected {
	background-color: #F0F0F0;
}

/*==============================
/*				 -- global.css --
/*============================== */


hr {background-color: #CCCCCC;}

/* -- La mise en forme du texte -- */
/* ------------------------------- */

/* --- Les liens du site --- */
a, .link-color         { color: #0d82ae; text-decoration: none; }
a:hover, .link-color:hover   { color: #012b3b; }

aside#menu-left a { color: #fff; text-decoration: none;}
aside#menu-left a:hover { color: #0d82ae; background: none !important;}

/* --- Couleur des liens --- */

a.admin  { color: #0d82ae !important; }
a.modo   { color: #18952f; }
a.member { color: #000000; }

/* --- Couleur de texte --- */

.color-alert 		{ color: #B22222; }
.color-notavailable { color: #B22222; }
.color-available 	{ color: #008000; }
.color-unknown 		{ color: #004b80; }

.bkgd-color-solved          { background-color: #82C2A7; }
.bkgd-color-unsolved        { background-color: #E59F09; }

.bkgd-color-visible         { background-color: #CCFFCC; }
.bkgd-color-unvisible       { background-color: #FFEE99; }
.bkgd-color-unaprobed       { background-color: #FFCCCC; }

.bkgd-color-fixed 			{ background-color: #7FFF9C; }
tr td.bkgd-color-fixed 		{ background-color: #7FFF9C; }
.bkgd-color-processing 		{ background-color: #FFD86F; }
tr td.bkgd-color-processing { background-color: #FFD86F; }
.bkgd-color-unknown 		{ background-color: #FF796F; }
tr td.bkgd-color-unknown 	{ background-color: #FF796F; }

.bkgd-main	{ background-color: #FFFFFF; }
.bkgd-sub   { background-color: #E1E1E1; }
.bkgd-title	{ background-color: #afceed; }

/* --- Les Titres bbcode --- */

h4.formatter-title,
h5.formatter-title {
	border-bottom: 1px solid #7bddfd;
}
h3.formatter-title {
    color: #444444;
    border-bottom: 1px solid #7bddfd;
}

/* -- Mise en forme du contenu -- */
/* ------------------------------ */

abbr, acronym, a.wikipedia-link { border-bottom-color: #CCCCCC; }

table.calendar-table td a:hover { background-color: rgba(54, 100, 147, 0.2); }

td.calendar-week { border-color: #81A4C8; }

/* --- Affichage du calendrier --- */

tbody td.calendar-none      { background-color: transparent; border-bottom: none !important; border-right: none !important; }
tbody td.calendar-today     { border-color: #81A4C8; }
tbody td.calendar-weekend   { background-color: rgba(54, 100, 147, 0.1); border-right: none !important; }

/* --- Affichage du mini calendrier --- */

table.mini.calendar-table, table.mini.calendar-table thead  th {  background-color: #222 !important;}

table.mini.calendar-table thead  th {  
	border-right: none;
	border-bottom: none;
	}
	
.calendar-block {
	border: 1px solid #999999;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	}

.calendar-block .date-select-container { background-color: #F5F5F5; }

.calendar-block .date-select-next i,
.calendar-block .date-select-previous i { color: #666666; }

.calendar-block .date-picker thead tr th {
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #666666;
}

.calendar-block .date-picker tbody td.calendar-none		{ background-color: #FFFFFF; }
.calendar-block .date-picker tbody td.calendar-today 	{ background-color: #B5E5B9; }
.calendar-block .date-picker tbody td.calendar-event 	{ background-color: #DBE5EE; }
.calendar-block .date-picker tbody td.calendar-weekend 	{ background-color: #FFE3B6; }

.calendar-block .date-picker tbody tr:last-child td { border-bottom: none; }

.calendar-block .date-picker tbody tr:last-child td:first-child { border-radius: 0 0 0 2px; }
.calendar-block .date-picker tbody tr:last-child td:last-child	{ border-radius: 0 0 2px 0; }


td.calendar-other a, td.calendar-today a { color: #444 !important; text-decoration: none; }

/* --- les blocs bbcode --- */

.bbcode-block {
	background-color: #F3F3F3;
	border: 1px solid #AAAAAA;
	border-radius: 3px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
/* --- Le selecteur de couleur --- */

.color-picker td { border: 1px solid #F3F3F3; }

/* --- les blocs de quote, de code ou caches --- */

.hide,
.code,
.blockquote {
	background-color: #FAFAFA;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	color: #444444;	
}
.copy-code {
	color: #BBBBBB;
}
.formatter-hide .formatter-hide-message {
	background-color: rgba(54, 100, 147, 0.15);
	border-color: rgba(54, 100, 147, 0.4);
}

/* --- les autres element bbcode --- */

.formatter-block {
	border: 1px solid #222222;
}

/* --- La barre de progression --- */
.progressbar-container {
	background-color: #F5F5F5;
	border-radius: 3px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progressbar { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); }

.progressbar-container .progressbar { background-color: #8ECF67; }

/* --- Le systeme de notation --- */

.notation .star,
.static-notation .star { color: #E3CF7A; }

/* --- les couleurs d icones Font Awesome--- */
.fa-syndication:before      { color: #F57900; }
.fa-success:before          { color: #478948; }
.fa-forbidden:before        { color: #cf3438; }
.fa-error:before            { color: #cf3438; }
.fa-warning:before          { color: #C19954; }
.fa-ban:before              { color: #cf3438; }
.fa-unban:before            { color: #478948; }
.fa-male:before             { color: #8DC3E9; }
.fa-female:before           { color: #F49CC4; }
.fa-online:before           { color: #40b73a; }
.fa-offline:before          { color: #cf3438; }
.fa-trend-up:before         { color: #478948; }
.fa-trend-down:before       { color: #cf3438; }
.fa-circle-alert            { color: #cf3438; }
.fa-circle-alert span       { color: #FFFFFF; }

.fa-announce:before,
.fa-announce-hot:before     { color: #81A4C8; }
.fa-announce-new:before,
.fa-announce-new-hot:before { color: #40b73a; }

.fa-msg-display:before      { color: #40b73a; }
.fa-msg-not-display:before 	{ color: #cf3438; }
.fa-msg-track:before        { color: #cf3438; }
.fa-msg-not-track:before    { color: #212121; }
.fa-pm-track:before         { color: #517BA6; }
.fa-pm-not-track:before     { color: #212121; }
.fa-mail-track:before       { color: #517BA6; }
.fa-mail-not-track:before   { color: #212121; }
.fa-lastview:before         { color: #353535; }
.fa-notread:before          { color: #353535; }
.fa-showmymsg:before        { color: #353535; }

/* --- Alertes --- */
.message-helper { background-color: rgba(54, 100, 147, 0.1) }

.error, .error:before               { color: #C72125; }
.notice, .notice:before             { color: #888888; }
.warning, .warning:before           { color: #C95A21; }
.success, .success:before           { color: #22A31B; }
.question, .question:before         { color: #3B88AE; }
.member-only, .member-only:before   { color: #9F86CD; }
.modo-only, .modo-only:before       { color: #7657AE; }
.admin-only, .admin-only:before     { color: #5D3B9A; }

.error        { border-color: #F26B6e; background-color: rgba(224, 70, 74, 0.2);  }
.notice       { border-color: #E2E2E2; background-color: rgba(240, 240, 240, 1);   }
.warning      { border-color: #EDA682; background-color: rgba(226, 123, 70, 0.2); }
.success      { border-color: #8DE388; background-color: rgba(67, 182, 73, 0.2);  }
.question     { border-color: #BDE9F2; background-color: rgba(218, 238, 248, 1); }
.member-only  { border-color: #9F86CD; background-color: rgba(93, 60, 151, 0.2);  }
.modo-only    { border-color: #7657AE; background-color: rgba(93, 60, 151, 0.2);  }
.admin-only   { border-color: #5D3B9A; background-color: rgba(93, 60, 151, 0.2);  }

.floating-message-container .message-helper {
	background-color: rgba(235, 239, 244, 1);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.floating-message-container .error          { background-color: rgba(249, 218, 219, 1); }
.floating-message-container .notice         { background-color: rgba(215, 215, 215, 1); }
.floating-message-container .warning        { background-color: rgba(248, 229, 218, 1); }
.floating-message-container .success        { background-color: rgba(217, 240, 219, 1); }
.floating-message-container .question       { background-color: rgba(218, 238, 248, 1); }
.floating-message-container .member-only    { background-color: rgba(223, 216, 234, 1); }
.floating-message-container .modo-only      { background-color: rgba(223, 216, 234, 1); }
.floating-message-container .admin-only     { background-color: rgba(223, 216, 234, 1); }

.message-helper-button.error        { background-color: #cf3438; }
.message-helper-button.notice       { background-color: #7f7f7f; }
.message-helper-button.warning      { background-color: #E27B47; }
.message-helper-button.success      { background-color: #40b73a; }
.message-helper-button.question     { background-color: #1E5083; }
.message-helper-button.member-only  { background-color: #9F86CD; }
.message-helper-button.modo-only    { background-color: #7657AE; }
.message-helper-button.admin-only   { background-color: #5D3B9A; }

.formatter-content {
background-color: #FAFAFA;
border: 1px solid #DDDDDD;
}

h2.formatter-title,
h3.formatter-title { color:#477bdd; border-color: #477bdd; }

.progressbar-container { background-color: #f0f1f5; }
.progressbar-container .progressbar { background-color: #8FE18B; }

.copy-code-content span[style*="color: #0000FF;"] {color: #999999 !important;}
.copy-code-content span[style*="color: #000080;"] {color: #babae3 !important;}
.copy-code-content span[style*="color: #8000FF;"] {color: #f99999 !important;}
.copy-code-content span[style*="color: #808080;"] {color: #A0A0A0 !important;}
.copy-code-content span[style*="color: #008000;"] {color: #00AA00 !important;}

/* --- Previsualisation --- */

.xmlhttprequest-preview {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #2E3B5F;
}

/* --- La recherche de membre (AJAX) --- */
.xmlhttprequest-result-search {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.01);
}

/* -- Systeme - Fenêtre d Upload -- 
/* --------------------------------- */

.upload-address-bar {
	background-color: #FAFAFA;
	border-color: #DDDDDD;
	color: #444444;
}

.upload-elements-repertory {
	border-color: #366493;
	background-color: #aec7e1;
}

.upload-element-icon { border-color: #d9d9d9; }
.upload-recent-file { color: #BA4B49; }

/* --- Deplacement des fichiers --- */

.upload-selected-cat {
	background-color: #F5FBFF;
	border-color: #2C5169;
}

.formatter-hide .formatter-hide-message {
  background-color: #FAFAFA;
  border-color: #DDDDDD;
}

/*==============================
/*				 -- cssmenu.css --
/*============================== */

.cssmenu ul ul,
.cssmenu-actionslinks > ul {
	background-color: #FEFEFE;
	box-shadow: 0 0 10px rgba(204, 204, 204, 1);
}

@media (min-width: 769px) {
	/*
	.cssmenu ul > li:hover > .cssmenu-title  { background-color: #D4ECFF; }
	.cssmenu-group .cssmenu-title {
		background-image: linear-gradient(to bottom, rgba(54, 100, 147, 0.05) 0%,rgba(54, 100, 147, 0.2) 100%);
		border-color: rgba(54, 100, 147, 0.4);
	}
	
	.cssmenu-group li.current .cssmenu-title,
	.cssmenu-group .cssmenu-title:hover  {
	    background-image: linear-gradient(to bottom, rgba(54, 100, 147, 0.2) 0%,rgba(54, 100, 147, 0.05) 100%);
	}
	*/
	
	/*---------------- forum menu ---------------*/
	
	nav#cssmenu-forum-top-link.cssmenu-group .cssmenu-title
	 {
		background: none !important;
		border-color: none !important;
	}
}

.cssmenu-static ul ul {
	background-color: transparent ;
    box-shadow: 0 0 0 transparent;
}

.small-screen.cssmenu ul ul,
.small-screen.cssmenu-actionslinks ul {
    box-shadow: 0 0 0 transparent;
}

.small-screen.cssmenu ul ul,
.small-screen.cssmenu-actionslinks ul {
	background-color: transparent;
}

.cssmenu-actionslinks .menu-button:after {
	border-color: #C1DFF5;
	background-color: #C1DFF5;
	border-radius: 3px;
}

.cssmenu-actionslinks:hover .menu-button:after {
	background-color: #D4ECFF;
}

.cssmenu-actionslinks.small-screen .menu-button:after {
	background-color: transparent;
	border-color: transparent;
}

.cssmenu-actionslinks ul li:hover > .cssmenu-title:after { background-color: #333333;	}

/* --- indicateur de sous-Menu --- */
.cssmenu .has-sub > .cssmenu-title:after,
.cssmenu .has-sub > .cssmenu-title:before { color: #666666; }

.small-screen .menu-button.menu-opened:after,
.small-screen .submenu-button.submenu-opened:after { background-color: rgba(54, 100, 147, 0.2); }


/* -- Fenêtre Users- Membres
/* --------------------------------- */
.user-card {
	background-color: #EFEFEF;
	border-color: #DDDDDD;
}

.infos-container {
	border-color: #366493;
}

.user-level {
	background-color: #366493;
	color: #FFFFFF;
}
/*==============================
/*				 --  BBCODE.css --
/*============================== */

.bbcode {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92ca00+0,85c206+8,80bf07+19,63a708+42,428816+79,478a00+100 */
	border: 1px solid #DDDDDD;
}

.bbcode-elements > a:hover {
	color: #222222;
	text-decoration: none;
}

.bbcode .bbcode-elements > a:hover {
		color: #B07B19;
	}

/* --- Editor color Container --- */
.bdr-color-op20 { border-color: rgba(54, 100, 147, 0.2); }
.constraint-status-error .bdr-color-op20 {  border-color: rgba(196, 60, 43, 1); }
.constraint-status-right .bdr-color-op20 {  border-color: rgba(71, 137, 72, 1); }

.bkgd-color-op10 { background-color: #BBCBFF; } /* bbcode container */
.bkgd-color-op20 { background-color: rgba(54, 100, 147, 0.2); }
.bkgd-color-op40 { background-color: rgba(54, 100, 147, 0.4); }

@media (max-width: 768px) {
	.bkgd-color-op10-sc { background-color: rgba(54, 100, 147, 0.1); }
	.bkgd-color-op20-sc { background-color: rgba(54, 100, 147, 0.2); }
	.bkgd-color-op40-sc { background-color: rgba(54, 100, 147, 0.4); }
}
/*
.bkgd-color-op20-hover li:hover,
.bkgd-color-op20-hover a:hover { background-color: #428816; }
*/
@media (min-width: 769px) {
	.dlt-color-op20-after:after { background-color: #428816; }
}

.block-submenu-color {
	background-color: #FFFFFF;
	box-shadow: 0 0 0.618em rgba(0, 0, 0, 0.2);
}

@media (min-width: 769px) {
	.arrow-submenu-color:after {
		border-color: transparent;
		border-bottom-color: #FFFFFF;
	}
}

/* --- Highlight text --- */
.highlight-search-word {
	background-color: #FFFF00;
	color: #000000;
}

.block-submenu-color {
  background-color: #FFFFFF;
  box-shadow: 0 0 0.618em rgba(0, 0, 0, 0.2);
}



/* -- social connect -- */
/* -------------------- */
a.social-connect {	color: #DEDEDE; border-radius:4px; }
a.social-connect i:before { color: #DFDFDF; }
a.social-connect:hover i:before { color: #EFEFEF; }

a.fb 		{ background: #3B5998; }
a.google 	{ background: #D8432E; }	
a.twitter 	{ background: #5EA9DD; }

/*==============================
/*			 -- connect_mini.css --
/*============================== */

/*	 affichage du message de bienvenue 
---------------------------------------*/


#wellcome {
	background: rgb(19,52,124);
	background: linear-gradient(90deg, rgba(19,52,124,1) 11%, rgba(19,32,59,1) 41%, rgba(16,32,65,1) 56%, rgba(19,52,124,1) 78%); 
}
/* ------- non connecté ------- */

#connect-logo {
	background: #efefef url(../theme/images/logo.png) no-repeat scroll center center;
	border: 5px solid #ffffff;	
}
.connect-mess { color: #ffffff; text-shadow: #000 1px 0 10px; }

/* ------- Connecté ------- */

.connect-welcome { color: #555555; }

.connect-welcome .modo,
.connect-welcome .admin,
.connect-welcome .member { color: #222; text-shadow: #000 1px 0 10px; }

#connect-avatar {
	background: #efefef;
	border: 3px solid #ffffff;	
	text-shadow: #000 1px 0 10px;
}
/*==============================
/*			 -- forum.css --
/*============================== */

.fa-announce:before,
.fa-announce-new:before { color:#008CBA; content: "\f6d5"; }

.fa-announce-hot:before,
.fa-announce-new-hot:before { color:#008CBA; content: "\f086"; }

.fa-announce-lock:before,
.fa-announce-new-lock:before { color:#000000; content: "\f023"; }

.fa-announce-post:before,
.fa-announce-new-post:before { color:#FF8C00; content: "\f08d"; }

.fa-announce-top:before,
.fa-announce-new-top:before { color:#aa0000; content: "\f0a1"; }

.fa-announce:before             { color: #cccccc; }
.fa-announce-hot:before 		{ color: #3db3f1; }
.fa-announce-new:before,
.fa-announce-new-hot:before 	{ color: #3db3f1; }

.fa-msg-display:before 			{ content: "\f00c"; color: #478948; }
.fa-msg-not-display:before 		{ content: "\f00d"; color: #BA4B49; }
.fa-msg-track:before 			{ content: "\f004"; color: #E60004; }
.fa-msg-not-track:before 		{ content: "\f004"; color: #3db3f1; }
.fa-pm-track:before 			{ content: "\f0e0"; color: #FFFFFF; }
.fa-pm-not-track:before 		{ content: "\f0e0"; color: #000000; }
.fa-mail-track:before 			{ content: "\f003"; color: #4372AA; }
.fa-mail-not-track:before 		{ content: "\f003"; color: #3db3f1; }
.fa-lastview:before 			{ content: "\f017"; color: #6dc922; }
.fa-notread:before 				{ content: "\f0f6"; color: #eeeeee; }
.fa-showmymsg:before 			{ content: "\f0e6"; color: #eeeeee; }
.fa-exclamation-circle:before   { content: "\f06a"; color: #f07142; }

/*.fa-globe:before 	{ color: #000000; }*/
.fa-refresh:before 	{ color: #0AC8F2; }
.fa-eraser:before 	{ color: #FA6B7E; }
.fa-tasks:before 	{ color: #0ac8f2; }

.msg-avatar-mbr img {
	border: 3px solid #ffffff;	
}

/*==============================
/*			 -- News.css --
/*============================== */

.read-news,
.read-guides {
	border-color: #C1DFF5;
	background-color: #C1DFF5;
}

/*==============================
/*			 -- media.css --
/*============================== */

.read-media {
		border-color: #C1DFF5;
		background-color: #C1DFF5;
}

.title-media {
	color: #012b3b;
}