/* CSS Document */

* {
	color:#642A0B;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.bold, .bold a {
	font-weight:bold;
}
img {
	border:3px solid #642A0B;
}
#site {
	background:url(../images/background.jpg) no-repeat;
	height:630px;
	/*left:50%;
	margin:-310px 0 0 -481px;
	position:absolute;
	top:50%;*/
	position:relative;
	margin:50px auto;
	width:996px;
}
	
	#blocGeneralText {
		height:285px;
		left:400px;
		position:absolute;
		top:130px;
		width:370px;
		overflow:hidden;
	}
	
	/* Text de la page d'acueil */
	#accueil_text {
		line-height:15px;
		padding:10px;
		position:absolute;
		text-align:justify;
		top:0;
		width:320px;
	}
	#accueil_text .signature {
		font-weight:bold;
		padding:5px 0 10px 0;
		text-align:right;
	}
	#accueil_text .maj {
		font-style:italic;
		padding:18px 0 0 0;
		text-align:right;
	}	
	/*****************************************************************************/
			
	/* Titres des pages (en haut a gauche du blocGeneralText) */	
	#titre {
		left:290px;
		height:26px;
		position:relative;
		top:135px;
		width:105px;
	}	
		#titre .titre_accueil {
			background:url(../images/titre_accueil.gif) right no-repeat;
			height:23px;
			width:105px;
		}
		#titre .titre_quisuisje {
			background:url(../images/titre_quisuisje.gif) right no-repeat;
			height:26px;
			width:105px;
		}
		#titre .titre_realisation {
			background:url(../images/titre_realisation.gif) right no-repeat;
			height:26px;
			width:105px;
		}
		#titre .titre_infopratique {
			background:url(../images/titre_infopratique.gif) right no-repeat;
			height:26px;
			width:105px;
		}	
		#titre .titre_liens {
			background:url(../images/titre_liens.gif) right no-repeat;
			height:26px;
			width:105px;
		}
		#titre .titre_contact {
			background:url(../images/titre_contact.gif) right no-repeat;
			height:26px;
			width:105px;
		}
		#titre .titre_mentionslegales {
			background:url(../images/titre_mentionslegales.gif) right no-repeat;
			height:26px;
			width:114px;
		}
		#titre .titre_accueil span, #titre .titre_quisuisje span, #titre .titre_realisation span, #titre .titre_infopratique span, #titre .titre_liens span, #titre .titre_contact span, #titre .titre_mentionslegales span {
			display:none;
		}
	/**********************************************************************************/

	/* ScrollBar */		
	#scroll	{
		height:291px;
		position:absolute;
		right:0;
		width:17px;
	}
		#scroll_bar {
			background:url(../images/scroll.gif) top repeat-y;
			height:245px;
			position:absolute;
			top:20px;
			right:7px;
			width:2px;
		}	
		#scroll_top {
			background:url(../images/scroll_top.gif) no-repeat;
			cursor:pointer;
			height:20px;
			position:absolute;
			right:-1px;
			top:0;
			width:17px;
		}
		#scroll_bas {
			background:url(../images/scroll_bas.gif) no-repeat;
			cursor:pointer;
			height:20px;
			position:absolute;
			right:-1px;
			bottom:5px;
			width:17px;
		}
	/*******************************************************************************************/
	
	/* Menu */
	/*#menu {
		bottom:122px;
		height:70px;
		position:absolute;	
		right:132px;
		width:334px;
	}*/
	#menu {
		height:70px;
		position:relative;
		top:412px;
		left:530px;
		width:334px;
	}
		#menu ul {
			height:54px;
			width:334px;
		}
			#menu ul li {
				float:left;
				height:54px;
				list-style:none;
			}
				#menu ul li a {
					background-image:url(../images/onglets.jpg);
					background-repeat:no-repeat;
					display:block;
					height:54px;
					text-decoration:none;

				}
					#menu ul li a span {
						display:none;
						
					}
				
				#menu ul li a.m_accueil { background-position:0 0; width:54px; }
				#menu ul li a.m_profil { background-position:19% 0; width:58px;}
				#menu ul li a.m_realisations { background-position:40% 0; width:56px;}
				#menu ul li a.m_infos { background-position:60% 0; width:57px;}
				#menu ul li a.m_liens { background-position:81% 0; width:57px;}
				#menu ul li a.m_contact { background-position:100% 0; width:52px;}
				
				#menu ul li a.m_accueil span { background:url(../images/titre_menu_accueil.gif) right no-repeat; height:13px; width:49px; }
				#menu ul li a.m_profil span { background:url(../images/titre_menu_quisuisje.gif) right no-repeat; height:13px; width:80px; }
				#menu ul li a.m_realisations span { background:url(../images/titre_menu_realisation.gif) right no-repeat; height:13px; width:106px; }
				#menu ul li a.m_infos span { background:url(../images/titre_menu_infopratique.gif) right no-repeat; height:13px; width:98px; }
				#menu ul li a.m_liens span { background:url(../images/titre_menu_liens.gif) right no-repeat; height:13px; width:32px; }
				#menu ul li a.m_contact span { background:url(../images/titre_menu_contact.gif) right no-repeat; height:13px; width:50px; }
				
				#menu ul li.menu_current a.m_accueil, #menu ul li a:hover.m_accueil { background-position:0 100%; }
				#menu ul li.menu_current a.m_profil, #menu ul li a:hover.m_profil { background-position:19% 100%; }
				#menu ul li.menu_current a.m_realisations, #menu ul li a:hover.m_realisations { background-position:40% 100%; }
				#menu ul li.menu_current a.m_infos, #menu ul li a:hover.m_infos { background-position:60% 100%; }
				#menu ul li.menu_current a.m_liens, #menu ul li a:hover.m_liens { background-position:81% 100%; }
				#menu ul li.menu_current a.m_contact, #menu ul li a:hover.m_contact { background-position:100% 100%; }
				
				/* Bonus */
				#menu ul li.menu_current a.m_accueil span, #menu ul li.menu_current a.m_profil span, #menu ul li.menu_current a.m_realisations span, #menu ul li.menu_current a.m_infos span, #menu ul li.menu_current a.m_liens span, #menu ul li.menu_current a.m_contact span, #menu ul li a:hover span { 
					bottom:0;
					color:#FFF;
					display:block; 
					font-size:0.1em;
					position:absolute;
					right:0;
					width:150px;
				}
	/*********************************************************************************************************/
	
	/* Profil */
	#telechargeCV {
		left:195px;
		position:absolute;
		top:135px;
	}
	#photo {
		background:url(../images/photo_cv.jpg) no-repeat;
		float:left;
		height:123px;
		width:144px;
	}
		#photo span {
			display:none;
		}
	#enteteCv {
		font-size:9px;
		margin-left:150px;
		height:130px;
		padding:15px 0 0 0;
		width:165px;
	}
		#enteteCv h1 {
			color:#CDD301;
			font-size:12px;
			font-weight:bold;
		}
		#enteteCv h2 {
			background:url(../images/roseau_cv.jpg) right bottom no-repeat;
			display:block;
			font-size:11px;
			font-weight:bold;
			height:33px;
			margin:15px 0 0 15px;
			width:150px;
		}
		
	#cv {
		margin:-15px 0 0 0;
	}	
	#puceCV {
		font-size:10px;
		line-height:15px;
		text-align:left;
	}
		#puceCV h1 {
			background:url(../images/puce_cv.gif) center left no-repeat;
			color:#CDD301;
			font-weight:bold;
			margin: 15px 0 10px 10px;
			padding-left:13px;
		}
		#puceCV span {
			font-size:10px;
			font-weight:bold;
			text-decoration:underline;
		}	
		#puceCV ul li {
			font-size:10px;
			margin:0 0 0 25px;
		}
	/**********************************************************************************************/
	
	/* Infos Pratique */
	.puceInfo {
		font-size:10px;
		line-height:15px;
		text-align:left;
	}
		.puceInfo h1 {
			background:url(../images/puce_cv.gif) center left no-repeat;
			color:#CDD301;
			font-weight:bold;
			margin: 15px 0 5px 10px;
			padding-left:13px;
		}
		
		.puceInfo ul li {
			list-style:none;
			font-size:10px;
			margin:0 0 0 30px;
		}
			.puceInfo ul li .style {
				color:#990099;
				font-family:"Courier New", Courier, monospace;
			}
			.puceInfo ul li .balise {
				color:#ff00ff;
				font-family:"Courier New", Courier, monospace;
			}
			.puceInfo ul li .balise2 {
				color:#000099;
				font-family:"Courier New", Courier, monospace;
			}
			
	/*********************************************************************************************/
	
	/*Réalisations*/
	.creation {
		position:relative;
	}
	
		.creation .url {
			height:25px;
		}
			.creation .url a {
				font-weight:bold;
			}
		.creation .vignette {
			 margin:5px 0 0 -2px;
			 position:relative;
			 height:112px;
			 width:155px;
		}			
		.creation .vignette .img1 {
			 opacity:0.6; 
			 -moz-opacity:0.6; 
			 filter:alpha(opacity=60);
		}
			.creation .vignette a:hover .img1 {
				opacity:1; 
				-moz-opacity:1; 
				filter:alpha(opacity=100);
			}
		.creation .vignette .img2 {
			 position:absolute;
			 left:63px;
			 opacity:0.6; 
			 -moz-opacity:0.6; 
			 filter:alpha(opacity=60);
		}
			.creation .vignette a:hover .img2 {
				opacity:1; 
				-moz-opacity:1; 
				filter:alpha(opacity=100);
			}
		.creation .vignette .img3 {
			 position:absolute;
			 top:65px;
			 left:0;
			 opacity:0.6; 
			 -moz-opacity:0.6; 
			 filter:alpha(opacity=60);
		}
			.creation .vignette a:hover .img3 {
				opacity:1; 
				-moz-opacity:1; 
				filter:alpha(opacity=100);
			}
		.creation .vignette .img4 {
			 position:absolute;
			 top:65px;
			 left:63px;
			 opacity:0.6; 
			 -moz-opacity:0.6; 
			 filter:alpha(opacity=60);
		}
			.creation .vignette a:hover .img4 {
				opacity:1; 
				-moz-opacity:1; 
				filter:alpha(opacity=100);
			}
		.creation .lienVignette {
			 left:125px;
			 position:absolute;
			 text-align:left;
			 top:30px;
		}
			.creation .lienVignette a {
				font-weight:bold;
			}
		.creation .puce {
			font-size:10px;
			text-align:left;
			width:220px;
		}
			.creation .puce h1 {
				background:url(../images/puce_cv.gif) center left no-repeat;
				color:#CDD301;
				font-weight:bold;
				margin: 5px 0 5px 10px;
				padding-left:13px;
			}
			.creation .puce span {
				font-size:10px;
				font-weight:bold;
				text-decoration:underline;
			}	
			.creation .puce ul li {
				font-size:10px;
				margin:0 0 0 25px;
			}
	/**********************************************************************************************/
	
	/* Mentions Légales */
	#mentionLegales h1 {
		background:url(../images/puce_cv.gif) center left no-repeat;
		color:#CDD301;
		font-weight:bold;
		margin: 0 0 0 0;
		padding-left:13px;
	}
		#mentionLegales h1 span {
			color:#642A0B;
			font-weight:normal;
			margin-left:15px;
		}
	#mentionLegales span {
		font-weight:bold;
	}
	/*********************************************************************************************/
	
	/* Liens */
	#liens .lienMimi {
		margin:10px 0 0 55px;
	}
	#liens .lienMimi .imgLiens{
		opacity:0.6; 
		-moz-opacity:0.6; 
		filter:alpha(opacity=60);
	}
		#liens .lienMimi a:hover .imgLiens{
			opacity:1; 
			-moz-opacity:1; 
			filter:alpha(opacity=100);
		}
	
	#liens .lienFifou {
		margin:10px 0 0 55px;
	}
	#liens .lienFifou .imgLiens {
		opacity:0.6; 
		-moz-opacity:0.6; 
		filter:alpha(opacity=60);
	}
		#liens .lienFifou a:hover .imgLiens {
			opacity:1; 
			-moz-opacity:1; 
			filter:alpha(opacity=100);
		}	
		
	#liens .lienLili {
		margin:10px 0 0 55px;
	}	
	#liens .lienLili .imgLiens {
		opacity:0.6; 
		-moz-opacity:0.6; 
		filter:alpha(opacity=60);
	}
		#liens .lienLili a:hover .imgLiens {
			opacity:1; 
			-moz-opacity:1; 
			filter:alpha(opacity=100);
		}	
		
	#liens .lienQDR {
		margin:10px 0 0 55px;
	}	
	#liens .lienQDR .imgLiens {
		opacity:0.6; 
		-moz-opacity:0.6; 
		filter:alpha(opacity=60);
	}
		#liens .lienQDR a:hover .imgLiens {
			opacity:1; 
			-moz-opacity:1; 
			filter:alpha(opacity=100);
		}		
	/*********************************************************************************************/
	/* Contact */
	#formContact p {
		margin:5px 0 5px 0; 
	}
		#formContact p input {
			border:1px solid #5C5C5C;
			height:15px;
			width:195px;
		}
		#formContact p .bouton {
			border:none;
			height:40px;
			margin:0 0 0 100px;
			width:102px;
		}
		#formContact p textarea {
			border:1px solid #5C5C5C;
			height:100px;
			margin-top:3px;
			overflow:auto;
			width:310px;
		}
		#formContact p label {
			float:left;
			width:110px;
		}
		#code {
			background:url(../images/code_contact.gif) right top no-repeat;
			height:50px;
			margin:0 8px -10px 0;
		}
		#code input {
			border:1px solid #5C5C5C;
			height:15px;
			margin:5px 0 0 20px;
			width:95px;
		}
	/*********************************************************************************************/
	
	
	
	/* Footer : Copyright */
	#copyright {
		background:url(../images/footer.gif) no-repeat;
		height:12px;
		cursor:pointer;
		margin:550px auto 0 auto;
		width:254px;
	}
		#copyright a {
			display:block;
			height:12px;
		}
		#copyright span {
			display:none;
		}
	/********************************************************************************************/