/***************************************************************************
 *				style.css
 *				---------
 *	Cree le		: 30 Octobre 2007
 *	Derniere modif.	: 04 Février 2008
 *	Auteur		: Agence ici - Asselin Benoit
 *	Site		: http://www.agenceici.com/
 *
 ***************************************************************************/

html, body, form, div, p, ul, li { margin: 0; padding: 0; font-family: Arial, sans-serif; }

html, body { height: 100%; font-size: 12px; color: #000; }
td { font-size: 12px; }
/* body { background: #000; } */
body { background: #5E696F; }
img { border: 0px none; }
a { color: #E50; text-decoration: none; }
a:hover { text-decoration: underline; }

table.middle { vertical-align: middle; width: 1024px; height: 100%; margin: 0 auto; }
div.container { position: relative; width: 1024px; height: 760px; background: url('../template/background-arapl.jpg'); }

.flash1 { position: absolute; left: 33px; top: 4px; width : 955px; height: 288px; z-index: 170;}

/*.flash2 { position: absolute; left: 42px; top: 0px; width : 104px; height: 20px; z-index: 20;}*/

/*
.logo a { display: block; position: absolute; left: 0; top: 0; width: 147px; height: 30px; }
.logo span { display: none; }
.logo-texte { display: block; position: absolute; left: 0; top: 30px; width: 147px; height: 23px; }
*/

.menu { position: absolute; left: 180px; top: 305px; width: 690px; color: #FFFFFF; font-size: 11px; z-index: 132; }
.menu ul li { margin: 0 0 0 0; list-style: none; }
.menu ul li a { color: #FFFFFF; padding: 2px 7px; border-right: 1px solid #FFFFFF; text-align: center; line-height: 12px; }
.menu ul li.active a,
.menu ul li a:hover { color: #9BBCDD; text-decoration: none; background: #848275; }
.menu ul li { float: left; }
.menu ul li ul { display: none; }
.menu ul li.active ul { position: absolute; display: block; left: 0px; top: 21px; width: 607px; }
.menu ul li.active li { margin: 0; border: 0px none; height: 12px; }
.menu ul li.active li a { position: relative; color: #848275; margin-left: -1px; padding: 2px 7px; border: 1px solid #E6E6E3; background: #fff; text-decoration: none; }
.menu ul li.active li.active a,
.menu ul li.active li a:hover { padding: 2px 7px; color: #FFF; background: #9BBCDD; text-decoration: none; }
.menu ul li.acces { position: absolute; right: -106px; top: -4px; }
.menu ul li.acces a { display: block; width: 112px; height: 22px; border: 0px none; background: url('../template/acces-1.gif'); padding: 0; }
.menu ul li.acces a:hover { background-image: url('../template/acces-2.jpg'); }
.menu ul li.acces a span { display: none; font-weight: bold; }

#acces { position: absolute; display: none; right: 0px; top: 22px; padding: 0px 2px 0px 2px; border: 0; color: #6699CC; font-size: 10px; background: #EFEFEF;}
#acces p { white-space: nowrap; }
#acces input { font-size: 10px; font-family: arial, sans-serif; }
#acces input.text { width: 100px; }
#acces input.button { background: #E6E6E3; }

.png { position: absolute; left: 45px; top: 342px; z-index: 80; }
.png img { display: block; position: absolute; left: 45px; top: 342px; }

.print { display: block; position: absolute; width: 29px; height: 24px; left: 927px; top: 683px; background: url('../template/imprimer.jpg'); }

.contenu { position: absolute; left: 277px; top: 355px; width: 679px; height: 340px; padding-right: 20px; overflow: auto; z-index: 100; }
.contenu .gabarit-2 { }
.contenu .gabarit-2 .td-1 { width: 200px; padding-right: 10px; vertical-align: top; }
.contenu .gabarit-2 .td-2 { width: 482px; vertical-align: top; }

.pied { position: absolute; left: 279px; top: 681px; width: 643px; z-index: 90; }