/* --------- fichier de styles css : styles.css - fichier général --------- */

/* --------- Réinitialisation du body, parametres du body, dimentionnement et centrage du site --------- */
html, body {
             margin: 0;
             padding: 0;
}

body {       
             background-color: #18191A ;
             text-align: center ;
             margin:0 auto ;
             font-family:     "Avant Garde",
                              "Century Gothic",
                              sans-serif;
             font-size:13px;
             color:#969696 ;
             width: 700px;
}

#cadre_global {
              margin-top:0
              margin-bottom:0;
              margin-left: auto;   
              margin-right: auto;   
              text-align: left;
              position:absolute;
              width: 700px;
}

#cadre_global_avec_overflow {
              margin-top:0
              margin-bottom:0;
              margin-left: auto;   
              margin-right: auto;   
              text-align: left;
              position:absolute;
              width: 700px;
              height:590px;
              overflow:hidden;
}

/* --------- couleurs des liens du menu --------- */

#en-cours {
	text-decoration: none;
	font-weight: bold ;
	color: #F57E1B;
}

a:link {
	text-decoration: none;
	color: #E6AE64;
}
a:visited {
	text-decoration: none;
	color: #E6AE64;
}
a:hover {
	text-decoration: none;
	color: #F57E1B;
}
a:active {
	text-decoration: none;
	color: #F57E1B;
}


/* --------- definitions d'autres couleurs et tailles de police et de traits --------- */

.police_petit_format {
  font-size:12px ;
}

.texte_orange {
  color: #F57E1B ;
}

.texte_jaune {
  color: #E6AE64 ;
}

.texte_bleu {
  color: #336889 ;
}

.trait_bleu {
  color: #336889 ;
  background-color: #336889 ;
  height: 1px;
  border: 0;
}

.trait_orange {
  color: #F57E1B ;
  background-color: #F57E1B ;
  height: 1px;
  border: 0;
}

.trait_jaune {
  color: #E6AE64 ;
  background-color: #E6AE64 ;
  height: 1px;
  border: 0;
}

/* --------- bloc No 1 : logo et menu --------- */

.bloc_logo_menu {
  margin-top:0;
  margin-bottom:0;
  position: relative ;
  top: 0px ;
  left: 0px ;
  width:700px ;
  height:73px;
}

.bloc_entete_haut {
  height:25px;
}

.bloc_logo {
  float : left;
}

.logo {
  width:230px ;
  border:0 ;
  display:block;
  height:36px;
}

.bloc_menu {
  position: relative ;
  top: 13px ;
  width:700px ;
  text-align: right;
}

/* --------- bloc No 2 : bandeau photo --------- */

.bandeau_photo {
  margin-top:0;
  margin-bottom:0;
  height:170px;
  position: relative;
  top: 10px;
}

/* --------- bloc No 3 : texte principal --------- */

.zone_texte_principal {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  text-align:left;
  position: relative;
  top: 20px;
}

.zone_texte_principal_plus_haut {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  text-align:left;  
  position: relative;
  top: 20px;
}

/* --------- bloc No 4 : pied de page --------- */


.bloc_pied_de_page {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  position: relative;
  top: 60px;
  clear:both;
}

.bloc_pied_de_page_plus_haut {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  position: relative;
  top: 20px;
  clear:both;
}

.bloc_texte_pied_de_page {
  position: relative;
  top: -7px;
}

.texte_pied_de_page_1 {
  position: relative;
  top: -13px;
  float : left;
}

.texte_pied_de_page_2 {
  text-align: right;
}

#id_mailto {
  color:#F57E1B ;
}


#id_blog {
  color:#969696 ;
}


#id_nous_recrutons {
  color:#969696 ;
}

/* --------- Fin du fichier de styles css --------- */