*/*
Theme Name: DFW Theme
Theme URI: http://www.fouquere.com/
Description: Theme pour la version Wordpress de mon site pro
Version: 1
Author: David Fouquere
 
DFW Theme par David Fouquere || http://www.fouquere.com
 
*/

img{
border: none;
}

h3{
color: #000;
font-size: 1.2em;
letter-spacing: 0.1em;
}

.highlight{
color: #006699;
}

.citation{
text-align: center;
font-size: 1.15em;
margin: 1.8em 0;
font-weight: bold;
}

.liencontenu a{
color: #333848;
font-weight: bold;
text-decoration: none;
}

.liencontenu a:hover{
color: #c999c1;
}

.liensite a, .contact li a, .mentions a{
color: #333848;
text-decoration: none;
background-color: #c999c1;
padding: 0.1em 0.5em;
}

.liensite a:hover, .contact li a:hover, .mentions a:hover{
color: #c999c1;
background-color: #333848;
}

body {
font-family: Arial, Georgia, Verdana;
font-size: 0.8em;
text-align: left;
background: #333848;
color: #006699;
margin: 0;
}

#fondhaut {
background: url(images/fond_bandeau.jpg) top left repeat-x;
}

#page {
margin: 0 auto;
width: 900px;
}

#header {
float: left;
width: 100%;
height: 230px;
background-color: #c999c1;
}

#menu{
height: 1.75em;
text-align: center;
font-size: 1em;
font-variant:small-caps;
font-family: Verdana;
font-weight: bold;
padding-top: 0.2em;
letter-spacing: 0.1em;
background-color: #7d2d5e;
border-bottom: 1px solid #fff;
}

#menu ul{
margin: 0em;
}

#menu li{
list-style: none;
display: inline;
margin: 0 1.5em;
}

#menu a{
color: #fff;
text-decoration: none;
padding-bottom: 0.35em;
}

#menu a:hover{
border-bottom: 2px solid #fff;
}

#infoheader {
width: 900px;
margin: 0 auto;
}

#headergauche{
float: left;
width: 715px;
}

#photo{
float: left;
width: 400px;
height: 204px;
background: url(images/photoettitre.jpg) bottom left no-repeat;
}

.imagejs{
width: 300px;
height: 155px;
overflow: hidden;
background-color: #c999c1;
}

#logo{
float: left;
width: 185px;
height: 202px;

background: url(images/dfw-logo.jpg) no-repeat;
}

#content {
float: left;
background: url(images/ombrecontenu.png) top left repeat-x;
background-color: #fff;
border: 1px solid #000;
border-top: none;
width: 620px;
padding: 0 10px;
margin-bottom: 20px;
}

.post{
margin-bottom: 25px;
padding: 15px;
}

.post img {
float: left;
margin: -5px 6px 0 -6px;
}

.post .fond-post{
margin:15px 5px 0 5px;
padding: 10px;
border: 1px solid #ccc;
border-top: 4px solid #99c9cb;
}

.post .nb-comment a { 
float: right; 
background: url(images/bulle-comment.png) no-repeat top left; 
width: 45px; 
height: 41px; 
position: relative;
padding: 10px 0px 0 0px;
text-align: center;
color: #000;
text-decoration: none;
font-family: Arial; 
font-weight: bold;
}

.tag a{
font-size: 0.85em;
padding: 0em 0.35em;
color: #bbb;
text-decoration: underline;
}

.tag a:hover{
color: #006699;
text-decoration: overline;
}

.lire{ 
float: left; 
background: url(images/lirelasuite.png) no-repeat top right; 
width: 105px; 
height: 27px; 
position: relative;
text-indent: -9999em;
margin: -14px 0 0 16px;
}

.post h2 {
margin: 0px;	
}

.post h2 a {
	color: #515973;
	font-size: 1em;
text-decoration: none;
}

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

.postmetadata {
font-family: Arial;
font-size: 0.8em;
color: #515973;
word-spacing: 0.1em;
}

.post_content p {
font-size: 0.9em;
color: #444;
padding: 0px 0;
text-align: justify;
}

.more-link{
display: none;
}

