﻿/*******************************************************************************
* Software:     Coriolis Telecom									           *
* Version:      2.0                                                            *
* Date:         2004-08-01                                                     *
* Copyright :   PROMPT SAS 2004                                                *
********************************************************************************
* Portail.css :   Feuille de style						                       *
********************************************************************************
                        
********************************************************************************
bleu très clair :       #91d2e6 rgb(145/210/230)
bleu clair :            #4BA7C7 rvb (75/167/199) 
bleu foncé :            #0082a0 rgb(0,130,160)
bleu texte foncé :      #50aac8 rgb(0,90,120)
bleu très foncé:        #005a78 rgb(0,65,85)

GCM:
mauve: #9a5493
bleu: #0099CC
Gris rubrique: #878787
********************************************************************************/

body
{
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
	font-size: 10pt;
	color: #005a78;
	margin: 0px 0px 0px 0px;
	width:1024px;
}


/*
********************************************************************************
* STRUCTURE PAGE  						                               *
********************************************************************************
*/

.tablePage
{
	border-spacing: 1px;
	width: 1024px;
	border: 0px;
	border-style: solid;
	border-color: Orange;
	vertical-align: top;
}

.tablePage td
{
	/*padding: 1px;*/
	padding-bottom: 0px;
}

.colonneCentraleBanniere
{
    width: 1024px;
    vertical-align: top;
    background-color: #9a5493;
    border: 0px;
    border-style: solid;
    padding-left: 0px;
    padding-right: 0px;
}

.colonneMargeMenu
{
    width: 0px;
    vertical-align: top;
    background-color: Transparent;
}

