/* 
************************************************************************************ 
GENERAL
************************************************************************************ 
*/

body{
border: 0;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size:12px;
color:#000000;
}

.DecrIPtTable
{
	font-family: Arial, sans-serif;
	font-size:12px;
	margin-left:auto; 
	margin-right:auto;
}

.DecrIPtTable td
{
	padding:3px;
}


.display-tag {
        
}

.DecrIPtTable tr.odd {
        background-color: #e3e3e3;  
        font-family:Arial, Helvetica, sans-serif;   
        font-size:11px;         
}

.DecrIPtTable tr.even {
         background-color: #fff;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
}

.DecrIPtTable thead tr {
  background-color: #eee;
  font-family:Arial, Helvetica, sans-serif;  
  font-size:12px;  
}

.DecrIPtTable th.display-tag {
   font-size: 10px;
   font-weight: bold;
   color: #39628F;
   text-align: center;
   vertical-align: top;
   border: 1px #bfbfbf solid;
   padding: 2px 4px 2px 4px;
   
}


.DecrIPtTable .DecrIPtOddRow
{
	background-color:#F7F7F7;
}

.DecrIPtTable .DecrIPtEvenRow
{
	
}

.DecrIPtTable .DecrIPtEvenRowCell
{
	vertical-align:top;
}

.DecrIPtTable .DecrIPtOddRowCell
{
	vertical-align:top;
}

.DecrIPtTable td a {
  text-decoration: none;
  color: #000000;
  text-decoration: underline;
    }

.DecrIPtTable td a:hover {
  text-decoration: none;
  }

.DecrIPtTable th a:hover {
  text-decoration: underline;
}

.DecrIPtTable th.sorted a, .DecrIPtTable.th.sortable a {
              background-position: right;
              display: block;
}


.DecrIPtTable td.display-tag {
               font-size: 10px;
                padding: 2px 4px 2px 4px;                
}

.DecrIPtTable td.display-tag-active {
               font-size: 10px;
               border: 1px #bfbfbf solid;
               
}

.DecrIPtTable td.display-tag-active a:hover {
                      text-decoration: underline;
}

span.pagebanner {
                font-size: 10px;
                text-align:left;
                background-color: #eee;
                border: 1px solid #999;
                padding: 2px 4px 2px 4px;
                width: 97%;
                margin-top: 10px;
                display:block;
                border-bottom:5px;               
}

span.pagelinks {
               font-size: 11px;
               padding: 2px 4px 2px 4px;
               width: 97%;
               display:inline;
               border-top: none;
               margin-bottom: 2px;
}



img{
border: 0;
margin: 0;
padding: 0;
}

p{
border: 0;
margin: 5px 0 10px 0;
padding: 0;
}


img.png{
behavior: url(/css/png.htc);
}

a{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
}

a:hover{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
}

.clear{
clear:both;
}

/* 
************************************************************************************ 
ACCESSIBILITE
************************************************************************************ 
*/

h1{ display:none; } 
h2{ display:none; } 
h3{ display:none; } 
.hide{ display: none; }
@media aural{ .hide{display: block;} }

/* 
************************************************************************************ 
MISE EN PAGE
************************************************************************************ 
*/

a{ color:#83878a; }
a:hover{ color:#085e97; }


h4{
font-weight:bold;
font-size:16px;
color:#085e97;
font-style:italic;
margin: 10px 0;
}

h5{
font-weight:bold;
font-size:12px;
margin: 10px 0;
}

#global{
position:relative;
width:1000px;
height:auto !important;
height:700px;
min-height:700px;
background:url('../img/fondTop.gif') no-repeat;
margin: 10px auto 0 auto;
padding-top:1px;
z-index:2;
}

#globalBis{
position:relative;
width:1000px;
height:auto !important;
height:700px;
min-height:700px;
background:url('../img/fondTopBis.gif') no-repeat;
margin: 10px auto 0 auto;
padding-top:1px;
z-index:2;
}	

