/* style.css  Sur tous types d'écrans orientés verticalement 
---------
Ali Coulibaly
*/
@media all and (orientation: landscape) and (max-device-height:480px)
{

.dja
{
    text-align:center;
}
#djav
{
	width:500px;
}
.info
{
	text-align:left;
	font-size:1.4em;
	padding-left:5px;
	padding-right:5px;
	padding-top:15px;
	margin-left:10%;
	width:85%;
}
    .h4_op
    {
      position:; 
      font-size:1.1em; 
      font-family:'Oswald','Helvetica','Arial','Trebuchet MS', 'sans-serif', 'Times New Roman' ;
      color:white; 
      background-color:#C72C48; 
      text-align:left; 
      height:30px; 
      width:101%;
      padding-top:10px; 
      border-radius: 5px; 
      padding-left:5px;
      margin-top:0px;'  
    }
    .logiciel
    {
      font-size:0.9em;  
    }
    .h5_op
    {
      color:red; 
      font-size:1.05em;
      font-family:'Oswald','Helvetica','Arial','Trebuchet MS', 'sans-serif', 'Times New Roman' ;
      text-align:center; 
      width:98%%; 
      display:none;  
    }
    .p_1
    {
     margin-left:; 
     font-size:1.05em;   
    }
    .infocompagnie
    {
     color: teal; 
     font-weight:bold;
     font-size:1em;   
    }
    #Secteur
    {
     font-size:1.08em;
     width:95%;
     background-color:white;
    }
    #fieldset_inscriptio
    {
     background-color:#F2FFFF; 
     font-size:1.08em; 
     margin-left:0%;
     width:100%;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 10px;
     padding-right: 10px;
      margin-top:0px;  
    }
    #label,#raison_sociallabel, #forme_juridiquelabel, 
    #adresse_compagnielabel, #code_postallabel,#ville_compagnielabel,
    #telephone1label,#telephone2label,#telecopielabel,#e_maillabel,
    #facebooklabel,#twitterlabel,#sitelabel,#registrelabel,#niflabel
    {
     font-size:1em; 
     margin-left:;
    }
    #input,#raison_social,#code_postal,#telephone1,
    #telephone2,#telecopie,#e_mail,#facebook,#twitter,#site,#registre,#nif
    {
     margin-left:; 
     width:95%; 
     height:25px; 
     font-size:0.8em;
     background-color:white;
    }
   #textarea
   {
     margin-left:; 
     width:95%; 
     height:80px; 
     font-size:0.8em;
     background-color:white;
    }
    .select,.forme_juridique
    {
    width:95%; 
    height:30px; 
    font-size:0.82em;
    }
    #adresse,#adresse_compagnie
    {
     width:95%; 
     height:80px; 
     font-size:0.9em; 
     background-color:white;
    }
    .ville,.pays,.ville_compagnie
    {
     width:85%; 
     height:30px;     
     font-size:0.8em; 
     background-color:white;
    }
    .ville2_compagnie
    {
     width:70%; 
     height:30px;     
     font-size:0.8em; 
     background-color:white;
    }
    #cadre1
    {
       height:; width: 35%; float: left; border:; position:absolute; padding:2px; 
    }
    #cadre2
    {
        height:; width: 45%; float: ; border:; padding:2px;margin-left:54%;
    }
    #type_ecran_large
    {
        display:none;
    }
    #type_ecran_petit
    {
        display:;
    }
    .boutonap
    {
     background-color:aqua; margin-left:6px;font-size:0.6em; width:auto; display:;   
    }
    #bouton_creer_compte
    {
     color:white; 
     margin-left:62%; 
     width:auto; 
     padding:8px; 
     background-color:#318CE7; 
     height:; 
     font-size:0.8em;   
    }
    .erreur
    {
     color: red; 
     font-weight:bold;
     font-size:0.9em;   
    }
    .champabsent
    {
     border: 2px solid #00CCCB ; 
     background-color:white; 
     font-size:0.85em; 
     margin-left:0%;
     width:98%; 
     padding:3px;     
     margin-top: 0px;
     padding-top: 4px;
     padding-bottom: 4px;
    }
    #fieldset_inscriptioX
    {
     background-color:#F2FFFF;
     border: ;
     font-size:1.2em; 
     width:99%;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 8px;
     padding-right: 8px;
      margin-top:0px;  
    }
    #fieldset_footer
    {
     background-color:#120D16;
     border-bottom: 5px solid #CC5500;
     border-top: 5px solid #CC5500;
     color:white;
     padding-top: 2px;
     padding-bottom: 4px;
     font-size:1em;
     width:98%;
     padding-left: 10px;
     padding-right: 10px;
      margin-top:0px;  
    }    
    #cadre_feft
    {
     height:; width: 24.23%; float: left; position:absolute; padding:2px;
    }    
    #cadre_center1
    {
     height:; width: 24.23%; float: left; position:absolute; padding:2px; margin-left:24.25%;
    }    
    #cadre_center2
    {
     height:; width: 24.23%; float: left; position:absolute; padding:2px; margin-left:48.50%;
    }    
    #cadre_right
    {
     height:; width: 24.23%; float: left; position:absolute; padding:2px; margin-left:72.75%;
    }
    #fieldset_inscriptioX1
    {
     background-color:;
     border: ;
     font-size:1.2em; 
     margin-left:;
     width:98%;
     padding-left: 5px;
     padding-right: 5px;
     padding-top:;
     padding-bottom: 2px;
      margin-top:0px; 
    }
    #distine
    {
      background-color:#F2FFFF; 
      color:;
      margin-left:40.5%;  
      margin-top:0px;
      width:57.5%; 
      position:absolute;
      font-weight:bold;
      padding-top:10px; 
      padding-bottom:5px;  
    }
    #cellule1
    {
        border: 2px solid #54F98D; 
        background-color:; 
        color:; 
        margin-left:1.9%; 
        width:92.5%; 
        padding-left:15px;
        padding-top:3px;
        padding-bottom:3px;
    }
    #cellule2
    {
        border-left: 2px solid #54F98D;
        border-right: 2px solid #54F98D;
        border-bottom: 2px solid #54F98D;
        text-decoration-line:none;
        margin-top:0px;
        margin-left:1.9%;
        width:92.5%; 
        padding-left:;
        padding-right:;
        padding-top:10px;
        padding-bottom:10px;
        text-align: center;
    }
    #serv_1, #serv_2, #serv_3
    {
        margin-left:0% !important;
    }
a #serv_1_1
    {
background-color:#D473D4; 
color: white !important;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none !important;
    }
a #serv_1_2
    {
background-color:#F6DC12;
color: white !important;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none !important;
    }
a #serv_1_3
    {
background-color:#C7CF00; 
color: white !important;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none !important;
    }
a #serv_1_1:hover, a #serv_1_2:hover, a #serv_1_3:hover
{
color: #760001 !important;
border-bottom: 3px solid #760001 !important;
border-radius: 5px !important;
background: white !important;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none !important;
}
#cordon
    {
        width:40%; 
        background-color:#F2FFFF;
        padding-left:10px;
        padding-top:5px; 
        padding-bottom:5px;
        margin-top:0px;
    }
    #espace_gr_ecran
    {
        display:none;
    }
    #alaligne
    {
        display:none;
    }
    #alaligne2
    {
        display:;
    }    
    #fieldset_connection
    {
     background-color:#F2FFFF; 
     font-size:1.08em; 
     margin-left:2%;
     width:95%;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 10px;
     padding-right: 10px;
      margin-top:0px;  
    }
    #fontstyle
    {
     background-color:white;
     color:black;
     width:88%; 
     font-size:1.4em;  
    }    

}