@charset "UTF-8";
/* CSS Document */


@font-face {
  font-family:daniel;
  src: url("font/pf_tempesta_seven.ttf") format("truetype");
  font-style:normal;
}


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */

body { 
	background:#ff8800 url(images/bg.gif) repeat-x; 
	/*background:#f2f2f2 bottom left repeat-x; */
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-size: 8px; 
	font-family: "daniel", verdana, arial; 
	color: #FFF;
}


/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
h1 { font-size: 1em; }
h2 { font-size: 1em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #FFF; }
h3 { font-size: 1em; font-weight: normal; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #FFF; }
a:focus,a:hover,a:active { color:#000; text-decoration: none; }

a:hover img {opacity:0.7}

.spip_logos {
	border-radius: 5px; 
	-moz-border-radius: 5px;
	box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
	border:3px #FFF solid;
}

#entete a.accueil img.spip_logos {
	border-radius:none;
	-moz-border-radius:none;
	box-shadow:none;
    -moz-box-shadow:none;
	border:none;
}

#hyperlien {
	width:300px;
	padding:0; 
	margin:5px 0;
	font-weight: normal; 
}

#hyperlien a {
	color: #FFF; 
}

#hyperlien a:hover {
	text-decoration:underline;
}

/*------- PAGE -------- */

#page {
	width:900px;
	margin:0 auto; 
	text-align: left;
}

#entete {
	margin-bottom:0;
}

#entete a.accueil { 
	display: block; 
	width:222px; 
	height:62px; 
	background:#FFF; 
	border-radius: 20px; 
	-moz-border-radius: 20px;
	margin:20px 0 10px 15px;
	padding-left:10px;
}

#entete a.accueil img.spip_logos { vertical-align: bottom; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#conteneur {
	width:480px;
	clear: both; 
	float: left; 
	overflow: hidden;
	margin:20px 10px;
}

#contenu {
	width:500px;
	border-radius: 10px; 
	-moz-border-radius: 10px;
}

#navigation { 
	float: left; 
	width: 100%;
	margin-left:15px;
}

#extra { 
	clear:both; 
	width: 500px; 
	margin:20px;
	padding-top:10px; 
	overflow: hidden;
	border-top:1px #FFF dashed;
}

#extra a { color:#FFF; text-decoration:none; }
#extra a:hover { text-decoration:line-through; }

#pied {
	display:block;
	clear:both;
	width: 100%;
	margin: 10px; 
	padding:0 10px; 
	text-align: left; 
	/*background:url(images/header.png);*/
}
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

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

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
#pagination { clear: both; text-align: left; padding:10px; color:#FF9900;  }
#pagination .on { font-weight: normal; background:#FFF; color:#000; }
#pagination .on, #pagination a { 
	padding:3px 6px; 
	background:#FFF;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	color:#FF3300;
}
#pagination .on:hover, #pagination a:hover { background:#3399CC; color:#fff; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li {
	float:left;
	list-style:none;
	text-align:left;
	margin:10px 10px 0 0;
	border: 0;
}

.rubriques ul li a { 
	padding:3px 20px;
	border-radius: 1em 4em;
	-moz-border-radius: 1em 4em 1em 4em;
	background:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	color:#FF3300;
}

.rubriques ul li a.on {
	color:#000;
}

.rubriques ul li a:hover {
	background:#3399CC;
	color:#FFF;
}

/* Listes d'articles et extraits introductifs */

.articles ul li { clear: both; margin-bottom:25px; padding:10px; }
.articles ul li h3 { 
	margin:0 0 5px 0;
}
	
.articles ul li h3 a {
	padding:2px 5px; 
	background:#FFF; 
	border-radius: 10px; 
	-moz-border-radius: 10px;
	color:#FF3300;
	text-decoration:none;
}

.articles ul li a.on {
	color:#000;
}

.articles ul li a:hover {
	background:#3399CC;
	color:#FFF;
}

.articles .spip_logos { 
	float: left; 
	margin: 0 10px 10px 0; 
}

.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }



.cartouche { margin:10px; }
.cartouche .spip_logos { 
	float: left; 
	margin: 0 10px 10px 0; 
}
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.cartouche h1 { 
	padding:2px 5px;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	background:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	color:#FF3300;
}


/* -------------- BREVES ------------- */

#breves {
	width:300px;
	float:right;
	margin-top:20px;
}

#breves #texte {
	margin:10px 0;
	padding:5px;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	background:#FFF;
	color:#333;
}

#breves a {color:#000;}
#breves a:hover {color:#000;}

#breves h1 {
	width: 80px;
	border-radius: 1em 4em;
	-moz-border-radius: 1em 4em 1em 4em;
	padding:3px 0 3px 20px;
	background:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	color:#FF3300;
	margin:0 3px 10px 0;
}