.titre {
color: #444;
}

.titre li{
color: #006699;
list-style: square;
}

.titre h3{
color: #7d5f7b;
margin: 0.8em 0 0.8em 0;
font-size: 1.3em;
}

.titre h4{
color: #333;
margin: 1em 0 0em 0;
font-size: 1em;
}

.presentation h3, .services h3, .devis h3, .contact h3, .wlmframe h3, .mentions h3{
color: #7d5f7b;
margin: 1.8em 0 0.8em 0;
font-size: 1.3em;
}

.ddsg-wrapper h2{
color: #515973;
margin: 1.8em 0 0.8em 0;
font-size: 1.3em;

}

.ddsg-wrapper li{
list-style: square;
color: #555;
line-height: 1.9em;
font-size: 1.1em;
}

.ddsg-wrapper li a{
text-decoration: none;
color: #333848;
}

.ddsg-wrapper li a:hover{
text-decoration: none;
color: #7d2d5e;
font-weight: bold;
}

.ddsg-wrapper li li{
list-style: disc;
color: #515973;
line-height: 1.7em;
font-size: 0.8em;
}

.ddsg-wrapper li li a{
text-decoration: none;
color: #c666c1;
}

.ddsg-wrapper li li a:hover{
text-decoration: none;
color: #333848;
}

.presentation li, .services li, .devis li{
list-style: none;
color: #000;
line-height: 1.9em;
}

.mentions li{
font-size: 0.9em;
list-style: none;
color: #000;
line-height: 1.7em;
}

.logiciels, .langages, .cms{
width: 188px;
text-align: center;
margin: 0em auto 1em auto;
float: left;
}

.logiciels h4, .langages h4, .cms h4{
letter-spacing: 0.1em;
margin-top: 0.3em;
}

.logiciels li, .langages li{
text-align: center;
text-indent: -3.5em;
color: #006699;
}

.cms li{
text-align: left;
text-indent: 0.5em;
line-height: 3.44em;
list-style: none;
color: #006699;
}

.cms img{
margin: 0 0.6em 0em 0.13em;
}

.crea img{
margin-right: 1.5em;
}

.pack img{
margin-right: 1em;
}

.packarticle{
width: 580px;
margin: 1.5em 0em 0em 3em;
}

.packarticle img{
margin: 0em 1em;
}

.crea{
height: 230px;
}

.pack{
margin: 1.5em 0em;
}

.crea h3, .pack h3{
color: #7d5f7b;
}

.crea li{
color: #333848;
font-size: 0.85em;
padding: 0.3em 0;
}

.pack ul{
margin-left: 11em;
}

.pack li{
color: #333848;
font-size: 0.95em;
line-height: 1.5em;
list-style: disc;
}

.crea span{
color: #7d2d5e;
}

.pack span{
color: #006699;
}

hr{
background: url(http://www.fouquere.com/dfw-webdesigner-wordpress/wp-content/themes/dfw/images/hr.png) center no-repeat;
height: 40px;
border:none;
clear: both;
}

.clear {
padding: 5px;
clear: both;
}

.loi{
color: #9999bb;
font-size: 0.85em;
text-align: justify;
}

.wlmframe iframe{overflow:hidden; margin: 0 2em;}

.commenth3 {
text-align: left;
font: 1.25em Verdana;
border-bottom: 1px dashed #888;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.avatar { 
	float: left;
	border: 1px solid #ccccff;
	padding: 2px;
margin-right: 10px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 1em; 
text-decoration: none;
color: #515973;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;

	}

#respond form{
width: 95%;
margin: auto;
}

#adresse, #telmail{
float:left;
width: 175px;
margin: 1em 0.5em 0 1.5em;
border-right: 1px dotted #333848;
}

#siretape{
float:right;
width: 150px;
margin: 1em;
}

.contact .coordonnees{
float:left;
width: 280px;
margin: 0 3em 2em 1em;
border-right: 1px dotted #333848;
}

.contact .coordonnees img{
margin: 1.5em 1.3em 0.5em 0;
}

