/* --------------------------------------------------------------------------
Theme Name: ToutPourLesYeux.com
Theme URI: http://www.agence-lutetia.com/
Description: Jamais dans la tendance mais toujours dans la bonne direction :q
Version: 2.0
Author: Franck Maurin
--- */

/* --------------------------------------------------------------------------
GENERAL --- */

	html, body { 			margin:0; padding:0; background:#eee; font:normal 11px/13px Arial, sans-serif; color:#666; }
	h1 { 					display:none; }
	h2 { 					margin:0 0 10px 0; padding:0; font:bold 12px/16px Arial; color:#333;}
	h2.pagetitle { 			position:relative; top:8px; left:10px; }
	h3 { 					margin:0; padding:0; font:bold 12px/16px Arial; color:#666; text-align:left; }
	p { 					margin:0 0 10px 0; padding:0;  }
	img	{ 					margin:0; padding:0; }
	a, a:link, 
	a:active, a:visited	{ 	color:#666; text-decoration:none}
	a:hover { 				color:#333; text-decoration:none}
	a img { 				border:none; }
	address	{ 				margin:0; padding:0; font:normal 10px/12px Arial; color:#999;}
	hr { 					margin:0; padding:0; visibility:hidden; clear:both; height:1px; line-height : 1px;}


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

	#header	{ 				margin:0; padding:0; text-align:center; width:auto; background:url(images/fond-header.png) repeat-x #2b2b2b; 
						font:normal 10px/25px Arial, sans-serif; }
	#header .in	{ 			margin:0 auto; padding:0; position:relative; text-align:left; }	
	.tiroir a { 			color:#666 }
	.tiroir a:hover	{ 		color:#999; text-decoration:none; }

	.wp-pagenavi { 			float:right; text-align:right; }

	#menu { 				margin:0; padding:0; height:30px; list-style:none; }
	#menu li { 				margin:0; padding:0; float:left; display:block; }
	#menu li a { 			color:#999; margin:0; padding:3px 12px 2px 12px; display:block; }
	#menu li a:hover { 		color:#ccc; background-color:#222; }

	#menu li a.select { 		margin:0; padding:3px 22px 2px 12px; }
	#menu li a.select:hover {	background-color:#222; }

	a.agenda { 					position:absolute; right:210px; background: url(images/arrow-down.png) no-repeat 52px 13px; }
	a.villes { 					position:absolute; right:280px; background: url(images/arrow-down.png) no-repeat 42px 13px; }	
	form.search { 				position:absolute; right:0px; top:3px; }
	form.search input.champs { 	margin:0; padding:4px 5px 4px 20px; height:14px; width:175px; border:none; outline:none; 
								background:url(images/fond-search.png) no-repeat #eee;
								font:normal 11px/14px Arial, sans-serif; color:#666; }
	form.search input.champs:focus { background:url(images/fond-search-hover.png) no-repeat #fff; color:#333; }								

	div.villes { 				margin:0; padding:5px 0; position:absolute; right:175px; top:30px; z-index:5; width:270px; 
						background:#fff; border:solid 1px #ddd; -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; }
	div.villes a { 				margin:0; padding:5px; display:block; border-top:solid 1px #eee; background:#fff; 
						float:left; width:125px; font:normal 11px/12px Arial, sans-serif; color:#333;}
	div.villes a.first { 		border-top:none; }
	div.villes a:hover { 		color:#333; background:url(images/ville-arrow-hover.png) no-repeat 120px 14px #ffc; }
	div.villes a span { 		display:block; color:#999; font-size:10px;}
	div.villes a:hover span { 	color:#666; }

	div.agenda { 				margin:0; padding:5px 0; position:absolute; right:165px; top:30px; z-index:5; width:160px; 
		 						background:#fff; border:solid 1px #ddd; -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; }

	#credits, 
	#amis, 
	#apropos { 				margin:0; padding:25px 0; line-height:14px; height:100px; background:#2b2b2b; }
	#credits h3, 
	#amis h3, 
	#apropos h3 { 			margin-bottom:10px; }
	#credits div, 
	#amis div, 
	#apropos div { 			float:left; width:200px; height:90px; text-align:center; }
	#credits p, 
	#amis p, 
	#apropos p { 			text-align:left; }


	ul#dock { 				position: fixed; margin:0; padding:0; top: 70px; left: 10px; z-index: 1; list-style:none; }
	ul#dock li { 			margin:0; padding:0; }

/* --------------------------------------------------------------------------
CONTENT --- */

	#content { 				position:relative; margin:5px 0; padding:0; text-align:center; z-index:1; }
	#content .content-in { 	position:relative; margin:0 auto; padding:0; text-align:left; z-index:1; }	

  	.vignette { 			padding:0; margin:0; text-align:left; position:absolute;  }
	.vignette .in,
	.vignette .on { 		margin:0; padding:8px; -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; }

	.simple { 				width:276px; }
	.simple .in, 
	.simple .on { 			width:260px; }
	.double { 				width:562px; }
	.double .in { 			width:546px; }

	.white .in { 			background:#fff; border:solid #ddd 1px; }
	.white .on { 			background:url(images/white-roll.png) repeat-x left bottom #ddd; border:solid #bbb 1px;}
	.grey-light .in { 		background:url(images/white-roll.png) repeat-x 0 -150px #ddd; border:solid #ddd 1px; }
	.grey-dark .in { 		background:#333; border:solid #333 1px; }

	.add {					height:139px; }
	
	.vignette img { 		padding:0; margin:0; background-color:#eee}

	.white .in .nb-comment {	padding:3px 3px 3px 23px; margin:0; position:absolute; top:20px; right:3px; 
								background:url(images/comment.png) no-repeat 3px 3px #fff; color:#333; 
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border:solid 1px #fff; }
	.white .on .nb-comment {	padding:3px 3px 3px 23px; margin:0; position:absolute; top:20px; right:3px; 
								background:url(images/comment-hover.png) no-repeat 3px 3px #ddd; color:#333; 
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border:solid 1px #ddd; }		
							
	.nb-comment a:hover { 	text-decoration:none; color:#333;}

	.tag { 					padding:0; margin:10px 0 0 0; line-height:18px;}
	.tag a, 
	.tag a:link, 
	.tag a:active, 
	.tag a:visited { 		color:#eee; margin:0; padding:1px 3px; text-decoration:none; background:#666; text-transform:uppercase; 
							font-size:10px; height:20px;
							-moz-border-radius:2px; -khtml-border-radius: 2px; -webkit-border-radius:2px; } 
	.tag a:hover { 			color:#eee; background-color:#333; }

	.comment-author img.avatar { 	margin:0 8px 0 0; float:left;}
	.comment-meta { 				margin:0 0 12px 0; }

	.add-comment h3 { 			}
	.add-comment form {			margin:0; padding:0; }
	.suggestion label {			margin:0 0 2px 0; padding:0; display:block;  }
	.add-comment input.champs {	margin:0 0 5px 0; padding:5px; background:#fff; border:solid 1px #bbb; height:14px; width:248px; 
								font:normal 11px/16px Arial, sans-serif; color:#666;
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px;}
	.add-comment textarea {		margin:0 0 5px 0; padding:5px; background:#fff; border:solid 1px #bbb; height:65px; width:248px; 
								font:normal 11px/16px Arial, sans-serif; color:#666;
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; }
	.add-comment input#submit { margin:0 0 5px 0; padding:0 5px; background:#666; border:solid 1px #666;  
								font:normal 11px/16px Arial, sans-serif; color:#fff;
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px;}
	.add-comment input#submit:hover { background:#333; }


/* --------------------------------------------------------------------------
ICAL --- */

.ui-datepicker { 							margin:5px 0; padding:0;}
.ui-datepicker .ui-datepicker-header { 		position:relative; padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { 		position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover { 	top: 1px; }
.ui-datepicker .ui-datepicker-prev { 		left:10px; top:3px; }
.ui-datepicker .ui-datepicker-next { 		right:5px; top:3px; }
.ui-datepicker .ui-datepicker-prev-hover { 	left:10px; top:3px; }
.ui-datepicker .ui-datepicker-next-hover { 	right:5px; top:3px; }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { 	display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { 		margin: 0 2.3em; font:normal 11px/18px Arial, sans-serif; text-align: center; color:#333; }
.ui-datepicker .ui-datepicker-title select{	float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {	width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { 	width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table { 						width: 100%; border-collapse: collapse; margin:0; }
.ui-datepicker th { 						border-left:solid 1px #eee; padding:0 4px; text-align: right; font:bold 12px/16px Arial, sans-serif;
 											color:#ccc; width:10px;  }
.ui-datepicker td { 						border-left:solid 1px #eee; margin:0; padding:0; font:normal 11px/15px Arial, sans-serif; width:13px;   }
.ui-datepicker td span, 
.ui-datepicker td a { 						display: block; margin:0; padding:2px 4px; text-align:right; text-decoration: none; color:#666; }
.ui-datepicker th.ui-datepicker-mon,
.ui-datepicker td.ui-datepicker-mon a,
.ui-datepicker td.ui-datepicker-mon { 		border-left:none;}
.ui-datepicker td a:hover { 			text-decoration:none; background:#ffc; color:#333; }
.ui-datepicker td span, 
.ui-datepicker td a.ui-state-active { 		color:#333; background:#ffc; font-weight:bold;  }
.ui-datepicker .ui-datepicker-buttonpane { 	background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { 	float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; 
													width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }



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

	#footer { 					position:absolute; width:100%; margin-top:100px; text-align:center; background:url(images/fond-footer.png) repeat-x #fff; }
	#footer .in { 				margin:25px auto; padding:0; height:100px; text-align:left;}

	#footer .copy { 			padding:10px 100px 0 0; height:105px; float:right; text-align:right; width:300px; background:url(images/oeil.jpg) right bottom no-repeat;  }
	#footer .copy p { 			color:#999; margin:2px 0 1px 0;}
	#footer .copy a { 			color:#999;}
	#footer .copy a:hover { 	color:#333;}

	#footer .copy .wp-pagenavi {				text-align:right; margin:0; }
	#footer .copy .wp-pagenavi a, 
	#footer .copy .wp-pagenavi a:link, 
	#footer .copy .wp-pagenavi a:active, 
	#footer .copy .wp-pagenavi a:visited { 		color:#999; margin:0 0 0 3px; padding:1px 5px; text-decoration:none; background:#eee; 
												text-transform:uppercase; font-size:10px; height:20px; border:solid 1px #ccc;
												-moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; } 
	#footer .copy .wp-pagenavi a:hover { 		color:#ccc; background:#333; border:solid 1px #333; }
	#footer .copy .wp-pagenavi span.pages,
	#footer .copy .wp-pagenavi span.extend,  
	#footer .copy .wp-pagenavi span.current { 	padding:2px; margin:0 0 0 3px; color: #666; }
	#footer .copy .wp-pagenavi span.current { 	font-weight:bold; }

	a.rss { 					padding:3px 20px 3px 0; margin:0; width:120px; float:right; background:url(images/rss.png) no-repeat right top; display:block;}
	a.rss:hover { 				background:url(images/rss-hover.png) no-repeat right top;}
	

	.suggestion { 				float:left; margin:0; padding:0;}
	.suggestion h3 { 			position:relative; top:-5px;}
	form {						margin:0; padding:0; }
	.suggestion label {			margin:0 0 2px 0; padding:0; display:block;  }
	.suggestion input.champs {	margin:0 0 5px 0; padding:5px; background:#eee; border:solid 1px #bbb; height:14px; width:276px; 
								font:normal 11px/16px Arial, sans-serif; color:#666;
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px;}
	.suggestion textarea {		margin:0 0 5px 0; padding:5px; background:#eee; border:solid 1px #bbb; height:65px; width:276px; 
								font:normal 11px/16px Arial, sans-serif; color:#666;
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; }
	.suggestion input.envoyer { margin:0 0 5px 0; padding:0 5px; background:#666; border:solid 1px #666;  
								font:normal 11px/16px Arial, sans-serif; color:#fff;
								-moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px;}
	.suggestion input.envoyer:hover { background:#333; }

#social { text-align:center; padding-top:10px }
#social a { margin:0 5px; }