<!-- << DEBUT CSS >> -->

/*    GENERALITES     */
body
{
	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-HIGHLIGHT-COLOR: white;
	SCROLLBAR-SHADOW-COLOR: red;
	SCROLLBAR-3DLIGHT-COLOR: red;
	SCROLLBAR-ARROW-COLOR: red;
	SCROLLBAR-TRACK-COLOR: white;
	SCROLLBAR-DARKSHADOW-COLOR: white;
	SCROLLBAR-BASE-COLOR: red;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-color:#fff;
}


img, a, a:link, a:visited, a:hover, a:active
{
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: #666;
	border:0px;
}
h1
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff3333;
}
h3
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663399;
}

h5
{
	padding: 5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #369;
}
h6
{
	padding: 5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #690;
}
#spacer
{
	clear: both;
	padding:0px;
	margin:0px;
}

.Style1 
{
	color: #FF0000;
	font-weight: bold;
}

/*            DIV GLOBAL               */
#container
{
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	padding: 0px;
	background-image:url("../images/shadow.jpg");

}
#container2
{
width:980px;
height:100%;
margin-right: auto;
margin-left: auto;
}
shadow_up
{
height:20px;
}
shadow_down
{
height:20px;

}
#searchBox
{
width:100px;
height:12px;
margin-left:10px;
font-size:12px;
}
#searchForm
{
height:12px;
padding:0px;
margin:0px;
font-size:12px;
}
/*              HEADER                  */
#header
{
	width: 100%;
	height: auto;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
	background-color: #fff;
}
	#logo
	{
		float: left;
		width:180px;
		height:200px;
	}
	#shortcuts
	{
		float: right;
		padding-top: 12px;
		padding-right: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #333;
		font-size: 8px;
		width: auto;
		height: 30px;
	}
		#shortcuts a, #shortcuts a:link
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #333;
			font-size: 8px;
		}
		#shortcuts a:hover 
		{
			color: #690;
		}
		#shortcuts a img
		{
			border: 0px;
		}
		#shortcuts ul
		{
			padding: 0px;
			margin: 0px;
		}		
		#shortcuts li
		{
			padding: 5px;
			margin: 5px;
			float: left;
			list-style-type: none;
		}
		
/*           MENU           */
#menu 
{
	float: left;
	width: 799px;
	background-image:url("../images/bg-menu.jpg");
	background-repeat: repeat-x;
	height:25px;
	border-bottom: 1px solid #999;
}
#menu ul
{
	margin: 0px; 
	float: left; 
	width: 130px;
	list-style-type: none;
	border-left: 0px dotted #ccc;

}
#menu ul li
{
	FLOAT: left; 
	WIDTH: 100%;
	padding-top:5px;
}
#menu UL LI A, #menu UL LI A:link, #menu UL LI A:active, #menu UL LI A:visited, 
{
	DISPLAY: block; 
	MARGIN: 0px; 
	FONT: 11px arial, helvetica, sans-serif;
	font-weight:bold;
	BORDER:#fff 0px solid;
	color:#333333;

}
#menu UL LI A:hover
{
	color: #663399;
	font-weight:bolder;
}
#menu H2
{
	text-align:center;
	BORDER:#fff 0px solid; 
	margin:0px;
	color:#663399;
	FONT: bold 11px arial, helvetica, sans-serif; 
}

#menu LI
{
	POSITION: relative;
}
#menu UL UL
{
	Z-INDEX: 1000; 
	POSITION: absolute; 
	border:1px solid #666666;
	background-image:url("../images/bg-ul.gif");
	background-color:#fff;
	background-position:bottom;
	background-repeat:no-repeat;
	padding:5px;
	

}
#menu UL UL LI 
{

}
#menu UL UL LI a:link, #menu UL UL LI a:active, #menu UL UL LI a:visited
{

color:#333333;
}
#menu UL UL LI a:hover
{
background:#ff3333;
color:#eee;
}
#menu UL UL UL
{
	LEFT: 100%; 
	POSITION: absolute; 
	TOP: 0px;
}
#menu UL UL 
{
	DISPLAY: none;
}
#menu UL LI:hover UL UL
{
	DISPLAY: none;
}
#menu UL UL LI:hover UL UL 
{
	DISPLAY: none;
}
#menu UL LI:hover UL 
{
	DISPLAY: block;
}
#menu UL UL LI:hover UL 
{
	DISPLAY: block;
}
#menu UL UL UL LI:hover UL 
{
	DISPLAY: block;
}

