*{
font-family: Arial, Helvetica,Verdana;
font-size:12px;
}

h1, h2, h3, h4, h5, h6
{
	font-family:Arial, Helvetica,Verdana;
	color:#005DA7;
	font-weight:bolder;

}

img{border:0;}


h3{
	font-size:12px;
}

body{
	background: #ffffff;
	text-align:center;
}

input, textarea
{
	background:#fDfDfD;
	border:1px solid #EAEAEA;
}

a{
	color:#005DA7;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}


#container{
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:2em 10em 2em 250px;
	width:570px;
	border-right:1px solid #C3BCB7;
	background-repeat:no-repeat;
}

#container{	background-image: url(../images/backgrounds-ie6/home.jpg) ;}
html>body #container{	background-image: url(../images/backgrounds/home.jpg) ;}


#pictogramme
{
	background: url(../images/pictogramme.gif);
	width:90px;
	height:40px;
	position:absolute;
	left:780px;
	top:20px;
}

#subcontent{
	position:absolute;
	left:70px;
	top:200px;
	width:140px;
	padding:0 0 2em 30px;

}

html>body #subcontent{
	background:url(../images/fond-transp.png);
}

#subcontent{
font-size:95%;
}
#subcontent *{
font-size:100%;
}

#subcontent ul{
	margin:0;
	padding:0;
	list-style:square outside;
	color:#005DA7;
}
#subcontent li ul{
	margin:0 0 0 1em;
	list-style:circle outside;
}

#subcontent input.texte{ width:85px; display:block;}

#subcontent h3{font-size:110%;margin-left:-20px;margin-top:1em;}


#subcontent ul.news_list{
	margin:0 0 0 0;
	padding:0;
	list-style:square;
}

#subcontent ul.news_list li{	margin:0;padding:0 0 0 10px;}
#subcontent ul.news_list h4{margin:0.6em 0 0 -10px;padding:0;font-weight:normal;}
#subcontent ul.news_list p{margin:0;padding:0;color:#000000;}
#subcontent ul.news_list span.infos{margin:0 0 0 -10px;color:#000000;}
#subcontent ul.news_list span.text{display:block;margin:0;padding:0;color:#000000;}

#subcontent a.show_hide{cursor:pointer;margin-top:2em;display:block;}

#subcontent h3 a.show_hide {
/*font-size:90.91%;*/
font-weight:normal;
}

#subcontent h3 a.title_shown {
font-size:100% !important;
font-weight:bold !important;
text-align:left !important;
text-decoration:none !important;
}




h1{
	position:relative;
	margin:0 0 0 -75px;
	padding:0;
	_margin-top:-10px;
	_margin-bottom:15px;
	width:164px;
	height:45px;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hotrec/images/logo.png', sizingMethod='scale');*/
	z-index:2;
	background:url(../images/logo.png);
	_background:url(../images/logo.gif);
	background-repeat:no-repeat;
}


html>body h1{
}

h1 a{
	position:relative;
	display:block;
	width:164px;
	height:45px;
	z-index:5;
	
}



.hidden{display:none;}
.clear_both{clear:both;}


#menu_div{
	position:relative;
	width:100%;
	z-index:99;
	margin:0 0 5px 10px;
}


#submenu{
	clear:both;
	position:relative;


}

#main{

	position:relative;
	z-index:2;
	border-left:1px solid #D4B99D;
	padding: 121px 0 0 10px;
	background:url(../images/head/home.jpg);
	
	background-repeat:no-repeat;
	background-position:10px 0;
	text-align:justify;
	min-width:100%;
	min-height:425px;
	_height:425px;
}


#bottom_note{
	position:relative;
	font-size:80%;
	color:#C0C0C0;
	margin-top:0.75em;
	padding-top:0.75em;
	border-top : 1px solid #C0C0C0;
}


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

	In the main

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


#main p, span{
}

#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main div.h7 , #main  div.h8
{
	font-family:Arial, Helvetica,Verdana;
	color:#005DA7;
	font-weight:bold;
}

#main h2 { font-size:135%;margin-left:0em;border-bottom:1px solid #005DA7}
#main h3 { font-size:125%;margin-left:0em;}
#main h4 {font-size:120% ;padding-left:0.75em;font-style:italic}
#main h5 {font-size:115% ;padding-left:2em;}
#main h6 {font-size:110% ;padding-left:3em;font-style:italic}
#main div.h7 {font-size:105% ;padding-left:4em;}
#main div.h8 { font-size:100%;padding-left:5em;font-style:italic}


