/* CSS Document */
body{margin: 0px;
	padding: 0px;
	height:100%px;
	width:100%px;
	background-color:#c2a065;
    }
.background_site{
	position:absolute;
	background-image:url(../img/static/site/fond_page.png);
	background-repeat:no-repeat;
	background-color: #fff9c9;
	top:0px;
	left:0px;
	border:0px;
	margin: 0 0 0 0;
	height: 600px;
	width: 800px;
	
}
.background_bd{
	position:absolute;
	background-image:url(../img/static/bd/fond_page.png);
	background-repeat:no-repeat;
	background-color: #fff9c9;
	top:0px;
	left:0px;
	border:0px;
	margin: 0 0 0 0;
	height: 600px;
	width: 800px;
}

.background_dessin{
	position:absolute;
	background-image:url(../img/static/dessin/fond_page.png);
	background-repeat:no-repeat;
	background-color: #fff9c9;
	top:0px;
	left:0px;
	border:0px;
	margin: 0 0 0 0;
	height: 600px;
	width: 800px;
}

.background_illu{
	position:absolute;
	background-image:url(../img/static/illu/fond_page.png);
	background-repeat:no-repeat;
	background-color: #fff9c9;
	top:0px;
	left:0px;
	border:0px;
	margin: 0 0 0 0;
	height: 600px;
	width: 800px;
}

.background_anim{
	position:absolute;
	background-image:url(../img/static/anim/fond_page.png);
	background-repeat:no-repeat;
	background-color: #fff9c9;
	top:0px;
	left:0px;
	border:0px;
	margin: 0 0 0 0;
	height: 600px;
	width: 800px;
}

.background_cv{
	position:absolute;
	background-image:url(../img/static/cv/fond_page.png);
	background-repeat:no-repeat;
	background-color: #fff9c9;
	top:0px;
	left:0px;
	border:0px;
	margin: 0 0 0 0;
	height: 600px;
	width: 800px;
}



span{display: none;
	}
#conteneur{
	position:absolute;
	margin-left:-629px;
	/*margin-top:-330px;
	top:50%;*/
	left:50%;
	margin-top:60px;
	height:660px;
	width: 1258px;
	}

a{
	decoration:none;
	text-decoration: none;
}


/*/////////////////////////////////////      :VIDEO:       //////////////////////////*/	
/*/////////////////////////////////////      :VIDEO:       //////////////////////////*/
/*/////////////////////////////////////      :VIDEO:       //////////////////////////*/	
/*/////////////////////////////////////      :VIDEO:       //////////////////////////*/	
/*/////////////////////////////////////      :VIDEO:       //////////////////////////*/


#playerUn{
	position: relative;
	padding:0px;
}
#playerDeux{
	position: absolute;
	top:0px;
	left:250px;
	margin:0px;
	padding:0px;
}



/*///////////////////////////////      :PAGE SITE:     //////////////////////////////////////////////*/
/*///////////////////////////////      :PAGE SITE:     //////////////////////////////////////////////*/
/*///////////////////////////////      :PAGE SITE:     //////////////////////////////////////////////*/
/*///////////////////////////////      :PAGE SITE:     //////////////////////////////////////////////*/
/*///////////////////////////////      :PAGE SITE:     //////////////////////////////////////////////*/

.contenu{
	display:block;
	position:absolute;
	margin: 0 auto 0 auto;
	background-repeat:no-repeat;
	height: 550px;
	width: 900px;
}


		#contenu_site{
		background-image:url(../img/static/site/fond_1.png);
		left:170px;
		top:130px;
		}
		#contenu_site2{
		background-image:url(../img/static/site/fond_2.png);
		left:200px;
		top:145px;
		}
		#contenu_bd{
		background-image:url(../img/static/bd/fond_1.png);
		left:170px;
		top:130px;
		}
		#contenu_bd2{
		background-image:url(../img/static/bd/fond_2.png);
		left:200px;
		top:145px;
		}
		#contenu_dessin{
		background-image:url(../img/static/dessin/fond_1.png);
		left:170px;
		top:130px
		}
		#contenu_dessin2{
		background-image:url(../img/static/dessin/fond_2.png);
		left:200px;
		top:145px;
		}
		#contenu_illu{
		background-image:url(../img/static/illu/fond_1.png);
		left:170px;
		top:130px
		
		}
		#contenu_illu2{
		background-image:url(../img/static/illu/fond_2.png);
		left:200px;
		top:145px;
		}
		#contenu_anim{
		background-image:url(../img/static/anim/fond_1.png);
		left:170px;
		top:130px
		}
		#contenu_anim2{
		background-image:url(../img/static/anim/fond_2.png);
		left:200px;
		top:145px;
		}
		#contenu_cv{
		background-image:url(../img/static/cv/fond_1.png);
		left:170px;
		top:130px
		}


	
