/* -------------------------------------------------------------------------- */
/* STYLES ROCK'N'FRANCE																												*/
/* -------------------------------------------------------------------------- */
body	{

		/*background:#000000 url(../ergo/patricia.jpg) top no-repeat;*/
		/*background:#d8d6d7 url(../ergo/body.gif) top left repeat-x;*/
		/*background:#000000 url(../ergo/body.gif) top left repeat-x;*/
		background:#FFFFFF url(../ergo/fondLight.png) top center repeat-y;
		/*background : #FFFFFF url('../ergo/heat-contours.jpg') no-repeat fixed center;*/
		text-align : center;
}


*	{
		font-family : Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight : normal;
		color : #000000;
}

p	{
		margin:5px;
		padding:5px;
		text-align:justify;
}

a	{
		color:#990000;
		text-decoration: underline;
}

a:active	{
		color:#7A991A;
		text-decoration: underline;
}

a:hover	{
		color:#7A991A;
		text-decoration: none;
}

h1	{
		color : #FFFFFF;
		text-align : left;
		font-weight: bold;
		font-size: 18px;
		font-variant:small-caps;
		margin:0;
}

.h1	{
		color : #FFFFFF;
		text-align : left;
		font-weight: bold;
		font-size: 18px;
		font-variant:small-caps;
}

h2	{
		text-align : left;
		font-weight: bold;
		font-size: 16px;
}

.h2	{
		text-align : left;
		font-weight: bold;
		font-size: 16px;
}


h3	{
		text-align : left;
		font-weight: bold;
		font-size: 15px;
		color:#990000;
		font-variant:small-caps;
}

.h3 {
		text-align : left;
		font-weight: bold;
		font-size: 15px;
		color:#990000;
		font-variant:small-caps;
}

.h3suite {
		clear:both;
		font-weight: bold;
		font-size: 12px;
		color:#990000;
		font-variant:small-caps;
}


h4	{
		text-align : left;
		font-weight: bold;
		font-size: 15px;
		font-variant:small-caps;
}

.sousTitle {
		margin-left:40px;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* FRACTIONNEMENT DE LA PAGE																									*/
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#background	{
		background-color:transparent;
		width:100%;
		z-index: 1;
}

#wrapper	{
		margin-top:40px;
		position:relative;
		background-color:transparent;
		padding: 0;
		width:986px;
		border:0;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		z-index: 2;
}


#sousWrapper	{
		position:relative;
		background-color:white;
		padding: 0;
		width:986px;
		border:0;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		z-index: 2;
		height:0px;
		margin-bottom:65px;
}

/* -------------------------------------------------------------------------- */
/* BARRE 3D FIXE DU BAS																												*/
/* -------------------------------------------------------------------------- */
.raised	{
		position: absolute;
		bottom: 2px;
		line-height: 1em;
		background: transparent;
		width:98%;
		margin:0 auto;
		opacity : 0.95;
		filter : alpha(opacity=95); 
		z-index: 100000;
}

html>body	.raised	{
		position: fixed
}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#DDDDDD; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#DDDDDD; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#DDDDDD; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised	.boxcontent	{
		display:block;
		background:#DDDDDD;
		border-left:1px solid #fff;
		border-right:1px solid #999;
		font-size:8px;
}

.raised .boxcontent table tr td {
		font-size:11px;
}


/* -------------------------------------------------------------------------- */
/* BARRE 3D FIXE DU BAS NEW																										*/
/* -------------------------------------------------------------------------- */
.raisedb	{
		position: absolute;
		bottom: 3px;
		line-height: 1em;
		background: transparent;
		width:100%;
		margin:0 auto;
		opacity : 0.90;
		filter : alpha(opacity=90); 
		z-index: 100000;
}

html>body	.raisedb	{
		position: fixed
}

