/* CSS document */
@import "layout.css";

body {color:#424343;text-align:left;background:#FFF;font:normal 75% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial"}
a {color:#99CD00;text-decoration:none;font-weight:bold;cursor:pointer}
a:hover {color:#99CD00;text-decoration:none;font-weight:bold;text-decoration:underline}
ul, ol {list-style:none}
pre {overflow:auto}
* html pre {width:100%}
label {display:block}
.hide {display:none}
.display {display:block}

/* head */
#web2art {width:327px;height:81px;background:url(img/logo_swd_reflect.jpg) 137px no-repeat}
#web2art a {width:200px;height:81px;display:block;text-indent:-5000em;margin-left:137px}
.web2art {display:none}

#head ul {/*text-align: right;*/}
#head ul li {display:inline}
#head ul li a {color:#424343;font-size:1.30em;padding-left:0px;padding-right:0px}
#head ul li a:hover {/*border-bottom: 3px solid #868686;*/color:#868686;text-decoration:none}

.activ_link {border-bottom:3px solid #424343}
.activ_link:hover {border:none}


/* kwick */
#kwick {position: relative}

#kwick .kwicks {display: block;background:#fff;height:40px}

#kwick li {float:left}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 80px;
	height: 20px;
	padding: 10px;
	background: #fff;
}

#kwick span {
	/*display: none;*/
}

#kwick .khome {
/*	background: #99CD00 url(img/_khome.gif) no-repeat;
*/	background: #fff url(img/khome.gif) no-repeat;
}

#kwick .kservice {
/*	background: #77b800 url(images/kservice.gif);
*/	background: #fff url(img/kservice.gif);
}

#kwick .kportfolio {
/*	background: #719500 url(images/kportfolio.gif);
*/	background: #fff url(img/kportfolio.gif);
}

#kwick .kabout {
/*	background: #545f1d url(images/kabout.gif);
*/	background: #fff url(img/kabout.gif);
	width: 70px;
	border-right: 0;
}

#notify {
position: fixed;
top: 0px;
left: 0px;
background-color: #990000;
color: #FFFFFF;
font-size: 0.8em;
padding: 5px;
}

/* banner */
#banner {background: url(img/banner_scanline.gif);}

#banner_content {
width: 791px;
height: 223px;
margin: auto;
background: url(img/banner_content_background.gif) repeat-y; 
}
#banner_img {
width: 758px;
height: 223px;
margin-left: 18px;
}
#banner_img a, #banner_img span {
display: none;
}
/*.gmnoprint {display:none;}*/
.banner_home {background: url(img/banner_home.jpg) no-repeat; }
.banner_design {background: url(img/banner_design.jpg) no-repeat; }
.banner_development {background: url(img/banner_development.jpg) no-repeat;}
.banner_naruto {background: url(img/banner_naruto.jpg) no-repeat;}
.banner_map {background: #CCC;}

#side_bar_top {
position:absolute; 
top:267px; 
margin-left: 478px;	
}

/* cotent */
#content {background: url(img/content_background.gif) repeat-y;}
#content hr {clear:both; width:0px; height:0px;}

.green {
color:#99CD00;
font-weight:bold;
}

#content_menu ul li {float:left;}
#content_menu ul li a{
display: block;
color: #FFF;
text-align:right;
background: url(img/content_menu_background.jpg);
}
#content_menu ul li a span{
display: none;
}
#content_menu ul li.identity a {
width: 152px;
height: 101px;	
}
#content_menu ul li.identity a:hover {
background-position: 0px -101px;
}
#content_menu ul li.ajax a {
width: 152px;
height: 101px;
background-position: -152px 0px;
}
#content_menu ul li.ajax a:hover {
background-position: -152px -101px;
}
#content_menu ul li.development a {
width: 156px;
height: 101px;
background-position: -304px 0px;
}
#content_menu ul li.development a:hover {
background-position: -304px -101px;
}