#retour a{
	position:absolute;
	background-position:left top;
	background-image:url(../img/static/btRetourMenu.png); 
	background-repeat:no-repeat;
	top:95px;
	left:550px;
	height:52px;
	width:208px;
	z-index:1;
}
#retour a:hover{
	background-position:right top;
}

/*/////////////////////////////////////  SLIDE IMAGES   page site //////////////////////////*/
.boite{
	position:absolute;
	width:700px;
	height:100px;	
	overflow:hidden;
}
	.site_couleur{
	background-color:#018cbf;
	}
	.bd_couleur{
	background-color:#46230;
	}
	.dessin_couleur{
	background-color:#ab2200;
	}
	.illu_couleur{
	background-color:#e0d273;
	}
	.anim_couleur{
	background-color:#462300;
	}
	.cv_couleur{
	background-color:#018cbf;
	}
.boite_pro{
	left:110px;
	top:100px;
	height:100px;
}
.boite_perso{
	left:110px;
	top:250px;
}
	#site_boite{
	background-color:#018cbf; 
	}
	#bd_boite{
	background-color:#462300;
	}
	#dessin_boite{
	background-color:#ab2200;
	}
	#illu_boite{
	background-color:#e0d273;
	}
	#anim_boite{
	background-color:#462300;
	}
	#cv_boite{
	background-color:#018cbf;
	}

/*/////////////////////////////////////  SLIDE IMAGES   page projet//////////////////////////*/
.boiteProjet{
	position:absolute;
	width:715px;
	height:100px;
	left:100px;
	top:280px;	
	margin:0px;
	padding: 0px;
	overflow:hidden;
	white-space:nowrap;
}
.boiteProjet ul {

	padding: 0px;
	margin: 0 0 0 0;
	width: 715px;
	height:100px;
}
.boiteProjet a {
	height:100px;
	width:60px;
}

.boiteProjet li {
	position:relative;
	top:15px;
	display: inline;
	height:100px;
	width:120px;
	list-style: none;
}

.boiteProjet li img {
	margin:0px 10px 0px 10px ;
	border: 0px;
}
	.site_couleur_projet{
	background-color:#018cbf;
	}
	.bd_couleur_projet{
	background-color:#462300;
	}
	.dessin_couleur_projet{
	background-color:#ed5f3d;
	}
	.illu_couleur_projet{
	background-color:#e0d273;
	}
	.anim_couleur_projet{
	background-color:#462300;
	}
	.cv_couleur_projet{
	background-color:#018cbf;
	}



	.boiteProjet#site_boiteProjet{
	background-color:#018cbf;
	}
	.boiteProjet#bd_boiteboiteProjet{
	background-color:#462300;
	}
	.boiteProjet#dessin_boiteProjet{
	background-color:#ed5f3d;
	}
	.boiteProjet#illu_boiteboiteProjet{
	background-color:#e0d273;
	}
	.boiteProjet#anim_boiteProjet{
	background-color:#462300;
	}
	.boiteProjet#cv_boiteboiteProjet{
	background-color:#018cbf;
	}
.blocImageProjet{	
	position:absolute;
	left:0px;
	top:0px;
	width:3000px;
	height:130px;	
	margin-left:5px;
	margin-right:5px;
	padding:0px;
	border:0px;
	overflow:hidden;
}
	.blocImageProjet#site{	
		background-color:#018cbf;
		}
	.blocImageProjet#bd{	
		background-color:#462300;
		}
	.blocImageProjet#dessin{	
		background-color:#ab2200;
		}
	.blocImageProjet#illu{	
		background-color:#e0d273;
		}
	.blocImageProjet#anim{	
		background-color:#462300;
		}
	.blocImageProjet#cv{	
		background-color:#018cbf;
		}
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

a:hover.fleche_projet {
	background-position: right top;	
}

a:hover.fleche_presentation  {
	background-position: right top;
}





.fleche_projet {
	position:absolute;
	background-position: left top;
	background-repeat:no-repeat;
	width:21px;
	height:89px;
}


