/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Version: 0.0.1 (2010-10-30) YYYY-MM-DD
* Website: Landing Microsoft
* Author: Ve
* Description: Feuille de style générale pour la landing page Kasperksy 2011
== STRUCTURE: ==============================
* Page width: 954 px
* Number of columns: 2
============================================
== INDEX: ==================================
============================================
* _RESET : Remise à zéro du style des balises infligé par chacun des navigateurs
* _COMPATIBILITÉ : Permet d'avoir le même résultat sur tous les navigateurs
* _BODY :
* _TOP :
* _HEADER : Haut de page
* _CONTENT : Contenu
* _CONTENT_AD :
* _MAIN-QUIZ :
* _CLEAR :
* _FOOTER : Bas de page
* _BASELINE :
============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* _RESET
==========================================*/
*{margin : 0; padding : 0;}
img{border:none; text-decoration:none !important;}
a{text-decoration:none; color:#000;}
.reset{font-size:0; font-weight:0; line-height:0;}

/* _VE-FRAMEWORK 
==========================================*/

/* Margin & Padding */
.mauto{margin:auto;}

.m0{margin:0;}
.m3{margin:3px;}
.m10{margin:10px;}

.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr23{margin-right:23px;}
.mr40{margin-right:40px;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}

.mmt{margin-top:-50px;}

.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml27{margin-left:27px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml254{margin-left:254px;}
.ml290{margin-left:290px;}


.p0{padding:0;}

.pt0{padding-top:0;}
.pt2{padding-top:2px;}
.pt5{padding-top:5px;}
.pt7{padding-top:7px;}
.pt10{padding-top:10px;}
.pt16{padding-top:16px;}
.pt20{padding-top:20px;}
.pt26{padding-top:26px;}
.pt30{padding-top:30px;}
.pt34{margin-top:34px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl70{padding-left:70px;}

.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb16{padding-bottom:16px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb53{padding-bottom:53px;}

/* z-index */
.z10{z-index:10 !important;}
.z10000{z-index:1000000 !important;}

/* Border */
.brd {border:2px solid #336666;}

.brd_l {border-left:1px solid #E0E1DD;}
.brd_t {border-top:1px solid #E0E1DD;}
.brd_r {border-right:1px solid #E0E1DD;}

.brd_b {border-bottom:1px solid #E0E1DD;}

.brd_bl{border-right:3px solid #fff; border-left:3px solid #fff;}

.brd-red{border-bottom:2px solid #f36a20;}

/*Width*/

.w40pc {width:47%;}

.w15px{width:15px;}
.w53px{width:53px;}
.w78px{width:78px;}
.w100px{width:100px;}
.w107px{width:107px;}
.w108px{width:108px;}
.w110px{width:110px;}
.w120px{width:120px;}
.w159px{width:159px;}
.w164px{width:164px;}
.w251px{width:251px;}
.w285px{width:285px;}
.w290px{width:290px;}
.w312px{width:312px;}
.w356px{width:356px;}
.w450px{width:450px;}
.w466px{width:466px;}
.w541px{width:541px;}
.w589px{width:589px;}
.w600px{width:600px;}
.w730px{width:730px;}
.w781px{width:781px;}
.w800px{width:800px;}
.w954px{width:954px;}

/*Height*/
.h26px{height:26px;}
.h30px{height:30px;}
.h40px{height:40px;}
.h42px{height:42px;}
.h43px{height:43px;}
.h44px{height:44px;}
.h45px{height:45px;}
.h46px{height:46px;}
.h47px{height:47px;}
.h48px{height:48px;}
.h49px{height:49px;}
.h50px{height:50px;}
.h52px{height:52px;}
.h56px{height:56px;}
.h60px{height:60px;}
.h69px{height:69px;}
.h71px{height:71px;}
.h78px{height:78px;}
.h100px{height:100px;}
.h107px{height:107px;}
.h112px{height:112px;}
.h500px {height:500px;}

/*Float*/
.fl_l{float:left !important;}
.fl_r{float:right;}

/*Position*/
.posabs{position:absolute;}
.posrel{position:relative;}

/* Font-size*/

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs29{font-size:29px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs44{font-size:44px;}

/* Font-style*/

.fsi{font-style:italic;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}

.super{vertical-align:super;}
.capital{text-transform:uppercase;}
/*Texte decoration*/

.through{text-decoration:line-through;}
.tnone{text-decoration:none;}
.tdunder{text-decoration:underline !important;}

/*Texte propriété*/

.lh14{line-height:14px;}

/*Texte effet*/

.ts{text-shadow:-1px 1px 10px #000;};

/* Alignement */
.align_l{text-align:left;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_j{text-align:justify;}

/* Listes */
.ul{padding: 16px 0 16px 4px;}

/* Background */

.bgarraylight{background:#F1F7F8;}
.bgarraydark{background:#E5E5D8;}

.bgarrayred{width:181px; height:55px; background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg_red.jpg') no-repeat;}
.bgarrayvio{width:181px; height:55px; background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg_vio.jpg') no-repeat;}
.bgarrayvert{width:181px; height:55px; background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg_vert.jpg') no-repeat;}

.bgwhite{background:#fff;}
.bggrey{background:#ececec;}

/* Couleurs Textes */

.white{color:#fff;}
.vert{color:#177d00;}
.orange{color:#ed6729;}
.gris{color:#575a68;}
.grey{color:#666666;}

/* Retour */

.clear{clear:both;}

/* Affichage */

.hide{display:none;}
.inline{display:inline;}
.block{display:block;}

/*Background*/
.brun{background-color:#dedcd0;}
.darkbrun{color:#bdb69c;}
.beige{background-color:#f8f8f8;}

/* _BODY
==========================================*/
body{font-family:Sergoe UI, Arial, Helvetica, sans-serif; color:#333333; background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg.jpg') 50% 100px no-repeat;}

/* _WRAPPER
==========================================*/
#wrapper
{
margin:0 auto;margin-right:auto;
}

/* _HEADER
==========================================*/
#header
{
position:relative;
width:990px;
margin-left:auto;
margin-right:auto;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bgh.jpg') 5px 0 no-repeat;
}

/* _CONTENT
==========================================*/


#box1
{
width:952px;
margin:auto;
}

#bloc1
{
position:relative;
margin:auto;
padding:0px 0 0 0;
width:1017px;
/* height:248px;*/
/* height:242px;*/
height:328px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-box1-produit.png') 0 0 no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-box1-produit.png');
_background:none 0 60px no-repeat;
}

.puce-verte
{
float:left;
display:block;
width:11px;
height:11px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/spr-elements.jpg') 0 0 no-repeat;
}

.puce-grise
{
float:left;
display:block;
width:9px;
height:15px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/spr-elements.jpg') 0 -14px no-repeat;
}

.puce-bggris
{
float:left;
display:block;
width:9px;
height:15px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/spr-elements.jpg') 0 -30px no-repeat;
}

.reductionfe
{
position:absolute;
top:66px;
left:858px;
width:96px;
height:83px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/reductionfe.png') 0 0px no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/reductionfe.png');
_background:none;
}

.reductionfp
{
position:absolute;
top:66px;
left:858px;
width:96px;
height:83px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/reductionfp.png') 0 0px no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/reductionfp.png');
_background:none;
}

.reductionp
{
position:absolute;
top:66px;
left:858px;
width:96px;
height:83px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/reductionp.png') 0 0px no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/reductionp.png');
_background:none;
}

#bt_comparer
{
margin:auto;
margin-top:-11px;
width:305px;
height:46px;
/* padding:10px 0 0 5px;
 */text-align:center;
font-weight:bold;
color:#fff;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-bt-comparer.png') 0 0 no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-bt-comparer.png');
_background:none;
}

#bloc2
{
position:relative;
margin:auto;
padding:0px 0 0 0;
width:1017px;
/* height:248px;*/
/* height:242px;*/
height:300px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-box2-produit.png') 0 0 no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-box2-produit.png');
_background:none;
_margin-top:55px;
}

#box-bottom
{
margin:auto;
padding:0px 0 0 0;
width:1017px;
/* height:248px;*/
/* height:242px;*/
}

#bloc3
{
margin:auto;
padding:0px 0 0 0;
width:503px;
/* height:248px;*/
/* height:242px;*/
height:335px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-box3-produit.png') 0 60px no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/bg-box3-produit.png');
_background:none;
}

#video
{
width:306px;
height:172px;
background:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/video.jpg') 0 0 no-repeat;
box-shadow: 2px 2px 3px #7a7a7a; 
}

#footer
{
width:1017px;
margin:auto;
}
.packshot{position:absolute; left:0px; top:-50px;}
.desc{position:absolute; top:30px; left:240px;}

#customer-info{text-align:right;float:right; font:10px Arial,Helvetica,sans-serif; color:#666;}
#customer-info a{font:10px Arial,Helvetica,sans-serif; color:#666; border-right:1px solid #666; margin-right:3px; padding-right:3px; text-decoration:none;}
#customer-info a:hover{text-decoration:underline;}
#customer-info .last-element{border:none;}

#logos{width:1017px; height:40px; text-align:center; margin:0 0 18px 0;}
#wrapper-logo{width:902px; margin:auto;}
.logo-01net{display:block; width:116px; height:40px; margin:0 50px; float:left; background-image:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/logo-01net.jpg');background-repeat:no-repeat;}
.logo-avanquest{display:block; width:167px; height:40px; margin:0 50px; float:left; background-image:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/logo-avanquest.jpg');background-repeat:no-repeat;}
.logo-ccm{display:block; width:138px; height:40px; margin:0 50px; float:left; background-image:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/logo-ccm.jpg');background-repeat:no-repeat;}
.logo-clubic{display:block; width:81px; height:40px; margin:0 50px; float:left; background-image:url('http://images.telechargement.fr/i/microsoft-fr/15048-1229/i/logo-clubic.jpg');background-repeat:no-repeat;}