/*---------- Header ------------*/ 

#header {
	background-image: url(img/header_bgr.jpg);
	background-repeat: repeat-x;
	position: relative;
	margin: 2px 0px 0px;
	padding: 0px;
	height: 26px;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
}
#header_nav {
	margin: 5px 0px 0px 12px;
	padding: 0px;
	float: left;
	width: 200px;
}
#header_nav a {
	color: #FFFFFF;
	text-decoration: underline;
}
#header_nav a:hover {
	text-decoration: none;
}

#header_search {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 215px;
}
#header_search #textbox {
	float:left;
	width:auto;
	margin-top:2px;
}
#header_search #submit {
	float:left;
	width:auto;
	margin-top:5px;
	margin-left:3px;
}


#header_banner {
	height:400px;
	margin-bottom:100px;
	padding-bottom:100px;
}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body {
font-family : arial, helvetica, sans-serif; 
color : #000000; 
line-height : 1.166; 
margin : 0; 
text-align : center; 
} 
a:link, a:visited, a:hover {
color : #006699; 
text-decoration : none; 
} 
a:hover {
text-decoration : underline; 
} 
h1, h2, h3, h4, h5, h6 {
font-family : Arial, sans-serif; 
margin : 0; 
padding : 0; 
} 
h1 {
font-size : 80%; 
color : #ffffff; 
background-color : #336699; 
padding : 1px 8px; 
display : block; 
text-decoration : none; 
text-align : left; 
margin : 0; 
} 
h2 {
font-size : 100%; 
color : #006699; 
} 
h3 {
font-size : 100%; 
color : #334d55; 

} 
h4 {
font-size : 100%; 
color : #334d55; 
font-style:italic;
} 
h5 {
font-size : 100%; 
font-weight : normal; 
color : #333333; 
} 
hr {
border : 0; 
color : #000000; 
background-color : #000000; 
margin-left : 0; 
width : 100%; 
height : 1px; 
} 
ul {
list-style-type : square; 
} 
ul ul {
list-style-type : disc; 
} 
ul ul ul {
list-style-type : none; 
} 
label {
font : bold 100% Arial, sans-serif; 
color : #334d55; 
} 

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#global {
position : relative; /* on positionne le conteneur */
margin-left : auto; 
margin-right : auto; 
width : 740px; 
text-align : left; /* on rétablit l'alignement normal du texte */
} 

#error {
padding : 0; 
margin : 0; 
width : 740px; 
position : absolute; 
top : 160px; 
left : 20px; 
} 
#navBar {
position : absolute; 
width : 170px; 
margin : 0; 
padding : 0; 
top : 175px; 
left : 2px; 
} 
#content {
width : 555px; 
margin : 0; 
padding : 0; 
position : absolute; 
left : 180px; 
top : 175px; 
} 
#headlines3C {
	width : 120px;
	padding : 0;
	margin : 0;
	position : absolute;
	left : 619px;
	top : 175px;
} 
#content3C {
width : 430px; 
margin : 0; 
position : absolute; 
left : 180px; 
top : 175px; 
} 
#siteInfo {
font-size : 75%; 
color : #000000; 
padding : 10px; 
text-align : center; 
position : relative; 
top : 1px; 
} 

/***********************************************/
/*Component Divs                               */
/***********************************************/

/************* .banner styles *************/
.banner {
background-color : #ffffff; 
} 

/************* #breadCrumb styles *************/
#breadCrumb {
color : #000000; 
background-color : #eaeaea; 
padding : 1px 1px 1px 8px; 
display : block; 
font : normal 80% Arial, sans-serif; 
text-decoration : none; 
text-align : left; 
margin : 0; 
} 

/************** .story styles *****************/
.story {
clear : both; 
padding : 0; 
font-size : 80%; 
} 
.story p {
padding : 0 0 0px; 
} 
.story img {
float : left; 
padding : 0 10px 0 0; 
margin : 0 5px 5px 0; 
} 

.warning {
color : red
}

/************* #box_right styles ***************/

#box_news, #box_handiflash, #box_handigids {
display : block;
border : 1px solid #336699;
background-color : #CCE5FF;
margin : 0 2px 5px 0;
}

#box_news h3, #box_handiflash h3, #box_handigids h3 {
	color : #334d55;
	font-size : 100%;
	font-style: italic;
	margin : 2px 3px 0px 3px;
}

#box_news p, #box_handiflash p, #box_handigids p {
	color : #006699;
	font-size : 80%;
	font-style: normal;
	margin : 6px 3px 2px 3px;
}

#box_news a, #box_handiflash a, #box_handigids a {
	color : #006699;
	font-size : 100%;
	font-style: normal;
}

/*---------- début navigation verticale -----------------------------------------------*/
#navBar ul a:link, #navBar ul a:visited {
display : block; 
} 
#navBar ul {
list-style : none; 
margin : 0; 
padding : 0; 
} 

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
border-bottom : 1px solid #ffffff; 
} 

/* fix for browsers that don't need the hack */
html>body #navBar li {
border-bottom : none; 
} 
#sectionLinks {
margin : 0; 
padding : 0; 
font-size : 75%; 
border-bottom : 1px solid #ffffff; 
color : #336699; 
background-color : #ffffff; 
display : block; 
text-decoration : none; 
text-align : right; 
} 
#sectionLinks h3 {
color : #ffffff; 
font : bold 95% Arial, sans-serif; 
text-align : right; 
padding : 1px 6px 1px 1px; 
background-color : #336699; 
margin : 0 0 2px; 
background-image : url(img/box_title.gif); 
background-repeat : no-repeat; 
} 
#sectionLinks a {
padding : 1px 8px 1px 1px; 
color : #336699; 
background-color : #e5f8ff; 
border-bottom : 1px solid #ffffff; 
text-decoration : none; 
text-align : right; 
} 
#sectionLinks a:hover {
color : #336699; 
background-color : #eceaff; 
text-decoration : underline; 
} 
/*---------- fin navigation verticale ---------------------------------------------*/

/*---------- début navigation horizontale -----------------------------------------------*/
#horizontalnav ul {
padding : 0; 
margin : 0; 
font-size : 75%; 
white-space : nowrap; 
background-color : #e5f8ff; 
color : #336699; 
float : left; 
width : 100%; 
border-style : solid; 
border-color : #ffffff; 
border-width : 1px 0; 
} 
#horizontalnav ul li {
display : inline; 
} 
#horizontalnav ul li a {
padding-left : 1em; 
padding-right : 1em; 
background-color : #e5f8ff; 
color : #336699; 
text-decoration : none; 
float : left; 
border-right-color : #0066cc; 
border-right-style : solid; 
border-right-width : 1px; 
} 
#horizontalnav ul li a:hover {
background-color : #eceaff; 
color : #336699; 
text-decoration : underline; 
} 
/*---------- fin navigation horizontale ---------------------------------------------*/
#handiflash_nav ul {
display:block;
margin:5px 0px 10px 0px;
padding-bottom:10px;
}
#handiflash_nav li {
display:inline;
padding-left:5px;
border-left:solid 1px #666666;
}