/* Style pour le formulaire de modification */
#form-fiche fieldset, #form-suggestion fieldset, #form-recapitulatif fieldset {
    margin: 5px 10px;
    padding: 5px 0;
}

#form-fiche h2, #form-suggestion h2, #form-recapitulatif h2,
#photos h2, #form-prospect h2, #coordonnees h2, #dm h2, #contenu-abonner h2 {
    font-size: 1.4em;
    padding: 20px 0 0 26px;
}

#form-fiche fieldset, #form-recapitulatif fieldset, #form-suggestion fieldset, #form-abonners fieldset  {
    border: 0;
}

#form-fiche legend, #form-recapitulatif fieldset legend, #form-suggestion legend {
    color: #771344;
    font-weight: bold;
    padding: 20px 0 0 15px;
}

#form-fiche .label, #form-suggestion .label, #form-prospect .label, #form-abonners .label {
    float: left;
    display: block;
    width: 160px;
    height: 18px;
    line-height: 18px;
    margin: 3px 5px 0 10px;
    padding: 0 0 0 5px;
}

#form-fiche input, #form-fiche textarea, #form-fiche select,
#form-suggestion input, #form-suggestion textarea, #form-suggestion select,
#form-prospect input, #form-prospect textarea, #form-prospect select,
#form-abonners input, #form-abonners textarea, #form-abonners select {
    width: 440px;
    margin: 3px 0;
    font-size: 10px;
}

#form-fiche textarea, #form-suggestion textarea, #form-prospect textarea, #form-abonners textarea {
    font-size: 11px;
}

#form-fiche .moyen {
    width: 200px;
}

#form-fiche .petit {
    width: 100px;
}


#form-fiche .altern {
    background-color : #EFE9EC;
}

#form-fiche .normal input  { /* pour les checkbox des langues */
    width: auto;
    margin: 0 5px 0 0;
}

#form-fiche input.bouton, #form-suggestion input.bouton, #form-prospect input.bouton  { 
    float: none;
    width: auto;
}

/* Style pour la liste des demandes de devis */
#contenu-abonner .excel {
    margin: 10px 0 0 115px;
}

#contenu-abonner .excel a {
    color: #000000;
    text-decoration: none;
}

.Grid {
    font-size : 10px;
    text-align: left;
	background: #E4E8EE;
	border: 1px solid #BEC8D6;
	margin: 10px 0 0 1px;
	cursor: pointer;
	width: 100%;
}

.Grid th {
	border: 1px solid #BEC8D6;
	vertical-align: text-top;
	background: #FFFFFF;
	height: 37px;
    padding: 0 0 0 5px;
}

.Grid tr { 
    height: 20px;
}
.Grid td { 
	border: 1px solid #BEC8D6;
    padding: 0 0 0 5px;
    vertical-align: top;
    line-height: 20px;
}
.Grid tr.altern {
    background: #BEC8D6;
}

.Grid .traite {
	background-color : #FFFFFF;
	color: #0A7DB3;  
}
.Grid .cours {
	background: #063B60;
	color: #FFFFFF;
	white-space: nowrap;
}
.Grid td .rouge {
    color: #FF0000;
}

.Grid td a {	
	text-decoration:none;
	color:Blue;
}

.Grid td a:hover {	
	color:#FFFFFF;
}

/* Style pour le recapitulatif de la demande de devis */
#form-recapitulatif p, #form-prospect p, #photos p, #coordonnees p {
    padding: 5px 10px 5px 21px;
}

#form-recapitulatif fieldset#ctl00_Contenu_CoordonneesAO p, #form-recapitulatif fieldset#ctl00_Contenu_AppelOffre p {
    padding: 1px 10px 1px 21px;
}

#dm p {
    padding: 5px 20px 5px 26px;
}
#photos ul {
    padding: 5px 0 5px 56px;
    text-decoration: underline;
}

#dm ul {
    padding: 5px 0 5px 60px;
}

#form-recapitulatif fieldset .label {
    float: left;
    display: block;
    width: 150px;
    padding: 0 0 0 5px;
    margin: 0 5px 0 0;
}


/* Style pour les suggestions */
#form-suggestion p {
    padding: 5px 0 5px 26px;
}


#form-suggestion fieldset p {
    padding: 0;
}

