/* Digest Prod
------------------------------
    1. General
	    1.1 Recurrents
    2. Header
		2.1 Menu
		2.2 Search
    3. Content
		3.1 Col 01
			3.1.1 24h en images
			3.1.2 Presentation 02
				3.1.2.1 All thumbnails differences
			3.1.3 Presentation 03
		3.2 Col 02
			3.2.1 Presentation 01
			3.2.2 Le Kroll
		3.3 Intern
			3.3.1 Bloc partager
			3.3.2 Large picture
			3.3.3 Title & description
			3.3.4 Progress
			3.3.5 Tip a friend
			3.3.6 Bloc flickr
    X. Footer
    	X.1 Le Soir
    	X.2 Le Soir
    	X.3 Twitter
    	X.4 Advertisement
    	X.5 Pagination
*/

/* Colors
------------------------------
	# Gris pantone 445			:	#4D5357
	# Gris pantone 424			:	#6C6F70
	# Bleu pantone 320			: 	#009AA6
	# Bleu pantone 317			: 	#BBE7E6
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. General <<<-----------*/
/* ----------------------------------------------------------*/

html { overflow-y: scroll; } /* Fixes Firefox scrollbar jump */

body {
	background: #1b1b1b url(../../images/structure/background/lights.jpg) no-repeat top center;
	color: #e0e0e0;
	font: normal .80em/1.5em 'Lucida Sans', 'Lucida Grande', Arial, FreeSans, sans-serif;
}
#NOTIE {
	background: transparent url(../../images/structure/background/bg-all.gif) repeat 0 0;
}

	  /* ------------------------------------------------------------->>> 1.1 Recurrents <<<-----------*/

#IE7 img {
	-ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for IE7 */
}
#shadow {
	background: rgba(0,0,0, 0.8);
	position:absolute;
	left:0; top:0;
	width:100%;
	z-index:10007;
}
* html #shadow {
	background-image:none
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/x_treme/images/structure/background/opacite-80.png',sizingMethod='scale');
}
a {
	color: #E0E0E0;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
a:active, a:focus {background: #E0E0E0; color: black; text-decoration: none; text-shadow: 0 0 0 #fff;}
h1, h2 {
	text-align: left;
	color: #ce0000;
}
h2 {
	font-size: 2em;
	clear: both;
	font-weight: 400;
	padding: 10px 0;
	line-height: 1.1em;
	text-shadow: -1px -1px 0 #000;
	text-align: left;
}
h3 {
	text-align: left;
	text-shadow: -1px -1px 0 #000;
}
abbr {border: 0;}
.none {display: none;}
.hidden {visibility: hidden; clear: both;}
.view-all {
	float: right;
	font-size:.9em;
	text-shadow: -1px -1px 0 #000;
}
.imagelink img {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.imagelink:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.amp {
	font-style: italic;
	font-family: 'Times New Roman', Times, Georgia, serif;
}
#IE6 .btn-submit {font-size: 0;}
#easyTooltip{
	padding: 5px;
	border: 1px solid #444;
	background:#242424;
	color: #fff;
	text-shadow: -1px -1px 0 #000;
	z-index: 10008;
		/* CSS3*/
		box-shadow: 2px 2px 1px #1b1b1b;
		-webkit-box-shadow: 2px 2px 1px #1b1b1b;
		-moz-box-shadow: 2px 2px 1px #1b1b1b;
		-o-box-shadow: 2px 2px 1px #1b1b1b;
}
.album {
	background: #1f1f1f;
	color: white;
	text-shadow: -1px -1px 0 black;
	border: 0;
	padding: 1px 10px;
	margin: 5px 0;
	display: inline-block;
		/* CSS3*/
		box-shadow: inset 1px 1px 4px black;
		-moz-box-shadow: inset 1px 1px 4px black;
		-webkit-box-shadow: inset 1px 1px 4px black;
		-o-box-shadow: inset 1px 1px 4px black;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
}
#IE .album {
	background: #1f1f1f;
	border: 1px solid #999;
	padding: 0 2px;
	margin: 5px 0;
	display: inline-block;	
}
	  
/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Header <<<-----------*/
/* ----------------------------------------------------------*/

#header {
	background: transparent url(../../images/structure/background/galeries.png) no-repeat 765px 47px;
	padding-top: 20px;
}
#IE6 #header {
	background: transparent url(../../images/structure/background/galeries-ie.gif) no-repeat 765px 47px;
	padding-top: 20px;
}
#header h1 img {display: block;}
#header h1 {
	float: left;
	padding-bottom: 20px;
	padding-left: 10px;
}

