/* CSS Document */
html {
	
}

body {
	margin: 0px;
	background-color:#C5BCB3;
  width:100%;
  height:100%;	
}

.spacer
{
	clear: both;
	display: block;
}

#super_conteneur {
  width:100%;
  height:100%;
  margin: 0px;
  padding: 0px;
  background-color:#C5BCB3;
  
  background-image:url('images/fond_site_conteneur.png');
  background-repeat:repeat-y;
  background-position:top center;
  
  display:block;
}

#conteneur {
  width:916px;
  margin:auto;
  padding:0px;
  height:100%;
  background-color:#ffffff;
  display:block;
  
  
  
}


/*
header
*/

  #header {
    height:166px;
    width:916px;
    margin:auto;
    
      background-image:url('images/bandeau_haut.jpg');
      background-position: top right;
      background-repeat: no-repeat;
    
  }
  
  #div_header_titre_site {
    
    font-family:Tahoma, Arial;
    font-size:24px;
    color:#AE2016;
    font-weight:normal;   
    
    position:relative;
    top:80px;
    left:175px;

    width:350px;
    height:30px;
    
  }
  
  #div_outils {
    position:relative;
    top:0px;
    left:100%;
    margin-left:-650px;
    background-color:#ffffff;
    width:650px;
    height:26px;
  }
  
  .div_outil_item {
      
      float:left;
      
      height:21px;
      padding-top:5px;
      padding-left:28px;
      
      font-family:Arial;
      font-size:11px;
      color:#AE2016;
      font-weight:bold;   

      background-position: 0px 0px;
      background-repeat: no-repeat;
      
      margin-right:10px;  
  }
  
  #div_gerer_ma_fiche {
      background-image:url('../upload/puces/puce_gerer_ma_fiche.jpg');
  }
  
  #div_deconnexion {
      background-image:url('../upload/puces/puce_deconnexion.jpg');
  }
  
  #div_flux_rss {
      background-image:url('images/ico_rss.png');
      background-position: 5px 5px;
  }  
  
  
  
  .a_header {
    color:#AE2016;
    text-decoration: none;
  }
  .a_header:hover {
    color:#AE2016;
    text-decoration: underline;
  }  

/*
menu horizontal
*/

  #menu_horizontal {
    height:40px;
    width:100%;
    background-color:#E6EAED;
  }
  
  #liens_menu_horizontal {
    margin-left:16px;
    margin-top:14px;
    height:20px;
    
    float:left;
  }
  
  .div_lien_menu_horizontal {
    float:left;
    margin-right:10px;
    
    text-transform:uppercase;
    font-size:11px;
    color:#333333;
    font-weight:bold;
    
    background-image:url('../upload/puces/carre_rouge_petit.jpg');
    background-position: 0px 4px;
    background-repeat: no-repeat;
    
    padding-left: 12px;  
    
  }
  
  .div_lien_menu_horizontal a {
    text-decoration: none;
    color:#333333;
  }
  .div_lien_menu_horizontal a:hover {
    text-decoration: none;
    color:#AE2016;
  }  
  
  
  #div_recherche_haut {

    margin-right:16px;
    margin-top:14px;
    height:20px;

    float:right;
    
  }
  
  
  .menu_haut_select {
    font-family:Arial;
    font-size:11px;
  }
  
  .menu_haut_submit {
    margin:0px;
    margin-bottom:2px;
    font-family:Arial;
    font-size:10px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    background-color:#AE2016;
    border:0px;
    padding:1px;
    
    cursor:pointer;
    
  }
  
  .menu_haut_submit:hover {
    background-color:#ffffff;
    color:#AE2016;
  }




#contenu {
  width:888px;
  margin:auto;
  height:100%;
  display:block;
  background-color:#ffffff;
  
}

#div_contenu_site {
  height:100%;
  display:block;
  margin-left:16px;
  
  min-height:550px;
}

.div_titre_page {
  margin-top:15px;
  margin-bottom:15px;
  padding:0px;
  
  background-image:url('../upload/puces/rectangle_v_rouge_grand.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  
  padding-left: 16px;
}
.div_titre_page h1 {
  color:#626262;
  text-transform:uppercase;
  font-weight:bold;
  font-size:15px; 
  margin:0px;
  padding:0px;
}

/*
index
*/
#index_gauche {
  margin-left:0px;
  width:460px;
  margin-right:10px;
  float:left;
}
#index_droite {
  width:380px;
  float:left;
}


