/******************************/
/*   style.css du site arpp   */
/******************************/
/*******************************/
/*définition des balises courantes*/
/*******************************/
*{
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 100%;
font-style: normal;
text-decoration: none;
}
body{
 background:#aec7d7;
 /*#64869f*/
 /*#aec7d7*/
 text-align: center;/*on rétablit l'alignement normal de body ici pour IE */
 margin:30px 0 0 0;
 /*background: url(images/fond-trame.gif);*/
}
body.blanc{
 background:#fff;
 /*#64869f*/
 /*#aec7d7*/
 text-align: center;/*on rétablit l'alignement normal de body ici pour IE */
 margin:30px 0 0 0;
 /*background: url(images/fond-trame.gif);*/
}
.txt-basemarge{
/*pouvoir utiliser les margin-bottom sous IE7*/
display:block;
float:left;
line-height:0px;
width:550px;
}

a.txt-savoir{
float:left;
display:block;
text-align:right;
margin-right:20px;
margin-bottom:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color: #fd8100;
line-height:12px;
}
a.txt-lien{
float:left;
display:block;
width:190px;
padding-left:5px;
padding-right:5px;
background-color:#fd8100;
color:#000;
border-color:#5e5e5e;
text-align:center;
border-style:solid;
border-width:1px;
font-weight: bold;
vertical-align:middle;
margin:1px;
margin-top:0px;
}
a.txt-lien:hover{
text-decoration:none;
background-color:#cbd9e2;
}
img{
   /*border: solid 1px rgb(235,235,235);*/
   border: 0;
}
.img-border{
  border: solid 1px rgb(235,235,235);
}
/****tableaux*****/
.img-graphique{
 float:left;
 width:200px;
 /*border:solid 1px;*/
 margin-right:5px;
 margin-left:5px;
 /*margin-top:5px;*/
 margin-bottom:0px;
 border-style:solid;
 border-width:1px;
 border-bottom-width:0px;
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
 border-color:#5e5e5e;
 font-weight: bold;
 cursor:pointer;

}
.img-graphique500{
 float:left;
 width:500px;
 border:solid 1px;
 margin-right:5px;
 /*margin-top:5px;*/
 margin-bottom:0px;
}
.txt-tab{
  display:block;
  float:left;
  margin-left:15px;
}
.tab-tarif{
 float:left;
 border:solid 1px #5e5e5e;
 width:300px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
 margin-left:15px;
 /*margin-top:5px;*/
 margin-bottom:10px;
 margin-right:25px;
 text-align:center;
 background-color:#cbd9e2;
}
.tab-tarif-long{
 float:left;
 border:solid 1px #5e5e5e;
 width:530px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
 margin-left:15px;
 /*margin-top:5px;*/
 margin-bottom:10px;
 margin-right:25px;
 text-align:center;
 background-color:#cbd9e2;
}
td.type-total{
 width:100px;
 background-color:#fd8100;;
        color:#5e5e5e;
        border-color:#aec1cf;
        text-align:center;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        height:20px;
        font-weight: bold;
        cursor:pointer;
        vertical-align:middle;
        padding-left:5px;
        margin:1px;
}

td.type{
 width:100px;
 border-bottom:solid 1px #fff;
}
td.typea{
 width:100px;
 background-color:#fff;
}
tr.type1{
 background-color:#fff;
}
td.type2{
 width:200px;
 border-bottom:solid 1px #fff;
}
td.type2a{
 width:200px;
 background-color:#fff;
}
td.type2b{
 width:200px;
}
td.type3{
 width:300px;
 border-bottom:solid 1px #fff;
}
td.type4{
 width:430px;
 border-bottom:solid 1px #fff;
}
.check100{
width:100px;
height:13px;
border: 0px;
margin:3px 0px 0px 0px;
background-color:#fff;
}
td.col2{
 width:49%;
 vertical-align:top;
 text-align:left;
}
td.goutiere{
width:2%;
}
a {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #5e5e5e;
  text-decoration: none;
  line-height:20px;
}
hr {
 display: block;
 float:left;
 height:1px;
 color:#fff;
 background-color:#fff;
 width:500px;
 margin-left:25px;
 margin-right:25px;
 margin-top:10px;
 margin-bottom:10px;
}
a:hover {
 background: none; /*bug de IE*/
 cursor:hand;
 text-decoration: underline;
}
a.bouton4:hover{
 text-decoration: none;
}
a.titre {
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
 a.titre:hover {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: underline;
 line-height:20px;
}
a.Verdana10GrisGras{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:17px;
}
a.Verdana10GrisGras:hover{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: underline;
 line-height:17px;
}
a span {
  display: none;
}

a:hover span{
 position:absolute;
 display: inline;
 top: 0px;
 left: 0px;
}
a.Verdana12Gris{
   font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
} 

a.Verdana12Gris:hover{
   font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: underline;
 line-height:20px;
}
a.Verdana12GrisGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
a.Verdana12GrisGras:hover{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: underline;
 line-height:20px;
}
a.footer{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #64869f;
}
p.Ifooter{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #64869f;
}
ul, ol{
 list-style: none;
 margin: 0;
 padding-left: 0;
 margin-left: 15px;
 line-height:15px;
}

li{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:15px;
 margin-top:1px;
 vertical-align:middle;
 margin-top:5px;
}
li.titre{
 display:block;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.titreGras{
 display:block;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:16px;
}
li a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:12px;
}
li a:hover{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: underline;
 line-height:12px;
}
p{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}


h1{
  text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration:none;
 line-height:20px;

/*  border-bottom:solid 1px rgb(100,100,100); */
}
h2{
 margin-left:15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration:none;
 line-height:20px;
}
h3{
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration:none;
 line-height:20px;
}
h4{
 text-align:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-decoration:none;
 line-height:20px;
}

select{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
 margin-top:5px;
 border:solid 1px #000;
}
select.date{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
 margin-top:5px;
 margin-right:5px;
 width:85px;
}
.div-erreur{
  background: url(images/menu-erreur.gif) no-repeat;
  float:left;
  display:block;
  width:467px;
  height:400px;
  /* border: solid 1px rgb(100,100,100); */
  margin:5px 0 0 0px;
}
/*******************************/
#contenu-intro{
 position:relative;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height: 539px;
 background: url(images/transfert-index-fond.jpg) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
}

