/* Utiliser au minimum le tag body, tout ce qui peut �tre mis dans la class idl 
    doit �tre descendu */ 
body {
  background-color:#343B2F;
}


/* Layouts (zones d'affichage) */
.idl .wrapper{
  position: absolute;
  width: 950px;
  min-height: 500px;
  top: 50%;
  left: 50%;
  margin-left: -475px;
  margin-top: -250px;
  border: solid 1px #6BF821;
}
.idl .header {
  margin: 10px 10px 0 0;
  float: right;
  background-image: url("/images/logo.gif");
  width: 350px;
  height: 70px;
  background-repeat: no-repeat;
}
.idl .menu {
  width: 250px;
  height:358px;
  margin-top:18px;
  clear: right;
  float: right;
}
.idl .footer {
  margin-bottom: -15px;
  height: 15px;
}
.idl .content {
  margin-right: 250px;
  margin-top: 80px;
}
.idl .outer_square {
  background-image: url("/images/fleur_cadre_gauche.gif");
  background-repeat: no-repeat;
  overflow: visible;
  margin-top:-58px;
  margin-left: 5px;
  padding:92px 0 70px 70px;
}
.idl .inner_square {
  border: 1px solid #FE00FE;
  min-height: 302px;
  padding: 10px;
  margin-right: 10px;
}
.idl .second_flower {
  background-image:url(/images/fleur_cadre_droite.gif);
  background-repeat:no-repeat;
  float:right;
  height:80px;
  margin-right:-40px;
  margin-top:-86px;
  width:50px;
}
.idl .no_decoration, 
.idl .O_image {
  width : 565px;
  height : 485px;
  margin: -60px 20px 20px 20px;
  min-height:302px;
}
.idl .O_image {
  background-image: url("/public/divers/fond_o.png");
  background-repeat: no-repeat;
}

.idl .O_content {
  width: 320px;
  padding-top: 90px;
  padding-left: 170px;
  text-align: center;
}

.idl .O_content p{
  width: 270px;
}

.idl .no_decoration {
  margin: -60px 20px 20px 20px;
}
.idl .legend {
  width: 100%;
  text-align: right;
  margin-top:-50px;
}
.idl .legend img {
  margin-right: 5px;
}
/* Fin du Layout */



/* Mise en page du texte */
.idl {
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  text-align: justify; 
}
.idl p {
  margin: 5px 0 5px 0;
}
.idl h1 {
  color: #6BF821;
  font-size: 20px;
  line-height:20px;
}
.idl h2,
.idl .news .titre,
.idl .mailingListeFormTitle {
  color: #FE00FE;
  font-size: 18px;
  padding: 3px 0px;
}
.idl .footer{
  font-size: 10px;
  color: #6BF821;
}
.idl a {
  color: #6BF821;
}
.idl ul,
.idl ol {
  list-style-type: disc;
  padding-left: 24px;
  padding-top: 5px;
}
.idl li {
  padding-bottom:5px;
}
.idl .content img {
  margin: 5px;
}
.idl b,
.idl strong {
  color: #6BF821;
  font-weight: normal;
}
/* Fin mise en page du texte */




/* Cas particuliers */
.idl .menu table {
  width: 100%;
  height: 100%;
}
.idl .menu td {
  height: 40px;
}
.idl .menu .level1{
  width: 136px;
  text-align:right;
}
.idl .menu .level2{
  width: 114px;
  text-align:left;
}
.idl .news .date {
  float: right;
  color: #6BF821;  
}
.idl .news {
  padding-bottom: 15px;
}

.idl .mailingListForm {
  color: #6BF821;
  margin: auto;
  width: 400px;
}
.idl .mailingListForm table {
  width: 100%;
}
.idl .mailingListForm input {
  width: 250px;
  background-color: #B3B3AC;
  border-style: none;
  margin-left: 2px;
}

.idl #formulaire_contact {
  text-align: left;
}

.idl #form_values_message{
  width: 210px;
}

.idl .link_newsletter {
  position: absolute;
  margin-left:350px;
  margin-top:-24px;
}

.idl .simple_viewer_menu .selected a,
.idl .link_newsletter a {
  color: #FE00FE;
}

.idl .simple_viewer_menu li {
  display: inline;
  margin-left: 10px;
}

.idl ul.simple_viewer_menu {
  padding-left: 0px;
  display: inline;
}

.idl .galerie {
  height: 400px;
}

/* Fin cas particuliers */