/* Generated by KompoZer */
html {
  height: 100%;
  min-height: 100%;
}
body {
  border-width: 0px;
  font-size: 14px;
  height: 100%;
  min-height: 100%;
  background-position: left top;
  background-color: #003366;
  background-image: url(../images/topbody.jpg);
  background-repeat: repeat-x;
  padding-top: 0px;
}
html > body #blockcentre {
  height: auto;
  min-height: 500px;
}
#conteneur {
  border: 1px solid black;
  margin: 0px auto 0px -450px;
  position: relative;
  font-weight: inherit;
  z-index: 1;
  left: 50%;
  width: 900px;
  padding-bottom: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: #ffffff;
  padding-top: 0px;
  top: 0px;
}
h4 {
  background-color: transparent;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  font-family: Times New Roman,Times,serif;
  margin-left: 25px;
  font-style: italic;
  color: #993399;
}
h3 {
  background-color: transparent;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 14px;
  font-family: Arial,Helvetica,sans-serif;
  color: #ff7701;
  font-size : 16px
}
h2 {
  background-color: transparent;
  font-style: normal;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #cc0000;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  top: 0px;
  background-repeat: no-repeat;
  padding-top: 5px;
  background-image: url(../images/bandmenuorang.gif);
}
h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}
p {
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #000000;
  background-color: transparent;
}
#bloctitre {
  border-style: none;
  border-width: 1px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 3;
  width: 900px;
  position: relative;
  margin-left: 0px;
  background-color: #cccccc;
  height: 150px;
  background-image: url(../style/images/banni-mer.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#hierarchie {
  color: white;
  clear: both;
  margin-bottom: 1.5em;
  font-size: 1em;
}
#hierarchie a {
  color: #000066;
}
#blockcentre {
  width: 900px;
  background-color: transparent;
  overflow: visible;
  position: relative;
  bottom: 0px;
  margin-bottom: 30px;
  height: 700px;
  min-height: 700px;
}
#bloclangue {
  border-style: solid;
  border-width: 1px;
  visibility: visible;
  position: absolute;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  height: 80px;
  width: 80px;
  left: 10px;
  top: 10px;
  background-color: #ffcc00;
}
#blocmilieu {
  border: medium solid #cccccc;
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  visibility: visible;
  background-position: left top;
  background-repeat: repeat-y;
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
  left: 210px;
  width: 640px;
  position: relative;
  bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  top: 20px;
  color: #000066;
  background-color: #eceeee;
}
#blocmilieu h2 {
  background-color: transparent;
  font-style: normal;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #FF7401;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
  top: 0px;
  background-repeat: no-repeat;
  padding-top: 5px;
  /*background-image: url(../images/bandmenuorang.gif);*/
  background-image:none;
}
#blocmilieu p {
  font-size: 12px;  
}
#blocmenugauche {
  border:  none;
  font-size: 12px;
  color: #000099;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  text-align: left;
  width: 190px;
  position: absolute;
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 0px;
  background-color: transparent;
  left: 10px;
  margin-top: 0px;
  top: 0px;
}
#bloc1 {
  width: 190px;
  position: absolute;
  background-color: red;
  background-image: url(../images/bandmenuorang.gif);
}
#blocpresentation {
  border:  none;
  visibility: visible;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 660px;
  left: 162px;
  text-align: center;
  background-color: #ccccff;
  height: 30px;
  position: relative;
  top: 210px;
}
#surmenugauche {
  border:  none;
  position: relative;
  background-repeat: no-repeat;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  width: 670px;
  left: 210px;
  color: #666666;
  background-color: transparent;
  background-position:  center center;
  line-height: 20px;
  height: 30px;
  padding-top: 8px;
  top: 7px;
  background-image: url(../images/fond_surmenugauch.3.jpg);
}
#sousmenugauche {
  border:  none;
  position: relative;
  background-color: transparent;
  background-position: center bottom;
  list-style-type: none;
  font-family: Times New Roman,Times,serif;
  font-weight: normal;
  text-align: center;
  width: 150px;
  top: 0px;
  left: 0px;
}
#piedpage {
  border:  none;
  margin: 0px auto;
  text-align: center;
  color: #000000;
  width: 900px;
  position: relative;
  top: 0px;
  background-color: #C0C0C0;
  padding-bottom: 0px;
}
ul {
  list-style-type: none;
  text-align: center;
  font-family: Times New Roman,Times,serif;
  margin-top: 0px;
  padding-left: 5px;
  left: 0px;
  margin-left: 0px;
}
.menu li {
  float: left;
  text-decoration: none;
}
.menu a {
  border-style: none;
  display: block;
  position: relative;
  font-family: Arial,Helvetica,sans-serif;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  height: 15px;
  text-decoration: none;
  width: 150px;
  text-align: left;
  font-size: 8pt;
  color: #91a0e5;
}
.menu a:hover {
  border-style: none;
  text-decoration: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position:  center center;
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  font-size: 8pt;
  color: #006600;
}
.menu a:active {
  border:  none;
  background-image: url(../images/fmenu2.jpg);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 50%;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  text-align: left;
  font-size: 8pt;
}

