/* CSS Document */

* {margin:0px; padding:0px}
* {	font-family:Arial, sans-serif;
	font-size :small;
}

body{
background-image:url(/images/body.jpg);
background-repeat:repeat-x;
margin: 0 auto;
padding: 0px ;
font-size : small;
}

img{
border: 0px;
}

a{
text-decoration: none;
color: #1d2e73;
background-color: inherit;
}

a:hover{
text-decoration: none;
color: #838497;
background-color: inherit;
}

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

p#logo_print{
position:absolute;
padding:0px 0px 0px 60px;
margin:0px;
}

div.header{
background-image:url(/images/logo.jpg);
background-repeat:no-repeat;
width:920px;
border:0 solid black;
position:relative;
display:block;
margin: 0 auto 0 auto;
padding:104px 0px 0px 0px;
visibility:hidden;
}

div#bouton{
margin: 0 auto;
float:left;
}

div#input_rechercher{
top:58px;
position:absolute;
padding:0px 0px 0px 575px;
visibility:hidden;
}

div#input_rechercher input{
float:left;
margin:0 8px 0 0;
visibility:hidden;
}

div#rechercher{
background-color:#4f515d;
color:#000000;
background-image:url(/images/bouton_rechercher.png);
background-repeat:no-repeat;
width:161px;
height:57px;
top:24px;
position:absolute;
margin:0 0 0 560px;
}

div#connecter{
top:24px;
position:absolute;
margin:0 0 0 740px;
}

div#connecter a{
background:url(/images/bouton_connexion.png) no-repeat 0 0;
display:block;
width:161px;
line-height: 57px ;
text-decoration: none ;
}

div#connecter a:hover{
background:url(/images/bouton_connexion.png) no-repeat 0 -57px;
}

div#deconnecter{
border:0 solid black;
top:24px;
position:absolute;
margin:0 0 0 740px;
}

div#deconnecter a{
background:url(/images/bouton_deconnexion.png) no-repeat 0 0;
display:block;
width:161px;
line-height: 57px ;
text-decoration: none ;
}

div#deconnecter a:hover{
background:url(/images/bouton_deconnexion.png) no-repeat 0 -57px;
}

td#connecter_inscription a{
background:url(/images/bouton_connexion.png) no-repeat 0 0;
display:block;
width:161px;
line-height: 57px ;
text-decoration: none ;	
}

td#connecter_inscription a:hover{
background:url(/images/bouton_connexion.png) no-repeat 0 -57px;
}

/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */

ul#menu{
height:40px ;
list-style-type: none ;
margin:0 0 0 190px;
visibility:hidden;
}

ul#menu li{
float: left ;
margin: 0 auto;
}

ul#menu li a{
line-height: 40px ;
font-size: 1em ;
letter-spacing: 2px ;
display: block ;
text-decoration: none ;
border-right: 1px solid #a3a6af ;
padding:0px 15px 0px 20px;
}

ul#menu li a:hover{
background: url(/images/barre_menu2.jpg) repeat-x 0 -40px ;	
color:#000;
background-color:#fff;
}

/* ------------------------------------ */
/*                                      */
/*            Conteneur                 */
/*                                      */
/* ------------------------------------ */

h4.quaternet_logicielles{
color:#f9f9f9;
background-color: inherit;
font-size:x-large;
margin:0 0 5px 0;
}

div.conteneur {
width:1024px;
margin: 0 auto;	
border:0px solid black;
padding: 10px 0px 0px 0px;
}

div.piedpage{
background-image:url(/images/pied_de_page.jpg);
background-repeat:no-repeat;
clear: both;
margin:35px 0 20px auto;
font-size:9px;
}

/* ------------------------------------ */
/*                                      */
/*            Accueil                   */
/*                                      */
/* ------------------------------------ */

p.phrase_de_recherche{ 
color:#818295;
background-color: inherit;
margin:-15px 0 0 30px;
}

