/* Sommaire
------------------------------
    1. Typo
    2. Illustrations
    3. Outils
    4. Supplements
    5. Commentaires
    6. Quand archives
    7. Large Imu
    8. Blocs Dieter

*/

/* Couleurs
------------------------------
# Bleu Sudpresse : #00a6eb
# Rouge Sudpresse : #E20031
# Gris : #848484
# Texte courant : #2a2a2a
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. Typo <<<-----------*/
/* ----------------------------------------------------------*/

#article p {
	font-size: .8em;
	line-height: 1.6em;
	margin: 1em 0;
	text-indent: 0;
	/* text-rendering: optimizeLegibility;
	text-justify: inter-character;
	hyphenate: auto;
	hyphenate-lines: 3; */
}
#article .text {
	text-align: justify;
}
#article .type {
	color: #E20031;
	text-transform: uppercase;
	font-weight: 900;
	font-size: .750em;
}
#article h3 {
  background: none;
  color: black;
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.25em;
  padding: 0;
  margin-top: .625em;
  text-transform: uppercase;
}
#article h4 {margin: 1em 0;}
div#article p.story_date {
	color: #4a4a4a;
	font-size: .65em;
	margin: 0;
}
div#article p.story_date abbr {
	border-bottom: none;
}
div#article h4.st_intertitre {
	color: #251E26;
}
div#article p.st_mention {margin: 0; line-height: 1;}
div#article p.st_signature {
  font-variant: small-caps;
  color: black;
  line-height: 1;
  font-weight: 900;
  margin: 0;
}
div#article p.st_note {
  color: #4a4a4a;
}
#article p.st_entretien_q {
	color: #0A9FDE;
	font-style: italic;
}
div#article blockquote.chapeau {
	font-family: arial, sans-serif;
	font-style: normal;
	padding-top: .5em;
	margin: 0 0 1.5em 1.5em !important;
	color: black;
	line-height: 1.3em;
	clear: right;
}
div#article ul {
  list-style: square;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  color: #726763;
  padding: 0;
}
#article ol ul, #article ul ul {
	font-size: 1em;
	margin-left: 2em;
}
div#article ol {
  list-style: decimal-leading-zero;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  padding: 0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Illustrations <<<-----------*/
/* ----------------------------------------------------------*/

div#article div#wrap_illu {
  width: 19.3125em; /* 309px */
  margin-right: .3em;
  padding-top: .625em;
  float: left;
  clear: right;
}
div#article div#wrap_illu p {
  margin: 0 0 .3em 0;
}
div#article div#wrap_illu ul.thumbs {padding: 0; margin: 0;}
div#article div#wrap_illu ul.thumbs li {
  display: block;
  float: left;
  margin-right: .5em; /* 8px */
  padding-top: .625em;
}
div#wrap_illu img, ul.thumbs li img {
  border: 1px solid #4a4a4a;
}
em.credit {
  width: 26.3em; /* 292px */
  padding: .4em .3125em; /* 5px */
  float: left;
  background: #d3ecf7;
  font-size: .7em;
  line-height: 1.5em;
  font-style: normal !important;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Outils <<<-----------*/
/* ----------------------------------------------------------*/

#outils {
	display: inline;
	float: right;
	margin: 0 !important;
	padding: 0;
}
#outils li {
	color: #4a4a4a;
	font-size: .75em;
	font-family: arial, Tahoma, sans-serif;
	display: inline;
	padding-left: 1.5em;
	margin-right: .3em;
}
#partager {
	background: transparent url(../mediastore/elements/icons/bookmark.gif) no-repeat center left;
}
#imprimer {
	background: transparent url(../mediastore/elements/icons/printer.gif) no-repeat center left;
}
#envoyer_a {
	background: transparent url(../mediastore/elements/icons/mail.gif) no-repeat center left;
}
#commenter {
	background: transparent url(../mediastore/elements/icons/comment_left.gif) no-repeat center left;
}
#options {
	background: transparent url(../mediastore/elements/icons/plus.gif) no-repeat center left;
}
#outils li a:link, #outils li a:visited {
	color: #00a6eb;
	text-decoration: none;
}
#outils li a:active, #outils li a:hover {
	color: #00a6eb;
	text-decoration: underline;
}

