body { background: #111111; margin: 0; padding: 0; font-family: Georgia, Times, Serif; font-size: 0.8em; color: #121212; line-height: 1.3em; }


a { color: #990000; text-decoration: none; padding: 3px 3px 0 3px; outline: none; }
a:hover { color: #cc3300;  }

img { border: none; }

.spacer { clear: both; }

h1, h2, h3, h4 , h5 { font-weight: normal; font-family: Georgia; }

h2, h3 { font-size: 2.4em; margin: 0; padding: 15px 0; line-height: 1em; }
h3 a { color: #111; margin: 0; padding: 0;  }

h2 { background: url(img2/hsep1.jpg) repeat-x 0% 100%; margin-bottom: 20px; }
.col2left h3, .col2right h3 { background: url(img2/hsep2.jpg) repeat-x 0% 100%; margin-bottom: 15px; }

h4 { font-size: 1.4em; margin: 0; padding: 0 0 10px 0; }

div, p { margin: 0; padding: 0; }

.main { margin: 0 auto 0 auto; padding: 0; width: 918px; position: relative; }

.mainContent { background: #ebebeb url(img2/bg_main_top.jpg) repeat-x 50% 0; }

#top { background: #333; }

#header { border-bottom: 1px solid #fff; /*background: #111; background: url(img/bg_header.jpg) repeat-x;*/  }

#content { border-top: 1px solid #d6d2d2;/*background: #ececec url(img/bg_content.png) repeat-x;*/  }

#content .main, #footer .main  { width: 920px; padding-left: 10px; }

.col2left { float: left; width: 400px; margin-right: 78px; }
.col2right { float: left; width: 430px; }

.col2bleft { float: left; width: 550px; margin-right: 30px; padding: 10px 0 10px 0; }
.col2bright { float: left; width: 328px; padding-top: 20px;}

.col2cleft { float: left; width: 550px; margin-right: 50px; padding: 0 0 10px 0; }
.col2cRight { float: left; width: 308px; text-align: justify; }

.col2dleft { float: left; width: 588px; margin-right: 30px; padding: 0 0 10px 0; }
.col2dright { float: left; width: 290px; }


.col3left { float: left; width: 290px; background: #ddd; padding: 5px; }
.col3mid { float: left; width: 290px; background: #ccc; padding: 5px; }
.col3right { float: left; width: 300px;  }

/***************  messages *******************/

#error ul, #succes ul { margin: 0; background: #fff; border-bottom: 3px solid #842d13; }
#error ul li, #succes ul li { margin: 0; padding: 15px; color: #842d13; font-size: 1.6em; }

#succes ul { border-bottom: 3px solid #769EDC; }
#succes ul li { color: #769EDC; }


/***************  header *******************/

#header h1 { float: left; margin: 0; padding: 0; }
#header h1 a { float: left; width: 299px; height: 90px; background: url(img2/rw-logo.jpg) no-repeat 0% 0%; text-indent: -10000px; margin: 0; padding: 0;  }
#header h1 a span { float: left; width: 299px; height: 90px; background: url(img2/rw-logo.jpg) no-repeat 0% -90px; text-indent: -10000px; margin: 0; padding: 0;   }

#menu_en, #menu_fr { float: right; }
#menu_en ul, #menu_fr ul { margin: 0; padding: 0;  }
#menu_en ul li, #menu_fr ul li { display: inline;  }
#menu_en ul li a, #menu_fr ul li a { float: left; width: 121px; height: 90px; margin: 0; padding: 0; text-indent: -10000px; position: relative; background: url(img2/bg_menu.jpg) no-repeat; cursor: pointer; }
#menu_fr ul li a { background: url(img2/bg_menu_fr.jpg) no-repeat; }

#menu_en ul li a span, #menu_fr ul li a span { float: left; width: 121px; height: 90px; margin: 0; padding: 0; text-indent: -10000px; background: url(img2/bg_menu.jpg) no-repeat; cursor: pointer; }
#menu_fr ul li a span { background: url(img2/bg_menu_fr.jpg) no-repeat; }

#menu_en ul li.btn_home a, #menu_fr ul li.btn_home a { background-position: 0% 0%; }


#menu_en ul li.btn_home a span, #menu_fr ul li.btn_home a span { background-position: 0% -90px; }
#menu_en ul li.btn_home a.aktiv, #menu_fr ul li.btn_home a.aktiv { background-position: 0% bottom; }

#menu_en ul li.btn_portfolio a, #menu_fr ul li.btn_portfolio a { width: 126px; background-position: -121px 0%; }
#menu_en ul li.btn_portfolio a span, #menu_fr ul li.btn_portfolio a span { width: 126px; background-position: -121px -90px; }
#menu_en ul li.btn_portfolio a.aktiv, #menu_fr ul li.btn_portfolio a.aktiv { background-position: -121px bottom; }

#menu_en ul li.btn_services a, #menu_fr ul li.btn_services a { width: 124px; background-position: -247px 0%; }
#menu_en ul li.btn_services a span, #menu_fr ul li.btn_services a span { width: 124px; background-position: -247px -90px; }
#menu_en ul li.btn_services a.aktiv, #menu_fr ul li.btn_services a.aktiv { background-position: -247px bottom; }

#menu_en ul li.btn_contact a, #menu_fr ul li.btn_contact a { width: 131px; background-position: -371px 0%; }
#menu_en ul li.btn_contact a span, #menu_fr ul li.btn_contact a span { width: 131px; background-position: -371px -90px; }
#menu_en ul li.btn_contact a.aktiv, #menu_fr ul li.btn_contact a.aktiv { background-position: -371px bottom; }


/***************  footer *******************/
#footer { background: #0f0f0f url(img/bg_footer.jpg) repeat-x; padding: 3px 0 20px 0; color: #444; /*border-bottom: 2px solid #000;*/ }
#footer ul { list-style: none; list-style-image: none; padding: 0; margin: 0; }
#footer ul li  { list-style: none; list-style-image: none; padding: 0; margin: 0; }

#language { float: left; width: 670px;  padding: 0 0 0 0px; }
#language a { float: left ; color: #777; background: url(img/flag-fr.jpg) no-repeat 0% 0%; margin: 0; height: 21px; padding: 8px 0 0 30px;  position: relative; }
#language a span { position: absolute; left: 0; top: 0; width: 195px; height: 29px; margin: 0; padding: 0; background: url(img/flag-fr.jpg) no-repeat 0% -29px; }
#language a.flagen, #language a.flagen span { background-image: url(img/flag-en.jpg); }

#getQuote { float: left; background: url(img/bg_btn_quote.png) no-repeat; width: 229px; height: 67px; position: relative; top: -17px; left: 10px; padding: 2px 0 0 15px; }
#getQuote a { float: left; text-indent: -10000px; background: url(img/btn-quote-en.png) no-repeat; width: 225px; height: 62px; padding: 0; margin: 0; position: relative; }
#getQuote a span{ float: left; background: url(img/btn-quote-en.png) no-repeat  0 -62px; width: 225px; height: 62px; margin: 0; padding: 0; text-indent: -10000px; }

#getQuote a.imgQuotefr, #getQuote a.imgQuotefr span { background-image: url(img/btn-quote-fr.png); }

#footCol1, #footCol2, #footCol3 { float: left; width: 306px; }
#footCol2 {  text-align: center; }
#footCol3 {  text-align: right; }

#footCol1 ul li { padding: 0px 0 5px 10px; background: url(img/rw-puce02.png) no-repeat 0% 3px; }
#footCol3 ul li.linkType { padding: 0 10px 5px 0; background: url(img/rw-puce02r.png) no-repeat 100% 3px; }

#footer h5 { font-size: 1.6em; margin: 0; padding: 20px 0 20px 0; color: #333; }
#footer h5 a { color: #333; }
#footer h5 a:hover { color: #5C1F0D; }

#lastTwit {  padding: 10px; color: #555; text-align: left; background: #222 url(img/twit-bird.jpg) no-repeat 100% 100%; }
.twitdate { font-size: 0.8em; color: #444; }

#cpoyR { background: url(img/bg-copyright.jpg) repeat-x; text-align: center;  /*border-top: 1px solid #222;*/ }

#cpoyR p { /*background: url(img/bg-copyright-mid.jpg) no-repeat 50% 0%;*/ padding: 50px 0 40px 0; }

#cpoyR a { color: #232323; background: url(img/rw-footer-logo.jpg) no-repeat 0% 0%; padding: 15px 0 10px 70px; }
#cpoyR a:hover { color: #333; background-position: 0% -44px; }

/***************     home   *******************/

#about { /*border-bottom: 3px solid #fff; background: #fff; background:url(img2/hsep1.jpg) repeat-x 0% 100%;*/ background: #333; text-align: center; padding: 0 10px 10px 10px; color: #EBEBEB; }

#about h2 { font-size: 1.6em; margin: 0; padding: 15px 0 5px 0; background: none;  }
#about h2 span { display: block; font-size: 102px; line-height: 100px; letter-spacing:-10px; }
#about p { font-size: 1.4em; margin: 0; padding: 0 0 5px 0; color: #777; }
#about a {  color: #777; text-decoration: underline;}

#servicesHome .webdesign { background: url(img/icon-webdesign1.png) no-repeat; padding: 0 0 30px 140px; }
#servicesHome .graphisme { background: url(img/icon-graphisme1.png) no-repeat; padding: 0 0 30px 140px; }
#servicesHome .seo { background: url(img/icon-seo1.png) no-repeat; padding: 0 0 0 140px; }

#servicesHome div p { padding: 0 0 5px 0; }

/***************  portfolio *******************/

#portfolio { padding: 0; margin: 0;  }


.folio { float: left; width: 301px; margin: 0 0 5px 0; padding: 0 0; position: relative;  }
/*
* html .folio { height: 145px; margin: 0; padding: 0; }

*+html .folio { height: 70px; }
*/
.folio  a.tof { background-position: 0% 0%; background-repeat: no-repeat; float: left; width: 291px; height: 155px; margin: 0 0 3px 0; padding: 0; border: 5px solid #fff;  }

.folio p a span { color: #111; font-weight: normal; margin:0; padding: 0; }
.folio p a:hover { color: #111;   }
.folio p a:hover span { color: #5C1F0D; }


.folio p.thumb span.wType { color: red; margin:0; padding: 0; }


.emptyFolio { float: left; width: 301px; height: 165px; background: #fff;}

.separator { float: left; width: 5px; height: 10px; padding: 0; margin: 0;  }

.folio a em {
	font-weight: normal;
	background: url(img/tipfolio.png) no-repeat;
	height: 27px;
	position: absolute;
	top: -25px;
	left: 0px;
	text-align: left;
	padding: 8px 10px 10px 10px;
	white-space: nowrap;
	font-style: normal;
	font-size: 0.9em;
	color: #fff;
	z-index: 2;
	text-indent: 0px;
	display: none;
}


#portfolioHome .folio { width: 197px;  }
#portfolioHome .folio  a { background-position: 0% 0%; background-repeat: no-repeat; float: left; width: 187px; padding: 0; height: 100px; border: 5px solid #fff; text-indent: -10000px; margin: 0; }

#portfolioHome .folio a em {
	/*background: url(img/tiphome.png) no-repeat;
	color: #666;*/
}


#portfolioHome  .separator { width: 5px; }

/***************  folio *******************/
.col2bright h4 { padding: 30px 0 2px 0; border-bottom: 1px solid #fff; margin-bottom: 0; font-size: 1.2em;  text-align: right; color: #333; }
.col2bright h2 { padding: 20px 0 20px 0;  text-align: center; }

.desc { padding: 0px 0 0 0; }
.desc p { padding: 0px 0 5px 10px; background: url(img/rw-puce01.png) no-repeat 0% 3px; }

.folioNav { font-size: 0.9em; text-align: center; background: #333; color: #EEE; padding: 3px 0 5px 0; }
.folioNav a { padding: 5px; color: #EEE; }
.folioNav a:hover { color: #FFF; }


/***************  services *******************/

#services h3 { font-size: 1.4em; margin-bottom: 20px; }

#services .webdesign, #services .graphisme, #services .seo { float: left; width: 226px; padding: 10px 0 0 70px; margin-right: 10px; text-align: left; } 

#services .seo { margin-right: 0; }

#services .webdesign { background: url(img/icon-webdesign2.png) no-repeat;  }
#services .graphisme { background: url(img/icon-graphisme2.png) no-repeat; }
#services .seo { background: url(img/icon-seo2.png) no-repeat;  }

#services .webdesign h5, #services .graphisme h5, #services .seo h5 { font-size: 1.2em; padding-bottom: 0px; margin-bottom: 0; font-weight: bold; }
#services .webdesign p, #services .graphisme p, #services .seo p {  padding: 5px 0 0 1px; color: #232323; padding: 5px 0 5px 10px; background: url(img/rw-puce01.png) no-repeat 0% 8px; }

.disclaimer { font-size: 0.9em; color: #444; }

/***************     btn   *******************/
p.btnHover, #servicesHome div p.btnHover { text-align: right; padding: 10px 0 5px 0; }

#portfolioHome p.btnHover { padding: 15px 0px 5px 0; }


p.btnHover a { background: url(img/bg_btnLink.jpg) repeat-x 0% -270px; padding: 5px 10px; margin: 0; border: 2px solid #fff; font-weight: normal; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;   }

p.btnHover a:hover { color: #fff; background-position: 0% -170px; }


/***************     quote   *******************/


.quoteTxt1 { font-size: 1.2em; }
.quoteTxt2 { font-size: 1em; padding: 5px 50px 5px 0; }