<div id="en_tete">
</div>
 
<div>  
 <a href="index.html" ><img src="images/bouton_accueil_on.gif" name="accueil" onmouseover="accueil.src='images/bouton_accueil_hover.gif'" onmouseout="accueil.src='images/bouton_accueil_on.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="parcours.html" ><img src="images/bouton_parcours_off.gif" name="parcours" onmouseover="parcours.src='images/bouton_parcours_hover.gif'" onmouseout="parcours.src='images/bouton_parcours_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="creations.html" ><img src="images/bouton_creations_off.gif" name="creations" onmouseover="creations.src='images/bouton_creations_hover.gif'" onmouseout="creations.src='images/bouton_creations_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="liens.html" ><img src="images/bouton_liens_off.gif" name="liens" onmouseover="liens.src='images/bouton_liens_hover.gif'" onmouseout="liens.src='images/bouton_liens_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="contact.html" ><img src="images/bouton_contact_off.gif" name="contact" onmouseover="contact.src='images/bouton_contact_hover.gif'" onmouseout="contact.src='images/bouton_contact_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <a href="blog/" ><img src="images/bouton_blog_off.gif" name="blog" onmouseover="blog.src='images/bouton_blog_hover.gif'" onmouseout="blog.src='images/bouton_blog_off.gif'"  border=0 style="float:left;"/> </a>
 <img style="float:left;" src="images/entre_boutons.gif" width="2" height="30" alt="">
 
 <img style="float:left;" src="images/boutons_fin.gif" width="45" height="30" alt="">
</div>
 
<div id="barre_sous_menu">
</div>
 
<div id="corps">
 
<div id="pub_adsense">
 <div style="margin-top:10px;">
  <script  type="text/javascript"><!--
  google_ad_client = "pub-7067491537859122";
  /* 120x600, date de création 14/12/08 manket site */
  google_ad_slot = "6863541753";
  google_ad_width = 120;
  google_ad_height = 600;
  //-->
  </script>
  <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script>
 </div>
</div>
 
 <h1>Préface</h1>
 
 <div>
  <p class="texte">
  Bonjour,</br>
  </p>
  <p class="texte">
  Bienvenue sur mon site Internet.</br>
  </p>
  <p class="texte">
  Celui-ci a pour but de me rendre visible sur la toile, ce qui aujourd'hui est indispensable. Selon moi, si l'on n'existe pas sur Google, on n'existe pas,  
  essentiellement dans le monde du travail.</br>
  </p>
 </div>
 
 <h1>Informations
 </h1>  
 
 <div class="texte">
  <p>
  Ce site est toujours en construction. Même si la forme ne changera pas sous peu, le contenu est sujet à modification.</br>
  </p>
 </div>
 
</div>
 
 
<div id="pied_de_page">
 <div class="texte_pied_de_page">
 <p>Copyright © 2008 http://manket.free.fr/ All Rights Reserved. Design by Cédric Cuvelier
 </p>
 </div>
</div>
 
</body>
</html>

*{
margin:0;
padding:0;
}
 
body
{
   width: 950px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;
   background-color:gray;
}
 