.contact .coordonnees h4{
margin: 0.8em 0em 0.3em 0;
letter-spacing: 0.1em;
}

.contact .coordonnees li{
list-style: none;
color: #444;
font-size: 0.9em;
line-height: 1.4em;
letter-spacing: 0.05em;
}

.contact .infos{
float:left;
font-size: 0.9em;
margin: 1em 0em 0 0;
width: 250px;
}

.contact .infos li{
list-style: none;
line-height: 1.5em;
clear: both;
}

.contact .infos img{
margin: 0em 0.8em 0.3em -0.15em;
width: 18px;
}

.formulaire input, .formulaire textarea{
background-color: #c999c1;
border: none;
border-left: 3px #000 solid;
margin: 0.5em 0;
padding: 0.3em;
margin-right: 8em;
}

.formulaire label{
font-size: 1.2em;
color: #000;
}

.formbutton {
cursor:pointer;
width: 90px;
}

.formbutton:hover {
background-color: #000;
color: #c999c1;
}

p.btsubmit{
width: 100px;
}

.btsubmit input{
background-color: #c999c1;
border: none;
border-left: 3px #000 solid;
cursor:pointer;
width: 100px;
padding: 0.3em;
}

.btsubmit:hover input{
background-color: #000;
color: #c999c1;
}

.indication{
color: #666;
font-style: italic;
font-size: 1em;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata a{
	font-weight: normal;
font-size: 0.9em;
text-decoration: none;
color: #8888cc;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;

	}

.commentlist li {
width: 90%;
	margin: 25px auto 0 auto;
	padding: 10px;
	list-style: none;
border: 1px solid #ccccff;
border-left: 4px solid #99c9cb;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;

}

.commentlist p {
	margin: 20px 5px 0px 0;

}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;

	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.casegravatar label, .toggle{
cursor: pointer;
border-left: 3px solid #c999c1;
color: #c999c1;
background-color: #000;
padding: 0.2em 0.8em;
font-weight: bold;
font-size: 1em;
}

#tsecti, #navdfw, #widdfw, #jsdfw, #flashdfw, #navdfwflash, #technodfwflash{
clear:both;
cursor:pointer;
}

.toggle{
float:right;
margin-right: 0.7em;
}

.casegravatar label:hover, .toggle:hover{
background-color: #c999c1;
color: #000;
}

.casegravatar input{
background: none;
border: none;
margin: 0em 0.5em 0.3em 0.5em;
}

.gravsign{
border-bottom: 1px dashed #888;
padding-bottom: 0.8em;
margin-bottom: 1em;
text-align: justify;
}

.sidebar {
float: right;
background: url(images/sidebarhaut) top left no-repeat;
width: 255px;
margin: 0px 0px 20px 0px;
color:#c999c1;
}

.sidebar li a{
font-size: 0.9em;
color: #fff;
text-decoration: none;
line-height: 1.8em;
}

.sidebar li a:hover{
color: #c94998;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
}

.sidebar h2 {
font-size: 1.2em;
border-bottom: 1px dashed #c999c1;
padding: 0.4em;
}

.aborss img{
margin: 0.1em 0px 0.5em 0px;
}

#search{
margin-top: 0.8em;
text-align: center;
}

#searchsubmit {
width: 23px;
height: 22px;
vertical-align: top;
background: url(http://www.fouquere.com/dfw-webdesigner-wordpress/wp-content/themes/dfw/images/btrecherche.jpg) no-repeat;
cursor: pointer;
border: none;
}

#s{
width: 193px;
border: 1px solid #333848;
padding: 0.15em;
}

/******** Newsletter ***********/
#etiqueta{
display: none;
}

/******** Scroll Portfolio **********/

#scrollerfolio-header a {
text-decoration:none; 
padding: 2px 5px; 
margin: 0 0.1em; 
border: 1px solid #ccccff; 
color: #515973;
background: #fff;
float: right;
}

#scrollerfolio-header a:hover {
background: #515973; 
color: #fff; 
border: 1px solid #ccc; 
}

.selected {
background: #515973 !important; 
color: #fff !important; 
border: 1px solid #ccc !important; 
}

