/*** General ***/


body {
  background:#666;
  font-family:Verdana, Arial, sans-serif;
  font-size:x-small;
  margin:0;
}


img {
  border:0;
}


p {
  line-height:1.3em;
  text-align:justify;
  margin:0 0 12px 0;
}

form p {
  text-align:left;
}


h1, h2, h3, h4 {
  font-family:Arial, sans-serif;
}


h1 {
  font-size:24px;
  margin:10px 0 1em 0;
}


h2 {
  color:#247B9F;
  font-size:24px;
  padding:0 0 0 30px;
  margin:0 0 5px 0;
  font-weight:normal;
  background:url(images/h2_bg.gif) no-repeat;
}


h3 {
  margin:2em 0 0 0;
  color:#247B9F;
  font-size:16px;
}

h4 {
  color:#247B9F;
  font-size:14px;
  padding:0 0 0 30px;
  margin:0 0 5px 0;
  font-weight:normal;
  background:url(images/h2_bg.gif) no-repeat;
}


a, a:link {
  font-weight:bold;
  color:#227A9D;
  text-decoration:none;
}
a:active, a:visited {
  color:#175868;
}
a:hover {
  text-decoration:underline;
}


ul{
  list-style-image: url(images/list_image.gif);
  border-top:0;
  border-bottom:0;
}
li{
  margin-bottom:3px;
}


table {
  margin:0;
  border-collapse:collapse;
}


thead tr td {
  background:#227A9D;
  color:#fff;
  font-weight:bold;
  padding:2px;
  margin:0;
  border:1px solid #227A9D;

}


tbody tr td {
  border:1px solid #666;
  border-collapse:collapse;
  padding:2px;
  margin:0;
  font-size:x-small;
}




/*** Classes spécifiques ****/
.moreDetails{
  font-size:small;
  text-align:right;
  margin-right:20px;
}


.actualite {
  background:#e8e8e8;
  padding:5px;
  margin-bottom:10px;
}


.actualite h3{
  margin:0;
}


.actualite .entete{
  margin:0 0 20px 0;
  font-weight:bold;
  font-size:x-small;
  border-bottom:1px solid #aaa;
}


.actualite .moreDetails{
  border-top:1px solid #aaa;
  margin:0;
  padding:7px 20px 2px 0;
}


legend {
  font-weight:bold;
}


/*** zones & layers ***/
#container {
  background:#fff url(images/container_bg.gif) repeat-y right;
  width:920px;
  margin:auto;
  padding:0 12px 0 0;
}


#top {
  width:920px;
  height:165px;
  margin:0;
  background:url(images/top_bg.gif);
}


#top h1 {
  margin:0;
  padding:0;
  font-size:10px;
  text-align:left;
  border:none;
}
#top h1 a{
  display:block;
  width:500px;
  height:80px;
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;
}


#languageSelector {
  position:absolute;
  list-style:none;
  margin:0 0 0 500px;
  padding:2px 3px;
  width:404px;
  height:13px;
  text-align: right;
}
#languageSelector li {
  display: inline;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:x-small;
  font-weight:bold;
  color:#fff;
}
#languageSelector li a{
  color:#fff;
  text-decoration:none;
}
#languageSelector li a:hover{
  text-decoration:underline;
}


#mainMenu {
  list-style:none;
  margin:90px 0 0 170px;
  width:750px;
  padding:0;
  position:absolute;

}
#mainMenu li {
  display: inline;
}
#mainMenu li a{
  display:block;
  height:18px;
  width:109px;
  padding:6px 8px;
  float:left;
  text-align:center;
  color:#000;
  text-decoration:none;
  font-size:small;
  font-weight:normal;
}


#mainMenu li a:hover, #mainMenu li a.active  {
  font-weight:bold;
  background:url(images/menu_top_active.gif);
  color:#fff;
}


#bottom {
  background:url(images/menu_btm.gif) no-repeat left top;
  margin:0;
  /*margin:0 0 20px 0;*/
}
#footer{
  border-top:1px solid #999;
  text-align: center;
  margin:0 5px 0 180px;
  padding:2px;
  clear:both;
  font-size:x-small;
  color:#999;
  height:30px;
}
#footer a{
  color:#666;
  font-weight:normal;
}


