/*///////// GENERAL SETTINGS */ body{background-attachment:scroll;background-repeat:repeat-y;background-position:50% 0%;background-color:#000; background-image:url(../images/out-bg.jpg);padding:0;margin:0} #container{margin-right:auto;margin-left:auto;width:865px;color:#000;position:relative} #header{background:url(../images/head.jpg) no-repeat;width:865px;height:184px} a{color:#adadad;font-weight:bold} a:hover{color:#fffff} /*-----------------------*/ /*///////// NAVIGATION */ #topmenu-content{position:relative;height:56px;width:865px} #btn-accueil{position:absolute;top:-1px;left:0px;background:url(../images/btn-accueil.jpg) no-repeat;height:56px;width:157px} #btn-johnny{position:absolute;top:-1px;left:156px;background:url(../images/btn-johnny.jpg) no-repeat;height:56px;width:173px} #btn-choppers{position:absolute;top:-1px;left:329px;background:url(../images/btn-choppers.jpg) no-repeat;height:56px;width:179px} #btn-galleries{position:absolute;top:-1px;left:506px;background:url(../images/btn-galleries.jpg) no-repeat;height:56px;width:178px} #btn-contact{position:absolute;top:-1px;left:683px;background:url(../images/btn-contact.jpg) no-repeat;height:56px;width:182px} #btn-accueil,#btn-johnny,#btn-choppers,#btn-galleries,#btn-contact{font:bold 14px "Trebuchet MS", arial, sans-serif;color:#fff; text-align:center;text-decoration:none;padding:18px 0 0 0} #btn-accueil:hover,#btn-johnny:hover,#btn-choppers:hover,#btn-galleries:hover,#btn-contact:hover{color:#ff2e00} .btn-on{color:#ff2e00} /*-----------------------*/ /*///////// MAIN CONTENT */ #main-content{position:relative;background:url(../images/content-bg.jpg) repeat-y 1px 0;width:865px;height:800px} .titre-a{font:18px "Trebuchet MS", arial, sans-serif;color:#ff3000} .gras-orange{font:14px "Trebuchet MS", arial, sans-serif;color:#ffffff} .intro-txt{font:14px "Georgia", arial, sans-serif;color:#8c8c8c;padding:40px 0 0 40px;width:565px} .titre-b{font:11px "Trebuchet MS", arial, sans-serif;color:#ff3000;text-align:right} /*--- choppers ---*/ #gallery{padding:40px 0 0 40px;width:565px} #gallery a{text-decoration:none;cursor:pointer} .sub-title{font:12px "Trebuchet MS", arial, sans-serif;color:#fff} #thm001{float:left;background:url(../images/thmCrown.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #thm002{float:left;background:url(../images/thmFirestorm.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #thm003{float:left;background:url(../images/thmGriffin.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #thm004{float:left;background:url(../images/thmVilain.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #thm005{float:left;background:url(../images/thmWarlord.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #thm006{float:left;background:url(../images/thmSceptre.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #thm007{float:left;background:url(../images/thmVilain2.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #thm008{float:left;background:url(../images/thmGriffin2.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} /*--- Articles promo ---*/ #gallery{padding:40px 0 0 40px;width:565px} #gallery a{text-decoration:none;cursor:pointer} .sub-title{font:12px "Trebuchet MS", arial, sans-serif;color:#fff} #promo001{float:left;background:url(../images/promo/th-promo01.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #promo002{float:left;background:url(../images/promo/th-promo02.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #promo003{float:left;background:url(../images/promo/th-promo03.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #promo004{float:left;background:url(../images/promo/th-promo04.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #promo005{float:left;background:url(../images/promo/th-promo05.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #promo006{float:left;background:url(../images/promo/th-promo06.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #promo007{float:left;background:url(../images/promo/th-promo07.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #promo008{float:left;background:url(../images/promo/th-promo08.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #promo009{float:left;background:url(../images/promo/th-promo09.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} /*--- Clients (gallerie) ---*/ #gallery{padding:40px 0 0 40px;width:565px} #gallery a{text-decoration:none;cursor:pointer} .sub-title{font:12px "Trebuchet MS", arial, sans-serif;color:#fff} #client001{float:left;background:url(../images/clients/th-client-01.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #client002{float:left;background:url(../images/clients/th-client-02.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #client003{float:left;background:url(../images/clients/th-client-03.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #client004{float:left;background:url(../images/clients/th-client-04.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0} #client005{float:left;background:url(../images/clients/th-client-05.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #client006{float:left;background:url(../images/clients/th-client-06.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #client007{float:left;background:url(../images/clients/th-client-07.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #client008{float:left;background:url(../images/clients/th-client-08.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #client009{float:left;background:url(../images/clients/th-client-09.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #client010{float:left;background:url(../images/clients/th-client-10.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} #client011{float:left;background:url(../images/clients/th-client-11.jpg) no-repeat;width:115px;text-align:center;padding:90px 20px 0 0;margin:40px 0 0 0} /*--- contact ---*/ #contact-txt{font:14px "Trebuchet MS", arial, sans-serif;color:#fff;padding:40px 0 0 40px;width:565px} #john-luc{position:relative;background:url(../images/john-n-luc.jpg) no-repeat;width:548px;height:359px;margin:10px 0 0 0} #john-tel{position:absolute;top:123px;left:250px;font:23px "Trebuchet MS", arial, sans-serif;color:#fff} #luc-tel{position:absolute;top:288px;left:250px;font:23px "Trebuchet MS", arial, sans-serif;color:#fff} /*--- za ---*/ #za-content{position:absolute;top:0;left:646px;padding:20px 0 0 40px;width:170px} .item-name{font:bold 12px "Trebuchet MS", arial, sans-serif;color:#fff;line-height:30px} .text-promo{font:bold 12px "Trebuchet MS", arial, sans-serif;color:#fff;line-height:30px} .item-year{font:bold 12px "Trebuchet MS", arial, sans-serif;color:#f05605} .item-desc{font:11px "Trebuchet MS", arial, sans-serif;color:#b6b6b6} .item-detail{padding:7px 0 0 0} .item-detail a{font:11px "Trebuchet MS", arial, sans-serif;color:#ff5800;text-decoration:underline} .item-detail a:hover{font:11px "Trebuchet MS", arial, sans-serif;color:#ff5800;text-decoration:none} /*-----------------------*/ /*vD.Hic.Et.Nunc*/