/* CSS Document */

*{
margin:auto;
padding:auto;
}

body{
background-color:#CCCCCC;
font-family:verdana,arial,times,serif;
text-align:center;
font-size:12px;
}


#page {
width:949px;
border: 1px solid black;

}


    #conteneur{
    background-color:white;
    }  
    
    


#bandeau{
margin:0px;
padding:0px;
}

#menucss{
text-align:left;
width:1200px;
}

.imgmenu{
float:left;
}
    
 
p{text-align:justify;}
li{list-style-type: none;}
a{text-decoration:none;}
.exnum{font-size:9px;color:#F76F03;}
      
/*++++++++++++++/*menuprod PRODUIT*/
                    #menuaccueil{
                    width:220px;
                    float:left;
                    margin-left:40px;
                    margin-top:0px;
                    }
                            #menulogiciel ul{
                            padding:0px;
                            margin:0px;
                            }
                                    /*SSSSSSSSSSSSSSSSSSSSS************SELECTIONNER*/
                                    
                                    .menulogicielSul{
                                    margin:0px;
                                    padding:0px;
                                    list-style-type: none;
                                    color:white;
                                    }
                                    
                                    .menulogicielSul li{
                                    background-color:#525759;
                                    text-align:left;
                                    padding-left:10px;
                                    padding-top:10px;
                                    padding-bottom:10px;
                                    border-left: 1px solid #CCCCCC;
                                    border-right: 1px solid #CCCCCC;
                                    }

/*#DOUBLON*/
                                    .SSselectionner{
                                    background-color:#525759;
                                    text-align:left;
                                    padding-left:10px;
                                    padding-top:10px;
                                    padding-bottom:10px;
                                    border-left: 1px solid #CCCCCC;
                                    border-right: 1px solid #CCCCCC;
                                    }
/*#DOUBLON*/                                    
                                    
                                          .menulogicielSul a{
                                          color:white;
                                          text-decoration:none; 
                                          border-left: 5px solid #FE9808;
                                          padding-left:5px;    
                                          }
                                    
                                    
                                    /**/
                                    /*PAS SELECTIONNER*/
                                    
                                    .menulogicielul{
                                    margin:0px;
                                    padding:0px;
                                    list-style-type: none;
                                    }
                                    
                                    .menulogicielul li{
                                    background-color:#F6F6F7;
                                    text-align:left;
                                    padding-left:20px;
                                    padding-top:10px;
                                    padding-bottom:10px;
                                    color:#525759;
                                    border-left: 1px solid #CCCCCC;
                                    border-right: 1px solid #CCCCCC;
                                    }
/*#DOUBLON*/  
                                    .NSSselectionner{
                                    background-color:#F6F6F7;
                                    text-align:left;
                                    padding-left:20px;
                                    padding-top:10px;
                                    padding-bottom:10px;
                                    color:#525759;
                                    border-left: 1px solid #CCCCCC;
                                    border-right: 1px solid #CCCCCC;
                                    }
                                          .menulogicielul a{
                                          color:#525759;
                                          text-decoration:none;     
                                          }
                                          .menulogicielul li:hover{      
                                          text-decoration:none;
                                          background-color:#D2D2D2;
                                          color:white;
                                          border-left: 2px solid #FE9808;
                                          }
                                    
                                    /**/                                    
/*++++++++++++++*/   
 
    #accueilflash{
      float:left;
      margin-top:20px;
      margin-left:75px;
    }  
    .accueilpack{
      float:left;
      border: 1px solid #D2D2D2;
      margin-top:40px;
      margin-left:4%;
      width:265px;
    }  
    
    .accueilpackactu{
    float:left;
    border: 1px solid #D2D2D2;
    margin-top:40px;
    margin-left:4%;
    width:265px; 
   
    }     

    /*TABLO -- accueilactu (style)*/
    #imagepaddingrrr{
    padding:10px; 
    margin-top:20px;       
    }    
    
    
        .dateaccueil{
        font-size:10px;
        float:right;        
        color:#525759;
        }

        .acceuilnewtitre{        
        float:left; 
        margin-bottom:10px;       
        } 
        
        .bloctxtactuaccueil{
        text-align:justify;
        font-size:12px;
        color:#525759;        
        }
 
              
.normal{
color:#525759;
}   
/*tableau exemples*/
.txtex{text-align:left;font-weight: bold;font-size:14px;}
.txtextitre{text-align:center;font-weight: bold;font-size:12px;}

