/* @group Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table,tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
strong {font-weight:bold;}
em {font-style: italic;}
tbody tr td {text-align: justify;}
:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
html {margin:0;padding:0;height: 100%;}
/* @end */
body
{margin: 0;padding: 0;font-family: Arial,Helvetica,sans-serif;background: #eee url(../images/bg.jpg) repeat-x;color: #787878; line-height: 1.8;font-size: 82.5%;text-align: justify;}
/* @group Layout */
/* @group Wrappers */
#outer_wrap {width: 990px;margin: 0 auto;}
#top_wrap,#header_wrap,#nav_wrap,#main_wrap,#footer_wrap {float: left;width: 100%;}
/* @end */
/* @group Top */
#top_wrap {height: 30px;overflow: hidden;}
#top_wrap ul li {float: left;margin-top: -5px;}
#top_wrap ul li a {margin: 0 10px 0 0;color: #ccc;padding: 0;}
#top_wrap ul li a:hover {color: #fff;text-decoration: none;}
#top_right {float: right;width: 60%;text-align: right;height: 25px;overflow: hidden;}
#top_right ul {float: right;}
/* @end */
/* @group Header */
#header_wrap {height: 90px;overflow: hidden;}
#header_right {
float:right;
padding:30px 0pt;
text-align:right;
width:275px !important;
}
#header_right .baseline a, #header_right .baseline a:hover { color: #666666; text-decoration: none; background:none; top: 0; right: 0px; color: #666666; text-indent: 0px; text-transform: none; font: bold italic 1.25em 'Trebuchet MS', Arial, Sans-serif; height:15px; width:300px; margin-top:50px;}
#header_left {float: left;width: 40%;}
#header_left h2#titre { position:relative ; left: 8px;text-indent: 0px;font: bold 1.30em 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #666666;}
#header_left h2#titre a, #header_left h2#titre a:hover {color: #666666; background-position:0% 42px; text-decoration:none;}
/* @end */
/* @group Nav */
#nav_wrap {height: 64px;float: right;width: 100%;background: url(../images/nav.png) no-repeat left top;}
#nav_left {width: 100%;}
#nav_wrap ul {float: left;margin-left: 0px;margin-top: 1px;}
#nav_wrap ul li {float: left;}
#nav_wrap ul li a {color: #c3c3c3;text-decoration: none;font-size: 93%;text-transform: uppercase;padding: 12px 8px 10px 8px }
#nav_wrap ul li a:hover,a#active_menu.mainlevel_current {background: url(../images/nav_active.jpg) repeat center bottom;color: #fff;}
#nav_wrap ul li li {width:230px;font-size: 105%;}
#nav_wrap ul li li a {color: #CFE7FF;text-decoration: none;font-size: 90%;text-transform:none;padding: 12px 10px 10px;}
#nav_wrap ul li li a:hover {background: none;}
#nav_wrap ul li li li{width:275px;margin-left: -10px;}
#pathwaydiv {
clear: both;
font-size: 80%;
padding: 8px 4px 4px 10px;
float: left;
color:#FFFFFF;
width: 800px;
}
span.pathway {
float: left;
margin-right: 8px;
font-weight: bold;
}
#datediv {
float: right;
margin-right: 10px;
font-size: 80%;
padding: 8px 4px 4px 10px;
color: #FFFFFF;
}
#underpathwaydiv {
clear: both;
font-size: 80%;
padding: 8px 4px 4px 10px;
float: left;
color:#6297BC;
width: 980px;
}
span.underpathway {
float: left;
margin-right: 8px;
font-weight: bold;
}
/*
@end */
/* @group Main */
/* @group Blue Advert1 Position Above Content */
#advert1 {float: left;padding-bottom: 10px;width: 100%;}
#advert1 p,#advert1 h3 {}
#advert1 h3 {margin: 0;}
/* @end */
/* @group Above Content */
#above_content {float: left;clear: both;width: 100%;margin: 8px 0;}
#above_content h3 {font-size: 115%;}
/* @end */
#main_top {background: url(../images/main_top.png) no-repeat;height: 14px!important;height:10px;overflow: hidden;}
#main_bot {background: url(../images/main_bot.jpg) no-repeat;height: 11px;clear: both;overflow: hidden;}
#main_mid {background: #fff ;float: left;width: 100%;}
#main_wrap.col_left #main_right {float: left;margin-left: 10px}
#main_wrap.col_left #main_left {float: right;}
#main_wrap.col_left {padding: 20px 0;background: url(../images/main.jpg) repeat-y -320px top;}
#main_wrap.col_right #main_right {float: right;margin-left: 0px;}
#main_wrap.col_right #main_left {float: left;}
#main_wrap.col_right {padding: 20px 0;background: url(../images/main.jpg) repeat-y}
#main_wrap {padding: 0;margin-top: 0px;}
#main_left {
float:left;
margin-left:20px !important;
margin-right:0px;
padding:5px 0pt 0pt;
width:66%;
}
#main_right_top {border-left: 1px solid #EEEEEE; height: 102px;margin-top: -5px;z-index: 1;position: relative;}
#main_right_bot {border-left: 1px solid #EEEEEE; height: 60px;clear: both;}
#main_right_mid {border-left: 1px solid #EEEEEE; float: left; }
#main_right {float: right;width: 250px!important;width:250px;margin-right: 10px;padding-left: 20px;padding-top: 0px;margin-top: -90px;z-index: 10;position: relative;}
#main_right .moduletable,#main_right .moduletable-services {margin-bottom: 20px;}
#main_right ul li a:hover {background: #eee;text-decoration: none;}
#main_right h3 {background: url(../images/right_h3.jpg) no-repeat;height: 23px;color: #fff;font-size: 100%;padding: 0px 0 10px 10px;}
.right_wrap {float: right;width: 30%;}
#main_content {
margin: 0;
}
/* @group Advert2 Below Content */
#below_content {float: left;}
#below_content p {padding: 0 8px}
.moduletable-displaynews h3 {margin: 0;padding: 0;color: #414141;font-size: 150%;border-bottom: 1px solid #ddd;margin-bottom: 4px;}
a.dn-title {color: #9EC630;font-size: 120%;}
/* @end */
/* @end */
/* @group Bottom Nav */
#bottom_wrap {background: url(../images/bottom.jpg) repeat-x;padding: 0px 0;font-size: 80%;margin-top: 20px;height: 35px;}
#bottom_left {margin-left: 10px;width: 90%!important;width:90%;float: left;color: #fff;}
#bottom_right {float: right;margin-right: 10px;width: 350px!important;width:400px;text-align: right;margin-top: 6px;}
#bottom_right a {color: #fff;}
#bottom_right input#mod_login_username.inputbox,#bottom_right input#mod_login_password.inputbox {border: 1px solid #ddd;font-size: 120%;width: 120px;margin: 0 8px!important;margin:-0px 0 0 0}
#bottom_right input#mod_login_username.inputbox {margin-right: 8px;}
#bottom_wrap ul li {float: left;list-style-type: none;}
#bottom_wrap ul li a {color: #fff;text-decoration: none;padding: 0 8px;}
#bottom_wrap ul li a:hover {color: #fff;}
#bottom_right input.button {width: 50px;height: 24px;margin: 0; padding: 0;border: 0;background: transparent url(../images/login.gif) no-repeat center top;text-indent: -1000em;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */}
/* @end */
/* @group Footer */
#footer_wrap {padding: 20px 0;font-size: 80%;}
#footer_right {float: right;margin-right: 10px;width: 50%;text-align: right;}
#footer_wrap ul li {float: left;}
#footer_wrap ul li a {color: #fff;text-decoration: none;padding: 0 8px;}
#footer_wrap a:hover {text-decoration:none;}
#footer_wrap a {color: #787878; text-decoration:none;}
/* @end */
/* @end */
/* @group Typography */
p {margin: 8px 0;}
/* @group Links */
a.readon {float: right;text-decoration: none;background: url(../images/more.jpg) no-repeat;height: 12px;width: 25px;color: #AB4527;;padding-left: 20px;padding-top: 5px;text-indent: -4000px;}
a {text-decoration: none;color: #6297BC;}
a:hover {text-decoration: underline;}
/* @end */
/* @group Headings and Type */
h1,.componentheading {font-size: 170%;color: #666666;}
h2,.contentheading {font-size: 140%;color: #9EC630;}
h3,.moduletable h3 {font-size: 110%;color: #9EC630; font-weight:bold;}
h4 {font-size: 90%; font-weight:bold; color: #6297BC;}
h5 {font-size: 90%;color: #787878;}
h6 {font-size: 80%;color: #787878;}
.small,.createdate,.modifydate {color: #666;font-size: 90%;}
/* @end */
/* @group Classes */
.feed {background: url(../images/feed.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.zoom {background: url(../images/zoom.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.about {background: url(../images/about.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.group {background: url(../images/group.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.ok {background: url(../images/ok.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.download {background: url(../images/arrow_down.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.arrow {color: #9EC630;background: url(../images/right_arrow_bullet.gif) no-repeat right center;padding-right: 10px;}
/* @end */
/* @group Lists */
#top_wrap ul li,#nav_wrap ul li,#right ul li {list-style: none;}
ul li {list-style-position: inside;list-style-type: disc;}
ul {margin: 8px 0;}
#nav ul li,#top_wrapper ul li,#main_right ul li, #footer_wrap ul li {list-style-type: none;}
ul.arrow {margin: 8px 0;}
ul.arrow li {list-style-type: none;background: url(../images/arrow_right.png) no-repeat left center;padding:2px 30px 2px}
ul.tick {margin: 8px 0;}
ul.tick li {list-style-type: none;background: url(../images/oksml.png) no-repeat left center;padding:2px 30px 2px}
.floatleft {float: left;}
.floatright {float: right;}
.border {padding: 4px;border: 1px solid #eee;margin: 4px;}
.left-border {float: left;padding: 4px;border: 1px solid #eee;margin: 4px;}
.right-border {float: right;padding: 4px;border: 1px solid #eee;margin: 4px;}
.img_caption.left {float:left; padding-right:1em; }
.img_caption.right {float:right; padding-left:1em; }
.img_border.left { float: left; padding: 4px;border: 1px solid #eee;margin: 4px;}
.img_border.right { float: right; padding: 4px;border: 1px solid #eee;margin: 4px;}
left {float:left; padding-right:1em; }
right {float:right; padding-left:1em; }
.clear {clear: both;}
ul.greyarrow li {font-size: 90%;background: url(../images/grey_arrow.gif) no-repeat left top;padding: 0 0 3px 13px;list-style-type: none;}
ul.greyarrow li {border: none;}
ul.bullet li {background: url(../images/grey_bullet.gif) no-repeat left center;list-style-type: none;padding: 3px 0 3px 13px}
/* @end */
/* @group Module Classes */
.moduletable-services img {margin: 0 10px 30px 0; float: left;}
.moduletable-services p{font-size: 80%;border-bottom: 1px solid #eee;padding-bottom: 8px;margin: 0 0 8px ;}
/* @end */
/* @end */
/* @group Extra Modules */
/* @group News Ticker */
#news-ticker{ height:120px; overflow:hidden; margin-top:0px; }
#news-ticker div{ height:120px; overflow: hidden; padding:4px 0;}
#news-ticker a.latestnews {font-size: 120%;}
#news-ticker p{ color:#FFF;}
/* @end */
/* @end */
/* @group Superfish */
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav {line-height:1.0;}
.nav ul {position:absolute;top:-999em;width:15em;}
.nav ul li,.nav a {width: 100%;font-size: 100%;}
.nav li {float:left;position:relative;z-index:99;width: 80px;padding: 0 10px;}
.nav li ul {width: 15.2em;}
.nav a {display:block;text-align: center;}
.nav li li a {text-align: left;}
.nav li:hover ul,ul.nav li.sfHover ul {left:10px;top:34px;background: #218FFF;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:245px!important;left:255px;top:0px;}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
.nav li li,.nav li li li {border-bottom: 1px solid #fff;color: #333;padding: 0 0 0 0px;margin: 0;font-size: 90%;background: #fff;}
.nav ul li ul,#nav ul li li li{width:200px;}
.nav ul li li {height: 33px;}
.nav ul li li {padding: 0;text-align: left;;top: -2px;}
.nav ul li li a {text-align: left;color: #fff;padding: 8px 0 8px 10px;}
.nav ul li li a:hover {color: #ccc;}
.nav ul ul {margin: 0;padding: 0;height: 10px;border-top: 1px solid #ddd;}
#menu li li a {color: #333;text-align: left;margin-left: 10px;}
#menu li li:hover {background: #fff;}
#menu ul li li a{margin: 0;padding: 8px 0;}
.nav ul span.expanded,.nav ul ul span.expanded {background: url(../images/nav_sub.gif) no-repeat right center;padding-right: 20px;}
/* @end */
#main_right .moduletable-sub h3 {background: url(../images/sub_menu_top.gif) no-repeat left top;padding-top: 8px;padding-bottom: 2px;border-bottom: 1px solid #fff;color: #6297BC;}
#main_right .moduletable-sub {background: #d7d7d7 url(../images/sub_menu_bott.gif) no-repeat left bottom;margin-bottom: 30px;padding-bottom: 15px;}
#main_right .moduletable-sub ul#mainlevel li a{display: block;color: #6297BC;padding: 2px 0 2px 8px;border-bottom: 1px solid #fff;background: url(../images/main_arrow.gif) no-repeat 4px center;padding-left: 20px;}
#main_right .moduletable-sub ul#mainlevel li a:hover{display: block;color: #6297BC;padding: 2px 0 2px 8px;border-bottom: 1px solid #fff;background: url(../images/main_arrow2.gif) no-repeat 4px center;padding-left: 20px;}
#main_right .moduletable-sub ul#mainlevel {margin: 0;}
#main_right .moduletable-sub ul#mainlevel li a:hover,#main_right .moduletable-sub ul#mainlevel li a#active_menu.mainlevel,#main_right .moduletable-sub ul#mainlevel li a#active_menu.mainlevel_current,#nav_left a.mainlevel_active,#nav_left li li{background-color: #6297BC;color: #fff;}
#main_right ul li ul {margin: 0;}
#main_right ul#mainlevel li ul li a.sublevel {background: #6297BC url(../images/sub_sub.gif) no-repeat 5px center;color: #fff;padding-left: 25px;}
#main_right ul#mainlevel li ul li a.sublevel:hover {background: #6297BC url(../images/sub_sub.gif) no-repeat 5px center;color:#6297BC; }
/* @group Search Styling */
.search {background:transparent url(../images/search_bg.jpg) no-repeat scroll left center;float:right; margin-right:0px !important; padding: 6px 2px 6px 0px;width: 260px;}
input#mod_search_searchword.inputbox {width: 160px;border: 1px solid #838383;height: 14px; font-size:0.9em; margin-bottom: 10px ; }
.search input.button{width: 29px;height: 30px;margin-top: 3px; padding: 0; border: 0; overflow: hidden; margin-left: 10px; margin-right: 10px;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */
}
/* @end */
/* @group Joomla Stuff */
.blog,.contentpaneopen {width: 100%;}
.contentpaneopen tr td{padding: 0 8px 0 0;}
.contentpaneopen tr td span{ background-color: #E8E8E8; padding:1px 3px; font-size:0.8em;}
fieldset {border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 10px;}
/* @end */
/* @group Micro Blog CSS */
.microwrap {
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
}
.microitem {float: left;width: 89%!important;width:83%;margin: 0;padding-left:5px;font-size:95%;padding-top:5px;}
.microitem h4 {padding: 0 8px;margin: 0;font-size: 1.1em;}
.microitem p {padding: 8px 0;margin: 0; font-size:90%;}
.microitem img {margin:0 -7px 0 0; float:none;}
.moduletable-news h3 {font-size: 150%;color: #414141;border-bottom: 1px solid #ddd;margin-bottom: 4px;padding: 0;}
.microitem a,.microtitle {color: #9EC630;font-size: 90%;padding-left: 7px;}
.microdate_wrap {width: 40px;float: left;margin-right: 10px;margin-top: 6px;}
.micromore {margin-top: 8px;float: left;text-align: center;margin-left: 4px!important;margin-left:2px ;}
div.microdate {float: left;width: 45px;height: 35px;background: #D7D7D7;padding: 4px;margin-top: 4px;margin-right: 5px;overflow: hidden;}
span.microday {font-weight: bold;font-size: 20px;display: block;font-family: Arial, Verdana, sans;text-align: center;position: relative;top: -4px;height: 28px;color: #868663;line-height: 28px;}
span.micromonth {font-size: 9px;display: block;text-align: center;color: #868663; font-family: Arial, Verdana, sans;
margin-top: -10px;}
.microtime {font-size: 90%;padding-left: 8px;}
textarea#submit_title,input#submit_title.input {font-size: 150%;width: 98%;border: 1px solid #ddd;padding: 8px;margin-bottom: 20px;}
/* @end */
.contact_email label {float: left;}
/* @group Joomla Stuff */
table.contenttoc {margin:0 0 8px 8px}
tr.sectiontableentry2 {background: #eee}
tr.sectiontableentry1 {background: #fafafa;}
tr.sectiontableentry1 td,tr.sectiontableentry2 td {padding: 4px;}
/* @end */
/* @group JB Tabs */
ul.tabNavigation {padding-left: 5px;}
ul.tabNavigation li {list-style-type: none;text-align: center;border: 1px solid #ccc;background: #fff;margin: 2px;float: left;}
ul.tabNavigation li a:hover {text-decoration: none;background: #eee;}
ul.tabNavigation li a {width: 20px;height: 20px;display: block;padding-top: 0px;}
/* @tableau solutions*/
#sites-vitrine { background-image: url(../images/solutions/siteweb.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em; background-repeat: no-repeat;}
#sites-vitrine a {color: #6297BC;}
#sites-vitrine a:hover {color: #666666;}
#refonte-site { background-image: url(../images/solutions/refonte.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;color: #FFFFFF;}
#refonte-site a { color: #6297BC;}
#refonte-site a:hover {color: #666666;}
#sites-ecommerce {background-image: url(../images/solutions/ecommerce.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#sites-ecommerce a {color: #FFFFFF;}
#sites-ecommerce a:hover {color: #666666;}
#modules-web {background-image: url(../images/solutions/webmastering.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#modules-web a {color: #FFFFFF;}
#modules-web a:hover {color: #666666;}
#cartes-visite { background-image: url(http://www.medianetsys.fr/images/solutions/cartes-visite.jpg); width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#cartes-visite a {color: #6297BC;}
#cartes-visite a:hover {color: #666666;}
#entete {background-image: url(http://www.medianetsys.fr/images/solutions/papier-a-entete.jpg); width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#entete a { color: #FFFFFF;}
#entete a:hover {color: #666666;}
#prospectus {background-image: url(../images/solutions/affiche.jpg);width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#prospectus a { color: #FFFFFF; }
#prospectus a:hover { color: #666666;}
#enveloppes {background-image: url(../images/solutions/enveloppes.jpg); width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#enveloppes a { color: #6297BC;}
#enveloppes a:hover {color: #666666;}
#domaines { background-image: url(../images/services/domaine.jpg); width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#domaines a { color: #FFFFFF;}
#domaines a:hover {color: #666666;}
#hebergement {background-image: url(../images/services/hebergement.jpg); width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#hebergement a {color: #FFFFFF;}
#hebergement a:hover {color: #666666;}
#referencement {background-image: url(../images/services/referencement.jpg);width: 120px;height: 90px;text-align: center; font-size: 1.1em; background-repeat: no-repeat;}
#referencement a { color: #6297BC;}
#referencement a:hover {color: #666666;}
#audience { background-image: url(../images/services/audience.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#audience a {color: #6297BC;}
#audience a:hover {color: #666666;}
#maj {background-image: url(../images/services/maj.jpg);width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#maj a {color: #FFFFFF;}
#maj a:hover {color: #666666;}
#formation {background-image: url(../images/services/formation.jpg);width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#formation a {color: #FFFFFF;}
#formation a:hover {color: #666666;}
/*TAble Ref*/
#ref-client, #ref-client td { vertical-align:text-top;}
#agriculture {
background-image: url(../images/secteurs/agriculture.jpg); width: 120px; height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#agriculture a {color: #FFFFFF;}
#agriculture a:hover {color: #9EC630;}
#institutions {background-image: url(../images/secteurs/collectivites.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#institutions a {color: #FFFFFF;}
#institutions a:hover {color: #9EC630;}
#commerce { background-image: url(../images/secteurs/commerce.jpg);width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#commerce a {color: #FFFFFF;}
#commerce a:hover {color: #9EC630;}
#communication {background-image: url(../images/secteurs/communication.jpg);width: 120px; height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#communication a {color: #FFFFFF;}
#communication a:hover {color: #9EC630;}
#art { background-image: url(../images/secteurs/art.jpg);width: 120px;height: 90px;text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#art a {color: #FFFFFF;}
#art a:hover {color: #9EC630;}
#environnement {background-image: url(../images/secteurs/btp-environnement.jpg);width: 120px; height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#environnement a {color: #FFFFFF;}
#environnement a:hover {color: #9EC630;}
#tourisme { background-image: url(../images/secteurs/tourisme.jpg);width: 120px; height: 90px; text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#tourisme a {color: #FFFFFF;}
#tourisme a:hover {color: #9EC630;}
#immobilier {background-image: url(../images/secteurs/immobilier.jpg);width: 120px;height: 90px;
text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#immobilier a { color: #FFFFFF;}
#immobilier a:hover {color: #9EC630;}
#industrie {background-image: url(../images/secteurs/industrie.jpg); width: 120px;height: 90px;text-align: center; font-size: 1.1em; background-repeat: no-repeat;}
#industrie a {color: #FFFFFF;}
#industrie a:hover {color: #9EC630;}
#familles { background-image: url(../images/secteurs/famille.jpg);width: 120px;height: 90px; text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#familles a {color: #FFFFFF;}
#familles a:hover { color: #9EC630;}
#sante {background-image: url(../images/secteurs/sante.jpg); width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#sante a {color: #FFFFFF;}
#sante a:hover {color: #9EC630;}
#services { background-image: url(../images/secteurs/services.jpg);width: 120px; height: 90px; text-align: center; font-size: 1.1em;background-repeat: no-repeat;}
#services a {color: #FFFFFF;}
#services a:hover { color: #9EC630;}
#sports {background-image: url(../images/secteurs/sport.jpg); width: 120px;height: 90px;text-align: center;font-size: 1.1em;background-repeat: no-repeat;}
#sports a { color: #FFFFFF;}
#sports a:hover {color: #9EC630;}
/* References */
#ref_front {position:relative;float:left;width:100%;margin:0;}
h3.ref_fronttitle, h3.ref_cattitle {position:relative;font-weight:bold; font-size: 110%; float:left;width:100%;padding-top:10px;border-bottom: 1px solid #e3e3e3;}
.ref_frontdesc, .ref_catinfo {position:relative; float:left; width:100%;padding:0; margin-bottom:20px;}
/*********************/
/* categories */
#ref_frontcategories {
position:relative;
float:left;
border: 0px solid #ccc;
margin:20px!important;
margin:10px;
width:505px!important;
width:505px;
}
.ref_frontcategory {
position:relative;
float:left;
width:515px!important;
width:515px;
margin-bottom:3px;
}
h4.ref_frontcatname {
position:relative;
border: 0px solid #ccc;
padding-top:5px;
padding-bottom:5px;
margin:5px;
float:right;
width:365px;
line-height:12px;
}
.ref_frontcatimage {
position:relative;
float:left;
margin:5px;
width:130px;
text-align:center;
}
.ref_frontcatname a:link,
.ref_frontcatname a:visited {
}
.ref_frontcatname a:hover {
}
.ref_frontcatinfo {
position:relative;
border: 0px solid #ccc;
padding-top:5px;
padding-bottom:5px;
margin:5px;
float:left;
width:325px;
}
/*********************/
/* one category */
#ref_onecat {
position:relative;
float:left;
margin:5px!important;
width:530px!important;
width:530px;
}
.ref_onecat_proj {
position:relative;
width: 115px!important;
width: 110px;
height:135px;
margin: 3px;
padding: 5px;
float:left;
overflow:hidden;
}
.ref_onecat_img {
position: relative;
display:table;
height:120px;
}
.ref_onecat_img2 {
position: static !important;
display: table-cell;
vertical-align: middle;
/* for IE */
position: absolute;
top: 50%;
}
.ref_onecat_img img {
/* for IE */
position: relative;
top: 0% !important;
top: -50%;
}
.ref_onecat_name{
width: 115px!important;
width: 115px;
margin-bottom:5px;
text-align:center;
font-family: Tahoma, Verdana, Arial, Georgia, Geneva, sans-serif;
color: #555;
font-size:11px;
}
.ref_onecat_proj a:link,
.ref_onecat_proj a:visited {
}
.ref_onecat_proj a:hover {
}
.ref_onecat_img a:hover {
background:none;
}
/*********************/
/* project */
h4.ref_projtop {position:relative; float:left; width:100%;padding-bottom: 5px;font-size: 90%; color: #6297BC;}
#ref_projcont {position:relative;float:left;width:100%;}
#ref_projimage {position:relative;float:left;border: 1px solid #e2e2e2;}
#ref_projdesc {position:relative;float:right;width: 315px;}
#ref_projdesc p{margin: 0;}
#ref_projdesc ul li{font-size:90%;}
#ref_projdesc ul li span {background:none;}
span.pack { font-style:italic; font-size:90%; }
/*********************/
/* back button , pagination */
.ref_pagination {
float:left;
width:98%;
margin-left:1%!important;
margin-left:5px;
padding-top:40px;
text-align:center;
}
.ref_proj_pagination {
float:right;
width:70%;
margin-left:1%!important;
/* margin with % breaks IE layout */
margin-left:5px;
padding-top:11px;
text-align:right;
}
.ref_back {
float:left;
width:25%;
padding-left:1%;
padding-top:3px;
}
#ref_bottom {
float:right;
width:60%;
padding:3px;
text-align:right;
margin-top:10px;
}
#ref_bottom a:link{
font-size:9px;
}
/* @end */