/* Mise en page générale */

html, body{
	margin:0;
	padding:0;
	text-align:center;
	background:fixed ;
}
#page{
	width:780px;
	margin:0 auto;
	text-align:left;
	background:#36332a url(img_pub/page.jpg) repeat-y center top;
}
#top{
	margin:0;
	padding:0;
	height:64px;
}
#mini-top{
	margin:0;
	padding:0;
	height:149px;
	cursor:pointer;
}
.top1{
	background:#36332a url(img_pub/top.jpg) no-repeat center top;
}
.mini-top-aquarium-webzine{
	background:#36332a url(img_pub/mini-top-aquarium-webzine.jpg) no-repeat center top;
}
#main{
	float:right;
	width:520px;
}
#content{
	margin:0 25px 0 5px;
	padding:1em 0 0 0;
}
.post{
	margin-bottom:4em;
	text-align:justify;
}
.post-head-title{
	border-left:5px solid #ba6912;
	padding-left:5px;
}
.post-title{
	color:#ba6912;
	background:transparent;
	margin-bottom:0;
}
.post-title a{
	color:#ba6912;
	background:transparent;
	text-decoration:none;
}
.post-info{
	margin-top:0;
	color:#FFAA00;
	background:transparent;
	padding-bottom:1ex;
}
.post-info a{
	color:#FFAA00;
	background:transparent;
	text-decoration:none;
}
.post-content{
	text-align:justify;
}
.post-content blockquote{
	text-align:justify;
}
.post img{
	border:none;           
	vertical-align:middle; 
}
.post blockquote{
	margin:0 0 0 20px;
	padding:0;
	vertical-align:middle;	
	width:450px;
}
.post-option{
	margin:0;
	padding:0;
}
#comments blockquote{
	border:1px solid #EEE;
	margin:1em 0;
	padding:1ex 1em;
	vertical-align:middle; 
}
#comments blockquote img{
	vertical-align:middle; 
}
body{
	background:#36332a;
	color:#4b483a;
	font-size:70%;
	line-height:1.6em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor:default;
}
.Style1 {
	font-size:0.8em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1{
	display:inline; 
	font-size:1.4em;
	color:#ba6912;
	margin:0;
	padding:0;
}

h2{
	display:inline; 
	font-size:1.1em;
	color:#ba6912;
	margin:0;
	padding:0;
}
h1 a{
	color:#ba6912;
}

h1 a:hover{
	color:#ba6912;
}

h1 a:visited{
	color:#ba6912;
}
h2 a{
	color:#ba6912;
}
h2 a:hover{
	color:#ba6912;
}
h2 a:visited:after{
		content:" "url(img_pub/12px-green-check.png);
		color: #F00;
	}
	
h2 a:visited{
	color:#ba6912;
}
pre, code{
	font-size:1.2em;
}
pre{
	width:100%;
	overflow:auto;
	border:1px solid #CCC;
}
fieldset{
	border:none;
}
label{
	cursor:pointer;
}
.field label{
	display:block;
}
input,textarea{
	border:1px solid #36332a;
	background-color: #F1F1E0;
	font-size:1em;
	font-family:Verdana, Arial, sans-serif;
}
input:hover, textarea:hover, input:focus, textarea:focus, .searchinput input:hover, .searchinput input:focus{
	background-color: #F1F1E0;
	border: 1px solid #ba6912;
}
.searchinput input{
	border:1px solid #ffffff;
	background-color: #F1F1E0;
}
textarea{
	width:100%;

}
a{
	color:#4b483a;
	text-decoration:none;
}
a:visited{
	color:#4b483a;
	text-decoration:none;
}
a:hover{
	color:#ba6912;
	text-decoration:none;
}
.left{
	float:left;
	margin-right:1em;
}
.right{
	float:right;
	margin-left:1em;
}
img {
	border:0px; 
}
.pagination{
	text-align:center;
}
p.pagenav a {
	color:#4b483a;
	text-decoration:none;
}
p.pagenav a:hover {
	color:#ba6912;
}
.gallery-image { 
	font-size:0.8em;
	text-decoration:none;
}
form {
	margin:0;
	padding:0;
}
form input[type=checkbox]{
	border:0px;
	background-color:#fff;
}

hr {
	height:1px;
	margin:0 40px 0 40px;
	padding:0;
	color:#d6d6d6;
	background-color:#d6d6d6;
	border:0;
	width:400px;
}
/* prelude */
#prelude{
	margin:0;
	padding:0 220px 0 0;
	text-align:center;
	background:#36332a;
	color:#dfdfc5;
	font-size:0.8em;
}
#prelude a{
	color:#dfdfc5;
	background:transparent;
}
#prelude a:hover{
	color:#dfdfc5;
	background:transparent;
	text-decoration:none;
}
/* Mini menu de gauche */
#mini-menu-contenant{
	z-index:2;
	position:absolute;
	width:49px;
	height:150px;
	left:50%;
	margin:0 0 0 -425px;
	padding:0;
	background:url(img_pub/mini-menu.jpg) no-repeat center top;
	top: expression(body.scrollTop + 200 + "px")

}

