body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
	background-color: #455A68;
	margin: 0px;
	padding: 0px;
}

a {
	color: #455A68;
}


/*****************************************************************************/
/* Classe pour le gros div qui contient toute la page                        */
/*****************************************************************************/

#page_container {
	background-color: #FFFFFF;
	width: 760px;
	top: 0px;
	padding: 0 15px 15px 15px;
	margin-bottom: 0px;
	margin-top:0; 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Classes pour définir ce qui est affiché ou non selon l'état En Cours / Terminé des demandes de confirmations */
.conf_status_done .not_done_only { display: none }
.conf_status_not_done .done_only { display: none }

/*****************************************************************************/
/* Classe pour le l'adressage de la page : Pour : %USER_NAME%                */
/*****************************************************************************/
p.adressage {
	color: #EF9130;
	font-weight: bold;
	font-size: medium;
}

/*****************************************************************************/
/* Classes pour les warnings                                                 */
/*****************************************************************************/

div.warning {
	border-width: 4px;
	border-style: solid;
    width: 700px;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
	padding: 20px;
}


p.warning { 
	font-weight: bold;
	font-size: medium;
	margin: 0px;
	padding: 0px;
}

/*****************************************************************************/
/* Classes pour les informations du dossier et véhicule                      */
/*****************************************************************************/


table.dossier {
	border: 1px solid #cccccc;
	margin-right: 4px;
	margin-left: 4px;
	
}

caption.dossier {
	font-size: 12px;
	color: #00629C;
	font-weight: bold;
	background-color: #EEEEEE;
	padding: 2px 0 2px 5px;
	margin-bottom: 0;
	margin-right: 4px;
	margin-left: 4px;
	text-transform: uppercase;
	text-align: left;
}
th.dossier { 
	text-align: right;
	padding-left: 5px;
	padding-right: 1px;
}
td.dossier {
	padding-right: 1px;
	text-align: left;
}

/*****************************************************************************/
/* Classes pour les pieces / style avec tables, pour le style div, voir plus bas 
/*****************************************************************************/

table.piece {
	width: 650px;
	padding: 0px;
	background-color: #770011;
	text-align: left;
}

caption.piece { 
	background-color: #770011;
	padding: 3px;
	margin: 0px;
	margin-top: 5px;
	
	color: #FFFFFF;
	font-weight: bold;	
	text-align: left;
}
td.piece_details {
	background-color: #f8f8f8;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	width: 40%;
}

td.piece_confirm { 
	background-color: #EEEEEE;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}


/*****************************************************************************/
/* Classes pour les pieces / style avec div                                  */ 
/*****************************************************************************/

div.piece_entete { 
	border: 2px solid #455A68;
	background-color: #455A68;
	padding: 2px 2px 2px 15px;
	color: #FFFFFF;
	font-weight: bold;	
	text-align: left;
	width: 650px;
}
div.piece_confirm { 
	border: 2px solid #455A68;
	background-color: #EEEEEE;
	padding: 5px 2px 5px 15px;
	
	
	text-align: left;
	vertical-align: top;
	width: 650px;
}

/*****************************************************************************/
/* Classe pour le footer au bas de la page                                   */
/*****************************************************************************/

div.footer {
	background-color: #EF9130;
	width: 700px;
	margin-top: 20px;
	padding: 3px 0 3px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
}
a.footer { 
	color:#455A68;
}


/*
 * Classe pour table formulaire
 */
table.for_form { border-collapse: collapse }
table.for_form td { padding: 2px 4px; vertical-align: top; white-space: nowrap}
table.for_form td.label { text-align: right; }