/*  ---------------------------------------------------------------- */
/*  Feuille de style specifique a l'affichage du site public         */
/*  La feuille de style d'impression y fait reference par defaut     */
/*  ---------------------------------------------------------------- */

/*
  styles commun FCK / site public
*/
body {
  margin : 0px;
  color : #052a64;
  background-color : #ffffff;
  font-family : 'Trebuchet MS', sans-serif;
  font-size : 100%;
}

/*
  background image pour le site public
*/
#public_body {
  text-align : center;
}

.clear{
  clear : both;
}

a{
  color : #052a64;
  text-decoration : underline;
}

a:hover{
  color : #052a64;
  text-decoration : none;
}

#conteneur{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  width : 980px;
  text-align : left;
}

#bandeau{
  position : relative;
  width : 980px;
  height : 478px;
  background-image : url('../images/bandeau.png');
  background-repeat : no-repeat;
}

#traduction{
  position : absolute;
  top : 5px;
  right : 5px;
}

#bandeau_menu{
  position : relative;
  width : 970px;
  height : 40px;
  line-height : 40px;
  text-transform : uppercase;
  top : 125px;
  left : 9px;
}

#bandeau_menu a{
  color : #27b0de;
  text-decoration : none;
}

#bandeau_menu a:hover{
  color : #052a64;
  text-decoration : none;
}

#bandeau_menu a:hover .menu{
  color : #052a64;
  text-decoration : none;
  height : 40px;
  width : 115px;
  font-size : 0.80em;
  margin-right : 6px;
  text-align : center;
  cursor : pointer;
  background-image : url('../images/menu_on.png');
}

.menu{
  float : left;
  height : 40px;
  width : 115px;
  font-size : 0.80em;
  margin-right : 6px;
  text-align : center;
  color : #27b0de;
  cursor : pointer;
  background-image : url('../images/menu.png');
}

.menu_on{
  float : left;
  height : 40px;
  width : 115px;
  font-size : 0.80em;
  margin-right : 6px;
  text-align : center;
  cursor : pointer;
  color : #052a64;
  background-image : url('../images/menu_on.png');
  background-repeat : no-repeat;
}

#milieu{
  position : relative;
  width : 980px;
  min-height : 420px;
  background-image : url('../images/fond_milieu.png');
  background-repeat : no-repeat;
}

*+html #milieu, * html #milieu{
}

#titre_contenu{
  position : relative;
  width : 465px;
  height : 50px;
  line-height : 50px;
  padding-left : 25px;
  font-weight : bold;
  font-size : 1.20em;
  color : #052a64;
  text-transform : uppercase;
  border-bottom : 2px solid #98b8d1;
}

*+html #titre_contenu, * html #titre_contenu{
  width : 490px;
}

#titre_contenu h1{
  margin : 0px;
  font-size : 1em;
  font-weight : bold;
}

#texte_contenu{
  position : relative;
  width : 930px;
  margin-top : 15px;
  margin-bottom : 15px;
  margin-left : 25px;
  font-size : 0.80em;
}

#texte_contenu p{
  margin : 0px;
}

.titre{
  font-weight:bold;
  font-size:1.30em
}

.titre h2{
  font-size : 1em;
  margin : 0px;
}

#pied{
  position : relative;
  width : 980px;
  height : 43px;
  background-image : url('../images/pied_page.png');
  background-repeat : no-repeat;
}

#lien_pied{
  position : absolute;
  left : 25px;
  top : 0px;
  width : 450px;
  height : 43px;
  line-height : 43px;
  text-transform : uppercase;
  font-size : 0.70em;
  text-align : left;
  color : #27b0de;
}

#lien_pied a{
  color : #27b0de;
  text-decoration : none;
}

#lien_pied a:hover{
  color : #27b0de;
  text-decoration : underline;
}

#copyright{
  position : absolute;
  right : 25px;
  top : 0px;
  width : 450px;
  height : 43px;
  line-height : 43px;
  text-transform : uppercase;
  font-size : 0.70em;
  text-align : right;
  color : #052a64;
}

#copyright a{
  color : #052a64;
  text-decoration : none;
}

#copyright a:hover{
  color : #052a64;
  text-decoration : underline;
}