/* CSS Document */ /* -----------------------------------------------------------------------------------------------------------------*/ /* GLOBAL */ html,body { padding:0; margin:0; min-height:80%; height:auto; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; } body { height:100%; background-image:url(../images/audio-alarme-bg-body2.gif); background-repeat:repeat-x; background-attachment:fixed; background-position:top left;} a { color:#00529F; text-decoration:underline; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;} a:hover { color:#0475DE; } hr { size:1; border:none; border-bottom:1px solid #cccccc;} .titre {color: rgb(240, 62, 50); font-weight: bold; font-size: 16px;} /* -----------------------------------------------------------------------------------------------------------------*/ /* STRUCTURE */ #wrapper { height:100%; width:858px; background-image:url(../images/audio-alarme-bg-body.gif); background-repeat:repeat-y; background-position:center; padding:0; margin:0 auto;} #header { width:100%; height:350px;} #header #bgheader1 { float:left; width:100%; height:91px; background-image:url(../images/audio-alarme-header1.gif); background-repeat:no-repeat; background-position:top left; padding:0; margin:0;} #header #bgheader2 { float:right; width:576px; height:91px; background-image:url(../images/audio-alarme-header2.gif); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; color:#373737; font-size:10px;} #header #bgheader2 ul { list-style-type:none; display:block; margin:60px 0 0 10px; padding:0;} #header #bgheader2 ul li { list-style-type:none; margin:0; padding:0; float:left;} #header #bgheader2 ul li.telephone { list-style-type:none; margin:0 10px 0 0; padding:0 0 5px 20px; float:right; background-image:url(../images/audio-alarme-telephone.gif); background-repeat:no-repeat; background-position:top left;} #header #bgheader2 ul li.telephone img { display:none;} #header #bgheader2 ul li.courriel { list-style-type:none; margin:0 10px 0 0; padding:0 0 5px 20px; float:right; background-image:url(../images/audio-alarme-courriel.gif); background-repeat:no-repeat; background-position:top left;} #header #bgheader2 ul li.courriel img { display:none;} #header #bgheader2 ul li.courriel a { color:#373737; font-size:10px; text-decoration:none;} #header #bgheader2 ul li.courriel a:hover { text-decoration:underline;} #header #logo { float:left; width:238px; height:130px; position:relative; top:0px; left:44px; background-image:url(../images/audio-alarme-logo.gif); background-repeat:no-repeat; background-position:top left; padding:0; margin:0;} #header #logo img { display:none; } #menu { z-index:20;} #menu #content1 { float:left; width:100%; height:206px; background-image:url(../images/audio-alarme-entete1.jpg); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; z-index:30;} #menu #content2 { float:right; width:576px; height:206px; background-image:url(../images/audio-alarme-entete2.jpg); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; z-index:40;} #menu #content-menu { float:left; width:238px; height:224px; position:relative; top:-167px; left:-238px; background-image:url(../images/audio-alarme-bg-menu.gif); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; z-index:50;} #content-wrapper { min-height:100%; display:block; height:auto; margin:0; padding:0 0 30px 0; background-image:url(../images/audio-alarme-bg-body.gif); background-repeat:repeat-y; background-position:center; } #content-wrapper #content { position:relative; top:0; left:0; width:100%; min-height:100px; height:100%; background-image:url(../images/audio-alarme-bg-content1.gif); background-repeat:no-repeat; background-position:top left; padding:0; margin:-52px 0 30px 0;} #content-wrapper #content2 { position:relative; top:0; left:0; width:100%; min-height:100px; height:auto; background-image:url(../images/audio-alarme-bg-content2.gif); background-repeat:no-repeat; background-position:top right; padding:0; margin:-1px 0 0 0; font-size:12px;} #content-wrapper #content2 #col-left { display:block; float:left; position:relative; top:65px; left:10px; width: 270px; min-height:150px; height:auto; padding:0; margin:0; z-index:100;} #content-wrapper #content2 #col-right { display:block; float:right; position:relative; top:20px; right:10px; width: 555px; min-height:180px; padding:0; margin:0;} #content-wrapper #content2 #col-right #contenu-texte { width:95%; height:auto; padding:0; margin:0;} /*#footer { width:100%; height:70px; float:left; background-image:url(../images/audio-alarme-bg-footer.gif); background-position:top left; background-repeat:no-repeat; text-align:center; font-size:10px; color:#0056A1; padding:0; margin:0;}*/ #footer { position: relative; bottom: 0px; width:100%; height:70px; background-image:url(../images/audio-alarme-bg-footer.gif); background-position:top left; background-repeat:no-repeat; font-size:10px; color:#0056A1; padding:0; margin:0;z-index:500;} /* -----------------------------------------------------------------------------------------------------------------*/ /* MENU */ #menu img { display:inline; float:left;} #content-menu ul { padding:0; margin:0 0 0 10px; width:213px; } #content-menu ul li { width:auto; height:26px; list-style-type:none; padding:0; margin:2px 0 0 0; background-image:url(../images/audio-alarme-menu-normal.gif); background-repeat:no-repeat; background-position:top left;} #content-menu ul li a { margin:0; padding:5px 0 0 38px; display:block; width:175px; height:100%; background-image:url(../images/audio-alarme-menu-normal.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none; color:#243A50; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;} #content-menu ul li a:hover { background-image:url(../images/audio-alarme-menu-over.gif); text-decoration:none;} #content-menu ul li a.current { margin:0; padding:5px 0 0 38px; display:block; width:175px; height:100%; background-image:url(../images/audio-alarme-menu-current.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none; color:#243A50; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;} #content-menu ul li a.current:hover { background-image:url(../images/audio-alarme-menu-over.gif); text-decoration:none;} /* -----------------------------------------------------------------------------------------------------------------*/ .clear { clear:both;} /* -----------------------------------------------------------------------------------------------------------------*/ /* LISTE DES PROMOTIONS*/ #content-wrapper #content2 #col-left #blocPromotions { padding:0; margin:0 0 0 5px; border:1px solid #cccccc; width:250px;} #content-wrapper #content2 #col-left #blocPromotions p { padding:8px; margin:0;} #content-wrapper #content2 #col-left #blocPromotions ul#listePromotions { list-style-type:none; margin:0 0 0 15px; padding:0;} #content-wrapper #content2 #col-left #blocPromotions ul#listePromotions li { list-style-type:none; background-image:url(http://www.audioalarme.com/files/image/puce.png); background-repeat:no-repeat; background-position:top left; padding:0; margin:0;} #content-wrapper #content2 #col-left #blocPromotions ul#listePromotions li.vide { background:none; padding-bottom:30px;} #content-wrapper #content2 #col-left #blocPromotions ul#listePromotions a { display:block; height:28px; background-image:url(http://www.audioalarme.com/files/image/puce.png); background-repeat:no-repeat; background-position:top left; padding-left:25px;} #content-wrapper #content2 #col-left #blocPromotions ul#listePromotions a:hover { background-image:url(http://www.audioalarme.com/files/image/puce2.png); } #content-wrapper #content2 #col-left #blocListePromotions { width:250px; padding:0; margin:0 0 20px 0;} #content-wrapper #content2 #col-left #blocListePromotions #titre { width:205px; background-image:url(../images/audio-alarme-promo-header.jpg); background-position:right top; background-repeat:no-repeat; padding:7px 0 11px 45px; margin:0; font-weight:bold; font-size:20px; color:#ef3e34; line-height:20px;} #content-wrapper #content2 #col-left #blocListePromotions #body { float: left; width:220px; background-image:url(../images/audio-alarme-promo-body.jpg); background-position:right top; background-repeat:no-repeat; padding:0 0 0 30px; margin:0;} #content-wrapper #content2 #col-left #blocListePromotions #body h3 { color:#00529F; font-weight:bold; font-size:14px; margin:0; padding:5px 0 0 0;} #content-wrapper #content2 #col-left #blocListePromotions #body p { color:#00529F; font-weight:bold; font-size:11px; margin:0; padding:0;} #content-wrapper #content2 #col-left #blocListePromotions #body a { display:block; width:100%; height:80px; text-decoration:none;} #content-wrapper #content2 #col-left #blocListePromotions #body2 { float: left; min-height:75px; height:auto !important; height:75px; width:220px; background-image:url(../images/audio-alarme-promo-body2.jpg); background-position:right top; background-repeat:no-repeat; padding:0 0 0 30px; margin:0;} #content-wrapper #content2 #col-left #blocListePromotions #body2 p { padding:8px; margin:0;} #content-wrapper #content2 #col-left #blocListePromotions #body2 ul#listePromotions { list-style-type:none; margin:5px 0 0 5px; padding:0;} #content-wrapper #content2 #col-left #blocListePromotions #body2 ul#listePromotions li { list-style-type:none; background-image:url(http://www.audioalarme.com/files/image/puce.png); background-repeat:no-repeat; background-position:top left; padding:0; margin:0;} #content-wrapper #content2 #col-left #blocListePromotions #body2 ul#listePromotions li.vide { background:none; padding-bottom:30px;} #content-wrapper #content2 #col-left #blocListePromotions #body2 ul#listePromotions a { font-weight:bold; display:block; height:28px; background-image:url(http://www.audioalarme.com/files/image/puce.png); background-repeat:no-repeat; background-position:top left; padding-left:25px; text-decoration:none;} #content-wrapper #content2 #col-left #blocListePromotions #body2 ul#listePromotions a:hover { background-image:url(http://www.audioalarme.com/files/image/puce2.png); text-decoration:none;} /* -----------------------------------------------------------------------------------------------------------------*/ /* CONTENU DE DROITE */ #content-wrapper #content2 #col-right ul { list-style-type:none;} #content-wrapper #content2 #col-right ul li { list-style-type:none; background-image:url(../images/audio-alarme-arrow.gif); background-repeat:no-repeat; background-position:0 1px; padding-left:15px;} #content-wrapper #content2 #col-right .overflow{ overflow:auto; width:525px; height:350px; padding:10px; margin:0; background-image:url(../images/audio-alarme-bg-overflow.jpg); background-position: top left; background-repeat:no-repeat;} /* -----------------------------------------------------------------------------------------------------------------*/ /* ICONE THUMBNAIL */ #content-wrapper #content2 #col-right ul.icoThumbnail { list-style-type:none; padding:0; margin:0; width:100%; height:auto; } #content-wrapper #content2 #col-right ul.icoThumbnail li { list-style-type:none; padding:0 0 15px 0; margin:0 8px; width:160px; height:auto; float:left; background-image:url(../images/audio-alarme-bloc-bottom.gif); background-position:bottom left; background-repeat:no-repeat; } #content-wrapper #content2 #col-right ul.icoThumbnail div {list-style-type:none; padding:0; margin:0; width:160px; min-height:200px; height:auto !important; height:200px; float:left; background-image:url(../images/audio-alarme-bloc-top.gif); background-position:top left; background-repeat:no-repeat; } #content-wrapper #content2 #col-right ul.icoThumbnail div h3 { font-size:18px; color:#ef3e34; text-align:center; width:160px; height:auto; padding:0; margin:0 auto;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3 p{ font-weight:normal; font-size:10px; color:#373737; text-align:left; margin:0 auto;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3 p a { font-weight:normal; font-size:10px; color:#373737; text-decoration:none;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3 p a:hover { text-decoration: underline;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3 p.tagQualite{ background-image:url(../images/audio-alarme-tag-qualite.png); background-position:top left; background-repeat:no-repeat; padding-left:40px; padding-right:10px;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3.camera { display:block; margin:0 auto; padding:75px 0 0 0;background-image:url(../images/audio-alarme-systeme-camera.png); background-position:top center; background-repeat:no-repeat;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3.securite { display:block; margin:0 auto; padding:85px 0 0 0;background-image:url(../images/audio-alarme-systeme-securi.png); background-position:top center; background-repeat:no-repeat;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3.sonorisation { display:block; margin:0 auto; padding:85px 0 0 0;background-image:url(../images/audio-alarme-sonorisation.png); background-position:top center; background-repeat:no-repeat;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3.securite p{ font-weight:normal; font-size:10px; color:#373737; text-align:left; margin:10px auto 0 auto;} #content-wrapper #content2 #col-right ul.icoThumbnail div h3.sonorisation p{ font-weight:normal; font-size:10px; color:#373737; text-align:left; margin:10px auto 0 auto;} /* -----------------------------------------------------------------------------------------------------------------*/ /* FOOTER */ #footer a { color:#0056A1; text-decoration:none; font-size:10px;} #footer a:hover { color:#373737; text-decoration:underline;} #footer ul.menu { display:block; list-style-type:none; padding:15px 0 0 0; margin:0 0 0 149px; text-align:center; width:auto;} #footer ul.menu li { list-style-type:none; padding:0; margin:0 3px; float:left;} #footer ul.menu li a { list-style-type:none; padding:0; margin:0; font-size:10px; color:#0056A1; text-decoration:none;} #footer ul.menu li a:hover { color:#373737; text-decoration:underline;} #footer ul { list-style-type:none; padding:0; margin:0; width:auto; text-align:center;} #footer ul li { list-style-type:none; padding:19px 0 0 0; margin:0; width:auto; text-align:center;}