/* GENERAL */
body{
width:800px;
margin:auto;
font-size:14px;
background-color:#3A3E49;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover{
cursor:pointer;
}
a, a:active{
outline:none;
}
input[type=button], input[type=submit]{
cursor:pointer;
}
.barre{
background:url(images/barreBg.png) no-repeat;
width:140px;
height:2px;
margin-left:14px;
margin-right:14px;
margin:12px;
}
.titreLarge{
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
padding-top:10px;
padding-bottom:5px;
}
.titreLarge a{
color:#111111;
}
.rouge{
color:#FF0000;
}
.indication{
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.essayer{
color:#333333;
}



/* FORM ELEMENT */
.amisBtn{
color:#FFFFFF;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top:6px;
padding-bottom:8px;
margin-top:1px;
margin-right:5px;
margin-left:4px;
float:left;
width:220px;
text-align:center;
text-decoration:none;
background:url(images/amisBigButton.png) no-repeat top left;
}
.amisBtnSelected{
color:#FFFFFF;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top:6px;
padding-bottom:8px;
margin-top:1px;
margin-right:5px;
margin-left:4px;
float:left;
width:220px;
text-align:center;
text-decoration:none;
background:url(images/amisBigButton.png) no-repeat;
background-position:0px -45px;
}
.champsLarge{
width:488px;
border:#666666 1px solid;
font-family:'Lucida Bright', 'Lucida Grande', Arial, sans-serif;
padding-bottom:15px;
padding-top:15px;
font-size:24px;
padding-left:5px;
padding-right:5px;
background:url(images/bgfield.png) repeat-x;
margin-bottom:10px;
}
.champsDemiLarge{
width:235px;
border:#666666 1px solid;
font-family:'Lucida Bright', 'Lucida Grande', Arial, sans-serif;
padding-bottom:15px;
padding-top:15px;
font-size:24px;
padding-left:5px;
padding-right:5px;
background:url(images/bgfield.png) repeat-x;
margin-bottom:10px;
}
.champsTierLarge{
width:150px;
border:#666666 1px solid;
font-family:'Lucida Bright', 'Lucida Grande', Arial, sans-serif;
padding-bottom:15px;
padding-top:15px;
font-size:24px;
padding-left:5px;
padding-right:5px;
background:url(images/bgfield.png) repeat-x;
margin-bottom:10px;
}
.postChampsBtn{
float:right;
width:178px;
height:45px;
padding-top:16px;
text-align:center;
border:none;
font-size:24px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(images/postChampsBg.png) no-repeat top left;
}
.postChampsBtnSubmit{
float:right;
width:178px;
height:61px;
padding-top:16px;
padding-bottom:16px;
text-align:center;
border:none;
font-size:24px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(images/postChampsBg.png) no-repeat top left;
}
.subWrapR{
width:220px;
height:57px;
margin-top:5px;
font-size:10px; 
color:#666666;
}
.subWrapR input[type=checkbox]{
float:right;
margin-top:0px;
}
.subWrapR a{
font-size:10px; 
color:#333333;
margin-top:10px;
float:left;
} 
.subWrapR a:hover{
text-decoration:none;
}
.subWrapAcc{
width:220px;
height:37px;
margin-top:5px;
font-size:10px; 
color:#666666;
}
.subWrapAcc a{
font-size:10px; 
color:#333333;
margin-top:10px;
float:left;
} 
.subWrapAcc a:hover{
text-decoration:none;
}
#connexionBtn{
float:right;
width:300px;
height:61px;
border:none;
background:url(images/connexionBg.png) no-repeat top left;
}
#inscriptionBtn{
float:right;
width:300px;
height:61px;
border:none;
background:url(images/inscriptionBg.png) no-repeat top left;
}
#validerBtn{
float:right;
width:300px;
height:61px;
border:none;
background:url(images/validerBg.png) no-repeat top left;
}


/* Wrappers */
#wrapper{
margin-left:27px;
margin-right:27px;
width:746px;
}
.subWrapCorps{
/*margin-bottom:5px;*/
}
.subWrap{
margin-bottom:10px;
}



/* ICONES DE CATEGORIES */
.cats{
width:46px;
height:41px;
float:left;
background:url(images/icones.png);
}

