/*feuille de style, version screen, pour la page d'entrée nommée index.html du site http://perso.cgocable.ca/masoubri appartenant à Simon Gilbert et Marie-Josée Soubrier - - - version de juin 2008*/

/*vvvvvvvvvvvvvvvvvvvvvvvv    généralitées    vvvvvvvvvvvvvvvvv*/
body, td {
   margin: 0;
   padding: 0;
   color: #000000;
   background-color: transparent;
   background-image: url(../images/100_maisonbelanger_backgrou.jpg);
   font-size: 11px;
   font-family: Georgia, "Times New Roman", Times, serif;
}

img	{
	border: none;
}


/*vvvvvvvvvvvvvvvvv    entête    vvvvvvvvvvvvvvvvvvv*/
#bloctete  {
   width: 950px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 28px;
}

#titreintro   {
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   padding: 8px 0 2px 0;
   width: 950px;
   height: 70px;
   text-align: center;
   color: #336666;
   background-color: #ccffff;
   font-size: 130%;
}

#logointro   {
   float: left;
   margin-top: 2px;
   margin-left: 0;
   width: 950px;
   height: 435px;
}


/*  vvvvvvvvvvvvvvvvvvvvvv    bloc principal vvvvvvv*/
#blocprincipal  {
   width:  950px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
}

/*vvvvvvvvvvvvvvv  colonne de gauche vvvvvvvvvvvvvvvvvvv*/
#colgauch {
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   padding: 10px;
   width: 400px;
   height: 1020px;
   border: 2px solid yellow; 
   text-align: center;
   color: #000000;
   background-color: #ffffcc;
}

#titrecogauch {
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   padding-top: 20px;
   width: 400px;
   color: #336666;
   background-color: transparent;
}

#citationscott {
   float: left;
   margin: 5px 0 0 70px;
   font-style: italic;
   font-size: 95%;
   width: 245px;
   padding: 10px;
   color: #ffffff;
   background-color: #336666;
   border: 2px solid yellow;

}

.scott   {
   text-align: center;
   word-spacing: 8px;
   font-style: normal;
   font-weight: bold;
   width: 245px;
}

#motproprio{
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   padding: 55px 74px 60px 54px;
   text-align: left;
   width: 302px;
}


/* vvvvvvvvvvv colonne de droite  vvvvvvvvvvvvvvvvv*/
#coldroit {
   float: right;
   margin-top: 0px;
   margin-right: 0px;
   padding: 10px;
   width: 320px;
   height: 1020px;
   border: 2px solid yellow; 
   text-align: center;
   background-color: #ffffcc;
   color: #000000;
}

#maisartist   {
   float: left;
   margin-top: 20px;
   margin-left: 15px;
   padding-bottom: 10px;
   width: 285px;
   font-size: 80%;
   font-style: italic;
}

#titretabnavint  {
   float: left;
   margin-top: 25px;
   margin-left: 10px;
   padding-top: 20px;
   width: 310px;
   font-size: 120%;
   font-weight: bold;
   border-top: 10px solid #336666;
   color: #336666;
   background-color: transparent;
   
}

/*vvvvvvvvvvvvvvvvvv  navigation interne  vvvvvvvvvvvvvv*/
#tableauinterne {
   float: left;
   margin-top: 10px;
   margin-left: 10px;
   padding-bottom: 10px;
   width: 300px;
   font-size: 11px;
   text-align: left;
}

#tableauinterne ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

#tableauinterne li   {
   border-bottom: 1px solid #cc99ff;
}

#tableauinterne li a:link  {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 12px solid #336666;
   border-right: 1px solid #336666;
   background-color: #669999;
   color: #ffffcc;
   text-decoration: none;
}

#tableauinterne li a:visited  {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 12px solid #336666;
   border-right: 1px solid #336666;
   background-color: #cc6699;
   color: #ffffcc;
   text-decoration: none;
}

#tableauinterne li a:hover  {
   background-color: #336666;
   color: #ffffcc;
}

.petit   {
   font-size: 90%;
}


#fotoproprio {
   float: left;
   margin-top: 55px;
   margin-left: 10px;
   width: 300px;
}

#nomsproprios {
   float: left;
   margin-top: 15px;
   margin-left: 10px;
   width: 300px;
   font-size: 80%;
   text-align: center;
   font-weight: bold;
}

#commentproprios {
   float: left;
   margin-top: 40px;
   margin-left: 70px;
   width: 180px;
   font-size: 80%;
   text-align: center;
   font-style: italic;
}


/* vvvvvvvvvvvvvv bloc fin  vvvvvvvvvvv*/
#blocfin  {
   width: 950px;
   margin-left: auto;
   margin-right: auto;
}

#home, #navpag  {
   float: left;
   margin: 0;
   padding: 8px 0 2px 0;
   color: #000000;
   background-color: #cc9966;
   width: 950px;
   text-align: center;
}

#signature  {
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   width: 950px;
   padding: 8px 0 10px 0;
   font-size: 90%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #000000;
   background-color: #cc9966;
   text-align: center;
}

#pointfinal   {
   float: left;
   width: 950px;
   color: #000000;
   background-color: #cc9966;
   margin-top: 1px;
}

#pointfinal ul {
   list-style: none;
   margin: 2px 0 0 0;
   padding: 0;
}

#pointfinal li {
   display: inline;
   margin-left: 210px;
}