/* ------------------------------------------------------------
 * Inutile - Photoblog
 * ------------------------------------------------------------ */

/* Pour la gestion automatique de la typo des citations
 * ------------------------------------------------------------ */

[LANG|=fr] > * { quotes: "\00AB\A0" "\A0\00BB"; }
[LANG|=en] > * { quotes: "\201C" "\201D"; }
[LANG|=fr] q q, [LANG|=fr] blockquote q { quotes: "\201C" "\201D"; }
[LANG|=en] q q, [LANG|=en] blockquote q { quotes: "\2018" "\2019"; }
.post blockquote p:before { content: open-quote; }
.post blockquote p:after { content: no-close-quote; }
.post blockquote p.dernier:after { content: close-quote; }
q, .post blockquote { font-style: italic; }
q { font-style: italic; }
.post blockquote em { font-style: normal; }


#comments blockquote p:before { content: open-quote; }
#comments blockquote p:after { content: no-close-quote; }
#comments blockquote p.dernier:after { content: close-quote; }
#comments blockquote { font-style: italic; }

p.cite { 
	font-size: 75%;
	margin-top: -2em;
	padding-bottom: 2em;
}

/*fin typo citations*/

/* Mises en forme generales
 * ------------------------------------------------------------ */
body {
	background: #4A4862; /*jmu #333; */
	font-size: 86%;  /* 86% correspond au corps 12 si le reglage par defaut du navigateur (le plus frequemment  14px) n'a pas ete modifie */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #CCC;
}

p { padding: 0 0 1em 0; }
img { border : none; }

.smiley, .toolbutton { 
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

form { display : block; margin : 0; padding : 0; }

h1 {font-size:2em; margin: 0; font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin:0em; }
h4 { font-size : 1em; margin : 0; }
h5 { font-size : 0.83em; margin : 0; }
h6 { font-size : 0.67em; margin : 0; }
h2,h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; }

code,pre { 
	font-family : "Courier New",monospace; 
	font-size : 1em; 
	background:#A19ED7;
	color: #000;
}

pre {
	margin : 0 auto;
	margin-bottom : 1em;
	padding : 0.5em;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
	/* Fin hack Ne pas supprimer cette ligne */
}

q { font-style : italic; }

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

a {
	color:#EBC475;
	text-decoration:none;
}
a:visited {
	color:#759CEB;
}
a:hover  {
	background-color:#2D2B3B;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	font-size:0.86em;
	color : #666;
	background : transparent;
}

li { list-style-image: url(../../img/puce.png); }

/* Page
 * ------------------------------------------------------------ */
#border-top {
	background: #333;
}

#page {
	background: #4A4862;  /* Je donne au fond de page la couleur que je veux pour le sidebar sinon, comme cette colonne est plus courte, ca s'arretera avant le bas de page */
	margin: 0;
	padding: 0;
}
#header {
	padding:0;
	height: 6.5em;
	background: #333  url(../../img/lampezen.png) bottom left no-repeat;
	margin: 0;
	z-index: 1;
}
#prelude, #prelude a {    /*memes couleurs que le fond de main pour qu'on ne le voit pas mais que ca reste lisible pour les navigateurs vocaux */
	color: #333;
	background: transparent;
	text-align: center;
	height: 7em;
	margin: -7em 0 0 0;
	float: left;
}
#wrapper {
	background-color: #333;
}
#main {
	background: #4A4862;  /*fond de gauche */
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
}
#main h3 {
	color: #CCC;
	margin-top: 2em;
}
#sidebar {
	display: none;
}

/* Titre
 * ------------------------------------------------------------ */
#header h1 {
	text-align:right;
	padding: 0.2em 23px 0.3em 120px;
	letter-spacing: -0.75px;
}

#header a {
	background:none;
	color:#888; 
}

#header #topnav {
	position: static;
	margin-top: 0.45em;
}

#header .minimenu {
	text-align: right;
	font-size: 87%;
	width: 38em;
	padding-right: 23px;
	padding-top: 0.6em;
	margin-left: auto;
/*	background: transparent url(../../img/round_back.png) no-repeat 0 0; */
	background-color: #999;
	color: #333;
}

#header .minimenu a {
	color: #333;
}

#header .minimenu a:hover {
	text-decoration: underline;
}

