@charset "utf-8";
/* CSS Document */

/*  SELECTEURS HTML */

body{
  background-color:#F0F0F0;
  font-family:"Trebuchet MS";
  font-size:10pt;
}

img{
  border:0;
}

/* CLASSES */

.puceNosFormations{
	padding-left:12px;
	padding-right:12px;
}



/* IDENTIFIANTS  */

#principal{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

#formations{
   font-size:8pt;
   font-weight:600;
   margin-bottom:0px;
   padding-right:10px;
}


#onglets{
  text-align:right;
  padding-top:7px;
  padding-right:20px;
}

#idHaut{
  padding:0;
  font-size:8pt;
  font-weight:900;
  background-image:url(../images/idHaut.gif);
  width:900px;
  height:20px;
  background-repeat:no-repeat;
  padding-left:100px;
}

#idLogo{
  background-image:url(../images/idLogoG.gif);
  width:726px;
  height:90px;
  background-repeat:no-repeat;
  float:left;
}

#idPerso{
  background-image:url(../images/idLogoD.gif);
  width:274px;
  height:90px;
  background-repeat:no-repeat;
  float:left;
}

#logoBigPebble{
   padding-top:7px;
   padding-left:20px;
}

#bandeauBleu{
  background-image:url(../images/bandeauBleu.gif);
  width:1000px;
  height:28px;
  background-repeat:no-repeat;
  clear:both;
}

#bandeauNoir{
  background-image:url(../images/idLogoBas.gif);
  width:1000px;
  height:30px;
  background-repeat:no-repeat;
}

#menuActif{
  font-size:10pt;
  color:#336699;
  padding-top:5px;
  padding-left:15px;
  float:left;
}

#menus{
  font-size:10pt;
  padding-top:5px;
  color:#ffffff;
  text-align:right;
  float:right;
  padding-right:15px;
}

#encartPrincHaut{
  background-image:url(../images/encartCentralHaut.gif);
  background-repeat:no-repeat;
  margin-top:10px;
  height:12px;
  background-color:#ffffff;
}

#encartPrincBas{
  clear:both;
  background-image:url(../images/encartCentralBas.gif);
  background-repeat:no-repeat;
  margin-bottom:10px;
  height:12px;
  background-color:#ffffff;
}

#colonneGauche{
  float:left;
  width:220px;
  background-image:url(../images/250Gauche.gif);
  background-repeat:repeat-y;
  padding-left:20px;
  height:800px;
}

#colonneMilieu{
  padding-left:20px;
  float:left;
  width:560px;
  background-color:#FFFFFF;
  height:800px;
}

#colonneDroite{
 float:left;
 width:170px;
 padding-left:10px;
 background-image:url(../images/160Droite.gif);
 background-repeat:repeat-y;
 height:800px;
 overflow:scroll;
}

#puceNosDisponibilites{
	padding-left:12px;
	padding-right:12px;
}

#quoi2Neuf{
	  width:200px;
	  float:left;
	  background-color:#f0f0f0;
	  padding:15px;
	  margin-right:10px;
	  padding-top:10px;
}

#bandeaux{
	  width:300px;
	  float:left;
}

#calendrier{
  width:135px;
}

/* CLASSES */

.onglet{
  width:220px;
  height:20px;
  border:none;
  margin-bottom:-4px;
  margin-left:-3px;
}

.ongletNoir{
  width:220px;
  height:20px;
  border:none;
  margin-bottom:-4px;
  margin-left:-3px;
}


/* LIENS */

a:link{
  color:#000000;
  text-decoration:none;
}

a:hover{
  color:#336699;
  text-decoration:none;
}

a:active{
  color:#000000;
  text-decoration:none;
}

a:visited{
  color:#000000;
  text-decoration:none;
}

/* LIENS MENUS */

#menus a:link{
  color:#ffffff;
  text-decoration:none;
}

#menus a:hover{
  color:#ffffff;
  text-decoration:none;
}

#menus a:active{
  color:#ffffff;
  text-decoration:none;
}

#menus a:visited{
  color:#ffffff;
  text-decoration:none;
}

/* LIENS COLONNE GAUCHE */

#colonneGauche a:link{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}
#colonneGauche a:hover{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#colonneGauche a:active{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#colonneGauche a:visited{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#menuActif a:link{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#menuActif a:hover{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#menuActif a:active{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#menuActif a:visited{
  font-weight:bold;
  padding-left:10px;
  color:#336699;
  font-size:9pt;
}

#references{
 height:750px;
 overflow:scroll;
}