/*____________________________________________________________________
    - HTML TAGS                                                     */
    
h1 {color:#008fbd; font-size:1.55em; font-weight:normal; margin-top:0px;margin-bottom:50px;}
h2 {color:#555; font-size:1.15em; font-weight:normal; margin-top:15px;line-height:1.5em; }
h3 {color:#008fbd; font-size:1.05em; font-weight:normal; margin-top:0; }
h4 {color:#008fbd; font-size:1.25em; font-weight:normal; margin-top:20px; }

a, a:visited {color:#000; }
a:hover {color:#008fbd;}

ul {  }
.espace{line-height:15px;}
ol { }
em { font-style:italic;  color:#777777; }

strong { font-size:1.75em; font-style:normal; font-weight:normal;  color:#aaa; }

.textbox,.dropdownlist, .inputfile { color:#777; padding:3px 5px; font-size:.9em;letter-spacing:1px; width:95%;background:white url("/imgs/textboxes2.jpg") repeat-x top; border:1px solid #ddd; border-top:1px solid #9b9b9b; border-left:1px solid #9b9b9b; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.textbox-on { border:1px solid orange; background:#ffc; color:#777; }
.textbox-error {background:#b36666;border-color:#cd3737;color:white;}

.dropdownlist {width:97%;margin-bottom:20px;}
.inputfile {font-size:0.85em;}
.button {}

textarea
{
	resize: none;
}

 /* b, strong {color:#000;} */
img {border:none !IMPORTANT;}


/*____________________________________________________________________
    - GENERAL LAYOUT - MASTERPAGES                                  */
body
{
    font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:0.85em;
	color:#575757;
	margin:0;
	background-image: url('/imgs/bg-body.png');
	background-position: center;
}

#content
{
	background-color: #ffffff;
}

#header-wrapper {
	background: black url('../imgs/bg-top.jpg') top repeat-x;	
	height:99px;
}
#header {
	width:955px;
	margin:0 auto;
	position:relative;
}

#header img
{
    border:none !IMPORTANT;
}

.logo {
	position:absolute;
	left:0;
	top:0;
	width:381px;
	height:110px;
}

#menutop {
	float:right;
	text-align:right;
}

#otherservices {
	height:30px;
	text-align:right;
	color:#bbbbbb;
	font-size:0.9em;
	margin-top:0px;
	margin-bottom:21px;
}

#otherservices img {
	border:0;
	vertical-align:middle;
}

#otherservices a, #otherservices a:visited {
	text-decoration:none;
	color:#bbbbbb;
}

#menu {
	padding-top:16px;
	text-align:right;
	padding-right:5px;
}

.heading-img { width:958px; height:160px; }

/*____________________________________________________________________
    - NEWS SECTION                                                  */
    
#news-wrapper {
	background:#B5B5B5 url('/imgs/bg-headlines.jpg') bottom repeat-x;
}

#news {
	width:955px;
	margin:0 auto;
	padding:20px 0 20px 0px;
	color:#333;
	font-size:0.85em !IMPORTANT;
}


#news a, #news a:visited {
	color:#005b8e;
	text-decoration:none;
}

#news a:hover {	color:#fff; }
#news-twitter-text a:hover { color:#222; }


#news-headline {
	width:300px;
	float:left;
	margin-top:0px;
}

#news-wordpress {
	width:290px;
	float:left;
	margin:0px 0 0 35px;
}

#news-wordpress-logo{
    float:left;
    margin-right: 10px;
}

#news-twitter {
	float:right;
	background:url('/imgs/bg-twitter.jpg') bottom left no-repeat;
	height:130px;
	width:295px;
}

#news-twitter-text {
	width:180px;
	height:80px;
	margin:15px 0px 5px 100px;
	overflow:hidden; 
}

/*____________________________________________________________________
    - FOOTER SECTION                                                */
    
#footer-wrapper {
	background: url('/imgs/bg-footertop.jpg') top repeat-x;
}

#footer {
	background: url('/imgs/bg-certs.jpg') bottom no-repeat;
	width:958px;
	margin:0 auto;
	height:185px;
	padding:20px 0 10px 0;
	line-height:1.2em;
}

#footer a,#rights a { color:#dfdfdf; }
#footer a:hover,#rights a:hover {color:#fff;}


#certifications {
	width:318px;
	background:url('/imgs/sep-footer.png') right top no-repeat;
	float:left;
}

#certifications img {
    float:left;
}

#contactus {
	background:url('/imgs/sep-footer.png') right top no-repeat;
	float:left;
	width:262px;
	margin-left:59px;
	color:#d2d2d2;
	font-size:0.9em;
}

#contactus p {margin:7px 0;}

#contactus img {margin-right:6px;}
#follows 
{
	float:left;	
	text-align:right;
	width:314px;
}
#followus { }

#followus img {margin-left:10px;border:none !IMPORTANT;}

