/**
* <p>CSS for the Sensuelle template</p>
* @author John <jonathan.courtois@gmail.com>
* @copyright Copyright (C) 2007-2008 Natoo. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL.
**/

/** General **/

/**
 ** {overflow:hidden;}
 ** Pour avoir le pied de page toujours en dessous de plusieurs colonnes
 **/

body{
  color:#7e7e7e;
  /*background-color:#f8d2e6;*/
  font-family: Helvetica;
  font-size:8pt;
  margin :0;
  padding:0;
}

div.content{
  margin-left:auto;
  margin-right:auto;
  width:980px;
}

h1, h2, h3, h4 {margin:0;padding:0;}
.nettoyeur{clear:both;}
form {color:black;font-size:10pt;}

/** Image and Map area **/
img{border:0;}
a img{border:0;}
img.prechargement{display:none;}
map{border:0;}
map area{border:0;}


/** Links **/

a:hover{color:black;font-weight:bold;text-decoration:underline;}
a:active{color:black;font-weight:bold;text-decoration:underline;}
a:link{color:black;font-weight:bold;text-decoration:underline;}
a:visited{color:black;font-weight:bold;text-decoration:underline;}

a.lien:hover{color:#b13227;text-decoration:none;font-size:8pt;font-family:Arial;}
a.lien:active{color:#b13227;text-decoration:none;font-size:8pt;font-family:Arial;}
a.lien:link{color:#b13227;text-decoration:none;font-size:8pt;font-family:Arial;}
a.lien:visited{color:#b13227;text-decoration:none;font-size:8pt;font-family:Arial;}

/** General classes **/

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.displayblock{display:block;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.red{color:red;background-color:white;}
.underline{text-decoration:underline;}
.floatright{float:right;}
.floatleft{float:left;}
.parent{text-align: center;}
.boldunderline{font-weight:bold;text-decoration:underline;}
.error404{font-weight:bold;margin-top:1em;font-size:12pt;}
.message{color:green;font-size:12pt;font-weight:bold;}

/** Box **/

div.box{
  border: 1px solid #B1B2B4;
  margin-top:3px;
  width:100%;
}

div.boxtitle{
  background-color: #D3D8D4;
  color:black;
  font-family:arial;
    font-size:10pt;
    font-weight:bold ;
  text-indent: 0.7em;
}

div.subtitle{
  font-size:7pt;
  margin-left:0.7em;
  margin-right:0.5em;
}

div.subtitle h3{
  border-bottom:1px solid black;
  margin-bottom:7px;
}

div.subtitle h3 a,div.subtitle h3 span{
  background-color:white;
  color:black;
  padding-right:5px;
  position:relative;
  top:0.5em;
  text-decoration: none;
  font-family:arial;
  font-size:8pt;
}

div.subtitle h3.actus{border-bottom:1px solid #88146A;}
div.subtitle h3.actus a{color:#88146A;}
div.subtitle h3.lovesexetitle{border-bottom:1px solid #d45898;}
div.subtitle h3.lovesexetitle a{color:#d45898;}

div.couvtext a{text-decoration:none;}

/** Header **/
div #header{

}

div #logoSensuelle{
  float : left;
  height: 90px;
}
div #logoSensuelle img{
  width: 225px;
  margin-left:5px;
  margin-top:5px;
}

div #pubHeader{
  float : right;
  width: 728px;
  height: 90px;
}

div #pubHeader img{
  width: 728px;
  height: 90px;
}

/** Top Menu **/
div #topmenu{
  margin-top:1px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  height: 2em;
  background-color: #fbfbfb;
}

div #subtopmenu{
  float:left;
  width:750px;
}

/** SearchBox **/
div #search{
  float:right;
  /**margin-top:1px;
  /margin-top:0; /** Hack IE **/
}

div.searchright {
  background: url(./pic/search/searchbox_bg.png) 0 0 no-repeat;
  margin-top:1.5px;
  height:18px;
}

div.searchright input{
  background:transparent none repeat scroll 0 0;
  border:medium none;
  color:#646464;
  font-size:11px;
  height:16px;
  margin-left:2px;
  padding:3px 0 0;
  width:152px;
}

div.searchright button{
  border:medium none;
  cursor:pointer;
  height:13px;
  float:left;
  line-height:0;
  width:13px;
  margin:2.5px 0 0 5px;
}

div.searchright input.search-begin{
  background: url(./pic/search/loupe_16.gif) 0 0 no-repeat;
  border:medium none;
  cursor:pointer;
  height:13px;
  float:left;
  line-height:0;
  width:13px;
  margin:2.5px 0 0 5px;
}

div.searchright input.search-end{
  display:none;
  border:medium none;
  cursor:pointer;
  height:13px;
  float:left;
  line-height:0;
  width:13px;
  margin:2.5px 0 0 5px;
}

/** Couv **/

div.couvimg{
  float:right;
  margin-top:0.2em;
  margin-right:2px;
}

div.couvtext{
  float:left;
  margin-top:0.2em;
  margin-left:0.2em;
  font-family:arial;
  color:black;
    font-size:10pt;
    font-weight:bold ;
    text-indent:0.7em;
}


/** Main **/

div #main{
  /**margin-top:3px;**/
}

