/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise a zero de tous les preformatages navigateurs */

@import url("/css/footer-static.css");
@import url("/css/theme-pack/smoothness/ui.datepicker.css");
div.pub{
	clear: both;
	margin: 10px 0;
}
div#divPinSite{
clear:both;
background: none repeat scroll 0 0 #003872;
    background: white;
    border-color: #003872;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid #003872;
    border-left: 1px solid #003872;
    border-bottom: 1px solid #003872;
    border-top: 0px none;
    clear: both;
    color: #003872;
    font-family: Trebuchet MS,Verdana,sans-serif;
    font-size: 1em;
    left: 75px;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 2000;
	display:none;
}
div#divPinSite img{
    float: left;
    margin-right: 10px;
}
div#divPinSite div#divAddSite{
margin-top: 5px;
}
div#divPinSite div#divAddSite a{
color: black;
text-decoration: underline;
}
	
* {
	padding:0;
	margin:0
}

	div.cotation, div.interactif , div#meteo, div#boutons_locaux { behavior: url(/css/iepngfix.htc) }
	div.top1{
		margin: 0 auto;
		width: 1000px;	
	}
	body {
		font-size:75%;
		font-family:'trebuchet ms',arial, helvetica, sans-serif;
		color:#000;
		background:#505050;
		text-shadow:#fff 0 0 0
	}
	ul {list-style:none}
	a {text-decoration:none}
	a:hover, a:focus {text-decoration:underline}
	a img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
/* --------------------------------------------------------------------------------------------- Recurrents */
	input.bouton {
		text-transform:uppercase;
		font-family:tahoma;
		font-size:.9em;
		color:#fff;
		background:#000;
		border:1px solid #000;
		padding:1px;
		cursor:pointer
	}
	div.ui-tabs-hide {display:none}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		float:left;
		width:966px;
		background:#fff url(../mediastore/img/background/global.gif) repeat-y;
		padding:0 15px 0 14px
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:938px;
		background:#ee1c23;
		padding:13px 0 17px 28px
	}
/* ------------------------------------------------------------------------- Logo */
	#header #logo {
		float:left;
		padding:6px 37px 10px 0
	}
/* ------------------------------------------------------------------------- Pub */
	#header div.pub {
		float:left;
		/*border:1px solid #000*/
	}
	#header div.pub img {vertical-align:middle}
	#left ul.liste_actus li div.pub {
		margin-left:-12px;
	}
/* --------------------------------------------------------------------------------------------- Navigation */
	#navigation {
		float:left;
		width:960px;
		background:url(../mediastore/img/background/navigation.gif) repeat-x;
		padding:0 6px 0 0;
		margin:0 0 3px 0
	}
/* ------------------------------------------------------------------------- Recherche */
	#navigation form {
		float:right;
		padding:6px 0 0 0
	}
	#navigation form #recherche {
		width:150px;
		font-size:.9em;
		border:1px solid #000;
		padding:3px 0 3px 3px
	}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#navigation ul {
		position:relative;
		text-transform:uppercase;
		/*font-family:arial, sans-serif;*/
		font-family:arial,FreeSans,helvetica,sans-serif;
		font-size:1.2em;
		font-weight:bold
	}
	* html #navigation ul {float:left;}
	#navigation ul li {
		/*position:relative;*/
		float:left;
		background:#ee1c23;
		margin:0 1px 0 0
	}
	#navigation ul li a {
		display:block;
		float:left;
		color:#fff;
		background:#e30202 url(../mediastore/img/background/menu_a.gif) repeat-x;
		padding:8px 12px 6px 12px
	}
	#navigation ul li a:hover, #navigation ul li.on a {background:url(../mediastore/img/background/menu_a_on.gif) no-repeat right bottom}
	#navigation ul li abbr, #navigation ul li acronym  {
		text-decoration:none;
		border:0;
	}
/* ----------------------------------------------------- Second niveau */
	#navigation ul li ul {
		position:absolute;
		top:-999px;
		left:0;
		/*width:150px;*/
		width:746px;
		background:#DF0202;/*#ee1c23;*/
		/*text-transform:none;*/
		font-size:.8em;
		font-weight:normal;
		padding:7px 10px 7px 10px;
	}
	#navigation ul li ul.survol {top:31px}
	#navigation ul li ul li {
		float:left;
		/*float:none;*/
		background:none;
		margin:0 15px 0 0
	}
	#navigation ul li ul#luigi li {
		float:left;
		/*float:none;*/
		background:none;
		margin:0 5px 0 0 !important;
	}
	#navigation ul li.on ul li a {
		display:inline;
		float:none;
		background:url(../mediastore/img/background/fleches_blanc.gif) no-repeat 0 6px;
		padding:0 0 0 10px
	}
	#navigation ul li.on ul li a:hover {background:url(../mediastore/img/background/fleches_blanc.gif) no-repeat 0 6px}
	#navigation ul li.sf-breadcrumb ul {
    display: block;
    top:31px
  }
/* --------------------------------------------------------------------------------------------- Banniere visuelle */
	#banniere_dossier {
		vertical-align:middle;
		margin:17px 0 5px 0
	}
/* --------------------------------------------------------------------------------------------- Main */
	#left_plus_middle {
		float:left;
		width:778px
	}

/* --------------------------------------------------------------------------------------------- Main but really larger you know dude?! */
	#left_plus_middle_plus_right {
	  float: left;
		width:942px;
		padding:10px;
	}

/* --------------------------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:469px
	}
	#left span.theme {
		font-weight:bold;
		display:block;
		text-transform:uppercase;
		font-family:arial, sans-serif;
	}
/* ------------------------------------------------------------------------- Titres */
	#left h2 {
		clear:both;
		/*float:left;*/
		text-transform:uppercase;
		font-family:arial, FreeSans, sans-serif;
		font-size:1.6em
	}
	#left h2 a, #left h2 span {
		position:relative;
		display:block;
		float:left;
		color:#fff;
		background:#e30202 url(../mediastore/img/background/h2.gif) repeat-x;
		padding:4px 12px 4px 14px;
		left:-14px
	}
	#left h2 a:hover {background:#e30202}
	#left h3 {
		font-weight:normal;
		color:#e10202
	}
	#left h3 a {color:#e10202}
	#left h3.couleur_01 a {color:#000}
