/******************************************************************************************************************************************
**												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: 99%;
	padding: 0.5%;
	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
}

.top table
{
	margin: auto;
}


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

/* Menu */
.menu
{
	width: 100%;
}

.menu td
{
	border: solid black 1px;
	text-align: center;
	height: 2em;
	background-color: #FF8929;
	font-weight: bold;
}

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

.menu a:hover
{
   color: white
}

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

.ar .menu
{
	font-size: 13pt;
}

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

.headline
{
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px black solid;
}

/* Partie du milieu */
.content
{
   padding: 15px;
  
}

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

/* Partie de gauche */
div.left
{
   float : left;
   text-align: justify;
   width : 70%;
}

/* Partie de gauche arabe */
.ar div.left
{
   text-align: right;
}

/* Partie de gauche */
div.large
{
   text-align: justify;
   width : 95%;
   margin: 10px auto 0px;
}

/* Partie de gauche arabe */
.ar div.large
{
   text-align: right;
}

/* Partie de droite */
div.right
{
   float : right;
   text-align: center;
   padding: 0px;
   margin-bottom: 0px;
   margin-top: 10px;
   margin-right: 2%;
   height: 100%;
   width : 24%;
}

.alignside
{
	text-align: left;
}

.ar .alignside
{
	text-align: right;
}

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

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

.talign
{
	text-align: left;
}

.ar .talign
{
	text-align: right;
}

.invalign
{
	text-align: right;
}

.ar .invalign
{
	text-align: left;
}

.grande_table table
{
	width: 100%;
}

.maincontent b
{
   font-size: 9pt
}

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

.maintab b
{
   font-size: 9pt
}

/* Main Page Arabic */

.ar .maincontent
{
   font-size: 13pt;
   text-align: right;
}

.ar .maincontent b
{
   font-size: 14pt
}

.ar div.maintab
{
   font-size: 13pt;
}

.ar .maintab b
{
	font-size: 14pt;
}

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

.ar div.noframe
{
   text-align: right;
   font-size: 13pt;
}

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

.onglet h1
{
	display: inline;
	font-weight: bolder;
	font-size: medium;
}

.ar .onglet h1
{
	font-size: large;
}

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 Arabe */
.ar div.onglet {
  float: right;
  height: 24px;
  border: 0px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  padding: 0px;
  padding-right: 5px;
}

.ar div.onglet_img {
   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;
}

.timetable
{
	position: relative;
	top: -90px;
	left: 100px;
}

table.timetable
{
	border-spacing: 0px;
}

.timetable td
{
	padding: 0px;
	border: 1px solid black;
}

/* formulaires d'outils */

.outilform
{
	text-align: center;
}

.outilform td
{
	vertical-align: top;
	padding: 0px 4px;
}

/*Resultats de traduction*/

.result
{
	margin: 10px 0px;
}

.result table
{
	border-spacing: 0px;
}

td.result
{
	vertical-align: top;
	padding: 0px;
}

p.result
{
	border: 1px solid black;
	background-color: white;
}

.result img
{
	border: 1px solid black;
}

/* liste produits à essayer dans try_logged*/
.try_prods
{
	text-align: center;
}

.try_prods img
{
	width: 70%;
	height: 70%;
}

.try_prods td
{
	vertical-align: top;
}

/* Produits */
table.produits {
   height: 20px;
   vertical-align: middle;
   border-spacing: 0px;
   width: 100%;
}

.produits td,th{
   text-align: center;
   border: solid black 1px;
   padding: 10px;
}

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

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

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

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

.ar div.phrase {
   font-size: 13pt;
}

.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}