.fleche_projet_droite{
	left:825px;
}
.fleche_projet_gauche{

	left:72px;

}
.fleche_projet_droite_site{
	background-image:url(../img/static/site/petiteflecheDroite.png);
}
.fleche_projet_gauche_site{
	background-image:url(../img/static/site/petiteflecheGauche.png);
}
.fleche_projet_droite_bd{
	background-image:url(../img/static/bd/petiteflecheDroite.png);
}
.fleche_projet_gauche_bd{
	background-image:url(../img/static/bd/petiteflecheGauche.png);
	
}
.fleche_projet_droite_dessin{
	background-image:url(../img/static/dessin/petiteflecheDroite.png);
}
.fleche_projet_gauche_dessin{
	background-image:url(../img/static/dessin/petiteflecheGauche.png);
}
.fleche_projet_droite_illu{
	background-image:url(../img/static/illu/petiteflecheDroite.png);
}
.fleche_projet_gauche_illu{
	background-image:url(../img/static/illu/petiteflecheGauche.png);
}
.fleche_projet_droite_anim{
	background-image:url(../img/static/anim/petiteflecheDroite.png);
}
.fleche_projet_gauche_anim{
	background-image:url(../img/static/anim/petiteflecheGauche.png);
}

.fleche_projet_perso {
	top:310px;
}
.fleche_projet_pro {
	top:310px;
}













.fleche_cv {
	position:absolute;
	background-position: left top;
	background-repeat:no-repeat;
	width:54px;
	height:14px;
	font-size:1px;
}

.fleche_cv_haut{
	left:840px;
	top:24px;
	background-image:url(../img/static/cv/petiteflecheHaute.png);
}
.fleche_cv_bas{

	left:840px;
	top:315px;
	background-image:url(../img/static/cv/petiteflecheBas.png);
}
a:hover.fleche_cv {
	background-position: left bottom;	
}
















/*///////////////////////////////////////////////////////////////	fleches /////////////////////////////////////////////////*/
.fleche_presentation {
	position:absolute;
	background-position: left top;
	background-repeat:no-repeat;
	width:43px;
	height:89px;
}

.fleche_presentation_droite{
	left:820px;
}
.fleche_presentation_gauche{

	left:62px;

}
.fleche_presentation_droite_site{
	background-image:url(../img/static/site/flecheDroite.png);
}
.fleche_presentation_gauche_site{
	background-image:url(../img/static/site/flecheGauche.png);
}
.fleche_presentation_droite_bd{
	background-image:url(../img/static/bd/flecheDroite.png);
}
.fleche_presentation_gauche_bd{
	background-image:url(../img/static/bd/flecheGauche.png);
}
.fleche_presentation_droite_dessin{
	background-image:url(../img/static/dessin/flecheDroite.png);
}
.fleche_presentation_gauche_dessin{
	background-image:url(../img/static/dessin/flecheGauche.png);
}
.fleche_presentation_droite_illu{
	background-image:url(../img/static/illu/flecheDroite.png);
}
.fleche_presentation_gauche_illu{
	background-image:url(../img/static/illu/flecheGauche.png);
}
.fleche_presentation_droite_anim{
	background-image:url(../img/static/anim/flecheDroite.png);
}
.fleche_presentation_gauche_anim{
	background-image:url(../img/static/anim/flecheGauche.png);
}
.fleche_presentation_droite_cv{
	background-image:url(../img/static/cv/flecheDroite.png);
}
.fleche_presentation_gauche_cv{
	background-image:url(../img/static/cv/flecheGauche.png);
}
.fleche_presentation_perso {
	top:255px;
}
.fleche_presentation_pro {
	top:105px;
}





/*///////////////////////////////////////////////////////////////////////////////////////////*/	
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/







.blocImage{
	top:0px;
	position:absolute;
	left:3px;	
	height:100px;	
		margin-left:10px;
	/*/margin-right:10px;/*/
	padding:0px;
	border:0px;
	overflow:hidden;
	display:inline;
	width:3000px;
}

	.blocImage#site_bloc{
		background-color:#018cbf;
	}
	.blocImage#bd_bloc{
		background-color:#462300;
	}
	.blocImage#dessin_bloc{
		background-color:#ab2200;
	}
	.blocImage#illu_bloc{
		background-color:#e0d273;
	}

	.blocImage#anim_bloc{
		background-color:#462300;
	}
	.blocImage#cv_bloc{
		background-color:#018cbf;
	}





.conteneurImage{
	float:left;
	display:inline;
	height:140px;
	width:200px;	
	margin:0px;
	padding-right:10px;
	border:0px;
	overflow:hidden;
}
	.conteneurImage#site{
	background-color:#018cbf;
	}
	.conteneurImage#bd{
	background-color:#462300;
	}
	.conteneurImage#dessin{
	background-color:#ab2200;
	}
	.conteneurImage#illu{
	background-color:#e0d273;
	}
	.conteneurImage#anim{
	background-color:#462300;
	}
	.conteneurImage#cv{
	background-color:#018cbf;
	}
