html { }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFFFFF url(images/fond_einden.gif) repeat-y scroll center 0pt; text-align:center; margin:0px }
div#conteneur { text-align:left; margin-left:auto; margin-right:auto; width:1000px }
div#sidebar { float:left; position:fixed !important; width:470px }
div#sidebar div#logo { background:transparent url(images/logo_einden.jpg) no-repeat scroll 0pt 0px; height:595px; width:470px }
div#droite { float:right; width:520px; margin:0px }
/* MENU DE NAVIGATION
=============================================================== */
div#droite div#navigation { background:transparent url(images/navigation.gif) no-repeat scroll -1px 0%; height:150px; padding-left:28px; margin-top:50px; margin-bottom:50px }
div#droite div#navigation ul { list-style-type:none; margin:0px; padding:0px }
div#droite div#navigation li.item_menu_principal { display:block; width:200px; margin:0px 0px 6px 0px }
div#droite div#navigation li.item_menu_principal_select { display:block; width:200px; margin:0px 0px 6px 0px }
div#navigation li.item_menu_principal a { display:block; width:200px; padding:3px; background-color:#c0c214; color:#FFF; text-decoration:none }
div#navigation li.item_menu_principal a:hover { display:block; width:200px; padding:3px; background-color:#333; color:#FFF; text-decoration:none }
div#navigation li.item_menu_principal_select a { display:block; background-color:#666666; padding:3px; width:200px; color:#FFF; text-decoration:none }
div#navigation li.item_menu_principal_select a:hover { display:block; width:200px; padding:3px; background-color:#333; color:#FFF; text-decoration:none }
.item_menu_principal_diff { display:block; width:200px; padding:3px; background-color:#c0c214; color:#FFF; text-decoration:none }
/* SOUS MENUS
=============================================================== */
div#contenu div#entete_contenu { margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; border-bottom:1px solid #000 }
div#entete_contenu div#cadre_ssmenu { margin-bottom:0px }
ul.ssmenu { list-style-type:none; margin:0px; padding:0px }
ul.ssmenu li.sspage { display:block; float:left; padding:0px 5px 0px 5px; text-decoration:none; border-left:1px solid #b8b8b8 }
ul.ssmenu li.sspage01 { display:block; float:left; padding:0px 5px 0px 5px; text-decoration:none }
ul.ssmenu li.sspage02 { display:block; float:left; padding:0px 5px 0px 0px; text-decoration:none }
ul.ssmenu li.sspage_select { display:block; float:left; padding:0px 5px 0px 5px; color:#b8b8b8; text-decoration:none; border-left:1px solid #b8b8b8 }
ul.ssmenu li.sspage01_select { display:block; float:left; padding:0px 5px 0px 5px; text-decoration:none }
ul.ssmenu li.sspage02_select { display:block; float:left; padding:0px 5px 0px 0px; text-decoration:none }
ul.ssmenu li.sspage a { color:#b8b8b8; text-decoration:none }
ul.ssmenu li.sspage a:hover { color:#000; text-decoration:none }
ul.ssmenu li.sspage_select a { color:#000; text-decoration:none }
ul.ssmenu li.sspage_select a:hover { color:#000; text-decoration:none }
ul.ssmenu li.sspage02 a { color:#b8b8b8; text-decoration:none }
ul.ssmenu li.sspage02 a:hover { color:#000; text-decoration:none }
ul.ssmenu li.sspage02_select a { color:#000; text-decoration:none }
ul.ssmenu li.sspage02_select a:hover { color:#000; text-decoration:none }
div#droite h1 { font-size:16px; color:#000; margin:0px }
/* PAGES DES RUBRIQUES
=============================================================== */
div.page_defaut { width:475px; padding-left:40px; background-image:url(images/barre-verte.gif); background-position:-1px top; background-repeat:no-repeat }
div.agence { width:475px; padding:0px 0px 0px 40px; background-image:url(images/agence.gif); background-position:-1px top; background-repeat:no-repeat }
div.contact { width:475px; padding-left:40px; background-image:url(images/contact.gif); background-position:-1px top; background-repeat:no-repeat }
div.portfolio { width:475px; padding-left:40px; background-image:url(images/portfolio.gif); background-position:-1px top; background-repeat:no-repeat }
div.clients { width:475px; padding-left:40px; background-image:url(images/clients.gif); background-position:-1px top; background-repeat:no-repeat }
div.accueil { width:475px; padding-left:40px; background-image:url(images/accueil.gif); background-position:-1px top; background-repeat:no-repeat }
/* PAGE D'ACCUEIL
=============================================================== */
div#texte_accueil p{ margin-top:20px; text-align:justify; font-size:10px; color:#949494 }
div#texte_accueil a, div#texte_accueil a:hover { color:#949494; text-decoration:none; cursor:text }
/* CARTOUCHES DU PORTFOLIO
=============================================================== */
div.texte { float:left; width:215px; height:184px; color:#FFF; position:relative }
div.texte h2 { font-size:14px; color:#FFF; margin:10px 0px 10px 10px; font-weight:normal }
div.texte p { color:#FFF; margin:0px 0px 5px 10px; font-size:11px }
div.texte a { display:block; margin:0px 0px 0px 10px; text-decoration:none; color:#FFF }
div.texte a:hover { text-decoration:underline; color:#FFF }
div.voir_site { bottom:10px; position:absolute; font-size:11px }
html>body div.oDiv { height:182px; width:475px; background-image:url(images/transparence_einden.png); background-position:center top; background-repeat:repeat-x }
div.bloc_realisation { margin:20px 0px 35px 0px; clear:both; height:184px }
div.zoom { float:right; margin-right:2px }
/* PAGE LOGOTHEQUE
=============================================================== */
ul.vignette_client { width:485px; margin:0px; padding:0px }
ul.vignette_client li { width:121px; height:150px; margin-bottom:10px; float:left; display:block; text-align:left }
ul.vignette_client div.legende { text-align:left; font-size:10px; color:#949494 }
ul.vignette_client img { border:1px solid #949494; padding:5px; width:100px; height:100px }
div.legende a { color:#949494 }
/* PAGE AGENCE DE COMMUNICATION
=============================================================== */
div#cartouche_agence { width:100%; height:184px; background-color:#003366; color:#FFF; margin-bottom:40px }
div#cartouche_agence div.texte_agence { float:left; width:220px }
div#cartouche_agence div.texte_agence h2{ font-weight:normal; font-size:14px; color:#FFF; margin:10px 0px 0px 10px }
div#cartouche_agence div.texte_agence p { color:#FFF; margin:10px 0px 5px 10px }
div#cartouche_agence a { color:#FFF; text-decoration:none }
/* PAGE CONTACT
=============================================================== */
div#cartouche_contact { width:100%; height:182px; background-color:#b09b82; color:#FFF; margin-bottom:40px }
div#cartouche_contact div.texte_contact { float:left; width:220px }
div#cartouche_contact div.texte_contact h2{ font-weight:normal; font-size:14px; color:#FFF; margin:10px 0px 0px 10px }
div#cartouche_contact div.texte_contact p { color:#FFF; margin:10px 0px 5px 10px }
div.texte_contact a { color:#FFF; text-decoration:none }
div.texte_contact a:hover { color:#FFF; text-decoration:underline }
h3#TitreBulleInfo { font-size:16px; font-weight:bold; text-align:left; border-bottom:1px solid #000; padding-bottom:10px; margin:10px 0px 5px 0px }
div#TexteBulleInfo { font-size:12px; font-weight:normal; text-align:left }
input#verifHuman { display:none }
/* PAGE PARTENAIRES
=============================================================== */
table#Tbl_partenaires { border:0px }
td.CadreLogoP { padding:5px 10px 0px 0px }
div.FilGris { padding:5px; border:1px solid #b8b8b8; width:100px; height:100px; text-align:center }
td.CadreTexteP { }
td.CadreTexteP p { }
h2.TitrePartenaire { margin:0px; padding:0px }
h2.TitrePartenaire a { color:#b8b8b8 }
/* DIVERS
=============================================================== */
div.exception { margin-left:0px }
.noBorder, .icone { border:0px }
div#envoyer { text-align:center; margin-top:20px }
form#formulaire_contact { text-align:left }
div#texte_page { margin-top:30px }
div#texte_page a { color:#BF0005; text-decoration:none }
div#texte_page a:hover { color:#BF0005; text-decoration:underline }
div.page_defaut p { text-align:justify }
/* PIED DE PAGE
=============================================================== */
div#droite div#pied { clear:both; text-align:center; margin:20px 0px 0px 0px; font-size:10px;color:#949494; border-top:1px solid #000; padding:10px 0px 10px 0px }
div#pied ul.menu_pied { list-style-type:none; margin:0px }
ul.menu_pied li.item { display:inline; padding:0px 5px 0px 5px; border-left:1px solid #949494 }
ul.menu_pied li.item_select { display:inline; padding:0px 5px 0px 5px; border-left:1px solid #949494 }
ul.menu_pied li.item_first { display:inline; padding:0px 5px 0px 5px }
ul.menu_pied li.item_first_select { display:inline; padding:0px 5px 0px 5px }
ul.menu_pied li.item a { text-decoration:none; color:#949494 }
ul.menu_pied li.item a:hover { text-decoration:none; color:#000 }
ul.menu_pied li.item_select a { text-decoration:none; color:#000 }
ul.menu_pied li.item_select a:hover { text-decoration:none; color:#000 }
ul.menu_pied li.item_first a { text-decoration:none; color:#949494 }
ul.menu_pied li.item_first a:hover { text-decoration:none; color:#000 }
ul.menu_pied li.item_first_select a { text-decoration:none; color:#000 }
ul.menu_pied li.item_first_select a:hover { text-decoration:none; color:#000 }
/* PLAN DU SITE
=================================================================== */
div.plan_du_site_dossier { font-size:14px; margin:20px 0px 5px 0px; border-bottom:1px solid #949494 }
div.plan_du_site_document { font-size:14px; margin:20px 0px 5px 0px }
div.plan_du_site_dossier a { margin-left:5px; color:#949494; text-decoration:none }
div.plan_du_site_dossier a:hover { margin-left:5px; color:#949494; text-decoration:none }
div.plan_du_site_document a { margin-left:5px; color:#949494; text-decoration:none }
div.plan_du_site_document a:hover { margin-left:5px; color:#949494; text-decoration:none }
/* EFFET ASSOMBRISSEMENT
=================================================================== */
div#lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0 }
div#lightbox a img { border:none }
div#outerImageContainer{ position:relative; background-color:#000000; width:250px; height:250px; margin:0 auto }
div#imageContainer { padding:10px }
#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0 }
div#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10 }
#imageContainer>#hoverNav { left:0 }
#hoverNav a { outline:none }
#prevLink, #nextLink { width:49%; height:100%; background:transparent url(images/blank.gif) no-repeat; display:block }
#prevLink { left:0; float:left }
#nextLink { right:0; float:right }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat }
div#imageDataContainer{ font:10px Arial, Helvetica, sans-serif; background-color:#000000; margin:0 auto; line-height:1.4em; overflow:auto; width:100% }
div#imageData{ padding:0 10px; color:#FFFFFF }
div#imageData div#imageDetails{ width:70%; float:left; text-align:left }
div#imageData span#caption{ font-weight: bold }
div#imageData span#caption a{ color:#FFFFFF }
div#imageData span#numberDisplay{ display:block; clear:left; padding-bottom:1.0em }
div#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em }
div#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000 }
/* GOOGLEMAP DANS LIGHTBOX
===================================================================== */
#gmlb_overlay { background-color:transparent; background-image:url(images/bg.png); z-index:1000 }
#gmlb_map { }
#gmlb_label { background-color:#000000; font-family:Trebuchet MS; font-size:12px; color:black; float:left; padding-top:10px; margin-top:5px; width:575px; text-align:left }
#gmlb_container { background-color:#000000; padding:10px; border-color:#DDDDDD; border-width:1px; border-style:dotted; display:block }
#gmlb_close { background-color:#000000; width:66px; height:22px; float:right; cursor:pointer; clear:right; background-image:url(images/closelabel.gif); margin-top:10px }