/* initialisation */

body ,html {
  height: 100%;
  margin-bottom: 1px;
}

body {
  margin: 0; /* pour éviter les marges */
  background: url(../images/bgfond.jpg) /* top center repeat-x */; /*enlever  top center repeat-x pour que ça marche dans opéra */
  background-repeat:repeat-x;
}

form {
padding:0;
margin:0;
}

body, font {
font: 75%/1.5em "Trebuchet MS", Verdana, Helvetica;
color:#6B6B6B;
}

a {
	color: #FF9900;
}



/*-------------------------------------------------------------------------------------------------------------
Affichage auto des icones sur des liens vers des fichiers (en javascript)
----------------------------------------------------------------------------------------------------------------*/

a.pdfLink, a.docLink, a.xlsLink, a.pptLink, a.ppsLink
{ 
	padding-left: 20px; 
	text-decoration: none;
	border-bottom: dotted;
	border-width: 1px;
}

a:hover.pdfLink, a:hover.docLink, a:hover.xlsLink, a:hover.pptLink, a:hover.ppsLink
{ 
	padding-left: 20px; 
	text-decoration: none;
	border-bottom: none;
}

a.pdfLink, a:hover.pdfLink
{
	background: url(../images/icopdf.gif) no-repeat;
}

a.docLink, a:hover.docLink
{
	background: url(../images/doc_icon.gif) no-repeat;
}

a.xlsLink, a:hover.xlsLink
{
	background: url(../images/xls_icon.gif) no-repeat;
}

a.pptLink, a.ppsLink, a:hover.pptLink, a:hover.pps
{
	background: url(../images/ppt_icon.gif) no-repeat;
}

h2 {
padding:0;
margin:0;
color: #006600;
font-size:98%;
font-weight:normal;
}

h3, .blog .contentheading h1, .moduletable-actus h1 {
font-size:98%;
color:#F78E1E;
letter-spacing: 0.02em;
}

/* popup img */
#popup img  {
border:1px solid #FE0000;
margin:1px;
padding:2px;
}

.contentpaneopen 
{
	border-collapse: collapse; 
	border-spacing: 0;
}
.contentpaneopen td.contentheading  
{ 
	padding: 0;
}
.contentpaneopen td  
{ 
	padding: 0; 
	padding-left:0px;
}

.blog td .contentpaneopen p{ /* bordure pastel à côté des news*/
border-left:4px solid #E8E8E8;
padding-left: 10px;
}

.blog .readon, #bloc2 .readon{ /*affiche une belle puce à côté de "lire la suite" (pour une actu) */
line-height: 20px;
background: url(../images/readon.gif) left center no-repeat;
padding-left: 25px;
}

table.contentpaneopen , table.contentpane {
padding:0;
margin:0;
 border-collapse: collapse;
  width: 100%;
 }

h1, .componentheading {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Trebuchet MS";
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color:#000000;
}

.componentheading {
padding-bottom:30px;
}

.msgborder h3, .msgborder li, .moduletable-news h3 {
background:none;
border:none;
}

#printblock {
position:absolute;
top:35px;
left:630px;
}

/* conteneur */
div#conteneur {
	position: absolute;
	z-index: 2;
	width: 982px;
	left: 50%;
	margin-left: -491px;
}

/* header */

div#header {
	position: absolute;
	width: 982px;
	height:143px;
}

/* searchbox */
#search {
	position: absolute;
	z-index: 50;
	top:129px;
	left:800px;
}

.callbou {
	position: absolute;
	top:-2px;
	left:125px;
}

#s { /* champ de recherche */
background-color: #3C3C3C;
border:1px solid #636161;
height:16px;
width:120px;
color: white;
}

#aide {
padding:0;
margin:0;
position:absolute;
left:580px;
top:130px;
color:#D0CECE;
}

#aide a {
text-decoration:none;
color:#D0CECE;
}

#aide a:hover {
text-decoration:none;
color:#FF9900;
}

#logo {
padding:0;
margin:0;
position:absolute;
left:0;
top:0;
}
/* zone module */

#zonemodule {
padding:0;
margin:0;
top:155px;
position:absolute;
width:250px;

}

#modules {
padding:0;
margin:0;
}

#modules .moduletable h3, #extranet .moduletable h3 {
padding:0;
margin:0;
}

#modules #adresse{
padding:0;
margin:0;
background:#01752F url(../images/zoneverte.gif) 50% 100% no-repeat;
width:250px;
height:180px;

}

#modules #adresse p {
padding:0;
margin:0;
color:#fff;
padding-left:17px;
padding-top:5px;
}

#modules #adresse a {
color:#F78E1E;
text-decoration:none;

}

span.telephone {
margin-top:3px;
padding-top:10px;
padding-left:37px;
display:block;
width:200px;
color:#B9DACD;
}

#modules #extranet {
position:relative;
padding:0;
margin:0;
background-color:#EBA647;
padding-bottom:20px;
}