#intro{
 position:absolute;
}

/***********************************/
/*contenu iconographique de l'index*/
/***********************************/

#index-couv{
 position:absolute;
 top: 7px;
 left: 369px;
}
#index-baniere{
 position:absolute;
 top: 6px;
 left: 245px;
}
#index-video{
 position:absolute;
 top: 325px;
 left: 30px;
}
#index-logo{
 position:absolute;
 top: 27px;
 left: 52px;
}
#index-slogan{
 position:absolute;
 top: 59px;
 left: 202px;
}
#index-information{
 position:absolute;
 top: 303px;
 left: 28px;
}
#index-plansite{
 position:absolute;
 top: 506px;
 left: 28px;
}
#index-animation{
 position:absolute;
 top: 295px;
 left: 247px;
}
#index-footer{
 position:absolute;
 height: 20px;
 width:350px;
 top: 540px;
 left: 430px;
}

#index-indigo{
 position:absolute;
 width:300px;
 top: 505px;
 left: 550px;
}
#index-horaire{
 position:absolute;
 width:300px;
 top: 507px;
 left: 320px;
}
/****contenu autre de l'index*******/
#index-menu{
 position:absolute;
 top: 245px;
 left: 30px;
}

#img-index-membre {
  position:absolute;
}
#img-index-espacepro {
  position:absolute;
  margin: 20px 0 0 0;
}
#img-index-societe {
  position:absolute;
  margin: 40px 0 0 0;
}

/***********************/
#index-info{
 position:absolute;
 margin: 420px 0 0 30px;
 width:150px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
}

#index-info li a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #ff6600;
 text-decoration: none;
 text-align: left;
 height: 20px;
}
#index-info li a:link{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #ff6600;
 text-decoration: none;
 text-align: left;
 height: 20px;
}
#index-info li a:hover{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #ff6600;
 text-decoration: underline;
 text-align: left;

}

/***********************/
#index-intro{
 position:absolute;
 top: 395px;
 left: 270px;
 width:480px;
}
/***********************/
#index-acces{
 position:absolute;
 width:480px;
 top: 260px;
 left: 244px;
}
#img-acces-tarif {
  position:absolute;
}

#img-acces-devis {
  position:absolute;
  margin: 0 0 0 133px;
}
#img-acces-partenaire {
  position:absolute;
  margin: 0 0 0 196px;
}

#img-acces-contact {
  position:absolute;
  margin: 0 0 0 321px;
}
#img-acces-aide {
  position:absolute;
  margin: 0 0 0 426px;
}

/***********************/



/*************************************/

/*pages type*/


