/********************************************/
/* css pour le module AddFalaise */
/********************************************/
#addFal_conteneur {
width: 99%;
height: 900px;
margin: 0px;
}
/*======================================== Top Bar =====================================*/
/* CSS pour faire les boutons d'étapes de validation dans add Falaise */
.steps {
display: block;
width: auto;
height: 50px;
padding-left: 25%;
}
.steps ul,.steps li {
margin: 0;
padding: 0;
list-style: none;
}
.steps ul {
float: left;
}
.steps li {
float: left;
width:180px;
}
.steps li span {
font-size: 14px;
display: block;
padding: 10px 20px;
color: #fff;
line-height: 1.0em;
text-decoration: none;
}
.steps li.step span {
background:url(step.png) repeat 0 0;
}
.steps li.step,.steps li.step span {
position: relative;
z-index: 3;
}
.steps li.step-1,.steps li.step-1 span {
	background-position: 180px 0px;
z-index: 2;
}
.steps li.step-2,.steps li.step-2 span {
	background-position: 0 0;
z-index: 2;
}
.steps li.step-3,.steps li.step-3 span {
z-index: 1;
}
.steps li.step-3 span {
background:url(step-end.png);
background-position: 180px 0px;
}
/*======================================== Side bar and Map ========================================*/
#addFal_boxPays {
	width:350px;
	display:none;
}

#addFal_sideBar {
position: absolute;
width: 350px;
height: 100%;
}
#addFal_rightCol {
margin-top: 10px;
margin-left: 350px;
border-color: blue;
height: 700px;
}
#addFal_sideBar span {
width: 185px;
margin-left: 5px;
float: left;
clear: left;
}
.inputKindOfStyle input {
width: 140px;
border-style: solid;
border-width: 1px;
border-color: #ccc;
height: 24px;
font-size: 12px;
}
.error {
color: red;
display: none;
margin-left: 10px;
font-style: italic;
}
/* Show and Hide sideBar */
#showPanel {
position: inherit;
z-index: 3;
display: none;
left: 0;
float: left;
padding-top: 0px;
width: 0px;
height: 100px;
cursor: pointer;
}
#nomSiteBox {
width:90%;
}
#hidePanel {
font-size: 12px;
letter-spacing: normal;
font-weight: normal;
font-variant: normal;
font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
cursor: pointer;
margin-top: -20px;
margin-left: 4px;
}
#showPanel span,#hidePanel span {
display: block;
font-size: 18px;
height: 16px;
padding: 1px 0 10px 5px;
width: 16px;
color: black;
}
.addFal_doc {
font-size: 11px;
color: #999;
font-style: italic;
font-family: Arial,sans-serif;
margin-right: 20px;
padding: 0;
width: 95%;
}
h2.AddFal {
font-size: 16px;
color: #333;
font-family: Arial,sans-serif;
margin: 0 0 20px 0;
padding: 0;
margin-top: 10px;
letter-spacing: 2px;
}
.AddFal div {
float: left;
}
#leftName div {
width: 80%;
}
.addFal_inputLong {
width: 80% !important;
border-style: solid;
border-width: 1px;
border-color: #ccc;
height: 24px;
font-size: 12px;
margin-left: 5px;
}
#toEtape2 {
width: 115px;
border-style: solid;
border-color: black;
margin-left: 65%;
margin-top: 15px;
height: 24px;
background-color: orange;
cursor: pointer;
}
#toEtape1 {
width: 135px;
border-style: solid;
border-color: black;
height: 24px;
background-color: orange;
cursor: pointer;
}
#toEtape3 {
width: 115px;
border-style: solid;
border-color: black;
height: 24px;
background-color: orange;
cursor: pointer;
}
#etape3ToEtape2 {
width: 135px;
border-style: solid;
border-color: black;
height: 24px;
background-color: orange;
cursor: pointer;
}
#ajoutPhotos {
width: 145px;
border-style: solid;
border-color: black;
height: 24px;
background-color: orange;
cursor: pointer;
}
#processFinal {
width: 100px;
border-style: solid;
border-color: black;
height: 24px;
background-color: orange;
cursor: pointer;
}
#Etape1 {
width: 100%;
border-color: green;
}
/*======================================== Etape 2 =====================================*/
#Etape2 {
display: none;
height: 100%;
}
/*#addFal_etape2Content span {
width: 210px;
margin-left: 5px;
float: left;
clear: left;
}
*/
.inputKindOfStyleInputEtape2 {
width: 90px;
border-style: solid;
border-width: 1px;
border-color: #ccc;
height: 20px;
font-size: 12px;
}

