/* ////////////////////////////////////////////////////////////////////////// */
/*                                                                            */
/*                   General CSS for http://www.karpeace.com                  */
/*                                                                            */
/*                             by Steve LEBLEU                                */
/*                                                                            */
/*                     Contact : stevelebleu_AT_skynet.be                     */
/*                                                                            */
/* ////////////////////////////////////////////////////////////////////////// */

@font-face {
font-family: "Karpeace";
src: url("http://www.karpeace.com/inc/fonts/Downcome.ttf") format('truetype');
}

@font-face {
font-family: "slogan";
src: url("../inc/fonts/CopyvlN.ttf") format('truetype');
}

body {
width: 100%;
position: absolute;
margin: 0;
background: #0d0f10 url(../img/design/portail.jpg) 0 0 no-repeat;
font: normal 75% geneva, tahoma, arial, sans-serif;
color: #fff;
}

p {
margin: 10px 0;
text-align: justify;
line-height: 14px;
}

img {
border: none;
}

.img {
border: 1px solid #A8943E;
}

hr {
width: 85%;
margin: 0 auto;
}

.spacer {
clear: both;
}

.brown {
color: #A8943E;
}

/*______________________________________________________________________________ hn */

h1, h2, h3, h4, h5, h6 {
text-align: left;
}

h4,h5,h6 {
text-indent: 15px;
text-decoration: underline;
}

h2 {
font-size: 18px;
}

h4 {
font-size: 18px;
}

h5 {
font-size: 16px;
}

h6 {
font-size: 14px;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _  _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  h1 */

h1 {
font-family: "Karpeace", tahoma, serif;
font-size: 29px;
color: #87a93e ;
color: #A8943E;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _  _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  h2 */

h2 {
height: 22px;
text-decoration: none;
font-family: tahoma, serif;
color: #87a93e ;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _  _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  h3 */

h3 {
height: 17px;
width: 610px;
font-size: 14px;
margin-bottom: 20px;
padding: 5px 0 0 0;
color: #A8943E;
}

h3 span {
display: block;
margin: 0 5px 4px 0;
padding-bottom: 7px;
color: #A8943E;
border-bottom: 1px dashed #A8943E;
}

.line_610 {
display: block;
height: 26px;
width: 610px;
background: url(../img/design/line_610.png) no-repeat;
}

/* _____________________________________________________________________________ Liens */

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Liens container principal */

#topMenu a:link {
text-decoration: underline;
font-weight: bold;
color: #87a93e ;
}

#topMenu a:visited {
color: #87a93e ;
font-weight: bold;
text-decoration: underline;
}

#topMenu a:hover {
color: #87a93e ;
font-weight: bold;
text-decoration: overline;
}

#topMenu a:active {
font-weight: bold;
color: #b4df26 ;
color: #87a93e ;
text-decoration: overline;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Liens Corps de page  */

#colLeft a:link, #colRight a:link {
text-decoration: none;
color: #87a93e ;
}

#colLeft a:visited, #colRight a:visited {
color: #87a93e ;
}

#colLeft a:hover, #colRight a:hover {
color: #87a93e ;
text-decoration: underline;
}

#colLeft a:active, #colRight a:active {
color: #87a93e ;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Liens Footer */

#footer a:link {
text-decoration: none;
color: #87a93e ;
}

#footer a:visited {
color: #87a93e ;
}

#footer a:hover {
color: #87a93e ;
text-decoration: underline;
}

#footer a:active {
color: #87a93e ;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Liens divers */

.annuaires {
width: 480px;
margin: 0 auto;
text-align: center;
}

/* _____________________________________________________________________________ Listes */

ol, ul {
padding: 0 30px 0 40px;
}

dl {
padding: 0.5em 1.7em;
text-align: justify;
}

dt {
font-size: 1.1em;
padding-bottom: 5px;
font-weight: bold;
color: #A4C45F;
}