/**************************************/
#contenu-type{
 position:relative;
 display:block;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height:1000px;
 background: url(images/transfert-typelong-fond.jpg) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
 z-index:0;
}
#contenu-type2{
 position:relative;
 display:block;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height:1000px;
 text-align: left; /*on rétablit l'alignement normal du texte */
 z-index:0;
}
#contenu-type-long{
 position:relative;
 display:block;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height:1000px;
 background: url(images/transfert-typelong-fond.jpg) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
 z-index:0;
}
/*****test_type****/
#contenu-type-new{
 position:relative;
 display:block;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height:1000px;
 background: url(images/transfert-typelong-fond.jpg) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
 z-index:0;
}
#test-prolong{
 /*border: solid 1px rgb(100,100,100);*/
 z-index:10;
 position:absolute;
 display:block;
 width: 789px;
 height:300px;
 top:783px;
 background: url(images/test-fond.gif);

}
#img-prolong{
 position:absolute;
 top:300px;
 left:0px;
 width: 789px;
 height:42px;
 background: url(images/bas-page.gif) no-repeat;

}
p.footer{
 position:absolute;
 top:305px;
 left:430px;
 text-align:right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #64869f;
}
#devislong{
  z-index:20;
  position:absolute;
  display:block;
  top:157px;
  left:200px;
  width:580px;

}
#devislong-new{
  z-index:20;
  position:absolute;
  display:block;
  top:157px;
  left:200px;
  width:580px;

}
#test-interface{
   z-index:30;
}



#messageErreur{
 position:relative;
 display:block;
 margin: 0px auto;
 padding: 0;
 width: 450px;
 height: 200px;
 text-align: left; /*on rétablit l'alignement normal du texte */
}
#un{
 position:absolute;
 top: 266px;
 left: 31px;
}

#de{
 position:absolute;
 top: 433px;
 left: 31px;
}
#un_a{
 position:absolute;
 top: 273px;
 left: 40px;
}

#de_a{
 position:absolute;
 top: 441px;
 left: 40px;
}
#type-slogan{
 position:absolute;
 top: 30px;
 left:169px;
 z-index:100;
}

#type-baniere{
 position:absolute;
 top: 10px;
 left:352px;
 z-index:0;
}
#logo{
 position:absolute;
 top: 20px;
 left: 35px;
}

#footer{
 display:block;
 float:left;
 width:560px;
 height:30px;
 text-align:right;
 padding-top:15px;
 padding-bottom:5px;
 border-top-width:1px;
 border:solid 0px #5e5e5e;
 background-color:#fff;
}

#type-logo{
 position:absolute;
 top: 22px;
 left: 53px;
}
#type-acces{
 position:absolute;
 top: 87px;
 left: 240px;
}
#type-coord{
 position:absolute;
 top: 156px;
 left:36px;
}
#type-membre{
 position:absolute;
 margin:  0 0 0 0px;
}
#type-espacepro{
 position:absolute;
 margin: 20px 0 0 0;
}
#type-societe{
 position:absolute;
 margin: 40px 0 0 0;
}
#type-deconnexion {
 position:absolute;
 margin: 60px 0 0 0;
}
#type-plansite {
 position:absolute;
 top:1090px;
 left:65px;
 z-index:50;
}
/********************/
/*positions div pricipales*/
/*********************/ 

#type-aide{
 position:absolute;
 top: 118px;
 left:170px;
}
#type-apropos{
 position:absolute;
 top: 118px;
 left:450px;
}
/********************/
/*images div:acces*/
/*********************/
#img-aide-compte{
 position:absolute;
 margin: 0 0 0 -17px;
} 

#img-aide-commande{
 position:absolute;
 margin: 0 0 0 87px;
}
#img-aide-paiement{
 position:absolute;
 margin: 0 0 0 191px;
}
#img-aide-faq{
 position:absolute;
 margin: 0 0 0 295px;
}
#img-aide-support{
 position:absolute;
 margin: 0 0 0 400px;
}
#img-apropos-transfert{
 position:absolute;
 margin: 0 0 0 -17px;
}
#img-apropos-societe{
 position:absolute;
 margin: 0 0 0 87px;
}
#img-apropos-materiel{
 position:absolute;
 margin: 0 0 0 191px;
}


#img-acces-compte{
 position:absolute;
 margin: 0 0 0 0px;
}
#img-acces-commande{
 position:absolute;
 margin: 20px 0 0 0;
}
#img-acces-transfert{
 position:absolute;
 margin: 40px 0 0 0;
}

#img-acces-aide2{
 position:absolute;
 margin: 60px 0 0 0;
}





/***************************/
/*formulaires              */
/***************************/
.base0{
  float:left;
  display:block;
  width:0px;
}
.base2{
  float:left;
  display:block;
  width:2px;
}
.base15{
  float:left;
  display:block;
  width:15px;
}
.base20{
  float:left;
  display:block;
  width:20px;
}
.base30{
  float:left;
  display:block;
  width:30px;
}
.base50{
  float:left;
  display:block;
  width:50px;
}
.base60{
  float:left;
  display:block;
  width:60px;
}
.base100{
  float:left;
  display:block;
  width:100px;
}
.base120{
  float:left;
  display:block;
  width:120px;
}
.base100Orange{
float:left;
display:block;
width:100px;
background-color:#fd8100;
}
.base400Orange{
float:left;
display:block;
width:400px;
background-color:#fd8100;
}
.base125{
  float:left;
  display:block;
  width:125px;
}
.base135{
  float:left;
  display:block;
  width:135px;
}
.base145{            
  float:left;
  display:block;
  width:145px;
}
.base150{
  float:left;
  display:block;
  width:150px;
}
.base180{
  float:left;
  display:block;
  width:180px;
}
.base200{
  float:left;
  display:block;
  width:200px;
}
.base210{
  float:left;
  display:block;
  width:210px;
}
.base250{
  float:left;
  display:block;
  width:250px;
}
.base300{
  float:left;
  display:block;
  width:300px;
}
.base310{
  float:left;
  display:block;
  width:340px;

}
.base350{
  float:left;
  display:block;
  width:350px;
}
.base360{
  float:left;
  display:block;
  width:360px;
}
.base350-spe{
  float:left;
  display:block;
  width:350px;
  margin-top:5px;
  margin-left:10px;
}
.base400{
  float:left;
  display:block;
  width:400px;
}
.base435{
  float:left;
  display:block;
  width:435px;
}