.index_bloc_droite {
  width:376px;
  height:106px;
  border:1px solid #c8dbe4;
  margin-top:16px;
  margin-bottom:10px;
}
.index_bloc_droite_titre {
  text-transform:uppercase;
  font-weight:bold;
  color:#ffffff;
  font-style:italic;
  font-size:12px;
  margin-left:22px;
  margin-top:9px;
}
  #index_bloc_droite_annuaire {
    background-image:url('images/fond_annuairedesanciens.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat;  
  }
  #index_bloc_droite_castors {
    background-image:url('images/fond_echosdescastors.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat;  
  }
  #index_bloc_droite_photos {
    background-image:url('images/fond_albumsphotos.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }  
  #index_bloc_droite_photos .index_bloc_droite_titre { 
    color:#5B5A5F;
  }
  
  #index_bloc_droite_partenaires {
    text-align:center;
  }
  
  .index_partenaire {
    margin-right:2px;
    margin-bottom:5px;
  }
  
#index_actualites {
  
}  
#index_offres {
  padding:10px;
  padding-right:0px;
  background-color:#F3F4F6;
} 

.index_titre_offre {
  color:#5E5F61;
  font-weight:bold;
} 

.index_lien_voir_tout {
  text-align:right;
  margin-right:10px;
}

  
/*
pour les listes (actus, galeries,..)
*/
.listing_element {
  width: 100%;
  text-align:justify;
}

/*
galerie
*/
.div_galerie_categorie {
  float:left;
  background-color:#F3F4F6;
  border:1px solid #E6E6E6;
  width:410px;
  margin-right:10px;
  margin-bottom:10px;
  padding:5px;
 
}
.div_galerie_categorie_titre {  
  color:#AE2016;
  font-weight:bold;
  text-align:center; 
}
.div_galerie_infos {  
  font-style:italic;
  text-align:center; 
}
.div_galerie_bloc {
  float:left;
  background-color:#F3F4F6;
  border:1px solid #E6E6E6;
  width:260px;
  margin-right:10px;
  margin-bottom:10px;
  padding:5px;
  height:220px;
}

.div_galerie_photo {
  margin:auto;
  width:250px;
  text-align:center;
  height:180px;
  margin-bottom:5px;
}

.div_galerie_titre {
  color:#AE2016;
  font-weight:bold;
  text-align:center;
  height:20px;
}

/*bas*/

#footer {
  width:100%;
  margin:auto;  
  background-color:#A69F97;
  height:20px;
  
  
}

#footer_texte {
  padding:2px;
  font-size:10px;
  text-align:right;
}

#footer_texte a {
  color:#ffffff;
}



/*
offre
*/
.div_offre_titre {

  padding:2px;
  padding-left:12px;
  margin-bottom:4px;
  background-color:#E6EAED;
}
.div_offre {

  padding:5px;
  margin-bottom:10px;
  margin-left:12px;
  
  border:1px solid #E6E6E6;
  background-color:#F3F4F6;
}
.div_offre_donnee_titre {
  text-transform:uppercase;
  font-weight:bold;
  color:#AE2016;
  float:left;
  margin-right:2px;
}
.div_offre_donnee_value {
  float:left;
}

.div_offre_type {
  float:right;
  text-transform:uppercase;
  font-weight:bold;
  font-size:10px;
  color:#AE2016;
  margin-top:-24px;
  margin-right:5px;
}

/*
annuaire
*/
.div_annuaire_vignette {
  width:202px;
  height:91px;
  float:left;
  margin:0px;
  margin-right:16px;
  margin-bottom:10px;
  background-color:#F2F3F5;
  
  background-image:url('images/fond_vignette.gif');
  background-position: 0px 0px;
  background-repeat: no-repeat;
 
}

.div_annuaire_infos {
  margin:5px;
}

.div_annuaire_nom {
  text-transform:uppercase;
  font-weight:bold;
  color:#59595B;
  font-size:12px;
}
.div_annuaire_prenom {
  text-transform:capitalize;
  font-weight:bold;
  color:#59595B;
  font-size:12px;
}
.div_annuaire_promo {
  color:#B1201B;
  font-weight:bold;
}
.div_annuaire_lien {
  color:#B1201B;
  font-weight:bold;
}