div.contenu  { 
background-color: #fff;
color: inherit; 
display: block; 
margin: 0 0 0 67px; 
padding: 8px 0 0; 
width: 890px; 
}

ul#contenu_liste li{
float:left;
list-style:none;
margin:10px 0 0 30px;
border:0px solid black;

}

div#div_gauche{
width:400px;
float:left;
margin:20px 0 0 30px;
}

ul#actualite{
width:400px;
float:left;
list-style:none;
border:1px solid #88899d;
margin:0 0 20px 0;
}

ul#actualite li{
margin:5px;
}

div#div_droite{
width:400px;
height:auto;
float:left;
margin:20px 0 0 30px;
}

div#categories{
width:400px;
float:left;
position:relative;
margin: 0 0 15px 0;
list-style:none;
list-style-image:url(/images/pastille.gif);
border:1px solid #88899d;
}

ul#categorie_1 li{
width:90px;
clear:both;
list-style:none;
list-style-image:url(/images/pastille.gif);
position:relative;
border:0px solid black;
margin: 0 300px 0 20px;
padding:0px 0px 10px 0px;
}

div#newsletter{
float:left;
position:relative;
border:1px solid #88899d;
visibility:hidden;
}

/* ------------------------------------ */
/*                                      */
/*            Catalogue                 */
/*                                      */
/* ------------------------------------ */

p.img_catalogue{
border:0px solid black;
padding-left:104px;
}

div.categories2{
margin:0 0 20px 104px;
width:680px;
border:1px solid #88899d;
}

div.categories2 li{
list-style:none;
}

div.ongletsproduits{
width:683px;
height:auto;
margin-top:10px;  
margin-left:11px;
float:left;
border:1px #88899D;
margin-bottom:20px;
}

p#ongletdescriptif a{
width:125px;
height:auto;
float:left;
padding-left:0px;
margin-left:7px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}

p#ongletcaptureecran a{
width:195px;
height:auto;
float:left;
margin-left:7px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}

p#onglettelechargements a{
width:208px;
height:auto;
float:left;
margin-left:7px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}

p#onglettarifs a{
width:112px;
height:auto;
float:left;
margin-left:7px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}

div.page_onglet{
width:659px;
border:1px solid #88899d;
float:left;
background-color:#FFFFFF;
color: inherit;
display:block;
padding-left:10px;
padding-right:10px;
margin-left:1px;
}

div.cadre_produit_milieu{
width:683px;
margin-left:9px;
margin-top:5px; 
float:left;
}

p#bouton_telecharger_produit a{
background:url(/images/bouton_telecharger.png) no-repeat 0 0;
display:block;
width:161px;
line-height:57px;
text-decoration:none;
margin-top:5px;
float:right;
position:relative;
}

p#bouton_telecharger_produit a:hover{
background:url(/images/bouton_telecharger.png) no-repeat 0 -57px;
}

p.image_produit{
height:60px;
width:auto;
float:left; 
margin-top:5px;
position:relative;
}

p#texte_page_produit{
width:653px;
float:left;
margin-top:10px;
padding-left:0px;
margin-left:12px;
}

div.bloc_gauche_categorie{
float:left;
width:408px;
position:relative;
margin-top:5px;
padding-bottom:5px;
}

table.tableau_categorie{
float:left;
width:408px;
height:auto;
}

tr#text_tableau_categorie{
font-family:Arial, sans-serif; 
}

td.text_categorie{
color:#1e1f1f;
background-color: inherit;
font-family:Arial, sans-serif;
padding-left:10px;
}

td.separateur_categorie{
height:2px;
width:192px;
padding-left:10px;
}

div.bloc_droit_categorie{
float:right;
width:190px;
height:auto;
background-image:url(images/cadre_droit_cat.gif);
color:#1e1f1f;
background-color: inherit;
font-family:Arial, sans-serif; 
margin-right:38px;
margin-top:5px;
margin-bottom:10px;
position:relative;
border:0px solid black;
}