.raisedb .top, .raisedb .bottom {display:block; background:transparent; font-size:1px;}
.raisedb .b1, .raisedb .b2, .raisedb .b3, .raisedb .b4, .raisedb .b1b, .raisedb .b2b, .raisedb .b3b, .raisedb .b4b {display:block; overflow:hidden;}
.raisedb .b1, .raisedb .b2, .raisedb .b3, .raisedb .b1b, .raisedb .b2b, .raisedb .b3b {height:1px;}
.raisedb .b2 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedb .b3 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedb .b4 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedb .b4b {background:#DDDDDD; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedb .b3b {background:#DDDDDD; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedb .b2b {background:#DDDDDD; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedb .b1 {margin:0 5px; background:#fff;}
.raisedb .b2, .raisedb .b2b {margin:0 3px; border-width:0 2px;}
.raisedb .b3, .raisedb .b3b {margin:0 2px;}
.raisedb .b4, .raisedb .b4b {height:2px; margin:0 1px;}
.raisedb .b1b {margin:0 5px; background:#999;}
.raisedb	.boxcontent	{
		display:block;
		background:#DDDDDD;
		border-left:1px solid #fff;
		border-right:1px solid #999;
}

.raisedb .boxcontent table tr td {
	padding:0;
	padding:0;
}

.raisedb .boxcontent table tr td a {
	text-decoration:none;
		font-size:11px;
}

.raisedb .boxcontent table tr td a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------- */
/* BARRE 3D FIXE DU HAUT																												*/
/* -------------------------------------------------------------------------- */
.raisedh	{
		position: absolute;
		top: 3px;
		line-height: 1em;
		background: transparent;
		width:100%;
		margin:0;
		opacity : 0.90;
		filter : alpha(opacity=90); 
		z-index: 100000;
		padding:0;
}

.raisedh strong {
	font-weight:bold;
	color:#990000;
}

html>body	.raisedh	{
		position: fixed
}

.raisedh .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raisedh .b1, .raisedh .b2, .raisedh .b3, .raisedh .b4, .raisedh .b1b, .raisedh .b2b, .raisedh .b3b, .raisedh .b4b {display:block; overflow:hidden;}
.raisedh .b1, .raisedh .b2, .raisedh .b3, .raisedh .b1b, .raisedh .b2b, .raisedh .b3b {height:1px;}
.raisedh .b2 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedh .b3 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedh .b4 {background:#DDDDDD; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedh .b4b {background:#DDDDDD; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedh .b3b {background:#DDDDDD; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedh .b2b {background:#DDDDDD; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedh .b1 {margin:0 5px; background:#fff;}
.raisedh .b2, .raisedh .b2b {margin:0 3px; border-width:0 2px;}
.raisedh .b3, .raisedh .b3b {margin:0 2px;}
.raisedh .b4, .raisedh .b4b {height:2px; margin:0 1px;}
.raisedh .b1b {margin:0 5px; background:#999;}
.raisedh	.boxcontent	{
		display:block;
		background:#DDDDDD;
		border-left:1px solid #fff;
		border-right:1px solid #999;
		color:#FFFFFF;
		margin:0;
		padding:0;
}

.raisedh .boxcontent table tr td {
	padding:0;
	margin:0;
}


a.tryitbtn,a.tryitbtn:link,a.tryitbtn:visited
{
display:block;
color:#FFFFFF;
background-color:#98bf21;
font-weight:bold;
font-size:11px;
text-align:center;
width:190px;
padding:0;
padding-top:3px;
padding-bottom:4px;
border:1px solid #ffffff;
/*outline:1px solid #98bf21;*/
text-decoration:none;
margin-left:1px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;

}

a.tryitbtn:hover,a.tryitbtn:active
{
background-color:#7A991A;
}


input.tryitbtb,input.tryitbtb:link,input.tryitbtb:visited
{
display:block;
color:#FFFFFF;
background-color:#98bf21;
font-weight:bold;
font-size:11px;
text-align:center;
padding:0;
width:110px;
padding-top:3px;
padding-bottom:4px;
border:1px solid #ffffff;
/*outline:1px solid #98bf21;*/
text-decoration:none;
margin-left:1px;
cursor:pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;

}

input.tryitbtb:hover,input.tryitbtb:active
{
background-color:#7A991A;
}



input.tryitbtn {
display:block;
color:#FFFFFF;
background-color:#990000;
font-weight:bold;
font-size:11px;
text-align:center;
width:110px;
padding:0;
padding-top:3px;
padding-bottom:4px;
border:1px solid #ffffff;
/*outline:1px solid #98bf21;*/
text-decoration:none;
margin-left:1px;
cursor:pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;

}

input.tryitbtn:hover,input.tryitbtn:active
{
background-color:#652222;
}

div.tryitbtn {
display:block;
color:#FFFFFF;
background-color:#98bf21;
font-weight:bold;
font-size:11px;
text-align:center;
width:110px;
padding:0;
padding-top:3px;
padding-bottom:4px;
border:1px solid #ffffff;
/*outline:1px solid #98bf21;*/
text-decoration:none;
margin-left:1px;
cursor:pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;

}

div.tryitbtn:hover,div.tryitbtn:active
{
background-color:#652222;
}

/* -------------------------------------------------------------------------- */
/* BANDEAU HAUT DE PAGE	- LOGO + PUBLICITE																		*/
/* -------------------------------------------------------------------------- */
#bandeau {
		clear:both;
		background: transparent ;
/*		background-image:url('../ergo/fondBandeau-template.png');
		background-repeat:no-repeat;
		background-position:bottom center;*/
		width:auto;
		padding:0;
		margin:0;
		height:140px;
		vertical-align:bottom;	
}

/*
#bandeau a, table, tr, td {
		color:#FFFFFF;
}
*/




/* -------------------------------------------------------------------------- */
/* NOUVEAU MENU																																*/
/* -------------------------------------------------------------------------- */
/*
.menu	{
		clear:both;
		border:none;
		border:0;
		margin:0;
		padding:0;
		font-size:12px;
		font-weight:normal;
		z-index: 1000;
		border:1px solid #d8d6d7;		
}

.menu	ul	{
		background:#652222;
		height:35px;
		list-style:none;
		margin:0;
		padding:0;
}

.menu	li	{
		float:left;
		padding:0px;
}

.menu	li	a	{
		background:#652222;
		color:#FFFFFF;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		border-left:1px solid #d8d6d7;		
}

.menu	li	a:hover,	.menu	ul	li:hover	a	{
		background: #990000 url("http://www.rocknfrance.com/ergo/hover.gif") bottom center no-repeat;
		color:#FFFFFF;
		text-decoration:none;
}

.menu	li	ul	{
		background:#652222;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:222px;
		z-index:1000;
}

.menu	li:hover	ul{
		display:block;
}

.menu	li	li	{
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:222px;
}

.menu	li:hover	li	a	{
		background:none;
}

.menu	li	ul	a	{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
}

.menu	li	ul	a:hover,	.menu	li	ul	li:hover	a	{
		background:#990000 url('http://www.rocknfrance.com/ergo/ergo/hover_sub.gif') center left no-repeat;
		border:0px;
		color:#ffffff;
		text-decoration:none;
}

.menu	p	{
		clear:left;
}



*/







.menu	{
		clear:both;
		border:none;
		border:0;
		margin:0;
		padding:0;
		font-size:12px;
		font-weight:normal;
		z-index: 1000;
		border:1px solid #000000;		
}

.menu	ul	{
		background:gray;
		height:35px;
		list-style:none;
		margin:0;
		padding:0;
}

.menu	li	{
		float:left;
		padding:0px;
}

.menu	li	a	{
		background:gray;
		color:#FFFFFF;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		border-left:1px solid #000000;		
}

.menu	li	a:hover,	.menu	ul	li:hover	a	{
		background: #5E5E5E url("http://www.rocknfrance.com/ergo/hover.gif") bottom center no-repeat;
		color:#FFFFFF;
		text-decoration:none;
}

.menu	li	ul	{
		background:gray;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:222px;
		z-index:1000;
}

.menu	li:hover	ul{
		display:block;
}

.menu	li	li	{
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:222px;
}

.menu	li:hover	li	a	{
		background:none;
}

.menu	li	ul	a	{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
}

.menu	li	ul	a:hover,	.menu	li	ul	li:hover	a	{
		background:#5E5E5E url('http://www.rocknfrance.com/ergo/ergo/hover_sub.gif') center left no-repeat;
		border:0px;
		color:#ffffff;
		text-decoration:none;
}

.menu	p	{
		clear:left;
}





/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* CONTENU DE LA PAGE																													*/
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.ligne{
		clear:both;
		height:5px;
}

#contenu{
		clear:both;
		background:#FFFFFF;
		padding:3px;
		width:100%;
}

#contenuGauche	{
		float:left;
		background:#FFFFFF;
		padding:5px;
		width:64%;
		height:auto;
}

#contenuDroite	{
		float:right;
		background:#FFFFFF;
		padding:7px;
		width:33%;
		height:100%;
		text-align:center;
}



