

  body{
      font-family: Arial, Helvetica, sans-serif;
      margin: 1px 1px 1px 1px;
  }

  .bordure_top {
                    border-top: solid #84A8F5 1px ;
                   }

  .mode { font-size: 0.8em; color:#666666;}
  
  
 #mainTableSimple {top : 0; left : 0; position : absolute; margin: 0; padding: 0; border: 0; height:100%; width:100%}


.menu {
  font-size: 0.9em;
  line-height: 90%;
  vertical-align: top; 
  padding: 2 0 3 0;
  border-bottom: 1px solid #cccccc;
  height:18px;
}
  
  #menuEtape {   background-color: #E8EAEC; border-bottom: 1px solid #ffffff;  padding: 4 0 1 40; }


   #menuEtapeSuivant { padding-left: 15px;}

  .menuInactif {
  	color: #9a9a9a;
  	font-size: 90%;
  }

 span.explication {    padding-left: 1em;   line-height:0.7em; }
  a.explication { font-size: 0.7em;  text-decoration: none;  color:green; }




/* --------------------------- */

a:link       {font-family: Arial, Helvetica, sans-serif; color:#0000FF;   text-decoration:underline}
a:visited    {font-family: Arial, Helvetica, sans-serif;   text-decoration:underline}
a:active     {  }
a:hover      {font-family: Arial, Helvetica, sans-serif; color:#0000FF;  text-decoration:underline}

/* --------------------------- */



/* --------------------------- */

  .spanInactif {font-size: 90%;text-decoration: none; color: #9a9a9a;}

  a.menu2:link {font-size: 90%;text-decoration: none; }
  a.menu2:visited {font-size: 90%;text-decoration: none; }
  a.menu2:hover {font-size: 90%;text-decoration: underline; }


   a.menu2_select:link {font-size: 90%;
   			color: black;
   			font-weight:600;
   			font-weight:bold;
   			background-color: #FFFFFF;
   			text-decoration: none;
   			}

   a.menu2_select:visited {font-size: 90%;
   			   color: black;
   			   font-weight:600;
   			   font-weight:bold;
   			   background-color: #FFFFFF;
   			   text-decoration: none;
   			   }

   a.menu2_select:hover   {font-size: 90%;
			   color: black; font-weight:600;
			   font-weight:bold;
			   background-color: #FFFFFF;
			   text-decoration: underline;
			   }
/* --------------------------- */








/* =============================================================================================== */



       .menu3D { background-color: #4679BF;  font-size: 0.75em; color:white; }
       .menu3D_left { border-left: 1px solid #4679BF;  }
       .menu3D_right { border-right: 1px solid #4679BF;  }
       .menu3D_top { border-top: 1px solid #4679BF; font-size: 0.8em; }
       #ligneBleu{ border-bottom: 1px solid #4679BF;  }
       #desactive { background-color: #4679BF; color: #ffffff; font-weight:bold; }



/* =============================================================================================== */
/*                                  OG                                                             */
/* =============================================================================================== */



/* ---------------------------

   --------------------------- */

.labelLine1 {
	margin-top:10px;
	margin-left:10px;
	padding-bottom:4px;
	}
.labelLogo1 {
	background: url(../img/carrev.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.labelTitle1 {
	font-weight:bold;
	}
.texte1 {
	margin-top:4px;
	margin-left:25px;
	font-size:90%;

	}


.texteJustify {
	margin-top:4px;
	margin-left:25px;
	margin-right:5px;
	font-size:85%;
	text-align: justify ;
	}

/* ---------------------------
            Accueil
   --------------------------- */
.accueil_1, .accueil_2, .accueil_3, .accueil_4, .accueil_5{
	
}
.news1, .news2 {
	color:gray;
	font-size:120%;
	font-weight:bold;
	font-style:italic;
	border-bottom:1px solid gray;
	}
.news1 {
	text-align:right;
	}
.news2 {
	font-size:180%;
	}

/* ---------------------------
            Evaluation
   --------------------------- */

.evaluationTable {
	margin-left:20px;
	}

.evaluationTable .critere, .evaluationTable .competence {
	border: 1px solid lightgrey;
	padding:10px;
	width: 200px;
	}

.evaluationTable .critereEvaluation {
	font-size:80%;
	}

.competenceTitre, .critereTitre {
	padding-left:10px;
	font-size:60%;
	background-color:lightgrey;
	}

/* ---------------------------
            Activites
   --------------------------- */
.etape {
	margin-top:5px;
	margin-left:13px;
	}
.etape .etape {
	margin-left:20px;
	}

.etape .titre {
	}
.etape .logo {
	background: url(../img/carrev_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.etape .etape .logo {
	background: url(../img/carrer_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.etape .etape .etape .logo {
	background: url(../img/carreb_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.etape .etape .etape .etape .logo {
	background: url(../img/carrej_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
	
/* --------------------------------------------------------------------------------- */
/* Twisters                                                                          */
/* --------------------------------------------------------------------------------- */
.ChildrenShown {display: block;}
.ChildrenHidden {display: none;}

.Twister {
	margin-top:6px;
	margin-right:2px;
	}
.indentwide {
	margin-left:25px;
	}

/* ---------------------------
       Programme - CD
   --------------------------- */
.domaine {
	margin-left:13px;
	}
.domaine .logo {
	background: url(../img/carrev_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.discipline {
	margin-top:5px;
	margin-left:40px;
	font-family:Arial;
	}
.discipline .logo {
	background: url(../img/carrer_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.cd {
	margin-top:5px;
	font-size:90%;
	}
/* ---------------------------
       infoCD.txp, infoCD.txp
   --------------------------- */
.infoCDCT .logo {
	background: url(../img/carrev.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.infoCDCT .libelle {
	font-weight:bold;
	}

.infoCDCT .critere .libelle {
	font-weight:normal;
	}

.infoCDCT .cycle{
	margin-top:10px;
	margin-left:4px;
	}
.infoCDCT .cycle .logo {
	background: url(../img/carrer_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}

.infoCDCT .cycle .sens .logo, .infoCDCT .cycle .attente .logo,  .infoCDCT .criteres .logo{
	background: url(../img/carrej_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}

.infoCDCT .critere .logo{
	background: url(../img/carreb_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	margin-left:6px;
	}

.infoCDCT .sens, .infoCDCT .attente, .infoCDCT .criteres {
	margin-top:5px;
	margin-left:20px;
	font-size:90%;
	}

.infoCDCT .contenu {
	margin-top:5px;
	margin-left:0px;
	}

.infoCDCT .criteres {
	margin-top:10px;
	}
.infoCDCT .critere {
	margin-top:3px;
	margin-left:5px;
	}
/* ---------------------------
            Toolbox
   --------------------------- */
.outil {
	width:200px;
	}

/* ---------------------------
          CT et CD
   --------------------------- */


.nomSATdeleteIcon{
	font-size:80%;
	margin-left:35px;
	padding-left:5px;
	font-style:italic;
	border-left:1px solid gray;
	}

/* ---------------------------
          CT et DGF
   --------------------------- */
.ct{
	font-size:80%;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:20px;
	}

.ordre {
	margin-top:10px;
	margin-left:30px;
	font-size:90%;
	}

.habileteLogo {
	float:left;
	background: url(../img/bullet.gif) no-repeat left;
	width:  9px;
	height: 9px;
	}

.dgf {
	margin-top:5px;
	margin-left:20px;
	font-size:90%;
	}

.intention {
	margin-top:5px;
	margin-left:10px;
	font-size:90%;
	font-style:italic;
	}

.axes {
	margin-top:5px;
	margin-left:10px;
	font-size:90%;
	}

.axe {
	margin-top:5px;
	}

.axeTitre {
	font-weight:bold;
	}

.axeDescription {
	}


/* --------------------------- */
.labelLine10 {
	margin-top:5px;
	margin-left:10px;
	padding-bottom:5px;
	}

.labelLogo10 {
	background: url(../img/d_carrev_petit.gif) no-repeat left;
	width:  9px;
	height: 9px;
	margin-right:5px;
	float:left;
	}
.labelTitle10 {
	font-size:95%;
	}
.texte10 {
	margin-top:10px;
	margin-left:25px;
	font-size:90%;

	}



/* --------------------------- */
.labelLine2 {
	margin-top:5px;
	margin-left:30px;
	padding-bottom:5px;
	}
.collapsibledivSet .labelLine2 {
	margin-left:20px;
	}

.labelLogo2 {
	float:left;
	}
.labelTitle2 {
	font-size:80%;
	}
.texte2 {
	margin-top:10px;
	margin-left:25px;
	font-size:85%;

	}
/* --------------------------- */
.labelLine3 {
	margin-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	}
.collapsibledivSet .labelLine3 {
	margin-left:10px;
	}

.labelLogo3 {
	float:left;
	}
.labelTitle3 {
	font-size:80%;
	}
.texte3 {
	margin-top:10px;
	margin-left:25px;
	font-size:80%;
	}

/* --------------------------- */

/* --------------------------- */

.contentEditClassicSmall {
	border-style:dashed;
	border-width:1;
	border-color: gray
}

.collapsibledivSet {
	margin-left:30px
}

.attr {
	color:#000066;
	font-family: Arial;
	font-size:100%;
}

/* --------------------------- */
/*        Contenu              */
/* --------------------------- */
.contenuConcept {
	margin-top:50px;
	margin-left:30px;
	width:640px;
	min-height:400px
}
.col1, .col2 {
	vertical-align:top;
	width:200px;
}
.col3 {
	vertical-align:top;
	width:200px;
	padding-left:20px;
	border-left:1px solid black
}
.ligne {
	border:1px dotted blue;
}
.ligne .col1, .ligne .col2, .ligne .col3 {
	border-top:1px solid black;
}
.ssligne .col2, .ssligne .col3 {
	border-top:1px solid black;
}

.concept{
	font-size:80%;
	margin-top:6px;
	margin-bottom:6px;
}

.conceptSelected {
	font-size:80%;
	font-weight:normal;
	font-style:italic;
	margin-left:0px;
}

.cg, .cp{
	font-size:80%;
	height:20px;
}




.fenetreRecherche .discipline {
}

.univers {
	font-size:80%;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}


/* --------------------------- */
.contenuDisciplineDisplay,
.contenuDomaineDisplay {
	min-height:500px
}



/* --------------------------- */
.strategie {
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	margin-top:10px;
	margin-bottom:5px;
}
.proxy-Famille {
	margin-left:20px;
}

/* --------------------------- */
.disciplinesAssociees {
	background-color: #EEEEEE;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:40px;
	font-size:80%;
}
.disciplinesAssociees .titre {
	margin-left:10px;
}
.disciplinesAssociees .item {
	margin-left:15px;
}
.disciplinesAssociees .ajout {
	float:right;
}

/* --------------------------- */

.selectTechnique .noTwister {
	margin-left:1.6em;
}
.selectTechnique .indentWide {
	margin-left:1.6em;
}
.selectTechnique .collapsibledivSet {
	margin-left:1.6em;
}
.selectTechnique .item{
	font-size:80%;
}
.selectDGF .item{
	font-size:80%;
}

/* =============================================================================================== */
/* =============================================================================================== */

  .box{
        background-color: #D6E6F8;
	border:1px solid #CCCCCC; padding:10px 10px;
      }
   .headerbox { background-color: #4679BF; border:1px solid #CCCCCC;  font-size: 0.75em; color:white; }
   #couleurfond{background-color: #CFDBF3;  }

   .footer{font-size: 0.7em; color: gray;}

   .bordureOnglet { width:5px;   }
   #bordureDisciplinaires { background-color: #FF9933;  }
   #bordureContenus { background-color: #FFFF34;  }
   #bordureTransversales { background-color: #6699FF;  }

   .ongletVertical { position: relative;   }
   .ongletVerticalSelected { position: relative;  }

.titreSection { margin: 1em 0em 0em 1em; font-weight: bold; display: list-item; list-style-image: url("img/carrev.gif");}
.section{ margin: 0em 0em 1em 1em;}

P {margin-top: 5px; margin-bottom:0}

ol, ul { margin: 0em 0em 0em 1em; padding: 0em}
LI {
	margin-left: 1em;
    list-style-type: disc;
    padding: 0em;
	}

  .secondNiveau{     margin: 0em 0em 0em 20px ; padding: 0em}

 li a {   text-decoration: none; }
 li a:hover {
	color: blue;
	text-decoration: underline;
                }



   .titreRecherche{ font-weight:bold; margin-top: 1em; }
   .descriptionRecherche {font-size: 0.9em;}
   .adresseRecherche{ color: green; font-size: 0.8em;}





  #label{ font-size:0.8em;  width:10em; }

.searchedit{position:absolute; width:300;  visibility: hidden; }


  autre { clear: both;   visibility: hidden;}

  #input0{  position:  relative;  }
  #ss {  background-color: #C9F1C1;   padding: 3px 2px 3px 0px;}
  #ss1{ color: #C9F1C1;  }

   #v {position: relative; clear:both;  font-size:0.8em; margin-right: 20px;}


   d a {border: 10px; border-style: solid;}
   .h { font-weight:bold;  color:white; background-color: #279F10; }
   .a  {font-weight:normal; }
   .a:hover {text-decoration: underline ;}
   .a, .h { text-decoration:none; padding: 1px 5px 1px 5px; }
    .h b {margin:1.3em 0 0 .65em;width:11px;height:11px;background-color:transparent;  position:absolute ;   z-index:400;  }
    .h .b1 {background:url( img/tri_1.gif) no-repeat; margin-left: -20px;}
    .h .b2 {background:url( img/tri_2.gif) no-repeat;}
    .h .b3 {background:url( img/tri_3.gif) no-repeat;}
    .h .b4 {background:url( img/tri_4.gif) no-repeat;}
    .h .b5 {background:url( img/tri_5.gif) no-repeat;}



  .check {
              border: 0px;
               margin: 0px; padding: 0px;
            }

  @media print {
	body{
	   font-size: 10px;
	   font-family: Arial, Helvetica, sans-serif;
	   margin: 5px 2px 2px 2px;
	    }

	   img.inv { visibility: hidden }
	  .bordure_top {    border-top: none ;    }



	   }

/* divers */

.contenuQuisommesNous, .contenuAccueilDocuments {
	width:850;
	margin-top:80px;
	margin-left:30px;
	height:500px
}

.qui_nous_sommes_1et2 {
	float:left;
}
.qui_nous_sommes_1 {
	width:400px;
	border: 0px solid blue
}
.qui_nous_sommes_2 {
	width:400px;
	margin-top:20px;
	border: 0px solid red
}
.qui_nous_sommes_3 {
	width:400px;
	float:right;
	border: 0px solid black
}

.quece_accueil {
	width:850;
	margin-top:80px;
	margin-left:20px;
}

.quece_accueil_1 {
	width:400px;
	border: 0px solid blue
}
.quece_accueil_2 {
	width:400px;
	float:right;
	border: 0px solid red
}
.quece_accueil_3 {
	width:400px;
	border: 0px solid black
}

/* ---- editeur ---- */

.editeur{
	font-size:90%;
	border: 1px dashed gray;
}

/* ============== admin =================== */

/* ====================== menu ================= */
.menuAdmin {
	margin-top:20px;
	margin-right:20px;
	float:right;
	width:200px;
	border: 1px solid gray;
	padding:10px;
	background-color:white;
}

.listeSAE {
	width:600px;
	}

.listeSAE .titreSAE{
	font-size:80%;
	}

.listeSAE .resSAE {
	border-bottom:1px solid gray;
	margin-top:10px;
	padding-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	}

.listeSAE .resSAE .auteur{
	margin-left:10px;
	font-style:italic;
	font-size:80%;
	}

.note {
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	font-size:70%;
	margin-bottom:10px;
	border: 1px solid lightgrey;
	padding-left:5px;
}

.attention {
	font-weight:bold;
	float:right;
	color:red;
	padding:5px;
}

.source {
	margin-left:30px;
	font-size:80%;
}