.rounded_tl {
	-webkit-border-top-left-radius: 8px;     /* for Safari */
	-moz-border-radius-topleft: 8px;         /* for Firefox */
	border-top-left-radius: 8px;             /* CSS3 */
}

.rounded_bottom {
	-webkit-border-bottom-right-radius: 4px;    /* for Safari */
	-webkit-border-bottom-left-radius: 4px;     /* for Safari */
	-moz-border-radius-bottomright: 4px;        /* for Firefox */
	-moz-border-radius-bottomleft: 4px;         /* for Firefox */
	border-bottom-right-radius: 4px;            /* CSS3 */
	border-bottom-left-radius: 4px;             /* CSS3 */
}

#search {
	text-align: center;
	width: 14em;
	margin-right: 3.5em;
	margin-left: auto;
	background: #999;
	background: rgba(153, 153, 153, 0.9);
	display: none;
	position: absolute;
	right: 0;
	padding-top: 0.4em;
	z-index: 100;
}

/*
 *  More info drop down menu
 */
#more-info {
	text-align: right;
	width: 9em;
	margin-right: 1em;
	margin-left: auto;
	background: #999;
	background: rgba(153, 153, 153, 0.9);
	display: none;
	position: absolute;
	right: 0;
	padding-top: 0.4em;
	padding-right: 1em;
	font-size: 87%;
	z-index: 100;
}

#more-info ul {
	margin-left: 0;
}

#more-info li {
	color: #333;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
}

#more-info li a {
	color: #333;
}

#more-info li a:hover {
	text-decoration: underline;
}
/*
 *  End of more info drop down menu
 */

/* Billets
 * ------------------------------------------------------------ */
#navlinks, #content-info {
	border-bottom : 1px solid #666488;
	padding: 0.5em 0;
	margin: 0 10px;
}
#content-info .feed {
	font-size : 0.9em;
}
#content-info p a.feed:link, #content-info p a.feed:visited {
	padding: 4px 0 4px 22px;
	background: transparent url(../../img/rss16.png) no-repeat 1px 3px;
}
#comments-feed a.feed {
	background: transparent url(../../img/rss.png) no-repeat 0px 50%;
	padding: 5px 4px 5px 16px;
}
#content-info h2 {
	color : #CCC;
	margin-bottom: 0.5em;
}
.post {
	margin: 0;
	padding: 1em 0 0;
	text-align: center;
} 

.day-date {
	margin-top: 0;
	margin-right: 1em;
	padding-bottom: 4px;
	font-family: Georgia, "Times New Roman", "New York", serif;
	font-size: 0.86em;
	font-weight: bold;
	text-align: right;
	color: #999;
}

.post-title, .post-title a {
	margin: -1.1em 0 0 0;
	color: #EBC475;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0.5em;
}
.post-title a:hover {
	background-color: #2D2B3B;
}
.post-title img {
	vertical-align: middle;
}
.post-info {
	font-size: 0.67em;
	text-align: left;
	margin-left: 2em;
}
.post-info-date, .comment-date, .ping-date {
	text-transform: lowercase;
}
.post-info-co, .post-info-co span {
	font-size: 0.85em;
	background: #5F677C;
	padding: 0.33em;
	clear: both;
	margin: 1.4em 1.5em 0.6em 1.5em;
	color: #CCC;
	text-align: center;
}
.post-info-co a:link, .post-info-co a:visited {
	padding: 2px 10px 2px 18px;
}
.post-content {
	margin: 0 2em;
}
.post-chapo {
	text-align: center;
	margin-bottom: 2em;
}
p.post-content {
}
.post-tags {
	margin : 0 0 1em 0;
	padding:0;
}
.post-tags li {
	display: inline;
	background: transparent url(../../img/tag.png) no-repeat 4px -1px;
	padding-left: 23px;
	margin: 0;
}
.post-tags li:hover {
	background-color:#2D2B3B;
}
.comment_count {
	background: transparent url(../../img/commentaire.png) no-repeat 0 50%;
}
.ping_count {
	background: transparent url(../../img/retrolien.png) no-repeat 0 50%;
}
.attach_count {
	background: transparent url(../../img/attach.png) no-repeat 0 50%;
}

