body{background-color:#FFFFFF;}
hr{ border:1px solid #D0D0D0;}
h1{ color:#000; }
h2{ color:#000; }

/* ------------------------------------------------------------------------------------- JQuery UI elements */
/* This was manually modified in our version of jquery-ui.css (which itself was a tuned theme) */
.ui-dialog-content
{
	color: #fff;
}

.ui-dialog
{
	background-color: #990000;	color: #fff;
}

/* This is a tuning of our version of jquery-ui.css */
.ui-widget
{
	font-family: segoe ui, Arial, sans-serif; font-size: 0.9em;
}

/* ------------------------------------------------------------------------------------- LIENS */

a:link, a:visited, span.link, span.link:visited
{
	color: #0000CC;	
}

a:hover, a:active, .whitelink:hover,
span.link:hover, span.link:active
{
	color: #FF9C00;	
}

a.menuleft_OFF:link, a.menuleft_OFF:visited,
input.bttn, input.menuleft_OFF, button.bttn
{ 	
  	background-color:#EAF6FF;	
	border:1px solid #D0D0D0; 
	text-decoration: none; 
	color: #000000;
}
input.menuleft_OFF:hover, button.menuleft_OFF:hover, a.menuleft_OFF:hover , label.menuleft_OFF:hover
{

    border:1px solid #444;
    transition-duration: 0.3s;
    transition-timing-function: linear; 
    background:#fff;  
    color:#FF9C00;
    box-shadow: 3px 2px 2px rgba(136, 136, 136, 0.25);
}

a.menuadd_OFF:link, a.menuadd_OFF:visited
{
	background-color:#b7ffc3;	
	border:1px solid #008e17; 
	text-decoration: none; 
	color: #000000;
}

a.menuremove_OFF:link, a.menuremove_OFF:visited
{
	background-color:#FFA5A5;	
	border:1px solid #C90000; 
	text-decoration: none; 
	color: #000000;
}

a.menuleft_OFF:hover, a.menuleft_OFF:active, 
a.menuadd_OFF:hover, a.menuadd_OFF:active, 
a.menuremove_OFF:hover, a.menuremove_OFF:active, 
a.menuleft_ON:link, a.menuleft_ON:visited,
a.menuremove_ON:link, a.menuremove_ON:visited,
a.menuadd_ON:link, a.menuadd_ON:visited,
input.bttn:hover,input.bttn:active, input.menuleft_OFF:hover, input.menuleft_ON, 
button.bttn:hover, button.bttn:active
{ 	
  	background-color:#FFFFFF;
   	border:1px solid #000000; 
   	color:#FF9C00;
	text-decoration: none;	
}

a.public:link, a.public:visited
{	
	color: #009900;
}

a.public:hover, a.public:active
{	
	color: #00FF00;
	text-decoration: underline;
}

a.private:link, a.private:visited
{	
	color: #990000;
}

a.private:hover, a.private:active
{	
	color: #FF9C00;
	text-decoration: underline;
}

a.submenulink:link, a.submenulink:visited
{
	color: #000000;
	text-decoration: underline;
}

a.submenulink:hover, a.submenulink:active
{
	color: #FF9C00;
	text-decoration: none;
	
}
a.white:link, a.white:visited{
	color: #FFFFFF;	
	text-decoration: none;
}

a.white:hover, a.white:active {
	color: #FF9C00;
	text-decoration: underline;
} 

.whitelink
{
	color: #FFFFFF;
	text-decoration: none;
}

a.orangelink:link, a.orangelink:visited,
span.orangelink
{
	color: #FF9C00;
	text-decoration: none;
}

a.orangelink:hover, a.orangelink:active,
span.orangelink:hover
{
	color: #FF9C00;
	text-decoration: underline;
}

.hoverorange:hover
{
    color: #FF9C00;
    text-decoration: none;
    cursor:pointer;
    *cursor: hand;  
}

/* ------------------------------------------------------------------------------------- COULEURS POLICES */
.white
{
	color: #FFFFFF;
}
.blue
{
	color: #71b4ff;
}
.red
{
	color: #ff0000;
}
.redstrong
{
	color: #800000;
}

.greenlight
{
	color: #00ff00;
}

.greenstrong
{
	color: #008706;
}

.green
{
	color: #00b308;
}

.orange
{
	color: #ff9c00;
}
.black
{
	color:#000000;	
}

.grey
{
	color:#444444;
}

.greylight
{
	color:#BDBDBD;	
}

.darkgrey
{
	color:#474747;
}

.bluegrey
{
	color:#4f6b72;
}

.yellow
{
	color:#FFFF00;
}

.public
{	
	color: #009900;
}

.private
{	
	color: #990000;
}
/* ------------------------------------------------------------------------------------- COULEUR BACKGROUND  */

.bg1_theme
{
	background-color: #EAF6FF;
	color:#000000;
}

.bg2_theme
{
	background-color: #E7E7E7;
	color:#000000;
}

.bg3_theme
{
	background-color: #444444;
	color:#FFFFFF;
}

.bg_white
{
	background-color: #FFF;
	color:#444444;
	border:1px solid  #444444
}

.bgFFF
{
    background-color: #FFF;
}

.bg444
{
    background-color: #444;
}

.bg_orange
{
	background-color: #ff9c00;
}

.bg_green
{
	background-color: #00b308;
}

.bg_red
{
	background-color: #ff0000;
}

.bg_redlight
{
    background-color: #FFA5A5;
}

.bg_greylight
{
	background-color:#F7F7F7;
}

.bg_darkgrey
{
	background-color:#474747;
}	

.colorone
{
	background-color: #EE6767;
}

.colorhigh
{
	background-color: #FF9966;
}
.colormedium
{
	background-color: #FFCB62;
}
.colorlow
{
	background-color: #FFFDC1;
}
 
/* RGPfinder */

.correspA1
{
	background-color: #55FFA2;
}	
.correspA2
{
	background-color: #4DE692;
}
.correspA3
{
	background-color: #44CD82;
}
.correspA4
{
	background-color: #3CB472;
}
.correspA5
{
	background-color: #349C63;
}
.correspA6
{
	background-color: #2C8353;
}	
.correspB1
{
	background-color: #FF5757;
}	
.correspB2
{
	background-color: #FF7B7B;
}
.correspB3
{
	background-color: #FF8F8F;
}
.correspB4
{
	background-color: #FFA1A1;
}
.correspB5
{
	background-color: #FFBCBC;
}
.correspB6
{
	background-color: #FFD2D2;
}	
.noCorresp
{
	background-color: #FF0000;
}	
.featureColor
{
	background-color: #DDA0DD;
}	
.outside
{
	background-color: #fbfbfb;
	color : #A9A9A9;
}

.text-shadow
{
    text-shadow: 1px 2px 3px rgba(0,0,0, 0.3);
}
/* ------------------------------------------------------------------------------------- CLASSES BORDURES */
.border
{	
	border:1px solid #D0D0D0;	
} 

.border_blue
{	
	border:1px solid #EAF6FF;	
} 

.border-top
{	
	border-top:1px solid #D0D0D0;	
} 

.border-bottom
{	
	border-bottom:1px solid #D0D0D0;	
} 

.border-left
{	
	border-left:1px solid #D0D0D0;	
} 

.border-right
{	
	border-right:1px solid #D0D0D0;	
}

.leftmarged_content
{	
	border-left:1px solid #D0D0D0;
}


.borderblack
{	
	border:1px solid #000;	
} 

/* ------------------------------------------------------------------------------------- CLASSES GO_STATUS */
.finished
{
	color: #00ff00;
}
.Curated
{
	color: #00c600;
}
.Artefact
{
	color: #FFFFFF;
}
.chkSeq
{
	color: #ffa500;
}
.chkStart
{
	color: #ffa500;
}
.inProgress
{
	color: #ffc0cb;
}

/* ------------------------------------------------------------------------------------- CADRES CSS MAGE */

.transition
{
    transition-duration: 0.3s;
    transition-timing-function: linear; 
}

#header, #content, #footer
{
	color:#000;
}		

#bannerPopUp
{    
    background-color: #444444;
    background-image: url(../../web/pictures/banner.png);
    background-repeat: repeat;
    background-position: 0px 0px;
    /*background-color: #66ccff;*/
}


#banner
{    
    background-color: #444444;
    background-position: 0px 0px;
    /*background-color: #66ccff;*/
}



/*
 * neige
 */
/**
.banner_img{
	background-image:  url(../../web/pictures/snow.png), url(../../web/pictures/snow2.png),url(../../web/pictures/snow3.png);
    -webkit-animation: banner_img 10s linear infinite;
    -moz-animation: banner_img 10s linear infinite;
    -ms-animation: banner_img 10s linear infinite;
    animation: banner_img 10s linear infinite;
}   
@keyframes banner_img {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes banner_img {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-webkit-keyframes banner_img {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes banner_img {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}   


 
/**/


#bannerup, #bannerupPopup
{	
	background-color: #EAF6FF;
	border-top:1px solid #D0D0D0;
} 
 
#bannerbottom, #bannerbottomPopup
{	
	background-color: #EAF6FF;
	border-bottom:1px solid #D0D0D0;	
} 

#headerorgname, #headerorgnamePopup, #headerloginPopUp, #headerlogin
{	
	color: #FFFFFF;	
} 

#bannerfooter
{	
	background-color: #EAF6FF;	
	border-top:1px solid #D0D0D0;
} 

#cadre_news
{
	color:#000000;
	background-color: #EAF6FF;
	border:1px solid #D0D0D0; 
} 

#cadre_home
{
    background-color:#444444;
    color:white;
    border-radius:5px;
}

#cadre_desctool, #cadre_selectProject 
{
	background-color:#F1F1F1;	
	border:1px solid #D0D0D0; 
}

.cadre_couleur
{
	background-color: #EAF6FF !important;
	border:1px solid #D0D0D0; 
	box-shadow: 3px 2px 2px #888888;
}
.cadre_couleur_blanc
{
    background-color: #FFF !important;
    border:1px solid #D0D0D0; 
    box-shadow: 3px 2px 2px #888888;
}
.cadre_couleur_orange
{
    background-color: #E6BAA6 !important;
    border:1px solid #D8B79F; 
    box-shadow: 3px 2px 2px #888888;
}
.cadre_fonce
{
	background-color:#F1F1F1 !important;
	border:1px solid #000000; 	
}


.cadre_infohome
{
    background-color:#f8f8f8 !important;
    border-radius:3px;
}

.cadre_resume
{
	background-color:#F1F1F1 !important;	
	border:1px solid #D3D3D3; 
	box-shadow: 3px 2px 2px #888888;
}

.columntitle
{	
	color:#FFFFFF;
	background-color: #444444;
        border-right: 1px solid #D0D0D0;
        border-bottom: 1px solid #D0D0D0;
}	

#formviewer
{
	display: flex;
	margin: auto;
	width: fit-content;
}
.formviewerCompartment
{
	background-color: #444444;
	color:#FFFFFF;
	margin-right: 5px;
	border-radius: 4px;
	display: flex;
	padding: 5px 4px;
}

.formviewerCompartment select
{
	height: 24px;
}

.formviewerCompartment input
{
	height: 24px;
}

.desctoolcontainer
{	
	border-left:1px solid #D0D0D0;
}

.error-input, .error-both, .error-same
{ 	
	background-color:#FFEFEF; 
	border:2px groove #990000; 
	color:#990000; 
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
[required] {
    box-shadow: none;
}
.metform{
	display : block;	
}

.mdtory:invalid{
	 box-shadow: 0px 0px 0px 1px rgba(247,5,49,1);
}

.mdtory:valid{
	 box-shadow: 0px 0px 0px 1px rgba(138, 225, 138, 1);
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/

.mandatory-input
{ 	
	background-color:#fff; 			/*orange: #ffeac8*/
	border:2px groove #990000; 		/*orange: #ff9c00*/
	color:#000; 
}

.ok-input
{ 	
	background-color:#fff; 
	border:1px groove #008e17; 
	color:#000; 
}

.optional-input
{ 	
	background-color:#fff; 
	border:1px groove #ffeac8; 
	color:#000; 
}

.warning-input
{
	background:#ffc600;
	border:2px solid #ff9000;
	color:#990000; 
}

.encadre
{
	background:#FFF; 
	border:2px solid #000; 
}

.smallencadre
{
	background:#FFF;
	border-color:#000; 
	border:1px solid #000;  
}

.smallsubencadre
{
	background:#e7e7e7;
	border-color:#BDBDBD; 
	border:1px solid #000; 
}

.cadre_orange
{
	background:#ffdc64 !important;
	border:1px solid #ff9000;
}

.cadre_with, .cadre_green
{
	background:#d9ffd9 !important;
	border:1px solid #008e17; 	
	box-shadow: 3px 2px 2px #888888;
}

.cadre_with_disabled
{
    background:#e1f0e1 !important;
    border:1px solid #8db994;   
    box-shadow: 3px 2px 2px #888888;
    margin: 5px;
    border-radius: 3px;
}



.cadre_with_invert
{
	color: #fff;
	background: #00b308 !important;	
	border:1px solid #00b308; 
}

input.boutonclic_green,  button.boutonclic_green, a.boutonclic_green
{
	color: #fff;  /*#d9ffd9;*/
	background: #00b308;	
	border:1px solid #444444;  	
}

input.boutonclic_green:hover, button.boutonclic_green:hover, a.boutonclic_green:hover
{
	color: #00b308;
	background:#d9ffd9;	
	border:1px solid #00b308;
	transition-duration: 0.3s;
	transition-timing-function: linear;
	box-shadow: 3px 2px 2px rgba(136, 136, 136, 0.25); 
}

input.boutonclic_default_disabled,  button.boutonclic_default_disabled
{
    padding:3px;
    color: #fff;  /*#d9ffd9;*/
    background: #e7e7e7;    
    border:1px solid #BDBDBD;      
}

input.boutonclic_default_disabled:hover,  button.boutonclic_default_disabled:hover
{
    color: #e7e7e7;
    background:#FF9C00;
    border:1px solid #444;
    transition-duration: 0.3s;
    transition-timing-function: linear; 
  
}

input.boutonclic_default,  button.boutonclic_default, a.boutonclic_default, label.boutonclic_default
{
    padding:3px;
	color: #fff;  /*#d9ffd9;*/
	background: #444444;	
	border:1px solid #000;  	
}

input.boutonclic_default:hover, button.boutonclic_default:hover, a.boutonclic_default:hover , label.boutonclic_default:hover
{
	/*color: #444;
	background:#FF9C00;	*/
	border:1px solid #444;
	transition-duration: 0.3s;
	transition-timing-function: linear; 
	background:#fff;  
    color:#FF9C00;
    box-shadow: 3px 2px 2px rgba(136, 136, 136, 0.25);
}

.cadre_without, .cadre_red, #cadre_admin_mode
{
	background:#FFA5A5 !important;
	border:1px solid #800000;
	box-shadow: 3px 2px 2px #888888; 	
}

.cadre_without_disabled
{
    background:#ECCDCD !important;
    border:1px solid #a88282;
    box-shadow: 3px 2px 2px #888888;    
    margin: 5px;
    border-radius: 3px;
}

.cadre_greyadmin
{
	background:#DCDCDC !important;
	border:1px solid #696969;
}

input.boutonclic_red, button.boutonclic_red, a.boutonclic_red
{	
	color: #800000;
	background:#FFA5A5;
	border:1px solid #800000; 	
}

input.boutonclic_red:hover, button.boutonclic_red:hover, a.boutonclic_red:hover
{	
	color: #fff; /*#FFA5A5;*/
	background:#800000;
	border:1px solid #800000; 
	transition-duration: 0.3s;
	transition-timing-function: linear; 
	box-shadow: 3px 2px 2px rgba(136, 136, 136, 0.25);
}

.cadre_no, .cadre_alert, .cadre_fatal, .cadre_adminno, .cadre_adminremove
{
	background-color: #990000 !important; /*#FFA5A5;*/
	color: #FFF;
	border:2px solid #800000;
}

.cadre_no_invert
{
	background-color: #FFF !important; /*#FFA5A5;*/
	color: #990000;
}

.cadre_ok, .cadre_adminok
{
	background:#b7ffc3 !important;
	border:2px solid #008e17;	
}

.cadre_accept
{
	background:#b7ffc3 !important;
	border:2px solid #008e17;
	transition-duration: 0.2s;
	transition-timing-function: linear; 	
}

.cadre_grey
{
	background:#E7E7E7 !important;
	border:2px solid #000;	
}

.cadre_grey2 
{
	background:#E7E7E7 !important;
	border:1px solid #000;	
}

.cadre_greylight
{
	background:#F7F7F7 !important;
	border:1px solid #000;	
}

.cadre_darkgrey
{
    background-color:#444444 !important;
    color:white;
    border-radius:5px;
}

.cadre_adminhold
{
	background:#ffc600 !important;
	border:2px solid #ff9000;
}

.cadre_adminyellow
{
	background:#f0ff00 !important;
	border:2px solid #ffe400; 
}

.cadre_adminblue2
{
    background:#545AFF !important;
    border:2px solid #000596; 
}

.bgyellow
{
    background-color:#f0ff00;
}

.bg_darkyellow
{
    background-color:#c4ce00;
}

.bg_ligthgrey
{
    background-color:#e3e3e3;
}

.cadre_adminblue
{
	background:#b2b4ff !important;
	border:2px solid #0006ff; 
}

.bgblue
{
    background-color:#b2b4ff;
}

.bg_darkblue
{
    background-color:#8889c2;
}

.rmacc
{
	background-color:red;
	color:white;
}	

SPAN.searchword
{
	background-color:yellow;
	color:#AF0003;
}

button.button {	
	border: 1px solid #999;	
	background-color: #EAF6FF;
	color: #000;	
}

button.button:hover {	
	border: 1px solid #000;
	background-color: #FFF;
	color: #FF9C00;
	transition-duration: 0.3s;
	transition-timing-function: linear; 
}

.refresh
{
	border:1px solid black;	
	background-color:#fff;
	
}

.refresh:hover
{
	background-color:orange;
	transition-duration: 0.3s;
	transition-timing-function: linear; 
}

.rssHeader
{
	background-color: #444444; 
	color:#fff;
}	

.box-shadow
{
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.7);
}

.box-shadow-annotation
{
    box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.9);
    width: 550px;
}
    
/* -------------------------------------------------------------------------------------- GENOME BROWSER+PGDBs*/

#OrthoMapstoggler:hover, #PkGDBtoggler:hover, #RefSeqtoggler:hover, #PGDBTabletoggler:hover
{
	color:#FF9C00;
}


/* -------------------------------------------------------------------------------------- SNP / INDEL*/

.prevGene
{
	color:#6699FF;
}

.nextGene
{
	color:#9370D8;
}

.DSGene
{
	color:#4DA17E;
}

a.menuadd_SNIPER:link, a.menuadd_SNIPER:visited
{
	background-color:#f0f0f0;	
	border:1px solid #008e17; 
	text-decoration: none; 
	color:#000000;
}

a.menuadd_SNIPER:hover, a.menuadd_SNIPER:active                              
{ 	
  	background-color:#FFFFFF;
   	border:1px solid #000000; 
	text-decoration: none; 
   	color:#008e17;
}

a.menuremove_SNIPER:link, a.menuremove_SNIPER:visited
{
	background-color:#f0f0f0;	
	border:1px solid #C90000; 
	text-decoration: none; 
	color:#000000;
}

a.menuremove_SNIPER:hover, a.menuremove_SNIPER:active 
{ 	
  	background-color:#FFFFFF;
   	border:1px solid #000000; 
	text-decoration: none; 
   	color:#C90000;
}

.tooltiptitle
{
	background-color: #444444;
	border: 1px solid #444444;
	color: #FFFFFF;
}

.tooltipsnp
{
	background-color: #E7E7E7;
	border: 1px solid #333;
}

/* -------------------------------------------------------------------------------------- PANRGP*/
#PiePartitions, #PiePartitionsStrict {
	width: 400px;
	height: 200px !important;
}

#PiePartitions {
	position: relative;
    right: 11px;
}
	
.PangenomeInfosArray {
	position: relative;
	bottom: 60px;
}

.PangenomeInfosArray tr td:not(.tdsort) {
	padding-left: 95px;
}

#ClusterInfos {
	width: 285px;
	height: 112px;
	margin-bottom: 40px;
	padding-left:15px;
}

#ClusterInfos .cadre_couleur {
	height: inherit;
}