/* ----------------------------------------------------------------->>> 2.1 Menu <<<-----------*/

#header #menu {
	clear: left;
	color: black;
	width: 940px;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	background: transparent url(../../images/structure/background/nav.gif) no-repeat 0 0;
}
#header #menu .ariane {
	background: transparent url(../../images/structure/background/compas.gif) no-repeat center left;
	float: left;
	padding: 7px 0 7px 15px;
	margin-left: 10px;
	text-shadow: 1px 1px 0 #ECECEC;
}
#header #menu .ariane a {color: black; text-decoration: underline;}
#header #menu .ariane a:hover {color: black; text-decoration: none;}

#header ul {
	float: left;
	font-family: 'Lucida Sans', 'Lucida Grande', arial, sans-serif;
	padding-left: 40px;
}
#interne #header ul {
	padding-left: 182px;
}
#header #menu ul li {
	display: block;
	float: left;
	padding-right: 10px;
	position: relative;
	top: -27px;
}
#header #menu  ul li a {
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.3em;
	text-decoration: none;
}
#header #menu #btn-01 a {
	background: transparent url(../../images/elements/btn-01.gif) no-repeat bottom left;
	width: 114px;
}
#header #menu #btn-02 a {
	background: transparent url(../../images/elements/btn-02.gif) no-repeat bottom left;
	width: 96px;
}
#header #menu #btn-03 a {
	background: transparent url(../../images/elements/btn-03.gif) no-repeat bottom left;
	width: 150px;
}
#header #menu #btn-01.current a, #header #menu #btn-01 a:hover, #header #menu #btn-01 a:focus, #header #menu #btn-01 a:active {
	background: transparent url(../../images/elements/btn-01.gif) no-repeat top left;
	width: 114px;
}
#header #menu #btn-02.current a, #header #menu #btn-02 a:hover, #header #menu #btn-02 a:focus, #header #menu #btn-02 a:active {
	background: transparent url(../../images/elements/btn-02.gif) no-repeat top left;
	width: 96px;
}
#header #menu #btn-03.current a, #header #menu #btn-03 a:hover, #header #menu #btn-03 a:focus, #header #menu #btn-03 a:active {
	background: transparent url(../../images/elements/btn-03.gif) no-repeat top left;
	width: 150px;
}
#header #menu a:hover, #header #menu a:focus {
	color: white;
	text-decoration: underline;
}
#header #menu .current a {
	cursor: text;
	text-decoration: none;
}

/* ----------------------------------------------------------------->>> 2.2 Search <<<-----------*/

#header .rss {
	display: block;
	padding: 3px 10px 0 10px;
	float: right;
}
#IE6 #header .rss {float: none;}

#header .search {
	float: right;
	padding-top: 3px;
	width: 300px;
}
#header .search label {display: none;}
#header .search .textfield {
	border: 0;
	background: #f3f3f3;
	float: left;
	width: 250px;
	font-size: 1.4em;
	font-family: Georgia, serif;
	color: #1b1b1b;
	text-shadow: 1px 1px 0 #fff;
	padding: 3px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid white;
	margin-right: 5px;
}
#header .search .btn-submit {
	float: left;
	border: 0;
	padding: 0;
	display: block;
	text-indent: -999em;
	width: 32px;
	height: 32px;
	background: transparent url(../../images/elements/btn-ok-full.gif) no-repeat 0 0;
}
#header .search .btn-submit:hover {
	background: transparent url(../../images/elements/btn-ok-full.gif) no-repeat 0 -32px;
}
#header .search .btn-submit:focus {
	background: transparent url(../../images/elements/btn-ok-full.gif) no-repeat 0 -65px;
	outline: 0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Content <<<-----------*/