/** Left main **/

div #main-left{
  float:left;
  width:673px;
}

div.alauneimg{
  float:left;
  width:335px;
  height:400px;
}

div.alauneimg div{
  padding-left:0.5em;
  padding-top:0.1em;
  color:#d45898;
  font-family:arial;
    font-size:14pt;
    font-weight:bold;
    background-color:black;
  position:relative;
  height:1.3em;
  /*height:2.6em;
  top:350px;*/
  top:373px;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

div.actus{
  float:right;
  width:330px;
  height:400px;
}

div.imgactu{
  float:left;
  width:100px;
  height:100px;
  margin-left:0.7em;
  margin-bottom:10px;
  text-align:center;
}

div.texteactu{
  float:left;
  width:205px;
  margin-left:1em;
  font-family:arial;
    font-size:8pt;
    font-weight:bold ;
    margin-top:0;
    text-align:justify;
}

div.texteactu h4 a{
  text-decoration:none;
  font-size:8pt;
}

div.texteactu h4.actus a{color:#88146A;}
div.texteactu a.lirelasuite{color:#B13227;}

div.lovesexe{
  float:left;
  width:165px;
  font-size:8pt;
    font-weight:bold ;
    color:black;
  margin-right:1.5em;
  margin-left:2.5em;
}

div.sublovesexe{margin-left:0.7em;color:#d45898;}

/** Article **/

div.subdiv{margin:1em;}

div.articletitle{
  /*color:#F6A800;
  font-family:Arial;*/
  color:#d45898;
  font-size:14pt;
  font-weight:bold;
  margin-bottom:0.5em;
}

div.articlechapeau{
  color:#d45898;
  font-size:10pt;
  font-weight:bold;
  margin-bottom:0.5em;
}

div.articleimg{
  float:left;
  margin:0.5em 1em 0.5em 0;
}

.author{
  float:right;
  font-weight:bold;
}

.subtitle, .questionsante{
  font-weight:bold;
  font-size:9pt;
  color:#d45898;
}

/** Actu **/

div.actutitle{
  /*color:#F6A800;
  font-family:Arial;*/
  color:#88146A;
  font-size:14pt;
  font-weight:bold;
  margin-bottom:0.5em;
}

div.actutext{
  float:right;
  width:500px;
  margin-top:15px;
  text-align:justify;
}

div.actutheme{
  float:right;
  margin-top:5px;
  margin-right:5px;
}

div.actufooter{
  color:#B13227;
  font-size:8pt;
  font-weight:bold;
  margin-bottom:0.5em;
}

div.actuimg{
  float:left;
  margin-left:7px;
  margin-top:10px;
  width:120px;
  text-align:center;
}


/** Astro **/

div.astrotitle{
  /*color:#F6A800;
  font-family:Arial;*/
  color:#f6a800;
  font-size:14pt;
  font-weight:bold;
  margin-bottom:0.5em;
}

div.astrochapeau{
  color:#f6a800;
  font-size:10pt;
  font-weight:bold;
  margin-bottom:0.5em;
}

.astrosubtitle{color:black;font-weight:bold;}
.astrosigne{color:#500776;font-weight:bold;font-size:10pt;}
.astroperiod{color:#f6a800;font-size:8pt;font-weight:bold;}
div.votresigne{color:black;}
div.votresigne a{font-weight:normal;}

div.astrotext{
  font-size:9pt;
}

div.astroimg{
  float:left;
  margin:0.5em 1em 0.5em 0;
}

/** Guestbook **/
div.nickname{
  font-size:7pt;
  margin-left:0.7em;
  margin-right:0.5em;
}

div.nickname{
  border-bottom:1px solid #25a2a0;
  margin-bottom:7px;
}

div.nickname span{
  background-color:white;
  color:#25a2a0;
  padding-right:5px;
  position:relative;
  top:0.5em;
  text-decoration: none;
  font-family:arial;
  font-size:8pt;
  font-weight:bold;
}

div.glbdtitle{margin-top:20px;margin-bottom:20px;}
div.glbdtitle a{
  color:#25a2a0;
  font-size:12pt;
  text-decoration:none;
}

div.glbdcomment{
  margin-left:20px;
}

div.glbd{
  margin-left:160px;
}

/** Newsletter **/
.newslettertitle{
  color:#25a2a0;
  font-size:12pt;
}


/** Détente **/

.detentetitle{
  color:#ec13c6;
  font-size:14pt;
}

.detentechapeau{
  color:#ec13c6;
  font-size:10pt;
  font-weight:bold;
}

.motsflechesleft{
  float:left;
  width:450px;
}

.motsflechesright{
  float:right;
  width:160px;
}

/** Kiosque **/
.kiosquetitle{
  color:#ee8bb1;
  font-size:12pt;
}

.editobold{
  font-weight:bold;
  color:#ee8bb1;
}

div.editotitle{
  color:black;
  font-size:14pt;
  font-weight:bold;
  margin-bottom:0.5em;
}
/** Internaute **/


div.internautetitle{
  margin-left:0.7em;
  margin-right:0.5em;
  margin-bottom:0.5em;
}

div.internautetitle{
  border-bottom:1px solid #25a2a0;
  margin-bottom:15px;
}

div.internautetitle span{
  background-color:white;
  color:#25a2a0;
  padding-right:5px;
  position:relative;
  top:0.5em;
  text-decoration: none;
  font-family:arial;
  font-size:12pt;
  font-weight:bold;
}

div.internaute{
  margin-left:110px;
}


/** Right main **/

div #main-right{
  float:right;
  width:300px;
  margin-top:3px;
}

div #pubRight{
  width: 300px;
  height: 250px;
}

div #pubRight img{
  width: 300px;
  height: 250px;
}

/** Newsletter **/

#newsid{
  margin:0.2em;
  margin-left:0.5em;
}

/** Communautée **/

div.communautee{
  color:black;
  margin-top:0.5em;
  text-indent:0.7em;
  font-family:arial;
  font-size:12pt;
  font-weight:bold;
}

div.myspace, div.facebook, div.wikipedia{
  margin-left:auto;
  margin-right:auto;
  margin-top:0.5em;
  margin-bottom:0.5em;
  width:150px;
  height:30px;
}

div.sexology{
  margin-left:auto;
  margin-right:auto;
  margin-top:0.5em;
  margin-bottom:0.5em;
  width:280px;
  height:128px;
}

/** Footer **/

div#footer{
  border-top:1px solid black;
  background-color: #FBFBFB;
  margin-top:1em;
  margin-bottom:1em;
}

/** Error message **/

div.error-message{
  text-align:center;
  color:red;
  font-size:12pt;
  font-weight:bold;
}

/** Subscription **/

#aboright{
  float:right;
  width:150px;
}