/* -------------------------------------------------------------------------- */
/* POSITIONNEMENT PIED DE PAGE																								*/
/* -------------------------------------------------------------------------- */
#piedDePage	{
		text-align:center;
		clear:both;
		background:#000000;
		padding: 5px 0 5px 0;
		margin: 0;
		width:auto;
		margin-bottom:80px;
}

#piedDePage p {
		color:#FFFFFF;
		font-size:10px;
		text-align:center;
}

#piedDePage a {
		color:#FFFFFF;
		font-size:10px;
		text-align:center;
}




/* -------------------------------------------------------------------------- */
/* BARRES DE NAVIGATION																												*/
/* -------------------------------------------------------------------------- */
.navigationPages	{
		margin:10px;
		padding:5px 7px 5px 10px;
		border:1px solid #990000;
		width:auto;
}

.navigationPagesMultiples {
		display:inline;
		list-style:none;
		margin:5px;
		padding:0;
		width:auto;
}

.navigationPagesMultiples a {
		display:inline;
		list-style:none;
		margin:5px;
		padding:0;
		width:auto;
		color:#000000;
}

.navigationPagesCourante {
		display:inline;
		list-style:none;
		font-size:12px;
		font-weight:bold;
		margin:7px;
		padding:0;
		color:#990000;
		width:auto;
}

