/* -------------------------------------------------------------- 
     font-family: Avant Garde,Century Gothic,Futura, Geneva, URW Gothic L,Corbel,Lucida Grande,Lucida Sans, Arial, sans-serif;

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	font-family: Tallys;
	src: url('fonts/Tallys_15.otf');
}



/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 80%;
  color: #222; 
  background: #fff;
     font-family: Avant Garde,Century Gothic,Futura, Geneva, URW Gothic L,Corbel, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.2em; }
h2 { font-size: 2.5em; margin-bottom: 0.75em; 	font-weight:bold; font-style:italic;}
h3 { font-size: 1.9em; line-height: 1;	font-weight:bold; font-style:italic; margin: 0.5em 0 0.7em 0; letter-spacing:-0.06em; word-spacing:0.2em; text-transform:uppercase;}
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: 0.5em;font-weight:bold;font-style:italic;  }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color:#999;}
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1.jour {
 overflow: visible;
line-height: 0.7em; 
	font-size: 6em;
	font-weight:bold;
	font-style:italic;
	letter-spacing:-0.1em;
  white-space: nowrap;

}
h5.jour  {
	/*text-align:right;*/
}

h2.desc {
	font-size: 1.2em;
	color: #606060;
}

.postDate h3, .postDate h4 {
	text-align:right;
	padding-right: 5px;
}

h3.titre {
	font-size: 1.3em;
margin:0.8em 0px 0.3em;
padding-bottom:0px;

}
h3.petit {
padding-top: 165px;
font-size: 1.1em;
}

