﻿/* ===============================================
    CSS STYLES POUR SITES du portail des Assises Recherche et entreprise 
    v1.0, 12/2009
   ===============================================
*/   

/* Description du fond des pages de contenu */
Body
{
    margin-top: 10px;
    padding: 0px;
    background-color: #2e2800; /* white; */
    text-align: center; /* pour corriger le bug de centrage IE */
}


/* Description des caractéristiques du tableau principal du site */
.TableTop {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 700px;
}

.TablePpal {
    background-position:right;
    background-repeat:no-repeat;
    background-image:url('./images/une/visuel_are.gif'); 
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 700px;
    background-color: #FFFDEF; /*#EFEAE5;*/
}


/* FOND DE PAGE de L ENTETE */
/* Description du fond pour l entete en haut de page */
.HeadBg {
    border-style: none;
	border-color: inherit;
	border-width: 0px;

    background-image: url('./Images/une/bandeau1000x216.png'); 
/*    background-image: url('./Images/une/bandeauARE2012.jpg');  */
    	background-repeat: no-repeat;   
    	background-color: #EFEAE5;    	/*F78A00;*/
    	background-position:0px 0; /*30px 0;*/
    	padding:0;
    	height:199px; /*164;*/
}

/* DEFINITION DU LOGO */
.logoBg {  
/*    background-image: url(Images/swf/logofederer.gif);  */
    background-repeat: no-repeat; 
    background-position: 95%;
    padding:0;
    border:0;
  }

/* BANNIERE */
/* NOTE: Le titre du site, les liens et onglets sont rendus par le style */
/* defini dans module MobilePortalBanner.ascx */
.SiteTitle {
    font-family: "Arial";
    font-size: 32px;
    font-weight: bold;
    color: #9D3B2B;
}

/* styles de texte pour les liens de service (haut de page droit de l entete) */
.SiteLink {
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
}   

/* styles des liens de service */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:white;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:white;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:FireBrick;
}

/* style des separateurs entre les liens */
.Accent
{
    color:LightgoldenrodYellow;
    font-weight:    bold;
}

.prochaineEdition{
				position: relative; /*absolute;*/
				top:0px; 
				left:10px; 
				width:590px;
}

/* MENUS */
.MenuBg {
    background: white url('./images/une/menu_bg.gif') no-repeat; 
/*     background-color: #FF6600; */
    text-align:left;
    width:210px;
    height:745px /*700px*/
}

.bgMenuBas {
/*    background: white url('./images/une/bgMenuBas.gif') no-repeat; */
/*     background-color: #FF6600; */
    text-align:left;
    width:210px;
    height:110px
}

/* fond et bordures de l onglet selectionne */
.TabBg {
    background: #E0E9F2 url('./images/une/bk_menu_other.png') repeat-y; 
/*     background-color: #FF9621; */
    text-align:left;
   /* width:160px;*/
}

/* fond et bordures des onglets non selectionnes */
.OtherTabsBg {
    background: #E0E9F2 url('./images/une/bk_menu.png') repeat-y; 
    text-align:left;
}



/* style du texte de l onglet selectionne */
.SelectedTab {
    font-size: 16px;
    color:black; /* Yellow;*/
    font-weight: bold;
    margin-left:24px;
    margin-right:4px;
}