/*** spécificités page type ****/
#main {
  background:url(images/menu_bg.gif) repeat-y left;
}




#entourage {
  width:733px;
  padding:0;
  margin:0 0 0 180px;
  background:url(images/filigrane.gif) no-repeat bottom right;
}


#sidebar {

  float:right;
  width:230px;
  font-size:xx-small;
  text-align:left;
  color:#666;
  padding:0 0 5px 0;
}


#sidebar .block {
  border-bottom:1px solid #ccc;
}


#sidebar .blockmenu {
  border:1px solid #237a9d;
  padding:2px;
  margin:0 0 5px 0;
  background:#fff url(images/sidebarblock_bg.jpg) no-repeat bottom right;
}


#sidebar .blockmenu h3 {
  margin:0 0 5px 0;
  background: #237a9d;
  color:#fff;
  padding:2px;
}


#sidebar p {
  text-align:left;
  margin:0 0 5px 0;
}


#sidebar h3 {
  font-size:14px;
  margin:5px 0;
  padding:0 0 0 16px;
  background:url(images/h3_puce.gif) no-repeat left top;
}


#sidebar ul{
  margin-top:0;
  margin-bottom:0;
}


#sidebar a, #sidebar a:active, #sidebar a:visited, #sidebar a:hover{
  font-weight:normal;
  text-decoration:underline;
  color:#666;
}


#entourage h1{
  margin:0 80px 25px 0;
  padding:10px 10px 10px 0;
  text-align:right;
  /*background:url(images/h1_bg.gif) repeat-y right;*/
  /*border-right:70px solid #eee;*/
}


#page{
  margin:0 235px 20px 0;
  padding: 15px 10px;
  border:1px solid #ccc;
}






#leftCol {
  width:167px;
  padding:0 0 0 5px;
  margin:0;
  float:left;
}


#leftMenu {
  background:url(images/menu_top.gif) no-repeat top left;
  padding-top:80px;
}


#leftMenu ul {
  margin:0;
  padding:0;
  list-style:none;
  width:167px;
}


#leftMenu ul li {
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  width:167px;
}


#leftMenu ul li a {
  font-size:small;
  display:block;
  margin:0;
  padding:6px 10px;
  color:#333;
  width:155px;
}
#leftMenu ul li a:hover {
  background:url(images/menu_bg_h.gif) repeat-y left;
  color:#000000;
  text-decoration:none;
}




#leftMenu ul li ul li {
  margin:0;
}


#leftMenu ul li ul li a {
  display:block;

  padding:4px 15px;
  font-weight:normal;
  font-size:x-small;
  width:140px;
}




/*** spécificités page d'accueil ***/
#idxTop {
  height:300px;
  margin:0 5px 10px 5px;
}


#idxTopEdito {
  width:295px;
  height:300px;
  float:left;
  background:url(images/edito_bg.gif) no-repeat;
}


#idxTopEdito p {
  font-size:9px;
  font-family:verdana, arial, sans-serif;
  line-height:1.5em;
  margin:0 0 10px 0;
}


#idxTopFlash {
  width:605px;
  margin:0 0 0 5px;
  float:left;
}


#idxPage{
  background: url(images/idx_body_bg.gif) repeat-y;
  border-bottom:1px solid #ccc;
  padding:5px;
}


#idxBodyTop{
  display:block;
  margin:0;
}


/** commun 3 colonnes **/
#idxPageLeft, #idxPageMiddle, #idxPageRight {
  float:left;
}


/** colonne de gauche : plan du site et login / liens etudiants **/
#idxPageLeft {
  width:221px;
  margin:0;
}


#idxDiscover {
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
}
#idxDiscover h3 {
  font-size:12px;
  margin:0;
}
#idxDiscover ul{
  margin:0 0 10px 0;
  list-style:none;
  padding:0 0 0 15px;
}


#idxPlaquette {
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
}

#idxNewsletter {
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
}


#idxLogin {
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
}


#idxLoginForm {
  text-align:right;
  margin:0;
}


#idxLoginForm input.textfield {
  font-size:xx-small;
  width:100px;
  height:14px;
}

#idxJobs {
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
}



/** colonne du milieu : actus **/
#idxPageMiddle {
  width:386px;
  margin:0 10px;
}


