/**************************************************************************************************************************/
/*                                               0.SOMMAIRE STYLES                                                        */
/*--------------------------------------------------------------------------------------------------------------------------
	I.STYLES GÉNÉRAUX
		a.Styles globaux    
		b.Cadres de calage   
		c.Menu Principal     
		d.Divers             
	II.HOME                                                      
		a.Styles globaux     
		b.Qui suis-je       
		c.Nouveau            
		d.Réseau            
		e.Coordonnées 
		f.CV       
	III.PORTFOLIO
		a.Creas 
		b.Puces  
	IV.CONTACT 
		a.Mise en Page globale   
		b.Formulaire       
/**************************************************************************************************************************/



/**************************************************************************************************************************/
/*                                               I.STYLES GÉNÉRAUX                                                        */
/*------------------------------------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*     a.Styles globaux     */
	/*--------------------------*/
		a{
			text-decoration:none; 
			color: #ec9c18;
			cursor:pointer;
			outline:none;
			}
			
		a:hover {
			text-decoration: underline;
			}
			
		body{
			background-image:url(../img/half_background.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			background-color:black;
			overflow:hidden;
			font-family:Tahoma;
			}
	
	/*--------------------------*/
	/*     b.Cadres de calage   */
	/*--------------------------*/
		.cadre_global{
			position:absolute; 
			top:0%; 
			left:0%; 
			width:100%; 
			height:100%; 
			overflow:hidden;
			}

		.centrage{
			position:absolute;
			top:0px;
			left:50%;
			}
			
		.cadre_scene_haut{
			position:absolute;
			top:136px;
			left:-639px;
			}
			
		.cadre_scene_bas{
			position:absolute;
			top:557px;
			left:-639px;
			}
			
		.cadre_scene_baffle_gauche{
			position:absolute;
			z-index:4;
			top:448px;
			left:-729px;
			}
		.cadre_scene_baffle_droite{
			position:absolute;
			z-index:4;
			top:445px;
			left:568px;
			}
		
		.ombre_droite{
			position:absolute;
			left:474px;
			width:486px;
			height:1200px;
			background-image:url(../img/ombre_droite.png);
			background-position:right center;
			background-repeat:no-repeat;
			z-index:20;
		}
		.ombre_gauche{
			position:absolute;
			left:-960px;
			width:486px;
			height:1200px;
			background-image:url(../img/ombre_gauche.png);
			background-position:left center;
			background-repeat:no-repeat;
			z-index:20;
		}		

		.planche_creas{
			position:absolute; 
			top:-206px; 
			left:-50px; 
			height:433px; 
			}
			
		.zone_crea_centrale{
			position:absolute; 
			top:344px; 
			left:-600px; 
			width:1200px; 
			height:433px;
			}
			
	/*--------------------------*/
	/*     c.Menu Principal     */
	/*--------------------------*/
		.cadre_menu_principal{
			position:absolute; 
			top:100px; 
			left:217px; 
			width:248px; 
			height:35px;
			z-index:100;
			}
		
		#lien_accueil{
			width:76px;
			background:left top;
			background-image:url(../img/btn_accueil.png);
			cursor:pointer;
			}
		#lien_contact{
			width:81px;
			background:left top;
			background-image:url(../img/btn_contact.png);
			cursor:pointer;
			}
		#lien_portfolio{
			width:91px;
			background:left top;
			background-image:url(../img/btn_portfolio.png);
			cursor:pointer;
			}
		
		#menu{
			width:248px;
			position:relative;
			top:0px;
			left:0px;
			z-index:70;
			}
		#menu a{
			text-decoration:none;
			display:block;
			padding:0;
			color:#474747;
			}
		#menu, #menu ul{
			padding:0;
			margin:0;
			list-style:none;
			line-height:36px;
			text-align:center;
			}
		#menu li{
			float:left;
			list-style-type:none;
			}
		#menu a:hover{
			color:#FFF;
			background-position:right top;
			}	
			
		.smiley{
			position:absolute;
			top:83px;
			left:227px;
			height:21px;
			width:49px;
			background-image:url(../img/smiley.png);
			}
		.smiley:hover{
			cursor:pointer;
			}	
	
	/*--------------------------*/
	/*     d.Divers             */
	/*--------------------------*/	
		.astucenav{
			position:absolute;
			top:100px;
			left:-118px;
			overflow:hidden;
			width:237px;
			height:28px;
			}

		.copyright{
			color:#666666;
			font-size:9px;
			text-align:center;
			width:200px;
			position:absolute;
			top:569px;
			left:-100px;
			}
			
