/*
Feuille de style du site Alpies
*/

* { padding: 0; margin: 0; }

body {
  color: white;  
  background-color: #657F8C; /* entourage de la page : bande à gauche et à droite */
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#wrapper {
  color: black;
  background-color: #E2EAF1;
  width: 950px;
  margin-top: 10px;
  margin-right: auto; 
  margin-bottom: 10px;
  margin-left: auto;  
}

/* BANDEAU */
#bandeau {
  position: relative;
  background-repeat: repeat-y;
  background-position: top left; 
}

#bandeau img {
  background-color: white; 
  padding: 0px 0px 5px 0px; 
}
    
/* ZONE DE NAVIGATION */
#zone_de_navigation{ 
  text-align: left; 
  color: white;
  font-weight : bold;
  background-color: white; /*#f3c600;*/
  background-repeat: repeat-y;
  background-position: top left; 
  padding: 5px 10px 4px 5px;
  border-bottom: 1px solid #8c8c8c;*/
} 
  
#zone_de_navigation ul {
  margin-bottom: 12px;
}

#zone_de_navigation li {
  display: inline;  
  list-style-type: none; 
  margin: 0;
}

#zone_de_navigation a { 
  text-decoration: none; 
  color: white; 
  font-family: Verdana,'Lucida Handwriting', Trebuchet, Arial, Helvetica, sans-serif;
  padding: 10px 12px 10px 8px; 
}
	
.onglet_vert {
  background-color: #48C219; /*#7EC539;*/
}
.onglet_rouge {
  background-color: #D80D11; /*#FE7070;*/
}
.onglet_orange {
  background-color: #E89D26; /*#FEA740;*/
}
.onglet_bleu {
  background-color: #0058C3; /*#67C6DC;*/
}
		
#zone_de_navigation a:hover,
#page_accueil #nav01 a,
#page_presentation #nav02 a,
#page_partenaires #nav03 a,
#page_candidats #nav04 a,
#page_employeurs #nav05 a,
#page_referents #nav06 a,
#page_acces #nav07 a,
#page_contact #nav08 a {
  text-decoration: none; 
  background-color: #657F8C; /*#657F8C; */
}

#zone_de_navigation a:active{ 
  text-decoration: none; 
  background-color: #657F8C;
 		
}  
	

/* ZONE DE TEXTE */    
#zone_de_texte { 
  padding-top: 20px ;
  padding-right: 20px; 
  padding-bottom: 20px;
  padding-left: 20px; 
}
  
#accueil_gauche {
  float:left; 
  width: 450px;
  margin-left: 50px;
}
#accueil_gauche p {
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align : center;
  padding-left: 10px; 
}
	  
#accueil_droite {
  float:right; 
  width: 400px; 
  height: 400px;
  
}

#partenaires_employeurs {
  padding-top: 6px ;
  padding-right: 20px; 
  padding-bottom: 10px;
  padding-left: 0px; 
  /*border-bottom: 1px solid #8c8c8c;*/
}
#partenaires_financeurs {
  padding-top: 6px ;
  padding-right: 20px; 
  padding-bottom: 10px;
  padding-left: 0px; 
  /*border-bottom: 1px solid #8c8c8c;*/
}
#partenaires_referents {
  padding-top: 6px ;
  padding-right: 20px; 
  padding-bottom: 10px;
  padding-left: 0px; 
}

#contact {
  float:left;
  margin-top: 15px ;
  margin-bottom: 40px ;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
  text-align: center;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
}


#acces_gauche {
  float:left;
  margin-top: 15px ;
  margin-bottom: 10px ;
  margin-left: 20 px;
  margin-right: 5px;
  width: 290px;
  text-align: left;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.titre_transport {
  padding-left: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #2998B4;
}
.itineraire_transport {
  margin-top:0;
  padding-left: 35px;
  font-size: 11px;
  font-weight: normal;
  color: black;
  margin-bottom:15px;
}
#acces_droite {
  float:right;
  margin-top: 30px ;
  margin-bottom: 40px ;
  margin-left: 50 px;
  margin-right: 5 px;
  width: 530px;
  text-align: center;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#acces_droite p {
  padding-right:10px;
  font-size: 10px;
  font-weight: bold;
  color: #FE7070;
  text-align: right;
}

#employeurs_gauche {
  float:left; 
  margin-top:13px;
  margin-bottom:40px;
  width: 400px;
  font-size: 11px;
}  
#employeurs_droite {
  float:right; 
  margin-top:13px;
  margin-bottom:40px;
  margin-right:60px;
  width: 400px; 
  font-size: 11px;
}
#employeurs_droite_gauche {
  float:left; 
  margin:0px;
  width: 200px; 
  text-align:center;
}
#employeurs_droite_droite {
  float:right; 
  margin:0;
  width: 200px; 
  text-align:center;
}
#employeurs_gauche a {  
  margin-top: 6px;
  color:#7EC539;
}
#employeurs_droite a {  
  margin-top: 6px;
  color:#67C6DC;
}
#employeurs_droite strong {  
  color:#FE5454;
}

