body {
	margin: 0;
	padding: 2px 40px 10px 40px;
	text-align: center;
  font-family: Verdana,Arial,sans-serif;
	font-size: 0.9em;
	background-image:url('/outils/poisson/images/2013/blacklagoon.jpg');
  background-color:#000;
  background-position: 300px 0px;
  background-repeat: no-repeat; 
	color: #404040;
}

dl, dt, dd, form {
margin: 0;
padding: 0;
}

img {
border: none;
}

#main {
text-align: justify;
height:auto;
margin-left: 0;
background-color:#fff;
border:2px solid darkorange;
width: 940px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#entete-gauche {
margin-left: 40px;
float: left;
width: 40%;
}

#entete-gauche h1, #entete-gauche p {
	float: left;
	margin: 0;
}

#entete-gauche p {
	padding-top: 2em;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #000000;
}

h1 {
	font-size: 2.1em;
  font-weight: normal;
	color: #212121;
}

#entete-droite {
float: right;
width: 50%;
}

#breadcrumbs {
margin-left: 1em;
margin-bottom: 2px;
clear: both;
font-size: 0.9em;
color: #666666;
font-family: Arial;
}

/* Navigation dans /outils/css/menu.css */




#navigation {
height:39px;
background:url('/icone/accueil/navigationbg.jpg') 0 0 repeat-x;
clear:both;
}

ul.nav {
  list-style: none;
  margin: 0 0 0 50px;
  padding: 0;
}

li.navigation {
float: left;
font-variant: small-caps;
letter-spacing: 2px;
margin-top: 10px; 
margin-left: 1em;
padding-bottom: 10px; /* Indispensablble pour le menu déroulant */
padding-right: 1em;
display: block;
position: relative;
}

li.navigation a {
text-decoration:none;
}

li.navigation a:hover {
text-decoration:underline;
}

li.navigation:hover div.menu ,
li.sfHover div.menu {
top: 22px;
}

li.navigation:hover a.nav {
color: #000;
}

.menu {
  font-variant: normal;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  display: block;
  list-style: none;
  letter-spacing: 0;
  margin: 0;
  position: absolute;
  top: -999em;
  font-size: 1em;
  text-align: left;
  z-index: 30;
}

.left {
left: -1px;
}

.right {
right: -150px;
}

.middle-right {
right: -220px;
}

.menu li {
font-variant: normal;
padding:2px 0 2px 10px;
margin: 0 5px 0 10px;
position: relative;
background-repeat: no-repeat;
background: url("/icone/menu/bullet-blue.gif") no-repeat left 9px;
line-height:1.2em;
}

.menu ul {
margin: 0;
padding: 5px 0 10px 0;
list-style: none;
}

.menu h3 {
font-size: 1em;
font-weight: bold;
color: #0066cc;
padding: 2px 0 2px 10px;
background-color: #ccffff;
margin:0;
}

#menu-bottom-ency {
width: 350px;
padding: 0;
}

#menu-bottom-guide {
width: 350px;
}

#menu-bottom-lien {
width: 350px;
}

#menu-bottom-jeux {
width: 350px;
}

#menu-bottom-forum {
width: 350px;
}

#menu-bottom-actu {
width: 400px;
}

#menu-bottom-blog {
width: 350px;
}

ul.menu-left {
width: 47%;
float: left;
text-align: left;
position: relative;
}

ul.menu-right {
width: 47%;
float: left;
text-align: left;
position: relative;
}

.top_left {
background-repeat: no-repeat;
background-image: url("/icone/menu/left-top-tr.png");
background-position: top left;
top: 0px;
left: 0px;
z-index: 4;
}

#IE6 .top_left {
background-image: url("/icone/menu/left-top.gif");
}

.top_right {
position: relative;
background-repeat: no-repeat;
background-position: top right;
background-image: url("/icone/menu/right-top-tr.png");
z-index: 2;
height: 12px;
left: 12px;
top: 0px;
}

