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


html, body { width:100%; height:100%; font-size:12px; font-family:Arial, sans-serif; margin:0; padding:0; background:#c1c1c1 url(../images/interface/background.jpg) center repeat-x; }

a { color:#cd172c; text-decoration:none; }
a:hover { text-decoration:underline; }


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


table.container { width:100%; height:100%; margin:0; padding:0; }
td.container-left { width:50%; height:100%; vertical-align:middle; margin:0; padding:0; }
td.container { width:1000px; height:100%; vertical-align:middle; margin:0; padding:0; }
div.container { position:relative; width:1000px; height:600px; margin:0 auto; }
td.container-right { width:50%; height:100%; vertical-align:middle; margin:0; padding:0; }
div.container-right { position:relative; height:514px; padding-top:86px; }

.images-with-shadow { position:relative; width:172px; }
.images-with-shadow ul { position:absolute; width:150px; margin:0; padding:0; }
.images-with-shadow li { position:relative; width:150px; height:150px; margin:0; padding:0; list-style:none; }
.images-with-shadow li div { position:absolute; left:0; top:0; margin:0; padding:0; }
.images-with-shadow img { display:block; border:0 none; width:150px; height:150px; }
.images-with-shadow #images-left { position:absolute; left:-150px; top:0; width:150px; height:600px; }
.images-with-shadow #images-right { position:absolute; left:0; top:0; width:150px; height:600px; }
.images-with-shadow .shadow-left { position:absolute; left:-172px; top:0; width:22px; height:600px; background:url(../images/interface/images-shadow-left.png); }
.images-with-shadow .shadow-right { position:absolute; right:0; top:0; width:22px; height:600px; background:url(../images/interface/images-shadow-right.png); }

.address { position:absolute; left:0px; bottom:-18px; color:#fff; font-size:10px; }
.address a { color:#fff; }

.copy { position:absolute; right:0; top:10px; color:#cd172c; font-size:10px; }
.copy strong { display:none; }

.logo { position:absolute; left:180px; top:20px; width:333px; height:91px; background:url(../images/interface/urhpicardie-logo.gif); }
.logo span { display:none; }

.menu { position:absolute; left:250px; top:86px; z-index:32; }
.menu .menu-left { position:absolute; left:0; top:0; width:25px; height:25px; background:url(../images/interface/menu-left.gif); z-index:32; }
.menu ul { margin:0; padding:0; background:url(../images/null.gif); }
.menu li { margin:0; padding:0; list-style:none; }
.menu ul.menu { position:absolute; left:20px; top:0; width:730px; height:25px; background:url(../images/interface/menu-background.gif) repeat-x; }
.menu ul.menu li { float:left; padding:4px 0; }
.menu ul.menu li a { display:block; color:#fff; font-size:12px; padding:2px 5px 1px 5px; border-left:1px solid #fff; cursor:pointer; }
.menu ul.menu li.first a { padding-left:0; border-left:0 none; }
.menu ul.menu li.first ul.smenu li a { padding:4px 10px; } /* fix */
.menu ul.smenu { display:none; position:absolute; top:26px; }
.menu ul.smenu li { position:relative; float:none; border:1px solid #cd172c; border-top:0 none; padding:0; }
.menu ul.smenu li a { display:block; position:relative; color:#cd172c; padding:4px 10px; border:0 none; white-space:nowrap; background:url(../images/interface/menu-80p.png); }
.menu ul.smenu li a:hover { text-decoration:underline; }
.menu ul.smenu li.first { border-top:1px solid #cd172c; }
.menu ul.smenu li.first a { padding:4px 10px; }
.menu a.active { text-decoration:underline; }
.menu-line { height:25px; background:url(../images/interface/menu-background.gif); }


.content { position:absolute; left:250px; top:130px; width:740px; height:450px; overflow:auto; z-index:0; }
.content a { color:#f30; text-decoration:underline; }
.content a:hover {color:#b00; text-decoration:underline; }

#map { width:650px; height:350px; border:1px solid #db3237; margin:0 auto; }