/* Sommaire
------------------------------
    1. Structure
    2. Colonne une
    3. Colonne milieu
      3.1 En images
      3.2 Galeries
      3.3 Editos
    4. Colonne droite
      4.1 PDF et caricatures
      4.2 Mon Sudpresse
    5. Colonne gauche
      5.1 Infos onglets
      5.2 Blocs d'infos
      5.3 blocs promos double
      5.4 Bloc politique
*/

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

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. Structure <<<-----------*/
/* ----------------------------------------------------------*/

#content_right {
  float: left;
  width: 9.95em; /* 160px */
}

/* ============ VIVE IE =========== */
* html #content_right {
  float: left;
  width: 10em; /* 160px */
}
/* ============ VIVE IE =========== */

#content_middle {
  float: left;
  margin-right: .625em; /* 10px */
  width: 18.75em; /* 300px */
}
#content_first {
  float: left;
  margin-right: .625em; /* 10px */
  width: 29em; /* 460px */
}
#large_imu {
margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Colonne une <<<-----------*/
/* ----------------------------------------------------------*/

#content #seve {
	background: #0073B2;
	margin-bottom: .625em;
	padding: .625em;
	clear: both;
	float: left;
	width: 57.5em;
}
#seve h2 {
	font-size: 1.5em;
	font-family: 'Trebuchet MS', arial, FreeSans, sans-serif;
	text-transform: uppercase;
	margin-bottom: .625em;
}
#seve a:link, #seve a:visited {
	color: white;
	text-decoration: none;
}
#seve a:active, #seve a:hover {
	color: white;
	text-decoration: underline;
}
#seve h3 {
	color: white;
	font-size: .9em;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#content #seve img {
	float: left;
	margin-right: .625em;
}
#content .besides {
	color: white;
	display: block;
	font-weight: 900;
	font-size: .75em;
	text-transform: uppercase;
}
#content #seve ul {
	float: left;
	padding: .625em 0;
}
#content #seve ul li {
	background: transparent url(../mediastore/static/puce_blanche.gif) no-repeat 0 .7em;
	font-size: .750em;
	line-height: 1.5em;
	padding-left: 1em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Colonne milieu <<<-----------*/
/* ----------------------------------------------------------*/

#mostcomment ul, #mostread ul {
  float: left;
  list-style-type: square;
  list-style-position: inside;
  padding: 0 0 0 .625em;
}
#mostcomment ul li, #mostread ul li {
  padding-top: .625em;
  font-size: .750em;
}
#mostcomment a:link, #mostcomment a:visited {color: #2a2a2a; text-decoration: none;}
#mostcomment a:active, #mostcomment a:hover {color: #2a2a2a; text-decoration: underline;}
#mostread a:link, #mostread a:visited {color: #2a2a2a; text-decoration: none;}
#mostread a:active, #mostread a:hover {color: #2a2a2a; text-decoration: underline;}



#elections_last ul, #elections_last ul {
  float: left;
  list-style-type: square;
  list-style-position: inside;
  padding: 0 0 0 .625em;
}
#elections_last ul li, #elections_last ul li {
  padding-top: .625em;
  font-size: .750em;
}
#elections_last a:link, #elections_last a:visited {color: #2a2a2a; text-decoration: none;}
#elections_last a:active, #mostcomment a:hover {color: #2a2a2a; text-decoration: underline;}
#elections_last a:link, #elections_last a:visited {color: #2a2a2a; text-decoration: none;}
#elections_last a:active, #elections_last a:hover {color: #2a2a2a; text-decoration: underline;}

  /* -------------------------------------------------------------------------------------------------->>> 3.1 En images <<<-----------*/
  
#images, #videos {
	background: #854F99;
	padding-bottom: 0;
	position: relative;
}
#images h3, #videos h3 {
	margin-bottom: 0;
}
#images .desc, #videos .desc {
  background: white;
  bottom: 0;
  font-size: .750em;
  left: 0;
  padding: .625em;
  position: absolute;
}
#images h3 a, #galeries h3 a {
	background: transparent url(../mediastore/elements/photo.gif) no-repeat center left;
	padding-left: 1.5em;
	margin-bottom: 0;
}

  /* -------------------------------------------------------------------------------------------------->>> 3.2 Galeries <<<-----------*/
  
