/***************************************************************************
 *				style.css
 *				---------
 *	Cree le		: 8 Novembre 2007
 *	Derniere modif.	: 7 Mars 2007
 *	Auteur		: Agence ici - Asselin Benoit
 *	Site		: http://www.agenceici.com/
 *
 ***************************************************************************/



* { margin: 0; padding: 0; font-family: Arial, sans-serif; }

html, body { height: 100%; font-size: 13px; color: #000; }
body { background: url('../images/interface/background-black.jpg') center repeat; }
ul, li { list-style: none; }
img { display: block; border: 0px none; }
a { color: #a14d00; text-decoration: none; cursor: pointer; }
.clear { clear: both; }

table.middle { vertical-align: middle; width: 950px; height: 100%; margin: 0 auto; }
div.page { position: relative; width: 950px; height: 600px; background-position: right; background-repeat: no-repeat; }


.menu { position: absolute; left: 0; top: 0; width: 160px; height: 600px; background-repeat: no-repeat; }
.menu li { }
.menu li a { position: relative; display: block; height: 20px; color: #000; border-bottom: 1px solid #000; }
.menu li a img { position: absolute; width: 160px; height: 20px; left: 0; top: 0; background: transparent; }
.menu li a span { position: absolute; display: block; left: 10px; top: 3px; font-size: 13px; }
.menu li a em { position: absolute; display: block; right: 5px; top: 5px; width: 7px; height: 7px; background: url('../images/interface/menu-triangle.gif') no-repeat; font-size: 0px; }
.menu li a.active img,
.menu li a:hover img { background: url('../images/interface/fff-80.png'); }
.menu li a.active em { background-position: 0px -7px; }
.menu ul.smenu { display: block; position: relative; height: 0px; width: 160px; overflow: hidden; }
.menu ul.smenu li { position: relative; }
.menu ul.smenu li a img { background: url('../images/interface/fff-40.png'); }
.menu ul.smenu li a.active img,
.menu ul.smenu li a:hover img { background: url('../images/interface/fff-80.png'); }
.menu ul.smenu ul.ssmenu { display: none; }
.menu .concours-01 .picto { position: absolute; left: 140px; top: 5px; display: block; width: 13px; height: 9px; background: url('../images/interface/concours-01-menu.png') no-repeat; }
.menu .logo { }
.menu .logo a { height: 100px; }
.menu .logo span { display: none; }
.menu .copy { position: absolute; left: -5px; bottom: 0px; }
.menu .copy a { border: 0px none; }
.menu .copy span { color: #fff; }
.menu .copy strong { display: none; }
.menu-sheets { position: absolute; left: 160px; top: 0; width: 300px; height: 320px; z-index: 10; }
.menu-shadow { position: absolute; left: 160px; top: 0; width: 20px; height: 600px; background: url('../images/interface/menu-shadow.png') repeat-y; z-index: 50; }

.menu-fix { display: none; position: absolute; left: 160px; top: 0px; z-index: 1100; }
.menu-fix ul { display: block; width: 200px; margin-top: -1px; }
.menu-fix li { }
.menu-fix li a { position: relative; display: block; height: 20px; border: 1px solid #000; border-top: 0px none; }
.menu-fix li.first a { border: 1px solid #000; }
.menu-fix li a span { position: absolute; left: 0; top: 3px; width: 200px; color: #000; text-align: center; font-size: 13px; }
.menu-fix li a img { position: absolute; width: 198px; height: 20px; left: 0; top: 0; background: url('../images/interface/fff-80.png'); }
.menu-fix li a.active span,
.menu-fix li a:hover span { color: #a14d00; }
.menu-fix li a.active img,
.menu-fix li a:hover img { background: #fff; }
.menu-fixout { display: none; position: absolute; right: 0; top: 0; width: 700px; height: 600px; z-index: 1090; }




.path { position: absolute; left: 390px; top: 10px; letter-spacing: 1px; }
.path li { float: left; margin-right: 5px; }
.path li a { font-weight: bold; }
.path .rss { margin: 0 5px; }
.path .rss a { display: block; width: 36px; height: 14px; background-image: url('../images/interface/rss.gif'); }
.path .rss span { display: none; }
.path .flag { margin: 0 5px; }
.path .flag a { display: block; width: 27px; height: 14px; }
.path #flag-en { background-image: url('../images/interface/flag-en.gif'); }
.path #flag-fr { background-image: url('../images/interface/flag-fr.gif'); }
.path .flag span { display: none; }



.search { position: absolute; left: 532px; top: 35px; }
.search label { position: absolute; left: -95px; top: 0; width: 80px; height: 15px; background-repeat: no-repeat; }
.search .fr label { background-image: url('../images/interface/search-fr.gif'); }
.search .en label { background-image: url('../images/interface/search-en.gif'); }
.search label span { display: none; }
.search #search-q { position: absolute; left: 0; top: 2px; border: 0px none; width: 80px; font-size: 12px; background: #cfc1a7; }
.search #search-ok { position: absolute; left: 100px; top: 0; width: 38px; height: 17px; background-image: url('../images/interface/search-ok.gif'); }
.search #search-ok.hover { background-position: 0px -17px; }



.content { z-index: 25; }