#footer{
position:relative;
width:988px;
height:33px;
background:url('../img/fondFooter.gif') no-repeat;
margin: -65px auto 20px auto;
z-index:1;
font-size:9px;
color:#75797c;
padding: 87px 0 0 12px;
}

.next{
height:18px;
padding: 0 0 0 6px;
background:url('../img/nextLeft.gif') no-repeat;
font-size:12px;
font-weight:bold;
line-height:18px;
margin: 10px 0 10px 15px;
}

		.next a{
		height:18px;
		padding: 0 28px 0 0;
		background:url('../img/nextRight.gif') no-repeat;
		background-position: right;
		color:#085e97;
		}

		.next a:hover{
		color:#969696;
		}


/* 
************************************************************************************ 
CONTENU PRINCIPAL
************************************************************************************ 
*/

#main{
width:970px;
margin-top:350px;
margin-left:15px; 
}

		#globalBis #main{
		width:970px;
		margin-top:190px;
		margin-left:15px; 
		}

#main img.left{
float:left;
display:inline;
margin: 0 15px 10px 0;
}

#main img.right{
float:right;
display:inline;
margin: 0 0 10px 15px;
}

#main p.chapo{
font-size:12px;
color:#085e97;
font-weight:bold;
text-align:justify;
}

#main p{
font-size:12px;
color:#000000;
text-align:justify;
}

		#main #contenu{
		float:left;
		display:inline;
		width:620px;
		}
		
		#main #contenuBO{
		float:left;
		display:inline;
		width:700px;
		overflow:visible;
		}

		#main #contenuLarge{
		float:left;
		display:inline;
		width:970px;
		}

		#main #listNews{
		float:left;
		display:inline;
		margin-left:20px;
		width:330px;
		}

				#main #listNews p{
				font-size:12px;
				color:#83878a;
				margin:0 0 15px 0;
				}

				#main #listNews h4{ margin:0; }
				#main #listNews h5{ margin:0; }
								
				#main #listNews .news{
				display:block;
				margin:5px 0 20px 0;
				width:330px;
				}

						#main #listNews .news img{
						float:left;
						display:inline;
						margin: 0 10px 4px 0;
						}

						


		#main .greenBox{
		position:relative;
		width:620px;
		background:#95d939;
		font-size:12px;
		}

				#main .greenBoxTop{
				position:relative;
				width:620px;
				height:18px;
				background:url('../img/greenBoxTop.gif');
				}
				
				#main .greenBoxTopLight{
				position:relative;
				width:620px;
				height:9px;
				background:url('../img/greenBoxTopLight.gif');
				}

				#main .greenBoxIn{
				position:relative;
				width:600px;
				margin: 0 10px;
				}

				#main .greenBoxInLight{
				float:left;
				display:inline;
				position:relative;
				width:180px;
				padding-left: 15px;
				margin: 0 10px 0 0;
				background:url('../img/greenBoxLight.gif');
				}

				
						#main .greenBoxInLight .fleche{
						position:absolute;
						top:5px;
						left:0;
						width:10px;
						height:16px;
						background:url('../img/greenBoxFleche.gif');
						}

						#main .greenBox ul{
						margin:0 0 0 20px;
						padding:0;
						border:0;
						list-style-position:outside;
						list-style-image:url('../img/puceGreen.gif');
						}

						#main .greenBox li{
						margin:0;
						padding:0;
						border:0;
						}

						#main .greenBox li span{
						color:#ffffff;
						font-weight:bold;
						}

						#main .greenBox li a{ font-weight:bold; color:#1d4e04; }
						#main .greenBox li a:hover{ color:#ffffff; }

				#main .greenBoxBottom{
				clear:both;
				position:relative;
				width:620px;
				height:28px;
				background:url('../img/greenBoxBottom.gif');
				}
		
		#main .greyBox{
		position:relative;
		width:620px;
		background:#b3cdbd;
		font-size:12px;
		}

				#main .greyBoxTop{
				position:relative;
				width:620px;
				height:18px;
				background:url('../img/greyBoxTop.gif');
				}
				
				#main .greyBoxIn{
				position:relative;
				width:600px;
				margin: 0 10px;
				}

						#main .greyBox li span{
						color:#ffffff;
						font-weight:bold;
						}

						#main .greyBox li a{ font-weight:bold; color:#1d4e04; }
						#main .greyBox li a:hover{ color:#ffffff; }

				#main .greyBoxBottom{
				clear:both;
				position:relative;
				width:620px;
				height:28px;
				background:url('../img/greyBoxBottom.gif');
				}

		#logBox{
		width:380px;
		height:60px;
		background:url('../img/fondLogBox.gif');
		margin:20px auto;
		padding: 40px 0 0 20px;
		}

				#logBox form{
				border: 0;
				margin: 0;
				padding: 0;
				height:18px;
				display:block;
				}

						#logBox input{ 
						float:left;
						display:inline;
						margin-right: 5px;
						}

						#logBox input.blanc{ 
						background:#ffffff; 
						width:120px;
						border:1px solid #000000;
						padding:2px;
						font-size:10px;
						}



		#ssNav{
		width:100%;
		margin: 20px 0;
		height:23px;
		overflow:hidden;
		border-bottom:1px solid #bbbbbb;
		}

				#ssNav ul{
				list-style-position:outside;
				list-style:none;
				margin:0;
				padding:0;
				}

				#ssNav li{
				display:inline;
				margin:0;
				padding:0;
				}
				
						#ssNav a{
						background:url('../img/ssNavRight.gif') no-repeat;
						float:left;
						margin-right:5px;
						padding:0px 0px 0px 3px;
						}

						#ssNav a span{
						background:transparent url('../img/ssNavLeft.gif') no-repeat scroll right top;
						color:#343434;
						display:block;
						float:none;
						padding:4px 9px 5px 6px;
						}

								#ssNav a:hover{
								background:url('../img/ssNavRight.gif') no-repeat;
								background-position:0% -24px;
								float:left;
								margin-right:5px;
								padding:0px 0px 0px 3px;
								}

										#ssNav a.hover{
										background:url('../img/ssNavRight.gif') no-repeat;
										background-position:0% -24px;
										float:left;
										margin-right:5px;
										padding:0px 0px 0px 3px;
										}

								#ssNav a:hover span{
								background:transparent url('../img/ssNavLeft.gif') no-repeat scroll right top;
								background-position:100% -24px;
								color:#343434;
								display:block;
								float:none;
								padding:4px 9px 5px 6px;
								}

										#ssNav a.hover span{
										background:transparent url('../img/ssNavLeft.gif') no-repeat scroll right top;
										background-position:100% -24px;
										color:#343434;
										display:block;
										float:none;
										padding:4px 9px 5px 6px;
										}


						
