/* CSS Document */
/*HB SdV NOV2007*/


body	{
margin: 0;
padding: 0;
background-color: #fff;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

a	{
text-decoration: none;
}
a:hover	{
text-decoration: underline;
}

form, dl, ul, ol	{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
input, select, textarea	{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.champ, select.champ, textarea.champ	{
border: 1px solid #ccc;
}

h1, h2, h3, h4, h5, h6	{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

/*img, div	{
behavior: url(iepngfix.htc);
}*/

div.clear	{
position: relative;
clear: both;
height: 1px;
/*height: 0px;*/
visibility: hidden;
overflow: hidden;
}


span.lire	{
font-weight: normal;
padding-left: 15px;
padding-right: 15px;
background-image: url(icons/f_lire.gif);
background-position: right center;
background-repeat: no-repeat;
}

.tout-lire	{
background-image: url(icons/f_lire.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 15px;
}

.rouge	{
color: #db0101;
}






/*STRUCTURE GENERALE*/

div#gene	{
position: relative;
width: 990px;
margin-left: auto;
margin-right: auto;
}

div#top	{
position: relative;
margin-bottom: 20px;
}

div#visu	{
position: relative;
margin-bottom: 50px;
}
div.visu-gene	{
background-image: url(icons/bg_visu-gene.gif);
background-position: top left;
background-repeat: repeat-y;
}

div#bottom	{
position: relative;

}




div#info-etroit	{
position: relative;
float: left;
width: 450px;
}
div#info-large	{	/*LARGEUR : info-etroit + gouttiere + rail-etroit*/
position: relative;
float: left;
width: 670px;
}

div#rail-large	{	/*ACCUEILLE CARRES SPOT/REDACTIONNELS*/
position: relative;
float: left;
width: 300px;
}
div#rail-etroit	{
position: relative;
float: left;
width: 200px;
padding-top: 5px;
}

div.gouttiere	{
position: relative;
float: left;
width: 20px;
visibility: hidden;
overflow: hidden;
}
div.gouttiere15	{
position: relative;
float: left;
width: 15px;
visibility: hidden;
overflow: hidden;
}









/*ELEMENTS DE visu*/

div.photo-info	{	/**/
position: relative;
width: 450px;
margin-bottom: 10px;
}
.photo-info img.photo	{
width: 450px;
}
.photo-info div.leg	{
position: absolute;
z-index: 50;
width: 440px;
padding: 5px;
left: 0;
bottom: 0;
color: #000;
background-image: url(icons/bg_photo_trans75_png24.png);
background-position: left top;
background-repeat: no-repeat;	/*SINON IE5 MARCHE PAS*/
}
.photo-info .leg p	{
margin-top: 0;
margin-bottom: 0;
}
.photo-info .leg span.credit	{
color: #db0101;
}

h4	{	/*SUR-TITRE*/
color: #999;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
}
h1	{	/*TITRE PRINCIPAL*/
color: #db0101;
font-size: 20px;
}
h2	{	/*TITRES SECONDAIRES*/
color: #db0101;
font-size: 16px;
}
h1 a, h2 a, h3 a	{
color: #db0101;
}
h3	{	/*ACCROCHE*/
color: #999;
font-size: 12px;
/*font-weight: normal;*/
margin-bottom: 5px;
}
h6	{	/*DATE MAJ*/
color: #666;
font-size: 10px;
font-weight: normal;
}
div.sep-hor	{
height: 1px;
overflow: hidden;
margin-top: 5px;
margin-bottom: 10px;
border-bottom: 1px dotted #666;
}


/*ARTICLE*/

div#art	{	/*FILS DE rail-large*/
position: relative;
border-top: 5px solid #ddd;
}
#art .outils	{
text-align: right;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
color: #666;
margin: 5px 0px;
}
.outils a	{
color: #666;
}
.outils img	{
margin-left: 20px;
}
div.retrait	{
margin-left: 20px;
margin-right: 20px;
}

.retrait h3	{
margin-top: 5px;
margin-bottom: 5px;
}
.retrait div.texte	{
text-align: justify;
color: #333;
font-size:12px;
}
.retrait .texte .intertitre	{
display: block;	/*PREVOIR DIV, SPAN, P ...*/
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
}

.f-top	{
position: relative;
float: right;
padding-left: 15px;
background-image: url(icons/f_top.gif);
background-position: left center;
background-repeat: no-repeat;
}
.f-top a	{
color: #db0101
}

