/*
	CSS pour TCHFM - Réservation d'espace
	Emilie - egzakt.com
	2010/08/02
*/


/* ARCHITECTURE CONTENU
-----------------------------------------*/
#reservation_espace #conteneur_colonnes {
	width:939px;
	padding:0 6px 0 15px;
}

#reservation_espace #colonne_principale {
	float:left;
	width:615px;
}

#reservation_espace #colonne_navig {
	float:right;
	width:317px;
}

#reservation_espace #colonne_principale h2 span {
	font-weight:normal;
	font-size:0.792em;
	line-height:1.1em;
}

#reservation_espace #colonne_principale h3 {
	font-size:1.29em;
	line-height:1.1em;
	font-weight:normal;
	color:#1E1E1E;
	margin:0 0 10px 0;
}


/* NAVIG ÉTAPES
-----------------------------------------*/
#navig_etapes {
	width:317px;
	padding:40px 0 0 0;
	background:url(../images/ul/tuiles/degrade_gauche_navig.gif) repeat-y left top;
}
	
#navig_etapes .entete {
	padding-left:29px;
	margin-bottom:5px;
	font-size:1.286em;
	line-height:1.2em;
	font-weight:bold;
	color:#1E1E1E;	
}

#navig_etapes ul {
	width:275px;
	padding:0 0 10px 29px;
	font-size:1.29em;
	line-height:1.2em;
}

#navig_etapes li {
	display:inline;
}

#navig_etapes a {
	display:block;
	height:29px;
	line-height:29px;
	color:#454545;
	text-decoration:none;
}

#navig_etapes a:hover {
	color:#00B600;
	text-decoration:none;
}

#navig_etapes a.selected {
	background:url(../images/ul/boutons/navig_etapes.gif) no-repeat -275px top;
	color:#fff;
}

#navig_etapes a.selected .numero {
	color:#fff;
}

#navig_etapes a.selected:hover {
	color:#fff;
}

#navig_etapes a.non_complete {
	background:url(../images/ul/boutons/navig_etapes.gif) no-repeat left center;
}

#navig_etapes .titre {
	height:29px;
	line-height:29px;
	color:#BFBFBF;
	background:url(../images/ul/boutons/navig_etapes.gif) no-repeat left center;
}

#navig_etapes .titre_completee {
	color:#454545;
	background:none;
}

#navig_etapes .titre_completee_selected {
	background:url(../images/ul/boutons/navig_etapes.gif) no-repeat right top;
	color:#fff;
}

#navig_etapes .titre_completee_selected .numero {
	color:#fff;
}

#navig_etapes .numero {
	display:inline-block;
	width:16px;
	padding:0 10px 0 14px;
	text-align:center;
	color:#454545;
}


/* INFOS CLIENT
-----------------------------------------*/
#reservation_espace #infos_client {
	border:10px solid #F0F0F0;
	padding:8px 10px 6px 10px;
	margin-bottom:10px;
}

#reservation_espace #infos_client div {
	font-size:0.86em;
	line-height:1.6em;
}


/* ÉLÉMENTS COMMUNS
-----------------------------------------*/
#reservation_espace h2#etape_nom {
	margin-bottom:10px;
}

#reservation_espace .separateur {
	margin-top:15px;
	border-top:2px solid #D9D9D9;
	padding-top:15px;
}

#reservation_espace form ul.champs li {
	width:575px; /* Important pour IE 6-7 */
	padding:4px 0;
}

#reservation_espace .encadre {
	background-color:#f0f0f0;
	padding:16px 20px;
}

#reservation_espace .encadre .note {
	font-size:0.86em;
	line-height:1.5em;
}

#reservation_espace #rappel_depot {
	font-size:1.29em;
	line-height:1.2em;
	font-weight:bold;
	color:#ED1C2E;
	margin-bottom:15px;
}