#share {
	float: right;
	position: relative;
	width: 250px;
}
#on_partage {
	background: transparent url(../mediastore/elements/top_partage.gif) no-repeat 0 0;
	display: none;
	padding: .5em .5em 1.5em .5em;
	position: absolute;
	top: 1.2em;
	left: -0.85em;
	width: 210px;
}
#on_partage ul {
	list-style: none none !important;
	padding-right: 1em;
	margin: 0;
}
#on_partage ul li {
	padding-left: 2em;
}

/* ============ VIVE IE =========== */
* html #on_partage ul li {_padding-left: .5em;}
*+html #on_partage ul li {padding-left: .5em;}
/* ============ VIVE IE =========== */

.facebook {background: transparent url(../mediastore/elements/icons/facebook.png) no-repeat center left;}
.digg {background: transparent url(../mediastore/elements/icons/digg.png) no-repeat center left;}
.delicious {background: transparent url(../mediastore/elements/icons/delicious.png) no-repeat center left;}
.magnolia {background: transparent url(../mediastore/elements/icons/magnolia.png) no-repeat center left;}
.google {background: transparent url(../mediastore/elements/icons/google.png) no-repeat center left;}
.windowslive {background: transparent url(../mediastore/elements/icons/live.png) no-repeat center left;}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 4. Supplements <<<-----------*/
/* ----------------------------------------------------------*/

.furthermore {
	background: white url(../mediastore/elements/fond_sup.gif) repeat-x bottom left;
	border: 1px solid #CCC;
	float: left;
	padding: .625em;
	width: 288px; /* 17.97em; */
	margin-bottom: .625em;
}
#content_middle .furthermore {
  width: 280px;
}
#content_middle .furthermore ul {
  font-size: .8em;
  line-height: 1.5em;
  list-style: square inside;
  padding-top: 10px;
}
.furthermore h3 {
	color: #00a6eb !important;
	margin-top: 0 !important;
	text-transform: none !important;
}
.furthermore ul {
	padding: 0;
	margin: 0;
}
.furthermore ul li {clear: both;}
#complements_media ul {list-style: none none !important;}

/* ============ VIVE IE =========== */
* html .furthermore {width: 283px; zoom: 1;}
* html #content_middle .furthermore {
  display: inline;
  margin: 0 0 10px 0;
  width: 278px;
  zoom: 1;
}
*+html .furthermore {width: 283px; zoom: 1;}
* html #complements_media ul li {padding-left: 1.3em; margin: 0; zoom: 1; clear: left;}
*+html #complements_media ul li {padding-left: 1.3em; margin: 0; zoom: 1; clear: left;}
/* ============ VIVE IE =========== */

.furthermore a:link, .furthermore a:visited {
	color: black;
	text-decoration: none;
}
.furthermore a:active, .furthermore a:hover {
	color: black;
	text-decoration: underline;
}
#lire_aussi {margin-right: .6em;}
#liens_externe {clear: left;}

