.spacer {margin-left:30px;}
.spacer2 {margin-left:17px;}
.spacer3 {margin-left:80px;}


p  {margin-bottom:8px;}

form {
padding:0 0 0 0;
margin:0 0 0 0;
}

h5{
font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
font-size: 15px; 
line-height: 18px; 
color: #A13535; 
text-decoration: none;
text-align: left;
font-weight:normal;
margin:0 0 0 0;
}

.ensemble_or {
background-color:#DAD1CB;
width:700px;
text-align:left;
padding:10px;
}

.ensemble_or2 {
background-color:#EBC8A0;
width:700px;
text-align:left;
padding:10px;
}

.ensemble_etap1 {
background-color:#C6D987;
width:700px;
text-align:left;
padding:15px;
}

.ensemble_etap2 {
background-color:#FDCE76;
width:700px;
text-align:left;
padding:15px;
}

.ensemble_etap3 {
background-color:#DBB4D3;
width:700px;
text-align:left;
padding:15px;
}

.ensemble_etap4  {
	background-color:#DB1127;
	text-align:left;

	color:white;
	width:100%;
	display:block;
}

.ensemble_etap4  p{font-size:0.75em; padding:15px 15px 5px 15px;}

.ensemble_etap3 {font-size:0.85em;}
.ensemble_etap3 input, .ensemble_etap3 textarea, .ensemble_etap4{display:block; margin-bottom:15px; font-size:1.2em;}


.fdTiret {
background: left top url(../images/tiretRed.gif) repeat-y;
width:20px;
color:red;
}

.Iblue {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 12px; 
color: #02A0C5; 
}

.cRose { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height: 13px; 
color: #1678b5; 
}

a .cRose  { 
color: #1678b5; 
}

a:hover .cRose {
text-decoration:underline; 
color: #1678b5; 
}

#accrochBack {
border: #1678b5 2px solid;
background-color:#FFF;
width:500px;
padding:5px 5px 0 5px;
margin-top:10px;
}

 /*-- espace pour harmoniser l'alignement des champs --*/
.champ {margin:0 10px 0 0; display:block;}

.champ2 {margin:0 10px 0 8px; display:block;}

.champ3 {margin:0 10px 0 73px; display:block;}

.champ4 {margin:0 0 0 0; display:block;}

.champ5 {margin:0 10px 0 43px; display:block;}

.champ5bis {margin:0 10px 0 52px; display:block;}

.champ6 {margin:0 10px 0 36px; display:block;}

.modif_habille, .modif_habille2 {float:left;}
#conteneur_txt_5 .modif_habille h3 {color:black;margin-bottom:5px;}
#conteneur_txt_5  h3 {margin-bottom:5px;}
.modif_habille2 {margin:10px 0px 0px 180px;}

.ensemble_or h6{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height: 13px; 
color: #000; 
text-decoration: none;
text-align: left;
font-weight:bold;
margin:0 0 0 0;
}


.ensemble_vert {
background-color:#CCDF85; 
width:700px;
text-align:left;
padding:10px;
}

.decal {
margin-left:100px; 
width:300px;
text-align:left;
}

.aide {
background: left url(../images/bulleAide.gif) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 12px; 
color: #000000; 
text-decoration: none;
padding:5px 0 10px 40px;
text-align: left;
}

.aide2 {
background: left top url(../images/bulleAide.gif) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 12px; 
color: #000000; 
text-decoration: none;
padding:0 0 10px 40px;
text-align: left;
}


input {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height: 13px; 
color: #000000; 
margin:0 10px 0px 0;
}

textarea {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height: 13px; 
color: #000000; 
margin:0 10px 0px 0;
}

.boutRadio {margin:0 5px 0 0;}


.passOubli {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 25px; 
color: #000000; 
margin:10px 0 0 0;
text-decoration:none;
}

 /*-- les boutons validez, visualisez, etc... --*/
 
.ligneBleu {
background: left url(../images/pixBleu.gif) repeat-x;
width:93%;
text-align:center;
margin-top: 5px;
}

.valid {
position:relative;
top:6px;
}

 /*-- les titre de l'étape 6 --*/
 
 .titValidOK {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 15px; 
color: #7BAB21; 
padding-top:7px;
display:block;
}

 .titValidAfaire {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 15px; 
color: #F70006; 
padding-top:7px;
display:block;
}

 .titIncomp {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 15px; 
color: #9D9D9D; 
padding-top:7px;
display:block;
}


 /* //////////////// le menu des 4 etapes 2010 /////////////////////// */
 
#etapes {
	background: left url(../images/etap_fd_ul.jpg) no-repeat;
	width:685px;
	height:37px;
	display:block;
	list-style-type: none;
	margin:15px 0px 40px 0px; 
	padding:0px 0px 0px 40px;
}

#etapes li {float:left; margin:1px 18px 0px 18px;}

#etap_1 {width:126px; height:22px; }
#etap_2 {width:106px; height:22px;}
#etap_3 {width:122px; height:22px;}
#etap_4 {width:97px; height:22px;}

#etap_1 a{
	background: left url(../images/etap_1.gif) no-repeat;
	width:126px; height:22px;
	display:block;
}
#etap_1 a:hover, #etap_1 .ok{ background: url(../images/etap_1_on.gif) no-repeat;}

#etap_2 a{
	background: left url(../images/etap_2.gif) no-repeat;
	width:106px; height:22px;
	display:block;
}
#etap_2 a:hover, #etap_2 .ok{ background: url(../images/etap_2_on.gif) no-repeat;}