.boiteProjet .conteneurImage {
	float:left;
	display:inline;
	height:80px;
	width:120px;	
	margin-left:10px;
	margin-top:10px;
	padding:0px;
	border:0px;
	overflow:hidden;
}










/*/////////////////////////////////////  IMAGES    //////////////////////////*/	

.imgSite a{
	position:relative;
	width:200px;
	overflow:hidden;
	/*padding-left:10px;
	padding-right:10px;*/
}
.imgSite#projet a{
	position:relative;
	margin:0px;
	overflow:hidden;
}

#imgSiteProjet{
	position:absolute;
	top:30px;
	left:520px;
}

#imgSiteProjet .couleur_image_site{
	border-color:#018cbf;
}
#imgSiteProjet .couleur_image_bd{
	border-color:#462300;
}
#imgSiteProjet .couleur_image_dessin{
	border-color:#ab2200;
}
#imgSiteProjet .couleur_image_illu{
	border-color:#e0d273;
}
#imgSiteProjet .couleur_image_anim{
	border-color:#9f8160;
}
#imgSiteProjet .couleur_image_cv{
	border-color:#018cbf;
}
	
#imageGrande{
	position:absolute;
	height:820px;
	width:1219px;
	top:0px;
	left:0px;
}
/*/////////////////////////////////////   TITRES   //////////////////////////*/	
#titreSite{
	position:absolute;
	top:65px;
	left:180px;
}

.titre{
	z-index:1;
	position:absolute;
	background-repeat:no-repeat;
	height:43px;
	width:250px;
	top:75px;
	left:80px;
	
}

.titre2{
	z-index:1;
	position:absolute;
	background-repeat:no-repeat;
	height:43px;
	width:250px;
	top:30px;
	left:120px;
}
.titre_pro{
top:65px;
}
.titre_perso{
top:220px;
}
		.titre#site_pro{
		background-image:url(../img/static/site/titreProjetPro.png);
		}
		.titre2#site_pro2{
		background-image:url(../img/static/site/titreProjetPro.png);
		}
		.titre#site_perso{
		background-image:url(../img/static/site/titreProjetPerso.png);
		}
		.titre2#site_perso2{
		background-image:url(../img/static/site/titreProjetPerso.png);
		}
		.titre#bd_pro{
		background-image:url(../img/static/bd/titreProjetPro.png);
		}
		.titre2#bd_pro2{
		background-image:url(../img/static/bd/titreProjetPro.png);
		}
		.titre#bd_perso{
		background-image:url(../img/static/bd/titreProjetPerso.png);
		}
		.titre2#bd_perso2{
		background-image:url(../img/static/bd/titreProjetPerso.png);
		}
		.titre#dessin_pro{
		background-image:url(../img/static/dessin/titreProjetPro.png);
		}
		.titre2#dessin_pro2{
		background-image:url(../img/static/dessin/titreProjetPro.png);
		}
		.titre#dessin_perso{
		background-image:url(../img/static/dessin/titreProjetPerso.png);
		}
		.titre2#dessin_perso2{
		background-image:url(../img/static/dessin/titreProjetPerso.png);
		}
		.titre#illu_pro{
		background-image:url(../img/static/illu/titreProjetPro.png);
		}
		.titre2#illu_pro2{
		background-image:url(../img/static/illu/titreProjetPro.png);
		}
		.titre#illu_perso{
		background-image:url(../img/static/illu/titreProjetPerso.png);
		}
		.titre2#illu_perso2{
		background-image:url(../img/static/illu/titreProjetPerso.png);
		}
		.titre#anim_pro{
		background-image:url(../img/static/anim/titreProjetPro.png);
		}
		.titre2#anim_pro2{
		background-image:url(../img/static/anim/titreProjetPro.png);
		}
		.titre#anim_perso{
		background-image:url(../img/static/anim/titreProjetPerso.png);
		}
		.titre2#anim_perso2{
		background-image:url(../img/static/anim/titreProjetPerso.png);
		}
		.titre#cv_pro{
		background-image:url(../img/static/cv/titreProjetPro.png);
		}
		.titre2#cv_pro2{
		background-image:url(../img/static/cv/titreProjetPro.png);
		}
		.titre#cv_perso{
		background-image:url(../img/static/cv/titreProjetPerso.png);
		}
		.titre2#cv_perso2{
		background-image:url(../img/static/cv/titreProjetPerso.png);
		}