.video {
	background: transparent url(../mediastore/elements/set_icon.gif) no-repeat 0 2px;
	padding-left: 1.3em;
}
.son {
	background: transparent url(../mediastore/elements/set_icon.gif) no-repeat 0 -37px;
	padding-left: 1.3em;
}
.portfolio {
	background: transparent url(../mediastore/elements/set_icon.gif) no-repeat 0 -77px;
	padding-left: 1.3em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 5. Commentaires <<<-----------*/
/* ----------------------------------------------------------*/

.batigni {
  border: 2px solid #9C6854;
  background: #F1F1C3;
  color: #3C3D32;
  padding: 10px;
  display: none;
}
.batigni p {margin: 0 !important;}

#commentaires {
	border: 1px solid #0A9FDE;
	float: left;
	margin-top: .625em;
	padding: .625em;
	width: 96.3%;
}
#commentaires h3 {
	color: #00a6eb !important;
	margin-top: 0 !important;
	text-transform: none !important;
}
.x_comment {
	background: transparent url(../mediastore/elements/icons/comment_left.gif) no-repeat top left;
	padding-left: .7em;
	margin: 0 .3em;
}
.bloc_comment {
	background: #e9f6fa;
	margin: .5em 0;
	padding: .2em;
}
.bloc_comment p {
	margin: .3em 0 !important;
	line-height: 1.5em !important;
}
.bloc_comment p > b {
	float: left;
	clear: left;
	text-transform: uppercase;
	width: 100%;
}
.bloc_comment.alt {
	background: #D3ECF7;
}
.comment_infos abbr {border-bottom: none;}
.comment_infos {
	float: left;
	width: 100%;
}
.comment_abus {
	font-size: .7em !important;
	text-align : right;
}
.comment_abus a {
	background: transparent url(../mediastore/elements/icons/warning.gif) no-repeat center left;
	padding-left: 1.2em;
}
.comment_abus a:link, .comment_abus a:visited, .comment_abus a:active, .comment_abus a:hover {color: #4a4a4a;}
.comment_abus a:focus {background-color: #4a4a4a !important; color: white !important;}
.comment_auteur {font-weight: 900; color: black;}
.comment_date {
	color: #0A9FDE;
	display: block;
	font-size: .750em;
	text-align: right;
	width: 100%;
}

#title_comment {
	cursor: pointer;
	display: none;
	margin: 1em auto;
}
#commentaires form .over {
	background: #C9F2FE;
}

#commentaires form .row label {
	display: block;
	float: left;
	font-weight: 900;
	text-align: right;
	margin-right: .4em;
	width: 11em;
}
#commentaires form .row {
	float: left;
	clear: left;
	font-size: .750em;
	line-height: 1.5em;
	padding: .625em;
	width: 97.5%;
}
#commentaires form .row input {
	border: 0;
	padding: .2em .2em .2em 1.5em;
	width: 22.8em;
}
input#email {
	background: #C9F2FE url(../mediastore/elements/icons/mail.gif) no-repeat 5px 5px;
}
input#pseudo {
	background: #C9F2FE url(../mediastore/elements/icons/person.gif) no-repeat 5px 5px;
}
input#captcha, input#password {
	background: #C9F2FE url(../mediastore/elements/icons/key.gif) no-repeat 5px 5px;
}
form .row textarea {
	border: 0;
	padding: .2em .2em .2em 1.5em;
	height: 8em;
	width: 21em;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	background: #C9F2FE url(../mediastore/elements/icons/comment_left.gif) no-repeat 5px 5px;
}
form .over input, form .over textarea {
	background-color: white !important;
	border: 0;
}
form #btn_comment {
	border: 0;
	background: #0A9FDE;
	color: white;
	font-weight: 900;
	clear: left;
	display: block;
	padding: .3em;
	margin: 0 auto;
}
.toggle_comment {
	cursor: pointer;
	background: #0A9FDE url(../mediastore/elements/arrow_comment.gif) no-repeat center left !important;
}
.toggle_comment_up {
	cursor: pointer;
	background: #0A9FDE url(../mediastore/elements/arrow_comment_up.gif) no-repeat center left !important;
}
.list_comment {margin: 0 !important;}

/* .inscription {
	background: transparent url(../mediastore/elements/btn_inscription.jpg) no-repeat top left;
	display: block;
	float: right;
	height: 80px;
	width: 100px;
	text-indent: -5000em;
}
.inscription:hover {
	background: transparent url(../mediastore/elements/btn_inscription-hover.jpg) no-repeat top left;
	display: block;
	float: right;
	height: 80px;
	width: 100px;
	text-indent: -5000em;
}*/
.inscription {
	background: transparent url(../mediastore/elements/v2/btn-inscription.jpg) no-repeat center center;
	display: block;
	float: right;
	height: 75px;
	width: 170px;
	text-indent: -5000em;
	padding-left: 10px;
	padding-top: 10px;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 6. Quand archives <<<-----------*/
/* ----------------------------------------------------------*/

#searchtext .search_left ul {
	font-size: 1em;
}

#ipbwrapper {
	clear:both;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 7. Large Imu <<<-----------*/
/* ----------------------------------------------------------*/