.multi-image {
	white-space: nowrap;
	border-width: 21px 21px 7px 21px;
	border-style: solid;
	border-color: #808080;
	padding: 0 !important;
	background: #808080;
	margin: 0 auto 1em auto;
}
.multi-image img {
	padding: 0 !important;
	border-width: 3px !important;
	border-style: solid !important;
	border-color: #fff !important;
}
.post-chapo > p > a > img, .post-content > p > a > img,
.post-chapo > p > img, .post-content > p > img {
	background-color: #fff;
	padding: 5px;
	border-width: 21px;
	border-style: solid;
	border-color: #808080;
}

/* Formulaires
 * ------------------------------------------------------------ */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 0.1em;
	border-color : #ccc;
}

input[type], textarea[name] {
	background : #eee;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0;
}

p.field label {
	font-weight : bold;
	font-size : 0.85em;
	float: left;
	width: 16em;
	padding-top: 0.25em;
}

p.remember label {
	margin-left: 0.5em;
}

/* Commentaires + formulaire
 * ------------------------------------------------------------ */
#pings, #comments, #comment-form, #ping-url, #comments-feed, #pr {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#pings, #comments, #comment-form, #ping-url, #pr {
	text-align: left;
}
#comments, #pings, #comments-page {
	padding:0;
	margin-bottom:1em;
}
#comments h3, #pings h3, #comments-page h3 {
	font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size : 1.15em;
	margin-top:1em;
	margin-bottom:0.25em;
	padding:0.15em 0;
	background:#666488;
	padding-left:0.4em;
	border-left:0.8em solid #CCC;
}
#pings blockquote, #comments blockquote, #pr blockquote, #comments-page blockquote {
	display: block;
	margin: 0 0 1em 0;
	padding: 1px 1em;
	font-style: normal;
	color: #CCC;
	background: transparent repeat-x 0 0;
}
#comments dd, #pings dd, #comments-page dd {
	border-left:0.1em solid #666488;
	padding-left:0.5em;
	margin : 0.5em 0 1em 2em;
}
#comments dt, #pings dt, #comments-page dt {
	color:#CCC;
}
#comments dd.me, #comments-page dd.me {
	background: #3C3A4A;
	margin-left: 5em;
}
.comment-number, .ping-number {
	font-family: Georgia, "Times New Roman", "New York", serif;
	font-size: 1.5em;
}
.footnotes {
	text-align: left;
}

/* Footer
 * ------------------------------------------------------------ */
#footer {
	background: #333;
	font-size: 0.67em;
	height: 2.33em;
	padding-top: 1.5em;
	text-align: center;
	border-top: 5px solid #4A4543;
}

#footer a {
	font-weight:bold;
	background:transparent;
}

#border-bottom {
	background: #333;
}

/* Pages specifiques 
 * ------------------------------------------------------------ */
.expandable a { 
	background-image: url("../../img/desc.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding-left: 15px;
}
.collapsed a { 
	background-image:url("../../img/asc.gif");
}
.dc-archive-month .day-date, .dc-archive-day .day-date {
	display: block;
	margin: 1em 0;
	padding-left: 10px;
}
.dc-archive-day #content-info {
	border-bottom: none !important;
}
.dc-archive-day .content-inner {
	margin-top: -4em;
}
.dc-tags #main {
	line-height: 200%;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.dc-tags #content-info {
	margin: 0;
}
.dc-tags ul {
	list-style-type: none;
	line-height: 200%;
	font-family: "century gothic", "gill sans", sans-serif;
	text-align: center;
	padding-bottom: 2em;
	margin-bottom: 0;
	margin-left: 0;
}
.dc-tags ul li {
	display: inline;
	margin: 0 1em;
}
.nowrap {
	white-space: nowrap;
}
.dc-tags .tag0 { font-size: 100%; }
.dc-tags .tag10 { font-size: 110%; }
.dc-tags .tag20 { font-size: 120%; }
.dc-tags .tag30 { font-size: 130%; }
.dc-tags .tag40 { font-size: 140%; }
.dc-tags .tag50 { font-size: 150%; }
.dc-tags .tag60 { font-size: 160%; }
.dc-tags .tag70 { font-size: 170%; }
.dc-tags .tag80 { font-size: 180%; }
.dc-tags .tag90 { font-size: 190%; }
.dc-tags .tag100 { font-size: 200%; }

.dc-tag #tagcloud {
	text-align: center;
}

#col1 {
	text-align: left;
}

#col1 h3 {
	margin-top: 1em;
}