#art div.pub	{
position: relative;
float: left;
text-align: center;
background-image: url(icons/publicite.gif);
background-position: center 253px;
background-repeat: no-repeat;
background-color: #f5f5f5;
padding-bottom: 10px;
border-left: 10px solid #f5f5f5;
border-top: 10px solid #f5f5f5;
border-right: 10px solid #f5f5f5;
margin-right: 10px;
margin-bottom: 10px;
}

			
#art div.module, #art div.titres, #rub div.titres	{
position: relative;
margin-bottom: 20px;
}
			
#art .module div.top-filet, #art .titres div.top-filet, #rub .titres div.top-filet	{
position: relative;
height: 5px;
overflow: hidden;
background-color: #ddd;
}
#art .module .top-filet span, #art .titres .top-filet span, #rub .titres .top-filet span	{
padding-left: 80px;
}
			
#art .module div.top, #art .titres div.top, #rub .titres div.top	{
position: relative;
background-color: #fff;
}
#art .module .top h4, #art .titres .top h4, #rub .titres .top h4	{	/*INTITULE DU MODULE*/
text-transform: none;
font-weight: bold;
color: #666;
padding: 2px 0 2px 10px;;
border-bottom: 1px solid #ddd;
}
			
#art .module div.elm	{	/*ELEMENT*/
position: relative;
padding: 5px 10px;
border-bottom: 1px solid #ddd;
}
#art .module .elm h3	{	/*TITRE*/
position: relative;
color: #666;
font-weight: normal;
margin-bottom: 2px;
}
#art .module .elm h3 a	{
color: #666;
}

#art div.retrait-titres, #rub div.retrait-titres	{
position: relative;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
}
			



div.photo-rail	{	/**/
position: relative;
width: 300px;
margin-bottom: 10px;
}
.photo-rail img.photo	{
width: 300px;
}
.photo-rail div.leg	{
position: absolute;
z-index: 50;
width: 290px;
padding: 5px;
left: 0;
bottom: 0;
color: #000;
background-image: url(icons/bg_photo_trans75_png24.png);
background-position: left top;
background-repeat: repeat;
}
.photo-rail .leg p	{
margin-top: 0;
margin-bottom: 0;
}
.photo-rail .leg span.credit	{
color: #db0101;
}









/*RUBRIQUE*/

div#rub	{

}

img.vignette-tit	{
position: relative;
float: left;
width: 120px;
margin-right: 10px;
margin-bottom: 10px;
}

/*MODULES titres : IDEM QUE DIV art*/

#rub .tout-lire a	{
color: #db0101;
}

#rail-large .lire	{
background-image: url(icons/f_lire_rail_large.gif);
}
#rail-large .lire a	{
color: #666;
}

#rail-large div.module-fiche, #rail-large div.module-fiche-petite	{
position: relative;
background-color: #f6f6f6;
border-bottom: 5px solid #ddd;
margin-bottom: 20px;
}

#rail-large .module-fiche div.top-filet, #rail-large .module-fiche-petite div.top-filet	{
position: relative;
height: 5px;
overflow: hidden;
background-color: #ddd;
}
#rail-large .module-fiche .top-filet span, #rail-large .module-fiche-petite .top-filet span	{
padding-left: 80px;
}

#rail-large .module-fiche div.top, #rail-large .module-fiche-petite div.top	{
position: relative;
background-color: #fff;
}
#rail-large .module-fiche .top h4, #rail-large .module-fiche-petite .top h4	{	/*INTITULE DU MODULE*/
text-transform: none;
font-weight: bold;
color: #666;
padding: 2px 0 2px 10px;;
border-bottom: 1px solid #ddd;
}
#rail-large .module-fiche .top div.clear, #rail-large .module-fiche-petite .top div.clear	{
height: 2px;
}