p.droit_categorie{  
font-family:Arial, sans-serif;
color:#1e1f1f;
background-color: inherit;
border:0px solid black;
}

/* ------------------------------------ */
/*                                      */
/*            Insciption                */
/*                                      */
/* ------------------------------------ */

div.formulaire_inscription{
width:400px;
float:left;
margin-top:20px;
margin-bottom:20px !important;
border-right:1px solid black;
margin-right:15px;
display:block;
}

table.identmotconnect{
width:220px;
position:relative;
float:left;
border:0px solid black;
margin-top:10px;
}
td.identmotconnect img{
float:left;
border:0px solid black;
margin-left:15px;
} 
    
td.nom_formulaire{
padding:0px 0px 0px 40px;
font-family:Arial, sans-serif;
border-width:0px;
border-style:solid;
border-color: #88899D;
}

table.tableauinscription{
margin-right:50px;
}

td.inscription{
padding:5px;
}

td#image_inscription {
border:1px solid #88899d;
width:177px;
height:30px;
}

/* ------------------------------------ */
/*                                      */
/*            Page produit              */
/*                                      */
/* ------------------------------------ */

p#logo{
float:left; 
margin-top:5px;
margin-left:10px;
border:0px solid black;
}

p#image_caddie{
float:left;
padding-left:15px;
margin-top:-20px;
border:0px solid black;
}

div#entete_panier{
width:548px;
height:450px;   
float:left;
margin-top:10px;
}

p#image_onelinestore{
float:none;
padding-left:15px;
margin-top:5px;
border:0px solid black;
}

li.onglet_panier{
width:auto;
height:auto;
float:left;
border-width:0px;
border-style:solid;
border-color: #88899D;
padding-left:4px;
padding-top:10px;
list-style:none;
}
 
.p_error{
border: 1px solid #ff3333;
background: #ffffcc;
color: inherit;
padding: 5px;
line-height: 1em;
margin-left: 12px;
margin-bottom: 5px;
margin-top:865px;
position:absolute;
}

.p_error img{
vertical-align: middle;
margin-right: 0.5em;
}

.span_error{
color: #ff3333;
background-color: inherit;
}

/* ------------------------------------ */
/*                                      */
/*            menu lateral              */
/*                                      */
/* ------------------------------------ */

div.menu_lateral{
width:177px;
margin-right:10px;
padding-bottom:20px;
border:0px solid #88899d;
display:block;
float:right;
position:relative;
}

#mon_profils{
width:177px;
border: 1px solid #88899D;
}

#mon_profils p{
font-size: 12px;
padding: 5px;
}

#mon_profils span{
margin-top: 5px;
display: block;
width: 100%;
height: 1px;
background-color: #88899D;
color: inherit;
}

p.bouton_profil img{
padding-left:20px;
border: 0px solid #88899D;
}

#mon_panier{
width:177px;
border: 1px solid #88899D;
margin-top: 5px;
}

#mon_panier p{
font-size: 10px;
padding-top:10px;
}

#mon_panier td{
font-size: 10px;
}

#mon_panier span{
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
display: block;
width: 100%;
height: 1px;
background-color: #88899D;
color: inherit;
}

.menu_cat {
width:167px;
border-left:1px solid #88899d;
border-right:1px solid #88899d;
border-bottom:1px solid #88899d;
background-color:#FFFFFF;
color: inherit;
padding:5px;
margin-bottom:5px;
}

.titre_cat {
width:177px;
border:1px solid #88899d;
margin-top:5px;
}

.valider a{
display: block;
width: 161px;
height: 57px;
background:url(/images/bouton_valider.png) no-repeat 0 0px;
margin-bottom:20px;
margin-top:20px;
margin-right:15px;
}

.valider a:hover{
background:url(/images/bouton_valider.png) no-repeat 0 -57px;
}

table.tableau_produit{
float:left;
width:100%;
height:auto;
border:0px solid black;
}

tr.tableau_onglethaut{
background-image:url(/images/barre_tableau.png);
height:45px;
color:#fdfdff;
background-color: inherit;
vertical-align: top;
}

