/* ================================
    CSS STYLES FOR illuminated_metals Skin
	 /* Modified & Updated by Nina Meiers  - November 2006
   ================================
*/   

/* GENERIQUES */
*{margin:0;padding:0;}
p img{margin:0;padding:0;}

/*div{#height:1%;}*/
ul li{
	margin:0 10px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	SCROLLBAR-FACE-COLOR: #F7F7F6;
	SCROLLBAR-HIGHLIGHT-COLOR: #B3B3B3;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #F7F7F6;
	SCROLLBAR-ARROW-COLOR: black;
	SCROLLBAR-TRACK-COLOR: #B3B3B3;
	SCROLLBAR-DARKSHADOW-COLOR: #B3B3B3;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	margin:10px;
}
a{
	padding-left:0;
	background:none;
	color:#016A4C;
	text-decoration:underline;
}


div.clear{
	clear:both;
	height:0px;line-height:0px;
	margin:0;padding:0;
}

div.containerPortal,
div.containerPortal50,
div.containerPortal70{
	width:862px;
	margin:0 auto;padding:0;
}
div.containerPortal div.navTop,
div.containerPortal50 div.navTop,
div.containerPortal70 div.navTop{
	width:862px;height:22px;
	margin:0;padding:0;
	background: url(media/menubar_bg.jpg) top left no-repeat;
}
div.containerPortal div.navTopLeft,
div.containerPortal50 div.navTopLeft,
div.containerPortal70 div.navTopLeft{
	float:left;
	width:580px;
	padding-left:10px;
}
div.containerPortal div.navTopRight{
	float:right;
	width:250px;
	padding-right:10px;
	text-align:right;
	line-height:20px;
}
div.containerPortal .headerBottomImg,
div.containerPortal50 .headerBottomImg,
div.containerPortal70 .headerBottomImg{
	width:862px;height:25px;
	margin:0;padding:0;
}

div.containerPortal div.contentBox,
div.containerPortal50 div.contentBox,
div.containerPortal70 div.contentBox{
	width:862px;
	clear:both;
	/*background:url(media/adeo_tree.jpg) center top repeat-y;*/
}


/* ContentMiddlePane*/

div#dnn_ContentMiddlePane {
	width: 575px;
	margin-left: 282px;
}

/* PAGE SITUATIONS*/

/* ContentMiddlePane_situation*/

div#dnn_Topsituation {
	width: 605px;
	margin-left: 252px;
}

div#dnn_MenuSituation {
	width:240px;
	display:inline; /* important pour IE6 : ?vite le doublement de la marge */
	margin:0;padding:0;
	float:left;
	top:0;
}

.situationBottom{
	float:right;
	margin:0;padding:0;
	width:593px;
	width:605px;
	_width:605px;
/*	background:pink;
	border:1px dashed red;*/
}

div#dnn_Leftsituation {
	width: 290px;
	float:left;
	padding:20px 0 0 0;
	margin-left:2px;
	_margin-left:2px;
}

div#dnn_Rightsituation {
	width: 290px;
	margin-left:307px;
	_margin-left:295px;
	padding:20px 0 0 0;
}

/*TOP PANE & MIDDLE PANE >> 2 panes*/

div.contentBox div.topPane, div.contentBox div.middlePane{
	border:1px dashed transparent;
	_border:0px dashed white;
	margin:0;padding:0;
}
div.contentBox div.topPane div#dnn_LeftTopPane, div.contentBox div.middlePane div#dnn_LeftMiddlePane{
	width:270px;
	margin:0;
	padding:0;
	float:left;
	top:0;
}

div.contentBox div.topPane div#dnn_LeftTopPane, div.contentBox div.middlePane div#dnn_LeftMiddlePane{
	display:inline;
}