/**************************************************************************************************************************/



/**************************************************************************************************************************/
/*                                               II.HOME                                                        */
/*------------------------------------------------------------------------------------------------------------------------*/
	
	/*--------------------------*/
	/*     a.Styles globaux     */
	/*--------------------------*/
		.fond_accueil_superieur{
			position:absolute; 
			z-index:2;
			top:35px; 
			left:603px; 
			width:371px; 
			height:365px;
			}
			
		#liste_creas_li_home{
			width:999px; 
			background-image:url(../img/fond_accueil.png); 
			margin-right:130px;
			}			
	
	/*--------------------------*/
	/*     b.Qui suis-je        */
	/*--------------------------*/
		.accueil_texte_presentation{
			position:absolute;
			top:53px;
			left:129px;
			width:460px;
			height:226px;
			color:#414141;
			font-size:11px;
			}
			
		.p1{
			font-size:19px;
			font-weight:bold;
			position:absolute;
			top:16px;
			left:6px;
			}
		.p2{
			position:absolute;
			top:52px;
			left:6px;
			}
		.p3{
			position:absolute;
			top:103px;
			left:6px;
			font-size:16px;
			font-weight:bold;
			}
		.p4{
			position:absolute;
			top:133px;
			left:88px;
			}
		.p5{
			position:absolute;
			top:175px;
			left:88px;
			}
	
	/*--------------------------*/
	/*     c.Nouveau            */
	/*--------------------------*/
		.commentaire_dernier_projet{
			position:absolute;
			z-index:3;
			top:312px;
			left:646px;
			width:250px;
			height:70px;
			padding-left:12px;
			padding-top:7px;
			line-height:13px;
		}
		.commentaire_dernier_projet .titre{
			position:absolute;
			top:5px;
			font-size:15px;
			font-weight:bold;
			color:#ec9c18;
			display:none;
			}
		.commentaire_dernier_projet .details{
			position:absolute;
			top:20px;
			font-size:11px;
			color:white;
			display:none;
			overflow:hidden;
			height:40px;
			}
		.commentaire_dernier_projet .details a{
			color:white;
			}

		.derniers_projets{
			position:absolute;
			top:53px;
			left:646px;
			width:310px;
			height:329px;
			}
		
		#derniers_projets_img1{z-index:1;}
		#derniers_projets_img2{z-index:0;}
		#derniers_projets_img3{z-index:0;}
		#derniers_projets_img4{z-index:0;}
		#derniers_projets_img5{z-index:0;}
		
		.menu_derniers_projets{
			position:absolute;
			top:308px;
			left:870px;
			list-style:none;
			line-height:14px;
			text-align:center;
			z-index:5;
			}
		.menu_derniers_projets li{
			list-style-type:none;
			position:absolute;
			}	
		.menu_derniers_projets a{
			text-decoration:none;
			display:block;
			padding:0;
			width:14px;
			height:14px;
			background:left top no-repeat;
			z-index:2;
			}
		.menu_derniers_projets a:hover{
			background-position:right;
			}
			
		#projet_5{
			background-image:url(../img/cinq.gif);
			position:relative;
			top:21px;
			left:37px;
			}	
		#projet_4{
			background-image:url(../img/quatre.gif);
			position:relative;
			top:33px;
			left:25px;
			}	
		#projet_3{
			background-image:url(../img/trois.gif);
			position:relative;
			top:46px;
			left:13px;
			}	
		#projet_2{
			background-image:url(../img/deux.gif);
			position:relative;
			top:58px;
			left:1px;
			}	
		#projet_1{
			background-image:url(../img/un.gif);
			position:relative;
			top:70px;
			left:-11px;
			}
	
	/*--------------------------*/
	/*     d.Réseau             */
	/*--------------------------*/
		#accueil_reseau{
			position:absolute;
			top:352px;
			left:210px;
			width:123px;
			height:32px;
			overflow:hidden;
			z-index:10;
			}
		
		#accueil_reseau_btn_gauche{
			position:absolute;
			top:361px;
			left:191px;
			width:9px;
			height:12px;
			overflow:hidden;
			background-image:url(../img/btn_gauche_reseau.png);
			background-position:center top;
			background-repeat:no-repeat;
			z-index:10;
			}
		#accueil_reseau_btn_gauche:hover{
			background-position:right top;
			}
			
		#accueil_reseau_btn_droit{
			position:absolute;
			top:362px;
			left:334px;
			width:9px;
			height:12px;
			overflow:hidden;
			background-image:url(../img/btn_droit_reseau.png);
			background-position:center top;
			background-repeat:no-repeat;
			z-index:10;
			}
		#accueil_reseau_btn_droit:hover{
			background-position:right top;
			}
		
		.elem_res{
			width:32px;
			height:32px;
			background:left top no-repeat;
			}
		
		#liste_reseau{
			position:absolute;
			left:-0px;
			}
		#liste_reseau a{
			text-decoration:none;
			display:block;
			padding:0;
			color:#474747;
			}
		#liste_reseau a:hover{
			color:#FFF;
			background-position:right top;
			}
		#liste_reseau, .liste_reseau ul{
			padding:0;
			margin:0;
			list-style:none;
			line-height:36px;
			text-align:center;
			}
		#liste_reseau li{
			float:left;
			list-style-type:none;
			padding-right:9px;
			}
	
	/*--------------------------*/
	/*     e.Coordonnées        */
	/*--------------------------*/
		.accueil_coordonnees{
			position:absolute;
			text-align:right;
			top:347px;
			left:390px;
			color:#e8e8e8;
			font-size:11px;
			z-index:1;
			list-style-type:none;
			}
		
		.coord_1{
			background-image: url(../img/puce_env.gif);
			background-repeat: no-repeat;
			background-position:0px 3px;
			padding-left:17px;
			
			}
		.coord_2{
			background-image: url(../img/puce_flch.gif);
			background-repeat: no-repeat;
			background-position:43px 4px;
			}
		.coord_3{
			background-image: url(../img/puce_mais.gif);
			background-repeat: no-repeat;
			background-position:66px;
			}	
	
	/*--------------------------*/
	/*     f.CV                 */
	/*--------------------------*/
		#accueil_cv{
			position:absolute;
			top:352px;
			left:66px;
			width:32px;
			height:32px;
			overflow:hidden;
			z-index:200;
			}
		.btn_cv{
			display:block;
			background-image:url(../img/cv_btn.png);
			background-position:left;
			background-repeat:no-repeat;
			height:32px;
			width:32px;
		}
		.btn_cv:hover{
			background-position:right;
		}
		