/* 
************************************************************************************ 
TOP - Mises en avant et liens
************************************************************************************ 
*/

#clicHome{
position:absolute;
top:0px;
left:0px;
width:1000px;
height:60px;
overflow:hidden;
z-index:3;
}

#infoUser{
position:absolute;
top:75px;
right:15px;
overflow:hidden;
z-index:3;
color:#ffffff;
font-weight:bold;
text-align:right;
}

		#infoUser a{ color:#ffffff; }
		#infoUser a:hover{ color:#000000; }

#habillage{
position:absolute;
top:95px;
left:6px;
width:647px;
height:248px;
overflow:hidden;
z-index:3;
}

		#globalBis #habillage{
		position:absolute;
		top:95px;
		left:6px;
		width:647px;
		height:82px;
		overflow:hidden;
		z-index:3;
		}

#slogan{
position:absolute;
top:260px;
left:20px;
z-index:5;
width:600px;
font-size:20pt;
color:#ffffff;
font-weight:bold;
font-style:italic;
}



#demoBig{
position:absolute;
top:95px;
right:6px;
width:340px;
height:82px;
z-index:4;
font-size:12px;
}

		#demoBig a{
		width:200px;
		height:32px;
		padding: 50px 10px 0 130px;
		display:block;
		background:url('../img/btDemoBig.gif');
		color:#ffffff;
		}

		#demoBig a:hover{
		background-position: 0 -82px;
		color:#05223e;
		}

