/* MAIN STYLES--------------------------------------------------- */





#preload * {height:1px; width:1px; overflow:hidden}

#preload1 {background:url(../images/publier_over.png)}

#preload2 {background:url(../images/explorer_over.png)}


#preload4 {background:url(../images/buttons_orange_over.png)}


#preload6 {background:url(../img/forward_over.png)}

#preload7 {background:url(../img/back_over.png)}



/* <div id="preload"><span id="preload1"></span><span id="preload2"></span>...</div> */

.legend{
	font-size: 9px;
	font-family: Arial;
	color: #b9b9b9;
	padding-left: 25px;
}

.colorCom{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

body {

	background-color:#eeeeee;
	
	/*background-image:url("../images/font.png");*/
	
	background-repeat:repeat-x;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;	 

}



h2 {

	margin: 3px 0 3px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	font-size:17px;

	color: #333333;

	line-height: normal;

	font-family: Arial, Helvetica, sans-serif;

	

}



.titles h2 {

	margin: 3px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	font-size:18px;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	color: #333333;	

	margin-top:0;

	margin-bottom:10px;

	font-weight: bold;

	border-bottom: 1px solid #CF002E;

	margin-right:28px;

	text-shadow: #DDD 3px 3px 3px;

}







.titles H3 {

	margin-top:0;

	margin-bottom:10px;

	font-weight: bold;

	border-bottom: 1px solid #CF002E;

	margin-right:28px;

	text-shadow: #DDD 3px 3px 3px;

}







h4 {

	margin: 3px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	font-size:1.2em;

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;	

}









.smallText {

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;	

}



.smallTextGray {

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;	

}



.smallTextGrayB {

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;	

	font-weight: bold;

	line-height: 20px;

}



.TextGrayBItalic {

	font-size:12px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;	

	font-weight: bold;

	font-style:italic;

	line-height: 20px;

}





.noresourceText {

	font-size:0.9em;

	color: #666666;	

	font-weight: bold;

	font-style:italic;

	padding: 10px;

	min-height:100px;

}



.resourceStats {

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;	

}





a{ color:#e0228a; text-decoration:none;}

a:hover{ color:#ea6db2; text-decoration:underline;}





.profile_link { 

	font-size:0.8em;

	font-weight: bold;

} 









/* HEADER STYLES--------------------------------------------------- */





#headBg {
	position:absolute;
	background:url(../images/header.png);
	background-repeat:no-repeat;
	/*behavior: url(iepngfix.htc);*/
	top:0px;
	left:30px;
	width:914px;
	height:180px;
	z-index:0;
	}

#header {

    position: relative;
    

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	margin-left: 30px;
	
	margin-top: -8px;
	

	height: 185px;

	z-index: 1;	

}

#header a {
	position: relative;
	z-index:1;S
	}

#header #header_links {

	font-weight:bold;

	font-size:15px;

	font-style: oblique;

}



#header #header_accueil {

	position: absolute;

	float: right;

	right: 290px;

	top: 12px;

	text-align: right; /* this overrides the text-align: center on the body element. */

	z-index: 2;

}



#header #header_aide {

	position: absolute;

	float: right;

	right: 350px;

	top: 32px;

	text-align: right; /* this overrides the text-align: center on the body element. */

	z-index: 2;

}



#header #header_contact {

	position: absolute;

	float: right;

	right: 400px;

	top: 42px;

	text-align: right; /* this overrides the text-align: center on the body element. */

	z-index: 2;

}





#header #explorer_publier {

	position: absolute;

	height: 43px;

	width: 320px;

	float: left;

	left: 200px;
	/*left: -100px;*/

	top: 147px;

	text-align: left; /* this overrides the text-align: center on the body element. */

	z-index: 1;

}



#header #searchbox {

	position: absolute;

	height: 30px;

	width: 220px;

	float: left;

	left: 636px;
	/*left: 286px;*/

	top: 97px;
	/*top:49px;*/

	text-align: left; /* this overrides the text-align: center on the body element. */

	font-size:11px;

}





#header #gohome {

	position: relative;

	height: 165px;

	width: 350px;

	float: left;

	left: 0px;

	top: 0px;

	text-align: left; /* this overrides the text-align: center on the body element. */

}







#header #top-submit {

	position: absolute;

	right: 0;

	top: 0px;

}



#header #top-keywords {

	width: 180px;

	margin-left: 3px;

	color: #5f6e7c;

	border: 0;

	border-left: 4px solid #fff;

	padding: 3px 4px 0 4px;

	background: #fff;

	height: 19px;

} /*ie7*/



#header #top-keywords:focus {

	color: #000;

}





#header input, #header label {

	vertical-align: middle;

	line-height: 1.25em;

	padding-left: 2px;

}







#header #search {

	position: absolute;

	padding-right: 10px;

}



#header #connexion {



	position: absolute;

	height: 84px;

	width: 270px;

	float: right;

	right: 0px;

	top: 5px;

	z-index: 1;

}