dd {
text-indent: 20px;
margin: 0 1em;
padding-bottom: 1em;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  _ Liste icone + */

.olAdd {
list-style-type: none;
list-style-image: url(../img/icones/add.png);
text-align: justify;
padding: 0 30px 0 60px;
}

.olAdd li {
margin: 10px 0;
}

.olAdd span {
font-weight: bold;
font-style: italic;
}

.olImg {
list-style-type: none;
list-style-image: url(../img/icones/zoom.png);
text-align: justify;
padding: 0 30px 0 40px;
}

.olImg li {
margin: 10px 0;
}

.olImg span {
font-weight: bold;
font-style: italic;
color: #A8943E;
}

/* _____________________________________________________________________________ Menus */

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Principal Menu Right Col */

.menuBox {
width: 300px;
position: relative;
background: #0d0f10;
opacity: 1;
border-bottom: 1px solid #87a93e;
border-left: 1px solid #87a93e;
border-right: 1px solid #87a93e;
margin: 0 0 20px 0;
}

.menuBox ul {
width: 300px;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 1.5em;
background: transparent;
font-size: 11px;
opacity: 1;
}

.menuBox li {
list-style-type: none;
line-height: 22px;
border-bottom: 1px dashed #434343;
text-indent: 5px;
margin-right: 0;
font-weight: bold;
}

.menuBox li:hover {
cursor: pointer;
background: #87a93e;
background: url(../img/design/bg_hover_menu.gif) 293px 0 no-repeat;
}

.menuBox li a:link {
color: #87a93e;
text-decoration: none;
font-weight: bold;
}

.menuBox li a:visited {
color: #87a93e;
text-decoration: none;
font-weight: bold;
}

.menuBox li a:hover {
color: #87a93e;
text-decoration: none;
}

.menuBox li a:active {
color: #87a93e;
text-decoration: none;
}

.menuBox li:hover a:link {
cursor: pointer;
color: #0d0f10;
}

.menuBox li:hover a:visited {
cursor: pointer;
color: #0d0f10;
}

.menuBox li:hover a:hover {
cursor: pointer;
color: #0d0f10;
}

.menuBox li:hover a:active {
cursor: pointer;
color: #0d0f10;
}

.menuBox span {
line-height: 22px;
display: block;
margin: 3px 0 0 4px;
}

.titresMenu {
height: 20px;
margin: 0 0 0 0;
padding: 0 0 7px 5px;
font-size: 20px;
border-bottom: 1px solid #87a93e;
border-top: 1px solid #87a93e;
font-family: "karpeace", arial, serif;
background: #87a93e;
background: url(../img/design/bg_titres_menu.png) 0 0 no-repeat;
color: #0d0f10;
color: #4A421C;
}

.titresMenu2 {
height: 20px;
margin: 0 0 0 0;
padding: 0 0 7px 5px;
font-size: 20px;
border-bottom: 1px solid #87a93e;
border-top: 1px solid #87a93e;
font-family: "karpeace", arial, serif;
background: #87a93e;
background: url(../img/design/bg_titres_menu_3.png) 0 0 no-repeat;
color: #0d0f10;
color: #4A421C;
}

.titresMenuShort {
height: 20px;
width: 280px;
margin: 30px 0 0 0;
padding: 0 0 7px 5px;
font-size: 20px;
border-bottom: 1px solid #87a93e;
border-top: 1px solid #87a93e;
font-family: "karpeace", arial, serif;
background: #87a93e;
background: url(../img/design/bg_titres_menu.png) 0 0;
color: #0d0f10;
color: #4A421C;
}

.titresMenu:hover {
cursor: pointer;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */


#menuAdministration {
position: fixed;
right: 30px;
top: 235px;
width: 160px;
margin: 5px 0 0 5px;
-moz-border-radius: 7px;
border: 1px solid #87a93e;
background: url(../img/design/bg_admin_menu.png) repeat;
}

#menuAdministration ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

#menuAdministration li {
list-style-type: none;
display: block;
height: 15px;
line-height: 24px;
font-weight: bold;
font-size: 13px;
padding: 5px;
margin: 0 0 0 10px;
}

#menuAdministration a:link {
color: #87a93e;
text-decoration: underline;
}
#menuAdministration a:visited {
color: #87a93e;
text-decoration: none;
}
#menuAdministration a:hover {
color: #87a93e;
text-decoration: overline;
}
#menuAdministration a:active {
color: #87a93e;
text-decoration: underline;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _Horizontal footer user Menu */

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	background: url(../img/icones/fugue/home.png) no-repeat 15px center;
	width: 55px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{ background: url(../img/icones/fugue/user.png) no-repeat center center;  }