.rechercheBleu{ background-position:0px -41px;}
.inscriptionBleu{ background-position:-46px -41px;}
.attentionBleu{ background-position:-92px -41px;}
.statsBleu{ background-position:-138px -41px;}
.socialBleu{ background-position:-184px -41px;}
.parametreBleu{ background-position:-230px -41px;}
.achatBleu{ background-position:-276px -41px;}
.actualiteBleu{ background-position:-322px -41px;}
.autreBleu{ background-position:-368px -41px;}
.kiweeresultsBleu{ background-position:0px -41px;}

.rechercheVert{ background-position:0px 0px;}
.moteurVert{ background-position:0px 0px;}
.videoVert{ background-position:-46px 0px;}
.imagesVert{ background-position:-92px 0px;}
.musiqueVert{ background-position:-138px 0px;}
.socialVert{ background-position:-184px 0px;}
.savoirVert{ background-position:-230px 0px;}
.achatVert{ background-position:-276px 0px;}
.actualiteVert{ background-position:-322px 0px;}
.autreVert{ background-position:-368px 0px;}
.kiweeresultsVert{ background-position:0px 0px;}

.rechercheRose{ background-position:0px -82px;}
.moteurRose{ background-position:0px -82px;}
.videoRose{ background-position:-46px -82px;}
.imagesRose{ background-position:-92px -82px;}
.musiqueRose{ background-position:-138px -82px;}
.socialRose{ background-position:-184px -82px;}
.savoirRose{ background-position:-230px -82px;}
.achatRose{ background-position:-276px -82px;}
.actualiteRose{ background-position:-322px -82px;}
.autreRose{ background-position:-368px -82px;}
.kiweeresultsRose{ background-position:0px -82px;}


/* HEADER */
#header{
width:800px;
height:90px;
margin-bottom:15px;
}
/* Logo */
#logo{
float:left;
height:90px;
width:140px;
background:url(images/logoBg.png) no-repeat top left;
color:#3A3E49;
}
/* Menu */
.menuItem{
float:left;
height:35px;
width:130px;
margin-top:20px;
background:url(images/menuBg.png?3) no-repeat top left;
color:#3A3E49;
}
.multiSearch{ background-position:0px 0px;}
.stats{ background-position:-130px 0px;}
.amis{ background-position:-260px 0px;}
.connexion{ background-position:-390px 0px;}
.aPropos{ background-position:-520px 0px;}
.home{ background-position:-650px 0px;}
.recherche{ background-position:-780px 0px;}
.inscription{ background-position:-910px 0px;}


.multiSearch:hover{ background-position:0px -35px;}
.stats:hover{ background-position:-130px -35px;}
.amis:hover{ background-position:-260px -35px;}
.connexion:hover{ background-position:-390px -35px;}
.aPropos:hover{ background-position:-520px -35px;}
.home:hover{ background-position:-650px -35px;}
.recherche:hover{ background-position:-780px -35px;}
.inscription:hover{ background-position:-910px -35px;}



/* ACCUEIL */
#btnAccueil{
height:60px;
}
#btnAccueil .inscription{
float:left;
height:41px;
width:340px;
background:url(images/inscriptionAcc.png) no-repeat top left;
margin-left:46px;
text-decoration:none;
color:#3A3E49;
}
#btnAccueil .connexion{
float:right;
height:41px;
width:340px;
background:url(images/connexionAcc.png) no-repeat top left;
text-decoration:none;
color:#3A3E49;
}
#pourquoi_inscription{
height:128px;
width:468px;
padding-left:220px;
background:url(images/logoAcc.png) no-repeat top left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#333333;
margin-top:25px;
}
#pourquoi_inscription ul{
font-size:24px;
font-style:italic;
font-weight:normal;
margin-bottom:0px;
}
#pourquoi_inscription li{
margin-top:5px;
font-size:12px;
font-style:italic;
font-weight:normal;
}
#pourquoi_inscription a{
margin-right:10px;
margin-top:30px;
font-size:12px;
color:#666666;
float:right;
font-style:italic;
font-weight:normal;
}



