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

Rose moyen : #FFDDEE
Rose fonc : #DD99AA
Bleu clair : #7777EE 
Bleu moyen : #4444CC
Bleu fonc : #222288
Vert clair : #d8f4c3
Vert moyen : #88AA55

Rouge : #ff5555

*/   

body {
	background-color:#eee;
}

.OJCPageTitle, h1.OJC {
	margin-top:15px;
	background-image:url(big_red_arrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:35px;
	height:35px;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 18pt;
	text-align: left;
	vertical-align:middle;
	color: black;
}

.OJCHead, h2.OJC {
	background-image:url(red_arrow.png);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:15px;
	font-family: Tahoma,Arial,Helvetica;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	color: #777777;
}

.content {
	background-image:url(logo_ojc.png);
	background-position:right 10px;
	background-repeat:no-repeat;
}
.pagemaster {
	width: 100%;
	background-color: #eee;
	text-align:center;
}

.shadow_top_left {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(shadow_top_left.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.shadow_top {
	height:10px;
	background-color:#eee;
	background-image:url(shadow_top.png);
	background-position:bottom left;
	background-repeat:repeat-x;
}
.shadow_top_right {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(shadow_top_right.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}


.shadow_left {
	width:10px;
	background-color:#eee;
	background-image:url(shadow_left.png);
	background-position:top right;
	background-repeat:repeat-y;
}

.shadow_right {
	width:10px;
	background-color:#eee;
	background-image:url(shadow_right.png);
	background-position:top left;
	background-repeat:repeat-y;
}

.shadow_left_menu {
	width:10px;
	background-color:#eee;
	background-image:url(shadow_left_menu.png);
	background-position:top right;
	background-repeat:repeat-y;
}

.shadow_right_menu {
	width:10px;
	background-color:#eee;
	background-image:url(shadow_right_menu.png);
	background-position:top left;
	background-repeat:repeat-y;
}

.shadow_bottom_left {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(shadow_bottom_left.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.shadow_bottom {
	height:10px;
	background-color:#eee;
	background-image:url(shadow_bottom.png);
	background-position:top left;
	background-repeat:repeat-x;
}

.shadow_bottom_right {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(shadow_bottom_right.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.skinmaster {
	width:80%;
	height: 100%;
	background-color: white;
	border-right: 0px solid; 
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-bottom: 0px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
	color : silver;
	letter-spacing : 1px;
}
.skinheader td {
	padding:5px 15px 5px 20px;
}
.SkinObject {
	font-size: 9pt;
	font-weight:normal;
	font-family:Verdana;
	font-style:italic;
	font-weight:normal;
	color : gray;
}

A.SkinObject:link {
    text-decoration:    none;
	color : silver;
}

A.SkinObject:visited  {
    text-decoration:    none;
	color : silver;
}
A.SkinObject:hover    {
    text-decoration:    none;
    color:gray;
}


.skingradient {
	background-color: #EEEEEE; 
	height:30px;
}
td.skingradient {
	padding:0 15px 0 0;
}

.footer {
	padding-top:30px;
}

.footer .SkinObject {
	font-size: 8pt;
}

.controlpanel {
	width: 100%;
	background-color: #FFEEEE;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 6px;
}
.leftpane {
	background-color: transparent;
	padding-left: 1px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 4px;
}
.rightpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 86px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
}

.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	background-color: Transparent;
	padding:2px 8px;
	text-align:center;
}

.MainMenu_MenuItem {
	border-left: #EEEEEE 0px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	border-right: #EEEEEE 0px solid;
	cursor: hand; 
	cursor: pointer; 
	color: grey; 
	font-family:Verdana;
	font-size:10pt;
	font-style: normal; 
	font-weight:normal;
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	cursor: hand; 
	cursor: pointer; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #EEEEEE;
	z-index: 1000; 
	cursor: hand; 
	cursor: pointer; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB', Direction=135, Strength=3); 
}

.MainMenu_MenuBreak {
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #F9F9F9; 
	cursor: hand; 
	cursor: pointer; 
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
}
.MainMenu_RootMenuItemActive, .MainMenu_SubMenuItemActive {
	color: #ff2222; 
	cursor: hand; 
	cursor: pointer; 
}
.MainMenu_MenuArrow {
	border-right: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 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: #FFFFFF none; 
    color: #ff5555;
    font-family:verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.NormalTextBox
{
	border:1px solid #bbb;
	padding:2px;
}

.TreeViewMenu {
	width: 175px;
	background-color: #d8f4c3;
	border-right: #d8f4c3 1px solid; 
	border-top: #d8f4c3 1px solid; 
	border-left: #d8f4c3 1px solid; 
	border-bottom: #d8f4c3 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_MidTangerine.jpg);
}
.Head   {
   font-family: Tahoma, Arial, Helvetica;
   font-size: 18px;
   font-weight: bold;
   font-size: 10pt;
   text-align: center;
   color: #777777;
}

.PagePath {
	font-family:Verdana;
	font-size:11pt;
	font-style:italic;
	color:light#ff5555;
}



/* CONTENT */
Table.grid {
	margin:2px;
}

Table.grid TD {
	font-family:Tahoma,Verdana;
	font-size:12px;
	padding:3px 5px;
	border:1px solid #ccc;
}

Table.grid TH {
	background-color:#eee;
	font-weight:normal;
	padding:3px 6px;
	border:1px solid #ccc;
}

Table.grid TH A, Table.grid TH A:link {
	color:gray;
}
Table.grid TH A:hover {
	color:black;
	text-decoration:none;
}



/* GridView : bouton de commande */
Table.grid td.grid_command {
	white-space:nowrap;
	padding:2px;
	margin:0;
}

/* GridView : bouton de commande : mode "link" */
.grid_command a, .grid_command a:link {
	color:Gray;
}
.grid_command a:hover {
	color:red;
	text-decoration:none;
}
/* GridView : bouton de commande : mode "button" */
.grid_command input[type="button"], .grid_command input[type="submit"]{
	border:1px outset #eee;
    background: #ddd none; 
    color: #333;
    font-family:verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
    margin:2px;
}

/* GridView : pagination */
.grid_paging table td {
	background-color:#eee;
	font-weight:bold;
}
.grid_paging table td a, .grid_paging table td a:link {
	background-color:#eee;
	font-weight:normal;
	color:Gray;
}
.grid_paging table td a:hover {
	color:Black;
	text-decoration:none;
}


/* Editing sheet */
Table.edit {
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:2px;
}

Table.edit TD {
	font-family:Tahoma,Verdana;
	font-size:12px;
	padding:3px 5px;
}

Table.edit TH {
	background-color:#eee;
	font-weight:normal;
	padding:4px 6px 0px 6px;
	border:1px solid #ccc;
	color:Gray;
}

Table.edit TH .command, Table.edit TD .command {
	float:right;
}