body,td,th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#444;
}
body {
	margin: 0px;
	background:url(../../../../../images/layout/back.gif) repeat-x #ffffff;
}
a {
	text-decoration:underline;
	color:#444;
}
a:hover {
	color:#444;
	text-decoration:none;
}
small {
	color:#888;
}
small a {
	color:#888;
    text-decoration:underline;
}
small a:hover {
	color:#888;
    text-decoration:none;
}
img {
	display:block;
	padding:4px;
	margin-bottom:6px;
	border:#666666 solid 1px;
	background-color:#eeeeee
}
a img {
	display:block;
	padding:4px;
	margin-bottom:6px;
	border:#666666 solid 1px;
	background-color:#eeeeee
}
a:hover img {
	display:block;
	padding:4px;
	border:#000000 solid 1px;
	background-color:#FFFFFF
}
#logo {
	width:865px;
	margin:0 auto;
	padding:30px 0 20px 0;
}
#logo a {
	display:block;
	height:20px;
	width:352px;
	overflow:hidden;
	text-indent:-400px;
	font-size:10px;
	background:url(../../../../../images/layout/logo.gif) no-repeat 0 0;
}
#logo a:hover {
	background:url(../../../../../images/layout/logo.gif) no-repeat 0 -20px;
}
h2 {
	font-size:21px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
    line-height:26px;
	color:#243245;
    margin:0 0 16px;
	padding:0 0 5px 0;
}
h3 {
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	display:block;
    background-color:#243245;
    width:100%;
    padding:3px 5px;
    margin:15px 0 10px;
}
#main {
	width:865px;
	margin:0 auto;
	padding:0;
}
.english_txt {
	margin-top:5px;
	padding:5px 0;
	color:#888;
	border-top:dashed 1px #CCCCCC;
}
.english_txt a {
	text-decoration:underline;
	color:#888;
}
.english_txt a:hover {
	color:#888;
	text-decoration:none;
}
a .english {
	color:#888;
}
.english {
	color:#888;
}
.bas_vignette {
	color:#b0b0b0;
	font-size:10px;
}

/* Si j'ai le goût de mettre une image de BG un jour...
.home {
	background:url(images/back-home_new.jpg) no-repeat;
}
.about {
	background:url(images/back-about.jpg) no-repeat;
}
.portfolio {
	background:url(images/back-portfolio.jpg) no-repeat;
}
.weblog {
	background:url(images/back-weblog.jpg) no-repeat;
}
.themes {
	background:url(images/back-themes.jpg) no-repeat;
}
.resources {
	background:url(images/back-resources.jpg) no-repeat;
}
.contact {
	background:url(images/back-contact.jpg) no-repeat;
}
*/

/* navigation */

.nav-holder {
	background:url(../../../../../images/layout/nav_lines.gif) no-repeat;
	padding:5px 0;
}

#nav {
	width:600px;
	height:52px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../../../../../images/layout/nav.gif);
}
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:1px;
}
#nav li, #nav a {
	height:52px;
	display:block;
}
#nav01 {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:120px;
}
#nav02 {
	text-indent:-300em;
	overflow:hidden;
	left:120px;
	width:120px;
}
#nav03 {
	text-indent:-300em;
	overflow:hidden;
	left:240px;
	width:120px;
}
#nav04 {
	text-indent:-300em;
	overflow:hidden;
	left:360px;
	width:120px;
}
#nav05 {
	text-indent:-300em;
	overflow:hidden;
	left:480px;
	width:120px;
}

#nav01 a:hover {
	background:transparent url(../../../../../images/layout/nav.gif) 0px -104px no-repeat;
}
#nav02 a:hover {
	background:transparent url(../../../../../images/layout/nav.gif) -120px -104px no-repeat;
}
#nav03 a:hover {
	background:transparent url(../../../../../images/layout/nav.gif) -240px -104px no-repeat;
}
#nav04 a:hover {
	background:transparent url(../../../../../images/layout/nav.gif) -360px -104px no-repeat;
}
#nav05 a:hover {
	background:transparent url(../../../../../images/layout/nav.gif) -480px -104px no-repeat;
}

.nav01on {
	background:transparent url(../../../../../images/layout/nav.gif) 0px -52px no-repeat;
}
.nav02on {
	background:transparent url(../../../../../images/layout/nav.gif) -120px -52px no-repeat;
}
.nav03on {
	background:transparent url(../../../../../images/layout/nav.gif) -240px -52px no-repeat;
}
.nav04on {
	background:transparent url(../../../../../images/layout/nav.gif) -360px -52px no-repeat;
}
.nav05on {
	background:transparent url(../../../../../images/layout/nav.gif) -480px -52px no-repeat;
}

/* columns */

.column-left {
	float:left;
	width:580px;
	padding-top:40px;
}
.column-right {
	float:right;
	width:250px;
	padding-top:40px;
}
.column-right .infos {
	font-size:11px;
	line-height:18px;
	color:#444;
	padding-bottom:30px;
}
.colonne_1, .colonne_2 {
	width:280px;
	color:#444;
	font-size:11px;
	line-height:18px;
}
.colonne_1 {
	float:left;
}
.colonne_2 {
	float:right;
}

/* Accueil */

.featured {
	text-align:right;
	font-size:11px;
	background:url(../../../../../images/layout/txt_projets_recents.gif) no-repeat;
	padding-bottom:20px;
}
.latest-entries {
	font-size:11px;
	background:url(../../../../../images/layout/txt_sur_le_blog.gif) no-repeat;
	padding-bottom:20px;
}
#latest-entries-list {
	padding:0;
	margin:0;
}
#latest-entries-list li {
	padding:0;
	margin:0;
	list-style:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
