

	/* copyright */
	#copyright{
	clear:both;
	width:auto;
	height:auto;
	padding:1em 0.2em 0.5em 0.2em;
	color:#000000; 
	text-align:center; 
	font-size:10px;
background:#A7CE38
	}
	#copyright a{color:#3C5460; font-weight:bold; padding:0 3px 0 3px}
	#copyright a:hover{color:#fff; font-weight:bold; background:#3C5460}

	/*membres*/
	TD.titre {padding-top:2em;color:#900; font-weight:bold; BORDER-BOTTOM:#900 1px solid}
	TR.entete2 {background:#eee}

	/*formulaire*/
	.formulaire {padding:0; margin:0px}

/**** Menus automatiques ****/
	
	.puce {font-weight:bold}
	.col1 {width:44%; float:left; margin:0;padding:0;margin-bottom:1em}
	.col2 {width:44%; float:right;margin-bottom:1em}

	/* breves, Annuaire et Download */
	#menunews {width:309px;margin-left:9px}
	#menunews ul {list-style-type:none; margin:0; padding:0;}
	#menunews li {background:#ccc;list-style-type:none; margin:0 0 2px 0; font-weight:bold;padding:4px;border-bottom:1px #000 solid}
  	#menunews a {font-weight: bold; font-size: 1em;color:#666}
  	#menunews a:hover {color:#360}
  	#menunews span {color:#999;  font-size:0.8em}
	#menunews ul li:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#360}
	.menusuitenews {font-weight: bold; margin-left: 150px}










/**** editor xhtml (ajout fckeditor) ****/
	.img_left {float:left; padding-right:0.5em}
	.img_right {float:right; padding-left:0.5em}
	.txt_bold {font-weight:bold; font-size:1em; color:#666}
	.txt_code {
	width:98%;
	border: #000 1px dotted;
	padding: 0 5px 0 5px;
	color: #000;
	background-color: #EEE
	}
	.txt_right {text-align:right}






/**** messagerie ****/
	.mess_envoi {text-align:right;font-weight:bold}
	.mess_tab {width:98%;border:1px #000 solid}
	.mess_tab th {background:#666; color:#fff;padding:0.2em}
	.mess_tab td {border-bottom:1px #666 dotted}
	div.mess_form {width:90%;background:#eee; border:1px dotted #666;padding:1em}
	.mess_error {color:red}
	.mess_form label {font-weight:bold}



/**** auteurs ****/
	.contrib {margin:2em 1em 0 1em;width:90%;padding:1em;border:1px dotted #666;background:#eee}
	.contrib h1 {padding:0;margin:0;font-size:1.4em;color:#900}
	.contrib h2 {padding:0;margin:0.5em 0 0 0;font-size:1.2em;background:#900;color:#fff}
	.contrib h3 {padding:0.2em 0 0 0;margin:0;font-size:1.2em;border-top:1px solid #900;text-align:right}
	.contrib a {font-weight:bold; text-align:center}
	.contcol {width:45%;padding:0.5em;margin:0.5em;float:left}
	.contdesc {margin-top:2em;padding:1em;background:#fff}
	.contdesc img {float:left;margin-right:1em}
	.contart {margin-top:2em}
	.contart h1 {border-bottom:1px solid #900}
	.contart ul {padding:1em;margin:1em}
	.contcol2 {width:45%;padding:0.5em;margin:0.5em}


/**** imprime ****/
	#imprime {margin:2em 0 1em 0;float:left;width:100%;text-align:right;border-top:1px solid #666;padding:3px}
	#imprime input {background-color:#fff}


/**** systeme de notation ****/
	.ratingblock {	display:block;padding-bottom:8px;margin-bottom:8px;}

	.ratingblock p {margin:0;padding:0}

	.loading {height: 15px;background: url('img/working.gif') 50% 50% no-repeat;}
	
	.unit-rating { /* the UL */
	list-style:none;margin: 0px;padding:0px;height: 15px;position: relative;background: url('img/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:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 15;
	position: absolute;
	padding: 0px;
	}
	
	.unit-rating li a:hover{background: url('img/starrating.gif') left center;z-index: 2;left: 0px;}

	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:15px;}
	.unit-rating a.r2-unit{left:15px;}
	.unit-rating a.r2-unit:hover{width: 30px;}
	.unit-rating a.r3-unit{left: 30px;}
	.unit-rating a.r3-unit:hover{width: 45px;}
	.unit-rating a.r4-unit{left: 45px;}	
	.unit-rating a.r4-unit:hover{width: 60px;}
	.unit-rating a.r5-unit{left: 60px;}
	.unit-rating a.r5-unit:hover{width: 75px;}
	.unit-rating a.r6-unit{left: 75px;}
	.unit-rating a.r6-unit:hover{width: 90px;}
	.unit-rating a.r7-unit{left: 90px;}
	.unit-rating a.r7-unit:hover{width: 105px;}
	.unit-rating a.r8-unit{left: 105px;}
	.unit-rating a.r8-unit:hover{width: 120px;}
	.unit-rating a.r9-unit{left: 120px;}
	.unit-rating a.r9-unit:hover{width: 135px;}
	.unit-rating a.r10-unit{left: 135px;}
	.unit-rating a.r10-unit:hover{width: 150px;}

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

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


/*formulaires*/
	fieldset {margin:1em;padding:1em;width:80%;}
	legend {font-weight:bold;color:#900;font-size:1.2em}

/*annuaire, dossiers, news, agenda*/

#pages_int {padding:2em}

	h1 {color:#366;font-weight:bold;font-size:2em;margin:0;padding:0;width:100%}

	/* Categories (index.php) */
	DIV.cat {width:100%}
		DIV.cat_titre {margin-top:3em;  padding:0.4em}
		DIV.cat_titre img {float:left; margin:0 1em 0 0; border:#693 1px solid}
		DIV.cat_titre h2 {display:inline;font-size:1.25em}
		DIV.cat_titre span {font-size:0.8em;color:#999;padding-left:4px}	

  	DIV.cat_texte {background:#693;color:#fff;margin:0 0 5px 0px; padding:0.5em}

  	DIV.sscat {margin:2em 0 0 20px}
  		DIV.sscat_titre {padding:0.3em; border-bottom:#693 1px dotted}
		DIV.sscat_titre img {float:left;margin-right:1em;height:50px}
  		DIV.sscat_titre h3 {display:inline;font-size:1.15em}
  		DIV.sscat_titre span {font-size:0.8em;padding-left:4px;color:#999}

  	DIV.sscat_texte {margin-bottom:2em; padding:0.2em}

 	/* affichage deux colonnes */
 	DIV.catcol1 {position:relative; float:left; width:47%; padding:6}
 	DIV.catcol2 {position:relative; width:47%; float:right; padding:6}

	/* les sites dans une cat (cat.php) */
	DIV.catphp {float:left; width:100%; margin-top:2em}
		DIV.catphp_titre img {float:left;margin-right:1em;padding-top:5px}
		DIV.catphp_titre h2 {font-size:1.25em;display:inline}
		DIV.catphp_titre span {padding-left:2em;color:#666;font-size:0.8em}

	DIV.catphp_texte{margin-top:0.2em;border-top:1px dotted #693;padding:0.5em;width:100%}




	/* affichage des souscatégories */
	DIV.catphp_sscat {width:100%; margin-top:2em;padding:0.4em 0 0.4em 0;margin-left:1em}
		DIV.catphp_sscat span {display:none}
		DIV.catphp_sscat div {border-top:1px solid #693;padding:2em;margin:0}
		DIV.catphp_sscat img {float:left;margin-right:5px;height:40px}
		DIV.catphp_sscat A {font-weight:bold;color:#690;font-size:1.2em}

	/* class supplémentaire pour présentation deux colonnes */
	DIV.col1 {float :left; width:45%; padding:6;margin-left:1em}
	DIV.col2 {width:45%; float:left; padding:6;margin-left:1.2em}


	.liencat {font-weight:bold;background:#eee;display:block;text-align:right;padding:1px}

	/*notation*/
	.catphp p.static {float:right;width:45%}
	.catphp div.ratingblock ul {float:left;width:45%}
	.catphp div.ratingblock {width:100%;border-top:1px solid #693;padding-top:0.4em}

	/* site specifique (site.php, commentaire.php) */
	DIV.dossier {width:100%}
		DIV.titre SPAN {display:block;text-align:right;margin-right:10px;font-size:0.8em}
		DIV.titre img {float:left;padding-right:1em;padding-top:10px}

	DIV.chapo {margin-top:1em;font-style:italic;font-size:1.1em;padding:1em;border:1px solid #693;background:#eee;height:4em}
		DIV.chapo img {float:left;padding-right:1em}

	DIV.texte {margin:1em 0 1em 0}

	DIV.suite {border-top:1px solid #693;font-weight:bold;font-size:1.5em;padding-top:0.5em}
		DIV.suite A {padding-left:2em;font-weight:normal;font-size:0.7em;}
		DIV.suite A:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#900;}

	DIV.debut_suite {text-align:center;border-top:1px solid #693;font-weight:bold;padding-top:0.5em}

	DIV.auteur {margin-top:3em;text-align:right;font-weight:bold;border-top:1px solid #c00;border-bottom:1px solid #c00;padding:0.4em 0 0.4em 0}


	DIV.commentaire {margin-top:1em; padding:0.5em 0 0.2em 0; font-weight:bold}
		.commentaire h2 {color:#693;font-size:1.75em;border-bottom:1px #693 solid;margin:2em 0 0 0;padding:0}
        	#comlien {margin-bottom:2em;background:#eee;padding:0.3em;font-weight:bold}

	DIV.commentaire_login {font-weight:bold;background:#693;color:#fff}
	DIV.commentaire_texte {text-align:left;padding:1em;margin-bottom:2em;background:#eee;border:1px solid #693}

	DIV.supplement {margin:1em 0 1em 0;text-align:center}

	.tags {border-top:1px dotted #999;border-bottom:1px dotted #999;height:1.2em;background:#eee}
	.tags img {float:left;margin-right:0.5em}

.suiv_preced {margin-top:20px;border-top:1px solid #666;padding-top:10px;color:#666;font-size:0.85em}
.suiv_preced span {display:block;border-bottom:1px dashed #999;font-weight:bold;padding:2px 0 2px 0}

	/* soumettre un site */
	DIV.catphp_soum {
	float:left;width:98%;margin-top:2em;text-align:center;font-weight:bold;
	border-top:1px solid #900;border-bottom:1px solid #900;
	padding:0.5em 0 0.5em 0;
	background:#eee
	}

/*guestbook*/
	DIV.guest_ajout {
	width:99%;
	background:#eee;
	margin:0 0 2em 0; 
	text-align:center;font-size:1.3em;font-weight:bold;
	padding:0.5em 0 0.5em 0;
	border-bottom:1px solid #900;
	}

	DIV.guest {width:98%}

	DIV.guest_titre {background:#900;padding:2px}
		DIV.guest_titre h2 {display:inline;font-size:1.2em;color:#fff}
		DIV.guest_titre SPAN {padding-left:1em;color:#eee;font-size:0.8em}

	DIV.guest_texte {padding:1em;margin-bottom:2em;border:1px solid #900}

/*syndication*/
	#rsscol1 {float:left;width:47%;margin:2em 2em 0 0.5em}
	#rsscol2 {float:left;width:47%;margin-top:2em}
	#rsscol1 h2, #rsscol2 h2 {font-size:1.5em;border-bottom:2px dotted #FF6600}
	#rsscol1 li, #rsscol2 li {padding-bottom:0.3em}
	.rss, .rss2 {margin:1em; padding:1em}

/*backend*/
	.inforss, .inforss2, .inforss3 {width:90%; margin:1em; padding:1em;border:1px dotted #666;background:#eee}

/*tags*/
	/*nuage tags*/
	#tagcloud  {margin: 0;padding:0.5em;display:block;border:1px solid #eee;border-bottom:0px;background:#eee;text-align:center}
	#tagcloud li {display: inline;   margin: 0 .15em}
	#tagcloud li.cloud1 a { font-size: 0.85em; }
	#tagcloud li.cloud2 a { font-size: 0.95em; }
	#tagcloud li.cloud3 a { font-size: 1em; }
	#tagcloud li.cloud4 a { font-size: 1.1em; font-weight:bold;}
	#tagcloud li.cloud5 a { font-size: 1.2em; font-weight:bold;} 

	#lientag {display:block;text-align:right;font-weight:bold;background:#eee;color:#666;padding: 0 0.4em 0.3em 0;border-top:1px dotted #999;
			background-image:url(xxl/fdtag2.gif);background-position:left bottom;
			background-repeat:no-repeat;}
	#lientag:hover {color:red}

	/*page tags*/
	.afftags {width:99%;font-weight:bold}
	.afftags h2 {background:#666;color:#fff;font-size:1em;padding:0.2em;margin-top:2em}

	#tag_gen {width:90%;margin:2em;text-align:center;background:#eee}
	#tag_gen  li {float: left;display: inline;margin: 1em}
	#tag_gen li.tag_1 a { font-size: 0.85em; color:#999}
	#tag_gen li.tag_2 a { font-size: 0.95em; color:#666}
	#tag_gen li.tag_3 a { font-size: 1em; color:#000}
	#tag_gen li.tag_4 a { font-size: 1.1em; font-weight:bold;}
	#tag_gen li.tag_5 a { font-size: 1.2em; font-weight:bold;}

/*plan*/
	.plan {width: 98%; padding-top:2em; border-bottom: #999999 1px dotted; padding-bottom:1em}
	.plan h2 {font-size:1.5em;display:inline}
	.plan a {color:#666}
	.plan ul {margin-left:22px; padding-top:0.5em}
	.plan_cat {list-style-type:circle; margin-left:2em}

#partage {margin-top:20px;border-top:1px dashed #999;padding-top:10px;color:#666;font-size:0.85em}
#partage2 {margin-top:10px;border-top:1px dashed #999;padding-top:10px;color:#666;font-size:0.85em}
#partage span, #partage2 span {display:none}
#partage img, #partage2 img {margin:0 2px 0 2px}


