/*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 / révision majeure Octobre 2010*/

/*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: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
}

img	{
	border: none;
}


#enveloptout	{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 1110px;
	height: 1900px;
	color: #ffffff;
	background-color: #333333;
}

/* xvvvvvvvvvvvvvvvvvvvvvv    navigation interne    vvvvvvvvvvvvvvvvvvvvvv*/
#imagnavig	{
	float: left;
	margin-top: 0px;
	margin-left: 50px;
	padding: 4px 5px 6px 5px;
	width: 1000px;
	height: 40px;
	text-align: center;
}

#naviginterne	{
	float: left;
	margin-top: -30px;
	margin-left: 50px;
	padding: 4px 5px 6px 5px;
	width: 1000px;
	height: 40px;
	text-align: center;
}

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

#naviginterne li 	{
	display: inline;
}

#naviginterne a:link		{
	padding: 3px 10px 2px 10px;
	color: #336666;
	background-color: transparent;
}

#naviginterne a:visited	{
	padding: 3px 10px 2px 10px;
	color: #CC0000;
	background-color: transparent;
}

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


/*vvvvvvvvvvvvvvvvv    entête    vvvvvvvvvvvvvvvvvvv*/
#bloctete  {
	position: absolute;
	top: 70px;
	left: 30px;
	width: 1050px;
	color: #000000;
	background-color: #FFFFcc;
}

/*  vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv   suite de entête   vvvvvvvvvvvvvvvvvv*/

#titreintro   {
   float: left;
   margin-top: 20px;
   margin-left: 50px;
   padding: 5px;
   width: 950px;
   height: 90px;
   text-align: center;
   color: #336666;
   background-color: transparent;
}

#logointro   {
   float: left;
   margin-top: 30px;
   margin-left: 50px;
   width: 950px;
   height: 445px;
}

/*  vvvvvvvvvvvvvvvvvvvvvv    bloc principal vvvvvvv*/
#blocprincipal  {
	position: absolute;
   top: 680px;
   left: 30px;
   width:  1050px;
}

/*vvvvvvvvvvvvvvv  colonne de gauche vvvvvvvvvvvvvvvvvvv*/
#colgauch {
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   padding: 10px;
   width: 670px;
   height: 1000px;
   text-align: center;
   color: #000000;
   background-color: #ffffcc;
}

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

#citationscott {
   float: left;
   margin-top: 0;
   margin-left: 100px;
   padding: 20px;
   font-style: italic;
   font-size: 95%;
   width: 428px;
   color: #ffffff;
   background-color: #336666;
   border: 1px solid #ff9900;

}

.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: 60px;
   text-align: left;
   width: 550px;
}


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

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

.petit   {
   font-size: 90%;
}


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

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

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

/* vvvvvvvvvvvvvv bloc fin  vvvvvvvvvvv*/
#blocfin  {
	position: absolute;
	top: 1725px;
	left: 30px;
   width: 1050px;
   padding-bottom: 40px;
}

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

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

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

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

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