/**** MENU ************************************************************************************/
#menu								{ position:absolute; top:75px; right:0; }
#menu ul, #menu ul li				{ padding:0; margin:0; }
#menu ul li							{ display:inline; list-style-type:none; list-style-image:none; }
#menu ul li a						{ float:left; background-repeat:no-repeat; background-image:url(../img/menu.png) !important; background-image:url(../img/menu.gif); height:22px; margin:0 15px; display:block; }

#menu ul li.o_useweb a				{ background-position:0 0; width:58px; }
#menu ul li.o_methode a				{ background-position:-100px 0; width:64px; }
#menu ul li.o_services a			{ background-position:-200px 0; width:65px; }
#menu ul li.o_realisations a		{ background-position:-300px 0; width:94px; }
#menu ul li.o_contact a				{ background-position:-400px 0; width:64px; }

#menu ul li.o_useweb a:hover		{ background-position:0 -23px; width:58px; }
#menu ul li.o_methode a:hover		{ background-position:-100px -23px; width:64px; }
#menu ul li.o_services a:hover		{ background-position:-200px -23px; width:65px; }
#menu ul li.o_realisations a:hover	{ background-position:-300px -23px; width:94px; }
#menu ul li.o_contact a:hover		{ background-position:-400px -23px; width:64px; }

#menu ul li.o_useweb a.actif		{ background-position:0 -46px; width:58px; }
#menu ul li.o_methode a.actif		{ background-position:-100px -46px; width:64px; }
#menu ul li.o_services a.actif		{ background-position:-200px -46px; width:65px; }
#menu ul li.o_realisations a.actif	{ background-position:-300px -46px; width:94px; }
#menu ul li.o_contact a.actif		{ background-position:-400px -46px; width:64px; }


/**** NAVI ************************************************************************************/
#navi								{ position:fixed; top:200px; right:0; display:block !important; display:none; }
#navi ul, #navi ul li				{ padding:0; margin:0; }
#navi ul li							{ list-style-type:none; height:45px; list-style-image:none; }
#navi ul li a						{ float:left; display:block; background-repeat:no-repeat; background-position:-23px 0; width:23px; height:45px; margin:0; }
#navi ul li a:hover					{ background-position:0 0; }

#navi ul li.navi_creation a			{ background-image:url(../img/navi_creation.png); }
#navi ul li.navi_ndd a				{ background-image:url(../img/navi_ndd.png); }
#navi ul li.navi_hebergement a		{ background-image:url(../img/navi_hebergement.png); }
#navi ul li.navi_referencement a	{ background-image:url(../img/navi_referencement.png); }
#navi ul li.navi_webmail a			{ background-image:url(../img/navi_webmail.png); }
#navi ul li.navi_emailing a			{ background-image:url(../img/navi_emailing.png); }
#navi ul li.navi_boutique a			{ background-image:url(../img/navi_boutique.png); }
#navi ul li.navi_formation a		{ background-image:url(../img/navi_formation.png); }
#navi ul li.navi_webdemo a			{ background-image:url(../img/navi_webdemo.png); }


/**** ASK ************************************************************************************/
#ask								{ margin:40px 0; }
#ask ul, #ask ul li					{ padding:0; margin:0; }
#ask ul li							{ display:block; list-style-type:none; list-style-image:none; }
#ask ul li a						{ display:block; float:left; background-image:url(../img/ask.png) !important; background-image:url(../img/ask.gif); background-repeat:no-repeat; width:145px; height:24px; margin-bottom:5px; }

#ask ul li.ask_contact a			{ background-position:0 0; }
#ask ul li.ask_devis a				{ background-position:0 -24px; }
#ask ul li.ask_contact a:hover		{ background-position:-145px 0; }
#ask ul li.ask_devis a:hover		{ background-position:-145px -24px; }


/**** SERVICES ************************************************************************************/
#menu_services ul,
#menu_services ul li				{ padding:0; margin:0; border:0 !important; border:1px solid #fff; }
#menu_services ul li				{ list-style-type:none; list-style-image:none; position:relative; margin-bottom:0; }
#menu_services ul li a				{ display:block; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6964; text-transform:uppercase; text-decoration:none; }
#menu_services ul li a:hover		{ color:#0ae; text-decoration:none; }
#menu_services ul li a.actif		{ color:#08b; }
#menu_services span					{ display:none; visibility:hidden; text-transform:none; }

