body  {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #080d13;
	margin: 0; 
/* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; 
/* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    }

.italic {
font-style:italic;
}

.souligne {
text-decoration:underline;
font-weight:bold;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}
a:hover {
	color: #53c3d7;
}

#container { 
width: 750px;  /* ce paramétrage crée un conteneur dont la largeur est 725px */
height: 700px;
background-color: #080d13;
margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 

#english {
width: 43px;
height: 31px;
margin-left:340px;
margin-top:17px;
position:absolute;
z-index:10;
}

#photo { 
width: 325px;
height:680px;
/* background: url(images/photo-index.jpg) no-repeat; */
    } 

#droite {
width: 400px;
height:700px;
background-color:#080d13;
float:right;
}

#menu {
width: 400px;
background-color: #080d13;
text-align:right;
}

/* ======================= SWF ==================== */
#swf {
width:750px;
height:487px;
}



.boite {
width: 400px;
height: auto;
}

.boite-index {
width: 400px;
height: 173px;
}

/* ================ LIENS ==========*/

.boite-liens {
width: 400px;
height: 471px;
padding-top:15px;
}

.mesliens {
clear:both;
}

.mesliens a {
	border-color:#53c3d7;
	text-decoration: none;
}
.mesliens a:hover {
	border-color:#53c3d7;
	text-decoration: none;
}

.mesliens a:active {
	border-color:#53c3d7;
	text-decoration: none;
}

.mesliens a:visited {
	border-color:#FFFFFF;
	text-decoration: none;
}

.mesliens a:link {
	border-color:#53c3d7;
	text-decoration: none;
}

.liens-texte-droite {
padding-top:30px;
padding-right:15px;
width:300px;
height: auto;
color:#53c3d7;
font-variant:small-caps;
float:right;
text-align:right;
}

.liens-img-droite {
height: 80px;
padding-right:15px;
color:#53c3d7;
float:right;
}

.liens-texte-gauche {
padding-top:30px;
width:300px;
color:#53c3d7;
font-variant:small-caps;
float:left;
text-align:left
}

.liens-img-gauche {
height: 80px;
color:#53c3d7;
float:left;
}

/* ================ PARCOURS ==========*/
.boite-parcours {
width: 350px;
height: 487px;
}

.parcours-texte {
padding-left: 30px;
padding-top: 30px;
height: auto;
}

.parcours-texte a {
	color: #53c3d7;
	text-decoration: none;
}
.parcours-texte a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.parcours-italique {
color:#53c3d7;
font-variant:small-caps;
}

/* ================ COMPETENCES ==========*/

.competences-texte {
padding: 15px;
height: auto;
}

.images {
width:164px;
float:left;
}

.logiciel {
padding-top: 20px;
padding-bottom: 20px;
width:236px;
float: right;
}

.formation {
padding-top: 15px;
padding-bottom: 0px;
width:236px;
float: right;
}



#footer {
width: 400px;
height: 50px;
text-align:center;
padding-top:15px;
float:none;
}

#footer a{
text-align:center;
}


#w3c {
z-index: 10;
margin-top: -40px;
margin-left: 350px;
width: 45px;
height: 16px;
position: absolute;
}