/* ------------------------------------------------------------------------- Liens */
/* ----------------------------------------------------- Interactif */
	div.interactif {color:#fff}
	div.interactif * {display: inline;}
	div.interactif a {
		color:#000;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:left center;
		padding:0 0 0 17px
	}
	div.interactif a:hover {text-decoration:underline}
	div.interactif a.reagir {background-image:url(../mediastore/img/background/reagir.png)}
	div.interactif a.conseiller_ami {background-image:url(../mediastore/img/background/envoyer_ami.png)}
	div.interactif a.galerie_photos {background-image:url(../mediastore/img/background/galerie_photos.png)}
	div.interactif a.video {background-image:url(../mediastore/img/background/video.png)}
	div.interactif a.autre_article {
		background-image:url(../mediastore/img/background/autre_article.png);
		padding-left:12px;
		color:#e10202;
		font-weight:bold;
	}
/* ----------------------------------------------------- Multimedias */
	ul.multimedia {
		display:inline;
		float:right;
		margin:0 10px 0 0;
		padding-top:5px;
	}
	ul.multimedia li {
		display:inline;
		float:left;
		margin:0 5px 0 0
	}
/* ------------------------------------------------------------------------- Bouton de partage */
.share {
float:right;
position: relative;
}
.on_partage {
background: transparent url(../mediastore/img/elements/top_partage.gif) no-repeat 0 0;
display: none;
padding: .5em .5em 2em .5em;
position: absolute;
top: 2.5em;
/*left: -4em;*/
right:-1em;
width: 210px;
}
.on_partage ul {
list-style: none none !important;
padding: 1em;
margin: 0;
}
.on_partage ul li {
padding-left: 2em;
}
.on_partage  .left {
	float: left;
}
.social {
	outline:none;
}


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


/* ------------------------------------------------------------------------- Boutons qui servent de menu deroulant */
	ul.multimedia li ul {
		display:none;
		background-color:#FFF;
		width:290px;
		float:none;
		padding:2px;
		border:1px solid #000;
	}
	ul.multimedia li {
		position:relative;
	}
	ul.multimedia li:hover ul, ul.multimedia li.sfHover ul {
		position:absolute;
		display:block;
		top:25px;
		left:0;
	}
	ul.multimedia li ul li {
		display:block;
		float:left;
		clear:left;
		padding:2px;
		color:#000;
		text-decoration:none;
		width: 290px;
	}
	ul.multimedia li ul li a {
		color:#000;
		text-decoration:none;
		background:transparent url("http://v2.nordeclair.fr/mediastore/img/background/fleches_noir.gif") no-repeat scroll 0 6px;
		padding-left:10px;
	}
	ul.multimedia li ul li a:hover, ul.multimedia li ul li a:focus {
		background:transparent url("http://v2.nordeclair.fr/mediastore/img/background/fleches_rouge.gif") no-repeat scroll 0 6px;
		text-decoration:none;
		color:#DF0202;
		text-shadow: #df0202 0 0 0;
	}
	.invisible {
		visibility:hidden;
	}
	ul.multimedia li ul li.title_deroulant {
		background-color:#DF0202;
		font-weight:bold;
		color:#FFF;
		width:90%;
		text-align:right;
	}


/* --------------------------------------------------------------------------------------------------------- TOP-BLOCK */
	#top_block {
		width:774px;
		padding:0;
		margin:0 0 6px 0;
		background:black url("../mediastore/img/background/bande_pointiles.gif") repeat-y right top;
		float:left;
	}

/* ------------------------------------------------------------------------- A la une */
	h3 {
		font-weight:normal;
		color:#e10202
	}
	h3 a {color:#e10202}
	h3.couleur_01 a {color:#000}
	h2.une {
		font-size:1.2em;
		color:#000;
		text-indent:4px;
		padding:0 0 2px 0
	}
	/* par Tom */
	#left h2.soustitre, #left_plus_middle h2.soustitre {
		clear:both;
		font-family: Arial, FreeSans, Sans, sans-serif;
		font-size: 1.25em;
		text-transform:uppercase;
		color:black;
		padding: 5px 2px 2px;
		text-indent:4px;
	}
	#une {
		float:left;
		display:inline;
		width:469px;
		background:#000;
		padding:5px 0 15px 0;
		margin-right:5px;
	}
	#une h3 {
		line-height:1em;
		font-size:2.5em;
		padding:0 12px 8px 12px;
		text-shadow:#000 0 0 0;
	}
	#une img {
		float:left;
		margin:0 15px 0 12px;
		width:280px;
	}
	#une p {
		line-height:1.25em;
		color:#fff;
		margin:0 12px 2px 12px
	}
	#une ul.multimedia li a img {
		margin:0;
		width:24px;
		height:25px;
	}
	#une div.interactif {
		color:#000;
		margin:0 0 0 12px;
		clear:both;
	}
	#une div.interactif a {color:#999}

/* ------------------------------------------------------------------------- Fil d'Ariane */
	p.fil_ariane {
		margin-top:10px;
		margin-left:10px;
		color:#AAA;
	}
	p.fil_ariane a{
		color:#AAA;
		text-decoration:underline;
	}

/* ------------------------------------------------------------------------- Pagination */
	p.pagination {
		margin: 10px 0 10px 10px;
		text-align: center;
	}
	p.pagination a {
    border: 1px solid #CCC;
		color:#EE1C23;
		padding: 2px 6px;
		margin: 0 2px;
	}
	p.pagination a:hover {
    border: 1px solid #CCC;
    background: #EE1C23;
		color: white;
	}
	p.pagination .cache {display: none;}
	p.pagination strong {
		padding: 2px 6px;
		margin: 0 2px;
    color: black;
    border: 1px solid #EEE;
    background: #EEE;
  }
  p.pagination span.nbPagesDansLaPagination {text-transform: uppercase;}

/* ------------------------------------------------------------------------- Liste des actualites */
	#left ul.liste_actus {
		padding:0 0 5px 12px;
		clear:both;
	}
	#left ul.liste_actus li {
		float:left;
		width:100%;
		border-bottom:1px solid #c0c0c0;
		padding:10px 0 5px 0
	}
	#left ul.liste_actus li.last {border:0}
	#left ul.liste_actus li img {
		float:left;
		margin:0 10px 0 0
	}
	#left ul.liste_actus li h3 {
		font-size:1.6em;
		margin:0 0 4px 0
	}
	#left ul.liste_actus li h3.plus_important {
		line-height:1.05em;
		font-size:2.2em
	}
	#left ul.liste_actus li h3.titre_simple a {
		font-size:80%;
		font-weight:bold;
	}
	#left ul.liste_actus li p {
		line-height:1.3em;
		margin:0 0 6px 0
	}
	#left ul.liste_actus li ul.multimedia li {
		width:auto;
		border:0;
		padding:0
	}
	#left ul.liste_actus li ul.multimedia li img {
		margin:0;
		width:24px;
		height:25px;
	}
/* ------------------------------------------------------------------------- Album photo */
	#left div.album_photo {
		float:left;
		width:100%;
		background:#2e2e2e;
		padding:8px 0;
		margin:0 0 10px 0
	}
	#left div.album_photo img {
		float:right;
		border:5px solid #000;
		margin:0 10px
	}
	#left div.album_photo h2 {
		clear:none;
		float:none;
		width:auto;
		font-size:1.2em;
		font-weight:normal;
		color:#e10202;
		margin:0 0 15px 15px
	}
	#left div.album_photo h3 {
		line-height:1em;
		font-size:2.1em;
		color:#fff;
		margin:0 15px 10px 15px
	}
	#left div.album_photo h3 a {color:#fff}
	#left div.album_photo div {
		font-size:1.2em;
		color:#fff;
		margin:0 15px
	}
	#left div.album_photo div a {
		text-decoration:underline;
		color:#fff
	}
	#left div.album_photo div a:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Pub */
	/* #left div.pub {margin:0 0 10px 0} */
	#left #article div.pub {
		margin:10px 0 10px 10px;
		float:right;
	}
/* ------------------------------------------------------------------------- Liste de liens d'actualites */
	#left ul.liste_liens_actus {
		float:left;
		width:100%;
		font-size:1.1em;
		margin:10px 0 20px 0
	}
	#left ul.liste_liens_actus li {
		background:url(../mediastore/img/background/pointilles_noir.gif) repeat-x left bottom;
		padding:3px 7px;
		margin:0 13px 0 8px
	}
	#left ul.liste_liens_actus li.last {background:none}
	#left ul.liste_liens_actus li a {color:#2e2e2e}
	#left ul.liste_liens_actus li a.ville {
		font-weight:bold;
		color:#DD0202
	}
/* ------------------------------------------------------------------------- Pointilles verticals */
	#left div.pointilles_vertical {
		float:left;
		width:100%;
		background:url(../mediastore/img/background/pointilles_vertical_noir.gif) repeat-y center top;
		margin:0 0 10px 0
	}
