body { background-color:#dee2f0; margin:5px 5px 0px 5px; text-align:center; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 80%; color: #000000; font-weight: normal }

a { font-weight:bold;color:#90B17A }
a:link { color:#5AABFF }
a:visited {color: #5AABFF }
a:hover {color: #5AABFF;text-decoration:none }

p , img , ul , form , h1 { margin:0px; padding: 0px }
img { border: 0px none }
img , object { vertical-align: top }
ul { list-style: none }
textarea { font-family: Arial, Tahoma, Verdana, sans-serif;font-size: 105%; }

/* #page : meta-contener de la structure */

#page { width:934px; margin-left: auto; margin-right: auto; text-align:left }


/* #tete : ligne blanche dans l'entete qui n'affiche pas l'ombre */
/* #head : partie entete (logo + menu) de la page, avec ombrage par border-right */

#tete , #head { background-color:#FFFFFF }
	#tete { height:5px; border-right:5px solid #dee2f0;font-size:1% }
	#head { border-right:5px solid #cfd6ec;padding:10px;height:200px }

	#head #logo { width:745px }

	#head img.logo { float:left }

	#head #bandeau-gauche { background-color:#e2e7ee;height:33px;margin-top:82px;width:82px;float:left }
	#head #bandeau-menu { float:left;width:745px }

		#bandeau-menu label { display:none }
		#bandeau-menu ul { margin:0;clear:both }

			#bandeau-menu ul.top li { float:left;height:12px;background-repeat:no-repeat }

				#bandeau-menu ul.top li.arrow { background-image:url('../img/header/menu_arrow.png') }
				#bandeau-menu ul.top li.cv_img { background-image:url('../img/header/menu_cv_top.png') }
				#bandeau-menu ul.top li.crea_img { background-image:url('../img/header/menu_crea_top.png') }
				#bandeau-menu ul.top li.blog_img { background-image:url('../img/header/menu_blog_top.png') }
				#bandeau-menu ul.top li.contact_img { background-image:url('../img/header/menu_contact_top.png') }
				#bandeau-menu ul.top li.exp_img { background-image:url('../img/header/menu_exp_top.png') }

			#bandeau-menu ul.menu { padding-left:98px;height:33px;background-color:#e2e7ee; }

				#bandeau-menu ul.menu li a , #bandeau-menu ul.menu li strong { display:block;height:33px }
				#bandeau-menu ul.menu li.cv a:link , #bandeau-menu ul.menu li.cv a:visited { background-image:url('../img/header/menu_cv.png') }
				#bandeau-menu ul.menu li.crea a:link , #bandeau-menu ul.menu li.crea a:visited { background-image:url('../img/header/menu_crea.png') }
				#bandeau-menu ul.menu li.blog a:link , #bandeau-menu ul.menu li.blog a:visited { background-image:url('../img/header/menu_blog.png') }
				#bandeau-menu ul.menu li.contact a:link , #bandeau-menu ul.menu li.contact a:visited { background-image:url('../img/header/menu_contact.png') }
				#bandeau-menu ul.menu li.exp a:link , #bandeau-menu ul.menu li.exp a:visited { background-image:url('../img/header/menu_exp.png') }

				#bandeau-menu ul.menu li.cv strong { background-image:url('../img/header/menu_cv_c.png') }
				#bandeau-menu ul.menu li.crea strong { background-image:url('../img/header/menu_crea_c.png') }
				#bandeau-menu ul.menu li.blog strong { background-image:url('../img/header/menu_blog_c.png') }
				#bandeau-menu ul.menu li.contact strong { background-image:url('../img/header/menu_contact_c.png') }
				#bandeau-menu ul.menu li.exp strong { background-image:url('../img/header/menu_exp_c.png') }

				#bandeau-menu ul.menu li.info { padding-top:1px;width:300px;color:#5D5F68 }

			#bandeau-menu ul.bottom { height:37px;margin-left:2px;padding-left:96px;background-image: url('/img/header/menu_sous.png');background-repeat: repeat-x }
				#bandeau-menu ul.bottom li { height:37px;background-repeat:no-repeat }

					#bandeau-menu ul.bottom li.cv_a { background-image:url('../img/header/menu_cv_bottom.png') }
					#bandeau-menu ul.bottom li.crea_a { background-image:url('../img/header/menu_crea_bottom.png') }
					#bandeau-menu ul.bottom li.blog_a { background-image:url('../img/header/menu_blog_bottom.png') }
					#bandeau-menu ul.bottom li.contact_a { background-image:url('../img/header/menu_contact_bottom.png') }
					#bandeau-menu ul.bottom li.exp_a { background-image:url('../img/header/menu_exp_bottom.png') }

					#bandeau-menu ul.bottom li.cv_c { background-image:url('../img/header/menu_cv_bottom_c.png') }
					#bandeau-menu ul.bottom li.crea_c { background-image:url('../img/header/menu_crea_bottom_c.png') }
					#bandeau-menu ul.bottom li.blog_c { background-image:url('../img/header/menu_blog_bottom_c.png') }
					#bandeau-menu ul.bottom li.contact_c { background-image:url('../img/header/menu_contact_bottom_c.png') }
					#bandeau-menu ul.bottom li.exp_c { background-image:url('../img/header/menu_exp_bottom_c.png') }

			#bandeau-menu ul li { display:block;float:left;padding:0 }
				#bandeau-menu ul li.arrow { margin-left:10px;padding-right:0;width:88px }
				#bandeau-menu ul li.cv { width:74px }
				#bandeau-menu ul li.crea { width:146px }
				#bandeau-menu ul li.blog { width:85px }
				#bandeau-menu ul li.contact { width:150px }
				#bandeau-menu ul li.exp { width:82px }
				#bandeau-menu ul li.separate { padding-right:/*55*/ 76px }

	#head p , #head ul#ariane { float:left;width:733px;padding: 0px 0px 0px 10px; margin:2px 0px 0px 2px; font-size: 140%; color: #bdbdbd;  }
		#head ul#ariane {  }
		#head ul#ariane li { display : inline; background-image:url('/img/chip.gif');background-repeat:no-repeat;background-position:0 2px;padding-left:20px }
			#head ul#ariane a:link , #head ul#ariane a:visited , #head ul#ariane a:hover { font-weight:normal;color: #bdbdbd }



#sidenav{position:absolute;margin:20px 0 0 -129px;width:128px;list-style-type:none;padding:0;display:block;overflow:hidden;}
	.userfeed #sidenav,.about #sidenav,.search #sidenav{margin-top:85px;}
	#sidenav li a{display:block;height:23px;width:123px;margin-left:103px;}
		#sidenav li a span{display:none;}
			#sidenav li.facebook a {background:url(/img/switch/facebook.jpg) no-repeat;margin-bottom:2px;}
			#sidenav li.twitter a {background:url(/img/switch/twitter.jpg) no-repeat;margin-bottom:2px;}
			#sidenav li.linkedin a{background:url(/img/switch/linkedin.jpg) no-repeat;}


/* .corps : partie contenu de la page */

.corps { /*background-image: url('../img/fond.jpg');*/background-repeat:no-repeat;background-position:0px 100%; background-color:#FFFFFF;
border:0 none; border-right:5px solid #cfd6ec;
padding:0px 35px 1px 40px }

	#index br {margin-bottom: 5px;vertical-align:top }

	div.titre a { float:right;font-size:90%;color:#FFFFFF;text-decoration:none;margin:7px 7px 0px 0px }
		div.titre a img {vertical-align: middle;margin: 0px 3px 1px 0px }

	#index .titre { background-color:#d9d9d9 }
		#index .titre h1 { background-image: url('../img/fleches/index.png');background-repeat:no-repeat;height:22px; color:#FFFFFF; font-size:150%;padding: 4px 0px 4px 46px }

	#cv .titre { background-color:#68b0d9 }
		#cv .titre h1 { background-image: url('../img/fleches/cv.png');background-repeat:no-repeat;height:22px; color:#FFFFFF; font-size:150%;padding: 4px 0px 4px 46px }

	#experience .titre { background-color:#98d968 }
		#experience .titre h1 { background-image: url('../img/fleches/portfolio.png');background-repeat:no-repeat;height:22px; color:#FFFFFF; font-size:150%;padding: 4px 0px 4px 46px }

	#contact .titre { background-color:#d96868 }
		#contact .titre h1 { background-image: url('../img/fleches/contact.png');background-repeat:no-repeat;height:22px; color:#FFFFFF; font-size:150%;padding: 4px 0px 4px 46px }

	.corps p { /*text-align:justify;*/ margin:20px }
		/*#index p { text-align:center; margin:40px 0px }*/
		#cv div.listing { padding:3px 5px 3px 5px;margin:0px 0px 1px 0px;border-left:155px solid #EFEFEF;line-height:160% }
			#cv .listing .info { float:left;line-height:1.3em;margin-top:2px;margin-bottom:3px }
			#cv .listing .texte { display:block;margin-left:120px;width:492px;line-height:1.3em;margin-top:2px;margin-bottom:3px/*;text-align:justify*/ }
		#cv div.block {  }
			#cv div.block p span.info { float:left }
			#cv div.block p span.text { display:block;margin-left:120px;width:492px;line-height:1.3em/*;text-align:justify*/ }

	.corps div.chapitre { margin:10px 37px 20px 37px;border-bottom:4px solid #DEDEDE }
		.corps div.chapitre h2 { font-family: Trebuchet MS; font-size:140%; padding: 0px 0px 0px 25px;margin:20px 0px 1px 0px;border-bottom:4px solid #DEDEDE }
		.corps div.chapitre div.date { padding:5px 0px;width:150px;float:left;text-align:right;font-weight:bold }
		.corps div.chapitre p , .corps div.chapitre div.block ul { padding:5px;border-left:155px solid #EFEFEF }
			.corps div.chapitre p { margin:0px 0px 1px 0px }
		.corps div.chapitre div.block { margin-bottom:1px }
			.corps div.chapitre div.block p { margin-bottom:0 }
		.corps div.chapitre div.block ul {  }
			.corps div.chapitre div.block ul li {margin-left: 30px; list-style-image: url('/img/chiplist.gif');padding-left:0px }

	.corps p img.vignette { width:100px;height:75px }
	.corps p img.list { float:left; margin-right:3px }


	#experience #objet { text-align:center;margin: 10px 0px }

		#experience #objet.annexes { width:700px;margin:0 auto;padding:10px 0 }
			#experience #objet.annexes a {  }
			#experience #objet.annexes img { border:1px solid #CCCCCC;padding:2px 2px 12px 2px;margin:3px 1px }

		#experience #objet.photoset { width:415px;margin:0 auto;padding:10px 0 }
			#experience #objet.photoset a { border:1px solid #CCCCCC;padding:2px 2px 12px 2px;width:75px;height:75px;display:block;float:left; margin:2px 1px }
			#experience #objet.photoset img { }







/* partie formulaire de contacts */

#email input { border:0px none;background-color:#EFEFEF;width:100%;padding:40px;margin-bottom:1px;font-weight:bold }

#formulaire form ul { margin:10px 5px;border-top:2px solid #EFEFEF;border-bottom:2px solid #EFEFEF;float:right;padding:0px }
#formulaire form ul li { padding:0px 5px 0px 0px;background-color:#EFEFEF;margin:0 }
#formulaire form ul li img { vertical-align: middle;border-left:3px solid #DEDEDE;padding:4px 2px 3px 2px;background-color:#FFFFFF }

#formulaire input , #formulaire textarea { background-color:#FFFFFF; border:1px solid #DEDEDE; font-weight:normal }
	#formulaire input { width:300px; padding:1px 21px 1px 1px; margin: 0px 0px 1px 0px }
		#formulaire input.submit { top:0px;background-color:#EFEFEF; width:100%; font-weight:bold; padding:5px }
	#formulaire textarea { width:487px; height:200px; margin:0px; padding:1px 1px 1px 21px; overflow:auto }

	/* affichage des infos icones en fin de champ */
	input.saisie , input.error , input.ok {  background-position:304px 1px;background-repeat:no-repeat }
	textarea.saisie , textarea.error , textarea.ok {  background-position:2px 2px;background-repeat:no-repeat }
		#formulaire .saisie { background-image:url('../img/mini/saisie.jpg') }
		#formulaire .error { background-image:url('../img/mini/error.jpg') }
		#formulaire .ok { background-image:url('../img/mini/ok.jpg') }

#formulaire span { float:left; width:100px }
#formulaire hr { border:1px solid #DEDEDE }


#chargement { display:none }
	#chargement.visible {position:absolute; background:#FFFF66;border:1px solid #DDDD00; opacity:.65; filter:alpha(opacity=65); padding:10px 20px; margin:8px 264px; font-weight:bold; display:block}
	#chargement img { margin-right:1px }


.clear { clear:both }


  

#footer { background-image: url('../img/fond.jpg');background-repeat:no-repeat;background-position:0px 100%;padding-bottom:20px }
	#footer p { margin: 0; padding: 20px 0 0; text-align: center }
		#footer ul { text-align:center }
		#footer ul li { display : inline; background-image:url('/img/chip.gif');background-repeat:no-repeat;background-position:0 2px;padding-left:20px }
			#footer ul li a:link , #footer ul li a:visited , #footer ul li a:hover { font-weight:normal;color: #bdbdbd }