/* 
    Document   : site
    Created on : 2009-03-11, 14:47:43
    Author     : francois
    Description:
        Purpose of the stylesheet follows.
*/


.letracker_fiche #header {
	padding-top: 12px;
	text-align: left;
	border-bottom: 2px solid #cccccc; }


/* le logo du site */
.letracker_fiche #header h1 { float: left; margin:0; border: 0; }
.letracker_fiche #header h1 img { border: 0; }
.letracker_fiche #header h2 { float: right; margin: 0; border: 0; }
.letracker_fiche #header h2 img { border: 0; }


.letracker_fiche #footer { border-top: 1px solid #B3B6BC; background-color: #F3F3F3; font-size: 11px;
          padding:12px; }

/* main containers, define content width */


.letracker_fiche .page { max-width: 770px;
		margin: auto;
		padding-top: 10px;
		padding-bottom: 12px; }

body {
    margin: 0;
    background-color: #fff;
    color: #4F5155;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}


/* sert a simuler un vrai lien, quand le <A> pointe a une fonction javascript */
.letracker_fiche .link { cursor: pointer; text-decoration: underline; }
.letracker_fiche .hand { cursor: pointer; }

.letracker_fiche img {  border: 0 none; }

.letracker_fiche h1, .letracker_fiche h2 {
 font-size: 18px;
 color: #ccaa88;
}

.letracker_fiche h3 { font-size: 15px; color: #999; clear: both; }
.letracker_fiche h3.noclear { clear: none; }

.letracker_fiche a { color: #4f739e; background-color: transparent; }
.letracker_fiche a:hover, a:active { color: #7fa3ce; }

.letracker_fiche ul { list-style: square; }


/*
 * Pour les messages à l'utilisateur
 */

.letracker_fiche .warnings { max-width: 770px; margin: auto; text-align: left; }

.letracker_fiche .error, .notice, .message { 
    border: 2px solid;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    }

.letracker_fiche .error { border-color: #990000;
          background-color: #FFCCCC;
}

.letracker_fiche .notice { border-color: #DDDF3B;
          background-color: #F6F7CF;
}

.letracker_fiche .message {  border-color: #4EB12F;
            background-color: #D4F1CB;
}

.letracker_fiche .commis_pic {
	background-image: url(medias/commis_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-left: 11px; padding-top: 11px; padding-right: 17px; padding-bottom: 17px;
}

.letracker_fiche .commis_pic_ins {
	background-image: url(medias/commis_bg_reverse.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-right: 11px; padding-top: 11px; padding-left: 17px; padding-bottom: 17px;
    float: right;
}

.letracker_fiche #general_info { float: left; width: 400px; }


.letracker_fiche #commis_info { float: left; line-height: 1.6; padding: 12px; font-size: 12px; }
.letracker_fiche #commis_info strong { font-size: 14px; font-weight: bold; }

.letracker_fiche #commis_pic { float: left; }

.letracker_fiche #file_info { font-weight: bold; border-left: 0; border-right: 0; padding-top: 6px; padding-bottom: 6px;}
.letracker_fiche #file_info label { font-size: 12px; font-weight: normal; width: 75px; }
.letracker_fiche #file_info em { color: #ac8a68; font-style: normal; }

/*
 * Style pour les listes d'étapes dans un ul / li
 */

.letracker_fiche #etat    { line-height: 1.5; width: 250px; margin-left: 425px; }
.letracker_fiche li.complet, .letracker_fiche li.etat_3 { list-style-image: url(medias/etat_fait.gif);  font-style: italic; }
.letracker_fiche li.actif, .letracker_fiche li.etat_2   { list-style-image: url(medias/etat_actif.gif); font-weight: bold; color: rgb(51,153,51); }
.letracker_fiche li.avenir, .letracker_fiche li.etat_1  { list-style-image: url(medias/etat_a_venir.gif); color: rgb(187,187,187); }
.letracker_fiche li.title { text-decoration: underline; }
.letracker_fiche li.title:hover { font-weight: bold; color: #0099CC; }


/*
 * Style pour les formulaires
 */
.letracker_fiche fieldset { background-color: #f6f6f6; border: 1px solid #999; 
           padding-right: 25px;
           margin: 12px 0;
		   clear: both; }
.letracker_fiche fieldset legend { color: #4f739e; background: #e6e9ec; border-left: 1px solid #999; border-right: 1px solid #999;
         padding: 4px 48px 4px 18px;
         margin-left: 30px;
         font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 12px;
    }
.letracker_fiche fieldset label { width: 150px; float: left; text-align: right; margin-right: 0.5em;
                 display: block }

.letracker_fiche fieldset .submit input { margin-left: 150px; }

.letracker_fiche fieldset input, .letracker_fiche fieldset select, .letracker_fiche fieldset textarea { padding: 2px;
           color: #336699;  border: 1px solid #336699 }
.letracker_fiche fieldset .small  { width: 40px; }
.letracker_fiche fieldset .medium { width: 150px; }
.letracker_fiche fieldset .large  { width: 300px; }

.letracker_fiche fieldset .submit input { color: #000; background: #ffa20f; border: 2px outset #d7b9c9 }


/* --- Style pour messages --- */

.letracker_fiche .msg { clear: both; margin: 0; margin-bottom: 24px; }
.letracker_fiche .msg_pic { float: left; width: 120px; background-image: url(medias/msg_pic_bg.gif); background-position: right top; background-repeat: no-repeat; }
.letracker_fiche .msg_pic_ins { float: right; width: 120px; background-image: url(medias/msg_pic_bg_reverse.gif); background-position: left top; background-repeat: no-repeat; }
.letracker_fiche .msg_bulle { margin-right:24px; margin-left: 120px; background-color: #e2e2e2; background-image: url(medias/msg_content_bg_topleft.gif); background-position: top left; background-repeat: no-repeat; min-height: 50px; position:relative }
.letracker_fiche .msg_bulle_ins { margin-left: 24px;; margin-right: 120px; }
.letracker_fiche .msg_content { margin-bottom: 0; padding-top: 12px; padding-bottom: 0; padding-left: 24px; padding-right: 24px; }
.letracker_fiche .msg_content_toprightcorner { margin: 0; float: right; padding: 0; height: 10px; width: 10px; background-image: url(medias/msg_content_bg_topright.gif); background-position: top right; background-repeat: no-repeat; }
.letracker_fiche .msg_content_bottomrightcorner { margin: 0; position:absolute; top:0; right:0; padding: 0; height: 14px; width: 10px; background-image: url(medias/msg_content_bg_bottomright.gif); background-position: bottom right; background-repeat: no-repeat; }
.letracker_fiche .msg_meta { position: relative; margin-top: 0; margin-left: 120px; margin-right:24px; font-size: 10px; color: #999; background-image: url(medias/msg_content_bg_bottomleft.gif); background-position: top left; background-repeat: no-repeat; padding-top: 16px; padding-left: 24px; }
.letracker_fiche .msg_meta_ins {margin-right: 120px; margin-left: 24px;  }
.letracker_fiche .msg_meta_data { color: #666; font-size: 14px; font-weight: bold; }
.letracker_fiche .job_edit_doc { background-color: #f3f3f3; border-right: 1px solid #aaa; border-left: 1px solid #aaa; margin-top: 8px; padding-top: 4px; padding-bottom: 4px; padding-left: 12px; padding-right: 12px; }
.letracker_fiche .job_edit_doc_actions { padding-right: 12px; font-size: 12px; }

/* ---- Style pour vignettes photos ---- */

.letracker_fiche .photo_vignette_container { float: left; width: 136px; margin: 7px; padding: 0; text-align: center; background-image: url(medias/photos_vignette_bg.gif); background-position: bottom right; background-repeat: no-repeat; height: 153px; }
.letracker_fiche .photo_vignette { margin-top: 5px; margin-left: 5px; margin-right: 9px; margin-bottom: 9px; }
.letracker_fiche .photo_vignette img { border: 1px solid #4f739e; }
.letracker_fiche .photo_vignette img:hover { border: 1px solid #CC9900; }

/* ---- Style pour options bas de page ---- */

.letracker_fiche #page_options { border-top: 2px solid #999999; font-size: 12px; text-align: right; }
.letracker_fiche #page_options a { padding-left: 6px; padding-right: 6px; }
.letracker_fiche #page_options a.print { background-image: url(medias/print_icon.gif); background-position: left; background-repeat: no-repeat; padding-left: 28px; padding-top: 6px; padding-bottom: 6px; margin-left: 12px; }
.letracker_fiche #page_options a.email { background-image: url(medias/email_icon.gif); background-position: left; background-repeat: no-repeat; padding-left: 28px; padding-top: 6px; padding-bottom: 6px; margin-left: 12px; }

/* ---- Style pour info contact carrossier au bas de la page ---- */

.letracker_fiche #contact_carrossier { background-color: #dddddd; }
.letracker_fiche #contact_carrossier .page { background-image: url(medias/contact_carrossier_bg.gif); background-position: left center; background-repeat: no-repeat; padding-left: 160px; max-width: 660px; }
.letracker_fiche #contact_carrossier strong { font-size: 14px; font-weight: bold; line-height: 2; }
.letracker_fiche #contact_carrossier_adresse { float: right; text-align: right; padding-bottom: 8px; font-size: 12px; }


// End of file //