/* Digest
------------------------------
    1. General
      1.1 Recurrents
    2. Header
      2.1 Top Header
    2.1.1 Menu electron
      2.2 Barre d'outils
      2.3 Menu
    3. Content
      3.1 col 01 left
        3.1.1 Enigme du jour
        3.1.2 Sur le forum
        3.1.3 L'instant gagnant
        3.1.4 Les lots
        3.1.5 Inner col
      3.2 col 02 right
      3.3 content text
    X. Footer
      X.1 Footer VDN
*/

/* Colors
------------------------------
	# current text       :	#2a2a2a
	# Magenta            : 	#e2007a
	# Dark Magenta       : 	#a7005b
*/

/* em Formula
------------------------------
	1em = 16px (default font) {where 1em = inherited font size}
	so 1px = 1 ÷ 16 = 0.0625em
	to conclude Xpx = X * 0.0625em
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. General <<<-----------*/
/* ----------------------------------------------------------*/

body {
	background: #E2007A url(../../images/structure/background/bg-body.gif) repeat-y center top;
	font: normal .80em/1.5em Arial, FreeSans, Helvetica, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
.popup {
  background: white;
}
body.popup {
	width:500px;
}
.popup #global {
	width:500px;
}
#NOTIE, #IE, #IE6, #IE7 {
  background: transparent url(../../images/structure/background/bg-wrapper.gif) no-repeat center top;
  width: 100%;
  padding-top: 18px;
}
#global {
	color: #2a2a2a;
	margin: 0 auto;
	width: 1000px;
}

	  /* -------------------------------------------------------------------------------------------------->>> 1.1 Recurrents <<<-----------*/

.hide {
  display: none;
}
.hidden {
  visibility: hidden;
  font-size: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.clear {
  clear: both;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
#easyTooltip{
	padding: 2px 5px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	font-size: .85em;
}
.picleft {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 2px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
.picright {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  padding: 2px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
.piccenter {
  display: block;
  margin: 10px auto;
  padding: 2px;
}
div.erreur {
  background: #B22D62 url(../../images/elements/skull.gif) no-repeat 1% 50%;
  color: white;
  padding: .5em 2em;
  margin: 1em 2em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Header <<<-----------*/
/* ----------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 2.1 Top Header <<<-----------*/

#haut_header h1 {
  float: left;
  position: absolute;
}
#haut_header .dos-logos {
  float: right;
  padding: 70px 0 0 0;
}
#haut_header .dos-logos img {
  display: block;
  float: left;
  padding-left: 5px;
}

    /* -------------------------------------------------------------------------------------------------->>> 2.1.1 Menu electron <<<-----------*/

#haut_header #electron {
  padding: 70px 0 0 440px;
}
#haut_header #electron li {
	display: inline;
	padding-right: 20px;
	position: relative;
}
#haut_header #electron li a {
	display:inline-block;
	padding:0 14px 8px 0;
}
#haut_header #electron li a:hover {
	text-decoration:none;
}
#haut_header #electron #sites_actu a {
	color:#00a7ee;
	background-image:url('../../images/elements/puce_actu.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
}
#haut_header #electron #sites_loisir a {
	color:#ff6e01;
	background:url('../../images/elements/puce_loisir.gif') no-repeat bottom right;
}
#haut_header #electron #sites_annonce a {
	color:#e85125;
	background:url('../../images/elements/puce_annonce.gif') no-repeat bottom right;
}
#header #haut_header #electron .sous_menu_site {
	display : none;
	z-index : 105;
	position:absolute;
	top:20px;
	left:0;
	width:156px;
	background:url('../../images/structure/background/ss_menu_top.png') no-repeat left top;
}
* html #header #haut_header #electron .sous_menu_site {
  top: 90px;
}
*+html #header #haut_header #electron .sous_menu_site {
  top: 90px;
}
#header #haut_header #electron .sous_menu_site ul {
	margin-top:17px;
	background:url('../../images/structure/background/ss_menu_contenu.png') no-repeat left top;
	padding-bottom:10px;
	height:100%;
}
#header #haut_header #electron .sous_menu_site ul li {
	display:block;
	font-size:0.8em;
	border-bottom:#c9d0d4 1px solid;
	margin:0 8px 0 6px;
	line-height: 1;
	padding-right:8px;
}
* html #header #haut_header #electron .sous_menu_site ul li {
	width:110px;
	padding-right:0;
}
* html #header #haut_header #electron .sous_menu_site ul li a {
	width:134px;
}
#header #haut_header #electron .sous_menu_site ul li a {
	width:100%;
	color:#424b55;
	padding:4px 0 4px 10px;
	background: #E7E9F8;
}
#header #haut_header #electron .sous_menu_site ul li a:link, #header #haut_header #electron .sous_menu_site ul li a:visited {
	background-image:none;
	background-color:#E7E9F8;
}
#header #haut_header #electron .sous_menu_site ul li a:hover, #header #haut_header #electron .sous_menu_site ul li a:active, #header #haut_header #electron .sous_menu_site ul li a:focus {
	background: white;
	color:#00a6e2;
}
#header #haut_header #electron .sous_menu_site div {
	background:url('../../images/structure/background/ss_menu_bottom.png') no-repeat left top;
	overflow:hidden;
	width:156px;
	height:10px;
}

  /* -------------------------------------------------------------------------------------------------->>> 2.2 Barre d'outils <<<-----------*/