.colonneCentraleMenu
{
    width: 1024px;
    height: 47px;
    vertical-align: top;
    border: 0px;
    background-image: url("/documents/images/GCM-Menu.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: inherit;
}


.colonneMarge
{
    width: 180px;
    vertical-align: top;
    background-color: Transparent;
}

.colonneContenu
{
    width: 840px;
    vertical-align: top;
    background-color: Transparent;
    border: 0px;
	border-style: solid;
	border-color: Orange;
}


/*******************************************************************************
* Banniere												                       *
*******************************************************************************/

.banniere
{
	width: 100%;
}

/*******************************************************************************
* Login	Banniere											                       *
*******************************************************************************/

.login
{
	font-weight: bold;
	font-size: 7pt;
	color: red;
	text-align: right;
}

.loginBad
{
	font-weight: bold;
	font-size: 7pt;
	color: red;
	text-align: right;
}

.mini
{
	text-align: right;
	font-size: 8pt;
	color: #50aac8;
	margin-top: 2px;
	margin-right: 5px;
	text-decoration: none;
}

.minilien
{
	text-align: left;
	font-size: 8pt;
	color: #50aac8;
	margin-top: 2px;
	margin-right: 5px;
	text-decoration: none;
}

.miniliennoir {
	text-align: left;
	font-size: 8pt;
	color: #000000;
	margin-top: 2px;
	margin-right: 5px;
	text-decoration : none;
}

/*
********************************************************************************
* Banniere			       						                               *
********************************************************************************
*/

.minilienBanniere {
	text-align: left;
	font-size: 8pt;
	color: black;
	margin-top: 2px;
	margin-right: 5px;
	text-decoration : none;
}

.miniBoutonBanniere
{
    FONT-SIZE: 10px;
	color:White;
	text-decoration :underline;
	margin-left : 0px;
    FONT-FAMILY: Helvetica, 'Arial Narrow', Helvetica, sans-serif;
    BACKGROUND-COLOR:Transparent;
    border : none;
    text-align :left;
    cursor: hand;
}


/*
********************************************************************************
* MENU / RUBRIQUE       						                               *
********************************************************************************
*/

.rubrique
{
    height: 22px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    font-size: 9pt;
}


.rubrique a:hover
{
    text-decoration: none;
    color: White;
    background-color: #9a5493;
}


.menuRubrique
{
    color: White;
    text-decoration: none;
    text-align: center;
    font-size: 12pt;
}

.menuRubriqueSelectionne
{
    text-decoration: none;
    color: White;
    background-color: #9a5493;
    font-size: 12pt;
}

/*
********************************************************************************
* MENU / SOUS RUBRIQUE       						                               *
********************************************************************************
*/

.sousRubrique
{
	height: 22px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
}



.sousRubrique a:hover
{
	text-decoration: none; 
	color: white;
	background-color : #9a5493;
}

.menuSousRubrique
{
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 12pt;
}


.menuSousRubriqueSelectionne
{
	text-decoration: none; 
	color: white;
	background-color : #9a5493;
	font-size: 12pt;
	
}



/*
********************************************************************************
* Page Login					                               *
********************************************************************************
*/

.tableauLogin
{
	border: 0px;
	border-style:solid;
	border-color:Red;
	vertical-align: top;
}


.tableauLogin td
{
	vertical-align: top;
}


/*
********************************************************************************
* Erreur					                               *
********************************************************************************
*/

/*
.affichageErreurMoyen
{
	color: red;
	font-size: 11pt;
}
*/
.affichageErreur
{
	color: red;
}

.affichageErreur li
{
	color: red;
}


/*******************************************************************************
*  	Titre de la page								                       *
*******************************************************************************/

.titre
{
	font-weight: bold;
	font-size: 13pt;
	margin-left: 15px;
	color: #50aac8;
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
}

/*******************************************************************************
*  Corps d'une page							                       *
*******************************************************************************/

.ContentDiv
{
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
}

.contenuBody
{
	color: #005a78;
	font-size: 11pt;
	font-weight: normal;
	text-justify: auto;
}


/*.contenu
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	color: #005a78;
	font-size: 11pt;
	font-weight: normal;
	width: 700px;
	text-justify: auto;
}
*/
/*
.contenuLien
{
	text-decoration: underline;
	color: #005a78;
}
*/
/* texte en lecture seul */
.ro
{
	font-weight: bold;
	color: #0082a0;
	padding-left: 5px;
	padding-right: 5px;
}

/* titre des tableaux de la rubrique consulter ma ligne */
th.titreAbo
{
	text-align: left;
	font-size: 15px;
}


.imageAccroche
{
}

.texteAccroche
{
	padding-left: 10px;
	font-weight: bold;
	font-size: 12pt;
	vertical-align: top;
	color: #005a78;
	font-style: normal;
}

.titreSection /* zone wap mms */
{
	margin-top: 10px;
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
	font-size: 12pt;
	color: #005a78;
	font-weight: bold;
	width: 100%;
	background-image: url(Images/fleche_fondblanc.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}

td	/*page consultation des coordonnées et ma ligne*/
{
	color: #005a78;
	font-size: 10pt;
	font-weight: normal;
}

.note	/*usercontrol modif coordonnées tiers*/
{
	color: #005a78;
	font-size: 7pt;
	font-weight: normal;
}

.textAccroche
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 14pt;
	vertical-align: top;
	color: #005a78;
	font-style: normal;
}

/*******************************************************************************
*  Formulaire (page factures)						                       *
*******************************************************************************/
.leftBottomLiseret
{
	cursor: default;
	border-bottom: solid 1px #008DB4;
	border-left: solid 1px #008DB4;
}

.leftLiseret
{
	cursor: default;
	border-left: solid 1px #008DB4;
}

.leftRightBottomLiseret
{
	cursor: default;
	border-bottom: solid 1px #008DB4;
	border-right: solid 1px #008DB4;
	border-left: solid 1px #008DB4;
}

.leftRightLiseret
{
	cursor: default;
	border-left: solid 1px #008DB4;
	border-right: solid 1px #008DB4;
}

/*******************************************************************************
*  Tableaux								                       *
*******************************************************************************/

.tableau
{
	font-weight: bold;
	font-size: 12px;
	background-color: #005B75;
}


.tableau th
{
	background-color: #008DB4;
	color: white;
}

.tableau td.tdHeader
{
	background-color: #008DB4;
	color: white;
	font-weight: bold;
	text-align: left;
}

.tableau td.tdHead
{
	vertical-align: top;
	border-left: #ffffff 1px solid;
	width: 120px;
	color: #ffffff;
	background-color: #4ba7c7;
	text-align: center;
	font-weight: bold;
}

.tableau td
{
	background-color: white;
	color: #005a78;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.tableau td a
{
	font-size: 10pt;
	font-weight: normal;
	color: #50aac8;
	text-decoration: underline;
	text-align: left;
}

.tableau .bouton
{
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Helvetica, 'Arial Narrow' , Helvetica, sans-serif;
	background-color: #0082a0;
}

.bouton
{
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Helvetica, 'Arial Narrow' , Helvetica, sans-serif;
	background-color: #0082a0;
}

.affichageErreur
{
	color: red;
}

.affichageErreur li
{
	color: red;
}

.persotext
{
	font-size: 9pt;
	font-weight: normal;
	color: #50aac8;
	text-align: left;
}

/*******************************************************************************
* FAQ
*******************************************************************************/

.FAQ_question
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #005a78;
	font-size: 10pt;
	font-weight: normal;
}

.FAQ_categorie
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #005a78;
	font-size: 12pt;
	font-weight: bold;
}

