/*
Theme Name: Orange Raisin Pomme
Theme URI: http://cataire.fr/
Description: Thème coloré créé pour J'ai envie et ses déclinaisons internationales.
Version: 1.0
Author: Pierre-Marie Aubineau
*/

/* Classes générales
------------------------------- */

/*
Palette de base :
Violet : #7f2aff
Orange : #ff6600
Vert (liens) : #44aa00
Vert (fond) : #87de87
*/


body {
	margin-top:0;
	margin-left:0;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9pt;
	background:#87de87 url('i/ombreext.png') repeat-y scroll 680px;
	/*background:#55d400 url('i/ombreext.png') repeat-y fixed 680px;*/
	}

a {
	color:#44aa00;
	font-weight:bold;
	}


img {border:1px solid #777;background:#CCC;}

img.icone, img.wp-smiley {border:none;background:none;padding:0;margin:2px;vertical-align:middle;}

img.agauche {float:left;margin-left:10px;margin-right:20px;padding:2px;}

img.adroite {float:right;margin-right:10px;margin-left:20px;padding:2px;}

.cadre {padding:2px;border:1px solid #777;background:#CCC;}

.centre {text-align:center;}


div.aldroite {
	text-align:right;
	padding-right:6px;
	}

#page {
	width:880px;

	}

#interieur {

	width:680px;
	float:left;
	background:white url('i/ombre.png') repeat-y scroll 500px;
	padding-bottom:0;
	z-index:10;
	}
	
	#tete {
		width:100%;height:100px;
		background:#ff6600;
		margin-top:0;
		padding-top:0;
		
		}
	#logo {
		border:0;
		padding:0;
		margin:0;
		float:left;
		}
	.menu_principal {
		float:right;
		list-style-type:none;
		width:180px;
		margin-bottom:0;
		padding-bottom:0;
		text-align:center;
		}
	.menu_principal a {
		text-decoration:none;
		color:white;
		}

	
	#cataire {
		position:relative;left:176px;border:0;
		background:transparent;
		}
	
	#principal {
		width:454px;
		float:left;
		margin:0;padding-left:20px;padding-right:10px;padding-bottom:20px;
					/* padding-right était à 16px, descendu à 10px sinon bug d'affichage IE6 */
		z-index:20;
		}
	
		#principal h1, #principal h1 a, h2, h3 {
			color:#7f2aff;
			font-family:Arial,sans-serif;
			font-weight:bold;
			text-decoration:none;
			}

		.meta {
			font-size:0.9em;
			
			}
			.meta a {
				color:#ff6600;
				text-decoration:none;
				}
			.meta ul {
				list-style-type:none;
				padding-left:0;
				margin:0;
				
				}
			.meta ul li {
				display:inline;
				padding-left:1em;
				color:#7f7f7f;
				/*background:url('i/meta_li.gif') no-repeat;*/
				}
			.meta strong {
			color:#ff6600;
			}
		
		#principal ul.breadcrumb {
			list-style-type:none;
			padding-left:2px;
			text-align:right;
			}
			
			#principal ul.breadcrumb * {
				display:inline;
				padding:0;
				margin:0;
				margin-left:0;
				font-size:1em;font-family:Tahoma, Verdana, Arial, sans-serif;font-weight:bold;
				}
			#principal ul.breadcrumb li{
				background:white url('i/flechesrtl.gif') no-repeat 0 5px;
				padding-left:12px;
				padding-right:4px;
				}
			#principal ul.breadcrumb li a{
				color:#ff6600;
				}
			
			#principal div.post, #principal div.archives {	
				padding-bottom:1em;
				border-bottom:1px solid #ff6600;
				clear:both;
				}
				

				#principal div.post p {	
					text-indent:1.5em;
					font-size:1em;
					text-align:justify;
					color:#444;
					}
				#principal div.post blockquote {
					width:80%;
					text-indent:0em;
					color:#555;
					}
				#principal div.post ul {
					width:90%;
					list-style-type:none;
					margin-left:2em;
					padding-left:0;
					}
				#principal div.post ul li {
					text-indent:0;
					text-align:left;
					background:url('i/fleches.gif') no-repeat 0 3px;
					padding-left:12px;
					margin-top:0.5em;
					}
				
				/* #principal div.post a.more-link {
					padding-right:2px;
					padding-bottom:19px;
					width:147px;height:11px;
					background:url('i/more.gif') no-repeat;
					float:left;
					margin-left:3em;margin-right:2em;
					margin-top:0.2em;
					color:white;
					text-decoration:none;
					text-align:right;
					} */
				#principal div.post a.more-link {
					text-decoration:none;
					color:#f60;
					}
				
				#principal div.post a.footnote-link {
					text-decoration:none;
					color:#f60;
					cursor:help;
					}
		
				#principal div.post ol.footnotes {
					width:75%;
					border-top:1px dotted #7f2aff;
					margin-left:1em;
					}
			
				#principal div.post p.tags {
					font-size:0.9em;
					}
				#principal div.post .tags a {
						color:#7f2aff;
					}
				
			#principal #feedback {
				font-size:0.9em;
				}
				
				div.comligne {
					border-top:1px solid #ff6600;
					
					margin-top:6px;
					}
				ul.cominfo {
					padding-top:1em;
					list-style-type:none;
					}
				div.comtete, div.comtexte {
					vertical-align:middle;
					clear:both;
					}
				div.comtexte {
					background:#E6E6E6 url('i/commentbulle.png') no-repeat;
					width:410px;
					padding:35px 1em 0.5em;
					
					margin-left:20px;
					margin-top:4px;
					overflow: auto;
					}
				.auteur div.comtexte {
					background:#c4b6e5 url('i/auteurbulle.png') no-repeat;
					}
					.auteur div.comtexte * {
						color:#000000;
						}
					
				.nomauteur {
					font-size:1.6em;
					color:#ff6600;
					font-weight:bold;
					}
				.nomauteur a {
					color:#ff6600;
					text-decoration:none;
					}
				

				.liencom {
					background:url('i/comment.gif') no-repeat;
					padding-left:20px;
					text-decoration:none;
					color:#7f2aff;
					}
					

				.comform {
					font-size:1.2em;font-weight:bold;
					}
				.comform ul {	
					list-style-type:none;
					}
				.comform ul li {	
					line-height:2em;
					}
				.comform label {
					color:#7f2aff;
					
					}
				.comform input {
					border:1px solid #ff6600;
					border-top:none;
					border-left-style:dotted;
					}
				.comform input:focus {
					background:url('i/sbviolettop.png') repeat-x;
					color:white;
					}
				.comform small {
					font-weight:normal;
					}
				.comform textarea {
					border:1px solid #ff6600;
					width:90%;
					font-family:sans-serif;
					font-size:0.9em;
					color:#555;
					}
				
				
				
	#lateral {
		
		width:180px;
		float:right;

		margin:0;
		z-index:15;
		}
		#lateral div#description {
			background:url('i/sbviolet.png') repeat-y #7f2aff;
			font-family:Arial;font-weight:bold;color:white;font-size:0.9em;
			padding:0;
			padding-bottom:1em;
			margin:0 0 6px;
			}
			
			#lateral div#description div.corner {
				width:19px;height:19px;margin:0;
				background:url('i/sbvioletcorner.png') no-repeat;
				float:left;
				}
			#lateral div#description h2 {
				color:#FFF;
				height:19px;margin:0;
				background:url('i/sbviolettop.png') repeat-x;
				font-size:1.3em;
				padding:0.3em;
				}
			#lateral div#description * {
				margin-left:1em;
				margin-right:0.5em;
				}
		
		#lateral h3 {
			background:#7f2aff url('i/sbviolet.png') repeat-y;
			font-family:Arial;font-weight:bold;color:white;font-size:1.2em;
			padding:0.5em 22px 0.3em;
			margin:6px 0;
			}
		#lateral h3 a {
			background:#7f2aff url('i/sbviolet.png') repeat-y;
			font-family:Arial;font-weight:bold;color:white;font-size:1.2em;
			padding:0.5em 22px 0.3em;
			margin:6px 0;
			}
		
		#lateral p, #lateral ul  {
			margin-left:10px;
			margin-right:10px;
		}
		
		#lateral input#sfield, #lateral input#sbutton {
			border:1px solid #7f2aff;
			margin:0.5em;
			color:#7f2aff;
			font-weight:bold;
			}
		
		#lateral input#sfield {
			background:#d8baff url('i/recherche.gif') no-repeat 2px 2px;
			text-indent:20px;
			margin-right:0.1em;
			}
		#lateral input#sbutton {
			background:#d8baff;
			margin-left:0.1em;
			}
		
		div.pub {

			text-align:center;
			}
		
		#dessous {
			width:518px;
			margin-bottom:0;
			clear:both;
			z-index:10;

			background:white url('i/ombretop.png') repeat-x;
			font-size:0.8em;			
			}
			
			#dessous div.corner {
				width:19px;height:19px;margin:0;
				background:url('i/ombrecorner.png') no-repeat;
				float:right;
			}
			#dessous p {
				padding:2em;
				margin-bottom:0;
				}
		#lateral ul {
			list-style-type:none;
			margin-left:0;
			padding-left:1em;
			margin-bottom:0.5em;
			}
		#lateral ul li  {
			margin:0;padding:0;			
			}
		#lateral ul ul {
			padding-left:0.1em;
					}
			

		#lateral ul li a {
			padding-left:10px;
			background:url('i/carv.png') no-repeat 0 4px;
			color:#7f2aff;
			text-decoration:none;
			}
		#lateral  ul li a:hover {
			background:url('i/carb.png') no-repeat 0 4px;
			color:black;
			}
		#lateral ul li a.actuelle {
			background:url('i/carb.png') no-repeat 0 4px;
			color:black;
			}

			#lateral ul ul li a {
				padding-left:10px;
				background:url('i/carvv.png') no-repeat 0 4px;
				color:#7f2aff;
				text-decoration:none;
				font-size:0.9em;
				}
			#lateral ul ul li  a:hover {
				background:url('i/carbb.png') no-repeat 0 4px;
				color:black;
				}
			#lateral ul ul li.actuelle   a {
				background:url('i/carbb.png') no-repeat 0 4px;
				color:black;
				}

		#lateral a.en, .en {
			padding-left:20px;
			background:url('i/en.gif') no-repeat 0 2px;
			}
		#lateral a.es, .es {
			padding-left:20px;
			background:url('i/es.gif') no-repeat 0 2px;
			}
		#lateral a.fr, .fr {
			padding-left:20px;
			background:url('i/fr.gif') no-repeat 0 2px;
			}
	#lateral li.rss {
			padding-top:2px;
			margin-left:-4px;
			}
		#lateral li.rss a, .rss a {
			padding:2px 20px;
			background:url('i/rss.png') no-repeat 0 2px;
			}
		#lateral li.rss a:hover, .rss a:hover {
			padding:2px 20px;
			background:url('i/rss.png') no-repeat 0 2px;
			color:black;
			}

