@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------  reset style start ----------------------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	line-height: 1;
	background:url(images/1px_bg.jpg);
	background-repeat:repeat-x;
	
}
.border {
	background-color:#c6dd45;
	height:3px;
	width:auto
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/* reset style close */
/* clearfix start */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.clear {
	clear: both
}
/* --------------------------------------------------  reset style end ----------------------------------------------------------------------------------*/
.wrapper{
	display:block;
	margin:0 auto;
	width:980px;
	
}
.header{
	margin:0 auto;
	width:980px;
	height:116px;
	padding:3px 0 1px 0;
}
.logo{
	float:left;
	width:266px;
	height:116px;
}
.loginpart{
	float:left;
	width:275px;
	height:105px;
	margin:7px 0 0 439px;
}
.loginpart-textbox{
	width:128px;
	height:20px;
	background:#fff;
	border:1px solid #fff;
}
.loginbutton{
	background:#060;
	border:1px solid #060;
	width:33px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}
.LogintextBold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	text-decoration:underline;
}
.LogintextNormal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#FFF;	
}
.LogintextNormal a{
	color:#FFF;
	text-decoration:none;
}
.bodytext-center{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#0d1043;	
}
.bodytext-center a{
	color:#0d1043;
	text-decoration:none;
}
.bodytext-center-leftpanel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#0d1043;	
}
.bodytext-center-leftpanel a{
	color:#0d1043;
	text-decoration:none;
}
.bodytext-center-normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	color:#0d1043;
	line-height:16px;	
}
.bodytext-left-normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	color:#45473B;
	line-height:24px;	
}
.bodytext-left-normal1 {
    color: #0D1043;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
	width:40px;
}
.bodytext-left-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#0d1043;
	line-height:16px;	
}
.bodytext-right-normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:right;
	color:#0d1043;
	line-height:18px;
	padding:20px 20px 0 0;	
}
.Slogan{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	color:#0d1043;
	line-height:18px;
	padding:40px 10px 0 0;	
}
.LeftContainer{
	float:left; 
	width:265px; 
	height:371px; 
	margin:0 5px 0 0; 
	/*background:url(images/leftbg.png); */
	background:url(images/feder.png); 
	background-repeat:no-repeat;
}
.LeftContainer_en{
	float:left; width:265px; height:371px; margin:0 5px 0 0; background:url(images/leftbg_en.png); background-repeat:no-repeat;
}
/*.LeftContainerInner{
	float:left; width:244px; padding:100px 10px 0 12px;
}*/
.LeftContainerInner{
	float:left; width:244px; padding:10px 10px 0 12px;
}
.LeftContainer-InnerPage{
	float:left; width:265px; min-height:630px; margin:0 5px 0 0; background:url(images/leftbg.png); background-repeat:no-repeat;
}
.LeftContainer-InnerPage_en{
	float:left; width:265px; min-height:630px; margin:0 5px 0 0; background:url(images/leftbg_en.png); background-repeat:no-repeat;
}
.LeftContainerInner-InnerPage{
	float:left; width:244px; padding:100px 10px 0 12px;
}
.addressleftpart{
	margin:20px auto; height:250px; width:183px; border:1px solid #0d1043;
}
.addressleftpart ul{
	margin:0;
	padding:5px 0 0 3px;
}
.addressleftpart ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
line-height:16px;
color:#0d1043
}
.addressleftpart ul li a{
color:#0d1043;
text-decoration:underline;
}
.RightContainer{
	float:left; width:710px;
}
.video{
	margin:0 auto; width:183px; height:127px; border:1px solid #0d1043;
}
.videotext{
	margin:-1px auto 3px auto; border:1px solid #0d1043; width:183px; height:30px; line-height:30px; background:#E5E5E5;
}
.trouver{
	margin:0 auto; border:1px solid #0d1043; width:183px; height:36px; line-height:16px; background:#E5E5E5; text-align:left;
}
.trouvermap{
	float:left; width:38px; height:34px; margin:0 0 0 5px;
}
.trouvertext{
	float:left; width:135px; height:34px; margin:0 0 0 5px; padding-top:1px
}
.socialicons{
	 margin:3px auto 0 auto; border:1px solid #0d1043; width:183px; height:30px; background:#E5E5E5;
}
.socialicons ul{
float:left;
padding:2px 0 0 40px;
}
.socialicons ul li{
float:left;
display:inline;
margin:0;
}
.MenuContainer{
	float:left; width:710px; height:42px; margin:5px 0 5px 0; background:#E5E5E5;
}
.Belowmenucontainer{
	float:left; width:710px; height:87px;
}
.MainContainer{
	float:left;
	display:block;
	margin:0 auto;
	width:980px;
	background:#fff;
}
.HomePageBanner{
	float:left; width:708px; height:133px; margin:5px 0 0 0; border:1px solid #0d1043;z-index:-1;
}
.NosSolutionsContainer{
	float:left; width:980px; height:30px; margin:10px 0 0 0;
}