#home #menu_services ul li			{ margin-bottom:8px; }
#home #menu_services ul li a		{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#home #menu_services span			{ display:none; visibility:hidden; position:absolute; top:22px; left:0; }
#home #menu_services ul li:hover span{ display:block; visibility:visible; font-size:10px; color:#959595; }


/**** TOOLBAR ************************************************************************************/
#toolbar						{ position:fixed; left:0; bottom:0; width:100%; background-image:url(../img/black-70.png); }
#toolbar .wrap					{ margin:auto; padding:10px 0; width:980px; text-align:right; }
#toolbar ul.outils				{ float:left; }
#toolbar ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#toolbar ul li					{ display:inline; }
#toolbar ul li, #toolbar ul li a{ color:#fff; font-size:11px; margin:0 5px 0 0; }
#toolbar ul li a				{ text-decoration:none; background-repeat:no-repeat; }
#toolbar ul li a:hover,
#toolbar ul li a.actif			{ color:#0ae; }

#toolbar select, #toolbar input	{ padding:0; margin:0; color:#fff; border:1px solid #777; }
#toolbar select:focus,
#toolbar input:focus			{ border:1px solid #0ae; }
#toolbar select:focus			{ color:#777; }
#toolbar select					{ width:150px; }
#toolbar input[type=text]		{ width:100px; padding:2px 2px 1px 2px; }
#toolbar input[type=submit]		{ background-color:#4c4c4c; color:#777; border:1px solid #777; margin-left:2px; font-size:10px; }
#callb							{ display:inline; }

/*outils*/
#toolbar ul.outils li a			{ background-image:url(../img/pictos.png) !important; background-image:url(../img/pictos.gif); float:left; width:15px; height:15px; margin:0 5px; }
.lifacebook a					{ background-position:0 0; }
.lifacebook a:hover				{ background-position:0 -15px; }
.lifavoris a					{ background-position:-15px 0; }
.lifavoris a:hover				{ background-position:-15px -15px; }
.liprint a						{ background-position:-30px 0; }
.liprint a:hover				{ background-position:-30px -15px; }

/*navi*/
#toolbar ul.navi li a			{ padding-left:16px; }
.lihome a						{ background-image:url(../img/picto_home.png) !important; background-image:url(../img/picto_home.gif); }
.liservices a					{ background-image:url(../img/picto_services.png) !important; background-image:url(../img/picto_services.gif); }
.lipratique a					{ background-image:url(../img/picto_pratique.png) !important; background-image:url(../img/picto_pratique.gif); }
#toolbar ul.navi  .licallback a	{ padding:5px 0 5px 28px; background-position:0 50%; background-image:url(../img/picto_callback.png) !important; background-image:url(../img/picto_callback.gif); cursor:default; }
.lihome a, .liservices a,
.lipratique a					{ background-position:0 0; }
.lihome a:hover, .lihome a.actif,
.liservices a:hover, .liservices a.actif,
.lipratique a:hover, .lipratique a.actif	{ background-position:0 -15px; }


/**** SOUS-MENU ************************************************************************************/
.smenu								{ margin:-10px 0 10px 0; }
.smenu ul, .smenu ul li				{ padding:0; margin:0; }
.smenu ul li						{ display:inline; list-style-type:none; list-style-image:none; }
.smenu ul li, .smenu ul li a		{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:uppercase; text-decoration:none; }
.smenu ul li a:hover				{ color:#0ae; }
.smenu ul li a.actif				{ color:#08b; }


/**** ONGLETS ************************************************************************************/
.onglets						{ margin:10px 0; }
.onglets ul, .onglets ul li		{ margin:0; padding:0; list-style-type:none; text-align:justify; }
.onglets ul li					{ display:inline; }
.onglets ul li a				{ text-decoration:none; padding:0 5px; color:#fff; background-color:#0ae; border:1px solid #ccc; }
.onglets ul li a:hover			{ background-color:#989088; color:#fff; }