/*  
Theme Name: Espadrilles et Champagne
Theme URI: 
Description: Unnamed is a three-column, widget-ready wordpress theme. It is easy to use and highly customizable.
Version: 1.0
Author: Guillaume Catusse
Author URI: http://www.espressocommunication.com/
Tags: Pink, custom header, fixed width, three columns, widgets, option page, easy-customization.
*/

/* General */
*, html {
	margin:0;
	padding:0;
}
.left	{ float:left;}
.right	{ float:right;}
td		{ vertical-align:top; text-align:left}
input[type=text], textarea		{ background:#fff; width:350px; padding:3px; border:#999999 1px solid;}
fieldset						{  padding:30px; border:#ccc 1px solid;}
body {
	font: normal 12px  "Lucida sans", "Lucida Grande", Lucida, Arial, sans-serif; background-position:bottom;
	text-align:center;
}
fieldset, select, img {
	border:0;
}
hr, #searchform br, .counter {
	display:none;
}
a, a:link, a:active, a:visited {
	text-decoration:none; color:#DE467D;
}
a:hover {
	text-decoration:underline;
}
p {
	margin:0 0 10px;
}
ol li {
	list-style:decimal outside;
}
acronym, abbr, span.caps {
	cursor:help;
}
acronym, abbr {
	border-bottom:1px dashed #fc0;
}
blockquote {
	border-left:3px solid #ccc;
	margin:20px;
	padding-left:10px;
}
cite, ins {
	text-decoration:none;
}
code, pre, kbd {
	font:1em 'Courier New', Courier, sans-serif;
}
small 			{font:normal 11px "Lucida sans", "Lucida Grande", Lucida, Arial, sans-serif;	color:#383536;}
strike, del {
	color:#777;
	text-decoration:line-through;
}
label {
	cursor:pointer;
}
h1, h2, h3, h4 {
	font: bold 18px "Trebuchet MS", Arial, sans-serif; color:#de467d; text-transform:uppercase;
}
h1 {
	font-size:1.8em;
	text-align:left;
	
}
h2 {
	margin:5px 0;
	font-size:1.6em;
}
h3 {
	margin:15px 0 0;
	font-size:1.2em;
}
 h4 { text-transform:none; font-size:16px;
	margin:15px 0 0;
}

/* MSN */
#menuMSN 				{position:relative;margin:0 auto;font:normal 10px Verdana, Arial, Helvetica, sans-serif;width:100%;background:url(images/msn/bg.jpg) repeat-x; height:21px;}
#menuMSN .left			{ padding-right:35px;}
#menuMSN ul li			{ display:inline; padding:0 5px 0 0; float:left; position:relative }
#menuMSN ul li a			{ display:block; background:none; height:21px; color:#fff; text-decoration:none; padding:3px 6px;}
#menuMSN ul li a:hover		{ background:url(images/msn/bg-hover.jpg) repeat-x; color:#000;}
#menuMSN ul li ul 				{  background:#e6e6e6; border-right:#a3a3a3 1px solid; border-bottom:#a3a3a3 1px solid; border-left:#a3a3a3 1px solid;}
/* #menuMSN ul li ul li			{ display:block; padding:6px 3px;} */
#menuMSN ul li ul li a			{ display:block; background:none; float:left; color:#696969; text-decoration:none; padding:3px 6px;}
/* #menuMSN ul li ul li a:hover	{ background:#fcfcfc; color:#000;} */



/* Container */
#container {
	position:relative;
	margin:0 auto;
	font-size:12px;
	width:960px;
	/*background:url(images/bg_content.png) repeat-y center top;*/
}
#content {
	width:960px;
	margin:0 auto;
}
/* Header and Navigation */
#header {
	margin:0 auto;
	line-height:1.2em;
	width:960px;
}
.description {
	text-align:left;
	padding:0 0 5px 20px;
	font:1em Georgia, "Times New Roman", Times, serif;
}
.nav 							{display:block;	height:37px; margin-top:-8px; text-transform:uppercase; width:960px; background:url(images/bg_nav.png) no-repeat; list-style:none; z-index:8;}
.nav li 						{float:left; padding:0;margin:0;}
.nav li a 						{display:block; color:#fff; text-decoration:none; text-indent:-10000em; height:37px;}
.nav li a:hover 				{color:#fff; }
.nav li.btn-accueil a			{ background:url(images/menu/normal/accueil.png) no-repeat; width:88px;}
.nav li.btn-accueil a:hover		{ background:url(images/menu/over/accueil.png) no-repeat}

.nav li.btn-paris a				{ background:url(images/menu/normal/paris.png) no-repeat; width:64px;}
.nav li.btn-paris a:hover		{ background:url(images/menu/over/paris.png) no-repeat}

.nav li.btn-versailles a		{ background:url(images/menu/normal/versailles.png) no-repeat; width:93px;}
.nav li.btn-versailles a:hover	{ background:url(images/menu/over/versailles.png) no-repeat}

.nav li.btn-dijon a				{ background:url(images/menu/normal/dijon.png) no-repeat; width:67px;}
.nav li.btn-dijon a:hover		{ background:url(images/menu/over/dijon.png) no-repeat}

.nav li.btn-grenoble a			{ background:url(images/menu/normal/grenoble.png) no-repeat; width:100px;}
.nav li.btn-grenoble a:hover	{ background:url(images/menu/over/grenoble.png) no-repeat}

.nav li.btn-nantes a			{ background:url(images/menu/normal/nantes.png) no-repeat; width:68px;}
.nav li.btn-nantes a:hover		{ background:url(images/menu/over/nantes.png) no-repeat}

.nav li.btn-rennes a			{ background:url(images/menu/normal/rennes.png) no-repeat; width:80px;}
.nav li.btn-rennes a:hover		{ background:url(images/menu/over/rennes.png) no-repeat}

.nav li.btn-lehavre a			{ background:url(images/menu/normal/lehavre.png) no-repeat; width:85px;}
.nav li.btn-lehavre a:hover		{ background:url(images/menu/over/lehavre.png) no-repeat}

.nav li.btn-lille a				{ background:url(images/menu/normal/lille.png) no-repeat; width:61px;}
.nav li.btn-lille a:hover		{ background:url(images/menu/over/lille.png) no-repeat}



.nav li.page_item a				{ background:url(images/menu/normal/about.png) no-repeat; width:169px; margin-left:70px;}
.nav li.page_item a:hover		{ background:url(images/menu/over/about.png) no-repeat}

.nav li li 						{width:169px; }
.nav li.page_item ul li.page_item a 					{color:#DE467D; text-indent:0px; background:none; text-transform:none; font-weight:bold; text-align:left; padding:0 0 0 20px; height:25px;}
.nav li.page_item ul li.page_item a:hover 				{ text-decoration:underline;}
.nav ul 						{position:absolute; z-index:500; top:auto; list-style:none; display:none; width:239px; list-style:none; text-align:center; background:url(images/bg_nav_ul.png) no-repeat 70px bottom ; margin-top:-5px; padding-top:3px; }
.nav ul ul 						{top:0; left:100%;}
.nav li:hover, .nav li.sfhover 	{color:#DE467D; cursor:pointer; z-index:100;}
.nav li:hover ul ul, .nav li li:hover ul ul, .nav li li li:hover ul ul, .nav li li li li:hover ul ul, .nav li.sfhover ul ul, .nav li li.sfhover ul ul, .nav li li li.sfhover ul ul, .nav li li li li.sfhover ul ul {
	display:none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {
	display:block;
}
/* Primary Content and Entries */
#primary-content 			{float:left; text-align:left; line-height:1.6em; width:475px; display:inline;overflow:hidden;}
.pagetitle {
	margin-top:15px;
	text-align:center;
}
.entry { margin-bottom:25px;
	text-align:left;
	padding:10px 0;
}
.entry ul, .entry ol {
	margin:0 0 0 40px;
}
.entry li {
	padding-bottom:8px;
}
.entry-header {font-size:1.6em;font-weight:400;margin:0;padding:0 0 3px 0;}
.entry-date {
	text-align:right;
	font-size:.9em;
	color:#777;
	background:url(images/bg_meta.png) no-repeat top center;
}
.entry-footer 			{margin:0 0 20px; height:20px;}
/* Sidebar */
#sidebar 				{float:right; width:470px; text-align:left; font-size:10px; color:#383536; margin-top:-25px;}
#sidebar h2 {
	font-size:1.2em;
	font-weight:400;
	margin:10px 2px 0 7px;
	padding:2px 0;
}
#sidebar .widget_rss h2 { display:none;}
#sidebar ul ul li  a.rsswidget,#sidebar ul ul li  a.rsswidget:link,#sidebar ul ul li  a.rsswidget:visited	{ color:#383536; padding-bottom:15px;}
#sidebar ul 			{color:#383536; list-style:none;}
#sidebar .right-sidecolumn ul li 			{ margin-top:15px }
#sidebar li 			{width:100%;}
#sidebar ul ul li 		{width:100%; margin:0 5px; padding:10px 0 5px 0;}
#sidebar ul ul li a, #sidebar ul ul li a:link, #sidebar ul ul li a:visited { color:#5badce}
.left-sidecolumn 		{clear:left; float:left; width:230px; }
.right-sidecolumn 		{clear:right; float:right; width:200px;}
.intro {
	font-size:.9em;
	color:#777;
	width:90%;
	margin:8px 4%;
	padding:0 0 15px 0;
	background:url(images/bg_meta.png) no-repeat center bottom;
	line-height:1.4em;
}
/* Shelf */
#shelf {
	float:left;
	line-height:1.2em;
	width:100%;
}
#toggle {
	width:960px;
	margin:0 auto !important;
	margin:0;
	text-align:left;
	background:#000;
	list-style:none;
	overflow:hidden;
}
#toggle h2 {
	color:#fff;
	font-size:1.2em;
	font-weight:400;
	margin:15px 2px 0;
}
#toggle ul {
	list-style:none;
	margin:10px 0 10px;
}
#toggle li {
	float:left;
	width:21%;
	background:transparent;
	margin-left:1.8% !important;
	margin-left:1.5%;
	padding:0 4px 6px 4px;
	display:inline;
}
* html #toggle li {
	width:20%;
}
#toggle ul li {
	width:100%;
	margin:2px 0;
	padding:0 8px;
}
#toggle ul li a, #toggle ul li a:link, #toggle ul li a:visited {
	display:block;
	background:transparent;
	color:#fff;
	padding:2px;
	border-top:1px solid #3465A4;
	border-bottom:1px solid #3465A4;
	text-decoration:none;
	white-space:nowrap;
}
#toggle ul li a:hover {
	border-top:1px solid #fc0;
	border-bottom:1px solid #fc0;
}
#toggle li.tags {
	width:45%;
}
#toggle li.tags a:hover {
	background:none;
	text-decoration:underline;
}
#sidebar ul ul, #toggle ul {
	margin:0;
}
/* Footer */