.navigationPagesSuivante {
		display:inline;
		list-style:none;
		margin:7px;
		padding:0;
		width:auto;
}

.navigationPagesSuivante a {
		font-size:12px;
		font-weight:bold;
		color:#990000;
}

.position {
		margin:10px;
		padding:5px;
		border:1px solid #E5E5E5;
		color:#000000;
		font-size:18px;
		font-weight:bold;
}

.positionDansLeSite {
		display:inline;
		list-style:none;
		margin:7px;
		padding:0;
		color:#000000;
}

.positionDansLeSiteCourante {
		display:inline;
		list-style:none;
		margin:7px;
		padding:0;
		font-size:12px;
		font-weight:bold;
		color:#990000;
}




/* -------------------------------------------------------------------------- */
/* CLASSEMENTS TIERS																													*/
/* -------------------------------------------------------------------------- */
.ac_chartissue {
		visibility:hidden;
		height:0;
		margin:0;
		padding:0;
}

.ac_chartentry {
		color:#000000;
}

.ac_chartname {
		visibility:hidden;
		height:0;
		margin:0;
		padding:0;
}




/* -------------------------------------------------------------------------- */
/* POSITIONNEMENT DES IMAGES																									*/
/* -------------------------------------------------------------------------- */
.imageGauche	{
		float:left;
		padding: 8px;
		border: 1px solid #E5E5E5;
		margin: 10px 15px 10px 0;
		background-color : #FFFFFF;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
}