/* ------------------------------------------------------------------------- Sondage et forum */
	#left div.pointilles_vertical #sondage h2, #left div.pointilles_vertical #forum h2 {
		float:none;
		width:auto;
		text-align:center;
		font-size:2.5em;
		color:#fff;
		padding:20px 0;
		margin:0 0 8px 0
	}
/* ------------------------------------------------------------------------- Sondage */
	#left div.pointilles_vertical #sondage {
		float:left;
		width:235px;
		padding:0 0 10px 0
	}
	#left div.pointilles_vertical #sondage h2 {
		background:#000;
		border-right:1px solid #fff
	}
	/*#left div.pointilles_vertical #sondage h3 {
		padding-left:5px;
	}*/
	#left div.pointilles_vertical #sondage fieldset {
		border:0;
		padding:0 0 0 15px;
		margin:0 0 4px 0
	}
	#left div.pointilles_vertical #sondage fieldset legend {margin-left:-5px}
	#left div.pointilles_vertical #sondage fieldset legend h3 {width:205px}
	#left div.pointilles_vertical #sondage fieldset h4 {clear:both}
	#left div.pointilles_vertical #sondage fieldset ul {
		color:#4b4b4b;
		padding:0 10px
	}
	#left div.pointilles_vertical #sondage fieldset ul li {
		float:left;
		width:100%;
		padding-bottom:2px
	}
	#left div.pointilles_vertical #sondage fieldset ul li input {
		float:left;
		width:13px;
		height:13px;
		margin:2px 7px 0 0
	}
	#left div.pointilles_vertical #sondage fieldset ul li label {float:left}
	#left div.pointilles_vertical #sondage fieldset input.bouton {margin:8px 0 0 65px}
	#left div.pointilles_vertical #sondage a {
		float:right;
		color:#000;
		text-decoration:underline;
		background:url(../mediastore/img/background/fleches_noir.gif) no-repeat left 50%;
		padding:0 0 0 11px;
		margin:0 17px 0 0
	}
	#left div.pointilles_vertical #sondage a:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Forum */
	#left div.pointilles_vertical #forum {
		float:left;
		width:234px
	}
	#left div.pointilles_vertical #forum h2 {background:#dd0202}
	#left div.pointilles_vertical #forum div {padding:0 0 0 9px}
	#left div.pointilles_vertical #forum div img {
		float:left;
		margin:0 10px 0 0
	}
	#left div.pointilles_vertical #forum div a.titre {
		font-size:1.5em;
		color:#000;
		line-height:1.2em
	}
	#left div.pointilles_vertical #forum div span {
		clear:both;
		display:block;
		font-size:.9em;
		color:#4b4b4b;
		padding:10px 0 0 0
	}
	#left div.pointilles_vertical #forum div blockquote {
		line-height:1.2em;
		color:#dd0202;
		border-bottom:1px solid #b2b2b2;
		padding:0 0 7px 0
	}
	#left div.pointilles_vertical #forum div a.interactif {
		display:block;
		color:#000;
		text-decoration:underline;
		background:url(../mediastore/img/background/fleches_noir.gif) no-repeat 0 50%;
		padding:0 0 0 10px;
		margin:3px 0 0 0
	}
	#left div.pointilles_vertical #forum div a.interactif:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Ils font l'actu */
	#left #font_actu {
		text-indent:34px;
		font-size:2.6em;
		color:#fff;
		background:#000;
		padding:2px 16px 2px 0;
		margin:10px 0 0 0
	}
	#left div.font_actu {
		float:left;
		width:210px;
		padding:14px 12px
	}
	#left div.font_actu img.illustration {
		margin:0 10px;
		width:130px;
		}
	#left div.font_actu img.fleche {margin:0 0 70px 0}
	#left div.font_actu h3 {
		font-size:1.4em;
		font-weight:bold;
		color:#000
	}
	#left div.font_actu p {line-height:1.25em}
	#left div.font_actu a {
		color:#dd0202;
		text-decoration:underline
	}
	#left div.font_actu a:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Bloc */
	#left div.bloc {
		float:left;
		width:100%;
		background:#2e2e2e;
		padding:4px 0 10px 0;
		margin:0 0 13px 0
	}
	#left div.bloc span.theme {
		color:#fff;
		margin:0 0 2px 13px
	}
	#left div.bloc img {
		float:left;
		margin:0 9px 0 13px
	}
	#left div.bloc h3 {
		line-height:1em;
		font-size:1.6em;
		margin:0 0 5px 13px
	}
	#left div.bloc p {
		line-height:1.25em;
		color:#fff;
		margin:0 0 0 13px
	}
/* --------------------------------------------------------------------------------------------- Middle */
	#middle {
		float:left;
		width:300px;
		padding:0 4px 0 5px
	}
  * html #middle {
    padding: 0 0 0 5px;
  }
/* ------------------------------------------------------------------------- Dernieres minutes */
	#dernieres_minutes {
		float:left;
		width:300px;
		min-height:279px;
		background:#4c4c4c;
		padding:7px 0 5px 0;
		margin:0 0 0px 0
	}
	* html #dernieres_minutes {height:279px}
	#dernieres_minutes h2 {
		text-transform:uppercase;
		font-family:arial, sans-serif;
		font-size:1.2em;
		color:#fff;
		padding:0 0 0 6px;
		margin:0 0 7px 0;
	}
/* ----------------------------------------------------- Onglets */
	#dernieres_minutes ul.onglets {
		text-transform:uppercase;
		font-family:arial, sans-serif;
		font-size:.9em
	}
	#dernieres_minutes ul.onglets li {display:inline}
	#dernieres_minutes ul.onglets li a {
		display:block;
		float:left;
		color:#999;
		padding:3px 5px 1px 5px
	}
	#dernieres_minutes ul.onglets li a:hover, #dernieres_minutes ul.onglets li a:focus, #dernieres_minutes ul.onglets li.ui-tabs-selected a {
		color:#fff;
		background:#e10202
	}
	#dernieres_minutes ul.onglets li.ui-tabs-selected a {cursor:text}
	#dernieres_minutes ul.onglets li a:focus, #dernieres_minutes ul.onglets li.ui-tabs-selected a:hover {text-decoration:none}
/* ----------------------------------------------------- Fragment */
	#dernieres_minutes div.fragment {
		float:left;
		width:100%;
		border-top:1px solid #e10202
	}
	#dernieres_minutes div.fragment h3 {
		visibility:hidden;
		height:0;
		font-size:0;
	}
	#dernieres_minutes div.fragment ul {
		float:left;
		width:100%;
		border-bottom:1px solid #e10202;
		color:#fff
	}
	#dernieres_minutes div.fragment ul li {padding:3px 5px 3px 9px}
	#dernieres_minutes div.fragment ul li.alterne {background:#2e2e2e}
	#dernieres_minutes div.fragment ul li span.heure {font-size:.9em}
	#dernieres_minutes div.fragment ul li a {color:#fff}
/* ----------------------------------------------------- Toutes les breves */
	#dernieres_minutes #toutes_breves {
		clear:both;
		display:block;
		text-transform:uppercase;
		text-align:right;
		font-size:.8em;
		color:#fff;
		padding:3px 0 0 0;
		margin:0 13px 0 0
	}
/* ------------------------------------------------------------------------- Pub */
	#middle div.pub {margin:0 0 15px 0}
	/*	#middle div.pub img {border:1px solid #000} */