#ClusterInfos a {
	padding: 5px;
}

#ClusterInfosContent {
	height: 70px;
	margin: 10px 0 7px 0px;
}

#switchOrgWithinMicGCContent {
	float: right;
	position: relative;
	bottom: 42px;
    margin-left: 10px;
}

#switchOrgWithinMicGCContent a {
	padding: 7px;
	background-color: #dce1e4;
}
#multipangenometsvcontentbutton {
    background-color: #dce1e4;
}

#RGPGenesBlock {
    margin-top: 60px;
}

#RGPsInfos {
	margin-top: 35px;
}

#MatchingRGPsBlock {
    margin-top: 40px;
}

#RGPFilterParamArray tbody tr td {
	padding-left: 60px;
}

#displayData {
    position: relative;
    top: 6px;
    left: 10px;
    display: inline-block;
    padding: 5px;
}

#RGPHeader {
	text-align: center;
	position: relative;
	bottom: 20px;
	margin-bottom: 20px;
}

#CGViewPanel {
    position: relative;
    bottom: 153px;
    left: 478px;
}

.ui-sortable{
	list-style: none;
}

.btn-disabled{
	background-color: grey !important;
}
@media all and (max-width: 1267px)
{
	#exploreRGP #partitioning {
	    left:38% !important;
	    float:none !important;
	    bottom: 12px !important;
	}
}

