/* ****************Body START*********************/

body{

	font-family: Arial,sans-serif;

	color: #333333;

	background: #ffffff url(images/bg.jpg) no-repeat;

}



img{

border: none;

}



/****************************main*******************************/

/***********wrap***********/

.textgauche{

font-size: 12px;

color: #000000;

position: relative;

top: -390px;

left: 2px;

width:400px;

height:0;

font-weight:bold;

}

.wrap{

margin: auto;

max-width: 1024px;

max-height: 768px;

font-size: 12px;

color: #4c49ba;

font-weight:bold;

}



.titre h1{
font-weight: normal;
margin: auto;
padding-left: 10px;
padding-top:5px;
padding-bottom:5px;
margin-bottom: 20px;
font-size: 35px;
color: #4c49ba;
width : 800px;
background:url(images/degrade.jpg);
font-family:'Bookman Old Style';
text-align:center;
}

/*****bulle principal******/



#bullemain{

position: relative;

top: 30px;

left: 263px;

width: 548px;

height: 406px;

background: url(images/bullemain.png) no-repeat;



}

#bulle1{
position: relative;
padding-left: 90px;
padding-top: 32px;
width: 190px;
top: -27px;
left: 380px;
height: 89px;
background: url(images/bulle1.png) no-repeat;
}

#bulle1 h2{
font-size:12px;
margin-top:0px;
padding-top:0px;
}

#bulle2{
position: relative;
padding-left: 90px;
padding-top: 32px;
width: 190px;
top: -80px;
left: 470px;
height: 89px;
background: url(images/bulle2.png) no-repeat;
}

#bulle2 h2{
font-size:12px;
margin-top:0px;
padding-top:0px;
}

#bulle3{
position: relative;
padding-left: 90px;
padding-top: 32px;
width: 190px;
top: -90px;
left: 515px;
height: 89px;
background: url(images/bulle3.png) no-repeat;
}

#bulle3 h2{
font-size:12px;
margin-top:0px;
padding-top:0px;
}

#bulle4{
position: relative;
padding-left: 90px;
padding-top: 32px;
width: 190px;
top: -100px;
left: 470px;
height: 89px;
background: url(images/bulle4.png) no-repeat;
}

#bulle4 h2{
font-size:12px;
margin-top:0px;
padding-top:0px;
}

#bulle5{
position: relative;
padding-left: 90px;
padding-top: 32px;
width: 190px;
top: -140px;
left: 380px;
height: 60px;
background: url(images/bulle5.png) no-repeat;
}

#bulle5 h2{
font-size:12px;
margin-top:0px;
padding-top:0px;
}

#bulle6{
position:relative;
top:50px;
left:10px;
cursor:pointer;
width:150px;
}

#bulle6 h3{
font-size:20px;
color:#4c49ba;
font-weight:bold;
margin:0;
padding:0;
}

#bulle7{
position:relative;
top:30px;
left:800px;
cursor:pointer;
width:200px;
}

#bulle7 h3{
font-size:20px;
color:#4c49ba;
font-weight:bold;
margin:0;
padding:0;
}

#bulletext{

position: relative;

text-align:justify;

top: -300px;

left: 330px;

width: 400px;

height: 0px;

color: #000000;





}