/* hack hauteur */
#modules #extranet {
height: 100px;

}
html>body #modules #extranet {
height: auto;
min-height: 100px;
} 

#modules #adresse  h3 {
padding:0;
margin:0;
	height:21px;
	color:#BBDCC8;
	padding-left:16px;
	margin-left:2px;
	padding-top:2px;
	background:#017A31 url(../images/pucecontact.gif) top left no-repeat;
	}

#modules  #extranet h3 {
padding:0;
margin:0;
	height:21px;
	padding-left:18px;
	padding-top:2px;
	color:#FCE9CE;
	background:#EDAD55 url(../images/puceintranet.gif) top left no-repeat;
	}

#modules  #extranet ul {
padding:0;
margin:0 0 0 23px;
border-left:8px solid #D99941;
}

#modules  #extranet li {
padding:0 0 0 5px;
margin:0;
background:none;
}
	
#modules  #extranet li a {
color:#017A31;
text-decoration:none;
}

#endextranet {
padding:0;
margin:0;
position:relative;
background:url(../images/bgextranetbas.jpg) top left no-repeat;
padding-top:12px;
margin-bottom:20px;
}

#endedit
{
	height: 11px;
}

/* login */
table .login {
padding:0;
margin:0;
font-size:90%;
border:1px solid red;
}

div.bglogin {
position:absolute;
left:10px;
top:55px;
padding:0;
margin:0;
background:url(../images/zonelogin.gif) 0 0 no-repeat;
width:230px;
height:60px;
display:block;
color:#FFFFFF;
}

div.bglogin table {
position:absolute;
left:6px;
top:8px;
}

div.bglogin table td {
height:20px;
}

div.bglogin .button {
padding:0;
margin:0;
color:#FFFFFF;
font-weight:bold;
border: 1px solid #EEAA42;
background-color:#DA9A42;
}

span.login {
padding:0;
margin:0;
color:#000000;
font-weight:bold;
font-size:100%;
background:url(../images/fleche.gif) 20% 35% no-repeat;
padding-left:17px;
line-height:25px;
text-align:center;
display:block;
}

div.bglogin .inputbox {
 padding:0;
margin:0;
background-color:#DA9A42;
border:1px solid #EEAA42;
width:80px;
color:#FFFFFF;
}

/* content */
#central {
position: absolute;
top:197px;
left:255px;
width:727px;
height:588px;
background:#FFFDFC;
background-image:url(../images/bgcentral.jpg);
background-repeat:repeat-x;
}

#central a:hover {
color:green;
text-decoration:none;
border-bottom:1px dotted green;
}

.edit {
	overflow: auto;
	height:529px;
	overflow-x: hidden; /* évite d'afficher un scroll horizontal dans certaines pages, notament avec IE */
}

/* menu
div#menu {
	position: absolute;
	top:172px;
	width:970px;
	height:32px;
	background:url(../images/fondmenu.jpg) top left no-repeat;
	z-index: 98;
}
 */

div#menu {
	position: absolute;
	top:156px;
	left:254px;
	width:728px;
	height:41px;
	background:url(../images/menu.png) top right no-repeat;
	z-index: 98;
}

/* toolbar */
#barrehoriz {
	height: 32px;
	/* background: url(../images/barrehoriz.png) repeat-x; */
	position: absolute;
	top:0px;
	left:0px;
	padding-left:10px;
	
    }
	
#bloc1 {
vertical-align:top;
width:65%;
}

#bloc2 {
vertical-align:top;
float:right;
width:200px;
padding-left:10px;
padding-bottom:10px;
background: url(../images/fondnews.jpg) no-repeat left top;
}

#bloc2 h3 {
padding:15px 0 0 0;
margin:0 0 10px 0;
}

#bloc2 ul {
margin:0;
padding:0;
}

#bloc2 p {
margin:0 0 20px 0;
padding:0;
text-decoration:none;
}

.moduletable-actus {

}

#news {
	position: absolute;
	top:277px;
	left:760px;
	width:200px;
	z-index:100;
}

.moduletable-news h3 {
padding:0;
margin:0;
padding-top:8px;
font-weight:bold;
font-family:verdana;
font-size:98%;
height:27px;
text-align:center;
}

.moduletable-news table.contentpaneopen {
padding:0;
margin:0;
width:199px;
background: url(../images/newsmil.png) repeat-y 0 0;
}

.moduletable-news table.contentpaneopen td {
padding:6px;
}

.moduletable-news span.article_seperator {
padding:0;
margin:0;
background: url(../images/newsbas.png) no-repeat 0 0;
width:199px;
height:6px;
display:block;
margin-bottom:25px;
}


/* footer */
.clear  {
clear:both;
}

#footer {
background-color: #484848;
text-align: right;
padding-right:9px;
padding-top:3px;
margin:0;
/*background: url(../images/fondfooter.jpg) no-repeat 0 0;*/
/*width:934px;*/
height:1%;
}

#footer span {
font-size: 0.9em;
color: #C0C0C4;
display:block;
}