#form-suggestion fieldset span.label {
    display: block;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 3px 5px 0 10px;
    padding: 0 0 0 5px;
}

#form-suggestion .label {
    text-align: left;
}

#form-suggestion .DR, #form-recapitulatif .DR, #form-prospect .DR, #form-abonners .DR {
    background: #EFE9EC;
}

#form-suggestion .oblig1 {
	margin-left:40px;
}

#form-suggestion .complement  {
    display: block;
    padding: 5px 0 0 0;
}

#form-suggestion .normal input  { /* pour les checkbox et les radio */
    width: auto;
    margin: 0 5px 0 170px;
}

#form-suggestion .normal1 input  { /* pour les checkbox et les radio */
    width: auto;
    margin: 0 5px 0 220px;
}

/********************/
/*  Devenir abonné  */
/********************/
#abonner p.souhait, #offre p.souhait {
    background: url(../images/pro/abonne/abonner-fond-haut1s.gif) repeat-x;
    height: 45px;
    line-height: 45px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 0 0 8px;
}
#abonner table.prestation, #offre table.prestation {
    background: #DEE4EB;
    width: 678px;
    margin: 1px 0 0 0px;
    border-collapse: collapse;
    border: 1px solid #C8B8BF;
}
#abonner table.prestation td, #abonner table.prestation th, #offre table.prestation th {
    border: 1px solid #B1BED0;
    padding: 2px;
    margin: 0;
    height: 19px;
    text-align: center;
    font-weight: bold;
}
#abonner table.prestation td p {
    background: #C6CFDC;
    width: 100%;
    height:100%;
    margin: 0;
    padding: 0;
}
#abonner table.prestation th {
    background: #C0CBD9;
}
#abonner table.prestation tr td.col1 {
    background: #DEE4EB;
    width: 338px;
    text-align: left;
    padding: 0 0 0 8px;
    font-weight: normal;
}
#abonner table.prestation th.col1, #offre table.prestation th.col1 {
    background: #C0CBD9;
    text-align: left;
    padding: 0 0 0 8px;
}
#abonner .prestation tr.duree td {
    background: #FFFFFF;
}
#abonner .prestation td p img {
    padding: 5px;
}
#abonner .prestation td p {
    color: #FFFFFF;
}
#abonner .prestation td.in2 p, .col2 {
    background: #1EA6CE;
}
tr.sprix .col2 {
    background: url(../images/pro/abonne/fond-detail1.gif);
}
#abonner .prestation td.in3 p, .col3 {
    background: #0A7DB3;
}
tr.sprix .col3 {
    background: url(../images/pro/abonne/fond-detail2.gif);
}
#abonner .prestation td.in4 p, .col4 {
    background: #014E8D;
}
tr.sprix .col4 {
    background: url(../images/pro/abonne/fond-detail3.gif);
}
#abonner .prestation td.in5 p, .col5 {
    background: #B58658;
}
tr.sprix .col5 {
    background: url(../images/pro/abonne/fond-detail4.gif);
}
#abonner table.prestation tr.prix td.col1 {
    background: #FFFFFF;
    font-weight: bold;
}

#abonner table.prestation tr.prix td.col2,
#abonner table.prestation tr.prix td.col3,
#abonner table.prestation tr.prix td.col4,
#abonner table.prestation tr.prix td.col5 {
    color: #FFFFFF;
    font-size: 16px;
    font-style: italic;
    height: 31px;
    border: 0;
    border-right: 1px solid #C8B8BF;
}
#abonner table.prestation tr.sprix td.col2,
#abonner table.prestation tr.sprix td.col3,
#abonner table.prestation tr.sprix td.col4,
#abonner table.prestation tr.sprix td.col5 {
    color: #FFFFFF;
    font-weight: normal;
    height: 15px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    border: 0;
    border-right: 1px solid #C8B8BF;
}
#abonner table.prestation tr.sprix td.col2 a,
#abonner table.prestation tr.sprix td.col3 a,
#abonner table.prestation tr.sprix td.col4 a,
#abonner table.prestation tr.sprix td.col5 a {
    color: #FFFFFF;
    text-decoration: none;
}
#abonner .detail {
    padding: 0 0 0 15px;
    background: #C0CBD9;
    margin: 0;
    font-size: 10px;
}    
#abonner select.autre-ref , #offre select.autre-ref {
    float: right;
    font-size: 10px;
    margin: 11px 10px 0 0;
}
#abonner #tableau1, #abonner #tableau2, #abonner #tableau3, #abonner #tableau4, #abonner #tableau5 {
    padding: 0 0 0 3px;
    background: #B1BED0;
}
#abonner #tableau1 p.fermer, #abonner .tableau1 p.fermer {
    float: right;
    padding: 0 10px 0 0;
}
#abonner #tableau1 p.fermer a, #abonner .tableau1 p.fermer a {
    color: #000000;
    text-decoration: none;
}
#abonner #tableau1 p select, #abonner .tableau1 p select {
    font-size: 10px;
    margin: 3px 0 2px 0;
}
#abonner table.tab-positionnement td {
    background: #E8E0E5;
    border: 1px solid #C8B8BF;
    text-align: center;
}