#en_tete
{
 float:left;
    width: 950px;
    height: 137px;
    background-image: url("images/en_tete.gif" );
    background-repeat: no-repeat;
}
 
 
#bouton_accueil_on
{
 float:left;
    width: 141px;
    height: 30px;
    background-image: url("images/bouton_accueil_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_accueil_off
{
 float:left;
    width: 141px;
    height: 30px;
    background-image: url("images/bouton_accueil_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_parcours_on
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_parcours_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_parcours_off
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_parcours_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_creations_on
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_creations_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_creations_off
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_creations_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_liens_on
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_liens_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_liens_off
{
 float:left;
    width: 159px;
    height: 30px;
    background-image: url("images/bouton_liens_off.gif" );
    background-repeat: no-repeat;
}
 
#bouton_contact_on
{
 float:left;
    width: 138px;
    height: 30px;
    background-image: url("images/bouton_contact_on.gif" );
    background-repeat: no-repeat;
}
 
#bouton_contact_off
{
 float:left;
    width: 138px;
    height: 30px;
    background-image: url("images/bouton_contact_off.gif" );
    background-repeat: no-repeat;
}
 
#barre_sous_menu
{
 float:left;
    width: 950px;
    height: 26px;
    background-image: url("images/barre_sous_menu.gif" );
    background-repeat: no-repeat;
}
 
#corps
{
 float:left;
    width: 950px;
    min-height: 620px;
    background-image: url("images/corps.gif" );
}
 
#pub_adsense
{
 float:right;
    width: 130px;
 height:620px;
    background-image: url("images/pub_adsense.gif" );
}
 
#pied_de_page
{
 float:left;
    width: 950px;
    height: 150px;
    background-image: url("images/pied_de_page.gif" );
    background-repeat: no-repeat;
}
 
.corps_gauche_cv
{
 float:left;
 width: 200px;
 margin-top:10px;
 margin-left: 30px;
}
 
.corps_gauche_cv_texte
{
 float:left;
 font-family: arial;
 font-size: 18px;
 font-weight:bold;
 color:#333333;
 letter-spacing:2px;
}
 
.corps_droite_cv
{
 float:left;
 width: 580px;
 margin-top:20px;
 border-left:1px outset black;
}
 
.corps_droite_cv_1
{
 float:left;
 margin-left:15px;
 width: 275px;
}
 
.corps_droite_cv_2
{
 float:right;
 width: 270px;
 margin-right:20px;
 text-align:right;
}
 
.corps_droite_cv_theme
{
 font-family: times new roman;
 font-size: 18px;
 color:black;
}
 
.corps_droite_cv_etabli
{
 font-family: times new roman;
 font-size: 18px;
 color:black;
 text-align:right;
}
 
.corps_droite_cv_date
{
 font-family: times new roman;
 font-size: 14px;
 color:grey;
}
 
.corps_droite_cv_ville
{
 font-family: times new roman;
 font-size: 14px;
 color:grey;
 text-align:right;
}
 
.corps_droite_cv_texte
{
 float:left;
 width: 545px;
 margin-left:15px;
 margin-right:20px;
}
 
.texte
{
 font-size:15px;
 margin-left: 20px;
 margin-right: 150px;
 text-align:justify;
 text-indent: 30px;
 font-family:arial;
 color:black;
}
 
.texte_sansindent
{
 font-size:15px;
 margin-left: 50px;
 margin-right: 20px;
 text-align:justify;
 text-indent: 0px;
 font-family:arial;
 color:black;
}
 
.zone_texte_barre
{
 margin-top: 2px;
}
 
.lien_barre
{
 font-size:12px;
 font-weight:bold;
 margin-left: 40px;
 margin-right: 40px;
 text-align:justify;
 font-family:arial;
 color:gray;
}
 
.texte_pied_de_page
{
 font-size:12px;
 margin-left: 20px;
 margin-right: 20px;
 text-align:center;
 text-indent: 0px;
 font-family:arial;
 color:white;
}
 
h1
{
 font-size:20px;
 text-indent:20px;
 color:white;
 background-image: url("images/barre_titre.gif" );
 background-repeat: no-repeat;
 margin-left: 50px;
 margin-top: 30px;
}
 
.entete_cv
{
 width:770px;
 font-size:24px;
 font-weight:bold;
 color:#333333;
 margin-left:30px;
 margin-right:30px;
 border-bottom:1px black dashed;
 
}
 
.affiche_total
{
 float:left;  
 width:740px;
 padding-top:30px;
 padding-bottom:15px;
 margin-top:15px;
 border-top:1px black dashed;
 margin-left:40px;
}
   
.affiche_apercu
{
 float:left;  
 width:200px;
 margin-left:20px;
 
}
 
.affiche_apercu_dessous
{
 color:blue;
 font-weight:bold;
}
 
a .affiche_apercu_lien
{
 border-color:white;
 border-width:10px;
}
 
a:hover .affiche_apercu_lien
{
 border-color:blue;
}
 
.affiche_resume
{
 float:left;  
 margin-left:15px;
 width:480px;
}
 
.texte_aff_resu
{
 margin-left:30px;
 font-size:15px;
 text-align:justify;
 text-indent: 30px;
 font-family:arial;
 color:black;
}