/* Feuille de Style de www.laura-allard.fr */

/*********************************************************************************/
/* Base		                                                                     */
/*********************************************************************************/

	html
	{
		width: 100%;
		height: 100%;
		font-family: 'Source Sans Pro', sans-serif;
		color: #fff;
	}

	body
	{
		display: none;
		width: 100%;
		min-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		min-width: 1000px;
		margin-top: -8px;
		margin-left: -8px;
		margin-right: -8px;
		margin-bottom: -8px;
	}

	body, input, textarea
	{
		font-size: 14pt;
		line-height: 1.75em;
	}
	
	h1
	{
		font-size: 2.1em;
		letter-spacing: -0.015em;
	}

	h2
	{
		font-size: 1.6em;
		letter-spacing: -0.015em;
	}
	
	h3, h4, h5, h6
	{
		font-size: 1.25em;
		letter-spacing: -0.015em;
	}
	
	header
	{
		margin: 0 0 1.5em 0;
	}
	
	a
	{
		text-decoration: none;
	}
	
	img
	{
		border: none;
	}
	
/*********************************************************************************/
/* Body                                                                         */
/*********************************************************************************/

		body:before
		{
			content: '';
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			background: url('images/bg-dm1000-02.jpg');
			background-size: 100% 100%;
		}

	/*	body:after
		{
			content: '';
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			z-index: -1;
		}
	*/
/*********************************************************************************/
/* Contenu                                                                          */
/*********************************************************************************/

	#contenu
	{
		border:0px solid yellow	;
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}	
		
/*********************************************************************************/
/* Menu                                                                           */
/*********************************************************************************/

	#menu
	{
		border:0px solid blue;
		text-align: center;
		text-decoration:none;
		height: 175px;
		width: 900px;
		cursor: default;
	}

		#menu a
		{
			position: relative;
			display: inline-block;
			width: 1em;
			height: 1em;
			line-height: 0.9em;
			font-size: 2.5em;
			margin: 0 0.25em 0 0.25em;
			opacity: 0.35;
			outline: 0;
		}

			#menu a:hover, a:focus
			{
				opacity: 0.70;
			}
			
			#menu a span
			{
				position: absolute;
				margin-top: -2.5em;
				margin-left: -3.4em;
				width:3em;
				color: #FFF;
				font-size: 0.4em;
				background: rgba(0,0,0,1);
				padding: 0px 20px 0px 20px;
				border-radius: 2px;
				box-shadow: 0 0 2px rgba(0,0,0,.5);
				transition: all .15s;
				opacity: 0;
			}
			
				#menu a span:after 
				{
					top: 100%;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
				}

				#menu a span:after {
					border-color: rgba(0, 0, 0, 0);
					border-top-color: #000000;
					border-width: 5px;
					left: 50%;
					margin-left: -5px;
				}
			
				#menu a:hover span, a:focus span
				{
					transform: scale(1);
					opacity: 1;
				}

/*********************************************************************************/
/* Header					                                                     */
/*********************************************************************************/
		
		header
		{
			border: 0px solid yellow;
			padding: 10px 50px 00px 50px;
		}
				
/*********************************************************************************/
/* Main		                                                                     */
/*********************************************************************************/
		#main
	{
		border:0px solid green;
		width: 900px;
		background: rgba(0,0,0,0.84);
		filter:alpha(opacity=84); /* For IE8 and earlier */		
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		box-shadow: 2px 3px 0px 0px rgba(0,0,0,0.25);
	}

		#main p
		{
			padding: 00px 50px 30px 50px;
			text-align:justify;
			font-size: 12pt;
		}
			
		#main a
		{
			color: #8d8d8d;
			/*color: rgba(255,255,255,0.65);*/
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}
		
		#main .center
		{
			text-align: center;
		}
		
/*********************************************************************************/
/* Fader	                                                                     */
/*********************************************************************************/
		#fader
		{
			float: left;
			position: fixed;
			margin-left: -125px;
			border: 0px solid;
		}
		
		#fader img
		{
		width: 65%;
		}
		
/*********************************************************************************/
/* Me               		                             		              	 */
/*********************************************************************************/
	
		#me
		{
			height: 394px;
		}
		
			#me header
			{
				position: absolute;
				padding-top: 120px;
				padding-left: 100px;
				
			}
			
			#me h3
			{
				margin-top:-10px;
				color: #8d8d8d
			}
			
			#me img
			{
				float: right;
				margin-top:-0px;
				margin-right: 0px;
				-webkit-border-top-right-radius: 15px;
				-webkit-border-bottom-right-radius: 15px;
				-moz-border-radius-topright: 15px;
				-moz-border-radius-bottomright: 15px;
				border-top-right-radius: 15px;
				border-bottom-right-radius: 15px;
			}
	
/*********************************************************************************/
/* Résumé        	     			                                           	 */
/*********************************************************************************/
	
		#resume p a
		{
		font-style: bold;
		font-size : 14pt;
		}
		
		#resume p a:hover
		{
			color: #fff;
			/*color: rgba(255,255,255,1.0);*/

		}
		
		#resume p
		{
		text-indent : 50px;
		}	
			
