body
{
 background-image:url(../images-fond/background.png);
 background-attachment:fixed;
 background-color: #D3D3D3;
 color: #000000;
 font-size: 15px;
 width:750px;
 margin-left: auto;
 margin-right: auto; 
 font-family:Verdana,arial;
}
.lien
{
  font-size: 12px;
}
#copyright
{
  text-align:center;
  padding-top:25px;
}
p
{
  margin: 0px 30px 20px 30px;
  font-size: 16px;
}
p.Principal
{
  overflow:inherit;
  font-size: 15px;
  line-height: 25px;
}
img.principal
{
  margin: 0px 5px 0px 20px;
/*  border-color: #ffffff;*/
 background-image:url(../images-fond/contour.png);
 padding:5px;
 width:154px;
 height:132px;


}
a img
{
border: none;
}
img
{
border: none;
/*  border-color: #ffffff;*/
}
img:hover
{
/*border-color: #000000;*/

}
h1
{
 text-align: center;
 line-height: 0.7cm;
 font-size: 24px;
 color: #00008B;

}
h2
{
 background-image:url(../images-fond/principal-haut.png);
 font-size: 18px; 
 padding-top: 10px;
 height:40px;
 background-repeat:repeat-y;
 margin:0px;
 text-align: center;
}

/* Bordure */
#BordureHaut
{
 background-image:url(../images-fond/bordure-haut.png);
 height:15px;
 background-repeat:repeat-y;
}
#BordureBackground
{
 background-image:url(../images-fond/separateur.png);
 background-repeat:repeat-y;
}

#BordureBas
{
 background-image:url(../images-fond/bordure-bas.png);
 background-repeat:repeat-y;
 height:25px;
}
/* Fin Bordure */
/*Une section principal � l'int�rieur de la bordure*/
div.Principal
{
 background-color: #ffffff;
 background-image:url(../images-fond/principal.png);
 padding:5px 25px 5px 25px;
 background-repeat:repeat-y;
}

div.PrincipalFin
{
 background-image:url(../images-fond/principal-bas.png);
 height:30px;
 text-align: right;
 background-color: #B0C4DE;
 background-repeat:repeat-y;
}

/*Fin Une section principal � l'int�rieur de la bordure*/

/*Un menu classique seulement des liens sans int�raction*/
#liens
{
 height:90px;
 background-color: #ffffff;
 background-image:url(../images-fond/liens.png);
 margin-bottom:10px;
 background-repeat:no-repeat;
}
div.liens-centre
{
 width:660px;
 font-size: 12px;
 padding: 10px 40px 0px 40px;
}
/*Fin Un menu classique seulement des liens sans int�raction*/

/* Menu Dynamique qui s'affiche au passage de la souris */
div#Menu
{
    background-image:url(../images-fond/liens-petit.png);
    height:50px;
    padding:1px 0px 0px 0px;
    margin-bottom:10px;

}
ul.SousMenu 
{
    position: absolute;
    display:none;
    width:260px;
    height:185px;
    margin:0px;
    padding:15px 0px 0px 0px;
    background-image:url(../images-fond/menu.png);
}
ul.Connaissances
{

}
ul.liste li
{
 padding-bottom:10px;
}
li.SousMenu
{
  margin: 0px 35px 0px 35px;
  list-style-type: disc;
}
li.Menu
{
  margin: 0px 10px 0px 0px;
  list-style-type: none;
}
li.Populaire
{
  list-style-image:url("populaire.jpg");
  margin: 0px 35px 0px 35px;
}

li.Menu:hover ul /* Affichage du sous menu */
{
display:block; 
}


ul.Onglets li /* Place la liste verticalement */
{
float:left;
}
/* Fin Menu Dynamique qui s'affiche au passage de la souris */

/*Liste d'image une � c�ter de l'autre*/
div.ListeImage
{
 float:left;
 margin:5px 0px 25px 45px;
 width:175px;
 height:165px;
 font-size: 13px;
 text-align:center;
 background-image:url(../images-fond/contour-liste-image.png);
 padding-top:10px;
}


/* Pour me rejoindre par courriel */

td.CourrielTexte
{
 width:175px;
 text-align:right;
 padding-right:10px;
 vertical-align:top;
}
td.CourrielNonObligatoire
{
 padding-right:25px;
 text-align:right;
}
td.CourrielInput
{
 padding-bottom:5px;
 width:300px;
}
td#CourrielAvis
{
 text-align:right;
}

td#Submit
{
  text-align:center;
 
}
input#BoutonSubmit
{
 width:125px;
 height:30px;
}
input.champ
{
 width:200px;
 height:15px;
}
span.obligatoire
{
 color:#FF0033;
}
div#Diaporama
{
 float:left;
 margin:6px 10px 35px 20px;
 text-align:center;
 background-image:url(../images-fond/contour.png);
 padding:5px 5px 5px 7px;
 width:152px;
 height:132px;
 background-repeat:no-repeat;
}
/* Fin pour me rejoindre par courriel */

/*Le portfolio*/
div#PortfolioAnnee
{
 margin-left:350px;
}
/*Technologie*/
table.technologie
{
 margin-left:50px;
 width:650px;

}
td.infos
{
 text-align:right;
 padding-right:10px;
 font-weight:bold;
 vertical-align: top;
 width:225px;
}
/* Autres commandes g�n�rales*/
div.centrer
{
 width:100%;
 text-align:center;
 padding-bottom:10px;
}
a
{
 color:#0000FF;
 font-weight:normal;
}
a.Discret
{
 color:#000000;
 font-weight:bold;
 text-decoration : none;
}
a.Discret:hover
{
 text-decoration : underline;
}
a#Titre
{
 color: #00008B;
 font-weight:bold;
 text-decoration : none;
}
a#Titre:hover
{
 text-decoration : underline;
}

p#small
{
 font-size:13px;
}
div.test
{
 float:left;
 padding-left:50px;
}
ul#populaires li
{
 float:left;
 margin:0px 50px 15px 0px;
 list-style-type: none;
}
div#LienBas
{
  margin-left:50px;
  font-size: 12px;
}
div#LienBas a
{
  font-size: 12px;
}
.hidden {
   display: none;
}

.visible {
   display: inline;
}