#large_imu {
  clear:both;
  display: block;
  float: none;
  margin: 0 auto;
  text-align:center;
  width: 468px;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 8. Blocs Dieter <<<-----------*/
/* ----------------------------------------------------------*/

.bottom_bloc_minus {display: none;}

#fichestar, #fichefilm, #ficheevent {
	background: #F3F3F3;
	border-bottom: 2px solid #d8d8d8;
	margin-bottom: 10px;
	float: left;
  font-family: arial,Helvetica,FreeSans,sans-serif;
	font-size: .8em;
	clear: left;
	width: 300px;
}
#fichestar h2, #fichefilm h2, #ficheevent h2 {
  background: white;
  border-bottom: 2px solid #E20031;
  color: #E20031;
  font-size: 1.5em;
  font-weight: 400;
  letter-spacing: -0.05em;
  padding-left:  10px;
  text-align: left;
}
#fichestar ul, #fichefilm ul, #ficheevent ul {
	list-style: none none;
	margin: 0;
	overflow: hidden;
	padding: 10px 5px;
}

#fichestar ul li, #fichefilm ul li, #ficheevent ul li {
	clear: left;
	float: left;
	width: 96%;
	line-height: 1.4em;
	font-size: .85em;
	margin: 0;
	padding: 5px;
}
#fichestar ul li:hover, #fichefilm ul li:hover, #ficheevent ul li:hover {
	background: #f3f3f3 url(../mediastore/elements/going.png) no-repeat 95% 50%;
	cursor: pointer;
}
#fichestar ul li img, #fichefilm ul li img, #ficheevent ul li img {
	float: left;
	padding-right: 5px;
}
#fichestar ul li h3, #fichefilm ul li h3, #ficheevent ul li h3 {
	font-family: 'Lucida Grande', 'Lucida Sans Regular', 'Lucida Sans Unicode', FreeSans, Verdana, Arial, Verdana, sans-serif;
	font-size: 1.3em;
	margin: 0;
}
#fichestar ul li p, #fichefilm ul li p, #ficheevent ul li p {
	color: #666;
	margin: 0;
}
#fichestar ul li p.cake {
  background: transparent url(../mediastore/elements/cake.png) no-repeat scroll 69px 0;
  color: black;
  padding-left: 90px;
}
#fichefilm ul li p.kino {
  background: transparent url(../mediastore/elements/kino.gif) no-repeat scroll 80px 0;
  color: black;
  padding-left: 100px;
}

/* social bookmarking */

div#sb {

	margin:10px 0;

	/*border:1px solid silver ;*/

		/*width:520px;*/

	clear:both;

}



div#sb h3 {

	float:left;

	font-size:.85em;

	font-weight:800;

	color: #A52A2A;

	padding:3px 5px;

	width: 65px;

	background: url(sociable-bookmarks/sb-h3-background.gif);

	text-indent:-9999px;

}

div#sb #sb-share h3 {

	background-position: right 0;

}

div#sb #sb-subscribe h3 {

	background-position: right -30px;

}

div#sb-share {
border-bottom:none;
float:left;
margin:10px 0;
width:100%;
}


div#sb ul {

	padding:3px 0;

}

div#sb ul li {

	display:inline;

	margin-left:5px;

	font-size:.8em;

}

div#sb ul li a {

	padding:3px 3px 3px 20px;

	background:no-repeat;

	background-position:2px 2px;

}

div#sb ul li a:hover {

	background-color: #E0DCA7;

	text-decoration:none;

	color: #6B6A23;

}

div#sb ul li a#sb-facebook {

	background-image: url(sociable-bookmarks/facebook.png);

}

div#sb ul li a#sb-delicious {

	background-image: url(sociable-bookmarks/delicious.png);

}

div#sb ul li a#sb-myspace {

	background-image: url(sociable-bookmarks/myspace.png);

}

div#sb ul li a#sb-windows-live {

	background-image: url(sociable-bookmarks/windows-live.png);

}

div#sb ul li a#sb-wikio {

	background-image: url(sociable-bookmarks/wikio.png);

}


div#sb ul li a#sb-twitter {

	background-image: url(sociable-bookmarks/twitter.png);

}