/* ACCUEIL DE LA SECTION
-----------------------------------------*/
#reservation_espace #accueil_section #choix_actions {
	width:575px;
	margin-top:20px;
	background:url(../images/ul/tuiles/reservation_choix_actions.gif) repeat-y left top;
}

#reservation_espace #accueil_section .action {
	width:240px;
	padding:20px;
	line-height:1.4em;
}

#reservation_espace #accueil_section #en_ligne {
	float:left;
}

#reservation_espace #accueil_section #download {
	float:right;
}

#reservation_espace #accueil_section .highlight {
	color:#ED1C2E;
	font-weight:bold;
	font-size:1.29em;
	line-height:1.2em;
}

#reservation_espace #accueil_section #en_ligne .texte {
	margin:3px 0 15px 0;
}

#reservation_espace #accueil_section #download .texte {
	margin-bottom:9px;
}

#reservation_espace #accueil_section .note {
	font-size:0.86em;
	line-height:1.1em;
	color:#858585;
	margin-top:5px;
}

#reservation_espace #accueil_section .note a {
	text-decoration:none;
	color:#858585;
}

#reservation_espace #accueil_section .note a:hover {
	text-decoration:underline;
}


/* Demande déjà remplie pour l'année */
#reservation_espace #envoyee_annee .instructions {
	margin-bottom:12px;
}


/* Choix de reprise d'une sauvegarde */
#reservation_espace #reprise_sauvegarde {
	margin-top:15px;
}

#reservation_espace #reprise_sauvegarde .instructions {
	margin-bottom:10px;
}

#reservation_espace #reprise_sauvegarde #message {
	margin-top:0;
}

#reservation_espace #reprise_sauvegarde label {
	display:inline;
}


/* CHOIX TYPE FORMULAIRE
-----------------------------------------*/
#reservation_espace #choix_type_formulaire .instructions {
	margin-bottom:10px;
}

#reservation_espace #choix_type_formulaire label {
	display:inline;
}


/* ÉTAPE INFOS
-----------------------------------------*/
#reservation_espace #etape_infos form {
	margin-top:10px;
}

#reservation_espace #etape_infos form input.full {
	width:567px;
}

#etape_infos #contact_principal h3,
#etape_infos #contact_magazine h3 {
	margin-bottom:0;
}

#etape_infos .separateur h4 {
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	margin:0 0 10px 0;
}

#reservation_espace #etape_infos #etape_infos_contactPrenom,
#reservation_espace #etape_infos #etape_infos_contactNom {
	width:243px;
}

#reservation_espace #etape_infos form #lbl_meme_contact {
	display:inline;
}


/* ÉTAPE ESPACE
-----------------------------------------*/
/* Précisez espace */
#reservation_espace #etape_espace #precisez_espace .gauche {
	float:left;
	width:260px;
}

#reservation_espace #etape_espace #precisez_espace .droite {
	float:right;
	width:280px;
	position:relative;
}

#reservation_espace #etape_espace #precisez_espace .titre {
	margin-bottom:8px;
	font-weight:normal;
	line-height:1.4em;
}

#reservation_espace #etape_espace #precisez_espace label,
#reservation_espace #etape_espace #precisez_espace .label {
	display:inline-block;
}

#reservation_espace #etape_espace #precisez_espace .gauche .label {
	width:120px;
}

#reservation_espace #etape_espace #precisez_espace li {
	height:33px;
	padding-top:3px;
}

#reservation_espace #etape_espace #precisez_espace .droite li {
	height:28px;
	padding-top:8px;
}

#reservation_espace #etape_espace #precisez_espace #champ_pied2_nouveau {
	position:absolute;
	bottom:3px;
	right:0;
}


/* Tarification */
#reservation_espace #etape_espace #tarification table {
	float:left;
	width:260px;
}

#reservation_espace #etape_espace #tarification table caption {
	text-align:left;
	border-bottom:1px solid #D9D9D9;
}

#reservation_espace #etape_espace #tarification th,
#reservation_espace #etape_espace #tarification td {
		border-bottom:1px solid #D9D9D9;
}