a.editprofile{ background: url(../img/icones/fugue/wrench-screwdriver.png) no-repeat center center; }
a.contacts{ background: url(../img/icones/fugue/users.png) no-repeat center center; }
a.messages{ background: url(../img/icones/fugue/mail.png) no-repeat center center; border-right: 1px solid #bbb; border-left: 1px solid #bbb;}
a.rssfeed{ background: url(../img/icones/fugue/feed-balloon.png) no-repeat center center; border-right: 1px solid #bbb;}
a.articles{ background: url(../img/icones/fugue/document.png) no-repeat center center; }
a.photos{ background: url(../img/icones/fugue/image.png) no-repeat center center; }
a.funnel{ background: url(../img/icones/fugue/funnel.png) no-repeat center center; }
a.videos{ background: url(../img/icones/fugue/film.png) no-repeat center center; }
a.enduros{ background: url(../img/icones/fugue/trophy.png) no-repeat center center; }
a.meteo{ background: url(../img/icones/fugue/meteo.png) no-repeat center center; border-right: 1px solid #bbb; }
a.biwy{ background: url(../img/icones/fugue/biwy.png) no-repeat center center; }
a.sites{ background: url(../img/icones/fugue/globe.png) no-repeat center center; }
a.book{ background: url(../img/icones/fugue/book-brown.png) no-repeat center center; }
a.alerts{ background: url(../img/icones/fugue/newspaper.png) no-repeat center center; }
a.cross{ background: url(../img/icones/fugue/cross.png) no-repeat center center; border-left: 1px solid #bbb;}

#footpanel a.chat{
	background: url(../img/icones/fugue/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}

#footpanel li#chatpanel, #footpanel li#alertpanel , #footpanel li#f_crosser {	float: right; }



#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}

#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}

#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Horizontal General Menu */

#topMenu {
float: right;
width: 305px;
height: 46px;
margin: 0 20px 0 0;
padding: 5px 0 0 0;
text-align: center;
font-size: 13px;
font-weight: bold;
background: url(../img/design/bg_top_menu.png) no-repeat;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _Horizontal Icons Menu */

#navIconsBox {
margin: 0 0 15px 0;
padding: 7px 0 0 0;
}

#navIconsBox img{
margin: 0 2px 0 0;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Liens Fil d'Arianne */

#feed {
width: 610px;
color: #fff;
font-weight:bold;
margin: 10px 0 5px 0;
padding: 5px 0 5px 2px;
font-size: 9px;
}

#feed a:link {
color: #87a93e;
text-decoration: underline;
}

#feed a:visited {
color: #87a93e;
text-decoration: underline;
}

#feed a:hover {
color: #87a93e;
text-decoration: overline;
}

#feed a:active {
color: #87a93e;
text-decoration: underline;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Partners & logos */

#twitter {
margin: 15px 0 5px 0;
}

#leaderboard_chronocarp {
border-top: 1px dashed #c0c0c0;
border-bottom: 1px dashed #c0c0c0;
padding: 10px 0;
margin: 10px 0 5px 0;
}

#leaderboard_chronocarp img {
border: 1px solid #c0c0c0;
}

#rssBanBox {
background: url(../img/design/rssBan.png) 0 -198px no-repeat;
height: 200px;
width: 200px;
margin: 40px 0 20px 40px;
}

#rssBanBox:hover {
background: url(../img/design/rssBan.png) 0 2px no-repeat;
cursor: pointer;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Pagination */

#paginationBottom {
height: 30px;
width: 610px;
text-align: center;
margin: 25px 0 0 0;
}

#paginationBottom a:link {
text-decoration: none;
}

#paginationBottom a:visited {
text-decoration: none;
}

#paginationBottom a:active {
text-decoration: none;
}

#paginationBottom a:hover {
color: #d5d4c3;
text-decoration: none;
}

.downedLink, .plainLink{
padding: 3px 10px;
display: inline;
font-size: 10px;
margin-left: 4px;
background: #438ece ;
border: 1px solid #a4cf48;
}

.downedLink{
border: 1px solid #a4cf48;
background: #d5d4c3;
color: #828181;
}

.plainLink{
border: 1px solid #a4cf48;
background: #87a93e;
color: #434343;
}

.plainLink:hover{
border: 1px solid #87a93e;
background: #434343;
color: #87a93e;
}

.before{
float: left;
}

.before a:link, .after a:link{
color: #438ece;
}

.before a:visited, .after a:visited{
}