.flottant {
  border: 1px solid #cc6600;
  padding: 7px;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 15px;
}
.flotdroit {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}
.marge10px {
  padding-left: 40px;
  color: #000000;
  text-align: justify;
  padding-right: 25px;
}
.ecrituravecmarge {
  color: #000000;
  text-align: justify;
  font-family: Times New Roman,Times,serif;
  margin-left: 15px;
  background-color: transparent;
  margin-right: 25px;
}
.marge10pxdroit {
  padding-right: 10px;
}
.ecritorange {
  background-color: transparent;
  color: #cc6600;
}
.centre {
  text-align: center;
}
.souligne {
  text-decoration: underline;
}
.gras {
  font-weight: bold;
}
.imagencadre {
  border: 1px solid #cc6600;
  padding: 7px;
}
.imagencadrebleu {
  border: 4px double #cc6600;
  padding: 7px;
}
a {
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  color: #000066;
}
.rub {
  background: transparent none repeat scroll 0%;
  text-align: left;
  margin-bottom: 1em;
  font-size: 0.75em;
  color: #9f806b;
}
.rubtitre {
  border:  none;
  font-family: Arial,Helvetica,sans-serif;
  color: #000066;
  font-size: 1.5em;
  padding-bottom: 0.5em;
  text-align: center;
}
.rub ul, .breves ul, .syndic ul, .forums ul, .divers ul {
  padding: 0.1em 0;
  text-align: left;
}
.rub li, .breves li, .syndic li, .forums li, .divers li {
  padding: 0 0.5em;
  text-align: left;
}
.rub ul a {
  font-weight: bold;
  font-style: normal;
    font-size: 1.2em;
  color: #ff7701;
  padding-left: 2em;
  background-image: url(../images/puced.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
.rub ul a:hover {

  text-decoration: none;
  color: #333399;
}
.rub ul ul a {
  padding-left: 2em;
  font-weight: normal;
  color: #333399;
  background-image: url(../images/puce2.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
.rub ul ul a:hover {
  padding-left: 2em;
  font-weight: normal;
  text-decoration: underline;
  color: #333399;
  background-image: url(../images/puce2.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

.ssrub {
  background: transparent none repeat scroll 0%;
  text-align: left;
  margin-bottom: 1em;
  font-size: 0.75em;
  color: #9f806b;
}
.danslameme {
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  margin-bottom: 1em;
  font-size: 1em;
  color: #000066;
}
.ssrub ul a {
  font-weight: normal;
  font-style: normal;
  color: #333399;
}
.ssrub ul {
  padding: 0.1em 0;
  text-align: left;
}
.ssrub li {
  padding: 0 0.5em;
  text-align: left;
}
.on {
  color: #cc6600;
  font-weight: bold;
  text-decoration: none;
}
p.spip {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.spip_documents_left {
  border: 1px solid #003366;
  padding: 7px;
  background: transparent none repeat scroll 0% 50%;
}
.spip_documents_right {
  border: 1px solid #003366;
  padding: 7px;
  background: transparent none repeat scroll 0% 50%;
}
.spip_documents_center img {
  border: 1px solid #003366;
  padding: 7px;
  background: transparent none repeat scroll 0% 50%;
}
.portfoliotitre {
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-family: Verdana,"Bitstream Vera Sans",Tahoma,Arial,sans-serif;
}
.ghtexte {
  text-align: justify;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: black;
}
#document_actif img {
  border: 1px solid #003366;
  padding: 7px;
  background: transparent none repeat scroll 0% 50%;
  height: auto;
  width: 100%;
}
#documents_portfolio img {
  border: 1px solid #003366;
  padding: 3px;
  background: transparent none repeat scroll 0% 50%;
  width: 60px;
}
.txtminiature {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #cc6600;
  font-size: 0.8em;
  text-align: center;
  font-family: Verdana,"Bitstream Vera Sans",Tahoma,Arial,sans-serif;
}
.rubriquetitre {
  text-align: center;
  font-size: 1.3em;
  padding-top: 1em;
  font-family: Arial,Helvetica,sans-serif;
  color: #ffffa0;
}
#blocmilieurubrique {
  border: medium solid #cccccc;
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  visibility: visible;
  background-image: url(../images/topbody.jpg);
  background-repeat: repeat-x;
  z-index: 5;
  padding-left: 0px;
  padding-right: 0px;
  left: 210px;
  width: 640px;
  color: #000066;
  background-color: #003366;
  overflow: visible;
  position: relative;
  top: 20px;
}
#blocmilieu01 {
  width: 600px;
  position: relative;
  padding-bottom: 0px;
  color: #e6e6e6;
  font-size: 0.8em;
  text-align: justify;
  background-color: transparent;
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 20px;
}
.listarticles  {
  border: 1px solid #cccccc;
  padding: 10px;  
  background: #ffffd2;
  margin: 10px 3px 5px 3px;
  width : 180px;
  height : 250 px;
  min-height : 250px;
  overflow : hidden;
  float: left;
    
}
.listarticlesli {  
  padding: 0px 2px 0px 2px;    
}
.contre-encart  {
  border: medium 1px solid #003366;
  padding: 10px;
  background: #ffffd2;
  margin-bottom: 10px;  
}


.listarticles-site  {
  border: medium solid #cccccc;
  padding: 10px;
  background: #ffffd2;
  margin-bottom: 10px;
  font-size: 1em;
  text-align: left;
}
#blocmilieurubrique  h1{
  background-color: transparent;
  font-style: normal;
  font-family: verdana,Arial,Helvetica,sans-serif;
  font-size: 1.5em;
  line-height: 26px;
  color: #FF6F00;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  top: 0px;
  background-repeat: no-repeat;
  padding-top: 5px;
  background-image: none;
}
.listarticles-site  h2{
  background-color: transparent;
  font-style: normal;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #cc0000;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  top: 0px;
  background-repeat: no-repeat;
  padding-top: 5px;
  background-image: none;
}
.listarticles-site  p{
 text-align: justify;
 
}
.menu-synd{
 text-align: left;
 margin-top: 10px;
 color: green;
 font-size: 12px;
font-weight: bold; 
}
 
}
.listeletitre {
  font-size: 1em;
  font-weight: normal;
  text-align: right;
  text-decoration: underline;
}
.listeletitre a {
  color: #ff7701;
}
.listeletexte {
  color: black;
  font-size: 11px;
  text-align: justify;
}
.logoarticle {
  border: 1px solid #ff7701;
  background: transparent none repeat scroll 0%;
  float: left;
  margin-right: 15px;
  width: 100px;
  height: 80px;
}
.lirelasuite {
  font-weight: normal;
  text-align: right;
  font-family: Verdana,"Bitstream Vera Sans",Tahoma,Arial,sans-serif;
  font-size: 0.75em;
  font-style: italic;
}
.lirelasuite a {
  color: #333399;
}
.lettrine {
 float: left;
 font-size: 4em;
 font-weight: bold;
 font-family: Georgia, Times New Roman, Times, serif;
 color: Black;
 border: 2px solid black;
 background-color: yellow;
 margin: 0 .2em 0 0;
 padding: .2em;
 line-height: .7em;
}

/* ------------------------- INFOBULLES ----------------------------------------------*/
* {
 font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
 font-family: Tahoma` Verdana` Arial` serif;
}


a.infobulle {
 position: relative;
 color: red;
 text-decoration: none;
 border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infobulle span {
 display: none; /* on masque l'infobulle */
}
a.infobulle:hover {
 background: none; /* correction d'un bug IE */
 z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
 cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
 display: inline; /* on affiche l'infobulle */
 position: absolute;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
 top: 30px; /* on positionne notre infobulle */
 left: 20px;
 background: white;
 color: green;
 padding: 3px;
 border: 1px solid green;
 border-left: 4px solid green;
}