#outils {
  background: #e2007a url(../../images/structure/background/bg-tools.gif) no-repeat center center;
}
#outils h2 {
  display: none;
}
#outils ul {
  float: right;
  padding-top: 20px;
}
#outils ul li {
  display: block;
  float: left;
}

#reclame {
  background: #eee;
  padding:5px 0;
}

  /* -------------------------------------------------------------------------------------------------->>> 2.3 Menu <<<-----------*/

#menu {
  background: #a7005b url(../../images/structure/background/bg-menu.gif) repeat-x center center;
  color: white;
}
#menu li {
  background: transparent url(../../images/structure/background/bg-menu-separate.gif) no-repeat center right;
  display: block;
  float: left;
  padding: 0 2px 0 0;
}
#menu li.with-sublist {
  position: relative;
}
#menu li a {
  color: white;
  display: block;
  padding: 5px 10px;
}
#menu li.with-sublist a {
  background: transparent url(../../images/elements/subnav.gif) no-repeat 92% 13px;
  padding: 5px 15px 5px 10px;
}
#menu li a:hover, #menu li a:focus {
  background-color: #a7005b;
}
#menu li.selected {
  background-color: #a7005b;
  padding: 5px 12px 5px 10px;
}

  /* -------------------------------------------------------------------------------------------------->>> 2.3.1 Sous-Menu <<<-----------*/

#menu li:hover ul, #menu li:focus ul, #menu li.ieHover ul {
  display: block;
}
#menu li ul {
  display: none;
  background: #a7005b;
  border: 1px solid #666;
  border-top: none;
  font-size: .85em;
  padding: 5px;
  position: absolute;
  left: -1px;
}
#header #menu li ul li {
  float: none;
  background: transparent url(../../images/elements/puce.gif) no-repeat center left;
  padding: 0 0 0 10px;
}
#header #menu li ul li a {
  background: none;
  display: inline;
  white-space: nowrap;
  padding:  0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Content <<<-----------*/
/* ----------------------------------------------------------*/

#content {
  background: white;
  clear: both;
  padding-top: 10px;
}
#col-01 {
  float: left;
  width: 680px;
}
#col-02 {
  float: right;
  width: 320px;
}

  /* -------------------------------------------------------------------------------------------------->>> 3.1 col 01 left <<<-----------*/


    /* -------------------------------------------------------------------------------------------------->>> 3.1.1 Enigme du jour <<<-----------*/

#enigme {
  background: white url(../../images/structure/background/bg-enigma.jpg) no-repeat 0 0;
  margin-bottom: 10px;
  width: 536px;
  height: 245px;
  padding: 55px 10px 10px 120px;
}
#enigme h2 {
  display: none;
}
#enigme #pic {
  background: transparent url(../../images/elements/bg-pic.png) no-repeat bottom right;
  float: left;
  padding: 0 3px 3px 0;
}
#enigme #pic img {
  display: block;
}
#enigme .discover {
  display: block;
  float: left;
  margin: 45px 0 0 10px;
}
#enigme .discover a {
  display: block;
  height: 130px;
  width: 250px;
  background: transparent;
  text-indent: -1000em;
}
* html #enigme .discover {display: inline;}
#enigme p {
  text-align: center;
  float:left;
}
#enigme p span {
  padding-left:30px
}

    /* -------------------------------------------------------------------------------------------------->>> 3.1.2 Sur le forum <<<-----------*/