#abonner table.tab-positionnement th {
    background: #FFFFFF;
    font-weight: normal;
    border: 1px solid #C8B8BF;
    height: 53px;
}
#abonner table.tab-positionnement th.salle {
    width: 275px;
}
#abonner table.tab-positionnement td.salle {
    color: #FF0000;
}
#abonner table.tab-positionnement td.salle a {
    color: #0000FF;
    text-decoration: none;
}

#abonner table.tab-positionnement td.salle .reserve {
    color: #000000;
    text-decoration: none;
}

#devenir-abonner h2 {
    font-size: 1.4em;
    padding: 15px 0 15px 20px;
}
#devenir-abonner #descriptif1 p {
    padding: 5px 0 5px 26px;
    line-height: 15px;
}
#devenir-abonner #souhait-reference {
    float: right;
    width: 212px;
    margin: 15px 15px 0 50px;
}
#devenir-abonner #descriptif2, #offre #descriptif2 {
    border: 3px solid #C1CBD9;
    border-top: 0;
    border-bottom: 0;
}

#devenir-abonner #descriptif2 h2, #offre #descriptif2 h2, #form-abonners #descriptif2 h2 {
    color: #2C7FBA;
    font-size: 18px;
    font-style: italic;
}
#devenir-abonner #descriptif2 .col, #offre .col {
    float: left;
    width: 290px;
    margin: 0 0 0 30px;
}

#offre .colv {
    float: left;
    width: 300px;
    margin: 0 0 0 30px;
    _margin: 0 0 0 15px;
}

#offre .colv2 {
    width: auto;
    margin: 0 30px;
}

#devenir-abonner #descriptif2 ul {
    color: #2C7FBA;
    font-weight: bold;
    font-size: 16px;
    margin: 5px 0 0 0;
}

#offre #bandeau {
    background: url(../images/pro/abonne/fond-offre.jpg) repeat-x;
    height: 51px;
}
#offre #bandeau a {
    display: block;
    float: left;
}
#offre #bandeau #ctl00_Contenu_retour {
    padding: 12px 213px 0 3px;
}
#offre #bandeau #gold {
    padding: 0;
}
#offre h2, #offre h3, #offre h4 {
    color: #1EA6CE;
}

#offre h2 {
    margin: 25px 0 11px 25px;
    font-size: 40px;
    font-style: italic;
}

#offre h3 {
    font-size: 13px;
}

#offre .desc1 p {
    border: 0;
    border-top: 1px dashed #D4C5CC;
    line-height: 23px;
}

#offre .desc1 a {
    color: #000000;
    text-decoration: none;
}
#offre .desc1 p#pdf {
    padding: 55px 0 0 0;
    text-align: center;
}

#offre .desc2 p {
    line-height: 14px;
    margin: 0 0 4px 0;
}

#offre .desc2 p a {
    color: #1EA6CE;
    text-decoration: none;
}

