body {
  margin:0;
  padding:0;
  border:0;
  background:#F0F0F2;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
}

img {
border: none;
top:0;
}

a {
font-family: Arial; 
font-size: 12px; 
color: black; 
}

  
form {margin:0; padding:0;}

table {
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;	
}

input {

  font-family: Arial, Helvetica, sans-serif;
  color: #505859;
  background-color: #FFFFFF;
  background-image: none;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
  border-style: thin;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
  

}


h3 {
display:inline;
margin:0;
padding:0;
}
h2 {
display:inline;
margin:0;
padding:0;
}

/*--------------- MENU DE GAUCHE -----------------*/

a.menu:link, a.menu:hover,  a.menu:visited,  a.menu:active  { font-size: 12px; color:#888888;}
a.menu2:link, a.menu2:hover, a.menu2:visited, a.menu2:active {font-size: 12px;color:#C686B5;}
a.menu3:link, a.menu3:hover, a.menu3:visited, a.menu3:active {font-size: 12px;color:#56ADCC;}
a.menu4:link, a.menu4:hover, a.menu4:visited, a.menu4:active {font-size: 12px;color:#D83339;}
a.menu5:link, a.menu5:hover, a.menu5:visited, a.menu5:active {font-size: 12px;color:#FF33CC;}   
a.menu6:link, a.menu6:hover, a.menu6:visited, a.menu6:active {font-size: 12px;color:#E97A0A;}

a.lettre:link, a.lettre:hover, a.lettre:visited, a.lettre:active {color:#C9A825; font-style:italic;}
a.liennom:link, a.liennom:hover, a.liennom:visited, a.liennom:active {color:#0A8B60 ;}
a.liennom2:link, a.liennom2:hover, a.liennom2:visited, a.liennom2:active {color:#C686B5 ;}
a.top {color:#FFFFFF ;}
.fl { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:black;}

/*--------------- BANDEAU HAUT -------------------*/



ul  {margin: 0; padding: 0;}
ul li  {margin: 3px 0 3px 10px;}


.actu {
padding: 0;
margin: 0;
}

#logo {
   position:absolute;
   left:0;
   top:0;
   background:url(images/logo.png) no-repeat;
   width:174px;
   height:153px;`
}

#logo2 {
   position:absolute;
   background:url(images/logo_2.png) no-repeat ;
   left:174px;
   width:139px;
   height:174px;
   top:0;
   
}


#menu_top {
float:left;
margin-left:210px;
width:500px;
height:30px;
padding-top:5px;

text-align:right;
}



#menu_top li {
 padding-left:10px;	
 float:left;
 list-style-type: none;	
}

#top {

 background: url(images/fond_top.png);
 width:100%;
 height:153px;
 background-repeat:repeat-x;
}

#fake_menu {
   padding-top:70px;
   background:url(images/menu_haut.png) no-repeat;
   height:100%;
}

#menu {
  position:relative;
  width:174px;

  float:left;
  background:url(images/fond_body.png) repeat-y;
  margin-bottom:30px;

}



#menu_left ul {
  
}


#menu_left li {
   text-align:right;	
   list-style-type: none;
 
   margin : 10px 45px 5px 5px;;
   font-size:11px;
}


#div_connect {
float:left;
left:0px;

text-align:center;	
border:1px dashed purple;
margin:5px;
font-size:11px;
width:125px;
}


#connected
{
float:left;	
padding:5px;
margin-left:1px;
border:1px dashed purple;
width:120px;
margin-bottom:15px;
margin-top:15px;
}

#left_box {
width:240px;height:115px;padding:1px;border:1px dashed purple;text-align:center;	
}

#infos {
float:left;	
margin-left:1px;
padding:5px;
width:120px;
border:1px solid purple;
}

#news {
width:350px;
float:left;

}

#news ul {
padding:10px;
margin:0;
list-style-type: none;
}

#sansphilo {
width:350px;
float:right;
}

.sommaire  {
padding:0;
margin:0;	
}

.sommaire li {
padding:0;
margin:0;
list-style-type: none;	
}


.summary dd {
padding:0;
margin:0;

}


#sansphilo ul {
padding:10px;
margin:0;
list-style-type: none;
}

#textes li {
  list-style-type: none;
  margin:5px;
}

/*--------------- CONTENEUR PRINCIPAL ------------*/
#conteneur {
 margin-left:173px;
 padding:10px;
background:#F0F0F2;
width:720px;
margin-right: auto;
}


#container-1 {
	margin-top:30px;
	float:left;
	
	 background:#F0F0F2;
}



#annonce {
position:absolute;
width:720px;
border:1px solid purple;
top:60px;
left:190px;
padding-top:10px;
text-align:justify;
padding:8px;	 
}

#random_gloss {
position:absolute;
width:720px;
height:10%;
border:1px solid purple;
top:60px;
left:190px;
padding:5px;

	 
}


#footer {
clear:both;	
float:left;
width:580px;
height:60px;
bottom:0;
margin-top:70px;
margin-left:150px;	
text-align:justify;
font-size:10px;
 
}



#menu_bas {
  height:139px;
  background:url(images/menu_bas.png);
}


#pagination {
width:600px;
text-align:left;
}

#pages {
float:left;
left:250px;
text-align:center;
}

#previous {
float:left;
width:150px;

border:1px solid #F0F0F2;
}

#next {
float:right;
margin-right:150px;
}

#pdf  ul {
list-style-image: url(images/pdf.gif) ;
padding:10px;	
margin:10px;
}

#liste ul {

padding:0;	
}

#textes dd {
border:1px dashed green;
padding:2px;	
}

#textes dt {
border:1px dashed purple;
padding:2px;
margin-bottom:20px;
width:700px;	
}



#liste li {
width:720px;
margin:0;
padding:0;
list-style-type:none;
}

#liste dt {
border:1px dashed purple;
padding:2px;
margin-bottom:20px;
width:680px;
}

#liste  dd {
margin:15px;
text-align:justify;
margin-bottom:30px;
width:700px;
}

#glossaire {
margin-top:40px;	
}

#glossaire dt {
border:1px dashed purple;
padding:2px;
margin-bottom:20px;
width:720px;
}

#glossaire  dd {
margin:15px;
text-align:justify;
margin-bottom:30px;
width:720px;
}

#lettres ul {
	
margin:0;
padding:0;	
}

#lettres li {
  width:720px; 	
  list-style-type: none;
padding:2px;	
}

#p_lettres {
width:700px;	
margin-left:25px;
margin-top:15px;
}

#statuts {
font-size:12px;	
width:720px;
border:1px dashed #888888;
padding:10px;
}

#textes {
font-size:12px;	
width:720px;
}



#texte dt {
width:720px;
font-size:14px;
font-weight:bold;
margin-left:10px;
border:1px dashed #888888;
padding:2px;
margin:5px;

}

#texte  dd {
width:720px;
margin:15px;
text-align:justify;
}

#lettre dt {
font-size:14px;
font-weight:bold;
width:720px;
margin-left:10px;
border:1px dashed #888888;
padding:2px;
margin:5px;

}

#lettre  dd {
width:720px;
margin:15px;
text-align:justify;
}

#message {
float:left;	
}

#message dt {
font-size:14px;
font-weight:bold;
width:720px;
margin-left:10px;
border:1px dashed #888888;
padding:2px;
margin:5px;

}

#message  dd {
width:720px;
margin:5px;
padding:5px;
text-align:justify;
border:1px dashed #888888;
}




#fictions dt {
width:650px;
padding:5px;
font-weight:bold;
color: #56ADCC;
border:1px solid #56ADCC;
font-size:13px;
margin-bottom:5px;
}

#fictions dd {
margin-top:10px;
font-size:12px;
}




#menu h2 {
    display:block;
  
    padding:10px 0 0 0; /* gerer la marge haute pour l'espacemenent des titres par rapport aux liens */
    font-size:12px;
    font-weight:bold;
    text-align:right;
    color:#505859;
  }
  
  

.login {
  width: 88px;
  height: 96px;	  
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('images/user.png') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */	  
 }
  
 
 .faq {
width:720px;	 
 }
 
.membre {
float:left;
width:700px;
border:1px dashed purple;
margin:20px;	 
}


#message {
float:left;
width:700px;

}

#reponse {

padding:8px;
float:left;
width:670px;
margin-left:50px;
}

#make_message {
margin-left:5px;
margin-top:15px;
float:left;
width:720px;
border:1px dashed purple;
padding:5px;
}

.reponse {
margin-bottom:15px;
padding:10px;
border:1px dashed green;	
}


.reponse dt {
margin-left:10px;	
}

.reponse dd {
margin-top:10px;
margin-left:10px;	
}

.membre_desc {
float:right;
width:600px;	
}

.membre_textes {
float:right;
width:600px;
margin-top:20px;
padding:5px;
border:1px dashed green;	
}

.membre_textes_perso {
float:right;
width:600px;
margin-top:20px;
padding:5px;
border:1px dashed #505859;	
}	
.photo {
float:left;
width:75px;	
}

.agenda {
float:left;
width:720px;
height:auto;
margin:0;
margin-bottom:15px;
border:1px dashed purple;
margin-top:20px;
padding:5px;
}


.livre {
float:left;
width:720px;
height:auto;
margin:0;
margin-bottom:15px;
border-bottom:1px dashed purple;
margin-top:20px;	
}


.photo2 {
float:left;
width:180px;

}

#cart_total {
font-weight:bold;
font-size:13pt;
}


.livre_desc {
width:520px;
text-align:justify;
margin-left:190px;
}



.tr_1 
{
/*background-color: yellow;*/
border-bottom:1px dashed purple;
padding:5px;
}
 
 
.tr_2 
{
background-color: white;
border-bottom:1px dashed purple;
padding:5px;
}


.box {
float:left;
width:320px;

border:1px dashed purple;
margin:10px;
padding:10px;
	
}

.box ul {
list-style-type:square;	
}

.box2 {
width:680px;
border:1px dashed purple;
margin:10px;
padding:10px;
height:150px;
}

.box2 ul {
list-style-type:square;	
}




a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


.dateselect {
border:1px solid red;	
}


.comment {
border:1px dashed purple;
padding:5px;
margin-left:25px;
margin-bottom:15px;
width:550px;
}

/*--------------- CONTENEUR PRINCIPAL ------------*/

a.lienbleu:hover, a.lienbleu:visited, a.lienbleu:active {color:#0000FF;}

.highlight { background-color: yellow }

.rouge {color:#FF0000;}
.bleu {color:#0000FF;}
		
.edito { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #505859;}
.texte { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #505859;}
.textejusti { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #505859; text-align:justify;}
.droite {text-align:right;}
.stabilo {color:#505859;font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:yellow;}

.pourcent {width:80%; margin-left:25px; text-align:justify;}
.pourcentcentre {width:80%; margin-left:25px; text-align:center;}

.divbas2 {background-color:#EFF0F2; width:100%; text-align:center; margin-top:80px;}
.red {color:red;}


.lien2:link {font-family: Arial; font-size: 12px; color: #EE7931; }
.lien2:hover {font-family: Arial; font-size: 12px; color: #EE7931; }
.lien2:active {font-family: Arial; font-size: 12px; color: #EE7931;}
.lien2:visited {font-family: Arial; font-size: 12px; color: #EE7931; }

.lien3:link {font-family: Arial; font-size: 12px; color: #505859; text-decoration:none; font-weight: normal;}
.lien3:hover {font-family: Arial; font-size: 12px; color: #000000; font-weight: normal;}
.lien3:active {font-family: Arial; font-size: 12px; color: #000000;  font-weight: normal;}
.lien3:visited {font-family: Arial; font-size: 12px; color: #505859; text-decoration:none; font-weight: normal;}

.img {border: 0px;}
.imgrub {display:block; margin: 10 auto 25 15;}
/*--------------- FIN DU CONTENEUR PRINCIPAL -----*/


#chartdata {
	float:left;
}
#datatable {
    border:1px solid #000;
}
#datatable>tbody>tr>td {
 vertical-align:top;
 border-bottom:1px dotted #DDD;
 margin:0;
 overflow:hidden;
}

.field {
 border:1px solid #CCC;
 width:75px;
}
#chartarea {
	float:left;
	margin-left:10px;
}
#chartcode {
	float:left;
	margin-left:10px;
}

.chart {
	font: menu;
	background: white;
	color: black;
	overflow: hidden;
	position: relative;
}

.chart .legend {
	float: left;
	border: 1px solid black;
	background: white;
	padding: 5px 10px 5px 10px;
}

.chart .legend ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.chart .legend ul li {
	list-style: square;
}

.chart .legend ul li span {
	color: black;
}





.markItUp  {
	
	border:1px solid purple;
	padding:13px;
}
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	width:560px;
	margin:5px 0 5px 0;
}
.markItUpContainer  {
	width:550px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	
}
.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px;
	margin:0px 11px 0px 11px;
	width:540px;
	height:320px;
	clear:both; display:block;
	line-height:18px;
	overflow:auto;
	border:0px solid white;
	background-image:url(images/vide.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	width:99.9%;
	height:350px;
}
.markItUpHeader {
	width:650px;
	padding:15px 0px 0px 20px;
	height:25px;
	
}
.markItUpFooter {
	width:670px;
	height:25px;
	
	padding-bottom:10px;
}
.markItUpResizeHandle {
	margin:0px 12px 5px auto;
	overflow:hidden;
	width:12px; height:12px;
	position:relative;
	background-image:url(images/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url(images/menu.png) no-repeat 115% 50%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#FFF;
	border:1px solid #000;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#FFF url(images/submenu.png) no-repeat 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px; 
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	padding:3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#3875D7;
}
.bbcode .markItUpButton1 a	{
	background-image:url(images/bold.png);
}
.bbcode .markItUpButton2 a	{
	background-image:url(images/italic.png);
}
.bbcode .markItUpButton3 a	{
	background-image:url(images/underline.png);
}

.bbcode .markItUpButton4 a	{
	background-image:url(images/picture.png);
}
.bbcode .markItUpButton5 a	{
	background-image:url(images/link.png);
}

.bbcode .markItUpButton6 a {
	background-image:url(images/colors.png);
}
	.bbcode .markItUpButton6 ul {
		width:81px;
		padding:1px;	
	}
	.bbcode .markItUpButton6  li {
		border:1px solid white;
		width:25px;	height:25px;
		overflow:hidden;
		padding:0px; margin:0px;
		float:left;
	}
	.bbcode .markItUpButton6 ul a {
		width:25px;	height:25px;
	}
	.bbcode .markItUpButton6 ul a:hover {
		background-color:none;
	}
	
	.bbcode .markItUpButton6 .col1-1 a {
		background:yellow;
	}
	.bbcode .markItUpButton6 .col1-2 a {
		background:orange;
	}
	.bbcode .markItUpButton6 .col1-3 a {
		background:red;
	}
	
	.bbcode .markItUpButton6 .col2-1 a {
		background:blue;
	}
	.bbcode .markItUpButton6 .col2-2 a {
		background:purple;
	}
	.bbcode .markItUpButton6 .col2-3 a {
		background:green;
	}
	
	.bbcode .markItUpButton6 .col3-1 a {
		background:white;
	}
	.bbcode .markItUpButton6 .col3-2 a {
		background:gray;
	}
	.bbcode .markItUpButton6 .col3-3 a {
		background:black;
	}
	
.bbcode .markItUpButton7 a	{
	background-image:url(images/fonts.png);
}
.bbcode .markItUpButton8 a	{
	background-image:url(images/list-bullet.png);
}
.bbcode .markItUpButton9 a	{
	background-image:url(images/list-numeric.png);
}
.bbcode .markItUpButton10 a	{
	background-image:url(images/list-item.png);
}

.bbcode .markItUpButton11 a	{
	background-image:url(images/quotes.png);
}
.bbcode .markItUpButton12 a	{
	background-image:url(images/code.png);
}
	
.bbcode .markItUpButton13 a	{
	background-image:url(images/clean.png);
}
.bbcode .preview a {
	background-image:url(images/preview.png);
}




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
   float:left;
    border: 1px dashed purple;
    margin-left:5px;
    padding:15px;
  width:720px;
    text-align:justify;
    background:  #FFF;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}









.hilite,.hilite1 {background-color: yellow}
	  	.hilite2 {background-color: pink}
      .hilite3 {background-color: gray}
      .hilite4 {background-color: orange}