/* ----- BODY ----- */

body, p{
margin:0px;
}

body {
margin:0px;
background-image:url(../DESIGN/color_fond.gif);
background-position:top center;
background-repeat:no-repeat;
}

div#noScript{ /* balise noscript */
position:absolute;
top:20px;
left:0px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
border:1px solid #FF0000;
padding:0px 0px 1px 0px;
}

#BODY_contener {
backgr ound-image:url(../DESIGN/baniere-legrand_sophie.jpg);/* pseudo-banniere chargé en premier */
background-position:top center;
background-repeat:no-repeat;
}


/* ----- LOG BOX ----- */

#logWin{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-right:70px;
}
#logWin table, #logWin table tr, #logWin table th, #logWin table td{
border:0px;
padding:0px;
margin:0px;
}
#logWin table tr td span.inco{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF0000;
}
#logBox{
border:1px solid #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:4px;
}
#logBox legend{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
#logBox #userName{
font-size:15px;
line-height:20px;
}
#logBoxType{
background-color:#FFFFFF;
}
#logBoxType #logBoxTxt{
width:90px;
padding-left:5px;
color:#043A54;
border:1px solid #FFFFFF;
font-weight:bold;
text-transform:uppercase;
}
#logBoxType input.bouton{
border:0px solid #FFFFFF;
background-color:#043A54;
color:#FFFFFF;
}
#logBox div{
white-space:nowrap;
padding:0px;
}
#logBox div span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
#logBox a:link, #logBox a:visited{
color:#FFFFFF;
text-decoration:underline;
}
#logBox a:hover, #logBox a:active{
color:#FF0000;
text-decoration:underline;
}
#logBoxCo{
text-align:left;
padding-top:2px;
}
#logBoxCo input{
float:left;
clear:none;
}
#logBoxCo span{
float:left;
clear:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
line-height:18px;
}


/* ----- BANNIERE ----- */

#topBanner{
background-image:url(../DESIGN/baniere-legrand_sophie.jpg);/* pseudo-banniere chargé en premier */
background-position:top center;
background-repeat:no-repeat;
height:138px;
clear:both;
position:absolute;
top:0px;
width:100%;
}
#sousBanniere_1{
position:relative;
width:100%;
height:138px;
overflow:hidden;
backgro und-image:url(../DESIGN/color_gauche.gif);/*url(../graphs/haut.jpg);*/
background-repeat:no-repeat;
background-position:top left;
clear:both;
}
#sousBanniere_2{
position:relative;
width:100%;
height:138px;
overflow:hidden;
backgroun d-image:url(../DESIGN/color_droite.gif);/*url(../graphs/haut.jpg);*/
background-repeat:repeat-y;
background-position:top right;
}
#banniere {
position:relative;
width:1000px;
margin:0px auto;
height:100px;
overflow:hidden;
backgrou nd-image:url(../DESIGN/baniere-legrand_sophie.jpg);/*url(../graphs/haut.jpg);*/
background-repeat:repeat-y;
background-position:top left;
}
.logoBanniere{
height:100px;
width:70px;
backgroun d-image:url(../DESIGN/44ans.gif);
background-repeat:no-repeat;
background-position:bottom left;
float:right;
}


/* ----- MENU HAUT ----- */

#topMenu{
clear:both;
position:absolute;
top:108px;
width:100%;
text-align:center;
}
div#menu{
position:relative;
width:1015px;
height:20px;
margin:0px;
}

.btConteneur{
position:relative;
margin:0px;
float:left; /**/
clear:none;
text-align:left;
z-index:500;
}

div.mSsBt a, a.mSsBt{ /* boutons sous-menus haut */
display:block;
border:1px solid white;
border-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
padding-left:1px;
white-space:nowrap;
font-size:12px;
font-weight:bold;
width:190px;
height:25px;
}

div#mBt1, div#mBt2, div#mBt3, div#mBt4 , div#mBt5 { /* boutons menu haut */
height:30px;
text-align:center;
border:0px;
z-index:1000;
}
div#mBt1 a, div#mBt2 a, div#mBt3 a, div#mBt4 a, div#mBt5 a{
display:block;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:20px;
width:100%;
width:100%;
z-index:1000;
}

 
div.ssMenu{
position:absolute;
display:none;
float:left;
z-index:1000;
}


div.ssSsMenu{
position:absolute;
width:152px;
display:none;
border-bottom:1px solid black;
z-index:1000;
}
div.ssSsMenu div{
width:150px;
padding:5px 0px;
border:1px solid black;
border-bottom:0px;
text-align:left;
height:20px;
}
div.ssSsMenu div a{
padding:0;
display:block;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
font-size:10px;
width:100%;
}

