/* BODY ------------------------------------ */
body{
	background-color:#000000;	
}

h1{
	/*display:none;*/
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: none;
	color:#CCCCCC;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color:#CCCCCC;
}



/* CENTRAL ------------------------------------ */
#central{
	position:absolute;
	left: 50%; 
    top: 50%;
	width: 900px;
	height: 600px;
	margin-left: -450px;
	margin-top: -300px;
	background-color:#000000;
	border: 1px solid white;
	}


#bas_page{
	position:absolute;	
	font: bold italic 0.6em Arial, Helvetica, sans-serif;
	color:#333333;
	top: 100.5%;
	width: 900px;
	text-align:center;
}

#bas_page a {		
	color:#333333;
	text-decoration:none;	
}

#bas_page a:hover {		
	color:#666666;
	text-decoration:none;	
}

#retour_accueil{
	position:absolute;	
	width:200px;
	height:30px;
	top: -3%;
	z-index:200;
}

.lien_google{
	text-decoration:none;
	color:#999999;	
}

.lien_google:hover{
	text-decoration:none;
	color:#CCCCCC;	
}



/* BLOG ---------------------------------------------- */
#blog{
	margin-top:47.1%;
	margin-left:0%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #blog {
	margin-top:47.1%;
	margin-left:-2%;
}

.ImageBlog{
	border:0;
}

/* IMAGE DU HAUTE ------------------------------------ */

#demi_phive{
	position:absolute;
	background-image:URL(../images/interface/phive.jpg);
	background-repeat: no-repeat;	
	top: -3.3%;
	width: 91px;
	height: 18px;
	left:-0.2%;
}

#demi_online{
	position:absolute;
	background-image:URL(../images/interface/online.jpg);
	background-repeat: no-repeat;	
	left: 10%;
	width: 115px;
	height: 12px;
}

#demi_boule_rouge{
	position:absolute;
	background-image:URL(../images/interface/boule_rouge.jpg);
	background-repeat: no-repeat;	
	top: -1.5%;
	left: 10.7%;
	width: 14px;
	height: 8px;
}

#demi_boule_violet{
	position:absolute;
	background-image:URL(../images/interface/boule_violette.jpg);
	background-repeat: no-repeat;	
	top: -1.4%;
	left: 10.7%;
	width: 14px;
	height: 7px;
}

#demi_boule_bleu{
	position:absolute;
	background-image:URL(../images/interface/boule_bleue.jpg);
	background-repeat: no-repeat;	
	top: -1.5%;
	left: 10.7%;
	width: 14px;
	height: 8px;
}

#demi_boule_vert{
	position:absolute;
	background-image:URL(../images/interface/boule_verte.jpg);
	background-repeat: no-repeat;	
	top: -1.5%;
	left: 10.7%;
	width: 14px;
	height: 8px;
}

#demi_boule_jaune{
	position:absolute;
	background-image:URL(../images/interface/boule_jaune.jpg);
	background-repeat: no-repeat;	
	top: -1.5%;
	left: 10.7%;
	width: 14px;
	height: 8px;
}

/* Spécial ------------------------------------ */
#InfosSpecial{
	font: italic 0.1em Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top: 1.5%;
	margin-right: 14%;
	text-align:right;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #InfosSpecial {
	font: italic 0.8em Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top: 3%;
	margin-right: 14%;
	text-align:right;
}



/* MENU ------------------------------------ */
#menu{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	top:35%;
	left:82%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #menu {
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	top:33%;
	left:82%;	
}

.lien_menu_actif{
	font: bold italic 0.8em Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;	
}

.lien_menu_nonactif{
	font: bold italic 0.8em Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}

.lien_menu_nonactif:hover{
	font: bold italic 0.8em Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

ul, li {
	list-style-type:none;
}


#carre_rouge{	
	position:absolute;
	font-size:0.1em;
	height:10px;
	left:130px;
	border: 1px solid red;
	width:10px;
	height:10px;	
	margin-top:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #carre_rouge {
	position:absolute;
	top:19px;
	left:130px;
	border: 1px solid red;
	width:10px;
	height:10px;	
	margin-top:2px;	
}