.before a:hover, .after a:hover{
color: #a4cf48;
}

.before a:active, .after a:active
{
}

.after{
float: right;
}

/* _____________________________________________________________________________ Votes par étoiles */

.advertise {
padding: 10px;
margin: 0 0 15px 0;
}

#advertiseG {
border: 2px solid #487325;
background: #fff;
color: #0d0f10;
}

#advertiseO {
border: 2px solid #FF9F2F;
}

#advertiseR {
border: 2px solid #842A2A;
}

.msgG {
color: #487325;
font-weight: bold;
}

.msgO {
color: #FF9F2F;
font-weight: bold;
}

.msgR {
color: #842A2A;
font-weight: bold;
}

.msgItemAdv {
display: block;
margin: 10px 0 5px 0;
}



#showRatingForm {
color: #87a93e;
cursor: pointer;
}

#ratingBox {
width: 585px;
margin: 15px 0 0 0;
background: #fff;
}

#ratingBox h3 {
width: 575px;
margin: 10px 0 0 0;
padding: 10px 0 10px 10px;
border-top: 1px dashed #A8943E;
border-bottom: 1px dashed #A8943E;
}

#ratingBox h3 span {
border: none;
}

.ratingBox {
margin: 0 10px 0 10px;
}

.ratingText {
position: absolute;
width: 440px;
margin: 10px 0 0 120px;
color: #0d0f10;
}

.tRating {
display: block;
font-weight: bold;
margin: 0 0 10px 0;
}

.ratingblock {
display:block;
padding: 10px 10px 10px 0;
background: #fff;
color: #0d0f10;
}

.loading {
height: 30px;
background: url('../img/icones/trans_load.gif') 50% 50% no-repeat;
}

.unit-rating { /* the UL */
list-style: none;
margin: 0px;
padding:0px;
height: 20px;
position: relative;
background: url('../img/icones/starrating.gif') top left repeat-x;
}

.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}

.unit-rating li span {
outline: none;
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}

.unit-rating li span:hover{
background: url('../img/icones/starrating.gif') left center;
z-index: 2;
left: 0px;
cursor: pointer;
}

.unit-rating span.r1-unit{left: 0px;}
.unit-rating span.r1-unit:hover{width:20px;}
.unit-rating span.r2-unit{left:20px;}
.unit-rating span.r2-unit:hover{width: 40px;}
.unit-rating span.r3-unit{left: 40px;}
.unit-rating span.r3-unit:hover{width: 60px;}
.unit-rating span.r4-unit{left: 60px;}
.unit-rating span.r4-unit:hover{width: 80px;}
.unit-rating span.r5-unit{left: 80px;}
.unit-rating span.r5-unit:hover{width: 100px;}
.unit-rating span.r6-unit{left: 100px;}
.unit-rating span.r6-unit:hover{width: 120px;}
.unit-rating span.r7-unit{left: 120px;}
.unit-rating span.r7-unit:hover{width: 140px;}
.unit-rating span.r8-unit{left: 140px;}
.unit-rating span.r8-unit:hover{width: 160px;}
.unit-rating span.r9-unit{left: 160px;}
.unit-rating span.r9-unit:hover{width: 180px;}
.unit-rating span.r10-unit{left: 180px;}
.unit-rating span.r10-unit:hover{width: 200px;}

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

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

/* _____________________________________________________________________________ General Containers */

#logo {
position: absolute;
top: 35px;
margin-left: 5px;
z-index: 100;
}

#logo:hover {
cursor: pointer;
}

#domain {
position: absolute;
top: 130px;
margin-left: 575px;
z-index: 100;
}

#header {
width: 980px;
height: 240px;
position: relative;
margin: 0 auto;
}

#container {
width: 980px;
position: relative;
margin: 0 auto;
background: url(../img/design/bg_content_area.png) no-repeat;
z-index: 99;
}

#colLeft {
width: 610px;
/*border: 1px solid red;*/
float: left;
margin: 0 0 0 20px;
}

#colRight {
width: 300px;
/*border: 1px solid blue;*/
clear: right;
margin: 0 0 0 660px;
}

#footer {
width: 980px;
margin: 15px auto;
padding: 10px 0 0 0;
border-top: 1px solid gray;
}

#copy {
position: relative;
width: 870px;
margin: 0 auto 20px auto;
font-size: 11px;
font-weight: bold;
color: #d0ddce;
line-height: 50px;
}

