/* @override http://localhost:8888/genewave/style.css */


/* -------------------- STYLES GÉNÉRAUX  --------------------------------------------------------------------------------------------- */

* {
margin:0;
padding:0;
}

html, body {
	margin: 0; 
	padding: 0;
	height: 100%;
}

:focus
	{
	outline: none;
	}

strong
	{
	color: #000000;
	}


/* -------------------- LIENS GÉNÉRAUX ----------------------------------------------------------------------------------------------- */

a:link, a:visited
	{
	color: #E25219;
	font-weight: bold;
	text-decoration: none;
	}

a:hover, a:active
	{
	color: #330066;
	text-decoration: none;
	}


/* -------------------- MISE EN FORME DE LA PAGE  ------------------------------------------------------------------------------------ */

body  {
	background-color: #ffffff;
	color: #333333;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;	
	margin: 0px;
	padding: 0px;
	background-image: url(images/corporate/header.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
}


#cadre_ext {
	background-image: url(images/corporate/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}

#ariane    {
	margin: 0px 0px 16px;
	height: 20px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-left: 10px;
	clear: both;
	width: 966px;
	font-size: 11px;
}
#ariane a  {
	color: #FFFFFF;
	font-weight: normal;
}
#ariane strong  {
	color: #FFFFFF;
}
#colonne  {
	float: left;
	padding: 0px 10px;
	width: 188px;
	margin-top: 0px;
	background-color: #FFFFFF;
	clear: both;
}

#content   {
	width: 720px;
	margin-top: 0px;
	background: url(images/corporate/content_background.gif) repeat-y 1px 0px;
	padding: 0px 0 10px 6px;
	margin-bottom: 20px;
	margin-left: 205px;
}
#flash  {
	width: 754px;
	float: left;
	margin: 0px 0px 10px 5px;
	text-align: left;
	color: #333333;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


#footer {
	width: 100%;
	background-color: #330066;
	color: #9980B2;
	font-size: 11px;
	clear: both;
}
#footer, .push{
	height: 40px; /* .push must be the same height as .footer */
	
}

/* -------------------- TYPO GÉNÉRAL ET LIENS ---------------------------------------------------------------------------------------- */

#content h1  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #330066;
	position: relative;
	left: -2px;
	background-image: url(images/corporate/ligne.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	width: 490px !important;
	width: 490px;
	padding-left: 8px;
	padding-bottom: 6px;
	border-left: 5px solid #330066;
	padding-top: 0;
	margin-top: 20px;
}
#content p {
	margin-left: 15px;
	padding-bottom: 5px;
	width: 490px;
}

#content.large h1, #content.large p {
		width: 720px !important;
}

.cap{
	font-variant: small-caps;
}

#colonne  h1  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #6699CC;
	font-style: italic;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330066;
	margin-bottom: 12px;
	padding-bottom: 5px;
}
#colonne .link a {
	background-image: url(images/corporate/triangle.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}

.actu p {
	margin-bottom: 5px;
}

#colonne p.adresse{
	font-size: 10px;
	line-height: 12px;
	background-image: url(images/corporate/logo_signe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 45px;
	padding-left: 6px;
	margin-top: 20px;
	padding-bottom: 20px;
}
#colonne p.update{
	font-size: 10px;
	line-height: 12px;
	padding-left: 6px;
	padding-bottom: 20px;
}

h2.date, span.date	{
	font-weight: bold;
	font-size: 12px;
	color: #330066;
	margin-bottom: 0;
}

h3.type
	{
	font-weight: bold;
	font-size: 11px;
	color: #330066;
	line-height: 14px;
	margin-bottom: 5px;
	}
	
#footer .baseline p.sousnav{
	float: right;
}
#footer .baseline .sousnav a {
	color: #FFFFFF;
}	
#footer .baseline .sousnav .top
	{
	background-image: url(images/corporate/top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 14px;
	}

#footer .baseline {
	width: 930px;
	height: auto;
	padding-top: 5px;
}
#footer .baseline p{
	float: left;
	margin-left: 10px;
}

#colonne .link {
	text-align: right;
	margin-bottom: 20px;
}
.droite h2, #colonne h2.nav {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #6699cc;
	font-size: 12px;
	font-weight: bold;
	color: #330066;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330066;
	margin-bottom: 8px;
	margin-top: 5px;
}