div#menu div.btConteneur a{
text-decoration:none;
}


/* ===== ZONE DE CONTENU ===== */

#global_content{
position:absolute;
top:140px;
width:100%;
margin:0px auto;
text-align:center;
}
div#content, div#inContent, div#inContent2, div#inContent3{
overflow:auto;
height:auto;
width:1000px;
margin:0px auto;
}
div#current{
padding-left:20px;
padding-right:20px;
}
.pages{
float:right;
height:35px;
vertical-align:bottom;
margin-right:35px;
line-height:35px;
}
.pages a:link, .pages a:visited {
color:#043A54;
}
.pages a:hover, .pages a:active {
color:#FF0000;
}
#navig{
float:none;
height:20px;
text-align:center;
margin:0px;
width:100%;
clear:both;
}
#navig a:link, #navig a:visited {
color:#043A54;
}
#navig a:hover, #navig a:active {
color:#FF0000;
}


/* ----- PRODUITS ----- */

#prods_content{
margin-top:10px;
}

table#prods_table{
border:0px;
}
table#prods_table tr td{
border:0px;
}
table#prods_table tr th{
background-color:#F00E80;
color:#FFFFFF;
text-align:left;
padding:0px 0px 1px 32px;
border:0px;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
background-image:url(../DESIGN/miniSquare.gif);
background-position:center left;
background-repeat:no-repeat;
}

table#prods_table td a{
border:0px;
display:block;
width:223px;
height:58px;
background-repeat:no-repeat;
background-position:center center;
}
/** Ligne 01 **/
/* ~ Cartes 8.5 x 5.4 ~ */
a#C45		 { background:url(../DESIGN/vignettes/C45.gif); }
a#C45:hover { background:url(../DESIGN/vignettes/C45bis.gif); }
/* ~ Cartes texturées ~ */
a#CT		{ background:url(../DESIGN/vignettes/CT.gif); }
a#CT:hover { background:url(../DESIGN/vignettes/CTbis.gif); }
/* ~ Chemises à rabats ~ */
a#CH		{ background:url(../DESIGN/vignettes/CH.gif); }
a#CH:hover { background:url(../DESIGN/vignettes/CHbis.gif); }
/* ~ Grand Formats ~ */
a#GF		{ background:url(../DESIGN/vignettes/GF.gif); }
a#GF:hover { background:url(../DESIGN/vignettes/GFbis.gif); }

/** Ligne 02 **/
/* ~ Cartes 8.2 x 12.8 ~ */
a#C105		{ background:url(../DESIGN/vignettes/C105.gif); }
a#C105:hover { background:url(../DESIGN/vignettes/C105bis.gif); }
/* ~ Cartes adhésives ~ */
a#CD		{ background:url(../DESIGN/vignettes/CD.gif); }
a#CD:hover { background:url(../DESIGN/vignettes/CDbis.gif); }
/* ~ Brochure ~ */
a#BR		{ background:url(../DESIGN/vignettes/BR.gif); }
a#BR:hover { background:url(../DESIGN/vignettes/BRbis.gif); }
/* ~ Adhésifs Papier ~ */
a#AP		{ background:url(../DESIGN/vignettes/AP.gif); }
a#AP:hover { background:url(../DESIGN/vignettes/APbis.gif); }

/** Ligne 03 **/
/* ~ Cartes 10 x 15 ~ */
a#C150		{ background:url(../DESIGN/vignettes/C150.gif); }
a#C150:hover { background:url(../DESIGN/vignettes/C150bis.gif); }
/* ~ Têtes de lettre  ~ */
a#TL		{ background:url(../DESIGN/vignettes/TL.gif); }
a#TL:hover { background:url(../DESIGN/vignettes/TLbis.gif); }
/* ~ Menus, Sets de tables, Rond de serviettes ~ */
a#ST		{ background:url(../DESIGN/vignettes/ST.gif); }
a#ST:hover { background:url(../DESIGN/vignettes/STbis.gif); }
/* ~ Autocollants quadri numérique ~ */
a#AQ		{ background:url(../DESIGN/vignettes/AQ.gif); }
a#AQ:hover { background:url(../DESIGN/vignettes/AQbis.gif); }

/** Ligne 04 **/
/* ~ Cartes 10 x 21 ~ */
a#C210		{ background:url(../DESIGN/vignettes/C210.gif); }
a#C210:hover { background:url(../DESIGN/vignettes/C210bis.gif); }
/* ~ Enveloppes ~ */
a#EN		{ background:url(../DESIGN/vignettes/EN.gif); }
a#EN:hover { background:url(../DESIGN/vignettes/ENbis.gif); }
/* ~ Calendriers ~ */
a#CL		{ background:url(../DESIGN/vignettes/CL.gif); }
a#CL:hover { background:url(../DESIGN/vignettes/CLbis.gif); }
/* ~ Autocollants vinyles sérigraphie ~ */
a#AV		{ background:url(../DESIGN/vignettes/AV.gif); }
a#AV:hover { background:url(../DESIGN/vignettes/AVbis.gif); }