.txtex2{text-align:center;font-weight: bold;font-size:14px;}
.txtextitre2{text-align:left;font-weight: bold;font-size:12px;}

.txttitre{text-align:left;font-weight: bold;font-size:11px;color:#525759;}
.ensavoirp{font-size:12px;font-weight: bold;color:#F76F03;text-decoration:none;}
.bloctxtactu{text-align:justify;font-size:12px;}
.bloctxtactupt{font-size:12px;background-color:#444444;color:white;text-align:center;padding:4px;}   
    
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



/*ééééééééééééééé      PRESENTATION*/
#presentblocgr{
float:left;
width:70%;
text-align:justify;
padding-left:20px;
}

#blocopc{
float:right;
width:24%;
margin-right:15px;
padding-top:20px;
text-align:justify;
padding-left:10px;
}
    .produitmini{
      margin-top:40px;
      margin-left:3px;
    }
  /*HHHHHHHHHHHHHHHHHHHH> TEXTE <HHHHHHHHHHHHHHHHHHHHHHHH*/
h1{font-weight:bold;font-size:18px;}
.titreh1{text-align:left;font-weight:bold;font-size:18px;padding-top:20px;padding-bottom:20px;}
.titreh2{float:left; margin-top: 30px; font-weight:bold; font-size:18px;}
.titreh1date{text-align:left;font-weight:bold;font-size:18px;padding-bottom:20px;}
.titreNONh1{text-align:left;font-weight: bold;font-size:18px;padding-top:10px;padding-bottom:20px;}

.image{
padding-top:20px;
}

.imagelstfleche{
padding-right:8px;
}

.lienstxt:hover{  
margin:0px;
padding:0px;
color:#525759;
text-align:right; 
font-weight:bold;
text-decoration:underline;
}
  
.lienstxt{ 
font-weight:bold;     
margin:0px;
padding:0px;
color:#FE9808;
text-align:right;
text-decoration:underline; 
}      
      
      
.bloctxt{text-align:justify;padding-top:5px;}
/*ééééééééééééééé*/

.imgmilieu{
text-align:center;
}
/*NWNWNWNWNWNWNWNWNWNWNWW> PAGE ACTUALITES <NWNWNWNWNWNWNWNWNWNWNWW*/

#pageactu{
padding-left:20px;
padding-right:20px;
}

.blocdate{
float:left;
width:100px;
margin-left:50px;
}
          .blocdate h5{         
          color:#20262D;
          font-size:12px;
          font-style:italic;
          }


.blocactu{
float:left;
text-align:justify;
width:500px;
margin-left:80px;
border-left: 5px solid #FE9808;
padding-left:40px;
}

.bloctxtactu{
text-align:justify;
}

#bloctxtbas{
text-align:center;
background-color:#FE9808;
margin-left:80px;
margin-right:80px;
padding-top:10px;
padding-bottom:10px;
color:white;
font-size:16px;
}


.datearticle{
font-size:20px;
color:#FE9808;
}

/*NWNWNWNWNWNWNWNWNWNWNWW> FIN PAGE ACTUALITES <NWNWNWNWNWNWNWNWNWNWNWW*/


/*******************************************************ESPACE CLIENT*/

#connection{
float:left;
margin-left:20px;
width:60%;
}

        #formulaire{
        width:105%;

        }
        
        #formulairemdp{
        width:70%;        
        }

        

        
.pttitre{font-weight: bold;font-size:12px;display:inline;}
.petit{font-size:10px;text-align:center;}
.petitform{font-size:10px;text-align:justify;padding-left:10px;padding-right:10px;}
.petitform2{font-size:10px;text-align:justify;padding-left:10px;padding-right:10px;color:red;}

.liensdeconnect{padding-left:20px;}

.imgtelecharger{
padding-top:20px;
padding-bottom:20px;
text-align:center;
}
    
.txtclientaccueil{
float:right;
width:430px;
padding-top:50px;
margin-right:40px;
}    

.imagclientaccueil{
float:left;
width:175px;
}


/*FORMULAIRE D'INSCRIPTION*/

#blocinscription{
padding-left:20px;
padding-right:20px;
}

#floatleft{
float:left;
width:48%;
margin-left:10px;
}

#floatright{
float:right;
width:48%;
margin-right:10px;
}


.tablocontact{
font-size:11px;
border: 1px solid black;
}
      .tablocontact td{
      padding:5px;
      margin:0px;
      
      } 
      
      
