html, body			{ background: #f5f5f5; margin: 0; padding: 0; font-family: calibri, arial, sans serif; }

.clear				{ clear: both; }
.hr					{ width: 310px; height: 15px; background: url('images/hr.gif') 0 0 no-repeat; margin: 20px auto 25px; }
div#content			{ width: 1010px; margin: 0 auto; }

h1, h2, h3			{ font-family: calibri, arial, sans serif;  }

h1					{ margin: 0; width: 1010px; height: 110px; }
h1 span				{ display: none; }
h2					{ margin: 0 0 20px; width: 310px; height: 75px; }
h2 span				{ display: none; }
h3					{ font-size: 16px; line-height: 34px; color: #333; margin: 0; padding: 0; }
ul					{ list-style: none; margin: 0; padding: 0; }
ul li a span			{ display: none; }
p					{ color: #666; font-family: calibri; margin: 5px 0 0 0; padding: 0 0 0 5px; }
img					{ border: none; }
a					{  }

div#content			{ position: relative; }

ul#menu				{ position: absolute; display: block; width: 530px; top: 15px; right: 80px; }
ul#menu li a.lab		{ float: left; width: 160px; height: 60px; background: url('images/lab.jpg') 0 0 no-repeat; margin-right: 20px; }
ul#menu li a.facebook	{ float: left; width: 165px; height: 60px; background: url('images/facebook.jpg') 0 0 no-repeat; margin-right: 25px; }
ul#menu li a.twitter	{ float: left; width: 160px; height: 60px; background: url('images/twitter.jpg') 0 0 no-repeat; }

div#content #formation			{ width: 310px; float: left; margin-right: 40px; }
div#content #experience			{ width: 310px; float: left; margin-right: 40px; }
div#content #realisations		{ width: 310px; float: left; }

#formation h3 span.date-small		{ text-shadow: 0 0 4px #000;  float: left; background: url('images/date_bleu.jpg') 0 0 no-repeat; color: #f5f5f5; width: 48px; line-height: 36px; padding: 0 0 0 13px; margin: 0 5px 0 0; }
#formation h3 span.date-big		{ text-shadow: 0 0 4px #000;  float: left; background: url('images/date_bleu_big.jpg') 0 0 no-repeat; color: #f5f5f5; width: 83px; line-height: 36px; padding: 0 0 0 13px; margin: 0 5px 0 0; }

#experience h3 span.date-small	{ text-shadow: 0 0 4px #000;  float: left; background: url('images/date_vert.jpg') 0 0 no-repeat; color: #f5f5f5; width: 48px; line-height: 36px; padding: 0 0 0 13px; margin: 0 5px 0 0; }
#experience h3 span.date-big		{ text-shadow: 0 0 4px #000;  float: left; background: url('images/date_vert_big.jpg') 0 0 no-repeat; color: #f5f5f5; width: 83px; line-height: 36px; padding: 0 0 0 13px; margin: 0 5px 0 0; }

#realisations h3 span.date-small	{ text-shadow: 0 0 4px #000;  float: left; background: url('images/date_rose.jpg') 0 0 no-repeat; color: #f5f5f5; width: 48px; line-height: 36px; padding: 0 0 0 13px; margin: 0 5px 0 0; }
#realisations h3 span.date-big	{ text-shadow: 0 0 4px #000;  float: left; background: url('images/date_rose_big.jpg') 0 0 no-repeat; color: #f5f5f5; width: 83px; line-height: 36px; padding: 0 0 0 13px; margin: 0 5px 0 0; }

ul.liste							{ width: 310px; }
ul.liste li						{ display: inline; float: left; margin: 0 0 10px; width: 300px; }
ul.liste li p						{ text-align: justify; }
ul.liste li ul						{ margin: 10px 0; color: #666; }
ul.liste li ul h3					{ margin: 0 0 5px 5px; padding: 0; line-height: 16px; }
#formation ul.liste li ul li			{ text-align: justify; padding: 0 0 0 30px; background: url('images/fleche_bleu.jpg') 6px 5px no-repeat; width: 270px; }
#formation ul.liste li a			{ color: #17a3bf; text-decoration: none; }
#formation ul.liste li a:hover		{ text-decoration: underline; }
#experience ul.liste li ul li			{ text-align: justify; padding: 0 0 0 30px; background: url('images/fleche_vert.jpg') 6px 5px no-repeat; width: 270px; }
#experience ul.liste li a			{color: #6fb121; text-decoration: none; }
#experience ul.liste li a:hover		{ text-decoration: underline; }
#realisations ul.liste li ul li		{ text-align: justify; padding: 0 0 0 30px; background: url('images/fleche_rose.jpg') 6px 5px no-repeat; width: 270px; }
#realisations ul.liste li a			{ color: #d8346e; text-decoration: none; }
#realisations ul.liste li a:hover	{ text-decoration: underline; }