#galeries h3 {margin-bottom: .625em;}
#galeries h4 {
	color: #854f99;
	font-size: .9em;
	padding: 0 0 0 .625em;
}
#galeries .gal, #videos .gal {
	background: transparent url(../mediastore/elements/galerie.gif) no-repeat center center;
	height: 76px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 286px;
}

#gal_01, #gal_02, #gal_vid {
	margin: .9em 0 0 1.3em;
	height: 50px !important;
	overflow: hidden;
	width: 250px !important;
}
#galeries .gal ul li, #videos .gal ul li {
	display: inline;
	margin-right: .85em;
}
#galeries .gal img, #videos .gal img {border: 1px solid white;}
.prev, .next, .prev_bis, .next_bis, .prev_vid, .next_vid {
  color: white !important;
  display: block;
  position: absolute;
  height: 30px;
  line-height: 2em;
  top: 23px;
  width: 10px;
  text-decoration: none !important;
}
.prev:focus, .next:focus, .prev_bis:focus, .next_bis:focus, .prev_vid:focus, .next_vid:focus {background: none; outline: 0;}
.prev, .prev_bis, .prev_vid {color: white !important; left: 7px; text-indent: -2px;}
.next, .next_bis, .next_vid {color: white !important; right: 7px; text-indent: 3px;}

  /* -------------------------------------------------------------------------------------------------->>> 3.3 Edito <<<-----------*/
  
#edito {
	float: left;
	margin-bottom: .35em;
}
#edito img {float: right;}
#edito h3 {font-size: .9em; margin-bottom: .2em;}
#edito h3 a:link, #edito h3 a:visited {color: black; text-decoration: none;}
#edito h3 a:active, #edito h3 a:hover {color: black; text-decoration: underline;}
#edito h3 span {
	font-size: 1em;
	display: inline;
	padding-right: .4em;
}
#edito blockquote {
	background: #eee url(../mediastore/elements/fond_quote.gif) no-repeat 47% 100%;
	color: black;
	font-size: 1em;
	line-height: 1.2em;
	padding: .3em .3em 1em .3em;
	text-align: left;
}
#edito blockquote p {
	background: transparent url(../mediastore/elements/quote.gif) no-repeat top left;
	text-indent: 1.2em;
}
#edito span {
  color: black;
  font-size: .750em;
  font-weight: 900;
}
#edito span.auteur {
	float: right;
	position: relative;
	bottom: .3em;
}
#edito blockquote img {
	float: right;
	margin-left: .625em;
}



/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 4. Colonne droite <<<-----------*/
/* ----------------------------------------------------------*/

.ads {
  float: left;
  margin-bottom: .625em; /* 10px */
  width: 100%;
}
.ads .title_ads {
  background: #5a91c7 url(../mediastore/static/fond_promo.gif) repeat-x 0 0;
  color: white;
  display: block;
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-size: .750em;
  font-weight: 900;
  padding: .3em 0 .3em .625em;
  text-transform: uppercase;
  width: 12.675em;
}
.ads .title_ads acronym {border: 0;}

/* ============ VIVE IE =========== */
* html .ads .title_ads {width: 12.75em;}
*+html .ads .title_ads {width: 12.75em;}
/* ============ VIVE IE =========== */

.ads .inner_ads {
  background: #3a6fa5 url(../mediastore/static/fond_caricature.gif) repeat-x 0 0;
  float: left;
  position: relative;
  width: 10em;
}

  /* -------------------------------------------------------------------------------------------------->>> 4.1 PDF et caricatures <<<-----------*/

