/* CSS Document */
/*MISE EN PLACE SITE*/

body{
position: absolute;
left: 50%;
margin-left: -485px;
/*margin:auto;*/
padding:0;
text-align: left;
background: white;
background-image: none;
background-color: #FFFFFF;
font-family: arial, lucida sans, tahoma, sans-serif;
font-size: 12px;
}

img {
border: 0;
}

div#ja-global {
width: 960px;
border: 1px solid #CCCCCC;
}

.trebuchet {
  font-family: "Trebuchet MS", Arial, Times, serif;
  line-height: 15px;
}


.clear_both {
  clear: both;
  visibility: hidden;
}

/*HEADER*/
div#ja-header {
position: relative;
z-index: 2;
width: 100%;
height: 105px;
border-left: 1px solid #FFFFFF;
}

.more {
  padding-left: 20px;
  background: transparent url(img/fleche.gif) no-repeat top left;
  font-size: 10px;
}

/*LOGO FSI*/
div#logo {
background: transparent url(img/logo_fsi_educ.jpg) no-repeat top left;
width: 162px;
height: 116px;
position: absolute;
top: 0;
left: 0;
}

div#logo a {
display: block;
width: 162px;
height: 116px;
}

div#logo a span {
display: none;
}

/*CONTENT*/
div#ja-content {
position: relative;
z-index: 1;
width: 100%;
margin: 0;
}

div#ja-content a {
  color: #044A7B;
}

div#ja-left {
position: absolute;
left: 0;
top: 10px;
padding: 0 5px;
padding-top: 10px;
width: 150px;
/*background: transparent url(img/fond_left.jpg) repeat-y top left;*/
}

div#ja-left .promotion h2 {
  margin: 0;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
  background-color: #176277;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

div#ja-left .promotion ul {
  margin:0;
  padding:0;
  list-style-type: none;
}

div#ja-left .promotion ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #CCCCCC;
  text-align: center;
}
div#ja-left .promotion ul li span {
  display: block;
  padding: 5px 0;
}

div#ja-left .promotion ul li a {
  text-decoration: none;
}

div#ja-left .promotion ul li span img {
  border: 0;
}

div#ja-right {
position: relative;
z-index: 0;
margin: 0;
margin-left: 160px;
}

div#ja-right {
padding: 10px;
}

div#ja-right table.list1 {
  border-collapse: collapse;
  border: 1px dashed #CCCCCC;
}
div#ja-right table.list1 td {
  padding: 5px;
  vertical-align: top;
  border: 1px dashed #CCCCCC;
}
div#ja-right table.list1 td h2 {
  margin: 0;
  padding: 2px 5px;
  font-size: 12px;
  text-align: center;
}
div#ja-right table.list1 td h2 a {
  color: #0173AD;
  text-decoration: none;
}
div#ja-right table.list1 td a.more {
  /*position: absolute;
  display: block;
  bottom: 0;*/
  color: #0173AD;
}

div.contentpaneopen h2 {
text-align: left;
color: #752136;
margin: 10px 0;
padding: 0;
padding-left: 20px;
background: #FFFFFF url(img/puce_h2.gif) no-repeat 0 4px;
}

div.presentation_vignette {

}

span.pathway {
  display: block;
  padding: 10px 0;
}
span.pathway a {
  color: #044A7B;
}


/***************************** SOCIETE ******************************/
.inst_h3 {
  padding: 2px 5px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  color: #666666;
  font-size: 12px;
  font-weight: normal;
}


/*PRESENTATION*/
div.contentpaneopenpresentation {

}

div.contentpaneopenpresentation p {
padding: 5px;
}

div.contentpaneopenpresentation p {
margin: 5px 0;
}

div.contentpaneopenpresentation h2 {
text-align: left;
color: #752136;
margin: 10px 0;
padding: 0;
padding-left: 5px;
border-left: 15px solid #CCCCCC;
}

div.contentpaneopenpresentation ol {
padding-left: 15px;
}

div.contentpaneopenpresentation ol li {
padding: 5px 0;
}

div.contentpaneopenpresentation ol li a {
color: #005a84;
}

div.contentpaneopenpresentation div.contact {
border: 1px solid #9c314a;
margin: 20px 0;
padding: 5px;
text-align: center;
background-color: #F8E9EC;
}

div.contentpaneopenpresentation div.contact a {
color: #005a84;
}

#ja-bottom {
  text-align: center;
}

#ja-bottom a {
  color: #AAAAAA;
}

/*FOOTER*/
div#ja-footerwrap {
clear: both;
margin: 0;
padding: 5px;
}

div#ja-footerwrap p {
  margin: 0;
  padding: 0;
  color: #999999;
}

div#ja-footerwrap a {
  color: #999999;
  text-decoration: none;
}

div#ja-right table.list1 td h2.titlefrontpage {
  background-color : #959595;
  color: #FFFFFF;
  font-size: 14px;
  margin: 5px;
  padding: 5px;
}

.modulebaseline {
  font-size: 10px;
}

.moduleupline {
  font-size: 10px;
}