@import "wysiwyg.css";
@import "content.css";

* {
outline:none;
}

body {
margin:0;
font-size:12px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
color:#626262;
background:#dfdfdf;
text-align:center;
}

a {
color:#4d6b86;
}

a:hover {
text-decoration:none;
}

h1 {
font-size:21px;
line-height:24px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2b2b2b;
font-weight:normal;
font-style:italic;
margin-top:2px;
margin-bottom:20px;
}

h2 {
font-size:17px;
line-height:22px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2b2b2b;
font-weight:normal;
font-style:italic;
}

h3 {
margin:0;
font-size:12px;
padding-top:10px;
}

h4 {
margin:0;
margin-top:-20px;
margin-bottom:16px;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2b2b2b;
font-weight:normal;
}

img.image_left {
	margin:5px 15px 4px 0px ;
	float:left;
	border:solid 1px #c8c8c8;
}

img.img_left {
margin-right:20px;
margin-bottom:15px;
float:left;
}


img.image_right {
	margin:0 0 3px 4px;
	float:right;
	border:solid 1px #c8c8c8;
}

img.image_none {
	margin:4px;
	border:solid 1px #c8c8c8;
}

.home_right img.image_left {
	margin:0;
	float:left;
	border:none;
}

.home_right img.image_right {
	margin:0;
	float:right;
	border:none;
}

.home_right img.image_none {
	margin:0;
	border:none;
}

img {
border:none;
}

.clearer {
	clear:both;
}

p {
	margin:8px 0;
	padding:0;
}

/************************************************/

#top_header_outer {
background:url(../images/top_header_bg.jpg) repeat-x;
}
#top_header {
height:83px;
width:1010px;
margin:auto;
text-align:left;
background:url(../images/top_header_bg.jpg) repeat-x;
}
#top_header img {
float:left;
}

.menu {
float:right;
margin-top:15px;
}
.menu .level_1 {
float:left;
padding:21px 25px 0 10px;
border-left:solid 1px #f2c287;
line-height:15px;
}
.menu .level_1 {
font-size:15px;
font-family:"Myriad Pro", Arial;
color:white;
text-decoration:none;
text-transform:uppercase;

}
.menu .level_1:hover/*,
#menu .menu_item_selected*/ {
text-decoration:underline;
}


/**************************** Header ***********************/

#header_outer {
background:url(../images/big_header.jpg) repeat-x center;
} 

#header {
width:1010px;
height:362px;
text-align:left;
margin:auto;
color:white;
}

#header a {
color:white;
}

#header_content,
.header_content, #header_content_home {
margin-top:70px;
padding:0px;
width:430px;
float:left;
margin-left:10px;
line-height:24px;
}

#header_content h1,
.header_content h1, #header_content_home h1 {
font-size:40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
line-height:45px;
margin:10px 0;
margin-bottom:12px;
color:white;
}

#header_content h2,
.header_content h2, #header_content_home h2 {
font-size:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
line-height:30px;
margin:10px 0;
color:white;
}

#header_content p,
.header_content p, , #header_content_home p {
margin:25px 0;
font-size:13px;
}

.header_img {
position:absolute;
z-index:50;
}

#content {
overflow:hidden;
width:1010px;
margin:auto;
text-align:left;
/*margin-bottom:50px;*/
}


#slideshow {
	width:1010px;
	height:362px;
	margin:auto;
}

/***************************** Home **************************/

.home_left {
float:left;
width:630px;
padding:10px 25px 25px 10px;
}

.home_block {
float:left;
width:200px;
padding:29px;
}

.home_block img{
padding:0;
margin:0;
margin-top:-25px;
}

.home_sep {
float:left;
width:0px;
margin-top:15px;
border-left:solid 1px #bdbdbd;
border-right:solid 1px white;
}

.home_right {
float:left;
padding-left:35px;
padding-top:15px;
width:300px;
position:relative;
}

.home_right .content_textimg {
margin-bottom:15px;
}