#aboleft{
  float:left;
  width:300px;
}

/** Test **/

#test{
  background:white url(./pic/test/fondtest.jpg) top left repeat;
}

#testleft{
  float:left;
  width:250px;
  margin-left:10px;
  margin-right:10px;
}

#testright{
  float:right;
  width:255px;
  margin-left:10px;
  margin-right:10px;
}

/** Chronique **/
a.chronique{
  display:block;
  font-weight:bold;
  height:1.8em;
  padding-bottom:0;
  padding-top:0.3em;
  text-indent:1em;
  text-transform:capitalize;
}
a.chronique:hover{color:red;text-decoration:none;font-size:8pt;font-family:Arial;}
a.chronique:active{color:red;text-decoration:none;font-size:8pt;font-family:Arial;}
a.chronique:link{color:red;text-decoration:none;font-size:8pt;font-family:Arial;}
a.chronique:visited{color:red;text-decoration:none;font-size:8pt;font-family:Arial;}

/** Sommaire **/
.flottantleft{
  float:left;
  width:330px;
}

.flottantright{
  float:right;
  margin-top:15px;
}

.flottantright img{margin-top:15px;}

.soussommaire{
  font-weight:bold;
  font-size:9pt;
  color:black;
}

/*#decouvrir{font-family: Arial;font-weight:bold;font-size:14pt;color:#f38ab3;}
#special{font-family: Arial;font-weight:bold;font-size:16pt;color:#8f278b;}
#seduction{font-family: Arial;font-weight:bold;font-size:14pt;color:#ba2e71;}
#lit{font-family: Arial;font-weight:bold;font-size:14pt;color:#f47324;}
#couple{font-family: Arial;font-weight:bold;font-size:14pt;color:#5463ad;}
#seduire{font-family: Arial;font-weight:bold;font-size:14pt;color:#faa922;}
#partager{font-family: Arial;font-weight:bold;font-size:14pt;color:#19bab7;}
*/
#decouvrir{font-family: Arial;font-weight:bold;font-size:14pt;color:#e2007a;}
#seduction{font-family: Arial;font-weight:bold;font-size:14pt;color:#e2007a;}
#lit{font-family: Arial;font-weight:bold;font-size:14pt;color:#e2007a;}
#couple{font-family: Arial;font-weight:bold;font-size:14pt;color:#e2007a;}
#seduire{font-family: Arial;font-weight:bold;font-size:14pt;color:#e2007a;}
#partager{font-family: Arial;font-weight:bold;font-size:14pt;color:#e2007a;}
.page{font-family: Arial;font-weight:bold;font-size:11pt;color:#e2007a;}

/** Mode **/
#mode{
	/*background-color:#e73838;*/
}

.modetitle{
  color:#EAC23F;
  font-size:14pt;
}

.modechapeau{
  color:#EAC23F;
  font-size:10pt;
  font-weight:bold;
}

/** Chronique **/

.chroniquetitle{
  color:#D45898;
  font-size:14pt;
}

.chroniquetext{
  font-size:8pt;
}