#IE6 .top_right {
padding: 0;
background-image: url("/icone/menu/right-top.gif");
overflow:hidden; /* Pour eviter d'avoir un espace en hauteur */
}

.bottom_left {
background-repeat: no-repeat;
background-position: bottom left;
background-image: url("/icone/menu/left-bottom-tr.png");
top: 0px;
left: 0px;
z-index: 3;
}

#IE6 .bottom_left {
background-image: url("/icone/menu/left-bottom.gif");
/* height: 1%; Pour forcer l'appararition du div */
}

.bottom_right {
padding: 0 1em 0.5em 0.5em;
position: relative;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url("/icone/menu/right-bottom-tr.png");
top: 0px;
left: 12px;
z-index: 1;
}

#IE6 .bottom_right {
background-image: url("/icone/menu/right-bottom.gif");
}



/* Boite de recherche */

#searchcontainer{
height:auto;
padding-right:20px;
float:right;
margin-bottom: 1em;
}

#sleft{
background: transparent url('/icone/sprite/commun.png') no-repeat;
background-position: -863px -2px;
width:10px;
height:33px;
float:left;
}

#smiddle{
height:33px;
width: 370px;
padding-top:5px;
background-image:url('/icone/accueil/searchbg.jpg');
background-repeat:repeat-x;
float:left;
}

#search{
height:auto;
float:left;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align:center;
color:#000;
background-color:inherit;
}

#sbox{
width:105px;
height:auto;
float:left;
margin-left: 0.1em;
}

#sbutton{
width:20px;
height:auto;
padding-top:3px;
text-align:center;
float:left;
margin:auto;

}

#sright{
background: transparent url('/icone/sprite/commun.png') no-repeat;
background-position: -1286px -2px;
width:10px;
height:33px;
float:left;
margin:auto;
}

/* banniere centrale*/

#banner {
margin: auto;
height: 260px;
background-color: #fefefe;
}

#banner-gauche {
border-top:1px solid #ffffff;
width: 540px;
float: left;
}

#banner-droite {
border-top:1px solid #ffffff;
background-color: LemonChiffon;
width: 398px;
height: 255px;
float: left;
}

#banner-titre {
float: left;
}

#banner-category {
float: left;
width: 80%;
}

#banner-category p{
color: #000000;
margin: 0.5em 0 0.5em 30px;
padding: 0;
}

#banner-category ul {
margin: 0 0 0 25px;
padding-left: 0;
list-style: none;
}

#banner-category li {
padding-left: 20px;
background-image: url('/icone/accueil/arrow.gif');
background-repeat: no-repeat;
background-position: 0.5em;
}

#networks ul {
padding: 20px 0 0 10px;
margin: 0;
list-style: none;
}

#networks li {
float: left;
background: none !important;
}

#menu-gauche
{
float: left;
width: 220px;
margin-top: 5px;
}

#centre {
float: left;
width: 51%;
margin-top: 5px;
margin-left: 5px;
}

#menu-droite {
width: 210px;
float: right;
margin-top: 5px;
margin-right: 5px;
}

label.niceform, input.niceform {
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 10px;
}

.bouton {
  border: 0px;
  padding: 2px 5px 2px 5px;
  background-color: darkorange;
  color: #fff;
  font-size: 0.9em;
}

label.niceform {
	text-align: right;
	width: 80px;
	padding-right: 10px;
}

br.niceform {
	clear: both;
}



/* logo */

#logos {
text-align: center;
font-size: 0.9em;
}

#logos img {
border: none;
margin-top: 5px;
}


/* sondage */

#enquete {
margin-left : 10px;
margin-top : 20px;
width: 203px;
text-align: left;
}

/* Page facebook */

#facebook {
float: left;
padding: 0;
margin: 5px 0px 0px 5px;
height: 300px;
}

object {
overflow: hidden;
}

/* historique */

#historique {
padding: 0 0 5px 5px;
}

#historique dt {
margin-top: 0.5em;
font-weight: bold;
font-size: 1em;
color: darkorange;
}

