@charset "iso-8859-1";

/* =========== Structure générale ============= */
html { 
   margin:0px; padding:0px;
}

body { 
   margin:0px; padding:0px;
   text-align: center;
   background-image:url(../images/fond.gif);
   background-repeat:repeat-x;
   background-color:#3484C1;
   font-family:arial;
}

table, div  { color:#6B757F; font-family:arial; font-size:12px }
input       { color:#6B757F; font-family:arial; font-size:12px; background-color:#FFFFFF }
textarea    { color:#6B757F; font-family:arial; font-size:12px; background-color:#FFFFFF }
select      { color:#6B757F; font-family:arial; font-size:12px; background-color:#FFFFFF; border:1px solid }
table.RichText { border:#999999 1px solid }
table.RichText td, table.RichText th { border:#999999 1px solid; padding:1px }
form        { margin:0px; padding:0px }
dfn         { font-style:normal }
hr          { clear:both; height:1px; color:#999999; background-color:#999999  }
li          { margin-top:5px }
img         { border:0px }

a { color:#797979; text-decoration:none }
a:hover { color:#797979; text-decoration:underline }

div#document { width:756px; margin:auto; margin-top:10px; background-image:url(../images/bas.gif); background-repeat:no-repeat; background-position:bottom left; padding-bottom:26px } 

div#tete      { width:756px; height:77px; background-image:url(../images/haut.gif); background-repeat:no-repeat; background-position:left; text-align:left; padding-left:40px }
img#logo      { border:0px }

span.texte_gras { color:#000000; font-size:11px; font-weight:bold; white-space:nowrap }
span.texte_gras2 { color:#000000; font-size:13px; font-weight:bold; white-space:nowrap }
span.texte_bleu a, span.texte_bleu a:hover { color:#79A4DE; font-size:12px; font-weight:bold }
span.texte_gris { color:#797979; font-size:12px }
span.texte_gris_gras { color:#797979; font-size:12px; font-weight:bold }
span.texte_big { color:#000000; font-size:16px; font-weight:bold }
span.texte_big_gris { color:#797979; font-size:16px; font-weight:bold }


/* ================== Structure Page =================== */
table#page_corps { width:736px; margin-left:auto; margin-right:auto; border-top:15px solid #ECECEC; background-color:#FFFFFF; border:#FFFFFF solid 10px  }

td#page_menu_gauche { width:135px; text-align:left; vertical-align:top; background-color:#EFEFEF; background-image:url(../images/menu_gauche_bas.gif); background-position:bottom right; background-repeat:no-repeat }
td#page_menu_droite { width:135px; text-align:left; vertical-align:top; background-color:#EFEFEF; background-image:url(../images/menu_gauche_bas.gif); background-position:bottom left; background-repeat:no-repeat }
td#page_centre      { text-align:left; vertical-align:top; padding-left:1px }

div#produit_page_droite     { float:right; vertical-align:top; text-align:right }
div#produit_page_centre     { float:left; width:400px; padding-right:10px; padding-left:10px; padding-top:10px; text-align:left }

div#page_ombre_fond { background-image:url(../images/fond_ombre_page.gif); background-repeat:repeat-y  }
div#page_ombre      { background-image:url(../images/ombre_page.gif); background-repeat:no-repeat; background-position:left top }

div.page_menu_chapeau_div { width:135px; height:100%; padding-top:5px; background-image:url(../images/menu_gauche_haut.gif); background-repeat:no-repeat; background-position:top left }

div#page_recherche { position:relative; left:5px; padding-left:5px; background-image:url(../images/recherche_01.gif); background-repeat:no-repeat; background-position:top left }
input#page_recherche_string  { position:relative; height:17px; width:100px; bottom:1px; margin-bottom:3px; border:0px; background-color:#ECECEC; background-image:url(../images/recherche_02.gif); background-repeat:repeat-x }

h1.page_menu_chapeau { width:128px; margin-top:11px; margin-bottom:8px; padding-top:2px; padding-left:7px; background-color:#A8ADB4; color:#FFFFFF; font-style:normal; font-weight:bold; font-size:12px; background-image:url(../images/liste_chapeau.gif); background-repeat:no-repeat; background-position:top left }
h2.page_menu_categorie { width:128px; position:relative; left:5px; text-indent:0px; margin:0px; padding:0px; margin-top:5px; color:#666666; font-style:normal; font-weight:bold; font-size:11px  }
ul.page_menu_produit { position:relative; width:120px; left:12px; margin:0px; padding:0px; padding-bottom:8px; list-style:none }
ul.page_menu_produit li { margin-top:2px; margin-left:7px; line-height:14px }
ul.page_menu_produit li a { color:#797979; font-size:11px }
ul.page_menu_liste { position:relative; margin:0px; padding:0px; list-style:none }
ul.page_menu_liste li { margin-top:5px; margin-left:7px; line-height:14px }
ul.page_menu_liste li a { color:#797979; font-size:11px }

div#contenu { padding-left:10px; padding-right:10px; }

.page_bloc_texte_bienvenue { position:relative; margin:8px; margin-top:0px; padding-top:5px }
.page_bloc_texte { position:relative; margin:8px; color:#797979; font-size:12px }
img.page_visuel_droite { float:right; margin-left:1px; border:0px }
div.page_visuel_centre { text-align:center; position:static }
div.page_visuel_centre img { margin:auto; border:0px }

div.page_logiciel_chapeau { position:relative; clear:both; width:415px; height:13px; left:10px; top:10px; background-image:url(../images/logiciel_chapeau.gif); background-repeat:repeat-x; background-position:top left }
div.page_logiciel_bloc    { position:relative; float:left; padding-left:4px; padding-right:4px; min-height:100px; text-align:left; margin-top:10px; width:132px; color:#797979; font-size:11px; background-image:url(../images/logiciel_bloc_fond.gif); background-repeat:no-repeat; background-position:top left; }
div.page_logiciel_bloc_deb { position:relative; float:left; padding-left:11px; padding-right:4px; text-align:left; margin-top:10px; width:132px; color:#797979; font-size:11px; }

div#footerlink { color:#FFFFFF; font-size:11px; padding-bottom:20px }
div#footerlink a { color:#FFFFFF }

div#ariane { width:736px; margin-left:auto; margin-right:auto; background-color:#EFEFEF; height:15px; color:#797979; text-align:left; text-indent:5px; font-size:11px }
div#ariane a { text-decoration:underline }

div#envoyer          { margin-top:5px; padding:0; text-align:center }
div#envoyer input { border:1px solid #CCCCCC; background-image:url(../images/button_fond.gif); background-position:bottom; width:100px }

/* ======================== Formulaire type ========================== */
form#formulaire_form    { margin-left:10px; text-align:left; margin-top:10px }
input.formulaire_check { background-color:#EFEFEF }
input.formulaire_text  { width:235px; }
textarea.formulaire_textarea  { width:235px; height:100px }
input.formulaire_choix { width:184px; margin-top:5px }
input#formulaire_submit { float:right }

/* ======================== Accueil ========================== */
div#page_description     { margin-left:auto; margin-right:auto; width:395px; height:72px; padding:10px; padding-top:4px; padding-bottom:5px; background-image:url(../images/description.gif); background-repeat:no-repeat; background-position:top left }
div#page_description div { padding-top:7px; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center }

/* ======================= Page générique ==================== */
h3 { color:#6C757B; font-weight:bold; font-size:18px; text-transform:uppercase; margin:0; padding:0 }
hr#pied_titre { padding:0; color:#6C757B; background-color:#000000; border:0 }

/* ======================= Competence ======================== */
div#produits_disponibles { font-weight:bold; color:#6B757E; font-size:14px; margin-top:10px }

/* ======================= Page produit ====================== */
img#produit_chapeau { border:0px;  margin-left:5px; margin-bottom:0px }

img#documentation { border:0; margin-top:10px }
img#voir_selection { position:relative; margin-top:10px }

div#menu_produit        { width:135px; margin-top:10px; padding-bottom:5px; background-image:url(../images/m_bas.gif); background-repeat:no-repeat; background-position:bottom left }
div#menu_produit_haut   { padding-top:5px; background-image:url(../images/m_haut.gif); background-repeat:no-repeat }
div#menu_produit_centre { text-align:left; padding:5px; font-size:10px; background-image:url(../images/m_centre.gif); background-repeat:repeat-y }

div#menu_produit_centre p { font-size:10px; }
div#menu_produit_centre img { margin:5px; border:0px }
div.menu_produit_titre  { font-size:12px; font-weight:bold; margin-bottom:3px }

a#temoignage_resume { font-style:italic; font-size:11px; margin:5px; clear:both }

/* ========================== Panier ========================= */
div#panier        { float:left; width:438px; margin-top:10px; padding-bottom:15px; background-image:url(../images/panier_bas.gif); background-repeat:no-repeat; background-position:bottom left }
div#panier_haut   { height:53px; background-image:url(../images/panier_haut.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:left; padding-left:80px; padding-top:25px }
div#panier_centre { text-align:left; width:388px; height:95px; padding-right:20px; padding-left:30px; padding-top:5px; font-size:10px; background-image:url(../images/panier_centre.gif); background-repeat:repeat-y }

div#panier_centre img { margin-right:10px; float:left; margin-top:5px; border:0px  }

p.panier_nom { position:relative; font-weight:bold; font-size:13px; color:#232524; margin-top:5px }
p.panier_nom a { color:#232524; text-decoration:none }
p.panier_nom a:hover { color:#232524; text-decoration:underline }

p.panier_description {position:relative; color:#232524 }
p.panier_suprimer { position:relative; text-align:right; padding-top:5px;  }
p.panier_suprimer a { color:#58A1D4; font-size:11px; text-decoration:none }
p.panier_suprimer a:hover { color:#58A1D4; font-size:11px; text-decoration:underline }

div#recevoir_doc       { float:right; width:262px; margin-top:21px; background-color:#EFEFEF; background-image:url(../images/doc_bas.gif); background-repeat:no-repeat; background-position:bottom left }
div#recevoir_doc_haut  { height:6px; background-image:url(../images/doc_haut.gif); background-repeat:no-repeat }
div#recevoir_doc_centre { margin-right:7px }

div#recevoir_doc img   { float:right; border:0px; margin-top:8px; margin-bottom:5px }
p#recevoir_doc_titre   { padding-left:10px; text-align:left; color:#232524; font-weight:bold; font-size:16px }
p#recevoir_doc_sstitre { clear:both; text-align:right; margin-right:10px }

/* ============== Plan du site =============== */
div.plan_du_site_dossier  { color:#797979; font-size:14px; font-weight:bold }

/* ================ Newsletter =============== */
div#newsletter            { float:left; width:438px; margin-top:10px }
div#newsletter_haut       { position:relative; height:61px; background-image:url(../images/newsletter.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:left; padding-left:80px; padding-top:25px }

div#newsletter_objectif   { position:relative; text-align:center; width:408px; color:#FFFFFF; font-size:12px; line-height:18px; font-weight:bold; text-align:left; padding:10px; padding-left:20px; padding-bottom:25px; background-image:url(../images/newsletter_objectif.gif); background-repeat:repeat-y }
div#newsletter_centre     { position:relative; text-align:center; width:388px; padding-right:20px; padding-left:30px; color:#3584BF; font-size:18px; font-weight:bold; padding-top:5px; background-image:url(../images/panier_centre.gif); background-repeat:repeat-y }

div#newsletter_centre img { margin:20px }
div#newsletter_bas        { position:relative; height:30px; background-image:url(../images/panier_bas.gif); background-repeat:no-repeat; background-position:top left }

div#newsletter_droit      { position:relative; float:left; width:395px; font-size:10px; left:25px; text-align:justify }

/* ================ Partenaire ================== */
div#partenaire            { float:left; width:438px; margin-top:5px  }
div#partenaire_haut       { position:relative; height:41px; background-image:url(../images/partenaire.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:left; padding-left:90px; padding-top:40px }
div#partenaire_centre     { position:relative; text-align:left; width:388px; padding-right:20px; padding-left:30px; color:#6C767F; font-size:12px; padding-top:10px; background-image:url(../images/panier_centre.gif); background-repeat:repeat-y }
div#partenaire_slogant    { color:#3584BF; font-size:16px; font-weight:bold; text-align:center }
div#partenaire hr         { color:#3584BF; background-color:#3584BF }

/* ============ Moteur de recherche ============= */
div#recherche_haut         { color:#48AA43; font-family:Trebuchet MS, sans-serif; font-weight:bold; font-size:16px }
div#recherche_pageprec     { margin-top:20px; float:left; width:25%; text-align:left }
div#recherche_page         { margin-top:20px; float:left; width:50%; text-align:center }
div#recherche_pagesuiv     { margin-top:20px; float:left; width:25%; text-align:right } 
span#recherche_page_select { font-size:14px; font-weight:bold }

p#rechercheadv_form_p  { width:350px; text-align:right; padding-right:100px; padding-top:30px; margin-left:auto; margin-right:auto }
p#rechercheadv_form_p input, select { margin:3px }
input.rechercheadv_input    { border:solid 1px; width:200px; }
select.rechercheadv_select  { border:solid 1px; width:205px; }
input.rechercheadv_submit   { background-color:#48AA43; color:#FFFFFF }

/* ============= Search::FullText() ============= */
div.search_titre       { color:#48AA43; font-family:Trebuchet MS, sans-serif; font-size:13px; font-weight:normal; margin-top:20px; margin-left:10px; text-indent:15px; background-image:url(../images/puce_verte.gif); background-repeat:no-repeat; background-position:0 3px }
div.search_texte       { color:#48AA43; font-family:Trebuchet MS, sans-serif; font-size:11px; margin-left:10px }
span.search_string     { font-size:13px; font-weight:bold }
div.search_score       { font-size:10px; font-style:italic; color:#FFFFFF; margin-left:10px }
div.search_rubrique    { font-size:12px; font-weight:bold; margin-left:10px }

a.search_titre   { text-decoration:underline }

/* =============== Captures d'ecran ============== */
div#screenshot_barre_haut { width:566px; margin-left:7px; margin-top:10px }
img.screenshot_image_gauche { float:left }
img.screenshot_image_droite { float:right }
div#screenshot_barre_bas { text-align:center; margin-left:7px; margin-top:10px }
div#screenshot_bloc { text-align:center; width:100% }
img#screenshot { border:1px #A8ADB3 solid; margin-left:5px; width:auto }