#contactBig{
position:absolute;
top:178px;
right:6px;
width:340px;
height:82px;
z-index:4;
font-size:12px;
}

		#contactBig a{
		width:200px;
		height:52px;
		padding: 30px 10px 0 130px;
		display:block;
		background:url('../img/btContactBig.gif');
		color:#ffffff;
		}

		#contactBig a:hover{
		background-position: 0 -82px;
		color:#123400;
		}

#login{
position:absolute;
top:261px;
right:6px;
width:340px;
height:82px;
z-index:4;
font-size:10px;
background:url('../img/fondLogin.gif');
}

		#login form{
		border: 0;
		margin: 29px 0 0 6px;
		padding: 0;
		height:18px;
		display:block;
		}

				#login input{ 
				float:left;
				display:inline;
				margin-right: 5px;
				}


				#login input.bleu{ 
				background:#cedfea; 
				width:110px;
				border:1px solid #000000;
				padding:2px;
				font-size:10px;
				}

				#login input.vert{ 
				background:#e5f6ce;
				width:110px;
				border:1px solid #000000;
				padding:2px;
				font-size:10px;
				}

		#login ul{
		clear:both;
		border: 0;
		margin: 5px 0 0 22px;
		padding: 0;
		font-size:11px;
		color:#ffffff;
		font-weight:bold;
		display:block;
		list-style-position:outside;
		list-style-image:url('../img/puce.gif');
		line-height:13px;
		}

		#login li{
		margin:0 0 0 5px;
		padding:0;
		border:0;
		}

				#login ul a{ color:#ffffff; }
				#login ul a:hover{ color:#000000; }

#account{
position:absolute;
top:261px;
right:6px;
width:240px;
height:50px;
z-index:4;
font-size:10px;
background:url('../img/fondAccount.gif');
padding:27px 90px 5px 10px;
}

		#globalBis #account{
		position:absolute;
		top:95px;
		right:6px;
		width:240px;
		height:50px;
		z-index:4;
		font-size:10px;
		background:url('../img/fondAccount.gif');
		padding:27px 90px 5px 10px;
		}

		#account p{
		color:#000000;
		font-weight:bold;
		font-size:12px;
		margin: 3px 0;
		}
		
		#account ul{
		border: 0;
		margin: 0 0 0 15px;
		padding: 0;
		font-size:11px;
		color:#ffffff;
		font-weight:bold;
		display:block;
		list-style-position:outside;
		list-style-image:url('../img/puce.gif');
		line-height:13px;
		}

		#account li{
		margin:0 0 0 5px;
		padding:0;
		border:0;
		}

				#account ul a{ color:#ffffff; }
				#account ul a:hover{ color:#000000; }

/* 
************************************************************************************ 
NAVIGATION
************************************************************************************ 
*/

#navigation{
position:absolute;
top:74px;
left:30px;
z-index:3;
}

		#navigation ul{
		margin:0;
		padding:0;
		list-style-position:inside;
		list-style-type:none;
		}

		#navigation li{
		float:left;
		display:inline;
		margin:0;
		padding:0;
		margin-right:15px;
		}

				#navigation li#home a{
				width:74px;
				height:20px;
				display:block;
				background:url('../img/btHome.gif') no-repeat;
				}

						#navigation li#home a:hover{ background-position: -74px 0; }
						#navigation li#home a.hover{ background-position: -74px 0; }

				#navigation li#company a{
				width:161px;
				height:20px;
				display:block;
				background:url('../img/btCompany.gif') no-repeat;
				}

						#navigation li#company a:hover{ background-position: -161px 0; }
						#navigation li#company a.hover{ background-position: -161px 0; }

				#navigation li#products a{
				width:96px;
				height:20px;
				display:block;
				background:url('../img/btProducts.gif') no-repeat;
				}

						#navigation li#products a:hover{ background-position: -96px 0; }
						#navigation li#products a.hover{ background-position: -96px 0; }

				#navigation li#contact a{
				width:104px;
				height:20px;
				display:block;
				background:url('../img/btContact.gif') no-repeat;
				}

						#navigation li#contact a:hover{ background-position: -104px 0; }
						#navigation li#contact a.hover{ background-position: -104px 0; }