tr.tableau_onglethaut td{
vertical-align:top;
padding-top:5px;
border:0px solid black;
}

tr.tableau_onglet0{
background-color:#d3d9ef;
color:#1d3075;
}

tr.tableau_onglet1{
background-color:#ffffff;
color:#1d3075;
border:2px solid black;
}

div#image_caddie img{
float:left;
padding-left:15px;
}

p.img_produit img{
width:682px;
height:123px;
border:1px solid #818295;
margin-left:10px;
float:left;
}

div#entete_panier{
width:548px;
height:auto;   
float:left;
position:relative;
}

p#image_onelinestore{
float:left;
margin-top:5px;
position:absolute;
margin-left:120px;
}

li.onglet_panier{
width:auto;
height:auto;
float:left;
padding-top:50px;
padding-right:2px;
padding-left:2px;
list-style:none;
padding-bottom:5px;
}

div.tableaudiv{
width:545px;
height:auto;
float:left;
position:relative;
}

tr.tableau_panier{
width:540px;
height:auto;
border:1px solid #88899d;
}

tr.tableau_bas{
width:540px;
height:auto;
background-color:#93969f;
color: inherit;
}

th.celluletableauhaut{
float:none;
width:540px;
border:1px solid #fff;
background-color:#93969f;
color:#FFFFFF;
background-image:url(/images/barre_tableau.png);
}

th.cellluletableau{
float:none;
width:540px;
height:auto;
border:1px solid #fff;
background-color:#d3d9ef;
color:#1d3075;
}

th.barreseparateurtableau{
border-top:4px;
border-style:solid;
border-color: #FFFFFF;
}

th.paiement{
float:none;
background-color:#93969f;
width:auto;
height:auto;
color:#FFFFFF;
border:1px solid #fff;
background-image:url(/images/barre_tableau.png);
}

th.montant{
float:none;
background-color:#d3d9ef;
width:auto;
height:auto;
color:#1d3075;
border:1px solid #fff;
}

p#bouton_continuer{
padding:0px;
float:right;
border:0px solid black;
margin-right:10px;
visibility:hidden;
}

p#bouton_continuer a{
background:url(/images/bouton_continuer.png) no-repeat 0 0;
display:block;
width:141px;
height:70px;
text-decoration: none ;
}

p#bouton_retour_commande{
margin-left:150px;   
padding:0px;
width:141px;
height:70px;
border:0px solid black;
float:left;
visibility:hidden;
}

div.formulaire_info{
border:1px solid #88899D;
width:537px;
margin-top:-50px;  
margin-left:153px;
float:left;
padding-top:10px;
margin-bottom:15px !important;
}

table.tableau_info{
float:left;
position:relative;
padding:0 ;
margin-left:15px;
margin-top:-15px;
}

table.tableau_info_paiement{
float:left;
position:relative;
margin:0 auto;
padding:0 ;
margin-left:10px;
border-width:0px;
border-style:solid;
border-color: #88899D;
}

td.infoperso{
background-color:#93969f;  
padding-left:10px;
font-size:large;
color:#1d3075;
}

td.infoperso_paiement{
background-image:url(/images/barre_tableau.png);  
font-size:large;
color:#f9f9fb;
background-color: inherit;
}

td.info{
padding-top:10px;     
font-family:Tahoma, sans-serif;
padding-left:0px;
}

td.infotext{
margin:0; 
font-family:Tahoma, sans-serif;
padding-top:10px;
color:#1d3075;
background-color: inherit;
}

td.infotext_paiement{ 
font-family:Arial, sans-serif;
padding-top:10px;
color:#1d3075;
background-color: inherit;
}

p#champobligatoire{
padding-top:260px;
position:absolute;
margin-left:10px;
color:#1d3075;
background-color: inherit;
}

option.selection{
margin-right:5px; 
}

td.infoselect{
padding-left:15px;
padding-top:20px
}

