/*
to be used as follow:
<div id="example">Web-Graphics</div>
*/

#example {
font-family: Verdana;
font-size: 1.6em;
font-weight: bold;
color: #c60;
}
div[id=example] {
color: #000 !important;
}
#example:after {
content: 'Web-Graphics';
color: #c60;
display: block;
text-indent: -0.1ex;
margin-top: -1.3em;
}

BODY {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   margin: 1pt;
   color: white;
}
body.iframe {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   margin: 1pt;
}

.date              {  font-size: 10px; color: #d3e2ea; text-decoration: none}
.bottombar         {  font-size: 10px; color: #d3e2ea; text-decoration: none}
.bottombarlink     {  font-size: 10px; color: #0E3259; text-decoration: none}
.reportagesT       {  font-size: 14px; color: white; text-decoration: none}
.reportages        {  font-size: 11px; color: white; text-decoration: none}
.reportages2        {  font-family: "Tahoma"; font-size: 8pt; color: white; text-decoration: none}
.catalogue         {  font-size: 11px; color: white; text-decoration: none}
.page              {  font-size: 10px; color: white; text-decoration: none}
.photodetails      {  font-size: 10px; color: black; text-decoration: none}
.barnavigation     {  font-size: 10px; color: white; text-decoration: none}
.selectedmsg       {
  color:               red;
  text-decoration:     underline;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   .9em;
}

a.planchecontact {
  color:               red;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   .9em;
}
a.planchecontact:hover {
  color : 	       red;
  text-decoration :    underline;
}
a.planchecontact:visited {
  Color :          red;
}

a.navigation {
  color:               white;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   .8em;
}
a.navigation:hover {
  color : 	       red;
  text-decoration :    underline;
}
a.navigation:visited {
  Color :          white;
}

a.photos {
  color:           blue;
}
a.photos:hover {
  color : 	       red;
}
a.photos:visited {
  Color :          blue;
}

a.menu {
  color:               #d3e2ea;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   15px;
}
a.menu:visited {
  Color : #d3e2ea;
}
a.menu:hover {
  color:               red;
  text-decoration:     underline;
}

a.bottomlink {
  color:               white;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:           .9em;
}
a.bottomlink:visited {
  Color : white
}
a.bottomlink:hover {
  color:               red;
  text-decoration:     underline;
}

a.leftbar {
  color:               #0E3259;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   .9em;
}
a.leftbar:visited {
  Color : #0E3259;
}
a.leftbar:hover {
  color :              red;
  text-decoration :    underline;
}

a.email {
  color:               white;
  text-decoration:     none;
  font-family:         Verdana, Helvetica, sans-serif;
  font-size:		   .9em;
}

a.email:visited {
  Color : white;
}
a.email:hover {
  color :              red;
  text-decoration :    underline;
}

a.a2 {
  color:               #FFFFD0;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   11px;
}
a.a2:visited {
  Color : yellow;
}
a.a2:hover {
  color :              #FFFFD0;
  text-decoration :    underline;
}

a.a3 {
  color:               white;
  text-decoration:     none;
  font-family:         Verdana,Arial,Helvetica,sans-serif;
  font-size:		   11px;
}

a.a3:visited {
  Color : white;
}
a.a3:hover {
  color :              white;
  text-decoration :    underline;
}

.TitrePrincipal
{
    font-weight: normal;
    color: white;
    font-size: 10pt;
}
.TitrePrincipalBold
{
    font-weight: bold;
    color: #0E3259;
    font-size: 10pt;
}

hr
{
    border-color: #A6BBE1;
    border-width: 1px;
    border-style: solid;
}

P {
    FONT-SIZE: .9em;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    color : white
}

.boite
{
    border-color: #A6BBE1;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
    
    font-weight: normal;
    color: #0E3259;
    font-size: 10pt;
}

.boitehomeright
{
    border-color: #5F5F5F;
    border-width: 1px;
    border-style: solid;
    border-right: #6393E5;
    border-bottom: #6393E5;
    border-top: #6393E5;
    margin-bottom: 3px;

    font-weight: normal;
    color: #0E3259;
    font-size: 10pt;
}
.boitehomebottom
{
    border-color: #5F5F5F;
    border-width: 1px;
    border-style: solid;
    border-right: #6393E5;
    border-bottom: #6393E5;
    border-left: #6393E5;
    margin-bottom: 3px;

    font-weight: normal;
    color: #0E3259;
    font-size: 10pt;
}

.boiteTitre
{
    background-color: #3366CC;
    font-family: "Tahoma";
    font-size: 8pt;
    color: white;
}

.boitenNoBckg
{
    font-family: "Tahoma";
    font-size: 8pt;
    color: white;
}

.boiteCorpsOLD
{
    background-color: #FFFFD0;
    font-family: "Tahoma";
    font-size: 8pt;
    color: #0E3259;
}

.boiteFilename
{
    font-family: "Tahoma";
    font-size: 8pt;
    color: #0E3259;
}

.boiteCorps
{
    background-color: #FFFFD0;
    font-family: "Tahoma";
    font-size: 8pt;
    color: white;
}

.titremois  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: white; background: #3366CC }
.titremois:link  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: white; background: #3366CC; text-decoration: none }
.titremois:visited  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: white; background: #3366CC; text-decoration: none }
.titremois:hover  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #FF0000; background: #3366CC; text-decoration: underline }

.titrejours  { font-family: Helvetica, Arial; font-size: 9px; color: white;}
.titrenum  { font-family: Helvetica, Arial; font-size: 11px; color: white; }
.titrenum2  { font-family: Helvetica, Arial; font-size: 11px; color: #0E3259;}
.titreweek  { font-family: Helvetica, Arial; font-size: 9px; color: #0E3259;}
.titreweek2  { font-family: Helvetica, Arial; font-size: 11px; color: #0E3259;}
.titrewend  { font-family: Helvetica, Arial; font-size: 11px; color: white; background: #3366CC }
.titrewend2  { font-family: Helvetica, Arial; font-size: 11px; color: #AAAAAA; background: #3366CC }
.titrenow  { font-family: Helvetica, Arial; font-size: 11px; color: white; background: #3366CC }