/*
CSS FAIRE UNE ANNONCE
*/

.conteneurFaireUneAnnoncePrincipale
{
	width: 100%;
}
.annonce
{
   padding: 15px;
	background-color: rgba(245 ,245 ,245 ,0.5);
	width: 100%;
}

#modeventeProduit
{
	display: none;
}

#seConnecterConteneur a,#seConnecterConteneur a:hover
{
	text-decoration: none;
}
.annonce header
{
	font-size: 24px;
	margin-left: 0;
	font-weight: bolder;
	text-shadow: 2px 2px 2px 2px;
}
#photoPostesConteneur ,#descriptionPostesConteneur,
#contactAnnonceConteneur
{
	margin: 10px;
	border-radius: 9px;
	box-shadow: 1px 1px 1px rgba(0 ,0 ,0, 0.2);
	background-color: white;
	padding-bottom: 20px;
}
.photoPostesConteneur h2
{
   font-size: 14px;
   padding-top: 10px;
   padding-left: 10px;
   margin-bottom: 5px;
}

.precisionConteneur
{
	color: rgba(0 ,0 ,0 ,0.5);
	font-size: 12px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.ajouterPhotos
{
	display: flex;
	width: 90%;
}

.photoPrincipale
{
	display: none;
}

.Principale
{
	position: relative;
	width: 90px;
	height: 90px;
	border-radius: 10px;
	cursor: pointer;
	border: 2px solid black;
	margin: 10px;
}

#descriptionPostesConteneur input[class="zoneInformation"], 
#descriptionPostesConteneur select[class="zoneInformation"],
#descriptionPostesConteneur textarea[class="zoneInformation"],
#contactAnnonceConteneur input[class="zoneInformation"],
#publierAnnonce,#annulerAnnonce
{
  padding: 15px;
  /*padding-left: 55px;*/
  border-radius: 30px;
}

input:focus,select:focus, textarea:focus
{
  outline: none;
}



 #descriptionPostesConteneur input[class="zoneInformation"]
{
	width: 90%;
	/*margin-left: 10px;*/
}
@media(min-width:500px){
#descriptionPostesConteneur textarea[class="zoneInformation"]
{
	width: 70%;
	/*margin-left: 20px;*/
}   
}

.titreAnnonce,.descriptionAnnonce
{
   font-size: 18px;
   color: rgba(0 ,0, 0 ,0.9);
   font-weight: bolder;
}

#publierAnnonce,#annulerAnnonce
{
	text-align: center;
	font-size: 22px;
	color: white;
}
#publierAnnonce
{
	background-color: rgba(255 ,79, 79, 0.5);
	margin-right:10px;
}

#annulerAnnonce
{
	background-color: rgba(74,74,74,0.5);
}


/*
   CSS POUR LA MISE EN FORME DES
    IMAGES 
   AVANT DE FAIRE LE POSTE
*/

#preview1,#preview2,#preview3,#preview4,
#preview5,#preview6,#preview7,#preview8,
#preview9
{
	position: absolute;
	top: -2px;
	left: -2px;
	bottom: 1px;
	right: 2px;
	max-width: 100px;
	min-width: 100px;
	max-height: 100px;
	min-height: 100px;
}
.appareilPhotoIcon
{
	position: absolute;
	text-align: center;
	left: 30px;
	top: 24px;
	font-size: 35px;
}

.Principale img
{
	max-height: 50px;
	min-height: 50px;
	max-width: 50px;
	min-width: 50px;
	border-radius: 10px;
}

.avantPosteCarousel
{
	display: flex;
	margin: auto;
	min-height: 200px;
	max-height: 500px;
}

.avantPostes
{
	width: 100%;
}

.AvantImagePoste
{
	margin-left: 10%;
	margin-right: 10%;
}

.AvantImagePoste img
{
   width: 100%;
   min-height: 200px;
   max-height: 500px;
}

.descriptionAnnonceConteneurDiv
{
	border-radius: 10px;
	background-color: rgba(200 ,250 ,250 ,0.1);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.5);
	margin: 10px;
}

/*  
LES MEDIAS QUERIES 
MOBILES
*/

@media(max-width: 649px)
{
.ajouterPhotos
{
	margin-left: 15%;
}
}

@media(max-width: 570px)
{
.ajouterPhotos
{
	margin-left: 1%;
} 
}

/*  
LES MEDIAS QUERIES 
TABLETTES
*/
@media (min-width: 650px) and (max-width: 768px)
{
.ajouterPhotos
{
	margin-left: 15%;
}	
}

/*  
LES MEDIAS QUERIES 
ORDINATEURS
*/
@media (min-width: 768px) and (max-width: 992px)
{
.ajouterPhotos
{
	margin-left: 30%;
}
}

@media (min-width: 992px) and (max-width: 1200px)
{

.ajouterPhotos
{
	margin-left: 30.5%;
}
}

@media(min-width: 1200px)
{
.ajouterPhotos
{
	margin-left: 40%;
}
}