﻿/* Generic styles */

body 
{ 
    left:0;
    top:0;
    border:0;
    margin:0;
    padding:0;
    vertical-align:top;
    font-size: small; color: gray; font-family: Verdana; 
    
}

a.MailRef 
{
    text-decoration:none;
}

/* Line styles */
div.GraphicLineLeft
{
    position: absolute;
    left: 10px;
    top: 45px;
    width: 1px;
    height: 250px;
    background-color: black;
}

div.GraphicLineLeftBottom
{
    position: absolute;
    left: 10px;
    top: 295px;
    width: 190px;
    height: 1px;
    background-color: black;

}

div.GraphicLineTop
{
    position: absolute;
    top: 25px;
    left: 10px;
    height:20px;
    width:790px;

    border-top:black 1px solid;
    border-left:black 1px solid;
    border-right:black 1px solid;
}

div.GraphicLineTopRight
{
}

/* Names title styles */
div.SiteName
{
    position:absolute;
    left: 10px;
    top: 5px;
    width:500px;
    height:20px;
}

div.PageName
{
    position: absolute;
    top: 0px;
    left:452px;
    width:350px;
    height:20px;

    text-align:right;
    vertical-align:bottom;
}

div.PageName span
{
    border-left:#ff9966 5px solid;
    padding-left:10px;
    padding-right:10px;
    font-size:20px;
    background-color: #eeeeee;
}


div.Credits
{
    position: absolute;
    top: 300px;
    left:0px;
    width:195px;
    height:60px;

    font-size: 9px;
    text-align:right;
    vertical-align:top;
}

div.MCP
{
    position: absolute;
    top: 380px;
    left:0px;
    width:195px;
    height:60px;

    font-size: 9px;
    text-align:right;
    vertical-align:top;
}


/* Menus styles */
div.Menus
{
    position:absolute;
    left:5px;
    top:50px;
    width:195px;

    vertical-align:top;
}

div.Menus ul
{
    list-style-type: none;
    margin-top:0px;
    margin-left:0px;
    padding:0;
    border:0;
}

div.Menus ul li
{
    margin-bottom:10px;
}

div.Menus ul li a, 
div.Menus ul li a:link, 
div.Menus ul li a:hover, 
div.Menus ul li a:visited, 
div.Menus ul li a:active
{
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;

    text-decoration:none;
    font-size: 10px; 
    color: #404040; 
    font-family: Verdana; 
    font-weight: bold;

}

div.Menus ul li a, 
div.Menus ul li a:link,
div.Menus ul li a:visited,
div.Menus ul li a:active
{
    border-left: black 1px solid;
    border-top: black 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;

    background-color:#ffffff;
}

div.Menus ul li a:hover, 
div.Menus ul li a.Selected
{
    border-right: #ff9966 1px solid;
    border-top: #ff9966 1px solid;
    border-left: #ff9966 5px solid;
    border-bottom: #ff9966 1px solid;

    background-color: #eeeeee;
    padding-left: 7px;
}


/* Contents styles */
div.Contents
{
    position:absolute;
    left:200px;
    top:45px;
    width:591px;
    
    vertical-align: top;
    border-right: #ff9966 0px solid;
    border-top: #ff9966 1px solid;
    border-left: #ff9966 1px solid;
    border-bottom: #ff9966 1px solid;
    background-color: #eeeeee;
    min-height:350px;
    padding:5px;
    text-align:justify;
}

.bloc-date
{
}

.bloc-contenu
{
	border-top:1px solid #c0c0c0;
}
td.bloc-contenu ul
{
	margin-top:2px;
	
}
td.bloc-contenu b
{
}
.sous-titre
{
	font-size: large;
	padding-bottom: 5px;
}

ul.CarteVisite
{
	width: 350px;
	border-right: gray 2px dashed;
	border-top: gray 2px dashed;
	padding: 10px;
	margin: 0;
	border-left: gray 2px dashed;
	border-bottom: gray 2px dashed;
	background-color: White;
	margin-left: 20px;
	background-image:url(Images/Philippe-Ryf.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

ul.CarteVisite li
{
	list-style-type: none;
	margin-left:80px;
}

ul.CarteVisite li.Name
{
	list-style-type: none;
	border-bottom:3px solid orange;
	padding-bottom:2px;
}

ul.CarteVisite li.Credit 
{
  font-size: 9px;
}




