a
{
font-weight : bold ;
text-decoration : none ;
}

a:link
{
color : #BC8630 ;
}

a:visited
{
color : #BC8630 ;
}

a:hover
{
color : #AFB894 ;
}

a:active
{
color : #AFB894 ;
}

a#retour
{
display : block ;
width : 100px ;
margin : 20px auto 0 ;
text-align : center ;
}

acronym
	{
		border-bottom : 1px dotted #995B10 ;
		cursor : help ;
	}
 
blockquote
	{
		font-style : italic ;
		margin : 0 0 10px 0 ;
	}

body
{
background : #4D3613 ;
font : 0.8em Verdana, Arial, Sans-Serif ;
color : black ;
margin : 10px 0 ;
padding : 0 ;
text-align : center ;
}

body#bd
	{
		background : white ;
	}

body#ecran, body#screen {
	color : white ;
	text-align : justify ;
}

body#ecran img
	{
		width : 100% ;
	}

body#screen h4
	{
		color : #91ab54 ;
		border-color : #91ab54 ;
	}

body#fond
	{
		color : white ;
	}
	
body#fond img
	{
		border : 1px solid white ;
	}

dd
{
margin-bottom : 10px ;
}

dl
{
margin : 0 ;
}

div#page {
	width : 774px ;
	margin : 0 auto ;
	background : url(images/page.png) repeat-y left top ;
	height : auto ;
	min-height : 700px ;
	_height : 700px ;
}

div#decouvrir
{
	background : url(images/decoration.png) no-repeat 14px 36px ;
}

div#compteur
	{
		position : absolute ;
		left : 10px ;
		bottom : 3px ;
	}

div#date
	{
		position : absolute ;
		right : 10px ;
		bottom : 3px ;
	}

div#nouvelle a
	{
		display : block ;
		background : url(images/semaine.jpg) no-repeat ;
		width : 345px ;
		height : 230px ;
		margin : 0 auto ;
	}
div#nouvelle a:hover
	{
		background : url(images/semaine.jpg) no-repeat 0 -230px ;
	}
div#nouvelle a span
	{
		display : none ;
	}

div.maj
	{
		position : absolute ;
		top : 8px ;
		left : 10px ;
	}

div#en-tete_dec
	{
		background : url(images/en-tete.jpg) no-repeat left top ;
		color : #F1DAB0 ;
	}

div#pied
	{
		position : relative ;
		height : 40px ;
		background : url(images/pied.png) no-repeat left top ;
		font-size : 0.85em ;
	}

div#pied a
	{
		color : #5E7064 ;
		font-weight : normal ;
		position : absolute ;
		bottom : 8px ;
	}

div#pied a:hover
	{
		text-decoration : underline ;
	}

div#pied a#haut
	{
		left : 285px ;
	}

div#pied a#contact
	{
		left : 15px ;
	}

div#copyright
	{
		color : #5E7064 ;
		font : italic 1em Georgia ;
		position : absolute ;
		bottom : 7px ;
		right : 13px ;
	}

div#retour
	{
		text-align : center ;
		margin : 20px 0 0 ;
	}

div#player
	{
		width : 414px ;
		height : 279px ;
		margin : 20px 0 20px 130px ;
		padding : 6px 7px ;
		background : url(images/cadre.png) no-repeat left top ;
	}

div.contenu
	{
		padding : 0 22px 0 77px ;
		margin : 20px 0 10px ;
		text-align : justify ;
	}

div.droite
	{
		float : right ;
	}

div.gauche
	{
		float : left ;
	}

div.droit
   {
      text-align : right ;
   }

div.base
	{
		height : 470px ;
	}

div.cadre
	{
   	border : 1px solid #91ab54 ;
   	padding : 5px 10px 8px 10px ;
	background-color : #F8F7F4 ;
	}
	
div.cadre p
	{
		text-indent : 0 ;
	}

