@charset "UTF-8";
/* CSS Document */

/* 
	#3d414d : Gris colonne gauche
	#323232 : Gris content
	
	#FF0077 : rouge/Fuchsia
	#7AC943/66cc33 : vert
	
	#0097DA
	#8F95B3
	#bFc8e6
*/

/*
  min-height:500px;
  height:auto !important;
  height:500px;
*/

body {
		font-family:Verdana, Geneva, sans-serif;
		background:#000000;
		color:white;
}

#page 			{ width:1001px; height:677px; margin:50px auto; 
				  background:url(/images/page.jpg) no-repeat black; position:relative; 
}

.corner		{ height:175px; width:175px; position:absolute; right:0; top:0; }
.accueil 	{ background:url(/images/corner-accueil.png) no-repeat center; }
.prestations{ background:url(/images/corner-prestations.png) no-repeat center; }
.portfolio  { background:url(/images/corner-portfolio.png) no-repeat center; }
.contact	{ background:url(/images/corner-contact.png) no-repeat center; }


#wrapper-left 	{ width:251px; margin:0; float:left; }

#wrapper-right 	{ margin:0 0 0 250px; } 

#wrapper-footer { position:absolute; bottom:0; left:0; width:1001px; height:70px; }

#wrapper-footer p { text-align:center; color:grey;  }

h1 		{ color:#bFc8e6; font-size:24px; font-weight:normal; margin:0; }
h2		{ color:#8F95B3; font-size:14px; font-weight:normal; 
		  margin:5px 0 25px 0; 
		  padding:0 0 5px 0; 
		  border-bottom:1px solid grey; }
h3		{ color:#3d414d; font-size:14px; margin:15px 0 0 0; padding:0; }

p  		{ color:#ffffff; font-size:12px; line-height:18px; }

#article p     { text-indent:0;  }

.contactform p { text-indent:0;  }

a  		{ color:#0097DA; text-decoration:none;}
a:hover { text-decoration:underline;}
p.copy 	{ font-size:11px; color:#3d414d; } 

#menu   		{ margin-top:400px; }
#menu p 		{ text-align:center;font-size:12px; letter-spacing:4px; 
		   		  margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}
#menu a 		{ line-height:34px; background:url(/images/menu-bg.jpg) no-repeat center top; display:block; }
#menu a:hover   { text-decoration:none; background-image:url(/images/menu-bg-over.jpg) }
#menu a.current { background-image:url(/images/menu-bg-over.jpg); color:white; }

#article { width:550px; height:440px; background:url(/images/article-bg.png) top left no-repeat; margin:0 auto; }


/*
 * TAB NAVIGATION (PRESTATION)
 *
 */

/* root element for tabs  */
.tabs { 
	list-style:none; 
	padding:0;
	height:30px;
	
}

/* single tab */
.tabs { margin:10px 0 0 80px; }
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin-right:5px;
	margin-bottom:0;
	list-style-image:none !important;
}

.tabs li a { display:block;  width:134px; height:31px;
	line-height:31px;
	text-align:center;
	background-image:url(/images/tabs.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FFF;
}

.tabs li a.current { background-position: 0 -31px; }
.tabs li a:hover { background-position: 0 -62px; }
.tabs li a.current:hover { background-position: 0 -31px; }

div.itemTabs {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	font-size:12px;
	padding:50px;
}


/* LISTE DES THUMBS PORTOFOLIO */

ul.thumbList    { list-style-type:none; margin:0; padding:0; }
ul.thumbList li { float:left; margin:15px 15px 0 0; text-align:center; padding-top:10px; width:130px; height:130px; border:1px solid #444444; }
ul.thumbList li img { cursor:pointer; }


ul#portofolio-web { list-style-type:none; margin:0; padding:0; }
ul#portofolio-web li img { margin-right:15px;  float:left; }
ul#portofolio-web li { border-bottom:1px solid #888888; margin-bottom:5px; }


/* FORMULAIRE */
.form_element {  padding-top:5px;  }

label         { float:left; text-align:right; width:120px; margin-right:5px;  }
.form_input   { border:1px solid #bFc8e6; width:275px; text-align: left; padding:3px; color:#333333; 
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				position: relative;
}
.errors       { margin-left: 135px; padding:0; color:#FF0077; font-size:12px; list-style-type:none; }
.form_submit  { margin-left: 125px; position: relative;}