* { margin: 0; padding: 0; }

.shadow
{
  -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}


body { font: .74em Tahoma, Verdana, Sans-Serif, Arial; color: #eee; background: #8e8482; }

sup {font-size: 0.7em;}

/*body { font: .74em Tahoma, Verdana, Sans-Serif, Arial; background: url(../images/fond.jpg) repeat; color: #7f7f7f; }*/

h1 {
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 2.2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h2 {
	color: #fff;
	margin: 0 0 15px;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h3 { font: normal 1.4em "Trebuchet MS", Helvetica, Arial; margin: 0 0 20px; }
h4 {
	color: #eee;
	margin: 0 0 4px;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
p { margin: 0 0 15px; line-height: 1.6em; font-size: 1.3em; }
a { outline: 0; color: #304D6F; text-decoration: none; }
li { list-style: none; }
li a, img { display: block; }
img { outline: 0; border: 0; }
#wrapper { width: 984px; margin: auto; }
.clr { clear: both; }

#logo {
	float: left;

	padding: 0 0 8px 4px;
	color: #f00;
}

#logo h1 a {
	color: #eee;
}
#logo h1 a span { color: #0ff; }
		
		
#menu {  padding: 14px 0 0 4px; }
	#menu li { float: right; font-size: 1.3em; /*text-transform: uppercase;*/ }
		#menu li a { color: #eee; margin: 0 50px 0 0; }
			#menu li a.current, #menu li a:hover {
	color: #000;
}			

	#pitch { clear: both;  height: 228px; margin: 0 0 80px;  }
	/*
		#pitch { clear: both; background: url(../images/home.jpg) no-repeat; height: 228px; margin: 0 0 30px; padding: 60px 360px 0 30px; }
			#pitch h1 { font-size: 2.4em; color: #304D6F; margin: 0 0 20px; }
			#pitch em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }

*/

#pitch2 { clear: both;  height: 1px; margin: 0 0 20px;  }

#home { 
	clear: both;
	  height: 350px;
	 width: 944px;
	 margin: 100px 0 0 150px;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:center;
	  }

#hometext { 
		clear: both;
		 width: 944px;
		margin: 40px 0 0 330px;
		font-family: "Trebuchet MS", Helvetica, Arial;
		font-size: 1.7em;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-align:left;
		  }


#gal li {
	display:inline;
}




.content {
	padding: 10px 20px 20px 20px;
	margin: 20px 0 0 0;
	background-color: #8e8482;
	background-image: none;
}
.link { background: #304D6F; color: #fff; padding: 5px 10px; font-size: .9em; }
#main {
	padding: 20px;
}
.col {
	float: left;
	width: 292px;
	margin: 0 30px 15px 0;
}

.col.double {
	float: left;
	width: 599px;
	margin: 0 0 15px 0;
}

	.col.last {
	float: right;
	margin-right: 0;
	padding: 5px 0 0 0;
}

#gal a {
	float:left;
	display:block;
	padding: 5px 37px 5px 0;
	
}


#gal a img {
	border : 3px solid #ccc;
	/*width : 70px;*/
}

#gal a:hover img {
	border-color : #8e8482;
}

	.col.galerie {
		float: left;
		width: 1000px;
	/*	height:400px; */
		margin: 0 0 15px 0;
}


	.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
	.short { padding: 0 0 15px 0; background: url(../images/line.gif) repeat-x left bottom; }
	.case a, .article a { color: #ddd; font-weight: bold; }
	.date { font-size: .84em; margin: 0 0 3px; }
#footer { clear: both; background: url(../images/line.gif) repeat-x; padding: 20px 20px 10px; font-size: .9em; }
	#footer a { color: #ccc; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
	#links { float: right; }
		#links a { margin: 0 0 0 10px; }
	#footer p { margin: 0 0 8px; }