body {
	font-family: Perpetua, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bolder;
	color:#000000;
	line-height: 1em;
	background-color: #87376c;
}

h1{
font-size:20px;
color:#ffffff;
background: url(bouton2.jpg) no-repeat 0% 0%;
height: 25px;
line-height: 25px;
width:650px;
}

h3{
text-decoration:underline;
line-height:2px;
margin:0;
}

h2{
font-size:16px;
color:#ffffff;
}

h4{
font-size:14px;
color:#ffffff;
}

#colonne1{
background: url(colonne1.gif) no-repeat 0% 0%;
}

#contenu {
	background: url(gabarit13.jpg) no-repeat 50% 0%;
	position: relative;
	width: 800px;
	height: 474px;
	margin: 0 auto;
	
}

#contenu2{
	background: url(gabarit2.jpg) no-repeat 50% 0%;
	position: relative;
	width: 800px;
	height: 474px;
	margin: 0 auto;
}
#menu {
	float:left;
	list-style-type:none; /* on enlève la puce */ 
	margin: 0; /* on retire les marges intérieures et extérieures */
	padding: 65px 55px 10px 0;
	color:#ffffff;
}

#menu ul li  {
	background: url(bouton.jpg) no-repeat 50% 0%;
	padding:  0px 30px 0px 30px;
	margin: 0px 45px 2px 0px;
	display: block;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	margin-top: 20px;
	color:#000000 ;
	opacity: 0.8;
	/*filter:alpha(opacity=80);
    -moz-opacity:0.8;*/
}

#menu ul li a  {
	text-decoration:none;
	color:#ffffff;
}

#menu ul li:hover  {
	background: url(boutonsurvol.jpg) no-repeat 50% 0%;
	
	
}

#myGallery
{
margin: 80px 0px 0px -55px;
float:left;
width: 400px !important;
height: 300px !important;
} 

#cv
{
float:left;

border-width:2px;

width:460px;
height: 350px;
margin: 65px 0px 0px -90px;
overflow:scroll;
}

#en-tete
{
margin: 0px 0px 0px -35px;
}

#en-tete ul li
{
width: 271px;
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
}

#tech_num
{
float:left;
margin: -710px 2px 0px 184px;
}
#tech_num ul li
{
width: 271px;
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
line-height:20px;
font-size: 16px;
}


#formation
{
float:left;
margin: -552px 2px 0px 184px;
}
#formation ul li
{
width: 400px;
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
line-height:20px;
font-size: 12px;
}

#langues{
float:left;
margin: -385px 2px 0px 225px;
width: 400px;
list-style-type:none; /* on enlève la puce */ 
line-height:20px;
font-size: 14px;
}


#exp_pro
{
float:left;
margin: -310px 0px 0px 180px;
}

#exp_pro ul li
{
width: 400px;
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
font-size:12px;
}

#photo
{
float:left;
margin: -140px 2px 3px 355px;
}


#lienpdf
{
float:left;
margin:20px 2px 3px 310px;

}

#liens a{

color:#ffffff;

}


#swf{

float:left;

border-width:2px;

width:460px;
height: 350px;
margin: -325px 0px 0px 290px;
overflow:scroll;
}


#consigne{
float:left;
margin:-371px 2px 3px 155px;
}

#consigne2{
float:left;
}


#fleche_droite{
float:left;
margin:2px 25px 3px 525px;
}

#fleche_gauche{
float:left;
margin:2px 25px 3px -218px;
}

#home{
float:left;
margin: 6px 5px 3px -150px;
}


#fleche_droite a{
text-decoration:none;
color:#ffffff;
}

#fleche_gauche a{
text-decoration:none;
color:#ffffff;
}

#home a{
text-decoration:none;
color:#ffffff;
}

#formulaire{
float:left;

border-width:2px;
width:410px;
height: 350px;
margin: 370px 0px 0px -305px;
}

p.nom{
float:left;
width:220px;
height:3px;
margin: 35px 0px 0px;
}



p.email{
float:left;
width:235px;
height:0px;
margin: 38px 2px 3px -5px;
}

p.sujet{
float:left;
width:225px;
height:0px;
margin: 35px 2px 10px -1px;
}

p.message{
float:left;
width:135px;
height:3px;
margin: 35px 2px 4px 60px;
}

p.bouton{
float:left;
width:165px;
height:3px;
margin: 130px 2px 3px 210px;
}

p.titre{
float:left;
height:0px;
margin: 40px -418px 3px 330px;
color:#ffffff;
font-size:24px;
}

fieldset{
float:left;
width:350px;
height: 315px;
margin: -295px 0px 0px 265px;
}


p.infographie{
float:left;
height:0px;
margin: 25px -460px 3px 330px;
color:#ffffff;
font-size:24px;
}


p.flash{
float:left;
height:0px;
margin: 25px -568px 3px 280px;
color:#ffffff;
font-size:24px;
}


p.samsam{
float:left;
height:0px;
margin: 25px -568px 3px -21px;
color:#ffffff;
font-size:24px;
}


p.cimetiere{
float:left;
height:0px;
margin: 25px -568px 3px -64px;
color:#ffffff;
font-size:24px;
}

p.martien{
float:left;
height:0px;
margin: 30px -568px 3px -99px;
color:#ffffff;
font-size:24px;
}

p.ballon{
float:left;
height:0px;
margin: 17px -566px 3px -193px;
color:#ffffff;
font-size:24px;
}


p.nuages{
float:left;
height:0px;
margin: 40px -566px 3px -292px;
color:#ffffff;
font-size:24px;
}

p.coccinelle{
float:left;
height:0px;
margin: 50px -568px 3px -253px;
color:#ffffff;
font-size:24px;
}

p.mini{
float:left;
height:0px;
margin: 50px -566px 3px -292px;
color:#ffffff;
font-size:20px;
}

p.panorama{
float:left;
height:0px;
margin: 40px -566px 3px -180px;
color:#ffffff;
font-size:20px;
}

p.poisson1{
float:left;
height:0px;
margin: 50px -566px 3px -280px;
color:#ffffff;
font-size:16px;
}

p.accueil{
float:left;
width:390px;
height:300px;
margin: 77px 0px 0px -85px;
font-size:16px;
}

img{

border:none;
}

#film1{

float:left;

border-width:2px;

width:460px;
height: 350px;
margin: -325px 0px 0px 272px;
overflow:scroll;
}

#explication1{

float:left;

border-width:2px;

width:460px;
height: 350px;
margin: -325px 0px 0px 272px;
overflow:scroll;
}

#w3c{
float:left;

border-width:2px;
margin: 440px 0px 0px -610px;

}

#footer{
float:left;
margin: 65px 4px 5px -20px;
font-size:12px;
font-family:Arial;


}



#footer_contact{
float:left;
margin: 445px 4px 5px -110px;
font-size:12px;
font-family:Arial;


}






p.reponse{
float:left;
margin: 125px 0px 0px 210px;
}