div.contentBox div.topPane div#dnn_RightTopPane{float:right;width:568px;}
div.contentBox div.middlePane div#dnn_ContentMiddlePane{float:right;width:568px;}
/*div.contentBox div.topPane div#dnn_RightTopPane, *//*div.contentBox div.middlePane div#dnn_ContentMiddlePane, div.contentBox div.middlePane div#dnn_RightMiddlePane{
	margin:0 5px 0 280px;padding:0;
	width:560px;
	top:0;
	border:1px dashed red;
}*/
/*FRANCE PANE & WORLD PANE >> 3 panes*/
div.contentBox div.bottomPane, 
div.contentBox div.bottomPaneFrance, 
div.contentBox div.bottomPaneInternational,
div.contentBox div.bottomPaneJeuneManager{
	margin:0;padding:0;
	border:1px dashed transparent;
	_border:0px dashed white;
/*	#height:1%;
	background:red;
	border:1px dashed green;*/
}

div.contentBox div.bottomPane, div.contentBox div.bottomPane div{
	margin:0;padding:0;
	/*white-space:nowrap;*/
	display:block;
	height:auto;
}


div.contentBox div.bottomPane div.leftPane, 
div.contentBox div.bottomPaneFrance div#dnn_LeftPaneFrance, 
div.contentBox div.bottomPaneInternational div#dnn_LeftPaneInternational,
div.contentBox div.bottomPaneJeuneManager div#dnn_LeftPaneJeuneManager{
	width:270px;
	display:inline; /* important pour IE6 : ?vite le doublement de la marge */
	margin:0;padding:0;
	float:left;
	top:0;
}
div.contentBox div.bottomPane div.middlePane, 
div.contentBox div.bottomPaneFrance div#dnn_ContentPaneFrance, 
div.contentBox div.bottomPaneInternational div#dnn_ContentPaneInternational,
div.contentBox div.bottomPaneJeuneManager div#dnn_ContentPaneJeuneManager{
	width:270px;height:auto;
	margin:0 0 0 24px;padding:0;
	float:left;
	top:0;
}
div.contentBox div.bottomPane /*div#dnn_RightPane*/ div.rightPane, 
div.contentBox div.bottomPaneFrance div#dnn_RightPaneFrance, 
div.contentBox div.bottomPaneInternational div#dnn_RightPaneInternational,
div.contentBox div.bottomPaneJeuneManager div#dnn_RightPaneJeuneManager{
	width:270px;
	float:left;
	margin:0 0 0 24px;padding:0;
	top:0;
	/*margin:0 0 0 595px;padding:0;*/
}

/*div.contentBox div.bottomPaneInternational{background:red;}
div#dnn_LeftPaneInternational{background:yellow;}*/

/*FOOTER*/
div.footerBox{
	margin:10px 0;padding:0;
	clear:both;
}


/* PORTAL50-50 */
.containerPortal50 #dnn_LeftPane{
	width:420px;
	float:left;

}

.containerPortal50 #dnn_rightPane{
	width:420px;
	float:right;
}

.containerPortal50 .clear{
	clear:both;
}


/* PORTAL70-30 */
.containerPortal70 #dnn_LeftPane{
	width:480px;
	float:left;

}

.containerPortal70 #dnn_rightPane{
	width:360px;
	float:right;
}

.containerPortal70 .clear{
	clear:both;
	height:0px;
}











/* CONTAINER */ 

/* parcours Communs */
.commonPaths{
	width:260px;
	margin:0;padding:0 5px;
}
.commonPaths h2{
	background:#FF651D;
	color:white;
	font-weight:bold;
	text-align:left;
	width:250px;
	_width: 260px;
	margin:0;
	padding:2px 5px;
}
.commonPaths ul{
	text-align:left;
	list-style-position:inside;
	padding:4px 0 0 8px;
	list-style-image: url(media/puce.gif);
	_list-style-image: url(media/puce_ie.gif);
}
.commonPaths ul li{
}


div.DNNEmptyPane{display:none;}