div.nouveau
	{
	background-image : url(images/nouveau.png) ;
	background-repeat : no-repeat ;
	background-position : bottom right ;
  	}

div.carte
	{
		padding : 0 22px ;
		margin : 20px 0 10px ;
		text-align : justify ;
	}

div.cp
	{
		background : url(images/verso_carte.jpg) no-repeat ;
		padding : 120px 349px 0 15px ;
		font : italic 14px "Times New Roman", Sans-Serif ;
		color : #47330e ;
	}

div.cp div
	{
		height : 314px ;
		width : 306px ;
	}

div.bug_italique
	{
		width : 672px ;
	}

div.frise
	{
		position : relative ;
		height : 160px ;
		font-size : 0.8em ;
		color : white ;
		text-align : left ;
	}

div.hr
	{
		background : url(images/separateur.png) no-repeat ;
		height : 7px ;
		margin : 20px 0 ;
	}

div.hr hr
	{
		display : none ;
	}

div.lien
	{
		width : 225px ;
		height : 158px ;
		float : left ;
		text-align : center ;
	}

div.lien a
	{
		display : block ;
		width : 158px ;
		height : 108px ;
		margin : auto ;
	}

div.lien a span
	{
		display : none ;
	}

div.lien p
	{
		width : 150px ;
		text-align : center ;
		margin : 0 auto ;
		text-indent : 0 ;
	}

div.texte
	{
		padding : 0 10px ;
	}

div.video
	{
		height : 285px ;
		margin : 20px 0 ;
		text-align : center ;	
	}
	
div.audio
	{
		height : 45px ;
		margin : 20px 0 ;
		text-align : center ;	
	}
	
fieldset.qcm
	{
		margin : 0 ;
		padding : 0 15px 10px 15px ;
		border : 1px solid #91ab54 ;
	}
	
fieldset.qcm legend
	{
		font-size : 16px ;
		color : #52751b ;
	}
	
fieldset.qcm label
	{
		display : block ;
		padding-top : 5px ;
	}
	
h3
	{
		font-size : 18px ;
		margin : 20px 0 0 0 ;
	}
			
h4
	{
		font : italic 20px Georgia, "Times New Roman" ;
		color : #5E7064 ;
		background-color : #F0F1EA ;
		margin : 20px 0 10px 0 ;
	}

h5
	{
		font-size : 13px ;
		color : #5E7064 ;
		margin : 10px 0 5px 0 ;
	}

img
{
border : 0 ;
}

img.ecran
{
	width : 100% ;
}

img.marges
{
	margin : 5px 0 10px 0 ;
}

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

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

ol.liste {
	padding : 0 ;
	margin : 0 0 10px 43px ;
}

p
{
margin : 0 0 10px 0 ;
text-align : justify ;
text-indent : 20px ;
}

p.centre
	{
		text-align : center ;
		text-indent : 0 ;	
	}

p.droite
	{
		text-align : right ;
		text-indent : 0 ;	
	}

p.gauche
	{
		text-align : left ;
		text-indent : 0 ;	
	}

p.i0
	{
		text-indent : 0 ;
	}

p.lien
	{
		text-indent : 0 ;
		height : 40px ;
	}

p.link
	{
		text-indent : 0 ;
		line-height : 35px ;
	}

p.note
	{
		font-size	: 0.9em ;
		color			: #52751b ;
	}

p.lettrine:first-letter
	{
		color : #AFB894 ;
		font-size : 2em ;
		font-weight : normal ;
	}

p.vignette
	{
		line-height : 28px ;
		text-indent : 0 ;
		margin-left : 20px ;
	}
	
p.vignette a
	{
		display : block ;
		float : right ;
		width : 45px ;
		height : 30px ;
	}
	
p.vignette a span
	{
		display : none ;
	}
	
p.good
	{
		color : #00b ;
		font-style : italic ;
	}
	
