/* 	Document CSS www.epslog.com
	Créé par Benoît RONDEUX
	URl: http://www.pilok.com
	Date: Mai 2006
	
	Tout droits réservés
 */
 
 
/*          Impression d'une page 
-----------------------------------------*/
@page {
	margin: 0;
}
#footer {
	clear: both;
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}
#toContent {
	display: none;
}

/*   Mise en page des éléments textes 
-----------------------------------------*/

#content p {
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 8pt;
	line-height: 12pt;
	color:#666666;
}

#content a {
	color: #18688D;
	text-decoration: none;
}
#content a:after {
	content:"("href")";
}
#content b {
	font-weight: bold;
	color: #18688D;
}

#footer p {
	width: 553px !important;
	height: 25px !important;
	display: block;
	padding: 5px 0px 0px 0px !important;
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 7pt;
	line-height: 12pt;
	color:#FFFFFF;
}

/*          Header 
-----------------------------------------*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14pt;
	text-align:left;
	margin: 0px 0px 20px 0px;
	display: block;
}

h1 a {
	text-decoration: none;
	color: #1E4972;
}


/*          Left menu bloc 
-----------------------------------------*/
#left_menu {
	display: none;
}

#content p {
	margin: 5px 15px 5px 20px;
	padding: 0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align:left;
	display: block;
	color:#333333;
}
h3 {
	display:block;
	height: 15px;
	border-left: 3px solid #17688D;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #E58A18;
	letter-spacing: 0.05em;
	text-align: left;
}

h4 {
	font-family: 'lucida grande', Arial, sans-serif;
	font-size: 8pt;
	letter-spacing: 0.05em;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	color: #1E4972;
}

#content ul.classic {
	margin: 10px 0px;
	padding: 0;
	list-style-type: none;
}

#content ul.classic li {
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 8pt;
	line-height: 12pt;
	color:#666666;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image:url(../img/ul_bullets.gif);
	background-position: 10px 7px;
	background-repeat:no-repeat;
}

#content ol.classic {
	margin: 10px 0px 0px 20px;
	list-style-type: numeric;
	padding: 0px 0px 0px 20px;
}

#content ol.classic li {
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 8pt;
	line-height: 12pt;
	color:#666666;
	margin: 3px 0px 0px 0px;
	padding: 0;
}

div.img_right {
	float: right;
	margin: 20px;
}

div.img_center {
	margin: 20px auto;
	padding: 0;
	clear: both;
	text-align:center;
}
div.img_right span, div.img_center span{
	width: auto;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #777777;
	text-align:center;
	clear: both;
	letter-spacing: 0.05em;
	margin: 5px auto 0px auto;
}

div.img_center img.border, div.img_right img.border {
	border: 3px solid #E1E1E1;
}


/* Page Services */

#caracWombat {
	position: relative;
	margin: 10px 15px 10px 15px;
	width: 513px;
	padding: 10px;
	display: block;
	background-color: #EFEFEF;
	border: 1px solid #E1E1E1;
}



#caracWombat h6 {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #E1E1E1;
	margin: 0;
	padding: 0;
}
#caracWombat p {
	position: relative;
}

/* Page About Us */



.id_picture {
	width: 68px;
	height: 90px;
	display:  block;
	margin:  5px 10px 5px 10px;
	padding:  0;
	float:  left;
}
.team {
	margin-top:  20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-right: 10px !important;
	display:  block;
	clear: left;
	min-height: 100px;
	height:  100px;
	background-color: #EFEFEF;
}


.team a{
	position:  relative;
	height:  15px !important;
	display: block;
	margin-top: -2pt;
}
.team a:after {
	content: "e-mail: " attr(href);
}
.team a img{
	display: none;
}


.team b {
	color: #1E4972;
}


/* Page Clients */

#logo_clients {
	width: 548px;
	height: 150px;
	display: block;
	margin: auto 0;
	padding: 0;
}
#logo_clients img {
	margin: 0px 8px 0px 8px;
}



/* Page contact */

#contact_form {
	height: 580px;
	display: none;
	margin: 0;
	padding: 0px 20px 0px 20px;
	font-family: 'lucida grande', tahoma, sans serif;
}
#contact_form div{
	clear: left;
	position: relative;
	text-align: left;
}
#contact_form label {
	clear: left;
	float: left;
	width: 60px;
	height: 20px;
	display: block;
	font-size: 9pt;
	margin: 0px 10px 5px 0px;
	padding: 5px 0px 0px 0px;
	color: #666666;
	font-size: 8pt;
}
#contact_form input.txtfield{
	height: 17px;
	float: left;
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 8pt;
	color:#666666;
	padding: 1px 0px 0px 3px;
	margin: 3px 0px 0px 0px;
	border: 1px solid #D4D4D4;
	background-color:#FFFFFF;
}
#societe label{
	margin-bottom: 15px;
}
#adresse input {
	width: 250px;
}
#titre {
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 8pt;
	color: #666666;
}
#cp input {
	width: 70px;
}
#email input {
	width: 200px;
}
#pays label {
	margin-bottom: 15px;
}
#pays select {
	float: left;
	width: 160px;
	height: 18px;
	margin: 3px 0px 0px 0px;
	padding: 0;
	border: 1px solid #D4D4D4;
}
#email label {
	margin-bottom: 15px;
}
#rem label {
	text-align: left;
}
#rem textarea{
	float: left;
	width: 242px;
	height: 192px;
	font-family: 'lucida grande', tahoma, sans serif;
	font-size: 8pt;
	color:#666666;
	border: 1px solid #D4D4D4;
	background-color: #FFFFFF;
	padding: 4px;
}
#submit{
	width: 250px;
	height: 20px;
	display: block;
	text-align: center;
	margin-top: 25px;
}
#submit input {
	margin: 15px 0px 0px 125px;
}
span.obligatoire {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #5A1E64;
	margin-left: 5px;
}
p#alert{
	width: 300px;
	background-color:#F7DBB7;
	border: 1px solid #E58A18;
	display: none;
	margin: Opx auto;
	padding: 5px;
}