/* -----------------------------------------------

		PARIS WEB 2007
		http://www.paris-web.fr

----------------------------------------------- */

/* Correction des styles par defaut / mise a zero multinavigateurs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
ins { text-decoration: none; }

/* Couleur des liens */
/* a, a * { text-decoration: none; color: #EE0276; font-weight: 900; border-bottom: 1px solid; } */
a:link, a:visited { text-decoration: none; color: #EE0276; font-weight: 900; border-bottom: 1px solid; }
a[href^="http://"], a[href^="mailto"], a.spip_out, a.spip_url, a.spip_glossaire { background: transparent url(../img/out-ee0276.gif) no-repeat scroll right center; padding-right: 14px; }
.on { text-decoration: none; font-weight: 900; }
a:hover, a:hover * { color: #EE0276; }

/* Espaceurs de blocs */
.nettoyeur {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	/*background: #000; /* debug */
}
hr { visibility: hidden; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.none { display: none; }

/* Blocs principaux */
body { background: #767676 url(../img/background.jpg) repeat-x; color: #1A171B; line-height: 1.5em; }
body, body * { font: 100% Arial, Tahoma, Verdana, sans-serif; font-weight:inherit; }


#page {
	width: 60em;
	max-width: 70%;
	min-width: 600px;
	text-align: left;
	font-size: .75em;
	/*position: absolute; /* debug Fabien 20:59 01/09/2007 */
	position: relative; /* debug Fabien 20:59 01/09/2007 */
	/*left: 50%; /* debug Fabien 02:55 02/09/2007 */
	margin: 0 auto 0; /* debug Fabien 15:26 05/09/2007 */
	/*top: 100px; /* debug Fabien 15:26 05/09/2007 */
	/*margin-left: -30em; /* debug Fabien 02:47 02/09/2007 */
	/*margin-left: -5em; /* debug Fabien 15:26 02/09/2007 */
	padding-top: 100px;
	padding-bottom: 8em;
}

#top {
	position: absolute;
	left: 0;
	/*left: 50%; /* debug Fabien 02:55 02/09/2007 */
	/*left: 20%; /* debug Fabien 16:05 05/09/2007 */
	top: 0; /* debug Fabien 15:29 05/09/2007 */
	margin: 0; /* debug Fabien 15:26 05/09/2007 */
	text-align: left;
	/*margin-left: -32em; /* debug Fabien 02:55 02/09/2007 */
	/*margin-left: -5em; /* debug Fabien 15:26 02/09/2007 */
	font-size: 85%; /* debug Fabien 16:05 05/09/2007 */
}
#top, #top * { color: #000; background-color: #acdff4; /* font-size: 11px; */ font-weight: normal; } /* debug Fabien 23:07 03/09/2007 ajout de fond */ /* Color > black */

/* Nom du site */
#logo { position: absolute; left: -28px; top: 82px; /* debug Fabien 16:05 05/09/2007 */ z-index: 999; }
#logo, #logo * { border: 0; }
#logo a { color: #f9dce8; background-color: transparent; } /* debug Fabien 23:01 03/09/2007 */

/* Navigation */
#navigation {
	text-align: right;
	padding-bottom: .1em;
	/*margin-left: 250px; /* debug Fabien 03:36 02/09/2007 */
	margin-left: 200px; /* debug Fabien 03:36 02/09/2007 pour avoir une seule ligne même en 1024 */
	font-size:108%;
	background-color:#acdff4; /* debug Fabien 03:21 02/09/2007 */
}
#navigation h2 { display: none; }
#navigation * { display: inline; /* font-size: 13px; */ color: #1A171B; text-transform: uppercase; letter-spacing: -1px; text-decoration: none; border: 0; }
#navigation ul { display: block; position: relative; top: -.2em; }
#navigation li { background: #acdff4 url(../img/puce.gif) no-repeat right center; } /* debug Fabien 22:56 03/09/2007 ajout d'un fond */
#navigation li.last { background: #acdff4; } /* debug Fabien 22:56 03/09/2007 ajout d'un fond (none) */
#navigation a { padding: 0 10px 0 5px; }
#navigation a:hover, #navigation a.on { color: #ee0276; } /* debug Fabien 00:38 04/09/2007 ajout d'une couleur */

/* Blocs du contenu */
#extra { float: right; width: 32%; }

.sub {}
.main { float: left; width: 67%; }

.main, .sub { margin-bottom: .3em; background: #F9DCE8 url(../img/degrad-f9dce8.jpg) repeat-x; border: 2px solid #FFF; position: relative; z-index: 50; }
.main .bloc, .sub .bloc { padding: 1em; padding-top: 1.2em; background: transparent; } /* rose pw 2006 : #EE0276; */

.canard { float: right; background: url(../img/canard.gif) no-repeat; padding: .1em 5px .1em 1.6em; position: absolute; right: 0; top: 0; font-size: 100%; }
.canard, .canard *, .canard a:link, .canard a:visited { /* font-size: 10px; */ color: #EE0276; font-weight: 900; text-decoration: none; border: 0; border:none; }
/* .canard : 10px dans des blocs qui etaient tous fixes a 10px, j'ai donc mis a 100% */
/* sauf partenaires qui est a 100% du #contenu */
/* et .sub .canard, voir plus bas */

.goutte { border: 2px solid #FFF; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; }

#contenu { min-height: 350px; }
#contenu.main .bloc { padding-top: 1.8em; }
/* debug Fabien 01/09/2007 modification massive des dates dans le bloc planning de #extra, ainsi que la page "planning" */
.date, .date * {
	position: relative;
	display: block;
	border: none;
	text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
.date {
	float: left;
	padding: 0 0 .1em;
	/*margin: 0 .5em .1em .1em;*/
	margin: 0 .5em .1em 0;
	border-right: solid 1px #000;
}
.date .jour {
	position: relative;
	/*margin: .7em .5em .1em;*/
	margin: .7em .5em .1em;
	font: bold 2.35em/1 Arial;
    letter-spacing: -1px;
}
.date .mois {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 3px auto 0;
	font: bold .75em/1 Verdana;
}
#extra .date {
/*	margin: .7em .25em 0;*/
	margin: 0;
}
#extra .date .jour {
	margin: 0.7em .35em 0;
}

.sub .canard { font-size:83%; }
.sub#planning .bloc {
    padding-top: 1.8em;
    padding-left: 1.3em ;
    background-color: #EE0276;
	/*height: 4em; /* debug Fabien 02:57 02/09/2007 */
}
.sub#planning .date, .sub#planning .date * { color: #F9DCE8; border-color: #F9DCE8; }
.sub#planning a:hover .date, .sub#planning a:hover .date * { color: #FFF;}
.sub#planning .last { margin-right: 0; padding-right: 0; border: 0; }

.sub#actus {}
.sub#actus li { margin: .5em 0; list-style-image: url(../img/suite-actu.gif); margin-left: 20px; }
.sub#actus li, .sub#actus li a { color: #1A171B; font-weight: normal; }
.sub#actus li a:hover, .sub#actus li a.on { color: #1A171B; }

.sub#orateurs { background: #1A171B; }
.sub#orateurs .canard { color: #1A171B; }
.sub#orateurs li { padding: 4px 8px; background: url(../img/puce.gif) no-repeat left center; padding-left: 10px; font-size:91.6%; }
.sub#orateurs li a span { text-transform: uppercase; font-weight:inherit; }
.sub#orateurs li a, .sub#orateurs li a * { color: #BEE5F7; /* font-size: 11px; */ }
.sub#orateurs li a.on, .sub#orateurs li a.on *,
.sub#orateurs li a:hover, .sub#orateurs li a:hover * { color: #FFF; color: #009EE0; }

.sub .bloc#newsletter { color: #1A171B; }
.sub .bloc#newsletter legend { display: none; }
.sub .bloc#newsletter p { margin: 1em 0; }
.sub .bloc#newsletter p .forml { width: 96%; } /* debug Fabien 03:42 02/09/2007 (13.5em) */
.sub .bloc#newsletter p.spip_bouton { margin-bottom: 0; }

.main#infos { background: #484848; font-size:91.6%; }
/* padding: ajout stef 19:20 07/08/2007 */
.main#infos .bloc {margin:.5em 0; }
.main#infos .canard { color: #484848; }
.main#infos, .main#infos * { /* font-size: 11px; */ color: #eee; }

.main#partenaires { background: #626261; text-align: center; }
.main#partenaires .canard { color: #626261; font-size:83%; }
.main#partenaires p { text-align: left; margin-top: .2em; color: #ccc; }
/* images : on ne les retouche pas, on s'appuie sur l'existant uniquement
modif stef 08:30 07/08/2007
.main#partenaires img { height: 32px; max-width: 100px; margin: 1em .5em 0 .5em; background: #FFF; border: 2px solid #ccc; padding: 7px 13px; }
*/

#partenaires a, #partenaires a.spip_out, #partenaires a:link, #partenaires a:visited { /* border:none; */ background:none; padding-right:0; color:#ddd; }
#partenaires a:hover, #partenaires a:active, #partenaires a:focus { color:#fff; }

/* Styles du contenu */
#contenu h1, #contenu h1 * { /* color: #4B4B4B; debug Fabien 23:00% 03/09/2007 */ color: #333; /*font-weight: 900;*/ margin: 1.1em 0 .5em 0; text-decoration: none; border: 0; /*font-family: century gothic, arial, sans-serif;*/ }
#contenu h1 { font-size: 2.4em; text-align: right; }
#contenu h1 a { font-weight: normal; }
#contenu h1 span { /*font-size: 1.4em;*/ color: #1A171B; font-weight: bold; }
#contenu h2, #contenu h2 * { font-size: 1.2em; color: #1A171B; font-weight: 900; margin: 1em 0; }
#contenu h2 span { font-size:1em; } /* ajout stef 22:23 29/08/2007 */
#contenu h2 a:link, #contenu h2 a:visited { border-bottom:none; } /* debug stef 22:19 29/08/2007 */
#contenu h3.spip { margin-top:2em; } /* ajout stef 08:00 29/08/2007 */
#contenu p, #contenu ul, #contenu ol, #contenu dl { margin-bottom: 1em; }
#contenu ul, #contenu ol, #contenu dl, #contenu dd { margin-left: 1em; }
#contenu dt, #contenu dt * { font-weight: 900; }
#contenu dt { margin: 1em 0 .5em 0; }
#contenu dt span { text-transform: uppercase; }

.day-date { color: #EE0276 !important; font-weight: 900; padding: .2em 0; border-top: 2px solid #EE0276; }

p.chapo { border-top: 2px solid #333; font-size: 1.2em; font-weight: 900; padding-top:.2em;} /* ajout Adriens 17:38 2009/09/10 */

p.intro, #contenu h2, #contenu h3 { padding: .2em 0; border-top: 2px solid #333; }
p.intro, p.intro *, #contenu h2, #contenu h3 { font-size: 1em; color: #1A171B; font-weight: 900; }
#contenu h4 { font-size: .95em; color: #1a171b; font-weight: bold;} /* ajout juju */
#contenu h3 * { font-weight: inherit; }
ul.spip li { list-style-type: square !important; margin-left: 1em; }
ol.spip li { list-style-type: decimal !important; margin-left: 1em; }

b, strong, strong * { font-weight: 900; }
i, em, q { font-style: italic; }
abbr,acronym { border-bottom: 1px dotted; cursor: help; }

#contenu form { border-top: 2px solid #1A171B; }
#contenu form legend { padding: .5em 0; font-size: 1em; color: #1A171B; font-weight: 900; }
#contenu form p { clear: both; margin: 1em; }
input.forml, textarea, .forml { width: 96%; padding: .2em; }
input:focus, textarea:focus { background-color: #FFF; }
#contenu form label { display: block; float: left; width: 13em; text-align: right; margin-top: .6em; text-transform: uppercase; color: #1A171B; /* font-size: 10px; */ font-size:83%; font-weight: 900; }
#contenu form .forml { display: block; float: right; width: 24em; margin-bottom: 1em; }
.spip_bouton { text-align: right; }
.spip_bouton input { background-color: #EE0276; border-color: #EE0276; padding: .2em .5em .1em .5em; color: #FFF; font-weight: 900; }

#contenu img { vertical-align: middle; }
.spip_document_left { float: left; margin: 0 1em .5em 0; }
.spip_document_right { float: right; margin: 0 0 .5em 1em; }
#contenu h1 img.spip_logos { float:right; margin: 0 0 .5em 1em; border: solid 2px #fff; } /* debug Fabien 19:37 06/09/2007 ajout de la bordure */
#contenu h2 img.spip_logos { float:left; margin: 0 .1em 0 0; }
.spip_documents_center { display: block; margin: 0 0 1em 0; text-align: center; }
.spip_documents_center img { margin: 0 auto; border: 2px solid #FFF; }

#contenu caption { font-weight: 900; text-align: center; margin-bottom: .1em; }
#contenu table { width: 100%; margin-bottom: 1em; border: 2px solid #FFF; }
#contenu table th { font-weight: 900; }
#contenu table th, #contenu table td { padding: .3em; border: 2px solid #FFF; }

#contenu a.encart { display:block; float:right; text-align:center; background:#fff; width:auto; padding:0.5em; margin:0 0.5em; text-decoration:none; color:#000; font-size:1.5em; font-weight:normal; border:0;}
#contenu a.encart strong { display:block; font-size:2em; font-weight:bold; color:#000;}

#contenu #bannieres img {margin:.2em 0; }

blockquote { border-left: 2px solid #FFF; padding-left: .7em; }
tt, code, .spip_cadre { color: #009EE0; }
.spip_documents_center, blockquote, #document table, div.spip_code { margin-bottom: 1em; }

/* Oeil de biche... */
#eyecandy { width: 455px; height: 121px; position: relative; margin-top: -20px; margin-right: -455px; padding: 1em; padding-top: 1.2em; background: url(../img/eyecandy-2007.gif) no-repeat right top; text-align: right; }

.suite { margin: 1em 1em 0 0; text-align: right; font-size:83%; }
.suite * { /* font-size: 10px; */ font-weight: 900; }
.remonter { text-align: right; margin-top: 3em; margin-bottom: -.5em; border-top: 2px solid #EE0276; font-size:83%; }
.remonter, .remonter * { /* font-size: 10px; */ font-weight: 900; }
.pagination { text-align: right; margin-bottom: -.5em; margin-right: 2em; font-size:83%; }
.pagination, .pagination * { /* font-size: 10px; */ font-weight: 900; color: #EE0276; }
.pagination a { font-weight: normal; }

/* retour vers site actuel */
#retour_pw { background-color:#4A4538;border-bottom:1px solid #FFF; border-left:1px solid #FFF; position:absolute; right:0; top:0; width:160px; background-image:url(texture_noire_opt.jpg); background-position:0 100%; background-repeat:no-repeat; z-index:5000; color:#FFF; }
#retour_pw p { line-height:15px; margin:0; padding:10px; font-family:sans-serif; font-size:13px }
#retour_pw p a { font-weight:normal; display:block; padding:0 0 0 35px; background-image:url(pictos_noir.png); background-position:-1000px 2px; background-repeat:no-repeat; color:#FFF; background-color:inherit; border:none; text-decoration:underline }