/* ----------------------------------------------------------*/


#une #wrap-content #content {
	padding: 20px 0;
}
#wrap-content {
	background: transparent url(../../images/structure/background/panorama.png) no-repeat center top;
	padding-top: 1px;
}
#interne #extra-01 .strict-mode {
	background: transparent url(../../images/structure/background/panorama-strict.png) no-repeat center -16px;
}
#IE6 #wrap-content {
	background: transparent url(../../images/structure/background/panorama-ie.gif) no-repeat center top;
}
#IE6 #extra-01 .strict-mode {
	background: transparent url(../../images/structure/background/panorama-strict-ie.gif) no-repeat center top;
}
#interne #IE6 #extra-01 .strict-mode {
	background: transparent url(../../images/structure/background/panorama-strict-ie.gif) no-repeat center top;
}
#content {
	padding: 0 0 20px 0;
}
* html #content {text-align: center;}
#extra-01 .index {
	background: none !important;
}
#interne .ariane {
	background: transparent url(../../images/structure/background/compas-02.gif) no-repeat 38px 3px;
	padding-left: 55px;
	text-shadow: -1px -1px 0 black;
	font-family: Arial, sans-serif;
}
#interne #content-bis .ariane {
	background: transparent url(../../images/structure/background/compas-02.gif) no-repeat 0 2px;
	float: none;
	padding: 0 0 5px 15px !important;
	margin: 5px 0 20px 0;
	text-shadow: -1px -1px 0 black;
	font-family: Arial, sans-serif;
	border-bottom: thick solid #3D3D3D;
}

  /* ----------------------------------------------------------------->>> 3.1 Col 01 <<<-----------*/

#IE6 #col-01 {overflow: hidden;}
#IE6 #col-02 {overflow: hidden;}
  
  /* ------------------------->>> 3.1.1 24h en images <<<-----------*/

#en-images .wrap-view {
	width: 620px;
	height: 414px;
	overflow: hidden !important;
	position: relative;
}
#IE6 #en-images .wrap-view {
	clip:rect(0px,620px,414px,0px);
}
#IE6 #en-images .view {
	overflow: hidden;
	clip:rect(0px,620px,414px,0px);
}
#en-images .view div {
	display: block;
	float: left;
	height: 414px;
	width: 620px;
}
#en-images .view a {
	display: block;
	border: 2px solid #2a3630;
	position: relative;
	text-decoration: none;
	color: white;
	font-weight: 400;
}
#en-images .view a img {display: block;}
#en-images .view a span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	color: white;
	padding: 10px;
	width: 596px;
	font-size: 1.4em;
	background: rgba(0,0,0, 0.5);
}
#IE #en-images .view a span {
	background: black;
}
#en-images .view a:hover {
	border: 2px solid #191919;
}
#en-images .view a:hover span {text-decoration: underline;}
#en-images .mini-pagination {
	float: left;
	padding-top: 2px;
	margin-bottom: 17px;
}
#en-images .mini-pagination li{
	display: block;
	float: left;
	margin-left: 3px;
}
#en-images .mini-pagination li a {
	display: block;
	color: black;
	border-top: 3px solid #3D3C3C;
	background: #e0e0e0;
	text-decoration: none;
	padding: 0 2px;
	text-shadow: 1px 1px 0 #fff;
}
#en-images .mini-pagination li.current a {cursor: text;}
#en-images .mini-pagination li a:hover, #en-images .mini-pagination li a:focus {
	background: white url(../../images/structure/background/arrow.gif) no-repeat center top;
	padding-top: 3px;
	border: 0;
	outline: 0;
}
#en-images .mini-pagination li.current a, #en-images .mini-pagination li a:active {
	background: #ce0000 url(../../images/structure/background/arrow.gif) no-repeat center top;
	color: white;
	outline: 0;
	border: 0;
	padding-top: 3px;
	text-shadow: -1px -1px 0 #840202;
}

  /* ------------------------->>> 3.1.2 Presentation 02 <<<-----------*/