#exterieur {
	position:absolute;
	left:680px;
	margin-left:0;
	padding-left:0;
	margin-top:160px;
	width:200px;
	z-index:5;
	}
				
	#exterieur div {
		margin-bottom:40px;
		background:#55d400 url('i/ombreext2.png') repeat-y;
		padding:0.5em 1em;
		font-size:0.9em;color:white;font-weight:bold;
		}
	#exterieur div div {
		margin-bottom:10px;
		background:transparent none;
		padding:0.5em 1em;
		font-size:1em;
		}
	
	#exterieur div a {
		color:#eeffaa;
		}
	
	#exterieur h2 {
		margin-top:0.5em;
		font-size:1.5em;
		color:black;
		font-family:arial;
		font-weight:bold;
		}
	#exterieur ul {
		list-style-type:none;
		padding-left:0.5em;
		padding-top:0.5em;
		line-height:1.2em;
		}

#pied {
	clear:both
	}
	
/* Widgets */

ul#tagcloud {list-style-type:none;list-style-image:none;}

ul#tagcloud li {display:inline;}

ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }

ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }

ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }

ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }

ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }

ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }

ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }

ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }

ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }

ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }


div#twitter-ligne  {
	margin-top:1em;
	color:#7f2aff;
	font-size:0.9em;
	}
div#twitter-ligne img {
	padding-right:1em;margin-right:1em;
	border-right:1px solid #7f2aff;
	}
div#twitter-ligne span {
	text-align:right;
	font-size:0.8em;font-weight:bold;
	display:block;
	}
div#twitter-ligne span a {
	color:#7f2aff;
	}
	
#viadeoblog, #viadeoblog div, #viadeoblog div div, #viadeoblog div div div div {
		background-image:none;background-color:transparent;
		padding:0;
		margin:0;
		font-size:1em;
		font-weight:normal;
		}
	
.mbl_fo_hidden, .mbl_h {
	display:none;
	}
	
#MBL_COMM {
	margin-left:20px;
	background-color:transparent;background-image:none;
	}
.mbl_img img {
	border:1px solid #777;background:#CCC;
	}