/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #ffffff;
	padding-left: 17px;
	padding-right: 17px;
}
.skinmaster {
	background-color: #ffffff;	 
	width: 100%;
	height: 100%;
}
/* contient le bandeau logo + identification */
.skinheader {
	width: 100%;
	
}
.skingradient {
	background-color: transparent;
}
.controlpanel {
	width: 100%;
	background-color: #B0E0E6;
}

.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  16px;
    font-weight:    bold;
    color: #333333;
}




/* ***************************** dnnMENU *************************** */

.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer;
	cursor: hand;
	height:27;
	background-color: Transparent;
	line-height : 10px;
	width:108px;
	text-align:center; 
}

.MainMenu_MenuItem {
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 7pt; 
	font-weight: bold;
	font-style: normal;
	background-color: #FF5F01;
}



/* ***************************** dnnIDENTIFICATION *************************** */
.IdentifiantOublie {	  
	font-family: Tahoma, Arial, Helvetica;
	font-size: 7pt;  
	color: #9D3B00;
}
a.IdentifiantOublie:link, a.IdentifiantOublie:visited{	  
	font-family: Tahoma, Arial, Helvetica;
	font-size: 7pt;  
	color: #9D3B00;
	text-decoration: none;
}
a.IdentifiantOublie:hover, a.IdentifiantOublie:active{	  
	font-family: Tahoma, Arial, Helvetica;
	font-size: 7pt;  
	color: #9D3B00;
	text-decoration: underline;
}

/* ***************************** dnnRECHERCHE *************************** */
.Rechercher   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px	;
    color: #FF5F01;
}


/* ***************************** dnnCOPYRIGHT dnnTERMS dnnPRIVACY *************************** */
.copyright {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;  
	color: #9EA0A9;
}

a.copyright:link, a.copyright:visited{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;  
	color: #9EA0A9;
	text-decoration:none;
}
a.copyright:hover, a.copyright:active{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;  
	color: #9EA0A9;
	text-decoration:underline;
}


/* *************RUBRIQUE VERT FONCE ********************** */

.Onglet_vertfonce {
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;	 
	font-weight: bold;
	font-style: normal;
	background-color: #648F3F;
}
.TreeViewMenu_vertfonce {
	width: 217px;
	background-color:#F1DBF4;
	BORDER-RIGHT: #783182 0px solid;
	BORDER-TOP: #783182 0px solid;
	BORDER-LEFT: #783182 0px solid;
	BORDER-BOTTOM: #783182 0px solid;
}
.TreeViewTitre_vertfonce{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;  
	font-style: normal;
	font-weight: bold;
	color: #648F3F;
}
.TreeViewFonce_vertfonce {
	background-color: #648F3F;
}
.TreeViewClair_vertfonce {
	background-color: #E7EFA4;
}
.TitrePage_vertfonce{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #648F3F;
}
.TreeViewMenu_vertfonce .filet{
	background-color:inherit;
	BORDER-TOP: #648F3F 3px solid;
}
/* *************RUBRIQUE BLEUE ********************** */
.Onglet_bleu{
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	background-color: #6692BF;
}



.TreeViewFonce_bleu {
	background-color: #6692BF;
}
.TreeViewClair_bleu {
	background-color: #B9CDE1;
}

.TitrePage_bleu{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #6692BF;	
}
.TreeViewTitre_bleu{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;  
	font-style: normal;
	font-weight: bold;
	color: #6692BF;
}

.TreeViewMenu_bleu .filet{
	background-color:inherit;
	BORDER-TOP: #6692BF 3px solid;
}

/* *************RUBRIQUE BLEUE FONCEE********************** */
.Onglet_bleufonce{
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;
	 
	font-weight: bold;
	font-style: normal;
	background-color: #3C6EA3;
}


.TitrePage_bleufonce{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #3C6EA3;
}
.TreeViewMenu_bleufonce .filet{
	background-color:inherit;
	BORDER-TOP: #3E6EA0 3px solid;
}
/* *************RUBRIQUE MAUVE ********************** */
.Onglet_mauve{
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;
	 
	font-weight: bold;
	font-style: normal;
	background-color: #A34FAF;
}


.TitrePage_mauve{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #A34FAF;
}
.TreeViewFonce_mauve {
	background-color: #A24FAE;
}
.TreeViewClair_mauve {
	background-color: #D0A5D6;
}
.TreeViewMenu_mauve .filet{
	background-color:inherit;
	BORDER-TOP: #A34FAF 3px solid;
}
/* *************RUBRIQUE VERTE CLAIRE ********************** */
.Onglet_vertclair {
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;	 
	font-weight: bold;
	font-style: normal;
	background-color: #ADC400;
}
.TitrePage_vert{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #ADC400;
}

.TreeViewMenu_vertclair .filet{
	background-color:inherit;
	BORDER-TOP: #783182 3px solid;
}
/* *************RUBRIQUE PARME ********************** */
.Onglet_parme {
	cursor: pointer;
	cursor: hand;
	color: White;
	font-family: Tahoma, Arial, Helvetica;
	 
	font-weight: bold;
	font-style: normal;
	background-color: #793183;
}



.TreeViewTitre_parme{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	color: #793183;
}

.TitrePage{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #793183;
}
.TreeViewMenu_parme .filet{
	background-color:inherit;
	BORDER-TOP: #793183 3px solid;
}

/* *************RUBRIQUE ORANGE ********************** */
.TitrePage_orange{
	font-family: Tahoma, Arial, Helvetica;
	font-style: normal;
	font-size:20px;
	font-weight: bold;
	color: #9A9CA0;
}
/* */

