/********** Styles Homepage Kiwii v3 **********/

body { background: transparent url(img/bg_body-homepage.jpg) left top repeat-x; padding: 0; }

ol.tree {visibility: hidden; }

body #menu ul.menuList li.current a { color: #51DCFF; }

#header { float: left; width: 1000px; height: 280px; background: transparent url(../../site-internet/header_home_votre-site-internet-est-il-efficace.jpg) left top no-repeat; }

/*#header img#tarifsDevis { position: relative; top: 180px; left: 250px; }*/
#header img#tarifsDevis { float: left; margin: 170px 0 0 250px; }


#horizontalBar { float: left; width: 1000px; height: 130px; background: transparent url(img/hbar_split.png) 480px center no-repeat; }
* html #horizontalBar { margin-top: -15px;}
#horizontalBar #quoteOpen { float: left; width: 20px; height: 120px; background: transparent url(img/quote_open.gif) left 15px no-repeat; margin: 0 15px 0 20px; } 
#horizontalBar #citation { float: left; width: 400px; height: 110px; padding-top: 10px; background: transparent url(img/quote_close.gif) 375px 90% no-repeat; }
#horizontalBar #citation q { margin: 0; line-height: 1.3em; color: #7b7b7b; font-size: 25px; font-family: "Times New Roman"; }

#citation q { font-style: normal; }
#citation q:before, #citation q:after { content: ""; }

#horizontalBar #w3c { float: left; width: 285px; height: 120px; margin-left: 60px; }
#horizontalBar #w3c p { float: left; color: #999; font-size: 16px; font-family: Arial; width: 245px; line-height: 18px;  margin-top: 15px; margin-bottom: 5px; }
#horizontalBar #w3c a { display: block; width: 235px; color: #666; font-size: 14px; }

#horizontalBar #w3c_img { float: right; width: 200px; margin-top: 20px; }
#horizontalBar #w3c_img img { float: right; }
#horizontalBar #w3c_img #img1 {margin-bottom: 5px; }
#horizontalBar #w3c_img #img2 {margin-left: 8px; }


#references { float: left; width: 480px;  margin-top: 20px;  padding: 0 20px; background-color: transparent; background-position: center bottom; background-repeat: no-repeat;  border-right: 1px dotted  #ccc;}
#references img.bouton { margin-right: 10px; }
#references h1 { margin: 15px 0 10px 0; color: #666; font-size: 24px; }
#references img.logo_ref { float: left; }
#references ul { float: left; width:180px;  list-style-type: none; margin-left: 20px; }
#references ul li { background: transparent url(img/puce_conseil-internet.gif) left center no-repeat; padding-left: 20px; }
#references ul li a { color: #b4b4b4; text-decoration: none; }
#references ul li a:hover { color: #000; }
#references p { float: right; margin-right: 15px; color: #999; font-family: Arial; font-size: 14px; }
#references p img { float: right; }

#solutions { float: left; width: 439px; margin-top: 20px; padding: 0 20px; }
#solutions h1 { color: #333; font-size: 23px; }
ul.vignette { list-style-type: none; margin: 0; float: left; width: 125px; margin-right: 20px; margin-bottom: 10px; }
ul.vignette li.titre { background-color: #f2f2f2; padding: 8px 10px; text-align: center; margin: 0; line-height: 110%; }
ul.vignette li.titre a { text-decoration: none; color: #666; }
ul.vignette li.titre a:hover { color: #000; }


/* Hacks IE6 */
* html #horizontalBar #w3c { margin-left: 30px; }
* html #solutions { width: 440px; padding: 0; margin-left: 20px; }