#contacts {
    position:relative;
    margin:10px 10px 10px -10px;
    /*background-color:#3532da00;*/
    background-position:center;
    height:750px;
    color:#ffffff;
    /*font-weight:bold;*/
}

#contenu_contact{
margin:0 0 0 20px;
position:absolute;
width: 580px;
height: auto;

}

.miniselect2{
    font-size: 12px;
    font-weight:700px; 
    color:#234CA5;
    font-family:Calibri, Helvetica, sans-serif;
    letter-spacing: 1px;
    width:160px;
}

#contenu_contact table{
margin:45px 0 10px 10px;
font-size:15px;
/*font-weight:bold;*/
border-collapse: separate;
border-spacing: 35px 20px; 

}

#contenu_contact table input{
width:250px;
}

#contenu_contact table [name="mail"] {
width:250px;
}

#contenu_contact table textarea{
width:250px;
height:80px;
}

#contenu_contact table input, textarea{
font-size:12px;
font-weight:bold;
color:#000000;

-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

#contenu_contact table input:focus, textarea:focus {
    background-color:#afc9eb;
}

#boutons_submit{
margin:0 0 0 220px;
}

input[name="contactsubmit"], input[name="reinitialiser"]  {

    width:110px;
    margin-left:85px;
    border:#000099;
    cursor:pointer;
    background-color:#fdfdfd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}

input[name="contactsubmit"]:hover, input[name="reinitialiser"]:hover  {
    cursor:pointer;
    font-weight:bold;
}

.tdalignright {
text-align:right;
vertical-align:middle;
}

.messok {
vertical-align:middle;
text-align:center;
color:#009900;
}

.messko {
vertical-align:middle;
text-align:center;
color:#FF0000;
}



#titre_pricipal_candidature{
    width: 630px;
    font-size: 25px;
    font-weight:bold ;
    text-align:center;
    color: darkblue;;
    border-radius: 10px 10px 10px 10px;
    height:25px;
    margin-top:1px;
    margin-left:-15px;
    margin-bottom:20px;
    }



       /* ################################################# */
.info-bulle {
  position: relative;  /*les .picto-item deviennent référents*/
  cursor: help;
  border-radius: 50%;
  text-align:right;
}

/* on génère un élément :after lors du survol et du focus :*/

.info-bulle:hover:after,
.info-bulle:focus:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top: 1.4em;
  left: 120%;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /*  le retour à la ligne*/
  padding: 5px 14px;
  background: #e6e9b8;
  color: #000000;
  border-radius: 4px;
  font-size: 15px;
}


/* pas de contour durant le :focus */
[aria-label]:focus {
  outline: none;
}