/* *******************
**** Iminent 2010 ****
***  Common styles ***
********************** */


body
{
    text-align: center;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    color: #626262;
    background:  #f3faff;
}


h1, h2, h3, h5, h6, h7
{
    color: #626262;
}
div#pageBackground
{
    background: url(/Content/Confirm/body-background.png) #f3faff;
    background-repeat: repeat-y;
    background-position: center;
    width: 1000px;
    margin: 0px auto;
    position: relative;
    text-align: left;
}

div#endPageBackground
{

}

div#page
{
    width: 980px;
    margin: 0px 10px;
    position: relative;
    text-align: left;
}

a
{
    text-decoration: none;
    color: inherit;
}



.ui
{
    background-image: url(/Images/Ui.png);
    background-repeat: no-repeat;
}

.ServiceIcones
{
    background-image: url(/Content/Images/ServiceIcones.png);
    background-repeat: no-repeat;
}


/* *******************
****** Header ********
********************** */

div#page div#header
{
    background: url(/Content/Images/Main/header-background.gif);
    position: relative;
    height: 327px;
    display: block;
    padding: 0px 10px 0px 10px;
}

div#page div#header table td
{
    vertical-align: top;
}

div#page div#header table td.col-one
{
    width: 650px;
    padding-right: 10px;
    padding-bottom: 10px;
}


div#page div#header table td.col-two
{
    width: 300px
}

div#page div#header table td.line-one
{
    height: 42px;
}

div#page div#header table td.line-two
{
    height: 250px;
}

div.logoiminent
{
    height: 42px;
    overflow: hidden;
    float: left;
}

div.logoiminent a
{
    height: 42px;
    float: left;
}

div.logoiminent img
{
    height: 42px;
}

div#page div#header div#headerLeft div.title
{
    position: relative;
}

div#page div#header div#headerLeft div.title a
{
    display: block;
}


div#page div#header div#language
{
    position: absolute;
    right: 320px;
    top: 10px;
    z-index: 100;
    background: white;
    padding: 5px;
    border: 1px solid gray;
}

.hidden
{
    display: none;
}

div#wowbanner
{
    width: 650px;
    height: 200px;
}

div#wowbanner img
{
    width: 650px;
    height: 200px;
}

div#wowbannerinformation
{
    width: 650px;
    height: 50px;
    background: black;
}


div#header-promote-zone
{
    width: 300px;
    height: 250px;
    position: relative;
}

