@CHARSET "UTF-8";

html, body
{
        margin: 0;
        padding: 0;
        overflow: hidden;
	background: #3f76d1;
}

#loading
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	padding: 5px;
	z-index: 999;
	text-align: center;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	color: #FFF;	
	background : #152849;
	font-size: 18px;
        border-radius: 10px 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;  	
}

#zone1
{
	height: 1500px;
        width: 2000px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -750px;
        margin-left: -1000px;
        background: url(/img/bg.jpg);
}

#nuage_deco
{
        width: 1000px;
        height: 700px;
        background: url(/img/nuage1.png) no-repeat 100px 100px;
        margin-left: 400px;
        margin-top: 400px;
}

#nuage_support
{
        background: url(/img/nuage2.png) no-repeat 10px 400px;
        width: 1200px;
        height: 655px;
}

#aura
{
	margin-top: -150px;
        margin-left: 150px;
        background: url(/img/aura.png);
        width: 391px;
        height: 700px;
        float: left;
}

#jmoati
{
        padding-top: 210px;
	margin-top: 130px;
        margin-left: 130px;
        width: 145px;
        height: 372px;
        background: url(/img/moi.png) no-repeat 0px 210px;
}

#info
{
	float: left;
        padding: 10px;
        width: 600px;
        background: #152849;
        border-radius: 10px 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;                                                                          
        color: #FFF;
        font-size: 15px;
}

#info p
{
	text-align: justify;
}

#tag_bulles
{
	width: 450px;
        height: 270px;
        float: left;
	margin-left: -100px;
	margin-top: -50px;
}

#bulle1, #bulle2, #bulle3, #bulle4, #bulle5, #bulle6, #tag_bulles .spacer
{
        color: #FFF;
        float: left;
        font-size: 16px;
        text-align: center;
        font-family: Lucida Grande, Verdana, Arial, sans-serif;
        position: relative;
        font-weight: normal;
}

#bulle1
{
        height: 69px;
        width: 68px;
        background: url(/img/bulle1.png) no-repeat;
        clear: both;
        margin-top: -90px;
}

#bulle2
{
        height: 78px;
        width: 81px;
        background: url(/img/bulle2.png) no-repeat;
        clear: both;
        margin-top: -25px;
        margin-left: 30px;
}

#bulle2 p
{
        margin-top: 25px;
}

#bulle3
{
        height: 135px;
        width: 139px;
        background: url(/img/bulle3.png) no-repeat;
        margin-top: -25px;
}

#bulle3 p
{
        margin-top: 60px;
}

#bulle4
{       
        height: 123px;
        width: 241px;
        background: url(/img/bulle4.png) no-repeat;
}

#bulle4 p
{
        margin-top: 50px;
	width: 181px;
}

#bulle5
{
        height: 153px;
        width: 184px;
        background: url(/img/bulle5.png) no-repeat;
        margin-top: -30px;
}

#bulle5 p
{
        margin-top: 65px;
}

#bulle6
{
        height: 117px;
        width: 136px;
        background: url(/img/bulle6.png) no-repeat;
	clear: both;
}

#bulle6 p
{
        margin-left: -10px;
        margin-top: 30px;
}

#download_cv
{
	float: left;
        display: block;
        width: 109px;
        height: 82px;
        background: url(/img/Button-jmoati.png);
	margin-top: 180px;
	margin-left: 150px;
}

#download_cv p
{
        display: none;
}

p.friend
{
        text-align: center;
        color: #FFF;
        font-size: 14px;
 	width: 1200px;
	margin-top: -20px;
}

p.friend a
{
        color: #DDD;
        text-decoration: none;
}

p.friend a:hover
{
        text-decoration: underline;
}


.hide
{
	display: none;
}

.spacer
{
	width: 0px;
	height: 0px;
	clear: both;
}

@media screen and (max-device-width: 480px)
{
	body
	{
  		-webkit-text-size-adjust: none;
	}
}