/* ------------------------------------------------------------------------- Onglet */
	#middle ul.onglets_2 {
		float:left;
		width:100%;
		text-transform:uppercase;
		font-family:arial, sans-serif;
		font-size:1.1em
	}
	#middle ul.onglets_2 li {display:inline}
	#middle ul.onglets_2 li a {
		float:left;
		color:#4e4e4e;
		font-weight:bold;
		background:#eee url(../mediastore/img/background/onglet_a.gif) no-repeat left top
	}
	#middle ul.onglets_2 li a span {
		display:block;
		float:left;
		background:url(../mediastore/img/background/onglet_span.gif) no-repeat right top;
		padding:5px 10px 3px 10px;
		cursor:pointer
	}
	#middle ul.onglets_2 li a:hover, #middle ul.onglets_2 li a:focus, #middle ul.onglets_2 li.ui-tabs-selected a {
		color:#fff;
		background-color:#171717;
		background-position:0 -48px
	}
	#middle ul.onglets_2 li a:hover span, #middle ul.onglets_2 li a:focus span, #middle ul.onglets_2 li.ui-tabs-selected a span {background-position:right -48px}
	#middle ul.onglets_2 li.ui-tabs-selected a:hover, #middle ul.onglets_2 li.ui-tabs-selected a:focus {text-decoration:none}
	#middle ul.onglets_2 li.ui-tabs-selected a:hover span {cursor:text}
/* ------------------------------------------------------------------------- Bloc */
	#middle div.bloc {
		float:left;
		width:100%;
		text-align:center;
		font-family:arial, sans-serif;
		color:#fff;
		background:#626262 url(../mediastore/img/background/degrade_noir_gris.jpg) repeat-x;
		padding:30px 0;
		margin:0 0 10px 0
	}
	#middle div.bloc div h2 {
		visibility:hidden;
		font-size:0
	}
/* ----------------------------------------------------- Photos */

/* ----------------------------------------------------- Videos */
	#middle div.bloc div ul {
		text-align:left;
		padding:0 0 0 28px;
		margin:15px 0 0 0
	}
	#middle div.bloc div ul li {
		background:url(../mediastore/img/background/fleches_blanc.gif) no-repeat 0 6px;
		padding:0 0 0 11px;
		margin:0 0 5px 0
	}
	#middle div.bloc div ul li a {color:#fff}
	#middle #videos div a, #middle #audio div a {
		color:#FFF;
		margin:5px auto;
	}
/* ----------------------------------------------------- Dessins */

/* ------------------------------------------------------------------------- Infos locales */
	#middle #infos_locales {
		text-indent:3px;
		text-transform:uppercase;
		font-family:arial, sans-serif;
		font-size:1.1em;
		color:#020202;
		border-bottom:1px solid #505050
	}
/* ------------------------------------------------------------------------- Nuage de tags */
	#middle ul.nuage_tags {
		font-weight:bold;
		font-family:FreeSans, sans-serif;
		padding:0 6px;
		margin:0 0 10px 0
	}
	#middle ul.nuage_tags li {
		display:inline;
		margin:0 2px
	}
	#middle ul.nuage_tags li a {color:#dd0202}
/* ------------------------------------------------------------------------- Dessin du jour */
	#middle #dessin_jour {
		float:left;
		width:100%;
		background:#2e2e2e;
		padding:0 0 8px 0;
		margin:0 0 14px 0
	}
	#middle #dessin_jour a {color:#fff}
	#middle #dessin_jour h2 {
		text-transform:uppercase;
		font-family:arial, FreeSans, sans-serif;
		font-size:1.6em;
		color:#fff;
		background:#dd0202;
		padding:2px 0 2px 8px;
		margin:0 0 8px 0
	}
	#middle #dessin_jour h2 span {
		text-transform:none;
		font-family:'trebuchet ms', FreeSans, sans-serif;
		font-style:italic;
		font-weight:normal
	}
	#middle #dessin_jour img.dessin {
		float:left;
		border:1px solid #000;
		margin:0 10px
	}
	#middle #dessin_jour .titre {
		display:block;
		font-family:arial, sans-serif;
		font-size:1.2em;
		margin:0 0 8px 0
	}
	#middle #dessin_jour img.signature {
		float:right;
		margin:0 45px 10px 0
	}
	#middle #dessin_jour #envoie_dessin {
		display:block;
		float:right;
		width:127px;
		text-align:center;
		font-family:arial, sans-serif;
		font-size:1.2em;
		border:1px solid #585858;
		background:#000 url(../mediastore/img/background/envoie_dessin.gif) repeat-x;
		padding:5px;
		margin:0 10px 0 0
	}
	* html #middle #dessin_jour #envoie_dessin {float:none}
	#middle #dessin_jour #envoie_dessin span {
		text-transform:uppercase;
		font-weight:bold
	}
	#middle #dessin_jour #envoie_dessin:hover {
		background:#000;
		text-decoration:none
	}
/* ------------------------------------------------------------------------- Degrade horizontal  */
	#middle div.degrade_horizontal {
		float:left;
		width:100%;
		font-family:arial, sans-serif;
		color:#fff;
		background:#000 url(../mediastore/img/background/degrade_horizontal.gif) repeat-y right top;
		margin:0 0 11px 0
	}
	#middle div.degrade_horizontal div {padding:14px}
	#middle div.degrade_horizontal div h2 {
		visibility:hidden;
		font-size:0
	}
/* ----------------------------------------------------- Cinema  */
	#middle div.degrade_horizontal div img.illustration {
		float:left;
		border:5px solid #fff;
		margin:0 10px 0 0;
		width:110px;
	}
	#middle div.degrade_horizontal div .titre {
		font-size:1.2em;
		font-weight:bold;
		color:#df0202;
		text-shadow:#df0202 0 0 0;
	}
	#middle div.degrade_horizontal div a.lien {
		background:url(../mediastore/img/background/fleches_rouge.gif) no-repeat 0 6px;
		padding:0 0 0 10px;
		color:#dd0202;
		text-shadow:#df0202 0 0 0;
	}
	#middle div.degrade_horizontal div .titre span {
		font-weight:normal;
		color:#fff;
		text-shadow:#fff 0 0 0;
	}
	#middle div.degrade_horizontal div .titre:hover span {text-decoration:none}
	#middle div.degrade_horizontal div .titre.plus_important {font-size:1.6em}
	#middle div.degrade_horizontal div h3 {
		font-size:1.2em;
		color:#fff;
		text-shadow:#fff 0 0 0;
		border-bottom:1px solid #fff;
		padding:0 0 3px 0;
		margin:10px 0 5px 0
	}
	#middle div.degrade_horizontal div ul.toujours_affiche {text-transform:uppercase}
	#middle div.degrade_horizontal div ul li {padding:2px 0}
	#middle div.degrade_horizontal div ul.toujours_affiche li a {color:#dd0202}
	#middle div.degrade_horizontal .cotation {
		display:inline;
		padding:6px 4px 8px 0;
	}
	#middle div.degrade_horizontal .cotation span {
		font-size:0.8em;
		color:#ababab;
		margin-bottom:12px;
	}
	* html #middle div.degrade_horizontal .cotation img.on  {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mediastore/img/cotation/etoile_on.png',sizingMethod='crop');
        background-image:none
	}
	* html #middle div.degrade_horizontal .cotation img.off  {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mediastore/img/cotation/etoile_off.png',sizingMethod='crop');
        background-image:none
	}
/* ----------------------------------------------------- Restos  */

/* ----------------------------------------------------- Musique  */

/* ----------------------------------------------------- Sorties  */

