html{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #464646; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border: 0; margin: 0; padding: 0; }
body{ padding: 50px 0; text-align:center; }
object{ outline: none; }
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
#contenu p{ margin-bottom: 20px; text-align: justify; line-height: 19px; }
#contenu h1{ font-size: 17px; color: #2c6ec2; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
#contenu h2{ font-size: 16px; margin-bottom: 5px; }
#contenu h3{ border-bottom: 1px #d3d3d3 solid; font-size: 15px; }
/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{ margin: 0 auto; text-align:left; width: 986px; background: red; background: url(Gx/header.jpg) no-repeat left top; position: relative; padding-top: 109px; }
#lienLogo{ display: block; width: 170px; height: 80px; position: absolute; top: 18px; left: 19px; text-decoration: none; outline: none; }
#boiteRechercheEtMenu{ width: 455px; height: 39px; position: absolute; top: 0px; left: 518px; }
#boiteRechercheEtMenu #critereRechercheHeader{ padding: 2px 10px 0 10px; margin: 0; border: none; background: white; width: 195px; height: 18px; position: absolute; top: 10px; left: 12px; font-size: 13px; color: #2d2d2d; }
#boiteRechercheEtMenu #btnGoRecherche{ display: block; width: 43px; height: 39px; text-decoration: none; background: url(Gx/btn_recheche.gif) no-repeat left top; position: absolute; top: 0; left: 229px; outline: none; }
#boiteRechercheEtMenu #btnGoRecherche:hover{ background-position: left bottom; }
#boiteRechercheEtMenu #menuHaut{ float: right; position: relative; right: 17px; top: 11px; }
#boiteRechercheEtMenu #menuHaut li{ float: left; list-style-type: none; }
#boiteRechercheEtMenu #menuHaut li.sep{ margin: 0 10px; font-size: 10px; padding-top: 1px; }
#boiteRechercheEtMenu #menuHaut li a{ font-size: 11px; font-weight: normal; color: #5d5d5d; text-decoration: none; }
#boiteRechercheEtMenu #menuHaut li a:hover{ color: #2b6bbd; }
#contenu_accueil{ margin: 0 0 0 23px; padding-top: 54px; }
#contenu{ width: 947px; margin: 0 0 0 24px; padding-top: 52px; }
#contenu #fildariane{ margin-bottom: 15px; font-size: 11px; letter-spacing: 2px; position: relative; top: -3px; }
#contenu #fildariane a{ color: #555454; font-size: 11px; text-decoration: none; letter-spacing: 0px; }
#contenu #fildariane span{ color: #4490c8; letter-spacing: 0px; font-size: 11px; }
#contenu #fildariane a:hover{ text-decoration: underline; }
#contenu #fildariane a.btn_imprimer{ position: absolute; top: 0; right: 5px; color: #464646; background: url(Gx/btn_imprimer.gif) no-repeat; padding-left: 20px; font-size: 13px; }
#contenu #baniereTopPageContenu{ padding-bottom: 5px; }
#contenu #menu_contenu{ width: 265px; float: left; }
#contenu #texte{ width: 682px; float: left; }
#contenu #texte ul{ margin: 0; padding: 0; }
#contenu #texte ul li{ padding: 0 0 0 15px; margin: 0 0 10px 0; background: url(Gx/puce_liste_document.gif) no-repeat 2px 5px; list-style-type: none; }
#contenu #texte ul.listeDocument{ margin: 10px 0 0 0; padding: 0; }
#contenu #texte ul.listeDocument li{ list-style-type: none; margin: 0 0 5px 0; padding: 0 0 0 0; background: none; }
#contenu #texte ul.listeDocument li a{ padding-left: 18px; background: url(Gx/puce_liste_document.gif) no-repeat 4px 4px; color: #464646; font-size: 12px; text-decoration: none; font-weight: bold; }
#contenu #texte ul.listeDocument li a:hover{ color: #2C6EC2; background: url(Gx/puce_liste_document_on.gif) no-repeat 4px 4px; }
#contenu #texte ul.listeDocument li a span{ font-weight: normal; }
#liste_produits_page_produit ul{ margin: 0; padding: 9px 40px 0 0; list-style-type: none; float: left; }
#liste_produits_page_produit ul li{ float: none; margin: 0; padding: 0 0 0 18px; width: 250px; }
#liste_produits_page_produit ul li.titre{ font-size: 14px; color: #555454; font-weight: bold; text-transform: uppercase; margin-left: 4px; margin-bottom: 4px; cursor: default; background: url(Gx/puce_fleche_bleu.gif) no-repeat left 1px; }
#liste_produits_page_produit ul li a{ font-size: 14px; text-decoration: none; width: 239px; display: block; padding: 2px 2px 4px 4px; color: #0048ad; outline: none; line-height: 13px; border-bottom: 2px white solid; }
#liste_produits_page_produit ul li a:hover{ background: #4490c8; color: white; }
.both{clear:both;}
/* MENUS
--------------------------------------------------------------------------------------- */
#menu{ width: 986px; height: 42px; margin: 0 0 7px 24px; position: absolute; top: 110px; left: 0; }
#menu ul.menu{ list-style-type: none; height: 42px; }
#menu ul.menu li{ float: left; height: 42px; }
#menu ul.menu li.sep{ height: 42px; width: 1px; background: url(Gx/sep_menu.gif) no-repeat; overflow: hidden; }
#menu ul.menu li a{ display: block; height: 42px; text-decoration: none; outline: none; }
#menu ul#menu_fr li a{ background: url(Gx/menu_fr.gif) no-repeat; }
#menu ul#menu_en li a{ background: url(Gx/menu_en.gif) no-repeat; }
#menu ul.menu li a span{ display: none; }
#menu ul li#produits a{ width: 145px; background-position: 0px top; }
#menu ul li#services a{ width: 136px; background-position: -146px top; }
#menu ul li#entreprise a{ width: 147px; background-position: -283px top; }
#menu ul li#realisations a{ width: 158px; background-position: -431px top; }
#menu ul li#partenaires a{ width: 181px; background-position: -590px top; }
#menu ul li#contact a{ width: 175px; background-position: -772px top; }
#menu ul li#produits a:hover{ background-position: 0px bottom; }
#menu ul li#services a:hover{ background-position: -146px bottom; }
#menu ul li#entreprise a:hover{ background-position: -283px bottom; }
#menu ul li#realisations a:hover{ background-position: -431px bottom; }
#menu ul li#partenaires a:hover{ background-position: -590px bottom; }
#menu ul li#contact a:hover{ background-position: -772px bottom; }
#menu .sousmenu{ background: #173f73; padding: 16px 10px; position: absolute; top: 42px; left: 0px; opacity: 0.95; filter:alpha(opacity=95); z-index: 900; }
#menu .sousmenu ul{ margin: 0; padding: 0 10px; list-style-type: none; float: left; }
#menu .sousmenu ul li{ float: none; margin: 0; padding: 0; width: 195px; }
#menu .sousmenu ul li.titre{ font-size: 11px; color: white; font-weight: bold; text-transform: uppercase; margin-left: 4px; margin-bottom: 4px; cursor: default; }
#menu .sousmenu ul li a{ font-size: 11px; text-decoration: none; width: 189px; display: block; padding: 1px 2px 2px 4px; color: white; outline: none; line-height: 13px; border: 4px #173f73 solid; border-width: 4px 0 4px 0; }
#menu .sousmenu ul li a:hover{ background: #4490c8; }
#menu #sousmenu_produits{ left: 17px; display: none; }
#menu #sousmenu_services{ left: 150px; display: none; }
#menu #sousmenu_services li{ width: 160px; }
#menu #sousmenu_services a{ width: 154px; }
#menu #sousmenu_entreprise{ left: 287px; display: none; }
#menu #sousmenu_entreprise li{ width: 120px; }
#menu #sousmenu_entreprise a{ width: 114px; }
#menu #sousmenu_partenaires{ left: 594px; display: none; }
#menu #sousmenu_partenaires li{ width: 133px; }
#menu #sousmenu_partenaires a{ width: 127px; }
#menu #sousmenu_contact{ left: 774px; display: none; }
#menu #sousmenu_contact li{ width: 148px; }
#menu #sousmenu_contact a{ width: 142px; }
.menu_contenu{ margin: 0; padding: 0; background: #dde3e8 url(Gx/menu_contenu_haut.gif) no-repeat center top; width: 210px; padding: 10px 0 0 0; }
.menu_contenu li{ width: 210px; list-style-type: none; margin: 0; padding: 0; }
.menu_contenu li.bas{ height: 10px; background: url(Gx/menu_contenu_bas.gif) no-repeat center bottom; margin: 0; padding: 0; }
.menu_contenu li a{ display: block; width: 177px; font-size: 11px; font-weight: normal; color: #2c6ec2; text-decoration: none; padding: 6px 8px 6px 25px; background: url(Gx/menu_contenu_puce.gif) no-repeat 8px 9px; outline: none; margin: 0; vertical-align: top; }
.menu_contenu li a:hover{ background: #4490c8 url(Gx/menu_contenu_puce_on.gif) no-repeat 8px 9px; color: white; }
.menu_contenu li.titre a{ color: #555454; text-transform: uppercase; background: none; padding: 3px 0 3px 12px; font-size: 14px; }
/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
/*#boiteFlashAccueil{ width: 947px; height: 244px; text-align: center; margin-left: 1px; }
#boiteFlashAccueil #flashAccueil{ width: 947px; height: 244px; }
#boiteFlashAccueil #getFlash{ margin-top: 80px; }*/
#boiteHeaderSlideshowAccueil{ width: 947px; height: 244px; margin-left: 1px; overflow: hidden; position: relative; }
#boiteHeaderSlideshowAccueil #slideshow{ width: 946px; background-color:#000; height: 244px; }
#boiteHeaderSlideshowAccueil #btn_demande_soumission{ position: absolute; top: 166px; left: 16px; width: 245px; height: 68px; z-index: 7; text-decoration: none; cursor: pointer; outline: none; }
#boiteHeaderSlideshowAccueil .btn_demande_soumission_fr{ background: url(Gx/01/btn_demande_soumission_fr.png) no-repeat; }
#boiteHeaderSlideshowAccueil .btn_demande_soumission_fr:hover{ background: url(Gx/01/btn_demande_soumission_fr_on.png) no-repeat; }
#boiteHeaderSlideshowAccueil .btn_demande_soumission_en{ background: url(Gx/01/btn_demande_soumission_en.png) no-repeat; }
#boiteHeaderSlideshowAccueil .btn_demande_soumission_en:hover{ background: url(Gx/01/btn_demande_soumission_en_on.png) no-repeat; }
#lienRapide{ margin: 10px 0 0 0px; }
#lienRapide .boites{ width: 234px; height: 239px; float: left; margin-right: 4px; background: url(Gx/01/boite_footer.jpg) no-repeat left bottom; position: relative; margin-bottom: 10px; }
#lienRapide .boites a.lienBoite{ width: 234px; height: 239px; display: block; text-decoration: none; outline: none; }
#lienRapide .boites a.lienBoite img{ border: none; }
#lienRapide .boites a.lienBoite p.texte{ padding: 6px 12px 0 12px; color: #606060; font-size: 12px; }
#lienRapide .boites a.lienBoite .detail{ position: absolute; top: 208px; left: 10px; width: 212px; background: white; height: 16px; color: #245ca5; font-size: 12px; padding: 1px 0 0 2px; }
#lienRapide .boites a.lienBoite .detail span{ font-size: 9px; }
#lienRapide .boites a.lienBoite:hover .detail{ background: #3074b7; color: white; }
#lienRapide .boites a.lienBoite:hover img{ opacity: 0.60; filter: alpha(opacity=60); }
/* PAGE PRODUITS
--------------------------------------------------------------------------------------- */
#contenu #texte #textes_categorie_produit{ font-size: 11px; padding-left: 21px; }
#contenu #texte h1.titre_categorie_produit{ font-size: 13px; color: #555454; font-weight: bold; text-transform: none; padding-left: 20px; background: url(Gx/puce_fleche_bleu.gif) no-repeat left top; }
#contenu #liste_produits h2{ margin: 10px 0 0 21px; font-size: 13px; color: #555454; border-bottom: 1px #d3d3d3 solid; }
#contenu #liste_produits ul{ margin: 0 0 0 22px; padding: 0; }
#contenu #liste_produits ul li{ margin: 0; padding: 0; background: none; }
#contenu #liste_produits ul li ul{ margin: 0 0 10px 15px; }
#contenu #liste_produits a{ margin: 0; font-size: 11px; color: #4490c8; display: block; width: 200px; border-bottom: 2px white solid; padding: 1px 4px; line-height: 12px; }
#contenu #liste_produits a:hover{ color: white; background: #4490c8; text-decoration: none; }
#contenu #texte #detail_produit #imageProduit{ float: right; margin: 0 0 20px 20px; }
#contenu #texte #detail_produit #imageProduit a{ display: block; text-decoration: none; outline: none; }
#contenu #texte #detail_produit #imageProduit img{ border: 1px #dedbdb solid; }
#contenu #texte #detail_produit #imageProduit span{ display: block; color: #464646; font-size: 13px; background: url(Gx/02/zoom_image.gif) no-repeat; margin: 5px 0 0 3px; padding: 0px 0 7px 25px; }
.btn_retour{ color: #2c6ec2; font-size: 13px; text-decoration: underline; background: url(Gx/02/btn_retour.gif) no-repeat left 1px; padding: 0 0 0 21px; }
/* PAGE FAQ
--------------------------------------------------------------------------------------- */
#contenu #liste_faq ul.listeDocument{ margin: 10px 0 0 0; padding: 0; }
#contenu #liste_faq ul.listeDocument li{ list-style-type: none; margin: 0 0 5px 0; padding: 0 0 0 0; background: none; }
#contenu #liste_faq ul.listeDocument li a{ padding-left: 18px; background: url(Gx/puce_liste_document.gif) no-repeat 4px 4px; color: #464646; font-size: 12px; text-decoration: none; font-weight: bold; }
#contenu #liste_faq ul.listeDocument li a:hover{ color: #2C6EC2; background: url(Gx/puce_liste_document_on.gif) no-repeat 4px 4px; }
#contenu #liste_faq ul.listeDocument li a span{ font-weight: normal; }
#contenu #liste_faq .question{ }
#contenu #liste_faq .question a{ padding-left: 20px; display: block; color: #464646; font-size: 14px; font-weight: bold; background: url(Gx/08/arrow_right.gif) no-repeat left 2px; margin-bottom: 5px; }
#contenu #liste_faq .reponse{ margin: 5px 15px 40px 20px; display: none; }
/* TERRITOIRE DESSERVIE
--------------------------------------------------------------------------------------- */
#boite_droite_territoire_desservie{ width: 285px; }
#boite_droite_territoire_desservie div.boite_info{ width: 285px; background: #dde3e8 url(Gx/09/boite_info_header.gif) no-repeat; margin-bottom: 5px; }
#boite_droite_territoire_desservie div.boite_info h2{ padding-left: 35px; color: #2c6ec2; font-size: 11px; font-weight: bold; padding-top: 9px; background: url(Gx/09/fleche_fonce.gif) no-repeat 8px 8px; }
#boite_droite_territoire_desservie div.boite_info p{ margin: 0; padding: 0 0 0 35px; font-size: 11px; color: #173f73; line-height: 14px; }
#boite_droite_territoire_desservie div.boite_info div.footer{ height: 8px; width: 285px; background: #dde3e8 url(Gx/09/boite_info_footer.gif) no-repeat; margin-top: 5px; }
#boite_droite_territoire_desservie div.boite_info_pale{ background: #EEF1F3 url(Gx/09/boite_info_header_pale.gif) no-repeat; }
#boite_droite_territoire_desservie div.boite_info_pale h2{ background: url(Gx/09/fleche_pale.gif) no-repeat 8px 8px; }
#boite_droite_territoire_desservie div.boite_info_pale p{ color: #464646; line-height: 18px; }
#boite_droite_territoire_desservie div.boite_info_pale div.footer{ background: #dde3e8 url(Gx/09/boite_info_footer_pale.gif) no-repeat; }
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage #copyrights{ float:left; text-align:left; margin: 20px 0 0 0; padding-left: 24px; }
#piedPage #copyrights a{ font-weight:normal; text-decoration:none; color:#929aa5; }
#piedPage #copyrights a:hover{ font-weight:normal; text-decoration:underline; color: #929aa5; }
#piedPage #menuBas{ margin: 0 0 0 24px; padding-top: 20px; }
#piedPage #menuBas li{ float: left; list-style-type: none; }
#piedPage #menuBas li.sep{ margin: 0 10px; font-size: 10px; color: #66869d; margin-top: 1px; }
#piedPage #menuBas li a{ font-size: 11px; font-weight: normal; color: #66869d; text-decoration: none; }
#piedPage #menuBas li a:hover{ color: #0381db; }
/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
position:absolute;
border:solid 1px;
background-color:white;
text-align:left;
padding:4px;
width:315px;
display:none;
z-index: 5;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
float:left;
width:150px;
height:25px;
margin-right:4px;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{
line-height:25px;
height:25px;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
border:none;
color:black;
display:block;
text-decoration: none;
width:150px;
padding-left:2px;
border: 1px solid #fff;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
text-decoration: none;
color:#333333;
border: 1px solid #666;
width:150px;
height:25px;
display:block;
background-color:#eee;
padding-left:2px;
}
#socialBookmarker{ background: url(Gx/bg_bookmarker.gif) repeat-x; border: 1px solid #777575; padding: 0px 3px 0 25px; height:20px; cursor:pointer; overflow: hidden; margin: 16px 15px 0 0; }
#socialBookmarkerPrefix{ color: #b5b5b5; text-transform: uppercase; font-size: 10px; margin: 3px 10px 0 0; }
#icone { padding: 0 0 1px 0; float:right; }
.bookmarkIconesVisibles{ margin-top: 2px; }
#menu_produit_footer{ padding: 15px 0 0 6px; }
#menu_produit_footer ul{ margin: 0; padding: 0; list-style-type: none; float: left; }
#menu_produit_footer ul li{ float: none; margin: 0; padding: 0 0 0 18px; width: 200px; }
#menu_produit_footer ul li.titre{ font-size: 11px; color: #555454; font-weight: bold; text-transform: uppercase; margin-left: 1px; margin-bottom: 3px; cursor: default; }
#menu_produit_footer ul li a{ font-size: 10px; text-decoration: none; width: 200px; display: block; padding: 0; color: #555454; outline: none; line-height: 12px; border-bottom: 2px white solid; }
#menu_produit_footer ul li a:hover{ text-decoration: underline; }
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;font-family: "Arial";font-size: 13px;}
#formulaireQuestion .champTexte{float:left;width:300px;font-family: "Arial";font-size: 13px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;font-family: "Arial";font-size: 13px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;font-family: "Arial";font-size: 13px;}
.champTexte{
background: #EEF3F7;
border: 1px solid #C9D0D6;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
}
.textBox{
font-size: 13px;
font-family: "Arial";
}
.listeDeroulante{
background: #EEF3F7;
border: 1px solid #C9D0D6;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
}
.boiteTexte{
background: #EEF3F7;
border: 1px solid #C9D0D6;
color: #4E677A;
font-family: "Arial";
font-size: 13px;
margin:2px 0 2px 0;
padding: 2px 1px;
}
.bouton{
background-color: #EEF3F7;
color: #498ECB;
font-family: "Arial";
font-size: 13px;
font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000;}