/*.droite img {
	border: 1px solid #336699;
}
*/

ul.liste{
	list-style-type: none;
}
.content {
	width: 490px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

p.chapo {
	padding-left: 6px;
	color: #330066;
	font-size: 12px;
	color: #330066;
	line-height: 18px;
}

p.baseline {
	font-size: 12px;
	color: #330066;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 0px 6px;
	margin-bottom: 20px;
	margin-top: 8px;
}

blockquote{
	color: #aaa;
	margin-bottom: 15px;
	margin-top: 0;
	padding: 0 0 0 5px;
	font: italic 10px/12px "Trebuchet MS";
}


p.chapo strong {
	color: #330066;
}


.liste li {
	background-image: url(images/corporate/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	margin-bottom: 5px;
}
/* -------------------- CLASS DE MISE EN FORME --------------------------------------------------------------------------------------- */

.logo{
	float: left;
	margin-top: 25px;
}
.logo a {
	width:344px;
	height:81px;
	background:url(images/corporate/logo2.gif) no-repeat 0px 0px;
	text-indent: -1000px;
	margin-left: 0px;
	float: left;
}
.logo a:hover {
	background:url(images/corporate/logo2.gif) no-repeat 0px -81px;
}
.logo_print{
display:none;
}


.actu
	{
	font-size: 11px;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 10px;
	background-image: url(images/corporate/actu_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 5px;
}	
.events	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 20px;
	background-image: url(images/corporate/actu_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 5px 5px 0 0;
	margin-left: 10px;
	float: left;
	width: 710px;
}	
.events p.type a {
	font-size: 14px;
	display: block;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-left: 0px !important;
}

.events h2{
	font-size: 14px;
	display: block;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.droite     {
	padding: 5px;
	width: 186px;
	float: right;
	margin-top: 15px;
	line-height: 14px;
	font-size: 11px;
}
.droite h4   {
	width: 100px;
	font-size: 11px;
	color: #999999;
	margin: 5px 0px 15px;
	padding: 0px;
	line-height: 13px;
}

#content .schema {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* -------------------- MENU  -------------------------------------------------------------------------------------------------------- */

#menu {
	list-style:none;
	margin: 4px 0px 5px 10px;
	padding: 0px;
	float: left;
	clear: both;
	width: 800px;
}

#menu li {
	height: 23px;
	float: left;
	display: block;
}

#menu li a {
	text-decoration:none;
	display:block;
	width: 100px;
	height: 23px;
	font-size: 11px;
}

#nav_home  {
	background: url(images/corporate/nav_home.gif) no-repeat left top;
	text-indent:-1000px;

}
#nav_services  {
	background: url(images/corporate/nav_services.gif) no-repeat left top;
	text-indent:-1000px;
}
#nav_products  {
	background: url(images/corporate/nav_products.gif) no-repeat left top;
	text-indent:-1000px;
}
#nav_technologies  {
	background: url(images/corporate/nav_technologies.gif) no-repeat left top;
	text-indent:-1000px;
}
#nav_company  {
	background: url(images/corporate/nav_company.gif) no-repeat left top;	
	text-indent:-1000px;
}
#nav_contact  {
	background: url(images/corporate/nav_contact.gif) no-repeat left top;
	text-indent:-1000px;
}
#nav_news  {
	background: url(images/corporate/nav_news.gif) no-repeat left top;	
	text-indent:-1000px;
}
#nav_support  {
	background: url(images/corporate/nav_support.gif) no-repeat left top;
	text-indent:-1000px;
}
#menu a:hover  {
	text-indent:-1000px;
}


#menu li ul.sousnav { /* listes de deuxième niveau */
	background: url(images/corporate/ombre.png) no-repeat left bottom;
	position: absolute;
	width: 220px;
	z-index: 100;
	display: none;
	padding-left: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
}


#menu li ul.sousnav li {
	background: url(images/corporate/alert_background.gif) repeat-x left top;
	width: 100%;
	float: left;
	clear: both;
	height: 18px;
	font-size: 11px;
	padding-top: 4px;
	line-height: 14px;
}

* html #menu li ul.sousnav {
	background: none !important;
}