.base450{
  float:left;
  display:block;
  width:450px;
}
.base490{
  float:left;
  display:block;
  width:490px;
}
.base500{
  float:left;
  display:block;
  width:500px;
}
.base540{
  float:left;
  display:block;
  width:540px;
}
.base550{
  float:left;
  display:block;
  width:550px;
}
.base575{
  float:left;
  display:block;
  width:575px;
}
.base600{
  float:left;
  display:block;
  width:600px;
}

.base100red{
  float:left;
  display:block;
  width:100px;
  background-color:#f00;
}
.base300red{
  float:left;
  display:block;
  width:300px;
  background-color:#f00;
}
.base450red{
  float:left;
  display:block;
  width:450px;
  background-color:#f00;
}

.scroll{
  float:left;
  display:block;
  overflow:auto;
  height:100px;
}
.scroll300{
  float:left;
  display:block;
  overflow:auto;
  height:200px;
  width:520px;
}
.scroll380{
  float:left;
  display:block;
  overflow:auto;
  padding-left:10px;
  height:280px;
  width:560px;
}
#formulaire{
  /* background: url(images/inscription-fond.gif) no-repeat; */
  position:absolute;
  overflow:auto;
  top:153px;
  left:218px;
  width:530px;
  height:600px;
}
 #devis{
  overflow:auto;
  position:absolute;
  display:block;
  top:153px;
  left:218px;
  width:575px;
  height:626px;
  padding:0;
}
 #devis-plan{
  overflow:auto;
  position:absolute;
  display:block;
  top:153px;
  left:200px;
  width:575px;
  height:626px;
  padding:0;
}

#client{
  float:left;
  display:block;
  /*background: url(images/menu-cellule.gif) no-repeat;*/
  width:500px;
  /* margin:0px 10px 0 5px; */
}
#profil{
  display:block;
  position:absolute;
  height:620px;
  width:530px;
  top:153px;
  left:245px;
  overflow:auto;
}




.div-form{
  float:left;
  display:block;
  width:500px;
  /* border: solid 1px rgb(100,100,100); */
  margin:5px 0 0 5px;
}
.div-form-long{
  float:left;
  display:block;
  width:460px;
  /* border: solid 1px rgb(100,100,100); */
  margin:5px 0 0 5px;
}
.div-form-adresse{
  background: url(images/compte-facturation-norm.gif) no-repeat;
  float:left;
  display:block;
  width:467px;
  /* border: solid 1px rgb(100,100,100); */
  margin:5px 0 0 0px;
}
.div-form-petit{
  float:left;
  display:block;
  width:500px;
  height:90px;
  margin:5px 0 0 5px;
 background: url(images/menu-cellule.gif) no-repeat;
 }
.long{
  width:440px;
  margin:5px 0 0 10px;
}

label{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #5e5e5e;
  text-decoration: none;
  line-height:20px;
  width:82px; 
  margin:0px 0px 0px 5px;
}
label.ville{
  display:block;
  float:left;
  width:40px;
  color: #000;
  margin:0px 0px 0px 5px;
  color: #5e5e5e;
}

input.codepostal{
  width:50px;
  /* margin:0px 20px 0px 5px; */
}
input.ville{
  width:202px;
}
input.bouton3{
margin-left:-15px;
}
input.base145{
  width:145px;
}

input.cache{
  border: solid 0px;
  height:0px;
}
input.base50Bleu{
  color: #5e5e5e;
  cursor: Default;
  border: solid 0px #aec7d7;
  width:50px;
  margin-left:20px;
   margin-bottom:2px;
  background-color:#aec7d7;
  background:#aec7d7;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal; 
  text-decoration: none;
  text-align:center;
  line-height:20px;
}
input.base50Orange{
  color: #5e5e5e;
  border: solid 1px #5e5e5e;
  width:50px;
  margin-left:20px;  
  background-color:#fd8100;
  background:#fd8100;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; 
  text-decoration: none;
  text-align:center;
  line-height:20px;
}
.cache{
  border: solid 0px;
  position:absolute;
}

