body
{                                  
    color: #000;
    background-color: #fff;
    font-family: Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    height: 100%;
    background-image: url(/images/bgsite.jpg);
	background-attachment:fixed;
}

.center
{
	width: 1200px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#header
{
	width: 1200px;
	height: 172px;
	transition: top 0.2s ease-in-out;
}

.textmore
{
	width: 700px;
	height: 35px;
	float: right; 
	margin: 0px 0px 0px 0px;
	text-align: right;  
}

.textmoresoumi
{
	width: 700px;
	height: 35px;
	float: left; 
	margin: 0px 51px 0px 0px;
	text-align: right;  
}

._iaplline
{
	width: 100%;
	height: 65px;
	float: left;
	margin: 0px 0px 0px 0px; 
    background-image: url(/images/iapltext.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.sysshowadd
{
	width: 1095px;
	height: 600px;
	top: 60px;
	margin-left: 40px;
	background-color: #fff; 
	z-index: 1003;
	position: fixed;
	visibility: hidden;
	display: none;
	border: 4px solid #003f7e;
	padding: 5px 10px;
	text-align: left;
	overflow: none;
	border-radius: 15px;
	box-shadow: 15px 15px 25px 10px #222;
	-webkit-box-shadow: 15px 15px 25px 10px #222;
	-moz-box-shadow: 15px 15px 25px 10px #222;
}

.sysshowentrep
{
	width: 450px;
	height: 225px;
	top: calc((100% - 660px) / 2);
	margin-left: calc((100% - 450px) / 2);
	background-color: #fff; 
	z-index: 1010;
}

#backorderbox
{
	z-index: 1003;
	width: 500px;
	height: 315px;
	position: fixed;
	visibility: hidden;
	border: 4px solid #003f7e;
	padding: 5px 10px;
	text-align: left;
	overflow: none;
	border-radius: 15px;
	box-shadow: 15px 15px 25px 10px #222;
	-webkit-box-shadow: 15px 15px 25px 10px #222;
	-moz-box-shadow: 15px 15px 25px 10px #222;
	top: calc((100% - 470px) / 2);
	margin-left: calc((100% - 528px) / 2);
	background-color: #fff; 	
}

.listavailparts
{
	width: 100%;
	height: 480px;
	float: left;
	overflow-y: auto;
}

.selectcat
{
	width: 307px;
	height: 500px;
	position: fixed;
	top: 50px;
	right: calc( (100% - 1200px) / 2); 
	z-index: 1004;
	background-color: #fff;
	border: 4px solid #003f7e;
	border-radius: 15px;
	visibility: hidden;
}

.selectsoumi
{
	width: 307px;
	height: 500px;
	position: fixed;
	top: 50px;
	right: calc( (100% - 1200px) / 2); 
	z-index: 1004;
	background-color: #fff;
	border: 4px solid #003f7e;
	border-radius: 15px;
	visibility: hidden;
}

.partmessageplus
{
	height: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	margin: -23px 0px 0px 14.7px; 
	display: block;
}

.selectdisptitle
{
	width: 100%;
	height: 20px;
	float: left; 
	font-size: 25px;
	color: #fc0000;
	text-align: center; 
	margin: -38px 0px 30px 0px;
	font-weight: bold; 
	
}

.selectdispentrep
{
	width: 210px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.selectdispentrep p
{
	margin: 0px 0px 0px 0px; 
	text-align: right; 
}

.selectdispqnt
{
	width: 225px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.selectdispqnt .pilulleent
{
	width: 31px;
	height: 14px;
	float: left;
	margin: 0px 0px 0px 4px;
	background: transparent; 
	border-radius: 5px;  
}

.selectdispqnt .pilulleent p
{
	margin: 0px 0px 0px 0px;
	text-align: center; 
	font-size: 13px; 
	font-weight: 600;
}

.selectdispmess
{
	width: 100%;
	height: 40px;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.selectdispmess p
{
	margin: 13px 0px 0px 0px; 
	text-align: center; 
}

.selectbotitle
{
	width: 100%;
	height: 20px;
	float: left; 
	font-size: 25px;
	color: #fc0000;
	text-align: center; 
	margin: -38px 0px 0px 0px;
	font-weight: bold; 
	
}

.selectbotext
{
	width: 100%;
	height: 47px;
	float: left; 
	margin: 10px 0px 0px 10px;
	line-height: 30px; 
}

.selectboinputpo
{
	width: 475px;
}

.selectboline
{
	width: 100%;
	height: 2px;
	float: left;
	background-color: #000; 
	margin: 0px 0px 0px 0px; 
}

.selectbobutton
{
	width: 100%;
	height: 40px;
	float: left; 
	text-align: center; 
}




.sysnewclonesoumi
{
	width: 550px;
	height: 200px;
	top: 100px;
	margin-left: calc((100% - 550px) / 2);
	background-color: #fff; 
}

.sysnewclonesoumi .newclonesectext
{
	width: 550px;
	height: 155px;
	float: left; 
}


.sysnewclonesoumi .newclonesectext .newclonetitle
{
	font-size: 25px;
	text-align: center;
	margin: 7px 0px 0px 0px;
	color: #fc0000; 
}

.sysnewclonesoumi .newclonesectext .newclonetext
{
	margin: 20px 0px 0px 0px; 
}


.sysnewclonesoumi .newclonesebutton
{
	width: 550px;
	height: 35px;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.sysnewclonesoumi .newclonesebutton .newclonesebuttonl
{
	width: 200px;
	height: 35px;
	float: left;
	margin: 0px 0px 0px 75px;  
}

.sysnewclonesoumi .newclonesebutton .newclonesebuttonr
{
	width: 200px;
	height: 35px;
	float: left;
	margin: 0px 0px 0px 60px;  
}

.messaging
{
	width: 445px;
	height: 500px;
	position: fixed;
	top: 50px;
	right: calc( (100% - 1200px) / 2); 
	z-index: 1004;
	background-color: #fff;
	border: 4px solid #003f7e;
	border-radius: 15px;
	visibility: hidden;
}

.messaging .messagingsec
{
	width: 100%;
	height: 440px;
	float: left; 
	overflow-y: auto;
}

.messaging .messagingtitle p
{
	width: 100%;
	height: 40px;
	float: left;
	color: #fc0000;
	text-align: center; 
	font-size: 30px;
	margin: 4px 0px 4px 0px;  
}

.messaging .messagingsec .messagingtext
{
	width: calc(100% - 7px);
	height: 30px;
	float: left;
	margin: 0px 0px 0px 5px;  
}


.messaging .messagingsec .messagingtext .messagingdate
{
	width: 90px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.messaging .messagingsec .messagingtext .messagingmess
{
	width: calc(100% - 151px);
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.messaging .messagingsec .messagingtext .messagingstatus
{
	width: 59px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.messaging .messagingsec .messageline
{
	width: 345px;
	height: 2px;
	float: left;
	background-color: #000;
	margin: 0px 0px 10px 28px; 
	
}


.adddone
{
	width: 100%;
	height: 100%;
	float: left;
	font-size: 14px; 
	text-align: center; 
}

.adddone .adddonemess
{
	text-align: center;
	width: 100%;
	height: 110px;
	float: left;
	margin: -30px 0px 0px 0px;  
}

.adddone .adddonecontinue
{
	text-align: center; 
	margin: 0px 0px 0px 0px;
	width: 50%;
	float: left; 
}


.adddone .adddoneclose
{
	text-align: center; 
	margin: 0px 0px 0px 0px;
	width: 50%;
	float: left; 
}



.setmessbutton
{
	width: 100%;
	height: 50px;
	float: left;
	margin: 13px 0px 0px 0px;
	text-align: center;   
}

.fa-message
{
	font-size: 20px;
}

.sysreadmessage
{
	width: 550px;
	height: 245px;
	top: 100px;
	margin-left: calc((100% - 550px) / 2);
	background-color: #fff; 
}

.sysaddpartdone
{
	width: 550px;
	height: 245px;
	top: 100px;
	margin-left: calc((100% - 550px) / 2);
	background-color: #fff; 
}

.soumi
{
	width: 100%;
	float: left; 
}

.soumi .soumititle p
{
	width: 100%;
	height: 40px;
	float: left;
	color: #000;
	text-align: center; 
	font-size: 30px;
	margin: 0px 0px 0px 0px;
	background-color: #ffae00;  	
}

.selectsoumi .soumisec
{
	width: 307px;
	height: 449px;;
	float: left; 
	margin: 0px 0px 0px 0px;
	overflow-y: auto;
	font-size: 13px;
	font-weight: bold;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Times New Roman, Geneva, sans-serif;
	
}


.selectsoumi .soumisec .soumititre
{
	width: 100%;
	height: 30px;
	float: left;
	text-align: center; 
	margin: 3px 0px 3px 0px;
	color: #fc0000;
	font-size: 22px;  
}

.selectsoumi .soumisec .soumientry
{
	width: 245px;
	height: 45px;
	float: left;
	text-align: left; 
	margin: 6px 0px 0px 28px;
	color: #fc0000;
	font-size: 13px; 
	white-space: nowrap;
	overflow-x: hidden; 
}

.selectsoumi .soumisec .soumiline
{
	width: 250px;
	height: 2px;
	float: left;
	background-color: #000;
	margin: 0px 0px 10px 28px; 
	
}


.selectsoumi .soumisec .soumientry p
{
	margin: 0px 0px 0px 7px; 
}

.selectsoumi .soumisec .soumientry .soustextb
{
	color: #000;
}

.selectsoumi .soumisec .soumientry .soustextg
{
	color: #aaa;
}

.selectsoumi .setsousbutton
{
	width: 142px;
	height: 50px;
	float: left;
	margin: 10px 0px 0px 7px;
	text-align: center;   
}










#cataltopbutparts
{
	display: none;
	visibility: hidden;
	float: left;
	margin: 0px 0px 0px 25px; 
}

#cataltopbutsoumi
{
	display: none;
	visibility: hidden;
	float: left;
	margin: 0px 0px 0px 0px; 
}

#maincatalsec
{
	width: 1200px;
	min-height: 200px;
	float: left;
	padding: 0px 0px 0px 0px; 
	transition: top 0.6s ease-in-out; 
	background-color: #fff;
}

.partsecparts
{
	height: 57px;
	font-size: 13px;
	font-weight: 600;
}

.partsectitle
{
	height: 20px;
	font-size: 13px;
	margin: 0px 0px 0px 0px; 
}

.baskettotal
{
	margin: 5px 0px 0px 0px;
	font-size: 15px; 
}
.partsec .automont
{
	width: 110px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}
.partsec .desc
{
	width: 385px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .descb
{
	width: 470px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .descb .descsech
{
	width: 100%;
	height: 32px;
	float: left; 
	margin: 0px 0px 0px 0px; 
}

.partsec .descb .descsecd
{
	width: 100%;
	height: 16px;
	float: left; 
	margin: 0px 0px 0px 0px;
	color: #003f7e; 
	font-size: 13px;
}

.partsec .descs
{
	width: 510px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .descs .descsech
{
	width: 100%;
	height: 32px;
	float: left; 
	margin: 0px 0px 0px 0px; 
}

.partsec .descs .descsecd
{
	width: 100%;
	height: 16px;
	float: left; 
	margin: 0px 0px 0px 0px;
	color: #003f7e; 
	font-size: 13px;
}



.partsec .price
{
	width: 75px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .pricered
{
	width: 95px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
	color: #fc0000;
	
}
.partsec .stock
{
	width: 72px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .stock .partentrep
{
	width: 95px;
	height: 50%;
	float: left;
	margin: 3px 0px -3px 0px;  
}

.partsec .stock .partentrep .libellet
{
	width: 40px;
	height: auto;
	float: left;
	margin: -1px 0px 0px 0px;  
	cursor: help;
	font-size: 16px;
}

.partsec .stock .partentrep .libelleb
{
	width: 40px;
	height: auto;
	float: left;
	margin: -1px 0px 0px -4px;  
	cursor: help;
	font-size: 12px;
}

.partsec .stock .partentrep .pilullet
{
	width: 37px;
	height: 17px;
	float: left;
	margin: -1px 0px 0px 5px;
	background: transparent; 
	border-radius: 5px;  
}

.partsec .stock .partentrep .pilulleb
{
	width: 31px;
	height: 14px;
	float: left;
	margin: 0px 0px 0px 12px;
	background: transparent; 
	border-radius: 5px;  
}


.partsec .stock .partentrep .pilullet p
{
	margin: 0px 0px 0px 0px; 
}

.partsec .stock .partentrep .pilulleb p
{
	margin: -1px 0px 0px 0px; 
}

.partsec .notes
{
	width: 162px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .notes .pilullen
{
	width: 115px;
	height: 14px;
	background: transparent; 
	border-radius: 5px;
	position: relative;  
}

.partsec .notes .pilullen p
{
	margin: 0px 0px 0px 0px; 
	font-size: 13px;
	font-weight: 600;
}


.partsec .priceb
{
	width: 84px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .qty
{
	width: 45px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .qty input
{
	width: 45px;
	height: 25px;
}


.partsec .addpanier
{
	width: 100px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
	text-align: center; 
}

.partsec .addpanier input
{
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 0px;  
}

.partsec .qtyb
{
	width: 72px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .qtyb input
{
	width: 41px;
	height: 25px;
}
.partsec .basketlocation
{
	width: 40px;
	height: 20px;
	float: left; 
	color: #888;
	font-size: 15px;
	text-align: center;
}

.partsec .basketlocation a
{
	text-decoration: none;
}

.basketlocationgreen
{
	color: green;
}

.basketlocationred
{
	color: red;
}

.basketlocationyellow
{
	color: orange;
}


.partsec .basketopttrash
{
	width: 40px;
	height: 20px;
	float: left; 
	color: #fc0000;
	font-size: 15px;
	text-align: center;
}

.partsec .basketopttrash a
{
	color: #fc0000;
	text-decoration: none;
}

.partsec .basketoptdown
{
	width: 40px;
	height: 20px;
	float: left; 
	color: #003f7e;
	font-size: 15px;
	text-align: center; 
}

.partsec .basketoptdown a
{
	color: #003f7e;
	text-decoration: none;
}

.partsec .basketsoumi
{
	width: 40px;
	height: 20px;
	float: left; 
	color: #003f7e;
	font-size: 18px;
	text-align: center;
}

.partsec .basketsoumiselect
{
	width: 40px;
	height: 20px;
	float: left; 
	font-size: 18px;
	text-align: center;
	margin: 4px 0px 0px 0px; 
}

.basketsoumiselectoff
{
	color: #888;
}

.basketsoumiselecton
{
	color: #003f7e;
}

.partsec .basketsoumi a
{
	text-decoration: none;
}


.partsec .transtext
{
	width: 884px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.partsec .transtextsoumi
{
	width: 920px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.input_cat 
{
	font-family: Verdana, Courier New, Arial, Helvetica, Times New Roman, Geneva,sans-serif;
	border:#ffffff;
	color:#000000;
	background:transparent;
	text-align:right;
	vertical-align:	text-top;
	margin-left: 0px;
	margin-right: 0px;
	margin-right: 0px;
	padding-right: 0px; 
	width: 72px;
}
#maintopcatal
{
	width: 100%;
	height: 22px;
	float: left; 
	visibility: hidden;
	display: none;
}

.top
{
	min-width: 1200px;
	height: 110px;
	float: left;
	display: inline-block;
}

.top .topleft
{
	width: 240px;
	height: 110px;
	float: left;
}

.top .iaptopleft
{
	width: 812px;
	height: 110px;
	float: left;
}

.top .topmidle
{
	width: 800px;
	height: 110px;
	float: left;
}

.top .iaptopmidle
{
	width: 228px;
	height: 110px;
	float: left;
}


.top .topright
{
	width: 160px;
	height: 110px;
	float: left;
}

.top .topright .topmenu
{
	width: 160px;
	height: 96px;
	float: left; 
}

.top .topright .topmenu .connecter
{
	width: 142px;
	height: 31px;
	float: left; 
	padding: 13px 0px 0px 0px; 
}

.showpricexxxx
{
	width: 40px;
	height: 20px;
	float: left; 
	margin: 4px 0px 0px 12px; 
}


.showprice
{
	width: 45px;
	height: 40px;
	position: fixed;
	top: 53px;
	right: calc( (100% - 1165px) / 2);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	z-index: 1002;
}


.line
{
	width: 100%;
	height: 5px;
	background-color: #003f7e;;
	transition: all 0.8s;
}

.change .line-1
{
	transform: translate(60px, -35px) rotateZ(-405deg);
/*		opacity: 0; */
}

.change .line-2
{
	opacity: 0;
}

.change .line-3
{
	 transform: translate(60px, -63px) rotateZ(405deg);
/*	opacity: 0;*/
}

.automontnavbar
{
	width: 315px;
	height: auto;
	background-color: #939598;
	position: fixed;
	top: 0;
	right: -500px;
	display: flex;
	justify-content: center;
	align-items: baseline;
	transition: right .8s cubic-bezier(1,0,0,1);
	z-index: 1002;
}


.iapnavbar
{
	width: 300px;
	height: auto;
	background-color: #939598;
	position: fixed;
	top: 0;
	right: -500px;
	display: flex;
	justify-content: center;
	align-items: baseline;
	transition: right .8s cubic-bezier(1,0,0,1);
	z-index: 1002;
}


.change
{
	right: calc( (100% - 1200px) / 2);
}

.nav-list
{
	text-align: right; 
	margin: 75px 0px 0px 0px;
	padding-left: 0px; 
}
.nav-item
{
	list-style: none;
	margin: 15px 5px 15px 5px;
}

.nav-link
{
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	padding: 3px 0;
}

.nav-linksite
{
	color: #eee;
}

.nav-linksite:hover
{
	color: #fc0000;
}

.nav-linkcatal
{
	color: #003f7e;
}

.nav-linkcatal:hover
{
	color: #fc0000;
}

.mainsite
{
	width: 1058px;
	height: auto;
	float: left;
    padding: 0px 0px 0px 78px; 
}

.lline
{
	width: 100%;
	height: 50px;
	float: left;
	margin: 0px 0px 0px 0px; 
    background-image: url(/images/ltext.png);
    background-repeat: no-repeat;
    background-position: left top;
}


.slogan
{
	width: 100%;
	height: 65px;
	line-height: 26px;
	float: left;
	font-weight: bold;
	margin: 13px 0px 0px 0px;  
}

.slogan_smallbox
{
	height: 42px;
	line-height: 21px;
}

.slogan .slogan_red
{
	font-size: 33px;
	color: #fc0000;
}

.slogan .slogan_red_smallbox
{
	font-size: 25px;
	color: #fc0000;
}

.slogan .slogan_bleu
{
	font-size: 23px;
	color: #003f7e;
}

.slogan .slogan_bleu_smallbox
{
	font-size: 15px;
	color: #003f7e;
}

.flyer
{
	width: 1058px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 68px;
}

.flyer .flyertop
{
	width: 903px;
	height: 302px;
	float: left; 
	border-style: solid;
	border-width: 3px 3px 0px 3px;
	border-color: #000;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff;
	text-align: center; 
}

.flyer .flyertop .logo
{
	width: 900px;
	height: 109px;
	margin: 30px 0px 0px 0px; 
	
}

.flyer .flyertop .toptext
{
	width: 900px;
	height: auto;
	font-size: 30px;
	color: #003f7f;
	font-weight: bold;
	margin: 30px 0px 0px 0px; 
	
}

.flyer .flyerprod
{
	width: 903px;
	height: auto;
	float: left; 
	border-style: solid;
	border-width: 0px 3px 3px 3px;
	border-color: #000;
	background-color: #fff;
}

.flyer .flyerprod .flyerpart
 {
 	width: 447px;
 	height: 430px;
 	float: left; 
 	text-align: center;
 	border-style: solid;
	border-color: #000;
 	padding: 0px 2px 0px 2px;  
 }

.flyer .flyerprod .flyerpart .fppartno
{
	width: 447px;
	height: 64px;
	float: left;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	background-image: url(/images/flyerpartno.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.flyer .flyerprod .flyerpart .fppartno p
{
	margin: 14px 0px 0px 0px; 
}


.flyer .flyerprod .flyerpart .fpimage
{
	width: 451px;
	height: 170px;
	float: left;
	margin: 0px 0px 0px 0px;
}



.flyer .flyerprod .flyerpart .fpdesc
{
	width: 451px;
	height: 135px;
	float: left; 
	margin: 0px 0px 0px 0px;
}

.flyer .flyerprod .flyerpart .fpdesc p
{
	margin: 0px 15px 0px 15px;
}

.fpimg
{
	width: 150px;
	height: 150px;
	margin: 10px 0px 0px 0px; 
}

.fplogo
{
	width: 85px;
	height: 85px;
	margin: 0px 0px 0px 15px; 
}

.flyer .flyerprod .flyerpart .fpvoir
{
	width: 451px;
	height: 60px;
	float: left; 
	margin: 7px 0px 0px 0px;
}




.home
{
	width: 1058px;
	height: auto;
	float: left;
    padding: 0px 0px 0px 0px; 
}

.home .hometext
{
	width: 1058px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.home .hometext .textbold
{
	font-weight: bold;
	font-size: 19px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

.home .hometext .textreg
{
	margin: 0px 0px 0px 0px; 
	padding: 25px 40px 0px 0px; 
	
}


.supplier
{
	width: 1058px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.supplier .supbox
{
	width: 264px;
	height: 250px;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;  
}

.supplier .supbox .suppic
{
	width: 120px;
	height: 120px;
	display: inline-block;
	margin: 1 auto;
}

.supplier .supbox .suppic img
{
	width: 120px;
	height: 120px;
}


.supplier .supbox .suptext
{
	width: 100%;
	height: 100px;
	float: left; 
}

.supplier .supbox .suptext .suptitle
{
	font-size: 17px;
	font-weight: bold;
	color: #AD7717;
	margin: 0px 0px 0px 0px; 
}

.supplier .supbox .suptext .suptitle a
{
	color: #AD7717;
	text-decoration : none;
}


.supplier .supbox .suptext .suptext
{
	font-size: 9px;
	margin: 0px 0px 0px 0px; 
}

.footer
{
	width: 1200px;
	height: 200px;
	float: left;
	  
}

.footer .copyright
{
	width: 1200px;
	height: 50px;
	float: left; 
	font-size: 12px;
	margin: 0px 0px 0px 0px; 
}

.footer .copyright .copyl
{
	width: 600px;
	float: left; 
	text-align: left; 
}

.footer .copyright .copyl p
{
	margin: 4px 0px 0px 0px; 
}

.footer .copyright .copyl p a
{
	text-decoration: none;
	color: #000;
}

.footer .copyright .copyr
{
	width: 600px;
	float: left; 
	text-align: right; 
}

.footer .copyright .copyr p
{
	margin: 4px 0px 0px 0px; 
}

.maincredit
{
	width: 978px;
	height: auto;
	float: left;
	background-color: #fff;
	margin: 0px 0px 0px 0px; 
	padding: 40px 40px 40px 40px; 
}

.maincredit .creditlogo
{
	width: 848px;
	height: 110px;
	float: left; 
	
}

.maincredit .creditadr
{
	width: 130px;
	height: 110px;
	float: right;
	font-size: 12px;
}

.maincredit .credittitle
{
	width: 100%;
	float: left;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	text-align: center; 
	margin: 15px 0px 0px 0px; 
}

.maincredit .creditsubtitle
{
	width: 100%;
	float: left;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	margin: 30px 0px 5px 0px; 
}


.maincredit .creditbox
{
	width: 100%;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #000;
	margin: 0px 0px 0px 0px; 
}

.maincredit .creditbox2
{
	width: 100%;
	float: left;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-width: 3px;
	border-color: #000;
	margin: 0px 0px 0px 0px; 
}

.maincredit .creditcondition
{
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;  
}

.creditcaptcha
{
	height: 42px;
	float: left;
	text-align: center; 
	margin: 17px 0px 0px 396px;  
}


.maincredit .creditcondition ol
{
	padding: 0px 0px 0px 0px; 
}

.maincredit .creditcondition ol li
{
	font-size: 12px;
	text-indent: 0px;
	margin: 0px 0px 3px 24px; 
}

.maincredit .creditconfirm
{
	width: 100%;
	float: left;
	padding: 0px 0px 0px 0px;  
}

.maincredit .creditconfirm .creditcheck
{
	width: 40px;
	float: left;
	padding: 5px 0px 0px 0px; 
	text-align: center;  
}

.maincredit .creditconfirm .creditcheck input[type=checkbox]
{
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
}


.maincredit .creditconfirm .creditchecktext
{
	width: calc(100% - 40px);
	float: left;
	padding: 0px 0px 0px 0px;  
}

.credittext
{
	width: 100%;
	float: left;
	margin: 0px 0px 0px 75px;  
}

.credittext p
{
	font-size: 18px;
}

.creditboxinput
{
	height: 20px;
	float: left;
	padding: 4px 0px 0px 5px;  
}

.creditbottom
{
	width: 100%;
	height: 1px;
	float: left;
	margin: -3px 0px 0px 0px; 
}

.creditright
{
	width: 10px;
	height: 26px;
	float: left; 
}



.creditdottedbottom
{
	width: 100%;
	height: 1px;
	float: left;
	border-bottom-style: dotted;
	border-width: 2px;
	border-color: #003f7e;
	margin: 5px 0px 0px 0px; 
}

.dottedrightaaaa
{
	width: 10px;
	height: 34px;
	float: left; 
	border-right-style: dotted;
	border-width: 1px;
	border-color: #003f7e;
}



.maincreditbutton
{
	width: 100%;
	height: 100px;
	float: left; 
}


.maincreditbutton .creditbutton
{
	height: 30px;
	margin: 50px 0px 50px 200px; 
}

.maincreditbutton .creditbutton .creditbutsec
{
	width: 229px;
	height: auto;
	float: left;
	text-align: center;  
}

.credcomp
{
	width: 968px;
}

.credcompadr
{
	width: 968px;
}

.credcompville
{
	width: 595px;
}

.credcompprov
{
	width: 158px;
}

.credcompcode
{
	width: 185px;
}

.credcompemail
{
	width: 968px;
}

.credcomptel
{
	width: 485px;
}

.credcompfax
{
	width: 468px;
}

.credcompdepuis
{
	width: 313px;
}

.credcomptype
{
	width: 313px;
}

.credcompother
{
	width: 312px;
}

.credprop
{
	width: 968px;
}

.credpropdate
{
	width: 968px;
}

.credpropadr
{
	width: 968px;
}

.credpropemp
{
	width: 641px;
}

.credprodhow
{
	width: 312px;
}

.credbank
{
	width: 510px;
}

.credbankaccount
{
	width: 190px;
}

.credbankmanager
{
	width: 237px;
}

.credbankadr
{
	width: 968px;
}

.credbankville
{
	width: 586px;
}

.credbankprov
{
	width: 150px;
}

.credbankcode
{
	width: 202px;
}

.credref1
{
	width: 968px;
}
.credrefadr1
{
	width: 968px;
}

.credreftel1
{
	width: 968px;
}

.credref2
{
	width: 968px;
}

.credrefadr2
{
	width: 968px;
}

.credreftel2
{
	width: 968px;
}

.credref3
{
	width: 968px;
}

.credrefadr3
{
	width: 968px;
}

.credreftel3
{
	width: 968px;
}

.contact
{
	width: 1058px;
	height: auto;
	float: left;
	font-size: 12px;
    padding: 0px 0px 0px 0px; 
}

.contact .contactleft
{
	width: 529px;
	height: auto;
	float: left;
    padding: 0px 0px 0px 0px; 
}

.contactimg
{
	width: 240px;
	height: auto;
	float: left;
    padding: 0px 10px 0px 10px; 
}
	
.contactimgtext
{
	width: 269px;
	height: auto;
	float: left;
    padding: 0px 0px 0px 0px; 
}

.contactimgtext p
{
	margin: 0px 0px 0px 0px; 
}

.contactimgtext .contacttelleft
{
	width: 75px;
	height: auto;
	float: left; 
}

.contactimgtext .contacttelright
{
	width: 194px;
	height: auto;
	float: left; 
}

.formulaire
{
	width: 1058px;
	height: auto;
	float: left; 
	font-size: 12px;
}

.formulaire .formutitle
{
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-weight:normal;
    color:#000000;
    margin: 20px 0px 0px 50px; 
}

.formulaire .formuright
{
    width: 858px;
    float: left;
    margin: 0px 0px 0px 98px; 
}

.formulaire .formuright input
{
    width: 858px;
    margin: 10px 0px 0px 0px; 
}

.formulaire .formuright textarea
{
    width: 858px;           
    height: 125px;
    margin: 10px 0px 0px 0px; 
}

.formulaire .captcha
{
	height: 60px;
	margin: 10px 0px 0px 400px;
}

.formulaire .formubutton
{
	height: 30px;
	margin: 50px 0px 50px 200px; 
}

.formulaire .formubutton .formubutsec
{
	width: 329px;
	height: auto;
	float: left;
	text-align: center;  
}

.formulaire .formuresp
{
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-weight:normal;
    color:#000000;
    margin: 75px 0px 30px 50px; 
	font-size: 20px;	
}


.contact .contactright
{
	width: 529px;
	height: auto;
	float: left;
    padding: 0px 0px 0px 0px; 
}


.maincatalmessred
{
	color: #fc0000;
}

.maincatalmess
{
	width: 1200px;
	height: 43px;
	float: left;
	margin: 0px 0px 0px 0px; 
	background-color: #fff;
	padding: 0px 0px; 
	color: #003c7b; 
	font-weight: bold;
	font-size: 15px;
}

.maincatalmess .maincatalmessspace
{
	width: 145px;
	height: auto;
	float: left;
	margin: 3px 0px 0px 0px;  	
	visibility: visible;
}

.maincatalmess .maincatalmessspace .changescreen
{
	width: 43px;
	height: 43px;
	float: left;
	font-size: 41px;
	margin: -2px 0px 0px 0px;  
}

.maincatalmess .maincatalmessspace .changescreen a
{
    text-decoration : none;
}

.maincatalmess .maincatalmessleft
{
	width: 880px;
	height: auto;
	float: left;
	text-align: center;
	margin: 10px 0px 0px 0px; 
}

.maincatalmess .maincatalmessleft .maincatal_a
{
	text-decoration: none;
}

.maincatalmess .maincatalmessright
{
	width: 320px;
	height: auto;
	float: left;
	margin: 3px 0px 0px 0px;  	
}

#maintopbasket
{
	width: 100%;
	height: 140px;
	float: left; 
	visibility: hidden;
	display: none;
	background-color: #fff;
}
.topbasketpo
{
	width: 100%;
	height: 45px;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	text-align: right; 	  
}

.topbasketpo .topbasketpotext
{
	width: 1040px;
	height: 53px;
	float: left; 
} 
.topbasketpo .topbasketpotext input[type=text]
{
	width: 600px;
	height: 25px;
}

.topbasketpo .topbasketpoorder
{
	width: 153px;
	height: 53px;
	float: left; 
} 


.topbasketadd
{
	width: 100%;
	height: 38px;
	float: left; 
	text-align: right; 
}
.topbasketadd .topbasketaddtext
{
	width: 1040px;
	height: 38px;
	float: left; 
}

.topbasketadd .topbasketaddbasket
{
	width: 153px;
	height: 35px;
	float: left;
	margin: -5px 0px 0px 0px;  
}


#maintopsoumi
{
	width: 100%;
	height: 160px;
	float: left; 
	background-color: #fff;
}
.topsoumipo
{
	width: 100%;
	height: 45px;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	text-align: right; 	  
}

.topsoumipo .topsoumipotext
{
	width: 1040px;
	height: 53px;
	float: left; 
} 
.topsoumipo .topsoumipotext input[type=text]
{
	width: 600px;
	height: 25px;
}

.topsoumipo .topsoumipoorder
{
	width: 153px;
	height: 53px;
	float: left; 
} 


.topsoumiadd
{
	width: 100%;
	height: 38px;
	float: left; 
	text-align: right; 
}
.topsoumiadd .topsoumiaddtext
{
	width: 1040px;
	height: 38px;
	float: left; 
}

.topsoumiadd .topsoumiaddsoumi
{
	width: 153px;
	height: 35px;
	float: left;
	margin: -5px 0px 0px 0px;  
}

.topsoumisauv
{
	width: 100%;
	height: 38px;
	float: left; 
	text-align: right; 
}

.topsoumisauv .topsoumisauvsoumi
{
	margin: -3px 7px 0px 0px;  
}

.sysshoworder
{
	width: 800px;
	height: 400px;
	top: 200px;
	margin-left: calc((100% - 800px) / 2);
	background-color: #fff; 
}

#maintoporder
{
	width: 100%;
	height: 57px;
	float: left; 
	visibility: hidden;
	display: none;
}
.orderspace
{
	width: 55px;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 0px; 
	background-color: #fff; 
}

.orderpo
{
	width: 640px;
	height: 20px;
	float: left;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;

}

.orderpo p
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  
	margin: 0px 0px 0px 0px; 
}

.orderchamps
{
	width: 150px;
	height: 20px;
	float: left;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;  
}

.orderchamps p
{
	margin: 0px 0px 0px 0px; 
}


.ordertotal
{
	width: 150px;
	height: 20px;
	float: left;
	font-size: 15px;
	margin: 0px 0px 0px 0px; 
	text-align: right;  
	background-color: #fff;  
}

.ordertotal p
{
	margin: 0px 0px 0px 0px; 
}


.showorder
{
	width: 790px;
	height: 265px;
	float: left;
	overflow-y: auto;
}

.showorderline
{
	width: 770px;
	height: 20px;
	float: left; 
	font-size: 12px;
}

.showorderline .showorderpartnum
{
	width: 123px;
	height: 20px;
	float: left;
}

.showorderline .showorderdesc
{
	width: 355px;
	height: 20px;
	float: left; 
}

.showorderline .showorderprice
{
	width: 91px;
	height: 20px;
	float: left; 
	text-align: right; 
}

.showorderline .showorderqnt
{
	width: 82px;
	height: 20px;
	float: left; 
	text-align: center; 
}

.showorderline .showordertotal
{
	width: 118px;
	height: 20px;
	float: left;
	text-align: right;  
}


.showprice .textprice
{
	font-size: 12px;
	font-weight: bold;
	color: #003f7e;
	text-align: center;  
	margin: 0px 0px 0px 0px; 
}

.sysshowbo
{
	width: 550px;
	height: 350px;
	top: 100px;
	margin-left: calc((100% - 578px) / 2);
	background-color: #fff; 
}

.showbo
{
	width: 100%;
	height: 100%;
	float: left; 
}

.showbo .showbomain
{
	width: 100%;
	height: 200px;
	float: left;
	overflow-y: auto; 
	margin: 0px 0px 5px 0px; 
}

.showbo .showbotitle
{
	width: 100%;
	height: 24px;
	float: left;
	margin: 0px 0px 0px 0px; 
}


.showbodate
{
	width: 90px;
	height: 62px;
	float: left; 
}

.showbopart
{
	width: 115px;
	height: 62px;
	float: left; 
}

.showbodesc
{
	width: 300px;
	height: 62px;
	float: left; 
}

.showboremove
{
	width: 25px;
	height: 62px;
	float: left; 
	text-align: center; 
	color: #fc0000;
}

.showbo .showboclose
{
	width: 100%;
	height: 200px;
	float: left;
	text-align: center; 
	margin: 20px 0px 0px 0px; 
}


.sysshowinfo
{
	width: 1120px;
	height: 600px;
	top: 100px;
	margin-left: calc((100% - 1150px) / 2);
	background-color: #fff; 
}


.infotitre
{
	font-size: 30px; 
}

.infosection
{
	width: 100%;
	height: 500px;
	float: left;
	color: #000;
	overflow-y: auto;
	margin: 10px 0px 0px 0px;  
}

.infosection li
{
	text-indent: -15px;
	margin: 0px 30px 15px 45px; 
}

.infotexttitre
{
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 10px 30px; 	
}