#titreProjet{
	z-index:1;
	position:absolute;
	background-image:url(../img/static/titreProjetPro.png);
	background-repeat:no-repeat;
	height:43px;
	width:250px;
	top:30px;
	left:90px;
}
#nomProjet{
	position:absolute;
	z-index:1;
	float:left;
	background-repeat:no-repeat;
	height:35px;
	width:290px;
	top:65px;
	left:120px;
}




/*///////////////////////////////////////////////////////////////	TEXTES   /////////////////////////////////////////////////*/

#resume p{
	position:absolute;
	top:50px;
	height:105px;
	width:390px;
	top:100px;
	left:120px;
	font-size:15px;
	font-family:"Courier New", Courier, mono;
	color:#666766;
	margin:0px;
}
#resume p#sousTitre{
	position:absolute;
	height:40px;
	width:260px;
	top:235px;
	left:525px;
	font-size:11px;
	font-family:"Courier New", Courier, mono;
	color:#666766;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border:0px;
}

/*
#fermer{
	position:absolute;
	top:600px;
	left:800px;
}*/
/*///////////////////////////////////////////////////////        cv              ////////////////////////////////////////////*/

#lien_cv{
	position:absolute;
	height:268px;
	width:200px;
	overflow:hidden;
	top:38px;
	left:830px;
	margin:0px;
	padding:0px;
	border:0px;
}
	#lien_cv ul{
		position:absolute;
		height:280px;
	    width:200px;
		margin:0px 0px 0px 0px;
		padding:0px;
		border:0px;

	
	}

		#lien_cv ul li{
		position:relative;
		height:100px;
		width:200px;
		list-style: none;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		}
			
		#lien_cv ul li p a{
		decoration:none;
		text-decoration: none;
		}
		
		#lien_cv ul li p a:hover{
		text-decoration: underline;
		}

	 	#lien_cv p{
		font-size:14px;
		font-variant:small-caps;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		overflow:hidden;
		margin:0px;
		padding:0px;
		border:0px;
		/*color:red;*/
		}

/*//////////////////
#cv_img{
		position:absolute;
		height:130px;
		width:190px;
		top:170px;
		left:280px;
		margin-left:10px;
		padding:px;
		border:0px;
		}
	
		////////////////////////////////////*/
#bt_telechargement a{
	position:absolute;
	background-image:url(../img/static/cv/bouton_telechargement.png); 
	background-repeat:no-repeat;
	top:170px;
	left:290px;
	height:37px;
	width:80px;
	z-index:1;
}
#bt_telechargement a:hover{
	background-position:right top;
}	



#bt_mail a{
	position:absolute;
	background-position:left top;
	background-image:url(../img/static/cv/bouton_mail.png); 
	background-repeat:no-repeat;
	top:78px;
	left:295px;
	height:25px;
	width:31px;
	z-index:1;
}

#bt_mail a:hover{
	background-position:right top;
}




#bt_lien_merci{
	position:absolute;
	margin-left:-629px;
	margin-top:-330px;
	top:50%;
	left:50%;
	height:660px;
	width: 1258px;
}


#nico a{
  
	background-image:url(../img/static/cv/bt_nico.jpg); 
	background-repeat:no-repeat;
	position:absolute;
	height:25px;
	width:67px;
	top:365px;
    left:458px;
	
}
#anto a{
   
	background-image:url(../img/static/cv/bt_anto.jpg);
	background-repeat:no-repeat;
    position:absolute;
	height:33px;
	width:65px;
	top:384px;
	left:664px;
	
	
}

#john a{
 
	background-image:url(../img/static/cv/bt_john.jpg);
	background-repeat:no-repeat;
    position:absolute;
	height:32px;
	width:96px;
	top:373px;
    left:530px;
	
}
#julie a{
 
	background-image:url(../img/static/cv/bt_julie.jpg);
	background-repeat:no-repeat;
    position:absolute;
	height:32px;
	width:96px;
	top:365px;
    left:925px;
	
}



#nico a:hover{
	background-position:right top;
}
#anto a:hover{
    background-position:right top;
}

#john a:hover{
    background-position:right top;
}
#julie a:hover{
    background-position:right top;
}



#ombre{
	position:absolute;
	margin-left:-695px;
	margin-top:-377px;
	top:50%;
	left:50%;
	height:754px;
	width: 1370px;
	background-image:url(../img/static/ombre.jpg);
	background-repeat:no-repeat;
}