body {
background-color:#000000;
}


div#boite_principale {
	width:710px;
	height:468px;
	margin:0 auto;
	margin-top:50px;
	/*border:1px dotted orange;*/

}


#boite_menu {
	background-color:#252227;
	float:left;
	width:auto;
	height: 52px;
	/*border: 1px solid yellow;*/
}


#boite_menu ul {
	margin: 0;
	padding: 0;	
}


#boite_menu ul li {
	list-style:none;
	float:left;
	width:auto;
	/*border:1px solid green;*/
	padding:0;
	margin:0;
	padding-bottom:4px;
}


#boite_menu ul li a {
	display:block;
	padding: 10px;
	padding-bottom:6px;
	/*border:1px dashed blue;*/
	border-bottom: 7px solid #000000;
	text-decoration:none;
	color: #FFFFFF;
	font: 600 0.9em Arial, Helvetica, sans-serif;
}
	
	
#boite_menu ul li a:hover{
	text-decoration: none;
	border-bottom: 7px solid #cc3a00;
}
	
	
	
#boite_menu ul li a:visited{
	color:#FFFFFF;
}



#boite_titre {
	float:right;
	margin:0;
	padding:0;
	width:auto;
	height:52px;
	text-align:right;
	/*border:	1px dotted blue;*/
}


#boite_titre h1 {
	padding:0;
	margin:0;
	margin-top:-3px;
	margin-right:20px;
	width:auto;
	letter-spacing:2px;
	color:#252227;
	/*border:1px dashed orange;*/
	font: 2.5em/100% Impact;
}


#bandeau-arrondi {
	padding:0;
	margin:0;
	margin-top:-5px;
	background-color:#252227;
	width:342px;
	height:20px;
	background-image:url(img/barre-titre-arrondi.gif);
	background-repeat:no-repeat;
	background-position:right;
}


#zone_gauche {
	float:left;
	width:auto;
	height:398px;
	margin:0;
	margin-top:18px;
	margin-right:60px;
	padding:0;
	text-align:right;
	/*border:1px dashed blue;*/
}



#commentaires {
	width:170px;
	height:175px;
	margin:0;
	padding:0;
	font: 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#commentaires h2 {
	margin:0;
	padding:0;
	font: 600 1em Arial, Helvetica, sans-serif;
	color: #cc3a00;
}



#fleche {
	float:left;
	margin:0;
	padding:0;
	width:122px;
	height:122px;
}



#bloc_fleche {
	margin:0;
	margin-top:52px;
	padding:0;
	width:170px;
	height:170px;
	position:relative;
}
	
	
	
	
	
	
	
	
	
/*----------MENU fleche portfolio---------*/

#nav_2 {
	float:right;
	width:26px;
	height:122px;
	margin:0;
	padding:0;
}


.bas_fleche {
	float:left;
	margin:0;
	margin-top:17px;
	padding:0;
	width:170px;
	height:30px;
	background-color:#252227;
}


a.bouton_print {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/bouton_print_1.gif);
	background-repeat:no-repeat;
}


a.bouton_print:hover {
	background-image:url(img/bouton_print_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_print_current {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/bouton_print_3.gif);
	background-repeat:no-repeat;
}


a.bouton_print_current:hover {
	background-image:url(img/bouton_print_2.gif);
	background-repeat:no-repeat;
}	



a.bouton_numerik {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/bouton_numerik_1.gif);
	background-repeat:no-repeat;
}


