/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}
/* STYLES DE LA CONSOLE D'ADMINISTRATION */
.ControlPanel {
    background: #06143A;
    BORDER-RIGHT: #666666 1px solid; 
    BORDER-TOP: #ffffff 0px solid; 
    BORDER-LEFT: #ffffff 0px solid; 
    BORDER-BOTTOM: #ffffff px solid;
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
 color: #DDDDDD;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
 color: #DDDDDD;
}

A.OtherTabs:visited  {
 color: #DDDDDD;
}

A.OtherTabs:active   {
 color: #DDDDDD;
}

A.OtherTabs:hover    {
 color: #DDDDDD;
}

/* GENERAL */
/* style for module titles */
.Head   {
  color: #DDDDDD;
  font-family: arial;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
}

.txtcopyright {
 margin-right: 5px;
 font-style: italic;
 font-size: 9px;
 color: #999999;
 font-weight: normal;
 font-family: arial;
}

/* style of item titles on edit and admin pages */
.SubHead    {
 color: #cccccc;
 font-family: arial;
 font-size: 11px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* Style pour le texte utilise dans le contenu des modules*/
.Normal {
  color: white;
  font-family: Arial;
  font-size: 11px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{
 color: #ffffff;
 font-family: arial;
 font-size: 10px;
 background: #091E59;
 border: solid 1px #666;
}

.NormalRed
{
}

.NormalBold  {
  color: white;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}

/* LIENS PAR DEFAUT DU PORTAIL */
.CommandButton, .CommandButton A     {
  color: #ffc000;
}
    
A.CommandButton:link, .CommandButton A:link {
  color: #ffc000;
  text-decoration: none;
}

A.CommandButton:visited, CommandButton A:visited  {
  color: #ffc000;
}

A.CommandButton:active, .CommandButton A:active    {
  color: #ffc000;
}

A.CommandButton:hover, .CommandButton A:hover   {
  color: #ffc000;
  text-decoration: underline;
}
    
/* button style for standard HTML buttons */
.StandardButton     {
  color: red;
}
    
/* button style for standard HTML buttons */
.StandardButton     {
  color: red;
}

/* GENERIC */
.SignatureCite  {
  color: #BD5757;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
}

.Signaturemusees  {
  color: #CB4000;
  font-family: Arial;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
}

TD {
  color: white;
  font-weight: normal;
  font-family: Arial;
  font-size: 11px;
}

TH {
  color: black;
  font-family: Arial;
  font-size: 11px;
}

A:link  {
    text-decoration:    none;
    color:  white;
}

A:visited   {
    text-decoration:    none;
    color:  white;
}

A:active    {
    text-decoration:    none;
    color:  white;
}

A:hover {
    text-decoration:    none;
    color:  white;
}

/* PAGE GESTIONNAIRE DE FICHIERS */
.FileManagerTreeNode {
   color: black;
}

.FileManagerTreeNodeSelected {
   font-weight: bold;
   background: white;
}

.FileManager_Item {
   background: #555;
}

.FileManager_AltItem {
   color: black;
   background: #666;
}

.FileManager_SelItem {
   font-weight: bold;
   background: black;
}

FileManager_FileList {
   font-weight: normal;
   background: black;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* ================================
    NAVIGATION PRINCIPALE
   ================================
*/  
/* Barre des menus */
.MainMenu_MenuContainer {
  background: transparent;
  font-size: 8pt;
}


.MainMenu_MenuBar {
  background: transparent;
  font-size: 8pt;
}

/* Sous-rubrique déroulante */
.MainMenu_MenuItem {
  color: #cccccc;
  background: #666666;
  font-family: arial;
  font-size: 8pt;
  font-weight: normal;
  border: 0px solid #ffc000;
}

.MainMenu_MenuIcon {
  background: transparent;
  height: 0px;
  width: 0px;
  border: 0px;
}

.MainMenu_SubMenu {
  opacity : 0.9;
  color: #ffffff;
  font-size: 8pt;
}

.MainMenu_MenuBreak {
  background: #ffffff;
  color: white;
  font-size: 8pt;
  border: 0px;
}

.MainMenu_MenuItemSel {
  background: #06143A;
  color: white;
  font-weight: normal;
  font-size: 8pt;
  border: 0px solid #ffc000;
}

.MainMenu_MenuArrow {
  background: #06143A;
  color: red;
  font-size: 8pt;
  border: 0px;
  width: 0px;
}

/* Fleches de navigation */
.MainMenu_RootMenuArrow {
  background: transparent;
}
/* ================================
    Styles des Menus de navigation
   ================================
*/   

/* Liens rubrique La Cite */
.lacite     {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}
    
A.lacite:link {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.lacite:visited  {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.lacite:active   {
  color: #BD5757;
  font-family: Arial;
  font-size: 10px;
}

A.lacite:hover    {
  color: #BD5757;
  font-family: Arial;
  font-size: 10px;
}


/* LIENS RUBRIQUE LES MUSEES */
/* Navigation MenuLink */
.lesmusees     {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}
    
A.lesmusees:link {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.lesmusees:visited  {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.lesmusees:active   {
  color: #CB4000;
  font-family: Arial;
  font-size: 10px;
}

A.lesmusees:hover    {
  color: #CB4000;
  font-family: Arial;
  font-size: 10px;
}

/* Navigation Multipage */
.museeson     {
  color: #CB4000;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

.museesoff {
  color: #cccccc;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

.citeeon     {
  color: #BD5757;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

.citeesoff {
  color: #cccccc;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

.tourismeon     {
  color: #FFC000;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

.tourismesoff {
  color: #cccccc;
  font-family: Arial;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

/* Liens rubrique Le Mans Congres */
.congres     {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}
    
A.congres:link {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.congres:visited  {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.congres:active   {
  color: #E58000;
  font-family: Arial;
  font-size: 10px;
}

A.congres:hover    {
  color: #E58000;
  font-family: Arial;
  font-size: 10px;
}

/* Liens rubrique Office de Tourisme */
.tourisme     {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}
    
A.tourisme:link {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.tourisme:visited  {
  color: #FFFFFF;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.tourisme:active   {
  color: #FFC000;
  font-family: Arial;
  font-size: 10px;
}

A.tourisme:hover    {
  color: #FFC000;
  font-family: Arial;
  font-size: 10px;
}

.officesignature   {
  color: #FFC000;
  font-family: Arial;
  font-size: 10px;
  font-weight: italic;
}

.congressignature   {
  color: #E58000;
  font-family: Arial;
  font-size: 10px;
  font-weight: italic;
}

/* Liens Login */
.login    {
  color: black;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}
    
A.login:link {
  color: black;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.login:visited  {
  color: black;
  font-family: Arial;
  text-decoration: none;
  font-size: 10px;
}

A.login:active   {
  color: red;
  font-family: Arial;
  font-size: 10px;
}

A.login:hover    {
  color: red;
  font-family: Arial;
  font-size: 10px;
}


/* ================================
    Styles des containers specifiques
   ================================
*/   


/* Container News_gris  */
.OTLMContNews {
  color: white;
  font-family: Arial;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  textdecoration: none;
}

/* Titres des containers  */
.titrecontainer {
  color: white;
  font-family: Arial;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  textdecoration: none;
}

/* CSS Skins  */

td.gauche {
background-image: 
url('/dnn/Portals/4/Skins/skin_OTLM_Acc_noir/gauche.jpg');
background-repeat: 
no-repeat;
background-attachment: 
fixed;
background-position:
right
}

td.droite {
background-image: 
url('/dnn/Portals/4/Skins/skin_OTLM_Acc_noir/droite.jpg');
background-repeat: 
no-repeat;
background-attachment: 
fixed;
background-position:
left
}


/* Texte pour le jour de la météo */
.dayNumber{
  color: #CCCCCC;
  font-family: Arial;
  font-size: 25px;
  font-weight: bold;
  textdecoration: none;

}

.MeteoTemp{
  color: #CCCCCC;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  textdecoration: none;
}

.ClassCalendar{
  border: 1px solid #CCCCCC;
}

/* ================================
    STYLE DES TABLEAUX "USER DEFINED EXTEND TABLE"
   ================================
*/

.UDETItemStyle {
  font-size:11px;
  font-family: Arial;
  color: white;
  text-transform: capitalize;
}

.UDETAltternatingItemStyle {
  font-size:11px;
  font-family: Arial;
  text-transform: capitalize;
  Forecolor: white;
  background-color:#626262;
}

.UDETHeaderStyle {
  background: #FFC000;
  Forecolor: black;
  font-size:11px;
  font-family: Arial;
  font-weight:bold;
}

A.UDETHeaderStyle:link {
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

A.UDETHeaderStyle:visited  {
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

A.UDETHeaderStyle:active   {
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

A.UDETHeaderStyle:hover    {
 font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

/* ================================
    STYLE DES MODULES ONGLETS
   ================================
*/

/* LEFT */
.Left_TabStrip
{
width:150;
background-color:#626262;
}

.Left_TabUnselected
{
	cursor: pointer;
	background: #626262 url('/dnn/Portals/4/office/puce-Office-multipage.gif') no-repeat fixed center left;
	color: white;
	margin-bottom: 2px;
	text-align: left;
	text-indent: 10px;
	padding: 1px 3px 1px 3px;
}

.Left_TabSelected
{
	cursor: pointer;
	background: #626262 url('/dnn/Portals/4/office/puce-Office-multipage.gif') no-repeat fixed center left;
	color:#FFC000;
	margin-bottom: 2px;
	text-align: left;
	text-indent: 10px;
	padding: 1px 3px 1px 3px;
}

.Left_TabMouseOver
{
	background: #626262 url('/dnn/Portals/4/office/puce-Office-multipage.gif') no-repeat fixed center left;
	color: #A55129;
	margin-bottom: 2px;
	text-align: left;
	text-indent: 10px;
	padding: 1px 3px 1px 3px;
}

.Left_TabPage
{
	background-color: #06143A;
	width: 350px;
	padding-left: 10px;
}

/* LEFT-CONGRES */
.C_Left_TabStrip
{
width:150;
background-color:#626262;
}

.C_Left_TabUnselected
{
	cursor: pointer;
	background: #626262 url('/dnn/Portals/4/charte/puce-Congres-multipage.gif') no-repeat fixed center left;
	color: white;
	margin-bottom: 2px;
	text-align: left;
	text-indent: 10px;
	padding: 1px 3px 1px 3px;
}

.C_Left_TabSelected
{
	cursor: pointer;
	background: #626262 url('/dnn/Portals/4/charte/puce-Congres-multipage.gif') no-repeat fixed center left;
	color:#e58000;
	margin-bottom: 2px;
	text-align: left;
	text-indent: 10px;
	padding: 1px 3px 1px 3px;
}

.C_Left_TabMouseOver
{
	background: #626262 url('/dnn/Portals/4/charte/puce-Congres-multipage.gif') no-repeat fixed center left;
	color: #e58000;
	margin-bottom: 2px;
	text-align: left;
	text-indent: 10px;
	padding: 1px 3px 1px 3px;
}

.C_Left_TabPage
{
	background-color: #06143A;
	width: 350px;
	padding-left: 10px;
}

/* top */
.Top_TabStrip
{
	padding-top: 4px;
	padding-left: 0px;
	background-color: #06143A;
	text-align: left;
	height: 28px;
}

.Top_TabUnselected
{
	cursor: pointer;
	color: white;
	background: #626262;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	width: 150px;
}

.Top_TabSelected
{
	cursor: pointer;
	color: black;
	font-weight: normal;
	background: #f7bd10;
	padding-left: 4px;
	padding-right: 4px;
	width: 150px;
	}

.Top_TabMouseOver
{
	color: #06143A;
	width: 150px;
}

.Top_TabPage
{
	background-color: #06143A;
	padding: 3px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
/* top width non fix*/
.nf_Top_TabStrip {padding:4px 0 0 0;background-color: #06143A;text-align: left;	height: 28px;}
.nf_Top_TabUnselected {cursor: pointer;color: white;background: #626262;padding-left: 4px;padding-right: 4px;margin-right: 2px;}
.nf_Top_TabSelected {cursor: pointer;color: black;font-weight: normal;background: #f7bd10;padding-left: 4px;padding-right: 4px;}
.nf_Top_TabMouseOver {color: #06143A;}
.nf_Top_TabPage {background-color: #06143A;padding: 3px;border: 1px solid #666;}


/* ================================
    STYLE DES MODULES SEJOURS
   ================================
*/

.SejoursTitre
{FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ffffff;
LINE-HEIGHT: 22px;
FONT-FAMILY: Arial;
TEXT-DECORATION: none
}

.SejoursContenu
{FONT-SIZE: 10px;
COLOR: #ffffff;
FONT-FAMILY: Arial;
text-align: left;
padding-left: 10px;
}

.SejoursLabels
{
FONT: bold italic 10px/11px Arial;
TEXT-TRANSFORM: uppercase;
COLOR: #000000; 
TEXT-DECORATION: none
}

.ChampIntro
{
FONT: italic 10px/11px Arial;
COLOR: #ffffff; 
margin-left:10;
}

.SejoursForm
{
  font-family: arial;
  font-size: 10px;
  font-weight: normal;
  color: #06143A;
  text-decoration: none;
  background-color: #ffc000;
  border-bottom-color: #626262;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-left-color: #626262;
  border-right-color: #626262;
  border-right-width: 1px;
  border-top-color: #626262;
  border-top-width: 1px;
}

.SejoursChkBox
{
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  color: white;
  text-decoration: none;
  background-color: black;
  border-bottom-color: #626262;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-left-color: #626262;
  border-right-color: #626262;
  border-right-width: 1px;
  border-top-color: #626262;
  border-top-width: 1px;
}

.TableGay {
  border-top: thin solid #fff800;
  border-left: thin solid #ff7500;
  border-right: thin solid #f80e05;
  border-bottom: thin solid #490e84;
  width: 100%;
}

.OTLMTitle {
  font-family: arial;
  font-size: 10pt;
  color: white;
  font-weight: bold;
  font-style: italic;
  width: 100%;
}

.SejoursCriteres {
   background: #595959;
}


/* ================================
    STYLE DES TABLEAUX "USER DEFINED TABLE"
   ================================
*/

.UDT_Table_Item TD{
  font-size:11px;
  font-family: Arial;
  color: white;
}

.UDT_Table_Head TD{
  background: #FFC000;
  Forecolor: black;
  font-size:11px;
  font-family: Arial;
  font-weight:bold;
}

.UDT_Table_AlternateItem {
  font-size:11px;
  font-family: Arial;
  Forecolor: white;
  background-color:#626262;
}

.UDT_Table_Head A:link{
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

.UDT_Table_Head A:visited{
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

.UDT_Table_Head A:active{
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}

.UDT_Table_Head A:hover {
font-color:White;
 background-color:#A55129;
 border-color:#990000;
 border-width:2px;
 border-style:dashed;
 font-weight:bold;
}


.UDT_Adherent_Item TD{
  font-size:11px;
  font-family: Arial;
  color: white;
}

.UDT_Adherent_Item_Head TD{
  background: black;
  Forecolor: White;
  font-size:11px;
  font-family: Arial;
  font-weight:bold;
}

.UDT_Adherent_Item_AlternateItem {
  font-size:11px;
  font-family: Arial;
  Forecolor: white;
  background-color:#626262;
}

.UDT_Adherent_Item_Head A:link{
   background: black;
   Forecolor: White;
   font-size:11px;
   font-family: Arial;
  font-weight:bold;
}

.UDT_Adherent_Head A:visited{
  background: black;
  Forecolor: White;
  font-size:11px;
  font-family: Arial;
  font-weight:bold;
}

.UDT_Adherent_Head A:active{
  background: black;
  Forecolor: White;
  font-size:11px;
  font-family: Arial;
  font-weight:bold;
}

.UDT_Adherent_Head A:hover {
  background: black;
  Forecolor: White;
  font-size:11px;
  font-family: Arial;
  font-weight:bold;
}

/* ===============================================
    STYLE DES TABLEAUX "USER DEFINED TABLE" Orange
   ===============================================
*/
.UDT2_Table {border-collapse:collapse;}
.UDT2_Table_Item {font:11px Arial;color: white;border:1px solid #f7bd10;padding:5px;}
.UDT2_Table_Head {font:bold 11px Arial;color: black;background-color:#f7bd10;border:1px solid #F7BD10;padding:5px;}

.NormalWhite {
	font-family:Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.C2ITable {
border: solid 2px white;
background-color: white;
width:100%;
}

.C2ISubHead {
color: black;
font-family: arial;
font-size : 11px;
font-weight: normal;
}

.C2ITextBox {
background-color: #dddddd;
color: black;
border-style:solid;
border-size:thin;
border-color:#A78D64;
margin-bottom:10px;
font-family: arial;
font-size : 11px;
font-weight: normal;
}

.C2ITCTitle {
background-color:#06143A;
height:20px;
text-align:center;
}

.C2ITitle {
font-family:arial;
font-size:14px;
font-weight:bold;
}

.C2ILbl {
background-color: transparent;
color: black;
}

.C2ISeparator
{
border-bottom:1px black solid;
height:10px;
}

.C2ITCSubTitle {
background-color:#A78D64;
height:20px;
text-align:left;
color:black;
}

.C2ISubTitle {
font-family:arial;
font-size:14px;
font-weight:bold;
}

.C2ITCSubTitle table td{
background-color:#A78D64;
height:20px;
text-align:left;
color:black;
}

.C2ITCLine {
background-color:#d3c6b2;
height:20px;
text-align:left;
color:black;
}


.C2ITCLineAlt {
background-color:#ede8e0;
height:20px;
text-align:left;
color:black;
}

.C2ITCNormal table td{
background-color:white;
height:20px;
text-align:left;
color:black;
}