/**************************************************************************************************************************/



/**************************************************************************************************************************/
/*                                               III.PORTFOLIO                                                            */
/*------------------------------------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*     a.Creas              */
	/*--------------------------*/
		.bande_infos{
			position:absolute;
			left:-306px;
			top:557px;
			height:15px;
			width:214px;
			background-image:url(../img/fond_lien_portfolio.png);
			background-repeat:no-repeat;
			text-align:left;
			visibility:hidden;
			}
		.bande_infos a{
			font-size:10px;
			color:white;
			position:relative;
			top:-6px;
			left:5px;
			z-index:10;
			}
		.bande_infos a:hover{
			text-decoration:none;
			font-weight:bold;
			}
			
		.img_crea{
			cursor:pointer;
			background-image:url(../img/loader_MV_portfolio.gif);
			background-position:50% 50%; 
			background-repeat:no-repeat;
			}
		.img_crea:hover {
			border:solid white;
			border-width:0px 5px;
			position:relative;
			left:-5px;
			}
		
		.link_slimbox{
			text-decoration:none;
			color:#000000;
			}
		
		.liste_creas{
			padding:0;
			margin:0;
			list-style-type:none;
			position:absolute;
			left:140px;
			}
		.liste_creas_li{
			display:inline;
			padding-left:20px;
			float:left;
			width:615px;
			height:433px;
			background-repeat:no-repeat;
			}

	/*--------------------------*/
	/*     b.Puces              */
	/*--------------------------*/
		.puce{
			background:left top no-repeat;
			background-image:url(../img/puce_portfolio.png);
			display:inline;
			cursor:pointer;
			width:10px;
			height:10px;
			}
		#puces_portfolio{
			position:absolute;
			top:-215px;
			left:425px;
			width:360px;
			height:0px;
			overflow:hidden;
			text-align:center;
			line-height:15px;
			}
		#puces_portfolio a{
			text-decoration:none;
			color:#474747;
			display:inline-table;
			width:10px;
			margin-right:10px;
			}
		#puces_portfolio a:hover{
			color:#FFF;
			background-position:right top;
			}

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