#content_text {
background: #FFF url(img/content_text_background.gif) right top no-repeat;
}
#text_sitemap {
height: 22px;
width: 414px;
display: block;
padding-top: 5px;
padding-left: 30px;
background: #f0f0f0;
}
#text_page {
padding: 25px 30px 30px 30px;
display:block;
text-align:justify;
min-height: 321px;
}
#text_page p {
margin: 5px 0 10px 0;
background-color: #FFFFFF;
}
#text_page h1 {
color: #99cc00;
font-size: 1.50em;
background-color: #FFFFFF;
}
#text_page h2 {
font-size: 1.2em;
background-color: #FFFFFF;
}
#text_page ul.ajax {	
background:url(img/highlight_ajax.jpg) 0px 4px no-repeat;
padding-left: 100px;
}
#text_page ul.evacheck {	
background:url(img/highlight_evacheck.jpg) 0px 4px no-repeat;
padding-left: 100px;
}
#text_page li {	
padding: 2px 2px 2px 14px; 
background: url(img/list-bullet-purple.gif) no-repeat 0 4px; 
font-size: 0.90em;
text-decoration:none;
color:#999999;
}
fieldset{border: none}
label{cursor:pointer}
.field label{display:block}
input,textarea{border:1px solid #999}
textarea{width: 100%;font-size: 1em;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
#trackbacks blockquote, #comments blockquote{
	border: 1px solid #E4F3BC;
	margin: 1em 0;
	padding: 1ex 1em;
background: #F9FDEF;
}

#trackbacks blockquote p, #comments blockquote p{
background: #F9FDEF;
}

.highlight {
background:#FFF;
padding: 5px 10px 10px 110px;
height: 135px;
border: 1px solid #E2E2E2;
margin-top: 10px;
}
.highlight a {color: #999999;}
.highlight a:hover {
color: #99CD00;
text-decoration: none;
}
.highlight span.title {
color:#99CD00;
font-weight:bold;
margin-bottom: 0px;
}
.highlight span.title a{
color:#99CD00;
font-weight:bold;
margin-bottom: 0px;
}
.highlight p.description {
background: #F9FDEF;
border: 1px solid #E4F3BC;
height: 80px;
margin: 0px;
padding: 5px 8px;
}
.highlight p.links {
text-align: right;
margin: 8px auto;
}
#so6corp_flash_highlight {
background: transparent url(img/highlight_so6corp_flash.jpg) 10px 10px no-repeat;
}
#alluby_highlight {
background: url(img/highlight_alluby.jpg) 10px 10px no-repeat;
}
#seen_net_highlight {
background: url(img/highlight_seen_net.jpg) 10px 10px no-repeat;
}
#antilles_communication_highlight {
background: url(img/highlight_antilles_communication.jpg) 10px 10px no-repeat;
}
#web2map_highlight {
background: url(img/highlight_web2map.jpg) 10px 10px no-repeat;
}
#ajax_highlight {
background: url(img/highlight_ajax.jpg) 10px 10px no-repeat;
}
#naruto_highlight {
background: url(img/highlight_naruto.jpg) 10px 10px no-repeat;
}
#cisco_config_highlight {
background: url(img/highlight_ciscoconfig.jpg) 10px 10px no-repeat;
}
#dumbardon_highlight {
background: url(img/highlight_dumbardon.jpg) 10px 10px no-repeat;
}
#montcaraibes_highlight {
background: url(img/highlight_montcaraibes.jpg) 10px 10px no-repeat;
}
#evacheck_highlight {
background: url(img/highlight_evacheck.jpg) 10px 10px no-repeat;
}
#jeancrusol_highlight {
background: url(img/highlight_jeancrusol.jpg) 10px 10px no-repeat;
}
#cocoknel_highlight {
background: url(img/highlight_cocoknel.jpg) 10px 10px no-repeat;
}
#cocoknel_logo_highlight {
background: url(img/highlight_cocoknel_logo.jpg) 10px 10px no-repeat;
}
#axesoriz_highlight {
background: url(img/highlight_axesoriz.jpg) 10px 10px no-repeat;
}