A.SelectedTab:link    {
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.SelectedTab:visited {
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.SelectedTab:active  {
    font-weight:    bold;
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.SelectedTab:hover   {
    text-decoration: none; 
    color:#7F3F98; /* DarkGreen;*/
}



/* style du texte des onglets non selectionnes */
.OtherTabs {
    font-size: 14px;
    color:black; /* white;*/
    margin-left:24px;
    margin-right:4px;
}

/* style des liens pour les onglets non selectionnes */
A.OtherTabs:link    {
    text-decoration:    none;
    color:black; /* OldLace;*/
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:black; /* OldLace;*/
}

A.OtherTabs:active  {
    font-weight:    bold;
    text-decoration:    none;
    color:black; /* OldLace;*/
}

A.OtherTabs:hover   {
    text-decoration:    none; 
    color:#7F3F98; /* Gold;*/
}


/* style du texte de l onglet de titre */
.TabTitre {
    font-size: 14px;
    color: Black; 
    font-weight: bold;
    margin-left:3px;
    margin-right:4px;
	border-color:#a1a1a2;
}

/* style des liens pour les onglets non selectionnes */
A.TabTitre:link    {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabTitre:visited {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabTitre:active  {
    font-weight:    bold;
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.TabTitre:hover   {
    text-decoration:    none; 
    color:#7F3F98; /* Yellow;*/
}


/* style des liens pour les onglets de titre selectionnes */
.TabTitreSelected {
    font-size: 16px;
    color:black; /* Yellow;*/
    font-weight: bold;
    margin-left:3px;
    margin-right:4px;
	border-color:#a1a1a2;
}

/* style des liens pour les onglets de titre selectionnes */
A.TabTitreSelected:link    {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabTitreSelected:visited {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabTitreSelected:active  {
    font-weight:    bold;
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.TabTitreSelected:hover   {
    text-decoration:    none; 
    color:#7F3F98; /* Yellow;*/
}


/* style du texte de les onglets de sous-titre */
.TabSousTitre {
    font-size: 12px;
    color:black; /* white;*/
    text-decoration:none;
    font-weight: bold;
    margin-left:32px;
    margin-right:4px;
}

/* style des liens pour les onglets non selectionnes */
A.TabSousTitre:link    {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabSousTitre:visited {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabSousTitre:active  {
    font-weight:    bold;
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.TabSousTitre:hover   {
    text-decoration:    none; 
    color:#7F3F98; /* Yellow;*/
}


/* style du texte de les onglets de sous-titre sélectionnés */
.TabSousTitreSelected {
    font-size: 14px;
    color:black; /* Yellow;*/
    text-decoration:none;
    font-weight: bold;
    margin-left:32px;
    margin-right:4px;
}

A.TabSousTitreSelected:link    {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabSousTitreSelected:visited {
    text-decoration:    none;
    color:black; /* LightBlue;*/
}

A.TabSousTitreSelected:active  {
    font-weight:    bold;
    text-decoration:    none;
    color:black; /* Yellow;*/
}

A.TabSousTitreSelected:hover   {
    text-decoration:    none; 
    color:#7F3F98; /* Yellow;*/
}



/* style d'encadrement pour les tableaux */
.cadreH1 {
	background-image:url('./images/une/h1.png');
	background-repeat:no-repeat;
}

.cadreH2 {
	background-image:url('./images/une/h2.png');
	background-repeat:repeat-x;
}

.cadreH3 {
	background-image:url('./images/une/h3.png');
	background-repeat:no-repeat;
}

.cadreC1 {
	background-image:url('./images/une/c1.png');
	background-repeat:repeat-y;
}

.cadreC3 {
	background-image:url('./images/une/c3.png');
	background-repeat:repeat-y;
}

.cadreB1 {
	background-image:url('./images/une/b1.png');
	background-repeat:no-repeat;
}

.cadreB2 {
	background-image:url('./images/une/b2.png');
	background-repeat:repeat-x;
}

.cadreB3 {
	background-image:url('./images/une/b3.png');
	background-repeat:no-repeat;
}

.encadre {
 border-color: #666666;
 border-style: solid;
 border-width: 1px;
 }


/* onglets des contacts et gestion des utilisateurs */
/* fond et bordures des onglets */
.TabContacts {
    background-color: Gold; 
    background-image: url('./images/onglet2.gif');
    background-repeat: no-repeat;
}

/* autres fond et bordures des onglets */
.OtherTabsContacts {
	background-color: OliveDrab;
	background-image: url('./images/onglet2.gif');
	background-repeat: no-repeat;
}


/* STYLES GENERAUX DU TEXTE */
/* style des titres  */
.Head   {
    font-family: "Constantia";
    font-style:italic;
    font-size:  24px;
    font-weight:    bold;
    color: #00303c;
    text-align: center;
    /*color: #7F3F98;*/
}

.HeadSuper {
    font-family: "Constantia";
    font-style:italic;
    font-size:  16px;
    font-weight:    bold;
    color: #00303c;
    /*color: #f29400;*/
	VERTICAL-ALIGN: super;
}

/* style des sous-titre */
.SubHead    {
    font-family: Constantia;
    font-size:  22px;
    font-weight:    bold; 
    COLOR: black; 
    FONT-STYLE: italic; 
}

.SubHeadSuper {
    font-family: "Constantia";
    font-style:italic;
    font-size:  14px;
    font-weight:    bold;
    color: black;
    /*color: #f29400;*/
	VERTICAL-ALIGN: super;
}

/* style courant des textes */
.Normal
{
    font-size: 16px;
}

.NormalWhite
{
    font-size: 12px;
    line-height: 13px;
    color: white
}

/* style de caracteres dans les boites de texte */
.NormalTextBox
{
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-size: 12px;
    font-weight: bold;
    color: FireBrick
}

.NormalBold
{
    font-size: 14px;
    font-weight: bold
}

.EmpatementItalique {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 
	FONT-STYLE: italic; 
	FONT-FAMILY: Constantia; 
}

.EnAvant {
	FONT-SIZE: 16pt; 
}

.EnAvantGras {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16pt; 
}

.Innovact {
	FONT-SIZE: 14pt; 
}

A.Innovact:link    {
	FONT-WEIGHT: bold; 
    text-decoration:    none;
    color:black;
}

A.Innovact:visited {
	FONT-WEIGHT: bold; 
    text-decoration:    none;
    color:black;
}

A.Innovact:active  {
	FONT-WEIGHT: bold; 
    text-decoration:    none;
    color:black;
}

A.Innovact:hover   {
	FONT-WEIGHT: bold; 
    text-decoration:    none; 
    color:DarkRed;
}


/* MODULES-SPECIFIQUE */
/* style de texte pour la lecture des messages du module Discussion */    
.Message    {
    font-size: 12px;
    font-weight: normal;
    font-size: 11px;
    background-color:white
}   

/* style des titres des annonces et des evenements */
.ItemTitle    {
    font-size:  12px;
    font-weight:    bold;
    color: DarkGreen;
}


/* style des titres des modules Liens et Enregistrements modules */
.SubSubHead {
    font-size:  14px;
    font-weight:    bold;
    color: OliveDrab;
}


/* style reserve aux enquetes */
.EnqueteQuestion
{
    font-size:  13px;
    color: darkred;
}

.EnquetePanel
{
    background-color: goldenrod;
}

.EnqueteOption
{
    font-size:  13px;
    color: black;
}

.EnqueteButton
{
    color: darkred;
    font-weight: bold;
}


/* style de caracteres pour le texte des boutons */
.CommandButton     {
    font-size: 12px;
    font-weight: normal;
}
    
/* liens sur les boutons */
A.CommandButton:link {
    text-decoration:    underline;
    color: FireBrick;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: FireBrick;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: FireBrick;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: Goldenrod;
}
    


/* PARAGRAPHES */
P   {
    MARGIN-TOP: 0pt; 
    MARGIN-BOTTOM: 0pt; 
    VERTICAL-ALIGN: baseline; 
    DIRECTION: ltr; 
    unicode-bidi: embed; 
	TEXT-ALIGN: left;
}

.justifie {
	
    MARGIN-TOP: 0pt; 
    MARGIN-BOTTOM: 0pt; 
    VERTICAL-ALIGN: baseline; 
    DIRECTION: ltr; 
    unicode-bidi: embed; 
    text-align: justify;
}

.centre {
    MARGIN-TOP: 0pt; 
    MARGIN-BOTTOM: 0pt; 
    VERTICAL-ALIGN: baseline; 
    DIRECTION: ltr; 
    unicode-bidi: embed; 
    TEXT-align=center;
}

.droite {
    MARGIN-TOP: 0pt; 
    MARGIN-BOTTOM: 0pt; 
    VERTICAL-ALIGN: baseline; 
    DIRECTION: ltr; 
    unicode-bidi: embed; 
    TEXT-align=right;
	MARGIN-RIGHT: 0.5in; 
}

.DecaleAGauche {
	MARGIN-TOP: 0pt; 
	MARGIN-BOTTOM: 0pt; 
	MARGIN-LEFT: 0in; 
	VERTICAL-ALIGN: baseline; 
	DIRECTION: ltr; 
	unicode-bidi: embed; 
	TEXT-ALIGN: left;
}


/* GENERIQUES */
TABLE {
	border-width:0;
	margin:0;
	padding:0;
	width:100%;
}

H1  {
    font-style:italic;
    font-size:  24px;
    font-weight:    bold;
    color: #00303c;
    text-align: center;
}

H2  {
    font-size:  22px;
    font-weight:    bold; 
    COLOR: black; 
    FONT-STYLE: italic; 
    text-align:center;
    padding :0;
}

H3  {
    font-size:  22px;
    COLOR: black; 
    FONT-STYLE: italic; 
    text-align:center;
    padding :0;
}

H4  {
    font-size:  14px;
}

H5  {
    font-size:  12px;
    font-weight:    bold;
}

H6  {
    font-size:  10px;
    font-weight:    bold;
}

A:link, A:visited, A:active  {
    color:navy;
    text-decoration: underline
}

A:hover {
    color:  FireBrick;
    text-decoration:    underline;
}



