/* 
================================
Upgraded and Modified by Nina Meiers - for the DNN Community
xd.com.au/ dnnskins.com/ skincovered.com
Have you seen our goodiebags? http://www.skincovered.com/ - learn how to skin your Website!
All rights remain with original designer - Original Files included in download - http://www.dnnskins.com
================================
*/ 
/**
	SKIN pour Capio
	couleur capio : #1978cd  (safe web color: #0066cc)
	plus clair :	#8cbce6  (safe web color: #99ccff)
	tr�s clair :    #E7F0F9  (safe web color: #ccffff)
	plus fonc� :	#0c3c66  (safe web color: #003366)
	
	souvent utilis�e 
		(titres etc) : #668ec8 (safe web: #6699cc = un peu moins clair que la version "plus claire")
		fonc�e (menu etc) #5069BC
*/
.BgCapio {
	background-color: #1978cd;
}
.BgCapio_clair {
	background-color: #8cbce6;
}
.BgCapio_fonce {
	background-color: #0c3c66;
}


.pagemaster { width: 100%; height: 100%;	 background-color: #FEFEFE; } 
.skinmaster { height: 100%; background-color: #FFFFFF; BORDER-RIGHT: #1E5589 1px solid; BORDER-TOP: #1E5589 1px solid; BORDER-LEFT: #1E5589 1px solid; BORDER-BOTTOM: #1E5589 1px solid; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px; } 
.skinheader { } 

.skingradient { /*BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:22px;*/ } 
.controlpanel { width: 100%; background-color: #E2E6F4; } 
.toppane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 
.leftpane { background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 

.contentpane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 
.rightpane { background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 
.bottompane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 


.MainMenu_MenuContainer { background-color: transparent; } 
.MainMenu_MenuBar { cursor: pointer; cursor: hand; height:16px; background-color: Transparent; } 
.MainMenu_MenuItem { border-left: #1978cd 0px solid; border-bottom: #1978cd 0px solid; border-top: #1978cd 0px solid; border-right: #1978cd 0px solid; cursor: pointer; cursor: hand; color: white; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; font-style: normal; background-color: Transparent; } 
.MainMenu_MenuIcon { background-color: #1978cd; border-left: #1978cd 1px solid; border-bottom: #1978cd 1px solid; border-top: #1978cd 1px solid; cursor: pointer; cursor: hand; text-align: center; width: 15px; height: 21px; } 
.MainMenu_SubMenu { background-color: #1978cd; z-index: 1000; cursor: pointer; cursor: hand; filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); } 

.MainMenu_MenuBreak { height: 1px; } 
.MainMenu_MenuItemSel { background-color: #FF9024; cursor: pointer; cursor: hand; color: #194874; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; font-style: normal; } 
.MainMenu_MenuArrow { border-right: #1978cd 1px solid; border-bottom: #1978cd 1px solid; border-top: #1978cd 0px solid; font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; } 
.MainMenu_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; } 
.StandardButton { background: #1E5589 none; color: #FFFFFF; font-family:Verdana, sans-serif; font-size: 11px; font-weight: normal; } 
.TreeViewMenu { width: 175px; background-color: #F5F5F5; BORDER-RIGHT: #1E5589 1px solid; BORDER-TOP: #1E5589 1px solid; BORDER-LEFT: #1E5589 1px solid; BORDER-BOTTOM: #1E5589 1px solid; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px } 
.TreeViewMenu_Header { BACKGROUND-IMAGE: url(gradient_LtBlue.jpg); } 
.Head { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #333333; } 

/* Custom Tags */

/* May not be required*/
.FlashMaster { /*background-image: url(MediaBlue.jpg);*/ width: 520px; background-repeat: no-repeat: } 

/* Main Header for Flash Table - should render when no flash is present*/
.MediaFlashBackground { background-image: url(MediaFlashBackground.jpg); width: 770px; height: 85px; background-repeat: no-repeat; } 

/* Main Header for Flash Table - should render when no flash is present*/
.MediaFlashBackgroundFull { background-image: url(MediaFlashBackground.jpg); height: 85px; background-repeat: no-repeat; } 

/* Flash Header repeat for 100% width settings */
.FlashRepeat { background-image: url(MediaHeaderRepeat.gif); height: 85px; background-repeat: repeat-x; } 

/* Flash Header repeat for 100% width settings */
.FlashFullRepeat { background-image: url(MenuFullRepeat.gif); height: 85px; background-repeat: repeat-x; } 
/* Menu & Logo Pane Holder */
.BlankMenu { background-image: url(BlankMenu.gif); height: 85px; background-repeat: no-repeat; background-color: transparent; } 

/* Menu & Logo Pane Holder */
.BlankMenuFull { background-image: url(BlankMenuFull.gif); height: 60px; background-repeat: repeat-x; background-color: #FFFFFF; } 

/* Small rounded end on menu */
.MenuRight { background-image: url(MenuRight.gif); width: 20px; height: 22px; background-repeat: no-repeat; } 

/* Repeat Background colour on menu so it expands with tabs */
.MenuBG { background-image: url(MenuBG.gif); height: 22px; background-repeat: repeat-x; } 

/* Menu table repeat for 100% width settings */
.MenuRepeat { background-image: url(MenuRepeat.gif); width: 100%; height: 85px; background-repeat: repeat-x; } 

/* Curved section on footer that cannot be repeated */
.FooterFixed { background-image: url(FooterBlueFixed.gif); height: 80px; width: 410px; background-repeat: no-repeat; } 

/* Background repeat on Footer for 100% width settings */
.FooterRepeat { background-image: url(FooterRepeat.gif); height: 80px; background-repeat: repeat-x; } 

.minibannerpane { padding: 0px; } 

/* Classes Replacing the Media for the Privacy, Copyright, Terms, Date Links */
.MediaTabs { font-weight: bold; font-size: 8.5pt; color: white; font-family: Tahoma, Arial, Helvetica; text-decoration: none; } 
A.MediaTabs:link { text-decoration: none; color:#0c3c66; } 
A.MediaTabs:visited { text-decoration: none; color:#0c3c66; } 
A.MediaTabs:active { text-decoration: none; color:#eeeeee; } 
A.MediaTabs:hover { text-decoration: none; color:#FF9024; } 

/* paragraphe ouvert/fermes */
h5 {
   margin: 12px 0px 2px 0px; 
   padding-left: 15px; 
   font-family: arial;
   font-size: 12px; 
   font-weight: bold; 
   color: #668ec8; 
}
h5 A:link, h5 a:hover, h5 A:visited{
   font-size: 12px; 
   font-weight: bold; 
   color: #668ec8;
   text-decoration: none;
}
h5 a:hover {
   text-decoration: underline;
}
h5.ouvert {
   background: url(/cms/Portals/0/Capio/puces/ArrowDown2.gif) no-repeat left 0.3em; 
}
h5.ferme {
   background: url(/cms/Portals/0/Capio/puces/ArrowRight.gif) no-repeat left 0.25em; 
}

a.cache_suivant, a.enroule_suivant {
   padding-right: 15px; 
   background: url(/cms/Portals/0/Capio/puces/ArrowDown2.gif) no-repeat right 0.3em; 
}
a.montre_suivant, a.deroule_suivant {
   padding-right: 15px; 
   background: url(/cms/Portals/0/Capio/puces/ArrowRight.gif) no-repeat right 0.25em; 
}
H2 a.cache_suivant, h2 a.enroule_suivant {
   padding-left: 15px; 
   background: url(/cms/Portals/0/Capio/puces/ArrowDown2.gif) no-repeat left 0.3em; 
}
H2 a.montre_suivant, h2 a.deroule_suivant {
   padding-left: 15px; 
   background: url(/cms/Portals/0/Capio/puces/ArrowRight.gif) no-repeat left 0.25em; 
}


/**
 * Module "TreeMenu", � gauche sur .fr et bayonne, et sur l'annuaire tonkin
 */
.TreeMenu {
    margin: 8px;
	width: 150px;
    border-top:1px solid rgb(231, 240, 249);
    padding:0px;
    text-align: left;
}
ul.n2 {
	width: 132px;
}

.TreeMenu li
{
   list-style-type: none;

   border-top:0px;
   border-left:0px;
   border-right:0px;
   border-bottom:1px solid rgb(231, 240, 249);
   padding: 2px;
   background-color: white;

   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   color: black;
   white-space: nowrap;
}

.TreeMenu li.selected
{
   border-top:1px solid white;
   background-color: rgb(231, 240, 249);
}

.TreeMenu A, .TreeMenu A:visited {
   color: black;
   text-decoration: none;
}

.TreeMenu a:hover {
   text-decoration: underline;
}

#menu_AZ {
	height: 8em;
}
#menu_AZ li {
	float: left;
	width: 1.8em;
	border-top: 1px solid white;
	text-align: center;
}