* { padding: 0; margin: 0; }



/* DEFINITIONS GENERALES  */

  html{

    margin:0%; /* marge autour des bordures du navigateur --> fait ressortir le fond */

    padding:0%;

    height:100%;

  }

  body{

       background-color:#153B75; /*couleur de fond --> bleu foncé*/

       margin:0%;

       padding:0%;

       height:100%;

  }

  /*Zone de contenu*/

  #enveloppe{

        position:relative;

        background-color:#fff; /*couleur de fond*/

        border:2px solid #000; /*bordure noire de 2px*/

        width: 940px;    /*largeur 940*/

        margin: 10px auto 10px auto;

        padding:0px;

        /*height:100%;*/

        min-height:100%;

  }

  #img_drt{

    margin:43px 0px 10px 10px;  /* haut,droite, bas, gauche */

    border: 1px solid #000000;

  }

    #img_drt2{

    margin: 10px 0px 10px 10px;  /* haut,droite, bas, gauche */

    border: 1px solid #000000;

  }

    #img_drt3{

    margin: 15px 0px 10px 10px;  /* haut,droite, bas, gauche */

    border: 1px solid #000000;

  }

  #img_drt4{

      margin: 60px 150px 10px 10px;  /* haut,droite, bas, gauche */

      border: 1px solid #000000;

  }



  <!--[if IE]>

<style type="text/css">

	#enveloppe {height: 100%;}/* Ncessaire si on veut que la couleur de #page se poursuive jusqu'au footer*/

	</style>

<![endif]-->



  html>body #page{ /* pour rétablir le mauvais effet sur les nav modernes */

      height:auto;

  }

  /*Les liens dans le texte*/

  a{

    text-decoration:none; /*soulignement des liens */

    outline: none; /*supprime le contour pointillé autour des liens visité (seulement pour certains navigateurs) *marche pour IE et Firefox**/

  }

a:link { color:#0C0DAE;}  /*non survolé*/

a:hover { color:#F00;} /*au survol en rouge*/

a:visited { color:#0C0DAE;} /*lien visité*/

/*a:active { color:#000000;}   /*lien au moment du clik*/

  

/*FIN DES DEFINITIONS GENERALES */



/*LE BANDEAU HAUT  = logo + titre + dégradé + barre de navigation*/



    #bandeau_haut{

      z-index:3;  /*Pour que les ss-menus de navigation soit au dessus des images*/

       border:0px solid #000;   /*----> a remettre à 0 */

       margin:1em 0 0em 1em;  /*taille de la marge du bandeau pour positionnement : haut, droite ,bas, gauche */

       position:relative; /*positionné dans le flux*/

      /* border: 1px solid #000;*/

      padding:0;

    }

     #bandeau_haut img{

          border:0px;  /* Suppression de la bordure de lien autour des images du bandeau (logo, titre...) */

    }

    #titre {

      position:absolute; /*positionnement absolu par apport au bandeau */

      top:65px;

      right:90px; /*position par apport au bord droit du bandeau*/

    }

    #degrade {

      position:absolute; /*positionnement absolu par apport au bandeau */

      top:110px;

      right:15px; /*position par apport au bord droit du bandeau*/

    }

    #mail {

      /*border: 1px solid #000;*/

      position:absolute;

      top:-7px;

      right:8px;

    }

    #ecrire {

      font-family:Verdana;

      font-size:small;

      font-weight:600;

       /*positionnement absolu par apport au bandeau */

    }

    #home {

     color:#004B93;

      font-family:Verdana;

      position:absolute;

      font-size:12px;

      /*font-size: small;*/

      top: -5px;         /*20 */

      right:45px;         /*8*/

      

    }
    
        #langue {

     /*color:#004B93;*/
     color:#CCCCCC;
      font-family:Verdana;
      position:absolute;
      font-size:12px;
      /*font-size: small;*/
      top: 22px;
     right: 4px; /*266*/

      

    }

/*-- FIN DU BANDEAU HAUT--*/



/**********************************************STYLES SPECIFIQUES A LA PAGE D'ACCEUIL*************************************/



/*BANDEAU INTERMEDIAIRE 1*/



  #bandeau_int1 {

    position:relative;

    border:0px solid #000;

    margin:6px 0 0em 1em; /*haut, droite ,bas, gauche*/

    padding:0;

    height:165px;

    z-index:2; /*les menus passent au dessus des images z-index bandeau intermediaire < bandeau_haut*/

  }



  #bandeau_images{

    border:0px solid #F00;

    position:absolute; /*positionnement absolu par apport au bandeau */

    top:0px;

    height:165px;

    right:15px;

    margin:0;

    padding:0;

    font-size:0; /*bug IE5 et 5+ --< ligne en dessous des images --> voir  http://blog.alsacreations.com/2004/06/15/25-espaces-indesirables*/

    line-height:0; /*bug IE5 et 5+ --< ligne en dessous des images --> voir  http://blog.alsacreations.com/2004/06/15/25-espaces-indesirables*/

  }



  #bandeau_images img{

   border:1px solid #000;

   margin:0px; /*taille de la marge du bandeau pour positionnement : haut, droite ,bas, gauche */

   padding:0px;

  }



/*BANDEAU INTERMEDIAIRE 2*/



  #bandeau_int2 {

    position:relative;

    border:0px solid #000;

    margin:0em 0 1em 1em; /*haut, droite ,bas, gauche*/

    padding:0;

    z-index:1;

  }