a.bouton_numerik:hover {
	background-image:url(img/bouton_numerik_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_numerik_current {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/bouton_numerik_3.gif);
	background-repeat:no-repeat;
}


a.bouton_numerik_current:hover {
	background-image:url(img/bouton_numerik_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_dessin {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/bouton_dessin_1.gif);
	background-repeat:no-repeat;
}


a.bouton_dessin:hover {
	background-image:url(img/bouton_dessin_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_dessin_current {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/bouton_dessin_3.gif);
	background-repeat:no-repeat;
}


a.bouton_dessin_current:hover {
	background-image:url(img/bouton_dessin_2.gif);
	background-repeat:no-repeat;
}	





/*----------MENU fleche profil---------*/

a.bouton_accueil {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/boutons_accueil_1.gif);
	background-repeat:no-repeat;
}


a.bouton_accueil:hover {
	background-image:url(img/boutons_accueil_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_accueil_current {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/boutons_accueil_3.gif);
	background-repeat:no-repeat;
}


a.bouton_accueil_current:hover {
	background-image:url(img/boutons_accueil_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_competences {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/boutons_comp_1.gif);
	background-repeat:no-repeat;
}


a.bouton_competences:hover {
	background-image:url(img/boutons_comp_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_competences_current {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/boutons_comp_3.gif);
	background-repeat:no-repeat;
}


a.bouton_competences_current:hover {
	background-image:url(img/boutons_comp_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_cv {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/boutons_cv_1.gif);
	background-repeat:no-repeat;
}


a.bouton_cv:hover {
	background-image:url(img/boutons_cv_2.gif);
	background-repeat:no-repeat;
}	


a.bouton_cv_current {
	float:left;
	display:block;
	margin:7px 0;
	padding:0;
	width:26px;
	height:26px;
	background-image:url(img/boutons_cv_3.gif);
	background-repeat:no-repeat;
}


a.bouton_cv_current:hover {
	background-image:url(img/boutons_cv_2.gif);
	background-repeat:no-repeat;
}	






/*---------------CONTENU PRINCIPAL------------*/

#contenu {
	float:left;
	height:398px;
	margin:0;
	margin-top:18px;
	padding:0;
	/*border:1px dotted green;*/
}




#contenu_principal {
	background-color:#FFFFFF;
	background-image:url(img/fond-avec-logo.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:318px;
	margin:0;
	padding:0;
	width:476px;
	border:1px solid #ffffff;
}




#contenu_principal_portfolio {
	background-color:#252227;
	border:1px solid #ffffff;
	height:318px;
	margin:0;
	padding:0;
	padding-top:0px;
	width:476px;
	position:relative;
	text-align:center;
}

#contenu_principal_portfolio_dessin {
	background-color:#000000;
	border:1px solid #ffffff;
	height:318px;
	margin:0;
	padding:0;
	padding-top:0px;
	width:476px;
	position:relative;
	text-align:center;
}


#contenu_principal_contact {
	height:298px;
	margin:0;
	margin-top:20px;
	padding:0;
	width:476px;
	position:relative;
	text-align:left;
	border: 1px solid #000000;
}




#contenu_principal_liens {
	height:318px;
	margin:0;
	padding:0;
	width:476px;
	position:relative;
	text-align:left;
	border: 1px solid #000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu_principal_liens h3 {
	font-size:0.9em;
	color:#cc3a00;
	margin:5px;
	margin-top:25px;
	padding:0;
}


#contenu_principal_liens a {
	font-size:0.76em;
	color:#FFFFFF;
	display:block;
	margin:10px;
	margin-left:30px;
	padding:0;
}




.image_1 {
	float:left;
	width:auto;
	height:300px;
	margin:0;
	margin-left:14px;
	padding:0;
}

/*.image_2 {
	float:left;
	width:auto;
	margin:0;
	padding:0;
}*/


#type_document {
	clear:both;
	margin:0;
	padding:0;
	width:474px;
	position:absolute;
	bottom:6px;
	right:10px;
	text-align:right;
}


#type_document h2 {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	margin-right:5px;
	font: 600 0.76em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


.type_document_format {
	float:right;
	width:auto;
	margin:0;
	padding:0;
	font: 0.76em Arial, Helvetica, sans-serif;
	color:#ffffff;
}




/*#type_document h2 {
	margin:0;
	padding:0;
	font: 600 1em Arial, Helvetica, sans-serif;
}*/
	









#contenu_bas {
	margin:0;
	padding:0;
	position:relative;
	height:78px;
	width:476px;
	/*border:1px solid blue;*/

}




.lien_actif {
	color: #FFFFFF;
}

#carres {
	margin:0;
	padding:0;
	float:left;
	width:auto;
	position:absolute;
	bottom:0;
	right:0;
	/*border:1px dotted silver;*/
}
	
a.bouton-mail {
	display:block;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	background-image:url(img/bouton_mail_1.gif);
	background-repeat:no-repeat;
}


a.bouton-mail:hover {
	background-image:url(img/bouton_mail_2.gif);
	background-repeat:no-repeat;
}



.text_accueil {
	margin:0;
	margin-top:30px;
	margin-left:30px;
	padding:0;
	width:248px;
	height:auto;
	font: 600 0.8em Arial, Helvetica, sans-serif;
	color:#000000;
}


.text_annee {
	margin:0;
	padding:0;
	color:#cc3a00;
}

.text_accueil_intro{
	font-size:0.85em;
	line-height:150%;
}


.citation_accueil {
	margin:0;
	margin-top:130px;
	margin-left:80px;
	padding:0;
	width:238px;
	height:auto;
	font: italic 0.7em Arial, Helvetica, sans-serif;
	color:#000000;
}


.signature {
	margin:0;
	margin-left:80px;
	padding:0;
	width:238px;
	height:auto;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:right;
}



/* ------     VIGNETTES   ------ */

#boite_vignettes {
	margin:0;
	margin-top:20px;
	padding:0;
	position:absolute;
}

.vignettes {
	width:300px;
	height:40px;
	margin:0;
	margin-top:8px;
	padding:0;
}



.vignettes ul {
	margin:0;
	padding:0;
}


.vignettes ul li{
	margin:0;
	margin:0 6px;
	padding:0;
	list-style:none;
	float:left;
	width:auto;
}


.vignettes ul li a{
	display:block;
	width:20px;
	height:10px;
	text-decoration:none;
	background-color:#000000;
	border-top:6px solid #ffffff;
}


.vignettes ul li a:hover{
	display:block;
	width:20px;
	height:10px;
	border-top:6px solid #cc3a00;
	}
	
.vignettes ul li a.current{
		border-top:6px solid #252227;
}

	
/* ------   fin    VIGNETTES   ------ */	







#forme_1 {
	width:300px;
	margin:0;
	padding:0;
	padding-left:10px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}