/* Feuille de style de ma page - Vincent Balat */

body{
background-color:#556677;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
margin:0px 5px 5px 5px;
padding:0;
}

/***/
a{
margin:0px;
color:#334455;
text-decoration:none;
font-weight:bold;
}

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

a.titre{
display:block;
color:#ffffff;
font-weight:bold;
text-decoration:none;
padding:0px 0px;
}

li{
list-style:square;
}

dt{
font-weight: bold;
}

h1{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:140%;
font-weight:bold;
text-align:left;
background-color:transparent;
color:#ffffff;
padding:0px;
margin:0px 0px 10px 0px;
}

h2{
margin:0px 0px 6px 0px;
padding:0px;
font-size:120%;
color:#ff6600;
}

h3{
font-size:100%;
color: #000000; /*#334455;*/
margin:0px 0px 4px 0px;
}

h4{
font-size:100%;
color:#000000;
margin:0px 0px 4px 0px;
}

p{
text-align:justify;
margin:0px 0px 6px 0px;
}

pre{
font-family:"Courier New",Courier,monospace;
font-size:small;
border-left:2px solid #334455;
padding:0em 1em;
margin-left:2px;
}

td.date{
vertical-align: baseline;
text-align: center;
font-weight:bold;
}

/***/
.anoweb{
float:left;
font-size:small;
}

.liensext{
font-size:small;
text-align:right;
}

.page{
color:#000000;
background-color:#77aaee;
border:1px solid #000000;
padding:10px;
margin-bottom:5px;
}

.colonnegauche{
float:left;
margin: 0px;
padding:0px;
width:160px;
}

.menu{
background-color:transparent;
margin: 0px;
padding:0px;
width:160px;
overflow:hidden;
}

.menu h2{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:110%;
text-align:left;
background-color:transparent;
color:#334455;
margin:0;
}

.menu ul{
border-width: 1px 1px 0 1px;
border-color:#334455;   /*#eeddaa;*/
border-style:solid;
margin:0 0 8px 0;
padding:0;
}

.menu li{
background-color:#aad5ff; /* #7799bb; #99ccff;*/
list-style:none;
border-bottom:1px solid #334455;
margin:0px;
}

.menu li:hover{
background-color:#eeddaa;
}

.menu a{
display:block;
color:#ff6600;
font-weight:bold;
text-decoration:none;
padding:0px 10px;
}

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

.texte{
margin-left:170px;
padding:0;
}

.edito{
border: 1px solid #000000;
padding:10px;
background-color:#eeddaa;
font-style:italic;
margin:0px 0px 10px 0px;
overflow: auto;
}

.photoid{
float:right;
margin: 0px 0px 0px 10px;
padding:0px;
}

.description{
border: 1px solid #000000;
padding:10px;
background-color:#eeddaa;
margin:0px 0px 10px 0px;
}

.infos{
border: 1px solid #000000;
padding:10px;
background-color:#ffffff;
margin:0px 0px 10px 0px;
}

div.ocsigen{
border: 1px solid #000000;
padding: 180px 10px 10px 10px;
background-color:#ffffff;
background-image: url('ocsigen6.png');
background-repeat: no-repeat;
clear:none;
margin:0px 0px 10px 0px;
}

.discl{
border: none;
padding:0px;
font-style:italic;
font-size: 70%;
clear:none;
margin:0px 0px 10px 0px;
}

.important{
  background-color: #ffaaaa;
  color: #aa0000;
  text-align: center;
}

.futur {
  font-style:italic;
}