html[xmlns] #mini-menu-contenant { position: fixed; top:200px;} 
html>body #mini-menu-contenant { position: fixed; top:200px;}
 
#mini-menu-contenu{
	margin:0;
	padding:7px 0 15px 10px;
	line-height:0px;
}
a.image1 { 
     display:block; 
     width:30px; 
     height:28px; 
     background-image:url(img_pub/mini-menu-1.jpg);
     background-repeat:no-repeat;
     }	 
a.image1:hover {
     background-image:url(img_pub/mini-menu-1_hover.jpg); 
     } 
a.image2 { 
     display:block; 
     width:30px; 
     height:28px; 
     background-image:url(img_pub/mini-menu-2.jpg);
     background-repeat:no-repeat;
     }	 
a.image2:hover {
     background-image:url(img_pub/mini-menu-2_hover.jpg); 
     } 
a.image3 { 
     display:block; 
     width:30px; 
     height:32px; 
     background-image:url(img_pub/mini-menu-3.jpg);
     background-repeat:no-repeat;
     }	 
a.image3:hover {
     background-image:url(img_pub/mini-menu-3_hover.jpg); 
     } 
a.image4 { 
     display:block; 
     width:30px; 
     height:26px; 
     background-image:url(img_pub/mini-menu-4.jpg);
     background-repeat:no-repeat;
     }	 
a.image4:hover {
     background-image:url(img_pub/mini-menu-4_hover.jpg); 
     } 