#latest-entries-list .selected {
	background-color:#300912;
}
#latest-entries-list a {
	display:block;
	padding:10px;
	font-size:11px;
	color:#444;
	line-height:16px;
	width:230px;
	text-decoration:none;
}
#latest-entries-list a:hover {
	color:#fff;
	background-color:#191919;
}
#latest-entries-list a .inline-date {
	color:#b0b0b0;
	font-size:10px;
}

/* À propos */

.apropos {
	background:url(../../../../../images/layout/txt_apropos.gif) no-repeat;
	padding-bottom:20px;
}
.cv {
	text-align:right;
	font-size:11px;
	background:url(../../../../../images/layout/txt_cv.gif) no-repeat;
	padding-bottom:0px;
}
.profile_pic {
	margin:0 10px 2px 0;
	padding:4px;
	border:#666666 solid 1px;
	background-color:#eeeeee
}
.more-information {
	text-align:right;
	font-size:11px;
	padding-bottom:16px;
	background-image: url(../../../../../images/layout/txt_plus_dinfos.gif);
	background-repeat: no-repeat;
}

/* Portfolio */

.filtrer_categorie {
	font-size:11px;
	background:url(../../../../../images/layout/txt_filtrer_categorie.gif) no-repeat;
	padding-bottom:20px;
}
.imprime {
	font-size:11px;
	background:url(../../../../../images/layout/txt_design_imprime.gif) no-repeat;
	padding-bottom:20px;
}
.web {
	font-size:11px;
	background:url(../../../../../images/layout/txt_design_web.gif) no-repeat;
	padding-bottom:20px;
}
.flash {
	font-size:11px;
	background:url(../../../../../images/layout/txt_animation_flash.gif) no-repeat;
	padding-bottom:20px;
}
.project_info {
	font-size:11px;
	padding-bottom:16px;
	background:url(../../../../../images/layout/txt_infos_sur_le_projet.gif) no-repeat;
}
.portfolio_sample {
	padding-bottom:30px;
}
.portfolio_sample a {
	color:#444;
}
.portfolio_sample a:hover {
	text-decoration:none;
}
.viewer_title {
	width:865px;
	text-align:left;
	padding-top:40px;
}

/* weblog styles */

.blog_info {
	font-size:11px;
	padding-bottom:16px;
	background:url(../../../../../images/layout/txt_apropos_du_blogue.gif) no-repeat;
}
.post {
	font-size:11px;
	line-height:18px;
	color:#444;
	margin-bottom:30px;
	padding-bottom:20px;
}
.post h2 {
	font-weight:normal;
	color:#243245;
	display:block;
    width:100%;
    /*margin:0 0 16px;*/
    padding:0 0 5px 0;
    border-bottom:1px solid #ccc;
}
.post h2 a {
	color:#243245;
	text-decoration:none;
    display:block;
    width:100%;
}
.post h2 a:hover {
	color:#888;
	text-decoration:none;
}
.post a {
	color:#444;
	text-decoration:underline;
}
.post a:hover {
	color:#444;
	text-decoration:none;
}
.post .details {
    border-top:1px solid #ddd;
    padding:6px 0 20px 0;	
    font-size:10px;
	color:#888;
}
.post .details a, .post .english_txt a {
	color:#888;
    text-decoration:underline;
}
.post .details a:hover, .post .english_txt a:hover {
    text-decoration:none;
}
.post .time {
	float:left;
}
.post .comments {
	float:right;
}
.commentlist {
	font-size:11px;
	line-height:18px;
	color:#444;
}
ul.commentlist {
        padding-left: 0;
        margin-left: 0;
}
ul.pinglist {
        padding-left: 0;
        margin-left: 0;
}
.commentlist li {
	list-style:none;
        list-style-position:outside;
        border-bottom:1px solid #ddd;
}
.search-box {
	width:203px;
	float:right;
}
.search-box form {
	padding:5px 0 0 24px;
	margin:0;
	height:30px;
	background:url(../../../../../images/layout/search-back.gif) no-repeat;
}
.search-box .txtField {
	margin:0;
	background:transparent;
	border-style:none;
	width:150px;
	font-size:10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* tabs */

#tabs {
	margin-left: 4px;
    padding: 0;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 5px;
}
#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
    color:#fff;
}
#tabs li {
	padding:0;
	margin:0;
	list-style:none;
	border-top:1px solid #4f4f4f;
}
#tabs a {
	display:block;
	padding:10px;
	font-size:11px;
	color:#444;
	line-height:16px;
	width:221px;
	text-decoration:none;
}
#tabs a:hover {
	color:#fff;
	background-color:#191919;
}
.currenttab { 
	background:url(../../../../../images/layout/selected.gif) no-repeat 0 50%;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:10px;
	line-height:16px;
	width:221px;
}
#tabs .inline-date {
	color:#b0b0b0;
	font-size:10px;
}

/* Coordonnées */

.contact {
	font-size:11px;
	background:url(../../../../../images/layout/txt_coordonnees.gif) no-repeat;
	padding-bottom:20px;
}
.liens {
	font-size:11px;
	padding-bottom:16px;
	background:url(../../../../../images/layout/txt_liens.gif) no-repeat;
}
.contact-col-01 {
	float:left;
	width:160px;
}
.contact-col-02 {
	float:right;
	width:410px;
}

/* footer */

#footer {
	margin-top:30px;
	font-size:10px;
	color:#6f6f6f;
	line-height:18px;
	padding:20px 0 40px 0;
	background:url(../../../../../images/layout/line-dark.gif) no-repeat;
	clear:both;
}
#footer a {
	color:#6f6f6f;
	text-decoration:underline;
}
#footer a:hover {
	color:#000;
	text-decoration:none;
}