#menu li ul.sousnav li a{
	color: #330066;
	width:100%;
	text-indent:0px;
	padding-left: 3px;
}

#menu li ul.sousnav li a:hover {
	color: #E25219;
	text-indent:0px;
}

#menu li:hover ul, #menu li.sfhover ul {
	display: block;
}


/* -------------------- LISTE  -------------------------------------------------------------------------------------------------------- */

#colonne ul.products, .droite ul.products {
	list-style-type: none;
	margin-bottom: 10px;
}


#colonne .products li, .droite .products li  {
	padding-left: 5px;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #CCCCCC;
}

#colonne .products li a , .droite .products li a {
	font-weight: normal;
	color: #330066;
	background-image: url(images/corporate/triangle.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: 0 2px;
	display: block;
	padding-right: 12px;
}

#colonne .products li a.tabulation {
	margin-left: 12px;
}

#colonne .products li a:hover, .droite .products li a:hover {
	color: #E25219;
	background-position: right 2px;
	display: block;
}
#colonne .products li.ON a, .droite .products li.ON a {
	font-weight: bold;
	color: #E25219;
	color: #E25219;
	background-position: right 2px;
}

div.droite ul.products li.pdf a {
	padding-left: 20px;
	background: url(images/icones/page_white_acrobat.png) no-repeat;
	padding-bottom: 2px;
	padding-top: 2px;
}
/*
div.droite ul.products li.faq a {
	padding-left: 20px;
	background: url(images/icones/note.png) no-repeat;
	padding-bottom: 2px;
	padding-top: 2px;
}
div.droite ul.products li.doc a {
	padding-left: 20px;
	background: url(images/icones/folder_page.png) no-repeat;
	padding-bottom: 2px;
	padding-top: 2px;
}
*/
a.print {
	background: url(images/icones/printer.png) no-repeat;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
}


/* -------------------- Tableaux  ---------------------------------------- */
#tableau_detail, 
#tableau_specification,
#tableau_events {
	width: 710px;
	font-size: 11px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

/* produits  ---------------------------------------- */
#tableau_detail col.product_number {
	width: 170px;
}
#tableau_detail col.quote {
	width: 120px;
}

/* produits  ---------------------------------------- */
#tableau_specification col.specification {
	width: 170px;
}
#tableau_specification col.detail {
	width: 540px;
}


/* Events  ----------------------------------------- */
#tableau_events col.date{
	width: 250px;
}
#tableau_events col.evenement {
	width: 200px;
}
#tableau_events col.type {
	width: 200px;
}
#tableau_events col.where {
	width: 200px;
}



th {
	text-align: left;
	background: #EDEBE2;
	border: 1px solid #DAD9D1;
	padding-left: 3px;
	color: black;
}


#tableau_detail td,
#tableau_specification td,
#tableau_events td {
	border-bottom: 1px solid #6699CC;
	color: #000000;
	vertical-align: middle;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#tableau_events td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#tableau_detail tr:hover,
#tableau_specification  tr:hover,
#tableau_events tr:hover {
	background-color: #f6f5f3;
}	


/* -------------------- Onglets produit  -------------------------------------------------------------------------------------------------------- */


#onglet {
	background: url(images/corporate/onglet_back.gif) repeat-x left bottom;
	list-style:none;
	height: 30px;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#onglet li {
	float:left;
}

#onglet li a {
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	height: 30px;
}
#onglet li a.print{
	background: url(images/icones/printer.png) no-repeat;
	display: block;
	left: 240px;
	position: relative;
	text-indent: 0;
	top: 6px;
	height: 15px;
}

#onglet_liste1 {
	background: url(images/corporate/onglet_main.gif) no-repeat 0 0px;
	width: 71px;
}
#onglet_liste2 {
	background: url(images/corporate/onglet_applications.gif) no-repeat 0 0px;
	width: 90px;
}
#onglet_liste3 {
	background: url(images/corporate/onglet_details.gif) no-repeat 0 0px;
	width: 60px;
}
#onglet_liste4 {
	background: url(images/corporate/onglet_specifications.gif) no-repeat 0 0px;
	width: 97px;
}
#onglet_liste5 {
	background: url(images/corporate/onglet_order.gif) no-repeat 0 0px;
	width: 96px;
}


