/* general dans stylebase */


body, html {
  margin:0px;
  padding:0px;
  width:100%;
  overflow-y: auto;
}
p {
        text-align:justify;
}

.spacer{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}

/* mise en page - bloc */
#div_site {
  width: 993px;
  margin:0 auto;
  height:100%;
}

#div_haut {

  height:139px;
  width:993px;
  background: url('images/banniere_haut.jpg') no-repeat #CDE000;
  
}

#div_milieu {
  background: url('images/fond_droite.jpg') repeat-y;
  
}


#div_gauche {
  width: 176px;
  /*height:420px;*/
  height:100%;
  min-height:420px;
  float:left;
  margin:0px;
  background: url('images/fond_menu.jpg') no-repeat #DFDFDF;
  /*border:1px solid #ff0000;*/
}

#div_menu {

}

#div_contenu {
  width: 559px;
  /*height:420px;*/
  min-height:590px;
  float:left;
  margin:0px;  
  background: url('images/fond_contenu.jpg') no-repeat #ffffff;
  padding:2px;

}

#div_contenu_html {
  padding: 10px;
}

#div_droite {
  width: 250px;
  background-color: #ffffff;
  float:left;
  margin:0px;
  /*border:1px solid #ff9900;*/  
}

#div_bas {
  border-top:8px solid #4D84C4;
  height:20px;
  background-color: #CDE000;
  font-family: Arial;
  font-size: 9px;
  color: #ffffff;  
  font-weight: bold;
  padding:2px;
}
#div_bas a {
  color: #ffffff;
  text-decoration:none;
  font-size: 10px;
}

/*
haut
*/
#div_retour_accueil {
  float:left;
  position: relative;
  left:15px;
  top:15px;
  width:240px;
  height:65px;
}

#div_lien_rapide {
  float:left;
  position: relative;
  left:420px;
  top:15px;
  width:140px;
}

.div_element_lien_rapide {
  margin:2px;
  font-size:11px;
  font-family: Arial; 
  color: #000000;
  font-weight: bold; 
}

.div_element_lien_rapide a {
  text-decoration: none;
  color: #333333;
}
.div_element_lien_rapide a:hover {
  text-decoration: underline;
  color: #555555;
}

#div_haut_barre_verticale {
  float:left;
  position: relative;
  left:440px;
  top:15px;
  width:2px;
}

#div_espace_adherent {
  float:left;
  position: relative;
  left:470px;
  top:15px;
  width:140px;
}

/****** EMPLOI ********/

#cadre_emploi {
       float:left;
       width:375px;
       /*border:1px solid #F00;*/
}
#cadre_demande {
       float:right;
       width:375px;
       /*border:1px solid #0F0;*/
}

/*
forms
*/
.saisie, input, textarea, select {
  border:1px solid #999999;
  color: #000000;
  background: #ffffff;
  font-size:11px;
  font-family: Arial;
  background-repeat:repeat-x;
  
}
.presaisie {
  border:1px solid #999999;
  color: #999999;
  background: #ffffff;
  font-size:11px;
  font-family: Arial;
  background-repeat:repeat-x;
}
input.submit {
  border:1px solid #333333;
  font-family: Arial;
  font-size:11px;
  background:#4D84C4;
  color: #ffffff;
  padding:0px;
  font-weight:bold;
  cursor:pointer;
}

input.submitHaut {
  border:1px solid #DFDFDF;
  font-family: Arial;
  font-size:11px;
  color: #000000;
  background:#CDE000;
  padding:0px;
  font-weight:bold;
  cursor:pointer;
}

.inputbutton {
  border: 0px;
}


/*
menu gauche
*/

.rubrik1 {
  color: #4D84C4;
  font-family: Arial;
  font-size:14px;  
  font-weight:bold;
  background: url('images/menu_asterisque.gif') no-repeat;
  padding-left:12px;
  width: 172px;
  margin:4px;
  margin-right:0px;
  border-top:1px solid #ffffff;
  padding-top: 4px;
}
.rubrik1 a {
  color: #4D84C4;
  text-decoration:none;
}

.rubrik1_actif {
  color: #4D84C4;
  font-family: Arial;
  font-size:14px;  
  font-weight:bold;
  background: url('images/menu_asterisque.gif') no-repeat;
  padding-left:12px;
  width: 172px;
  margin:4px;
  margin-right:0px;
  border-top:1px solid #ffffff;
  padding-top: 4px;
  /*border:1px solid #ff9900;*/
}
.rubrik1_actif a {
  color: #4D84C4;
  text-decoration:none;
}

.rubrik2 {
  padding-left:18px;
  color: #333333;
  font-family: Arial;
  font-size:12px; 
  background: url('images/sous_menu_asterisque.gif') no-repeat;   
  background-position: 10px 4px;
}
.rubrik2 a {
  color: #555555;
  text-decoration:none;
}
.rubrik2 a:hover {
  color: #CEE000;
  text-decoration:none;
}