.div_center, #div_center {
width: inherit;
margin-top: 15px;
text-align: center;
color: #fff;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Sec Containers */

.miBox {
width: 290px;
float: left;
}

.miBoxAnnu {
width: 290px;
float: left;
margin: 20px 0 0 30px;
}

.miBoxR {
width: 300px;
float: right;
}

.miBoxBl {
width: 290px;
margin: 0 0 0 325px;
position: absolute;
}


#miBoxSpc {
width: 290px;
margin: 0 0 0 325px;
position: absolute;
}

#partnersBox {
width: 320px;
height: 250px;
}

.hoverContentBox {
min-height: 115px;
border: 1px dashed #434343;
margin: 0 0 10px 0;
padding-bottom : 10px;
}

.hoverContentBox:hover {
cursor: pointer;
border: 1px dashed #87a93e;
}

.hoverContentBox p {
margin: 13px 15px 0 0;
}

.hoverContentBox img {
margin: 10px 0;
border: 1px solid #A8943E;
float: left;
margin: 10px;
}

#bookmarks {
width: 610px;
margin: 10px auto 15px auto;
text-align: center;
border-top: 1px solid #c0c0c0;
padding-bottom: 20px;
}

#fb_like {
width: 610px;
margin: 20px auto 15px auto;
border-top: 1px solid #c0c0c0;
}

.like_or_not {
position: absolute;
right: 360px;
}

/* _____________________________________________________________________________ FORMULAIRES */

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Textarea  */

.codeTxt {
width: 100%;
border: 1px solid #A8943E;
font-size: 11px;
margin: 10px 0 0 0;
}

#msgErrorShort {
background: #c59999 url(../img/icones/cross.png) 7px 15px no-repeat;
color: #842A2A;
border: 1px solid #842A2A;
padding: 15px 0 15px 30px;
font-weight: bold;
width: 270px;
display: block;
margin: 0 0 15px 0;
}

#msgValidShort {
background: #aedc88 url(../img/icones/tick.png) 7px 15px no-repeat;
color: #487325;
border: 1px solid #487325;
padding: 15px 0 15px 30px;
font-weight: bold;
width: 270px;
display: block;
margin: 0 0 15px 0;
}

#msgError {
background: #c59999 url(../img/icones/cross.png) 7px 15px no-repeat;
background: url(../img/icones/cross.png) 7px 15px no-repeat;
color: #842A2A;
border: 1px solid #842A2A;
padding: 15px 0 15px 30px;
margin: 5px 0;
font-weight: bold;
width: inherit;
display: block;
}

#msgValid {
background: #aedc88 url(../img/icones/tick.png) 7px 15px no-repeat;
background: url(../img/icones/tick.png) 7px 15px no-repeat;
color: #487325;
border: 1px solid #487325;
padding: 15px 0 15px 30px;
margin: 5px 0;
font-weight: bold;
width: inherit;
display: block;
}

#msgWarning {
background: url(../img/icones/warning.png) 7px 15px no-repeat;
color: #FF9F2F;
border: 1px solid #FF9F2F;
padding: 15px 0 15px 30px;
margin: 5px 0;
font-weight: bold;
width: inherit;
display: block;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Form Connexion */

#imgInfoMembres {
position: absolute;
margin: -2px 0 0 -30px;
}

#formCon {
background: url(../img/design/conForm.png) -2px -4px no-repeat;
margin: 0 0 15px 0;
width: 320px;
}

#formCon label {
margin: 20px 30px 0 0;
}

#formCon p {
margin: 15px 0 5px 30px;
}

#formCon input {
width: 91px;
margin: 5px 7px 0 30px;
height: 15px;
color: #0d0f10;
padding: 0;
}

#formCon input:focus {
background: #c0c0c0;
color: #0d0f10;
}

#formCon #u_password_id {
margin: 0 0 0 42px;
}

#formCon button {
-moz-border-radius: 7px;
margin: 0 0 0 -2px;
width: 28px;
height: 32px;
background: #87a93e;
color: #434343;
font-weight: bold;
}

#formCon button:hover {
background: #434343;
cursor: pointer;
color: #87a93e;
border: 1px solid #87a93e;
}

#formCon input[type=checkbox] {
position: absolute;
margin: 0 0 0 -60px;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Forms Newsletter */