#onglet a:hover, #onglet a.active {
	background-position: 0 -30px;
}
#onglet li a.print:hover {
	background: url(images/icones/printer.png) no-repeat;
}

#liste4 h1, #liste5 h1{
		width: 720px !important;
}



/* [portfolio] */
.portfolio{
	display: block;
	height: 200px;
	padding: 0 0 0px 1px;
}
.port_item {
	width:178px;
	position:relative;
	float:left;
}
.lastone {
	padding-right:0;
}
.port_item a:hover {
	color:#fff;
}
.port_item h2 {
	margin-top:10px;
	margin-bottom: 10px;
	color:white;
	font-size: 14px;
}
.port_img {
	width:170px;
	height:190px;
	position:relative;
	cursor:pointer;
	overflow: hidden;
	border-right: 1px solid #e7e8e9;
	padding-right: 7px;
}
.port_desc {
	color:#FFFFFF;
	position:absolute;
	top:207px;
	left:0px;
	height:207px;
	width: 158px;
	background: url(images/portfolio_home/portfolio_background.png) repeat;
	padding: 0 10px;
}

.port_desc li {
	list-style:none;
	padding-left:0px;
}
#content .port_desc p {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	width : 100%
}

/* -------------------- Page produit  ------------------------------------------------ */
.ligne_product{
	height :auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(images/corporate/product_background.gif) no-repeat left bottom;
	margin-left: 10px;
	float: left;
}

.ligne_download{
	height :auto;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(images/corporate/download_background.gif) repeat-x left bottom;
	margin-left: 10px;
	width: 710px;
}


#liste5 div.product, #liste5 div.contact {
	width: 345px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
}

.ligne_product h2, .ligne_download h2, .contact h2{
	font-size: 14px;
	font-weight: bold;
	color: #330066;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	margin-top: 5px;
}
#liste5 div.product p{
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	width: 175px;
}
#liste5 div.contact p{
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	width: 340px;
}

.product select.f150 {
	margin-top: 10px;	
}
.product .link a, .ligne_download a {
	margin-top: 5px;
	float: left;
	background-image: url(images/corporate/triangle.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
	clear: left;
}
.product ul.products{
	margin-top: 10px;
}

.product img {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
.product ul.products li {
	list-style-type: none;
}
.product ul.products li a {
	background-image: url(images/corporate/triangle.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: 0 2px;
	display: block;
	padding-right: 12px;
}
.clear{
	clear: left;
}

/* -------------------- Page contact  ------------------------------------------------ */

.white{
	color: white;
}
form#module {
	padding-left: 15px;
}
.colonne_label{
	width: 150px;
}
.colonne_champs{
	width: 450px;
}

fieldset.module_contact {
	border: 1px solid #665143;
	margin-bottom: 10px;
	padding: 5px;
}
table.formulaire-table tbody tr td {
	padding-bottom: 8px;
}	

input, textarea {
	background-color: #f3f3f3;
	border: 1px solid #666666;
	padding: 1px;
}

.f50	{ width: 50px; }
.f100	{ width: 100px; }
.f150	{ width: 150px; }
.f250	{ width: 280px; }

#module input.btn {
	background-color: #6699CC;
	color: white;
	border-style: none;
	padding: 1px 3px 3px;
}

div.droitequote {
	display: block;
	padding: 5px;
	width: 186px;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 14px;
	color: #aaa;
	font: italic 10px/12px "Trebuchet MS";
}

#content p.pub {
	margin: 10px 0px 10px 0px;
	width: 186px;
}

h2.sous_titre {
	font-size: 14px;
	font-weight: bold;
	color: #330066;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 5px 0px 8px 3px;
}

.alerte {
	color: red;
	font-weight: bold;
}

/* -------------------- FAQ ------------------------------------------------------------------------------------ */
dl{
	padding-top: 20px;
	margin-left: 15px;
	padding-bottom: 5px;
	width: 490px;
}	
dt 	{
	margin: 0;
	padding-bottom:5px;
}
dt a {
	padding-left: 12px;
	background-image: url(images/corporate/triangle.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
	

dd	{
	padding-left: 12px;
	padding-bottom:20px;
	margin-left: 0px;
}

.Ouvert a{
	color: #330066;
	}