/* ------------------------------------------------------------------------- Degrade couleur  */
	#middle div.degrade_couleur {
		float:left;
		width:100%;
		font-family:arial, sans-serif;
		background:#000 url(../mediastore/img/background/degrade_couleur.jpg) repeat-x left bottom;
		padding:2px 0 17px 0;
		margin:0 0 10px 0
	}
	#middle div.degrade_couleur h2{
		text-transform:uppercase;
		font-size:2em;
		color:#dd0202;
		padding:0 0 0 9px;
		margin:0 0 3px 0
	}
	#middle div.degrade_couleur h2 a {
		color:#dd0202;
		padding:0;
		margin:0;
		text-shadow: 0 0 0 #000;
	}
	#middle div.degrade_couleur img {
		display:block;
		margin:0 auto 6px auto;
		width:292px;
	}
	#middle div.degrade_couleur h3{
		font-size:1.4em;
		color:#fff;
		padding:0 13px;
		margin:0 0 3px 0
	}
	#middle div.degrade_couleur h3 a {
		color:#fff;
		font-weight:bold;
	}
	#middle div.degrade_couleur ul {padding:0 13px}
	#middle div.degrade_couleur ul li {
		background:url(../mediastore/img/background/fleches_blanc.gif) no-repeat 0 6px;
		padding:0 0 0 10px;
		margin:0 0 3px 0
	}
	#middle div.degrade_couleur ul li a {color:#fff}
	#middle div.degrade_couleur ul li a.plus_important {
		font-size:1.2em;
		font-weight:bold
	}
/* ------------------------------------------------------------------------- Sommaire du dossier */
	#middle #sommaire_dossier {
		width:278px;
		padding:10px;
		border-left:1px #000000 dashed;
		border-right:1px #000000 dashed;
		border-bottom:20px #000000 solid;
		/*border-top:40px #000000 solid;*/
		margin-bottom:10px;
	}
	#middle #sommaire_dossier li {
		font-size:1.1em;
		margin-bottom:6px;
	}
	#middle #sommaire_dossier li a {
		color:#fd2220;
		text-decoration:underline;
	}
	#middle #sommaire_dossier li a:hover {
		color:#787878;
		text-decoration:none;
	}
	#middle #span_sommaire {
		display:block;
		background-color:#000000;
		color:#FFFFFF;
		font-family:arial, sans-serif;
		font-size:1.7em;
		text-transform:uppercase;
		padding :10px;
	}
/* ------------------------------------------------------------------------- Commentaires du dossier */
	#left #commentaires_dossier {
		width:418px;
		padding:10px;
		border-left:1px #c6007b dashed;
		border-right:1px #c6007b dashed;
		border-bottom:20px #c6007b solid;
		/*border-top:40px #000000 solid;*/
		margin:0 13px 10px 13px;
	}
	#left #commentaires_dossier li {
		padding: 5px 0;
		font-family:arial, sans-serif;
		color:#4B4B4B;
        font-size:0.9em;
	}
	#left #commentaires_dossier li a {
		display:block;
		color:#DA41AE;
		font-size:1.1em;
	}
	#left #commentaires_dossier li a:hover {
		color:#787878;
		text-decoration:none;
	}
	#left #span_commentaires_dossier {
		display:block;
		background-color:#c6007b;
		color:#FFFFFF;
		font-family:arial, sans-serif;
		font-size:1.7em;
		text-transform:uppercase;
		padding:10px;
		width:420px;
		margin:15px 13px 0 13px;
		clear:both;
	}
/* ------------------------------------------------------------------------- Sondage du dossier */
	#middle #sondage_dossier, #middle #sondage {
		width:278px;
		/*padding:2px 10px 10px 10px;*/
		border-left:1px #000000 dashed;
		border-right:1px #000000 dashed;
		border-bottom:20px #000000 solid;
		margin-bottom:10px;
	}
	#middle #span_sondage_dossier {
		display:block;
		background-color:#ff0101;
		color:#FFFFFF;
		font-family:arial, FreeSans, sans-serif;
		font-size:1.7em;
		text-transform:uppercase;
		padding :10px;
	}
	#middle #sondage_dossier fieldset, #flottant_gauche #sondage fieldset {
		border:0;
	}
	#middle #sondage_dossier ul, #flottant_gauche #sondage ul {
		padding-left:10px;
		padding-bottom:10px;
	}
	#middle #sondage_dossier input.bouton {
		margin-left:120px;
	}
/* ------------------------------------------------------------------------- Album photos du dossier */
	#album_photo {
		float:left;
		width:100%;
		margin-top:10px;
		background-color:#2a2a2a;
		height:220px;
	}
	#album_photo span {
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
		text-transform:uppercase;
		color:#fe0201;
		margin:10px;
	}
	#album_photo h3 {
		display:block;
		font-size:1.7em;
		margin:10px;
	}
	#album_photo h3 a {
		color:#FFFFFF;
	}
	#album_photo a.prev,#album_photo a.next {
		float:left;
		outline:0;
	}
	#album_photo a.prev {
		clear:both;
		margin-top:34px;
		margin-left:5px;
	}
	#album_photo a.next {
		margin-top:34px;
	}
	#carousel {
		float:left;
	}
	#album_photo #carousel img {
		border:#000000 3px solid;
		margin:3px;
	}
	#liens_album_photo {
		float:left;
		margin-left:30px;
		margin-top:6px;
	}
	#liens_album_photo li {
		display:inline;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
	}
	#liens_album_photo li a {
		font-size:1.1em;
		color:#FFFFFF;
		text-decoration:underline;
	}
	#liens_album_photo li a:hover {
		text-decoration:none;
	}
/* --------------------------------------------------------------------------------------------- Article */
	#article {
		margin-top:12px;
		font-family:"Trebuchet MS", arial, sans-serif;
		font-size: 1em;
	}
	#article a {
		color:#ff0101;
	}
	#article span {
	padding-left:12px;
	}
	#left #article h2 {
		padding-left:12px;
		/*margin-bottom:10px;*/
		font-family:"Trebuchet MS", arial, FreeSans, sans-serif;
		font-size:2.2em;
		font-weight:normal;
		color:#e10202;
		text-transform:none;
		float:none;
	}
	#article p {
		padding-left:10px;
		margin:1em 0;
	}
	#article p.accroche {
		margin-top:1.4em;
		font-weight:bold;
	}
	#article p.chapeau_article {
		font-weight:bold;
		text-align:justify;
		padding-right:10px;
		clear:right;
	}
	#article p.story_date {
		color:#4A4A4A;
		font-size:.95em;
		margin:0 0 10px 14px;
		padding-left:14px;
	}
	.clear {
		clear:both;
		visibility:hidden;
	}
	#article #debut_article {
		padding-top:10px;
	}
	#article .exergue {
		background:#dd0202;
		padding:10px;
		margin:10px;
		color:#FFFFFF;
	}
/* --------------------------------------------------------------------------- ours */
	.ours {
		width:450px;
		/*float:right;
		clear:left;*/
		padding:0;
		/*background:#fff url(../mediastore/img/background/ours.gif) repeat-y 10px 0;*/
		border-left:1px #ff0101 dashed;
		border-right:1px #ff0101 dashed;
		margin:10px;
	}
	.ours span {
		display:block;
		background-color:#ff0101;
		color:#FFFFFF;
		font-family:arial, sans-serif;
		font-size:1.7em;
		text-transform:uppercase;
		padding :10px;
	}
	.ours p {
		padding-right:10px;
		color:#626262;
	}
	.ours .fin_ours {
		display: block;
		border-bottom:10px solid #ff0101;

	}