.presentation-02 ul li {
	width: 300px;
	margin-bottom: 20px;
	display: inline-block;
	float: left;
	min-height:60px;
	text-align: left;
}
.presentation-02 ul li:hover {
	background: #1a1a1a;
}
.presentation-02 .margin {margin-right: 20px;}
.presentation-02  a.imagelink{
	display: block;
	border: 2px solid #2a3630;
	float: left;
	margin-right: 10px;
}
.presentation-02  a.imagelink:hover{
	border: 2px solid #191919;
}
.presentation-02 img {
	display: block;
	float: left;
	width: 136px;
	height: 136px;
}
.presentation-02 h3 {
	font-size: 1em;
	line-height: 1em;
	padding: 5px 0;
}
.presentation-02 ul li em {
	display: block;
	font-size: .8em;
	line-height: 1.3em
}
.presentation-02 ul li em.desc_album {
	display: block;
	font-size: .7em;
/*
	line-height: 1em;
*/

}
.presentation-02 ul li em strong {color: white;}
.presentation-02 ul li .maj {
	font-style: normal;
	font-size: .85em;
	color: #0090ff;
}

  	/* ------------------------->>> 3.1.2.1 All thumbnails differences <<<-----------*/

#all-thumbnails {
	margin: 0 10px 20px 10px;
	border-bottom: thick solid #3D3D3D;
}
#all-thumbnails h2 {
	padding-bottom: 0;
	line-height: 1;
}
#all-thumbnails  ul li {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#all-thumbnails  ul .omega {margin-right: 0 !important;} 
#all-thumbnails a.imagelink img {
	display: block;
	width: 100px;
	height: 100px;
}
#all-thumbnails .view-all {
	background: #1f1f1f;
	color: white;
	float: right;
	text-shadow: -1px -1px 0 black;
	border: 0;
	padding: 1px 10px;
	margin: 0;
	position: relative;
	bottom: 10px;
	text-decoration: none;
	display: inline-block;
		/* CSS3*/
		box-shadow: inset 1px 1px 4px black;
		-moz-box-shadow: inset 1px 1px 4px black;
		-webkit-box-shadow: inset 1px 1px 4px black;
		-o-box-shadow: inset 1px 1px 4px black;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
}
#all-thumbnails .view-all:hover, #all-thumbnails .view-all:focus {
	background: black;
}

  /* ------------------------->>> 3.1.3 Presentation 03 <<<-----------*/

