* { margin: 0; padding: 0; }
html { width: 100%; }
body { width: 100%; font-size: 63.5%; background: #FAFAFA url(../graph/bg_page.png); color: #303030; }
a { color: #767676; font-weight: bold; text-decoration: none; }
a:hover { color: #CC0033; }
a:visited:hover { color: #6699CC; }
a img { border: 0; vertical-align: middle; }
ul, ol { margin: 0.5em 0 0.5em 1.5em; }
li ul, li ol { margin: 0 0 0 0.5em }
#container { display: block; position: absolute; min-height: 100%; width: 100%; font: 1.2em/1.3 Helvetica,Arial,sans-serif; text-align: center; }
#content { display: block; margin: 100px auto 200px auto; width: 960px; text-align: left; }
#content h1 { text-indent: 40px; background: transparent url(../graph/icones/view_web_browser_dom_tree.png) 0 7px no-repeat; font-family: Georgia, serif; font-size: 41px; font-weight: normal; letter-spacing: -3px; line-height: 1.2em; color: #737373; }
#content h1.slogan { font-family: Georgia, serif; font-size: 16px; font-style: italic; font-weight: normal; line-height: 1.3em; letter-spacing: normal; background-image: none; color: #303030; }
#content h1.slogan strong { color: #000; }
#content h1.slogan strong em { color: #C6353D; font-size: 130%; }
#content h3 { margin-left: 30px; }
#content h3.disc { color: #c5c5c5; }
#content p.imp { font-weight: bold; font-size: 120%; }
#content .phoneNum strong { font-size: 1.6em; }
#content div.note { margin: 2em 0; padding: 20px 0 0; background: transparent url(../graph/icones/note2.png) top left no-repeat; }
#content div.note h2 { margin-left: 40px; }
#content div.portfolio .col { padding: 1em 0; float: left; display: inline; }
#content div.portfolio .w3 { width: 300px; }
#content div.portfolio .w6 { width: 500px; }
#content p.listeCategories a { font-size: 120%; font-weight: bold; text-decoration: none; color: #4C79BA; }
#content p.listeCategories a:hover { color: #66CC00; }
#content p.listeCategories a strong { color: #C6353D; }
#content div.navig { margin-left: 300px; }/*remove ?*/
#content div.navig a { display: block; float: left; height: 50px; width: 50px; text-decoration: none; line-height: 50px; }/*remove ?*/
#plan { background: transparent url(../graph/bg_breadcrumb.gif) top left no-repeat; padding: 8px 12px 4px 12px; color: #99CCCC; }
#article { padding: 0.8em 1em 0.5em 1em; }
#article .descript { font-style: italic; color: #969696; }
#article h2 { color: #CCCC99; }
#article a.bigger { font-size: 120%; }
#article .imgLeft { display: inline; float: left; margin: 0 15px 5px 0; }
#article .imgLeft * { display: inline-block; }
#menuServices { text-align: right; }
#credits { text-align: left; font-size: 90%; }
#contact-form { width: 100%; }
#contact-form label { font-weight: bold; color: #6F6F6F; }
#contact-form label.float { display: block; float: left; clear: left; width: 240px; margin-right: 10px; text-align: right; }
/*icones specifiques*/
#creation, #developpement, #integration, #gestion, #webmastering { padding-left: 20px; background: transparent url(../graph/icones/clean.png) center left no-repeat; }
#footer { width: 100%; position: absolute; display: block; left: 0; bottom: 0; height: 200px; background: transparent url(../graph/bg_bottom.gif) bottom center repeat-x; }
#footer .row { height: 100%; margin-bottom: 0; }
#footer .row .column { height: 100%; padding-top: 1.5em; background: transparent url(../graph/bg_botBoxes.gif) center 5px no-repeat; }
#footer h2 { background: #4879BC url(../graph/bg_titre_bottom.png) top center no-repeat; color: #fff; padding: 0.3em; font-size: 1.4em; }
#footer h2.bg_red { background-color: #C6353D; }
#footer h2.bg_green { background-color: #86C634; }
#footer h2 img { vertical-align: middle; }
#footer h3 { margin-left: 15px; }
#footer ul, #footer ol { margin: 5px 10px 0 25px; }
#menu { background: transparent url(../graph/bg_menu.png) repeat-x; background-attachment: scroll; position: fixed; top: 0; width: 100%; z-index: 500; height: 100px; text-align: center; }
a#logo { display: block; width: 300px; background: transparent url(../graph/logo_ifacta_accueil.gif) bottom center no-repeat; height: 110px; text-indent: -9999px; }
a#logo:hover { display: block; height: 326px; z-index: 600; }
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#nav { padding: 0; margin: .5em 0 0 0; list-style: none; font-size: 180%; }
#nav li { float:left; margin-left: 1px; padding-top: 2px; }
#nav li.logo { }
#nav li a { display: block; height: 36px; line-height: 30px; padding: 0 15px 0 0; float: left; color: #C5C5C5; text-decoration: none; }
#nav li a:hover, #nav li a:active, #nav li a:focus, #nav li a.on { color: #4C79BA; }
#nav li a.on { font-weight: bold; }
#nav li a img { vertical-align: middle; }
/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 960px;
margin: 0 auto 2em auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
/* typo grid */
.column p { margin: 0.5em 1.5em; }
/*tailles*/
.sub { font-size: 70%; }
/* espacements */
.space_top { padding-top: 20px; } /*colonne de gauche sous menu (logo)*/
.space_top2 { padding-top: 100px; }
/* Alignements */
.alL { text-align: left; }
.alC, .imgCenter { text-align: center; }
.alR { text-align: right; }
.alJ { text-align: justify; }
.imgLeft { display: inline; float: left; }
div.imgLeft { clear: left; margin: 0 15px 1em 0; }
.imgRight { display: inline; float: left; }
div.imgRight { clear: right; margin: 0 0 1em 15px; }
/* couleurs d'arrière-plan */
.bgb { background-color: #fff; }
.bgn { background-color: #000; }
/*tag cloud*/
#kwContainer { margin: 1.5em 0; }
a.tag_cloud { text-decoration: none; font-weight: bold; }
a.tag_cloud.n10 { color: #4879BC; }
a.tag_cloud.n11 { color: #5871AC; }
a.tag_cloud.n12 { color: #68689C; }
a.tag_cloud.n13 { color: #77608C; }
a.tag_cloud.n14 { color: #87577D; }
a.tag_cloud.n15 { color: #974F6D; }
a.tag_cloud.n16 { color: #A7465D; }
a.tag_cloud.n17 { color: #B63E4D; }
a.tag_cloud.n18 { color: #C6353D; }
.clear { clear: both; }
.noshow { display: none; }
/*feuille de styles pour DOMAssistant.boxIt - Stylesheet for DOMAssistant.boxIt plugin*/
/*styles par défaut - default styles*/
.round_cadre div.gCont { background: transparent url(../graph/boxes/menu_r.gif) right repeat-y; padding: 0; margin: 0; width: 100%; }
.round_cadre div.topCont { background: transparent url(../graph/boxes/menu_t.gif) top repeat-x; height: 10px; font-size: 1px; line-height: 1px; text-align: left; width: 100%; }
.round_cadre div.top { background: transparent url(../graph/boxes/menu_tr.gif) top right no-repeat; height: 100%; line-height: inherit; width: 100%; text-align: left; }
.round_cadre div.top div { background: transparent url(../graph/boxes/menu_tl.gif) top left no-repeat; line-height: inherit; height: 100%; width: 10px; }
.round_cadre div.midCont { margin: 0 10px 0 0; padding: 1px 0 1px 10px; background: transparent url(../graph/boxes/menu_l.gif) top left repeat-y; }
.round_cadre div.botCont { background: transparent url(../graph/boxes/menu_b.gif) bottom repeat-x; height: 11px; font-size: 1px; line-height: 1px; text-align: left; width: 100%; }
.round_cadre div.bot { background: transparent url(../graph/boxes/menu_br.gif) bottom right no-repeat; height: 100%; width: 100%; line-height: inherit; text-align: left;}
.round_cadre div.bot div { background: transparent url(../graph/boxes/menu_bl.gif) bottom left no-repeat; height: 100%; line-height: inherit; width: 10px; }
/*thème bouton*/
.round_cadre.bouton { background: #fff url(../graph/boxes/bg_bouton.jpg) bottom repeat-x; float: left; line-height: 1.1em; }
.round_cadre.bouton.w50 { width: 50px; }
.round_cadre.bouton.w80 { width: 80px; }
.round_cadre.bouton.w100 { width: 100px; }
.round_cadre.bouton div.midCont a { color: #573E41; text-decoration: none; display: block; text-align: center; }
.round_cadre.bouton div.midCont a { color: #6D7199; }
p.alR .round_cadre.bouton { margin-left: 230px; }
/*thème box*/
.round_cadre.bbox div.gCont { background: transparent; margin-bottom: 2em; }
.round_cadre.bbox div.topCont { background: transparent; height: 7px; }
.round_cadre.bbox div.top { background: transparent url(../graph/boxes/bgRoundTR.gif) top right no-repeat; }
.round_cadre.bbox div.top div { background: transparent url(../graph/boxes/bgRoundTL.gif) top left no-repeat; width: 7px; }
.round_cadre.bbox div.midCont { margin-right: 7px; padding-left: 7px; background: transparent; }
.round_cadre.bbox div.botCont { background: transparent; height: 7px; }
.round_cadre.bbox div.bot { background: transparent url(../graph/boxes/bgRoundBR.gif) bottom right no-repeat; }
.round_cadre.bbox div.bot div { background: transparent url(../graph/boxes/bgRoundBL.gif) bottom left no-repeat; width: 7px; }
/*
styles communs à tous les cas (laisser au bas de la feuille de style) -
Common Styles (Keep at the bottom of the stylesheet)
*/
.noBg { background-image: none!important; }
.doScrollLeftLink, .doScrollRightLink { width: 40px; text-decoration: none; }
.doScrollLeftLink:focus, .doScrollRightLink:focus { outline: none; }
.doScrollLeftLink { background: transparent url(../graph/icones/media-seek-backward.png) left center no-repeat; }
.doScrollRightLink { background: transparent url(../graph/icones/media-seek-forward.png) right center no-repeat; }
ul.scrollPart { list-style-position: inside; }