/* Remise à zéro */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img {
	margin: 0;
	padding: 0;
	border: 0;
}

table {border-collapse: collapse; border-spacing: 0;}

body {font-size: 62.5%; min-width: 960px;}

/* Mise en page */

.raz {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.droite {float: right;}
.gauche {float: left;}

.conteneur {margin: 0 auto; width: 960px;}

/* The Diamond Sea */

.navigation {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	border-color: white; color: white;
	width: 840px;
	margin-left: auto; margin-right: auto;
	height: 15px;
	border-style: solid;
	border-width: 1px 0;
	padding: 5px 0 10px 2px;
	margin-top: 30px;}

	.navigation a:link,
	.navigation a:visited {color: white; border-bottom: none; text-decoration: none;}
	.navigation a:hover {color: black; background-color: white;}
	.navigation a:active {border-bottom: none; position: relative; top: 1px;}
	
#fr, #eng {position: relative; left: 818px; bottom: 43px; width: 84px;}

	#fr a:link,
	#fr a:visited {
		width: 84px;
		height: 27px;
		display: block;
		background-image: url(lang.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		border-bottom: none;
		text-indent: -5000px;
		text-align: left;
	}
	
	#fr a:hover,
	#fr a:active {
		background-position: 0 -28px;
		border-bottom: none;
		position: relative;
		top: 0px;
	}
	
	#eng a:link,
	#eng a:visited {
		width: 84px;
		height: 27px;
		display: block;
		background-image: url(lang.gif);
		background-position: -85px 0;
		background-repeat: no-repeat;
		border-bottom: none;
		text-indent: -5000px;
		text-align: left;
	}

	#eng a:hover,
	#eng a:active {background-position: -85px -28px; border-bottom: none; position: relative; top: 0px;}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #444444;
	background-color: #7b7b7b;
	background-image: url(bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed;
	text-align: left;
}

#bcw .description a:link { color: #e33a2f; border-bottom: 1px solid #dddddd; text-decoration: none;}
#bcw .description a:visited { color: #d76765; border-bottom: 1px solid #dddddd; text-decoration: none;}
#bcw .description a:hover {color: #e33a2f; border-bottom: 1px solid #e33a2f; text-decoration: none;}
#bcw .description a:active {color: #e33a2f; border-bottom: 1px solid #dddddd; position: relative; top: 1px;}

.esperluette {font-family: Baskerville, Palatino, Constantia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; position: relative; bottom: -0.1em;}

.noscript {font-style: italic; word-spacing: -1px;}

/* Pour fixer les em */

p {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em;}

ul li {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em;}

/* Réseaux */

.reseaux {margin-top: 0; padding-top: 0;}

	.reseaux li {font-size: 1em; margin-bottom: 0px; height: 40px; padding-top: 10px; list-style-type: none;}
	.reseaux #linkedin {padding-bottom: 20px;}

	.reseaux li a {display: block; padding-top: 8px; padding-left: 10px; height: 48px; border-bottom: none; text-decoration: none;}
	.reseaux li a img {float: left;}
	.reseaux li a:hover {background-position: left center; background-image: url(hover.gif); background-repeat: no-repeat; height: 40px;}

	.reseaux h4 {font-size: 1.4em; font-weight: normal; color: black; margin-top: 1px; margin-left: 40px;margin-bottom: -1px;}

	.reseaux p {font-size: 1.2em; color: #999999; margin-left: 40px; padding: 0px;}

/* Carte de visite */

#bcw .reseaux { width: 300px; }
#bcw .description { width: 540px; }
#bcw .carte,
#ind6409 .carte {
	width: 840px;
	left: 60px;
	top: 100px;
	background-color: white;
	background-image: url("divider.gif");
	background-position: 510px top;
	background-repeat: repeat-y;
	-moz-box-shadow: 0 0 0.2em 0 black;
	-webkit-box-shadow: 0 0 0.2em black;}

