<center><div class="fondpresentation"><div class="imagepresentation" style="background-image: url('http://nsa21.casimages.com/img/2012/04/28/120428114921378503.png');"></div><div class="titrepresentation">Prénom P. Nom</div> <div class="blocpresentation">Je m'appelle nom complet et j'ai XXans. Je sais aussi que je suis nationalité. Sinon, je ressemble à [b]nom de la célébrité[/b]. Et rajoutez ce que vous voulez comme texte dans le code ! ô/</div>


</div><div class="positionnement"><div class="systab s_bottom s_float s_slide"><div><span>Titre onglet</span><div class="contenuonglet">CONTENU ONGLET</div></div><div><span>Titre onglet</span><div class="contenuonglet">CONTENU ONGLET</div></div><div><span>Titre onglet</span><div class="contenuonglet">CONTENU ONGLET</div></div><div><span>Titre onglet</span><div class="contenuonglet">CONTENU ONGLET</div></div></div></div></center>

.fondpresentation {
 -webkit-border-top-left-radius: 250px;
 -webkit-border-top-right-radius: 250px;
 -moz-border-radius-topleft: 250px;
 -moz-border-radius-topright: 250px;
 border-top-left-radius: 250px;
 border-top-right-radius: 250px;
 -webkit-border-bottom-right-radius: 20px;
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-bottom-right-radius: 20px;
 border-bottom-left-radius: 20px;
 background-color: #f0f0f0;
 width: 500px;
 padding-bottom: 10px;
}

.imagepresentation {
-webkit-border-top-left-radius: 250px;
-webkit-border-top-right-radius: 250px;
-moz-border-radius-topleft: 250px;
-moz-border-radius-topright: 250px;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
width: 450px;
height: 250px;
background-position: top center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}

.imagepresentation img {
width: 450px;
}

.titrepresentation {
color: #3A7ECD;
font-family: Georgia;
text-shadow: 1px 1px 0px darkgrey;
font-size: 25px;
text-transform: uppercase;
margin-top: -10px;
font-weight: bold;
}

.blocpresentation {
width: 460px;
background-color: white;
text-align: justify;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height: 100px;
overflow: auto;
}

.rondpresentation {
-webkit-border-radius: 300px 300px 300px 300px;
-moz-border-radius: 300px 300px 300px 300px;
width: 150px;
height: 150px;
text-align: center;
background-color: #E8E8E8;
border: 1px solid #c2c2c2;
}

.systab .tab {
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
width: 160px;
background-color: #E8E8E8;
border: 1px solid #c2c2c2;
padding: 5px;
text-align: right;
}

.systab .contents {
-webkit-border-radius: 300px 300px 300px 300px;
-moz-border-radius: 300px 300px 300px 300px;
width: 200px;
height: 200px;
text-align: center;
background-color: #E8E8E8;
border: 1px solid #c2c2c2;
position: relative;
margin-top: -20px;
margin-right: -70px;
}

.systab.s_float .tab,.systab.s_float .tab {
display: block;
margin: 5px;
}

.systab.s_float .tabs,.systab.s_float .contents {
float: left;
}

.positionnement {
margin-top: -100px;
margin-left: 130px;
}

.contenuonglet {
width: 160px;
height: 100px;
text-align: justify;
overflow: auto;
margin-top: 50px;
margin-left: 20px;
}

$(function(){
 var d=function(){if($(this).is(".selected")) return;var a=$(this).closest(".systab");a.find(".selected").removeClass("selected").filter(".content")[a.is(".s_slide")?"slideUp":a.is(".s_fade")?"fadeOut":"hide"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1]);$(this).addClass("selected").data("content").addClass("selected").stop(!0,!0)[a.is(".s_slide")?"slideDown":a.is(".s_fade")?"fadeIn":"show"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1])};$("div.systab").each(function(){var a=$("> div",this).detach(),c=[],b;$(this).html('<div class="'+($(this).is(".s_bottom")?"contents":"tabs")+'"></div><div class="'+($(this).is(".s_bottom")?
"tabs":"contents")+'"></div>');$(a).each(function(){b=$(this).children(":first");b.is("span")?(c=$(c).add($(b).addClass("tab").data("content",$(this))),$(this).addClass("content").data("tab",b)):$(this).remove()});$("> div.tabs",this).append(c);$("> div.contents",this).append(a);b=$(".content:first,.content.selected",this).last();$(b).addClass("selected").siblings().hide();$(b).data("tab").addClass("selected")}).on("click",".tab",d).filter(".s_hover").on("mouseenter",".tab",d)
});