/*--------------------------- Mise en page générale -----------------*/
body {	
background-color:#E6E7E8; background-image:url(../../images/fondBody.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:9pt;padding-top:0px;
}
form{
padding:0; margin:0;}
input{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
textarea{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
hr{
color:#FF6600; height:1px}
/*------------------------- Commun à tous les mises en pages de Actualites ----------*/
.interface{
position:absolute;
left: 50%; 
width: 930px;
height:818px;
margin:0;
top:90px;
margin-left: -465px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.FondDroit{
position:relative; width:724px; padding:5px 10px 0px 10px; height:17px; left:0px; background-color:#666666;
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF;
font-weight:bold;
}
.menuSite{
position:absolute;
width:772px;
height:35px;
margin:0;
padding:0;
left:0;
top:0;
z-index:200;

}
.menuZone{
position:absolute;
width:166px;
height:186px;
left:0;
top:31px;
margin:0;
padding:0;
background-color:#FF6600;
}
.pubZone{
position:absolute;
width:166px;
height:283px;
line-height:10px;
margin:0;
padding:0;
left:0;
top:217px;
text-align:right;
}
.pubZone ul{
width:166px; margin:0; padding:0; list-style-type:none;
}
.pubZone li{
list-style-type:none; margin:0; margin-right:14px; margin-top:5px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#0099FF; text-decoration:none;
}
.pubZone li a, .pubZone li a:visited{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; text-decoration:none;
}
.pubZone li a:hover{
color:#0099FF; text-decoration:none;
}
.menuSsZone{
position:absolute;
width:845px;
height:20px;
left:84px;
top:31px;
margin:0;
padding:0;
background-color:#FF6600;
border-left:1px solid #FF6600;
}
.espaceTable{
height:51px;
}
.espaceDiv{
height:460px;
}
/*------------------------------------------------*/
.divCentre{
position:absolute;
width:764px; /* border + width = 1 + 604 = 605*/
height:745px;
margin:0;
left:166px;
top:51px;
border:0;
overflow:auto;
background-color:#FFFFFF;
}
/*----------------------------------- Centre : Si hauteur fixe avec ascenseur -------------------------*/
.divUne{
position:absolute;
width:594px; /* border + width = 1 + 604 = 605*/
height:489px;
margin:0;
padding:5px;
left:0px;
top:51px;
border:0;
border-left:1px solid #FF6600;
overflow:auto;
background-color:#FFFFFF;
}
.divGauche{
position:absolute;
width:417px;/*border +  width = 1 + 432 = 433*/
height:429px;
margin:0;
left:0px;
top:0px;
border:0;
border-left:1px solid #FF6600;  
overflow:auto;
background-color:#FFFFFF;
}
.divDroite{
position:absolute;
width:151px;/*border + padding + width + padding = 1 + 10 + 151 + 10 = 172*/
height:429px;/*padding + height + padding = 10 + 329 + 10 = 349*/
margin:0;
padding:10px;
left:417px;
top:0px;
border:0;
border-left:1px solid #FF6600; 
overflow:auto;
background-color: #F4E3D2;
}
/*-----------------------------------Centre : Si hauteur variable-----------------------------*/
.tableCentre{
width:744px;/* gauche + droite = 431 + 174 = 605 */
margin:0;
margin-left:0px;
border:0;
padding:0;
vertical-align:top;
font-family: Arial, Helvetica, sans-serif; 
background-color:#FFFFFF;
border-right:1px solid #FF6600;
}
.tableGauche{
width:548px;/* border + padding + width + padding = 1 + 10 + 412 + 10 = 433   */
height:478px;/* padding + height + padding = 10 + 329 + 10 = 349   */
border:0;
border-left:1px solid #FF6600; 
padding:10px;
margin:0;
vertical-align:top;
background-color:#FFFFFF;
line-height:10pt;
}
.tableDroite{
width:150px;/* border + padding + width + padding = 1 + 10 + 151 + 10 = 172   */ 
height:456px;/* padding + height + padding + border = 10 + 307 + 10 + 22 = 349  */ 
border:0;
border-left:1px solid #FF6600;
padding:10px;
margin:0;
vertical-align:top;
text-align:left;
background-color:#FFFFFF;
}
.tableUne{
width:589px;/* border + padding + width = 1 + 10 + 594 = 605 */ 
height:468px;/* padding + height + padding = 10 + 329 + 10 = 349   */  
border:0; 
margin:0;
border-left:1px solid #FF6600; 
padding:10px; 
vertical-align:top;
background-color:#FFFFFF;
text-align:justify;
}
.tableUneTab{
width:430px;/* border + padding + width + padding = 1 + 10 + 410 + 10 = 431   */
height:309px;/* padding + height + padding = 10 + 329 + 10 = 349   */
border:0;
border-left:1px solid #FF6600; 
padding:10px 0px 0px 0px;
margin:0;
vertical-align:top;
background-color:#FFFFFF;
line-height:10pt; 
}
/*-----------------------------------module de recherche fichier-----------------------------*/
.ligneRecherche{
position:absolute;
width:556px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:145px; /* padding + height + padding = 10 + 104 + 10 = 124*/
padding:10px 20px 10px 20px;
left:0;
top:0;
}
.tabRecherche{
margin:0; padding:0; border:0; width:545px;
}
.tabRecherche td{
color:#FF6600; font-size:7pt; font-weight:bold;
}
.tabRecherche select{
color:#000000; font-size:7pt;
}
.boutonLigneRecherche {
position:absolute;
width:100px;
bottom:0;
left:311px;
color:#FFFFFF; font-weight:bold; font-size:9pt; border:0; background-color:#FF6600; cursor:pointer;
}
.boutonLigneRechercheAdr {
position:absolute;
width:100px;
bottom:16px;
left:400px;
color:#FFFFFF; font-weight:bold; font-size:9pt; border:0; background-color:#FF6600; cursor:pointer;
}
.ligneResultat{
position:absolute;
width:723px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:550px; /* border + padding + height + padding = 6 + 10 + 199 + 10 = 225*/
padding:10px 20px 10px 20px;
left:0;
top:165px;
background-color: #F4DAC8;
border-top:6px solid #FF6600;
border-right:1px solid #FF6600;
}
.tabEntete{
margin:0; padding:0; border:0; width:744px;
}
.tabEntete td{
margin:0; padding:0; border:0; background-color: #FF6600; 
text-align:center; color:#FFFFFF; font-size:8pt; font-weight:bold;
}
.blocResultat{
width:743px;/* width + barreDefilement = 545 + 19*/
height:500px;
overflow:auto;
padding:0;
margin:0;
}
.tabBloc{
margin:0; padding:0; border:0; width:725px;
}
.tabBloc td{
margin:0; padding:0; border:0; text-align:center; font-size:7pt;
}
.tabBloc td a, .tabBloc td a:visited{
color:#000000; text-decoration:none;
}
.tabBloc td a:hover{
color:#3366CC;
}
.blocL1{
background-color: #FFC8A4; 
}
.blocL2{
background-color: #FFFFFF;
}
/*-------------------------------------------------------------------------------------------*/
p.barreTitre{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#666666;
font-weight:bold; width:100%; padding:3px 10px 3px 10px; margin-left:-10px;
}
p.barreTitre2{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background-color:#FF6600;
font-weight:bold; width:100%; padding:2px 10px 2px 10px; margin-left:-10px;
}
p.barreTitre1{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background-color:#FF6600;
font-weight:bold; width:100%; padding:2px 10px 2px 10px; margin-left:-10px;
}
p.barreTitreC{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#666666;
font-weight:bold; width:400px; padding:3px 10px 3px 10px; margin-left:10px;
}
p.barreTitreF{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#666666;
width:400px; padding:5px 10px 5px 10px; margin:-10px;
}
p.barreTitre0{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#666666;
font-weight:bold; width:100%; padding:3px 10px 3px 10px; margin-left:-10px;border-style:outset;
}
.barreTitre3{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background-color:#FF6600;
font-weight:bold; width:245px; padding:2px 10px 2px 10px; margin-left:-10px;
}
.TitreAssoc{
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:#666666;
font-weight:bold; width:432px; margin-left:-10px; margin-right:-10px;
}
p.barreGrosTitre{
font-family: Arial, Helvetica, sans-serif; font-size:18pt; color:#FF6600; font-weight:bold;
width:100%; padding:20px 10px 20px 10px; margin-left:-10px;line-height:22px;
}
p.surligne{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000; background-color:#F3D7BB;
width:355px; padding:0px; margin:0px;
}
.carre{
position:absolute; right:0; top:436px; width:175px; height:20px; background-color:#FF6600; font-size:8pt; color:#FFFFFF;
}
.carre2{
position:absolute; right:0; top:111px; width:172px; height:158px; background-color:#F3D7BB; font-size:8pt; color:#FFFFFF;
}
.texte{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000;
}
.texte1{
font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
}
.texteOrange{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF6600;
}
.texteOrangeB{
font-family: Arial, Helvetica, sans-serif; font-size:9pt; color:#FF6600;font-weight:bold;
}
.texteTab{
font-family: Arial, Helvetica, sans-serif; font-size:7pt; color:#F00000;
}
.titre{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF6600; font-weight:bold;
}
.Gtitre{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:bold;
}
.titreOrange{
font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#333333; font-weight:bold;
}
a.lien, a.lien:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; color:#FF6600; text-decoration:none;
}
a.lien:hover{ 
color:#009933; text-decoration:none;
}
a.lienBis, a.lienBis:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#FF6600; text-decoration:none;
}
a.lienBis:hover{ 
color:#009933; text-decoration:none;
}
a.lien1, a.lien1:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; text-decoration:none; font-weight:bold;
}
a.lien1:hover{ 
color:#FF6600; text-decoration:none; 
}
a.lien2, a.lien2:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:7pt; color: #FF6600; font-weight:bold; text-decoration:none;
}
a.lien2:hover{ 
color:#009933; text-decoration:none;
}
a.lien3, a.lien3:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt;  font-weight:bold; color:#000000; text-decoration:none;
}
a.lien3:hover{ 
color:#FF6600; text-decoration:none;
}
a.lien4, a.lien4:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; text-decoration:none;
}
a.lien4:hover{ 
color:#FF6600; text-decoration:none;
}
a.lienB, a.lienB:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; font-weight:bold; 
background-color:#C3C5C8; text-decoration:none; cursor:default;
}
a.lienB:hover{ 
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; font-weight:bold;
background-color:#FF6600; text-decoration:none;
}
a.lienBar, a.lienBar:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:bold; 
background-color:#C3C5C8; text-decoration:none; cursor:default; padding:3px 10px 3px 10px;
}
a.lienBar:hover{ 
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:bold;
background-color:#FF6600; text-decoration:none; padding:3px 10px 3px 10px;
}
.barrelien{
width:220px; padding:3px 10px 3px 10px; margin-left:0px;
}
a.lienPub, a.lienPub:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF6600; text-decoration:none;
}
a.lienPub:hover{ 
color:#009933; text-decoration:none;
}
.textePub{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#009933; text-decoration:none;}

p.lienBarre {
width: 259px;
height:20px;
background-color: #C3C5C8;
margin:0 0 7px 0; 
}
p.lienBarre span{
padding-left:4px;
line-height:20px; 
vertical-align:middle;
}
p.lienBarre  a, .lienBarre p a:visited{
text-decoration: none;
display: block;
height:100%;
font-size:10pt; color:#FFFFFF; font-weight:bold; 
background-color:#C3C5C8;
}
p.lienBarre  a:hover{
background-color:#FF6600; text-decoration:none;
}

/*-------------------------Mise en page de transmission--------------------------------*/
.explications{
width:380px;/*padding + width + padding = 10 + 412 + 10 = 432*/
height:40px;/*padding + height + padding = 10 + 40 + 10 = 60*/
position:absolute;
left:0;
top:0;
padding:10px;
}
.annonces{
width:380px;/*padding + width + padding = 10 + 412 + 10 = 432*/
height:265px;/*border  + padding + height + padding = 4 + 10 + 265 + 10 = 289*/
position:absolute;
border-top:4px solid #FF6600;
left:0;
top:60px;
padding:10px;
}
.etiquette{
width:auto;
height:20px;
position:absolute;
padding:0 5px 0 5px;
left:0;
top:0;
text-align:center;
background-color:#FF6600;
}
.etiquette span{
font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; vertical-align:middle; line-height:20px
}
.signature{
font-weight:bold;
}
a.lienSuite{ 
font-family: Arial, Helvetica, sans-serif; font-size:9pt;text-decoration:underline;color:#FF6600;
}
.erreur{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF6600;
}
/*------------------------- Mise en page de appui_infos --------------------------------*/
.listeLettres{
background-color:#F4DAC8; font-size:9pt; font-weight:bold; color: #009933;
padding:24px; margin:0; width:382px;/* width = 430 - 48 = 382*/ height:10px;/*height = 58 - 48 = 10*/
}
.listeLettres a{
color:#FF6600; text-decoration:none;
}
.listeLettres a:hover{
color:#009933; text-decoration:none;
}
.titreJuridique{
font-size:18pt; color:#FF6600; margin:0 0 0 24px; padding:0;}

.contenuJuridique{
height:100px; /*height:245 - 48 = 197*/ 
width:545px; /*width:604 - 48 = 556*/ 
padding:24px;
overflow:auto;
background-position:right top;
background-repeat:no-repeat;
font-size:8pt;
}
p.titreInfoJuridique{
margin:0; padding:0; font-weight:bold;
}
p.titreInfoJuridique span{
color:#FF6600;
}
p.contenuInfoJuridique{
margin:0; margin-left:36px; padding:0; font-style:italic;
}
/*------------------------- Générer bon de Commande --------------------------------*/

.titreBC{
color:#FF6600;
font-size:8pt;

}
.conteneurBC {
width: 400px; 
height:500px; 
position: absolute;
left: 50%;
margin-left: -170px;
}
.headerBC {
width: 400px; 
height: 26px; 
position:absolute; 
top:0; 
left:0;
background-image:url(../images/header_popup.jpg);
}

.barreBC{
width: 390px; /*padding + width = 10 + 330 = 340 */
height: 12px; 
position: absolute; 
top:26px; 
left:0; 
margin:0;
padding:0;
padding-left:10px;
background-color: #FF6600; 
text-align: left;
}
.barreBC span{
line-height:12px;
vertical-align:middle;
font-size:7pt;
font-weight:bold; 
color:#FFFFFF;
}
.frameBC {
width: 390px;
height: 450px;
position:absolute; 
padding:10px;
top:38px; 
left:0; 
overflow: auto;}

.footerBC {
width: 390px; /* width + padding = 330 + 10 = 340*/
height: 12px; 
position:absolute; 
top:488px; 
left:0; 
margin:0;
padding:0;
padding-right:10px;
background-color: #FF6600; 
text-align:right;
}
.footerBC span{
line-height:12px;
vertical-align:middle;
font-size:6pt;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}
.boutonBC {
position:absolute;
width:100px;
bottom:0px;
left:400px;
color:#FFFFFF; font-weight:bold; font-size:9pt; border:0; background-color:#FF6600; cursor:pointer;
}
.boutonSoum {
position:relative;
width:100px;
left:230px;
color:#FFFFFF; font-weight:bold; font-size:9pt; border:0; background-color:#FF6600; cursor:pointer;
}
/*-----------------------Lien Bouton ---------------------*/
.lienBout  a, .lienBout  a:visited{
text-decoration: none;
display: block;
width:85px;
height:30px;
vertical-align:middle;
text-align:center;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
background-image:url(../images/Bouton1.gif)
}
.lienBout  a:hover{
background-image:url(../images/Bouton2.gif);
text-decoration:none;
}