#bcw .reseaux,
#bcw .description,
#bcw .carte,
#ind6409 .carte {display: inline; float: left; position: relative;}

#bcw em,
#ind6409 em {font-style: normal; font-weight: bold;}

#bcw .description p,
#ind6409 .carte p {padding-left: 30px; padding-right: 60px;}

#bcw .description h1,
#ind6409 .carte h1 {color: black; font-weight: bold; padding: 30px 30px 0.6em 30px; font-size: 2.3em; line-height: 1.3em;}

#bcw .carte p:last-child,
#ind6409 .carte p:last-child {padding-bottom: 1em;}

.poly {position: relative; left: 60px; top: 25px; width: 840px; color: white; z-index: -99;}

	#bcw .poly {text-align: right; position: relative; top: 110px;}

	.poly a:link, 
	.poly a:visited {color: white; border-bottom: 1px solid white; text-decoration: none; }
	.poly a:hover,
	.poly a:active {color: black; background-color: white;}
	
/* IND6409 */

#ind6409 .carte {background-image: none; top: 20px;}

#ind6409 .carte h1 {padding-top: 0;}
#ind6409 .carte h2 {font-weight: normal; padding: 30px 30px 5px 30px; font-size: 1.8em; line-height: 1.3em;}
#ind6409 .carte h3 {font-weight: normal; padding: 20px 0 5px; font-size: 1.8em; line-height: 1.3em;}

#ind6409 .carte a:link { color: #1462C1; border-bottom: 1px solid #dddddd; text-decoration: none;}
#ind6409 .carte a:visited { color: #4a76c2; border-bottom: 1px solid #dddddd; text-decoration: none;}
#ind6409 .carte a:hover{ color: #0f64fe; border-bottom: 1px solid #0f64fe; text-decoration: none;}
#ind6409 .carte a:active {color: #0f64fe; border-bottom: 1px solid #0f64fe; text-decoration: none;}

#ind6409 .carte h3 a:link,
#ind6409 .carte h3 a:visited {padding-left: 24px; background-image: url("delicious.20.gif"); background-repeat: no-repeat; background-position: left top;}

#ind6409 .carte ul {padding: 0 30px;}	
#ind6409 .carte ul li {list-style-type: none; float: left; padding: 0 3px 0 0; margin-bottom: 0;}

#ind6409 .carte li a:link { color: #444; border-bottom: none; text-decoration: none; background: #eee; padding: 1px 5px;}
#ind6409 .carte li a:visited { color: #999; border-bottom: none; text-decoration: none; background: #eee; padding: 1px 5px;}
#ind6409 .carte li a:hover,
#ind6409 .carte li a:active {color: white; text-decoration: none; background: #444;}
he
#ind6409 .carte small {padding: 10px 30px 30px 30px; display: block; font-size: 1.3em;}

	#ind6409 .carte small a:link,
	#ind6409 .carte small a:visited {color: #999; border: none;}
	#ind6409 .carte small a:hover,
	#ind6409 .carte small a:active {color: #999; border-bottom: 1px solid #999;}

#ind6409 .carte .dalle {background-color: #eee; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; width: 380px; margin: 10px 0; text-align: center;}
	
	#ind6409 .carte .dalle.gauche {margin-left: 30px;}
	#ind6409 .carte .dalle.droite {margin-right: 30px;}
	
	#ind6409 .carte .dalle h4 {font-size: 1.8em;}	
	#ind6409 .carte .dalle p {margin-bottom: 0; padding: 0;}

	#ind6409 .carte .dalle a:link,
	#ind6409 .carte .dalle a:visited {padding: 15px; display: block; border-bottom: none; position: relative; }
	
	#ind6409 .carte .dalle a:hover {color: #6a7889;}	
		
	#ind6409 .carte .dalle a:hover span.overlay {width: 100%; height: 100%; display: block;}

	#ind6409 .carte .dalle span.overlay {position: absolute; filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; left:0; top:0;
										  background-image: url("overlay.png"); background-repeat: repeat; background-position: center center;}