* {
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

#leftnav p, #rightnav p { margin: 0 0 0 0; }
.content h2 { margin: 0 0 .5em 0; }
.content { font-size:12px; }
#footer { font-size:11px; }
#rightnav, #leftnav { font-size:9px; }
h2,h3,h4 { color:#336699; }
/* #rightnav, #leftnav { line-height: 100%; } */

body {
  background-color:#336699;
  text-align:center;
/*  background-image:url("fondsnow.gif"); */
/*  background-image:url("water01.gif"); */
}

a:link {text-decoration:none;}
a img {border:0px;}

#container
{
  width: 97%;
  margin: 10px auto;
  text-align:left;
  color:black;
  background-color:white;
  border:2px solid black;
/*  line-height: 130%; */
}

#top
{
/*  padding:0.5em; */
/*  border-bottom:1px solid gray; */
  background-color:#EFF4FA;
  color:#336699;
  text-align:center;
  background-image:url("banner.png");
  background-repeat:no-repeat;
  height:60px;
}

#top h1
{
  padding: 0.3em;
  margin: 0;
  font-size:22px;
}

#leftnav
{
  float: left;
  width: 160px;
  margin: 0;
  padding: 1em;
}

#rightnav
{
  float: right;
  width: 160px;
  margin: 0;
  padding: 1em;
}

.content
{
  margin-top: 5em;
  margin-left: 200px;
  border: 1px dotted #336699;
  margin-right: 200px;
  padding: 1em;
  background-color:#EFF4FA;
  text-align:justify;
  text-indent:0.5cm;
  margin-bottom: 10px;
 /* min-height:400px; */
}

.content .orange
{
  background-color:orange;
  padding: 1em;
}

.content-sadness
{
  margin-top: 5em;
  margin-left: 200px;
  border: 1px dotted #336699;
  margin-right: 200px;
  padding: 1em;
  text-align:justify;
  text-indent:0.5cm;
  margin-bottom: 10px;
  color:#FFFFFF;
  background-color:#000044;
}

.content-sadness p { font-size:12px; }

.content ol
{
  text-indent:0;
}

.content ul
{
  text-indent:0;
}

#footer
{
  clear: both;
  margin: 0;
  padding: .5em;
  color: #333;
  background-color:#EFF4FA;
  border-top: 1px solid gray;
  font-family:Verdana;
  font-style:italic;
  background-color:#EFF4FA;
  border-top-style:dotted;
  border-top-width:1px;
  border-top-color:#336699;   
}

#footer a {
    color:#336699;
    text-decoration:none;
}

#footer a:hover {
    background-color:#336699;
    color:white;
}

.nav {
	margin-top:1em;
	margin-bottom:1em;
	margin-right:5px;
	margin-left:5px;
}

.nav ul{
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#d6e1ec;
	padding:0;
	margin:0;
}

.nav li{
	border-bottom:1px solid #d6e1ec;
	list-style-type:none;
	margin:0;
}

.nav li.rubrique {
    color:white;
    background-color:#ADBDE7;
}

.nav li.soutien {
    color:white;
    background-color:#FFCC00;
}

.nav li.soutien-txt {
    color:#336699;
    padding-top:3px;
    padding-bottom:3px;
}

.nav li.soutien-txt-normal {
    color:#336699;
    padding-left:1em;
    padding-top:3px;
    padding-bottom:3px;
}

.nav li.sadness {
    color:#000000;
    font-weight:bold;
    padding-left:1em;
    padding-top:3px;
    padding-bottom:3px;
}

.sadness2 {
    color:#FFFFFF;
    background-color:#000044;
    font-weight:bold;
    padding-left:1em;
    padding-top:3px;
    padding-bottom:3px;
}

.sadness2 h2 {
    color:#FFFFFF;
    font-weight:bold;
}

.sadness2 h3 {
    color:#FFFFFF;
    font-weight:bold;
}

.nav li.soutien-txt-cancel {
    color:red;
    font-weight:bold;
    padding-left:1em;
    padding-top:3px;
    padding-bottom:3px;
}

.warning {
    color:red;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
}

.nav li.important {
    color:white;
    background-color:#FC1C0F;
}

.nav li.important-txt {
    padding-top:3px;
    padding-bottom:3px;
}

.nav li.last-input {
    color:white;
    background-color:#66FF66;
}

.nav li.last-input-txt {
    padding-top:3px;
    padding-bottom:3px;
}

.nav a{
	display:block;
	text-decoration:none;
	color:#369;
	background-color:#fff;
	padding-left:1em;
}

