body
{
	margin:0;
	padding:0px 0;
	color:#000;
	min-width:770px;
	FONT-FAMILY: verdana, helvetica, sans-serif;
	font-size:small;
	
	}

	

body#documents, body#accueil, body#presentation, body#ressources, body#fiches, body#medias, body#lefim
{
	background:none;
	background-image: none;
	background-color:#FFFFFF;
}


switch  {
display:none; }



/* Cadre de largeur fixe pour les grands titres de dossier */

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
	width: 702px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: none; 
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}



div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 20px;
	background-image: none; 
	bottom: 0px;
}



div#intcadre1 {
margin:0px;
padding:0px;
border:none; 


	}




	

div#intcadre {
border:none; 
	
	}







/**************************************************/
/**************************************************/




a {color: #666666;}
/*a:visited {color:#DB7093;}*/
a:hover {color: #564b47;}
a:active { color:#000000;}


A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

p, pre{
padding: 5px 10px;
margin:0px;
}




#Site-Header {
	LEFT: 50%; MARGIN-LEFT: -380px; WIDTH: 760px; POSITION: relative; TOP: 0px; HEIGHT: 200px; z-order: 1
}





.logo {font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-large;
}



	/* ----------titlet-------------- */


h1
	{FONT-WEIGHT: bold;
	FONT-SIZE: large;
	COLOR: #FF9600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	text-indent: 10px;}
h2
	{FONT-WEIGHT: bold;
	FONT-SIZE: medium;
	COLOR: #FFCC00;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	text-indent: 13px;}
h3
	{	FONT-WEIGHT: bolder;
	FONT-SIZE: small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	color:#666666;
	text-indent: 15px;}

h4
	{	FONT-WEIGHT: bold;
	FONT-SIZE: x-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	color:#666666;
	text-indent: 0px;}



.Titre-Page {
	FONT-WEIGHT: bold;
	FONT-SIZE: x-large;
	COLOR: #EA2F00;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	padding-top: 20px;

}

.Titre1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: large;
	COLOR: #FF9600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	text-indent: 0px;
}
.Titre2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: medium;
	COLOR: #FFCC00;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	text-indent: 3px;
}
.Titre3 {
	FONT-WEIGHT: bolder;
	FONT-SIZE: small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	color:#666666;
	text-indent: 10px;
}


.titre-film
{
	FONT-WEIGHT: bold;
	FONT-SIZE: large;
	COLOR: #EA2F00;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: right;
}



	
	/* ----------container to center the layout-------------- */
#container {
	width: 748px;
	background-color: #EBD3E0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/* -----------------content--------------------- */
#content {
	clear:both;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 0px; /* au lieu de 200px*/
	margin-bottom: 0;
	margin-left: 0px; /* au lieu de 200px*/
}


div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
margin-top:-20px;
}


/* ----------banner for logo-------------- */
#banner {
display:block;
	width:700px;
	text-align: right;
	padding: 0px;
	margin-top: 0px;

	margin-bottom: 0px;

}


#Site-Bandeau-Top {
	BACKGROUND-IMAGE: url(images/top-fond.gif);
	WIDTH: 755px;
	HEIGHT: 80px;
	TEXT-ALIGN: right;
	padding-left: 24px;
}




#banner img {padding:10px 0px;} 


.imgR {
	float:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}



.imgG {
	PADDING-RIGHT: 30px;
	FLOAT: left;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	padding-left: 5px;
	z-index:1;

}



/* -----------footer--------------------------- */
#footer {
display:none;
clear: both;
margin: 0;
padding: 0;
text-align:center;
clear:both;
	}

.Site-Copyright {
	FONT-WEIGHT: bold; FONT-SIZE: x-small; COLOR: #999999}


/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}


#leftnav
{
	float: left;
	width: 49%;
	padding-right: 10px;

}
#rightnav
{
float: right;
width: 49%;

}

.exposant {
vertical-align: 4px; 
font-size: 70%;
}


.fond {
color:#ffffff;
text-decoration:none;
display:none;


}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */



.menu {
display:none;

	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	width:700px;
	height:150px;
	position:relative;
	margin-top:-7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}




/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:88px; 
height:1.5em;
font-weight:bold; 
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:98px;
w\idth:88px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:8px solid #606;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:96px;
border:1px solid #888;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block;
	color:#000;
	border:0;
	margin:0;
	color:#333;
	font-weight:normal;
	font-size:0.9em;
	height:auto;
	line-height:1em;
	padding:5px;
	width:86px;
	background-color: transparent;
	background-image: url(images/opaque.png);
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
/*color:#fff;*/
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}

.current {
color:#000; 
border-bottom:8px solid #606;

}


/*Les liens au survol et rubrique en cours*/
#selected li a {
color:#000000;
background: #EAE8E1;
border-bottom: 8px solid #606;

}

.menu A SPAN {
	color:#000; 
border-bottom:8px solid #606;
}



.test
{
color: #CC6600 
}