/* Menu coté gauche*/
#sidebar{
	float:left;
	width:260px;
	margin:-45px -20px 0 10px;
}
#sidebar div{
	margin:0 30px 0 0;
	padding:1ex 1em;
	border-bottom:1px solid #f0f0f0;
}
#sidebar img{
	vertical-align:middle;
}
#sidebar div ul{
	margin:0;
	padding:3px 0 0 0;
	list-style:none;
}
#sidebar li {
	margin:0;
	padding-left:10px;
}
#sidebar li:hover {
	margin:0;
	background-image:url(img_pub/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
} 
#sidebar h1{
	font-size:1.4em;
	color:#ba6912;
	margin:0;
	padding:0;
}
#sidebar h2{
	font-size:1.1em;
	color:#858638;
	margin:0;
	padding:0;
}
#sidebar div#search{
	background:transparent;
	color:inherit;
	line-height:2.3em;
}
#optionsarticles{
	background-color:#FFFFFF;
}
#search fieldset, #search p{
	margin:0;
	padding:0;
}
#decouvrez li, #decouvrez li:hover, #apropos li, #apropos li:hover, #divers li, #divers li:hover, #eau-de-mer li, #eau-de-mer li:hover, #eau-douce li, #eau-douce li:hover, #eau-de-mer-photo li, #eau-de-mer-photo li:hover, #eau-douce-photo li, #eau-douce-photo li:hover, #a2005 li, #a2006 li, #a2007 li, #a2008 li, #a2009 li, #a2010 li, #a2005 li:hover, #a2006 li:hover, #a2007 li:hover, #a2008 li:hover, #a2009 li:hover, #a2010 li:hover{
	margin-left:10px;
}
.marginleft li{
	margin-left:10px;
}
#q{	
	padding-left:18px;
	background: #F1F1E0 url(img_pub/q.png) no-repeat 4px 4px;
}
/* bas de page */
#footer{
	color:#dfdfc5;
	padding:1ex 1em 1ex 1em;
	margin:0;
	clear:both;
	background:#36332a url(img_pub/bottom.jpg) no-repeat center top;
	height:64px;
	text-align:justify;
	line-height:11px;	
}
#footerdivlistcol1 {
	display:inline;
	float:left;
	padding-left:120px;
}
#footerdivlistcol2 {
	padding-right:45px;
	text-align:left;
	font-size:9px;
	line-height:10px;	
   	display:inline;	
	float:right;
}
#footerdivlistcol2  a{
	color:#dfdfc5;
	text-decoration:none;
}
#footerdivlistcol2  a:visited{
	color:#dfdfc5;
	text-decoration:none;
}
#footerdivlistcol2  a:hover{
	color:#dfdfc5;
	text-decoration:none;
}
#footertagcloud div {
	font-size:0.8em;
	text-decoration:none;
}
#footertagcloud ul {
	display:inline;
	margin:0;
	padding:0;
}
#footertagcloud li {
	display:inline;
}
#footertagcloud a{
	font-size:0.8em;
	color:#dfdfc5;
	text-decoration:none;
	filter : alpha(opacity=40);
    -moz-opacity : 0.4;
    opacity : 0.4; 
}
#footertagcloud a:visited{
	font-size:0.8em;
	color:#dfdfc5;
	text-decoration:none;
	filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2;
	text-decoration:none;
}
#footertagcloud a:hover{
	font-size:0.8em;
	color:#dfdfc5;
	text-decoration:none;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}
/* liste des articles */
.divlist{
	cursor:pointer;
	height:100px;
	border-left :5px solid #ffffff;
	padding-left:5px; 
}
.divlist:hover{
	cursor:pointer;
	height:100px;
	border-left:5px solid #ba6912;
	padding-left:5px; 
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}

.divlisttext {
	padding-top:5px; 
	display:inline;
	text-align:left;
	float:left;
	line-height:14px;
	width:280px;
}
.divlistpic {
	display:inline;
	float:right;
	width:200px;
}
/* edito */
#edito{
	position:absolute;
	width:200px;
	height:230px;
	top:35px;
	left:50%;
	margin:0 0 0 185px;
	padding:0 0 0 3px;
	text-align:left;
	background:transparent;
	color:#dfdfc5;
	font-size:0.8em;
}
#edito a{
	color:#dfdfc5;
	background:transparent;
}
#edito a:hover{
	color:#dfdfc5;
	background:transparent;
	text-decoration:none;
}
.edito-contenant-gauche{
	background:#dfdfc5;
	margin:0 20px 0 0;
	padding:0;
	width:180px;
	float:left;
}
.edito-contenu{
	margin:0;
	padding:0 5px 0 5px;
}
.edito-contenant-droit{
	text-align:justify;
	margin:0 0 0 10px;
	padding:0;
}
.edito-contenu ul{
	margin:0;
	padding:3px 0 3px 0;
	list-style:none;
}
.edito-contenu li{
	list-style:none;
	margin:0;
	padding-left:10px;
} 
 Tagcloud 