/*
fiche annuaire
*/

#fiche_annuaire {
  display:block;
  height:100%;
}

#fiche_annuaire_infos_principales {
  background-image:url('images/fond_fiche_infos.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat; 
  
  width:857px;
  height:188px; 
  
  padding:20px;
}

#fiche_annuaire_photo {
  float:left;
  width:140px;
  text-align:center;
}
  #fiche_annuaire_photo img {
    border:1px solid #C2CFD7;
  }
#fiche_annuaire_infos_colonne_2 {
  float:left;
  width:330px;
  margin-right:10px;
  /*border:1px solid #C2CFD7;*/
}
#fiche_annuaire_infos_colonne_3 {
  float:left;
  width:330px;
  margin-right:10px;
  /*border:1px solid #C2CFD7;*/
}
.fiche_annuaire_div_icon {
  float:left;
  width:50px;
  text-align:center;
  margin-right:5px;
}
.fiche_annuaire_texte_gris {
  font-size:12px;
  color:#5A5A5A;
  margin-bottom:5px;
}
.fiche_annuaire_texte_rouge {
  font-size:12px;
  color:#B11C15;
  margin-bottom:5px;
}

.fiche_annuaire_texte_important {
  font-weight:bold;
}
.fiche_annuaire_texte_tres_important {
  font-weight:bold;
  text-transform:uppercase;
}
.fiche_annuaire_nom {
  font-size:15px;
}
.fiche_annuaire_bout_contact {
  background-image:url('images/bout_contact.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat; 
  
  width:140px;
  height:39px;  
  
  text-align:center;
  padding-top:11px;
  font-size:12px;
  color:#ffffff;  
   
}
.fiche_annuaire_bout_contact a {
  color:#ffffff;  
  text-decoration:none;
}
.fiche_annuaire_bout_contact a:hover {
  color:#ffffff;  
  text-decoration:underline;
}

#fiche_annuaire_experiences {
  width:857px;
}

.fiche_annuaire_activite_infos {
  width:700px;
  border:1px solid #E4E4E4;
  padding:10px;
  float:left;
}
.fiche_annuaire_activite_colonne {
   width:330px;
   float:left;
   margin-left:5px; 
   margin-right:5px;
}
/*
forms
*/
input, textarea, select {
  border:1px solid #333333;
  color: #333333;
  background: #E6EAED;
  font-size:11px;
  font-family: Arial;
}
.saisie {
  border:1px solid #333333;
  color: #333333;
  background: #E6EAED;
  font-size:11px;
  font-family: Arial;
}
input.inputSubmit {
  border:1px solid #AE2016;
  font-family: Arial;
  font-size:11px;
  background:#AE2016;
  color: #ffffff;
  font-weight:bold;
  cursor:pointer;

}

  .inputSubmit:hover {
    background-color:#ffffff;
    color:#AE2016;
    border:1px solid #AE2016;
  }

.formChamp
{
	margin-bottom: 5px;
}
.formIntituleChamp
{
	float: left;
	width: 150px;
	margin-right: 15px;
}
.formInputChamp
{
	float: left;
}
.formInputSubmit
{
	text-align: center;
}


.input_alerte {
  border:2px solid #aa0000;
  background-color:#FFEdEd;
}

/* div d'alerte */
#div_alerte_fond {
  position:absolute;
  top:0px;
  margin: 0px;
  background-color : #000000;
  width: 100%;
  height: 100%;
  
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
  
}

#div_alerte {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-200px;
  margin-left:-400px;
  height: 400px;
  width: 800px;
  background-color : #ffffff;
  border: 5px solid #AB1E17;
  /*overflow-y: auto;*/
  
}

#div_alerte_message {
  position:relative;
  text-align:justify;
  display:block;
  width:100%;
  height:100%;
}
#div_alerte_fermer {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-200px;
  margin-left:410px;
  width:20px;
  height:20px;
  text-align:center;
}


.visuel_cover {
  background-repeat:no-repeat;
  height:140px;
  width:100px;
  margin:auto;
  margin-bottom:5px;
  background-size:auto 100%;
  background-position:top right;
}