#gal_pdf {
  margin: .625em auto 0 auto;
  overflow: hidden;
  width: 122px;
  height: 10.72em; /* 172px */
}
#gal_caricature {
  margin: .625em auto 0 auto;
  overflow: hidden;
  width: 160px;
  height: 135px;
}
#gal_pdf ul, #gal_caricature {
	float: left;
	z-index: 10;
}
#gal_pdf ul li {
  display: block;
  float: left;
  width: 122px;
  height: 10.72em !important; /* 172px */
}
#gal_caricature ul li {
  display: block;
  float: left;
  width: 160px;
  height: 135px;
}
#gal_pdf ul li span, #gal_caricature ul li span {
  color: white;
  display: block;
  font-family: 'Trebuchet MS', arial, FreeSans, sans-serif;
  font-size: .750em;
  font-weight: 900;
  padding-top: .750em;
  padding-bottom: .3em;
  text-align: center;
}
#gal_pdf ul li img, #gal_caricature ul li img {
  display: block;
  margin: 0 auto;
}

.prev_pdf, .next_pdf, .prev_caric, .next_caric {
  color: white !important;
  position: absolute;
  bottom: 0;
  z-index: 50;
}
.prev_pdf, .prev_caric {left: 0;}
.next_pdf, .next_caric {right: 0;}

  /* -------------------------------------------------------------------------------------------------->>> 4.2 Mon Sudpresse <<<-----------*/

#mon_sudpresse {
  float: left;
  font-size: .750em;
  margin-bottom: .625em;
}
#mon_sudpresse ul {
  float: left;
}
#mon_sudpresse ul li {
  background: #878787 url(../mediastore/static/fond_menu_bis.gif) repeat-x bottom left;
  padding: .2em 0 .5em .625em;
  width: 12.675em;
}
#mon_sudpresse li.mon {
  background: #5a91c7 url(../mediastore/static/fond_promo.gif) repeat-x 0 0;
  color: white;
  font-weight: 900;
  padding: .3em 0 .3em .625em;
  text-transform: uppercase;
}
#mon_sudpresse ul li a:link, #mon_sudpresse ul li a:visited {
  color: white;
  text-decoration: none;
}
#mon_sudpresse ul li a:active, #mon_sudpresse ul li a:hover {
  color: white;
  text-decoration: underline;
}

.participer {
  background: #77036e url(../mediastore/static/btn_promo.jpg) no-repeat 0 0;
  display: block;
  float: left;
  font-weight: 900;
  padding: .2em 0;
  text-align: center;
}

/* ============ VIVE IE =========== */
* html .participer {width: 13.25em;}
*+html .participer {width: 13.25em;}
/* ============ VIVE IE =========== */

.participer a:link, .participer a:visited {
  color: white;
  text-decoration: none;
}
.participer a:active, .participer a:hover {
  color: white;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 5. Colonne gauche <<<-----------*/
/* ----------------------------------------------------------*/


  /* -------------------------------------------------------------------------------------------------->>> 5.1 Infos onglets <<<-----------*/

.ui-tabs-hide {display: none;}

#info_en_onglet {
	background: #003466;
	float: left;
	margin-bottom: .625em;
	overflow: hidden;
	height: 12.55em; /*201px */
	width: 100%;
}
#info_en_onglet #onglets_infos {
	background: #5a91c7 url(../mediastore/static/fond_promo.gif) repeat-x top left;
	float: left;
	width: 100%;
}
#info_en_onglet ul.wait {
	background: #5a91c7 url(../mediastore/elements/menu_onglet.gif) no-repeat top center !important;
	float: left;
}
#info_en_onglet #onglets_infos li {
	background-color: transparent;
	background-image: url(../mediastore/static/separation_menu_onglet.gif);
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 7.1875em;
}
#info_en_onglet #onglets_infos li:last-child, #info_en_onglet #onglets_infos li.no_bg {
	background-image: none;
}
#info_en_onglet #onglets_infos li.cache {display: none;}

#info_en_onglet #onglets_infos li h2 {font-size: .750em;}
#info_en_onglet #onglets_infos li a {
  display: block;
  float: left;
  width: 100%;
}
#info_en_onglet #onglets_infos li a:link, #info_en_onglet #onglets_infos li a:visited {
	color: white;
	padding: .2em 0;
	text-decoration: none;
}
#info_en_onglet #onglets_infos li:last-child a:link, #info_en_onglet #onglets_infos li:last-child a:visited {
  background: none;
}
#info_en_onglet #onglets_infos li a:active, #info_en_onglet #onglets_infos li a:hover, #info_en_onglet #onglets_infos li.ui-tabs-selected a {
  background: #07407A !important;
  color: white;
  padding: .2em 0;
  text-decoration: none;
}