#footer span img {
border:0;
}

#footer span a {
color: #C0C0C4;
text-decoration:none;
}

#footer span a:hover {
color: #FF9900;
text-decoration:none;
border-bottom:1px dotted #FF9900;
}

/* hack icon print */

.fondimg {
background: url(../images/fondimg.png) no-repeat 100% 100%;
padding-bottom:12px;
padding-right:10px;
padding-top:5px;
}

/* table start */
td.tablegauche {
padding-right:15px;
vertical-align:top;
}

td.tabledroite {
padding-left:15px;
vertical-align:top;
background:url(../images/sepvertical.gif) top left repeat-y;
}

td.tabledroite .fondimg {
padding-left:18px;
padding-top:3px;
}

/* formulaire */
.form {
width:178px;
}

.msgborder h3 {
padding:0;
margin:0;
padding-top:0.5em;
padding-bottom:0.3em;
color:#D92B03;
padding-left:0.4em;
font-size:100%;
}

ul.msg {
padding:0;
margin:0;
margin-bottom:15px;
}

.msg li {
padding-left:0.5em;
color:#D92B03;
line-height:15px;
list-style-type:none;
}

.txtorange {
	color: #FF9900;
}

.separation {
	display: block;
	height: 15px;
	background:url(../images/ligne.gif) 1em 100%  repeat-x;
	margin-bottom:0px;
}

.componentheading {
/*display:none;*/
}

fieldset {
background-color:#DFDFDF;
}


/* puce */

ul {
padding:0;
margin-left:10px;
}

li {
list-style-type: none;
background:url(../images/li.gif) 0px 6px no-repeat;
padding-left:20px;
line-height: 22px;

}

ul.puceautre li  {
background:url(../images/puce.gif) no-repeat;
background-position: 0px 4px;
padding-left:13px;
}

.moduletable-news ul {
	margin:0;
	padding : 10px 0 0 25px
}

.moduletable-news li {
background:url(../images/puce.gif) no-repeat;
background-position: 0px 4px;
padding-left:13px;
}

/* produit details */
td.lignetable1 {
	background-color: #D9D9D9;
	padding-left:5px;
	padding-right:10px;
	white-space:nowrap;
	height:19px;
	width:23%;;
	}

td.lignetable2 {
	background-color: #E1E1E1;
	padding-left:5px;
	padding-right:10px;
	white-space:nowrap;
	height:19px;
	width:23%;
}

.produits td strong {
background:url(../images/puce.gif) no-repeat;
background-position: 0px 4px;
color:#0D0DFF;
padding-left:13px;
margin-left:10px;
}

.pucetab {
background:url(../images/fleche_tab.gif) no-repeat;
background-position: 0px 7px;
padding-left:13px;
margin-left:10px;
}

.produits ul {
padding:15px 0 0 0;
margin:0;
}
.produits li {
	padding:0;
	margin:0;
	float:left;
	background:none;
	font-size:75%;
	margin:0 2px 0 2px;
}

.produits li img {
	padding-left:3px;
	margin-right:3px;
}


.blog  .article_seperator {
	display: block;
	height: 20px;
	background:url(../images/sep.gif) 1em 100%  repeat-x;
	margin-bottom:15px;
}


/* Module intra */

.moduletable-intra a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
Change la couleur des input du formulaire extranet quand ils sont sélectionnés (ne marche pas dans IE)
------------------------------------------------------------------------------------------------------------------------------------------*/

div.bglogin  input:focus {
	background:#E09E44;
	border-color: #EAB367;
}
div.bglogin  input:hover{
	border:1px solid #EAB367;
}

.align4ie{ /*couleur de la bordure top du tableau qui sert a faire un alignement sur colone spécialement pour IE */
border-top: 1px solid #FEF9F5;
}

/*-------------------------------------------------------------------------------------------------------------
tableau de présentation, exemple : Accueil ->  Références ->  Références R&D 
----------------------------------------------------------------------------------------------------------------*/

#presentation, #presentation td, #presentation th{
border: 1px solid white;
border-collapse:collapse
}

#presentation th{
font-weight: bold;
border: 1px solid white;
color: #FFDBB5;
background: url(../images/tableau_header.png);
height: 36px;
}

#presentation td{
padding: 5px;
background-color: #FDE5CB;
}

img {
border:0;
text-decoration:none;
}

/*-------------------------------------------------------------------------------------------------------------
tableau de présentation, exemple : Accueil 
----------------------------------------------------------------------------------------------------------------*/

#home {
background: url(../images/home.gif) top right no-repeat;
height:238px; width:656px;
}

#home a, #home a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:170%;
text-decoration:none;
border:0;
}

#societe  {
position:absolute;
left:140px;
top:430px;
}

#concepts   {
position:absolute;
left:125px;
top:480px;
}

#produits   {
position:absolute;
left:470px;
top:415px;
}

#services{
position:absolute;
left:470px;
top:495px;
}