/**************************************************************************************************************************/
/*                                               IV.CONTACT                                                               */
/*------------------------------------------------------------------------------------------------------------------------*/

	/*-------------------------------*/
	/*     a.Mise en Page globale    */
	/*-------------------------------*/
		.fond_contact{
			position:relative; 
			top:35px; 
			left:148px; 
			height:372px; 
			width:1082px;
			}	
			
		.form_contact{
			position:relative; 
			top:-315px; 
			left:490px;
			}
			
		.fragment_bande_contact{
			position:relative; 
			top:-627px; 
			left:530px; 
			height:23px; 
			width:23px;
			}	
	
	/*--------------------------*/
	/*     b.Formulaire         */
	/*--------------------------*/
		.btn_envoi_contact { 
			position:relative; 
			left:3px; 
			top:6px; 
			width:72px; 
			height:69px; 
			border:none; 
			cursor:pointer;
			background: url("../img/contact_btn_envoi.png") no-repeat left top;
			} 
		.btn_envoi_contact:hover{
			background: url("../img/contact_btn_envoi.png") no-repeat right top;
			}
		
		.champs_contact li{
			list-style-type:none;
			}
		
		.form_contact_chp_name{
			position:relative; 
			left:40px; 
			width:300px; 
			background-color:#161616; 
			color:#FFFFFF; 
			margin-bottom:5px; 
			font-family:Tahoma; 
			font-size:11px;
			}
			
		.form_contact_chp_mail{
			position:relative; 
			left:40px; 
			width:300px; 
			background-color:#161616; 
			color:#FFFFFF; 
			margin-bottom:5px; 
			font-family:Tahoma; 
			font-size:11px;
			}
			
		.form_contact_chp_objet{
			position:relative; 
			left:40px; 
			width:300px; 
			background-color:#161616; 
			color:#FFFFFF; 
			margin-bottom:5px; 
			font-family:Tahoma; 
			font-size:11px;
			}
			
		.form_contact_chp_message{
			position:relative; 
			left:40px; 
			width:300px; 
			background-color:#161616; 
			color:#FFFFFF; 
			height:200px; 
			font-family:Tahoma; 
			font-size:11px;
			}
			
		#liste_creas_li_contact{
			width:1082px;
			}
/**************************************************************************************************************************/