#live-forum {
  float: left;
  background: white url(../../images/structure/background/bg-fora.jpg) no-repeat 0 0;
  width: 241px;
  height: 220px;
  padding: 50px 20px 10px 75px;
  margin-bottom: 10px;
  position: relative;
}
#live-forum h2 {
  display: none;
}
#live-forum ul {
  font-size: .9em;
}
#live-forum ul li {
  padding-left: 15px;
  background: transparent url(../../images/elements/puce-oeil.gif) no-repeat 0 3px;
  padding-bottom: 5px;
  line-height: 1.3em;
  zoom: 1;
}
#live-forum ul li a {
  color: #E2007A;
}
#live-forum .fora {
  position: absolute;
  right: 25px;
  bottom: 10px;
  display: block;
  float: right;
  background: #E2007A;
  color: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 2px 5px;
}

    /* -------------------------------------------------------------------------------------------------->>> 3.1.3 L'instant gagnant <<<-----------*/

#winning-instant {
  float: left;
  background: transparent url(../../images/structure/background/bg-winning.jpg) no-repeat 0 0;
  width: 252px;
  height: 220px;
  padding: 50px 10px 10px 80px;
  margin-bottom: 10px;
  margin-left: 2px;
}
#winning-instant h2 {
  display: none;
}
#winning-instant p {
  color: #E2007A;
}

    /* -------------------------------------------------------------------------------------------------->>> 3.1.4 Les lots <<<-----------*/

#gifts {
  background: transparent url(../../images/structure/background/bg-gifts.jpg) no-repeat 0 0;
  clear: both;
  height: 187px;
  margin: 0 0 10px 8px;
}
#gifts h2 {
  display: none;
}
#gifts ul {
  padding: 58px 0 0 48px;
}
#gifts ul li {
  display: block;
  float: left;
}
#gifts #item-01 {
  position: relative;
  top: 5px;
}

    /* -------------------------------------------------------------------------------------------------->>> 3.1.5 inner col <<<-----------*/

#inner-col-01 {
  float: right;
  width: 314px;
  padding: 2em;
}
#inner-col-01 .image-link {
  display: block;
  padding: 2px;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  float:left;
}
#inner-col-01 .image-link:hover {
  border: 1px solid #E2007A;
}
#inner-col-01 img {
  display: block;
}
#inner-col-01 p {
  padding: 1em 0 0 0 !important;
  margin: 0 0 10px 0 !important;
}
#afficher_zoom, #afficher_zoom:hover, #afficher_zoom:focus {
  background: #ccc url(../../images/elements/afficher_zoom.gif) no-repeat 0 0 !important;
  display: block;
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  text-indent: 15px;
}
#inner-col-01 #tip {
  background: #ccc url(../../images/elements/tipafriend.gif) no-repeat 0 0 !important;
  display: block;
  width: 314px;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  text-align: center;
  margin-top: 1em;
}
#IE6 #inner-col-01 #tip {
  margin-top: 0;
}
#telecharger, #telecharger:hover, #telecharger:focus {
  background: #ccc url(../../images/elements/telecharger.gif) no-repeat 0 0 !important;
  display: block;
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  margin-left: 13px;
}
#inner-col-01 .conteneur {
  margin: 0;
  width: 230px;
  float: left;
}
#inner-col-01 .conteneur em {
  font-weight: 900;
  color: #666;
}
#archive {
  margin: 0 auto;
  clear: both;
  width: 500px;
}
#objet {
  background: transparent url(../../images/elements/accolade.gif) no-repeat 60% 85px;
  position: relative;
}
#inner-col-01 .voted {
  background: transparent url(../../images/elements/accolade.gif) no-repeat 60% 45px;
}
#objet .btn-submit {
  background: #e2007a;
  border: 0;
  font-weight: 900;
  font-family: 'Trebuchet MS', arial, sans-serif;
  color: white;
  font-size: 1.2em;
  padding: 1px 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  float: left;
  display: block;
  text-transform: uppercase;
  position: absolute;
  bottom: 100px;
  left: 220px;
}
#IE6 #objet .btn-submit {
  bottom: 115px;
  cursor: pointer;
}
#objet .btn-submit:hover, #objet .btn-submit:focus, #archive .btn-submit:hover, #archive .btn-submit:focus {
  background: #A7005B;
}
#archive .btn-submit {
  background: #e2007a;
  border: 0;
  font-weight: 900;
  font-family: 'Trebuchet MS', arial, sans-serif;
  color: white;
  font-size: 1.2em;
  padding: 1px 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  bottom: 2px;
}

  /* -------------------------------------------------------------------------------------------------->>> 3.2 col 02 right <<<-----------*/