label.norm{
  display:block;
  float:left;
  width:82px;
  color: #000;
  margin:0px 0px 0px 5px;
}
label.saut{
  display:block;
  float:left;
  width:82px;
  color: #000;
  margin:5px 0px 0px 5px;
}
input{
  display:block;
  float:left;
  border: solid 1px #000;
  width:110px;
  margin:0px 0px 1px 0px;
  padding-left:2px;
  height:15px;
  line-height:15px;
}

input.normdevis{
  text-align:center;
  float:left;
  display:block;
  width:110px;
  color: #000;
  margin:2px 0 0 0px;
  background:#c5dae9;
  border: solid 1px #6a8ba4;
}

input.check{
  width:13px;
  height:13px;
  border: 0px;
  margin:3px 0px 0px 0px;
}
textarea{
  display:block;
  float:left;
  border: solid 1px #646464;
  margin-left:-10px;

}
textarea.base{
  display:block;
  float:left;
  border: solid 1px #646464;
  margin-left:0px;
  width:445px;
  height:85px;
  /*avant margin-left:10px*/
}
/*****************/

#bobine{
  display:block;
  float:left;
  width:550px;
  background: url(images/devis-bobine-fond.gif) ;
}

#cassette{
 display:block;
 float:left;
 width:550px;
 background-image: url(devis-montant-fond.gif) no-repeat  ;
}
.titre-menu{
 display:block;
 float:left;
 width:562px;
 height:21px;
 background-image: url(images/menu-titre.gif) ;
 background-repeat:no-repeat;
}
/* rajout david */
h3.h3-orange{
	margin-left:15px;
	text-align:left;
	color:#f58220;
}
.titre-devis{
 display:block;
 width:562px;
 height:21px;
 background-image: url(images/menu-titre.gif) ;
 background-repeat:no-repeat;
}
.titre-devis-corps{
	display:block;
	width:560px;
	background-color:#dae5eb;
	border-left:1px solid #6b8ba4;	
	border-right:1px solid #6b8ba4; 
}
.titre-devis-bas{
 display:block;
 width:562px;
 height:21px;
 background-image: url(images/menu-titre-bas.gif) ;
 background-repeat:no-repeat;
}

.devis-format-orange
{
	width:170px;
	height:26px;
	background-image: url(images/graphique-devis-cassette-format.jpg) ;
	background-repeat:no-repeat;
}

.devis-format-gris
{
	width:170px;
	height:26px;
	background-image: url(images/graphique-devis-bobine-format.jpg) ;
	background-repeat:no-repeat;
}

.devis-format-lien
{
	width:170px;
	height:26px;
	/*background-image: url(images/graphique-devis-btn.jpg) ;
	background-repeat:no-repeat;*/
}

.devis-format-lien a
{
	display:block;
	width:170px;
	height:26px;
	text-decoration:none;
	background-image: url(images/graphique-devis-btn.jpg) ;
	background-repeat:no-repeat;
}

.devis-format-lien  a:hover
{
	display:block;
	width:170px;
	height:26px;
	text-decoration:none;
	background-image: url(images/graphique-devis-btn-over.jpg) ;
	background-repeat:no-repeat;
}

.devis-format-lien  a.sel
{
	display:block;
	width:170px;
	height:26px;
	text-decoration:none;
	background-image: url(images/graphique-devis-btn-over.jpg) ;
	background-repeat:no-repeat;
}

.devis-format-orange a
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	margin-left:25px;
}

.devis-format-gris a
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	margin-left:25px;
}


table#recap
{
	clear:both;
	display:block;
	border:1px solid black;
	width:562px;
	border-collapse:collapse;
	background-color:#fff;
	border:1px solid black;
}

table#recap td
{	
	color:#000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold; 
}

table#recap td.titre
{
	background-color:#f58220;
	color:#fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:center; 
	border-right:1px solid black;
	border-bottom:1px solid black;
}

table#recap td.imprimer
{	
	color:#000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold; 	
	text-align:center;
}

table#recap td.phrase
{	
	color:#f58220;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style:italic; 
	text-align:center;
}

table#recap td.liste
{	
	color:#000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background-color:#dae5eb;	
	border-right:1px solid black;
	border-top:1px solid black;
}

table#recap td.liste a
{	
	color:#000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

able#recap td.liste a:hover
{	
	color:#000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration:underline;
}

table#recap td.montantTotal
{	
	color:#000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:right;
	padding-right:10px;
}

.table-form
{
	border:1px solid black;
	width:562px;
	border-collapse:collapse;
	background-color:#fff;
	border:1px solid black;
}

table.table-form td
{
	border:1px solid black;
	text-align:center;
	font-size:14px;
}

table.table-form td.montantTotal
{
	color:#000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:right;
	padding-right:10px;
}

table.table-form td.montantTotal input
{
	color:#000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:right;
	border:0px;
}

table.table-form th
{
	border:1px solid black;
	background-color:#ffb05e;
	text-align:center;
	color:#fff;
	font-size:14px;
}

q {
	font-style:italic;
	font-size:14px;
}

.nbDiapo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000;
}

