* {margin:0; padding:0;}

body {background-color:#003366; font-family:Verdana, Helvetica, sans-serif; font-size:13px; line-height:18px; color:333;}

h1 {background: #003366 url(../i/logo.gif) no-repeat center left; color: #fff; padding-left: 60px; float: left; text-align: left; font-size: 13px; font-weight: normal; line-height: 30px; letter-spacing:2px; }	
h2 {color: #333333; font-weight: bold; text-align: left; font-size: 13px; margin: 0 0 10px 0; padding-bottom:5px; border-bottom: solid 1px #333;}	

a  {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}

/*.top {float: right; font-size: 0.6em; margin-right: 10px; padding-right: 15px; background: #ffffff url(../i/top.gif) no-repeat center right; }
.invisibletop {float: right; font-size: 0.6em; margin-right: 10px; padding-right: 15px; color: #ffffff;}
.centertop {font-size: 0.9em; text-align: center;}*/


/* MISE EN PAGE GENERALE */	
	#container 		{ margin: 30px auto 0 auto; width:842px; height:500px;}
	#global			{ border:1px solid #fff; text-align:left;}
	#roundtr		{ width:8px; height:15px; float:right; background:url(../i/tr.gif) no-repeat top right; margin: -1px -1px 0 0}
	#roundbl		{ width:8px; height:10px; float:left; background:url(../i/bl.gif) no-repeat bottom left; margin: -9px 0 0 -1px}
	
	#header			{ height: 30px; line-height:30px; text-align:left; background-color:#FFFFFF; text-indent: 10px; filter:alpha(opacity=75); opacity:0.75; clear:both; font-weight: bold;}
	#header a 		{ text-decoration:none; color:#000; font-weight: bold;}
	#header a:hover 	{ text-decoration:underline;}

	#centercol		{ text-align: left; margin:16px 0 0 16px;}

	#footer			{ }	


/* HEADER */
	
	
/* MENU PRINCIPALE */
	ul#mainmenu			{ margin: 0; list-style-type: none; background-color:#ddd}
	#mainmenu li 			{ float: right; text-align: right; font-size: 13px; font-weight: normal; line-height: 30px; list-style-type: none; letter-spacing:1px;}
	#mainmenu a			{ display: block; padding:0 0 0 30px;  color: #fff; text-decoration: none;}
	#mainmenu a:hover 	{ text-decoration: underline;}
	
/* CATEGORIE DE PROJETS */
	.projectcat 			{ z-index: 9;  width:170px; height:90px; background-color:#FFFFFF; padding:10px; margin:0 16px 16px 0; float: left}
	.imgcat 				{ z-index: 10; width:170px; height:90px; cursor: pointer;}
	.homecattitle 		{ z-index: 11; width: 160px; line-height:20px; position:absolute; background-color: #fff; padding: 5px; color:#000; text-align: center; font-weight: bold; font-size:14px; display: none; filter:alpha(opacity=75); opacity:0.75;}
	.homecattitle1line	{ margin-top: 60px;}
	.homecattitle2line	{ margin-top: 40px;}
	#currentproject 		{ width:376px; height:90px; padding:10px; margin:0 16px 16px 0; float:left; background-color:#FFFFFF;}
	#currentprojecttitle{ position:absolute; margin-top: 60px; z-index: 11; width: 160px; line-height:20px;  background-color: #000; padding: 5px; color:#fff; text-align: center; font-weight: bold; font-size:14px; filter:alpha(opacity=75); opacity:0.75; }
	#currentproject h2	{ color: #333333; font-weight: bold; text-align: center; font-size: 13px; line-height: 14px; margin: 0 0 5px 0; padding-bottom:5px; border-bottom: solid 1px #333;}
	#currentprojectinfo 		{ font-size:11px; font-weight:bold;}
	#currentprojectinfo label	{ float: left; width: 60px; font-weight:normal;}
/* LISTE DE PROJETS */
	.projectlist 		{ width:190px; height:346px; margin:0 16px 16px 0; float: left; }
	.projectlistimg 		{ width:170px; height:90px; background-color:#FFFFFF; padding:10px; margin-bottom:16px;}
	.projectlistdetail 	{ width:170px; height:200px; background-color:#FFFFFF; padding:10px; overflow:auto; filter:alpha(opacity=90); opacity:0.9}
	.projectlistdetail  p {font-size: 11px; line-height:13px;}
	
	.projectlistdetail h2 {color: #333333; font-weight: bold; text-align: center; font-size: 13px; line-height: 14px; margin: 0 0 10px 0; padding-bottom:5px; border-bottom: solid 1px #333;}	
	.projectlistdetail h2 a {color: #333333; font-weight: normal; text-decoration:none;}	
	.projectlistdetail h2 a:hover {color: #333333;}	
	
	
	#navpage 			{ height:20px; background-color:#fff; filter:alpha(opacity=75); opacity:0.75; margin: 0 16px 16px 0; font-size: 12px; line-height:20px; font-weight:bold; color:#000; clear:both;}
	#navpage a  			{ color: #000; text-decoration: none; font-weight:bold; font-size: 12px;}
	#navpage a:hover 	{ color: #000; text-decoration: underline;}
	#navpageleft 		{ float:left; width: 150px; text-align: left; padding-left: 10px;}
	#navpageright 		{ float:right; width: 150px; text-align: right; padding-right: 10px;}
	#navpagecenter 		{ margin: 0 150px; text-align: center;}

/* DETAIL d'UN PROJET */
	#projectdetail 		{ width:200px; padding:10px; height:330px; margin:0 16px 16px 0; float: left; background-color:#FFFFFF; overflow: auto; filter:alpha(opacity=90); opacity:0.9}
	#projectdetail h2 	{ color: #333333; font-weight: bold; text-align: center; font-size: 13px; line-height: 14px; margin: 0 0 10px 0; padding-bottom:5px; border-bottom: solid 1px #333;}
	#projectdetail p 	{ font-size: 11px; line-height:15px; margin-bottom: 10px;}
	#projectdetailinfo		{ font-size: 11px; font-weight:bold; }
	#projectdetailinfo label	{ float: left; width: 60px; font-weight:normal;}
	
	#projectpanel 		{ position:relative; width:551px; padding:10px; height:330px; margin:0 16px 0 0; float: left; background-color:#FFFFFF; }
	#projectthumb		{  width:100px; height: 330px; float:left; overflow: hidden;}
	#scrollUp			{ position:absolute; width:50px; height:30px; top:10px; left:35px; z-index:20; background: url(../i/scroll/scrollup.gif) no-repeat top center; filter:alpha(opacity=60); opacity:0.6}
	#scrollDown			{ position:absolute; width:50px; height:30px; top:310px; left:35px; z-index:20; background: url(../i/scroll/scrolldown.gif) no-repeat top center; filter:alpha(opacity=60); opacity:0.6}
	#projectview		{ position:relative; width:440px; float:right; text-align:right;}
	#viewid				{ filter:alpha(opacity=0); opacity:0; display: block;}	
	#viewtitle			{ position:absolute; height:50px; width:430px; top: 270px; left: 0; text-align:left; background-color:#000; color:#fff; padding: 5px; font-size:0.8em; line-height:11px; filter:alpha(opacity=0); opacity:0;}
	#viewtitle h1		{ display:block; float:none; font-size: 13px; line-height: 15px; background:none; padding:0; letter-spacing:normal; margin-bottom: 5px; }	
	
	.thumb				{ border:none; margin:0 0 10px 0 ; display: block;}
	.lastthumb			{ border:none; margin:0 ; display: block;}
	
	
/* CONTACT */
	#contact			{ background-color:#fff; margin: 0 16px 16px 0; filter:alpha(opacity=90); opacity:0.9; width:600px; padding: 16px;}
	#contact h2			{ background:none; font: normal bold 15px/20px Arial; letter-spacing:1px; height:20px; }
	#contact p			{ margin: 2px 0;}
	#contact label		{ width:90px; float: left;}
	#coordonnes			{ text-align:left; font-size:13px; padding-right:10px; }
	#sendmail			{ text-align:left; font-size:11px}
	
	table.contactForm {width: 100%;}
	table.contactForm  td {padding: 2px 0; }
	table.contactForm  td.left {width: 302px; vertical-align: top;}
	input, select, textarea {font-family: Verdana; }
	input, select {font-size: 11px; padding:0; margin:0; }
	textarea {font-size: 1em; width: 217px; height: 100px;}
	
	#sendButton 		{line-height:15px; margin: 5px 0; font-size: 10px;}
	#sendButton input	{margin: 5px 10px 0 90px; float:left;  }
	
/* SOCIETE */
	#societe			{ background-color:#fff; margin: 0 16px 16px 0; filter:alpha(opacity=90); opacity:0.9; width:600px; padding: 16px; text-align: justify;}
	#societe h2			{ background:none; font: normal bold 15px/20px Arial; letter-spacing:1px; height:20px; }
	
/* COPYRIGHT */
	#copyright 			{clear:both; font-size:11px; color:#ccc; text-align:center; line-height:15px; margin-top:10px; }
	#copyright a			{text-decoration: none; color:#fff; }
	#copyright a:hover	{text-decoration: underline;}
	
/* BOITE D'INFORMATIONS */	
	#msgInfo			{margin: 10px 20px 20px 0; padding: 5px; border: 1px solid #cccccc; background-color: #f9f9f9;}
	
	.center {text-align: center;}
	.hidden {display:none}