/* Design Blanc
Par Guillaume Goyette avril 2006 */
html 
{ 

}

body 
{ 
width: 820px;
margin: auto;
background-color: #001B86; 
background: url(../images/style/bg.gif) repeat-y center;
}


body a
{
text-decoration: none;
}

body a:hover
{
color: #ff0000;
text-decoration: none;
}

body a img
{
color: #0000ff;
border: none;
}

strong
{
color: #ff0000;
}

em
{
color: #000000;
font-weight:bold;
font-style:normal;
}

blockquote
{
padding: 10px;
background-color: #666666;
color: #ffffff;
font-style:italic;
}

#corps
{
width: 720px;
min-height: 450px;
margin: auto; 
margin-top: 0px;  
background-color: #ffffff;
border-left: 20px solid #666666;   
border-right: 20px solid #666666; 
border-bottom: 1px solid #ffffff;   
}

#entete 
{
width: 760px; 
height: 200px; 
margin: auto;
}

.texte_entete
{
position: absolute;
top: 80px;
left: 200px;
color:#ffffff;
font-size: 200%;
}

.ombre_texte_entete
{
position: absolute;
top: 81px;
left: 201px;
color:#000000; 
font-size: 200%;
}

.banniere_coin
{
width: 100px ;
height: 100px;
background: url(../images/style/optimise-pour-firefox.png); 
position: fixed;
bottom: 3px;
right: 3px;
}

#logo
{
text-align: center;
}

#menu 
{
float: left;    
width: 120px;
height: 450px; 
background-color: #666666;
border: 1px solid #ffffff; 
border-bottom: 0px solid #ffffff; ;
}

#menu img
{
margin: 0px;
padding: 0px;
}

.menu h4 
{
color: #ffffff; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
text-align: center;
}

.menu ul 
{
list-style-image: url("./../images/style//boule1.gif"); 
padding: 0px; 
padding-left: 30px; 
margin: 0px; 
margin-bottom: 0px;
}

.menu a 
{
color: #ffffff; 
text-decoration: none;
}

.menu a:hover 
{
background-color: #666666; 
color: #ff0000; 
text-decoration: none;
}

.menu li:hover 
{
list-style-image: url("./../images/style/boule2.gif");
}

#centre
{
margin-left: 130px;
margin-top: 0px;  
padding: 20px;
text-align: left;
}

#cv
{
margin: auto;
width: 390px;
padding-left: 10px;
padding-right: 0px;
text-align: left;
border: 1px dashed #666666; 
}

.cvphoto
{
margin: auto;
width: 400px;
}

#pied
{
margin-left: 130px;
}

/* Style des bloc de texte avec ombre  */ 