#login {
  background: white url(../../images/structure/background/bg-login.gif) no-repeat 0 0;
  width: 300px;
  height: 175px;
  margin-bottom: 10px;
  padding: 55px 10px 10px 10px;
}
#login-gd {
  background: white url(../../images/structure/background/bg-login-gd.gif) no-repeat 0 0;
  width: 300px;
  height: 294px;
  margin-bottom: 10px;
  padding: 55px 10px 10px 10px;
}
#login h2, #login-gd h2 {
  display: none;
}
#login-gd h3 {
  font-size: 1em;
  color: #E2007A;
  font-weight: 400;
  padding-left: 10px;
}
#login-gd p {
  font-size: .85em;
  padding: 0 10px;
}
#login-gd p a {
  color: #009EE0;
}
#login-gd .plus {
  background: transparent url(../../images/elements/puce-oeil.gif) no-repeat 0 4px;
  float: right;
  color: #009EE0;
  padding-left: 15px;
  margin-right: 10px;
  font-size: .85em;
  display: inline;
}
#login-gd #logform {
  clear: both;
  padding-top: 10px;
}
#login-gd .row {
  padding-bottom: 10px;
  width: 250px;
  float: left;
}
#login-gd .row label {
  display: block;
  color: #009EE0;
  float: left;
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-weight: 900;
  width: 100px;
  padding-right: 3px;
  text-align: right;
}
#login-gd .row input {
  /*border: 0;*/
  /*background: white url(../../images/elements/input.gif) no-repeat 0 0;*/
  font-family: 'Trebuchet MS', arial, sans-serif;
  padding: 1px;
  width: 131px;
  height: 19px;
  color: black;
  font-size: 1.2em;
  border: 1px inset #009EE0;
}
#login-gd .row input:hover, #login-gd .row input:focus {
  border: 1px inset #032562;
}
#login-gd .btn-submit {
  float: left;
  background: #009EE0;
  border: 0;
  font-weight: 900;
  font-family: 'Trebuchet MS', arial, sans-serif;
  color: white;
  font-size: 1.2em;
  padding: 1px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#login-gd .btn-submit:hover, #login-gd .btn-submit:focus {
  background: #032562;
}
#login ul, #login-gd ul {
  clear: left;
  padding: 5px 85px 0 10px;
  font-size: 0.85em;
}
#login ul li, #login-gd ul li {
  background: transparent url(../../images/elements/puce-oeil.gif) no-repeat 0 0;
  padding: 0 0 10px 15px;
  line-height: 1.3em;
  zoom: 1;
}
#login ul li a, #login-gd ul li a {
  color: #009EE0;
}

#partners {
  background: white url(../../images/structure/background/bg-partners.gif) no-repeat 0 0;
  width: 300px;
  height: 152px;
  padding: 35px 10px 10px 10px;
}
#partners h2 {
  display: none;
}
#partners ul {
  padding: 10px;
}
#partners ul li {
  display: block;
  float: left;
  width: 80px;
  padding: 0 5px;
  margin: 0;
  height: 65px;
}
#partners ul li img {
  display: block;
  margin: 0 auto;
}

.collection, .imu {
  margin-bottom: 10px;
  padding-left: 8px;;
}

  /* -------------------------------------------------------------------------------------------------->>> 3.3 Content text <<<-----------*/