#reservation_espace #etape_espace #tarification th {
	text-align:left;
	font-weight:normal;
}

#reservation_espace #etape_espace #tarification td {
	text-align:right;
}

#reservation_espace #etape_espace #tarification .encadre {
	float:right;
	width:240px;
}

#reservation_espace #etape_espace .ligne_cout {
	text-align:right;
	margin-top:15px;
}

#reservation_espace #etape_espace .ligne_cout .label {
	display:inline-block;
	width:100px;
	text-align:left;
}

#reservation_espace #etape_espace input.cout {
	width:140px;
}


/* Options */
#reservation_espace #etape_espace #options label {
	display:inline;
}

#reservation_espace #etape_espace #option_coin {
	margin-bottom:10px;
}

#reservation_espace #etape_espace #option_early {
	margin:15px 0 10px 0;
}

#reservation_espace #etape_espace #option_early .note {
	margin-left:23px;
}


/* Total */
#reservation_espace #etape_espace #ligne_cout_total {
	margin-top:20px;
}

#reservation_espace #etape_espace #ligne_cout_depot {
	margin-bottom:20px;
}


/* Message post-étape */
#reservation_espace #etape_espace #message_post_etape h3 {
	font-weight:bold;
	font-size:1.714em;
	line-height:1.2em;
	color:#0088FF;
	margin:15px 0 15px 0;
}

#reservation_espace #etape_espace #message_post_etape h4 {
	font-weight:normal;
	font-size:1.125em;
	line-height:1.2em;
	color:#ED1C2E;
	margin:0 0 15px 0;
}

#reservation_espace #etape_espace #message_post_etape ul#avantages {
	font-weight:bold;
	margin:10px 0 11px 0;
}

#reservation_espace #etape_espace #message_post_etape ul#avantages li {
	padding-bottom:4px;
}


/* ÉTAPE PRODUITS
-----------------------------------------*/
#reservation_espace #etape_produits #note_imprimees {
	font-weight:bold;
	margin-bottom:15px;
}

#etape_produits #produits {
	border:1px solid #D9D9D9;
	padding:10px;
	margin:15px 0;
}

#etape_produits #produits .entete {
	background-color:#BFBFBF;
	color:#fff;
	font-weight:bold;
	padding:7px 10px;
}

#etape_produits #produits label {
	display:inline;
	font-weight:normal;
}

#etape_produits #produits li {
	padding:7px;
}

#etape_produits #produits li.impair {
	background-color:#F0F0F0;
}


/* ÉTAPE STAND ET DRAPERIES
-----------------------------------------*/
#reservation_espace #etape_stand_draperies h3 {
	margin:15px 0 12px 0;
}

#reservation_espace #etape_stand_draperies ul#amenagements li {
	padding:6px 0;
}

#reservation_espace #etape_stand_draperies ul#amenagements input {
	float:left;
	width:25px;
}

#reservation_espace #etape_stand_draperies ul#amenagements .label {
	float:right;
	width:540px;
	font-weight:normal;
}

#reservation_espace #etape_stand_draperies label {
	display:inline;
	font-weight:normal;
}

#reservation_espace #etape_stand_draperies ul#amenagements ul {
	list-style-type:disc;
	padding-left:20px;
	margin-top:4px;
	font-size:0.86em;
	line-height:1.2em;
	font-weight:bold;
}

#reservation_espace #etape_stand_draperies ul#amenagements ul li {
	padding:4px 0;
}


/* ÉTAPE COMMENTAIRES
-----------------------------------------*/
#reservation_espace #etape_commentaires .instructions {
	margin:15px 0;
}

#reservation_espace #etape_commentaires textarea {
	width:567px;
}


/* ÉTAPE SOMMAIRE
-----------------------------------------*/
#reservation_espace #etape_sommaire .instructions {
	margin-bottom:10px;
}

#reservation_espace #etape_sommaire .tableau_sommaire {
	border:1px solid #D9D9D9;
	padding:10px;
	margin-bottom:15px;
}