.wrap_infos {
  background: #07407A url(../mediastore/static/fond_caricature.gif) repeat-x 100% 100%;
  float: left;
  padding: .625em;
  width: 28em;
}

.wrap_infos a {color: white;}
.wrap_infos img {border: .0625em solid white; float: left; margin-right: .625em;}
.wrap_infos ul li img {border: 0;}
.wrap_infos h3 {
  font-family: 'Trebuchet MS', arial, Tahoma, FreeSans, sans-serif;
  font-size: 1em;
  padding-bottom: .3em;
  text-transform: uppercase;
}
.wrap_infos ul.complement {
  padding-top: .3em;
}
.wrap_infos ul.complement li {display: inline;}

.wrap_infos h3 a:link, .wrap_infos h3 a:visited {
  color: white;
  text-decoration: none;
}
.wrap_infos h3 a:active, .wrap_infos h3 a:hover {
  color: white;
  text-decoration: underline;
}
.wrap_infos p {
  color: white;
  font-size: .750em;
  line-height: 1.2em;
}

  /* -------------------------------------------------------------------------------------------------->>> 5.2 Blocs d'infos <<<-----------*/

.a_la_une img, .secondaire img {
  float: left;
  padding-right: .625em;
}
.secondaire img {
  margin-top: .625em;
  padding-bottom: .625em;
}
.a_la_une h3, .secondaire h3 {
  background: none;
  color: black;
  font-size: 1.2em;
  padding-left: 0;
  text-transform: uppercase;
}

.secondaire h3 {padding-top: .625em; font-size: .9em;}
.secondaire .story_list {
  /*width: 30.9em;*/
  padding-top: 0;
}

/* ============ VIVE IE =========== */
* html .secondaire .story_list {width: 30em;}
*+html .secondaire .story_list {width: 30em;}
/* ============ VIVE IE =========== */

.a_la_une p {
  color: #666;
  /* font-size: .9em; */
  line-height: 1.3em;
}
.a_la_une h3 a:link, .a_la_une h3 a:visited, .secondaire h3 a:link, .secondaire h3 a:visited {
  color: black;
  text-decoration: none;
}
.a_la_une h3 a:active, .a_la_une h3 a:hover, .secondaire h3 a:active, .secondaire h3 a:hover {
  color: black;
  text-decoration: underline;
}

.a_la_une ul.complement {
  padding-top: .3em;
}
.a_la_une ul.complement li {display: inline;}
#fil_info ul {
	width: 100%;
}
#fil_info ul li {
  background: none;
  padding-left: 0;
}
#fil_info ul li span {
	font-weight: 900;
	margin-right: .5em;
}
#content #content_first .secondaire .story_list a {font-weight: 400;}

#promo_une_460x55{
	margin-top:5px;
	margin-bottom:5px;
}
  /* -------------------------------------------------------------------------------------------------->>> 5.3 blocs promos double <<<-----------*/

.promo-double {
  float: left;
  margin-bottom: 10px;
}

.promo-double ul li {display: inline;}
li.first-item {
  padding-right: 6px;
}

  /* -------------------------------------------------------------------------------------------------->>> 5.4 Bloc politique <<<-----------*/
 
.two-entries li {
	display: block;
	float: left;
	width: 215px;
	padding-right: 10px;
	margin-left: 10px;
}
.two-entries li.border-x {
	border-right: 2px dashed #ccc;
	margin-left: 0;
}
.two-entries li img {
	display: block;
	float: left;
	padding-right: 10px;
}
.two-entries li h3 {
	font-weight: 900;
	color: black;
	padding:0px;
	margin-bottom: 4px;
	font-size: 1.0em;
	background: none !important;
}
.two-entries li h3 a {
	color: #2a2a2a;
	text-decoration: none;
}
.two-entries li h3 a:hover, .two-entries li h3 a:active {
	text-decoration: underline;
}
.two-entries p {
	color: #666;
/*
	line-height: 1.3em;
*/
}