/* rajout david */
.titre-orange{
 margin-bottom:-1px;
 margin-top:-1px;
 display:block;
 border:solid 1px #6b8ba4;
 background-color:#ffb05e;
/* #eff4f8*/
 float:left;
 width:560px;
 height:23px;

}
.montant{
 display:block;
 float:left;
 width:550px;
 height:165px;
 background: url(images/devis-montant-fond.gif) no-repeat ;
}
.aide-type{
 display:block;
 border:solid 1px #6b8ba4;
 float:left;
 width:560px;
 background-color:#fff;
 padding-bottom:5px;
 padding-top:5px;
}
.tarif{
 display:block;
 float:left;
 text-align:center;
 width:560px;
 background-color:#aec7d7;
}
.faq{
 display:block;
 float:left;
 width:550px;
}
.img-devis{
 display:block;
 float:left;
 width:150px;
 height:100px;
 margin-left:10px;
 margin-top:10px;
 margin-bottom:10px;
 border: solid 1px #6b8ba4;
}
.img-devis2{
 display:block;
 float:left;
 width:150px;
 height:200px;
 margin-left:10px;
 margin-right:10px;
 margin-top:10px;
 margin-bottom:10px;
 border: solid 1px #6b8ba4;
 }

.qte{
  width:20px;
  color: #000;
   margin:2px 40px 0 50px ;
}
.qte2{
  width:20px;
  margin-left:20px;
  color: #5e5e5e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  line-height:15px;
  border-color:#5e5e5e;
  padding-bottom:2px;
}
.qte3{
  width:20px;
  margin-left:20px;
  color: #5e5e5e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align:center;
  line-height:15px;
  border:0px;
  padding-bottom:3px;

  /*border-color:#fff;*/
}
.qte4{
  width:50px;
  margin-left:20px;
  color: #5e5e5e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  line-height:15px;
  border:0px;
  padding-bottom:3px;
  background-color:#fd8100;
}
.qte2bleu{
  width:20px;
  color: #5e5e5e;
  margin:2px 40px 0 40px ;
  background:#c5dae9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal; 
  text-decoration: none;
  text-align:center;
  line-height:20px;
}
input.checkdevis{
  /*text-align:center;*/
  /*height:15px; */
  margin-left:25px;
  width:10px;
  border: 0;
}
input.radio{
  width:15px;
  height:13px;
  /* margin:4px 0px 0px 5px; */
  border: 0;
  margin-top:4px;
  margin-left:10px;
}
.formcentre{
 text-align:center;
}
.normdevis{
  text-align:center;
  float:left;
  display:block;
  width:100px;
  color: #5e5e5e;
  margin:0 0 0 5px;
}
.prixttc{
  text-align:center;
  float:left;
  display:block;
  width:110px;
  color: #5e5e5e;
  margin:0 0 0 5px;
}
.longdevis{
  text-align:center;
  display:block;
  float:left;
  width:225px;
  color: #5e5e5e;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;  
  text-decoration: none;
  line-height:20px;
}

.treslongdevis{
  text-align:center;
  display:block;
  float:left;
  width:500px;
  color: #000;
  margin:0 0 0 5px;
}
.treslongdevis2{
  display:block;
  float:left;
  width:550px;
  color: #000;
  margin:0 0 0 5px;
}
.total{ 
  display:block;
  float:left;
  width:430px;    
}
input.total{
  text-align:center;
  float:left;
  display:block;
  width:100px;
  color: #000;
  margin:0 0 0 15px;
  background:#c5dae9;
}

/************/
#log{
  position:absolute;
  width:400px;
  top:157px;
  left:300px;
}


#log label{
  float:left;
  display:block;
  width:100px;
  color: #000;
  margin:0 0 0 5px;
}

input.logmdp{
  float:left;
  display:block;
  width:33px;
  margin:2px 0 0 5px;
}
/*****************/
/* contenu des pages types*/
/*******************/
#contenu{
 position:absolute;
 top: 150px;
 left: 240px;
 width:548px;
 height:632px;
 /*overflow:auto;*/
}
.contenu-droite{
 float:left;
 display:block;
 width:360px;
 text-align:left;
 margin-top:5px;
 margin-left:10px;
}
.contenu-gauche{
 float:left;
 display:block;
 width:260px;
 margin-right:8px;
 text-align:left;
  background-image: url(images/deg300.gif);
}