#rappel_telephonique {
  position:relative;
  margin-top: 15px ;
  margin-bottom: 20px ;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#rappel_telephonique strong {
  text-align: center;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: black;
}
.oblig {
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
}
#rappel_telephonique form {
  background-color: #B1E1ED;
  width: 600px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #8c8c8c;
}
#rappel_telephonique textarea {
  width: 400px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
  height: 7em;
}
#rappel_telephonique select:focus, input:focus, textarea:focus 
{
  background-color: #FFCB8C; 
}
#offre_emploi strong {
  text-align: center;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: black;
}

#offre_emploi {
  position:relative;
  margin-top: 15px ;
  margin-bottom: 20px ;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#offre_emploi form {
  background-color: #C1E39F;
  width: 650px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #8c8c8c;
}
#offre_emploi textarea {
  /*width: 300px;*/
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
.champs_form {
  font-style:inherit;
  font-size: 12px;
}
label { display: block; } 

#candidats_gauche {
  float:left; 
  margin-top:13px;
  margin-bottom:10px;
  margin-right:0px;
  margin-left:150px;
  width: 250px;
  font-size: 13px;
} 
#candidats_gauche ul {
  margin-left:30px;
} 
#candidats_droite {
  float:right; 
  margin-top:13px;
  margin-bottom:10px;
  margin-right:0px;
  margin-left:40px;
  width: 50%; 
  font-size: 13px;
}
#candidats_droite ul {
  margin-left:30px;
} 
#candidats_bas {
  position:float; 
  width:600px; 
  margin-top:50px;
  margin-bottom:10px;
  margin-right:auto;
  margin-left:auto;
  font-size: 13px;
}
#candidats_bas p {
  margin-left:30px;
}
#candidats_bas table {
  margin-left:29px;
}
.info {
  text-align: center;
  margin-top:10px;
  padding:10px;
  font-size: 14px;
  background: #FEABAB;
  border: 2px dashed #657F8C;
  Line-Height: 2;
}
#candidats2_gauche {
  float:left; 
  margin-top:13px;
  margin-bottom:10px;
  margin-right:0px;
  margin-left:40px;
  width: 450px;
  font-size: 13px;
} 
#candidats2_droite {
  float:right; 
  margin-top:30px;
  margin-bottom:10px;
  margin-right:0px;
  margin-left:30px;
  width: 350px; 
  font-size: 13px;
}
#candidats2_droite dd {
  padding-left : 20px;
}
#candidats2_droite dl {
  padding-left : 25px;
}
#candidats2_droite img {
  margin-left:50px;
}

#referents {
  position:relative; 
  margin-top:13px;
  margin-bottom:2px;
  margin-right:auto;
  margin-left:auto;
  width: 600px; 
  font-size: 13px;
}
.ref1 {
  text-align: center;
  margin-top:10px;
  padding:10px;
  font-size: 12px;
  background: #BBE096;
  border: 2px dashed #657F8C;
  Line-Height: 2;
}
.ref2 {
  text-align: center;
  margin-top:10px;
  padding:10px;
  font-size: 12px;
  background: #FFCA88;
  border: 2px dashed #657F8C;
  Line-Height: 2;
}
.ref3 {
  text-align: center;
  margin-top:10px;
  padding:10px;
  font-size: 12px;
  background: #A2DBEA;
  border: 2px dashed #657F8C;
  Line-Height: 2;
}

#presentation_haut {
  float:left; 
  margin-top:13px;
  margin-bottom:30px;
  margin-right:0px;
  margin-left:30px;
  width: 800px;
  font-size: 13px;
}
#presentation_haut a:link { color: #0058C3; } 
#presentation_haut a:visited { color: #0058C3; } 
#presentation_haut a:active { text-decoration: none; }
#presentation_gauche {
  float:left; 
  margin-top:13px;
  margin-bottom:10px;
  margin-right:0px;
  margin-left:30px;
  width: 350px;
  font-size: 13px;
}
#presentation_droite {
  float:left; 
  margin-top:28px;
  margin-bottom:10px;
  margin-right:30px;
  margin-left:80px;
  width: 420px;
  font-size: 13px;
}
#presentation_bas {
  float:left; 
  margin-top:43px;
  margin-bottom:30px;
  margin-right:0px;
  margin-left:50px;
  width: 800px;
  font-size: 13px;
}
#presentation2_gauche {
  float:left; 
  margin-top:13px;
  margin-bottom:10px;
  margin-right:0px;
  margin-left:0px;
  width: 550px;
  font-size: 13px;
}
#presentation2_droite {
  float:right; 
  margin-top:13px;
  margin-bottom:10px;
  margin-right:30px;
  margin-left:20px;
  width: 250px;
  font-size: 13px;
}




/* PIED DE PAGE */
#pied_de_page {
  padding-top, padding-bottom: 20px; 
  padding-right, padding-left: 20px; 
  border-top: 1px solid #8c8c8c; 
  margin-top: 30px;
  margin-bottom: 10px; 
}


h1 { font-size: 150%; }
h2 { 
  font-size: 130%;  
  margin-bottom: 1em; 
}
h3 { 
  font-size: 110%;  
  margin-bottom: 1em; 
}
strong {
  color: #33975B;
}
address {
  text-align: center; 
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em; 
}
a { text-decoration: none; }
a:link { color: #d90000; }
a:visited { color: #c66; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #fff; background-color: #d90000; }
.skiplink { display: none; }

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ; 
  margin-left: 0; }  
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
}