.partenaires 	 			{ height:50px; padding:15px 0}
.partenaires ul 			{ vertical-align:middle}
.partenaires ul li			{ display:inline;}
.partenaires .left ul li	{ padding:0 30px 0 0;}
.partenaires .right ul li	{ padding:0 15px 0 30px;}



#footer 									{clear:both; margin:0 auto; width:930px; background:url(images/bg-footer.png) no-repeat; text-align:left;  color:#fff; padding:6px 15px; height:15px}
#footer a,#footer a:link,#footer a:visited	{ color:#fff; text-decoration:none}
#footer a:hover								{ color:#fff; text-decoration:underline}
#footer ul li			{ display:inline;}
#footer .left ul li		{ padding:0 30px 0 0;}
#footer .right ul li	{ padding:0 0 0 30px;}
/* Search */
#search {
	width:100%;
	line-height:1em;
	display:block;
}
.searchinput {
	font-size:1em;
	width:88%;
	margin:5px 4%;
	padding:3px;
	border:1px solid #ccc;
	height:16px;
	background:url(images/bg_search.png) right 3px no-repeat #f4f4f4;
}
.searchinput:focus, .searchinput:hover {
	border:1px solid #fc0;
	background:url(images/bg_search.png) right -16px no-repeat #fff;
}