.contenu-central{
 float:left;
 display:block;
 width:540px;
 text-align:left;
 margin-top:10px;
 margin-left:10px;
 
 background-repeat:repeat-x;
}
.img-gauche{
 float:left;
 display:block;
 margin-right:8px;
}
.img-droite{
 border: solid 1px rgb(235,235,235);
 float:left;
 display:block;
 margin-left:10px;
 margin-bottom:10px;
}
.img-bandeau{
 float:left;
 display:block;
 width:100%;
}

/*****************compte precommande********/
.cacher{
display:none;
}
.afficher{
float:left;
display:block;
}

/*style du site arpp*/
/********************/
/*attention, dans l'ordre: link,visited,hover,active*/

.titre{
 text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}

.titreBlanc {
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 line-height:20px;
}
.titreBlanc:hover {
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 text-decoration: underline;
 line-height:20px;
}
.petit{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.petitGras{
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
 font-weight: bold;
}
/***************************/
/** etapes de commande    **/
/***************************/
#etape-fond{
 float:left;
 display:block;
 width:555px;
 height:32px;
 background: url(images/commandeon-etape.gif);
}
#etape-over{
 float:left;
 display:block;
 width:500px;
 height:50px;
 background: url(images/commandeover-etape.gif);
}
.etape{
 float:left;
 display:block;
 width:185px;
 height:32px;
}
.etapetxt{
 float:left;
 display:block;
 width:185px;
 text-align:center;
 font-weight: bold;

}
.etapetxt:hover{
 float:left;
 display:block;
 width:185px;
 text-decoration:none;
 text-align:center;
 font-weight: bold;
}
/*******************/

/***********styles d'impression**********/
.contenu-impression{
  position:absolute;
  width:640px;
}
.etiquette{
 float:left;
 display:block;
 width:200px;
 border: solid 1px rgb(100,100,100);
 margin: 5px;
}

.bleu{
background-color:#e7eef2;
}
.blanc{
background-color:#f5f7f7;
}
#detectFlash {
  position:absolute;
  width:180px;
  top: -120px;
  left: -510px;
  z-index:100;
  background-color:#fff;
}

/*style du site arpp*/
/********************/
/*attention, dans l'ordre: link,visited,hover,active*/

.titre{
 text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}

.titreBlanc {
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 line-height:20px;
}

.titreBlanc:hover {
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 text-decoration: underline;
 line-height:20px;
}

.petit{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.gras{
 font-weight: bold;
}
.italique{
	font-style: italic;
}
.Verdana12OrangeGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #fd8100;
 text-decoration: none;
 line-height:17px;
}
.Verdana12OrangeGras:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fd8100;
	text-decoration: underline;
	line-height:17px;
}
.Verdana11Gris{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:14px;
}
.Verdana10Gris{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:17px;
}
.Verdana10Gris:hover{
 font-size: 10px;
}
.Verdana10GrisGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:17px;
}
.Verdana10Blanc{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #fff;
 text-decoration: none;
 line-height:17px;
}
.Verdana10BlancGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 line-height:17px;
}
.signature{
 display:block;
 float:right;
 text-align:right;
 margin-right:30px;
 width:500px;
}
.signatureBlanc{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 line-height:17px;
}
Verdana12Noir{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #000;
 text-decoration: none;
 line-height:20px;
}
.Verdana12NoirGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000;
 text-decoration: none;
 line-height:20px;
}
 .Verdana12Blanc{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #fff;
 text-decoration: none;
 line-height:17px;
}
 .Verdana12BlancGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 line-height:17px;
}
.Verdana12Gris{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.Verdana12GrisGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}


.Verdana12OrangeGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #fd8100;
 text-decoration: none;
 line-height:20px;
}
.Verdana20GrisGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
#contenu-cgv{
 position:relative;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height: 539px;
 //background: url(images/transfert-index-fond.gif) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
    cursor:pointer;
    vertical-align:middle;
}

a.ssmenu{
        background-color:#fff;
        color:#5e5e5e;
        text-align:center;
        text-decoration:none;
        font-weight: bold;
        font-size:11px;
        cursor:pointer;
        vertical-align:middle;
        border-color:#8a8c8e;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        border-bottom-color:#5e5e5e;
        padding: 3px;
        margin:0px;
    }

a.ssmenu:hover {
    background-color:#8a8c8e;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight: bold;
    font-size:11px;
    cursor:pointer;
    vertical-align:middle;
    border-color:#8a8c8e;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    border-right-color:#8a8c8e;
    border-left-color:#8a8c8e;
    border-bottom-color:#5e5e5e;
    /*padding-left:1px; */
    padding: 3px;
    margin:0px auto;
}

.miniature {
 text-align:center;
 width:100px;
 display:block;
 float:left;
}
.sstitre{
 text-align:center;
 width:100px;
 display:block;
 float:left;}

.grandGras{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #5e5e5e;
 text-decoration: none;
 line-height:16px;
 font-weight: bold;
}

