@import url(Optavis_Catalog.css);
@import url(Optavis_Contact.css);
@import url(activa.css);

/*================================
PARTIE Default styles 
================================
*/
/*Panneau de contrôle admin*/
.ControlPanel, .PagingTable { width: 100%; background-color: transparent; border-right: #003366 1px solid; border-top: #003366 1px solid; border-left: #003366 1px solid; border-bottom: #003366 1px solid; }
.SkinObject { /*font-weight: bold; font-size: 8.5pt; color: #ff0000; font-family: Tahoma, Arial, Helvetica; text-decoration: none; */ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; text-align: right; }

/*liens : exemple Connexion, Chercher*/

A.SkinObject:link { text-decoration: none; }
A.SkinObject:visited { text-decoration: none; color: #666; }
A.SkinObject:hover { text-decoration: underline; color: #000; }
A.SkinObject:active { text-decoration: none; color: #333; }

/**********************************************************************/
/* Commun DNN*/
/**********************************************************************/
.btnFleche { display: block; width: 13px; height: 13px; border: none; }
.watermark { color: #663; font-size: 9pt; }
/*bouton standard*/
.StandardButton { background: #999; color: #333; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }
/* LANGUAGE skinobject */
.Language { vertical-align: middle; margin: 0px; }
.Language img { border: none; }
/**********************************************************
PARTIE MODULES
*********************************************************/
.blocTransparentTitre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ccc; vertical-align: middle; }
/*???*/
.Head { font-family: Arial,Tahoma, Helvetica; font-size: 16px; font-weight: bold; color: #333; line-height: 25px; }
/* titre du module*/
.SubHead { font-family: Tahoma,Arial, Helvetica; font-size: 12px; font-weight: bold; color: #777; padding-top: 3px; padding-bottom: 3px; }
/*sous-titre du module*/
.SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: 666; }

/* texte des modules */
/*
.Normal,
.NormalDisabled{font-family: Tahoma, Arial, Helvetica;	font-size: 11px;font-weight: normal; color:#666;}
*/
/* texte des modules pour fonction désactivée */
.NormalDisabled { color: Silver; }
/* texte des modules en gras*/
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #666; }
/* texte des modules pour les messages d'erreur */
.NormalRed { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000; }
/* texte des modules pour les textboxes dans l'admin et l'édition des modules */
.NormalTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #333; }


/* tableaux de données  ???*/
.DataGrid_AlternatingItem { background-color: White; color: Red; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; }
.DataGrid_Container { background-color: Transparent; }
.DataGrid_Footer { background-color: White; }
.DataGrid_Header { background-color: Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center; }
.DataGrid_Item { background-color: Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; }
.DataGrid_SelectedItem { background-color: Silver; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; }

/*********************************************************
 PARTIE GESTIONNAIRE DE FICHIERS
*********************************************************/
.FileManager { width: 100%; border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; height: 500px; }
.FileManager_ToolBar { border-bottom: black 1px solid; height: 25px; }
.FileManager_Explorer { height: 100%; border: #696969 1px solid; background-color: White; margin: 2px 2px 2px 2px; }

.FileManager_FileList { width: 100%; height: 100%; border: #696969 1px solid; background-color: White; margin: 2px 2px 2px 2px; overflow: auto; }

.FileManager_MessageBox { text-align: center; vertical-align: middle; background-color: White; padding: 25px 25px 25px 25px; }

.FileManager_Header { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #E7E7FF; background-color: #9EBFF6; border-bottom: #696969 1px solid; height: 25px; }

.FileManager_Pager { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; background-color: #EEEEEE; border-top: #696969 1px solid; height: 25px; }

.FileManager_StatusBar { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; background-color: #dedfde; height: 25px; margin: 2px 2px 2px 2px; }

.FileManager_Item { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: Black; background-color: #F8F8F8; border-top: black 1px dashed; border-bottom: black 1px dashed; }

.FileManager_AltItem { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: Black; background-color: #EEEEEE; border-style: none; }
.FileManager_SelItem { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: 666; background-color: #99ffff; border-style: none; }

.FileManagerTreeNode { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: 666; }

.FileManagerTreeNodeSelected { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; background-color: #dcdcdc; }

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link { text-decoration: none; color: #003366; }

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited { text-decoration: none; color: #003366; }

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover { text-decoration: none; color: #ff0000; }

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active { text-decoration: none; color: #003366; }

/**********************************************************
PARTIE  Wizard Framework
*********************************************************/

.Wizard { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; height: 400px; width: 650px; }
.WizardButton { border-right: #696969 1px solid; padding-right: 2px; border-top: #696969 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #696969 1px solid; padding-top: 2px; border-bottom: #696969 1px solid; background-color: #dcdcdc; }
.WizardHeader { background: #ffffcc; border-bottom: black 1px solid; height: 40px; }
.WizardFooter { border-top: black 1px solid; background: #ccffcc; height: 25px; text-align: right; }
.WizardBody { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; height: 325px; }
.WizardHelp { padding-right: 5px; padding-left: 5px; font-size: 9pt; padding-bottom: 5px; border-left: black 1px solid; width: 180px; padding-top: 5px; background-color: #ccffff; }
.WizardHelpText { overflow: auto; font-size: 8pt; width: 180px; color: black; font-family: Tahoma, Verdana, Arial, Sans-Serif; height: 300px; }
.WizardText { font-size: 9pt; color: black; font-family: Tahoma, Verdana, Arial, Sans-Serif; }

/**********************************************************
PARTIE  Texte et links
*********************************************************/
/* text style used for help text rendered by modules */
.Help { border-right: black 1px solid; padding-right: 2px; border-top: black 1px solid; padding-left: 2px; font-weight: normal; font-size: 11px; padding-bottom: 2px; border-left: black 1px solid; color: black; padding-top: 2px; border-bottom: black 1px solid; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99; }

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton { font-family: 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: #006699; }
A.CommandButton:visited { text-decoration: underline; color: #009966; }
A.CommandButton:hover { text-decoration: underline; color: #006699; }
A.CommandButton:active { text-decoration: underline; color: #006699; }
/*
A:link		{text-decoration: none;color: #f00;}
A:visited	{text-decoration: none;color: #666;}
A:hover 	{text-decoration: underline;color: #f00;}
A:active	{text-decoration: none;color: #999;}
SMALL		{font-size: 10px;}
BIG			{font-size: 14px;}
BLOCKQUOTE, PRE	{font-family: Lucida Console, monospace;}
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;}
OL UL LI	{list-style-type: disc;}
HR			{color: #999;height: 1pt;text-align: left;}
*/
/* LEGACY STYLES from DNN 1-2 */
.HeadBg { background-color: #CCCCCC; }
.TabBg { background-color: black; }
.SelectedTab { font-weight: bold; font-size: 8.5pt; color: #FFFFFF; font-family: Tahoma, Arial, Helvetica; text-decoration: none; }

A.SelectedTab:link { text-decoration: none; color: 000000; }

A.SelectedTab:visited { text-decoration: none; color: #eeeeee; }

A.SelectedTab:hover { text-decoration: none; color: #cccccc; }

A.SelectedTab:active { text-decoration: none; color: #eeeeee; }

.OtherTabs { font-weight: bold; font-size: 8.5pt; color: white; font-family: Tahoma, Arial, Helvetica; text-decoration: none; }

A.OtherTabs:link { text-decoration: none; color: black; }

A.OtherTabs:visited { text-decoration: none; color: #eeeeee; }

A.OtherTabs:hover { text-decoration: none; color: #cccccc; }

A.OtherTabs:active { text-decoration: none; color: #eeeeee; }

.PagingTable { background: 003366; height: 33px; }

.LabelEditOverClass { cursor: pointer; text-decoration: underline overline; }

.LabelEditTextClass { border: solid 1px red; background-color: Transparent; }

.LabelEditWorkClass { /*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/ border: solid 0px red; background-color: Transparent; }

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu { border: solid 1px black; white-space: nowrap; background: white; }
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver { background-color: navy; color: White; }


/*Edit In Place Tool Bar Classes*/
.eipbackimg { border: outset 1px; /*give toolbar a 3D look*/ position: absolute; /*needed so it doesn't take up space */ margin-top: -22px; /*specify toolbar to be just above text */ white-space: nowrap; /* makes toolbar horizontal */ background: url(../../images/eip_toolbar.gif); background-color: #99cccc; height: 22px; }

.eipbuttonbackim { width: 21px; height: 21px; cursor: pointer; /*change mouse to pointer when hover over button*/ display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/ display: inline-block; /* supported by Opera and ? */ }

.eipbutton_edit { background: url(../../images/eip_edit.gif) no-repeat 100% center; }
.eipbutton_save { background: url(../../images/eip_save.gif) no-repeat 100% center; }
.eipborderhover { border: outset 1px; }

/* used to collapse panes without any content in them */
.DNNEmptyPane { width: 0px; }

/* used to set the different module align options - from module settings */
.DNNAlignleft { text-align: left; vertical-align: middle; }
.DNNAlignright { text-align: right; }
.DNNAligncenter { text-align: center; }

/* Login Styles */
.LoginPanel { }

.LoginTabGroup { }

.LoginTab { float: left; background: url("../../images/tablogin_gray.gif") left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #FFF; border: 1px #25569a solid; }

.LoginTabSelected { float: left; background: url("../../images/tablogin_gray.gif") left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #FFF; background-position: 0% -41px; border: 1px #25569a solid; }

.LoginTabHover { float: left; background: url("../../images/tablogin_gray.gif") left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #555; border: 1px #C00 solid; cursor: pointer; }

.LoginContainerGroup { clear: both; padding-top: 5px; }

.LoginContainer { }

/* ================================
Skin styles 
================================*/
.controlpanel { width: 100%; background-color: #fff; paddind: 5px; }
/* panneau de contrôle DNN*/
/* ================================
/* Menu admin des modules (OK NE PAS TOUCHER)/
================================*/
.ModuleTitle_MenuContainer /*???*/ { z-index: 2000; border: 1px solid #f00; }
/*fleche du menu*/
.ModuleTitle_MenuBar /*fond pour la fleche du menu*/ { cursor: pointer; height: 10 px; width: 13; line-height: 10px; vertical-align: middle; text-align: center; }
.ModuleTitle_MenuArrow { font-family: webdings; font-size: 20pt; cursor: pointer; background-color: #0f0; }
/*.ModuleTitle_RootMenuArrow {font-family: webdings;font-size:10pt;cursor: pointer; color:#0f0;}*/
/*Lignes de menu des modules*/
.ModuleTitle_SubMenu { cursor: pointer; background-color: #fff; border: #333 2px solid; color: #333; padding-top: 0px; width: 200px; }
/*fond du bloc contenant le menu admin de module*/
.ModuleTitle_MenuIcon { cursor: pointer; background-color: #fff; text-align: center; padding: 4px; }
/*icone des lignes de menu*/
.ModuleTitle_MenuItem { z-index: 1000; cursor: pointer; color: #333; font-family: Tahoma, Arial, Helvetica,; font-size: 9pt; font-weight: bold; white-space: nowrap; background-color: #fff; height: 10px; border-bottom: 1px solid #ccc; }
/*texte du menu état off*/
.ModuleTitle_MenuItemSel /*fleche du menu et bg du menu sur état on*/ /*fleche du menu et bg du menu sur état on*/ { cursor: pointer; color: #999; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; background-color: #000; }
.ModuleTitle_MenuBreak /*barre de séparation entre les catégories*/ /*barre de séparation entre les catégories*/ { z-index: 2000; height: 1px; background-color: #ccc; }

/*---------------*/
/* Bloc Recherche et Langue 
/*---------------*/
/* Langue */
.cssLangue_FR, .cssLangue_US { display: block; width: 26px; height: 16px; margin: 2px; float: left; clear: right; }
.cssLangue_FR { background: url(images/flag-FR.jpg) no-repeat; }
.cssLangue_US { background: url(images/flag-EN.jpg) no-repeat; }
/*bloc Recherche */
.tbSearch { border: 1px solid #996; color: #f00; font-size: 9pt; height: 15px; float: right; width: 150px; margin-top: 50px; margin-left: 15px; }
.btnSearch { display: block; background: url(/Portal/0/Images/fl_01.gif) no-repeat center center; width: 16px; height: 16px; margin-left: 2px; float: left; }
.watermark { border: 1px solid #996; color: #aa9; font-size: 9pt; font-style: italic; float: left; width: 150px; }
/*-----------------------------------------*/
/* Menu Principal (+ admin site et hôte) OK OK */
/*-----------------------------------------*/
.MainMenu_MenuContainer { z-index: 1000; background: transparent; }
/*fond du bloc menu fermé*/
.MainMenu_MenuItem td { font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; color: #333; height: 25px; z-index: 1000; padding-left: 5px; padding-right: 5px; border-right: 1px solid #e6f2f3; }
/* menu fermé off)*/
.MainMenu_MenuItemSel td { background: #000; color: #dedede; height: 25px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #000; border-right: 1px solid transparent; }
/* menu fermé on*/
/***************/
.MainMenu_SubMenu { background: #fff; border-top: 1px solid #006699; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; }
/*fond bloc menu déroulé*/
.MainMenu_MenuItem { font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; cursor: pointer; }
/*fond ligne menu déroulé off */
.MainMenu_MenuItemSel { background: #dae9fb; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; cursor: pointer; }
/* fond ligne menu déroulé on*/
/***************/
.MainMenu_MenuItem td img { vertical-align: middle; }
/* fleches du menu1 et iconesmenu admin*/
.MainMenu_MenuIcon { width: 2px; background: #ccc; cursor: pointer; cursor: hand; }
/*fond des icônes y compris menu Site et Hôte*/

/* Menu des containers */
/*.MainMenu_MenuBreak			{height:2px;width:30px; background:#0f0;color:black;border:1px solid #f00;}/*Barre de séparation des items******************/
.MainMenu_MenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; color: #f00; }
.MainMenu_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; color: black; align: left; }

/*Menu secondaire 2*/
.Menu2 { margin-left: 180px; margin-bottom: 2px; color: #666; background: #000; left: 150px; top: 200px; font-family: Tahoma; text-align: center; }
/* menu horizontal*/
.Menu2_NodeHover, .Menu2_node:hover, .Menu2_node { color: #333; font-weight: bold; font-family: Verdana; text-align: left; line-height: 20px; font-size: 11px; background: transparent; }
.Menu2_NodeHover { color: #666; text-decoration: underline; }

/*pied de page*/
.pied-page { background: transparent; text-align: left; }
.pied-page-contenu { color: #333; font-family: Arial, Verdana, Helvetica; font-size: 8pt; font-weight: bold; line-height: 30px; }
.pied-page, .pied-page a { color: #333; font-family: Arial, Verdana, Helvetica; font-size: 8pt; font-weight: bold; line-height: 30px; }

/* Formulaire */
.form th { vertical-align: top; padding: 5px 0px 0px 0px; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #00f; text-align: left; }
.form th label { display: inline; }
.form td { vertical-align: top; }

/***********************
/* Newsletter*/
/***********************/
input { padding-left: 3px; line-height: 12px; }
/*zone de saisie du texte*/
.SubHead { vertical-align: top; }
/*???*/
.sousBloc { border: 1px solid #eee; padding: 5px 2px; background: transparent; }
/*bloc de texte dans la fiche Paramétres du module
.sousSousBloc			{border: 1px solid #f0f0f0; background: #fff; padding: 2px; color: #444; }
.buttons				{text-align: right;background: #f00;}*/
.buttonBar { font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; width: 100%; text-align: right; padding: 10px 0px; }
.buttonBar input { margin: 5px; }
/*???*/

/*Boutons de recherche et d'inscription à la newsletter */
.newsSubscribe { clear: both; float: left; padding-right: 10px; }
/*fond du bloc inscription*/
.newsSubscribeEmail { background: #fff; border: 1px solid #666; padding-top: 3px; }
/*fond de la zone de saisie*/
.newsWatermark { border: 1px solid #996; color: #663; font-size: 9pt; color: #aa9; font-style: italic; }
/*???*/
.lblSubscription { color: #666; font-size: 9pt; font-family: Arial, Verdana, Helvetica; }
/*Libellé des instructions*/
.btnFleche { background-image: url(Images/bt_go01.jpg); width: 22px; height: 22px; }
/*bouton go*/

/*NEWSLETTER ACTUALITES*/
.blog_enhancement_entry { font-size: 9pt; font-family: Arial, Helvetica; padding-top: 0px; color: #0f0; }
.blog_enhancement_entry .date { font-size: 8pt; color: #006699; }
.blog_enhancement_entry .title { font-size: 9pt; color: #999900; margin: 2px 0px; font-weight: bold; }
.blog_enhancement_entry .resume { font-size: 9pt; color: #666; margin: 2px 0px; }
.blog_enhancement_entry .link { font-size: 8pt; padding-bottom: 10px; padding-left: 20px; text-align: right; border-bottom: 1px dotted #006699; ;}
.blog_enhancement_entry .link * { font-size: 8pt; color: #006699; text-decoration: underline; text-align: right; }

/*Archives*/
.archiveListMonth { float: left; width: 160px; background-color: #efefef; border: 1px solid #ccc; font-family: Arial, Helvetica, Tahoma, Verdana; font-size: 10pt; color: #f00; text-indent: 10px; line-height: 20px; }
.archiveListMonth a { display: block; font-size: 9pt; color: #666; text-decoration: underline; }

/*Actualités*/
.actuDate { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #f00; height: 25px; }
.actuTitre a { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FF9900; height: 20px; }
.actuResume { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #f00; }
.actuTexte { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #ccc; text-align: left; }

/*Aspect des Pages ??*/
.tabForm, .tabForm * { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; }
.tabForm { table-layout: fixed; border-collapse: collapse; width: 100%; }
.tabForm input { height: 15px; }
.tabForm th, .tabForm td { padding: 2px; text-align: left; vertical-align: top; width: 350px; }
.tabListe, .tabListe * { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; }
.tabListe { border: 1px solid #eee; }
.tabList-header { background: #6E8CAE; }
.tabList-header * { background: #6E8CAE; color: #fff; text-align: left; }
.tabInfo { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #6e8cae; }
.tabFilter, .tabFilter * { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #6e8cae; }
.tabFilter { text-align: right; }
.tabFilter input { color: #777; padding: 0px 2px; }
.enteteBloc { width: 100%; margin: 10px 0px 0px 0px; border-collapse: collapse; }
.enteteBloc .title { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 17px; line-height: 20px; color: #5d7b9d; }
.enteteBloc .button { text-align: right; }

.news-parameter-recap { display: block; padding: 5px; }
.news-parameter-recap, .news-parameter-recap b { font-family: Tahoma, Verdana, Arial, Helvetica; color: #f00; text-align: left; font-size: 9pt; line-height: 18px; }

.dgPageChange { border-top: 1px solid #ccc; }
.dgPageChange span, .dgPageChange a { padding: 2px 5px; }
.dgPageChange a:hover { background: #eee; }
.dgPageChange span { background: #eee; }
/**************************
Module Contacts
**************************/
.tabForm input { height: 15px; width: 350px; }