body {
	margin:0 auto;
	padding:0px;
	border:0;
	background:#d0001a; 
	font-family : Arial;
	font-size:14px;
	color: #000000;
	text-align: center;
	}

#contenu {
	
	margin:0 auto;
	position:relative;
	width:1000px; 
	height:630px;
	text-align: left;
	}

fieldset {
	padding:0; 
	border:0;
	}

hr {
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	border: 0;
	padding:0;
	margin:0;
}

.traitEspace {
	position: relative;
	top: 5px;
	height: 15px;
	padding:0;
	margin:0;
}

hr.traitHaut {
	width:100%;
	top:56pt;
	left:8pt;
	}
	
hr.traitCentre {
	width:100%;
	top:100pt;
	left:8pt;
	}

/**************** BLOC HAUT *****************/

#bloc_haut {
	width:989px; 
	height:140px;
	}

#bloc_haut h1 {
	position:relative; 
	left:20px;
	top: 20px;
	height:60px;
	width:400px;
	font-size:16px;
	font-weight:bold;
	text-align: left;
	}
	
#bloc_haut h3 {
	position:relative; 
	top: 8px;
	font-size:15px;
	text-align: center;
	}
	
/* logo de la marque */
.imgLogo {
	position:absolute; 
	top:10px;
	left:800px;
	z-index: 100;
	
		background:url("imageFO?nomFichier=CHM_00001109.png") no-repeat;	
	
	height:60px;
	width:180px;
}

/** Libelle transparent du decompte **/
.decompte {
	float:right; 
	background:url(pages/images/decompte.gif) no-repeat; 
	padding: 17px 0 0 3px;
	text-transform:uppercase; 
	color:#ffffff; 
	font-family : Verdana;
	font-size:17px; 
	font-weight:bold;
	letter-spacing: 3px;
	width:77px; 
	height:55px;
	position:absolute; 
	right:220px;
	top:11px;
	/** test sur la visibilite du compteur selon operation **/
	visibility:hidden;
	}
	
	
/** Couleur de fond du decompte **/
.decompte_fond {
	float:right; 
	background-color:#ffffff;
	padding: 0 0 0 4px;
	color:#ffffff; 
	width:76px; 
	height:55px;
	position:absolute; 
	right:220px;
	top:10px;
	/** test sur la visibilite du compteur selon operation **/
	visibility:hidden;
	}	
	

#bloc_haut_fin {
	width:989px; 
	height:200px;
	}
	
.messageMarque_tab {
	width:100%;
	height:40px;
	vertical-align:middle;
	text-align: center;
}
	
/**********************************************/	
/*        Onglets de navigation               */
/**********************************************/

.bloc_onglets {	
	position:relative; 
	width:980px; 
	height:30px;
	padding: 10px 0 0px 10px;
	}
	

.bloc_onglets ul {
	margin:0; 
	padding:0;
	}
	
.bloc_onglets ul li {
	display:inline; 
	list-style:none;
	}
	
.onglet_num_off {
	float:left; 
	margin-left: 10px; 
	background-color:#B2B2B2; 
	text-transform:uppercase; 
	text-align: center;
	color:#FFFFFF; 
	font-size:18px; 
	font-weight:bold;
	width:14px; 
	height:33px;
	border-width:1px; 
	border-color:#B2B2B2; 
	border-style:solid;
	border-right-width:0px
	}
	
.onglet_num_on {
	float:left; 
	margin-left: 10px; 
	background-color:#ffffff; 	
	text-transform:uppercase; 
	text-align: center;
	color:#FFFFFF; 
	font-size:18px; 
	font-weight:bold;
	width:14px; 
	height:33px;
	border-width:1px; 
	border-color:#ffffff; 
	border-style:solid;
	border-right-width:0px
	}

.onglet_titre_off {
	float:left; 
	padding: 0px 0px 3px 5px !important;
	padding: 0px 0px 1px 5px !important!;
	margin-right: 35px; 
	text-transform:uppercase; 
	color:#B2B2B2; 
	font-size:12px; 
	font-weight:bold;
	width:112px; 
	border-width:1px; 
	border-color:#B2B2B2; 
	border-style:solid;
	border-left-width:0px
	}
