/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2010/02/24
 * @link	http://www.agenceici.com/
 *
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; }
html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; background: #000; color: #868686; }

ul, li { list-style: none; }
img { border: 0 none; }


.clear { clear: both; }
.no-spam { display: none; }


a { color: #000; text-decoration: none; }
a:hover { color: #ff4200; }



.contact { width: 960px; margin: 0 auto; padding: 10px 0; text-align: right; }
.contact a { color: #868686; }
.contact a strong { display: none; }
.contact a:hover { color: #868686; text-decoration: underline; }



.container { position: relative; width: 960px; margin: 0 auto; color: #000; }

a.logo { position: absolute; left: 0px; top: 0px; width: 301px; height: 100px; }
a.logo span { display: none; }

.menu-head { padding: 110px 0 0 40px; width: 260px; height: 250px; background: url(../images/head-background.gif); }
.menu-head a { display: block; color: #fff; padding: 6px 0 5px 0; }
.menu-head a:hover,
.menu-head a.active { color: #ff4200; }
.menu-head li { border-top: 1px solid #484848; width: 210px; color: #fff; }
.menu-head li.first { border-top: 0 none; }

.menu-content { position: absolute; left: 0; top: 361px; z-index: 1; }
.menu-content li { float: left; background: url(../images/menu-2-sep.gif) no-repeat; padding-left: 1px; }
.menu-content li.first { background: transparent; }
.menu-content li a { display: block; float: left; padding: 4px 0 0 0; /*width: 118px;*/ width: 147px; height: 23px; text-align: center; }
.menu-content li.large a { /*width: 144px;*/ }
.menu-content li a:hover,
.menu-content li a.active { color: #ff4200; background: url(../images/menu-2-hover.gif) repeat-x; }



.head-images { position: absolute; right: 0; top: 0; width: 659px; height: 360px; }
.head-images img { display: block; }
.head-image-01 { background-image: url(../images/head-01.jpg); }

.content-images { position: absolute; right: 0; top: 361px; width: 219px; height: 531px; }
.content-images img { display: block; }
.content-image-01 { background-image: url(../images/content-01.jpg); }

.content { position: relative; width: 739px; height: 470px; padding-top: 61px; border-top: 1px solid #000; border-left: 1px solid #000; background: #fff url(../images/content-background.gif) repeat-x; }
.content h1 { margin-left: 80px; padding-bottom: 5px; border-bottom: 1px solid #000; }
.content p { padding: 15px 120px 0px 80px; text-align: justify; }
.content table.contact { background: #ccc; width: 739px; margin-top: 30px; }
.content table.contact td { text-align: left; vertical-align: top; padding: 7px 0; }
.content table.contact td.left { width: 35%; padding-left: 110px; font-weight: bold; }
.content table.contact td.right { width: 65%; }
.content ul.list { padding: 0 120px 0px 100px; text-align: justify; }
.content ul.list li { list-style: disc; }
.content table.form { margin: 20px auto 0; }
.content table.form * { font-size: 12px; }
.content table.form td { vertical-align: top; }
.content table.form td.label { text-align: right; padding: 3px 5px 0 10px; }
.content table.form span { display: inline-block; color: #ff4200; width: 5px; }
.content table.form input.text-1 { width: 150px; }
.content table.form input.text-2 { width: 400px; }
.content table.form textarea { width: 400px; }


.footer { position: absolute; left: 20px; bottom: 0px; color: #868686; width: 720px; height: 30px; padding-top: 30px; overflow: hidden; }
.footer a { color: #ff4200; text-decoration: underline; }
.footer a:hover { text-decoration: none; }
.footer a.img-1 { display: block; position: absolute; text-decoration: none; width: 90px; bottom: 5px; right: 80px;}
.footer a.img-2 { display: block; position: absolute; text-decoration: none; width: 90px; bottom: -5px; right: 0px;}


.content div.infos { overflow: auto; height: 360px; }
.content div.infos p { padding: 15px 80px 0 80px; }