label.text{

	display: block;

	float: left;

	width: 50%;

	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */

	margin: 0 0 0 0;

	padding: 0.1em;

	color: #000000;

	font-size: 12px;

}



#header #member_box {



	position: absolute;

	height: 74px;

	width: 190px;

	float: right;

	right: 54px;

	top: 8px;

	text-align: left; /* this overrides the text-align: center on the body element. */

	z-index: 1;

}



#header #member_box a {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

}





#header #member_box .logphoto { 

	position:relative;

	margin:3px 10px 10px 0px;

	float:right;

	border: 1px outset #cc6666;

 }



#header #member_box .icons { 

	margin:2px 2px 2px 0;

	vertical-align: middle;

	border: 0;

 }





#container {

	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	position: relative;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 0;

	text-align: left; /* this overrides the text-align: center on the body element. */

	z-index: 1;
	
	padding-right:15px;
	
	
	margin-top: 10px;
	
	/*background: url('../images/font.png');*/
	
	background-repeat: repeat-x;
	
	/*background-color: #c8c8c8;*/

}

#containerGBL {

	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	position: relative;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 0;

	text-align: left; /* this overrides the text-align: center on the body element. */

	z-index: 1;
	
	padding-right:15px;
	
	
	margin-top: 10px;
	
	/*background: url('../images/font.png');*/
	
	background-repeat: repeat-x;
	
	/*background-color: #c8c8c8;*/

}





#mainContent {

	padding: 0px 15px 10px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}











/* FOOTER STYLES--------------------------------------------------- */









#footer {

	position: relative;

	width: 914px;

	height: 30px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	margin-left:30px;

	margin-right:auto;

	padding: 15px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	font-size: 0.8em;

}



#footer #side_left {

	float: left;

	width: 350px;

	text-align: left;

	padding-left:10px;

}



#footer #side_middle {

	float: left;

	width: 280px;

	text-align: center;

	padding-left:10px;

}



#footer #side_right { 

	position:absolute;
	
	

	text-align: right;

	width: 320px;
	
	top: 13px;
	right: 0px;
	

}

#accrochePlus{
	position:absolute;
	font-size: 9px;
	color:#FF0000;
	font-family:Arial;
	z-index: 10;
	top: 465px;
	right: 69px !important;
	right: 18px;		
}



#header .TextSmallWhite {

	color:#FFF; /* blanc */

	font-size: 10px;

	text-align: left;

}





















/* HOME STYLES--------------------------------------------------- */





#leftBig {

	position: relative;

	float: left;

	width: 600px;

	height: 315px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}





#leftBigInnerBox {

	position: relative;

	float: left;

	left:6px;

	width: 350px;

	height: 263px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;



}





#rightSmallInnerBox {

	position: relative;

	float: right;

	width: 224px;

	height: 263px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 0px;

	right: 9px;

	font-size:12px;



}





#rightSmallInnerBox #header_mini {

	background: url(../images/degrade_down_s_up.gif) repeat-x; height:18px; padding: 5px 3px 0px 3px;

}





#rightSmallInnerBox #middle_mini {

	color: #444444;

	margin-top: -5px;

}



#rightSmallInnerBox #footer_mini {

	background: url(../images/degrade_down_s_down.gif) repeat-x; padding: 5px 0px 3px 2px;

	}





#rightSmallInnerBox #footer_tags {

	margin-top:2px; position: absolute; bottom: 2px;

	background-color:#FFFFFF;

	font-size: 11px;

	font-weight: bold;

	}



#rightSmall {

	position: relative;

	float: right;

	width: 300px;

	height: 315px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}











/* ESPACE / PROFIL STYLES--------------------------------------------------- */







#leftSmall_Espace {

	position: relative;

	float: left;

	width: 300px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}







#rightBig_Espace {

	position: relative;

	float: right;

	width: 600px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}





.titles_groupes { color:#333; font-size:19px ! important; border-style: none none solid; border-width: 0; font-weight: bold; text-shadow: #DDD 3px 3px 3px;  }





#compte {

	position: relative;

	width: 904px;

	height: 30px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding-top: 0px;

	margin-left:auto;

	margin-right:auto;

	padding: 15px 0 0 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	font-size: 0.8em;

	font-weight:bold;

}





.articleList li{	/* General layout article in list */

	list-style-type:none;

	border:1px solid #999;

	background-color:#EEE;

	margin:2px;

	padding:2px 5px 2px 5px;

	color:#333;

	cursor:pointer;

	font-weight:bold;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	

	float:left;

		

}





.navigation_current {	/* Active article in list - layout */

	border:1px solid #000;

	background-color:#B30C2C;

	color:#FFF;

	padding:0 4px;

	margin:2px;

	font-weight:bolder;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.9em;



}







.navigation a:link {	/* Active article in list - layout */

	border:1px solid #999999;

	background-color: #FFFFFF;

	color:#333333;

	text-decoration:none;

	padding:0 4px;

	margin:2px;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.9em;

}