h4 .petit {
	font-weight:normal;
	font-size: 0.7em;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { color: #0094a7; text-decoration: none; font-weight: bold; }
a:visited	{color:#80CAD3; text-decoration: none; font-weight: bold;}
a:focus, a:hover     { color: #e7693a; text-decoration: none; font-weight: bold; }
a:active	{ color: #F00; text-decoration: none; font-weight: bold; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

gallery-item, gallery-icon  {
	border:0px;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* THEMATIC
-------------------------------------------------------------- */
div#haut {
	background:url(theme/fondTop.png) #ffffff right no-repeat;
	margin-top:1.45em;
}

div#haut-lite {
	background:url(theme/fondTop.png) #ffffff right no-repeat;
	background-position:0px -100px;
	margin-top:0px;
}

div#haut-lite img {
	margin-top:20px;
}


div#silderButton {
	height:24px;
}
a.silderButtonNav {
	display:block;
	background:#fff;
	color:#fff;
}
a.silderButtonNav:hover {
	background:#F6C8B7; /*#D6DFE0;*/
	color:#000000;
}
.silderButtonNav img  {
	vertical-align:bottom;
}
span.silderTextNav{
	display:block;
	width: 300px;
	float:right;
	text-align:right;
	padding-right: 1em;
	line-height:24px;
}

div.mousereactive:hover {
	background:#f8f8f8;
}

.excerptLayers {
display:block;
	overflow:hidden;
	line-height:0px;
	height:150px;
}
.excerptImage, .excerptLayers img.cfi {
	position:absolute;
	overflow:hidden;
}
.excerptNumero {
	position:absolute;
}

.cropa img.cfi {
	position:absolute;
	overflow:hidden;
	clip: rect(auto 310px auto auto);
	clip: rect(auto, 310px, auto, auto);
}
.cropb img.cfi {
	position:absolute;
	overflow:hidden;
	margin-left:-320px;
	clip: rect(auto 630px auto 320px);
	clip: rect(auto, 630px, auto, 320px);
}

.menu {
	padding: 0px 10px;
	width: 210px;
}
.menu ul {
	list-style-type:none;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.menu ul li {
	margin:0px;
	padding:0px;
}
.menu ul li a {
	color: #000;
	display:block;
	font-size: 1.1em;
	line-height:1.8em;
	padding-left: 1em;
	text-transform: uppercase;
	font-style:italic;
}
.menu ul li a:visited {
	color:#000;
}
.menu ul li a:hover {
	background:#fff;
	color:#e7693a;
}
.menu ul li a span.desc {
	padding-top:-1em;
	display:block;
	color: #999;
	text-align:right;
	font-size: 0.8em;
	font-weight:normal;
	line-height: 1.5em;
	
}
.menu ul li a.desc:visited {
	color: #999;
}
.menu ul li a.desc:hover {
	color:#000;
}

.tags ul {
	font-size:0.8em;
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align:center;
}
.tags li {
	display:inline;
	margin:0px;
	padding:0px;
}

.tags ul li a {
	color: #000;
	padding: 0.3em;
	text-transform: uppercase;
	font-style:italic;
}
.tags ul li a:visited {
	color:#000;
}
.tags ul li a:hover {
	background:#fff;
	color:#e7693a;
}
.twitter ul {
	list-style-type: none;
	margin:0px;
	padding:0px 10px;
}

.span-8 .postDate {
	margin-right: 15px!important;
}

/*.excerptText p, .comment p, .excerptText ul {
	font-family: Tallys, Georgia, "Times New Roman", Lucida, serif;
	font-size: 1.6em;
	line-height: 1.1em;
	padding:10px;
}*/
.excerptText p, .comment p, .excerptText ul {
	font-family: Georgia, "Times New Roman", Lucida, serif;
	line-height: 1.5em;
	font-size: 1.4em;
	/*padding:10px;*/
}


p.excerptLienk a {
	display:block;
	font-size: 1.1em;
}
/* the whole archive hack was taken from http://astheria.com/this-site/creating-a-timeline-style-archive-page */

.archives_list {
	list-style: none;
	border-left: 4px solid #cacaca;
}

.archives_list li {
	background: url(theme/marker.gif) 0 0 no-repeat;
	padding-left: 1em;
	clear:left;
}

.archives_list li span.date {
	font-size: 1em;
	color: #888;
	width: 99px;
	display: block;
	float: left;
	line-height: 1.2em;
}

.archives_list li sup {
	color: #bbb;
	font-size: 8px;
	padding-left: 1px;
}

.archives_list li a {
	text-decoration: none!important;
	line-height: 13px;
}
/* ************ */
ul.menuCol {
	list-style-type:none;
	padding: 0px;
	margin:0px;
}
ul.menuCol li {
	font-weight:bold;
	font-size:1.2em;
	font-style:italic;
	text-transform:uppercase;
}
ul.menuCol li ul {
	list-style-type:none;
	padding: 0px;
	margin:5px 0px 5px 10px;
}
ul.menuCol li ul li {
	font-weight:normal;
	font-size:0.9em;
	text-transform:none;
}
ul.menuCol a:link,ul.menuCol a:visited {
	color:#000;
}
ul.menuCol a:hover {
	color:#e7693a;
}

/* <ul class="qtrans_language_chooser" id="qtrans_language_chooser">
<li><a href="http://360in365.com/en/archives/" class="qtrans_flag_en qtrans_flag_and_text"><span>English</span></a></li>
<li class="active"><a href="http://360in365.com/archives/" class="qtrans_flag_fr qtrans_flag_and_text"><span>Fran�ais</span></a></li>
</ul><div class="qtrans_widget_end"></div> */

ul.qtrans_language_chooser {
	list-style-type:none;
	font-size: 1em;
	font-style: italic;
	text-transform: uppercase;
	margin:0px;
	padding:0px;
	text-align:left;
}
ul.qtrans_language_chooser li {
	display:inline;
	margin: 0px 5px;
	padding:0px;
}
ul.qtrans_language_chooser li a:link {
	color: #333;
}
ul.qtrans_language_chooser li a:visited {
	color: #333;
}
ul.qtrans_language_chooser li a:hover {
	color: #e7693a;
}

.qtrans_flag_en, .qtrans_flag_fr {
	background-position:center left !important;
}
p.language_chooser_p {
	margin:0px;
	padding:0px;
	line-height:normal;
}


.wp_geo_map {
	margin-left: -160px!important;
	margin-bottom:20px!important;
}
.gallery img, .pgallery img {
	border:0px!important;
}
.gallery, .pgallery {
		margin-left:-160px!important;
}

.gallery-item, .gallery-caption {
	width:950px!important;
}

.gallery_pages_list  {
	margin-bottom: 20px!important;
font-size:2em;

}

.bypostauthor {
	background:#f6f6f6;
}
.comment h5 {
	margin-top: -1em;
}


/******************/

ul.pageListe {
list-style-type: none;
margin:0px;
padding:0px;
}
ul.pageListe li {
margin:0px;
padding:0px;

}

ul.pageListe li a {
display:block;
margin: 8px 0px;

padding: 8px 12px;

 font-weight: normal;
 color: #111;
 font-size: 1.6em; line-height: 1;
 font-weight:bold; font-style:italic;
 letter-spacing:-0.06em;
 word-spacing:0.2em;
 text-transform:uppercase;
}
ul.pageListe li a:hover {
	background:#f8f8f8;
	color:#e7693a;
}
ul.pageListe li a span {
	margin-top: 0.2em;
	display:block;
	color: #666;
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.5em;

}