/**********************************************************************
 * Feuille de style pour le mini-site du CV de Nicolas BEHIER-DEVIGNE *
 **********************************************************************/

 /* Description de l'apparence générale des fonts du site */
* {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;
 color: #4477BB;
}

/* Ne pas mettre de bords aux images */
img {
 border: none;
}

/* Spécifier les marges, et l'arrière plan
   On pourrait aussi spécifier une apparence d'ascenseur */
body {
 background-color: #6699FF;
 margin: 0px;
 padding: 0px
}

/* Description des liens en généraux:
   rien de particulier pour les liens, les liens déjà visités
   et les liens actifs */
a, a:active, a:visited {
 color: none;
 text-decoration: none;
}


/* Description de l'apparence d'un lien survolé */
a:hover {
 color: #cc2222;
 text-decoration: underline overline;
}

/* Description du cursor lors du survol d'un lien avec un texte descriptif */
a[title]:hover {
 cursor: help;
}

/* Description du cursor lors du survol d'une balise <acronym> */
acronym:hover {
 cursor: help;
}

/* Définition et caractéristiques du bloc contenu pour la page CV_formation.html */
#contenuform {
 position: absolute;
 left: 185px;
 top : 170px;
 width: 350px;
 background-color: none;
 text-indent: -65px;
 text-align: justify;
}

/* Définition et caractéristiques du bloc contenu pour la page CV_experience.html */
#contenuexpe {
 position: absolute;
 left: 185px;
 top : 170px;
 width: 350px;
 background-color: none;
 text-indent: -47px;
 text-align: justify;
}

/* Définition et caractéristiques du bloc contenu pour la page CV_informatique.html */
#contenuinfo {
 position: absolute;
 left: 175px;
 top : 170px;
 width: 350px;
 background-color: none;
 font-size: 12px;
 text-indent: -35px;
 text-align: justify;
}

/* Définition et caractéristiques du bloc contenu pour la page CV_divers.html */
#contenudiv {
 position: absolute;
 left: 125px;
 top : 165px;
 width: 400px;
 background-color: none;
 text-align: justify;
}

/* Définition et caractéristiques du bloc contenu pour la page CV_langue.html */
#contenulang {
 position: absolute;
 left: 175px;
 top : 170px;
 width: 350px;
 background-color: none;
 font-size: 12px;
 text-indent: -35px;
 text-align: justify;
}

/* Définition et caractéristiques du bloc d'adresse pour toutes les pages */
#nom{
 position: absolute;
 left: 18px;
 top: 16px;
 width: 200px;
 background-color: none;
 text-align: center;
 font-size: 12px;
 font-style: italic;
 font-variant: small-caps;
}

/* Définition et caractéristiques du bloc de titre pour toutes les pages */
#titre {
 position: absolute;
 left: 220px;
 top: 130px;
 width: 260px ;
 background-color: none;
 text-align: center;
 font-size : 18px;
 font-weight: bold;
 letter-spacing: 6px;
}

/* Définition et caractéristiques du bloc de titre pour la page CV_divers.html */
#titrediv {
 position: absolute;
 left: 230px;
 top: 110px;
 width: 260px ;
 background-color: none;
 text-align: center;
 font-size : 18px;
 font-weight: bold;
 letter-spacing: 6px;
}

/* Définition et caractéristiques du bloc pour les drapeaux pour toutes les pages */
#langue {
 position: absolute;
 left: 640px;
 top: 200px;
 width: 60px;
 background-color: none;
}

/* Définition et caractéristiques du bloc avec la liste pour le menu pour toutes les pages */
#menu {
 position: absolute;
 left: 650px;
 top: 260px;
 width: 120px;
 background-color: none/*#CCCCFF*/;
}

/* Définition et caractéristiques du bloc avec le lien de téléchargement pour toutes les pages */
#telechargement {
 position: absolute;
 left: 645px;
 top: 410px;
 width: 110px;
 background-color: none;
}