.navigation a:visited {	/* Active article in list - layout */

	border:1px solid #999999;

	background-color: #FFFFFF;

	color:#333333;

	text-decoration:none;

	padding:0 4px;

	margin:2px;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.9em;

	background-color: #e4e4e4;

}









.navigation a:hover{	/* Mouse over article in list - layout */

	border:1px solid #000;

	color:#000;

	background-color:#DD5066;

	color:#FFF;

	text-decoration:none;

}





			





/* ARTICLE STYLES--------------------------------------------------- */







#rightSmall_Article {

	position: relative;

	float: right;

	width: 300px;

	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}









#leftBig_Article {

	position: relative;

	float: left;

	width: 600px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}





#star_rating {

padding: 4px;

position:relative;

float:right;

margin:8px 12px 5px 0;

line-height:normal;

}





#controls {

width: 260px;

margin-left: 12px;

position:relative;

float:left;

font-weight: bold;

line-height:22px;

padding-top: 5px;

font-size:1em;

background-color:#f4d29d;

}



#controls_right {

width: 300px;

margin-right: 12px;

position:relative;

float:right;

font-weight: bold;

line-height:22px;

padding-top: 5px;

font-size:1em;

background-color:#f4d29d;

}





#tags_margins {

margin: 0;

padding: 5px 8px 0px 12px;

font-size:0.9em;

font-weight: bold;

background: url(../images/degrade_down_s_down.gif) repeat-x;

}



#tags_margins_no_bkg {

margin: 0;

padding: 5px 8px 0px 12px;

font-size:0.9em;

font-weight: bold;

}



.tagelement {

margin-top: 2px;

margin-bottom:2px;

}





.titles_them {

	color: #666666;	

	font-weight: bold;

}



.titles_them_bkg {

	background: url(../images/degrade_down_s_up.gif) repeat-x;

}



.titles_them_bkg_down {

	background: url(../images/degrade_down_s_down.gif) repeat-x;

}













/* OTHER STYLES--------------------------------------------------- */





.start {

	width: 317px;

	margin: 40px auto;

}











.gray_text {

	font-weight: bold;

	color: #333333;



}





.underlined {

	text-decoration:underline;

}



.error_message {

	color: #ff9;

	font-weight: bold;

	padding: 4px;

	background-color: #A51831;

	border: solid 1px #C51D3B;

	position: relative;

	top: 1px;

}



.absmiddle {

vertical-align: middle;

margin-top:-2px;

}





.absmiddle_ok {

vertical-align: middle;

}





.minibox {

width: 168px;

height: 295px;

position:relative;

float:left;

margin: 5px 3px 0 8px;



}



.minibox_inner {

	font-size:12px;

	margin: 0;

	padding: 3px; 

	background: url(../images/bkg_down_gray.jpg) repeat-x; 

	text-align:left;

}





.minibox_inner h4 {

	margin: 3px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	font-size:12px;

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif;

}





.minibox a:link img,

.minibox a:visited img{

	border:2px solid #1A5FD7;

	}

.minibox a:focus img,

.minibox a:hover img,

.minibox a:active img{

	border:2px solid #1A5FD7;

	}

	



.minibox .stars_vues{

	vertical-align: middle;

	margin-top:2px;

}





.miniboxtags {

	width: 326px;

	height: 262px;

	position:relative;

	float:right;

	margin-right:6px;

	margin-top: -5px;

	padding:7px;

}







.miniboxtags_inner {

	font-family: Arial, Helvetica, sans-serif;

	background: #E9EEFB;

	text-align:center;

}





.voirplus {

	font-weight: bold;

	text-align: right;

	padding-right: 10px;

	padding-bottom: 10px;

	float: right;

}







	



.catTitle {

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:bold;

	height: 40px;

	padding-bottom:4px;

}









#explorer #leftBar {

	

	position: relative;

	

	background-image: url(../images/degrade_down_dark.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	

	float: left;

	width: 150px;

	height: 100%;

	padding: 10px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}







#explorer #RightResults {

	

	position: relative;

	float: right;

	width: 725px;

	height: 100%;

	padding: 4px 7px 15px 2px;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}







#explorer .categories {

	

	color: #333333;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	

	margin-top:0;

	margin-bottom:2px;

	border-bottom: 1px solid #CF002E;

	text-shadow: #DDD 3px 3px 3px;

	

	

}







#explorer .catTitlesExplorer  {

	

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	margin-bottom:1px;

	padding:3px;

}







#explorer .catTitlesExplorerOn {

	background-color: #4179db;

}





#explorer .catTitlesExplorerOn a  {

	color: #FFFFFF;

	text-decoration: none;



}





.number_brackets_big {



color:#ffffff;

font-size:0.9em;



}





.number_brackets {



color:#666666;

font-size:11px;



}



.number_bracketsOn {

	color:#CCCCCC;

	font-size:11px;

}





.center {

	text-align: center;

	width: 50em;

	margin-left: auto;

	margin-right: auto;



}