/* ??? */

fieldset, img { border: 0; }

option { padding-left: 0.4em; }
 
ul, ol, dl { margin: 0 0; padding-left: 30px }
dl { margin: 1em 0; }
dd { padding-left: 40px; }

blockquote { margin: 0 0 1em 1.5em; }

td, th { padding: 1px; }
	
/*
 * Layout
 */

/* breadcrumbs */

#ja-pathwaywrap {
	padding: 0 0 0 25px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../images/h3-bg-hilite.gif) no-repeat left center #00B0DB;
	margin: 0 5px 10px 0;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	height: 30px;
}

#ja-pathway {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
	background: url(../images/h3-bg-hilite.gif) no-repeat right center;
	margin: 0;
	height: 30px;
}

#ja-pathway div.ja-innerpad {
	padding-top: 7px;
	line-height: normal;
}

#ja-pathway strong {
	margin-right: 5px;
}

#ja-pathway a {
	color: #FFFFFF;
	text-decoration: none;
}

#ja-pathway a:hover {
	text-decoration: underline;
}

#ja-pathway img {
	margin: 1px 5px;
}
div#breadcrumb {
	height: 30px;
	font-size: 85%;
	
	background-repeat:no-repeat;
	line-height:25px;
	padding-left:30px;
	color:#444444;
}

div#breadcrumb a, a:hover, a:active{
	color:#0088a9;
}



div#footer a.anchor {
	margin: 3px 0px 0px 0px;
	width: 30px;
	height: 5px;
	background: url(../images/footer_anchor.png) 0 0 no-repeat;
	display: block;
	float: right;
	text-decoration: none;
}

/*
 * unsorted lists
 */
 
ul.arrow, ul.arrow_big,
ul.checkbox, ul.checkbox_big,
ul.check, ul.check_big,
ul.star, ul.star_big,
ul.plus, ul.plus_big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li,
ul.plus li {
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 6px 35px;
	font-weight: bold;
	line-height: 100%
}

ul.arrow_big li,
ul.checkbox_big li,
ul.check_big li,
ul.star_big li,
ul.plus_big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 60px;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow li { background: url(../images/list_arrow.png) 0 0 no-repeat; }
ul.arrow_big li { background: url(../images/list_arrow_big.png) 0 0 no-repeat; }
ul.checkbox li { background: url(../images/list_checkbox.png) 0 0 no-repeat; }
ul.checkbox_big li { background: url(../images/list_checkbox_big.png) 0 0 no-repeat; }
ul.check li { background: url(../images/list_check.png) 0 0 no-repeat; }
ul.check_big li { background: url(../images/list_check_big.png) 0 0 no-repeat; }
ul.star li { background: url(../../template/images/list_star.png) 0 0 no-repeat; }
ul.star_big li { background: url(../images/list_star_big.png) 0 0 no-repeat; }
ul.plus li { background: url(../images/list_plus.png) 0 0 no-repeat; }
ul.plus_big li { background: url(../images/list_plus_big.png) 0 0 no-repeat; }


/*
 * ordered lists
 */
 
ol.disc, ol.disc_big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}

ol.disc li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

ol.disc_big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(../images/list_disc_big.png) 0 0 repeat-y;
}

ol.disc_big li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

/*
 * highlighted div and span boxes
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../../template/images/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}

/*
 * highlighted quotations
 */

blockquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	background: url(../images/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}

blockquote p {
	margin: 0px -35px -10px 0px;
	padding: 0px 40px 10px 0px;
	background: url(../images/blockquote_end.png) 100% 100% no-repeat;
	font-weight: bold;
	color: #999999;
	font-size: 1.1em;
}

/*
 * preformatted text elements
 */

pre {
	margin: 2px 0px 2px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #f4f5f6;
	font-size: 90%;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	/* white-space: pre-wrap;       /* css-3 */
	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

/*
 * highlighted emphasis
 */

em.box, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.box { 
	padding: 0px 2px 0px 2px;
	background:#f4f5f6;
	border: 1px dotted #aab4be;
}

em.file { 
	padding: 0px 0px 0px 13px;
	background: transparent url(../images/em_file.png) 0 1px no-repeat;
	color: #000000;
}

em.directory { 
	padding: 0px 0px 0px 16px;
	background: transparent url(../images/em_directory.png) 0 1px no-repeat;
	color: #000000;
}

/*
 * forms
 */
 
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; }  
legend { padding: 0 .8em 0 .8em; }
legend+* { margin-top: 1em; }  
textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; }
option { padding: 0 .4em .1em; }
form div { margin-bottom: .8em; }
button, input[type='button'] { padding: .2em .3em .2em .1em; line-height: 100%; }

/*
 * sub menu
 */
 
div#middle div.module_menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	background: #CCCCCC;
}

div#middle ul.menu li {
	margin: 0px;
	padding: 0px;
	display: block;
}

div#middle ul.menu li a, div#middle ul.menu li span.separator {
	height: 25px;
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #000000;
}

div#middle ul.menu li span {  
	display: block;
}

div#middle ul.menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#middle ul.menu a.current {  
	color: #0284a3;
}

div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover, div#middle ul.menu a.current:hover {  
	color: #0284a3;
}

div#middle ul.menu li.active {  
	font-weight: bold;
}

div#middle ul.menu li.active li {  
	font-weight: normal;
}

div#middle ul.menu li.parent span.separator {  
	cursor: pointer;
}
 
div#middle ul.menu li.level1 {
}

div#middle ul.menu a.level1, div#middle ul.menu span.level1 {
	background: #ffffff url(../images/submenu_level1_item.png) 100% 0 no-repeat;
	text-indent: 15px;
}