#carre_violet{	
	position:absolute;	
	font-size:0.1em;
	height:10px;
	left:130px;
	border: 1px solid #990099;
	width:10px;
	height:10px;	
	margin-top:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #carre_violet {
	position:absolute;
	top:39px;
	left:130px;
	border: 1px solid #990099;
	width:10px;
	height:10px;	
	margin-top:2px;	
}

#carre_bleu{	
	position:absolute;	
	font-size:0.1em;
	height:10px;
	left:130px;
	border: 1px solid #006699;
	width:10px;
	height:10px;	
	margin-top:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #carre_bleu {
	position:absolute;
	top:59px;
	left:130px;
	border: 1px solid #006699;
	width:10px;
	height:10px;	
	margin-top:2px;	
}

#carre_vert{	
	position:absolute;	
	font-size:0.1em;
	height:10px;
	left:130px;
	border: 1px solid #99CC66;
	width:10px;
	height:10px;	
	margin-top:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #carre_vert {
	position:absolute;
	top:79px;
	left:130px;
	border: 1px solid #99CC66;
	width:10px;
	height:10px;	
	margin-top:2px;	
}

#carre_jaune{	
	position:absolute;	
	font-size:0.1em;
	height:10px;
	left:130px;
	border: 1px solid #FFFF00;
	width:10px;
	height:10px;	
	margin-top:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #carre_jaune {
	position:absolute;
	top:99px;
	left:130px;
	border: 1px solid #FFFF00;
	width:10px;
	height:10px;	
	margin-top:2px;	
}


#petit_repere_accueil{
	position:absolute;
	width:10px;
	font-size:0.1em;
	height:10px;
	background-color:#FF0000;
	top:95.5%;
	left:96.7%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #petit_repere_accueil {
	position:absolute;
	width:10px;
	height:10px;	
	background-color:#FF0000;
	top:95.5%;
	left:96.7%;	
}

#petit_repere_portefolio{
	position:absolute;
	width:10px;
	font-size:0.1em;
	height:10px;	
	background-color:#990099;
	top:95.5%;
	left:96.7%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #petit_repere_portefolio {
	position:absolute;
	width:10px;
	height:10px;	
	background-color:#990099;
	top:95.5%;
	left:96.7%;	
}

#petit_repere_cv{
	position:absolute;
	width:10px;
	font-size:0.1em;
	height:10px;		
	background-color:#006699;
	top:95.5%;
	left:96.7%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #petit_repere_cv {
	position:absolute;
	width:10px;
	height:10px;	
	background-color:#006699;
	top:95.5%;
	left:96.7%;	
}

#petit_repere_divers{
	position:absolute;
	width:10px;
	font-size:0.1em;
	height:10px;		
	background-color:#99CC66;
	top:95.5%;
	left:96.7%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #petit_repere_divers {
	position:absolute;
	width:10px;
	height:10px;	
	background-color:#99CC66;
	top:95.5%;
	left:96.7%;	
}

#petit_repere_contact{
	position:absolute;
	width:10px;
	font-size:0.1em;
	height:10px;	
	background-color:#FFFF00;
	top:95.5%;
	left:96.7%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #petit_repere_contact {
	position:absolute;
	width:10px;
	height:10px;	
	background-color:#FFFF00;
	top:95.5%;
	left:96.7%;	
}


/* LANGUES ------------------------------------ */

#langue{
	position:absolute;	
	top:2%;
	left:89%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #langue {
	position:absolute;	
	top:-1%;
	left:89%;	
}

.lien_menu_actif_petit{
	font: italic 0.6em Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;	
}

.lien_menu_nonactif_petit{
	font: italic 0.6em Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}

.lien_menu_nonactif_petit:hover{
	font: italic 0.6em Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}


/* BARRE INFOS ------------------------------------ */

#barre_info_dedans{
	position:absolute;	
	top:13.5%;
	left:9.5%;
	background-color:#323232;	
	width:814px;
	height:120px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #barre_info_dedans {
	position:absolute;	
	top:13.5%;
	left:9.5%;
	background-color:#323232;	
	width:815px;
	height:120px;	
}