/** Ligne 05 **/
/* ~ Cartes prestige vernis séléctif ~ */
a#CP		{ background:url(../DESIGN/vignettes/CP.gif); }
a#CP:hover { background:url(../DESIGN/vignettes/CPbis.gif); }
/* ~ Flyers / Fiches ~ */
a#FY		{ background:url(../DESIGN/vignettes/FY.gif); }
a#FY:hover { background:url(../DESIGN/vignettes/FYbis.gif); }
/* ~ Etiquettes ~ */
a#ET		{ background:url(../DESIGN/vignettes/ET.gif); }
a#ET:hover { background:url(../DESIGN/vignettes/ETbis.gif); }
/* ~ Carnets ~ */
a#CN		{ background:url(../DESIGN/vignettes/CN.gif); }
a#CN:hover { background:url(../DESIGN/vignettes/CNbis.gif); }

/** Ligne 07 **/
/* ~ Cartes plastiques P.V.C ~ */
a#CC		{ background:url(../DESIGN/vignettes/CC.gif); }
a#CC:hover { background:url(../DESIGN/vignettes/CCbis.gif); }
/* ~ Dépliants / Plaquettes ~ */
a#DP		{ background:url(../DESIGN/vignettes/DP.gif); }
a#DP:hover { background:url(../DESIGN/vignettes/DPbis.gif); }
/* ~ Carnets ~ */
a#AF		{ background:url(../DESIGN/vignettes/AF.gif); }
a#AF:hover { background:url(../DESIGN/vignettes/AFbis.gif); }
/* ~ Liasses ~ */
a#LI		{ background:url(../DESIGN/vignettes/LI.gif); }
a#LI:hover { background:url(../DESIGN/vignettes/LIbis.gif); }


/* ----- DEVIS ----- */

div#Ddevis{
margin:10px auto 10px auto;
width:718px;
background-color:#111111;
color:#FFFFFF;
text-align:left;
padding:0px 0px 1px 32px;
line-height:30px;
border:0px;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
background-image:url(../DESIGN/miniSquare.gif);
background-position:center left;
background-repeat:no-repeat;
}
div#devis_contener{
width:750px;
margin:10px auto 10px auto;
padding:0px;
}
table#devis_builder{
border:1px solid #000000;
width:750px;
float:left;

}

div#upFiles{
position:relative;
width:746px;
height:285px;;
border:2px solid #000000;
background-color:#FFFFFF;
text-align:left;
}
div#devisDnD{
display:block;
width:180px;
height:250px;
border:1px dashed #000000;
background-color:#777777;
position:absolute;
top:93px;
left:750px;
}

table#devis_builder tr td.midSize{
width:450px;
border:1px solid black;
}
table#devis_builder tr td.leftSize{
border:1px solid black;
white-space:nowrap;
}
table#devis_builder tr td{
margin:0px;
padding:7px;
height:20px;
text-align:left;
font-size:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table#devis_builder tr td.dimg{
width:30px;
}
table#devis_builder tr td img{
float:right;
border:0px;
height:20px;
}
table#devis_builder tr td input#user_ref{
width:98%;
font-weight:bold;
font-size:15px;
padding-left:2px;
}
table#devis_builder tr td input#quantite_perso{
width:37%;
font-weight:bold;
font-size:15px;
padding-left:2px;
}
table#devis_builder tr td #select_1{ /* Devis instantané - choix produit */
width:100%;
font-weight:bold;
font-size:15px;
}
table#devis_builder tr td #select_2,table#devis_builder tr td #select_3,table#devis_builder tr td #select_4{
/* Devis instantané - choix format/type/impression papier */
width:100%;
font-weight:bold;
font-size:15px;
}
table#devis_builder tr td #select_5{ /* Devis instantané - choix quantité */
width:60%;
font-weight:bold;
font-size:15px;
}
table#devis_builder tr td.submit{
text-align:right;
border:1px solid #000000;
}
.bouton_devis{
BORDER:1px solid #333333 ;
FONT-WEIGHT: bolder;
FONT-SIZE: 15px;
COLOR: #FFFFFF;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #111111;
TEXT-DECORATION: none;
}
div#dfuptable{
width:73%;
height:220px;
border:1px solid #000000;
margin:1px;
}
table#fuptable{
border:0px;
width:100%;
overflow:auto;
}
table#fuptable tr th{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
line-height:15px;
height:15px;
}
table#fuptable tr.ffile td.fname{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
line-height:12px;
height:12px;
}
table#fuptable tr.ffile td.fsize{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
line-height:12px;
height:12px;
}
table#fuptable tr.ffile td.fdel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
height:12px;
width:40px;
}
table#fuptable tr .fsize{
text-align:right;
}
table#fuptable tr td img{
border:0px;
margin:0px;
}