.bouton2{
        background-color:#c5dae9;
        color:#5e5e5e;
        border-color:#aec1cf;
        text-align:center;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        height:20px;
        font-weight: bold;
        cursor:pointer;
        vertical-align:middle;
        width:120px;
        padding-left:5px;
        padding-right:5px;
        margin:1px;
        margin-left:0px;
    }

.bouton2:hover {
    background-color:#fd8100;
    color:#5e5e5e;
    border-color:#aec1cf;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    text-decoration:none;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    height:20px;
    font-weight: bold;
    cursor:pointer;
    vertical-align:middle;
}
.bouton1{
        display:block;
        float:left;
        background-color:#fd8100;/*orange */
        color:#5e5e5e;
        border-color:#aec1cf;
        line-height:12px;
        height:20px;
        width:160px;
        text-align:center;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        font-weight: bold;
        cursor:pointer;
        vertical-align:middle;
        padding-left:5px;
        padding-right:5px;
        padding-top:2px;
        padding-bottom:2px;
        margin-bottom:2px;
        margin-left:2px;
}
.bouton1:hover {
    background-color:#fff;
    color:#000;
    border-color:#aec1cf;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    height:20px;
    font-weight: bold;
    cursor:pointer;
    vertical-align:middle;
    text-decoration:none;
}
a.bouton3{
/*text-align:left;*/
}
.bouton3{

        height:18px;
        /*width:500px;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        background-color:#fff;
        color:#5e5e5e;
        border-color:#aec1cf;
        /*text-align:center;*/
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        font-weight: normal;
        cursor:pointer;
        vertical-align:middle;
        padding-left:5px;
        padding-right:20px;
        /*margin-left:15px;*/


}

label.afficher{
     width:540px;
}

.bouton3:hover {
    background-color:#aec1cf;
    color:#000;
    border-color:#fff;
    /*text-align:center;*/
    text-decoration:none;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    font-weight: normal;
    cursor:pointer;
    vertical-align:middle;
}
.bouton4{
        background-color:#fff;
        color:#5e5e5e;
        border-color:#aec1cf;
        text-align:center;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        height:20px;
        font-weight: bold;
        cursor:pointer;
        vertical-align:middle;
        width:130px;
        padding-left:5px;
        padding-right:5px;

    }

.bouton4:hover {
    background-color:#aec7d7;;
    color:#000;
    border-color:#fff;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    height:20px;
    font-weight: bold;
    cursor:pointer;
    vertical-align:middle;
}
.bouton5{
        background-color:#fff;
        color:#5e5e5e;
        border-color:#aec1cf;
        text-align:center;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        height:20px;
        font-weight: bold;
        vertical-align:middle;
        width:200px;
        padding-left:5px;
        padding-right:5px;
        font-size: 13px;

}

.popup{
   display:block;
   position:absolute;
   width:500px;
   height:600px;
   background-image: url(images/deg600.gif);
   text-align:left;
   background-color:#b2cbda;
}

#popupCentre{
   display:block;
   position:absolute;
   top:10px;
   left:20px;
}
#arpp-adresse{
  z-index:50;
   display:block;
   position:absolute;
   top:655px;
   left:35px;
   padding:5px;
}

.devis-euro{
display:block;
float:left;
width:20px;
 margin-bottom:2px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.cassette-euro{
display:block;
float:left;
width:20px;
 margin-bottom:2px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.musique-euro{
display:block;
float:left;
width:20px;
 margin-bottom:2px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;
}
.version{
position:absolute;
z-index:100;
top:585px;
left:35px;
}
/*
.aide-version{
position:absolute;
z-index:1000;
top:0px;
left:0px;
} */
.index-version{
position:absolute;
z-index:100;
top:535px;
left:30px;
}
#type-retour {
position:absolute;
top:138px;
left:550px;
}
#type-partenaire {
position:absolute;
top:138px;
left:205px;
}
.souligne{ text-decoration:underline;}
.left{
text-align:left;
}
#logo-partenaire{
position:absolute;
z-index:10;
top:525px;
left:380px;
border:solid 1px #5e5e5e;
}
#logo-arpp{
position:absolute;
z-index:10;
top:220px;
left:320px;
/*width:50px;
height:50px;
border:solid 1px #5e5e5e;*/
}
.img-part{
position:absolute;
top:-20px;
left:30px;
border:solid 1px #5e5e5e;
}
.part-postion{
position:relative;
float:left;
}
.txt-part-adresse {
  display:block;
  float:left;
  margin-left:15px;
  width:280px;
}
.form-part{
margin-left:10px;
}
#form-part{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
 line-height:20px;

}
.scroll-part{
   float:left;
  display:block;
  overflow:auto;
  padding-left:10px;
  height:280px;
  width:560px;
  padding-top:10px;
}.part{
  float:left;
  display:block;
  width:500px;
  margin-left:15px;
}