#reservation_espace #etape_sommaire .tableau_sommaire h3 {
	font-size:1em;
	line-height:1.2em;
	padding:7px 10px;
	color:#fff;
	font-weight:bold;
	background-color:#BFBFBF;
}

#reservation_espace #etape_sommaire .tableau_sommaire h4 {
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	margin:15px 0 10px 10px;
}

#reservation_espace #etape_sommaire .tableau_sommaire table {
	width:100%;
}

#reservation_espace #etape_sommaire .tableau_sommaire tr.pair th,
#reservation_espace #etape_sommaire .tableau_sommaire tr.pair td {
	background-color:#F0F0F0;
}

#reservation_espace #etape_sommaire .tableau_sommaire th div,
#reservation_espace #etape_sommaire .tableau_sommaire td div {
	padding:4px 10px;
	margin:3px 0;
}

#reservation_espace #etape_sommaire .tableau_sommaire th div {
	background:url(../images/ul/graphiques/pointilles_tableau_sommaire.gif) repeat-y right top;
}

#reservation_espace #etape_sommaire .tableau_sommaire th {
	text-align:left;
	width:276px;
	font-weight:normal;
}

#reservation_espace #etape_sommaire .tableau_sommaire td {
	font-weight:bold;
}

#reservation_espace #etape_sommaire .tableau_sommaire .padding {
	padding:0 10px;
}

#reservation_espace #etape_sommaire .tableau_sommaire td a {
	color:#454545;
}

#reservation_espace #etape_sommaire .tableau_sommaire td a:hover {
	color:#ED1C2E;
}


/* Espace */
#reservation_espace #etape_sommaire #espace .note {
	display:block;
	font-size:0.86em;
	line-height:1.4em;
}


/* Produits */
#reservation_espace #etape_sommaire #produits li {
	padding:7px 10px;
}

#reservation_espace #etape_sommaire #produits li.pair {
	background-color:#F0F0F0;
}

.tableau_sommaire span.nouveau,
#reservation_espace #etape_sommaire #produits li span.nouveau {
	background-color:#ffff64;
}

.tableau_sommaire span.supprime,
.tableau_sommaire span.supprime a,
#reservation_espace #etape_sommaire #produits li span.supprime {
	color:#ec1c2e !important;
	text-decoration:line-through;
}


/* Notes */
#reservation_espace #etape_sommaire #rappel_depot {
	margin-top:25px;
}

#reservation_espace #adresse_salon {
	float:left;
	width:280px;
}

#reservation_espace #adresse_depot {
	float:right;
	width:240px;
}

/* Formulaire sauvegarde */
#reservation_espace #form_sauvegarder {
	position:relative;
}

#reservation_espace #form_sauvegarder div.bouton {
	position:absolute;
	top:-60px;
	left:10px;
}


/* ÉTAPE RÈGLEMENTS
-----------------------------------------*/
#reservation_espace #etape_reglements .instructions {
	margin:15px 0 10px 0;
}

#reservation_espace #etape_reglements #adresses {
	margin-top:15px;
	border-top:2px solid #D9D9D9;
	padding-top:15px;	
}

#reservation_espace #etape_reglements label {
	font-weight:normal;
	display:inline;
}

#reservation_espace #etape_reglements #form_etape_reglements li {
	padding:5px 0;
}

#reservation_espace #etape_reglements #form_etape_reglements .note {
	margin-top:15px;
	font-size:0.86em;
	line-height:1.2em;
}


/* ÉTAPE DEMANDE ENVOYÉE
-----------------------------------------*/
#reservation_espace #etape_envoi h3 {
	color:#0088FF;
	margin-bottom:15px;
}

#reservation_espace #etape_envoi a#annoncez {
	float:left;
	margin-top:12px;
	color:#1E1E1E;
	font-size:1.14em;
	line-height:1.1em;
}

#reservation_espace #etape_envoi a#annoncez:hover {
	color:#ED1C2E;
}