p.checkboxinfo{
float:left;
margin-left:300px;
margin-top:20px;
}

div#modedepaiement{
width:300px;
height:auto;
margin-left:152px;
position:relative;
float:left;
margin-top:10px;
}

tr#titremodepaiement{
background-color:#93969f;
color:#FFFFFF;
background-image:url(/images/barre_tableau.png);
}

tr#modepaiement{
background-color:#d3d9ef; 
color: inherit; 
}

div.ongletpageclient{
width:683px;
height:auto;
margin-top:20px;  
margin-bottom:20px; 
margin-left:10px;
float:left;
border:1px #818295;
}

p#ongletdevis a{
width:192px;
height:22px;
float:left;
padding-left:0px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}
    
p#onglethistoriqueachat a{
width:192px;
float:right;
padding-left:0px;
margin-left:5px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}

p#onglethistoriquetele a{
width:283px;
float:right;
padding-left:0px;
margin-left:5px;
border-left:1px solid #88899d;
border-top: 1px solid #88899d;
border-right: 1px solid #88899d;
}

div.aide{
width:681px;
float:left;
margin-left:10px;
position:relative;
margin-top:10px;
}

p.titre_aide{
font-size:large;
color:#1d3075;
background-color: inherit;
}

p.text_aide{
font-family:Arial, sans-serif;
color:#1e1f1f;
background-color: inherit;
}

p.text_aide{
font-family:Arial, sans-serif;
color:#1e1f1f;
}

p.text_aide a{
text-decoration:none;
color:#1d3075;
background-color: inherit;
}

p.text_aide a:hover{
background-color:#d3d9ef; 
color: inherit;
}

p.adressequat{
padding-left:250px;
font-family:Arial, sans-serif;
color:#1e1f1f;
background-color: inherit;
}

p.adressequat a{
text-decoration:none;
color:#1d3075;
background-color: inherit;
}

p.adressequat a:hover{
background-color:#d3d9ef; 
color: inherit;
}

a.lien_aide{
color:#1d3075;
background-color: inherit;
margin-left:2px;
padding-top:2px;
padding-bottom:2px;
}

div#modedepaiement{
width:300px;
height:auto;
border-width:0px;
border-style:solid;
border-color: #818295;
float:left;
margin-left:152px;
position:relative;
margin-top:-40px;
}

tr#titremodepaiement{
background-color:#93969f;
color:#FFFFFF;
}

tr#modepaiement{
background-color:#d3d9ef; 
}

div.contact{
border-width:1px;
border-style:solid;
border-color: #818295;
width:581px;
float:left;
margin-left:60px;
position:relative;
margin-top:20px;
font-family:Tahoma, sans-serif;
color:#818295;
background-color: inherit;
}

div.contact a{
text-decoration:none;
color:#1d3075;
background-color: inherit;
}

p#contactquaternet{
color:#1d3075;
background-color: inherit;
margin: 0 auto;
padding: 0 ;
margin-left:2px;   
}

div#image_fond_contact{
height:30px;
width:177px;
border:1px solid #88899D;   
float:left;
background-color:#d3d9ef;
color: inherit;
margin-bottom:140px;
}

div#rubrique_contact{
width:177px;
height:30px; 
border:1px solid #88899D;   
}

div.contact{
padding-bottom:20px; 
color:#1e1f1f;
background-color: inherit;
border:0px solid black;   
}

p.titre_aide{
font-size:large;
color:#1d3075;
background-color: inherit;
}

p.text_aide{
font-family:Tahoma, sans-serif;
color:#1e1f1f;
background-color: inherit;
}

p.haut_page{
font-family:Tahoma, sans-serif;
text-decoration:none;
padding-left:550px;
}

div.derniere_version_produit{
border:0px solid black;   
width:682px;    
height:50px;
margin-left:10px;
float:left;   
background-image:url(/images/motifs_gris.jpg);
margin-top:10px;
margin-bottom:10px;
}

p.image_produit{   
width:180px; 
height:50px;    
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:13px;
}