#barre_info_dehors{
	position:absolute;	
	top:13.5%;
	left:100.1%;
	background-color:#323232;	
	width:30px;
	height:120px;	 
}



/* Les textes ------------------------------------ */
#texte_intro{	
	padding-left:30px;
	padding-top:25px;
	padding-bottom:5px;	
}

#citation{
	font: bold italic 0.6em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
	padding-right:27px;		
	margin-top:-10px;
}



/* Les Images de fond ------------------------------------ */

#image_accueil{
	position:absolute;	
	top:43.7%;
	left:56%;
	width: 382px;
	height: 337px;
	background-image:URL(../images/interface/image_accueil.jpg);
	background-repeat: no-repeat;	
}


#image_portefolio{
	position:absolute;	
	top:44.7%;
	left:64%;
	width: 278px;
	height: 331px;
	background-image:URL(../images/interface/image_portefolio.jpg);
	background-repeat: no-repeat;	
}

#image_cv{
	position:absolute;	
	top:47%;
	left:70%;
	width: 247px;
	height: 318px;
	background-image:URL(../images/interface/image_cv.jpg);
	background-repeat: no-repeat;	
}

#image_divers{
	position:absolute;	
	top:41.6%;
	left:60%;
	width: 271px;
	height: 350px;
	background-image:URL(../images/interface/image_divers.jpg);
	background-repeat: no-repeat;	
}

#image_contact{
	position:absolute;	
	top:38.5%;
	left:67%;
	width: 209px;
	height: 368px;
	background-image:URL(../images/interface/image_contact.jpg);
	background-repeat: no-repeat;	
}



#img_texte_accueil{
	position:absolute;	
	top:8.8%;
	left:15%;
	width: 209px;
	height: 44px;
	background-image:URL(../images/interface/texte_accueil.jpg);
	background-repeat: no-repeat;	
	z-index:100;
}

#img_texte_portefolio{
	position:absolute;	
	top:10.2%;
	left:15%;
	width: 195px;
	height: 31px;
	background-image:URL(../images/interface/texte_portefolio.jpg);
	background-repeat: no-repeat;	
	z-index:100;
}

#img_texte_cv{
	position:absolute;	
	top:9.8%;
	left:15%;
	width: 291px;
	height: 31px;
	background-image:URL(../images/interface/texte_cv.jpg);
	background-repeat: no-repeat;	
	z-index:100;
}

#img_texte_divers{
	position:absolute;	
	top:9.8%;
	left:15%;
	width: 128px;
	height: 33px;
	background-image:URL(../images/interface/texte_divers.jpg);
	background-repeat: no-repeat;	
	z-index:100;
}

#img_texte_contact{
	position:absolute;	
	top: 10.1%;
	left:15%;
	width: 161px;
	height: 29px;
	background-image:URL(../images/interface/texte_contact.jpg);
	background-repeat: no-repeat;	
	z-index:100;
}


/* Les news ------------------------------------ */
#news{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;	
	top:40%;
	left:15%;
	width:420px;
}

#titre_news{
	font-size: 0.7em;
	color:#CCCCCC;
}

#contenu_news{
	font-size: 0.6em;
	color:#999999;
	text-align:justify;
	height:45px;
}

/* Les réalisation ------------------------------------ */
#realisations{
	position:absolute;	
	top:80%;
	left:25%;
		
}

#derniere_rea{
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	color:#999999;	
}

.lien_rea{
	text-decoration:none;
	color:#999999;	
}

.lien_rea:hover{
	text-decoration:none;
	color:#CCCCCC;
}

#titre_partie{
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	height:25px;
}


/* Sous Menu ------------------------------------ */

#sous_menu{	
	position:absolute;	
	top:35%;
	left:10%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>body #sous_menu {
	position:absolute;	
	top:33%;
	left:10%;	
}

a.sous_menu_nonactive{	
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;	
}

a.sous_menu_nonactive:hover{	
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;	
}

a.sous_menu_active{	
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;	
}

a.sous_menu_active:hover{	
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;	
}