.MainMenu_MenuIcon {
	background-color: #FFD085; 
	border-left: #FFD085 1px solid; 
	border-bottom: #FFD085 1px solid; 
	border-top: #FFD085 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #FFD085; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
 
}
.MainMenu_MenuArrow {
	 
}
.MainMenu_RootMenuArrow {
	 
}


	


/* ************* TreeView Menu ********************** 
MENU ATTENDU :
<table class="TreeViewMenu"..>
<tr>
	<td class="Normal" ..>
	<div class="Node" ..>
		<a class="NodeText" > rubrique 1</a> 
	</div>
	
	<div class="Node" ..>rubrique 2</div>
	
	<span class="Child" ..>
		<div class="Node" ..>
			<a class="NodeText" >rubrique 2-1</a> 
		</div>
		<div class="Node" ..>
			<a class="NodeText" > rubrique 2-2 </a> 
		</div>
		
			<span class="Child" ..>
				<div class="Node" ..>
					<a class="NodeText">rubrique 2-2-1</a> 
				</div>
				<div class="Node" ..>
					<a class="NodeSelectedCssClass" >rubrique 2-2-2 SELECTIONNEE</a> 
				</div>
				<div class="Node" ..>
					<a class="NodeText" >rubrique 2-2-3</a> 
				</div>
			</span>
		<div class="Node" ..>
			<a class="NodeText" > rubrique 2-3 </a> 
		</div>	
	</span>
	
	<div class="Node" ..>
		<a class="NodeText" >rubrique 3</a> 
	</div>
	</td>
</tr>
*/



/* general */
.TreeViewMenu {
	width: 217px;
	background-color:#F1DBF4;
	BORDER-RIGHT: #783182 0px solid;
	BORDER-TOP: #783182 0px solid;
	BORDER-LEFT: #783182 0px solid;
	BORDER-BOTTOM: #783182 0px solid;
}

.TreeViewMenu_Header {}

.TreeViewMenu .filet{
	background-color:inherit;
	BORDER-TOP: #783182 3px solid;
}

.TreeViewTitre{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  14px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	width: 100%;
	text-align:center;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px; 
	background:#783182;
	display:block;
	margin-bottom:1px;
	
}

/* chaque lment du menu, parent ou enfant, page ou dossier, est un noeud */
.Node {
/*position:relative;
width:300px;*/
	/*font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;*/
	BORDER-BOTTOM: #E0B9E5 1px solid;
	background-color : #F1DBF4;
	
	
}

/* lment d'un bloc enfant */
.Child .Node {
	background-color : white;
	/*background-image:url(http://www.entreprises-et-cites.com/images/file.jpg);
	background-repeat:no-repeat;
	background-position: 25px;*/
	padding-left:10px;
	
}
/*.Child .Node .Child .Node  NE FONCTIONNE PAS ALORS QUE C'est physiquement!! */
.Child .Child .Node{
/*	background-color :#F1DBF4 ;*/
	background-image:url(http://www.entreprises-et-cites.com/images/tiret.gif);
	background-repeat:no-repeat;
	background-position: 30px;
	padding-left:15px;
	
}
/* TENTATIVE DE SELECTION D'UN PARENT SELON LA PRESENCE D'UN ENFANT*/
/*
.Node a[class="NodeSelectedCssClass"]{
	background-color : blue;
}
*/
.Node A.NodeSelectedCssClass:link, .Node A.NodeSelectedCssClass:visited{

	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	font-weight: bold;
	color: #783182;
	/*width:300px;*/
}



/*
.Child .Node .NodeText{
	background-image:url(http://www.entreprises-et-cites.com/images/file.jpg);
	background-repeat:no-repeat;
	padding-left:18px;	
}
*/

.Node A.NodeText:link, .Node A.NodeText:visited{
/*position:relative;*/
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	font-weight: normal;
	color: Black;
	/*width:300px;*/
}
.Node A.NodeText:hover, .Node A.NodeText:active {
/*position:relative; */
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	font-weight: normal;
	color: #783182;
	text-decoration:none;
 /*BORDER-BOTTOM: black 1px solid;*/
}
.Node A:link, .Node A:visited{
/*position:relative;*/
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	font-weight: bold;
	color: #783182;
	/*width:300px;*/
}
/** QUAND NOEUD ENFANT SELECTIONNE ET PASSAGE DESSUS*/
.Node A:hover, .Node A:active {
/*position:relative; */
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	font-weight: bold;
	color: #783182;
	text-decoration:none;
	
 /*BORDER-BOTTOM: black 1px solid;*/
}

/* Style du texte pour chaque lment*/
.NodeText {
/*position:relative;*/

	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	font-weight: normal;
	color: Black;
/*	background-color : #bebebe;*/
}

/* lien sur un lment enfant */
.Child .Node A.NodeText:link,
.Child .Node A.NodeText:visited {


	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	color: black;
	/*text-decoration:none;
	background-color : white;*/
}

.Child .Node A.NodeText:hover,
.Child .Node A.NodeText:active
  {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px	;
	color: #783182;
	text-decoration:none;
	/*background-color : white;*/
}

/*
.Child .NodeSelectedCssClass {
	background-image:url(http://www.entreprises-et-cites.com/images/file.gif);
	background-repeat:no-repeat;
	padding-left:18px;	
}*/


.NodeSelectedCssClass{
/* width:300px;*/
	font-family: Tahoma;
		font-size: 12px;
	font-weight: bold;
	color: #783182;
	background-color : #red;

}


.NodeSelectedCssClass a.Node:link,
.NodeSelectedCssClass a.Node:hover,
.NodeSelectedCssClass a.Node:active,
.NodeSelectedCssClass a.Node:visited  {
 font-family: Tahoma;
		font-size: 12px	;
	font-weight: normal;
	color: White;
	/*background-color : #009933;*/
	background-color : red;
}