/* Tablets & small desktop */
@media only screen and (max-device-width: 1280px) and (orientation : landscape), only screen and (max-width: 991px) {

#style-1 #content form input.radioInput,
.typeEtablissementInput, .rubriqueInput, .itemInput {
	border: 1px solid #ccc !important;
}

/* Remettre les flèches sur les select sur iPad */
#style-1 #content form select {
  -webkit-appearance: menulist !important;
  }
.page_select {
  -webkit-appearance: menulist !important;
}


/* -----------------------------------------------------------------------------
   Header
----------------------------------------------------------------------------- */

#header {
  padding: 0 1em;
}

#header > a {
  width: 48%;
  float: left;
  display: block;
}

#header > a + a {
  float: right;
}

#header > a > img {
  display: block;
  width: 100%;
}


/* -----------------------------------------------------------------------------
   Layout
----------------------------------------------------------------------------- */

#content {
  clear: both;
  width: auto;
}

#main-content {
  width: auto;
  float: none;
  overflow: hidden;
}



/* -----------------------------------------------------------------------------
   recherche
----------------------------------------------------------------------------- */
/*texte aligné a droite*/
#style-1 #content form label {
	width: 170px;
}

/*encadre avec menu deroulant*/
#style-1 #content form input[type="text"],
#style-1 #content form select,
#style-1 #content form textarea ,
#style-1 #content form input[type="file"]{
	width: 248px;
	border-radius : 0;
}

/*saisie texte*/
#style-1 #content form select {width: 260px;}

/*date a saisir*/
#style-1 #content form input.text-small1 {width: 80px;}

/*identifiant fiche*/
#style-1 #content form input.text-small {width: 114px;}

/*gestionnaire dans export mailing*/
#style-1 #content form input.text-small1.gestionnaire{width: 88px;}

/*bouton calendrier*/
#style-1 #content #calmin, #style-1 #content #calmax,
#style-1 #content #dateRDVMinButton, #style-1 #content #dateRDVMaxButton{
  width : 36px;
  padding: 0.5px;
  background-image: none;
  height: 24px;
  margin-top: 2px;
  vertical-align: middle;
    border-radius : 0;
}

.alignement_161 {margin-left: 161px;}

/*bouton recherche, reset et envoyer*/
#style-1 #content #submitInput,
#style-1 #content #envoyerBouton,
#style-1 #content #Reseter,
#style-1 #content #exportFormatInput,
#style-1 #content #importFormatInput,
#style-1 #content .dif1Button{
	border-radius: 0;
}

/* Rendre le tableau scrollable */
.table-wrapper {
  clear: both;
  overflow-x: scroll;
  width: auto!important;
}

/*position des label*/
#style-1 #content form label.in-label { 
	margin-left: 43px;
}

#style-1 #content form select.select-small2 {margin-left: 6px;}

#style-1 #content form textarea.message { 
	margin-left: 181px;
	margin-top: 6px;
}

#style-1 #content form div.clear.last { margin-bottom: 10px; }
#style-1 #content #freediv { margin-top: 10px }

/* partie region et dep liste deroulant export mailing*/
#style-1 #content form select.select-large.mailing  {
	margin-left: 350px;
	width : 150px;
}

/* placement des boutons radio export mailing*/
#style-1 #content form input.radioInput {margin-left: 10px;}

/* export mailing les 3col aligner horizontalement*/	
.cols1, .cols2, .cols3 { width: 175px; }

/*partie des select dans les 3col*/
#style-1 #content form select.select-small1 { width: 100px; }

/*partie des label dans les 3col*/
#style-1 #content form label.label-small { 
	width: 110px;
	text-align: left;
}

/*partie export filtrage label a gauche a sup pour faire rentre les select*/
#style-1 #content form .left label.label-small.filtrage { display : none; }

/*export mailing partie filtrage bloc scroll*/
#style-1 #content form select.select-large.filtrage {
	width: 200px;}

#style-1 #content .dif1Button {margin-top: 1px;}
	
	
	
	
} /* /media fin pour la notion tablette en mode portrait*/







@media only screen and (max-device-width: 1280px) and (orientation : landscape) {
/* /media pour la notion tablette en mode paysage*/
#style-1 #content form label {
  width: 200px;
}

/*bouton calendrier*/
#style-1 #content #calmin, #style-1 #content #calmax,
#style-1 #content #dateRDVMinButton, #style-1 #content #dateRDVMaxButton{
  height: 23px;
  margin-top: 2px;
}

/* Rendre le tableau scrollable */
.table-wrapper {
  width: 722px;
}
#style-1 #content form label.in-label { 
	margin-left: 53px;
}

#style-1 #content form select.select-small2 { 
	margin-left: 8px;
}

#style-1 #content form textarea.message { 
	margin-left: 6px;
	margin-top :0;
}

/* partie region et dep liste deroulant export mailing*/
#style-1 #content form select.select-large.mailing  {
	margin-left: 20px;
	width : 200px;
  vertical-align: top;
  margin-top:0px;
}

/* partie region et dep liste deroulant export mailing*/
#style-1 #content form select.select-large {
margin-left: 5px;
width : 180px;
}

/* export mailing les 3col aligner horizontalement*/	
.cols1, .cols2, .cols3 { 
	width: 247px; 
}
/*partie export filtrage label a gauche a sup pour faire rentre les select*/
#style-1 #content form .left label.label-small.filtrage { display : none; }

/*export mailing filtrage partie etablissement bloc scroll*/
#style-1 #content form select.select-large.filtrage {
	width: 234px;}


} /* /media fin pour la notion tablette en mode paysage*/



/*IPAD format 1024x768*/
@media only screen and (max-device-width: 1024px) and (orientation : landscape) {
/*liste*/
/*largeur tableau*/
#content-body { width: auto; }
#style-1 #content fieldset { width: auto;}



} /* /media fin pour la notion tablette IPAD en mode paysage*/


/* Mobile */
@media screen and (max-width: 768px) {
  .wrapper_in {
    float: none;
    width: auto;
    margin: 0;
  }

  .main .ident_form {
    float: none;
    width: auto;
    margin-left: 0;
  }

  .wrapper_in .main .ident_form .form-action {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }

  .wrapper_in .main .ident_form label {
    display: block;
    font-size: .846em;
    margin: 5px 0;
    width: 100%;
  }

  .wrapper_in .main .ident_form .input_field {
    margin-left: 0;
    padding: 4px 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .onpc_aep-stamp {
    margin: 18px auto 25px;
  }

  .onpc_aep-stamp span {
    font-size: 9px;
  }
}