#footertagcloud{
	/*display:none;*/
}
#tagcloud ul{
	margin:0;
	padding:0 1em;
	display:block;
}
#tagcloud li{
	display:inline;
	margin:0 .1em;

}
#tagcloud li.level-1{
	font-size:1em; 
}
#tagcloud li.level-2{
	font-size:1.3em;
}
#tagcloud li.level-3{
	font-size:1.4em;
}
#tagcloud li.level-4{
	font-size:1.5em;
}
#tagcloud li.level-5{
	font-size:1.6em;
}

#tags .level-1{
	font-size:1em; 
}
#tags .level-2{
	font-size:1.3em;
}
#tags .level-3{
	font-size:1.4em;
}
#tags .level-4{
	font-size:1.5em;
}
#tags .level-5{
	font-size:1.6em;
}

/* infobulle */
a.info{
	position:relative; 
	z-index:24;
	text-decoration:none
}
a.info:hover{
	z-index:25;
	background:none;
}
a.info span{
	display:none
}
a.info:hover span{ 
	display:inline;
	position:absolute;     
	top:-15px; 
	left:335px;
	background:none;
	text-align:left;
}

a.info2{
	position:relative; 
	z-index:24;
	text-decoration:none
}
a.info2:hover{
	z-index:25;
	background:none;
}
a.info2 span{
	display:none
}
a.info2:hover span{ 
	display:inline;
	position:absolute;     
	top:-40px; 
	left:260px;
	background:none;
	text-align:left;
}
#tout img{
	vertical-align:middle;
}
#tout h1{
	font-size:1.4em;
	color:#ba6912;
	margin:0;
	padding:0;
}
#tout h2 a{
	display:inline; 
	font-size:11px;
	color:#4b483a;
	margin:0;
	padding:0;
	font-weight:normal;
}
#tout h3{
	display:inline; 
	font-size:11px;
	font-weight:normal;
	color:#4b483a;
	margin:0;
	padding:0;
}
#tout li img{
	vertical-align:middle;
}
/* div arrondie*/
.important-contenant{
	background:#dfdfc5;
	margin:0;
	padding:0;
}
.important-contenu{
	margin:0;
	padding:0 5px 0 5px;
	font-weight:bold;
}
.important-contenu-texte{
	margin:0;
	padding:0 6px 4px 6px;
}
.important-contenant-magazine{
	background:#dfdfc5;
	margin:0 25px 0 5px;
	padding:0;
}
.hautgauche, .hautdroit, .basgauche, .basdroit{
	height:8px; 
	width:8px;
	background-repeat:no-repeat;
	font-size:1px;
}
.hautgauche{
	background:url('img_pub/coin-hg-blanc.gif');
}
.hautdroit{
	float:right;
	background:url('img_pub/coin-hd-blanc.gif');
}
.basgauche{
	background:url('img_pub/coin-bg-blanc.gif');
}

