/* fontfaces
---------------------------------------------- */

@font-face {
	font-family: '1820ModernNormal-1';
	src: url('polices/1820_modernnormal.eot');
}

@font-face {
	font-family: '1820ModernNormal-1';
	src: url(//:) format('no404'), url('polices/1820_modernnormal_font1.ttf');
}

@font-face {
	font-family: '1820ModernNormal-2';
	src: url(//:) format('no404'), url('polices/1820_modernnormal_font2.ttf');
}

@font-face {
	font-family: '1820ModernItalic-1';
	src: url('polices/1820_modernitalic.eot');
}

@font-face {
	font-family: '1820ModernItalic-1';
	src: url(//:) format('no404'), url('polices/1820_modernitalic_font1.ttf');
}

@font-face {
	font-family: '1820ModernItalic-2';
	src: url(//:) format('no404'), url('polices/1820_modernitalic_font2.ttf');
}

@font-face {
	font-family: '1820ModernLargeNormal-1';
	font-weight: bold;
	src: url('polices/1820_modern_largenormal.eot');
}

@font-face {
	font-family: '1820ModernLargeNormal-1';
	font-weight: bold;
	src: url(//:) format('no404'), url('polices/1820_modern_largenormal_font1.ttf');
	word-spacing:30px;
}

@font-face {
	font-family: '1820ModernLargeNormal-2';
	font-weight: bold;
	src: url(//:) format('no404'), url('polices/1820_modern_largenormal_font2.ttf');
}


/* Couleurs des liens
---------------------------------------------- */
a, h2 a { color: #800027; text-decoration: none; }
a:hover, h2 a:hover { color: #fdd224; text-decoration: none; }

a span.pacho, a:hover span.cho, ul li a span.pacho, ul li a:hover span.cho {
		display: none;	
	}
	
a span.cho, a:hover span.pacho, ul li a span.cho, ul li a:hover span.pacho {
		display: inline;	
	}	

body { font-size: 1em; color: #333; background: #fdd224 url(images/fond.gif);
font-family: georgia, 'Times new roman', serif;
 }

#fond {
background: url(images/fond.gif);
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}

#fond.style2 {
background: url(images/fond2.gif);
}

#fond.style3 {
background: url(images/fond3.gif);
}

h1 { margin: 0; 
	font-size: 2em; 
	font-weight: normal;
	color: #800027;
	font-family: '1820ModernLargeNormal-1', '1820ModernLargeNormal-2', 'Times new roman', serif;
	letter-spacing:-1px;
	margin:0;
	line-height:1.2em;
	word-spacing: -0.08em;
	font-weight: bold;
	}

h2 { margin: 0;	
	color: #333333;
	font-size: 1.1em; 
	font-weight: bold;
	font-family: '1820ModernNormal-1', '1820ModernNormal-2', 'Times new roman', serif;
	letter-spacing:-0.5px;
	margin:0;
	line-height:1.2em;
	word-spacing: -0.08em;
	font-weight: normal;
	border-bottom: 2px solid #800027;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	text-align: center;
	text-transform: uppercase;
	}

h3	{
	font-family: '1820ModernLargeNormal-1', '1820ModernLargeNormal-2', 'Times new roman', serif;
	font-weight:normal; 
	font-size:1.4em;
	letter-spacing:-1px;
	margin:0;
	line-height:1.2em;
	word-spacing: -0.08em;
	font-weight: bold;
	margin: 0 0 5px 0;
	}

h3.spip {
font-family: '1820ModernLargeNormal-1', '1820ModernLargeNormal-2', 'Times new roman', serif;
font-size:1.2em;
margin-bottom:1.4em;
margin-top:2em;
text-align:center;
}

#page {
background: #ffffff;
width: 980px;
margin: 0 auto;
text-align: left;
position: relative;
z-index: 2;
 box-shadow: 0px 0px 40px #800027;
 -webkit-box-shadow: 0px 0px 40px #800027;
 -moz-box-shadow: 0px 0px 40px #800027;
}
	
div#conteneur { 
	clear: both; 
	float: left; 
	width: 630px; 
	overflow: hidden; 
	margin:20px 0 0 0;
	padding: 0 0 15px 20px;
	}
	
div#contenu { padding-top: 0px; margin-0px;}

div#navigation, div#extra {
	background: #fdd224;
	border-bottom: 10px solid #800027;
	width: 300px;
	}

#navigation a:hover, #extra a:hover {
	color: #ffffff;
	}

.menu { clear: both; 
		margin-bottom: 20px; 
		text-align: left; 
		}
		
.menu p { margin: 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none;list-style-image: none; }
.menu ul li { margin: 0; padding: 0; border-bottom: 1px solid #800027; }
.menu ul li ul { margin-left: 1em; }
.menu ul li li { padding: 0; border: 0; }


#piedsetpoings {	
display:block;
background: #fdd224; 
text-align: center;
margin:20px auto 0 auto;
clear: both;
font-size: 1em;
font-family: '1820ModernNormal-1', '1820ModernNormal-2', 'Times new roman', serif;
letter-spacing:-1px;
line-height:1.2em;
word-spacing: -0.08em;
padding: 10px 0 10px 0;
border-bottom: 10px solid #800027;
}

#piedsetpoings a {
text-align: center;
margin:0px 0px 0px 0px;
padding: 8px 10px 8px 10px;
}