.onglet_titre_off a:link {text-decoration: none; color: #000000;}
.onglet_titre_off a:visited {text-decoration: none; color: #000000;}
.onglet_titre_off a:active {text-decoration: none; color: #000000;}
.onglet_titre_off a:hover {text-decoration: none; color: #ffffff;}
.onglet_titre_off span {text-decoration: none; color: #000000;}	
.onglet_titre_off span a:hover {text-decoration: none; color: #ffffff;}	

.onglet_titre_on {
	float:left; 
	padding: 0px 0px 3px 5px !important;
	padding: 0px 0px 1px 5px !important!;
	margin-right: 35px;
	text-transform:uppercase; 
	color:#000000; 
	font-size:12px;
	font-weight:bold; 
	width:112px; 
	border-width:1px; 
	border-color:#ffffff; 
	border-style:solid;
	border-left-width:0px
	}

.onglet_titre_on a:link {text-decoration: none; color: #000000; ;}
.onglet_titre_on a:visited {text-decoration: none; color: #000000; ;}
.onglet_titre_on a:active {text-decoration: none; color: #000000; ;}
.onglet_titre_on a:hover {text-decoration: none; color: #ffffff;}
.onglet_titre_on span {text-decoration: none; color: #000000; ;}
.onglet_titre_on a:hover span {text-decoration: none; color: #ffffff; cursor:pointer;}
.onglet_titre_on a:active over {text-decoration: none; color: #ffffff; cursor:pointer;}


	
.titreEnvoyer{
	font-size:15px;
	vertical-align:middle;
	height:30px;
}

/**************** BLOC DE GAUCHE ******************/

#bloc_gauche {
	width:450px; 
	height:435px;
	float:left;
	padding: 0px 30px 0 20px;
	}
	
	
table.etapes {
	margin:0; 
	padding:0;
	}
		

/* formulaire de saisie */

table.tab_form {
	margin:0; 
	padding:0;
	}

td.tab_col_1 {
	width: 10px;
	vertical-align:top;
	}
	
td.tab_col_2 {
	width: 800px;
	vertical-align:top;
	}

td.alignTop {
	vertical-align:top;
	}

td.row {
	height:15px;
	}

.radio{
	position:relative;
	vertical-align:bottom;
	padding:0px 25px 0px 0 ;
	text-align:center;
}


.label{
	font-weight: bolder;
	font-size:12px;
}

.labelColored{
	font-weight: bolder;
	font-size:14px;
	font-family:Arial;
	color:#ffffff;
}
	
.textAdresse {
	width:280px;
	}	
	
.textEmail {
	width:280px;
	}		

.textNom {
	width:245px;
	}
	
.textPrenom {
	width:145px;
	}
	
.textCodePostal {
	width:67px;
	}
	
.textVille {
	width:245px;
	}

.textMessage {
	width:336px;
	height:87px;
	}

.textSignature {
	width:360px;
	}

.textAntiRobot {
	width:120px;
	}

.img_captcha {
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;
}

/**************** BLOC DE DROITE *******************/

#bloc_droite {
	float:right;
	width:440px; 
	height:435px;
	padding: 0px 5px 0 0;
	}
		
#boiteMessageTitre {

	font-size: 9px;
	position: absolute;
	top: 188px;			/* positionnement 188 - hauteur timbre*/
	left: 5px;
	width: 202px;
	height: 10px;
	overflow: none;
	font-color:#b2b2b2;
	padding: 0px 0px 0 2px;
	border-width: 1px 1px 0px 1px;
	border-color: #b2b2b2;
	border-style: solid;
	background-color:white;
	z-index:1;
}

#boiteMessage {
	font-size: 9px;
	font-family: Monotype Corsiva;
	position: absolute;
	top: 188px;			/* positionnement 188 - hauteur timbre*/
	left: 5px;
	padding: 0px 0px 0 2px;
	width: 202px;
	height: 83px;
	overflow: none;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;
	background-color:white;
}
	
#boiteMessage img {
	position: absolute;
	top: 11px;		
}

	
#boiteAddressExp {
	font-size:5px;
	font-family:Courier New;
	font-color:black;
 	position:absolute; 
	top:100px;
	padding-top:3px;
	left:235px;
	width:195px; 
	height:16px;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	}

#boiteAddressDest {
	font-size:9px;
	font-family:Courier New;
 	position:absolute; 
	top:146px;
	left:235px;
	width:205px; 
	height:58px;
	}
	
	

.cartes {
	position:relative;
	left: 50px;
	width : 900px;
	float: left;
}




.carte_recto_sans_image {	  
	float:left;
	width:440px; 
	height:310px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;	
	background-color:white;
	}

.carte_recto_sans_image_miniature {	  
	float:left;
	width:44px; 
	height:31px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;	
	margin-right:10px;
	background-color:white;	
	}
	
.carte_recto_sans_image_miniature_selectionnee{
	float:left;
	width:44px; 
	height:31px;
	border-width:2px; 
	border-color:#ffffff; 
	border-style: solid;	
	margin-right:10px;
	background-color:white;	
	}

.carte_recto {	  
	float:left;
	width:440px; 
	height:310px;
	}

.carte_recto_portrait {	  
	float:left;
	width:219px; 
	height:310px;
	}

.carte_recto_miniature {	  
	float:left;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;
	margin-right:10px;
	}

.carte_recto_miniature_selectionnee{	
	float:left;
	border-width:2px; 
	border-color:#ffffff; 
	border-style: solid;
	margin-right:10px;
	}	


.img_carte_recto {	
	position:relative;
	width:440px; 
	height:310px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;	
	}	
	

.img_carte_recto_portrait	{
	position:relative;
	width:219px; 
	height:310px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;	
	}	

.img_carte_recto_miniature {	
	position:relative;
	width:44px; 
	height:31px;
	border-width: 0px;
	}	

.img_carte_recto_portrait_miniature	{
	position:relative;
	width:31px; 
	height:44px;
	border-width: 0px;
	}	

.bloc_mini_visuel{	
	clear:left;
	padding-top:10px;
	}	

.choix_visuel{
	width:150px;
	float:left;
	}


	
.bouton_choix_visuel {
	background-color:#ffffff;
	}


.img_carte_new {
	position:absolute;
	top: 0px;
	left: 0px;
	width:220px; 
	height:307px;
	}	
	
.img_carte_old {
	position:absolute;
	top: 0px;
	left: 0px;
	width:439px; 
	height:307px;
	}		
	

.carte_verso {
	top: 0px
	left: 0px	  
	width:440px; 
	height:310px;
	position:relative;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;	
	background-color:white;		
	}
	
	

.img_lettre_prio {
	position: absolute;
	top: 10px;
	left: 385px;
	width: 40px;
	height: 40px;
}	


.text_remplacement {
	position: relative;
}

.texteAvertissement {
	position:absolute;
	top:590px;
	left:10px;
}

.etape_num {
	color:#ffffff; 
	font-weight:bold;
	background-color:#ffffff;
	text-align:center;
	width:14px;
	}	
	
.etapes_col {
	width:4%;
}
	

.explication{
	height:20px;
	font-size:14px;
	font-family:Arial;
	color:#ffffff;
}



.baseline{
	height:20px;
	font-size:24px;
	font-family:Verdana;
	color:#ffffff;
}
	

.styletitre2{
	height:20px;
	font-weight:bolder;
	font-size:14px;
	font-family:Arial;
	color:#ffffff;
}
		

.style_legende {
	font-size:10px;
	font-family:Arial;
	color:#ffffff;
}
		

.style_libelle{
	font-size:12px;
	font-weight: bolder;
	font-family:Arial;
	color:#000000;
}

	
.message_reduit {
	font-size:12px;
	font-family:Arial;
	color:#ffffff;
}


.style_caseACocher{
	font-size:14px;
	font-family:Arial;
	color:#ffffff;
}
	
	
.style_cgu{			
	font-size:14px;
	font-family:Arial;
	color:#ffffff;
}
		
		
.style_droit_info{
	font-size:10px;
	font-family:Arial;
	color:#ffffff;		
}
	

.style_lien{
	font-size:12px;
	font-family:Arial;
	color:#ffffff;		
}
	

.message_verso {
	font-size:10px;
	position : relative;
	left: 10px;
	color:#ffffff;
}		
	
			

 

 	
.bouton_etape_titre {
	display : block;
	float: left;
	padding: 2px 0 0px 5px;
	cursor:pointer;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 16px;
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
}


.bouton_etape_titre_suite {
	background:url("/pages/images/bt_etape.gif") no-repeat;
	display : block;
	float: left;
	padding: 0px 2px 0px 0px;
	cursor:pointer;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family : Arial;
	width: 65px;
	height: 20px;
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
}


.bouton_etape_signe {
	float: left;
	cursor:pointer;
	background-color: #ffffff;
	text-align: center;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
	height:18px;
	width:18px;
}

.bouton_etape_signe_suite {
	float: left;
	cursor:pointer;
	background :url("pages/images/bt_suivant.gif") no-repeat;
 	background-color: #ffffff;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	width: 22px;
	display : block;
	border: 0;
	height:20px;
}



.bouton_etape_titre_param {
	display : block;
	float: left;
	padding: 2px 0 0px 5px;
	cursor:pointer;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
}

.fondEnEdition {
	color: #000000;

}



.border_bouton{
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
	width: 83px;
	height: 18px;
}



.etape_fin {
	position:absolute;
	/*float:left;*/
	top: 320px;
	display : block;
	cursor:pointer;
	text-decoration: none;
	border: 0;	
	clear : both;
	zoom: 1;
	
 	}
 	
.etape_fin img {
	border: none;
	position:relative; 
	top:0px;
	left: 0px;
	float:left;
	}
	
.carte_verso_fin {	  
	position:absolute;
	right:0px;
	width:440px; 
	height:310px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;
	background-color:white;	
	}
	
.img_carte_recto_fin {	
	width:440px; 
	height:310px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;
	}
	
.img_carte_recto_fin_portrait {	
	width:219px; 
	height:310px;	
	border-width: 1px;d
	border-color: #b2b2b2;
	border-style: solid;
	}
	
.img_carte_verso_fin_old {	
	position:absolute;
	width:440px; 
	height:309px;
	}	

.img_carte_verso_fin_new {	
	position:absolute;
	width:220px; 
	height:309px;
	}	

.bouton_etape_signe_fin {
	float: left;
	cursor:pointer;
	background-color: #ffffff;
	color: #FFFFFF;
	text-align: center;
	width: 18px;
	height: 19px;
	display : block;
	border: 0;	
	padding: 1px 2px 0px 3px;
}