#col1 ul li {
	line-height: normal;
}

#col1_content {
	padding:0pt 10px;
}

#col3_content {
	padding-top: 1em;
}
#col3_content p.pagination {
	margin-top: 1em;
}

/* Tag page
 * ------------------------------------------------------------ */
#tagcloud.tags p strong a:link, #tagcloud .tags p strong a:visited { padding: 0 0 0 18px; background: transparent url(../../img/tags.png) no-repeat 0 -2px; }
#tagcloud.tags ul { margin: 10px 5px; padding: 0; font-size: 110%; }
#tagcloud.tags ul li { display: inline; margin: 0 0.3em; padding: 0; font-size: 0.9em; }
#tagcloud.tags ul li a { display: inline; }
#tagcloud .tag0 { font-size: 75%; }
#tagcloud .tag10 { font-size: 80%; }
#tagcloud .tag20 { font-size: 90%; }
#tagcloud .tag30 { font-size: 100%; }
#tagcloud .tag40 { font-size: 110%; }
#tagcloud .tag50 { font-size: 120%; }
#tagcloud .tag60 { font-size: 140%; }
#tagcloud .tag70 { font-size: 150%; }
#tagcloud .tag80 { font-size: 160%; }
#tagcloud .tag90 { font-size: 170%; }
#tagcloud .tag100 { font-size: 180%; }

/* Navigation pour photoblog
 * ------------------------------------------------------------ */
#photonav {
	text-align: center;
}
#photonav table {
	margin: 0 auto;
}
#photonav a.thumbnail {
	background-position: 0 -90px;
	height: 90px;
	width: 90px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	border: 3px solid #999;
	margin: 4px auto;
}
#photonav a.thumbnail:hover {
	background-position: top left;
}
#photonav img.thumbnail {
	margin: 10px auto 7px auto;
}

/* Archives pour photoblog
 * ------------------------------------------------------------ */
.thumbnail a {
	background-position: 0 -90px;
	height: 90px;
	width: 90px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	border: 3px solid #999;
	margin: 4px auto;
}

.thumbnail a:hover {
	background-position: top left;
}

.c25l {
	width: 140px !important;
	text-align: center;
	height: 190px;
	overflow: hidden;
}

.subcl p {
	padding: 0;
}

/* Pages 
 * ------------------------------------------------------------ */
.dc-page #main {
	padding-top: 20px;
}

.dc-page .post h3 {
	font-weight: bold;
}

.dc-page .post, .dc-page #comments, .dc-page #comment-form {
	margin-left: 20%;
	margin-right: 20%;
	text-align: left;
}

.page-info {
	font-size: 0.67em;
	text-align: left;
}

/* Resultats de recherche
 * ------------------------------------------------------------ */
.dc-search #col1 {
	display: none;
}
.dc-search #col3 {
	margin: 0 auto;
	width: 87%; /* Allows fitting 6 thumbnails by line on a screen width of 1024 */
}

#search-suggest {
	width: 248px;
	z-index: 100;
	margin-top: 20px;
	margin-left: -45px;
}
#search-suggest li {
	padding: 0 10px 0 10px;
	list-style-type: none;
	list-style-image: none;
}
#search-suggest li a {
	display: block;
	padding: 8px 10px;
	color: #fff;
	background: #999;
	background: rgba(153, 153, 153, 0.9);
	border-bottom: 1px solid #FFF;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	font-weight: bold;
	text-decoration: none;
}
#search-suggest ul li:last-child a {
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#search-suggest li.suggest-select a {
	color: #000;
	background: #e9dfc6;
}

/* Pages de categorie
 * ------------------------------------------------------------ */
.dc-category #content-info h2 {
	margin-bottom: 0.1em;
}

#extendedinformations ul li { display:inline; }
#extendedinformations { font-size: 80%; margin-top: -1em; }

.petit {
	font-size: 0.58em;
}

/* Google maps
 * ------------------------------------------------------------ */
.map_canvas {
	width: 400px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	border-width: 7px;
	border-style: solid;
	border-color: #808080;
}
.map_canvas img {
	padding: 0px;
	border: none;
}
span.map_display {
	color:#EBC475;
	text-decoration:none;
	cursor: pointer;
}
span.map_display:hover  {
	background-color:#2D2B3B;
}
span.textLatLng {
	display: none;
}