.tabloinscription{
font-size:11px;
border: 1px solid black;
margin:10px;
text-align:left;
}

      .tabloinscription td{
      padding:5px;
      margin:0px;
      }
      
.bandeaucouleur{
background-color:#FBA60F;
}

.txtformulaireverif{
color:#4dbe0a;
font-size:11px;
}



.{
      margin:0px;
      padding:0px;
}
      .tabloproduitinscription td{
      padding:0px;
      margin:0px;
      }


/*________________________________________BAS__________________________________________*/

#bas{
clear:both;
text-align:center;
padding:20px;
font-size:10px;color:#736F6E;}


#bas a{font-size:10px;color:#736F6E;}

#bas a:hover{color:#000000;}
/*__________________________________________________________________________________*/

.clearboth{
clear:both;
}

.clearboth2{
clear:both;
margin:0px;
padding:0px;
height:0px;
}
/**********_________________________________/*****
/**++++++++++++++++++ GAMME DES produits /*/

img.meaImg {
	border: 0px;
}

div.meaProd {
	width: auto;
	height: auto;
	margin-bottom: 20px;
	margin-right: 6px;
	float: left;
}

div.meaProdText {
	width: auto;
	height: auto;
	padding-right: 35px;
	padding-bottom: 5px;
}

p.meaText {
	margin-bottom: 10px;
}

#pageproduitgamme{
width:100%;
}

#produitsgamme{
float:left;
width:68%;
padding-left:20px;
}

.produitsplus{
width:90%;
margin-top: 5%;
float: left;
border: 1px solid red;
}

.blocPROD1{
float:left;
padding-top:20px;
padding-left:20px;
height:100px;
}

.blocPROD2{
float:left;
padding-top:20px;
padding-left:70px;
height:100px;
}

.imagegamme{
float:left;
width:60px;
}

.bloctxtgamme{
float:left;
text-align:left;

padding-left:10px;
width:190px;
}
      .titregamme{
      font-size:14px;
      color:#525759;
      }
      
      .bloctxtgamme p{
      font-size:12px;
      color:#525759;      
      }
  

 .btgammeprodbloc{
  text-align:left;
  margin-left:80px;
 }
      
      .btgammeprod{
      padding-top:8px;
      font-size:11px;
      color:#525759;
      font-weight:bold;
      }
      .btgammeprod:hover{
      margin:0px;
      padding:0px;
      color:#525759;
      text-align:right;
      text-decoration:underline;     
      }      

#gammeproduitbas{
clear:both;

}

.gammekepserver{
float:left;
margin-top:5px;
margin-left:20px;
}

.gammedevelopement{
float:left;
width:250px;
margin-left:10px;
}


    .produitminipagePROD{
      float:left;
      width:250px;
      margin-top:40px;
    }

/**********_________________________________/*****
/**++++++++++++++++++ produits seul /*/

#produitsblocgr{
float:left;
width:500px;
margin-left:20px;
}

.imageproduits{
margin-top:30px;
}



#blocsupport{
float:right;
width:27%;
padding-top:20px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align:justify;
padding-left:10px;
padding-right:10px;
background-color:#EDEDED;
}
    #blocsupport ul{
    padding-bottom:40px;
    padding:0px;
    margin:0px; 
     }
    #blocsupport li{
    padding-top:8px; 
    padding-left:20px;
     }

    #blocsupport a{
    color:#3544A0;
    }   
    #blocsupport a:hover{
    color:#3544A0;
    text-decoration:underline;
    }  

#bloconglet{
float:left;
width:580px;
}

#cadreproduits{
padding:20px;

border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

      /*LIENS*/
        .produitliens{
        padding:0px;
        margin:0px;   
        text-align:left;      
        }

      /*PRESENTATION*/
        .nomlogiciel{
        border-left: 5px solid #FE9808;
        padding-left:10px;
        font-size:14px;
        text-align:left;
        margin-top:30px;
        }
      
        .iconeproduits{
        display:inline;
        float:left;
        width:305px;
        font-size:11px;
        text-align:justify;
        }
        
        .bloctxtprodprensent{
        float:left;
        width:175px;
        }
        
        /*CARACTERISTIQUES*/
        .blocliste{
        width:500px;
        text-align:left;
        font-size:12px;
        margin:0px;
        padding:0px;
        }
       
              .blocliste li{
              border-left: 3px solid #FE9808;
              margin:0px;
              padding:0px;
              padding-left:10px;     
              margin-top:10px;         
              }   
 
         
         /*SUPPORT (CONFIGURATION+drivers)*/
         .titrebandeau{
         padding:5px;
         color:#525759;
         font-size:12px;
         }      

         .titrebandeau2{
         text-align:left;
         color:#525759;
         font-size:12px;
         } 
         
         .liensbandeau{
         background-color:#CCCCCC;
         color:#525759;
         font-style:bold;
         font-size:11px;
         display:block;
         padding:5px;
         text-align:right;
         }
         
