/*image_bouton input_ligne_tiret*/


/*select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}*/

/* Style the label to display next to the inputs */
/*label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}*/

/* Style the submit button */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  
}

/* Style the container */
.form_container {
	width:97%;
  border-radius: 5px;
  background-color:#FFF;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.col-50 {
  float: left;
  width: 50%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.input_ligne_tiret{
	
	border: dashed 1px #000;
	border-left:none;
	border-top:none;
	border-right:none;
	border-radius:0;
	color:#0000E1;
	margin-bottom:10px;
	width:95%;
	margin-left:5px;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   resize: vertical;
   font-size:15px;
   text-transform:uppercase;
  
	
}


.input_ligne_tiret1{
	
	border: dashed 1px #000;
	border-left:none;
	border-top:none;
	border-right:none;
	border-radius:0;
	color:#0000E1;
	margin-bottom:10px;
	width:95%;
	margin-left:5px;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   resize: vertical;
   font-size:15px;
   text-transform:uppercase;
  
	
}


.input_ligne_tiret2{
	
	border: dashed 1px #000;
	border-left:none;
	border-top:none;
	border-right:none;
	border-radius:0;
	color:#0000E1;
	margin-bottom:10px;
	width:95%;
	margin-left:5px;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   resize: vertical;
   font-size:15px;
   text-transform:uppercase;
  
	
}



.labelle_input{
	text-align:right;
	display: inline-block;
	color:#000;
}



.image_bouton{
	
	width:40px;
	height:40px;
	border:thin #666 solid;
	padding:5px;
	margin:2px;
	cursor:pointer;
	
}

.image_etat_compte{
	
	width:40px;
	height:25px;
	padding:5px;
	
}


.form_annonce{
	
	width:80%;
	background-color:#EAEAEA;
	border-radius: 2px;;
    padding:10px;
	

}


.image_commentaire{
	
	max-height:100px;
	width:80%;
	
}


.photo_publication{
	width:90%;
	height:150px;
	max-height:200px;
	border:solid ipx #999;
	
	
	
}


.designe_appl{
	width:50%;
	
  font:normal 40pt Arial;
    color:#FFFFFF;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	 
}


.logo_fond_appl{
	
	 width:100%;
	 height:400px;
	 border:solid 2px #999;


}

.div_designation_connecter{
	text-align:center;
	color:#0909FF;
	font-size:16px;
	

}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, .col-50, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
  
  .labelle_input{
	text-align:left;
	display: inline-block;
  }
  
  .form_annonce{
	
	width:98%;

}
 
  
  
}