/* Style général */

body {
	margin:0;
	background: #fff;
	font-family: Verdana, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 13px;
}
#Corps{
	background: #fff;
	width: 900px;
	margin: 0 auto;
}
body.home #Corps{ 

}
body.home #Page{
	width:330px;
	padding-top:130px;
	font-style:italic;
}
#Enter{
	width:470px;
	text-align:center;
	margin-top:-30px;
	font-size:30px;
	float:right;
}
#Tete{
	padding-top:10px;
	padding-right:140px;
	text-align:right;
	background: #fff no-repeat 100% 0% url('img/logo_site_jette.png');
	height:150px;
	border-bottom:5px solid #0000ba;
}
#Tete H1, #Tete h2{
margin:13px;	
}
#Navigation{
	position:absolute;
	left:50%;
	margin-left:200px;
	margin-top:40px;

	clear:both;
    width:250px;   
	background: #fff no-repeat 0% 20px url('img/men-cadre.png');
}
.titre_navigation{
padding-left:25px;
font-size:24px;
font-weight:bold;
}
#InnerNavigation{
padding-left:30px;
padding-top:10px;
margin-bottom:30px;   
}
#InnerNavigation a{
	font-weight:bold;
	font-size:130%;
	display:block;padding:5px;
}
#InnerNavigation a.current, #InnerNavigation a:hover{
	font-style:italic;
	color:#a7007f;padding-left:10px;
}
#Logos{padding:1em;}
#Logos img{border:1px solid #ddd;width:30px ;height:30px;}
#Resume{
	font-style:italic;
	font-weight:bold;
	color:#fe0000;
	font-size:130%;
	margin-bottom:1em;
	width:300px;
}
#Body {
	color:black;
        text-align:justify;
}
#Logo {margin-bottom:1em;}
#Page{
	margin-right:300px;
	min-height:400px;
}
.accroche{
	margin:1em;
	border:1px solid #007fac;
}
.accroche .titre{
	background:#007fac;
	width:200px;
	color:white;
	float:right;
	font-weight:bold;
	text-align:right;
}

.accroche .logo{
	border-right:1px solid #007fac;
	float:left;
}

.accroche .content{
	clear:right;
	margin-left:110px;
	padding:0.5em;
	font-size:90%;
}
#footer {
	border-top:1px dashed #007fac;
	margin:2em auto;
	padding:1em;
	font-size:x-small; 
	text-align:center;
	padding:1em;
	width:900px;
	clear:both;
}

.rb_dtsp{
border-bottom:2px solid #0000BA;
margin:10px 6px;
width:250px;
}
.mosaique_dtsp{
float:left;
margin-left:5px;
}
.titre_dtsp {
background-color:black;
display:block;
text-align:center;
height:auto;
margin-top:-120px;
opacity:0.6;
padding:0px 8px;
position:absolute;
width:120px;
}
.titre_dtsp p{
font-size:15px;
color:white;
opacity:none;
}

.maintenant{
float:left;
width:900px;
}
.maintenant_titre{
font-size:18px;
font-weight:bold;
margin-top:20px;
border-bottom:2px solid #0000BA;
width:420px;
}
.maintenant ul{
list-style-type:none;
}

#content {min-height:370px;}