/* --------------------------------------------------------------------------- flottant */
	#flottant_droit {
		width:165px;
		float:right;
		clear:left;
		padding:0;
		background:#fff url(../mediastore/img/background/ours.gif) repeat-y 10px 0;
		/*border-bottom:20px solid #ff0101;*/
		margin-bottom:10px;
		padding-left:10px;
	}
	#flottant_droit span {
		display:block;
		background-color:#ff0101;
		color:#FFFFFF;
		font-family:arial, sans-serif;
		font-size:1.7em;
		text-transform:uppercase;
		padding :10px;
	}
	#flottant_droit p {
		padding-right:10px;
		color:#626262;
	}
	#flottant_droit #fin_flottant {
		display: block;
		border-bottom:10px solid #ff0101;

	}
	#flottant_gauche {
		width:240px;
		float:left;
		clear:right;
		/*padding:2px 10px 10px 10px;*/
		border-left:1px #ff0101 dashed;
		border-right:1px #ff0101 dashed;
		border-bottom:20px #ff0101 solid;
		margin:0 10px 10px 10px;
	}
	#flottant_gauche span {
		display:block;
		background-color:#ff0101;
		color:#FFFFFF;
		font-family:arial, sans-serif;
		font-size:1.7em;
		text-transform:uppercase;
		padding :10px;
	}
	#flottant_gauche #sondage input.bouton {
		margin-left:100px;
		margin-bottom:10px;
	}

/* --------------------------------------------------------------------------- Photos */
	#wrap_illu {
		float:left;
		margin-left:0;
		width:291px;
		margin-right:10px;
	}
	#wrap_illu img {
		border:#000000 3px solid;
	}
	#wrap_illu ul li img {
		border:#000000 1px solid;
	}
	em.credit {
	display:block;
	background:#575757;
	color:#dedede;
	float:left;
	font-size:0.85em;
	font-style:normal !important;
	padding:4px;
	text-rendering:optimizelegibility;
	width:283px;
	}
	#wrap_illu ul.thumbs {
		float:left;
	}
	#wrap_illu ul.thumbs li {
		display:block;
		float:left;
	}
/* --------------------------------------------------------------------------------------------- Sommaire */
	#sommaire {
		margin:8px 0 0 10px;
	}
	.tous_liens {
	clear:both;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	}
	.tous_liens_inline {
	float:right;
	margin-right:5px;
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	}

	ul.supercalifragilisticexpialidocious{
		text-align:center;
		margin:1em 10px;
		background-color:ghostWhite;
		padding:5px;
		border:1px dashed Silver;
	}
	ul.supercalifragilisticexpialidocious li { /* YEAH !!! */
		display:inline;
		font-family:'Trebuchet MS', FreeSans, sans-serif;
		letter-spacing:0.1em;
		text-align:center;
		text-transform:uppercase;
	}
	ul.supercalifragilisticexpialidocious li a {
		color:black;
		font-weight:900;
	}
/* --------------------------------------------------------------------------------------------- Right */
	#right {
		float:left;
		width:184px;
		font-family:arial, sans-serif;
		padding:18px 4px 0 0
	}
/* ------------------------------------------------------------------------- Acceder aux archives */
	#right #acceder_archives {
		float:left;
		width:154px;
		color:#000;
		background:url(../mediastore/img/background/fleches_noir.gif) no-repeat 0 50%;
		padding:0 0 0 10px;
		margin:0 0 5px 20px
	}
/* ------------------------------------------------------------------------- Bouton */
	#right a.bouton {
		display:block;
		float:left;
		width:164px;
		height:28px;
		text-transform:uppercase;
		font-size:1.2em;
		color:#fff;
		background:#f9230c url(../mediastore/img/background/bouton.gif) no-repeat;
		padding:9px 10px 0 10px;
		margin:0 0 10px 0
	}
	#right a.bouton span {
		font-size:1.2em;
		font-weight:bold
	}
	#right a.bouton span.petittexte {
		font-size: .75em;
		font-weight:normal;
		text-transform:none;
	}
	#right a.bouton.deux_lignes {
		height:33px;
		line-height:1em;
		padding-top:4px
	}
	#right a.bouton:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Partenaires annonces */
	#right #titre_partenaires {
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:bold;
		color:#df0202;
		padding:0 0 0 3px;
		display:block;
		float:left;
		clear:both;
	}
	#right #partenaires {
		font-size:1.2em;
		font-weight:bold;
		background:url(../mediastore/img/background/pointilles_noir.gif) repeat-x;
		padding:2px 0 0 0;
		margin:0 0 12px 0
	}
	#right #partenaires li {
		background:url(../mediastore/img/background/pointilles_noir.gif) repeat-x left bottom;
		padding:3px 10px 3px 25px
	}
	#right #partenaires li a {
		background:url(../mediastore/img/background/fleches_noir.gif) no-repeat 0 6px;
		color:#000;
		padding:0 0 0 11px
	}
/* ------------------------------------------------------------------------- Abonnement PDF (autrefois connu sous le nom Espace jeux) */
	#right #abonnement_pdf {
		position:relative;
		display:block;
		float:left;
		width:100%;
		text-transform:uppercase;
		font-family: arial, sans-serif;
		letter-spacing: .1em;
		font-size:1.5em;
		color:#fff;
		line-height: 1.2em;
		margin:0 0 10px 0
	}
	#right #abonnement_pdf img {
		vertical-align:top;
		border:1px solid #000
	}
	#right #abonnement_pdf span {
		position:absolute;
		left:1px;
		bottom:5px;
		display:block;
		width:178px;
		text-align:center;
		background:url(../mediastore/img/background/opacite_75.png);
		padding:8px 0;
		cursor:pointer;
		z-index:44;
	}
	* html #right #abonnement_pdf span {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mediastore/img/background/opacite_75.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------- Abonnement Edition PDF */
	#right #abonnement_pdf {
		vertical-align:middle;
		margin:0 0 5px 0
	}
/* ------------------------------------------------------------------------- Titre couleur */
	#right div.lien_couleur a {
		display:block;
		float:left;
		text-align:right;
		padding-right:7px;
		width:100%;
		font-size:1.1em;
		margin-bottom:10px;
		color:#da41ae
	}
/* ------------------------------------------------------------------------- Titre couleur */
	#right span.titre_couleur {
		display:block;
		float:left;
		width:177px;
		text-transform:uppercase;
		font-size:1.2em;
		color:#fff;
		background:#a80077 url(../mediastore/img/background/motif_violet.gif) repeat-x;
		padding:6px 0 5px 10px;
	}
/* ------------------------------------------------------------------------- Liste couleur */
	#right ul.liste_couleur {
		float:left;
		width:180px;
		font-size:.9em;
		color:#4b4b4b;
		background:url(../mediastore/img/background/pointilles_gris.gif) repeat-x left bottom;
		padding:4px 2px 6px 2px;
		margin:0 0 3px 0
	}
	#right ul.liste_couleur li {
		float:left;
		width:100%;
		padding:7px 0
	}
	#right ul.liste_couleur li a {
		display:block;
		font-size:1.1em;
		color:#da41ae
	}
	#right ul.liste_couleur.inline li a {
		display:inline;
		font-size:1.1em;
		color:#da41ae
	}
/* ------------------------------------------------------------------------- Toutes vos reations */
	#right #toutes_reactions {
		float:right;
		color:#a80077;
		background:url(../mediastore/img/background/fleches_violet.gif) no-repeat 0 6px;
		padding:0 0 10px 10px
	}
/* ------------------------------------------------------------------------- Blogs */
	#right ul#blogs li ul.posts_blogs {
		float:left;
		padding-left:20px;
		list-style-type:square;
		list-style-position:outside;
	}
	#right ul#blogs li ul.posts_blogs li a { color : #4B4B4B; }