#historique dd {
padding-bottom: 1em;
text-align: left;
border-bottom: dashed 1px #404040;
}

#galerie {
text-align: center;
}

#galerie img {
border: 1px solid;
}

a.bookmark {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -30px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.print {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -167px; 
padding-left: 2em;
height: 1.5em;
display: block;
}

a.send {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -121px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.search {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -248px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.mobilephone {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -557px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.fluxrss {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -603px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.facebook {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -421px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.netvibes {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -511px;
padding-left: 2em;
height: 1.5em;
display: block;
}

a.twitter {
background: transparent url('/icone/sprite/icones.png') no-repeat;
background-position: 0 -647px;
padding-left: 2em;
height: 1.5em;
display: block;
}

#menu-bottom {
font-size: 0.9em;
}


#enqueue
{
clear: both;
margin-top: 1em;
}

#enqueue-gauche {
text-align: center;
background-color: darkorange;
width: 230px;
height: 70px;
float: left;
margin: 2px 0 0 0;
}

#enqueue-gauche h1 {
padding: 0;
color: #fcfcfc;
margin: 0;
}

#enqueue-gauche p {
padding: 0;
color: #fcfcfc;
margin: 0;
letter-spacing: 1px;
text-transform: uppercase;
}

#enqueue-droite {
float: left;
height: 70px;
border-left: 1px #fff solid;
margin-top: 2px;
width: 706px;
}

#enqueue-top {
padding: 0.5em;
font-size: 0.9em;
text-align: center;
border-top: 1px solid darkorange;
}

#enqueue-top a {
text-decoration: none;
}

#enqueue-top a:hover {
text-decoration: underline;
}

#copyright {
padding: 0.2em;
text-align: left;
font-family: Arial;
font-size: 0.8em;
}

a.go {
background: transparent url('/outils/poisson/images/2013/pique.png') no-repeat;
padding-left: 24px;
}

.wrap2, .wrap3 {
  float : left;
}

.wrap1-left {
   float : left;
   margin-right: 15px;
   background: url(/icone/css/shadow.gif) right bottom no-repeat;
}

.wrap1-right {
   float : right;
   margin-left: 15px;
   background: url(/icone/css/shadow.gif) right bottom no-repeat;
}

.wrap2 {
   background: url(/icone/css/corner-bl.gif) -12px 100% no-repeat;
}
.wrap3 {
	padding: 0 9px 9px 0;
	background:url(/icone/css/corner-tr.gif) 100% -12px no-repeat;
}

#cloudtag {
background-color:darkorange;
margin-top: 1em;
padding: 1.4em;
font-size: 0.9em;
text-align: left;
color: #fefefe;
}

#cloudtag a {
color: #fefefe;
}

.cloudtag0 {
font-size: 1em;
}

.cloudtag1 {
font-size: 1.2em;
font-weight: bold;
}

.cloudtag2 {
font-size: 1.4em;
font-weight: bold;
}

.cloudtag3 {
font-size: 1.6em;
font-weight: bold;
}

.cloudtag4 {
font-size: 1.8em;
font-weight: bold;
}

.cloudtag5 {
font-size: 2em;
font-weight: bold;
}

.cloudtag6 {
font-size: 2.2em;
font-weight: bold;
}

.nouvelle {
padding: 10px;
margin-bottom: 10px;
background:#fdfdfd;
border:1px solid #eaeaea;
}

.nouvelle h3 {
margin-top: 0;
}

.sidebar {
font-size:0.9em;
padding: 5px;
background:#f0f0f0;
margin:0 0 5px 5px;
border:1px solid #eaeaea;
width: 200px;
}

.sidebar h2{
padding: 10px 0px 5px 10px;
margin: 0;
height:20px;
color:#fff;
font-size:1.1em;
font-family:Georgia,Arial,Tahoma,century gothic,  sans-serif;
font-weight:normal;
text-shadow: 1px 1px 1px #000;
//background:#3b3b3b;
background:darkorange;
}

.rounded{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}