p.bad
	{
		color : #b00 ;
		font-style : italic ;
	}
	
q
	{
		font-style : italic ;
	}

table#legende
	{
		font : 1em Verdana, Arial, Sans-Serif ;
		text-align : center ;
		border : 1px solid #91ab54 ;
		margin : 0 ;
		border-collapse : collapse ;
	}
	
table#legende caption
	{
		font-weight : bold ;
		margin-bottom : 5px ;
	}
		
table#legende td
	{
		padding : 5px 5px 0 5px ;
		height : 67px ;
		width : 168px ;
	}

ul
	{
		list-style-type : none ;
		padding : 0 ;
		margin : 5px 0 10px 40px ;
	}

ul.details
	{
      margin : 5px 0 10px 60px ;
	}

ul.carre
	{
		list-style-type : square ;
	}

ul.cercle
	{
		list-style-type : circle ;
	}

ul.carre li
	{
		margin-bottom : 5px ;
	}

ul#menu
	{
		background : url(images/menu.png) repeat-x 0 0 ;
		width : 768px ;
		height : 30px ;
		margin : 0 auto ;
		padding : 0 ;
		list-style-type : none ;
		font : 13px Arial ;
	}

ul#menu li
	{
		float : left ;
		text-align : center ;
	}
	
ul#menu li a
	{
		width : 96px ;
		line-height : 30px ;
		display : block ;
	}
	
ul#menu li a:link
	{
		color : #5E7064 ;
	}

ul#menu li a:visited
	{
		color : #5E7064 ;
	}

ul#menu li a:hover, ul#menu li a.selected:visited
	{
		background : url(images/menu.png) repeat-x 0 -30px ;
		color : #BC8630 ;
	}

ul.sous-menu
{
list-style-type : none ;
margin : 5px 0 0 0 ;
padding : 0 ;
height : 38px ;
font : 0.8em Verdana, Arial, Sans-Serif ;
}

ul.sous-menu li
{
float : left ;
margin-bottom : 2px ;
text-align : center ;
}

ul.sous-menu li a
{
width : 108px ;
line-height : 15px ;
display : block ;
margin : 0 2px 0 0 ;
border : #52751b solid 1px ;
}

ul.sous-menu li a:link
{
color : #52751b ;
background : #E6E8DD ;
}

ul.sous-menu li a:visited
{
color : #52751b ;
background : #E6E8DD ;
}

ul.sous-menu li a:hover
{
background : white ;
}

a#sel_dec
	{
		background : #AFB894 ;
		color : white ;
	}

ul#s-menu
	{
		height : 19px ;
   }
   		
.m0
	{
		margin : 0 ;
	}

.m20
	{
		margin : 20px 0 ;
	}
	
.normal
	{
		margin : 0 ;
		font : 13px Verdana, Arial, Sans-Serif ;
	}
	
.gras
	{
		font-weight : bold ;
	}

.italique
	{
		font-style : italic ;
	}

.souligne
	{
		text-decoration : underline ;
	}
	
.surligne
	{
		background : #ffffc0 ;
	}
	
.majuscules
	{
		font-variant : small-caps ;
	}

.classique
	{
		font : 16px "Times New Roman", Sans-Serif ;
	}

.source
	{
		font : 11px Arial, Sans-Serif ;
	}

.merci
	{
		font : italic 11px Arial, Sans-Serif ;
		text-align : right ;
	}

.exp
	{
		font-size : 0.8em ;
		vertical-align : 0.4em ;
	}

.citation
	{
		font-size : 11px ;
	}
	
.bas
	{
		clear : both ;
	}

.bas_g
	{
		clear : left ;
	}

.bas_d
	{
		clear : right ;
	}

.marge
	{
		padding-top : 5px ;
	}

.relief
	{
		color : #5E7064 ;
	}

.titre
	{
		border : 0 ;
		text-align : center ;
	}
	
.centre
	{
		text-align : center ;	
	}