/* ------------------------------------------------------------------------- Liste couleur / Separation */
	#right ul.liste_couleur.separation {background:none}
	#right ul.liste_couleur.separation li {border-bottom:1px solid #b2b2b2}
	#right ul.liste_couleur.separation li.last {border:0}
/* ------------------------------------------------------------------------- Envoyez vos photos / videos */
	#right #photos_videos {
		float:left;
		border:1px solid #cfcfcf;
		padding:1px
	}
/* ------------------------------------------------------------------------- Logo presse regionale*/
	#right #presse_regionale {
		display:block;
		margin: 5px auto;
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:926px;
		font-family:arial, sans-serif;
		background:#d60202 url(../mediastore/img/background/footer-bis.gif) repeat-x;
		padding:15px 20px;
		margin:10px 0 0 0
	}
/* ------------------------------------------------------------------------- Rappel du menu */
	#footer #rappel_menu {
		line-height:1.3em;
		font-size:1.5em;
		font-weight:bold;
		margin:0 0 7px 0
	}
	#footer #rappel_menu li {
		display:inline;
		background:url(../mediastore/img/background/fleches_rouge.gif) no-repeat 0 70%;
		padding:0 0 0 10px;
		margin:0 14px 0 0
	}
	#footer #rappel_menu li a {
		color:#000;
		text-shadow:#000 0 0 0;
	}
/* ------------------------------------------------------------------------- Sites du groupe */
	#footer span.titre {
		float:left;
		font-size:1.2em;
		font-style:italic;
		color:#fff
	}
	#footer #sites_groupe {
		font-size:1.2em;
		color:#fff
	}
	#footer #sites_groupe li {display:inline}
	#footer #sites_groupe li a {
		color:#fff;
		margin:0 4px
	}

	/* ------------------------------------------------------------------------- COMMENTAIRE */
	
	
	
	/* modif tat du 22 juillet 2009 */
#left div.messageinfo {
	display:block;
	clear:left;
	margin:10px 0 10px 10px;
	padding:15px 0;
	width:439px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
#left div.messageinfo.error {
	background-color:#B00606;
	color:white;
}
#left div.messageinfo.success {
	background:#D1EFD3 none repeat scroll 0 0;
	border:2px solid green;
	color:green;
}

#left #koopa {
	clear: left;
	margin: 10px 0 10px 10px;
	width: 459px;
}
#left #koopa .titre {
	background: #C6007B;
	color: white;
	display: block;
	font-family: arial, sans-serif;
	font-size: 1.7em;
	padding: 1em;
	text-transform: uppercase;
}
#left #koopa form p {
	margin:1em 0;
}
#left #koopa form p.row label {
	display: block;
	float: left;
	font-weight: 900;
	margin-right: 6px;
	text-align: right;
	width: 7em;
}
#left #koopa form p.row input {
	background: white;
	border: 1px solid #ccc;
	font-family: Arial, 'Trebuchet MS', sans-serif;
	padding: .1em 0 .1em 1em;
}
#left #koopa form p.row input:focus {
	background: #F9F9F9;
	background-repeat: no-repeat;
	background-position: 2px 4px;
	border: 1px solid #C6007B;
}
#left #koopa form p.row #titre_comment {
	background-image: url(../mediastore/img/background/font_lowercase.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	width: 24.7em;
}
#left #koopa form p.row #pseudo {
	background-image: url(../mediastore/img/background/person.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
#left #koopa form p.row #password {
	background-image: url(../mediastore/img/background/key.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
#left #koopa form p.row #comment {
	background: white;
	border: 1px solid #ccc;
	font-family: Arial, 'Trebuchet MS', sans-serif;
	font-size: 1.1em;
	height: 7em;
	padding: .1em 0 .1em .1em;
	text-indent: 1em;
	width: 25.9em;
}
#left #koopa form p.row #comment:focus {
	background-color: #F9F9F9;
	background-image: url(../mediastore/img/background/quote.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	border: 1px solid #C6007B;
}
#left #koopa form p.row #comment {
	background-image: url(../mediastore/img/background/quote.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
#left #koopa p a {color: #FF0101;}
#left #koopa #post_comment {
	background: #C6007B;
	border: 0;
	color: white;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
	padding: .5em 1em;
}

#forums_reactions_wrapper {
	padding-top:10px;
}

#reactions_list {
  padding-left: 10px;
  padding-top:10px;
}
#global #left .all_reactions {
	padding-left:10px;
}
#global #left .all_reactions a {
	color:white;
	background:#C6007B;
	padding:2px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
#global #left .all_reactions a:hover {
	background:black;
	text-decoration:none;
}
.posttopbar {
  padding-bottom: 10px;
  color: #C6007B;
}
.postwrapper {
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 10px;
}
.postcontent p {
  padding-top: 10px;
  text-align: right;
}
.postcontent a {
  background: transparent url(../mediastore/img/background/warning.gif) no-repeat center left;
  color: #C6007B !important;
  padding-left: 15px;
}
/* ------------------------------------------------------------------------- Messages du forum (ajouts de TOM) */
.quotetop, .quotemain {
	background-color:Gainsboro;
	font-size:0.6em;
	margin:0 2em;
}

	/* ------------------------------------------------------------------------- LISTE DE LIENS (comme LISTE ACTUS) */
#left .liste_liens {
	list-style-type:square;
	list-style-position:inside;
	padding:.2em 0 1em 1em;
	color:#DD0202;
	clear:both;
}
#left .liste_liens li {
	line-height:1.4em;
	margin:1em;
}
#left .liste_liens a:link, #left .liste_liens a:visited {
	color:black;
	text-decoration:none;
}
#left .liste_liens a:active, #left .liste_liens a:hover {
	color:black;
	text-decoration:underline;
}
#left .liste_liens a:focus {
	color:white;
	background:black;
	text-decoration:none;
}

	/* ------------------------------------------------------------------------- Salle de redaction */

.bloc_personne {
	float:left;
	width:100%;
	clear:both;
	padding:1px;
	margin:5px 0;
}
.bloc_personne img {
	float:left;
	margin:0 5px 0 0;
	vertical-align:middle;
}
.bloc_personne span, .bloc_personne p {
	display:block;
	clear:right;
	padding:4px 5px 0px 15px;
}
.object-center {
	text-align:center;
	margin-bottom:15px;
}
.bloc_personne span.nom {
	font-weight:bold;
	font-size:1.3em;
}

	/* ------------------------------------------------------------------------- breves de pretoires */

.breve {
		float:left;
		width:100%;
		background:#2e2e2e;
		padding:8px 0;
		margin:0 0 10px 0
}
.breve h2 {
	clear:none;
	float:none;
	width:auto;
	font-size:1.2em;
	font-weight:normal;
	color:#e10202;
	margin:0 0 15px 15px
}
.breve blockquote {
  color: white;
  clear: both;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 80%
}
.breve blockquote  q {
  font-family: Georgia, serif;
  line-height: 1.5em;
  font-size: 1.2em;
}
.breve cite {
  display: block;
  float: right;
  padding-right: 10px;
  color: white;
}
.breve a {
	color:#e10202;
	display: block;
	clear: both;
	float: left;
	padding-left: 10px;
}

	/* ------------------------------------------------------------------------- sondages dossier middle */

#middle #sondage {
  float: left;
  width: 300px;
  margin-bottom: 10px;
}
#middle #sondage h2 {
  background: black;
  color: white;
  font-weight: 900;
  font-size: 2em;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
}
#middle #sondage fieldset {
  border: 0;
  padding: 10px;
}
#middle #sondage fieldset ul {
  padding-top: 10px;
}
#middle #sondage a {
		float:right;
		color:#000;
		text-decoration:underline;
		background:url(../mediastore/img/background/fleches_noir.gif) no-repeat left 50%;
		padding:0 0 0 11px;
		margin:0 17px 0 0
	}