.nav a:hover{
	background-color:#eff4fa;
	color:#036;
}

.rubrique2 a{
	display:block;
	text-decoration:none;
        font-weight:bold;
	color:#369;
	background-color:#FFCC00;
	padding-left:1em;
}
p.lettrine:first-letter {
    font-size:200%;
    color:#336699;
    font-weight:bold;
    font-family:Times New Roman;
}

.biche {
    font-size:130%;
    font-weight:bold;
    color:#336699;
    font-family:Times New Roman;
}

.last-minute {
    font-size:105%;
    font-weight:bold;
    color:#336699;
    font-family:Times New Roman;
}

.last-minute img {
    float:left;
}

.citation2 {
  font-style:italic;
  border-style:groove;
  border-width:1px;
  border-color:#336699;
  background-color:#FFFFCC;
  padding-left:10px;
  padding-right:10px;
  min-height:230px;
}

.portrait
{
  float:left;
  width:150px;
  margin-top:5px;
}

.motivation
{
  float:left; 
  margin-top:10px;
}

.separation
{
  clear:both;
  visibility:hidden;
}

.fiche-contact {
  font-style:italic;
  border-style:groove;
  border-width:1px;
  border-color:#336699;
  background-color:#FFFFCC;
  margin-top:5px;
  margin-bottom:10px;
  padding:3px;
}

.fiche-portrait
{
  float:left;
  width:150px;
  padding:3px;
}

.fiche-motivation
{
  padding:3px;
}

.hny
{
    font-family:Arial;
    font-style:italic;
    border-style:dotted;
    border-width:1px;
    border-color:#336699;
    background-color:#A4D2FA;
    padding:10px;
    min-height:200px;
}
.hny h3 {
    color:white;
}
.hnypic
{
  float:left;
  margin-right:10px;
}
.hny2
{
    font-family:Arial;
    font-style:italic;
    border-style:dotted;
    border-width:1px;
    border-color:#336699;
    background-color:#A4D2FA;
    padding:10px;
}

.content-middle-address {
    font-family:Arial;
    font-style:italic;
    border-style:dotted;
    border-width:1px;
    border-color:#336699;
    background-color:#FFECCE;
    vertical-align:top;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

.content-middle-address-left {
    text-align:left;
}
.content-middle-address-right {
    text-align:right;
}

#produits {
    margin-left:auto;
    margin-right:auto;
    border-color:#336699;
    color:#336699;
}

#orga {
    margin-left:auto;
    margin-right:auto;
    border-color:black;
    color:black;
}
#orga td {
  vertical-align:top;
    padding:0.5em;
}

.lft {
  text-align:right;
  padding-right:0.3em;
}
.pl2 {
  padding-left:2em;
}
.contacts {
  list-style-type:square;
  color:#336699;
}

.names {
  color:black;
}

.remind {
  color:#336699;
  font-weight:bold;
}

.bold {
  font-weight:bold;
}

.italic {
  font-style:italic;
    color:#336699;
}

.underline {
  text-decoration:underline;
}

.indice {
  vertical-align:super;
}

.names a {
    color:#336699;
    text-decoration:none;
}

.names a:hover {
    background-color:#336699;
    color:white;
}

.citation {
  font-style:italic;
  border-style:groove;
  border-width:1px;
  border-color:#336699;
  background-color:#FFFFCC;
  padding-left:10px;
  padding-right:10px;
}

.citation3 {
  font-style:normal;
  color:#FFA500;
  font-weight:bold;
  border-style:groove;
  border-width:1px;
  border-color:#FFFFCC;
  background-color:#336699;
  padding-left:10px;
  padding-right:10px;
}

.nouvelle {
  margin:5px;
  margin-left:20px;
  padding-left:10px;
  padding-right:5px;
  font-family:Arial;
  font-size:11px;
  font-style:italic;
  border-style:groove;
  border-width:1px;
  border-color:#336699;
  background-color:#FFFFCC;
}

.poetry {
  margin:5px;
  margin-left:20px;
  padding-left:10px;
  padding-right:5px;
  font-family:Arial;
  font-size:11px;
  font-style:italic;
  border-style:groove;
  border-width:1px;
  border-color:#336699;
  background-color:#FFC400;
  color:#006AFF;
}

.index-news {
  text-indent:0;
  padding-left:20px;
  list-style-type:circle;
  color:#336699;
}

.index-news a {
    color:#336699;
    text-decoration:none;
}

.index-news a:hover {
    background-color:#336699;
    color:white;
}

.outside {
  text-indent:0;
}