/* @override 
	http://localhost:8888/spirec_BD/index.css
	http://localhost:8888/spirec/index.css
*/

/* -------------------- GENERAL -------------------------------------------------------------------- */

*
{
	margin:0;
	padding: 0;
	color: #575653;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	/*font-size: 12px;*/
	line-height: 17px;
}

div.ligne {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}
/*
div.solutions a{
	padding: 0px 6px 0;
	height: 150px;
	overflow: hidden;
	background: url(images/solutions/module.jpg) no-repeat;
	text-indent: -5000px;
	display: block;
}

*/

div.solutions a img,
div.solutions a:hover img  {
	border-style: none;
}

/* My Comment */

:focus
	{
	outline: none;
	}

body
	{
	background-color: #f3f3f3;
	background-image: url(images/corporate/fond.gif);
	background-repeat: repeat;
	}

strong
	{
	color: #404040;
	}


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

#wrapper-inner div.colonne p.actu a img {
	border-style: none;
}

a:link, a:visited
	{
	color: #003D8B;	
	font-weight: bold;
	}

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

#footer a, #footer a:hover
	{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
	
.top
	{
	background-image: url(images/corporate/top.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 14px;
	}
	
		
.link-pdf 
	{
	background-image: url(images/corporate/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 2px 0 3px 20px;
	margin: 0px;
	font-size: 11px;
	}
.link-soft
	{
	background-image: url(images/corporate/soft.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 2px 0 3px 20px;
	margin: 0px;
	font-size: 11px;
	}

.link-courant
	{
	background-image: url(images/corporate/lien_blc.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 0px 0 2px 18px;
	margin-left: 2px;
	font-size: 11px;
	}

.link-colonne,
.link-temoignage
	{
	background-image: url(images/corporate/lien_colonne.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	_background-position: 0px 2px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 18px;
	margin-left: 2px;
	line-height: 18px;
	}


.archive
	{
	background-image: url(images/corporate/doc.gif);
	display: block;
	line-height: 14px;
	}

/* -------------------- TYPOGRAPHIE -------------------------------------------------------------------- */

.colonne h1	
	{
	background: url(images/corporate/H1_colonne.gif) no-repeat 8px 3px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 10px 10px 0px;
	padding-top: 8px;
	padding-left: 25px;
	line-height: 21px;
}
.content h1	
	{
	background:url(images/corporate/H1_content.gif) no-repeat 2px 0px;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0px 6px 27px;
	margin-bottom: 10px;
	color: #002357;
	margin-top: 5px;
	line-height: normal;
}

.content blockquote {
	padding: 6px 0px 10px 20px;
	margin: 0px;
}

.content blockquote p{
	font-size: 11px;
	padding-top: 2px;
	color: #333333;
	padding-bottom: 2px;
	font-weight: bold;
}
.content blockquote a{
	padding-left: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-variant: normal;
}
.content blockquote p.bleu{
	background-image: url(images/corporate/web-page-blue.gif);
	background-repeat: no-repeat;
	background-position: 52px;
}

.content blockquote p.orange{
	background-image: url(images/corporate/web-page-orange.gif);
	background-repeat: no-repeat;
	background-position: 52px;
}

.content blockquote p.violet{
	background-image: url(images/corporate/web-page-purple.gif);
	background-repeat: no-repeat;
	background-position: 52px;
}

.content h1.violet {
	color: #990066;
}

.content h1.bleu{
	color: #0082D8;
}
.content h1.orange{
	color: #AC0C0F;
}

.droite h1	
	{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-image: none;
	margin: 0px;
	padding: 6px 0px 13px 5px;
}
.content h2	
	{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000000;
	margin-top: 20px;
	margin-left: 27px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 8px;
	border-left: 6px solid #002357;
}

.content h2.violet {
	border-left-color: #990066;
}
.content h2.bleu {
	border-left-color: #0082D8;
}
.content h2.orange {
	border-left-color: #AC0C0F;
}
.content p.chapo
	{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 27px;
	line-height: 20px;
	}

.colonne p
	{
	color : #000000;
	font-size: 11px;
	padding-left: 5px;
	padding-bottom: 6px;
}

.content p
	{
	font-size: 12px;
	padding-left: 41px;
	padding-bottom: 6px;
	}
	

.droite ul li
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	font-size: 11px;
	color: #666666;

	}

.droite li.link-pdf {
	padding: 2px 0px 5px 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4BBB3;
	background-image: url(images/corporate/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	line-height: 14px;
}
.droite li.link-soft {
	padding: 2px 0px 5px 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4BBB3;
	background-image: url(images/corporate/soft.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	line-height: 14px;
}
.droite li.link-colonne {
	padding: 2px 0px 3px 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4BBB3;
	background-image: url(images/corporate/lien_blc.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 14px;
}

.droite li.link-temoignage {
	padding: 2px 0px 3px 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4BBB3;
	background-image: url(images/corporate/verba.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 14px;
}


.droite li.link-image	{
	background-image: none;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	}

.droite li.courant  {
	padding: 2px 0px 3px 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4BBB3;
	line-height: 14px;
}
	
.droite a {
	text-decoration: none;
	line-height: 14px;
}	

	
.actu
	{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}	
.signe
	{
	border-bottom-style: none;
	margin-left: 20px;
	padding-left: 23px;
	background-image: url(images/favicon.gif);
	background-repeat: no-repeat;
	}	
.signe p, .signe p a
	{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-weight: normal;
	font-family: "Arial Narrow";
}

.droite p {
	margin: 0;
	padding: 0;
}

/*
.actu:hover
	{
	background-color: #F2F0EA;
	}
*/
h2.date
	{
	font-weight: bold;
	background-image: url(images/corporate/date.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 12px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 3px;
	color: #002357;
	}
h3.type
	{
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 11px;
	padding: 0px 0px 3px;
	text-transform: uppercase;
	color: #000000;
	line-height: 14px;
	}
	
/* -------------------- FAQ ------------------------------------------------------------------------------------ */
	
dt 	{
	margin-left: 41px;
	padding-bottom:5px;
	background-image: url(images/corporate/down.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

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

dt a {
	padding-left: 22px;
	text-decoration: none;
	}
	
.ON
	{
	background-image: url(images/corporate/up.gif);

	}	
	
/* -------------------- Liste ----------------------------------------------------------------------------------- */
ul.liste {
	list-style-type: none;
	margin: 0px 0px 10px 41px;
	padding: 0px 0px 0px 4px;
	font-size: 11px;
	width: 300px;
	font-weight: normal;
	font-style: italic;
}

ul.violet li {
	background-image: url(images/corporate/liste_violet.gif);
}

ul.bleu li{
	background-image: url(images/corporate/liste_bleu.gif);

}
ul.orange li{
	background-image: url(images/corporate/liste_orange.gif);

}

ul li.titre{
	color: #000;
	font-style: normal;
	background-image: none;
	padding: 0px;
}
.content li {
	margin: 0px 0px 3px;
	background-image: url(images/corporate/liste.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-bottom: 3px;
	line-height: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	color: #333333;
	}
#wrapper-inner div.content ul.liste.bleu.legende li{
	background-image: none;
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	width: 400px;
	border-style: none;
}

	
.snav {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left:25px;
	margin-bottom: 5px;
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.colonne .snav a {
	padding-left: 20px;
	text-decoration: none;
	color: #4D4D4D;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url(images/corporate/Tsnav.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	line-height: 13px;
	font-size: 12px;
}

.colonne .snav a:hover {
color: #AC0C0F;
}

.colonne .clim a, .colonne .clim a:hover{
	color: #948A89;
	background-image: url(images/corporate/Tsnav_bleu.gif);
}
.colonne .ecs a, .colonne .ecs a:hover{
	color: #948A89;
	background-image: url(images/corporate/Tsnav_orange.gif);
}
.colonne .echangeur a, .colonne .echangeur a:hover{
	color: #948A89;
	background-image: url(images/corporate/Tsnav_violet.gif);
}
/*
.snav a:hover {	
	background-position: 3px -17px;
}
*/
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
	margin-bottom: 10px;
}
#smenu1 li, #smenu2 li, #smenu3 li, #smenu4 li, #smenu5 li {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	display: block;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CEC5BE;
	margin-left: 25px;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
	color: #948A89;
	line-height: 12px;
	display: block;
	text-decoration: none;
	background-image: url(images/corporate/snav_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	_background-position: 0px 3px;
	padding-left: 12px;
	margin: 1px 0px;
	padding-top: 2px;
	padding-bottom: 3px;
}
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover {
	color: #333333;
	background-image: url(images/corporate/snav_on.gif);
}

/* -------------------- MISE EN PAGE ------------------------------------------------------------------------------------ */
.droite     {
	float: right;
	margin: 0px 0px 0 15px;
	padding: 0px 6px 0;
	width: 168px;
	background-color: #fff;
	background-image: url(images/corporate/module.gif);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 13px;
	}

.module     {
	background-image: none;
	}

.droite  img {
	padding: 0px;
	border: 1px solid #C4BBB3;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	}

.content  img   {
	padding: 0px;
	border: 1px solid #C4BBB3;
	margin-top: 10px;
	}
	
		
.droite img:hover {
	border: 1px solid #999999;
}

#wrapper-outer
	{
	margin: 0 auto;
	width: 770px;
	position: relative;
	padding-top: 20px;
	}


#wrapper-inner
	{
	margin: 0 5px;
	width: 752px;
	background-image: url(images/corporate/back_content.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	}
	
#footer     
	{
	font-size: 11px;
	text-align: left;
	clear: both;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	padding: 5px 0px 0px 200px;
	height: 29px;
	background-image: url(images/corporate/footer_colonne.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	font-family: "Arial Narrow";
	}

#footer_first     
	{
	background-image: url(images/corporate/back_content_footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 12px;
	color: #FFFFFF;
	width: 752px;
	}


#logo-spirec
	{
	position: absolute;
	top: 38px;
	left: 30px;
	width: 250px;
	height: 77px;
	}

#logo-spirec h2,
#logo-spirec h1
	{
	margin: 0;
	padding: 0;
	text-indent: -999em;
	}

#header
	{
	height: 116px;
	background-color: #fff;
	background-image: url(images/corporate/header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

#direct
	{
	position: absolute;
	top: 95px;
	right: 15px;
	width: 400px;
	height: auto;
	text-align: right;
	}

#navigation
	{
	height: 26px;
	background-color: #FFFFFF;
	background-image: url(images/corporate/block.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	}


.colonne
	{
	float: left;
	width: 185px;
	font-size: 11px;
	padding-top: 4px;
	}

.intro
	{
	margin: 0;
	/*background-color: #FFFFFF;*/
	background-image: url(images/corporate/tete_colonne.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:19px;
	}

.content
	{
	padding-top: 4px;
	margin: 0;
	float: left;
	width: 567px;
	font-size: 12px;
	/*background-color: #f0f;*/
	}


/* -------------------- Menu déroulant et formulaires -------------------------------------------------------------------- */

select
{
	width: 180px;
	display : inline;
	border: 1px solid #B3C84D;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

option {
	color: #666;
	margin: 2px 2px 2px 5px;
	padding: 0px 0px 0px 3px;
}



/* -------------------- Menu  ------------------------------------------------------------------------------------ */


#menu {
	list-style:none;
	width:475px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#menu li {
float:left;
height: 26px;
}

#menu li a {
text-decoration:none;
display:block;
text-indent:-9999px;
width: 95px;
height: 26px;
}

#nav_accueil  {
	background: url(images/corporate/nav_accueil.gif) no-repeat left top;
}
#nav_applications  {
	background: url(images/corporate/nav_applications.gif) no-repeat left top;
}
#nav_produits  {
	background: url(images/corporate/nav_produits.gif) no-repeat left top;
}
#nav_spirec  {
	background: url(images/corporate/nav_spirec.gif) no-repeat left top;	
}
#nav_contact  {
	background: url(images/corporate/nav_contact.gif) no-repeat left top;	
}
#menu a:hover  {
	background-position: 0 -26px;
}

/* -------------------- Contact  ------------------------------------------------------------------------------------ */
.module_contact{
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px 0px 20px;
	padding-right: 0px;
	padding-left: 0px;
	border: 3px solid #f3f3f3;
	background-color: #fff;
	width: 520px;
}
legend{
	font-weight: bold;
	padding-left: 3px;
	padding-right: 10px;
	color: #002357;
	background-color: #fff;
}

#module{
	margin: 0px 0px 0px 27px;
	padding-top: 10px;
	padding-bottom: 10px;
}
label {
	cursor:hand;
	}

#module input, #module textarea {
	padding:2px;
	background-color: #f3f3f3;
	border: 1px solid #999999;
	color: #000;
	font-size: 12px; 
	font-family: Helvetica, sans-serif; 

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

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

table.formulaire-table .asterix {
	color: #DE0C0C;
	cursor: help;
	}
table.formulaire-table {
	width: 100%;
	}


table.formulaire-table td {
	padding: 3px;
	text-align: left;
	border-top: 1px dotted #EAEAEA;
	vertical-align: top;
	font-size: 12px;
	}

table.formulaire-table col.form-labels {
	width: 165px;

}

table.formulaire-table col.form-felder {
	width: 355px;
}
	
	
.small {
	font-size: 11px;
}

table.formulaire-table td.right {
	text-align: right;
}

table.formulaire-table col.form-labels2 {
	width: 240px;
}
table.formulaire-table col.form-felder2 {
	width: 150px;
	}
table.formulaire-table col.form-felder3 {
	width: 120px;
}
	
table.formulaire-table col.form-col1 {
	width: 250px;
	}
	
table.formulaire-table col.form-col2 {
	width: 250px;
}	
/* -------------------- Tableaux  ------------------------------------------------------------------------------------ */
#mytable {
	width: 520px;
	margin-left: 41px;
	padding-bottom: 20px;
	margin-top: 20px;
}

caption {
	padding: 0 0 5px 0;
	text-align: right;
}

th {
	color: #333333;
	border-right: 1px solid #DAD9D1;
	border-bottom: 1px solid #DAD9D1;
	border-top: 1px solid #DAD9D1;
	text-align: left;
	padding: 3px;
	background: #EDEBE2;
	font-size: 11px;
	line-height: 13px;
	vertical-align: bottom;
	font-weight: normal;
	font-style: italic;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #DAD9D1;
	background: none;
}

#mytable td {
	border-right: 1px solid #DAD9D1;
	border-bottom: 1px solid #DAD9D1;
	background: #fff;
	padding: 3px;
	color: #666666;
	width: 16%;
	text-align: center;
}

#mytable td a img {
	border-right: none;
	border-bottom: none;
	border-top-style: none;
	border-left-style: none;
	margin: 0px;
}


#mytable td.alt {
	background: #f2f1e4;
	color: #333333;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	padding: 3px 15px 3px 3px;
	vertical-align: middle;
	color: #666666;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f2f1e4;
	vertical-align: middle;
	color: #333333;
}