#share { margin-top:30px; height:95px;}

#rights-wrapper {
		background: url('/imgs/bg-bottom.jpg') bottom repeat-x;
}
#rights {
	background: url('/imgs/bg-footer.jpg') center no-repeat;
	/*width:1000px;*/
	margin:0 auto;
	height:22px;
	text-align:center;
	color:#c2c2c2;
	font-size:0.9em;
	padding-top:10px;
}



/*____________________________________________________________________
    - jQuery Stuff                                                   */

/* tool tip */
#tooltip { 
    display:none; 
    background:transparent url('/imgs/jquery/tooltip.png'); 
    text-align:center;
    font-size:1em;
    height:20px; 
    width:93px; 
    padding:16px 25px 22px 25px; 
    margin:0;
    color:#fff;
    z-index:9999;
}

/* expose */
#expose { 
    background: url('/imgs/jquery/mask_gradient_1000.png') no-repeat; 
}


/*____________________________________________________________________
    - EXTRA AND MISCELLANEOUS                                       */
#breadcrumb { margin-left:30px;font-size:0.9em;}

#top-shade {
	background:url('/imgs/bg-banner.png') top repeat-x;	
}

#bottom-shade {
	background:url('/imgs/bg-content.png') bottom repeat-x;
	padding-bottom:80px;
	position:relative;
}

#middle {
	width:1000px;
	margin:0 auto;
}

#banner-home {
	padding:10px 0 2px 0;
	text-align:center;
	position:relative;
	height:280px;
}
#banner {
	padding:15px 6px 2px 0;
	text-align:center;
	position:relative;
}
#slideshowtop
{
    height:18px;
    overflow:hidden;
    margin-left:20px;
    position:relative;
    top:-29px; 
}

#slideshow
{
    height:309px;
    overflow:hidden;
    margin-left:20px;    
    position:relative;
    top:-29px; 
}

/* Sometime the image was appearing small */
#slideshowtop img {display:none; width:958px; height:18px; background-color:Transparent !IMPORTANT;} /* Fix a glitch with IE8 */
#slideshow img {display:none; width:958px; height:291px; background-color:Transparent !IMPORTANT;} /* Fix a glitch with IE8 */



#slideshow-next, #slideshow-pause, #slideshow-play { cursor:pointer; }
#slideshow-buttons { 
    width:60px;
    position:absolute;
    right:27px;
    top:261px;
    z-index:9999;
}

#btnquote
{
    position:absolute;
    top:93px;
    right:31px;
}
#btnportfolio
{
    position:absolute;
    top:23px;
    right:31px;
}

/* 3 BOXES */
.boxslidedown {line-height:1.25em;}
#box-simplewebsite, #box-buyonline, #box-custom {
    width: 166px;
    height: 113px;
    float:left;
    border:0px solid;
    position:relative;
    margin-right:5px;
}

#box-custom{margin:0px;}

#box-simplewebsite{  padding:65px 20px 10px 130px;}
#img-simplewebsite{ position:absolute; top:96px;left:-5px;z-index:99;}

#box-buyonline { padding:65px 130px 10px 20px;} 
#img-buyonline { position:absolute; top:110px;left:515px;z-index:99;} 

#box-custom { padding:65px 130px 10px 20px;}
#img-custom{ position:absolute; top:100px;left:835px;z-index:99;} 

#boxes { padding:5px 20px; font-size:1.25em;position:relative; }
#boxes a, #boxes a:visited, #boxes a:hover {color:White; text-decoration:none;}

#intro-wrapper {
	background:url('/imgs/bg-content.png') bottom repeat-x;
}

.intro {
	width:960px;
	margin:0 auto;
	padding-top:25px;
	padding-left:5px;
}
.news-intro { font-style:italic;}

#bigtext {
	width:312px;
	float:left;
	padding:15px 10px 35px 0px;
	margin-top:25px;
}

.bigtextinner {
	width:312px;
	float:left;
	padding:15px 0 35px 0px;
	margin-top:5px;
	margin-bottom:50px;
	font-size:1.1em;
}

#bigtext h1, .bigtextinner h1 { margin-left:5px;}
#bigtext h2,.bigtextinner h2 { padding:0px 15px 13px 20px; background: url('/imgs/left-section2.jpg') no-repeat -2px; height:177px;vertical-align : middle; display : table-cell;}

#text,.textinner {
	float:right;
	width:600px;
	font-size:1.1em;
	line-height:1.7em;
	padding:25px 3px 35px 15px;
	position:relative;
}

.regulartext {	
    font-size:1.1em;
	line-height:1.7em;
}

.textinner { padding:10px 5px 35px 0px; }

#text p {
    margin-bottom:30px;
}

#content li { margin:20px 0; }


.nobg {background:none !IMPORTANT;}



#textleft {
	padding:25px 0 35px 0px;
}

#textmid {
	padding:25px 25px 35px 25px;
}

