/*
 * common.css
 *
 * MyEShop
 * http://www.myeshop.fr
 *
 * Copyright (c) 2005-2010 MyEShop
 *
*/

*{margin:0;padding:0;}
body {background:white url('../../images/fond.png') repeat-x top left; /* #afbfc6;*/font-size:0.9em;font-family: arial;}

a {text-decoration: none;color:black;}
a:hover {text-decoration: underline;}
img {border:none;}
.float-left {float:left;}
.float-right {float:right;}
.center {text-align:center !important;}
.bold {font-weight: bold;}
#container {margin:0 auto;width:980px;border-width:2px 1px;border-style:solid;border-color:black;background:#afbfc6;}
#header {width:980px;}

#header-top {background: url('../../images/bg_header_top.png') repeat-x top left;height:42px;width:980px;}
#header-top ul {float:right;margin-right:15px;}
#header-top ul li {background:transparent url(../../images/bullet_blue.png) no-repeat scroll left center;display:inline;font-size:0.85em;padding:10px 0 10px 22px;font-weight:bold;height:38px;line-height:40px;list-style-type:none;margin-left:14px;}
#header-top ul li.current {background:transparent url(../../images/bullet_yellow.png) no-repeat scroll left center;}
#header-top ul li:hover {background:transparent url(../../images/bullet_red.png) no-repeat scroll left center;}

#header-bottom {background: url('../../images/banner.jpg') no-repeat top center;height:120px;width:980px;border-top:2px solid black;border-bottom:2px solid black;}
#navigation {float:left;background: url('../../images/bg_left.jpg') no-repeat top left;width:420px;height:600px;border-right:1px solid white;}
#navigation p.text {font-size:0.8em;margin-top:10px;margin-bottom:3px;margin-left:155px;text-align:justify;width:261px;}
#navigation p.text a {text-decoration: underline;}

#navigation p.image {float:left;}
#navigation #menu {background: url('../../images/bg_menu_ul.png') no-repeat top left;height:429px;width: 421px;}
#navigation #menu ul {list-style-type:none;}
#navigation #menu ul li {position:absolute;display: block;background: url('../../images/bullet_blue.png') no-repeat left center;text-indent:25px;line-height:22px;height:22px;}
#navigation #menu ul li.current  {background: url('../../images/bullet_yellow.png') no-repeat left center;}
#navigation #menu ul li.level1 {margin-top:22px;margin-left:80px;}
#navigation #menu ul li.level2 {margin-top:41px;margin-left:146px;}
#navigation #menu ul li.level3 {margin-top:64px;margin-left:188px;}
#navigation #menu ul li.level4 {margin-top:88px;margin-left:228px;}
#navigation #menu ul li.level5 {margin-top:117px;margin-left:265px;}
#navigation #menu ul li.level6 {margin-top:145px;margin-left:290px;}
#navigation #menu ul li.level7 {margin-top:176px;margin-left:310px;}
#navigation #menu ul li a {font-size:0.85em;display: block;font-weight: bold;}
#navigation #menu ul li a:hover {text-decoration: none;}
#navigation #menu ul li:hover {padding-left:0.5em;background:transparent url(../../images/bullet_red.png) no-repeat scroll left center;}
#content {float:right;width:559px;}
#footer {clear:both;background: url('../../images/bg_footer.png') repeat-x top left;height:27px;width:100%;line-height:27px;border-bottom:1px solid black;text-align: center;}
#footer p {font-size:0.8em; }
#footer p img {vertical-align: middle;}
.center {text-align:center;}

/* pages */
#content h1 {background: url('../../images/bg_breadcrumbs.png') repeat-x top left;height:33px;width:100%;display:block;font-size:0.8em;line-height:33px;text-indent:5px;}
#content h2 {color:black;margin-left:5px; font-weight: bold;margin-bottom:15px; }
#content h3 {text-decoration: underline;margin-top:25px;margin-left: 5px;}
#content ul {margin-left:40px;}
#content ul li {list-style-type: square;line-height:20px;margin-bottom:5px;}
#content .underline {text-decoration: underline;}
#content .bold {font-weight: bold;}
#content .swf {margin: 0 auto;text-align:center; }
.index, .page {font-size: 0.8em;}

.index {background: url('../../images/bg_home.jpg') no-repeat top center;width:549px;height:247px;margin:5px auto}
.index p {padding:7px;text-align: justify;}

.page {background: url('../../images/bg_page.jpg') no-repeat top center;width:550px;height:551px;margin:5px auto;overflow-y: auto;}
.page p {padding: 0 8px;text-align: justify;line-height: 20px;}
.page hr {clear: both;}
.page .produit img {margin:5px;}
.page.partenaire img {margin: 15px;}
.page.qui p {text-indent:30px;}
.page table {width: 100%}
.page table tr td {vertical-align: top;width:50%}
.page.mentions h2 {margin-bottom:0!important;}
.page p.travaux {font-size:1.2em;text-align:center!important; color:black; margin-top:25px;}