/* CORPS */
.corpsTop{
margin-left:46px;
height:6px;
width:700px;
background:url(images/bodyCorner.png) no-repeat top left;
}
.corpsBot{
margin-left:46px;
height:7px;
width:700px;
background:url(images/bodyCorner.png) no-repeat;
background-position:0px -6px;
margin-bottom:15px;
margin-top:0px;
}
.corpsInfo{
margin-left:46px;
height:19px;
width:700px;
background:url(images/bodyCorner.png) no-repeat;
background-position:0px -18px;
}
.corps{
margin:0;
margin-left:46px;
background:url(images/bodyBg.png) repeat-y;
padding-left:6px;
padding-right:6px;
width:688px;
min-height:40px;
height:100%;
}
.corps #recherche{
width:488px;
border:#666666 1px solid;
font-family:'Lucida Bright', 'Lucida Grande', Arial, sans-serif;
padding-bottom:15px;
padding-top:15px;
font-size:24px;
padding-left:5px;
padding-right:5px;
background:url(images/bgfield.png) repeat-x;
margin-bottom:11px;
}
.corps .claircie{
color:#999999;
}
.corps #rechercheBtn{
float:right;
width:178px;
height:61px;
border:none;
background:url(images/rechercheBg.png) no-repeat top left;
}
.corps #rechercheBtn:active{
background:url(images/rechercheBg.png) no-repeat bottom left;
margin-top:1px;
}
.corps #sites{
font-size:18px;
padding:5px;
font-family:'Lucida Bright', 'Lucida Grande', Arial, sans-serif;
border:1px solid #666666;
width:245px;
float:right;
}
.corps #types{
font-size:18px;
padding:5px;
font-family:'Lucida Bright', 'Lucida Grande', Arial, sans-serif;
border:1px solid #666666;
width:245px;
}
.corps #formComposant{
width:500px;
}
.corps #optionWrap{
float:right; 
width:172px; 
height:38px; 
margin-top:-30px; 
font-size:10px; 
color:#666666; 
line-height:20px;
}
.corps #optionWrap input[type=checkbox]{
float:right; 
}
.corps #favWrap{
width:510px;
height:33px;
margin-top:12px;
}
.corps #favWrap .fav{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:9px;
float:left;
height:24px;
width:120px;
margin-right:6px;
text-align:center;
text-decoration:none;
background:url(images/favBg.png) no-repeat top left;
}
.corps #favWrap .fav:active{
background:url(images/favBg.png) no-repeat bottom left;
}
.droite{
float:right;
}
.gauche{
float:left;
}
.comparaison{
width:334px;
margin-left:10px;
font-size:14px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
height:250px;
color:#666666;
}
.comparaison ul li{
margin-left:-30px;
}
.comparaison .gros{
font-size:18px;
font-weight:bold;
}
#demiGros{
color:#333333;
font-size:18px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}
#demiGros a{
color:#666666;
font-style:italic;
}



/* INFOS */
#infoWrap{
width:180px;
float:right;
}
#infoBot{
background:url(images/infoCorner.png) no-repeat top left;
height:7px;
width:180px;
}
#info{
background:url(images/infoBg.png) repeat-y;
font-family:Georgia, "Times New Roman", Times, serif;
padding-left:6px;
padding-right:6px;
width:168px;
min-height:200px;
min-height:20px;
color:#FFFFFF;
font-size:12px;
}
#info #imagePerso{
border:1px solid #666666;
width:128px;
float:left;
margin-left:17px;
margin-top:-40px;
margin-bottom:10px;
position:relative;
}
#info #titre{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
text-shadow: #2f2f2f 1px 2px 5px;
}
#info #profil{
color:#FFFFFF;
margin-top:5px;
margin-bottom:5px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
#info #profil a{
color:#FFFFFF;
}
#info #nombreRecherche{
background:url(images/ksloupebg.png) no-repeat;
background-position:0px 0px;
height:20px;
padding-left:28px;
font-size:12px;
}
#info #nombreAmis{
background:url(images/peopleInfoBg.png) no-repeat;
background-position:0px 0px;
height:20px;
padding-left:28px;
font-size:12px;
}
#info #nombreNotif{
background:url(images/notifInfoBg.png) no-repeat;
background-position:0px 0px;
height:20px;
padding-left:28px;
font-size:12px;
color:#FFFFFF;
}
#info #nombreNotif a, #info #nombreAmis a, #info #nombreRecherches a{ 
float:right; 
margin-right:6px; 
text-decoration:none; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#FFFFFF;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding-left:5px;
padding-right:5px; 
}
#info #nombreNotif a:hover, #info #nombreAmis a:hover, #info #nombreRecherches a:hover{ 
color:#999999; 
background-color:#FFFFFF;
}
#info .bouton{
color:#666666;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
width:148px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:4px;
margin-top:3px;
margin-bottom:3px;
float:left;
background:url(images/infoBtnBg.png) no-repeat top left;
}



