@charset "utf-8";
/* CSS Document */



* {
	margin: 0px;
	padding: 0px;
	}
	
body {
	background-color: #FFFC84;
	width:800px;
	margin:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	}

#tout

{
height: 624px;
width:800px;
margin-top: 20px;


}
	

#corps {
	width: 800px;
	height:470px;
	background-image: url(images/fond1.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
}


#corps2 {width: 800px;
		height: 470px;
		background-image: url(images/erreur.gif);
		background-repeat:no-repeat;
		margin-top:10px;
}


#real a  img {
	border-color:#000;

}

.vignettes {
	float:left;
	border-color:#000;
	margin-right: 10px;
	
	
}

	
#formulairecontact {
	
	margin-left: 90px;
	width: 400px;
	padding:150px 100px 50px 80px;
	
	font-weight: bold;
}
INPUT { color: #000; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.txtform { color: black; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.txtform1 {color: black; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left: 100px;}
	
#formulairecontact h4 {
	padding-left: 60px;
	
	
	
}
	



/*texte acceuil*/
.textea {
	width:400px;
	height:150px;
	font-size:18px;
	padding:150px 100px 50px 80px;
	margin-left:150px;
	
	
}

/*texte formation */
#textef {
	width: 800px;
	height: 150px;
/*	padding:150px 100px 50px 80px; 
	margin-left:100px;*/
}

#textefond {
			
			background:url(images/textefond.jpg);
			/*filter:alpha(opacity=40); 
			-Moz-Opacity:0.4; 
			opacity:0.4;*/ 
			overflow:auto;
			height:305px;
			width:450px;
			padding-left:30px;
			padding-top:10px;
			border: #4e7b44 1px solid;
			/*-moz-border-radius:20px;
			-webkit-border-radius: 20px;
			-khtml-border-radius: 20px;
			-border-radius: 20px;*/
			margin-left:150px;
			font-weight:bold;
			text-decoration:none;
}

#textefond a {
		text-decoration:none;
		color: #060;
}




	
#textefond  ul li {
	list-style-image: url(images/boutonl.png);
}	



#textplan {
	width: 400px;
	height: 150px;
	font-size:16px;
	padding:200px 100px 50px 80px;
	margin-left:200px;
	font-weight: bold;
	color:#000;
	
	
}

#textplan p a {
	
	color: #000;
}

	
	/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

	/*Hack IE */


/*  html #overlay{ 							
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}*/


/*-------- fin lightbox -------*/
	
	
/*definition menu */
#menu {
   width: 700px;
   height: 110px;
   background-image: url(images/menu.jpg);
   background-repeat: no-repeat;
   padding-left: 100px;
   }
   



#menu li {
	display:inline;
	
}	

* html #menu li {
	display: inline;
	
	
}		
	/*width:200px;*/
		
		

	
/*#navigation img {
	float:left;
	margin-right: 51px;
	margin-top:65px;
	padding-right:0px;*/
	
#menu li a {
	 display:block;
	 float:left;
	 width:38px;
	 height:38px;
	text-decoration:none;
	margin-top:65px;
	}
	
#acceuil  a {background-image: url(images/bouton.png); background-repeat: no-repeat;
			margin-left:5px;}
			
/** html #acceuil a {background: url(images/bouton.png) no-repeat left ;
			margin-left:0px;}*/

#competences a {background-image: url(images/bouton.png); background-repeat: no-repeat ;
				margin-left:53px;}

#formations a {background:url(images/bouton.png) no-repeat ;
				margin-left:63px;}


#realisations a {background:url(images/bouton.png) no-repeat  ;
				margin-left:56px;}
				
#experiences a {background:url(images/bouton.png) no-repeat  ;
				margin-left:55px;}

#cv a {background:url(images/bouton.png) no-repeat  ;
		margin-left:54px;}

#contact a{background:url(images/bouton.png) no-repeat ;
			margin-left:58px;}


#acceuil a:hover, #acceuil a:focus {width:38px; height:38px; background-image:url(images/boutonroll.png); background-repeat: no-repeat; background-position: left; }
#competences a:hover, #fcompetences a:focus {width:38px; height:38px; background:url(images/boutonroll.png) no-repeat left top;}
#formations a:hover, #formations a:focus {width:38px; height:38px; background:url(images/boutonroll.png) no-repeat left top;}
#realisations a:hover, #realisations a:focus {width:38px; height:38px; background:url(images/boutonroll.png) no-repeat left top;}
#experiences a:hover, #experiences a:focus {width:38px; height:38px; background:url(images/boutonroll.png) no-repeat left top;}
#cv a:hover, #cv a:focus {width:38px; height:38px; background:url(images/boutonroll.png) no-repeat left top ;}
#contact a:hover, #contact a:focus {width:38px; height:38px; background:url(images/boutonroll.png) no-repeat left top;}


 #pied_de_page {
	 width: 800px;
	 height:44px;
	 background-image:url(images/sitecv_03.jpg);
	 background-repeat:no-repeat;
	 
	}
	
#pied_de_page a {color:#000; 
				text-decoration:none;
				}
	
#pied_de_page strong {
	text-align: left;
}
#pied_de_page p a {
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:40px;
	float:left;
}
#tout #corps .textea p {
	text-align: left;
}