/* Définition et caractéristiques du bloc avec le lien du mail pour toutes les pages */
#mail {
 position: absolute;
 left: 635px;
 top: 470px;
 width: 30px;
 background-color: none;
 background-image: url(images/email.png);
 background-repeat: no-repeat;
}

/* Définition et caractéristiques du bloc pour les deux validateurs pour toutes les pages */
#pied {
 position: absolute;
 top: 543px;
 left: 262px;
}

/* Spécification spéciale pour les caractères de l'adresse */
#nom span {
 font-size: 16px;
 font-style: italic;
 font-variant: small-caps;
}

/* Spécification de la liste du menu */
#menu ul {
 color: #cc2222;
 padding-left: 3px;
}

/* Spécification des puces de la liste */
#menu li {
 list-style-type: none;
 background-image: url(images/puce_blue.png);
 background-repeat: no-repeat;
 background-position: 0px 1px;
 height: 20px;
 color: #cc2222;
 padding-left: 15px;
}

/* Spécification des puces de la liste lors du passage de la souris sur la zone de li */
#menu li:hover {
 background-image: url(images/puce_red.png);
 background-repeat: no-repeat;
 background-position: 0px 1px;
}

/* Spécification des puces de la liste lors du passage de la souris sur la zone de a */
#menu li a:hover {
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 1px;
}

/* Spécification de la couleur du texte des items de liste */
#menu li span {
 padding-left: 3px;
 color : #4477BB;
}

/* Mise en gras du lien de téléchargement */
#telechargement a {
 font-weight: bold;
}

/* Spécification spéciale pour les liens appartenant à la classe .text */
.text a:hover {
 color: red;
 text-decoration: none;
}

/* Apparence des petits titres pour la page CV_informatique.html */
#contenuinfo .titre {
 font-size : 12px;
 font-weight: bold;
 color: #336699;
}

/* Apparence des petits titres pour la page CV_langue.html */
#contenulang .titre {
 font-size : 14px;
 font-weight: bold;
 color: #336699;
}

/* Apparence des petits titres pour la page CV_formation.html */
#contenuform .titre {
 font-size : 12px;
 font-weight: bold;
 color: #336699;
 padding-left: 13px;
}

/* Apparence quand il n'y a pas de petits titres pour la page CV_informatique.html */
#contenuform .titressdate {
 font-size : 12px;
 font-weight: bold;
 color: #336699;
 padding-left: 65px;
}

/* Apparence des petits titres pour la page CV_experience.html */
#contenuexpe .titre {
 font-size : 12px;
 font-weight: bold;
 color: #336699;
 padding-left: 13px;
}

/* Apparence des petits titres pour la page CV_divers.html */
#contenudiv .titre {
 font-size : 12px;
 font-weight: bold;
 color: #336699;
}

/* Apparence quand il n'y a pas de petits titres pour la page CV_experience.html */
#contenuexpe .titressdate {
 font-size : 12px;
 font-weight: bold;
 color: #336699;
 padding-left: 47px;
}

/* Apparence de la liste principale du bloc contenudiv, dans la page CV_divers.html */
#contenudiv ul {
 list-style-type: none;
 padding-bottom: 10px;
}

/* Espace de la liste principale du bloc contenudiv, dans la page CV_divers.html */
#contenudiv li a:hover {
 color: red;
 text-decoration: none;
}

/* Apparence de la sous-liste du bloc contenudiv, dans la page CV_divers.html */
#contenudiv ul li ul {
 padding-left: 25px;
 list-style-type: disc;
}

/* Apparence du paragraphe d'introduction */
.intro {
 font-family: Comic Sans MS;
 font-style: none;
 font-weight: normal;
 font-size: 12px;
 text-indent: 0px;
 color: #4477CC;
 padding-bottom: 15px;
}

/* Insérer la signatureaprès le bloc d'introduction */
.intro:after {
 font-weight: bold;
 content: " NBD";
}

/* Laisser une marge sur la gauche de l'intro pour la page CV_divers.html */
#contenudiv .intro {
 padding-left: 25px;
}