#all-albums-thumbnails {
	border-bottom:thick solid #3D3D3D;
}
#all-albums-thumbnails p {
	margin: 0;
	padding-bottom: 20px;
	text-shadow:-1px -1px 0 black;
}
.presentation-03 ul li {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.presentation-03 ul .omega {
	margin-right: 0;
}
.presentation-03 ul li img {
	display: block;
	width: 100px;
	height: 100px;
}
.presentation-03 ul li .imagelink {
	border: 2px solid #2A3630;
	display: block;
}
.presentation-03 ul li .imagelink:hover{
	border: 2px solid #191919;
}
.presentation-03 ul li em {
	position: absolute;
	bottom: 2px;
	left: 2px;
	padding: 2px;
	width: 96px;
	background: rgba(0,0,0,0.8);
	display: block;
	font-size: .8em;
	line-height: 1.3em
}
.presentation-03 ul li em strong {color: #fff; /*#CE0000;*/}

  /* ----------------------------------------------------------------->>> 3.2 Col 02 <<<-----------*/

  /* ------------------------->>> 3.2.1 Presentation 01 <<<-----------*/

.presentation-01 {margin-bottom: 20px;}
.presentation-01 .main {
	width: 100%;
	margin-bottom: 20px;
}
.presentation-01 .main:hover {
	background: #1a1a1a;
}
.presentation-01 .main a.imagelink{
	display: block;
	border: 2px solid #2a3630;
	float: left;
	margin-right: 10px;
}
.presentation-01 .main a.imagelink:hover{
	border: 2px solid #191919;
}
.presentation-01 .main img {
	display: block;
	float: left;
}
.presentation-01 ul li {
	display: block;
	float: left;
	margin-right: 20px;
	text-align: left;
}
.presentation-01 ul .last {margin-right: 0;}
.presentation-01 ul li a {
	display: block;
	border: 2px solid #2a3630;
}
.presentation-01 ul li a:hover {
	border: 2px solid #191919;
}
.presentation-01 ul li img {display: block;}
.presentation-01 h3 {
	font-size: 1em;
	line-height: 1em;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: left;
}
.presentation-01 em {
	display: block;
	font-size: .8em;
	line-height: 1em;
	text-align: left;
}
.presentation-01 em strong {color: white;}

/* ------------------------->>> 3.2.2 Le Kroll <<<-----------*/

#kroll {
	overflow: hidden;
	margin-bottom: 20px;
}
#kroll a img {display: block;}
#kroll a.imagelink{
	display: block;
	border: 2px solid #2a3630;
	float: left;
	margin-right: 20px;
}
#kroll a.imagelink:hover{
	border: 2px solid #191919;
}

  /* ----------------------------------------------------------------->>> 3.3 Intern <<<-----------*/

.wrap-flow {
	background: transparent url(../../images/structure/background/perspective-02.png) no-repeat 50% 30px;
	height: 300px;
	position: relative;
	overflow: hidden;
	border-bottom: 10px solid #2a2a2a;
}
#IE6 .wrap-flow {
	background: transparent url(../../images/structure/background/perspective-ie.gif) no-repeat 50% 30px;
}
#content-bis .wrap-flow {
	background: none;
	height: 230px;
}
.wrap-flow #myImageFlow {
	position: relative;
	top: -63px;
}
#interne #content, #interne #content-bis {position: relative;}

  /* ------------------------->>> 3.3.1 Share <<<-----------*/

#interne #content #share {
	/*position: absolute;
	right: 0;
	top: 180px;*/
	background: #262626 url(../../images/elements/bg-share.gif) no-repeat 0 0;
	z-index: 10008;
	margin-bottom: 20px;
}
#interne #content #share h2 {
	font-size: 1.2em;
	color: #CE0000;
	text-shadow: -1px -1px 0 #000;
	padding: 3px 0 4px 4px;
}
#interne #content #share ul {
	padding: 2px 0 3px 4px;
	text-align: left;
}
#interne #content #share ul li {
	text-align: left;
	display: block;
	float: left;
	padding: 0 2px;
}
#interne #content #share .feed {
	padding-right: 16px;
}

  /* ------------------------->>> 3.3.2 Large picture <<<-----------*/

#wrap-content #content #large-picture {
	padding: 17px 0 0 0;
	display: block;
	float: left;
	z-index: 10008;
	clear: both;
}
#large-picture img {
	display: block;
	float: left;
}

  /* ------------------------->>> 3.3.3 Title & description <<<-----------*/

#infos-pics {
	float: left;
	clear: both;
	padding: 10px 0 0 0;
}
#infos-pics h2 {
	color: white;
	text-shadow: -1px -1px 0 #000;
	text-align: left;
}
#infos-pics p {
	text-shadow: -1px -1px 0 #000;
	text-align: justify;
}
#infos-pics p a {color: white;}

  /* ------------------------->>> 3.3.4 Progress <<<-----------*/


#interne #content .index-number {
	bottom: 20px;
	color: #666;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	line-height: 1;
	position: absolute;
	right: 10px;
	text-align: right;
	text-shadow: -1px -1px 1px #1A1A1A;
}
#interne #content .index-number strong {color: white;}
#interne #content .index-number em {
	display: block;
	padding-top: 2px;
}

  /* ------------------------->>> 3.3.5 Tip a friend <<<-----------*/

