/* CSS Document */
html, body {
height:100%;
margin:0;
padding:0;

}


body {
-x-system-font:none;
background-color:#FFFFFF;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;

}			
#page { 
position: relative;
width: 800px; /* ou width:70%; ou width:20em; */
margin-left: auto; 
margin-right: auto; text-align:center;       
}

html > body {
}
html > body #frame {

height:auto;
}
div#header
{
height:110px;
/*margin-top:5px;*/

width:800px;
top:3px;
background-image:url(../images/banniere2.jpg);
background-repeat:no-repeat;
}
div#frame {
height:auto;
margin:0 auto;
position:relative;
width:800px;
}
div#ident
{
position:right;
padding-left:650px;
margin-left:600px;
padding-top:-10px;
}
div#ident a , div#footer a ,div#footer span 
{
color:#CCCCCC;
}
div#container {

height:auto;
margin:0 auto;

width:800px;



/*border:#000033 thin double;*/
}
div#container1 {

height:auto;
margin:5 auto;


width:800px;



/*border:#000033 thin double;*/
}
div#contenu {
float:left;
margin-left:-100px;
height:auto;
margin-top:-20px;

position:relative;

width:800px;



/*border:#000033 thin double;*/
}
div#espace
{

margin-top:0px;
height:204px;
width:638px;
}

fieldset
{
margin-bottom:8px;

width:638px;
color:#003399;
background-color:#FFFFCC;
}

div#pub
{

height:204px;
width:638px;
}
.cercle
{
list-style-type:circle;
text-align:left;
}


