/* Document CSS par Charles-Alexandre Paré - http://www.goudurix.net */ 
body {
  background: #BAD1F7 url("../images/fond_explo.jpg") repeat;
	margin-bottom: 5px
	}

body table {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.5em;
}	
	
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

h1 {
	margin-top: 0.5em;
	font-size: 2.2em;
	line-height: 1.5em;
	font-weight: normal;
	color: #003366;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #006599;
	margin-top: 0.05em;
	margin-bottom: 0.05em;
	line-height: 1.25em;
	}

h3 {
	text-align:left;
  font-size: 1.3em;
	font-weight: bold;
	color: #FF6600;
	margin-top: 2px;
	margin-bottom: 0px;
  }
  
h4 {
	text-align:left;
  font-size: 1.1em;
	font-weight: bold;
	color: #006599;
	margin-top: 2px;
	margin-bottom: 0px;
  }

img { border: none }

ul li {
  list-style-image: url("../images/puce_fleche_bleue.gif");
}

/* --- NAVIGATION GÉNÉRALE --- */

a:link {
	color: #0000cc;
	text-decoration: none;
	}

a:visited {
	color: #44738b;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #44738b;
	}

button {
  background:#d3e8fc none repeat scroll 0%;
	color:#006599;
  padding:3px;
	border: solid 1px #5c99c6;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:1.1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
  white-space: nowrap;
}
button:hover {
	background:#3366cc none repeat scroll 0%;
	color:#ffff66;
}

/* FIN DES TITRES ET TRUCS GLOBAUX */ 

/* -----Chemin ---- */

.chemin {
  margin-top:0.2em;
}

.pages-adjacentes {
  white-space: nowrap;
}

.titre-page {
	margin-top:0.5em;
	height: 1.5em;
	text-align: center;
}

.titre-page span {
	color: #990000;
	font-weight: bold;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

 /* Chemin de navigation FM 2008-01-21 + CA 2008-02-12 */
 #menu-pages {	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #52C1B6;
	font-size: 12px;
	font-weight: bold;
}

.chemin td {
  vertical-align: top;
}
  
.pages-adjacentes {
    text-align: right;
    line-height:0.8em;
    margin-bottom: 0.2em; 
	}

.pages-adjacentes a{  
  text-decoration:none;
  line-height:0.8em; 
  letter-spacing: 1px;
  color:#336699;
  }

.pages-adjacentes a:hover { 
  font-size: medium;
  font-weight: bold;
	}    
  
.pages-adjacentes .actif {
  text-decoration:none;  
	letter-spacing:1px;
  font-size: medium;
	font-weight: bold;
	color: #666666;
	}

.pages-adjacentes .inactif {
  font-size:medium;
	}
  
/* Fin du chemin */

/* Mise en forme des tables */	
.banniere {
  height:180px;
  background: url("../images/brouillon_snapshot.png") no-repeat;
  background-color: white;
  margin-bottom:0.5em;
  border: solid 1px darkblue;
  padding: 0px;
}

#infos {
  font-size: 10px;
  color: gray;
  margin-bottom:3px;
  margin-left:3px;
  line-height: 1.2em;
}

.menu {
  background-color: white;
  border-top: solid 1px #006599;
  border-left: solid 1px #006599;
  border-right: solid 1px #006599;
}

.corps {
  background-color: white;
  border-left: solid 1px #006599;
  border-right: solid 1px #006599;
  border-bottom: solid 1px #006599;
}

.corps h3 {
  /*text-transform: uppercase;*/
  text-align:left;
  font-size: 1.3em;
	font-weight: bold;
	color: #ff6600;
  margin-top: 0px;
	margin-bottom: 0px;
  }

/* Aide et autres pages */
.titreH1 {
	margin-top: 0.5em;
	font-size: 1.15em;
	line-height: 1.5em;
	font-weight: bold;
	color: #003366;
	}

.titreH2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #006599;
	margin-top: 0.05em;
	margin-bottom: 0.05em;
	line-height: 1.25em;
	}

.spirale { background: white url("../images/fond_spirale.gif") right top no-repeat;}

.corps-aide {
  background: white url("../images/fond_spirale.gif") right top no-repeat;
  border-left: solid 1px #006599;
  border-right: solid 1px #006599;
  border-bottom: solid 1px #006599;
}

.generique p {
  text-align: left;
}

.generique td {
  vertical-align: top;  
}

div.sections {
  width:500px;

}

div.sections h4{
  background-color:#FFFFFF;
  border-color:gray;
  border-style:solid;
  border-width:1px 1px 0pt;
  display:block;
  float:left;
  margin:0.2em 0pt -4px 0.3em;
  padding:0pt 0.2em;
} 