/*|||||||||||||||||||||||||||||||||||||||||||||||||-----ONGLET*/       
#bloconglet{
padding-left:30px;
}

#onglet{
text-align:center;
margin:0px;
padding:0px;


}

#onglet li{
display:inline;
float:left;
width:109px;
}


      .ongletNNSelecT{
      color:#444444;
      text-decoration:none;
      display:block;
      background-image:url(images/onglet2.jpg);
      border-bottom: 1px solid #CCCCCC;
      padding-top:10px;
      padding-bottom:10px
      }

      .ongletSelecT{
      background-image:url(images/onglet2roll.jpg); 
      color:#444444;
      text-decoration:none;
      display:block;
      padding-top:10px;           
      padding-bottom:10px
      }


      #onglet a:hover{      
      text-decoration:none;
      background-image:url(images/onglet2roll.jpg);
      }


/*CONFIGURATION*/

.bloctxtcongif{
text-align:justify;
}
.titressonglet{
        border-left: 5px solid #FE9808;
        padding-left:10px;
        font-size:14px;
        text-align:left;
        margin-top:30px;
}



/*DRIVERS*/
.tablodrivers{
border: 1px solid #CCCCCC;
font-size:12px;
width:650px;
}
    .tablodrivers td{
    padding:8px;
    }
        .lignevert{
        background-color:#E6EBF1;
        font-style:italic;
        }
        
        .lignegris{
        background-color:#F4F8FB;
        font-style:italic;
        }
        
        .bandeaucolone{
        background-color:#96A0AB;
        }
        
.formdriverrecherche{
padding:20px;
border: 3px solid #CCCCCC;
}

.newtitre{font-weight: bold;font-size:14px;}

#blocpage{
text-align:justify;
padding:35px;
font-size:11px;
}

.btespacinscrive{
float:left;
padding:10px;
padding-left:30px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*ESPACLIENT*/

/*menuprod*/
.personalisation{
font-size:12px;
color:white;
padding-left:10px;
padding-top:10px;
}

/*LOGICIEL*/
#menuespaceclient{
float:left;
width:200px;
background-color:black;
text-align:left;
font-size:12px;
padding:0px;
margin:0px;
}
#menuespaceclient ul{
list-style-type: none;
padding:0px
margin:0px;
padding-left:20px;
}



#menuespaceclient li, dt{
padding:0px;
margin:0px;
padding:10px;
}

#menuespaceclient a,dt{
color:#FD9F24;
}


.txtconnect{
font-size:12px;
padding:20px;
margin:0px;
text-align:left;
background-color:black;
width:160px;
color:white;
}
/*FIN menuprod*/

#pagespaceclient{
width:700px;
text-align:left;
margin-left:200px;
}

#blocdroite{
float:left;
width:100px;
padding-left:10px;
text-align:center;
}

  .imaglogiciel{
  padding-left:12px;
  }

#txtlogiciel{
float:left;
width:65%;
padding-left:20px;
}

#bloctitre{
padding:20px;
}

#bloctitre h1{
text-align:left;
font-size:20px;
padding:10px;
display:inline;
}

.titretablo{
font-size:14px;
font-weight:bold;
background-color:#8ED344;
color:white;
}


/*tableau exemples à télécharger de l'espace client
*/
.tabloexemples{
font-size:12px;
width:90%;
text-align:left;
margin-bottom:10px;
border: 1px solid #CCCCCC;
}

.tabloexemples td{
padding:5px;
}

/**/


.tablotelechargement{
font-size:12px;
width:200px;
text-align:left;
margin-bottom:10px;
border: 1px solid #CCCCCC;
}

.tablotelechargement td{
padding:5px;
}

#bloctxtexplic{
width:400px;
float:left;
text-align:left;
}

#blodiagram{
float:right;
}

/**/
/*FIN DU menuprod ADMIN*/

#blocadmin{
margin-top:20px;
background-color: #ddd;
border: 1px solid black;
color: #000;
width:100%;
position: absolute;
z-index: 1; 
}

.referencementimg{
float:left;
margin-right:50px;
}