#main td, #main th {
padding-right:1em;
}


#main .drop-down-zone{
	border:1px dotted #C0C0C0;
	padding:0.5em;
}

#main .drop-down-zone-prepend{
	background:#F0F0F0;
	position:relative;
}



#main div.drop-down-zone-prepend a{
	display:block;
	text-align:center;
}
#main h4.drop-down-zone-prepend{
	margin-bottom:0;
}
#main h4.drop-down-zone-prepend a{
	position:absolute;
	right:0.5em;
	top:0;
	font-weight:normal;
	
}

.access_path{font-size:80%;color:#C0C0C0;margin-bottom:1.5em;margin-top:-1em;text-align:right}
.access_path a{font-size:100%;}



/*** image list ***/
ul.imageslist{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}

ul.imageslist li{
	position:relative;
	list-style:none;
	margin:0 1em 0 0;
	padding:0;
	display:block;
	float:left;
	height:200px;
	width:120px;
	overflow-x:hidden;
	overflow-y:auto;
}

ul.imageslist li img{position:relative;}
ul.imageslist li a{}
ul.imageslist li a span{display:block;}
ul.imageslist li span{display:block;}
ul.imageslist li p{
	text-align:left;
	margin:0;
	padding:0;
}


/*** file list ***/


ul.fileslist li{
margin :  0 0 0.5em 0;
}

ul.fileslist p{
margin:0.25em 0 1em 2em;
}

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

	MENU

************/
#Menu li ul a{
font-size:100%;
}


.Style4 , .Style9{
font-size:100%;
font-weight:bolder;
}


.Style4 {color: #999999;}
.Style9 {color: #6B7BAD;}

#Menu
{
font-size:100%;
	position:relative;
	z-index:100;
	margin:0;
	padding:0;
}

#Menu, #Menu ul {
font-size:100%;
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
	
}

#Menu ul 
{
font-size:100%;
	background: #ffffff;
	border:1px solid #003A8C;
	position:relative;
	z-index:101;
	_top:1.1em;
	padding-right:1px;
	_padding-right:0px;
}


#Menu a {
font-size:98%;
width: 10em;
	w\idth: 6em;
	padding: 0 0.2em 0 0.2em;
	text-transform:uppercase;
	
}


#Menu ul a{
	display: block;
	color:#6B7BAD;
	text-transform:none;
}

#Menu ul a:hover{
	color:#ffffff;
	/*background:#c5c9dd;*/
}


#Menu a.daddy{
	background:url(../images/rightarrow2.gif) center right no-repeat;

}
/*
#Menu ul a.daddy:hover {
	background:#c5c9dd url(../images/rightarrow2.gif) center right no-repeat;
}*/

#Menu li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}

#Menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.4em;
	w\idth: 12.9em;
	font-weight: normal;
	margin: 0;
}

#Menu li li {
	padding-right: 1em;
	width: 11.95em;
	
}


#Menu li ul a {
	width: 12em;
	w\idth: 9em;
	
	padding: 0.25em 3em 0.25em 0.5em ; /*second value controls arrow position*/

}

#Menu li ul ul {
	margin: -1.75em 0 0 12.8em;
	_margin: -1.15em 0 0 12.8em;
}

#Menu li:hover ul ul, #Menu li:hover ul ul ul, #Menu li.sfhover ul ul, #Menu li.sfhover ul ul ul {
	left: -999em;
}

#Menu li:hover ul, #Menu li li:hover ul, #Menu li li li:hover ul, #Menu li.sfhover ul, #Menu li li.sfhover ul, #Menu li li li.sfhover ul {
	left: auto;
	_left: 0em;
}

/* tweaks of the above rule for IE7*/
html>body #Menu li ul,
html>body #Menu li.sfhover ul ul,
html>body #Menu li.sfhover ul ul ul {
	*left:-999em;
}
html>body #Menu li.sfhover ul,
html>body #Menu li li.sfhover ul,
html>body #Menu li li li.sfhover ul {
	*left: 0em;
	*top:1.1em;
}

#Menu li:hover, #Menu li.sfhover {
	/*background:#ffffff;*/
}

#Menu li li:hover, #Menu li li.sfhover {
	background:#c5c9dd;
}


#Menu li{
	list-style:none;
	position:relative;
	display:inline;
}

#Menu a{
	text-decoration:none;
}

#Menu a:hover{	color: #003A8C;}

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