/* = Style locaux
---------------- */
@import "/global/css/layoutA.css";


#cartesPostales p {font-size: 93%;}
#cartesPostales ol {font-size: 85%;}
#cartesPostales .field_valid {text-align: right;}
#cartesPostales fieldset {margin-bottom: 10px}
#cartesPostales ol#etapes {
	height: 2.0em;
	border-bottom: 1px #D4E7F6 solid;
	position: relative;
	top: 1px;
}
#cartesPostales ol#etapes li {display: inline;}
#cartesPostales ol#etapes a {
	display: block;
	float: left;
	padding: 5px; margin-right: 3px;
	background-color: #104273;
	border: 1px #104273 solid;
	color: #fff;
	font-weight: bold;
	}
#cartesPostales ol#etapes a:hover {
	background-color: #F1F9FF;
	border: 1px #D4E7F6 solid;
}
#cartesPostales ol#etapes .current a, #cartesPostales ol#etapes .current a:hover {
	background-color: #F1F9FF;
	border: 1px #D4E7F6 solid;
	border-bottom: 2px #F1F9FF solid;

	color: #333;
	}

#cartesPostales p.accroche,
#cartesPostales p.medium {
	font-size: 93%;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
	/* choix thèmatique */
	#cartesPostales #themeCartes {
		margin-top: 15px;
		padding: 10px;
		clear: both;
		position: relative;
		top:  -2px;
		margin: 0;
		}

	#cartesPostales .carte {
		text-align: center;
		width: 145px; float: left;
		font-size: 0.9em; line-height: 1em;
		}
	#cartesPostales .carte a {
		display: block;
		width: 120px; height: 130px;
		padding: 8px 0 8px 0;
		border: 1px #F1F9FF solid;
		margin: 0 auto 10px auto;
		}
	#cartesPostales .carte a img {
		border: 1px solid #104273 !important;
		margin-bottom: 10px;
	}
	#cartesPostales .carte a:hover {
		background-color: #fff;
		border: 1px #D4E7F6 solid;
		border-bottom: 1px #f9ffff solid;
		background: #fff url(/global/img/bgBoxBlanc.png) repeat-x bottom left;
		}

	/* choix carte */
	#cartesPostales #cartes {
		margin-top: 15px;
		clear: both
		}

	
/* =Rédaction du message-------------  */

#messageZone,#fontZone, #colorZone {
margin-bottom: 15px; 
padding: 5px;
border: 1px #D4E7F6 solid;
background: #fff url(/global/img/bgBoxBlanc.png) repeat-x bottom left;
	}
#themeCartes h2 {
font-size: 93%;
font-weight: bold;
margin: 0.2em 0 0.5em 0;
}
/*Rédaction message*/

#messageZone img {
float: left; 
display: block; 
margin: 10px 10px 0 0;
	}

#messageZone p {
float: left; 
clear: none!important; 
width: 450px; 
height: 100px;
margin-top: 8px
	}

#messageZone textarea {
width: 90%; 
height: 80px;

	}

/*Choix fonte*/

#fontZone img {
vertical-align: middle;
	}

/*Choix couleur*/

#colorZone br {
display: none;
	}

#colorZone label {
width: 80px!important; 
margin-bottom: 5px; 
float: left; 
text-align: left; 
font-weight: bold;
font-size: 85%;
	}

#main label.noFloat {
		display: inline;
		float: none;
		text-align: left;
		width: auto;
	}
	.black {
	color: black;
		}

.orange {
color: orange;
	}

.red {
color: red;
	}

.dodgerblue {
color: dodgerblue;
	}

.purple {
color: purple;
	}

.green {
color: green;
	}

/* =Apercu carte-------------  */

#cardPrev {
border: 1px #ddd solid; 
height: 315px;
	}

#laCarte {
width: 516px;
padding: 10px; 
height: 260px; 
margin: 0 0 25px 0;
float: left; 
position: relative; 
float: left;
background: #fff url(/cartes-postales/medias/img/bg-carte.gif) no-repeat top left;
	}

#navdroite {
width:200px;
float: right;
}

span.legendeCarte {
width:98%;
float: left;
font-size: 77%;
color: #999;
font-style: italic;
border-bottom: 1px solid;
margin: 0 0 5px 0;
}

#message {
width: 250px; 
position: absolute; 
left: 275px; 
top: 8px;
	}

#message p {
margin: 0 0 0.5em 0;
	}

#expediteur {
width: 180px; 
position: absolute; 
top: 100px; 
left: 260px;
	}

#destinataire {
width: 180px; 
position: absolute; 
top: 120px; 
left: 260px; 
line-height: 1.6em;
	}

#laCarte {
border: 1px #D4E7F6 solid;
}

#laCarte img {
position: absolute;
	}

#boutonCarte {
width: 128px; 
height: 315px; 
float: right;
	}

a#Lk_message, a#Lk_carte {
width: 100px; 
float: left; 
text-align: center; 
margin: 130px 14px;
	}

#themeCartes p.field_line {
margin: 0 0 0.5em 0;
}

#themeCartes p.field_line label {
margin: 0 1em 0 0;
}

#themeCartes p.field_line input {
margin: 0 1em 0 0;
}

#themeCartes input.addDest,
#themeCartes input.suppDest, {
border: none !important;
cursor: pointer;
color: #fff !important;
margin: 0 !important;
overflow: hidden;
}
#themeCartes input.addDest {
width: 30px;
padding: 2px 1px;
border: 0;
color: #fff;
/*background: url('../img/btAddDest.png') no-repeat top center;*/
background: url('../img/btBlue.png') no-repeat center center;
}
#themeCartes input.suppDest {
width: 30px;
padding: 2px 1px;
border: 0;
color: #fff;
/*background: url('../img/btSuppDest.png') no-repeat top left;*/
background: url('../img/btBlue.png') no-repeat center center;
}
/* Messages d'erreur */

.error {font-size: 116%; color: red; font-weight: bold; text-align: center;}

/* = Bt ajout et moins ------------------------ */
input.btnAjout {position:relative; top:7px;}
input.btnSupp {position:relative; top:7px;}