/*******************************************************************************
* INFORMATIONS
*******************************************************************************/
/*
.INFO_question
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #005a78;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}


ul
{
	text-align: left;
	list-style-position: inside;
	list-style-type: square;
}
*/


/*******************************************************************************
* Rubrique Factures
*******************************************************************************/

.item1
{
	vertical-align: top;
	border-left: 1px solid #008db4;
	width: 123px;
}
.item2
{
	vertical-align: top;
	border-left: 1px solid #008db4;
	width: 120px;
}
.item3
{
	border-right: 1px solid #008db4;
	vertical-align: top;
	border-left: 1px solid #008db4;
	width: 123px;
}
.alterItem1
{
	vertical-align: top;
	border-left: 1px solid #008db4;
	width: 123px;
	background-color: #91d2e6;
}
.alterItem2
{
	vertical-align: top;
	border-left: 1px solid #008db4;
	width: 120px;
	background-color: #91d2e6;
}
.alterItem3
{
	border-right: 1px solid #008db4;
	vertical-align: top;
	border-left: 1px solid #008db4;
	width: 123px;
	background-color: #91d2e6;
}

/*******************************************************************************
* Rubrique Contacts
*******************************************************************************/
/*
.item
{
	border-left: solid 1px #008DB4;
	vertical-align: top;
	width: 200px;
}
.item2
{
	border-left: solid 1px #008DB4;
	border-right: solid 1px #008DB4;
	vertical-align: top;
	width: 200px;
}
.alterItem
{
	border-left: solid 1px #008DB4;
	background-color: #91d2e6;
	vertical-align: top;
	width: 200px;
}
.alterItem2
{
	border-left: solid 1px #008DB4;
	border-right: solid 1px #008DB4;
	background-color: #91d2e6;
	vertical-align: top;
	width: 200px;
}
.lastitem
{
	border-bottom: solid 1px #008DB4;
	border-left: solid 1px #008DB4;
	vertical-align: top;
	width: 200px;
}
.lastitem2
{
	border-bottom: solid 1px #008DB4;
	border-left: solid 1px #008DB4;
	border-right: solid 1px #008DB4;
	vertical-align: top;
	width: 200px;
}
.lastalterItem
{
	border-bottom: solid 1px #008DB4;
	border-left: solid 1px #008DB4;
	background-color: #91d2e6;
	vertical-align: top;
	width: 200px;
}
.lastalterItem2
{
	border-bottom: solid 1px #008DB4;
	border-left: solid 1px #008DB4;
	border-right: solid 1px #008DB4;
	background-color: #91d2e6;
	vertical-align: top;
	width: 200px;
}
.head
{
	background-color: #4BA7C7;
	border-left: solid 1px #008DB4;
	color: #FFFFFF;
	width: 180px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}
*/

/*
********************************************************************************
* Rubrique Contacts (nouvelle)				                               *
********************************************************************************
*/

.tableauContacts
        {
        }
.tableauContacts th
{
    font-size: 12pt;
    font-family: Times New Roman,Serif;
    color: Fuchsia;
    font-weight: bold;
    text-align: left;
}
.tableauContacts td
{
    font-size: 12pt;
    font-family: Times New Roman,Serif;
}
.wingdings
{
    font-family: Wingdings;
}
.wingdings2
{
    font-family: Wingdings 2;
}
.webdings
{
    font-family: Webdings;
}



/*******************************************************************************
* Rubrique Informations
*******************************************************************************/

.categorie
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 9pt;
	color: #0082a0;
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
	height: 17px;
	text-align: left;
}
.categorie A
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 9pt;
	color: #0082a0;
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
	height: 17px;
	text-align: left;
}
.categorieSelectionne A
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 9pt;
	border-left: #0082a0 1px solid;
	color: white;
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
	height: 17px;
	background-color: #0082a0;
	text-align: left;
	text-decoration: none;
}
.categorieSelectionne
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 9pt;
	border-left: #0082a0 1px solid;
	color: white;
	font-family: 'Arial Narrow' , Helvetica, sans-serif;
	height: 17px;
	background-color: #0082a0;
	text-align: left;
	text-decoration: none;
}
.headInformation
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	height: 17px;
	background-color: #008db4;
}

.email
{
	color: #50aac8;
	text-decoration : none;
}
