/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#000;
text-align:center;
background-color:#FFFFFF;
width:100%;
}

a:link,
a:visited{
text-decoration:none;
color:#ca0b23;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#ca0b23;
outline:none;
}

h1{display:none;}
h2,h3,h4,h5{font-size:100%;}

.small{font-size:10px;}
ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.both{clear:both;}
.center{text-align:center;}
.bgred{background-color:#FF6666;}

input.champ{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #ca0b23;
color:#000;
height:15px;
padding-left:4px;
padding-right:4px;
}

select{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #ca0b23;
color:#000;
padding:1px;
}



/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#centrage{
width:95%;
margin:0 auto 0 auto;
text-align:left;
font-size:70%;
text-align:center;
display:table;
}

	/*--------------- header----------------*/
	div#centrage div#header{
	position:relative;
	height:40px;
	width:100%;
	}
		
		div#centrage div#header ul#navigation{
		display:none;
		}
	
	
		div#centrage div#header div#bandeau{
		text-align:center;
		height:40px;
		width:100%;
		}
		
		div#centrage div#header div#bandeau #logo{
		display:none;
		}
		div#centrage div#header div#bandeau img{
		display:none;
		}
		div#centrage div#header div#bandeau h1{
		display:block;
		font-size:15px;
		}
		
	
		
	
		
		
	/*--------------- contenu----------------*/	
	div#centrage table#contenu{
	width:100%;
	position:relative;
	display:table;
	text-align:left;
	}
	
		/* MENU */
		div#centrage table#contenu tr td#menu{
		display:none;
		}
			
		/* DATAS */
		div#centrage table#contenu tr td#datas{
		width:600px;
		}
		
			div#centrage table#contenu tr td#datas div.classique ul{
			margin-left:5px;
			}
			div#centrage table#contenu tr td#datas div.classique ul li{
			margin-left:10px;
			}
			div#centrage table#contenu tr td#datas div.encyclo ul{
			list-style:disc;
			margin-left:5px;
			}
			div#centrage table#contenu tr td#datas div.encyclo ul li{
			margin-left:10px;
			}
		
			div#centrage table#contenu tr td#datas ul#ariane{
			display:none;
			}
				
			
			
			div#centrage table#contenu tr td#datas h2{	
			margin-bottom:8px;
			}
				div#centrage table#contenu tr td#datas h2 span{	
				display:block;
				font-size:14px;
				text-transform:uppercase;
				}
			
			div#centrage table#contenu tr td#datas h2.titre{	
			margin-bottom:8px;
			padding-top:5px;
			font-size:13px;
			padding-bottom:3px;
			color:#000;
			border-bottom:1px solid #000;
			}
			
			
			div#centrage table#contenu tr td#datas ul.centres{			
			margin-left:35px;
			margin-bottom:13px;
			text-transform:uppercase;
			line-height:15px;
			}
				div#centrage table#contenu tr td#datas ul.centres li{display:inline;}
				div#centrage table#contenu tr td#datas ul.centres li a{color:#000;}
					div#centrage table#contenu tr td#datas ul.centres li a.on{
					color:#ca0b23;
					font-weight:bold;
					}
				
			
			div#centrage table#contenu tr td#datas div.mediatheque{
			height:380px;
			margin-bottom:10px;
			}
			
				div#centrage table#contenu tr td#datas div.mediatheque div.video{
				width:480px;
				height:380px;
				display:inline;
				float:left;
				}
					
					div#centrage table#contenu tr td#datas div.mediatheque div.video img{
					position:relative;
					display:block;					
					}
				
				div#centrage table#contenu tr td#datas div.mediatheque div.scroll{
				width:120px;
				height:380px;
				display:inline;
				float:left;
				background-image:url(../pics/sep_vert.gif);
				background-position:3px 0;
				background-repeat:repeat-y;
				}
					div#centrage table#contenu tr td#datas div.mediatheque div.scroll div.galerie{
					width:113px;
					display:block;
					margin-left:7px;
					height:350px;
					overflow:auto;			
					
					/* scroll bar */
					scrollbar-face-color:#ca0b23; 
					scrollbar-darkshadow-color:#ca0b23; 
					scrollbar-shadow-color:#ca0b23;
					scrollbar-highlight-color:#ca0b23;
					scrollbar-3dlight-color:#ca0b23;
					scrollbar-track-color:#e59578;
					scrollbar-arrow-color:#FFFFFF;						
					
							
					}	
					
						div#centrage table#contenu tr td#datas div.mediatheque div.scroll div.galerie img{
						margin-bottom:10px;
						display:block;
						
						}
			
				
			div#centrage table#contenu tr td#datas p{
			line-height:15px;
			text-align:justify;
			margin-bottom:5px;
			font-weight:normal;
			}
			div#centrage table#contenu tr td#datas ul{
			margin-bottom:5px;
			}
			div#centrage table#contenu tr td#datas ul li{
			line-height:15px;
			text-align:justify;
			font-weight:normal;
			list-style:none outside none;
			background-image:url(../pics/puce-noire.gif);
			background-position:0 5px;
			padding-left:10px;
			margin-bottom:5px;
			background-repeat:no-repeat;
			}
			
			div#centrage table#contenu tr td#datas ul li ul{
			margin-bottom:0px;
			}
			
			div#centrage table#contenu tr td#datas ul#liens li{
			line-height:15px;
			text-align:justify;
			font-weight:normal;
			margin-bottom:0px;
			background-image:url(../pics/puce-navigation.gif);
			background-position:0 6px;
			padding-left:10px;
			}
			
			
			div#centrage table#contenu tr td#datas img.visuel{
			float:left;
			margin-right:10px;
			}
			
			div#centrage table#contenu tr td#datas a.haut{
			display:none;
			}
			div#centrage table#contenu tr td#datas div.sep{
			position:relative;
			clear:both;
			display:block;
			height:10px;
			}
			div#centrage table#contenu tr td#datas div.encyclo{
			clear:both;
			background-color:#f9f4f9;
			padding:10px;
			width:578px;
			border:1px solid #ca0b23;
			}
			
			
			div#centrage table#contenu tr td#datas table{
			border-top:1px solid #ca0b23;
			border-left:1px solid #ca0b23;
			margin-bottom:8px;
			}
				div#centrage table#contenu tr td#datas table tr td{
				border-bottom:1px solid #ca0b23;
				border-right:1px solid #ca0b23;
				padding:2px 3px;
				}
			
		
		/* ANNEXES */
		div#centrage table#contenu tr td#annexes{
		display:none;
		}		
			
			
		
	/*--------------- footer----------------*/
	div#centrage div#footer{
	display:none;
	}