/* CSS Document */

.bouton_retour a{
background-image:url('/images/mon_compte/fleche_retour.gif');
background-repeat:no-repeat;
background-position:15px 0px;
float:right;
padding-left:50px;
color:#000000;
margin-right:50px;
}




/* pop up */

#contenu_popup{
display:none;
z-index:300;
position:absolute;
right:150px;
top:180px; 
background-color:#ffffff;
width:590px;
padding:10px 20px 20px 0px;
}


#contenu_popup #titre{
width:530px;
height:50px;
border-bottom:1px solid #e0e1e2;
background-color:#ffffff;
}

#contenu_popup #titre #titre_noir{
float:left;
background-color:#ffffff;
color:#000000;
}

#contenu_popup #titre #titre_event{
font-family:verdana;
float:left;
background-color:#ffffff;
color:#434343;
font-size:9px;
text-transform:none;

}


#contenu_popup #titre2{
width:530px;
height:50px;

}



#contenu_popup #content{
width:400px;
margin:20px;
}


#contenu_popup #description{

width:500px;
margin:30px;
color: #434343;
}



.bouton_fermer{
float:right;
}

.rubrique{
font:bold 11px Arial, Helvetica, sans-serif;
color:#000000;
}

.texte{
font:11px Arial, Helvetica, sans-serif;
color:#626262;
}

/* END pop up */



/*-------------------------PARTIE LEFT---------------------*/

#left{
float:left;
width:420px;
}

#titre{
float:left;
background-color:#000000;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding:1px 8px 1px 8px;
margin:20px 0px 10px 30px;
-margin-left:15px;
}

#titre2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;
width:218px;
margin-left:49px;
margin-top: 55px;
}


#selection{
clear:both;
margin:0 0 0 30px;
width:330px;
}

div#selection p{
font-size:11px;
font-weight:normal;
color:#626262;
padding:6px 0px 25px 10px;
}

select{
width:200px;
font-size:11px;
background-color:#e0e0e0;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
height:19px;
margin-bottom:5px;
}

#postes{
width:370px;
}

.separateur_postes{
clear:both;
background-color:#e7e7e7;
width:300px;
height:1px;
overflow:hidden;
margin:30px 0px 15px 60px;
}

#left p{
font:bold 11px Arial, Helvetica, sans-serif;
color:#313131;
}

a.info{
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#b8b8b8;
display:block;
width:53px;
height:14px;
padding:0 0 0 5px;
margin:5px 0 0 0;
text-decoration:none;
}

a.info span{
font:normal 11px Arial, Helvetica, sans-serif;
color:#434343;
}

.poste{
float:left;
width:120px;
padding:15px 0px 0 60px;
}

a.reinitialiser, a:hover.reinitialiser{
background-color:#000000;
color:#ffffff;
display:block;
float:left;
font-size:11px;
font-weight:bold;
padding:2px 4px 2px 4px;
text-transform:uppercase;
text-decoration:none;
}

/*-------------------------PARTIE RIGHT---------------------*/

#right{
background-image:url(/images/recrutement/cadre.gif);
background-repeat:no-repeat;
background-position:0px 12px;
float:left;
width:300px;
height:439px;
padding-left:5px;
padding-right:10px;
}

#evenements{
height:245px;
}

span.gris{
font:normal 10px Arial, Helvetica, sans-serif;
color:#626262;
}

.evenement1{
float:left;
padding-right:20px;
margin:10px 0 0 0;
}

.evenement2{
float:left;
padding-right:20px;
margin:30px 0 0 0;
}

.evenement3{
float:left;
margin:10px 0 0 0;
}

#right p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#313131;
padding-top:3px;
}

#insolites{
clear:both;
width:335px;
margin:0 0 0 20px;
border-top:1px solid #e7e7e7;
padding:10px 0 0 0;
}

.insolite1{
float:left;
padding-right:20px;
margin:10px 0 0 0;
}

.insolite2{
float:left;
padding-right:20px;
margin:30px 0 0 0;
}

.insolite3{
float:left;
margin:5px 0 0 0;
}

#block_form{
clear:both;
margin:0 0 0 50px;
}

div#block_form p{
font-size:11px;
font-weight:normal;
color:#626262;
padding:6px 0px 5px 0px;
width:220px;
}

#block_form input.custom{
width:176px;
font-size:11px;
background-color:#e0e0e0;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
height:19px;
margin-bottom:5px;
color:#626262;
padding-left:4px;
}

#block_form input.custom_file{
width:210px;
-width:181px;
font-size:11px;
*height:19px;
*background-color:#e0e0e0;
color:#626262;
*border-top:1px solid #e0e0e0;
*border-bottom:1px solid #e0e0e0;
*border-right:1px solid #bebebe;
*border-left:1px solid #bebebe;
}

#block_form select {
width:182px;
font-size:11px;
background-color:#e0e0e0;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
height:19px;
margin-bottom:5px;
color:#626262;
}


#block_form span {
display:block; 
font-weight:bold;
color:#000000;
margin-bottom: 6px;
margin-top:2px;
}

input.submit{
clear:both;
margin:15px 75px 0px 0px;
padding:1px;
background-color:#b5b5b5;
border:1px solid #b5b5b5;
color:#ffffff;
font-weight:bold;
font-size:11px;
width:50px;
}


/*---------------------------------MISE EN FORME-------------------------*/

h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;

}

#postes h1{
padding-left: 30px;
}


h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;

}

#left span{
font:normal 11px Arial, Helvetica, sans-serif;
color:#313131;
}

#right span{
font:normal 11px Arial, Helvetica, sans-serif;
color:#313131;
}

.candidature_japon{
font-weight:bold;
padding-bottom:5px;
width:220px;
}

.candidature_japon a{
color:#666666;
font-weight:normal;
}

/* END ----------- SE DESINSCRIRE */