.imageDroite	{
		float:right;
		padding: 8px;
		border: 1px solid #E5E5E5;
		margin: 10px 15px 10px 0;
		background-color: #FFFFFF;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
}

.image	{
		padding: 8px;
		border: 1px solid #E5E5E5;
		margin: 10px 15px 10px 0;
		background-color: #FFFFFF;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
}

.imageGaucheTransparente	{
		float:left;
		padding: 8px;
		border:0;
		margin: 10px 15px 10px 0;
		background-color:transparent;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
	
}



/* -------------------------------------------------------------------------- */
/* DIAPORAMAS																																	*/
/* -------------------------------------------------------------------------- */
#diaporama img {
	margin:15px 5px 15px 5px;
	position: absolute;
	border: 1px solid #E5E5E5;
	padding:8px;
	background-color:#FFFFFF;
	width:580px;
	height:435px;
}

/* -------------------------------------------------------------------------- */
/* LISTE DES MEMVRES																													*/
/* -------------------------------------------------------------------------- */
.boite {
		margin:15px 5px 15px 5px;
		padding:3px;
/*		border:1px solid #E5E5E5;*/
}

.boiteTransparente {
		clear:both;
		margin:25px 5px 25px 5px;
		padding:3px;
		border:0;
}

.boiteDashed {
		margin:15px 5px 15px 5px;
		padding:3px;
/*		border:1px dashed #E5E5E5;
		background-color:#F4F4F4;*/
}

.floatLeftBoiteLarge {
		margin:15px 8px 15px 8px;
		float:left;
		width:46%;
		padding:3px;
		height:460px;
}

.floatLeftBoiteLarge1 {
		margin:15px 8px 15px 8px;
		float:left;
		width:46%;
		padding:3px;
		height:630px;
}

.floatLeftBoiteLarge2 {
		margin:15px 8px 15px 8px;
		float:left;
		width:45%;
		padding:3px;
		height:300px;
}

.boiteEpaisse {
		margin:15px 5px 15px 5px;
		padding:3px;
/*		border:2px solid #E5E5E5;*/
}

.boiteDashedEpaisse {
		margin:15px 5px 15px 5px;
		padding:3px;
/*		border:3px dashed #E5E5E5;
		background-color:#F4F4F4;*/
}

.boiteDouble {
		clear:both;
		margin:20px 5px 15px 5px;
		padding:3px;
/*		border:5px double #E5E5E5;*/
}

.floatLeftBoiteEtroite {
		margin:15px 5px 15px 5px;
		float:left;
		width:29%;
		padding:3px;
		height:410px;
}

/* Boites pour les membres */
.floatLeftBoite {
  float:left;
  width:120px;
  margin:10px;
  height:250px;
}

.roundedTitleNEW {
  width:100%;
  text-align:center;
  margin:0;
  padding:3px;
  background:#666666;
  color:#FFFFFF;
  display:block;
}

.boiteDegradee {
  width:100%;
  text-align:center;
  margin:0;
  padding:3px;
  background-image:url(/ergo/fondDegrad.png);
  background-repeat:repeat;
  background-position:top;
  cursor:pointer;
  display:block;
  text-align:center;
  height:230px;
}

/* -------------------------------------------------------------------------- */
/* CLASSES DIVERSES																														*/
/* -------------------------------------------------------------------------- */

.resume	{
		margin:5px;
		padding:5px;
		text-align:justify;
		color:#000000;
}

.legende {
		margin:5px;
		padding:5px;
		text-align:justify;
		color:#000000;
		font-size:9px;
}

.auteur {
	clear:both;
	text-align:center;
	font-weight:bold;
}

/* -------------------------------------------------------------------------- */
/* CLASSES PROFILS																														*/
/* -------------------------------------------------------------------------- */

.ul_rubrique {
	list-style:none;
	padding:0;
	margin:0;
}

.li_rubrique {
	list-style:none;
	padding:0;
	margin:10px;
	cursor:move;
}

.li_rubriquePublic {
	list-style:none;
	padding:0;
	margin:10px;
}