#rail-large .module-fiche div.elm, #rail-large .module-fiche-petite div.elm	{	/*ELEMENT*/
position: relative;
padding: 5px 10px;
border-bottom: 1px solid #ddd;
}
#rail-large .module-fiche .elm img.vignette	{
position: relative;
float: left;
width: 120px;
margin-right: 10px;
margin-bottom: 10px;
}
#rail-large .module-fiche span.surt	{
color: #db0101;
font-size: 12px;
text-transform: uppercase;
}
#rail-large .module-fiche .elm h1	{	/*NOM*/
position: relative;
color: #666;
font-size: 16px;
}
#rail-large .module-fiche .elm h1 a	{
color: #666;
}
#rail-large .module-fiche-petite .elm h1	{	/*NOM*/
position: relative;
color: #666;
font-size: 14px;
}
#rail-large .module-fiche-petite .elm h1 a	{
color: #666;
}
#rail-large .module-fiche .elm h2	{	/*PARTI*/
position: relative;
color: #666;
font-size: 16px;
font-weight: normal;
}
#rail-large .module-fiche .elm h2 a	{
color: #666;
}
#rail-large .module-fiche-petite .elm h2	{	/*PARTI*/
position: relative;
color: #666;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
}
#rail-large .module-fiche-petite .elm h2 a	{
color: #666;
}
#rail-large .module-fiche .elm h3, #rail-large .module-fiche-petite .elm h3	{	/*TEXTE*/
position: relative;
color: #db0101;
font-size: 12px;
font-weight: normal;
}

table.reperes	{
width: 100%;
}
table.reperes tr.bg	{
background-color: #ebebeb;
}
table.reperes th	{
width: 50%;
text-align: right;
font-weight: normal;
padding-right: 10px;
color: #666;
}
table.reperes td	{
width: 50%;
color: #db0101;
text-align: left;
}


/*TETE D'AFFICHE*/
#rail-large div.tete	{
position: relative;
background-color: #f6f6f6;
border: 1px solid #7b2e00;
margin-bottom: 20px;
}
#rail-large .tete div.top	{
position: relative;
background-color: #7b2e00;
}
#rail-large .tete .top h4	{	/*INTITULE DU MODULE*/
text-transform: none;
font-weight: bold;
color: #fff;
padding: 2px 0 2px 10px;;
}
#rail-large .tete div.elm	{	/*ELEMENT*/
position: relative;
padding: 5px 10px;
}
#rail-large .tete .elm img.vignette	{
position: relative;
margin-bottom: 10px;
width: 278px;
}
#rail-large .tete .elm h1	{	/*NOM*/
position: relative;
color: #000;
font-size: 14px;
}
#rail-large .tete .elm h1 a	{
color: #000;
}
#rail-large .tete .elm h2	{
position: relative;
color: #666;
font-size: 14px;
font-weight: normal;
}
#rail-large .tete .elm h2 a	{
color: #666;
}
#rail-large .tete .elm h3	{
position: relative;
color: #666;
font-size: 12px;
font-weight: normal;
}

#rail-large .tout-lire-bleu	{
background-image: url(icons/f_lire_rail_etroit.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 15px;
}
#rail-large .tout-lire-bleu a	{
color: #039;
}























/*RECUP leparisien.fr*/

.HeadBoxEvent
{
float: right;
position: relative;
width: 248px;
height: 60px;
text-align: left;
background:url(http://www.leparisien.fr/imgs/header_bg_blocevent.jpg) repeat-x;
border-left: 1px solid #FFF;
	z-index: 100;	/*AU-DESSUS DU DIV RECHERCHE*/
}
	
	.HeadBoxEvent a
	{
	color: #333366;
	}
	.HeadBoxEvent a:hover
	{
	text-decoration: underline;
	}

.HeadBoxEvent span
{
display: block;
font-size: 12px;
font-weight: normal;
color: #333366;
padding: 1px 2px 0 0;
}

.HeadBoxEvent span a:link, .HeadBoxEvent span a:visited
{
font-size: 12px;
font-weight: normal;
padding: 1px 2px 0 0;
}

.HeadBoxEvent img { float: left; margin-right: 3px;}

.HeadBoxEvent p.visiter
{
/*position: absolute;
bottom: 3px;
right: 5px;*/
background-image:url(http://www.leparisien.fr/imgs/headbox_fl_visit.gif); background-position: bottom right; background-repeat:no-repeat;
	margin: 5px 5px 0 0;
	text-align: right;
	padding-right: 12px;
}

.HeadBoxEvent div.visiter
{
/*position: absolute;
bottom: 3px;
right: 5px;*/
background-image:url(http://www.leparisien.fr/imgs/headbox_fl_visit.gif); background-position: bottom right; background-repeat:no-repeat;
}

.HeadBoxEvent p.visiter a
{
font-size: 12px;
line-height: 12px;
font-weight: normal;
margin-right: 15px;
}

.HeadBoxEvent p.visiter_sans_image a
{
position: absolute;
bottom: 3px;
right: 0px;
}