body {
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    background:silver;
    margin:0;
}

#main {
    background: white;
    box-shadow: 1px 1px 10px #4f4f4f;
    margin: 15px auto 0px;
    padding: 10px;
    width: 75%;
}

a {
    color:white;
}

img { 
    text-decoration:none;
    border:0px;
    padding:0px;
    margin:0px;
}

ul {
    padding-left:20px;
    margin: 2px 0 0;
}

.border-right {
    border-right:1px solid white;
    padding: 0 5px;
}

.separator {
    height:24px;
}

.clear {
    clear:both;
}

.left {
    float:left;
}

.right {
    float:right;
}

#bloc_top {
    background: #4f4f4f none repeat scroll 0 0;
    box-shadow: 1px 0 6px #4f4f4f;
    border-radius: 0 0 10px 10px;
    color: white;
    margin: 0 2%;
    padding: 5px;
    position: fixed;
    width: 95%;
}

#bloc_head {
    height: 115px;
    margin: 0 20px;
}

#bloc_civilite {
    min-width: 180px;
    margin-bottom:20px;
    font-size:9px;
    float:left;
}

#bloc_photo {
    float:right;
}

#bloc_photo img {
    border-radius:20px;
    box-shadow: -3px 4px 2px grey;
    width:96px
}

#email, #naissance, #divers {
    margin-top:5px;
}

#social a, #telephone a, #email a {
    color:inherit;
}

#bloc_poste {
    margin:10px auto;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    width: 60%;
}

[id^=entete] {
    margin:10px auto;
    background: -webkit-linear-gradient(left, #1282ff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #1282ff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #1282ff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #1282ff, #ffffff); /* Standard syntax */
    border-radius:20px;
    box-shadow: -3px 4px 2px grey;
    font-weight:bold;
    padding: 5px 10px;
    color:white
}

.tab_title {
    width:30%;
}

.tab_content {
    width:90%;
    margin:0 auto;
}

.experiences td {
    padding-top:10px;
    font-weight:bold;
}

tr.missions td {
    font-style:italic;
}

tr.experiences td{
    border-top:1px dotted silver;
}

tr.experiences:first-child td{
    border-top:0;
}

#formations, #competences, #experiences_pro, #experiences_perso, #loisirs {
    width:95%;
    margin:0 auto;
}

[id^=periode_]{
    width:22%;
}

[id^=lieu_]{
    width:15%;
}

[id^=emploi_]{
    width:40%;
}

[id^=type_]{
    width:12%;
}
[id^=loisir_]{
    width:20%;
    font-weight:bold;
}

#nom, #prenom {
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

#prenom {
    float:left;
}