/* pages/formulaire/css.css */

.formulaire_intitule{
	float:left;
	display:inline;
  text-align:right;
  margin-bottom:1em;
  clear:both;
}

.formulaire_intitule.intitule_champs{
  width:23%;
}

.formulaire_intitule.intitule_champs.formulaire_intitule_texte_seul,
.formulaire_intitule.intitule_dessus,
.formulaire_intitule.intitule_dessus_form_droite
{ 
  text-align:left;
  width:100%;
  margin-bottom:0;
}

.formulaire_intitule.intitule_dans{
  display:none;
}
 
.formulaire_champs{
	float:right;
	display:inline;
  margin-bottom:1em;
}

.formulaire_champs.intitule_champs ,
.formulaire_champs.intitule_dessus_form_droite
{
  width:75%;
}

.formulaire_champs.intitule_dessus,
.formulaire_champs.intitule_dans
{
  width:100%;
}

.formulaire_champs.intitule_champs.formulaire_champs_nombre input{
  max-width:8em;
}
 
.formulaire_bouton{
	float:right;
	display:inline;
  clear:both;
}

.formulaire_intitule.formulaire_obligatoire:after{
  content:"*";
  display:inline-block;
  color:#c10e0e;
  font-weight:bold;
  margin-left:0.4em;
}

.formulaire_liste_erreur{
  border:2px solid #c10e0e;
  padding:20px;
}

.formulaire_champs.formulaire_erreur>* , input.formulaire_erreur , select.formulaire_erreur , textarea.formulaire_erreur{
  border:2px solid #c10e0e;
}

.formulaire_div_erreur{
  border:2px solid #c10e0e;
  padding:5px;
}

.formulaire_liste_succes{
  border:2px solid #068a03;
  padding:20px;
}

.formulaire_champs .label_radio{
	float:left;
	display:block;
	width:100%;
	padding:0.5em 3ex 0.5em 0;
}

@media screen and (max-width:1000px) {

  .formulaire_intitule.intitule_champs{
    width:33%;
  }
  
  .formulaire_champs.intitule_champs ,
  .formulaire_champs.intitule_dessus_form_droite
  {
    width:65%;
  }
  
}

@media screen and (max-width:900px) {

  .formulaire_intitule.intitule_champs{
    width:38%;
  }
  
  .formulaire_champs.intitule_champs ,
  .formulaire_champs.intitule_dessus_form_droite
  {
    width:60%;
  }
  
}
@media screen and (max-width:800px) {

  .formulaire_intitule.intitule_champs{
    width:43%;
  }
  
  .formulaire_champs.intitule_champs ,
  .formulaire_champs.intitule_dessus_form_droite
  {
    width:55%;
  }
  
}
@media screen and (max-width:700px) {

  .formulaire_intitule.intitule_champs{
    width:100%;
    text-align:left;
    margin-bottom:0;
  }
  
  .formulaire_champs.intitule_champs ,
  .formulaire_champs.intitule_dessus_form_droite
  {
    width:100%;
  }
  
}