.basdroit{
	float:right;
	background:url('img_pub/coin-bd-blanc.gif');
}
/* Liste des galeries */
#liste-galeries ul{
	margin:10px 0 0 10px;
	padding:0;
	list-style:none;
}
#liste-galeries li{
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
} 
#liste-galeries li:hover {
	margin:0;
	padding:0 0 0 10px;
	background-image:url(img_pub/arrow_brown.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#liste-galeries h2 a{
	display:inline; 
	color:#4b483a;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
}
#liste-galeries h2 a:hover{
	display:inline; 
	color:#ba6912;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
}
/* Galeries */
#gallery{
	margin:10px; 
}
.gallery-thumbnail{
	float:left; 
	margin:6px; 
	padding:0; 
	text-align:center; 
	border:0px; 
}
.gallery-thumbnail-container img{
	display:block; 
	margin:0 auto; 
	border:0;
}
.gallery-thumbnail-container{
	width:140px;
	height:100px;
	margin:5px;
}
.gallery-image-title {
	display:block;
	text-align:center; 
}
.gallery-thumbnail:hover{
	background:#FFF; 
}
.gallery-description{ 
	float:left; 
	width:100%; 
	line-height:normal; 
}
.gallery-description ul{
	margin:0;
	padding:0;
	list-style:none; 
}
.gallery-description li{
	float:left; 
	margin:2px; 
	padding:2px;
	width:450px; 
	border:0px; 
	list-style:none; 
}
.gallery-description img{ 
	float:left; 
	margin:3px 10px 3px 3px; 
	border:0px; 
}
.gallery-description a{ 
	float:left; 
	display:block; 
	text-decoration:none; 
}
.gallery-description li:hover{ 
	background:#FFF; 
}
.gallery-all-thumbnails{
	margin:0px auto;
	width:100%;
}
.gallery-spacer{
	display:block;
	clear:both;
}
.gallery-enddescription{ 
	clear:both;
	margin-bottom:0px;	
	padding:1px; 
}
.gallery-navigation{ 
	font-size:1.2em; 
	color:#666;
	margin:10px; 
	text-align:center; 
}
.gallery-image img{ 
	border:0px;
	background:#fff;
	z-index:5;
}
.gallery-content blockquote{ 
	background:#FFFFFF; 
	border:0px; 
	margin:10px 0;
	padding:10px; 
	overflow:auto; 
}
.gallery-content blockquote p{
	margin:1ex 0; 
}
.gallery-last-title{
	background:#FFFFFF;
	margin:0 -0.5em;
	padding:0.2em 0.5em;
	font-size:1em;
	font-family:Verdana,Arial,sans-serif;
}
.gallery-last-info{margin:0;}
.gallery-last-info img{float:left;margin:2px 0 0 4px;position:relative;}

/* Divers */

.lettrine{float:left;padding-right:5px;}
.thumb-box{width:140px;height:140px;padding:0 20px 0 0;}
.thumb-box img{border:1px solid #ccc;}
.clearall{clear:both;}
.concours{display:inline;float:left;text-align:center;width:33%;}
.clignotant{text-decoration:blink;}
span.highlight0, span.highlight1, span.highlight2, span.highlight3, span.highlight4{background-color:#FFFF66;}


/* Systeme de vote */

.ratingblock {
	display:block;
	padding:10px 0 0 30px;
	}

.loading {
	height: 10px;
	background: url('img_pub/working.gif') top center no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 18px;
	position: relative;
	background: url('img_pub/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	float: left;
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:18px;
	height: 18px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding:0px;
	}
	
.unit-rating li a:hover{
	background: url('img_pub/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:18px;}
.unit-rating a.r2-unit{left:18px;}
.unit-rating a.r2-unit:hover{width: 36px;}
.unit-rating a.r3-unit{left: 36px;}
.unit-rating a.r3-unit:hover{width: 54px;}
.unit-rating a.r4-unit{left: 54px;}	
.unit-rating a.r4-unit:hover{width: 72px;}
.unit-rating a.r5-unit{left: 72px;}
.unit-rating a.r5-unit:hover{width: 90px;}
.unit-rating a.r6-unit{left: 90px;}
.unit-rating a.r6-unit:hover{width: 60px;}
.unit-rating a.r7-unit{left: 60px;}
.unit-rating a.r7-unit:hover{width: 70px;}
.unit-rating a.r8-unit{left: 70px;}
.unit-rating a.r8-unit:hover{width: 80px;}
.unit-rating a.r9-unit{left: 80px;}
.unit-rating a.r9-unit:hover{width: 90px;}
.unit-rating a.r10-unit{left: 90px;}
.unit-rating a.r10-unit:hover{width: 100px;}

.unit-rating li.current-rating {
	background: url('img_pub/starrating.gif') left bottom;
	position: absolute;
	height: 18px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {}
.thanks {
	color:#ba6912; 
	font-weight:bold;
	padding: 5px 0px 5px 23px;
	margin-left:5px;
	background: url('smilies/smile.png') left center no-repeat;
}
.static {}