.rubrik2_actif {
  padding-left:18px;
  color: #4D84C4;
  font-family: Arial;
  font-size:12px;   
  background: url('images/sous_menu_asterisque.gif') no-repeat;   
  background-position: 10px 4px;   
}
.rubrik2_actif a {
  color: #4D84C4;
  text-decoration:none;
}
.rubrik3 {
  padding-left:20px;
  color: #4D84C4;
  font-family: Arial;
  font-size:11px;    
}
.rubrik3 a {
  color: #4D84C4;
  text-decoration:none;
}
.rubrik3_actif {
  padding-left:20px;
  color: #CDE000;
  font-family: Arial;
  font-size:11px;    
}
.rubrik3_actif a {
  color: #CDE000;
  text-decoration:none;
}


/*
blocs gauche
*/
.div_bloc_gauche_titre {
  width:140px;
  background-color:#C4D6EC;
  height:24px;
  display:block;
  padding:0px;
  margin:0px;

  
}
.bloc_gauche_titre {
  
  padding:0px;
  margin:0px;
  width:112px;
  height:21px;
  font-weight:bold;
  text-align:left;
  padding-left:30px;
  padding-top:3px;
  color:#4D84C4;
  
  background-color:#C4D6EC;  
  background-image: url('images/puce_bloc_gauche.jpg');
  background-repeat: no-repeat;
  background-position: 3px 1px;
  
}

/*
milieu
*/

#div_conteneur_titre_page {
  margin:0 auto;
  /*width:550px;*/
  margin-top:4px;
  /*border:1px solid #ff9878;*/
  width:100%;
}

#div_titre_page {
  float:left;
  text-align:left;
  z-index:20; 
  margin-left:5px;
   
}

#div_droite_titre {
  float:left;
}


#div_edito {
  margin:0 auto;
  width:550px;
  min-height:130px;
  padding:0px;
  background: url('images/cadre_edito_fond.jpg') repeat-y;
  margin-top:4px;
}
#div_edito_contenu {
  margin:4px;
  padding:10px;
  padding-top:0px;
  padding-bottom:0px;
}

#div_index_zoom {
  margin:0 auto;
  width:550px;
  min-height:180px;
  padding:0px;
  margin-top:4px;
}

#div_index_zoom_gauche {
  width:265px;
  float:left;
  margin:4px;
}
#div_index_zoom_droite {
  width:260px;
  float:right;
  margin:4px;
}

#div_index_zoom_barre_verticale {
  width:2px;
  float:left;
}

/*
cadre droite
*/
.div_bloc_droite {
  width: 240px;
  border: 1px solid #DFDFDF;
  padding: 2px;
  margin:4px;
}
.div_bloc_droite_titre {
  width: 240px;
  padding-top:5px;
  min-height: 25px;
  display:block;


  
}
.bloc_droite_titre {
  
  padding:0px;
  margin:0px;
  min-height: 20px;
  font-family: Arial;
  font-size: 15px;
  font-weight:bold;
  color: #ffffff;  
  padding-left:30px; 
  /*margin-left:6px;*/
  padding-top:1px;
  float:left;
  width: 210px;
  display:block;
  
  background-color: #4D84C4;
  background-image: url('images/puce_bloc_droite_titre.jpg');
  background-repeat: no-repeat;
  /*background-attachment:fixed;*/
  background-position: 3px 0px;
  
}

.bloc_droite_date {
  color: #a1a1a1;
}


.div_bloc_droite_rss {
  float:right;
  text-align:right;
}

.div_bloc_droite_en_savoir_plus {
  text-align:right;
}

.div_bloc_droite_contenu {
  display:block;
  margin:8px;
  margin-top:10px;
}

.bloc_droite_titre_ligne {
  font-family: Arial;
  font-size: 12px;
  color: #333333;
  font-weight:bold;
  width:210px;
}

.bloc_droite_titre_ligne a {
  color: #333333;
  text-decoration: none;
}
.bloc_droite_titre_ligne a:hover {
  text-decoration: none;
  color: #CDE000;
}

.bloc_droite_puce_carre_bleu {
  background-color: #4D84C4;
  width: 7px;
  height: 7px;
  float:left;
  margin-right:6px;
  margin-top:4px;
}
.bloc_droite_texte {
  float:left;
  width:210px;
}

/*
liste adherents, listes
*/
.div_liste_adherent_titre {
  font-family: Arial;
  font-size: 13px;
  color: #ffffff;
  font-weight:bold;
  width:360px;
  padding:2px;
  margin-bottom:4px;
}
.div_liste_adherent_nom {
  font-family: Arial;
  font-size: 12px;
  color: #333333;
  font-weight:bold;
}

.div_infos_supp {
  color: #555555;
}

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

#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 #CDE000;
  overflow-y: scroll;
  
}

#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;
}
a.lien_extranet {
        color:#000000;
        text-decoration:none;
}
a:hover.lien_extranet {
        color:#000000;
        text-decoration:underline;
}