html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#c0c17e;
	background:#664C20 url(body.jpg) repeat-x top center;
	margin-left:auto;
	margin-right:auto;
}


.left { float:left; display:inline; }

.right { float:right; display:inline; }

a img { border:0; }

p {color:#fff;}

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

#shell { margin:0 auto;}

#bg {background:url(bg.jpg) no-repeat top center; margin-left:auto; margin-right:auto;}

#header{ height:180px; z-index:2;width: 960px; margin: 0 auto;}
#headerimg{ color:#564d45; padding:30px 0 0 20px; height:80px; width:102px;}
#headerimg h1 {background:none; position:relative; width:251px; height:102px; margin-top:50px; margin-left:30px;}
#headerimg .description {background:url(h2_infographie.png); width:263px;height:54px; position:absolute; margin-left:500px; margin-top:-95px;}
#headerimg .description span{display:none;}
/*#headerimg h1{ font-size:36px; line-height:36px; font-family: Georgia, serif; font-style: italic; padding-bottom:7px;}*/
#headerimg h1 a{ color:#564d45; text-decoration: none; }
#headerimg h1 a:hover{ color:#fff; }

/*========================*/



#navigation { font: 15px Georgia, serif; line-height:34px; padding-left:2px; z-index:3; width: 960px; margin-top:-110px; margin-left:50px;}
#navigation ul { list-style-type: none; height:34px; }
#navigation li { display:inline; float:left; margin-right:0px; }
#navigation a, #navigation a span { float:left; display:inline; height:40px; white-space:nowrap; background:url(nav.gif) no-repeat 0 -100px; padding:0 0 0 15px; }
#navigation a span{ padding:0 15px 0 0; background-position:right -100px;}
#navigation a { color:#bfced6; text-decoration: none; margin-right: 3px; }
#navigation a:hover {color:#fff; background-position:0 0; }
#navigation a:hover span, #navigation a#active span{ background-position:right 0; }
#navigation #active {font-weight: bold; background-position:0 0; color:#fff;}

#twitter-bt a {
background:url(bg-twitter-bt.png) no-repeat scroll right bottom transparent;
display:block;
width:80px;
height:26px;
position:absolute;
}

#twitter-bt a:hover { background:url(bg-twitter-bt.png) no-repeat scroll right top transparent; }

span .text-bt { display:none; }

#twitter-bt {
margin-left:780px;
margin-top:-36px;
display: block;
height: 26px;
width: 150px;
font:10px 'Trebuchet MS',arial;
color: #fff;
}

#main {width: 960px; margin: 0 auto;}

.box2 {background:url(top-box2.png) no-repeat top left; margin:-54px 0 10px 50px; padding-top:54px;position:relative; width: 880px;}
.box2-t{ font-size:0; line-height:0; height:9px; /*width:92%;*/}
.box2-b { font-size:0; line-height:0; height:9px; /*width:92%;*/ }
.box2-c { /*width:92%;*/}