#idxPageMiddle h3 {
  margin: 0;
  font-size:14px;
}


#idxPageMiddle p {

  margin-top: 0;
}




/** colonne de droite : video, newsletter et temoignages **/
#idxPageRight {
  width:283px;
  margin:0;
}

#idxClassement {
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
}

#idxVideo {
  text-align:center;
  border-bottom:1px solid #ccc;
  padding: 0 0 10px 0;
}


#idxFeedbacks {
  border-bottom:1px solid #ccc;
}


div.feedback {
  margin:0 auto;
  width:280px;
  clear:both;
  background: url(images/temoignage_bg.gif) no-repeat;
  padding:0 0 20px 0;
}


div.feedback img {
  float:left;
  padding:3px;
  border:1px solid #999;
  background-color:#fff;
  margin:0 3px 3px 0;
}


div.feedback h3 {
  font-size:12px;
  color:#000;
  margin:0 0 3px 0;
}


div.feedback p {
  margin:0 25px 0 75px;
  font-size:xx-small;
}


/** debouches ***/
.graphLegend{
  border:0;
  margin:0 5px;
}
.graphLegend tr td {
  border:0;
  text-align:left;
}
.legendColor {
  width:8px;
  height:8px;
}


.debouchesEntreprises{
  list-style:none;
  list-style-image:none;
  font-size:xx-small;
  margin:0;
  padding:0;
}


.debouchesEntreprises li{
  margin:0;
  padding:0;
}


div.encadreImage {
  border:1px solid #ccc;
  background:url(images/block_bg.gif) repeat-y right;
  margin:0 0 10px 0;
  padding:3px;
}


div.encadreImage img.encadreImageImg {
  float:left;
  width:130px;
}


div.encadreImage div {
  margin-left:135px;
}


div.encadreImage div h3 {
  margin:0 0 5px 0;
  background: #237a9d;
  color:#fff;
  padding:2px;
  font-size:small;
}


div.encadreImage div p {
  margin:0 0 10px 0;
}


div.encadreImageBottom {
  clear:both;
  height:1px;
}


/** page enseignements **/
div.matiere {
  border:1px solid #ccc;
  background:url(images/block_bg.gif) repeat-y right;
  margin:0 0 10px 0;
  padding:3px;
}


div.matiere h3.titreMatiere {
  margin:0 0 5px 0;
  background: #71b0cb;
  color:#fff;
  padding:2px;
  font-size:medium;
  cursor:pointer;
}


div.matiere h3.titreMatiere:hover {
  background: #237a9d;
}


div.matiere h3.titreMatiereExpanded {
  margin:0 0 5px 0;
  background: #237a9d;
  color:#fff;
  padding:2px;
  font-size:medium;

  cursor:pointer;
}


div.matiere h3.titreMatiere span.heures, div.matiere h3.titreMatiereExpanded span.heures {
  float:right;
  margin:0 10px 0 30px;
  display:block;
}




div.matiere div h3 {
  margin:0 0 5px 0;
  background: #999;
  color:#fff;
  padding:2px;
  font-size:small;
}


div.matiere div.matiereProf {
  float:right;
  width:250px;
  margin-left:5px;
  padding-left:5px;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  font-size:xx-small;
  background:url(images/block_bg.gif);
}


div.matiere h4 {
  margin:10px 0 5px 0;
  font-size:x-small;
  font-weight:bold;
  text-decoration:underline;
}


div.matiere div.matiereProf ul {
  list-style-image:none;
  list-style-type:disc;
  list-style-position:inside;
  margin:0;
  padding:0;
}


div.matiere div.matiereProf ul li {
  margin:0;
  padding:0;
}




div.matiere div.matiereProf img.photoProf {
  float:right;
  width:65px;
  height:87px;
  padding:3px;
  border:2px solid #999;
  background:#fff;
  margin-left:3px;
  margin-bottom:3px
}










div.matiere div.matiereDesc {

}
















div.matiere div p {
  margin:0 0 10px 0;
}


div.matiereBottom {
  clear:both;
  height:1px;
}


/*************************************************
 *  <carlos@crans.org> :
 */

div.conference {
  margin-top: 15px;
  width: 350px;
  clear:both;
  padding:0 0 20px 0;
  font-size:12px;
  color: black;
}