.onglet {
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
cursor:pointer;
font-family: Casual, sans-serif;
background-color : #ffa3cc;
color : #000000;
}
.onglet_0 {
font-family: Casual, sans-serif;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color : #ffa3cc;
color : #000000;
}
.onglet_1 {
padding-bottom:4px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
font-family: Casual, sans-serif;
background-color : #ffa3cc;
color : #000000;
}
.contenu_onglet {
margin-left:3px;
margin-right:3px;
padding:3px;
display:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
width: 900px;
font-family: Casual, sans-serif;
background-color : #f5dce7;
color : #000000;
}

    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>

        <div class="systeme_onglets" width="50%">
        <div class="onglets">
<span class="onglet_1 onglet" id="onglet_1" onclick="javascript:change_onglet('1');" style="margin-left: 20px;">Encore l'écrit <br>et/ou l'oral
à passer</span>
            <span class="onglet_0 onglet" id="onglet_2" onclick="javascript:change_onglet('2');">En attente <br>d'un résultat final</span>
            <span class="onglet_0 onglet" id="onglet_3" onclick="javascript:change_onglet('3');">Reçu <br>sur Liste Principale</span>
            <span class="onglet_0 onglet" id="onglet_4" onclick="javascript:change_onglet('4');">Sur <br>Liste Complémentaire</span>
            <span class="onglet_0 onglet" id="onglet_5" onclick="javascript:change_onglet('5');">Repartie <br>pour une année</span>
            <span class="onglet_0 onglet" id="onglet_6" onclick="javascript:change_onglet('6');">En <br>Formation</span>
<span class="onglet_0 onglet" id="onglet_7" onclick="javascript:change_onglet('6');">Auxiliaire de <br>Puériculture</span>
     

        <div class="contenu_onglets">

            <div style="display: block;" class="contenu_onglet" id="contenu_onglet_1">
                En cours En cours
<br></div>

            <div style="display: none;" class="contenu_onglet" id="contenu_onglet_2">
                En cours .
</div>
            </div>

            <div class="contenu_onglet" id="contenu_onglet_3">
                En cours...
            </div>

            <div class="contenu_onglet" id="contenu_onglet_4">
                En cours !
            </div>

            <div class="contenu_onglet" id="contenu_onglet_5">
                En cours de construction
            </div>

            <div class="contenu_onglet" id="contenu_onglet_6">
                En cours d'aménagement</div><div class="contenu_onglet" id="contenu_onglet_7">
                En cours d'aménagement</div>

</div></div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
        </script>

.onglet {
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
cursor:pointer;
font-family: Casual, sans-serif;
background-color : #ffa3cc;
color : #000000;
}
.onglet_0 {
font-family: Casual, sans-serif;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color : #ffa3cc;
color : #000000;
}
.onglet_1 {
padding-bottom:4px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
font-family: Casual, sans-serif;
background-color : #ffa3cc;
color : #000000;
}
.contenu_onglet {
margin-left:3px;
margin-right:3px;
padding:3px;
display:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
width: auto !important;
font-family: Casual, sans-serif;
background-color : #f5dce7;
color : #000000;
}