.date_mosaique {border:1px dotted gray;float:left;margin:5px;padding:5px;width:140px;}
.date_mosaique img{margin:0px 0px;}
.date_mosaique_survol {display:none;}
.date_mosaique:hover .date_mosaique_survol {position:absolute;display:block;margin:-70px 0px 0px 0px;height:60px;width:90px;background:black;padding:5px;opacity:0.8;}
.date_mosaique .titre {color:#A2CD3C;font-size:12px;text-transform:uppercase;margin-bottom:5px;}
.date_mosaique p.date {color:white;font-size:13px;margin:5px;padding:0;position:absolute;}

.liste-articles {overflow:auto;max-height:500px;width:200px;}

.liste-articles-activ {margin-left:300px;max-height:500px;overflow:auto;padding-right:10px;width:330px;}
#mot_activ_perm {float:left;width:200px;text-align:right;}
#mot_activ_perm ul {list-style:none;}
.total_mot {display:inline;position:absolute;margin-left:5px;}
.descriptif_activ_perm {border:1px dashed gray;clear:left;color:gray;float:left;margin-top:50px;padding:10px;width:180px;}
.desc_mot {color:gray;font-weight:bold;padding:5px;}

.spip_logos_article {border:medium none;float:right;margin:0;padding:0;}
h4.titre {width:150px;}

.menu_rub {float:left;}
.menu_rub ul {list-style:none;padding:0px;}
.inc_art {margin-left:220px;}
#extra {float:right;width:230px;}

.edito_sommaire {float:right;width:270px;}
h2.sommaire_edito{font-size:18px;font-weight:bold;margin-top:20px;border-bottom:2px solid #0000BA;width:280px;}
.gal_sommaire_titre{font-size:18px;font-weight:bold;margin-top:20px;border-bottom:2px solid #0000BA;width:280px;}
#gal_sommaire {float:right;width:280px;}
.une_sommaire {width:275px;float:left;}
h2.sommaire_une{font-size:18px;font-weight:bold;margin-top:20px;border-bottom:2px solid #0000BA;width:150px;}


.evenement {min-height:250px;}
.titre_evenement {text-align:center;}
dl.evenement_date {float:left;width:240px;}
dl.evenement_date_archives {float:left;width:240px;color:gray;}
.logo_evenement img{border:1px solid black;margin:5px;padding:5px;}
.texte_evenement{margin-left:250px;}
dt.evenement_adresse{color:gray;margin-top:10px;}
dd.evenement_adresse{color:gray;}

.evenement_rub {min-height:250px;width:250px;margin:25px;float:left;}
.titre_evenement_rub {text-align:center;}
dl.evenement_date_rub {}
dl.evenement_date_archives_rub {color:gray;}
.logo_evenement_rub img{border:1px solid black;margin:5px;padding:5px;}
.texte_evenement_rub{}
dt.evenement_adresse_rub{color:gray;margin-top:10px;}
dd.evenement_adresse_rub{color:gray;}


/*
------------------------------
3. Titres
------------------------------
(css) */

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{
	font-weight:bold;
}

h1, h2, h3, h4, h5{
        font-weight: bold;
	margin:0;
	padding:0;
	margin-bottom:1em;
	margin-top:1em;
}
h1{
	font-size:30px;
}
h3, .h3{
	font-weight:bold;
	font-size:15px;
}
h4, .h4{font-weight:bold;font-size:14px;font-family:verdana,sans-serif;}
h5, .h5{font-weight:bold;font-size:13px;font-family:verdana,sans-serif;}
/* 
------------------------------
4. Balises
------------------------------
(css) */

a:link, a:visited {font-weight:bold;  text-decoration: none; color: #233f8e; }
a:hover { text-decoration: none; color:#a7007f; }
a.on {text-decoration: none; color:#a7007f;font-weight:bold;font-size:x-large;}
a img{border:none;}

table {
	width:100%;
	margin:1em;
	margin-left:auto;
	margin-right:auto;		
	border:1px solid #ddd;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
}
tr{vertical-align:top;}
tr.alternate {	
	border:0px solid #669900;
	background: #F9FFE6;
	border-bottom:1px dotted #ddd;
	border-top:1px dotted #ddd;
}
th {
        text-align:center;
	vertical-align:middle;
	color:green;
	padding:3px;
}
td {
	vertical-align:top;
	padding:0.2em;
}
td.large{
	width:100%;
}
td.nowrap{
	white-space: nowrap;
}


th.day {
	border-top:1px solid #ddd;
	text-align:center;
	font-weight:bold;
	color:orange;
}
th.alternate {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	color:orange;
}
td.body_r {
	font-size:x-small;
}
a[hreflang]:after{content: "\0000a0[" attr(hreflang) "]"}

#Body img {   padding: 0.2em;
}



img {   
    	border: none;
	vertical-align: middle;
}

p {
    	margin: 0.4em 0em 0.5em 1em;
    	line-height: 1.5em;
}

hr {
    	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
	background: #ddd;
}
hr.page_break {
	height:0px;
	visibility:hidden;
	clear:both;
	page-break-before:always;
}
ul {
	list-style-type:disc;
	margin: 0px;
	padding:0px;
	padding-left:2em;
	list-style-position:outside;
}
ul ul{
	list-style-type:circle;
        
}

ol {
	margin: 0px;
	margin-left:4em;
	padding:0px;
	list-style-position:outside;
}

li {
	margin-left:0.5em;}

dt {
	font-weight: bold;
	margin-bottom: 0.1em;
}

dl{
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: 0.1em;
}
	
abbr, acronym, {
	border-bottom: 1px dotted Black;
	color: Black;
	cursor: help;
}

q, quote{
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	font-size:110%;
	color: #666;
}

blockquote, .selected  {
	border-left: 3px solid #ccc;
	padding-left:10px;
	margin: 0.5em;
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	font-size:110%;
	color: #666;
}
pre  {
	border: 1px solid #ccc;
	padding: 0.5em;
	margin: 0.5em;
	background:#000;
	color: #fff;
	overflow:auto; 
	font-family: 'Courier New', Courier;
	height:200px;
}

 /*Agenda */
.infobulle
{
  position : absolute;   
  visibility : hidden;
  border : 1px solid Black;
  padding : 10px;
  font-family : Verdana, Arial;
  font-size : 10px;
  background-color : #ffffcc;
}
/*   Habillage du mini calendrier   */
#calendar { margin: 0; width: 200px; }
div#navigation #calendar h2 { text-align:center;margin:0; border:none;padding: 0;}
#calendar { -moz-border-radius: 1em; text-align: center; border: 1px solid #ccc; padding: 5px 0; width: 200px; }
#calendar table { width: 100%; margin: 0 auto; padding: 0; }
#calendar caption { font-size:0.8em; padding: 5px ; font-weight: bold; }
/* intitulés des colonnes avec les abbréviations des jours*/
#calendar th { -moz-border-radius: 1em; background: #9999CC; font-weight: normal; color: #666; }
#calendar th.weekend {}
#calendar th.weekday {}
#calendar th abbr { border: none; cursor: help; }
/* jours du mois*/
#calendar td {-moz-border-radius: 0.7em; margin: 0; padding: 0; border: none; text-align: center; background: #ddd; line-height: 1.6em; }
#calendar td.horsperiode { background: #ececec; color: #ccc; }
#calendar td.occupe { background: #FFD98F; }
#calendar td.today { background: #FF8000; color: #FFF}
/* comportement et habillage des liens sur les dates occupées */
#calendar td a { display: block; text-decoration: none; color: #27287F; cursor: pointer; }
#calendar td span { color: #aaa; }
#calendar td a:hover { border:0px }
#calendar tr { font-size: 0.9em; }