/************************************* conteneurs */

body 
  {
  /*background: white url("images/fond.jpg") no-repeat scroll;*/
  margin: 0 /*0 40px 0*/;
  font-family: "arial", sans-serif;
  }

#conteneur
  {
  position: absolute;
  width: 100%;
  }
.confirmation
{
	color: red;
}
#print_only
  {
  display: none;
  visibility: hidden;
  }

#logo_heliogroup
  {
  position: relative;
  top: -4px; right: 50px;
  float: right;
  text-align: right;
  margin-right: 60px;
  margin-bottom: 0px;
  margin-top: 0px;
  }

#dashboard
  {
  position: fixed; top: 0px; left: 0px;
  width: 100%; 
  text-align: center;
  height:55px;
  display:block;
  z-index:99;
  }

#dashboard>div{padding-right:10px;padding-top:10px;}
#utilisateur /* PARTIE 1 */
  {
  position: relative; top: 5px; right: 10px;
  }  
  
#contenu
  {
  margin: 65px 0px; /*padding: 0 10px 10px 10px;*/
  background: white no-repeat scroll 0 0;
  border-top: 1px solid #4075af;
  }
 
#contenu >table{width:100%;}
#aligne_a_droite /* PARTIE 1 - conteneur dans #contenu qui permet d'aligner ate les images et leurs definitions */
  {
  float: right;
  margin: 0 0 10px 10px; padding: 14px 5px 0; width: 250px;
  border: 0 dashed rgb(122, 162, 224); border-width: 0 1px 1px;
  background-color: white;
  }

#pb_float
  {
  clear: both;
  }

#bas_de_page /* PARTIE 1 */
  {
  clear: right;
  margin: 0 25px 25px 300px; padding: 0 20px 0 0;
  }


/************************************* graphisme */


#glossary a
  {
  text-decoration: none;
  font-weight: bold;
  }

#logo_heliogroup a img
  {
  border-width: 0;
  padding-bottom:8px;
  }

#utilisateur /* PARTIE 2 */
  {
  color: rgb(128, 128, 128);
  font-size: 0.9em;
  }
  
#contenu h1 /*equivalent .PAGE : title */
  {
  margin: 0; padding:  15px 250px 5px 5px;
  border-bottom :  1px solid rgb(122, 162, 224); 
  text-align: left;
  color: rgb(0, 75, 200);
  }
  
html > body > form > #conteneur > #contenu > h1 /* rajout pour moz */
  {
  margin: -10px -10px 0 -10px; 
  padding: 15px 250px 5px 5px;
  border-bottom :  1px solid rgb(122, 162, 224); 
  text-align: left;
  color: rgb(0, 75, 200);
  }

#contenu h2 /*equivalent .PAGE : header */
  {
  color: rgb(0, 20, 160);
  border-bottom: 1px dashed rgb(188, 204, 254);
  }  
  
#contenu p
  {
  text-align: left;
  }

#contenu table, #contenu td, #contenu table[border="0"] td table td
  {
/*  border: 1px solid rgb(165, 165, 165);*/
  border-collapse: collapse;
  padding:3px 3px 5px 5px;
  }

#contenu td
  {
  vertical-align: top;
  }
  
#contenu td[bgcolor="#E6E6E6"]
  {
  background-color: rgb(241, 230, 198);
  }

#contenu table[border="0"], #contenu table[border="0"] td, #contenu table[border="0"] td table[border="0"] td
  {
  border-width: 0;
  }
#contenu table tr td  table{width:100%;}
#contenu form table tr td  table{width:100%;}
#contenu #liste_en_ligne li
  {
  display: inline;
  }
  
#contenu #right_texte_bleu
  {
  text-align: center;
  color: rgb(0, 20, 160)
  }
  
#contenu #texte_centre
  {
  text-align: center;
  }

#contenu #para_designe:first-line
  {
  font-weight: bold;
  }

#contenu #sous-para_designe
  {
  border-left: 1px dotted rgb(122, 162, 224);
  padding-left: 15px; margin-left: 1px;
  }

#contenu #sous-para_designe .contact
  {
  border-left: 1px dotted rgb(122, 162, 224);
  padding-left: 15px; margin-left: 1px;
  }   

#aligne_a_droite /* PARTIE 2 - conteneur dans #contenu qui permet d'aligner a droite les images et leurs definitions */
  {
  font-style: italic; font-size: 0.9em;
  }

#aligne_a_droite:first-child, #aligne_a_droite img:first-child
  {
  margin: 0 0 5px 0;  
  }

#aligne_a_droite img
  {
  margin: 5px 0;  
  }

#bas_de_page /* PARTIE 2 */
  {
  font-style: italic;
  color: rgb(128, 128, 128);
  text-align: right;
  }
  
#bas_de_page a
  {
  font-style: italic;
  text-decoration: underline;
  color: rgb(128, 128, 128);
  text-align: right;
  }

#contenu .traduc_gris{
 	color: #665c5c;
}

.gris{
	color: #665c5c;
}


#contenu .bgcolor_td_titre{
 /*background-color: #F1E6C6;*/
 background-color: #E6E6E6;
}

#order_cylinder,
#order_prepress,
#order_relationship
{width:100%;}

#order_relationship .td_titre{
	background-color: #d2d286;
	border: 0px;
}

#order_relationship tr td{
	background-color: #d6d6a3;
}


#order_prepress .td_titre{
	background-color: #a9a9cf;
	border: 0px;
}

#order_prepress tr td{
	background-color: #bdbdca;
}
#order_cylinder .td_titre{
	background-color: #cfbfa9;
	border: 0px;
}

/*#order_cylinder tr td{*/
.bg-td-order-cylinder{
	background-color: #cac4bd;
}

.order_cylinder .td_titre{
	background-color: #cfbfa9;
	border: 0px;
}

.history_error{
	background-color: #e87d7d;
}

.history_warning{
	background-color: #e8b27d;
}

.history_normal{
	background-color: #7de87d;
}

.history_derogation{
	background-color: yellow;
}

.warning_titre{
	color: #F5993D;
	font-weight: bold;
}
.erreur_titre{
	color: #F53D3D;
	font-weight: bold;
}

.bg_beige{
	/*background-color: #f1e6c6;*/
	background-color: #E6E6E6;
}

.red{
	color: red;
	font-weight: bold;
}

.big_red{
	color: red;
	font-size: 24px;
}

.msg_suppr{
	color: red;
	font-weight: bold;
	font-size: 18px;
}

.text_info{
	font-weight: italic;
	font-size: 12px;
}
.gras{
font-weight: bold;
}

.bg_cr_state_P{
	background-color: #f5a3a3 ;
}

.bg_cr_state_O{
	background-color: #bef5a3;
}

.bandeau_vert{
	background-color: #00FF00;
}

.bag_rouge{
	background-color: #ff0000;
	font-weight: bold;
}

#email{
  background: url("/style/images/email.png") top left;
	width:67px;
	height:67px;
}

#docs{
  background: url("/style/images/docs.png") top left;
	width:67px;
	height:67px;
}

#conges{
  background: url("/style/images/conges.png") top left;
	width:67px;
	height:67px;
}

.bordure_destinataire
{
	text-align: center;
	border: 1px;
}

.blanc
{
	color: white;
	padding: 2px;
}

input.error{
	border:1px solid red;
}
.aff_div
{
  display:inline;
}
.cache_div
{
  display :none;
}

a.lien_refuser_conges{
 text-decoration:none; 
 }