/*--------------------------*/
/* réglage des marges */
/*--------------------------*/
*{
	margin: 0;
	padding: 0;
	border: none;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- PAGE D'ACCUEIL ------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

/* bloc principal */
#accueil{
	margin-left: auto;
    margin-right: auto;
	margin-top: 40px;
	width: 377px;
	height: 315px;
	background: url(../img/accueil.jpg) left top no-repeat;
}

/* texte de présentation */
#accueil #presentation{
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 12px;
	line-height: 12px;
	display: none;
}

/* version XHTML */
#accueil #xhtml{
	position: absolute;
	width: 10px;
	margin: 47px 0px 0px 78px;
}

/* hack pour IE */
* html #accueil #xhtml{
	margin: 50px 0px 0px 78px;
}

/* version FLASH */
#accueil #flash{
	position: absolute;
	width: 10px;
	margin: 144px 0px 0px 270px;
}

/* hack pour IE */
* html #accueil #flash{
	margin: 144px 0px 0px 270px;
}

/* i vert */
#accueil .i{
	color: #9fd82c;
}

/* prochainement */
#accueil #bientot{
	margin: -30px 0px 0px 70px;
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	color: #3385e1;
}

/* lien */
#accueil a {
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 15px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* Lien non visité */
#accueil a:link { 
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 15px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* Lien visité */ 
#accueil a:visited { 
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 15px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* Lien rollover */ 
#accueil a:hover { 
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 15px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* Lien actif */ 
#accueil a:active { 
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 15px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* copyright */ 
#copyright{
	position: absolute;
	margin: 305px 0px 0px 300px;
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 11px;
	line-height: 11px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* i vert */
#copyright .i{
	color: #9fd82c;
}

/* hack pour IE */
* html #copyright{
	margin: 305px 0px 0px 300px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------- PAGE XHTML --------------------------------------------------------------- */
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

/* bloc principal */ 
#conteneur{
	margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
	width: 779px;
	height: 588px;
	background: url(../img/fond5.jpg) left top no-repeat;
}

/* titre */ 
#conteneur #titre{
	position: absolute;
	margin: 106px 0px 0px 305px;
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 24px;
	line-height: 24px;
	font-weight: bolder;
	text-decoration: none;
	color: #3385e1;
}

/* image 1 */ 
#conteneur #texte1 .img1{
	position: absolute;
	float: left;
	margin: 0px 0px 0px 15px;
}

/* image 2 */ 
#conteneur #texte1 .img2{
	position: absolute;
	float: left;
	margin: 55px 0px 0px 0px;
}

/* image 3 */ 
#conteneur #texte1 .img3{
	position: absolute;
	float: left;
	margin: 0px 0px 0px 120px;
}

/* image 4 */ 
#conteneur #texte1 .img4{
	position: absolute;
	float: left;
	margin: 60px 0px 0px 130px;
}

/* texte 1 */ 
#conteneur #texte1{
	position: absolute;
	float: left;
	margin: 150px 0px 0px 260px;
}

/* texte 2 */ 
#conteneur #texte2{
	position: absolute;
	float: right;
	margin: 192px 0px 0px 468px;
}

/* texte 3 */ 
#conteneur #texte3{
	position: absolute;
	float: right;
	margin: 192px 0px 0px 420px;
}

/* texte 4 */ 
#conteneur #texte4{
	position: absolute;
	float: right;
	margin: 192px 0px 0px 500px;
}

#conteneur .contenu{
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 14px;
	line-height: 14px;
	font-weight: bolder;
	text-decoration: none;
	color: white;
}

#conteneur .contenu2{
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 14px;
	line-height: 14px;
	font-weight: bolder;
	text-decoration: none;
	color: white;
	padding-bottom: 5px;
}

/* menu - profil */ 
#conteneur #profil{
	position: absolute;
	margin: 325px 0px 0px 220px;
}

/* menu - productions */ 
#conteneur #productions{
	position: absolute;
	margin: 398px 0px 0px 375px;
}

/* sous menu - productions */ 
#conteneur #productions #menu_prod{
	position: absolute;
	margin: 0px 0px 0px -28px;
	text-align: right;
	width: 90px;
}

/* hack pour IE */
* html #conteneur #productions #menu_prod{
	margin: 22px 0px 0px -118px;
}

/* menu - experiences */ 
#conteneur #experiences{
	position: absolute;
	margin: 443px 0px 0px 484px;
}

/* sous menu - experiences */ 
#conteneur #experiences #menu_exp{
	position: absolute;
	margin: 0px 0px 0px 45px;
	width: 80px;
}

/* hack pour IE */
* html #conteneur #experiences #menu_exp{
	margin: 22px 0px 0px -50px;
}

/* menu - formations */ 
#conteneur #formations{
	position: absolute;
	margin: 314px 0px 0px 616px;
}

/* menu - connaissances */ 
#conteneur #connaissances{
	position: absolute;
	margin: 395px 0px 0px 602px;
}

/* menu */ 
#conteneur .menu{
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	color: #9fd82c;
}

/* sous menu */ 
#conteneur .sous_menu{
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	color: #bebebe;
}

/* precedent */ 
#conteneur #precedent{
	position: absolute;
	margin: 111px 0px 0px 600px;
}

/* suivant */ 
#conteneur #suivant{
	position: absolute;
	margin: 111px 0px 0px 625px;
}

/* retour à l'accueil */ 
#conteneur #retour{
	position: absolute;
	margin: 22px 0px 0px 80px;
}

/* lien vers l'index */ 
#conteneur .lien{
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	color: #3385e1;
}

/* copyright */ 
#conteneur #copyright{
	position: absolute;
	margin: 515px 0px 0px 555px;
	font-family: "Trebuchet ms",arial,sans-serif,sans;
	font-size: 11px;
	line-height: 11px;
	font-weight: bolder;
	text-decoration: none;
	color: white;
}

/* i vert */
#conteneur .i{
	color: #9fd82c;
}

/* i bleu */
#conteneur .i2{
	color: #3385e1;
}