#form-send {
	background: #1b1b1b url(../../images/structure/background/bg-all.gif) repeat 0 0;
	padding: 10px;
	width: 350px;
}
#form-send .row {
	float: left;
	clear: left;
	width: 100%;
	padding: 0 0 10px 0;
}
#form-send .row label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 10px;
	text-shadow: -1px -1px 0 #000;
}
#form-send .row input {
	border: 0;
	padding: 2px;
		/* CSS 3 */
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
#form-send #name {
	background: white url(../../images/elements/user_9x12.gif) no-repeat 4px 3px;
	padding-left: 16px;
}
#form-send #email_from, #form-send #email_to {
	background: white url(../../images/elements/mail_12x9.gif) no-repeat 3px 5px;
	padding-left: 16px;
}
#form-send #subject {
	background: white url(../../images/elements/arrow_right_12x12.gif) no-repeat 3px 4px;
	padding-left: 16px;
}
.btn-submit {
	background: #CE0000;
	border: 0;
	display: block;
	float: right;
	padding: 2px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	text-shadow: -1px -1px 0 #222;
	position: relative;
	cursor: pointer;
		/* css3 properties */
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
.btn-submit:hover, .btn-submit:focus {
	background: #000;
}

  /* ------------------------->>> 3.3.6 Navigation in the gallery <<<-----------*/

#inner-nav-gal {
	/*position: absolute;
	top: 38px;
	right: 0;*/
	background: #262626 url(../../images/elements/bg-nav-album.gif) no-repeat 0 0;
	z-index: 10008;
	margin-bottom: 20px;
	margin-top: 17px;
}
#inner-nav-gal h2 {
	font-size: 1.2em;
	color: #CE0000;
	text-shadow: -1px -1px 0 #000;
	margin: 3px 0 4px 4px;
	padding: 0;
}
#inner-nav-gal ul li {
	display: block;
	float: left;
}
#inner-nav-gal .photos li {
	font-size: .85em;
	text-align: center;
	line-height: 1.2em;
	padding-left: 2px;
}
#inner-nav-gal .photos .infos {
	padding-left: 7px;
}
#inner-nav-gal .photos li a {
	display: block;
	float: left;
	margin: 0;
	border: 2px solid #262626;
}
#inner-nav-gal .photos li a:hover {
	border: 2px solid #111;
}
#inner-nav-gal .photos li img {
	display: block;
}
#inner-nav-gal .photos li strong {
	color: white;
	text-shadow: -1px -1px 0 #000;
	display: block;
	padding-top: 5px;
}
#inner-nav-gal .photos li em {
	color: #666;
	font-style: italic;
	text-shadow: -1px -1px 0 #000;
	display: block;
}
#inner-nav-gal .photos li span {
	display: block;
	text-align: center;
	padding-top: 10px;
}
#inner-nav-gal .photos li span img {
	display: block;
	margin: 0 auto;
	border: 0;
}
#inner-nav-gal .photos li span a {float: none; border: 0;}
#inner-nav-gal .photos li span a:hover {border: 0;}
#inner-nav-gal .browse {
	clear: both;
	text-align: center;
	font-size: 1.5em;
	line-height: 1em;
	padding-left: 6px;
}
#inner-nav-gal .photos .prev {
	margin: 0 2px;
}
#inner-nav-gal .browse a {
	text-decoration: none;
	text-shadow: -1px -1px 0 #000;
}
#inner-nav-gal .browse .text {
	width: 88px;
	text-align: center;
	position: relative;
	bottom: 2px;
}
#inner-nav-gal .browse .text a {
	font-size: .6em;
	color: #666;
}
#inner-nav-gal .browse .text a:hover, #inner-nav-gal .browse .text a:focus {
	text-decoration: underline;
	color: #efefef;
	background: transparent;
	outline: 0;
}
#inner-nav-gal .browse .first, #inner-nav-gal .browse .last {
	width: 40px;
}
#inner-nav-gal .browse .first a, #inner-nav-gal .browse .last a {
	display: block;
}
#inner-nav-gal .browse .first a:hover, #inner-nav-gal .browse .last a:hover, #inner-nav-gal .browse .first a:focus, #inner-nav-gal .browse .last a:focus {
	background: black;
	color: #efefef;
	text-shadow: -1px -1px 0 #111;
	outline: 0;
}
.switch-light:hover, .switch-light:focus {
	background: transparent;
	outline: 0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> X. Footer <<<-----------*/
/* ----------------------------------------------------------*/

#wrap-footer {
	background: transparent url(../../images/structure/background/panorama.png) no-repeat center top;
	padding-top: 20px;
}
#interne #wrap-footer {
	padding-top: 30px;
}
#IE6 #wrap-footer {
	background: transparent url(../../images/structure/background/panorama-ie.gif) no-repeat center top;
	padding-top: 20px;
}
#footer .move-to-top {
	display: block;
	margin: 0 auto;
	width: 44px;
	position: relative;
	top: -33px;
	text-indent: -999em;
	background: transparent url(../../images/elements/top.png) no-repeat 0 0;
	width: 44px;
	height: 51px;
}
#IE6 #footer .move-to-top {
	background: transparent url(../../images/elements/top.gif) no-repeat 0 0;
}
#footer .move-to-top:focus {
	outline: 0;
}