#element_sous_menu{
	float:left;
	width:180px;
}


/* POrte Folio ------------------------------------ */
#liste_real{
	position:absolute;	
	top:38%;
	left:10%;	
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body #liste_real {
	position:absolute;	
	top:37%;
	left:10%;		
}

#real{	
	margin-right:10px;
	width:10px;
	font-size:0.1em;
	height:10px;	
	background-color:#000000;
	border: 1px solid #CCCCCC;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body #real {
	margin-right:10px;
	width:10px;
	height:10px;	
	background-color:#000000;
	border: 1px solid #CCCCCC;
	float:left;	
}

#real_active{	
	margin-right:10px;
	width:10px;
	font-size:0.1em;
	height:10px;	
	background-color:#990099;
	border: 1px solid #CCCCCC;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body #real_active {
	margin-right:10px;
	width:10px;
	height:10px;	
	background-color:#990099;
	border: 1px solid #CCCCCC;
	float:left;	
}

#liste_real div:hover{
	background-color:#990099;
}

#detail_rea{
	position:absolute;	
	top:42%;
	left:10%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#img_rea{
	border: 1px solid #990099;
	width:120px;
	height:310px;
	text-align:center;
	vertical-align:middle;
	float:left;
	margin-right:15px;
}

.image_rea{
	width:120px;
	height:310px;
}

#info_rea{
	width:480px;
	margin-top:20px;
}

#texte_rea{
	font-size: 0.7em;
	color:#999999;
	text-align:justify;
	height:50px;
}

.lien_rea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;	
}

.lien_rea:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;	
}


/* Coordonnées ------------------------------------ */
#coordonnees{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;	
	top:40%;
	left:17%;
	width:420px;
}



#formulaire_contact{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;	
	top:67%;
	left:17%;
	width:420px;
}

#envoi_mail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;	
	top:77%;
	left:45%;
	width:420px;
}

#photo_contact{	
	background-image:URL(../images/photo_contact.jpg);
	background-repeat: no-repeat;	
	position:absolute;	
	top:40%;
	left:50%;
	width:101px;
	height:139px;
}

/* Formulaire de contact ------------------------------------ */
.formulaire fieldset{
	border: none;
}

.formulaire input{
	border: 1px solid #BBBBBB;	
}


.formulaire textarea{
	border: 1px solid #BBBBBB;
	width:142px;
}


.formulaire label{
	width:130px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;	
	float:left;
}

.bouton_form{	
	font: 1em Verdana, Arial, Helvetica, sans-serif;	
	color:#FFF9EB;
	background-color:#000;	
	border: 1px solid white;
}


/* CV ------------------------------------ */

#down_cv{		
	position:absolute;	
	top:90%;
	left:28%;	
	color:#999999;
}

#down_cv a {		
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
	color:#999999;
	text-decoration:none;	
}

#down_cv a:hover {		
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
	color:#CCCCCC;
	text-decoration:none;	
}

/* Formations ------------------------------------ */

#detail_for{
	position:absolute;	
	top:42%;
	left:10%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre_form{	
	color:#CCCCCC;
}

#espace_date{
	float:left;
	width:74px;
}

#espace_exp{	
	margin-left:50px;
}




/* Liens ------------------------------------ */
#lien{	
	margin-right:10px;
	width:10px;
	height:10px;	
	background-color:#000000;
	border: 1px solid #CCCCCC;
	float:left;
}

#lien_active{	
	margin-right:10px;
	width:10px;
	height:10px;	
	background-color:#99CC66;
	border: 1px solid #CCCCCC;
	float:left;
}

#liste_lien{
	position:absolute;	
	top:37%;
	left:10%;
	
}

#liste_lien div:hover{
	background-color:#99CC66;
}

#img_lien{
	border: 1px solid #99CC66;
	width:122px;
	height:312px;
	text-align:center;
	vertical-align:middle;
	float:left;
	margin-right:15px;
}

.image_lien{
	width:122px;
	height:312px;
}

#texte_lien{
	font-size: 0.7em;
	color:#999999;
	text-align:justify;
	height:100px;
}