div#candi
{
height:170px;
width:320px;
background-image:url(../images/espacecandidat2.JPG);
background-repeat:no-repeat;

}
div#recru
{
height:170px;
width:320px;
background-image:url(../images/espacerecrut2.JPG);
background-repeat:no-repeat;
}

 div#recru h4
{
padding-top:30px;
color:#FF9933;}
div#candi h4
{
padding-top:30px;
color:#003399;
}

.cadre a
{
color:#000000;
text-decoration:none;
}

.cherch /*barre de recherche*/
{
height:24px;
background-image:url(../images/barrerecherchepng.png);
background-repeat:no-repeat;
}

div#carte
{
margin-top:-20px;
background-color:#009999;
height:262px;
width:252px;
background-image:url(../images/carte_france.PNG);
border:#3366CC thin double;
}



#facturation
{
width:500px;
background-color:#FFFFCC;

}
a#rechav
{
color:#333333;
text-decoration:none;
}


div.acces
{
margin-top:-5px;

}

.petitformu
{
width:100px;
}




ul#zonegauche  
{
    width:160px;

	background:#FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-top:5px;
	margin-left:100px;
	margin-top:50px;
	padding-bottom:5px;
	height:100%;

	 
	
	
}
ul#zonegauche ,#zonegauche ,ul#zonegauche  a
{
list-style:none;
text-decoration:none;
color:#EC7703;
height:100%;
}

div#zonechange
{

width:600px;

margin-top:-470px;
margin-left:300px;


margin-top:20px;


}
.bienvenue
{
color:#3366CC;
margin:35px 0 0 35px;
text-align:right;


}

.titre,th
{
color:#FFFFFF;
background-color:#0C8BB6;
}
.contenutab
{
background-color:#dfe9f5;
border: #d9dde2 thin double;
}

.titrereca
{
color:#FFFFFF;
background-color:#FF7500;
}
.contenutabreca
{
background-color:#FCD7B8;
border: #FF7500 thin double;
}

div.tabtititre
{
width:600px;

margin-top:-450px;
margin-left:300px;

}
ul#zonegauchecandi
{
    width:160px;

	background:#FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-top:5px;
	margin-left:100px;
	margin-top:50px;
	padding-bottom:5px;
	height:100%;
}


ul#zonegauchecandi ,ul#zonegauchecandi  a
{
list-style:none;
text-decoration:none;
color:#EC7703;
height:100%;
}

div#zonechangecandi
{
width:600px;

margin-top:-470px;
margin-left:300px;
border: #d9dde2 thin double;

margin-top:20px;


}
#zonechangecandisection
{
min-height:500px;


}


div.tabtititrecandi
{
width:600px;

margin-top:-413px;
margin-left:300px;

}



#conexcandi
 {
 height:194px;
 background-image:url(../images/compte_candid.JPG);
 background-repeat:no-repeat;
 margin-left:450px;
 margin-top:-350px;
 }
  #conexcandi p
  {
  margin-left:-130px;
  padding-top:10px;
  }
  #conexcandi label
  {
  margin-left:130px;
  text-align:justify;
  }
  #valider
  {
  margin-left:12px;
 
  }
  #mdpoubli 
  {
  margin-left:60px;
  color:#3366CC;
  }
  div#crercompte
  {
  position:absolu;
  margin-top:100px;
  width:400px;
  margin-left:130px;
  height:350px;
  border-bottom:2px solid #336699;
 
 }
  div#crercompte h2
  {
  text-align:center;
  color:#EC7703;
  padding-top:10px;
 border-bottom:2px solid #EC7703;

  }
  div#redigercv
  {
  background-image:url(../images/vide.JPG);
  border:2px solid #0C8BB6;
  margin-top:0px;
 margin-bottom:10px;
 padding-right:5px;
  width:600px;
  height:850px;
  
 }
  div#redigercv h4
  {
 text-align:center;
  color:#EC7703;
  padding-top:10px;
border-bottom:2px solid #EC7703;
  }
  
  .contenutaba
{
background-color:#dfe9f5;

border: #d9dde2 thin double;
width:550px;
}
  div#page
  {

  border-bottom:2px solid #336699;
  width:100%;
  height:100%;
 }
 
  a#compte_candi
  {
  margin-left:340px;
  }
  ul{
  color: #336699;
  text-align:justify;
  }

span.info{color:#666666;}
 .rouge{color:#CC0066;}
 .invisible{color:#;}
 form#insricandi
 {
 background-color:#dfe9f5;
margin-top:20px;
margin-left:100px;
border: #d9dde2 thin double;
width:525px;
 }

#new_candi
{
margin-top:40px;
margin-left:100px;
padding-right:200px;
}
.h3
{border-bottom:2px solid #336699;
text-align:justify;
color:#CC3333;
}

#conexrecru
 {
 height:194px;
 background-image:url(../images/crercomte_recruteur.PNG);
 background-repeat:no-repeat;
 margin-left:450px;
 margin-top:-350px;
 }
#conexrecru p
  {
  margin-left:-130px;
  padding-top:10px;
  }

#conexrecru label
  {
  margin-left:130px;
  text-align:justify;
  }
  
div#pubheader
{
padding-left:150px;
}
#pubdroite
{

float:right;

margin-top:-56px;


}



.go{width:24px;

height:24px;

border:none;
background:transparent url(../images/boutonvalider.JPG) no-repeat center center;
}

div#emploi_gauche
{
    width:280px;
	height:600px;
    position:relative;
    margin-left:100px;
	text-align:left;
	margin-top:50px;
	margin-bottom:10;
    padding-bottom:10;
}
div#menu_offre
{
   width:500px;
	height:50px;
    border:1px solid #6699CC; /*pour faire un cadre */
	border:1px solid #6699CC;
	background:#dfe9f5;
	margin-left:300px;
	margin-top:-602px;
	margin-bottom:10;
    padding-bottom:10;
}

div#offre_emploi
{
position:relative;
height:600px;
width:500px;
margin-top:20px ;

background-color:#dfe9f5;

}
div#offre_emploi dl
{position:relative;

border-bottom:#d9dde2 thin double;
}
.logo_anno{
float:right;
}
.boton_anno{
text-align:right;
padding-top:-12px;
}
ul.onglets {
ist-style: none;
}

ul.onglets li ,ul.onglets li a
 {
 display:inline;
 text-decoration:none;
}
ul.onglets  a
{
height:40px;
background-image:url(../images/fond.PNG);
}

div#detail
{
margin-top:40px;

}



ul.tabs 
{
    margin:0px; padding:0px;
}

ul.tabs li 
{
    list-style:none;
    display:inline;
}      
ul.tabs li a 
{
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}

ul.tabs li a:hover 
{
    background-color:#2f343a;
	
    border-color:#2f343a;
}

ul.tabs li a.active 
{
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}            

.content 
{

    background:#dfe9f5;
	 
   border:1px solid #6699CC; /*pour faire un cadre */
	min-height:600px; 
}

       

ul.tabs 
{
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}   



div#footer
{
bottom:0;
float:left;
margin-bottom:0;
padding-bottom:0;
background-color:#EC7703;
height:20px;
margin-top:15px;padding-top:5px;
position:relative;
width:800px;


}
#footer a
{
text-decoration:none;
font-size:12px;
}

#orange {
	color: #EC7703;
	text-align: center;
}

.link_black {
color:#EC7703;
font-family:Verdana;
font-size:10px;
text-decoration:none;
font-weight:700;
}
.text_gray {
color: #ffffff;
font-family:Verdana;
font-size:11px;
text-decoration:none;
}
.identification {
font-size:7pt;
color:#000;
font-family:Verdana;
width:100px;
height:16px;   
}

#apDiv2 {
	position:absolute;

	height:85px;
	
	margin: 15px 0 0 270px;
	
}

input.submit
 {
background-color:#0C8BB6;
color: #ffffff;
font-family:Verdana,Arial,Helvetica,sans-serif;

}
.text_blue2 {
color:#0078B3;
font-family:Verdana;
font-size:12px;
font-weight:700;
text-decoration:none;
}
.text_blue7 {
color:#0078B3;
font-family:Verdana;
font-size:14px;
font-weight:700;
text-decoration:none;
}
.text_blue8 {
color:#0078B3;
font-family:Verdana;
font-size:18px;
font-weight:700;
text-decoration:none;
}
.text_blue4 {
color:#004D71;
font-family:Verdana;
font-size:11px;
text-decoration:none;
}
.text_blue5 {
color:#004D71;
font-family:Verdana;
font-size:9px;
text-decoration:none;
}
.text_blue6 {
color:#005F8C;
font-family:Verdana;
font-size:10px;
font-weight:700;
text-decoration:none;
}

li.currenta {height:27px;text-decoration:none;color:#FFFFFF;background:no-repeat url(../images/touche.jpg);}

 li.currenta:hover{height:27px;text-decoration:none;color:#FF0000;background:no-repeat url(../images/touchea.jpg);}
 
.currentb {height:27px;text-decoration:none;color:#FFFFFF;background:no-repeat url(../images/touche.jpg);}

 li.currentb:hover{height:27px;text-decoration:none;color:#FF0000;background:no-repeat url(../images/toucheb.jpg);}
 
 .selectbox
{ 
font-family:Verdana;font-size:12px;
behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}


.select

{ 

#behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); 
}