/* Bubbleinfo */

        #bubbleaccueil, #bubbleportfolio, #bubbleblog, #bubblecontact {
            position: relative;
            /*top: 4px;*/
            left: 0px;
            /*width: 100px;*/
        }

      .trigger, .trigger2, .trigger3, .trigger4 {
      	position: relative;
        }

	 .popup, .popup2, .popup3, .popup4 {
            position: absolute;
		text-align: left;
		background: url(bubble-ie7.png) no-repeat top ;
		padding-left: 60px;
		padding-top: 16px;
		margin-top: 15px;
		margin-left: -10px;
		width:257px;
		height: 80px;
            display: none;
            z-index: 50;
            border-collapse: collapse;
        }

	.popup3 { margin-left: -20px; }

	 .popup span, .popup2 span, .popup3 span, .popup4 span {color:#046; font-style:italic; font-weight: bold; font-size: 14px;}

	.subtitle {
		display:block;
		width:156px;
		padding-top:2px;
		margin-top: -10px;
		font:normal 11px "Trebuchet MS", Arial, sans serif;
		color:#3d7a99;
		line-height:13px;
	}


	#home-icon { margin-left: 142px; margin-top: -55px;}
	#portfolio-icon { margin-left: 150px; margin-top: -60px;}
	#posts-icon { margin-left: 145px; margin-top: -60px;}
	#contact-icon { margin-left: 136px; margin-top: -60px;}

/*======================================*/



/*=========== PAGE PORTFOLIO ===========*/



.portfolio-box2 { position:relative; margin:-6px 0px 10px 46px; width:960px; }
.portfolio-box2-t {font-size:0; line-height:0; height:14px; background:url(portfolio-box2-t.png) no-repeat; width:92%;}
.portfolio-box2-b {height:14px; background:url(portfolio-box2-b.png) no-repeat; width:92%;}
.portfolio-box2-c { background:url(portfolio-box2-c.png) repeat-y; width:92%;}


/*========= FIN PAGE PORTFOLIO ==========*/


.box-headlines-t {background:url(box-headlines-t.png) top no-repeat; width:230px; height:80px;}
.box-headlines-c ul {background:url(box-headlines-c.png) repeat-y;}
.box-headlines-b {width:230px; height:20px;}
.box-archives-t {background:url(box-archives-t.png) top no-repeat; width:230px; height:85px;}
.box-archives-c ul {background:url(box-archives-c.png) repeat; margin-top:-6px; }
#box-archives-c {background:url(box-archives-c.png) repeat; padding:0; margin:0; }
.box-archives-b {background:url(box-archives-b.png) bottom no-repeat; width:230px; height:20px;}
.bloc-archives { float:left; width:230px; margin-left:10px;margin-top:-10px; }
.box-archives-c li a {background:url(puce-date.png) no-repeat left; padding-left: 17px; font-family: 'Trebuchet MS', sans serif; font-size: 10px; color:#ff9c00;}
.box-archives-c li a:hover {background:url(puce-date.png) no-repeat left; padding-left: 17px; }


/*=== ATTENTION concerne 'milieu' de page accueil + Page Blog ====*/

.box { margin-top:10px; margin-left:50px; position:relative; width:960px;}
.box-t{ font-size:0; line-height:0; height:26px; }
.box-b { font-size:0; line-height:0; height:15px; }
.box-t { background:url(box-t.png); width:92%;}
.box-b { background:url(box-b.png); width:92%; }
.box-c { background:url(box-c.png); width:92%; }
.box-cnt { padding:0px 20px; }

/*================================================================*/

.p1 {background:url(puce-p1.png) no-repeat bottom left;color:#d6d0c6; font-size:10px; text-transform:uppercase;letter-spacing:2px;;line-height:14px; padding-left:12px; padding-top:4px;margin-top:5px; margin-bottom:10px;}

#sep1 {background:url(sep1.gif) repeat-x; width:265px;height:2px; margin-top:4px;}


h2 { color:#ffc600; font-size: 19px; font-family: Georgia, serif; /*background:url(h2.gif) no-repeat 0 0; padding:0 0 10px 35px; line-height:23px; */font-weight: normal; font-style: italic;}
.h2-headlines {margin: 0px 0px 20px -10px;  color:#5d91ab;}
.box-archives-c .archives-h2 {display: block; padding-left:17px;padding-top:16px; margin-left:6px;  background:url(box-archives-h2.png) no-repeat left; color:#fff; height: 44px; }
.welcome h2 { background:transparent; padding-left:0; color:#fff; }
h2.nobg { background:transparent; margin-left:-20px; margin-bottom:0px; height:30px; color:#bfced6;} 

/********* Styles Listes Liens Ressources + Designers *********/

.side-eq ul {list-style-type:none;}
.side-eq ul a {text-decoration:none;background:none;}

.liste-ressources a {display: block;color: #bea682;margin-top:4px;}
.liste-ressources a:hover {display: block;color: #bea682;margin-top:4px;}
.liste-ressources span {background: url(pucelisteressources.png) no-repeat top left;font-size:13px;color:#ffc600;line-height:10px;padding-left:22px;}
.liste-ressources span:hover {background: url(pucelisteressourcesover.png) no-repeat top left; color:#fff;}
.liste-ressources li {border-bottom: 1px;border-bottom-style:solid;border-bottom-color: #593e18;padding-bottom: 6px;padding-top: 4px;}
.liste-ressources li:hover, .liste-ressources li:active {background: #5c451c; cursor:auto;}

.col-design {float:left; width:130px; margin-bottom:15px;}
.liste-designers a {color:#bea682;}
.liste-designers a:hover {	background: #5c451c; color:#ffc600;}
.liste-designers li {width:122px;padding-top:2px;padding-bottom:2px;/*border-bottom: 1px;border-bottom-style:solid;border-bottom-color: #593e18;*/}
.liste-designers li:hover {}

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

.side-left { float:left; width:960px;}
.side-right { float:left; width:230px; margin-left:30px;margin-top:-10px;}
.side-eq{ float:left; display:inline; width:260px; }
.side-center{ margin:0 30px; }

/*======== PAGE BLOG =========*/

.posts, .pageposts {padding-top: 10px; }
.posts .post { width:780px;}
.top-blog {position:absolute; top:-5px; right:150px; width:187px; height:45px; background:url(top-blog.png);}
.top-contact {position:absolute; top:-5px; right:150px; width:187px; height:45px; background:none;}

.posts .post {background:url(avatar-author.png) no-repeat top left;}
.post small {margin: 0 0 10px 5px; padding-left: 44px;}
.post small {font-size:9px; color:#ffc600;}
.post small a {color:#5e91ab; text-decoration: none; border-bottom: 1px #5e91ab dotted;}
.post small a:hover {color:#7abdde; border-bottom: 1px #7abdde dotted;}
.postheadimg {background:url(bg-postheadimg.png) no-repeat top left; width:554px; height:325px; margin-top:20px; padding-left:18px; padding-top:18px; float:left;}
.post h2 { color:#fff; margin: 0 0 2px 5px; padding:0 0 2px 44px; font-family: Georgia, serif; font-size:22px; font-style: normal;}

.post h2.normal { color:#bfced6; font-size: 19px; font-family: Georgia, serif; padding:0; line-height:23px; font-weight: normal; font-style: italic; margin-top:-16px; }
.post h2 a{ color:#fff; text-decoration: none; }

.post .entry {background:url(portfolio-top.png) no-repeat top; overflow: hidden; }
.pageposts .entry {width: 800px; margin-left: 6px;}
.post .entry p { padding-top:20px; color:#a3bbcc; font-size: 12px;}

.post-suite { display: block; float: left; background:url(bg-long-info.gif) repeat-x top left; width: 780px; color:#A3BBCC; line-height:16px; margin-bottom:20px; margin-left: 5px; }
.post-suite .img-legend {display:block; font-size:11px; color:#5d91aa;width:430px;text-align:center;margin-top:8px;margin-bottom:20px;}

.post-suite .titre-h4 {font-size:16px; font-family:"Trebuchet MS", sans serif; font-weight:bold; margin-top:10px; margin-bottom:-8px;color:#fff;}
.post-suite a, .long-info a, .post .entry a { text-decoration: none; font-size:11px; font-family:"Trebuchet MS", sans serif; color:#5a8ea7; }
.post-suite a:hover, .long-info a:hover, .post .entry a:hover { text-decoration: none; font-size:11px; font-family:"Trebuchet MS", sans serif; color:#fff; }
#post-suite-content {width: 520px;}

.post .postmeta { display:block; background:url(bg-long-info.gif) repeat-x bottom; padding-bottom: 5px; margin-bottom:30px; margin-left: 5px; padding-bottom: 15px; }
.nb-comments a {
	display: block;
	background: #07344a;
	margin-left: 85px;
	width: 100px;
	height: 21px;
	border: 1px #07344a solid;
	font-family: Georgia, serif;
	color:#5d91ab;
	text-align:center;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

.nb-comments a:hover {
	display: block;
	background: #1889b1;
	border: 1px #07344a solid;
	color:#fff;
}

.nb-comments a:hover { }

.post .entry h1 { font-size: 20px; font-weight: normal; }
.post .entry h2 { font-size: 18px; color: #c0c17e }
.post .entry h3 { font-size: 16px; color: #c0c17e }
.post .entry h4 { font-size: 16px; font-family:Georgia, Times, serif;}
.post .entry h5 { font-size: 12px; }
.post .entry h6 { font-size: 10px; color:#fff; }
.post .entry ul, .post .entry ol { padding:15px 0 0 30px;}
.post .entry li { padding-bottom:3px;}
.post .entry blockquote { padding-left:45px; background:url(quote.gif) no-repeat 5px 22px; min-height: 43px; }
.post .bt-download a {display: block; position: relative; background:url(bt-download.jpg) no-repeat top left; margin-left:570px; margin-top: 20px; width:204px; height: 60px;}
.post .bt-download a:hover, .post .bt-download a:active {display: block; background:url(bt-download.jpg) no-repeat bottom left;}
.post .bt-download a span {display:none;}

.details {display:block; background:url(bg-long-info.gif) repeat-x bottom; color:#ffc600; font-size: 9px; line-height: 14px; margin-top: 20px; margin-left:5px; width: 780px; height: 40px;}
.details .bt-repondre a {display:block; background:url(bt-repondre.jpg) no-repeat top left; width: 95px; height:23px; float:left;}
.details .bt-repondre a:hover {display:block; background:url(bt-repondre.jpg) no-repeat bottom left; width: 95px; height:23px;}
.details .bt-repondre a span {display:none;}
.details .bt-trackbacks a {display:block; background:url(bt-trackbacks.jpg) no-repeat top left; margin-left:10px; width: 95px; height:23px; float:left;}
.details .bt-trackbacks a:hover {display:block; background:url(bt-trackbacks.jpg) no-repeat bottom left; margin-left:10px; width: 95px; height:23px;}
.details .bt-trackbacks a span {display:none;}

.afficher a {float:left; position:absolute; background:url(bt-afficher.jpg) no-repeat top left !important; margin-right:10px; width:95px; height:23px; }
.afficher a:hover {background:url(bt-afficher.jpg) no-repeat bottom left !important; margin-right:10px; width:95px; height:23px; }
.afficher a span {display:none;}

.single {padding-top: 20px;}


/*=== PAGE POST SIMPLE===*/


/* ======================*/


/*======= FIN PAGE BLOG=========*/

small { color:#da7600; font-size:10px; display:block; line-height:12px; }

.headlines ul{ list-style-type: none; padding-left:10px;}
.headlines ul li{ padding-bottom:15px; padding-right:12px; background:url(sep.gif) no-repeat bottom left; margin-top:7px; width:84%;}
.headlines li small {background:url(puce-date-post.png) no-repeat bottom left; height:17px;font-weight:normal; color:#ff9c00; padding-top:3px;padding-left:17px;padding-bottom:0px;margin-bottom:-1px;}
.headlines a { font-family: Georgia, serif; font-size:14px; text-decoration:none; color:#fff; line-height:14px; }
.headlines a:hover { background:none; color:#5d91ab; }
.hl-comments { margin-top:-42px;}


.bloc-archives ul{ list-style-type: none; padding-left:12px;}
.bloc-archives ul li{ padding-bottom:5px; padding-right:12px;background:url(sep1.gif) no-repeat bottom left;margin-top:4px; width:89%;}
.bloc-archives li small {background:url(puce-date.png) no-repeat bottom left; height:17px;font-weight:normal; color:#ff9c00; padding-top:3px;padding-left:17px;padding-bottom:0px;margin-bottom:-2px;}
.bloc-archives a { font-family: Georgia, serif; font-size:16px; text-decoration:none; color:#ffeb99; line-height:12px; }
.bloc-archives a:hover { background:none; color:#fff; }

.cat-item p  {font-family: 'Trebuchet MS', sans serif; font-size: 11px; color#fff; }

#rotator {position:absolute;background:url(rotator/rotate.php) no-repeat bottom ; width:281px; height:129px; margin-top:340px; margin-left:-10px;}

.white { color:#fff; } 

.small-thumbnails { padding-top:5px; font-size:0; line-height:0; }
.small-thumbnails ul { list-style-type: none; }
.small-thumbnails ul li { float:left; display:inline; margin-right:10px; margin-bottom:10px; }
.small-thumbnails ul li a{ }
.small-thumbnails ul li a img{ background:url(small-bg.gif) no-repeat 0 0; width:33px; height:33px; padding:5px; }

/*=============FOOTER===============*/



#footer {width:950px; position:relative; padding-top:65px; margin: 0 auto;}
#footer a {text-decoration:none;}
#footer-cnt { }
.box-footer {display:inline; width: 960px; }


#gauche, #centre, #droite {float:left;}
#gauche h2{color:#ccc; margin-bottom:26px; padding-bottom:8px; background:url(top-liste.png) repeat-x bottom; width:250px; }


.liste-amis li:hover, .liste-amis li:active {background: none; cursor:auto;}
.liste-amis a {display: block; color: #a3bbcc;margin-top:5px;margin-bottom:10px;padding-bottom:5px;font-size:10px; width:258px; border-bottom:1px; border-bottom-style:dotted; border-bottom-color:#616567;}
.liste-amis a:hover {
display: block;
color: #ffc600;
/background:none;
}

.liste-amis span {font-size:11px;color:#fff; line-height:10px;}
.liste-amis strong {font-weight:bold;}
.liste-amis span:hover {/*background: url(pucelisteressourcesover.png) no-repeat top left;*/ color:#fff;}

ul .liste-livres {font-size:12px; }
li .livre {margin-bottom:2px;}
.livre a {font-style:italic; background:url(puce-p1.png) no-repeat left;color:#fff; font-size:12px; padding-left:12px; }
img.couv {float:left; margin-left:12px;margin-right:10px;}
.livre span { color:#a3bbcc; font-style:normal; font-size:10px;}

#gauche { height:281px; margin-left:65px;padding-right:15px;}

#centre {width:240px; height:45px; margin-top:-41px; padding-top:41px;margin-left:19px; z-index: 10;}
#centre .h2-centre {color:#ccc; padding-bottom:12px; background:url(tweetie.png) no-repeat top right; width:250px; height:46px;}
#centre .h2-centre2 {color:#ccc; padding-bottom:8px; background:url(top-livres.png) repeat-x bottom; width:250px; margin-top:-10px; margin-bottom:12px;}

#droite {background:url(bg-droite-footer.jpg) no-repeat top left; width:256px; height:339px; margin-top:-31px; margin-left:68px;margin-right:-10px;padding-top:30px; padding-left:30px;}

.twtr-widget {margin-top:-30px;}
.twtr-widget p {font-size:11px;}
.twtr-user {font-weight:bold;}
a.twtr-user { color:#fff; }
.twtr-widget .twtr-tweet {border-bottom:1px dotted #616567;overflow:scroll;}

#droite .h2-droite {background:url(droite-h2-bg.png) no-repeat bottom right; color:#a3bbcc; margin-bottom:3px; height:35px;margin-right:80px;}
.liste-img {list-style-type:none;font-size:10px;}
.liste-img a {border: 4px solid #4f5e66;}
.liste-img a:hover {border: 4px solid #7c94a1;}

#pixelnoir , #franckchartron , #dut {display:block; }
#pixelnoir a {display:block; background:url(pixelnoir.gif) no-repeat top left; width:172px; height:51px; }
#franckchartron a {display:block; background:url(franckchartron.gif) no-repeat top left; width:172px; height:51px; }
#dut a {display:block; background:url(dut.gif) no-repeat top left; width:172px; height:51px; }
#pixelnoir a:hover {display:block; background:url(pixelnoir.gif) no-repeat bottom left; width:172px; height:51px;}
#franckchartron a:hover {display:block; background:url(franckchartron.gif) no-repeat bottom left; width:172px; height:51px;}
#dut a:hover {display:block; background:url(dut.gif) no-repeat bottom left; width:172px; height:51px;}

.label {margin-left:-5px;margin-top:-6px;}

.liste-img span {color:#fff; }
.liste-img em {color:#a3bbcc; }

#footer ul { list-style-type: none; }
#footer ul li { display:inline; }
#footer .box-cnt { padding-top:16px; padding-bottom:16px; }

.footer-nav {/*position:absolute;*/margin-left:0px;margin-top:92px;}
.footer-nav a {color:#8198a3; text-decoration:none; margin: 0 20px 0 0;}

#copyright {font-size:10px; color:#587380; margin-top:20px;}

#wp-logo {background:url(logo-wordpress.png) no-repeat top left; width:134px; height:30px; margin-left:445px;}
#wp-logo span {display:none;}

#bottom {clear:both; margin-left:64px;padding-top:50px; width:870px; height:153px;background:url(bottom-cutpaper-ie7.png) no-repeat bottom;}
#et-aussi {position:absolute; background:url(top-centre-footer.png) top right; width:187px; height:45px;margin-top:-582px;margin-left:482px;}

.twtr-ft img, .twtr-ft span a {display:none;}


/*============== FIN FOOTER =====================*/

.top-portfolio { position:absolute; top:-5px; right:150px; width:187px; height:45px; background:url(top-portfolio.png);}

.welcome { padding-top:10px;}

.portfolio-box { position:relative; margin:-15px -31px 10px 10px; }
.portfolio-box-bg { background:url(portfolio.png) no-repeat; width:676px; height:555px; padding-top:10px; margin-bottom:50px;}
.portfolio-box-cnt {padding:0 20px 40px 20px; margin-left: 28px; height:600px;}
.portfolio-box-cnt h2{ position:relative; padding:20px 40px 0 30px; }
.portfolio-box-cnt p{color:#fff; font-family:"Trebuchet MS", arial; font-size:12px; line-height:16px;margin-top:12px; width:180px;}

.bloc-bienvenue {position:relative; width:180px; height:240px;margin-left:624px; margin-top:-450px;}
#img-author {background:url(img-author.png) no-repeat 0 0; width:191px; height:179px;}
#msg-author { width:221px; margin-top:10px;}
.ref {font-family:"Trebuchet MS", Verdana, Arial; color:#bfced6; font-size:10px; line-height:1.3em; padding-bottom:12px; margin-left: 4px; margin-bottom:5px;}
.grandtitre {font-family:Georgia, serif; font-weight: bold; font-size:40px;color:#ffc600; padding-top:16px; padding-left:12px; margin-top:2px; width:178px;border-top:1px #236484 solid }

.ref-one, .ref-two {padding-left:12px;}
.ref-one {margin-top:14px; padding-top:10px;width:178px;border-top:1px #236484 solid;}

#msg-author .tweet {margin-left:2px;margin-top:30px;}
#msg-author .twtr-hd {display:none;}
#msg-author .twtr-tweet-text p {font-style:italic; font-size :13px;}

/*.projects {}
.projects ul{ list-style-type: none; }

.projects ul li .image{ font-size:0; line-height:0; padding:19px 0 0 18px; height:130px; }
.projects ul li .image a { background:transparent !important; }
.projects ul li .image a img{ border:solid 4px #0e628c; width:234px !important; height:130px !important; }
.projects ul li .image a:hover img{border:solid 4px #1489c4; width:234px !important; height:130px !important; }


.projects ul li h3 a:hover {color:#fff; }
.projects ul li .info{ padding:0 20px; margin-top:8px;}*/
.projects ul li .view {display:none;} /*{ float:right; color:#bfced6; padding-top:3px; font-size: 10px; line-height:17px; text-decoration: none; font-weight: normal; font-family: Tahoma, Verdana; background:transparent !important; }*/
/*.projects ul li .view:hover { color:#ffc600; }*/

#textSlide h3, #textSlide h3 a          { font: 20px Georgia, Serif; color: #fff; background: none; background-image: none;}
#textSlide h3 a:hover         			{ border-bottom: 1px solid #385563; color:#5d91ab; background: none; background-image: none;}

/*======== BOUTONS =========*/

.bt-more a {display: none; visibility: hidden; }
/*.bt-more a span {display:none}
.bt-more a:hover {color:#fff;background:url(bt-more-over.jpg) no-repeat;}*/
.bt-ecrire a {position:absolute;background:url(bt-ecrire.jpg) no-repeat;width:81px;height:23px;padding-left:10px;margin-left:5px;}
.bt-ecrire a span {display:none}
.bt-ecrire a:hover {color:#fff;background:url(bt-ecrire-over.jpg) no-repeat;}
.bt-voir-projet {}

/*==========================*/

h3 { font-size:13px; color:#000; font-family: Georgia, serif; font-weight: normal; line-height:22px; }

.one-column { width:960px; margin-left:23px; }

.three-columns { }

.hidden { display:none;}

#sidebar ul { list-style-type: none;}
#sidebar ul li{ padding-bottom:20px; }
#sidebar ul li ul{ padding-left:35px; }
#sidebar ul li ul ul{ padding-left:15px; }
#sidebar ul li a { color:#fff; text-decoration: none; border-bottom:solid 1px #b0c306;}
#sidebar ul li a:hover { background:#b0c306; color:#000; }
#sidebar ul li li{ padding-bottom:2px;  }

/*** Hovers ***/

.post h2 a:hover {color:#bfced6; }

.nav { background:#04202c; margin-bottom:20px; margin-left: 5px; padding: 5px 0 5px 0; height:20px; font-size:11px; white-space:nowrap; width: 780px; border-bottom: 1px #073044 solid;}
.nav a { color:#5d91ab; text-decoration: none; font-family:Georgia, serif; }
.nav a:hover, .nav a:active {color:#fff;}

.alignleft { float:left; color:#5d91ab; margin-left: 5px;}
.alignleft:hover { float:left; color:#fff;}

.alignright { float:right; color:#5d91ab; margin-right: 5px;}
.alignright:hover { float:right; color:#fff;}

/*===========COMMENTAIRES=============*/

#respond { padding-top:15px; padding-bottom: 15px; margin-left:5px; margin-top:5px; width: 540px;}
#respond p { padding-bottom:10px; }
#respond small { display:inline; font-size: 11px; margin-left: 10px; }
#respond input, #respond textarea { border:solid 1px #174a63; background-color:#103446; }
#respond input { width:200px;}
#respond input:hover, #respond input:focus { background:#154259;}
#commentform #submit {background:url(bg-submit.jpg); font: italic bold 12px Georgia, serif; color :#a3bbcc; border: none;}
#commentform #submit:hover {color :#fff; }
#respond textarea { width:530px; height:170px; }
#respond h3, h3#comments { color:#fff; margin-left: 5px; padding-bottom:15px; font-style: italic; }

input, textarea, select { font-size:12px; font-family: 'Trebuchet MS', Arial, sans-serif; border:solid 1px #174a63; background-color:#103446; background-image:none; color:#a3bbcc;}
input, textarea { padding:6px 5px; background-image:none;background-color:#103446;}
input:hover, textarea:hover, input:focus, textarea:focus { background-color:#174c66; }
textarea { overflow:auto; }
.comment { margin-left: 5px; padding:6px 0px; }
#searchform input { width:180px; background-image:none;}
#searchform input#searchsubmit { width:80px; }

#comments h3 {font-size: 11px; color:#fff;}

ol.commentlist { list-style-type: none; width: 540px; background:url(bg-long-info.gif) repeat-x bottom; }
ol.commentlist li{ padding-bottom:30px;}
ol.commentlist li ul.children { list-style-type: none; margin-left: 15px; padding-left: 15px; margin-top: 15px;}
ol.commentlist li ul.children li { padding-bottom: 0;}
ol.commentlist li p{ padding-top:10px; }
ol.commentlist .commentmetadata{ font-size:11px; }
ol.commentlist img { float:right; padding:1px; /*border:solid 1px #174a63;*/ }

.comment-body em {color: #fff; font-style: italic; }
.comment-body p {color:#a3bbcc; font-size: 11px; line-height: 14px; }
.comment-body { background: #0f3446; padding: 10px 20px 16px 12px; width: 510px; }
.comment-author a, .comment-author .fn {text-decoration: none; color:#5e91ab; font-size: 15px; font-weight: bold; }
.comment-author {color:#fff }
.comment-meta { border-bottom: 1px #174a63 solid; padding-bottom: 2px;}
#commentform small {color:#5e91ab;}
.comment-meta a {text-decoration: none; color:#ffc600; font-size: 9px;}

.nobrd { border:0 !important;}

/*======== FIN COMMENTAIRES ==========*/


/*=========  PAGE PORTFOLIO  =========*/

.portfolio ul {list-style-type: none; padding-top:6px;}
.portfolio ul li{background:url(portfolio-top.png) no-repeat top; padding-top:20px;padding-bottom:16px; width:900px; }
.portfolio .image {background:url(portfolio-img-bg.png) no-repeat top left; float:left; width:438px;height:275px; padding:13px;}
.portfolio .image a { background:transparent !important; }
.portfolio .image a img{ width:400px; height:222px; padding:1px; border:solid 4px #0b4d6e; }
.portfolio .image a:hover img{ border-color:#1489c4; }

/* partie INFOS */

.portfolio .info, .portfolio .info-item { float:left;  background:url(bg-project-info.) no-repeat top left; width:360px; height:281px; margin-left:-18px; margin-top:-1px;padding-left:25px; padding-top:0px;}
.portfolio .info p, .portfolio .info-item p {color:#a3bbcc; line-height:18px;}

.info-item .entry p {margin-bottom: 20px;}
.viewsite a span{display:none;}
.viewsite a {position:absolute; background:url(bt-visit-site.jpg) no-repeat top left !important; width:116px; height:24px; margin-left:95px;}
.viewsite a:hover {position:absolute; background:url(bt-visit-site.jpg) no-repeat bottom left !important; width:116px; height:24px; margin-left:95px;}
.info-item .viewsite a {margin-left:0px;}
.viewsite a span:hover { }

.voir-details a span {display:none;}

/*.subtitle {font-family:Georgia, serif; color:#3399cc; font-size:12px;margin-top:2px;}*/

.project-tag {display:block;position:absolute; background:url(img-author-small.png) no-repeat top left; margin-top:14px; margin-left:250px; padding-top:60px; width:100px; height:150px;}
.project-tag span {list-style-type:none; background:url(puce-p1.png) no-repeat left; color:#5d91ab; font-size:9px; line-height: 16px; padding:0px 0 4px 12px;}

.voir-details a {float:left; position:absolute; background:url(bt-details.jpg) no-repeat top left !important; width:82px; height:24px; }
.voir-details a:hover {background:url(bt-details.jpg) no-repeat bottom left !important; width:82px; height:24px;  }

.portfolio h2 {color:#bfced6; margin-left: 2px; }
h2.pagetitle {color:#bfced6; margin-left: 4px; margin-bottom: 10px; font-size: 13px; }
.portfolio h3 { font-family: Georgia, serif; font-size:24px; line-height:22px; font-style:normal; color:#fff;margin-bottom:10px;}

.info .entry p {margin-bottom: 20px;}
.info .entry p, .info-item p { padding-top:12px; width:210px;}

.portfolio h3 a{ text-decoration: none; color:#2a97bf;}
.portfolio h3 a:hover{ background:#ffc600; color:#000;}
.portfolio .long-info { padding-top: 10px; padding-bottom:20px; margin-left:4px; width:700px;background:url(bg-long-info.gif) top repeat-x;}

.long-info img, .post-suite img {border: 1px #1482ba solid;}
.long-info img:hover, .post-suite img:hover {border: 1px #19a0e3 solid;}
.long-info .entry p, .post-suite .entry p {color:#a3bbcc; line-height:16px;margin-bottom:20px; margin-right:150px;}
.long-info .entry .sous-titre1, .post-suite .entry .sous-titre1{color:#a3bbcc; font-weight:bold; font-size:16px;}
.long-info .entry h4 {font-size:16px; font-family:"Trebuchet MS", sans serif;font-weight:bold;margin-bottom:10px;color:#fff;}
.long-info .img-legend {display:block; font-size:11px; color:#5d91aa;width:430px;text-align:center;margin-top:-15px;margin-bottom:20px;}

/*.alignnone {width:100%;}*/

/*===================================*/

.screen-reader-text { display:none;}

/*===== Formulaire CONTACT =========*/

#col-droite { margin-left: 565px; }
.ref-profil { margin-left: -14px; margin-top: -10px; font-size: 10px; color: #fff; }
.ref-profil li { list-style-type: none; line-height: 14px; background:url(puce-p1.png) no-repeat left; padding-left: 14px;}
.ref-profil li span { font-weight: bold; }

.h2-contact {
	margin-top: 20px;
	padding-left: 16px;
	padding-top: 10px;
	font-family:Georgia, sans serif;
	color:#5d91ab;
	font-size:18px;
	font-style: italic;
	background:url(h2-contact.png) no-repeat top left;
	width:209px;
	height:42px;
}

.p-contact {
border-top:1px dotted #1d516b;
border-bottom:1px dotted #1d516b;
color:#a3bbcc;
display:block;
line-height:18px;
margin-left:5px;
padding-right:15px;
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
padding-left: 11px;
position:absolute;
width:190px;
}


#name_email { margin-top:-10px; }

.h2-ecrire { margin-top:-10px; margin-left: -5px; padding-left: 16px; padding-top: 10px; font-family:Georgia, sans serif; color:#5d91ab; font-size:18px; font-style: italic; background:url(h2-ecrire.png) no-repeat top left; width:550px; height:42px;}

div.wpcf7 {display: inline; margin-left: 8px; width: 540px; float: left;}
div.wpcf7 ul { list-style-type: none; margin-left: -30px; }
div.wpcf7 li {display: inline; float:left; }

.pform { color:#5e91ab; font-size: 12px; float:left;}
.pform-sujet { color:#5e91ab; font-size: 12px; clear: both; }
.pform span { float: left; }

#contact-form-message { display: block; width: 529px; height: 200px;}
#contact-form-message, #contact-form-name, #contact-form-email, #contact-form-sujet { background-image: none; border: 1px solid #174A63; }
#contact-form-submit {
	background:url(bt-envoyer.jpg) no-repeat top;
	border: none;
	font: italic 18px Georgia, serif;
	color :#a3bbcc;
	width: 204px;
	height:46px;
	text-align: left;
	margin-top:10px;
	padding-bottom: 14px;
	padding-left:20px;
}

#contact-form-submit:hover {
	background:url(bt-envoyer.jpg) no-repeat bottom;
	font: italic 18px Georgia, serif;
	color :#fff;
	width: 204px;
	height: 46px;
	text-align: left;
	padding-bottom: 14px;
	padding-left:20px;
}

#contact-form-name, #contact-form-email, #contact-form-sujet, #contact-form-message { margin-bottom: 10px; }
#contact-form-sujet { width:529px; margin-top:-19px;}
#contact-form-submit:hover {color :#fff; }
#contact-form-submit { margin-bottom: 40px; cursor: pointer; }
#contact-form-name { margin-right: 12px;}
#contact-form-email, #contact-form-name { width:252px; }

div.wpcf7-response-output {margin-left:4px; margin-top:-30px; font-size:10px; color:#a3bbcc;}
div.wpcf7-mail-sent-ok {}
div.wpcf7-mail-sent-ng {}
div.wpcf7-spam-blocked {}
div.wpcf7-validation-errors {}

span.wpcf7-form-control-wrap {position: relative;}

span.wpcf7-not-valid-tip {
	display: none;
	/*position: absolute;
	z-index: 100;
	background: none;
	color:#a3bbcc; 
	font-size: 9px;
	width: 280px;
	margin-top: 5px;
	margin-left: 5px;*/
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}

img.ajax-loader { border: none; vertical-align: middle;}

#no-ie-bg {
background-image:url(no-ie-bg.png);
background-repeat:repeat;
top:0;
height:100%;
position:fixed;
width:100%;
z-index:100;
}

#no-ie {
background:url(bloc-no-ie.png) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:100px;
width:498px;
height:373px;
z-index:110;
}