#etap_3 a{
	background: left url(../images/etap_3.gif) no-repeat;
	width:122px; height:22px;
	display:block;
}
#etap_3 a:hover, #etap_3 .ok{ background: url(../images/etap_3_on.gif) no-repeat;}

#etap_4 a{
	background: left url(../images/etap_4.gif) no-repeat;
	width:97px; height:22px;
	display:block;
}
#etap_4 a:hover, #etap_4 .ok{ background: url(../images/etap_4_on.gif) no-repeat;}


 /* //////////////// les texts des 4 etapes 2010 /////////////////////// */
 
#etap_1_txt, #etap_2_txt, #etap_3_txt, #etap_4_txt {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	line-height:1.2em;
	text-align: left;
	font-weight:normal;
	width:85%;
	margin:0px 0px 20px 0px;
}

#etap_1_txt h4, #etap_2_txt h4, #etap_3_txt h4, #etap_4_txt h4{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	text-align: left;
	font-weight:bold;
	width:75%;
	margin:0px 0px 0px 0px;
}

#etap_1_txt h4, #etap_1_txt ul li .lieu, #etap_2_txt ul li .seance_film_selec {color:#8BB611;}
#etap_2_txt h4, #etap_2_txt ul li .lieu, #etap_3_txt ul li .seance_film_selec {color:#F5A700;}
#etap_3_txt h4, #etap_3_txt ul li .lieu {color:#A24892;}
#etap_4_txt h4, #etap_4_txt ul li .lieu {color:#0097D8;}
#etap_1_txt ul li .lieu_bad {color:#DB1127;}
#etap_4_txt ul  {width:650px;}
#etap_4_txt ul li .lieu_bl {
	color:white; 
	font-weight:bold; 
	font-size:0.75em; 
	margin-left:20px; 
	float:left;
	width:400px;
}

#etap_4_txt ul li .modSup_bl {
	color:white; 
	font-size:0.65em; 
	float:left;
	text-align:right;
	width:150px;
	padding-bottom:10px;
	
}

#etap_4_txt ul li .modSup_bl a {color:white;}

#etap_4_txt .modSup_bl a:hover {color:white;}

.erreur {color:#DB1127; margin:5px 0px 20px 0px; font-weight:bold;}
.modSeance {margin:0px 0px 20px 20px; font-size:0.8em;}

#etap_2_txt ul li .seance_film_selec input , #etap_3_txt ul li .seance_film_selec input 
{margin:0px 0px 10px 0px;}
#etap_2_txt ul li .seance_film_selec, #etap_3_txt ul li .seance_film_selec {font-size:0.85em;}

#etap_1_txt ul, #etap_2_txt ul, #etap_3_txt ul, #etap_4_txt ul 
	{margin:0px; padding:0px 0px 5px 0px;; list-style-type: none;}

#etap_1_txt ul div, #etap_2_txt ul div, #etap_3_txt ul div, #etap_4_txt ul div
	{float:left}
	
#etap_1_txt ul li, #etap_2_txt ul li, #etap_3_txt ul li, #etap_4_txt ul li
	{clear:left; margin-bottom:10px;}

#etap_1_txt .lieu, #etap_2_txt .lieu, #etap_3_txt .lieu, #etap_4_txt .lieu , #etap_1_txt ul li .lieu_bad 
	{width:400px; margin:0px 0px 8px 0px;}
#etap_1_txt .modSup, #etap_2_txt .modSup, #etap_3_txt .modSup, #etap_4_txt .modSup  
	{font-size:0.8em; width:200px; text-align:right; }
	
#etap_2_txt ul li ul, #etap_3_txt ul li ul  li, #etap_1_txt ul li ul  li  {margin-left:20px; font-size:0.8em; }
#etap_2_txt ul li ul  li, #etap_3_txt ul li ul  li, #etap_1_txt ul li ul  li{margin-bottom:5px;}
#etap_2_txt ul li ul  {color:#8BB611;}
#etap_3_txt ul li ul, #etap_1_txt ul li ul   {color:#F5A700;}

#etap_4_txt hr   {
	height: 1px;
	margin: 0em 0px 0em 0px;
	padding: 0px;
	color: #9D9EA0;
	background-color: #9D9EA0;
	border: 0;
}


#etap_4_txt .etap_1_h  {color:#8BB611;}
#etap_4_txt .etap_2_h, #etap_4_txt .etap_2_h_f   {color:#F5A700; font-weight:bold;}
#etap_4_txt .etap_2_h_f {margin-top:18px;}
#etap_4_txt .etap_3_h  {color:#A24892; margin-top:20px;}

#etap_4_txt .etap_1_h  span, #etap_4_txt .etap_2_h  span , #etap_4_txt .etap_3_h  span 
	{ font-weight:normal; font-size:0.95em; margin-left:15px; color:#02A0C5;}
#etap_4_txt .etap_1_h  span a, #etap_4_txt .etap_2_h  span a, #etap_4_txt .etap_3_h  span a
	{ font-weight:normal; color:#02A0C5; font-size:0.95em;}

#etap_4_txt .recap_list, #etap_4_txt .recap_listBis  {font-size:0.85em;}
#etap_4_txt .recap_list  {margin-top:15px;}
#etap_4_txt .recap_listBis  {margin-top:5px; margin-bottom:-5px;}
#etap_4_txt .recap_list  li {margin-bottom:3px;}
#etap_4_txt .recap_listBis  li {display:inline;}

#etap_4_txt h4 {margin-top:8px;}
#etap_4_txt p  {
	color:black; 
	font-size:0.85em; 
	font-family: Arial, Helvetica, sans-serif; 
	width:60%;
	}