#exploreRGP #partitioning {
    width: 11.5em;
    text-align: left;
    float: left;
    position: relative;
    bottom: 6px;
    left: 125px;
}

#exploreRGP #partitioning table {
	border-spacing: 2px !important;
    border-collapse: inherit;
}

#exploreRGP #filteringParameters {
    width: 42em;
    text-align: left;
    margin: auto;
    margin-left: 150px;
}

#exploreRGP .cadre_couleur {
	height: 126px;
	display:inline-block;
}

/* -------------------------------------------------------------------------------------- RNASEQ*/


.rnaseqblock tbody{
	background-color: #EAF6FF;
	color:#000000;
	border: 1px solid #D0D0D0; 
}

.rnaseqblock thead tr th {
	background-color: #585858;
	color: #FFF;	
}

/* -------------------------------------------------------------------------------------- GUEST BOOK*/

.gbookintertitre
{
	background-color: #f3f3f3;
    border: 1px dotted #DDDDDD;
    color: #474747;
}

.gbook
{
	color: #474747;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- CSS SPECIFIQUES AUX TABLEAUX */

table.tablesort
{     
   border-left: 1px solid #D0D0D0;
}

th.thsortgrey, th.thsort, th.thsortleft, th.thsortcenter
{
	color:#FFFFFF;
	background-color: #444444;
    border: 1px solid #D0D0D0;
} 

td.tdsort
{
    border-right: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;      
}

td.tdnoborderpad6
{
    color: #FFFFFF;
}             


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- CSS SPECIFIQUES AU SYSTEME DE MENU HEADER */



#menuDeroulant a /* Contenu des listes */
{
 background-color: #EAF6FF;
 color: #000000; 
 border:1px solid #D0D0D0; 
 text-decoration: none;
}

.active, #menuDeroulant a:hover, #menuDeroulant a:active, #menuDeroulant a.mainmenuON /* Lorsque la souris passe sur un des liens ou pour mettre en surbrillance l'onglet utilise */	
{
 background-color:#FFFFFF;
 border:1px solid #000000; 
 color:#FF9C00;
}

#menuDeroulant .sousMenu li a
{
 background-color: #EAF6FF;
 color:#000000;	
 text-decoration: none;
}

#menuDeroulant .sousMenu li a:hover, #menuDeroulant .sousMenu li a.mainmenuON
{
 background-color:#FFF;
 border:1px solid #000000;
 color:#FF9C00;
}

i.fa.fa-pencil {
    color: #444444;
}

i.fa.fa-pencil:hover {
    color: #FF9C00;
}

i.fa.fa-trash-o {
    color: #444444;
}

i.fa.fa-trash-o:hover {
    color: #FF9C00;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- CSS SPECIFIQUES AU SYSTEME COOKIE BAR */

#cookie-bar {background:#444444; height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0px; font-size:0.8em; font-weight:bold;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;width:auto;text-align:center;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}