/******************************************************************************************************************************************
**												CIMOS WebPage Style Sheet						                   **
**																										   **
**		Ce fichier contient la définition des styles utilisés pour le site. Il a l'avantage de séparer la mise en page du	                   **
**		contenu. Il faut redefinir pour chaque balise HTML le style à adopter.					                   **
**		Il est aussi possible de créer des nouveaux styles ne correspondant pas à des balises standards.		   **
**																										   **
******************************************************************************************************************************************/

/* Style des balises générales de la page HTML */
body
{
   margin : 0px;
   font-size: 8pt;
   text-align: center;
   font-family : Verdana, Arial, sans-serif;
   background-image: url("../images/bg.png")
}

table
{
   cellspacing: 0px;
   cellpadding: 0px
}

a
{
   color: black;
   text-decoration: none
}

a:hover
{
   color: red
}

img
{
   border : none
}


/********************************************** Balise principale du cadre général *******************************************************/

/* Style pour le cadre principale contenant toute la page */
div.main
{
   width: 820px;
   padding: 4px;
   background-color : white
}


/******************************************************** Haut de la Page ****************************************************************/

/* Logo du haut avec la rosalie et le nom de CIMOS */
div.top
{
   background-color : white;
   text-align: center;
   margin-bottom: 10px;
   margin-top: 10px
}


/******************************************************** Menu Francais Anglais **********************************************************/

/* Menu */
.menu table
{
   width: 100%;
   text-align: center;
   border-left: solid black 1px;
   border-top: solid black 1px;
}

.menu td
{
   border-right: solid black 1px;
   border-bottom: solid black 1px;
   background-color: #FF8929;
   font-weight: bold
}

.menu a
{
   color: black;
   text-decoration: none
}

.menu a:hover
{
   color: white
}

/************************************************************* Menu Arabe ***************************************************************/

/* Menu */
div.menuar
{
   font-size: 13pt;
}

.menuar table
{
   width: 100%;
   text-align: center;
   border-left: solid black 1px;
   border-top: solid black 1px;
}

.menuar td
{
   border-right: solid black 1px;
   border-bottom: solid black 1px;
   background-color: #FF8929;
   font-weight: bold
}

.menuar a
{
   color: black;
   text-decoration: none
}

.menuar a:hover
{
   color: white
}


/******************************************************** Milieu de la Page ***************************************************************/

/* Partie du milieu */
div.content
{
   height: 100%; 
   padding: 0px
}

.content a
{
   color: black;
   text-decoration: underline
}

/* Partie de gauche */
div.left
{
   float : left;
   text-align: left;
   width : 550px;
   padding : 15px
}

/* Partie de gauche arabe */
div.leftar
{
   float : left;
   text-align: right;
   width : 550px;
   padding : 15px
}

/* Partie de droite */
div.right
{
   float : right;
   text-align: center;
   padding: 0px;
   margin-bottom: 0px;
   margin-top: 10px;
   margin-right: 4px;
   width : 225px
}


/************************************************************ Contenu ********************************************************************/

/* Main Page Content */
table.maincontent
{
   float: right;
   font-size: 8pt;
   background-color: #F5F5F5;
   border: solid black 1px;
   width: 100%
}

.maincontent b
{
   font-size: 9pt
}

.maincontent table
{
   width: 100%
}

/* Main Page */
div.maintab
{
   margin-top: 10px
}

.maintab b
{
   font-size: 9pt
}


/* Main Page Arabic */

table.maincontentar
{
   font-size: 13pt;
   text-align: right;
   background-color : #F5F5F5;
   border: solid black 1px;
   width: 100%
}

.maincontentar b
{
   font-size: 14pt
}

div.maintabar
{
   font-size: 13pt;
   margin-top: 10px}
.maintabar b{font-size: 14pt}

div.noframe
{
   padding: 15px;
   float: left;
   text-align: left;
}

div.noframear
{
   padding: 15px;
   float: left;
   text-align: right;
   font-size: 13pt;
}

/* Onglet */
div.onglet {
  float: left;
  font-size: 10pt;
  width: 200px;
  height: 18px;
  padding-left: 5px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  background-color: #0099E4;
  color: white;
}

div.onglet_img {
   float: left;
   width: 14px;
  height: 18px;
  border-bottom: 1px solid #0099E4;
  background-image: url("../images/onglet.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}

/* Onglet Large */
div.onglet2 {
   float: left;
  font-size: 10pt;
  width: 330px;
  height: 18px;
  padding-left: 5px;
  border-top: 1px solid black;
  border-left: 1px solid black;  
  background-color: #0099E4;
  color: white;
}

/* Onglet Arabe */
div.ongletar {
  float: right;
  font-size: 11pt;
  width: 330px;
  height: 24px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  padding-right: 5px;
  background-color: #0099E4;
  color: white;
}

div.onglet_imgar {
   float: right;
   width: 20px;
  height: 24px;
  border-bottom: 1px solid #0099E4;
  background-image: url("../images/ongletar.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}

/* Produits */
table.produits {
   height: 20px;
   valign: middle;
   border-top: solid black 1px;
   border-left: solid black 1px;
   width: 100%;
}

.produits td {
   text-align: center;
   border-right: solid black 1px;
   border-bottom: solid black 1px;
}

table.total {
   valign: middle;
   border-bottom: solid black 1px;
   border-left: solid black 1px;
}

table.fiche {
   font-size: 13pt;
}

div.pricear {
   text-align: center;
   font-size: 13pt;
}

div.phrase {
   font-size: 9pt;
   border: 1pt solid black;
   color: #E65232;
   background-color : #F5F5F5;
}

div.phrasear {
   font-size: 13pt;
   border: 1pt solid black;
   color: #E65232;
   background-color : #F5F5F5;
}

.total td {
   background-color: white;
   border-right: solid black 1px
}


/******************************************************** Bas de la Page *****************************************************************/

/* Copyright */
div.copyright{text-align: center; color : black; background-color : #FF8929; padding : 3px; height: 30px}
.copyright a:hover{color: blue}
.copyright b{font-size: 9pt}
.copyright p{font-size : 8pt; margin-top : 0px; margin-bottom : 0px; padding : 0px}