/* Comments and Trackbacks */
.comment-section {
	margin:30px 10px;
	text-align:left;
}
#leavecomment {
	margin:30px 25px 20px 0 !important;
	text-align:center;
	color:#ccc;
	font:1.8em Georgia, "Times New Roman", Times, serif;
}
.section-title {
	font-size:1.6em;
	font-weight:400;
	text-align:center;
	margin:5px 25px 5px 0;
}
#commentform {
	margin:15px 0;
}
input#author, input#email, input#url, textarea#comment {
	border:1px solid #ccc;
	padding:1px;
	background:#f4f4f4;
}
#commentform input:focus, #commentform textarea:focus, #commentform input:hover, #commentform textarea:hover {
	border:1px solid #fc0;
	background:#fff;
}
textarea#comment {
	width:99%;
}
#submit {
	float:right;
	margin:0 0 0 10px;
	border:1px solid #3465A4;
	color:#fff;
	background:#5D8BB3;
	padding:0 2px;
}
#submit:hover {
	border:1px solid #3465A4 !important;
	color:#fff !important;
	background:#3465A4 !important;
}
.bulle-comment				{float:right;margin:0 0 5px 10px;}
*+html .bulle-comment		{ padding-top:-15px; margin-top:-25px; }

.comment-header {
	text-align:left;
	margin:4px 0 0 0;
	font-size:13px; font-weight:bold;
}
.comment-content {
	margin:10px 0;
}
.comment-footer {
	text-align:left;
	margin:4px 0 0;
	font-size:.9em;
}
#commentlist {
	list-style:none;
}
#commentlist li {
	margin:10px 0;
	list-style:none;
	padding:5px; border-bottom:solid 1px #eee;
	line-height:1.8em;
}
#commentlist li .counter {
	display:none;
}
#commentlist li img {
	padding:0;
	border:0;
}
#commentlist li span.gravatar {
	float:right;
	margin:2px;
	border:1px solid #ccc;
	width:32px;
	height:32px;
}
#error {
	margin:2px;
	padding:2px;
	text-align:center;
	color:#FF0000;
	background:#FFFF99;
	border-left:1px solid #fc0;
	padding:2px 5px;
}
/* Images and float */
img {
	border:0;
}
p img {
	border:0;
	max-width:100%;
	padding:2px;
}