#content-text {
  background: #F3F3F3;
  margin: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 2px 2px 2px #ccc;
  -webkit-box-shadow: 2px 2px 2px #ccc;
  box-shadow: 2px 2px 2px #ccc;
}
#content-text a {
  color: #E2007A;
  text-decoration: underline;
}
#content-text a:hover, #content-text a:focus {
  color: #E2007A;
  text-decoration: none;
  background: white;
}
#content-text h1 {
  font-family: 'Tiresias infofont', 'Trebuchet MS', arial, sans-serif;
  color: white;
  background: #E2007A;
  display: block;
  float: left;
  padding: 5px 10px;
  font-size: 1.6em;
  position: relative;
  left: -5px;
  top: -5px;
  -moz-box-shadow: 2px 2px 0 #A7005B;
  -webkit-box-shadow: 2px 2px 0 #A7005B;
  box-shadow: 2px 2px 0 #A7005B;
  -moz-transform: rotate(-3deg);
  -moz-transform-origin: bottom left;
  -webkit-transform: rotate(-3deg);
  -webkit-transform-origin: bottom left;
}
#content-text h2, #content-text h3, #content-text h4 {
  color: #E2007A;
  font-family: 'Tiresias infofont', 'Trebuchet MS', arial, FreeSans, sans-serif;
  padding: 0 1.3em;
  margin: 1em 0;
  clear: left;
}
#content-text h1 + p {
  clear: left;
}
#content-text p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1em 0;
  padding: 0 2em;
  text-align: justify;
}

#content-text strong {
  color: #A7005B;
}
#content-text ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 2em;
}
#content-text ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> X. Footer <<<-----------*/
/* ----------------------------------------------------------*/

#the-footer {
  clear: both;
  position: relative;
  width: 840px;
  margin: 1em auto;
}
#the-footer h2 {
  color: #009EE0;
  font-size: 1.3em;
  font-weight: 900;
  padding-bottom: 10px;
}
#the-footer .prev, #the-footer .next {
  background: #009EE0;
  color: white;
  display: block;
  float: left;
  height: 169px;
  width: 20px;
  line-height: 167px;
  text-align: center;
  font-size: 2em;
}
#the-footer .prev:hover, #the-footer .next:hover, #the-footer .prev:focus, #the-footer .next:focus {
  background: #062650;
  text-decoration: none;
}
#the-footer ul {
  top: 10px;
}
#the-footer ul li {
  display: block;
  float: left;
  position: relative;
  margin: 0 5px;
}
#the-footer ul li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 142px;
  overflow: hidden;
  background: transparent url(../../images/elements/cover-site.png) no-repeat 0 0;
}
#the-footer ul li a .victory {
  background : rgba(0, 158, 224, .7);
  color: white;
  font-size: .85em;
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 25px;
  padding: 5px;
  width: 140px;
}
* html #the-footer ul li a .victory {
  background: #009EE0;
}
*+html #the-footer ul li a .victory {
  background: #009EE0;
}
#the-footer ul li a:hover, #the-footer ul li a:focus {
  text-decoration: none;
}
#the-footer .inner-list {
  background: #f3f3f3;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 167px;
  float: left;
}

  /* -------------------------------------------------------------------------------------------------->>> X.1 Footer VDN <<<-----------*/

div#footer-static {
	color: #8E97A0;
	font-family:Verdana, Arial;
	font-size:10px;
	width:97%;
	margin:0px auto;
}
div#footer-static a {
	color:#8E97A0;
	text-decoration:none;
}
div#footer-static a:hover {
	color:#8E97A0;
	text-decoration:underline;
}
div#footer-static span {
	float:left;
	font-weight:bold;
}
div#footer-static ul {
	float:left;
	list-style-type:none;
	padding:0 0 5px 0;
	width:100%;
}
div#footer-static ul.sub {
	float:left;
	width:100%;
	line-height:11px;
	text-align:justify;
}
div#footer-static ul.sub li {
	border-right:1px solid #8E97A0;
	display:inline;
	line-height:11px;
	padding-right:5px;
}
div#footer-static ul li:first-child , div#footer-static ul li.last {
	border-right:0px;
}