#content_sidebar {background: transparent url(img/content_sidebar_background.jpg) 159px top no-repeat;}
#content_sidebar h1 {
color: #99cc00;
font-size: 1.50em;
padding: 10px 0 0 10px;
margin-bottom:10px;
}
#content_sidebar h2 {
background: #FFF;
width: 160px;
color:#999999;
font-size: 1.0em;
padding: 10px 0 0 10px;
}
#last_works
{
	overflow: hidden;
	position: relative;
	height: 150px;
}
.last_work
{
	border: 0;
	height: 150px;
}
.last_work h2 a
{
text-decoration:none;
color:#999999;
}
.last_work h2 a:hover { 
text-decoration:none; 
color:#99cc00;
}
#preview {
width: 200px;
height: 75px;
margin: 5px 10px 5px 10px;
}
#preview p {
margin-left: 58px;
background: #FFF;
font-size: 0.90em;
}
.preview_dumbardon {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_dumbardon.jpg) no-repeat;
}
.preview_web2map {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_web2map.jpg) no-repeat;
}
.preview_naruto {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_naruto.jpg) no-repeat;
}
.preview_montcaraibes {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_montcaraibes.jpg) no-repeat;
}
.preview_so6corp {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_so6corp_flash.jpg) no-repeat;
}
.preview_ciscoconfig {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_ciscoconfig.jpg) no-repeat;
}
.preview_evacheck {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_evacheck.jpg) no-repeat;
}
.preview_seen_net {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_seen_net.jpg) no-repeat;
}
.preview_antilles_communication {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_antilles_communication.jpg) no-repeat;
}
.preview_jeancrusol {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_jeancrusol.jpg) no-repeat;
}
.preview_cocoknel {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_cocoknel.jpg) no-repeat;
}
.preview_axesoriz {
width: 142px;
height: 75px;
margin: 5px 10px 5px 10px;
padding-left: 58px;
font-size: 0.90em;
background: #FFF url(img/mini_axesoriz.jpg) no-repeat;
}
.relatedlist li a {	
margin: 0 10px 10px 10px;
padding: 2px 2px 2px 14px; 
background: #FFF url(img/list-bullet-purple.gif) no-repeat 0 5px; 
text-decoration:none;
color:#999999;
}
.relatedlist li a:hover { 
text-decoration:none; 
color:#99cc00;
}
.sidebar_hr {
border-top: 1px solid #999999;
margin: 5px 95px 5px 10px;
}
#contact_form {
background:url(img/contact_background.jpg) no-repeat;
width: 190px;
height: 290px;
margin: 10px;
}
#contact_form input, #contact_form textarea{
font: normal 80% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial";
border: 1px solid #918f88;
width: 140px;
margin: 10px 10px 0px 10px;
background: transparent;
}
#message {
height: 55px;
}
#contact_form input:focus, textarea:focus {
border: 1px solid #606060;
}
#contact_form #button_send {
width:58px;
height:22px;
border: none;
margin: 10px 0 0 93px;
cursor:pointer;
}
.form_field label span, .form_area label span{display:none;}
#search_form {
text-align: left;
width:389px;
height:146px;
background: url(img/search_background.jpg) no-repeat;
padding-top: 15px;
padding-left: 11px;
}
#search_form input {
border: 1px solid #918f88;
margin-bottom: 5px;
width: 290px;
background-color: transparent;
}
#search_form input:focus {
border: 1px solid #606060;
}
#search_form #button_search {
width: 74px;
border: none;
margin-bottom: 0;
}