p.numero_version{  
padding-right:10px; 
margin-left:20px;
float:left;    
border:0px solid black;  
height:50px;
color:#1c2e76;
background-color: inherit;
}

p#loupe_recherche{
float:left;
width:350px;
height:154px;
margin-left:20px;
margin-bottom:20px;
}

h4#resultatrecherche{
font-family:Arial, sans-serif;
color:#1e1f1f;
background-color: inherit;
font-size:large;
margin-left:35px;
margin-bottom:20px !important;
}

p#mottaper{
float:left;
position:relative;
font-family:Arial, sans-serif;
color:#818295;
background-color: inherit;
font-size:large;
margin-top:55px;
margin-left:10px;
}

div#resultats{
float:left;
position:relative;
width:100%;
font-family:Arial, sans-serif;
color:#818295;
background-color: inherit;
font-size:medium;
margin-bottom:40px !important;
}

ul#listeresultat{
margin-left:150px;
font-family:Arial, sans-serif;
color:#818295;
background-color: inherit;
font-size:medium;
}

ul#listeresultat li{
list-style:none;
list-style-image:url(/images/pastille.gif);
}

div.condition_paiement{ 
width:540px;    
margin-left:150px;   
padding-bottom:10px;  
}

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
color: inherit;
}

#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
	
#lightboxCaption{
float: left;
 }

#keyboardMsg{
float: right; 
}

#closeButton{
top: 5px; right: 5px; 
}

#lightbox img{
border: none; clear: both;
}
 
#overlay img{ 
border: none; 
}

#overlay{
background-image: url(/images/overlay.png); 
}

ul.pagination li { 
display:inline; 
list-style-type:none; 
padding-right:1em; 
}

.validation_formulaire {
position:relative;
vertical-align:top;
width:280px;
padding-bottom:18px;
border:0px solid black;
margin-top:10px;
margin-bottom:30px !important;
margin-left:100px;
}

.validation_formulaire img{
float:left;
}

table#tableau_critere{
margin-left:165px;
margin-top:5px;
margin-bottom:5px;
}

td.cellule_tableau_critere{
background-image:url(/images/barre_tableau.png);
color:#f9f9fb;
background-color: inherit;   
padding-left:5px; 
padding-right:5px;  
}

p#valider_recherche a{
background:url(/images/bouton_valider.png) no-repeat 0 0px;
display: block;
width:161px;
height:57px;
float:right;
margin-right:150px;
margin-top:35px;
}

p#valider_recherche a:hover{
background:url(/images/bouton_valider.png) no-repeat 0 -57px;
}

p#input_recherche{
float:left;   
margin-top:57px;
}

.bouton_modifier {
background:url(/images/bouton_modifier.png) no-repeat 0 0px;
display:block;
width:161px;
height:80px;
text-decoration:none;
margin-top:15px;
float:right;
position:relative;
}

p#phrase_explicative{
width:650px;    
margin-left:10px;
padding:0px;
float:left;
border:0px solid black;
}

.remise{
color: red;
font-size: 9px;
background-color: inherit;
}

.sauvegarder a{
display: block;
width: 161px;
height: 57px;
background:url(/images/bouton_sauvegarder.png) no-repeat 0 0px;
margin-bottom:20px;
margin-top:20px;
}

.sauvegarder a:hover{
background:url(/images/bouton_sauvegarder.png) no-repeat 0 -57px;
}

table.passeoublie{
padding-left:30px;
}

div#supporttechnique{
float:left;
margin-left:10px;
margin-top:10px;
}

div.document_support{
background-color:#EEF2E8;
padding-left:40px;
}

td.envoyez_support a{
display: block;
width: 161px;
height: 57px;
background:url(/images/bouton_envoyez.png) no-repeat 0 0px;
margin-bottom:10px;
margin-top:10px;
}

td.envoyez_support a:hover{
background:url(/images/bouton_envoyez.png) no-repeat 0 -57px;
}