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


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

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

a { color: #fff; text-decoration: underline; }


.clear { clear: both; }
.no-spam { display: none; }
/*.opacity-0 { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }*/


table.tcontainer { width: 900px; height: 100%; margin: 0 auto; background: #000; }
td.tcontainer { width: 900px; height: 100%; vertical-align: top; }
div.container { position: relative; }

.head { position: relative; color: #000; height: 86px; background: url(../images/head-gradient.gif) 0% 0%; }
.head a.logo { position: absolute; left: 0px; top: 0px; }
.adresse a { color: #000; font-size: 14px; }
.adresse { text-align: right; padding: 10px; }

.menu { position: relative; }
.menu ul { position: relative; height: 31px; background: url(../images/head-gradient.gif) 0% 100%; }
.menu li { float: left; height: 31px; margin-left: 5px; }
.menu li.first { margin-left: 10px; }
.menu li.last { margin-right: 5px; float: right; }
.menu a { position: relative; display: block; text-decoration: none; float: left; height: 31px; padding: 0 18px; background: #7f7f7f; }
.menu a .left { position: absolute; left: 0; top: 0; width: 18px; height: 31px; background: url(../images/menu-normal-left.gif); }
.menu a .right { position: absolute; right: 0; top: 0; width: 18px; height: 31px; background: url(../images/menu-normal-right.gif); }
.menu a strong { position: relative; display: inline-block; white-space: nowrap; font-size: 14px; padding-top: 8px; cursor: pointer; }
.menu a:hover, .menu a.active,
.menu a.red { background: #000; }
.menu a:hover .left, .menu a.active .left,
.menu a.red .left { position: absolute; left: 0; top: 0; width: 18px; height: 31px; background: url(../images/menu-active-left.gif); }
.menu a:hover .right, .menu a.active .right,
.menu a.red .right { position: absolute; right: 0; top: 0; width: 18px; height: 31px; background: url(../images/menu-active-right.gif); }
.menu a strong { position: relative; display: inline-block; white-space: nowrap; font-size: 14px; padding-top: 8px; cursor: pointer; }

.menu a.red { color: #d62b19; }
.menu a.red strong { z-index: 1; padding-right: 55px; }
.menu a.red img { position: absolute; top: 13px; right: 10px; }


.content { position: relative; padding: 20px 0px 20px 60px; }
.content h1 { font-size: 18px; color: #999; padding-top: 10px; }
.content h1 strong { color: #fff; }
.content h2 { padding-top: 20px; clear: both; background: url(../images/separator-01.gif) 100px 48px no-repeat; }
.content h2.title-2 { background: none; }

.block { float: left; position: relative; margin: 15px 50px 15px 0; width: 358px; height: 211px; background: url(../images/block-black-01.gif); }
.block .ref { position: absolute; right: 15px; top: 10px; color: #666; }
.block img { position: absolute; left: 30px; top: 30px; }
.block .infos { position: absolute; left: 126px; top: 30px; width: 200px; }
.block .infos strong { display: block; border-bottom: 1px solid #fff; padding-bottom: 5px; }
.block .infos span { display: block; padding: 5px 0; }
.block .infos em { display: block; font-style: normal; font-size: 14px; color: #999; font-weight: bold; padding-top: 5px; }
.block .prix { position: absolute; left: 30px; bottom: 15px; width: 298px; height: 20px; padding-top: 10px; border-top: 1px solid #565656; }
.block .prix em { font-size: 18px; color: #ff1800; font-style: normal; font-weight: bold; }
.block .prix strong { position: absolute; right: 0; top: 3px; font-size: 30px; white-space: nowrap; }

.block-boutons { float: left; position: relative; margin: 15px 50px 15px 0; width: 358px; height: 211px; }

p.text-1 { padding: 0px 100px 20px 0; text-align: justify; }

table.images { margin: 0 auto; width: 80%; }
table.images th { font-weight: normal; color: #ff1800; font-style: italic; }
table.images td { text-align: center; width: 50%; }


form.devis { width: 780px; padding: 10px 0; }
form.devis fieldset { margin: 10px 0; padding: 10px; }
form.devis legend { margin: 0 10px; padding: 0 5px; color: #ff1800; font-style: italic; }
form.devis .star { color: #ff1800; }
form.devis p { padding: 5px 0 0; }
form.devis p.sep { background: url(../images/separator-01.gif) 25% 75% no-repeat; }
form.devis label { display: inline-block; width: 150px; padding-right: 10px; text-align: right; }
form.devis label.text-2 { width: 120px; }
form.devis input.text { width: 400px; }
form.devis input.text-2 { width: 80px; }
form.devis span.input-text-2 { display: inline-block; width: 82px; }
form.devis input.checkbox { margin-left: 20px; }

ul.infos { padding: 10px 25px; width: 500px; }
ul.infos li { list-style: disc; }

ol.infos { padding: 10px 25px; width: 500px; }
ol.infos li { list-style: decimal; }