/* CONTAINER ADEO COLORS */
div.blueBox, div.greenBox, div.orangeBox{
	width:260px;height:90px;
	text-align:center;
	margin:0 0 4px 0;padding:0;
}
div.blueBox{
	margin-top:8px;
}
div.blueBox div.colorBoxText, 
div.greenBox div.colorBoxText, 
div.orangeBox div.colorBoxText{
	float:left;
	margin:0 2px 0 0;padding:0;
}
div.colorBoxText h3{
	font-size:14px;
	font-weight:bold;
	margin-top:30px;
	color:#FFF;
}
div.colorBoxText{
	width:168px;
	_width:160px;/*lu uniquement par IE6*/
	height:90px;
}
div.blueBox div.colorBoxText{background:url(media/blueBoxBackground.jpg) top left no-repeat;}
div.greenBox div.colorBoxText{background:url(media/greenBoxBackground.jpg) top left no-repeat;}
div.orangeBox div.colorBoxText{background:url(media/orangeBoxBackground.jpg) top left no-repeat;}


/*____________________________________________breadcrumb & current date_________*/
/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
    color: #000000;	
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color: #000000;
}
A.SelectedTab:visited  {
    text-decoration:    none;
    color: #000000;
}
A.SelectedTab:active   {
    text-decoration:    none;
    color: #FFFFFF;
}
A.SelectedTab:hover    {
    text-decoration:    none;
    color: #FFFFFF;
}
/*_____________________________________________________*/

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
	color: #000000;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
    color: #FFFFFF;
}
A.OtherTabs:visited  {
    text-decoration: none;
    color: #000000;
}
A.OtherTabs:active {
    text-decoration: none;
    color: #FF0000;
}
A.OtherTabs:hover {
    text-decoration: none;
    color: #FF0000;
}
/*_____________________________________________________*/

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  x-small;
    font-weight: bold;
    color: #444444;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight:    bold;
    color: #000000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

/* text style used for most text rendered by modules */
.Normal {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	color: #000000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	color: #000000;
}

.NormalRed {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

.NormalBold {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: xx-small;
    font-weight: bold;
}
/*_____________________________________________________*/

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration: underline;
    color: #000000;
}
A.CommandButton:visited {
    text-decoration: underline;
    color: #000000;
}
A.CommandButton:active {
    text-decoration: underline;
    color: #FF0000;
}
A.CommandButton:hover {
    text-decoration: underline;
    color: #FF0000;
}
/*_____________________________________________________*/

/* GENERIC */
H1 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 18px;
    color: #000000;
}
H2 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 16px;
    color: #000000;
}
H3 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 14px;
    color: #000000;
}
H4 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #000000;
}
H5 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    color: #000000;
}

H6 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10px;
    color: #000000;
}
TFOOT, THEAD {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    color: #000000;
}
TH  {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #000000;
}
/*_____________________________________________________*/
/* Common links */
A:link {
    text-decoration: underline;
    color:  #000000;
}
A:visited {
    text-decoration: underline;
    color: #000000;
}
A:active {
    text-decoration: underline;
    color: #616161;
}
A:hover {
    text-decoration: none;
    color: #616161;
}
/*_____________________________________________________*/

SMALL {
    font-size:  8px;
}
BIG {
    font-size: 14px;
}
BLOCKQUOTE, PRE {
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
/*_____________________________________________________*/

UL LI {
    list-style-type: square ;
}
UL LI LI {
    list-style-type: disc;
}
UL LI LI LI {
    list-style-type: circle;
}
OL LI {
    list-style-type: decimal;
}
OL OL LI    {
    list-style-type: lower-alpha;
}
OL OL OL LI {
    list-style-type: lower-roman;
}
/*_____________________________________________________*/

HR {
    color: dimgrey;
    height: 1px;
}
/*_____________________________________________________*/
/*_____________________________________________________*/
/* Menu-Styles */
/* Module Title Menu */

.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	background-color: Transparent;
}
.ModuleTitle_MenuItem {
	cursor: hand; 
	color: black; 
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #FFFFFF 0px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	border-right: #FFFFFF 0px solid;
	background-color: Transparent;
}
.ModuleTitle_MenuIcon {
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}
.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}
.ModuleTitle_MenuItemSel {
	cursor: hand; 
	color: black; 
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}
.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
/*_____________________________________________________*/
/*___________________________________________________________________________________________*/
/* Main Menu */