/* Liste des situations professionnelles */ 
table.legende {
  margin-bottom:0.7em;
  border:1px outset #006599;
  background-color: #ecf1f4;
  color:#345071;
  clear:left;
}

table.legende table.favoris {
  background-color: #ecf1f4;
  color:#345071;
  font-size:1em;

}

#liste-situationpro {
  border-right: solid 1px #cccccc;
}


/* Pour liste des compétences */

.liste-competences {
padding-bottom: 2px;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid gray;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 205px;
}

.anylinkcss a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #F8FBBD;
color: black;
}
/* FIN pour liste des compétences */

/* Général */

.corps p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: justify;
	}

blockquote {
	padding: 8px 0 8px;
	margin-top: 1.5em;
	margin-bottom: 2em;
	border-top:dashed 2px #5c99c6;
	border-bottom:dashed 2px #5c99c6;
}

/* Page d'une situations professionnelles */

.menu-activites {
  color: #0066ff;
  font-size: 1.2em;
  font-weight: bold;
}

.situations-pro {
  border-spacing: 0px;
  border: inset 1px #5c99c6;
  margin-bottom: 1em;
  background-color: #f7f7f7;
}

.situations-pro p {
  margin-left: 3px;
  text-align: left;
}

.situations-pro ul {
  margin-top: 3px;

}

.situations-pro table { font-size: 1em; }

.situations-pro a {
  color: #345071;
  font-weight: bold;
}

/* Couleurs des tableaux pour le plan de formation */

#titre-situation-jaune { background-color: #ffff66; }

#titre-situation-orange { background-color: #ffcc66; }

#titre-situation-vert { background-color: #99ff99; } /* Devient prune cc9999  et 99cccc*/

#titre-situation-turquoise { background-color: #ccccff; }  /* Devient mauve, ancienne #ccffff */

#titre-situation-bleu { background-color: #99ccff; }

#titre-situation-mauve { background-color: #cc99ff; }

#titre-situation-rouge { background-color: #ff9999; }

#titre-situation-noir { background-color: #cccccc; }



/* Présentation d'une situation professionnelle */

/* Faire flotter un objet image/vidéo */
.centrage {
  text-align:center;
}

.flotte-gauche {
  float: left;
  margin-right: 5px;
}

/* liste activites dans présentation d'une situation */

td.liste-activites { vertical-align: top; }
td.notes { vertical-align: top; }

/* liste activites dans page d'activites */

td.notes-activites {
  vertical-align: top;
  text-align:center;    
}

td.notes-activites textarea{
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.notes-activites p {
  text-align:center;  
}

/* FIN liste activites dans page d'activite */

/* Couleurs des activités listées dans une page de présentation d'une situation pro */

.jaune { 
  border: solid 1px #44738b;
  width: 20px;
  height: 20px;
  background-color: #ffff66;
  text-align: center;
  font-weight: bold;
  color: #345071;
 }

.orange { 
  border: solid 1px #44738b;
  width: 20px;
  height: 20px;
  background-color: #ffcc66; 
  text-align: center;
  font-weight: bold;
  color: #345071;  
  }

.vert { 
  border: solid 1px #44738b;
  width: 20px;
  height: 20px;
  background-color: #99ff99; 
  text-align: center;
  font-weight: bold;
  color: #345071;
  } 

.violet { 
  border: solid 1px #44738b;
  width: 20px;
  height: 20px;
  background-color: #ccccff; 
  text-align: center;
  font-weight: bold;
  color: #345071;
  }  


td.liste-activites p {
  border-bottom: dotted 1px #44738b;
  color: #006599;
  font-weight: bold;
}

td.notes textarea{
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.notes p {
  border-bottom: dotted 1px #44738b;
  color: #006599;
  font-weight: bold;
}

.liste-activites li {
    /*list-style-type: none;*/
    list-style-image: url("../images/puce_fleche_bleue.gif");
    margin: 5px 0;
    line-height: 1.8em;
    white-space:normal;
}

.liste-activites a {
    display: block;
    padding-left: 5px;
    font-size: 15px;
}

.liste-activites a.enseignant-explo  {
    background: url("../images/icone_jaune.gif") no-repeat top left;
}

.liste-activites a.non  {
    background: url("../images/icone_jaune.gif") no-repeat top left;
}

.pres-situation {
  width: 100%;
  clear: left;
}

.pres-situation .notes .btns p {
    display: inline;
    overflow: hidden;
    
}

.pres-situation .notes .btns p.btn-enregistrer {
    margin-right: 1.2em;
}
/* Fin de présentation de situation professionnelle */

/* Bas de page */
div#basdepage {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 85%;
  clear:both;
  line-height:1.5em;
  padding:3em 2px 2px;
  text-align:left;
}

ul#pied {
  margin-top:-1px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

ul#pied li {
display:inline;
}