/*            PAGE             */
#page
{
	width: 799px;
	height: auto;
	float: right;
	border-left:1px solid #ccc;
}
	/*     COL LEFT      */
	#col_left
	{
		float: left;
		width: 180px;
		height:auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
		#box_left
		{
			position:relative;
			margin-top:31px;			
		}
			#title_box_left
			{
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				background-image:url("../images/titre.jpg");
				background-repeat:no-repeat;
				height:27px;
				padding: 7px 0px 0px 15px;
				color: #663399;
				background-color:#ff3333;

			}
				#title_box_left a, #title_box_left a:link, #title_box_left a:hover
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #663399;
					text-decoration: none;
				}
			#content_box_left
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #663399;
				text-decoration: none;
				position:relative;
				padding: 3px;
				padding-left:10px;
				background:#ff3333;
				
			}
				#content_box_left a
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					font-weight: normal;
					color: #fff;
					text-decoration: none;
				}
				
				#content_box_left ul
				{
					padding: 0px;
					margin: 0px;
					list-style-type:none;
				}
				#content_box_left li
				{
					padding-top: 4px;
					padding-bottom: 4px;
					font-weight: normal;
					border-bottom: 1px solid #fff;
				}
				#content_box_left li:hover
				{
					padding-top: 4px;
					padding-bottom: 4px;
					font-weight: normal;
					border-bottom: 1px solid #fff;
				}
				#content_box_left li a:hover
				{
					color:#663399;
					font-weight:bold;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					
				}
	#banner
	{
		width: 799px;
		height:290px;
		float: right;
	}
	#page_path
	{
		width: 629px;
		float: left;
		font-size: 9px;
		font-weight: normal;
		padding-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #999;
		background:#CCC;
		border-bottom: 1px solid #999;
	}
		#page_path a, #page_path a:link, #page_path a:visited
		{
			text-decoration: none;
			color: #999;
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;			
			font-weight: normal;
		}
		#page_path a:hover
		{
			text-decoration: underline;
			color: #999;
			text-transform: none;
			font-size: 9px;
			font-weight: normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	#content_page
	{
		width:799px;
		/* rajouté pr le scroll
		float: right;
		overflow-y: scroll;
		overflow-x: hidden;
		overflow: -moz-scrollbars-vertical;
		scrollbar-face-color: #eee;
		scrollbar-shadow-color: #fff;
		scrollbar-highlight-color: #fff;
		scrollbar-3dlight-color: #fff;
		scrollbar-darkshadow-color: #fff;
		scrollbar-track-color: #fff;
		scrollbar-arrow-color: #111;*/
	}
	
		#content_page_left
		{
			float: left;
			width: 620px; /* 405 init -20*/
			height: auto;
			background-color: #fff;
			font-size: 10px;
			color: #666;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			list-style-image:url("../images/arrow1.gif");
		}
		#content_page_left ul ul li
		{
			list-style-image: url("../images/arrow1.gif");
		}
		#text
		{
			padding:10px;
		}
	
	/*     COL RIGHT     */
		#content_page_right
		{
			float: right;
			width: 179px;
			height: auto;
			margin: 0px;
			padding: 0px;
		}		
			#box_right
			{
				background-color:#eee;
				/* temp					
				border-top: 3px #000 solid;
				border-left: 1px #666666 solid;
				border-right: 1px #666666 solid;				
				background-image: url("../images/bg-content_right.jpg");
				background-position: bottom;
				background-repeat: no-repeat;*/
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				text-decoration: none;
				margin-top:30px;
			}
				#box_right ul
				{ list-style-type:none;
				}
				#box_right ul li
				{ border-bottom:0px dotted #fff;
				}
				
				#title_box_right
				{
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				background-image:url("../images/titre.jpg");
				background-repeat:no-repeat;
				height:27px;
				padding: 7px 0px 0px 15px;
				color: #663399;
				background-color:#ff3333;
				}
				#content_box_right
				{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				position:relative;
				padding: 4px 5px 0px 5px;
				background:#ff3333;
				}
				#pdf ul
				{
					list-style-image: url("../images/puce-telechargement.gif");
					list-style-position:outside;
				}
				#content_box_right a, #content_box_right a:link, #content_box_right a:visited
				{
				color: #fff;
				}
				
				
				/*   code rajouter pour boite  pre inscription 03-03-09    */
				.pdf {
					background:url("../images/puce-telechargement.gif") no-repeat;
					padding-left:23px;
				}
				
				#boite_pre_inscription p {
					height:20px;
				}


/*     FOOTER      */
#footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: center;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	border-top: 1px #ccc solid;
	background-color:#CCC;
}
	#footer a, #footer a:hover, #footer a:link
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
	}
<!-- << FIN CSS >> -->