/* 
************************************************************************************ 
FORMULAIRE
************************************************************************************ 
*/

.formGlobal{
margin:0;
padding:0;
border:0;
}

		.formGlobal .space{
		font-size:15px;
		margin:0;
		padding:0;
		border:0;
		}
		
		.formGlobal p.legend{
		padding:0;
		border:0;
		font-size:10px;
		margin: 0 0 5px 0;
		}
		
		.formGlobal fieldset{
		margin:0;
		padding:0;
		border:0;
		}

		.formGlobal label{
		float:left;
		display:block;
		width:200px;
		font-size:12px;
		}

				.formGlobal label.radioBox{
				float:left;
				display:block;
				width:auto;
				font-size:12px;
				margin: 0 5px 5px 0;
				}

		.formGlobal input{
		float:left;
		display:block;
		font-size:11px;
		padding:2px;
		border:1px solid #bbbbbb;
		margin-bottom:5px;
		margin-right:10px;
		}

				.formGlobal input.important{
				background:#d6e8f3;
				}

				.formGlobal input.other{
				background:#e5f6ce;
				}

				.formGlobal input.submit{
				float:none;
				border:0;
				margin-top:5px;
				}

				.formGlobal input.checkbox{
				border:0;
				margin:0 0 5px 0;
				}

				.formGlobal input.radio{
				border:0;
				margin:0 10px 5px 0;
				}

		.formGlobal select{
		float:left;
		display:block;
		font-size:11px;
		padding:1px;
		border:1px solid #bbbbbb;
		margin-bottom:5px;
		margin-right:10px;
		}

		.formGlobal textarea{
		float:left;
		display:block;
		font-size:11px;
		padding:2px;
		border:1px solid #bbbbbb;
		background:#f0f0f0;
		width:400px;
		
		}


/* 
************************************************************************************ 
MY ACCOUNT
************************************************************************************ 
*/


.blueBox{
position:relative;
background:#7dc5f4 url('../img/blueBoxBottom.gif') repeat-x;
background-position:left bottom;
float:left;
display:inline;
overflow:hidden;
padding-bottom:55px;
}

		.blueBoxLeft{
		background:#7dc5f4 url('../img/blueBoxLeft.gif') no-repeat;
		background-position:top;
		float:left;
		width:31px;
		height:230px;
		display:inline;
		}

		.blueBoxIn{
		float:left;
		display:inline;
		padding-top:5px;
		padding-right:15px;
		background:#7dc5f4 url('../img/blueBoxFond.gif') repeat-x;
		height: auto !important;
		height:230px;
		min-height:230px;
		width:180px;
		}

		.blueBoxRight{
		background:#7dc5f4 url('../img/blueBoxRight.gif') no-repeat;
		background-position:top;
		float:left;
		width:8px;
		height:230px;
		display:inline;
		}

				#main .blueBox ul{
				margin:0 0 0 20px;
				padding:0;
				border:0;
				list-style-position:outside;
				list-style-image:url('../img/puceBlue.gif');
				}

						#main .blueBox ul ul{
						margin:3px 0 15px 26px;
						padding:0;
						border:0;
						list-style-position:outside;
						list-style-image:url('../img/puceBlueBis.gif');
						}

				#main .blueBox li{
				margin:3px 0;
				padding:0;
				border:0;
				}

				#main .blueBox li span{
				color:#ffffff;
				font-weight:bold;
				}

				#main .blueBox li a{ font-weight:bold; color:#ffffff; }
				#main .blueBox li a:hover{ text-decoration:underline; }