#scrollerfolio-header {
width:600px;
height:auto;
margin:0.85em 0em;
}

#scrollerfolio-body {
width:600px;
}

#maskfolio {
width:570px;
overflow:hidden;
margin:0;
}

#pagefolio div {
margin-right: 1.5em;
float:left;
}

/******** Scroll Sidebar **********/

.panelselected {
background: none !important; 
border: none !important; 
}

#scroller-header {
width:255px;
height:auto;
margin:0.85em 0em;
}

#scroller-body {
width:255px;
}

#scroller-body h2{
height: 33px;
}

#mask {
	width:240px;
	overflow:hidden;
	margin:0;
}

#panel {

}

#panel div {
float:left;
}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 10px;
padding:0;
}

	#panel ul li {
		padding:0.3em 0;
		color:#fff;
		list-style: none;
	}

	#panel ul li.last {
		border:none !important;
	}

#panel-1 {
}

#panel-2 {
text-align: center;
}

#panel-2 h2{
text-align: left;
}

.thumb{
border: 1px solid #fff;
margin: 0.2em;
}

.thumb:hover{
border: 1px solid #c94998;
}

#panel-3 {
}

#panel-3 ul li{
list-style: none;
}

#panel-3 img, .ico img{
vertical-align: middle;
margin-right: 0.5em;
width: 30px;
}

/****** FIN TEST ********/

.haut{
position: absolute;
font-weight: bold;
margin: 1.4em 0 0 23em;
}

.haut2{
font-weight: bold;
margin: 1em auto;
float: right;
}

.haut a, .haut2 a{
text-decoration:none; 
padding: 2px 4px; 
margin: 0 4px; 
border: 1px solid #ccccff; 
color: #515973;
}

.haut a:hover, .haut2 a:hover{
background: #515973; 
color: #fff; 
border: 1px solid #ccc; 
}

.emotion img{
height: 1.5em;
float: none;
margin: 0.1em 0.3em;
}

#footer {
font-size: 1em;
clear: both;
background: url(images/fond_footer.jpg) top left no-repeat;
background-color: #000;
}

#tabs{
height: 340px;
background-color: transparent;
}

.lastproject{
text-align: center;
margin-top: 2.5em;
}

.lastproject img{
margin: 0.5em;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}

.lastproject img:hover{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
}

.footerinfos {
font-size: 1em;
border-top: 1px dashed #000;
padding: 0.4em;
color: #000;
background-color: #c999c1;
text-align: center;
}

.footercredit{
text-align: right;
}

.footercredit img {
width: 100px;
margin: -4.6em -0.2em 0 0;
}

.footercopy {
float:left;
height: 20px;
padding-top: 13px;
}

.footercopy a{
color: #515973;
text-decoration: none;
padding: 0.2em;
}

.footercopy a:hover{
color: #000;
}

#tabs-2, #tabs-5{
width: 980px;
margin: 0 auto;
}

#tabs-5{
width: 800px;
margin: 0 auto;
}

#tabs-2 h3, #tabs-5 h3{
color: #c94998;
font-size: 1em;
}

.links{
width: 183px;
margin: 1em 1em 1em 0em;
float: left;
}

.links li{
line-height: 1.6em;
border-right:1px dashed #c94998;
color: #c94998;
margin-left: -1em;
}

.last li{
border:none;
}

.links li a{
color: #7777ff;
text-decoration: none;
}

.links li a:hover{
color: #c94998;
}

.linksannu{
width: 180px;
margin: 0em 1em 1em 0em;
float: left;
}

.linksannu li{
line-height: 1.6em;
color: #c94998;
margin-left: -1em;
}

.lastannu li{
border-right:1px dashed #c94998;
}

.linksannu li a{
color: #7777ff;
text-decoration: none;
}

.linksannu li a:hover{
color: #c94998;
}

#screenshot{
position:absolute;
border:1px solid #c94998;
background:#111;
padding:6px;
display:none;
color:#fff;
}

#flickr{
width: 900px;
text-align: center;
margin: 3em auto;
}

#flowfolio{
width:100%;
height: 300px;
margin: 0em auto;
}