.titre_select_tof {
font-size: 24px;
width:100%;
color:#000;
}

.selectEtape1Style  {
	height:30px;
	width:150px;
	font-size:11px;
}

.selectEtape2Style  {
	height:28px;
	font-size:11px;
  display: inline-block;
}

.inputKindOfStyleInputEtape2Bigger {
width: 140px;
border-style: solid;
border-width: 1px;
border-color: #ccc;
height: 18px;
font-size: 12px;
display:inline-block !important;
}
#addFal_etape2_leftCol {
position: absolute;
width: 210px;
}
#addFal_etape2_rightCol {
width: auto;
margin-left: 210px;
}
#addFal_etape2_rightCol input[type='checkbox'] {
  margin:2px;
}
#addFal_etape2_rightCol textarea {
width: 100%;
height: 65px;
border-style: solid;
border-width: 1px;
border-color: #ccc
}
#addFal_etape2_leftCol p {
height: 25px;
margin-top: 5px;
font-size: 12px;
}
#addFal_etape2_rightCol p {
height: 25px;
margin-top: 5px;
font-size: 12px;
}

#addFal_etape2_rightCol input.standardIn {
width:300px;
border-style:solid;
border-width:1px;
border-color:#ccc;
display:inline-block;
}
#addFal_etape2_leftCol p.addFal_higher_para
#addFal_etape2_rightCol p.addFal_higher_para {
height: 43px;
padding-top: 27px;
}
#addFal_etape2_leftCol p.addFal_higher_para2
#addFal_etape2_rightCol p.addFal_higher_para2 {
height: 100px;
margin-top: 65px;
}
#addFal_etape2_leftCol p.addFal_higher_para3,
#addFal_etape2_rightCol p.addFal_higher_para3 {
height: 92px;
margin-top: 5px;
}

#addFal_etape2_leftCol p.addFal_higher_para4,
#addFal_etape2_rightCol p.addFal_higher_para4 {
height: 30px;
margin-bottom: 20px;
}

#addFal_etape2_leftCol p.type_rocher,
#addFal_etape2_rightCol p.type_rocher  {
	height: 140px;
	margin-top: 50px;
}

#addFal_etape2_leftCol p.addFal_higher_para_next,
#addFal_etape2_rightCol p.addFal_higher_para_next {
height: 65px;
margin-top: 5px;
}




.addFal_alert {
display: none;
color: red;
}
/*======================================== Etape 3 =====================================*/
#Etape3 {
display: none;
}

#Etape3 .uploadifyQueueItem {
  background-color: #FFFFFF;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  font: 11px Verdana, Geneva, sans-serif;
  height: 50px;
  margin-top: 0;
  padding: 10px;
  width: 350px;
}
#Etape3 .uploadifyError {
  background-color: #FDE5DD !important;
  border: none !important;
  border-bottom: 1px solid #FBCBBC !important;
}
#Etape3 .uploadifyQueueItem .cancel {
  float: right;
}
#Etape3 .uploadifyQueue .completed {
  color: #C5C5C5;
}
#Etape3 .uploadifyProgress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}
#Etape3 .uploadifyProgressBar {
  background-color: #0099FF;
  height: 3px;
  width: 1px;
}
#Etape3 #custom-queue {
  border: 1px solid #E5E5E5;
  height: 213px;
  margin-bottom: 10px;
  width: 370px;
}

/*========================= Light Box =============================*/
/*Lightbox background */  
#lightbox {  
 display:none;  
 background:#000000;  
 opacity:0.85;  
 filter:alpha(opacity=70);  
 position:absolute;  
 top:0px;  
 left:0px;  
 min-width:100%;  
 min-height:100%;  
 z-index:1000;  
}  
/* Lightbox panel with some content */  
#lightbox-panel {  
 display:none;  
 position:fixed;  
 top:280px;  
 left:50%;  
 margin-left:-200px;  
 width:440px; 
 height:285px;
 background:#FFFFFF;  
 padding:10px 15px 10px 15px;  
 border:2px solid #CCCCCC;  
 z-index:1001;  
}
#toWebSite {
width:150px;
border-style: solid;
border-color: black;
height:24px;
margin-left:40px;
background-color: orange;
cursor: pointer;
}
#toNewInput {
width:150px;
border-style: solid;
border-color: black;
height:24px;
margin-left:50px;
background-color: orange;
cursor: pointer;
}

.tooltip {
	font-size:14px;
}

.docPhotos {
	font-size:14px;
}