#textright {
	padding:25px 5px 35px 0;
}
#textleft,#textmid,#textright { 
	float:left;
	width:300px;
	line-height:1.6em;
}
.columnheader { text-align:center; border-bottom:1px solid #008fbd; height:120px;vertical-align:bottom; }
.columnheader img { padding-bottom: 10px; }

#pic {
	float:left;
	width:317px;
	margin: 0px 17px 0 10px; 
}

.midbanner {margin: 0px 0px 40px 0px;}

#ribbonlogos {
    position:relative;
	height:95px;
	margin:0 auto;
	overflow:hidden;
	padding:15px 20px 0 20px;
	width:930px;
}

#ribbon-bg { background: url('/imgs/bg-clients.gif');}
#ribbon-title { width:980px;margin:0 auto; position:relative;}
#ribbon-title img { position:absolute; top:-19px;margin-left:15px; }

.text-box, .text-box2 {
	width:156px;
	height:90px;
	float:left;
    padding:56px 30px 0 101px;
}
.text-box2{padding-left:91px; width:166px;}

.floatleft
{
    float:left;
    margin: 15px 25px 3px 0px;
}

.floatright
{
    float:right;
    margin: 15px 0px 0px 25px;
}

.div-separator {
    clear:both;
    border-top:1px solid #ddd;
    margin:30px;
}

.date {
    color:#aaa;
}

.border { border:3px solid #ddd !IMPORTANT; }

/*____________________________________________________________________
    - Forms                                                         */
    
#form-popup
{
    color:White;
    width:366px;
    height:520px;
    background: url('/imgs/big-popup.png') no-repeat;
}
#form-popup div { background:none;}
.data-popup
{
    background:none;
    width:296px;
    height:450px;
    padding:35px;
}



#form-popup input {
    margin-bottom:20px;
}

#form-popup a {
    font-size:2em;
}

.simplemodal-close
{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}

/* Contact us page form */

.contactpageform
{
    padding:10px;
    clear:both;   
    background:#ceedfc;
    border:1px solid #a5cee0;
    color:black;
    line-height:1em;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.contactpageform input {
    margin-bottom:20px;
}
.formsent{
    text-align:center;
    padding:10px 0 0 0;
	position:relative;
	z-index:999;
	top:-2px;
}

#contactdirectory{
    margin:0px 0 0 0px;
}



#contactdirectory h3 {margin-bottom:0; margin-top:30px; padding-bottom:0; }

#contactdirectory div { 
    background-color:#fafafa;
    border-top:2px solid #f5f5f5; 
    border-bottom:2px solid #f5f5f5;
     
    clear:both;
    padding:5px; 
    margin:25px 0 25px 20px;
}

#contactdirectory .leftimg { float:left; margin: 15px 25px 10px 5px; }


#framegoogle
{
    width:100%;
    border:1px solid #999;
    margin-top:100px;
}

.center {text-align:center;}

.legend { font-size:0.85em; text-align:center; color:#aaa; }

/* bot trapping jquerytrapme is used as jQuery Selector, jqueryttrraappme is then applied. This is to confuse bots.*/
.jqueryttrraappme { display:none; }

/* --- CONTEST ---- */
.contest-logo { margin:50px 30px; }
.contest-logo a {margin:50px;}

.contest-rules { margin-top: 75px; font-size:0.85em; }


/* ###################################################################################################### */
/* INTERNET MARKETING WEBSITE */

.box-internetmarketing{ left:13px;height:121px; width:243px;position:absolute;top:0px; }
#img-internetmarketing{ position:absolute; top:55px;left:175px;z-index:99;}

.box-referencement{ left:255px;height:121px; width:243px;position:absolute; top:0px;  }
#img-referencement{ position:absolute; top:50px;left:395px;z-index:99;}

.box-adwords{  left:495px; height:121px; width:243px;position:absolute; top:0px; }
#img-adwords{ position:absolute; top:10px;left:622px;z-index:99;}

.box-mediasociaux{ left:737px;height:121px; width:243px;position:absolute;top:0px;  }
#img-mediasociaux{ position:absolute; top:10px;left:865px;z-index:99;}


.leftcolumn-bottom {
    position:absolute;
    bottom:20px;
}

.columns-four {
    width:200px;
    margin-right:8px;
    padding:120px 10px 0 20px;
    float:left;
    text-align:justify;
    line-height:1.6em;

}
.steps4 {
    min-height:500px;
}


.socialboxe { clear:both;height:430px; }

.socialboxes {
    padding:20px;
    background-color:#f9f9f9;
    margin:20px 5px 10px 0;
}
.socialboxes.leftbox {margin-left:0;}
.socialboxes.rightbox {margin-right:0;}

.fact {
    margin:30px 0;
}
.fact-numbers {
    float:left;
    margin:10px 10px 15px 15px;
}

h1.im {margin-top:12px; margin-bottom:30px; }