#sendDev table tr td img{
border:0px;
margin:0px;
padding:0px;
}


/* ----- INSCRIPTION ----- */
table#insTable{
border:0px;
width:100%;
}
table#insTable tr th{
text-align:left;
width:200px;
}
table#insTable tr td{
text-align:left;
}
table#insTable tr td input, table#insTable tr td select, table#insTable tr td textarea {
border:1px solid #000000;
}
table#insTable tr td input, table#insTable tr td textarea{
padding:2px;
}
table#insTable tr td#insNomTd input{
width:40%;
}
table#insTable tr td#insNomTd select{
width:15%;
}
table#insTable tr td#insAdrTd textarea, table#insTable tr td#insFoncTd textarea{
width:97%;
height:50px;
}
table#insTable tr td#insMailTd input, table#insTable tr td#insSocTd input {
width:97%;
}
table#insTable tr td#insVilTd input#insCP {
width:10%;
text-align:center;
}
table#insTable tr td#insVilTd input#insVil {
width:86%;
}
table#insTable tr td#insSubTd input{
float:right;
margin-right:10px;
}
table#insTable tr td#insTelTd input{
width:31%;
}

/*** Divers ***/
.italic{
font-style:italic;
}
.bold{
font-weight:bold;
}
.hidden{
display:none;
}
.floatright{
float:right;
clear:both;
}
.floatleft{
float:left;
clear:both;
}
/*** Polices TEXT ADMIN ***/
.Arial9px{		FONT-SIZE: 9px;		LINE-HEIGHT: 11px;	FONT-FAMILY: arial;		text-decoration: none;}
.Arial11px{		FONT-SIZE: 11px;	LINE-HEIGHT: 13px;	FONT-FAMILY: arial;		text-decoration: none;}
.Arial13px{		FONT-SIZE: 13px;	LINE-HEIGHT: 15px;	FONT-FAMILY: arial;		text-decoration: none;}
.Arial16px{		FONT-SIZE: 16px;	LINE-HEIGHT: 18px;	FONT-FAMILY: arial;		text-decoration: none;}
.Arial20px{		FONT-SIZE: 20px;	LINE-HEIGHT: 22px;	FONT-FAMILY: arial;		text-decoration: none;}
.Arial25px{		FONT-SIZE: 25px;	LINE-HEIGHT: 27px;	FONT-FAMILY: arial;		text-decoration: none;}
.Verdana9px{	FONT-SIZE: 9px;		LINE-HEIGHT: 11px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana11px{	FONT-SIZE: 11px;	LINE-HEIGHT: 13px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana12px{	FONT-SIZE: 12px;	LINE-HEIGHT: 14px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana13px{	FONT-SIZE: 13px;	LINE-HEIGHT: 15px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana15px{	FONT-SIZE: 16px;	LINE-HEIGHT: 18px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana16px{	FONT-SIZE: 16px;	LINE-HEIGHT: 18px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana20px{	FONT-SIZE: 20px;	LINE-HEIGHT: 22px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana25px{	FONT-SIZE: 25px;	LINE-HEIGHT: 27px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Verdana30px{	FONT-SIZE: 30px;	LINE-HEIGHT: 32px;	FONT-FAMILY: Verdana;	text-decoration: none;}
.Times9px{		FONT-SIZE: 9px;		LINE-HEIGHT: 11px;	FONT-FAMILY: Times;		text-decoration: none;}
.Times11px{		FONT-SIZE: 11px;	LINE-HEIGHT: 13px;	FONT-FAMILY: Times;		text-decoration: none;}
.Times13px{		FONT-SIZE: 13px;	LINE-HEIGHT: 15px;	FONT-FAMILY: Times;		text-decoration: none;}
.Times16px{		FONT-SIZE: 16px;	LINE-HEIGHT: 18px;	FONT-FAMILY: Times;		text-decoration: none;}
.Times20px{		FONT-SIZE: 20px;	LINE-HEIGHT: 22px;	FONT-FAMILY: Times;		text-decoration: none;}
.Times25px{		FONT-SIZE: 25px;LINE-HEIGHT: 27px;	FONT-FAMILY: Times;	text-decoration: none;}