/*********************************************************************************/
/* CV        	     				                                           	 */
/*********************************************************************************/			
	
	#download
	{
		float: right;
		margin-top: 10px;
		padding-right: 0px;
		opacity: 0.35;
	}
	
	#cv a:hover, a:focus
	{
		opacity: 0.7;
	}
	
	#cv a span
	{
		position: absolute;
		margin-top: -2.5em;
		margin-left: -5.3em;
		width:5em;
		color: #FFF;
		font-size: 1em;
		background: rgba(0,0,0,1);
		padding: 0px 20px 0px 20px;
		border-radius: 2px;
		box-shadow: 0 0 2px rgba(0,0,0,.5);
		transition: all .15s;
		opacity: 0;
	}
	
		#cv a span:after 
		{
			top: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		#cv a span:after {
			border-color: rgba(0, 0, 0, 0);
			border-top-color: #000000;
			border-width: 5px;
			left: 50%;
			margin-left: -5px;
		}
	
		#cv a:hover span, a:focus span
		{
			transform: scale(1);
			opacity: 1;
		}
	
	
	
	#cv p img
	{
		width:784px;
	}

	#cv .tab
	{
	position: relative; 
	z-index: 0;
	margin-left: 50px;
	padding-bottom: 25px;
	border: 0px solid blue;
	font-size: 12pt;
	line-height: 1.25em;
	}
	
	#cv .rubrique
	{
		position: relative; 
		z-index: 0;
		width: 150px;
		height:30px;
		background: rgba(255,255,255,0.35);
		border: 0px solid grey;
		border-radius: 15px 15px 0px 0px;
		behavior: url(css/PIE.htc);
		box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.35);
	}
	
	#cv .description
	{
		position: relative; 
		z-index: 0;
		border: 3px solid rgba(255,255,255,0.35);
		border-radius: 0px 15px 15px 15px;
		behavior: url(css/PIE.htc);
		width: 775px;
		margin-top:0px;
		box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.50);
	}
	
	#cv .description  .colgauche
	{
		vertical-align:top;
		text-align:center;
		width:150px;
	}
	#cv table th
	{
		border: 0px solid red;
		width:150px;
	}
	#cv table td
	{
		border: 0px solid green;
	}
/*********************************************************************************/
/* Vidéo        	     			                                           	 */
/*********************************************************************************/


			
/*********************************************************************************/
/* Image        	     			                                           	 */
/*********************************************************************************/

	#diap
	{
	height:600px;
	border:0px solid red;
	}

/*********************************************************************************/
/* Music        	     			                                           	 */
/*********************************************************************************/
	#music p
	{
	border: 0px solid blue;
	}
	
	#music .lecteur
	{
	position:relative;
	top:-21px;
	font-size: 12pt;
	padding: 0px 50px 0px 50px;
	border: 0px solid red;
	}
	
	
/*********************************************************************************/
/* Email		              		                                           	 */
/*********************************************************************************/

	#formul label
	{
    display: block; /* La balise devient de type block. */
    width: 150px;
	float: left;
	}
	
	#formul input
	{
	width: 300px;
	}
	
	#formul #objet
	{
	width: 450px;
	}
	
	#formul textarea
	{
    width: 784px;
    height: 200px;
	resize:none;
	}

	#formul .questspam
	{
	width: 800px;
	}
	
	#formul .repspam
	{
	margin-left:150px;
	}
	
	#formul .envoi
	{
	text-align:center;
	}
	
	#formulaire a:hover, a:focus
	{
		color: #fff;
		/*color: rgba(255,255,255,1.0);*/

	}
	
	#formulaire a span
	{
		position: absolute;
		margin-top: -2.5em;
		margin-left: -6.05em;
		width:6.5em;
		color: #FFF;
		font-size: 1em;
		background: rgba(0,0,0,1);
		padding: 0px 20px 0px 20px;
		border-radius: 2px;
		box-shadow: 0 0 2px rgba(0,0,0,.5);
		transition: all .15s;
		opacity: 0;
	}
	
		#formulaire a span:after 
		{
			top: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		#formulaire a span:after {
			border-color: rgba(0, 0, 0, 0);
			border-top-color: #000000;
			border-width: 5px;
			left: 50%;
			margin-left: -5px;
		}
	
		#formulaire a:hover span, a:focus span
		{
			transform: scale(1);
			opacity: 1;
		}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		border:0px solid red;
		margin-top:-10px;
		margin-left:-15px;
		width: 900px;
		font-size: 12pt;
		color: #000;
		text-align: right;
		/*color: rgba(0,0,0,0.45);*/
	}
	
		#footer a
		{
			color: #000;
			/*color: rgba(0,0,0,0.65);*/
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}
		
		#footer a:hover
		{
			color: #fff;
			/*color: rgba(255,255,255,1.0);*/
		}