.p-shadow {
  width: 540px;
  background: url(shadowAlpha.png) no-repeat bottom right;
  background: url(../images/style/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px;
  margin: 10px 0 0 5px;
  }

.p-shadow div {

  background: url(../images/style/shadow2.gif) no-repeat left top;
  padding: 0 ;
  padding: 0 6px 6px 0;
  }

.bloc {
  border: 1px solid #888888;
  color: #333333;
  background-color: #fff;
  padding: 4px;
  margin: -6px 6px 6px -6px;
  margin: 0;
  }

.texte
{
padding: 10px 10px 0px 10px;
}


.nouvelles, .humour, .projets, .souvenirs, .lectures, .photos, .vlog, .liens, .webmaster      /* Style du titre de la page  des nouvelles*/  
{
background-repeat: no-repeat;
padding-left: 30px;
color: #000000;
text-align: center;
text-transform: capitalize;
font-family: "Trebuchet MS", Times, "Times New Roman", serif;
text-transform: capitalize;
}

.titre_nouvelles, .titre_humour, .titre_projets, .titre_souvenirs, .titre_lectures, .titre_photos, .titre_vlog   /* Style des sous-titres (titres de chaque nouvelles) */
{
line-height: 35px ;
background-image: url("../images/style/fleche-grise.gif"); 
background-repeat: no-repeat; 
padding-left: 40px; 
margin: 10px; 
color: #333333; 
text-align: left;
text-transform: capitalize;
}

.titre_liens 
{
line-height: 25px ;
background-image: url("../images/style/link.jpg"); 
background-repeat: no-repeat; 
padding-left: 30px; 
margin: 10px; 
color: #333333; 
text-align: left;
text-transform: capitalize;
}

.Bonne, .Mauvaise, .Mise-a-jour, .Etrange, .Surprenante  /* Style du statut de chaque nouvelles */
{
line-height: 35px ;
background-repeat: no-repeat; 
padding-left: 30px; 
margin: 10px; 
color: #333333; 
text-align: left;
}

.Bonne   /* Émoticone associé à chaque statut de nouvelle */
{
background-image: url("../images/silver-smiley/cool2.gif"); 
}
.Mauvaise
{
background-image: url("../images/silver-smiley/sad1.gif"); 
}
.Mise-a-jour
{
background-image: url("../images/silver-smiley/wink.gif"); 
}
.Etrange
{
background-image: url("../images/silver-smiley/woot.gif"); 
}
.Surprenante
{
background-image: url("../images/silver-smiley/cool2.gif"); 
}

.signature_nouvelles, .signature_humour, .signature_projets, .signature_souvenirs, .signature_lectures, .signature_photos, .signature_vlog
{
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align:right;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}
.lien_commentaire
{
font-size: 75%;
text-decoration: none;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align:right;
font-family: "Trebuchet MS", Times, "Times New Roman", serif;
}

.lien_commentaire a
{
text-decoration: none;
color: #000099;
}

.lien_commentaire a:hover
{
text-decoration: none;
color:#ff0000;
}

.lien_page
{
text-decoration: none;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align:right;
font-family: "Trebuchet MS", Times, "Times New Roman", serif;
}
.lien_page a
{
text-decoration: none;
color: #000099;
}

.lien_commentaire a:hover
{
text-decoration: none;
color:#ff0000;
}

.date
{
padding: 15px 0px 0px 10px;
font-size: 1em;
font-style: italic;
text-align: left;
}

body.commentaire 
{ 
width: 400px;
margin: auto;
background-color: #001B86; 
background: url(../images/style/bg.gif) repeat-y;
}

#corps_commentaire
{
width: 300px;
background-color: #666666;
color:#000000;
border: 2px dashed #999999;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}

.bloc_simple
{
background-color: #FFFFFF;
color:#000099;
border: 1px solid #000000;
margin: 10px;
padding: 5px;
}

.formulaire_commentaire
{
width: 90%;
color:#000000;
border: 1px solid #000000;
margin: 10px;
padding: 5px;
}

.date_commentaire
{
font-size: 1em;
font-style: italic;
text-align: left;
}

.centre
{
text-align: center;
margin: auto;
}

.gauche
{
text-align: left; 
}

.petit 
{
font-size: 60%;
}

.petit_droite
{
font-size: 60%;
margin-right: 10px;
text-align: right; 
}

.sitewebs_table
{
width:90%; 
margin: auto; 
border: 4px ridge #CCCCCC; 
border-collapse: collapse;
}

.sitewebs_table td 
{
border: 2px solid #888888; 
font-family: "Trebuchet MS", Times, "Times New Roman", serif; 
text-align: center; 
padding: 5px;
}

.sitewebs_table th 
{
border: 2px solid #888888; 
font-size: 1,2em;
font-family: "Trebuchet MS", Times, "Times New Roman", serif; 
text-align: center; 
padding: 5px;
}

.table_index 
{
border-collapse: collapse;
width:100%; 
margin: auto; 
font-family: "Trebuchet MS", Times, "Times New Roman", serif; 
text-align: left; 
}


td.titre_index
{
width: 50%;
}

.formulaire
{
width: 80% ;
background-color: #CCCCCC;
margin: auto;
margin-bottom: 20px;
padding: 5px;
border: 4px ridge #AAAAAA;
text-align: left;
}

.formulaire h3
{
margin-top:0;
text-align: center;
}
.formulaire p
{
text-align:right;
padding:5px;
margin-right:20%;
}