#middle #sondage a:hover {text-decoration:none}
#middle #sondage input.bouton {
  display: block;
  margin: 5px auto 0 auto;
}

/* --------------------------------------------------------------------------------------------- Meteo */

#meteo {
  float: left;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 5px;
  margin-top: 10px;
  width: 100%;
}
#meteo img {
  float: left;
  margin-right: 5px;
}
#meteo .meteo_titre a {
  display: block;
  font-size: 1.7em;
  color: #555555;
  text-decoration: none;
}
#meteo .meteo_temp {
  font-size: 2em;
  margin-top: 10px;
  display: block;
  text-align: center;
}
#meteo .positif {color: #E30202;}
#meteo .negatif {color: #71CCEB;}
#meteo abbr {
  border: 0;
}


#wrap_meteo .per_day {
  width: 42%;
  float: left;
  padding-left: 10px;
  margin: 1em;
}
#wrap_meteo .per_day .date_day {
  font-weight: 900;
  font-variant: small-caps;
  display: block;
  text-align: center;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 10px;
}
#wrap_meteo .per_day ul li {
  text-align: center;
}
.id_este {font-style: italic;}

a.lien {
	color:#FA1900;
	text-decoration:underline;
}


	/* ------------------------------------------------------------------------- specificite des articles */

	#article .bloc_votes {
		background-color:black;
		width:291px;
		text-align:center;
		display:block;
		float:left;
		padding:0 0 0 0;
	}
	#article .bloc_votes .cotation {
		display:inline;
		padding:6px 4px 8px 0;
		text-align:left;
		float:left;
	}
	#article .bloc_votes .cotation span {
		font-size:0.8em;
		color:#ababab;
		margin:0 5px 0 0;
		float:left;
	}
	/* ------------------------------------------------------------------------- GOOGLE SEARCH APPLIANCE - GSA */

.google {
  padding-left: 10px;
  width: 99%;
}
.google h2 {
  margin-bottom: 1em;
}
.google hr.z {
  clear: both;
  visibility: hidden;
}
.google input, .google select {
  padding: 2px;
  background: white;
  border: 1px solid #2E2E2E;
  margin-right: 10px;
}
.google input:focus {
  border: 1px solid red;
}
.google input[name=btnG] {
  border: 0;
  background: #2E2E2E;
  color: white;
  font-weight: 900;
  cursor: pointer;
}
.google h2 {
	font-size:1.6em;
}
.google div#googleresults {
	float:left;
	padding-right:10px;
	text-align:left;
}
.google div#googleads {
	float:right;
	width:300px;
}
.google div#rechercher-top {
	background: #2E2E2E;
	color: white;
	padding: 5px;
	margin: 15px 0;
	text-align: left;
}

.google div#googleresults-encart {
	background-color:#EBEFF9;
	border:1px dotted #CECBC3;
	float:right;
	margin-bottom:8px;
	margin-top:8px;
	padding:4px;
	text-align:left;
	width:290px;
}

.google #srchDates li {
	border-right:1px solid #BEBEBE;
	display:inline;
	float:left;
	padding:0 10px;
}

.google p.g {
  padding-top: 1em;
  font-size: 1.2em;
  border-top: 1px dashed #ccc;
  margin-top: 1em;
}
.google td.s {
  vertical-align: top;
}
.google .google-thumb {
  padding-right: 10px;
}
.google a {
  color: #EE1C23;
}
.google p.g a {
  font-weight: 900;
}
#bottom_googlebox {
  color: white;
}

	/* ------------------------------------------------------------------------- page 404 */

.peugeot {
  display: block;
  width: 450px;
  margin: 1em auto;
}


	/* ------------------------------------------------------------------------- SITE PDF */


#left_plus_middle_plus_right #une_du_jour, #left_plus_middle_plus_right #mode_demploi {
  float: left;
  width: 50%;
  height: 330px;
  margin: 1em 0;
  background: #eee;
}
#left_plus_middle_plus_right p {
  margin: 1em 0;
}
#left_plus_middle_plus_right ul {
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5em;
}
#left_plus_middle_plus_right ol {
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 1.5em;
}
#left_plus_middle_plus_right dl {
  width: 80%;
  margin: 0 auto;
}
#left_plus_middle_plus_right dl dt {
  font-weight: 900;
  font-size: 1.1em;
  font-style: italic;
}
#left_plus_middle_plus_right dl dd {
  padding-bottom: .625em;
  border-bottom: 1px dashed #ccc;
  margin-bottom: .625em;
  padding-left: 2em;
  color: #333;
}
#left_plus_middle_plus_right h3 {
  font-weight: 900;
  font-size: 1.3em;
  background: white;
  border-left: thick solid #E10202;
  margin: 0 0 1em 0;
  padding-left: 1em;
  clear: both;
}
#left_plus_middle_plus_right label {
  font-weight: 900;
  cursor: pointer;
  text-align: right;
}


#left_plus_middle_plus_right #une_du_jour img {
  vertical-align: text-top;
  float: left;
  margin-left: 3em;
}


#left_plus_middle_plus_right .edition_precedente span a, #left_plus_middle_plus_right #une_du_jour a {
  background: #E10202 url(http://www.nordeclair.fr/mediastore/img/background/h2.gif) repeat-x top center;
  border: 1px solid black;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
}
#left_plus_middle_plus_right .edition_precedente span a {
  display: block;
  width: 90px;
  padding: .3em 0;
  margin: .5em auto;
}
#left_plus_middle_plus_right #une_du_jour a {
  padding: .3em .5em;
  float: left;
  margin: 11em 0 0 3em;
}
#left_plus_middle_plus_right #mode_demploi p {
  clear: left;
  text-align: center;
}
#left_plus_middle_plus_right #mode_demploi p a {
  background: #E10202 url(http://www.nordeclair.fr/mediastore/img/background/h2.gif) repeat-x top center;
  border: 1px solid black;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  width: 100px;
  padding: .3em 0;
}
#left_plus_middle_plus_right #mode_demploi ol {
  list-style: none none;
}

#left_plus_middle_plus_right #mode_demploi ol li {
  float: left;
  clear: left;
  padding-bottom: .625em;
  border-bottom: 1px dashed #ccc;
  margin-bottom: .625em;
  width: 100%;
}
#left_plus_middle_plus_right #mode_demploi ol li select {
  float: left;
  margin-left: .5em;
}
#left_plus_middle_plus_right #mode_demploi ol li label {
  float: left;
  display: block;
  text-align: right;
  width: 200px;
}

#left_plus_middle_plus_right .edition_precedente {
  float: left;
  width: 140px;
  border: 1px solid #ccc;
  margin: 1em;
  padding: .625em;
  text-align: center;
}
#left_plus_middle_plus_right .edition_precedente:hover {
  border: 1px solid black;
}

	/* ------------------------------------------------------------------------- FAQ */

#faq {
  padding: 10px;
}
#faq p {
  margin: 1em 0;
}
#faq ul {
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5em;
}
#faq a {
  color: #EE1C23;
}
#faq dl {margin: 1em 0;}
#faq dl dt {
  font-weight: 900;
  font-size: 1.1em;
  font-style: italic;
  margin-bottom: 1em;
}
#faq dl dd {
  padding-bottom: .625em;
  border-bottom: 1px dashed #ccc;
  margin-bottom: .625em;
  padding-left: 2em;
  color: #333;
}
div#pub_middle {
   float: left;
    margin: 0 0 10px 0;
}