.PackingTotalContainer{
	margin:0 auto; width:980px; height:170px; padding:10px 0 10px 0;
}
.PackingContainer{
float:left;
width:214px;
height:166px;
margin:0 42px 0 0;
}
.PackingContainerSecondary{
float:left;
width:212px;
height:164px;
}
.InnerPageContainer{
float:left; width:690px; padding:10px; margin:5px 0 0 0;
}
.InnerPageContainer h1{
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-align:left;
color:#0d1043;
}

.InnerPageContainer p{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:left;
color:#0d1043;
line-height:20px;
margin:10px 0 0 0;
}
.InnerPageContainer ul{
	margin:0 0 0 20px;
	padding:0;
}
.InnerPageContainer ul li{
list-style-type:disc;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:left;
color:#666666;
line-height:20px;
margin:10px 0 0 0;
}

.InnerPageContainer p span{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:left;
color:#999999;
line-height:20px;
margin:10px 0 0 0;
}
.FormText{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:right;
	color:#0d1043;
}
.FormTextBox{
	width:250px;
	height:20px;
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#0d1043;
	border:1px solid #DADADA;
}
.FormTextMessageBox{
	width:250px;
	height:80px;
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#0d1043;
	border:1px solid #DADADA;

}
.FormTextJumpMenu{
	width:254px;
	height:24px;
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#0d1043;
	border:1px solid #DADADA;
}
.FormButton{
	width:100px;
	height:20px;
	background:#006600;
	border:1px solid #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.Footer{
margin:0 auto; text-align:center; background:#0d1043; width:980px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; font-weight:normal; color:#FFF; line-height:18px;
}

/*28-03-2013*/
.MesDemanesDePrix{
	margin:10px auto 0px auto; border:1px solid #0d1043; width:183px; height:30px; line-height:30px; background:#0d1043; color:#FFF;
}
.MesDemanesDePrix a{
	color:#FFF;
}
.MesDemanesDePrixa{
	margin:10px auto 0px auto; border:1px solid #0d1043; width:183px; height:60px; line-height:30px; background:#0d1043; color:#FFF;
}
.MesDemanesDePrixa a{
	color:#FFF;
}
.MesDemanesDePrix1{
	margin:-1px auto 0px auto; border:1px solid #0d1043; width:183px; height:30px; line-height:30px; background:#E5E5E5; color:#0d1043;
}
.MesDemanesDePrix1 a{
	color:#0d1043;
}

.MesDemanesDePrix2{
	margin:-1px auto 0px auto; border:1px solid #0d1043; width:183px; height:30px; line-height:30px; background:#E5E5E5; color:#0d1043;
}
.MesDemanesDePrix2 a{
	color:red;
}

.MesDemanesDePrix3{
	margin:10px auto 0px auto; border:1px solid #0d1043; width:183px; height:30px; line-height:30px; background:#0d1043; color:#FFF;
}
.MesDemanesDePrix3 a{
	color:red;
}
.MesDemanesDePrix3a{
	margin:10px auto 0px auto; border:1px solid #0d1043; width:183px; height:60px; line-height:30px; background:#0d1043; color:#FFF;
}
.MesDemanesDePrix3a a{
	color:red;
}

.InnerPageContainerMesDemanes{
float:left; width:710px; margin:5px 0 0 0;
}
.MesDemanesHeading{
	background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #D0CFCF;
    color: #0D1043;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 29px;
    padding-left: 7px;
    padding-top: 5px;
    width: 700px;
}
.ENR{
	clear:left;
	float:left;
	width:600px;
	height:20px;
	margin:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0d1043;
}
.NextPage{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0d1043;
	margin:5px 0;
}
.ENR span{
	color:#f00;
}
.CodeACTable{
	clear:left;
	float:left;
	width:710px;
	margin:10px 0 0 0;
	
}