/* ---------------------------------------------------------------------->>> X.1 Le Soir <<<-----------*/

#footer #lesoir p {
	text-align: center;
	line-height: 1em;
	text-shadow: -1px -1px 0 #000;
}
#footer #lesoir .cim img {
	display: block;
	margin: 20px auto;
}
#footer  #lesoir-nav {
	background: #1b1b1b;
	padding: 10px;
	margin: 20px 0;
}
#footer #lesoir-nav ul {
	list-style-type: square;
	list-style-position: inside;
	color: white;
	float: left;
	width: 50%;
}

/* --------------------------------------------------------------------->>> X.2 Le Soir <<<-----------*/

#footer #more h2, #footer #more label {
	display: block;
	font-size: 1.3em;
	color: white;
	text-shadow: -1px -1px 0 #000;
}
#footer #more .textfield {
	border: 0;
	background: #f3f3f3;
	float: left;
	width: 250px;
	font-size: 1.4em;
	font-family: Georgia, serif;
	color: #1b1b1b;
	text-shadow: 1px 1px 0 #fff;
	padding: 3px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid white;
	margin-right: 5px;
	margin-top: 5px;
}
#footer #more .search .btn-submit {
	float: left;
	border: 0;
	padding: 0;
	display: block;
	text-indent: -999em;
	width: 32px;
	height: 32px;
	background: transparent url(../../images/elements/btn-ok-full.gif) no-repeat 0 0;
	margin-top: 5px;
}
#footer #more .search .btn-submit:hover {
	background: transparent url(../../images/elements/btn-ok-full.gif) no-repeat 0 -32px;
}
#footer #more .search .btn-submit:focus {
	background: transparent url(../../images/elements/btn-ok-full.gif) no-repeat 0 -65px;
	outline: 0;
}

/* -------------------------------------------------------------------->>> X.3 Twitter <<<-----------*/

.tweets {
	background: #1b1b1b;
	padding: 10px;
}
.tweets .tweet_list li {overflow: auto; padding: .5em;}
.tweets .tweet_list li a {color: #fff;}
.tweets .tweet_list .tweet_avatar {display: none;}

/* -------------------------------------------------------------------->>> X.4 Advertisement <<<-----------*/

.pub {
	padding: 10px 0;
	text-align: center;
}
.pub img, .pub object {
	display: block;
	margin: 0 auto;
}

/* -------------------------------------------------------------------->>> X.5 Pagination <<<-----------*/

.NAV_ALB {
	background: #1B1B1B;
	text-shadow: -1px -1px 0 #000;
	width: 100% !important;
}
.NAV_ALB td {
	vertical-align: middle;
	text-align: center;
	padding: 2px;
}