div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 {  
	background: #ffffff url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat;
}
 
div#middle ul.menu li.level2 {
}

div#middle ul.menu li.level2 a {
	height: 20px;
	line-height: 20px;
}

div#middle ul.menu a.level2 {
	background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 35px;
}

div#middle ul.menu a.level2 span {
	background: url(../images/submenu_level2_item_icon.png) 15px 2px no-repeat;
}
 
div#middle ul.menu li.level3 {
}

div#middle ul.menu a.level3 {
	background:  #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 45px;
}

div#middle ul.menu a.level3 span {
	background: url(../images/submenu_level3_item_icon.png) 25px 2px no-repeat;
}

 
div#middle ul.menu li.level4 {
}

div#middle ul.menu a.level4  {
	background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 55px;
}

div#middle ul.menu a.level4 span {
	background: url(../images/submenu_level4_item_icon.png) 35px 2px no-repeat;
}

/*** Bouton "partenaires" ***/

#partenaire{
width: 160px;
height:31px;
margin:0 0 50px 25px;
padding:0 0 0 0px;
background-image:url(../images/left_module_header.png);
background-repeat:no-repeat;
}

#partenaire p {
color:#ffffff;
font-weight:bold;
font-size: 12px;
padding-top: 5px;
padding-right:50px;
padding-bottom:5px;
padding-left:0px;
margin:0;
}

/*** cadre image des pages ***/

#imagepagesommaire {
margin-top: 19px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:20px;
padding:0px;
}

/*** page partenaire***/

#centresecondpartenaire{
font-family:verdana,arial, Helvetica, sans-serif;
font-size:11px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0px ;
padding-right: 0px ;
padding-bottom: 0px ;
padding-left: 0px ;
}

#cadrepartenaire{
background-color:#ffffff;
width: 350px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 1px ;
padding-right: 1px ;
padding-bottom: 1px ;
padding-left: 1px ;
}

#cadrepartenaire h2{
font-size: 12px;
font-family:verdana,arial, Helvetica, sans-serif; 
color: #444444;
margin:20px 0 10px 0px;
padding:5px 0 5px 0;
text-indent:40px;
background:#DEDEDE url(../images/fondtitre.gif) top left no-repeat;
font-weight:100;
}

/*** menu des pages "sommaire" ***/

#cadrecentresecond {
background-color: #ffffff;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 1px;
}

#cadrecentresecond h1 {
	font-size: 24px;
	color:#126CAF;
	padding-top:25px;
	padding-bottom:25px;
}

#cadrecentresecond h2 {
	font-size: 16px;
	font-family: arial,verdana,Helvetica,sans-serif;
	color: #0986A4;
	height:20px;
	margin-top: 2px;
	margin-right: 0pt;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0pt;
	padding-bottom: 12px;
	padding-left: 0px;
	text-indent: 15px;
}

#centresecond{
background-color:#ffffff;
font-family:verdana,arial, Helvetica, sans-serif;
font-size:11px;
border:0px dotted #D1D1D1;
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0px;
width: 310px;
}

#centresecond p,#cadrecentresecond p{
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 20px;
	padding : 10px;
	text-align: justify;
}

#centresecond h3{
font-size: 12px; 
color: #000000;
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 30px;
padding : 0px;
font-weight: 200;
}

.menucentre  li{
list-style-type:none;
border-bottom:1px #CCCCCC dotted;
color: #000000;
}

.menucentre a {
padding-top: 4px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 5px;
display: block;
color: #000000;
text-decoration: none;
}

.menucentre a:hover {
background-color: #dedede;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
text-decoration: none;
color: #000000;
}

.menucentre li a:link{
text-decoration: none;
color:#000000;
}
.menucentre li a:hover{
text-decoration: none;
color:#000000;
}

.menucentre li a:visited{
text-decoration: none;
color:#666666;

}
.menucentre li a:active{
text-decoration: none;
color:#000000;

}
/*
 * layout.css
 */

/*
 * general.css
 */

/*** Les tableaux ***/

 #centretableau {
margin-top: 10px;
margin-left: 165px;
margin-right: 200px;
}

#centretableau h2{
font-size : 18px; 
text-align: center;
}

#centretableau h3{
font-size : 12px; 
text-align: center;
}

/* Style des lignes de séparation */

.table_separateur {
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #000000; 
background-color : #EEEEEE; 
}

/*** titre du tableau ***/

.table_titre {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #000000; 
text-align : center; 
font-weight : normal; 
background-color : #EEEEEE; 
}

/*** Style des cellules de gauche ***/

.table_gauche {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #FFFFFF; 
background-color : #999999;
text-indent:5px; 
}

/*** Style des cellules de gauche centré***/

.table_gauche_centre {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #000000; 
background-color : #EEEEEE;
text-align : center;  
}

/*** Style 1 des cellules blanches non centrées ***/
.table_ligne1 {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #444444; 
background-color : #FFFFFF;
text-indent:10px; 
}

/*** Style 2 des cellules blanches centrées ***/
.table_ligne2 {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #000000; 
background-color : #ffffff; 
text-align : center; 
}

/*** Style 3 des cellules grises centrées ***/
.table_ligne3 {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #000000; 
background-color : #cccccc; 
text-align : center; 
}

/*** Style 4 des cellules blaches -titre en gras ***/
.table_ligne4 {
height:2em;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #000000; 
background-color : #ffffff; 
font-weight : bold; 
text-align: center; 
}

#cadrecarrepub{
padding: 0 10px 10px 10px;
margin-top: 40px;
border: 1px solid #d2d1d1;
width:300px;
}