.CodeACTableTextbox{
	width:188px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	padding: 3px;
}
.CodeACTableSelectbox{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDCDCD;
    height: 27px;
    padding: 3px;
    width: 197px;
	
}
.CodeACTableTextbox1{
	width:85px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	padding: 3px;
}
.CodeACTableSelectbox1{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDCDCD;
    height: 27px;
    padding: 3px;
    width: 85px;
	
}

/*04-04-2013*/
.userlistingtable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	color:#333;
}
.enable{
	margin:0 auto;
	width:90px;
	height:20px;
	background:#060;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
	line-height:20px;
	border-radius:5px;
}
.disable{
	margin:0 auto;
	width:90px;
	height:20px;
	background:#f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
	line-height:20px;
	border-radius:5px;
}
.userlistingjumpmenu{
	width:235px;
	height:25px;
	border:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
.userlistingbutton{
	width:73px;
	height:20px;
	background:#0d1043;
	border:1px solid #0d1043;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:12px;
        cursor:pointer;
	
}

.PrixDemande{
	float:left;
	width:710px;
	height:25px;
	background:#0d1043;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	color:#FFF;
}
.PrixDonnes{
	float:left;
	width:700px;
	height:25px;
	background:#d0d8e8;
	margin-top:10px;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	color:#333;
}
.PrixDonnesNormal{
	float:left;
	width:700px;
	height:25px;
	background:#ccc;
	margin-top:10px;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:25px;
	color:#333;
}
.PrixDonnesForms{
	float:left;
	width:710px;
	padding:5px 0 5px 0;
}
.PrixDonnesLeft{
	float:left;
	width:344px;
	padding:0 10px 0 0;
	border-right:1px dashed #CDCDCD;
}




.PrixDonnesLeft1 {
    
    float: left;
    padding: 0 10px 0 0;
    width: 344px;
}
.PrixDonnesRight{
	float:left;
	width:345px;
	padding:0 0 0 10px;
}
.PrixTextbox1{
	width:182px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixSmallbox1{
	width:38px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixSmallbox2{
	width:46px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixSelect1{
	width:186px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
}
.PrixSelect1_1{
	width:90px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
}
.PrixSelect2{
	width:184px;
	height:24px;
	border:1px solid red;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
}

.PrixTextbox2{
	width:498px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox3{
	width:129px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox3_1{
	width:126px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        margin: 0;
        
}
.Prixselectbox3{
	width:131px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        padding:2px 1px 2px 0;
}
.PrixTextbox4{
	width:552px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextareabox4{
    	width:547px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        resize: none;
        margin: 0;
        outline: none;
        padding: 0;
        height: 80px;
}
.PrixTextareabox5{
    
	width:547px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        resize: none;
        margin: 0;
        outline: none;
        padding: 0;
        height: 80px;
}
.PrixTextareabox6{
    	width:708px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        resize: none;
        margin: 0;
        outline: none;
        padding: 0;
        height: 80px;
}
.PrixTextbox5{
	width:268px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixSelect5{
	width:273px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
	
}
.PrixSelect3{
	width:140px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
	
}
.PrixSelect4{
	width:70px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
}
.PrixTextbox6{
	width:458px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox7{
	width:342px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox8{
	width:295px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox9{
	width:140px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.PrixTextbox10{
	width:90px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox11{
	width:268px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox12{
	width:50px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox13{
	width:97px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox14{
	width:58px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox15{
	width:63px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox16{
	width:68px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox17{
	width:35px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox18{
	width:75px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixTextbox19{
	width:136px;
	height:20px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        float: right;
        margin: 0;
        
}
.nbvernis{
	width:30px;
	height:24px;
	border:1px solid #ccc;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
        float: left;
        margin: 0;
        
}

.Sauvegarderbutton{
	width:125px;
	height:25px;
	background:#0d1043;
	border:1px solid #0d1043;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:12px;
        cursor: pointer;
}
.Sauvegarderbutton1{
	width:92px;
	height:25px;
	background:#0d1043;
	border:1px solid #0d1043;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:12px;
        cursor: pointer;
}
.ButtonWrapper {
	clear:left;
	float:left;
	width:710px;
	height:28px;
	background:#666;
	margin:0 auto;
	}

.ButtonMenu {
	float:left;
	width:710px;
	height:30px;
	}
	
.ButtonMenu ul{	
	margin:0;
	padding:0;
	list-style:none;
	color:#ffffff;
	font-weight:bold;
}	
	
.ButtonMenu li{
	float:left;
	background-color:#666;
	border-right:1px solid #fff;
	}	
	
.ButtonMenu a {
	text-decoration:none;
	color:#ffffff;
	display:block;
	padding:8px 24px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	
	}	

.ButtonMenu a:hover {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-color:#999;
	}

.ButtonMenu a:active {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-color:#FF6600;
	}

.ButtonMenu a:focus {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-color:#FF6600;
	}
	
#slider1{margin: 0px 0px 0px 50px;
    padding: 0;}
#slider1 .viewport { float: left; width: 600px; height: 125px; overflow: hidden; position: relative; }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; width: 600px; left: 0; top: 0; }
#slider1 .overview li{ float: left;
    height: 121px;
    margin: 10px 25px 0 0;
    padding: 0;
    width: 600px;
    z-index:-1;
    }

#file_browse_wrapper {
   
    background: none repeat scroll 0 0 #0D1043;
    border: 1px solid #0D1043;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    text-align: center;
    width: 125px;
    cursor:pointer;
}
#file_browse_wrapper:hover {
   background: none repeat scroll 0 0 #0D1043;
   
}
#file_browse_wrapper:active {
background: none repeat scroll 0 0 #0D1043;
}

#file_browse{
    margin-left:0px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    width:10px;
    cursor:pointer;
}

#PhotoUpload{
	clear:left;
	float:left;
	width:710px;
	height:40px;
}
#photo1{
	float:left;
	height:20px;
	margin:0 11px 0 0;
}
#photo2{
	float:left;
	width:10px;
	height:20px;
	margin:0 11px 0 0;
}
.boxerror{
	/*border: 1px solid #FFA333;*/
	 border: 1px solid #F03A3A; 
	 background-color : #F2AFB4; 
}
.disable{
	border:1px solid #CDCDCD;
	background-color: #F0F0F0;
	border-radius:0px;
}
.Uploadbutton{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	position:absolute;
    margin-left:45px;
    margin-top:7px;
}

.wrapper2{
color: #0D1043;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    left: 0;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    top: 10px;
    width: 517px;
}
.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	color: #fff !important;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
	color:#000;
}

.paging_full_numbers {
	/*width: 380px !important; */
	
}

.dataTables_wrapper .ui-toolbar {
	padding: 5px;
	
}

.dataTables_paginate {
	width: auto;
}

.dataTables_info {
	padding-top: 3px;
}

table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	
}

div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}


/*
 * Sort arrow icon positioning
 */
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}


.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #FFF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 140%;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
	background-color: #B0BED9;
	
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #000;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #FFF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #FFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

table.rfqlist {
    width: 710px;
    margin:5px 0 5px 0;
}
table.rfqlist td,table.rfqlist th, table.rfqlist tr{
   
    border: 1px solid #E0E0E0;
    padding: 3px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
table.rfqlist tbody td{
   background-color:white;
    
}
table.rfqlist tbody tr{
    background-color:white;
    
}

table.rfqlist th{
   cursor:pointer;
    
}
table.rfqlist9 td,table.rfqlist9 th, table.rfqlist9 tr{
   
    border: 1px solid #E0E0E0;
    padding: 3px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
table.rfqlist9 tbody td{
   background-color:white;
    
}
table.rfqlist9 tbody tr{
    background-color:white;
    
}

table.rfqlist9 th{
   cursor:pointer;
   
    
}
table.rfqlist9 thead{
    background: none repeat scroll 0 0 #0D1043;
    color:#fff;
}
table.clientlist td,table.clientlist th, table.clientlist tr{
   
    border: 1px solid #E0E0E0;
    padding: 3px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
table.clientlist tbody td{
   background-color:white;
    
}
table.clientlist tbody tr{
    background-color:white;
    
}

table.clientlist th{
   cursor:pointer;
     
}
table.clientlist thead{
    background: none repeat scroll 0 0 #0D1043;
    color:#fff;
}

.Print-Mainheading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	background:#000;
	height:25px;
	line-height:25px;
}
.Print-Subheading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000;
	background:#ccc;
	height:25px;
	line-height:25px;
	padding-left:10px;
}
.Print-bodytextnormal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#000;
	height:20px;
	
}
.Print-bodytextbold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#000;
	height:20px;
}

.datefield { 
        display: inline-block; 
        width:182px;
	height:22px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #666;
}

.datefield1 { 
    margin:0;
    padding:0;
        display: inline-block; 
        width:182px;
	height:22px;
	border:1px solid #FFA333;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #666;
}

.datefield * { 
    display: inline-block;
}

.datefield input.day { 
    width: 1.5em; 
    height:20px;
    
    border: none; 
    font-size: 100%; 
    background: none;
    color: #000;            
}
.datefield input.month { 
    width: 1.5em; 
    height:20px;
    
    border: none; 
    font-size: 100%; 
    background: none;
    color: #000;            
}
.datefield input.day1 { 
    width: 1.5em; 
    height:20px;
    
    border:1px solid #FFA333; 
    font-size: 100%; 
    background: none;
    color: #000;            
}


.datefield input.month1 { 
    width: 1.5em; 
    height:20px;
    
    border:1px solid #FFA333; 
    font-size: 100%; 
    background: none;
    color: #000;            
}
.datefield input.year {width: 2.5em; 
    height:20px;
    
    border: none; 
    font-size: 100%; 
    background: none;
    color: #000; }
.datefield input.year1 {   width: 2.5em; 
    height:20px;
    
    border:1px solid #FFA333; 
    font-size: 100%; 
    background: none;
    color: #000;        }
.datefield input[type="text"]:focus { outline:none;box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow:none; }
.errormsg
{
  color: red;
  
  background-repeat: no-repeat;
  background-position: 10px center;
    
}






///newly added for client extranet

.ClientTextbox1{
	width:182px;
	height:20px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.PrixDonnesLeft_client{
	float:left;
	width:220px;
	padding:0 10px 0 0;
	border-right:1px dashed #CDCDCD;
}
.PrixDonnesRight_middle{
	float:left;
	width:220px;
	padding:0 10px 0 11px;
        border-right:1px dashed #CDCDCD;
}

.PrixDonnesRight_client{
	float:left;
	width:225px;
	padding:0 0 0 10px;
}
.PrixSelect_c1{
    width:186px;
	height:24px;
	border:1px solid #CDCDCD;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px 1px 2px 0;
}


.btn1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #A2A2A2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}





table.clientrfqlist11 td,table.clientrfqlist11 th, table.clientrfqlist11 tr{
   
    border: 1px solid #E0E0E0;
    padding: 3px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
table.clientrfqlist11 tbody td{
   background-color:white;
   font-size:12px;
    
}
table.clientrfqlist11 tbody tr{
    background-color:white;
    
}

table.clientrfqlist11 th{
   cursor:pointer;
   
    
}
table.clientrfqlist11 thead{
    background: none repeat scroll 0 0 #0D1043;
    color:#fff;
}

table.clientrfqlist12 td,table.clientrfqlist12 th, table.clientrfqlist12 tr{
   
    border: 1px solid #E0E0E0;
    padding: 3px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
table.clientrfqlist12 tbody td{
   background-color:white;
   font-size:12px;
    
}
table.clientrfqlist12 tbody tr{
    background-color:white;
    
}

table.clientrfqlist12 th{
   cursor:pointer;
   
    
}
table.clientrfqlist12 thead{
    background: none repeat scroll 0 0 #0D1043;
    color:#fff;
}





table.rfqlist13 td,table.rfqlist13 th, table.rfqlist13 tr{
   
    border: 1px solid #E0E0E0;
    padding: 3px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
table.rfqlist13 tbody td{
   background-color:white;
    
}
table.rfqlist13 tbody tr{
    background-color:white;
    
}

table.rfqlist13 th{
   cursor:pointer;
   
    
}
table.rfqlist13 thead{
    background: none repeat scroll 0 0 #0D1043;
    color:#fff;
}