/* services */
#services {
width: 400px;
margin-top: 20px;
clear: both;
margin-left: 0px;
}
#servweb_title, #servweb2_title, #servdev_title, #servid_title, #servinfo_title, #servgest_title {
clear: both;
}
#servweb, #servweb2, #servdev, #servid, #servinfo, #servgest {
margin:0 0 5px 0;
text-align: justify;
padding:10px;
float:right;
width:260px;
height:120px;
vertical-align:middle;
}
.services_img {
float:left;
width:120px;
height:120px;
}
#servweb_img {
background:url(img/servweb.jpg) top no-repeat;
}
#servweb2_img {
background:url(img/servweb2.jpg) top no-repeat;
}
#servdev_img {
background:url(img/servdev.jpg) top no-repeat;
}
#servid_img {
background:url(img/servid.jpg) top no-repeat;
}
#servinfo_img {
background:url(img/servinfo.jpg) top no-repeat;
}
#servgest_img {
background:url(img/servgest.jpg) top no-repeat;
}
.titlesection {
background-image: url(img/barre.gif);
background-repeat: no-repeat;
padding-left: 10px;
font-weight: bold;
font-size: 11px;
color:#FFFFFF;
height: 22px;
padding-top: 5px;
margin: 3px auto;
cursor: pointer;
}
.titlesection:hover {
background-image: url(img/barre_activ.gif);
}
.titlesection_activ {
background-image: url(img/barre_activ.gif);
background-repeat: no-repeat;
padding-left: 10px;
font-weight: bold;
color:#FFFFFF;
height: 40px;
padding-top: 5px;
cursor: default;
}
#portweb_content, #portdev_content, #portid_content,
#aboutfor_content, #aboutcon_content {
margin-bottom: 20px;
}

/* footer */
#footer {background: url(img/content_background.gif) repeat-y;margin:0 auto}

#footer_sitemap { 
background: #EBEBEB url(img/banner_scanline.gif);
margin: 0px 15px 0 18px;
padding: 15px 0 0 15px;
height: 50px;
border-bottom: 1px solid #666666;
border-top: 1px solid #CCCCCC;
}
.sitemap_list {
overflow:auto;
display:block;
padding:10px;
}
.sitemap_list li {
width: 120px;
float:left;
color:#990000;
margin-left: 30px;
font-weight: bold;
}
.sitemap_list li a {
color:#990000;
font-weight: bold;
font-size: 0.90em;
}
.sitemap_sublist li {
color:#9A9A9A;
padding-left: 14px; 
background: url(img/list-bullet-purple.gif) no-repeat 0 4px; 
margin-left: 5px;
}
.sitemap_sublist li a{
font-weight:normal;
color:#999;
font-size: 0.80em;
}
.sitemap_sublist li a:hover{
font-weight:normal;
text-decoration: none;
color:#99cc00;
}
#footer_copy {
background-color: #EBEBEB;
margin: 0px 15px 0px 18px;
padding: 0px;
}
#footer_copy a {
color:#424343;
font-weight:normal;
}
#footer_copy p.left {
float: left;
text-align:left;
vertical-align: middle;
margin: 5px 10px 0 10px;
}
#footer_copy p.left a {
/*border-left: 4px solid #99CD00;*/
padding-left: 3px;
margin-right: 5px;
text-decoration: none;
}
#footer_copy p.left a:hover {
/*border-left: 4px solid #C4C4C4;*/
}
#footer_copy p.right {
float: right;
text-align:right;
margin: 5px 10px;
padding-top: 3px;
}
#footer_copy .hr {clear:both; width:0px; height:0px; margin:0px; padding:0px;}

/* */
#preloader {
position:absolute;
left: 0;
top: 0;
background-color:#000000;
height:100%;
width:100%;
z-index:100; /* Mettez le z-index au-dessus des autres */
display: none;
}

#preloadIMG {
position:absolute;
left:50%;
top: 50%;
width:20px;
margin-left:-10px;
height:20px;
}