/*LES LISTES DE NAVIGATION*/



  #liste_navigation, #liste_news, #sous_menu {

    border:1px solid #DDD9D9;

    padding:0 5px 0px 5px;  /*haut, droite ,bas, gauche*/

  }



  #sous_menu {

    margin:0 0 16px 0px;

  }



  #liste_navigation, #sous_menu {

    position:relative;

    width:240px;  /*largueur pour les listes à gauche*/

  }



  #liste_news {

    position:absolute;

    right:15px;

    /* top:0px;*/

    height:160px;

    bottom:0px;

    width:620px;

  }



  #liste_navigation h1, #liste_news h1, #sous_menu h1 {

       text-indent:9px;   /*retrait du titre par apport à la bordure du div*/

       font-family:Verdana;

       font-size:13px;

       color:#004B93;

       /*color:#153B75; */

       border-color:#004B93;



       /*border-color:#4E749A;*/

       /*border-color:#153B75;*/

       padding:6px 0 3px 0; /*haut, droite ,bas, gauche*/

       border-style:solid;

       border-width:0 0 3px 0; /*le titre est souligné*/

       margin:0;

       letter-spacing:0.01in;

    }



   .ligne{

      margin:1px 0 0 0px;

      padding:0;

      border:1px solid #F00;

      border-width:1px 0 0 0;

      /*border-color:#4E749A;*/

      border-color:#004B93;

    }



  #liste_navigation ul, #liste_news ul, #sous_menu ul {

      line-height:16px; /*espace entre les lignes de la liste*/

      list-style:none;  /*suppression des puces à gauche des items*/

      margin-left:9px;

      margin-bottom:8px;

      padding:0;

      /*border:1px solid #000;*/

    }

    

  #liste_navigation ul, #sous_menu ul{

      margin-top:7px;

  }

  

  #liste_news ul {

    margin-top:8px;

  }



  #liste_news p, #liste_navigation p, #sous_menu p {

    font-family:Verdana,Arial;

    font-size:11px;

    padding-bottom:6px;

  }



  #liste_navigation li a, #liste_news li a, #sous_menu a{

        color:#0C0DAE;

        /*color:#153B75;*/

        /*font-weight:bold;*/

        font-size:11px;

        font-family:Verdana;

    }



  #liste_navigation li a:hover, #liste_new li a:hover, #sous_menu li a:hover {

      color:#F00;

    }

/* FIN STYLE DES LISTES DE NAVIGATION*/



/***************************************************PAGES COURANTES*****************************************/



#cadre_nav_gauche {

  float:left;

  position:relative;

  border:0px solid #000000;     /*----> remettre à 0 */

  margin:6px 0 0em 1em; /*haut, droite ,bas, gauche*/

  display:inline;   /* corrige le bug IE 6 --> double la marge du premier élément flottant*/

  padding:0;

  width:252px;

  /*border:1px solid #000;  */

}



#texte {

  line-height:18px;

  font-family:Verdana,Arial;

  font-size: small;

  float:left;

  margin:6px 0 0em 15px; /*haut, droite ,bas, gauche*/

  padding:0 10px 0px 10px;  /*haut, droite ,bas, gauche*/

  width:620px;

  text-align:justify;

  border:1px solid #DDD9D9;

  /*padding:0 5px 0px 5px;*/

  /*height:250px;*/

}



#texte p {

    margin:0em 0 0em 0em; /*haut, droite ,bas, gauche*/

    padding:0em 0 1em 0em;

}



#texte h2{

  font-family:Verdana;

  font-size:16px;

   font-style:Normal;

   font-weight:600; /*graisse de la police*/

   letter-spacing:0.01in;;

   /*text-indent:9px;*/

   padding:11px 0 3px 0; /*haut, droite ,bas, gauche*/

   /*color:#153B75;*/

   color:#004B93;

   margin:0em 0 6px 0em;

}

#texte h3{

  font-family:Verdana;

  font-size:12px;

   font-style:Normal;

   font-weight:600; /*graisse de la police*/

   /*text-indent:9px;*/

   /*color:#153B75;*/

   color:#004B93;

}
#texte h4{
   font-family:Verdana;
 font-size: small;
   font-style:Normal;
   font-weight:600; /*graisse de la police*/
   text-align:left;
   color:#004B93;
   padding:0px 0 6px 0;
}

/*

h2 span {

 border-style:solid;

 border-width:0px 0px 1px 0px; /*le titre est souligné



} */



/*PIED DE PAGE*/

    #pied_page {

      clear:both;  /*interrompt le cours du texte pour en forcer la poursuite sous l'élément entouré */

      position:relative;

    	padding:1em 0 0em 0em;

    	font-family:Verdana;

    	color:#003B72;

    	text-align:center;

    	font-weight:Bold;

    	font-size:11px;

    	margin: 0em 0 1em 0em; /*haut, droite ,bas, gauche*/

    	/*border:1px solid #000;*/

    }



/*tableau a titre encadré et bordure générale*/



#t_encr {

border:1px solid #DDD9D9;

border-collapse:collapse;

}

#t_encr th {

border: thin solid #DDD9D9;

padding:5px;

}

#tableau_int {
/*border:1px solid #DDD9D9; */
border:1px solid #DDD9D9;
border-collapse:collapse;
}

#tableau_int td{
padding: 5px 10px 10px 10px;  /* haut,droite, bas, gauche */
}


/*listes avec puces carrées*/

#listes {

  list-style-type:square;

  line-height:20px;

  margin-left:16px;

  list-style-image: url("../img/puce.gif");

}



#liste {

  border:0px;

}

/*Texte bleu en gras*/

#text_bleu {

  font-weight: bold;

  color:#004B93;

}