#offre #tarif {
    background: url(../images/pro/abonne/fond-tarif.jpg) no-repeat;
    width: 674px;
    height: 112px;
    margin: 30px auto 0 auto;
    color: #FFFFFF;
}
#offre #tarif.premium {
    background: url(../images/pro/abonne/fond-tarifp.jpg) no-repeat;
}
#offre #tarif.optimum {
    background: url(../images/pro/abonne/fond-tarifo.jpg) no-repeat;
}
#offre #tarif.gold {
    background: url(../images/pro/abonne/fond-tarifg.jpg) no-repeat;
}
#offre #tarif p span {
    display: block;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 15px 0 0 0;
}
#offre #tarif p span#prix {
    margin: 15px 0 0 250px;
}
#offre #tarif p span#offreEssai {
    margin: 15px 0 0 200px;
}
#offre #tarif p {
    clear: both;
    margin: 0 0 0 22px;
}
#offre #tarif p#bdc {
    text-align: center;
}
#offre #tarif p#info {
    font-size: 9px;
    color: #000000;
}
#offre #tarif p#aide {
    margin: 0 0 5px 22px;
}
#offre p#autre {
    background: #B9C2D0;
    padding: 0 0 0 3px;
}
#offre #descriptif2 h2, #form-abonners #descriptif2 h2 {
    margin: 0;
    padding: 25px 0 0 18px;
}
#offre #descriptif2 p, #form-abonners #descriptif2 p {
    padding: 0 0 0 18px;    
}

#offre #descriptif2 ul, #form-abonners #descriptif2 ul {
    padding: 0 0 0 28px;
    line-height: 15px;
}
#offre #descriptif2 ul li, #form-abonners #descriptif2 ul li {
    margin: 0 0 10px 0;
}

#offre #descriptif2 #action {
    text-align: right;
    padding: 0 15px 10px 0;
}

#offre .desc2 h4 {
    font-size: 1.2em;
}

#offre.premium h2, #offre.premium h3, #offre.premium h4, #offre.premium .desc2 p a {
    color: #0A7DB3;
}
#offre.optimum h2, #offre.optimum h3, #offre.optimum h4, #offre.optimum .desc2 p a {
    color: #014E8D;
}
#offre.gold h2, #offre.gold h3, #offre.gold h4, #offre.gold .desc2 p a {
    color: #A1754B;
}

#detail-option div {
    padding: 0 20px 15px 30px;
    border-bottom: 1px dashed #D4C5CC;
}

#detail-option div p {
    line-height: 13px;
    margin: 5px 0 0 0;
}

#detail-option h3 {
    font-size: 12px;
    color: #063E64;
}

#detail-option h3 span {
    display: block;
    float: right;
}

#detail-option p span.prix {
    display: block;
    float: right;
    text-align: left;
    color: #063E64;
    width: 400px;
}


/* Formulaire d'ajout d'une salle */
#form-abonners fieldset {
    padding: 10px;
}

#form-abonners .multiple {
    float: none;
}

#form-abonners .petit {
    width: 50px;
}

#form-abonners .moyen {
    width: 100px;
}

#ctl00_Contenu_Cbl_SalleLangue input, #ctl00_Contenu_Cbl_SalleLangue label {
    float: none;
    display: inline;
    width: 90px;
}
#ctl00_Contenu_Cbl_SalleLangue input {
    width: auto;
}
#ctl00_Contenu_Cbl_SalleLangue td {
    vertical-align: middle;
    line-height: 15px;
    height: 15px;
}
#ctl00_Contenu_Cbl_PresLangue input, #ctl00_Contenu_Cbl_PresLangue label {
    float: none;
    display: inline;
    width: 90px;
}
#ctl00_Contenu_Cbl_PresLangue input {
    width: auto;
}
#ctl00_Contenu_Cbl_PresLangue td {
    vertical-align: middle;
    line-height: 15px;
    height: 15px;
}
#form-abonners #action {
    text-align: center;
}

#form-abonners #action input {
    width: auto;
    float: none;
}
/*******************************/
/*  Coordonnées de 1001Salles  */
/*******************************/
#coordonnees {
    background: #FFFFFF;
}
#coordonnees h3 {
    font-size: 1.2em;
}
#coordonnees .col {
    float:left;
    width: 290px;
    margin: 0 0 0 30px;
}

#coordonnees p {
    margin: 15px 0 25px 50px;
    font-size: 13px;
}

#coordonnees .col p {
    border: 0;
    margin: 0;
    border-bottom: 1px dashed #D4C5CC;
    padding: 5px 0 10px 0;
    font-size: 11px;
}

#coordonnees p a {
    color: #EE317F;
    text-decoration: none;
}

p.P1 {
    text-align: right;
}