.home_full {
padding:25px 10px;
overflow:hidden;
}

.cycle-div {
float:left;
width:980px;
}

#cycle {
overflow:hidden;
min-width:980px;
}

#left_arrow {
float:left;
height:120px;
width:35px;
background:url(../images/left_arrow.gif) 0% 50% no-repeat;
cursor:pointer;
margin-left:-35px;
position:absolute;
display:none;
}

#right_arrow {
float:left;
height:120px;
width:35px;
background:url(../images/right_arrow.gif) 0% 50% no-repeat;
cursor:pointer;
margin-left:990px;
position:absolute;
margin-top:-120px;
display:none;
}
/********************************* Service_box ****************************/

.service_box {
width:195px;
height:129px;
float:left;
margin-right:15px;
cursor:pointer;
margin-bottom:15px;
line-height:19px;
font-size:12px;
padding:43px 25px 0 14px;
}

.service_box h3 {
margin:0;
padding:0;
color:#626262;
}

.service_box p {
/*margin-bottom:20px;*/
}

.service_box a {
text-align:center;
padding:0 0;
margin-top:10px;
border-bottom:dotted 1px #303b41;
color:#ff7f00;
text-decoration:none;
text-transform:uppercase;
font-size:12px;
}

.service_box a:hover {
border-bottom:dotted 1px #ff7f00;
}

.website {
	background: transparent url(../images/services_website.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

.ecommerce {
	background: transparent url(../images/services_ecommerce.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

.design {
	background: transparent url(../images/services_design.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

.dns{
	background: transparent url(../images/services_dns.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

.emailing{
	background: transparent url(../images/services_emailing.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

.hosting{
	background: transparent url(../images/services_hosting.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

.email{
	background: transparent url(../images/services_email.jpg) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}



/********************** Approche ************/

.phase1 h3, .phase2 h3, .phase3 h3, .phase4 h3 {
	padding:0;
	margin:0;
}

.phase1 {
	position: absolute; 
	width: 340px; 
	height: 210px; 
	left: 97px; 
	top: 47px;
}

.phase2 {
	position: absolute; 
	width: 340px; 
	height: 210px; 
	left: 595px; 
	top: 47px;
}

.phase3 {
	position: absolute; 
	width: 340px; 
	height: 210px; 
	left: 595px; 
	top: 360px;
}

.phase4 {
	position: absolute; 
	width: 340px; 
	height: 210px; 
	left: 97px; 
	top: 360px;
}

p.support img {
margin:20px 0;
border:solid 1px #c8c8c8;
padding:5px;
background:white;
}

/*****************Facebox*******************/

#annonce {
	width:510px;
	margin:auto;
	text-align:left;
	height:195px;
	color:white;
	padding:20px;
}

#annonce_outer {
	background:url(../images/header_bg.jpg) repeat-x top;
	border-top:solid 9px white;
	border-bottom:solid 9px white;
}

#annonce h1 {
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	line-height:28px;
	margin:0;
	color:white;
}

/****************** page nav ***************/

.page_navigation {
	/*text-align:center;*/
	padding:4px 0;
	margin:5px 6px -10px 0;
	float:right;
}


.page_navigation a {
	border:solid 1px #cccccc;
	padding:3px 7px;
	margin:1px 2px;
	font-size:11px;
	text-decoration:none;
	background:#ffffff;
}

.page_navigation a.current_nav {
	background:#ffffff;
	color:#626262;
}

/************************* Support ********************/

.home_news_item {
overflow:hidden;
border:solid 1px #dfdfdf;
margin:0 0 0 -7px;
padding:10px 10px;
clear:both;
cursor:pointer;
} 

.home_news_item:hover,
.home_news_item_selected {
overflow:hidden;
border:solid 1px #c8c8c8;
background:white;
}


.home_news_item h3 {
margin:0;
font-size:12px;
}

.home_news_item p {
margin:5px 0;
}