.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:10px;
}

.wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.feedlink img {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
/* Text align */
.center {
	text-align:center;
}
.item {
	text-align:right;
}
/* Float */
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
/* Miscellaneous */
.content-top 				{width:958px; background:url(images/bg_content_top.png) no-repeat; height:52px;}
.content-bottom 			{width:958px; background:url(images/bg_content_bottom.png) no-repeat; height:90px;}
.navigation {
	display:block;
	font-size:.9em;
	text-align:center;
	padding:10px 0;
}
.alert {
	color:#FF0000;
	background:#FFFF99;
	border:1px solid #fc0;
	text-align:center;
	margin:10px auto;
	padding:5px;
}
.metacmt 			{background:url(images/comment.png) right top no-repeat; vertical-align:middle; text-align:center; padding:2px 0 8px 0;}
.metacmt a,.metacmt a:link,.metacmt a:hover,.metacmt a:visited 			{color:#fff; font-weight:bold; text-decoration:none;}
.metacat {
	background:url(images/tag1.png) left center no-repeat;
	padding:2px 0 2px 16px;
}
.metatag {
	color:#ccc;
	background:url(images/tag2.png) left center no-repeat;
	padding:0 0 0 16px;
}
.metaedit {
	background:url(images/edit.png) left center no-repeat;
	padding:2px 0 2px 17px;
}
.clear {
	clear:both;
}
.tfe { margin:0 7px 7px 0; }
	
#commode 								{ width:470px; height:280px; position:relative; margin-bottom:20px;}
#commode .tiroirs						{ position:absolute; z-index:444; width:470px;}
#commode .tiroirs ul					{ float:left; height:30px;}
#commode .tiroirs li					{ display:inline; float:left; height:30px; width:127px}
#commode .tiroirs li a					{ display:block; height:30px; width:127px; text-indent:-10000em;}

#commode .tiroirs li a.ville-general				{ background:url(images/tabs/general-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-general		{ background:url(images/tabs/general-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.itineraire					{ background:url(images/tabs/iti-off.jpg) no-repeat}
#commode .tiroirs li.selected a.itineraire			{ background:url(images/tabs/iti-on.jpg) no-repeat}
#commode .tiroirs li a.ville-paris					{ background:url(images/tabs/paris-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-paris			{ background:url(images/tabs/paris-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-versailles				{ background:url(images/tabs/versailles-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-versailles	{ background:url(images/tabs/versailles-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-dijon					{ background:url(images/tabs/dijon-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-dijon			{ background:url(images/tabs/dijon-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-grenoble				{ background:url(images/tabs/grenoble-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-grenoble		{ background:url(images/tabs/grenoble-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-nantes					{ background:url(images/tabs/nantes-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-nantes		{ background:url(images/tabs/nantes-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-rennes					{ background:url(images/tabs/rennes-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-rennes		{ background:url(images/tabs/rennes-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-le-havre				{ background:url(images/tabs/le-havre-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-le-havre		{ background:url(images/tabs/le-havre-on.jpg) no-repeat -127px 0}
#commode .tiroirs li a.ville-lille					{ background:url(images/tabs/lille-off.jpg) no-repeat -127px 0}
#commode .tiroirs li.selected a.ville-lille			{ background:url(images/tabs/lille-on.jpg) no-repeat -127px 0}

#commode .fond		 					{ position:absolute; left:0; top:22px; z-index:445; height:270px; width:470px; }

#commode .bg-iti		 				{ background:url(images/tabs/bg-iti.jpg) no-repeat }
#commode .bg-villes		 				{ background:url(images/tabs/bg-villes.jpg) no-repeat }


#commode #mapviewer 					{  padding:12px 8px 20px 12px; position:absolute; left:0; top:0; z-index:443; width:454px }
#commode .infotourisme 					{ padding:27px 8px 20px 8px; position:absolute; left:0; top:0; z-index:442; font-size:11px; }
#commode .infotourisme table					{ background:#fff;  height:215px; }
#commode .infotourisme table td					{ padding:15px; }
#commode .infotourisme a						{  color:#5badce; font-weight:bold; }

#commode .infotourisme .etau					{ background:#fff;  padding:15px; }
#commode .infotourisme img					{float:left; margin:0 15px 10px 0 }

a:focus		{outline:none; }