/* MULTI SEARCH */
#multiSearch{
font-size:12px;
color:#3F4354;
background:url(images/bgmulti.png) no-repeat top left;
height:300px;
width:688px;
margin-top:12px;
margin-bottom:15px;
}
#multiSearchBtn{
float:right;
width:300px;
height:61px;
border:none;
background:url(images/multirechercheBg.png) no-repeat top left;
}
.echec{
color:#FFFFFF;
background-color:#BB0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:6px;
text-align:center;
margin-top:10px;
font-size:10px;
width:676px;
}


/* BULLES */
.bulleTop{
margin-left:46px;
height:6px;
width:510px;
background:url(images/bullesCorner.png) no-repeat top left;
}
.bulleBot{
margin-left:46px;
height:7px;
width:510px;
background:url(images/bullesCorner.png) no-repeat bottom left;
}
.bulle{
margin-left:46px;
background:url(images/bullesBg.png) repeat-y;
padding-left:6px;
padding-right:6px;
width:498px;
min-height:28px;
}
.bulle .imagePerso{
width:64px;
border:1px solid #666666;
}
.bulle .titre{
font-size:24px;
color:#333333;
height:32px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.bulle a{
color:#333333;
text-decoration:none;
}
.bulle  a:hover{
color:#666666;
}
.bulle .sousTitre{
font-size:10px;
color:#999999;
}
.bulle .del{
float:right;
width:12px;
height:12px;
margin-left:5px;
background:url(images/del.png) no-repeat top left;
text-decoration:none;
}
.bulle .del:hover{
background:url(images/del.png) no-repeat bottom left;
}
.bulle .rec{
float:right;
width:12px;
height:12px;
margin-left:5px;
background:url(images/recharger.png) no-repeat top left;
text-decoration:none;
}
.bulle .rec:hover{
background:url(images/recharger.png) no-repeat bottom left;
}
.bulle .twi{
float:right;
width:12px;
height:12px;
margin-left:5px;
background:url(images/twitter.png) no-repeat top left;
text-decoration:none;
}
.bulle .twi:hover{
background:url(images/twitter.png) no-repeat bottom left;
}
.bulle .addFriend{
float:right;
width:18px;
height:12px;
margin-left:5px;
background:url(images/addFriendBg.png) no-repeat top left;
text-decoration:none;
}
.bulle .addFriend:hover{
background:url(images/addFriendBg.png) no-repeat bottom left;
}



/* LIENS PAGES */
.idPage{
font-size:10px;
color:#CCCCCC;
text-decoration:none;
background-color:#2C2C38;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:5px;
}
.idPage:hover{
font-size:10px;
color:#CCCCCC;
text-decoration:none;
background-color:#676A89;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:5px;
}


/* PARAMETRE */
.parametreSubWrap{
border-top:1px dashed #333333;
margin-top:10px;
padding-top:15px;
padding-bottom:15px;
}
.parametreSubWrap label{
font-size:10px;
position:relative;
}
.parametreSubWrap #imagePerso{
border:1px solid #666666;
width:64px;
}
.parametreSubWrap .reussite{
color:#FFFFFF;
background-color:#00BB00;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:6px;
text-align:center;
margin-top:10px;
font-size:10px;
}
.parametreSubWrap .echec{
color:#FFFFFF;
background-color:#BB0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:6px;
text-align:center;
margin-top:10px;
font-size:10px;
}
.parametreSubWrap .aBtn{
font-size:14px;
float:right;
margin-top:10px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#999999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.parametreSubWrap .aBtn:hover{
text-decoration:none;
}


/* STATS */
#statsWrap{
padding:4px 4px 4px 4px;
}
#statsDiv{
padding:10px;
background-color:#333333;
color:#999999;
-moz-border-radius:5px 5px 0px 0px;
width:660px;
font-size:12px;
}
#statsTitre{
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin:7px;
color:#333333;
}
#statsDiv i{
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#statsDivBas{
height:20px;
background-color:#333333;
color:#999999;
-moz-border-radius:0px 0px 5px 5px;
width:680px;
}
#searches, #searchesToday{
color:#EEEEEE;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#lastSearches{
height:240px;
width:600px;
padding:40px;
background:url(images/bghomecine.png) no-repeat top left;
}
#lastSearches0{
float:left;
width:80px;
height:80px;
padding:20px;
background:url(images/bgSearches.png) top left;
color:#333333;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
font-size:12px;
}
#lastSearches0:hover{
background:url(images/bgSearches.png) bottom left;
}
#lastSearches1{
float:left;
width:80px;
height:80px;
padding:20px;
background:url(images/bgSearches.png) top right;
color:#CCCCCC;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
font-size:12px;
}
#lastSearches1:hover{
background:url(images/bgSearches.png) bottom right;
}
#bestSearches{
margin-top:10px;
margin-bottom:16px;
}
#bestSearches span{
font-size:10px;
color:#333333;
margin-right:10px;
text-decoration:none;
background-color:#CCCCCC;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:5px;
}