#piedsetpoings a:hover {
color:#fdd224;
background: #800027;
}

#piedetpoings .spip_logos a { vertical-align: bottom; }

#chronology {
	width: 100%;
margin:5px 0px 20px 0px;
padding:25px 0px 0px 0px;
text-align:center;
border-bottom: dotted 4px #eeeeee;
}

#chronology ul{
padding:0;
margin:10px 0px;	
}

#chronology a span.pacho, #chronology a:hover span.cho {
		display: none;	
	}
	
#chronology a span.cho, #chronology a:hover span.pacho {
		display: inline;	
	}

.par_deux {
width: 100%;
}

.par_deux .menu {
float: left; 
width: 48%;
clear: none;
}

.par_deux .menu img {
float: left; 
margin: 7px 13px 4px 0;
border: solid 1px #800027;
}

.par_deux .menu.droite {
float: right; 
width: 48%;
clear: none;
}

.par_deux .menu.droite img {
float: right; 
margin: 7px 0 4px 10px;
border: solid 1px #800027;
}

#podcast{
top: 145px;
right: 40px;
position: absolute;
margin:0px;
padding:0px;
font-family: '1820ModernItalic-1', '1820ModernItalic-2', 'Times new roman', serif;
letter-spacing:-1px;
line-height:1.2em;
word-spacing: -0.08em;
list-style-type: none;
z-index:2;
}

#podcast a:hover {
color: #ffffff;
}

div#top #nom_site_spip{
font-size:30px;
width: 700px;
display: block; 
float: left; 
font-weight: bold; 
font-size: 1.50em;
padding: 0 0 0 20px;
}

div#top { 
position:relative;
width: 980px; 
margin: 0; 
padding: 30px 0 0 0;
border-bottom: 0px;
}

ul.menu-h {
position: relative;
margin:10px 0 0 0;
background: #fdd224;
border: solid #800027;
border-width: 10px 0 0 0;
font-family: '1820ModernNormal-1', '1820ModernNormal-2', 'Times new roman', serif;
font-size:1.2em;
letter-spacing:-0.5px;
line-height:1.2em;
word-spacing: -0.08em;
list-style: none;
padding: 0;
}

ul.menu-h li {
}

.menu-h a{
display:block;
float:left;
margin:0;
padding:10px 20px 13px 20px;
text-transform: uppercase;
background: #fdd224;
}

.menu-h a:hover{
color:  #fdd224;
background: #800027;
}

.menu-h a.on{
color:#ffffff;
background: #800027;
font-weight: normal;
}

.menu-h a.une{
background:#9a80a1;
color:#ffffff;
}

.menu-h .dequoi{
position: absolute;
left: 0;
color:  #ffffff;
background: #800027;
padding: 50px 40px 60px 40px;
font-size: 2em;
display: none;
width: 620px;
text-align: center;
font-family: '1820ModernItalic-1', '1820ModernItalic-2', 'Times new roman', serif;
line-height:normal;
letter-spacing:normal;
opacity: 0.9;
}

.droite{
	float:right;
}

.gauche{
	float:left;
}

/* Rubriques */
.rubriques ul li { background: none; border: 0; }

/* Listes d'articles et extraits introductifs */
.articles ul li { 
	clear: both;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}

.articles ul li h3 { 
	margin: 0 0 5px 0;
	padding: 0;
}
.articles .spip_logos { 
float: right;
clear: right;
margin: 7px 0 4px 15px;
}

.articles ul li .enclosures {
float: right;
text-align: right;
max-width: 60%;
margin: 0; }

.introduction, .articles ul li .introduction {
margin-top: 0.30em;
line-height: normal;
}



ul .forum-chapo {
background: #c6c4c4;
color: #d3d1d1;
padding:10px;
border:none;
}

ul .forum-chapo .forum-titre a {
color: #ffffff;
}


ul .forum-message {
border:none;
background-color: #eeeeee; 
}

.chronology .on{
	font-weight:bold;
	
	}

.chronology ul{
	clear:both;
	list-style-type:none;
	}
	
.year ul li{
	display:inline;
	}


.month ul li{
	display:inline;
	
	}
	
#nuage{
	clear:both;
	padding:50px 0px 50px 10px;
	}	

.enune {
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #800027;
}

.enune img {
float: left;
margin: 3px 16px 5px 0;
border: solid 1px #800027;
}

small {
margin: 0 10px 0 0;
}

.dansnav {
margin: 0 0 0px 0;
padding: 20px;
}

.dansnav ul {
margin: 0;
padding: 0;
}