div#header-promote-zone a#compatibleheaderall
{
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 270px;
    height: 65px;
    background: url(/Content/Images/Logos/Compatible/headerall.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
div#header-promote-zone a#compatibleheaderall:hover
{
    background-position:left bottom;
}

div#header-promote-zone a#compatibleheaderall .more
{
    position: absolute;
    bottom: -10px;
    left: 145px;
    text-align: left;
    margin: 10px 0px;
    color: #79a9c0;
    font-weight: bold;
    font-size: 13px
}


div#header-promote-zone p, div#header-promote-zone h1
{
    color: #999999;
    background: #E5F3FE;
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    padding: 17px 0px;
}


div#header-promote-zone a.downloadbutton
{
position: absolute;
bottom: 0px;
left: 0px;
}

p#secureinfo
{
    float: right;
    color: #919191;
    font-size: 11px;
    padding-top: 3px;
}

.zoomzoneLarge .secureinfo
{
    float: left;
    color: #919191;
    font-size: 11px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.MainContentCol .secureinfo
{
    float: left;
    color: #919191;
    font-size: 11px;
    padding: 5px;
}

p#secureinfo a, p.secureinfo a
{
    text-decoration: underline;
}



/* **** Search box **** */
div#searchBox
{
    background-position: -224px -288px;
    height: 42px;
    width: 300px;
    background: black;
}

div#searchBox form
{
    display: block;
    padding: 9px;
}


div#searchBox form input.text
{
    width: 120px;
    float: left;
}

div#searchBox form input.defaultValue
{
    color: Gray;
    font-style: italic;
}

div#searchBox form select
{
    width: 110px;
    float: left;
    margin-left: 10px;
}


div#searchBox form input.QueryBoxSubmit
{
    height: 23px;
     margin-left: 10px;
    width: 23px;
    background-position: 0px -768px;
    border: 0px;
    float: left;
}



div#ZoneRight div.Categories ul.CategoriesListe div.littleSearchBox
{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}

div#ZoneRight div.Categories ul.CategoriesListe input.searchBox
{
    width: 138px;
}
input.LittleQueryBoxSubmit
{
    height: 21px;
    width: 42px;
    background-position: 0px -736px;
    border: 0px;
}
/* Search box END*/

/* **** What's new bloc **** */
div#whatsNew
{
    background-position: -224px -416px;
    display: block;
    width: 287px;
    
    height: 210px;
    background-repeat: no-repeat;
    margin: 0px auto 0px auto;
}

div#whatsNew h1
{
    text-align: center;
    color: #663300;
    padding: 15px 0px 6px 0px;
}
div#whatsNew h1 a
{
    color: #663300;
    font-size: 14px;
}
div#whatsNew ul
{
    text-align: left;
    padding: 5px 15px;
    
}

div#whatsNew ul li
{
    padding: 2px 20px 10px 27px;
    background: url(/Content/Images/Utils/Logo1.png);
    background-repeat: no-repeat;
}


div#whatsNew ul li a
{
 
    color: #626262;
}
/* **** Main Menu **** */
div.mainMenu
{
    position: absolute;
    left: 5px;
    bottom: -3px;
    z-index: 100;
}

div.mainMenu ul li
{
    float: left;
}


div.mainMenu ul li a
{
    color: #626262;
}

div.mainMenu ul li a div.left
{
    width: 14px;
    height: 37px;
    float: left;
}

div.mainMenu ul li a div.center
{
    display: block;
    height: 37px;
    float: left;
}

div.mainMenu ul li a div.center span
{
    display: block;
    margin: 10px 2px;
    cursor: pointer;
    font-size: 14px;
}

div.mainMenu ul li a div.right
{
    height: 37px;
    width: 14px;
    float: left;
}

div.mainMenu ul li a:hover div.left, div#page div#header div.mainMenu ul li.selected a div.left
{
    background: url(/Images/Ui.png);
    background-repeat: no-repeat;
    background-position: -256px -832px;
}

div#page div#header div.mainMenu ul li a:hover div.right, div#page div#header div.mainMenu ul li.selected a div.right
{
    background: url(/Images/Ui.png);
    background-repeat: no-repeat;
    background-position: -288px -832px;
}

div#page div#header div.mainMenu ul li a:hover div.center, div#page div#header div.mainMenu ul li.selected a div.center
{
    background: url(/Images/Ui.png);
    background-repeat: no-repeat;
    background-position: -320px -832px;
}

div#page div#header div.mainMenu ul li a:hover div.center span, div#page div#header div.mainMenu ul li.selected a div.center span
{
    color: #009DFE;
}

/* END Header */

/* *******************
**** Fils d'arianne ****
********************** */
div.siteMapPath a
{
    margin-left: -3px;
    float: left;
    color: #737373;
}


div.siteMapPath a:first-child span.left
{
    background-position: -255px -736px;
    width: 2px;
}

div.siteMapPath a.mapPathLinkSelected:first-child span.left
{
    background-position: -255px -768px;
    width: 2px;
}


div.siteMapPath a:hover
{
    color: #009DFE;
}

div.siteMapPath a span.left
{
    background: url(/Images/Ui.png);
    background-position: -289px -736px;
    width: 6px;
    height: 16px;
    display: block;
    float: left;
}

div.siteMapPath a span.center
{
    height: 16px;
    background: #d4d4d4;
    display: block;
    padding: 0px 10px;
    float: left;
}

div.siteMapPath a span.right
{
    width: 9px;
    height: 16px;
    background: url(/Images/Ui.png);
    background-position: -320px -736px;
    display: block;
    float: left;
}


div.siteMapPath a.mapPathLinkSelected span.left
{
    background-position: -289px -768px;
}


div.siteMapPath a.mapPathLinkSelected span.center
{
    background: #e5e5e5;
    color: #009DFE;
}

div.siteMapPath a.mapPathLinkSelected span.right
{
    background-position: -320px -768px;
}

/* *******************
**** Main Content ****
********************** */

div#page div#content
{
    padding: 0px;
    position: relative;
    float: left;
    width: 100%;
    margin-top:10px;
}

div#page div#contentInside
{
    padding: 0px 10px;
}
div.adriadne
{
    margin: 5px 0px 10px;
}

h1.PageTitle
{
    display: block;
    background-repeat: no-repeat;
    background-position: -10px -1019px;
    width: 330px;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 24px;
}

h1.PageTitle span
{
    border: 1px solid #d1d1d1;
    padding: 3px 5px;
    border-bottom: 1px solid white;
    background: white;
}

div#ZoneLeft
{
    width: 650px;
    float: left;
}


div#ZoneRight
{
    width: 300px;
    float: right;
    text-align: center;
}
/* ***************************
**** Categorie Liste Menu ****
**************************** */
div.ResultDisplay
{
    width: 670px;
    float: left;
}

div.CategoriesCol
{
    position: relative;
    z-index: 2;
    width: 300px;
}


div.Categories
{
    background-position: 0px 0px;
       border: 1px solid #c7c7c7;
    width: 300px;
    position: relative;
    margin-bottom: 10px;
}

div.Categories ul.CategoriesListe
{
    color: #999999;

}
div.Categories ul.CategoriesListe a.CategorieControl
{
    position: relative;
    display: block;
    height: 30px;
    background: url(/Content/Images/sidebar_menu_bg.jpg);
}

div.Categories ul.CategoriesListe a.CategorieControl:hover
{
    background-position: 0px -30px ;

}

div#sidebarpub
{
    width: 300px;
    height: 250px;
    margin-bottom: 10px;
}

div.facebooklikebox
{
    margin-bottom: 10px;
}
div.Categories ul.CategoriesListe li.CurrentService a.CategorieControl
{
    background-position: 0px -60px ;
   
}

div.Categories ul.CategoriesListe li.CurrentService a.CategorieControl span.ServiceIcones
{
    color: White;
}


div.Categories ul.CategoriesListe a.CategorieControl span.DisplayArrow
{
    width: 10px;
    height: 10px;
    display: none;
    position: absolute;
    top: 14px;
    
}

div.Categories span.DisplayArrow.off
{
    background-position: 0px -896px;
}
div.Categories span.DisplayArrow.on
{
    background-position: -32px -896px;
}
div.CategorieListe
{
    text-align: left;
}
div.Categories ul.CategoriesListe ul.SubCategorieListe
{
    margin: 0px 0px 10px 40px;
    text-align: left;
}

div.Categories ul.CategoriesListe ul.SubCategorieListe li a
{
   color: #626262;
}

div.Categories ul.CategoriesListe ul.SubCategorieListe li.selected a
{
   color: #009DFE;
}

div.Categories ul.CategoriesListe a.CategorieControl span.ServiceIcones
{
    top: 7px;
    height: 19px;
    display: block;
    position: absolute;
    left: 15px;
    padding-left: 30px;
    color: #323232;
}
li#MoodAvatars
{
  display: none;
}
.Emoticons
{
    background-position: 0px 0px;
}

.Winks
{
    background-position: 0px -32px;
}

.MoodAvatars
{
    background-position: 0px -64px;
}

.BigEmos
{
    background-position: 0px -96px;
}

.Firenudge
{
    background-position: 0px -160px;
}

.Buddybubbles
{
    background-position: 0px -224px;
}

.Tv
{
    background-position: 0px -128px;
}

.Videowinks
{
    background-position: 0px -192px;
}

.Games
{
    background-position: 0px -256px;
}

.TextEffects
{   
    background-image: url(/Content/Images/Icons/TextEffect.png);
    background-position: 0px 0px;
}
.Symbols
{   
    background-image: url(/Content/Images/Icons/Symbols.png);
    background-position: 0px 0px;
}


/* **********************************
**** Bloc : Compatible logo ********
*********************************** */
div.compatible
{
    width: 211Px;
    border : 1px solid #c7c7c7;
    text-align: center;
    padding: 10px 0px;
}

/* **********************************
**** Suggested tag for search design ****
*********************************** */
.suggestedsearch
{

text-align: center;
padding-bottom: 180px;
background: url(/Content/images/serveur.jpg);
background-position: bottom;
background-repeat: no-repeat;
}
.suggestedsearch li
{
    font-size: 20px;

    background: none;
    width: 100px;
    margin: 10px auto;
}

.suggestedsearch li a
{
    color: #009DFE;
    text-decoration: underline;
}
/* **********************************
**** Bloc : How to use this pack ****
*********************************** */
div#ZoneRight div.HowToUseThisPack
{
    z-index: 1;
    background-position: -224px 0px;
    margin-top: -13px;
    height: 280px;
    width: 215px;
}
div#ZoneRight div.HowToUseThisPack h1
{
    text-align: center;
    color: #663300;
    padding: 10px 20px 6px 20px;
}

div#ZoneRight div.HowToUseThisPack h1 a
{
    color: #663300;
    font-size: 14px;
}

div#ZoneRight div.HowToUseThisPack div.MiniBarContent
{
    margin: 7px;
}

div#ZoneRight div.HowToUseThisPack div.MiniBarContent p
{
   clear: both;
   margin:20px 0px;
}

div#ZoneRight div.HowToUseThisPack div.MiniBarContent p a
{
   float: left;
   margin: 10px 5px;
}



/* Footer */
div#footer
{
    background: url(/Images/footer.png);
    width: 1200px;
    height: 482px;
    margin: auto;
    margin: 0px 0px 0px -110px!important;

}

div#footerInside
{
   padding-top: 70px;

}

div#footer table
{
    width: 60%;
    margin: auto;

}

div#footer table td
{
    vertical-align: top;
}

div#footerInside
{
    margin: 0px 100px;
}

div#footer div.logo
{
    text-align: left;
    margin: 20px 0px;
}

div#footer ul li
{
    margin: 10px 0px;
}

div#footer ul li a
{
    color: #447499;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    display: block;
}

div#footer ul.SocialNetworks
{
    text-align: left;
}
div#footer ul.Infos
{
    text-align: center;
}
div#footer ul.Corp
{
    text-align: right;
}

div#footer ul.SocialNetworks li a
{
    padding-left: 30px;
}

div#footer ul li a
{
    color: #447499;
    font-weight: bold;
}

div#footer li a.facebook
{
    background-position: -383px -928px;
}
div#footer li a.orkut
{
    background-position: -383px -960px;
}

div#footer li a.twitter
{
    background-position: -383px -992px;
}

div#footer li a.vimeo
{
    background-position: -383px -1024px;
}

#osCompat
{
  margin-bottom: 5px !important;
  text-align: center !important;
}

#osCompat a
{
  text-decoration: underline;
}

div#Disclaimer
{
    color: #8b8b8b;
    font-size: 10px;
    margin-top: 20px;
    width: 900px;
    margin: auto;
    text-align: center;
}

div#FooterKicker
{
    color: #8b8b8b;
    font-size: 12px;
    margin-top: 20px;
}

/* Shared */
a.downloadbutton
{
    background: url(/Content/Images/Buttons/download-background-alternativ.png);
    width: 300px;
    height: 50px;
    display: block;
    margin-top: 5px;
    text-align: center;
    text-decoration: none !important;
}

a.downloadbutton:hover
{
    background-position:  0px -50px;
}

a.downloadbutton:active
{
    background-position:  0px -100px;
}

a.downloadbutton span
{
    display: block;
    color: White;
    padding-top:10px;
    font-weight: bold;
    font-size: 24px;
    padding-left: 55px;
    padding-right: 10px;
}


div.pager
{
    text-align: center;   
    margin: 7px;
}
div.pager a, div.pager span
{
    padding: 5px;
}

div.pager span.current, div.pager a:hover
{
    color: #009DFE;
}

/* === Browser settings === */

.containerBS h1{   font-size: 24px;
  padding: 80px 0;
  background: #F0EDED;
  box-shadow: 11px 0px 5px #bdc3c7;
  border-top: solid 5px #f6ac0f;
  color: gray;}
.containerBS h2 {
  margin-top:40px;
}
.containerBS h3 {
  margin:40px 0 20px 0 !important;
}
.arrow-down {
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  margin: 0px auto;
  margin-bottom: 20px;
  border-top: 20px solid #f0eded;
}
.containerBS h2{ font-size:22px;}
.containerBS h3{ font-size:16px; margin:20px 0;}
#logo{position:absolute; left:10px; top:15px;}
nav{ text-align:center; margin:30px 0;}
nav ul{text-align:center;}
nav ul li{display:inline-block; padding:0 10px; }
nav ul li a{ color:#766D6E; font-size:14px; font-weight:800;display:block; padding:10px;}
nav ul li a:hover{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; background:#766d6e;color:#fff;}

.containerBS footer {
    text-align: center;
  background: #F6AC0F;
  color: #fff;
  height: 70px;
  width: 100%;
  margin-top:40px;

}
.containerBS #footer {
  background:none;
  width:auto;
  height:auto;
  padding-top: 25px;
}

.containerBS #footer ul li {
  margin: 0;
  display: inline;
  list-style: none;
  padding-left: 15px;
}
.containerBS #footer ul li a {
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  display: inline;
}

.containerBS img {
  max-width:100%;
}

.faqArrow {display: block;width: 20px;height: 20px;background: url(arrow.png) no-repeat 0 0; margin-right: 20px; }
.ListTitle .faqArrow { position:absolute; top:0; bottom:0; margin:auto; right:20px; display:block;}
.open .faqArrow { position:absolute; top:0; bottom:0; margin:auto; right:20px; display:block;background: url(arrow.png) no-repeat bottom left;}
.row{ margin-bottom:20px; padding:0 0; width:100%; background:#f5f5f5; border-bottom:1px dashed #ccc;  }
.row a, .row a:active, .row a:visited{ text-transform:uppercase; text-decoration:none; font-weight:normal; font-size:14px; color:#918f8f;display:block; height:auto;}
a.faq h1{box-shadow:none; padding:30px 0 30px 80px; text-align:left;}
.row p{color:#918f8f; padding:20px 0 0 0;}
.row h2{margin:0; padding:0;}
.open.row a{}
.helpPage{padding:2em 0;}
.helpPage h1{ font-size:2em; text-transform:uppercase;color:#918f8f;}
.helpPage h1 span{color:#000;}
.ListTitle{position:relative;}
.ListTitle img{position:absolute; left:20px; margin:auto; top:0; bottom:0;}