/* ABOUT */
#aboutWrap{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
}


/* AIDE */
#aideStep1{
height:102px;
width:305px;
position:absolute;
top:114px;
margin-left:70px;
background:url(images/aideStep1.png) no-repeat top left;
}
#aideStep2{
height:105px;
width:330px;
position:absolute;
top:323px;
background:url(images/aideStep2.png) no-repeat top left;
}
#aideStep3{
height:105px;
width:305px;
position:absolute;
top:323px;
margin-left:330px;
background:url(images/aideStep3.png) no-repeat top left;
}
#aideStep4{
height:105px;
width:151px;
position:absolute;
top:110px;
margin-left:620px;
background:url(images/aideStep4.png) no-repeat top left;
}


/* COPYRIGHT */
#copyright{
width:800px !important;
margin-top:40px;
padding:20px;
padding-bottom:5px;
text-align:center;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
}

#copyright a{
color:#FFFFFF;
text-decoration:none;
}



/* KIWEE-RESULTS */
#kiweeresults{
min-height:200px;
height:auto;
color:#666666;
padding-top:15px;
width:660px;
background-color:#F2F2F2;
-moz-border-radius:3px;
padding:14px;
}
#kiweeresults .vignetteVideo{
float:left;
width:120px;
height:90px;
margin:6px;
border:none;
text-decoration:none;
}
#kiweeresults .vignetteVideo:hover{
border:3px solid #999999;
margin:3px;
-moz-border-radius:3px;
}
#kiweeresults a{
color:#333333;
}
#kiweeresults .url{
color:#0DAAFF;
}
#kiweeresults .voirPage{
margin-top:25px;
padding-right:6px;
text-align:right;
font-size:10px;
}
#kiweeresults .voirPage a{
padding:5px;
background-color:#999999;
color:#FFFFFF;
-moz-border-radius:3px;
text-decoration:none;
}
#kresults #mediaWrapper{
margin-top:15px;
margin-bottom:10px;
}





/* COLORBOX */
.colorboxDiv{
background:url(images/bgcolorbox.png) repeat-x #FFFFFF; 
width:322px;
padding:15px;
font-size:12px;
-moz-border-radius:3px;
}
.colorboxDiv small{
font-size:12px;
color:#666666;
}
.warning{
font-size:10px;
color:#FF0000;
margin-bottom:10px;
}
.colorboxDiv select{
border:1px solid #666666;
width:100%;
padding:10px;
margin-bottom:10px;
font-size:16px;
}
.colorboxDiv input[type=text], .colorboxDiv input[type=password]{
border:1px solid #666666;
width:300px;
background:url(images/bgfield.png) repeat-x top left;
padding:10px;
margin-bottom:10px;
font-size:16px;
}
.colorboxDiv input[type=submit], .colorboxDiv input[type=button]{
border:#666666 1px solid;
background:url(images/bgbtncolorbox.png) top left repeat-x #999999;
font-size:16px;
margin-top:15px;
color:#FFFFFF;
text-align:center; 
width:100%;
height:40px;
padding:5px;
cursor:pointer;
}
.colorboxDiv .titre{
margin-bottom:10px;
}
.colorboxDiv .del{
float:right;
width:12px;
height:12px;
background:url(images/del.png) no-repeat top left;
text-decoration:none;
}
.colorboxDiv .del:hover{
float:right;
width:12px;
height:12px;
background:url(images/del.png) no-repeat bottom left;
text-decoration:none;
}
.colorboxDiv #favDel{
background-color:#F8F8F8;
padding:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}



/* HTML ERREUR */
.serveur_erreur{
float:left;
height:90px;
padding-left:140px;
background:url(images/logoBg.png) no-repeat top left;
color:#3A3E49;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#EAEAEA;
font-style:italic;
padding-top:10px;
margin-top:50px;
width:300px;
margin-left:160px;
}
.serveur_erreur .titre{
font-size:24px;
font-weight:bold;
font-style:normal;
}