#newsForm {
width: 280px;
height: 42px;
padding: 10px 0 0 38px;
margin: 0 0 15px 0;
background: url(../img/design/conFormNewsletter.png) -5px 5px no-repeat;
}

#n_email {
width: 200px;
margin: -5px 0 0 0;
}

#newsForm button {
-moz-border-radius: 7px;
margin: 0 0 0 15px;
width: 45px;
height: 30px;
background: #87a93e;
color: #434343;
font-weight: bold;
}

#newsForm button:hover {
background: #434343;
cursor: pointer;
color: #87a93e;
border: 1px solid #87a93e;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Forms Search */

#formSearch {
width: 260px;
height: 42px;
padding: 10px 0 0 38px;
margin: 0 0 15px 0;
background: url(../img/design/conFormSearch.png) -5px 5px no-repeat;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}

#formSearch #searchExp {
width: 155px;
margin: 5px 0 0 0;
}

#formSearch button {
-moz-border-radius: 7px;
border-radius: 7px;
margin: 0 0 0 7px;
width: 90px;
height: 30px;
background: #87a93e;
color: #434343;
font-weight: bold;
}

#formSearch button:hover {
background: #434343;
cursor: pointer;
color: #87a93e;
border: 1px solid #87a93e;
}

/* _________________________________________________________________ Comments */

.commentsBox {
width: 600px;
margin: 20px auto 10px auto;
padding-bottom: 10px;
color: #fff;
border-bottom: 1px dashed #3B3E3F;
}

.commentsBox span {
color: #A8943E;
display: block;
background: url(../img/icones/addcom.png) no-repeat;
width: 100%;
height: 36px;
padding: 0 0 0 36px;
font-size: 11px;
}

.postMeta {
margin-bottom: 5px;
padding-bottom: 5px;
margin-left: -10px
}

.comTxt {
margin: -7px 12px 8px 12px;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Comments Form */

.myform_Comment {
margin: 5px 0 10px 0;
padding-top: 20px;
width: 620px;
height: 255px;
padding-left: 0;
background: transparent;
opacity: 0.7;
}

#stylized_Comment {
width: 620px;
padding-left: 0;
}

#stylized_Comment h1 {
font-size: 18px;
font-weight: bold;
width: 260px;
height: 20px;
margin: 0 0 0 0;
border: none;
padding-left: 10px;
color: #3f342f;
}

#stylized_Comment h1 span {
height: 20px;
}

#stylized_Comment p {
font-size: 11px;
color: #262323;
margin: 0 0 20px 0;
padding-bottom: 10px;
}

#stylized_Comment p.warning {
color: #BF2F35;
font-weight: bold;
margin: 10px 10px 0 10px;
text-indent: 0;
}

#stylized_Comment label {
font-weight: bold;
float: left;
width: 60px;
text-align: left;

font-size: 10px;
margin: 0 0 0 0;
color: #A8943E;
}

#stylized_Comment .small {
color: #c0c0c0;
display: block;
font-size: 10px;
font-weight: normal;
text-align: left;
width: 110px;
}

#stylized_Comment input {
float: left;
font-size: 12px;
padding: 4px 2px;
border: solid 1px #434343;
width: 150px;
margin: 3px 0 20px 10px;
background: #efefef;
}

#stylized_Comment textarea {
position: absolute;
width: 350px;
height: 225px;
padding: 4px 2px;
border: solid 1px #434343;
margin: 0 0 20px 30px;
background: #efefef;
}

#stylized_Comment input:focus, #stylized_Comment textarea:focus {
background: #fff;
}

#stylized_Comment button {
position: absolute;
margin: 35px 0 0 -252px;
width: 228px;
height: 30px;
text-align: center;
line-height: 31px;
font-size: 11px;
font-weight: bold;
color: #87a93e;
background: #262323;
}

#stylized_Comment button:hover {
cursor: pointer;
color: #0d0f10;
background: #87a93e;;
border: 1px solid #0d0f10;
}

#stylized_Comment select, #stylized_Comment input[type="file"] {
margin: 0 0 10px 10px;
border: 1px solid #434343;
width:300px;
}

#stylized_Comment #captcha {
width: 75px;
margin: -10px 0 20px 10px;
}

#stylized_Comment #imgCaptchaCom {
margin: -12px 0 0 10px;
}