/***************************************************************************
 *				style.css
 *				---------
 *	Cree le		: 30 Octobre 2007
 *	Derniere modif.	: 20 Novembre 2007
 *	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: 13px; color: #000; }
td { font-size: 13px; }
/*body { background: #000; }*/
body { background: #fff; }
img { border: 0px none; }
a { color: #E50; text-decoration: none; }
a:hover { text-decoration: underline; }

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

.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; right: 0; top: 0; width: 753px; color: #003A00; z-index: 132; }
.menu ul li { margin: 12px 0 0 0; list-style: none; }
.menu ul li a { color: #003A00; padding: 2px 7px; border-right: 1px solid #2F5F2F; text-align: center; line-height: 17px; }
.menu ul li.active a,
.menu ul li a:hover { color: #E50; text-decoration: none; background: #fff; }
.menu ul li { float: left; }
.menu ul li ul { display: none; }
.menu ul li.active ul { position: absolute; display: block; left: 0; top: 32px; width: 710px; }
.menu ul li.active li { margin: 0; border: 0px none; height: 20px; }
.menu ul li.active li a { position: relative; color: #E50; margin-left: -1px; padding: 2px 7px; border: 1px solid #2F5F2F; 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: #FE7519; text-decoration: none; }
.menu ul li.acces { position: absolute; right: 0; top: -12px; }
.menu ul li.acces a { display: block; width: 97px; height: 29px; border: 0px none; background: url('../template/acces-securises-1.gif'); padding: 0; }
.menu ul li.acces a:hover { background-image: url('../template/acces-securises-2.gif'); }
.menu ul li.acces a span { display: none; font-weight: bold; }

#acces { position: absolute; display: none; left: -656px; top: 29px; padding: 5px 10px; border: 1px solid #2F5F2F; background: #fff; }
#acces p { white-space: nowrap; }
#acces input { font-size: 12px; font-family: arial, sans-serif; }
#acces input.text { width: 100px; }
#acces input.button { background: #FE7519; }



.png { position: absolute; left: 0; bottom: 0; z-index: 80; }
.png img { display: block; position: absolute; left: 0; bottom: 0; }



.print { display: block; position: absolute; width: 69px; height: 48px; right: 0; top: 30px; background: url('../template/impression.gif'); }



.contenu { position: absolute; left: 230px; top: 60px; width: 650px; height: 385px; padding-right: 20px; overflow: auto; z-index: 100; }
.contenu .gabarit-2 { }
.contenu .gabarit-2 .td-1 { width: 400px; padding-right: 10px; vertical-align: top; }
.contenu .gabarit-2 .td-2 { width: 250px; vertical-align: top; }


.pied { position: absolute; left: 180px; bottom: 0; width: 710px; z-index: 90; }


/* CCH@FullSave */
.menu ul li.auth_menu { float:right; margin-top: 6px; }
.menu ul li.auth_menu a { font:10px Arial, sans-serif; }