/* connexion/d?connexion */

a#dnn_dnnLOGIN_cmdLogin{
	color:white;
	text-decoration:none;
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold;
}

a#dnn_dnnLOGIN_cmdLogin:hover{
	color:white;
	text-decoration:underline;
}

.MainMenu_MenuContainer {
	border: 0px;
	background-color: transparent;
}
.MainMenu_MenuBar {
}
.MainMenu_MenuItem {
	cursor: hand; 
	color: /*#444444*/white; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	border: 0px;
	padding: 1px;
	background-color: transparent;
	height: 22px;
}
.MainMenu_SubMenu{
	background:#3e9d85;
}
.MainMenu_MenuIcon {
	cursor: hand; 
	background-color: #C4C3C8; 
	border: 1px #C4C3C8 solid;
	padding: 1px;
	width: 22px;
}
.MainMenu_MenuItemSel {
	background-color: #898A8F; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	border: 0px; 
	padding: 1px;
	height: 22px;
}
.rootmenuitem {
	cursor: hand; 
	color: #444444; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	border: 0px;
	background-color: transparent;
	/*background-image:url(media/menubar_bg.jpg);*/
	padding: 5px;
	height: 22px;
}
.rootmenuitemselected {
	background-color: transparent;
	/*background-image:url(media/menubar_bg.jpg);*/
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	border: 0px; 
	padding: 5px;
	height: 22px;	
}
.rootmenuitembreadcrumb{
	cursor: hand; 
	background-color: transparent;
	/*background-image:url(media/menubar_bg.jpg);*/
	color: #FFFFFF; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	border: 0px;
	padding: 5px;	
}
.submenuitembreadcrumb{
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	border: 0px;
	background-color: transparent;
	padding: 2px;
}
.submenu {
	z-index: 1000; 
	background-color: #C4C3C8; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=180, Strength=1); */
	border: 2px #898A8F solid; 
	border-top: 1px #77787D solid;
	padding: 1px;
}
.MainMenu_MenuBreak {
	border: 0px; 
	background-color: #898A8F; 
	height: 1px;
}
.MainMenu_MenuArrow {
	border: 0px; 
	border-right: 1px #C4C3C8 solid;
}
.MainMenu_RootMenuArrow {
	border: 0px; 
}
/*_____________________________________________________*/
/*___________________________________________________________________________________________*/
/*Castom classes*/

.bg_main{
	background-image:url(media/bg_main.jpg);
	background-repeat: no-repeat;
}
a.links_bottom:visited{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  10px;
    color: #333333;
	text-decoration:none;	
}
a.links_bottom:active{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  10px;
    color: #333333;
	text-decoration:none;	
}
a.links_bottom:hover{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  10px;
    color: #FFCC02;
	text-decoration:none;	
}
a.links_bottom:link{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  10px;
    color: #333333;
	text-decoration:none;
}
a.links_top:visited{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    color: #333333;
	text-decoration:none;	
}
a.links_top:active{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    color: #333333;
	text-decoration:none;	
}
a.links_top:hover{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    color: #FFCC02;
	text-decoration:none;	
}
a.links_top:link{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    color: #333333;
	text-decoration:none;
}
.Copyright {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  9px;
    color: #333333;
}
a.DNNCopyright:visited {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  9px;
    color: #333333;
	text-decoration:none;	
}
a.DNNCopyright:active {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  9px;
    color: #333333;
	text-decoration:none;	
}
a.DNNCopyright:hover {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  9px;
    color: #FFCC02;
	text-decoration:none;	
}
a.DNNCopyright:link {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  9px;
    color: #333333;
	text-decoration:none;
}