body {
	margin: 2px 0px;
	padding: 0px;
	background: #ffffff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 80%;
	color: #000000;
	font-weight: normal;
	text-align:center
}

A { font-weight:bold;color:#90B17A }
A:link { color:#5AABFF }
A:visited {color: #5AABFF }
A:hover {color: 5AABFF;text-decoration:none }

p , img , ul , form { margin:0px; padding: 0px; }
li { list-style: none }
img {border: 0px none }
img , object { vertical-align: top }



/* HEADER */

#header { /*border:1px solid #6f6f6f;*/ background-image:url('img/entete.jpg');height:101px;width:985px }
#header img { float:left;height:101px;width:370px }
#header h1 { font: bold 180% Trebuchet MS, sans-serif; margin: 0px 5px 0px 0px;cursor:default;float:right;color:#FFFFFF;margin-top:40px;width:530px;text-align:right }


#thematique { border-bottom:2px solid #C9C9C9;background-color: white;background-image:url('img/bg-menu.jpg');background-repeat:no-repeat;padding:3px 0px 0px 0px;margin-bottom:15px }
#thematique A { vertical-align:top;font-size:12px;color:#000000;font-weight:bold;text-decoration:underline }


#menuadmin , #menu { height:18px;padding-left:336px }

	#menuadmin P { float:left;margin:1px 5px }
	#menuadmin ul , #menu ul { font:13px arial,sans-serif; margin: 0px 0px 0px 2px; padding: 0px }

		#menuadmin ul li , #menu ul li { margin:0px 5px 2px 0px }
			#menu ul li { float:left }
			#menuadmin ul li { float:right }

			#menuadmin ul li A:link , #menu ul li A:link , #menuadmin ul li A:visited , #menu ul li A:visited { color: #000000;border-bottom:1px dotted;text-decoration:none }
			#menuadmin ul li A:hover , #menu ul li A:hover { color: #555555 }

	#menuadmin img { float:left; margin-right:3px } #menu IMG { margin-right:3px }



/* CORPS */

#corps { margin:0px;padding:0px;width:985px;text-align:left }



/* PARTIE GENERALE DU CORPS */

#index , #video, #tags , #comments , #admin , #config , #contact , #partenaires { width:985px;margin-left: auto; margin-right: auto }


.tete-vert , .tete-bleu { background-image:url('img/h-fond.png');background-repeat:repeat-x }
.tete-vert h2 , .tete-bleu h2 { height:24px;font-size:150%;padding:0px;margin:0px }

	.tete-vert { float:left;border-bottom:4px solid #8bc53d;text-align:left;width:663px }

		.tete-vert h2 { width:90%;padding-left:10%;color:#8bc53d }
			#index .tete-vert h2 { width:40%;padding-left:10%;float:left }

		.tete-vert h2.selected { background-image:url('img/triangle-vert.gif');background-position:7.2% 100%;background-repeat:no-repeat }
			#index .tete-vert h2.selected { background-image:url('img/triangle-vert.gif');background-position:15% 100%;background-repeat:no-repeat }

		.tete-vert a , .tete-vert a:visited { text-decoration:none;color:#8bc53d }

	.tete-bleu { text-align:left;width:300px }
		.tete-bleu h2 { background-image:url('img/triangle-bleu.gif');background-position:9% 100%;background-repeat:no-repeat;width:85%;padding-left:15%;color:#3da7c5 }
		.tete-bleu a , .tete-bleu a:visited { text-decoration:none;color:#3da7c5 }
		.tete-bleu div.bords { background-color:#dbdbdb;padding:0px 1px;border-top:4px solid #3da7c5;border-bottom:4px solid #3da7c5 }

			#humour.tete-bleu , #formulaire.tete-bleu , #categories.tete-bleu , #nuagetags.tete-bleu { float:right }

			#humour.tete-bleu div.bords div { height:110px;padding:6px;width:286px;background-color:#FFFFFF;text-align:justify;font-size:100% }

				#humour.tete-bleu div.bords div a:link , #humour.tete-bleu div.bords div a:visited { color: #6f6f6f }
				#humour.tete-bleu div.bords div a:hover { color:black }
                
				#humour.tete-bleu div.bords div a img { border: 1px solid #dbdbdb; padding: 1px;float:left;margin-right:5px;width:50px;height:50px }
				#humour.tete-bleu div.bords div a b { font-size:12px }
				#humour.tete-bleu div.bords div a p { color: #999999; font-weight: normal;padding:0px 0px 2px 0px;font-size:10px }

			.tete-bleu div.bords ul { text-align:center;background-color:#FFFFFF;text-align:justify }

				#index .tete-bleu div.bords ul { width:238px;padding:30px }
					#index #nuagetags.tete-bleu div.bords ul { height:410px }
					#index #categories.tete-bleu div.bords ul { height:333px;padding:22px 0px 0px 0px;width:298px;text-align:center }
						#index #categories.tete-bleu div.bords ul li { margin:1px 0px }
				#video .tete-bleu div.bords ul { width:278px;padding:10px }

				#nuagetags ul li { display:inline; line-height:25px }
					#nuagetags ul li a {font-size: 110%;color:#3DA7C5 }
					#nuagetags ul li em a { font-size:130%;color:#8BC53D;font-style:normal }
					#nuagetags ul li strong a { font-size:160%;color:#EA9A3B }
					#nuagetags ul li h3 { margin:0px;font-size: 160%; padding:0px;display: inline }
						#nuagetags ul li h3 a.cat1 { color:#d0667c } /* interdit -18 ans */
						#nuagetags ul li h3 a.cat2 { color:#b5861a } /* gamelles */
						#nuagetags ul li h3 a.cat3 { color:#888888 } /* inclassable */
						#nuagetags ul li h3 a.cat4 { color:#54a559 } /* animaux */
						#nuagetags ul li h3 a.cat5 { color:#000000 } /* auto-moto */
						#nuagetags ul li h3 a.cat6 { color:#848099 } /* honte */
						#nuagetags ul li h3 a.cat7 { color:#8e0704 } /* sport */

            #categorie .bords { height:355px }
            #categorie ul { height:295px }
			#categorie ul li { margin:1px }



			#formulaire.tete-bleu div.bords p {  background-color: #ececec; padding:5px; margin-bottom:1px; text-align:center; font-weight:bold; }
				#formulaire.tete-bleu div.bords p { background-image:url('img/comment-grey.gif'); background-repeat:repeat-x }
				#formulaire.tete-bleu div.bords p.red { background-image:url('img/comment-red.gif') }
				#formulaire.tete-bleu div.bords p.green { background-image:url('img/comment-green.gif') }

			#formulaire.tete-bleu div.bords form { padding:11px 20px 10px 20px;text-align:center;background-color:#FFFFFF;text-align:justify }
				#formulaire.tete-bleu div.bords form input.button { background-color: #ececec; border:1px solid #cecece; padding:5px; text-align:center; font-weight:bold }
				#formulaire.tete-bleu div.bords form input , #formulaire.tete-bleu div.bords form textarea { border:1px solid #cecece;padding:1px;width:254px }
				#formulaire.tete-bleu div.bords form textarea { height:190px }
				#formulaire.tete-bleu div.bords form input.button { margin:4px 0px 0px 0px;padding:2px;width:258px }



/* PARTIE PUBLICITES */

#pub728x90 { width:985px;float:left;padding:10px 0px 7px 0px }
	#pub728x90 #rss { float:right;width:195px;padding:1px 0px 0px 0px }
		#pub728x90 #rss a { display:block;margin-top:5px }
	#pub728x90 img { float:left;vertical-align:top;background-color:#ffffff;padding-right:5px }

#pub300x250 { width:300px; height:250px;margin-top:5px }
	 #video #pub300x250 { float:right }
	 #index #pub300x250 { float:right; margin-bottom:10px }
	 #tags #pub300x250.bords { float:right;padding:0px;border-left:0px none; border-right:0px none;margin:0px }


.video , #commentaires , #otherstags , .contact , #partenaire { width:663px;float:left;text-align:justify }



/* PARTIE INDEX & TAGS DU CORPS */

#index .video , #tags .video { padding:0px 0px;border-top:1px solid #dbdbdb;margin-bottom:1px;padding-top:1px }

	#index .video#first , #tags .video#first { border-top:0px none;border-bottom:1px solid #dbdbdb;padding-bottom:1px }
	#index .video#last , #tags .video#last { border-bottom:1px solid #dbdbdb;padding-bottom:1px }

	#index .video a , #tags .video a { text-decoration:none }
	#index .video img , #tags .video img { width:100px;height:100px;background-color:#F7F7F7;float:left;border-right:1px solid #dbdbdb;padding: 11px;margin-right:10px }
	#index .video span , #tags .video span { margin-top:10px;float:right;text-align:right } /* affiche le compteur et le déjà vu */
		#index .video A:link span .vu , #tags .video A:link span .vu { display:none }
		#index .video A:visited span .vu , #tags .video A:visited span .vu { margin-top:0px;float:left;font-weight:bold }
		#index .video A span .compteur , #tags .video A span .compteur { margin-top:0px;float:left;color: #999999 }
	#index .video h3 , #tags .video h3 { margin:0px;padding:0px;font-size:140%;color:#6f6f6f;margin-top:10px }
		#index .video h3 A , #tags .video h3 A { color:#6f6f6f }
	#index .video p , #tags .video p { margin-top:18px } /* synopsys */

	#index #navig , #tags #navig { width:663px;border-bottom:4px solid #8bc53d;text-align:center;padding-bottom:1px;float:left }
		#index #navig a , #tags #navig a { text-decoration:none;display:block;width:329px;border:1px solid #dbdbdb;float:left;padding:2px 0px }
			#index #navig a:link , #tags #navig a:link { color:black;background-color: #EBE9ED }
			#index #navig a:visited , #tags #navig a:visited { color:black;background-color: #EBE9ED }
			#index #navig a:hover , #tags #navig a:hover { color:white;background-color:#C9C9C9;text-decoration:none }
		 #index #navig div , #tags #navig div { font-weight:bold;width:329px;border:1px solid #dbdbdb;float:left;color:#FFFFFF;padding:2px 0px;background-color: #EBE9ED }

#otherstags { padding:10px 0px; border-bottom:4px solid #8bc53d; height:101px }



/* PARTIE CONTACT DU CORPS */

#contact .contact { padding:0px;border-bottom:4px solid #8bc53d;padding:1px 0px }
	#contact .contact #error { color:red;text-align:center;border:1px solid red;padding:10px;margin-bottom:1px }
	#contact .contact form { padding:20px;border-left: 1px solid #DBDBDB;border-right: 1px solid #DBDBDB }
		#contact .contact form .etiquette { float:left;width:100px }
		#contact .contact form input { width:120px }
			#contact .contact form input.button { border:1px solid #666666;padding:2px }


/* PARTIE PARTENAIRE DU CORPS */

#partenaires #partenaire { padding:0px;border-bottom:4px solid #8bc53d;padding:1px 0px }
  #partenaires #partenaire p { margin:10px;text-align:justify }
  #partenaires #partenaire ul { margin:10px 30px }


/* PARTIE VIDEO DU CORPS */

#video .video { padding:0px;border-bottom:4px solid #8bc53d;padding:1px 0px }

	#video .video .titre { border-bottom:3px solid #ececec;background-color: #c9c9c9;padding:2px 5px 0px 0px; text-align:right; color:white;font-weight:bold }

	#video .video #description { float:left;width:234px;margin:0px;padding: 0px 1px 1px 0px;border-right:1px solid #dbdbdb }

		#video .video #description #vote { padding:5px 20px;background-color:white }
			#video .video #description #vote p { height:40px; border:0px none }
			#video .video #description #vote img { height:50px;width:140px }
			#video .video #description #vote div { float:right;width:50px; height:50px }
				#video .video #description #vote div.voter { background-image:url('img/voter.gif'); width:50px; height:50px;cursor: pointer }
				#video .video #description #vote div.merci { background-image:url('img/merci.gif'); width:50px; height:50px }
				#video .video #description #vote div p { text-align:center;padding:9px 0px 0px 0px;font-weight:bold }

		#video .video #description p , #video .video #description ul { border-top:1px solid white }
			#video .video #description p { padding:5px 5px;font-size:95%;border-bottom:3px solid white }
			#video .video #description ul { padding:5px 5px 5px 10px }
				#video .video #description ul li { margin: 0px;padding:0px }

					#video .video #description ul#motscles { border-top:1px solid white;padding:5px 5px;font-size:95%;border-bottom:3px solid white }
						#video .video #description ul#motscles li { margin: 0px;padding:0px;display:inline }
							#video .video #description ul#motscles li:after {content: ',';}
								#video .video #description ul#motscles li:last-child:after {content: '';}
							#video .video #description ul#motscles li a { color:black }

		#video .video div#pub234x60 { border-top:3px solid white;height:59px }


	#video .video #player { border-left:234px solid #f7f7f7 }
		#video .video #player div { margin:0px 1px;border-left:1px solid #dbdbdb }
		#video .video #player object { margin: 42px 23px }


	#video .video #mail { margin:1px 0px 10px 0px;text-align:center }
		#video .video #mail form { margin:20px 0px;width:558px;margin-left: auto; margin-right: auto }

		#video .video #mail div.champMail { padding:0px 20px;float:left;text-align:left }
			#video .video #mail div.champMail input { margin:0px;padding:0px;width:142px }
			#video .video #mail div.champMail input.submit { background-color: #ececec; border:1px solid #cecece;height:24px;margin:12px 0px 20px 0px;font-weight:bold }



/* PARTIE COMMENTAIRES DU CORPS */

#video #commentaires { margin-top:1px;border-bottom:4px solid #8bc53d }

	#video #commentaires .opinion { border-top:3px solid #ececec;padding:1px 1px 1px 0px;text-align:left }

		#video #commentaires .opinion .pseudo , #video #commentaires .opinion .commentaire p { padding:5px 4px }
		#video #commentaires .opinion .pseudo { float:left;width:226px;margin-right:1px;text-align:right }
		#video #commentaires .opinion .commentaire { padding-left:235px;background:#f7f7f7 }
			#video #commentaires .opinion .commentaire p { display:block; border-left:1px solid #dbdbdb;background:white }

		/* style appliqué au dernier commentaire lorsqu'on vient d'en ajouter hein */
		#video #commentaires .comAjax:last-child { border: 1px solid #f5ec8c; border-top:3px solid #f5ec8c;margin-bottom:1px }
			#video #commentaires .comAjax:last-child  .commentaire { background-color:#fffcdb }

	#video #commentaires .date { background-color: #c9c9c9;padding:2px 5px 0px 0px; text-align:right; color:white;font-weight:bold }



/* PARTIE FOOTER */

#footer { margin-top:10px; text-align:center;background-color: #ececec; }

	#footer p { border-top:3px solid #ececec; border-bottom:1px solid white;background-color: #BEBEBE;padding:2px 5px 0px 0px; color:white;font-weight:bold }

	#footer a { color: #5D5D5D }



/* DIVERS */

.cache { display:none }
.affiche { display:block }





/* PARTIE ADMIN */

#administration { margin:80px auto;width:500px }

	#administration.tete-bleu div.bords div { width:498px;background-color:#FFFFFF;text-align:justify;font-size:100% }

		#administration.tete-bleu div.bords div input { border:1px solid #cecece;margin:0px;padding:0px }
			#administration.tete-bleu div.bords div input.text { border:1px solid #cecece;margin:0px;padding:0px;width:338px;margin:2px;font-size:16px;height:21px }
			#administration.tete-bleu div.bords div input.submit { float:right;background-color: #ececec; width:50px;height:50px;font-weight:bold;margin-top:2px }


#admin div.tete-vert { width:985px }


#admin #commentaires , #admin #onlines { width:985px;margin-top:1px;border-bottom:4px solid #8bc53d }

	#admin #onlines { margin-bottom:20px }

		#admin #onlines #lines { padding:1px 0px }	

			#admin #onlines #lines .pseudo { margin-top:1px;padding:1px 3px 1px;width:93px;float: left; text-align: right }
			#admin #onlines #lines .green .pseudo { background-color: #f7f7f7;float:left }
	
			#admin #onlines #lines .ip { margin-top:1px;border-left: 2px solid #f7f7f7;padding:1px 1px 1px 3px;float:left;width:100px }
			#admin #onlines #lines .green .ip { background-color: #f7f7f7; border-left: 2px solid #FFFFFF; }
	
			#admin #onlines #lines .commentaire { margin-top:1px;border-left: 2px solid #f7f7f7;padding:1px 1px 1px 3px;float:left;width:369px; text-align: left }
			#admin #onlines #lines .green .commentaire { background-color: #f7f7f7; border-left: 2px solid #FFFFFF; }


	#admin #commentaires input.envoyer { width:100%;border:1px solid #dbdbdb;margin-bottom:1px;padding:10px;font-weight:bold }

	#admin #commentaires .opinion { border-top:3px solid #ececec;padding:1px 1px 1px 0px;text-align:left }

		#admin #commentaires .opinion .pseudo { padding:0 }
			#admin #commentaires .opinion .pseudo input.pseudo { background:transparent;width:230px;border:0px none;padding:1px }
			#admin #commentaires .opinion .commentaire textarea.comment {scrolling-x: true; width: 654px; border: 0px none; padding: 0px 4px; height:60px; overflow-y: scroll}

		#admin #commentaires .opinion .pseudo { float:left;width:226px;margin-right:1px;text-align:right }
		#admin #commentaires .opinion .commentaire { padding-left:235px;background:#f7f7f7 }
			#admin #commentaires .opinion .commentaire p { display:block; border-left:1px solid #dbdbdb;background:white }
			#admin #commentaires .opinion .commentaire div.operations { float:right;border-left:1px solid #dbdbdb;padding:4px 0px 4px 2px }
				#admin #commentaires .opinion .commentaire div.operations a { margin-left:3px;text-decoration:none }

	#admin #commentaires .date { background-color: #c9c9c9;padding:2px 5px 0px 0px; text-align:right; color:white;font-weight:bold }


#admin #modif { width:985px }
	#admin #modif input , #admin #modif textarea { border:1px solid #dbdbdb; }
	#admin #modif #infos { width:490px;float:left;margin-top:5px }
		#admin #modif #infos input { width:490px;margin-bottom:1px }
		#admin #modif #infos textarea { width:490px;height:81px;margin:0px;padding:0px }
	#admin #modif #tags { margin-left:5px;width:250px;float:left;margin-top:5px }
		#admin #modif #tags input { width:120px;margin: 0px 0px 1px 1px }
		#admin #modif #tags select { width:122px;margin-bottom:1px;height:18px;vertical-align:bottom;margin-left:1px }
	#admin #modif #urls { margin-left:5px;width:232px;float:left;margin-top:5px }
		#admin #modif #urls input { width:100%;margin: 0px 0px 1px 1px }
	#admin #modif #sexe { float:left; text-align:left;margin-top:1px }
		#admin #modif #sexe label { margin-left:3px }

#admin #navig { margin-bottom:20px;border-bottom:4px solid #8bc53d;padding-bottom:1px;text-align:center }
	#admin #navig a { text-decoration:none;margin-top:1px;display:block;width:490px;border:1px solid #dbdbdb;float:left;padding:10px 0px }
		#admin #navig a:link { color:black;background-color: #EBE9ED }
		#admin #navig a:visited { color:black;background-color: #EBE9ED }
		#admin #navig a:hover { color:white;background-color:#C9C9C9;text-decoration:none }